@alfadocs/ui-kit-debug 1.93.1 → 1.94.0

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

@@ -1,22 +1,22 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-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 { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as f, useContext as ge, useId as me, useState as M, useRef as P, useEffect as Ae, useMemo as De, Fragment as Fe, createContext as Le } from "react";
+import { u as Ge } from "./registry-DvAUVLHh.js";
+import * as o from "@radix-ui/react-select";
 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 = {
+import { useTranslation as Ke } from "react-i18next";
+import { u as We, F as $e, a as qe } from "./form-field-context-DtiROUJV.js";
+import { g as He } from "./group-options-BvKhQ3xb.js";
+import { u as Me } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ue } from "./use-controllable-state-BiY4xTzM.js";
+import { b as Xe } from "./menu-row-BAr8bx1I.js";
+import { P as Je } from "./popup-region-qz_5_A0V.js";
+import { o as U, b as Qe, d as Ye, c as Ze } from "./option-row-Dc7BrbK8.js";
+import { C as et } from "./chevron-up-umRGgtJA.js";
+import { C as he } from "./chevron-down-DWE7GSq9.js";
+import { C as tt } from "./check-DrFSN__t.js";
+import { u as st } from "./use-direction-Dp8h70PP.js";
+import { X as at } from "./x-B5YnXwCz.js";
+const nt = {
   id: "select",
   // Persisted single choice (value state + set_value) → select_single + set_value,
   // plus open/close of the option list.
@@ -49,7 +49,7 @@ const at = {
       },
       idempotent: !0,
       descriptionKey: "ui.agent.select.actions.setValue",
-      description: "Select the option with the given value. A value that is not among the options, or belongs to a disabled option, is ignored and the selection stays as it was.",
+      description: "Select the option with the given value. A value that is not among the options, belongs to a disabled option, or is an action option (such as New signatory), is ignored and the selection stays as it was.",
       examples: [{ args: { value: "it" }, note: 'Select the "it" option.' }],
       invoke: (t, a) => {
         t.setValue(a.value);
@@ -100,7 +100,7 @@ const at = {
       description: "Stable opaque option value emitted on each rendered option."
     }
   }
-}, he = J(
+}, ve = 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",
@@ -145,12 +145,12 @@ const at = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), nt = J(
+), rt = 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",
-    Ue.highlighted,
+    Xe.highlighted,
     "ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50"
   ].join(" "),
   {
@@ -165,7 +165,7 @@ const at = {
       size: "md"
     }
   }
-), rt = [
+), it = [
   "ds:ps-8 ds:pe-3 ds:py-1.5",
   "type-eyebrow ds:text-muted-foreground",
   "ds:sticky ds:top-0 ds:bg-background"
@@ -173,88 +173,88 @@ const at = {
   sm: "ds:size-3.5",
   md: "ds:size-4",
   lg: "ds:size-5"
-}, it = {
+}, lt = {
   sm: "ds:start-2",
   md: "ds:start-2",
   lg: "ds:start-3"
 };
-function lt(...t) {
+function ct(...t) {
   return (a) => {
-    for (const o of t)
-      o && (typeof o == "function" ? o(a) : o.current = a);
+    for (const n of t)
+      n && (typeof n == "function" ? n(a) : n.current = a);
   };
 }
-const Q = Fe(void 0), ve = ({
+const Q = Le(void 0), be = ({
   open: t,
   defaultOpen: a,
-  onOpenChange: o,
-  ...r
+  onOpenChange: n,
+  ...i
 }) => {
-  const [l, i] = Me({
+  const [u, l] = Ue({
     value: t,
     defaultValue: a ?? !1,
-    onChange: o
+    onChange: n
   });
-  return /* @__PURE__ */ e(Q.Provider, { value: l ?? !1, children: /* @__PURE__ */ e(
-    n.Root,
+  return /* @__PURE__ */ e(Q.Provider, { value: u ?? !1, children: /* @__PURE__ */ e(
+    o.Root,
     {
-      open: l ?? !1,
-      onOpenChange: i,
-      ...r
+      open: u ?? !1,
+      onOpenChange: l,
+      ...i
     }
   ) });
 };
-ve.displayName = "Select.Root";
-const be = f(
-  ({ size: t, tone: a, className: o, children: r, ...l }, i) => /* @__PURE__ */ e(
-    n.Trigger,
+be.displayName = "Select.Root";
+const ye = f(
+  ({ size: t, tone: a, className: n, children: i, ...u }, l) => /* @__PURE__ */ e(
+    o.Trigger,
     {
-      ref: i,
-      className: he({ size: t, tone: a, className: o }),
-      ...l,
-      children: r
+      ref: l,
+      className: ve({ size: t, tone: a, className: n }),
+      ...u,
+      children: i
     }
   )
 );
-be.displayName = "Select.Trigger";
-const X = { "data-select-value": "" }, me = [
+ye.displayName = "Select.Trigger";
+const X = { "data-select-value": "" }, fe = [
   "ds:[[data-select-value]_&]:block",
   "ds:[[data-select-value]_&]:truncate"
-].join(" "), ye = f((t, a) => /* @__PURE__ */ e(n.Value, { ref: a, ...X, ...t }));
-ye.displayName = "Select.Value";
+].join(" "), Se = f((t, a) => /* @__PURE__ */ e(o.Value, { ref: a, ...X, ...t }));
+Se.displayName = "Select.Value";
 const Y = f(
   ({
     className: t,
     children: a,
-    position: o = "popper",
-    sideOffset: r = 4,
-    container: l,
-    ...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,
+    position: n = "popper",
+    sideOffset: i = 4,
+    container: u,
+    ...l
+  }, w) => {
+    const T = ge(Q);
+    return /* @__PURE__ */ e(o.Portal, { container: u ?? void 0, children: /* @__PURE__ */ e(Je, { popupRef: w, open: T, children: (h) => /* @__PURE__ */ p(
+      o.Content,
       {
         ref: h,
-        position: o,
-        sideOffset: r,
+        position: n,
+        sideOffset: i,
         "data-component": "select-content",
         className: ot({ className: t }),
-        ...i,
+        ...l,
         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(Ze, { "aria-hidden": "true", className: "ds:size-4" }) }),
+          /* @__PURE__ */ e(o.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(et, { "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(ge, { "aria-hidden": "true", className: "ds:size-4" }) })
+          /* @__PURE__ */ e(o.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(he, { "aria-hidden": "true", className: "ds:size-4" }) })
         ]
       }
     ) }) });
   }
 );
 Y.displayName = "Select.Content";
-const Z = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
-  n.Viewport,
+const Z = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  o.Viewport,
   {
-    ref: o,
+    ref: n,
     className: ["ds:p-1", t].filter(Boolean).join(" "),
     ...a
   }
@@ -264,20 +264,20 @@ const ee = f(
   ({
     size: t = "md",
     className: a,
-    children: o,
-    startAdornment: r,
-    endContent: l,
-    description: i,
-    descriptionTone: C,
-    descriptionInName: w = !1,
+    children: n,
+    startAdornment: i,
+    endContent: u,
+    description: l,
+    descriptionTone: w,
+    descriptionInName: T = !1,
     wrapLabel: h = !1,
     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({
+  }, O) => {
+    const A = lt[t ?? "md"], D = dt[t ?? "md"], R = me(), S = me(), g = l != null && l !== "", z = g && T, k = z ? { id: S } : {}, F = z ? { "aria-labelledby": `${S} ${R}` } : {}, E = h ? U({
       wrap: !0,
-      className: me
-    }) : "", S = g ? "ds:group-data-[disabled]/select-item:opacity-50" : "", E = l ? (
+      className: fe
+    }) : "", x = g ? "ds:group-data-[disabled]/select-item:opacity-50" : "", _ = u ? (
       // 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.
@@ -301,54 +301,54 @@ const ee = f(
       // 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__ */ m(
+      /* @__PURE__ */ e(o.ItemText, { asChild: !0, ...k, children: /* @__PURE__ */ p(
         "span",
         {
-          className: Qe({
+          className: Ye({
             wrap: h,
-            className: S
+            className: x
           }),
           children: [
             /* @__PURE__ */ e(
               "span",
               {
                 dir: v,
-                className: k || U(),
-                children: o
+                className: E || U(),
+                children: n
               }
             ),
-            /* @__PURE__ */ e("span", { className: Je, children: l })
+            /* @__PURE__ */ e("span", { className: Qe, children: u })
           ]
         }
       ) })
-    ) : g || h ? /* @__PURE__ */ e(n.ItemText, { asChild: !0, ...j, children: /* @__PURE__ */ e(
+    ) : g || h ? /* @__PURE__ */ e(o.ItemText, { asChild: !0, ...k, children: /* @__PURE__ */ e(
       "span",
       {
         dir: v,
-        className: [k, S].filter(Boolean).join(" "),
-        children: o
+        className: [E, x].filter(Boolean).join(" "),
+        children: n
       }
     ) }) : 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(
+      /* @__PURE__ */ e(o.ItemText, { asChild: !0, children: /* @__PURE__ */ e(
         "span",
         {
           dir: v,
           className: U({
-            className: me
+            className: fe
           }),
-          children: o
+          children: n
         }
       ) })
-    ) : /* @__PURE__ */ e(n.ItemText, { children: o });
-    return /* @__PURE__ */ m(
-      n.Item,
+    ) : /* @__PURE__ */ e(o.ItemText, { children: n });
+    return /* @__PURE__ */ p(
+      o.Item,
       {
-        ref: V,
-        ...D,
-        "aria-describedby": g && !R ? T : void 0,
-        className: nt({
+        ref: O,
+        ...F,
+        "aria-describedby": g && !z ? R : void 0,
+        className: rt({
           size: t,
           className: g ? [
             "ds:group/select-item ds:data-[disabled]:!opacity-100",
@@ -360,64 +360,64 @@ const ee = f(
           /* @__PURE__ */ e(
             "span",
             {
-              className: `ds:absolute ${P} ds:inline-flex ds:items-center ds:justify-center ${S}`,
+              className: `ds:absolute ${A} ds:inline-flex ds:items-center ds:justify-center ${x}`,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(et, { className: A }) })
+              children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(tt, { className: D }) })
             }
           ),
-          r ? (
+          i ? (
             // 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)] ${S}`,
-                children: r
+                className: `ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)] ${x}`,
+                children: i
               }
             )
           ) : null,
-          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,
+          g || h ? /* @__PURE__ */ p("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:py-[var(--spacing-xs)]", children: [
+            _,
             g ? /* @__PURE__ */ e(
               "span",
               {
-                id: T,
-                className: Ye({
-                  tone: C
+                id: R,
+                className: Ze({
+                  tone: w
                 }),
-                children: i
+                children: l
               }
             ) : null
-          ] }) : E
+          ] }) : _
         ]
       }
     );
   }
 );
 ee.displayName = "Select.Item";
-const xe = f((t, a) => /* @__PURE__ */ e(n.ItemText, { ref: a, ...t }));
+const xe = f((t, a) => /* @__PURE__ */ e(o.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,
+const Ne = f((t, a) => /* @__PURE__ */ e(o.Group, { ref: a, ...t }));
+Ne.displayName = "Select.Group";
+const te = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  o.Label,
   {
-    ref: o,
-    className: [rt, t].filter(Boolean).join(" "),
+    ref: n,
+    className: [it, t].filter(Boolean).join(" "),
     ...a
   }
 ));
 te.displayName = "Select.Label";
-const Ne = f(({ className: t, ...a }, o) => /* @__PURE__ */ e(
-  n.Separator,
+const se = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  o.Separator,
   {
-    ref: o,
+    ref: n,
     className: ["ds:my-1 ds:h-px ds:bg-border", t].filter(Boolean).join(" "),
     ...a
   }
 ));
-Ne.displayName = "Select.Separator";
-const ct = "ds-select-detached", ut = /* @__PURE__ */ new Set([
+se.displayName = "Select.Separator";
+const ut = "ds:[--primary:var(--primary-readable)] ds:text-primary", pt = "ds-select-detached", mt = /* @__PURE__ */ new Set([
   "data-component",
   "data-component-id",
   "data-state",
@@ -426,108 +426,111 @@ const ct = "ds-select-detached", ut = /* @__PURE__ */ new Set([
   "aria-expanded",
   "aria-controls"
 ]);
-function pt(t) {
+function ft(t) {
   const a = {};
-  for (const [o, r] of Object.entries(t))
-    r === void 0 || ut.has(o) || (o.startsWith("data-") || o.startsWith("aria-")) && (a[o] = r);
+  for (const [n, i] of Object.entries(t))
+    i === void 0 || mt.has(n) || (n.startsWith("data-") || n.startsWith("aria-")) && (a[n] = i);
   return a;
 }
 const Ie = f(function({
   options: a,
-  value: o,
-  defaultValue: r,
-  onValueChange: l,
-  placeholder: i,
-  clearable: C = !1,
-  disabled: w,
+  value: n,
+  defaultValue: i,
+  onValueChange: u,
+  placeholder: l,
+  clearable: w = !1,
+  disabled: T,
   required: h,
   name: v,
   id: y,
-  size: V = "md",
-  tone: P = "default",
-  className: A,
-  container: T,
-  "aria-label": x,
+  size: O = "md",
+  tone: A = "default",
+  className: D,
+  container: R,
+  "aria-label": S,
   "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 ?? ""
-  ), 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(() => {
+  adornmentInTrigger: z = !1,
+  showDescriptions: k = !1,
+  descriptionInName: F = !1,
+  wrapOptionLabels: E = !1,
+  ...x
+}, _) {
+  var ue;
+  const { t: L } = Ke("ui"), N = We(), b = ge($e) !== null, [Ce, B] = M(
+    n ?? i ?? ""
+  ), I = n !== void 0, m = I ? n : Ce, [V, G] = M(!1), ae = P(m);
+  ae.current = m;
+  const we = qe(N, y), Te = y ?? (b ? we : void 0), K = (b ? N.disabled : !1) || !!T, W = (b ? N.required : !1) || !!h, ne = b ? N.invalid : !1, Re = ne ? "error" : A, ze = [b ? N.describedBy : void 0, g].filter(Boolean).join(" ") || void 0, oe = z ? (ue = a.find((s) => s.value === m)) == null ? void 0 : ue.startAdornment : void 0, j = P(null), Ve = ct(_, j), je = st(j), [Oe, ke] = M(!0);
+  Me(() => {
     var s;
-    c === "" && Ee(!!((s = z.current) != null && s.closest("form")));
+    m === "" && ke(!!((s = j.current) != null && s.closest("form")));
   });
-  const W = c === "" && ke, ne = _(null), $ = _(c !== "");
+  const $ = m === "" && Oe, re = P(null), q = P(m !== "");
   Ae(() => {
     var s;
-    if (c !== "") {
-      $.current = !0;
+    if (m !== "") {
+      q.current = !0;
       return;
     }
-    $.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(
+    q.current && (q.current = !1, (s = re.current) == null || s.dispatchEvent(new Event("change", { bubbles: !0 })));
+  }, [m]);
+  const d = u, ie = (s) => {
+    const r = a.some(
+      (C) => C.value === s && C.intent === "action"
+    );
+    r && !V || (!I && !r && B(s), d == null || d(s));
+  }, Ee = (s) => {
+    var r;
+    s.preventDefault(), s.stopPropagation(), I || B(""), d == null || d(""), (r = j.current) == null || r.focus();
+  }, H = l ?? L("inputs.select.placeholder", "Select…"), _e = w && !!m && !K, de = S === void 0 && !b, le = de ? H : S, ce = !S && b ? `${N.id}-label` : void 0, Be = He(a), Pe = De(
     () => ({
-      getValue: () => se.current,
+      getValue: () => ae.current,
       setValue: (s) => {
-        const u = a.find((H) => H.value === s);
-        !u || u.disabled || (I || O(s), d == null || d(s));
+        const r = a.find((C) => C.value === s);
+        !r || r.disabled || r.intent === "action" || (I || B(s), d == null || d(s));
       },
       clear: () => {
-        I || O(""), d == null || d("");
+        I || B(""), d == null || d("");
       },
-      open: () => L(!0),
-      close: () => L(!1),
-      isOpen: () => B
+      open: () => G(!0),
+      close: () => G(!1),
+      isOpen: () => V
     }),
-    [d, I, B, a]
+    [d, I, V, a]
   );
-  return Le(at, Pe, y), /* @__PURE__ */ m(
-    n.Root,
+  return Ge(nt, Pe, y), /* @__PURE__ */ p(
+    o.Root,
     {
-      value: c,
-      onValueChange: re,
-      open: B,
-      onOpenChange: L,
-      disabled: G,
-      required: K,
-      name: W ? void 0 : v,
-      form: W ? ct : void 0,
+      value: m,
+      onValueChange: ie,
+      open: V,
+      onOpenChange: G,
+      disabled: K,
+      required: W,
+      name: $ ? void 0 : v,
+      form: $ ? pt : void 0,
       dir: je,
       children: [
-        /* @__PURE__ */ m(
-          n.Trigger,
+        /* @__PURE__ */ p(
+          o.Trigger,
           {
             ref: Ve,
             id: Te,
-            "aria-label": ie,
-            "aria-labelledby": le,
+            "aria-label": le,
+            "aria-labelledby": ce,
             "data-name-from-placeholder": de || void 0,
             "aria-describedby": ze,
-            "aria-invalid": ae || void 0,
-            ...pt(S),
+            "aria-invalid": ne || void 0,
+            ...ft(x),
             "data-component": "select",
             "data-component-id": y,
-            className: he({
-              size: V,
+            className: ve({
+              size: O,
               tone: Re,
-              className: A
+              className: D
             }),
             children: [
-              oe ? /* @__PURE__ */ m("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              oe ? /* @__PURE__ */ p("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]", children: [
                 /* @__PURE__ */ e(
                   "span",
                   {
@@ -538,26 +541,26 @@ const Ie = f(function({
                   }
                 ),
                 /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:truncate ds:text-start", children: /* @__PURE__ */ e(
-                  n.Value,
+                  o.Value,
                   {
                     ...X,
-                    placeholder: q
+                    placeholder: H
                   }
                 ) })
               ] }) : /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:truncate ds:text-start", children: /* @__PURE__ */ e(
-                n.Value,
+                o.Value,
                 {
                   ...X,
-                  placeholder: q
+                  placeholder: H
                 }
               ) }),
-              /* @__PURE__ */ m("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                Be ? /* @__PURE__ */ e(
+              /* @__PURE__ */ p("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                _e ? /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    "aria-label": F("inputs.select.clear", "Clear selection"),
-                    onClick: Oe,
+                    "aria-label": L("inputs.select.clear", "Clear selection"),
+                    onClick: Ee,
                     onPointerDown: (s) => s.stopPropagation(),
                     onKeyDown: (s) => {
                       (s.key === "Enter" || s.key === " ") && s.stopPropagation();
@@ -570,11 +573,11 @@ const Ie = f(function({
                       "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                       "ds:size-4"
                     ].join(" "),
-                    children: /* @__PURE__ */ e(st, { "aria-hidden": "true", className: "ds:size-3.5" })
+                    children: /* @__PURE__ */ e(at, { "aria-hidden": "true", className: "ds:size-3.5" })
                   }
                 ) : null,
-                /* @__PURE__ */ e(n.Icon, { asChild: !0, children: /* @__PURE__ */ e(
-                  ge,
+                /* @__PURE__ */ e(o.Icon, { asChild: !0, children: /* @__PURE__ */ e(
+                  he,
                   {
                     "aria-hidden": "true",
                     className: [
@@ -588,22 +591,22 @@ const Ie = f(function({
             ]
           }
         ),
-        W && (v !== void 0 || K) ? /* @__PURE__ */ m(
+        $ && (v !== void 0 || W) ? /* @__PURE__ */ p(
           "select",
           {
-            ref: ne,
+            ref: re,
             "data-component": "select-field",
             "aria-hidden": !0,
             tabIndex: -1,
-            "aria-label": ie,
-            "aria-labelledby": le,
+            "aria-label": le,
+            "aria-labelledby": ce,
             name: v,
-            required: K,
-            disabled: G,
+            required: W,
+            disabled: K,
             value: "",
             onChange: (s) => {
-              var u;
-              s.target.value !== "" && (document.activeElement === s.target && ((u = z.current) == null || u.focus()), re(s.target.value));
+              var r;
+              s.target.value !== "" && (document.activeElement === s.target && ((r = j.current) == null || r.focus()), ie(s.target.value));
             },
             className: "ds:sr-only",
             children: [
@@ -621,59 +624,62 @@ const Ie = f(function({
             ]
           }
         ) : null,
-        /* @__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: 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
-            },
-            p.value
-          ));
-          return s ? /* @__PURE__ */ m(n.Group, { children: [
+        /* @__PURE__ */ e(Q.Provider, { value: V, children: /* @__PURE__ */ e(Y, { container: R, 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: L("inputs.select.noOptions", "No options") }) : Be.map(({ group: s, items: r }, C) => {
+          const pe = r.map((c) => /* @__PURE__ */ p(Fe, { children: [
+            c.separatorBefore ? /* @__PURE__ */ e(se, {}) : null,
+            /* @__PURE__ */ e(
+              ee,
+              {
+                value: c.value,
+                className: c.intent === "action" ? ut : void 0,
+                disabled: c.disabled,
+                size: O,
+                "data-option-id": c.value,
+                startAdornment: c.startAdornment,
+                endContent: c.endContent,
+                description: k ? c.description : void 0,
+                descriptionTone: c.descriptionTone,
+                descriptionInName: F,
+                wrapLabel: E,
+                labelDir: c.dir,
+                children: c.label
+              }
+            )
+          ] }, c.value));
+          return s ? /* @__PURE__ */ p(o.Group, { children: [
             /* @__PURE__ */ e(te, { children: s }),
-            ue
-          ] }, `group-${s}`) : /* @__PURE__ */ e(n.Group, { children: ue }, `group-${H}`);
+            pe
+          ] }, `group-${s}`) : /* @__PURE__ */ e(o.Group, { children: pe }, `group-${C}`);
         }) }) }) })
       ]
     }
   );
 });
 Ie.displayName = "Select";
-const mt = Object.assign(Ie, {
-  Root: ve,
-  Trigger: be,
-  Value: ye,
+const gt = Object.assign(Ie, {
+  Root: be,
+  Trigger: ye,
+  Value: Se,
   Content: Y,
   Viewport: Z,
   Item: ee,
   ItemText: xe,
-  Group: Se,
+  Group: Ne,
   Label: te,
-  Separator: Ne
-}), kt = mt;
+  Separator: se
+}), Et = gt;
 export {
-  kt as S,
+  Et as S,
   Y as a,
-  Se as b,
+  Ne as b,
   ee as c,
   xe as d,
   te as e,
-  ve as f,
-  Ne as g,
-  be as h,
-  ye as i,
+  be as f,
+  se as g,
+  ye as h,
+  Se as i,
   Z as j,
-  he as s
+  ve as s
 };
-//# sourceMappingURL=select-4S-eYZUf.js.map
+//# sourceMappingURL=select-BBDRYxJl.js.map