@alfadocs/ui-kit 1.58.0 → 1.60.0

package/dist/_chunks/{select-Ce5RMk93.js → select-k4gBdS8N.js}

@@ -1,20 +1,22 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as m, useId as re, useContext as Be, useState as H, useRef as B, useEffect as _e, useMemo as Oe } from "react";
-import { u as De } from "./registry-DvAUVLHh.js";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as f, useContext as pe, useId as ce, useState as H, useRef as _, useEffect as Pe, useMemo as De, createContext as Ae } from "react";
+import { u as Fe } from "./registry-DvAUVLHh.js";
 import * as n from "@radix-ui/react-select";
 import { c as U } from "./index-D2ZczOXr.js";
-import { useTranslation as Ae } from "react-i18next";
-import { u as Le, F as Fe, a as Ge } from "./form-field-context-DtiROUJV.js";
-import { g as Pe } from "./group-options-BvKhQ3xb.js";
-import { u as Ke } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { b as We } from "./menu-row-BAr8bx1I.js";
-import { o as le, b as $e, d as qe, c as He } from "./option-row-Dc7BrbK8.js";
-import { C as Me } from "./chevron-up-umRGgtJA.js";
-import { C as ce } from "./chevron-down-DWE7GSq9.js";
-import { C as Ue } from "./check-DrFSN__t.js";
-import { u as Xe } from "./use-direction-Dp8h70PP.js";
-import { X as Je } from "./x-B5YnXwCz.js";
-const Qe = {
+import { useTranslation as Le } from "react-i18next";
+import { u as Ge, F as Ke, a as We } from "./form-field-context-DtiROUJV.js";
+import { g as $e } from "./group-options-BvKhQ3xb.js";
+import { u as qe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as He } from "./use-controllable-state-BiY4xTzM.js";
+import { b as Me } from "./menu-row-BAr8bx1I.js";
+import { P as Ue } from "./popup-region-qz_5_A0V.js";
+import { o as ue, b as Xe, d as Je, c as Qe } from "./option-row-Dc7BrbK8.js";
+import { C as Ye } from "./chevron-up-umRGgtJA.js";
+import { C as me } from "./chevron-down-DWE7GSq9.js";
+import { C as Ze } from "./check-DrFSN__t.js";
+import { u as et } from "./use-direction-Dp8h70PP.js";
+import { X as tt } from "./x-B5YnXwCz.js";
+const st = {
   id: "select",
   // Persisted single choice (value state + set_value) → select_single + set_value,
   // plus open/close of the option list.
@@ -98,7 +100,7 @@ const Qe = {
       description: "Stable opaque option value emitted on each rendered option."
     }
   }
-}, ue = U(
+}, fe = U(
   [
     "ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)] ds:bg-input",
@@ -128,7 +130,7 @@ const Qe = {
       tone: "default"
     }
   }
-), Ye = U(
+), at = U(
   [
     "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
     // Never wider than the screen allows: a long option wraps or ends in an
@@ -143,12 +145,12 @@ const Qe = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), Ze = U(
+), ot = U(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center",
     "ds:rounded-[var(--radius-sm)]",
     "ds:text-foreground ds:outline-none ds:select-none",
-    We.highlighted,
+    Me.highlighted,
     "ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50"
   ].join(" "),
   {
@@ -163,71 +165,93 @@ const Qe = {
       size: "md"
     }
   }
-), et = [
+), nt = [
   "ds:ps-8 ds:pe-3 ds:py-1.5",
   "type-eyebrow ds:text-muted-foreground",
   "ds:sticky ds:top-0 ds:bg-background"
-].join(" "), tt = {
+].join(" "), rt = {
   sm: "ds:size-3.5",
   md: "ds:size-4",
   lg: "ds:size-5"
-}, st = {
+}, it = {
   sm: "ds:start-2",
   md: "ds:start-2",
   lg: "ds:start-3"
 };
-function at(...t) {
+function dt(...t) {
   return (a) => {
     for (const o of t)
       o && (typeof o == "function" ? o(a) : o.current = a);
   };
 }
-const pe = (t) => /* @__PURE__ */ e(n.Root, { ...t });
-pe.displayName = "Select.Root";
-const me = m(
-  ({ size: t, tone: a, className: o, children: d, ...g }, r) => /* @__PURE__ */ e(
+const X = Ae(void 0), ge = ({
+  open: t,
+  defaultOpen: a,
+  onOpenChange: o,
+  ...r
+}) => {
+  const [l, d] = He({
+    value: t,
+    defaultValue: a ?? !1,
+    onChange: o
+  });
+  return /* @__PURE__ */ e(X.Provider, { value: l ?? !1, children: /* @__PURE__ */ e(
+    n.Root,
+    {
+      open: l ?? !1,
+      onOpenChange: d,
+      ...r
+    }
+  ) });
+};
+ge.displayName = "Select.Root";
+const he = f(
+  ({ size: t, tone: a, className: o, children: r, ...l }, d) => /* @__PURE__ */ e(
     n.Trigger,
     {
-      ref: r,
-      className: ue({ size: t, tone: a, className: o }),
-      ...g,
-      children: d
+      ref: d,
+      className: fe({ size: t, tone: a, className: o }),
+      ...l,
+      children: r
     }
   )
 );
-me.displayName = "Select.Trigger";
-const M = { "data-select-value": "" }, ot = [
+he.displayName = "Select.Trigger";
+const M = { "data-select-value": "" }, lt = [
   "ds:[[data-select-value]_&]:block",
   "ds:[[data-select-value]_&]:truncate"
-].join(" "), fe = m((t, a) => /* @__PURE__ */ e(n.Value, { ref: a, ...M, ...t }));
-fe.displayName = "Select.Value";
-const X = m(
+].join(" "), ve = f((t, a) => /* @__PURE__ */ e(n.Value, { ref: a, ...M, ...t }));
+ve.displayName = "Select.Value";
+const J = f(
   ({
     className: t,
     children: a,
     position: o = "popper",
-    sideOffset: d = 4,
-    container: g,
-    ...r
-  }, N) => /* @__PURE__ */ e(n.Portal, { container: g ?? void 0, children: /* @__PURE__ */ p(
-    n.Content,
-    {
-      ref: N,
-      position: o,
-      sideOffset: d,
-      "data-component": "select-content",
-      className: Ye({ className: t }),
-      ...r,
-      children: [
-        /* @__PURE__ */ e(n.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(Me, { "aria-hidden": "true", className: "ds:size-4" }) }),
-        a,
-        /* @__PURE__ */ e(n.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(ce, { "aria-hidden": "true", className: "ds:size-4" }) })
-      ]
-    }
-  ) })
+    sideOffset: r = 4,
+    container: l,
+    ...d
+  }, N) => {
+    const I = pe(X);
+    return /* @__PURE__ */ e(n.Portal, { container: l ?? void 0, children: /* @__PURE__ */ e(Ue, { popupRef: N, open: I, children: (h) => /* @__PURE__ */ m(
+      n.Content,
+      {
+        ref: h,
+        position: o,
+        sideOffset: r,
+        "data-component": "select-content",
+        className: at({ className: t }),
+        ...d,
+        children: [
+          /* @__PURE__ */ e(n.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(Ye, { "aria-hidden": "true", className: "ds:size-4" }) }),
+          a,
+          /* @__PURE__ */ e(n.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(me, { "aria-hidden": "true", className: "ds:size-4" }) })
+        ]
+      }
+    ) }) });
+  }
 );
-X.displayName = "Select.Content";
-const J = m(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+J.displayName = "Select.Content";
+const Q = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
   n.Viewport,
   {
     ref: o,
@@ -235,24 +259,24 @@ const J = m(({ className: t, ...a }, o) => /* @__PURE__ */ e(
     ...a
   }
 ));
-J.displayName = "Select.Viewport";
-const Q = m(
+Q.displayName = "Select.Viewport";
+const Y = f(
   ({
     size: t = "md",
     className: a,
     children: o,
-    startAdornment: d,
-    endContent: g,
-    description: r,
+    startAdornment: r,
+    endContent: l,
+    description: d,
     descriptionTone: N,
-    descriptionInName: _ = !1,
-    wrapLabel: v = !1,
-    ...I
+    descriptionInName: I = !1,
+    wrapLabel: h = !1,
+    ...C
   }, b) => {
-    const R = st[t ?? "md"], O = tt[t ?? "md"], w = re(), z = re(), l = r != null && r !== "", C = l && _, j = C ? { id: z } : {}, D = C ? { "aria-labelledby": `${z} ${w}` } : {}, V = v ? le({
+    const z = it[t ?? "md"], P = rt[t ?? "md"], w = ce(), V = ce(), c = d != null && d !== "", T = c && I, j = T ? { id: V } : {}, D = T ? { "aria-labelledby": `${V} ${w}` } : {}, k = h ? ue({
       wrap: !0,
-      className: ot
-    }) : "", y = l ? "ds:group-data-[disabled]/select-item:opacity-50" : "", k = g ? (
+      className: lt
+    }) : "", y = c ? "ds:group-data-[disabled]/select-item:opacity-50" : "", E = l ? (
       // Radix points the item's `aria-labelledby` at `ItemText`, so
       // anything rendered outside it is dropped from the accessible
       // name — a price there would be visible but never announced.
@@ -276,87 +300,87 @@ const Q = m(
       // our own span become the ItemText element, so `flex-1` lands.
       //
       // A wrapping label keeps the end content on its first line.
-      /* @__PURE__ */ e(n.ItemText, { asChild: !0, ...j, children: /* @__PURE__ */ p(
+      /* @__PURE__ */ e(n.ItemText, { asChild: !0, ...j, children: /* @__PURE__ */ m(
         "span",
         {
-          className: qe({
-            wrap: v,
+          className: Je({
+            wrap: h,
             className: y
           }),
           children: [
-            /* @__PURE__ */ e("span", { className: V || le(), children: o }),
-            /* @__PURE__ */ e("span", { className: $e, children: g })
+            /* @__PURE__ */ e("span", { className: k || ue(), children: o }),
+            /* @__PURE__ */ e("span", { className: Xe, children: l })
           ]
         }
       ) })
-    ) : l || v ? /* @__PURE__ */ e(n.ItemText, { asChild: !0, ...j, children: /* @__PURE__ */ e("span", { className: [V, y].filter(Boolean).join(" "), children: o }) }) : /* @__PURE__ */ e(n.ItemText, { children: o });
-    return /* @__PURE__ */ p(
+    ) : c || h ? /* @__PURE__ */ e(n.ItemText, { asChild: !0, ...j, children: /* @__PURE__ */ e("span", { className: [k, y].filter(Boolean).join(" "), children: o }) }) : /* @__PURE__ */ e(n.ItemText, { children: o });
+    return /* @__PURE__ */ m(
       n.Item,
       {
         ref: b,
         ...D,
-        "aria-describedby": l && !C ? w : void 0,
-        className: Ze({
+        "aria-describedby": c && !T ? w : void 0,
+        className: ot({
           size: t,
-          className: l ? [
+          className: c ? [
             "ds:group/select-item ds:data-[disabled]:!opacity-100",
             a
           ].filter(Boolean).join(" ") : a
         }),
-        ...I,
+        ...C,
         children: [
           /* @__PURE__ */ e(
             "span",
             {
-              className: `ds:absolute ${R} ds:inline-flex ds:items-center ds:justify-center ${y}`,
+              className: `ds:absolute ${z} ds:inline-flex ds:items-center ds:justify-center ${y}`,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(Ue, { className: O }) })
+              children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(Ze, { className: P }) })
             }
           ),
-          d ? (
+          r ? (
             // Decorative by contract — accessible name comes from the item text.
             /* @__PURE__ */ e(
               "span",
               {
                 "aria-hidden": "true",
                 className: `ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)] ${y}`,
-                children: d
+                children: r
               }
             )
           ) : null,
-          l || v ? /* @__PURE__ */ p("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:py-[var(--spacing-xs)]", children: [
-            k,
-            l ? /* @__PURE__ */ e(
+          c || h ? /* @__PURE__ */ m("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:py-[var(--spacing-xs)]", children: [
+            E,
+            c ? /* @__PURE__ */ e(
               "span",
               {
                 id: w,
-                className: He({
+                className: Qe({
                   tone: N
                 }),
-                children: r
+                children: d
               }
             ) : null
-          ] }) : k
+          ] }) : E
         ]
       }
     );
   }
 );
-Q.displayName = "Select.Item";
-const ge = m((t, a) => /* @__PURE__ */ e(n.ItemText, { ref: a, ...t }));
-ge.displayName = "Select.ItemText";
-const he = m((t, a) => /* @__PURE__ */ e(n.Group, { ref: a, ...t }));
-he.displayName = "Select.Group";
-const Y = m(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+Y.displayName = "Select.Item";
+const be = f((t, a) => /* @__PURE__ */ e(n.ItemText, { ref: a, ...t }));
+be.displayName = "Select.ItemText";
+const ye = f((t, a) => /* @__PURE__ */ e(n.Group, { ref: a, ...t }));
+ye.displayName = "Select.Group";
+const Z = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
   n.Label,
   {
     ref: o,
-    className: [et, t].filter(Boolean).join(" "),
+    className: [nt, t].filter(Boolean).join(" "),
     ...a
   }
 ));
-Y.displayName = "Select.Label";
-const ve = m(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+Z.displayName = "Select.Label";
+const xe = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
   n.Separator,
   {
     ref: o,
@@ -364,8 +388,8 @@ const ve = m(({ className: t, ...a }, o) => /* @__PURE__ */ e(
     ...a
   }
 ));
-ve.displayName = "Select.Separator";
-const nt = "ds-select-detached", it = /* @__PURE__ */ new Set([
+xe.displayName = "Select.Separator";
+const ct = "ds-select-detached", ut = /* @__PURE__ */ new Set([
   "data-component",
   "data-component-id",
   "data-state",
@@ -374,114 +398,115 @@ const nt = "ds-select-detached", it = /* @__PURE__ */ new Set([
   "aria-expanded",
   "aria-controls"
 ]);
-function dt(t) {
+function pt(t) {
   const a = {};
-  for (const [o, d] of Object.entries(t))
-    d === void 0 || it.has(o) || (o.startsWith("data-") || o.startsWith("aria-")) && (a[o] = d);
+  for (const [o, r] of Object.entries(t))
+    r === void 0 || ut.has(o) || (o.startsWith("data-") || o.startsWith("aria-")) && (a[o] = r);
   return a;
 }
-const be = m(function({
+const Se = f(function({
   options: a,
   value: o,
-  defaultValue: d,
-  onValueChange: g,
-  placeholder: r,
+  defaultValue: r,
+  onValueChange: l,
+  placeholder: d,
   clearable: N = !1,
-  disabled: _,
-  required: v,
-  name: I,
+  disabled: I,
+  required: h,
+  name: C,
   id: b,
-  size: R = "md",
-  tone: O = "default",
+  size: z = "md",
+  tone: P = "default",
   className: w,
-  container: z,
-  "aria-label": l,
-  "aria-describedby": C,
+  container: V,
+  "aria-label": c,
+  "aria-describedby": T,
   adornmentInTrigger: j = !1,
   showDescriptions: D = !1,
-  descriptionInName: V = !1,
+  descriptionInName: k = !1,
   wrapOptionLabels: y = !1,
-  ...k
-}, ye) {
-  var ie;
-  const { t: A } = Ae("ui"), x = Le(), h = Be(Fe) !== null, [xe, E] = H(
-    o ?? d ?? ""
-  ), S = o !== void 0, c = S ? o : xe, [L, F] = H(!1), Z = B(c);
-  Z.current = c;
-  const Se = Ge(x, b), Ne = b ?? (h ? Se : void 0), G = (h ? x.disabled : !1) || !!_, P = (h ? x.required : !1) || !!v, ee = h ? x.invalid : !1, Ie = ee ? "error" : O, we = [h ? x.describedBy : void 0, C].filter(Boolean).join(" ") || void 0, te = j ? (ie = a.find((s) => s.value === c)) == null ? void 0 : ie.startAdornment : void 0, T = B(null), Ce = at(ye, T), Te = Xe(T), [Re, ze] = H(!0);
-  Ke(() => {
+  ...E
+}, Ne) {
+  var de;
+  const { t: A } = Le("ui"), x = Ge(), v = pe(Ke) !== null, [Ie, O] = H(
+    o ?? r ?? ""
+  ), S = o !== void 0, u = S ? o : Ie, [B, F] = H(!1), ee = _(u);
+  ee.current = u;
+  const Ce = We(x, b), we = b ?? (v ? Ce : void 0), L = (v ? x.disabled : !1) || !!I, G = (v ? x.required : !1) || !!h, te = v ? x.invalid : !1, Te = te ? "error" : P, Re = [v ? x.describedBy : void 0, T].filter(Boolean).join(" ") || void 0, se = j ? (de = a.find((s) => s.value === u)) == null ? void 0 : de.startAdornment : void 0, R = _(null), ze = dt(Ne, R), Ve = et(R), [je, ke] = H(!0);
+  qe(() => {
     var s;
-    c === "" && ze(!!((s = T.current) != null && s.closest("form")));
+    u === "" && ke(!!((s = R.current) != null && s.closest("form")));
   });
-  const K = c === "" && Re, se = B(null), W = B(c !== "");
-  _e(() => {
+  const K = u === "" && je, ae = _(null), W = _(u !== "");
+  Pe(() => {
     var s;
-    if (c !== "") {
+    if (u !== "") {
       W.current = !0;
       return;
     }
-    W.current && (W.current = !1, (s = se.current) == null || s.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }, [c]);
-  const i = g, ae = (s) => {
-    S || E(s), i == null || i(s);
-  }, je = (s) => {
-    var u;
-    s.preventDefault(), s.stopPropagation(), S || E(""), i == null || i(""), (u = T.current) == null || u.focus();
-  }, $ = r ?? A("inputs.select.placeholder", "Select…"), Ve = N && !!c && !G, oe = l ?? (h ? void 0 : $), ne = !l && h ? `${x.id}-label` : void 0, ke = Pe(a), Ee = Oe(
+    W.current && (W.current = !1, (s = ae.current) == null || s.dispatchEvent(new Event("change", { bubbles: !0 })));
+  }, [u]);
+  const i = l, oe = (s) => {
+    S || O(s), i == null || i(s);
+  }, Ee = (s) => {
+    var p;
+    s.preventDefault(), s.stopPropagation(), S || O(""), i == null || i(""), (p = R.current) == null || p.focus();
+  }, $ = d ?? A("inputs.select.placeholder", "Select…"), Oe = N && !!u && !L, ne = c === void 0 && !v, re = ne ? $ : c, ie = !c && v ? `${x.id}-label` : void 0, Be = $e(a), _e = De(
     () => ({
-      getValue: () => Z.current,
+      getValue: () => ee.current,
       setValue: (s) => {
-        const u = a.find((q) => q.value === s);
-        !u || u.disabled || (S || E(s), i == null || i(s));
+        const p = a.find((q) => q.value === s);
+        !p || p.disabled || (S || O(s), i == null || i(s));
       },
       clear: () => {
-        S || E(""), i == null || i("");
+        S || O(""), i == null || i("");
       },
       open: () => F(!0),
       close: () => F(!1),
-      isOpen: () => L
+      isOpen: () => B
     }),
-    [i, S, L, a]
+    [i, S, B, a]
   );
-  return De(Qe, Ee, b), /* @__PURE__ */ p(
+  return Fe(st, _e, b), /* @__PURE__ */ m(
     n.Root,
     {
-      value: c,
-      onValueChange: ae,
-      open: L,
+      value: u,
+      onValueChange: oe,
+      open: B,
       onOpenChange: F,
-      disabled: G,
-      required: P,
-      name: K ? void 0 : I,
-      form: K ? nt : void 0,
-      dir: Te,
+      disabled: L,
+      required: G,
+      name: K ? void 0 : C,
+      form: K ? ct : void 0,
+      dir: Ve,
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           n.Trigger,
           {
-            ref: Ce,
-            id: Ne,
-            "aria-label": oe,
-            "aria-labelledby": ne,
-            "aria-describedby": we,
-            "aria-invalid": ee || void 0,
-            ...dt(k),
+            ref: ze,
+            id: we,
+            "aria-label": re,
+            "aria-labelledby": ie,
+            "data-name-from-placeholder": ne || void 0,
+            "aria-describedby": Re,
+            "aria-invalid": te || void 0,
+            ...pt(E),
             "data-component": "select",
             "data-component-id": b,
-            className: ue({
-              size: R,
-              tone: Ie,
+            className: fe({
+              size: z,
+              tone: Te,
               className: w
             }),
             children: [
-              te ? /* @__PURE__ */ p("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              se ? /* @__PURE__ */ m("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]", children: [
                 /* @__PURE__ */ e(
                   "span",
                   {
                     "aria-hidden": "true",
                     "data-select-trigger-adornment": "",
                     className: "ds:inline-flex ds:shrink-0 ds:items-center",
-                    children: te
+                    children: se
                   }
                 ),
                 /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:truncate ds:text-start", children: /* @__PURE__ */ e(
@@ -498,13 +523,13 @@ const be = m(function({
                   placeholder: $
                 }
               ) }),
-              /* @__PURE__ */ p("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                Ve ? /* @__PURE__ */ e(
+              /* @__PURE__ */ m("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                Oe ? /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     "aria-label": A("inputs.select.clear", "Clear selection"),
-                    onClick: je,
+                    onClick: Ee,
                     onPointerDown: (s) => s.stopPropagation(),
                     onKeyDown: (s) => {
                       (s.key === "Enter" || s.key === " ") && s.stopPropagation();
@@ -517,11 +542,11 @@ const be = m(function({
                       "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                       "ds:size-4"
                     ].join(" "),
-                    children: /* @__PURE__ */ e(Je, { "aria-hidden": "true", className: "ds:size-3.5" })
+                    children: /* @__PURE__ */ e(tt, { "aria-hidden": "true", className: "ds:size-3.5" })
                   }
                 ) : null,
                 /* @__PURE__ */ e(n.Icon, { asChild: !0, children: /* @__PURE__ */ e(
-                  ce,
+                  me,
                   {
                     "aria-hidden": "true",
                     className: [
@@ -535,22 +560,22 @@ const be = m(function({
             ]
           }
         ),
-        K && (I !== void 0 || P) ? /* @__PURE__ */ p(
+        K && (C !== void 0 || G) ? /* @__PURE__ */ m(
           "select",
           {
-            ref: se,
+            ref: ae,
             "data-component": "select-field",
             "aria-hidden": !0,
             tabIndex: -1,
-            "aria-label": oe,
-            "aria-labelledby": ne,
-            name: I,
-            required: P,
-            disabled: G,
+            "aria-label": re,
+            "aria-labelledby": ie,
+            name: C,
+            required: G,
+            disabled: L,
             value: "",
             onChange: (s) => {
-              var u;
-              s.target.value !== "" && (document.activeElement === s.target && ((u = T.current) == null || u.focus()), ae(s.target.value));
+              var p;
+              s.target.value !== "" && (document.activeElement === s.target && ((p = R.current) == null || p.focus()), oe(s.target.value));
             },
             className: "ds:sr-only",
             children: [
@@ -567,58 +592,58 @@ const be = m(function({
             ]
           }
         ) : null,
-        /* @__PURE__ */ e(X, { container: z, children: /* @__PURE__ */ e(J, { children: a.length === 0 ? /* @__PURE__ */ e("div", { className: "ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: A("inputs.select.noOptions", "No options") }) : ke.map(({ group: s, items: u }, q) => {
-          const de = u.map((f) => /* @__PURE__ */ e(
-            Q,
+        /* @__PURE__ */ e(X.Provider, { value: B, children: /* @__PURE__ */ e(J, { container: V, children: /* @__PURE__ */ e(Q, { children: a.length === 0 ? /* @__PURE__ */ e("div", { className: "ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: A("inputs.select.noOptions", "No options") }) : Be.map(({ group: s, items: p }, q) => {
+          const le = p.map((g) => /* @__PURE__ */ e(
+            Y,
             {
-              value: f.value,
-              disabled: f.disabled,
-              size: R,
-              "data-option-id": f.value,
-              startAdornment: f.startAdornment,
-              endContent: f.endContent,
-              description: D ? f.description : void 0,
-              descriptionTone: f.descriptionTone,
-              descriptionInName: V,
+              value: g.value,
+              disabled: g.disabled,
+              size: z,
+              "data-option-id": g.value,
+              startAdornment: g.startAdornment,
+              endContent: g.endContent,
+              description: D ? g.description : void 0,
+              descriptionTone: g.descriptionTone,
+              descriptionInName: k,
               wrapLabel: y,
-              children: f.label
+              children: g.label
             },
-            f.value
+            g.value
           ));
-          return s ? /* @__PURE__ */ p(n.Group, { children: [
-            /* @__PURE__ */ e(Y, { children: s }),
-            de
-          ] }, `group-${s}`) : /* @__PURE__ */ e(n.Group, { children: de }, `group-${q}`);
-        }) }) })
+          return s ? /* @__PURE__ */ m(n.Group, { children: [
+            /* @__PURE__ */ e(Z, { children: s }),
+            le
+          ] }, `group-${s}`) : /* @__PURE__ */ e(n.Group, { children: le }, `group-${q}`);
+        }) }) }) })
       ]
     }
   );
 });
-be.displayName = "Select";
-const rt = Object.assign(be, {
-  Root: pe,
-  Trigger: me,
-  Value: fe,
-  Content: X,
-  Viewport: J,
-  Item: Q,
-  ItemText: ge,
-  Group: he,
-  Label: Y,
-  Separator: ve
-}), wt = rt;
+Se.displayName = "Select";
+const mt = Object.assign(Se, {
+  Root: ge,
+  Trigger: he,
+  Value: ve,
+  Content: J,
+  Viewport: Q,
+  Item: Y,
+  ItemText: be,
+  Group: ye,
+  Label: Z,
+  Separator: xe
+}), kt = mt;
 export {
-  wt as S,
-  X as a,
-  he as b,
-  Q as c,
-  ge as d,
-  Y as e,
-  pe as f,
-  ve as g,
-  me as h,
-  fe as i,
-  J as j,
-  ue as s
+  kt as S,
+  J as a,
+  ye as b,
+  Y as c,
+  be as d,
+  Z as e,
+  ge as f,
+  xe as g,
+  he as h,
+  ve as i,
+  Q as j,
+  fe as s
 };
-//# sourceMappingURL=select-Ce5RMk93.js.map
+//# sourceMappingURL=select-k4gBdS8N.js.map