@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

package/dist/_chunks/{select-k4gBdS8N.js → select-4S-eYZUf.js}

@@ -1,22 +1,22 @@
 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 { forwardRef as f, useContext as fe, useId as pe, useState as M, useRef as _, useEffect as Ae, useMemo as De, createContext as Fe } from "react";
+import { u as Le } from "./registry-DvAUVLHh.js";
 import * as n from "@radix-ui/react-select";
-import { c as U } from "./index-D2ZczOXr.js";
-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 = {
+import { c as J } from "./index-D2ZczOXr.js";
+import { useTranslation as Ge } from "react-i18next";
+import { u as Ke, F as We, a as $e } from "./form-field-context-DtiROUJV.js";
+import { g as qe } from "./group-options-BvKhQ3xb.js";
+import { u as He } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Me } from "./use-controllable-state-BiY4xTzM.js";
+import { b as Ue } from "./menu-row-BAr8bx1I.js";
+import { P as Xe } from "./popup-region-qz_5_A0V.js";
+import { o as U, b as Je, d as Qe, c as Ye } from "./option-row-Dc7BrbK8.js";
+import { C as Ze } from "./chevron-up-umRGgtJA.js";
+import { C as ge } from "./chevron-down-DWE7GSq9.js";
+import { C as et } from "./check-DrFSN__t.js";
+import { u as tt } from "./use-direction-Dp8h70PP.js";
+import { X as st } from "./x-B5YnXwCz.js";
+const at = {
   id: "select",
   // Persisted single choice (value state + set_value) → select_single + set_value,
   // plus open/close of the option list.
@@ -100,7 +100,7 @@ const st = {
       description: "Stable opaque option value emitted on each rendered option."
     }
   }
-}, fe = U(
+}, he = J(
   [
     "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",
@@ -130,7 +130,7 @@ const st = {
       tone: "default"
     }
   }
-), at = U(
+), ot = J(
   [
     "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
     // Never wider than the screen allows: a long option wraps or ends in an
@@ -145,12 +145,12 @@ const st = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), ot = U(
+), nt = J(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center",
     "ds:rounded-[var(--radius-sm)]",
     "ds:text-foreground ds:outline-none ds:select-none",
-    Me.highlighted,
+    Ue.highlighted,
     "ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50"
   ].join(" "),
   {
@@ -165,11 +165,11 @@ const st = {
       size: "md"
     }
   }
-), nt = [
+), rt = [
   "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(" "), rt = {
+].join(" "), dt = {
   sm: "ds:size-3.5",
   md: "ds:size-4",
   lg: "ds:size-5"
@@ -178,80 +178,80 @@ const st = {
   md: "ds:start-2",
   lg: "ds:start-3"
 };
-function dt(...t) {
+function lt(...t) {
   return (a) => {
     for (const o of t)
       o && (typeof o == "function" ? o(a) : o.current = a);
   };
 }
-const X = Ae(void 0), ge = ({
+const Q = Fe(void 0), ve = ({
   open: t,
   defaultOpen: a,
   onOpenChange: o,
   ...r
 }) => {
-  const [l, d] = He({
+  const [l, i] = Me({
     value: t,
     defaultValue: a ?? !1,
     onChange: o
   });
-  return /* @__PURE__ */ e(X.Provider, { value: l ?? !1, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Q.Provider, { value: l ?? !1, children: /* @__PURE__ */ e(
     n.Root,
     {
       open: l ?? !1,
-      onOpenChange: d,
+      onOpenChange: i,
       ...r
     }
   ) });
 };
-ge.displayName = "Select.Root";
-const he = f(
-  ({ size: t, tone: a, className: o, children: r, ...l }, d) => /* @__PURE__ */ e(
+ve.displayName = "Select.Root";
+const be = f(
+  ({ size: t, tone: a, className: o, children: r, ...l }, i) => /* @__PURE__ */ e(
     n.Trigger,
     {
-      ref: d,
-      className: fe({ size: t, tone: a, className: o }),
+      ref: i,
+      className: he({ size: t, tone: a, className: o }),
       ...l,
       children: r
     }
   )
 );
-he.displayName = "Select.Trigger";
-const M = { "data-select-value": "" }, lt = [
+be.displayName = "Select.Trigger";
+const X = { "data-select-value": "" }, me = [
   "ds:[[data-select-value]_&]:block",
   "ds:[[data-select-value]_&]:truncate"
-].join(" "), ve = f((t, a) => /* @__PURE__ */ e(n.Value, { ref: a, ...M, ...t }));
-ve.displayName = "Select.Value";
-const J = f(
+].join(" "), ye = f((t, a) => /* @__PURE__ */ e(n.Value, { ref: a, ...X, ...t }));
+ye.displayName = "Select.Value";
+const Y = f(
   ({
     className: t,
     children: a,
     position: o = "popper",
     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(
+    ...i
+  }, C) => {
+    const w = fe(Q);
+    return /* @__PURE__ */ e(n.Portal, { container: l ?? void 0, children: /* @__PURE__ */ e(Xe, { popupRef: C, open: w, children: (h) => /* @__PURE__ */ m(
       n.Content,
       {
         ref: h,
         position: o,
         sideOffset: r,
         "data-component": "select-content",
-        className: at({ className: t }),
-        ...d,
+        className: ot({ className: t }),
+        ...i,
         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" }) }),
+          /* @__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(Ze, { "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" }) })
+          /* @__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(ge, { "aria-hidden": "true", className: "ds:size-4" }) })
         ]
       }
     ) }) });
   }
 );
-J.displayName = "Select.Content";
-const Q = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+Y.displayName = "Select.Content";
+const Z = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
   n.Viewport,
   {
     ref: o,
@@ -259,24 +259,25 @@ const Q = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Q.displayName = "Select.Viewport";
-const Y = f(
+Z.displayName = "Select.Viewport";
+const ee = f(
   ({
     size: t = "md",
     className: a,
     children: o,
     startAdornment: r,
     endContent: l,
-    description: d,
-    descriptionTone: N,
-    descriptionInName: I = !1,
+    description: i,
+    descriptionTone: C,
+    descriptionInName: w = !1,
     wrapLabel: h = !1,
-    ...C
-  }, b) => {
-    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({
+    labelDir: v,
+    ...y
+  }, V) => {
+    const P = it[t ?? "md"], A = dt[t ?? "md"], T = pe(), x = pe(), g = i != null && i !== "", R = g && w, j = R ? { id: x } : {}, D = R ? { "aria-labelledby": `${x} ${T}` } : {}, k = h ? U({
       wrap: !0,
-      className: lt
-    }) : "", y = c ? "ds:group-data-[disabled]/select-item:opacity-50" : "", E = l ? (
+      className: me
+    }) : "", S = g ? "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.
@@ -303,38 +304,65 @@ const Y = f(
       /* @__PURE__ */ e(n.ItemText, { asChild: !0, ...j, children: /* @__PURE__ */ m(
         "span",
         {
-          className: Je({
+          className: Qe({
             wrap: h,
-            className: y
+            className: S
           }),
           children: [
-            /* @__PURE__ */ e("span", { className: k || ue(), children: o }),
-            /* @__PURE__ */ e("span", { className: Xe, children: l })
+            /* @__PURE__ */ e(
+              "span",
+              {
+                dir: v,
+                className: k || U(),
+                children: o
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: Je, children: l })
           ]
         }
       ) })
-    ) : 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 });
+    ) : g || h ? /* @__PURE__ */ e(n.ItemText, { asChild: !0, ...j, children: /* @__PURE__ */ e(
+      "span",
+      {
+        dir: v,
+        className: [k, S].filter(Boolean).join(" "),
+        children: o
+      }
+    ) }) : v ? (
+      // Our own element, so the direction sits on the box that clips, in
+      // the list and in the trigger (Radix mirrors this span there).
+      /* @__PURE__ */ e(n.ItemText, { asChild: !0, children: /* @__PURE__ */ e(
+        "span",
+        {
+          dir: v,
+          className: U({
+            className: me
+          }),
+          children: o
+        }
+      ) })
+    ) : /* @__PURE__ */ e(n.ItemText, { children: o });
     return /* @__PURE__ */ m(
       n.Item,
       {
-        ref: b,
+        ref: V,
         ...D,
-        "aria-describedby": c && !T ? w : void 0,
-        className: ot({
+        "aria-describedby": g && !R ? T : void 0,
+        className: nt({
           size: t,
-          className: c ? [
+          className: g ? [
             "ds:group/select-item ds:data-[disabled]:!opacity-100",
             a
           ].filter(Boolean).join(" ") : a
         }),
-        ...C,
+        ...y,
         children: [
           /* @__PURE__ */ e(
             "span",
             {
-              className: `ds:absolute ${z} ds:inline-flex ds:items-center ds:justify-center ${y}`,
+              className: `ds:absolute ${P} ds:inline-flex ds:items-center ds:justify-center ${S}`,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(Ze, { className: P }) })
+              children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(et, { className: A }) })
             }
           ),
           r ? (
@@ -343,21 +371,21 @@ const Y = f(
               "span",
               {
                 "aria-hidden": "true",
-                className: `ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)] ${y}`,
+                className: `ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)] ${S}`,
                 children: r
               }
             )
           ) : null,
-          c || h ? /* @__PURE__ */ m("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:py-[var(--spacing-xs)]", children: [
+          g || 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(
+            g ? /* @__PURE__ */ e(
               "span",
               {
-                id: w,
-                className: Qe({
-                  tone: N
+                id: T,
+                className: Ye({
+                  tone: C
                 }),
-                children: d
+                children: i
               }
             ) : null
           ] }) : E
@@ -366,21 +394,21 @@ const Y = f(
     );
   }
 );
-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(
+ee.displayName = "Select.Item";
+const xe = f((t, a) => /* @__PURE__ */ e(n.ItemText, { ref: a, ...t }));
+xe.displayName = "Select.ItemText";
+const Se = f((t, a) => /* @__PURE__ */ e(n.Group, { ref: a, ...t }));
+Se.displayName = "Select.Group";
+const te = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
   n.Label,
   {
     ref: o,
-    className: [nt, t].filter(Boolean).join(" "),
+    className: [rt, t].filter(Boolean).join(" "),
     ...a
   }
 ));
-Z.displayName = "Select.Label";
-const xe = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+te.displayName = "Select.Label";
+const Ne = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
   n.Separator,
   {
     ref: o,
@@ -388,7 +416,7 @@ const xe = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
     ...a
   }
 ));
-xe.displayName = "Select.Separator";
+Ne.displayName = "Select.Separator";
 const ct = "ds-select-detached", ut = /* @__PURE__ */ new Set([
   "data-component",
   "data-component-id",
@@ -404,132 +432,132 @@ function pt(t) {
     r === void 0 || ut.has(o) || (o.startsWith("data-") || o.startsWith("aria-")) && (a[o] = r);
   return a;
 }
-const Se = f(function({
+const Ie = f(function({
   options: a,
   value: o,
   defaultValue: r,
   onValueChange: l,
-  placeholder: d,
-  clearable: N = !1,
-  disabled: I,
+  placeholder: i,
+  clearable: C = !1,
+  disabled: w,
   required: h,
-  name: C,
-  id: b,
-  size: z = "md",
+  name: v,
+  id: y,
+  size: V = "md",
   tone: P = "default",
-  className: w,
-  container: V,
-  "aria-label": c,
-  "aria-describedby": T,
-  adornmentInTrigger: j = !1,
-  showDescriptions: D = !1,
-  descriptionInName: k = !1,
-  wrapOptionLabels: y = !1,
-  ...E
-}, Ne) {
-  var de;
-  const { t: A } = Le("ui"), x = Ge(), v = pe(Ke) !== null, [Ie, O] = H(
+  className: A,
+  container: T,
+  "aria-label": x,
+  "aria-describedby": g,
+  adornmentInTrigger: R = !1,
+  showDescriptions: j = !1,
+  descriptionInName: D = !1,
+  wrapOptionLabels: k = !1,
+  ...S
+}, E) {
+  var ce;
+  const { t: F } = Ge("ui"), N = Ke(), b = fe(We) !== null, [Ce, O] = M(
     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(() => {
+  ), I = o !== void 0, c = I ? o : Ce, [B, L] = M(!1), se = _(c);
+  se.current = c;
+  const we = $e(N, y), Te = y ?? (b ? we : void 0), G = (b ? N.disabled : !1) || !!w, K = (b ? N.required : !1) || !!h, ae = b ? N.invalid : !1, Re = ae ? "error" : P, ze = [b ? N.describedBy : void 0, g].filter(Boolean).join(" ") || void 0, oe = R ? (ce = a.find((s) => s.value === c)) == null ? void 0 : ce.startAdornment : void 0, z = _(null), Ve = lt(E, z), je = tt(z), [ke, Ee] = M(!0);
+  He(() => {
     var s;
-    u === "" && ke(!!((s = R.current) != null && s.closest("form")));
+    c === "" && Ee(!!((s = z.current) != null && s.closest("form")));
   });
-  const K = u === "" && je, ae = _(null), W = _(u !== "");
-  Pe(() => {
+  const W = c === "" && ke, ne = _(null), $ = _(c !== "");
+  Ae(() => {
     var s;
-    if (u !== "") {
-      W.current = !0;
+    if (c !== "") {
+      $.current = !0;
       return;
     }
-    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(
+    $.current && ($.current = !1, (s = ne.current) == null || s.dispatchEvent(new Event("change", { bubbles: !0 })));
+  }, [c]);
+  const d = l, re = (s) => {
+    I || O(s), d == null || d(s);
+  }, Oe = (s) => {
+    var u;
+    s.preventDefault(), s.stopPropagation(), I || O(""), d == null || d(""), (u = z.current) == null || u.focus();
+  }, q = i ?? F("inputs.select.placeholder", "Select…"), Be = C && !!c && !G, de = x === void 0 && !b, ie = de ? q : x, le = !x && b ? `${N.id}-label` : void 0, _e = qe(a), Pe = De(
     () => ({
-      getValue: () => ee.current,
+      getValue: () => se.current,
       setValue: (s) => {
-        const p = a.find((q) => q.value === s);
-        !p || p.disabled || (S || O(s), i == null || i(s));
+        const u = a.find((H) => H.value === s);
+        !u || u.disabled || (I || O(s), d == null || d(s));
       },
       clear: () => {
-        S || O(""), i == null || i("");
+        I || O(""), d == null || d("");
       },
-      open: () => F(!0),
-      close: () => F(!1),
+      open: () => L(!0),
+      close: () => L(!1),
       isOpen: () => B
     }),
-    [i, S, B, a]
+    [d, I, B, a]
   );
-  return Fe(st, _e, b), /* @__PURE__ */ m(
+  return Le(at, Pe, y), /* @__PURE__ */ m(
     n.Root,
     {
-      value: u,
-      onValueChange: oe,
+      value: c,
+      onValueChange: re,
       open: B,
-      onOpenChange: F,
-      disabled: L,
-      required: G,
-      name: K ? void 0 : C,
-      form: K ? ct : void 0,
-      dir: Ve,
+      onOpenChange: L,
+      disabled: G,
+      required: K,
+      name: W ? void 0 : v,
+      form: W ? ct : void 0,
+      dir: je,
       children: [
         /* @__PURE__ */ m(
           n.Trigger,
           {
-            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),
+            ref: Ve,
+            id: Te,
+            "aria-label": ie,
+            "aria-labelledby": le,
+            "data-name-from-placeholder": de || void 0,
+            "aria-describedby": ze,
+            "aria-invalid": ae || void 0,
+            ...pt(S),
             "data-component": "select",
-            "data-component-id": b,
-            className: fe({
-              size: z,
-              tone: Te,
-              className: w
+            "data-component-id": y,
+            className: he({
+              size: V,
+              tone: Re,
+              className: A
             }),
             children: [
-              se ? /* @__PURE__ */ m("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              oe ? /* @__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: se
+                    children: oe
                   }
                 ),
                 /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:truncate ds:text-start", children: /* @__PURE__ */ e(
                   n.Value,
                   {
-                    ...M,
-                    placeholder: $
+                    ...X,
+                    placeholder: q
                   }
                 ) })
               ] }) : /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:truncate ds:text-start", children: /* @__PURE__ */ e(
                 n.Value,
                 {
-                  ...M,
-                  placeholder: $
+                  ...X,
+                  placeholder: q
                 }
               ) }),
               /* @__PURE__ */ m("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                Oe ? /* @__PURE__ */ e(
+                Be ? /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    "aria-label": A("inputs.select.clear", "Clear selection"),
-                    onClick: Ee,
+                    "aria-label": F("inputs.select.clear", "Clear selection"),
+                    onClick: Oe,
                     onPointerDown: (s) => s.stopPropagation(),
                     onKeyDown: (s) => {
                       (s.key === "Enter" || s.key === " ") && s.stopPropagation();
@@ -542,11 +570,11 @@ const Se = f(function({
                       "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                       "ds:size-4"
                     ].join(" "),
-                    children: /* @__PURE__ */ e(tt, { "aria-hidden": "true", className: "ds:size-3.5" })
+                    children: /* @__PURE__ */ e(st, { "aria-hidden": "true", className: "ds:size-3.5" })
                   }
                 ) : null,
                 /* @__PURE__ */ e(n.Icon, { asChild: !0, children: /* @__PURE__ */ e(
-                  me,
+                  ge,
                   {
                     "aria-hidden": "true",
                     className: [
@@ -560,22 +588,22 @@ const Se = f(function({
             ]
           }
         ),
-        K && (C !== void 0 || G) ? /* @__PURE__ */ m(
+        W && (v !== void 0 || K) ? /* @__PURE__ */ m(
           "select",
           {
-            ref: ae,
+            ref: ne,
             "data-component": "select-field",
             "aria-hidden": !0,
             tabIndex: -1,
-            "aria-label": re,
-            "aria-labelledby": ie,
-            name: C,
-            required: G,
-            disabled: L,
+            "aria-label": ie,
+            "aria-labelledby": le,
+            name: v,
+            required: K,
+            disabled: G,
             value: "",
             onChange: (s) => {
-              var p;
-              s.target.value !== "" && (document.activeElement === s.target && ((p = R.current) == null || p.focus()), oe(s.target.value));
+              var u;
+              s.target.value !== "" && (document.activeElement === s.target && ((u = z.current) == null || u.focus()), re(s.target.value));
             },
             className: "ds:sr-only",
             children: [
@@ -585,6 +613,7 @@ const Se = f(function({
                 {
                   value: s.value,
                   disabled: s.disabled,
+                  dir: s.dir,
                   children: s.label
                 },
                 s.value
@@ -592,58 +621,59 @@ const Se = f(function({
             ]
           }
         ) : null,
-        /* @__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,
+        /* @__PURE__ */ e(Q.Provider, { value: B, children: /* @__PURE__ */ e(Y, { container: T, children: /* @__PURE__ */ e(Z, { 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: F("inputs.select.noOptions", "No options") }) : _e.map(({ group: s, items: u }, H) => {
+          const ue = u.map((p) => /* @__PURE__ */ e(
+            ee,
             {
-              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: g.label
+              value: p.value,
+              disabled: p.disabled,
+              size: V,
+              "data-option-id": p.value,
+              startAdornment: p.startAdornment,
+              endContent: p.endContent,
+              description: j ? p.description : void 0,
+              descriptionTone: p.descriptionTone,
+              descriptionInName: D,
+              wrapLabel: k,
+              labelDir: p.dir,
+              children: p.label
             },
-            g.value
+            p.value
           ));
           return s ? /* @__PURE__ */ m(n.Group, { children: [
-            /* @__PURE__ */ e(Z, { children: s }),
-            le
-          ] }, `group-${s}`) : /* @__PURE__ */ e(n.Group, { children: le }, `group-${q}`);
+            /* @__PURE__ */ e(te, { children: s }),
+            ue
+          ] }, `group-${s}`) : /* @__PURE__ */ e(n.Group, { children: ue }, `group-${H}`);
         }) }) }) })
       ]
     }
   );
 });
-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
+Ie.displayName = "Select";
+const mt = Object.assign(Ie, {
+  Root: ve,
+  Trigger: be,
+  Value: ye,
+  Content: Y,
+  Viewport: Z,
+  Item: ee,
+  ItemText: xe,
+  Group: Se,
+  Label: te,
+  Separator: Ne
 }), kt = mt;
 export {
   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
+  Y as a,
+  Se as b,
+  ee as c,
+  xe as d,
+  te as e,
+  ve as f,
+  Ne as g,
+  be as h,
+  ye as i,
+  Z as j,
+  he as s
 };
-//# sourceMappingURL=select-k4gBdS8N.js.map
+//# sourceMappingURL=select-4S-eYZUf.js.map