import * as e from "react";
import l from "../../../../../../../../../_virtual/index9.js";
import { Root as N, Trigger as u, Value as C, Icon as h, Portal as E, Content as I, Viewport as g, Item as R, ItemIndicator as w, ItemText as T, Group as z, Label as y, Separator as b } from "../../../../../../../@radix-ui_react-select@2.1.1_@types_react-dom@18.3.6_@types_react@18.3.3__@types_react@_82e3dc85cf54aa5e4b88893970084696/node_modules/@radix-ui/react-select/dist/index.js";
import { Root as v, Viewport as P, Scrollbar as x, Thumb as $ } from "../../../../../../../@radix-ui_react-scroll-area@1.1.0_@types_react-dom@18.3.6_@types_react@18.3.3__@types_r_3bfb05a6ab83c8292fe06f4ec1b4dc26/node_modules/@radix-ui/react-scroll-area/dist/index.js";
import { extractProps as d } from "../helpers/extract-props.js";
import { marginPropDefs as V } from "../props/margin.props.js";
import { ChevronDownIcon as D, ThickCheckIcon as A } from "./icons.js";
import { selectRootPropDefs as p, selectTriggerPropDefs as G, selectContentPropDefs as L } from "./select.props.js";
import { useThemeContext as k, Theme as H } from "./theme.js";
const f = e.createContext({}), M = (r) => {
  const { children: a, size: t = p.size.default, ...s } = r;
  return e.createElement(N, { ...s }, e.createElement(f.Provider, { value: e.useMemo(() => ({ size: t }), [t]) }, a));
};
M.displayName = "Select.Root";
const O = e.forwardRef((r, a) => {
  const t = e.useContext(f), { children: s, className: o, color: n, radius: m, placeholder: c, ...i } = d({ size: t?.size, ...r }, { size: p.size }, G, V);
  return e.createElement(u, { asChild: !0 }, e.createElement("button", { "data-accent-color": n, "data-radius": m, ...i, ref: a, className: l("rt-reset", "rt-SelectTrigger", o) }, e.createElement("span", { className: "rt-SelectTriggerInner" }, e.createElement(C, { placeholder: c }, s)), e.createElement(h, { asChild: !0 }, e.createElement(D, { className: "rt-SelectIcon" }))));
});
O.displayName = "Select.Trigger";
const Y = e.forwardRef((r, a) => {
  const t = e.useContext(f), { className: s, children: o, color: n, container: m, ...c } = d({ size: t?.size, ...r }, { size: p.size }, L), i = k(), S = n || i.accentColor;
  return e.createElement(E, { container: m }, e.createElement(H, { asChild: !0 }, e.createElement(I, { "data-accent-color": S, sideOffset: 4, ...c, asChild: !1, ref: a, className: l({ "rt-PopperContent": c.position === "popper" }, "rt-SelectContent", s) }, e.createElement(v, { type: "auto", className: "rt-ScrollAreaRoot" }, e.createElement(g, { asChild: !0, className: "rt-SelectViewport" }, e.createElement(P, { className: "rt-ScrollAreaViewport", style: { overflowY: void 0 } }, o)), e.createElement(x, { className: "rt-ScrollAreaScrollbar rt-r-size-1", orientation: "vertical" }, e.createElement($, { className: "rt-ScrollAreaThumb" }))))));
});
Y.displayName = "Select.Content";
const j = e.forwardRef((r, a) => {
  const { className: t, children: s, ...o } = r;
  return e.createElement(R, { ...o, asChild: !1, ref: a, className: l("rt-SelectItem", t) }, e.createElement(w, { className: "rt-SelectItemIndicator" }, e.createElement(A, { className: "rt-SelectItemIndicatorIcon" })), e.createElement(T, null, s));
});
j.displayName = "Select.Item";
const q = e.forwardRef(({ className: r, ...a }, t) => e.createElement(z, { ...a, asChild: !1, ref: t, className: l("rt-SelectGroup", r) }));
q.displayName = "Select.Group";
const B = e.forwardRef(({ className: r, ...a }, t) => e.createElement(y, { ...a, asChild: !1, ref: t, className: l("rt-SelectLabel", r) }));
B.displayName = "Select.Label";
const F = e.forwardRef(({ className: r, ...a }, t) => e.createElement(b, { ...a, asChild: !1, ref: t, className: l("rt-SelectSeparator", r) }));
F.displayName = "Select.Separator";
export {
  Y as Content,
  q as Group,
  j as Item,
  B as Label,
  M as Root,
  F as Separator,
  O as Trigger
};
//# sourceMappingURL=select.js.map
