@epilot/zenith-react 0.2.0-next.5 → 0.2.0-next.7

package/dist/components/select/select.js

@@ -1,16 +1,18 @@
-import { jsx as o, jsxs as E, Fragment as D } from "react/jsx-runtime";
+import { jsx as o, jsxs as E, Fragment as R } from "react/jsx-runtime";
 import * as s from "react";
 import { createPortal as st } from "react-dom";
 import { DirectionProvider as at } from "../../_virtual/_zenith-runtime-family_direction-provider.js";
 import { Select as p } from "../../_virtual/_zenith-runtime-family_select.js";
-import { mergeClasses as y, SLOT_ATTR as g, shorthands as v } from "@epilot/zenith-runtime/v1";
+import { mergeClasses as v, SLOT_ATTR as f, shorthands as w } from "@epilot/zenith-runtime/v1";
 import { useAppearanceAttributes as ct } from "../appearance-boundary/appearance-boundary.js";
 import { useDensity as dt } from "../density-provider/density-provider.js";
-import { makeZenithStyles as ut } from "../../styles/make-styles.js";
-import { boxModel as h, nativeControl as pt } from "../../styles/host-reset.js";
+import { useOptionalFieldContext as ut } from "../field/field.js";
+import { HiddenInputBox as pt } from "../../lib/hidden-input-box.js";
+import { makeZenithStyles as ft } from "../../styles/make-styles.js";
+import { boxModel as h, nativeControl as gt } from "../../styles/host-reset.js";
 import { OVERLAY_Z_INDEX as j } from "../../styles/overlay-layer.js";
-import { spacingElement1 as b, graySoft as ft, gray11 as gt, fontWeightSemibold as mt, leadingXs as ht, textXs as wt, spacingElement2 as S, grayA11 as W, accentA3 as G, grayA12 as U, leadingSm as Y, textSm as Z, selectItemPaddingY as H, selectItemPaddingLeft as xt, body as vt, accentA11 as V, focusRing as J, accentSoft as St, grayA8 as yt, radiusMd as K, radius2xl as bt, selectContentGap as It, selectContentPadding as Ct, radiusLg as At } from "../../tokens/index.js";
-const Dt = (i) => /* @__PURE__ */ o(
+import { spacingElement1 as C, graySoft as mt, gray11 as ht, fontWeightSemibold as wt, leadingXs as xt, textXs as vt, spacingElement2 as x, grayA11 as F, accentA3 as G, grayA12 as H, leadingSm as U, textSm as Y, selectItemPaddingY as Z, selectItemPaddingLeft as yt, body as St, accentA11 as V, focusRing as J, accentSoft as bt, grayA8 as It, radiusMd as K, radius2xl as Ct, selectContentGap as At, selectContentPadding as Dt, radiusLg as Lt } from "../../tokens/index.js";
+const Rt = (i) => /* @__PURE__ */ o(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -21,7 +23,7 @@ const Dt = (i) => /* @__PURE__ */ o(
     ...i,
     children: /* @__PURE__ */ o("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" })
   }
-), Lt = (i) => /* @__PURE__ */ o(
+), Tt = (i) => /* @__PURE__ */ o(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -32,7 +34,7 @@ const Dt = (i) => /* @__PURE__ */ o(
     ...i,
     children: /* @__PURE__ */ o("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
   }
-), Rt = (i) => /* @__PURE__ */ o(
+), Nt = (i) => /* @__PURE__ */ o(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -54,18 +56,18 @@ const Dt = (i) => /* @__PURE__ */ o(
     ...i,
     children: /* @__PURE__ */ o("path", { d: "M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z" })
   }
-), C = ut({
+), D = ft({
   trigger: {
-    ...pt,
+    ...gt,
     display: "flex",
     width: "100%",
     alignItems: "center",
     justifyContent: "space-between",
-    ...v.gap(S),
-    ...v.borderRadius(At),
+    ...w.gap(x),
+    ...w.borderRadius(Lt),
     backgroundColor: "transparent",
-    fontSize: Z,
-    lineHeight: Y,
+    fontSize: Y,
+    lineHeight: U,
     outlineStyle: "none",
     whiteSpace: "normal",
     textAlign: "left",
@@ -87,23 +89,23 @@ const Dt = (i) => /* @__PURE__ */ o(
       opacity: 0.5
     },
     "&[data-placeholder]": {
-      color: yt
+      color: It
     },
     "& svg": {
       pointerEvents: "none",
       flexShrink: 0
     },
-    [`& [${g}="select-value"]`]: {
+    [`& [${f}="select-value"]`]: {
       display: "flex",
       alignItems: "center",
-      ...v.gap(S),
+      ...w.gap(x),
       overflow: "hidden",
       textOverflow: "ellipsis",
       whiteSpace: "nowrap"
     },
     // The open-state chevron rotation is declared HERE, on the trigger that carries the state
     // attribute, reaching the icon by SLOT_ATTR.
-    [`&[data-popup-open] [${g}="select-icon"]`]: {
+    [`&[data-popup-open] [${f}="select-icon"]`]: {
       transform: "rotate(180deg)"
     }
   },
@@ -117,7 +119,7 @@ const Dt = (i) => /* @__PURE__ */ o(
     ...h,
     width: "1.5rem",
     height: "1.5rem",
-    color: W,
+    color: F,
     transitionProperty: "transform",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -139,9 +141,9 @@ const Dt = (i) => /* @__PURE__ */ o(
     backgroundColor: "transparent",
     color: V,
     cursor: "pointer",
-    ...v.borderRadius(K),
+    ...w.borderRadius(K),
     ":hover": {
-      backgroundColor: St
+      backgroundColor: bt
     },
     ":focus-visible": {
       outlineColor: J,
@@ -173,21 +175,21 @@ const Dt = (i) => /* @__PURE__ */ o(
     // Radix laid its content out as a column: scroll-up arrow, viewport, scroll-down arrow.
     display: "flex",
     flexDirection: "column",
-    backgroundColor: vt,
+    backgroundColor: St,
     // DENSITY-SPEC.md §2.3 — popup padding/gap only; the slide-in transition offsets a few lines
     // below deliberately keep the plain (non-density) `spacingElement2` value: they are not in the
     // approved matrix, and re-using the same primitive for two unrelated purposes doesn't make the
     // animation distance a density lever too.
-    ...v.padding(Ct),
-    ...v.gap(It),
-    color: U,
+    ...w.padding(Dt),
+    ...w.gap(At),
+    color: H,
     position: "relative",
     zIndex: j,
     transformOrigin: "var(--transform-origin)",
     overflowX: "hidden",
     overflowY: "auto",
-    ...v.borderRadius(bt),
-    ...v.border("1px", "solid", "transparent"),
+    ...w.borderRadius(Ct),
+    ...w.border("1px", "solid", "transparent"),
     // v1 shadow-md
     boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
     outlineStyle: "none",
@@ -200,16 +202,16 @@ const Dt = (i) => /* @__PURE__ */ o(
       transform: "scale(0.95)"
     },
     "&[data-starting-style][data-side='bottom']": {
-      transform: `translateY(-${S}) scale(0.95)`
+      transform: `translateY(-${x}) scale(0.95)`
     },
     "&[data-starting-style][data-side='left']": {
-      transform: `translateX(${S}) scale(0.95)`
+      transform: `translateX(${x}) scale(0.95)`
     },
     "&[data-starting-style][data-side='right']": {
-      transform: `translateX(-${S}) scale(0.95)`
+      transform: `translateX(-${x}) scale(0.95)`
     },
     "&[data-starting-style][data-side='top']": {
-      transform: `translateY(${S}) scale(0.95)`
+      transform: `translateY(${x}) scale(0.95)`
     },
     "&[data-ending-style]": {
       opacity: 0,
@@ -239,8 +241,8 @@ const Dt = (i) => /* @__PURE__ */ o(
     },
     width: "100%",
     minWidth: "var(--anchor-width)",
-    scrollMarginTop: b,
-    scrollMarginBottom: b
+    scrollMarginTop: C,
+    scrollMarginBottom: C
   },
   item: {
     ...h,
@@ -250,18 +252,18 @@ const Dt = (i) => /* @__PURE__ */ o(
     cursor: "default",
     userSelect: "none",
     alignItems: "center",
-    ...v.gap(S),
-    ...v.borderRadius(K),
+    ...w.gap(x),
+    ...w.borderRadius(K),
     // DENSITY-SPEC.md §2.3 — left padding and vertical padding are density levers; right padding
     // stays a fixed 32px at every tier (reserves the check-indicator's space, not modeled in
     // density.yaml).
-    paddingLeft: xt,
+    paddingLeft: yt,
     paddingRight: "2rem",
-    paddingTop: H,
-    paddingBottom: H,
-    fontSize: Z,
-    lineHeight: Y,
-    color: U,
+    paddingTop: Z,
+    paddingBottom: Z,
+    fontSize: Y,
+    lineHeight: U,
+    color: H,
     outlineStyle: "none",
     ":not(:first-child)": {
       marginTop: "0.125rem"
@@ -281,13 +283,13 @@ const Dt = (i) => /* @__PURE__ */ o(
       flexShrink: 0
     },
     "& svg:not([class*='text-'])": {
-      color: W
+      color: F
     }
   },
   itemIndicatorWrapper: {
     ...h,
     position: "absolute",
-    right: S,
+    right: x,
     display: "flex",
     width: "1rem",
     height: "1rem",
@@ -300,28 +302,28 @@ const Dt = (i) => /* @__PURE__ */ o(
     display: "block",
     width: "1rem",
     height: "1rem",
-    color: W
+    color: F
   },
   label: {
     ...h,
-    paddingLeft: S,
-    paddingRight: S,
+    paddingLeft: x,
+    paddingRight: x,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: wt,
-    lineHeight: ht,
-    fontWeight: mt,
-    color: gt
+    fontSize: vt,
+    lineHeight: xt,
+    fontWeight: wt,
+    color: ht
   },
   separator: {
     ...h,
     pointerEvents: "none",
-    marginLeft: `calc(-1 * ${b})`,
-    marginRight: `calc(-1 * ${b})`,
-    marginTop: b,
-    marginBottom: b,
+    marginLeft: `calc(-1 * ${C})`,
+    marginRight: `calc(-1 * ${C})`,
+    marginTop: C,
+    marginBottom: C,
     height: "1px",
-    backgroundColor: ft
+    backgroundColor: mt
   },
   scrollArrow: {
     display: "flex",
@@ -332,11 +334,11 @@ const Dt = (i) => /* @__PURE__ */ o(
   },
   scrollArrowUp: {
     ...h,
-    paddingBottom: b
+    paddingBottom: C
   },
   scrollArrowDown: {
     ...h,
-    paddingTop: b
+    paddingTop: C
   },
   scrollArrowIcon: {
     ...h,
@@ -347,21 +349,21 @@ const Dt = (i) => /* @__PURE__ */ o(
     transform: "rotate(180deg)"
   }
 });
-function A(i) {
+function L(i) {
   const t = s.Children.toArray(i).filter(s.isValidElement);
   return t.length === 1 ? t[0] : void 0;
 }
-function L(i, t) {
-  const r = i ? A(t) : void 0;
+function T(i, t) {
+  const r = i ? L(t) : void 0;
   return r ? { render: r } : { children: t };
 }
-function M(i, t, r) {
-  const e = i ? A(t) : void 0;
+function W(i, t, r) {
+  const e = i ? L(t) : void 0;
   if (!e) return { children: r(t) };
   const n = e.props.children;
   return { render: s.cloneElement(e, void 0, r(n)) };
 }
-function Tt(i) {
+function qt(i) {
   if (i)
     return () => {
       const t = new Event("focus", { cancelable: !0 }), r = document.activeElement;
@@ -370,7 +372,7 @@ function Tt(i) {
       return e !== r && e instanceof HTMLElement && queueMicrotask(() => e.focus()), !t.defaultPrevented;
     };
 }
-function Nt() {
+function Et() {
   const i = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
   let r = 0;
   const e = () => {
@@ -396,105 +398,105 @@ function Nt() {
     version: () => r
   };
 }
-const R = s.createContext(null), I = s.createContext(!1);
+const N = s.createContext(null), A = s.createContext(!1);
 function Q(i) {
   return i === "" ? null : i;
 }
-const Ht = s.forwardRef(function({ children: t, dir: r, value: e, defaultValue: n, onValueChange: a, onOpenChange: l, ...c }, d) {
-  const [m] = s.useState(Nt), u = s.useMemo(() => ({ labels: m, dir: r }), [m, r]), x = /* @__PURE__ */ o(
+const Qt = s.forwardRef(function({ children: t, dir: r, value: e, defaultValue: n, onValueChange: a, onOpenChange: l, ...c }, d) {
+  const [g] = s.useState(Et), u = s.useMemo(() => ({ labels: g, dir: r }), [g, r]), y = ut() !== null, m = /* @__PURE__ */ o(
     p.Root,
     {
       "data-slot": "select",
       ...e !== void 0 ? { value: Q(e) } : {},
       ...n !== void 0 ? { defaultValue: Q(n) } : {},
-      onValueChange: (f) => a == null ? void 0 : a(f ?? ""),
-      onOpenChange: (f, w) => {
-        if (w.reason === "escape-key" && w.event.defaultPrevented) {
-          w.cancel();
+      onValueChange: (I) => a == null ? void 0 : a(I ?? ""),
+      onOpenChange: (I, b) => {
+        if (b.reason === "escape-key" && b.event.defaultPrevented) {
+          b.cancel();
           return;
         }
-        l == null || l(f, w);
+        l == null || l(I, b);
       },
       ...c,
-      children: /* @__PURE__ */ o(R.Provider, { value: u, children: t })
+      children: /* @__PURE__ */ o(N.Provider, { value: u, children: t })
     }
-  );
-  return r ? /* @__PURE__ */ o(at, { direction: r, children: x }) : x;
-}), Vt = s.forwardRef(
+  ), S = c.name === void 0 || y ? m : /* @__PURE__ */ o(pt, { slot: "select-box", layout: "block", children: m });
+  return r ? /* @__PURE__ */ o(at, { direction: r, children: S }) : S;
+}), te = s.forwardRef(
   function({ asChild: t = !1, className: r, children: e, ...n }, a) {
-    return s.useContext(I) ? /* @__PURE__ */ o(D, { children: e }) : /* @__PURE__ */ o(
+    return s.useContext(A) ? /* @__PURE__ */ o(R, { children: e }) : /* @__PURE__ */ o(
       p.Group,
       {
         ref: a,
         "data-slot": "select-group",
-        [g]: "select-group",
+        [f]: "select-group",
         className: r,
         ...n,
-        ...L(t, e)
+        ...T(t, e)
       }
     );
   }
-), Jt = s.forwardRef(
+), ee = s.forwardRef(
   function({ asChild: t = !1, className: r, children: e, placeholder: n, style: a, ...l }, c) {
-    var f;
-    const d = (f = s.useContext(R)) == null ? void 0 : f.labels;
+    var m;
+    const d = (m = s.useContext(N)) == null ? void 0 : m.labels;
     s.useSyncExternalStore(
-      (d == null ? void 0 : d.subscribe) ?? qt,
+      (d == null ? void 0 : d.subscribe) ?? Pt,
       (d == null ? void 0 : d.version) ?? tt,
       (d == null ? void 0 : d.version) ?? tt
     );
-    const m = t ? A(e) : void 0, u = t ? void 0 : e, x = (w) => w == null ? n : u ?? (d == null ? void 0 : d.labelFor(w)) ?? null;
+    const g = t ? L(e) : void 0, u = t ? void 0 : e, y = (S) => S == null ? n : u ?? (d == null ? void 0 : d.labelFor(S)) ?? null;
     return /* @__PURE__ */ o(
       p.Value,
       {
         ref: c,
         "data-slot": "select-value",
-        [g]: "select-value",
+        [f]: "select-value",
         className: r,
         style: { pointerEvents: "none", ...a },
         ...l,
-        ...m ? { render: m } : {},
-        children: x
+        ...g ? { render: g } : {},
+        children: y
       }
     );
   }
 );
-function qt() {
+function Pt() {
   return () => {
   };
 }
 function tt() {
   return 0;
 }
-const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, ...n }, a) {
+const oe = s.forwardRef(function({ asChild: t = !1, className: r, children: e, ...n }, a) {
   var u;
-  const l = C(), c = (u = s.useContext(R)) == null ? void 0 : u.dir, d = t ? A(e) : void 0, m = !d || typeof d.type != "string" || d.type === "button";
+  const l = D(), c = (u = s.useContext(N)) == null ? void 0 : u.dir, d = t ? L(e) : void 0, g = !d || typeof d.type != "string" || d.type === "button";
   return /* @__PURE__ */ o(
     p.Trigger,
     {
       ref: a,
       "data-slot": "select-trigger",
-      [g]: "select-trigger",
-      nativeButton: m,
-      className: y(l.trigger, r),
+      [f]: "select-trigger",
+      nativeButton: g,
+      className: v(l.trigger, r),
       ...c ? { dir: c } : {},
       ...n,
-      ...M(t, e, (x) => /* @__PURE__ */ E(D, { children: [
-        x,
+      ...W(t, e, (y) => /* @__PURE__ */ E(R, { children: [
+        y,
         /* @__PURE__ */ o(
           p.Icon,
           {
             "data-slot": "select-icon",
-            [g]: "select-icon",
+            [f]: "select-icon",
             className: l.triggerIconWrapper,
-            render: /* @__PURE__ */ o(Rt, { className: l.triggerIcon })
+            render: /* @__PURE__ */ o(Nt, { className: l.triggerIcon })
           }
         )
       ] }))
     }
   );
-}), Qt = s.forwardRef(function({ className: t, onClick: r, ...e }, n) {
-  const a = C();
+}), re = s.forwardRef(function({ className: t, onClick: r, ...e }, n) {
+  const a = D();
   return /* @__PURE__ */ o(
     "span",
     {
@@ -502,8 +504,8 @@ const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, .
       role: "button",
       tabIndex: 0,
       "data-slot": "select-trigger-clear",
-      [g]: "select-trigger-clear",
-      className: y(a.triggerClear, t),
+      [f]: "select-trigger-clear",
+      className: v(a.triggerClear, t),
       onPointerDown: (l) => {
         l.preventDefault(), l.stopPropagation();
       },
@@ -514,18 +516,18 @@ const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, .
         l.preventDefault(), l.stopPropagation(), r == null || r(l);
       },
       ...e,
-      children: /* @__PURE__ */ o(Dt, { className: a.triggerClearIcon })
+      children: /* @__PURE__ */ o(Rt, { className: a.triggerClearIcon })
     }
   );
-}), Et = {
+}), kt = {
   side: "none",
   align: "none",
   fallbackAxisSide: "none"
-}, Pt = {
+}, Bt = {
   side: "flip",
   align: "flip",
   fallbackAxisSide: "none"
-}, kt = 10, te = s.forwardRef(function({
+}, Ft = 10, ne = s.forwardRef(function({
   asChild: t = !1,
   className: r,
   children: e,
@@ -534,26 +536,26 @@ const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, .
   side: l = "bottom",
   sideOffset: c = 0,
   align: d = "center",
-  alignOffset: m = 0,
+  alignOffset: g = 0,
   arrowPadding: u = 0,
-  avoidCollisions: x = !0,
-  collisionBoundary: f = [],
-  collisionPadding: w = kt,
-  sticky: T = "partial",
-  hideWhenDetached: N = !1,
+  avoidCollisions: y = !0,
+  collisionBoundary: m = [],
+  collisionPadding: S = Ft,
+  sticky: I = "partial",
+  hideWhenDetached: b = !1,
   updatePositionStrategy: P,
   onCloseAutoFocus: k,
   ...ot
 }, rt) {
   var z, X, $;
-  const q = C(), F = (z = s.useContext(R)) == null ? void 0 : z.dir, O = dt(), nt = ct(), [_, it] = s.useState(null);
+  const q = D(), M = (z = s.useContext(N)) == null ? void 0 : z.dir, O = dt(), nt = ct(), [_, it] = s.useState(null);
   if (s.useLayoutEffect(() => {
     it(document.createDocumentFragment());
-  }, []), s.useContext(I)) return null;
-  const lt = t ? ($ = (X = A(e)) == null ? void 0 : X.props) == null ? void 0 : $.children : e;
-  return /* @__PURE__ */ E(D, { children: [
+  }, []), s.useContext(A)) return null;
+  const lt = t ? ($ = (X = L(e)) == null ? void 0 : X.props) == null ? void 0 : $.children : e;
+  return /* @__PURE__ */ E(R, { children: [
     _ && st(
-      /* @__PURE__ */ o(I.Provider, { value: !0, children: lt }),
+      /* @__PURE__ */ o(A.Provider, { value: !0, children: lt }),
       _
     ),
     /* @__PURE__ */ o(
@@ -563,44 +565,44 @@ const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, .
         children: /* @__PURE__ */ o(
           p.Positioner,
           {
-            className: y(
+            className: v(
               q.positioner,
-              N && q.hideWhenDetached
+              b && q.hideWhenDetached
             ),
             alignItemWithTrigger: a === "item-aligned",
             side: l,
             sideOffset: c,
             align: d,
-            alignOffset: m,
+            alignOffset: g,
             arrowPadding: u,
-            collisionBoundary: (Array.isArray(f) ? f : [f]).filter((B) => B !== null),
-            collisionPadding: w,
-            collisionAvoidance: x ? Pt : Et,
-            sticky: T === "always",
+            collisionBoundary: (Array.isArray(m) ? m : [m]).filter((B) => B !== null),
+            collisionPadding: S,
+            collisionAvoidance: y ? Bt : kt,
+            sticky: I === "always",
             children: /* @__PURE__ */ o(
               p.Popup,
               {
                 ref: rt,
                 "data-slot": "select-content",
-                [g]: "select-content",
+                [f]: "select-content",
                 ...O !== void 0 ? { "data-density": O } : {},
                 ...nt,
-                ...F ? { dir: F } : {},
-                finalFocus: Tt(k),
-                className: y(q.popup, r),
+                ...M ? { dir: M } : {},
+                finalFocus: qt(k),
+                className: v(q.popup, r),
                 ...ot,
-                ...M(t, e, (B) => /* @__PURE__ */ E(D, { children: [
-                  /* @__PURE__ */ o(Bt, {}),
+                ...W(t, e, (B) => /* @__PURE__ */ E(R, { children: [
+                  /* @__PURE__ */ o(Wt, {}),
                   /* @__PURE__ */ o(
                     p.List,
                     {
                       "data-slot": "select-viewport",
-                      [g]: "select-viewport",
+                      [f]: "select-viewport",
                       className: q.viewport,
                       children: B
                     }
                   ),
-                  /* @__PURE__ */ o(Wt, {})
+                  /* @__PURE__ */ o(Mt, {})
                 ] }))
               }
             )
@@ -609,22 +611,22 @@ const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, .
       }
     )
   ] });
-}), ee = s.forwardRef(
+}), ie = s.forwardRef(
   function({ asChild: t = !1, className: r, children: e, ...n }, a) {
-    const l = C();
-    return s.useContext(I) ? null : /* @__PURE__ */ o(
+    const l = D();
+    return s.useContext(A) ? null : /* @__PURE__ */ o(
       p.GroupLabel,
       {
         ref: a,
         "data-slot": "select-label",
-        [g]: "select-label",
-        className: y(l.label, r),
+        [f]: "select-label",
+        className: v(l.label, r),
         ...n,
-        ...L(t, e)
+        ...T(t, e)
       }
     );
   }
-), oe = s.forwardRef(
+), le = s.forwardRef(
   function({
     asChild: t = !1,
     className: r,
@@ -634,11 +636,11 @@ const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, .
     textValue: l,
     ...c
   }, d) {
-    var T, N, P;
-    const m = C(), u = (T = s.useContext(R)) == null ? void 0 : T.labels, x = s.useContext(I), [f] = s.useState(() => ({})), w = t ? (P = (N = A(e)) == null ? void 0 : N.props) == null ? void 0 : P.children : e;
+    var I, b, P;
+    const g = D(), u = (I = s.useContext(N)) == null ? void 0 : I.labels, y = s.useContext(A), [m] = s.useState(() => ({})), S = t ? (P = (b = L(e)) == null ? void 0 : b.props) == null ? void 0 : P.children : e;
     return s.useLayoutEffect(() => {
-      u == null || u.set(f, n, w);
-    }), s.useLayoutEffect(() => () => u == null ? void 0 : u.delete(f), [u, f]), x ? null : /* @__PURE__ */ o(
+      u == null || u.set(m, n, S);
+    }), s.useLayoutEffect(() => () => u == null ? void 0 : u.delete(m), [u, m]), y ? null : /* @__PURE__ */ o(
       p.Item,
       {
         ref: d,
@@ -646,72 +648,72 @@ const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, .
         disabled: a,
         ...l !== void 0 ? { label: l } : {},
         "data-slot": "select-item",
-        [g]: "select-item",
-        className: y(m.item, r),
+        [f]: "select-item",
+        className: v(g.item, r),
         ...c,
-        ...M(t, e, (k) => /* @__PURE__ */ E(D, { children: [
-          /* @__PURE__ */ o("span", { className: m.itemIndicatorWrapper, children: /* @__PURE__ */ o(p.ItemIndicator, { children: /* @__PURE__ */ o(Lt, { className: m.itemIndicatorIcon }) }) }),
+        ...W(t, e, (k) => /* @__PURE__ */ E(R, { children: [
+          /* @__PURE__ */ o("span", { className: g.itemIndicatorWrapper, children: /* @__PURE__ */ o(p.ItemIndicator, { children: /* @__PURE__ */ o(Tt, { className: g.itemIndicatorIcon }) }) }),
           /* @__PURE__ */ o(p.ItemText, { render: /* @__PURE__ */ o("span", {}), children: k })
         ] }))
       }
     );
   }
-), re = s.forwardRef(function({ asChild: t = !1, className: r, children: e, ...n }, a) {
-  const l = C();
-  return s.useContext(I) ? null : /* @__PURE__ */ o(
+), se = s.forwardRef(function({ asChild: t = !1, className: r, children: e, ...n }, a) {
+  const l = D();
+  return s.useContext(A) ? null : /* @__PURE__ */ o(
     p.Separator,
     {
       ref: a,
       "aria-hidden": !0,
       "data-slot": "select-separator",
-      [g]: "select-separator",
-      className: y(l.separator, r),
+      [f]: "select-separator",
+      className: v(l.separator, r),
       ...n,
-      ...L(t, e)
+      ...T(t, e)
     }
   );
-}), Bt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, style: n, ...a }, l) {
-  const c = C();
-  return s.useContext(I) ? null : /* @__PURE__ */ o(
+}), Wt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, style: n, ...a }, l) {
+  const c = D();
+  return s.useContext(A) ? null : /* @__PURE__ */ o(
     p.ScrollUpArrow,
     {
       ref: l,
       "data-slot": "select-scroll-up-button",
-      [g]: "select-scroll-up-button",
-      className: y(
+      [f]: "select-scroll-up-button",
+      className: v(
         c.scrollArrow,
         c.scrollArrowUp,
         r
       ),
       style: { position: "static", ...n },
       ...a,
-      ...L(
+      ...T(
         t,
         e ?? /* @__PURE__ */ o(et, { className: c.scrollArrowIcon })
       )
     }
   );
-}), Wt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, style: n, ...a }, l) {
-  const c = C();
-  return s.useContext(I) ? null : /* @__PURE__ */ o(
+}), Mt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, style: n, ...a }, l) {
+  const c = D();
+  return s.useContext(A) ? null : /* @__PURE__ */ o(
     p.ScrollDownArrow,
     {
       ref: l,
       "data-slot": "select-scroll-down-button",
-      [g]: "select-scroll-down-button",
-      className: y(
+      [f]: "select-scroll-down-button",
+      className: v(
         c.scrollArrow,
         c.scrollArrowDown,
         r
       ),
       style: { position: "static", ...n },
       ...a,
-      ...L(
+      ...T(
         t,
         e ?? /* @__PURE__ */ o(
           et,
           {
-            className: y(
+            className: v(
               c.scrollArrowIcon,
               c.scrollArrowDownIcon
             )
@@ -722,16 +724,16 @@ const Kt = s.forwardRef(function({ asChild: t = !1, className: r, children: e, .
   );
 });
 export {
-  Ht as Select,
-  te as SelectContent,
-  Vt as SelectGroup,
-  oe as SelectItem,
-  ee as SelectLabel,
-  Wt as SelectScrollDownButton,
-  Bt as SelectScrollUpButton,
-  re as SelectSeparator,
-  Kt as SelectTrigger,
-  Qt as SelectTriggerClear,
-  Jt as SelectValue
+  Qt as Select,
+  ne as SelectContent,
+  te as SelectGroup,
+  le as SelectItem,
+  ie as SelectLabel,
+  Mt as SelectScrollDownButton,
+  Wt as SelectScrollUpButton,
+  se as SelectSeparator,
+  oe as SelectTrigger,
+  re as SelectTriggerClear,
+  ee as SelectValue
 };
 //# sourceMappingURL=select.js.map