@alfadocs/ui-kit-debug 1.30.0 → 1.32.0

package/dist/_chunks/{combobox-D7_NLE2Z.js → combobox-DnSdYssy.js}

@@ -1,20 +1,20 @@
-import { jsx as t, jsxs as S } from "react/jsx-runtime";
-import { forwardRef as ke, useContext as Ke, useMemo as B, useState as oe, useRef as g, useEffect as I, useCallback as Oe } from "react";
-import * as _ from "@radix-ui/react-popover";
-import { R as Te, _ as c, P as $e } from "./index-4xgbg-sn.js";
-import { c as F } from "./index-D2ZczOXr.js";
-import { useTranslation as Be } from "react-i18next";
-import { u as Ue, F as He } from "./form-field-context-B3APVHKx.js";
-import { c as Ge } from "./compose-refs-C0k0tdqF.js";
-import { n as U } from "./normalize-diacritics-BNGbFNlJ.js";
-import { g as Me } from "./group-options-BvKhQ3xb.js";
-import { u as Le } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Qe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as Xe, a as H, d as G, c as We } from "./input-surface-xyERuLU_.js";
-import { u as Je } from "./registry-DvAUVLHh.js";
-import { X as Ye } from "./x-B5YnXwCz.js";
-import { C as Ze } from "./check-DrFSN__t.js";
-const et = {
+import { jsx as t, jsxs as R } from "react/jsx-runtime";
+import { forwardRef as Ke, useContext as Oe, useMemo as U, useState as re, useRef as g, useEffect as F, useCallback as Te } from "react";
+import * as E from "@radix-ui/react-popover";
+import { R as $e, _ as u, P as Be } from "./index-4xgbg-sn.js";
+import { c as V } from "./index-D2ZczOXr.js";
+import { useTranslation as Ue } from "react-i18next";
+import { u as He, F as Ge } from "./form-field-context-B3APVHKx.js";
+import { c as Me } from "./compose-refs-C0k0tdqF.js";
+import { n as H } from "./normalize-diacritics-BNGbFNlJ.js";
+import { g as Le } from "./group-options-BvKhQ3xb.js";
+import { u as Xe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as We } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { I as Je, a as G, d as M, c as Ye } from "./input-surface-xyERuLU_.js";
+import { u as Ze } from "./registry-DvAUVLHh.js";
+import { X as Qe } from "./x-B5YnXwCz.js";
+import { C as et } from "./check-DrFSN__t.js";
+const tt = {
   id: "combobox",
   // Persisted single choice (value state + set_value) → select_single + set_value,
   // plus type-to-filter and open/close of the option list.
@@ -58,8 +58,8 @@ const et = {
       descriptionKey: "ui.agent.combobox.actions.setValue",
       description: "Set the selected value programmatically.",
       examples: [{ args: { value: "it" }, note: 'Select the "it" option.' }],
-      invoke: (s, a) => {
-        s.setValue(a.value);
+      invoke: (s, n) => {
+        s.setValue(n.value);
       }
     },
     apply_filter: {
@@ -76,8 +76,8 @@ const et = {
       idempotent: !0,
       descriptionKey: "ui.agent.combobox.actions.applyFilter",
       description: "Set the filter query for the option list.",
-      invoke: (s, a) => {
-        s.setQuery(a.query);
+      invoke: (s, n) => {
+        s.setQuery(n.query);
       }
     },
     clear_selection: {
@@ -121,7 +121,7 @@ const et = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, tt = F(
+}, st = V(
   [
     "ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
     "ds:outline-none ds:border-0",
@@ -139,26 +139,26 @@ const et = {
       size: "md"
     }
   }
-), st = F(
+), ot = V(
   [
     "ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full",
-    We
+    Ye
   ].join(" "),
   {
     variants: {
       size: {
-        sm: `${H.sm} ${G.sm}`,
-        md: `${H.md} ${G.md}`,
-        lg: `${H.lg} ${G.lg}`
+        sm: `${G.sm} ${M.sm}`,
+        md: `${G.md} ${M.md}`,
+        lg: `${G.lg} ${M.lg}`
       },
-      tone: Xe
+      tone: Je
     },
     defaultVariants: {
       size: "md",
       tone: "default"
     }
   }
-), ot = F(
+), rt = V(
   [
     "ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-[var(--radix-popover-trigger-width)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
@@ -170,7 +170,7 @@ const et = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), ne = F(
+), ie = V(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -192,211 +192,212 @@ const et = {
       size: "md"
     }
   }
-), nt = [
+), it = [
   "ds:ps-3 ds:pe-3 ds:py-1.5",
   "type-eyebrow ds:text-muted-foreground"
-].join(" "), rt = "ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]", at = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", it = {
+].join(" "), at = "ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]", nt = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", dt = {
   sm: "ds:size-3.5",
   md: "ds:size-4",
   lg: "ds:size-5"
 };
-function dt({
+function lt({
   search: s,
-  label: a,
-  iconClass: E,
-  size: V,
-  onSelect: j
+  label: n,
+  iconClass: C,
+  size: j,
+  onSelect: A
 }) {
-  return $e((q) => q.filtered.count) > 0 ? null : /* @__PURE__ */ S(
-    c.Item,
+  return Be((q) => q.filtered.count) > 0 ? null : /* @__PURE__ */ R(
+    u.Item,
     {
       value: `__combobox-create__${s}`,
       keywords: [],
       forceMount: !0,
-      onSelect: () => j(s),
-      className: ne({ size: V }),
+      onSelect: () => A(s),
+      className: ie({ size: j }),
       children: [
         /* @__PURE__ */ t(
           "span",
           {
             "aria-hidden": "true",
-            className: `ds:inline-flex ds:items-center ds:justify-center ${E}`
+            className: `ds:inline-flex ds:items-center ds:justify-center ${C}`
           }
         ),
-        /* @__PURE__ */ t("span", { className: "ds:flex-1 ds:truncate", children: a })
+        /* @__PURE__ */ t("span", { className: "ds:flex-1 ds:truncate", children: n })
       ]
     }
   );
 }
-const re = ke(
+const ae = Ke(
   function({
-    options: a,
-    value: E,
-    defaultValue: V,
-    onValueChange: j,
-    placeholder: M,
+    options: n,
+    value: C,
+    defaultValue: j,
+    onValueChange: A,
+    placeholder: L,
     clearable: q = !1,
-    disabled: ae,
-    readOnly: ie,
-    required: de,
-    name: le,
-    id: A,
-    size: v = "md",
-    tone: ce = "default",
-    filter: D,
-    allowCreate: ue = !1,
-    onCreate: P,
-    open: L,
-    onOpenChange: u,
-    emptyMessage: me,
-    className: pe,
-    "aria-label": Q,
-    "aria-invalid": fe,
-    "aria-describedby": be,
+    disabled: ne,
+    readOnly: de,
+    required: le,
+    name: ce,
+    id: D,
+    size: x = "md",
+    tone: ue = "default",
+    filter: P,
+    allowCreate: me = !1,
+    onCreate: k,
+    open: X,
+    onOpenChange: m,
+    onQueryChange: r,
+    emptyMessage: pe,
+    className: fe,
+    "aria-label": W,
+    "aria-invalid": be,
+    "aria-describedby": ve,
     autoComplete: he
   }, ge) {
-    const { t: y } = Be(), b = Ue(), x = Ke(He) !== null, [ve, N] = Le({
-      value: E,
-      defaultValue: V ?? "",
-      onChange: j
-    }), m = ve ?? "", k = B(
-      () => a.find((e) => e.value === m),
-      [a, m]
-    ), C = (k == null ? void 0 : k.label) ?? "", [p, i] = oe(C), [ye, X] = oe(!1), z = L !== void 0, d = z ? L : ye, R = g(!1), w = g(null), W = g(null);
-    Qe(() => {
+    const { t: y } = Ue(), v = He(), S = Oe(Ge) !== null, [xe, w] = Xe({
+      value: C,
+      defaultValue: j ?? "",
+      onChange: A
+    }), p = xe ?? "", K = U(
+      () => n.find((e) => e.value === p),
+      [n, p]
+    ), N = (K == null ? void 0 : K.label) ?? "", [f, d] = re(N), [ye, J] = re(!1), I = X !== void 0, l = I ? X : ye, z = g(!1), _ = g(null), Y = g(null);
+    We(() => {
       var e;
-      (e = w.current) == null || e.setAttribute("aria-expanded", String(d));
-    }), I(() => {
-      d || i(C);
-    }, [C, d]);
-    const xe = A ?? (x ? b.id : void 0), K = (x ? b.disabled : !1) || !!ae, h = !!ie, Ce = (x ? b.required : !1) || !!de, J = x ? b.invalid : !!fe, Se = J ? "error" : ce, Ne = x && b.describedBy ? b.describedBy : be, Y = M ?? y("inputs.combobox.placeholder", "Search…"), ze = B(
-      () => (e, o, r) => {
-        if (R.current) return 1;
-        const f = U(e), n = U(o), $ = r == null ? void 0 : r.map(U);
-        return D ? D(f, n) : Te(
-          f,
-          n,
-          $
+      (e = _.current) == null || e.setAttribute("aria-expanded", String(l));
+    }), F(() => {
+      l || d(N);
+    }, [N, l]);
+    const Se = D ?? (S ? v.id : void 0), O = (S ? v.disabled : !1) || !!ne, h = !!de, Ne = (S ? v.required : !1) || !!le, Z = S ? v.invalid : !!be, ze = Z ? "error" : ue, Re = S && v.describedBy ? v.describedBy : ve, Q = L ?? y("inputs.combobox.placeholder", "Search…"), we = U(
+      () => (e, o, a) => {
+        if (z.current) return 1;
+        const b = H(e), i = H(o), B = a == null ? void 0 : a.map(H);
+        return P ? P(b, i) : $e(
+          b,
+          i,
+          B
         );
       },
-      [D]
-    ), Z = (e) => {
-      N(e);
-    }, l = (e) => {
-      z || X(e), u == null || u(e);
-    }, Re = (e) => {
-      const o = a.find((r) => r.value === e);
-      Z(e), i((o == null ? void 0 : o.label) ?? ""), l(!1);
-    }, we = (e) => {
-      P == null || P(e), l(!1);
+      [P]
+    ), ee = (e) => {
+      w(e);
+    }, c = (e) => {
+      I || J(e), m == null || m(e);
     }, Ie = (e) => {
-      h || (i(e), !d && e.length > 0 && !R.current && l(!0));
-    }, _e = () => {
-      !K && !h && l(!0);
-    }, Fe = () => {
-      R.current = !0;
+      const o = n.find((a) => a.value === e);
+      ee(e), d((o == null ? void 0 : o.label) ?? ""), c(!1);
+    }, _e = (e) => {
+      k == null || k(e), c(!1);
+    }, Fe = (e) => {
+      h || (d(e), z.current || r == null || r(e), !l && e.length > 0 && !z.current && c(!0));
     }, Ee = () => {
+      !O && !h && c(!0);
+    }, Ve = () => {
+      z.current = !0;
+    }, Ce = () => {
       var o;
-      if (R.current = !1, h) return;
-      const e = ((o = w.current) == null ? void 0 : o.value) ?? "";
-      i(e), e.length > 0 && l(!0);
-    }, Ve = (e) => {
-      e.nativeEvent.isComposing || e.key === "Escape" && d && (e.preventDefault(), l(!1), i(C));
+      if (z.current = !1, h) return;
+      const e = ((o = _.current) == null ? void 0 : o.value) ?? "";
+      d(e), r == null || r(e), e.length > 0 && c(!0);
     }, je = (e) => {
+      e.nativeEvent.isComposing || e.key === "Escape" && l && (e.preventDefault(), c(!1), d(N));
+    }, Ae = (e) => {
       var o;
-      e.preventDefault(), e.stopPropagation(), Z(""), i(""), l(!0), (o = w.current) == null || o.focus();
+      e.preventDefault(), e.stopPropagation(), ee(""), d(""), r == null || r(""), c(!0), (o = _.current) == null || o.focus();
     }, qe = (e) => {
-      h && e || (l(e), e || i(C));
-    }, ee = g(m);
-    I(() => {
-      ee.current = m;
-    }, [m]);
-    const te = g(p);
-    I(() => {
+      h && e || (c(e), e || d(N));
+    }, te = g(p);
+    F(() => {
       te.current = p;
     }, [p]);
-    const se = g(d);
-    I(() => {
-      se.current = d;
-    }, [d]);
-    const O = Oe(
+    const se = g(f);
+    F(() => {
+      se.current = f;
+    }, [f]);
+    const oe = g(l);
+    F(() => {
+      oe.current = l;
+    }, [l]);
+    const T = Te(
       (e) => {
-        z || X(e), u == null || u(e);
+        I || J(e), m == null || m(e);
       },
-      [z, u]
-    ), Ae = B(
+      [I, m]
+    ), De = U(
       () => ({
-        getValue: () => ee.current || null,
-        getQuery: () => te.current,
-        getIsOpen: () => se.current,
+        getValue: () => te.current || null,
+        getQuery: () => se.current,
+        getIsOpen: () => oe.current,
         setValue: (e) => {
           const o = e ?? "";
-          N(o);
-          const r = a.find((f) => f.value === o);
-          i((r == null ? void 0 : r.label) ?? "");
+          w(o);
+          const a = n.find((b) => b.value === o);
+          d((a == null ? void 0 : a.label) ?? "");
         },
         setQuery: (e) => {
-          i(e);
+          d(e), r == null || r(e);
         },
         clear: () => {
-          N(""), i("");
+          w(""), d(""), r == null || r("");
         },
-        open: () => O(!0),
-        close: () => O(!1)
+        open: () => T(!0),
+        close: () => T(!1)
       }),
-      [N, a, O]
+      [w, n, T, r]
     );
-    Je(et, Ae, A);
-    const De = q && !!m && !K && !h, Pe = Me(a), T = it[v];
-    return /* @__PURE__ */ t(_.Root, { open: d, onOpenChange: qe, children: /* @__PURE__ */ S(
-      c,
+    Ze(tt, De, D);
+    const Pe = q && !!p && !O && !h, ke = Le(n), $ = dt[x];
+    return /* @__PURE__ */ t(E.Root, { open: l, onOpenChange: qe, children: /* @__PURE__ */ R(
+      u,
       {
-        filter: ze,
+        filter: we,
         shouldFilter: !0,
         loop: !0,
-        label: Q ?? Y,
+        label: W ?? Q,
         className: "ds:w-full",
         children: [
-          /* @__PURE__ */ t(_.Anchor, { asChild: !0, children: /* @__PURE__ */ S(
+          /* @__PURE__ */ t(E.Anchor, { asChild: !0, children: /* @__PURE__ */ R(
             "div",
             {
-              ref: W,
-              className: st({
-                size: v,
-                tone: Se,
-                className: pe
+              ref: Y,
+              className: ot({
+                size: x,
+                tone: ze,
+                className: fe
               }),
               "data-component": "combobox",
-              "data-component-id": A,
+              "data-component-id": D,
               children: [
                 /* @__PURE__ */ t(
-                  c.Input,
+                  u.Input,
                   {
-                    ref: Ge(ge, w),
-                    value: p,
-                    onValueChange: Ie,
-                    id: xe,
-                    name: le,
-                    placeholder: Y,
-                    disabled: K,
+                    ref: Me(ge, _),
+                    value: f,
+                    onValueChange: Fe,
+                    id: Se,
+                    name: ce,
+                    placeholder: Q,
+                    disabled: O,
                     readOnly: h,
-                    required: Ce,
+                    required: Ne,
                     autoComplete: he,
-                    "aria-describedby": Ne,
-                    "aria-invalid": J || void 0,
-                    onFocus: _e,
-                    onKeyDown: Ve,
-                    onCompositionStart: Fe,
-                    onCompositionEnd: Ee,
-                    className: tt({ size: v })
+                    "aria-describedby": Re,
+                    "aria-invalid": Z || void 0,
+                    onFocus: Ee,
+                    onKeyDown: je,
+                    onCompositionStart: Ve,
+                    onCompositionEnd: Ce,
+                    className: st({ size: x })
                   }
                 ),
-                De ? /* @__PURE__ */ t(
+                Pe ? /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
                     "aria-label": y("inputs.combobox.clear", "Clear selection"),
-                    onClick: je,
+                    onClick: Ae,
                     onPointerDown: (e) => e.stopPropagation(),
                     className: [
                       "ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]",
@@ -406,52 +407,52 @@ const re = ke(
                       "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                       "ds:size-4"
                     ].join(" "),
-                    children: /* @__PURE__ */ t(Ye, { "aria-hidden": "true", className: "ds:size-3.5" })
+                    children: /* @__PURE__ */ t(Qe, { "aria-hidden": "true", className: "ds:size-3.5" })
                   }
                 ) : null
               ]
             }
           ) }),
-          /* @__PURE__ */ t(_.Portal, { forceMount: !0, children: /* @__PURE__ */ t(
-            _.Content,
+          /* @__PURE__ */ t(E.Portal, { forceMount: !0, children: /* @__PURE__ */ t(
+            E.Content,
             {
               forceMount: !0,
-              hidden: !d,
-              "aria-label": Q ?? y("inputs.combobox.popupLabel", "Options"),
+              hidden: !l,
+              "aria-label": W ?? y("inputs.combobox.popupLabel", "Options"),
               onOpenAutoFocus: (e) => e.preventDefault(),
               onCloseAutoFocus: (e) => e.preventDefault(),
               onInteractOutside: (e) => {
-                var r;
+                var a;
                 const o = e.target;
-                o && ((r = W.current) != null && r.contains(o)) && e.preventDefault();
+                o && ((a = Y.current) != null && a.contains(o)) && e.preventDefault();
               },
               sideOffset: 4,
               align: "start",
-              className: ot(),
-              children: /* @__PURE__ */ S(c.List, { className: rt, children: [
-                /* @__PURE__ */ t(c.Empty, { className: at, children: me ?? y("inputs.combobox.empty", "No results found") }),
-                Pe.map(({ group: e, items: o }, r) => {
-                  const f = o.map((n) => {
-                    const $ = n.value === m;
-                    return /* @__PURE__ */ S(
-                      c.Item,
+              className: rt(),
+              children: /* @__PURE__ */ R(u.List, { className: at, children: [
+                /* @__PURE__ */ t(u.Empty, { className: nt, children: /* @__PURE__ */ t("div", { role: "option", "aria-selected": !1, "aria-disabled": "true", children: pe ?? y("inputs.combobox.empty", "No results found") }) }),
+                ke.map(({ group: e, items: o }, a) => {
+                  const b = o.map((i) => {
+                    const B = i.value === p;
+                    return /* @__PURE__ */ R(
+                      u.Item,
                       {
-                        value: n.value,
-                        "data-option-id": n.value,
-                        keywords: [n.label],
-                        disabled: n.disabled,
-                        onSelect: Re,
-                        className: ne({ size: v }),
+                        value: i.value,
+                        "data-option-id": i.value,
+                        keywords: [i.label],
+                        disabled: i.disabled,
+                        onSelect: Ie,
+                        className: ie({ size: x }),
                         children: [
                           /* @__PURE__ */ t(
                             "span",
                             {
                               "aria-hidden": "true",
-                              className: `ds:inline-flex ds:items-center ds:justify-center ${T}`,
-                              children: $ ? /* @__PURE__ */ t(Ze, { className: T }) : null
+                              className: `ds:inline-flex ds:items-center ds:justify-center ${$}`,
+                              children: B ? /* @__PURE__ */ t(et, { className: $ }) : null
                             }
                           ),
-                          n.startAdornment ? (
+                          i.startAdornment ? (
                             // Decorative by contract — the option's accessible
                             // name comes from its label. Hide so a text-bearing
                             // adornment can't leak into the computed name.
@@ -460,44 +461,44 @@ const re = ke(
                               {
                                 "aria-hidden": "true",
                                 className: "ds:inline-flex ds:items-center ds:shrink-0",
-                                children: n.startAdornment
+                                children: i.startAdornment
                               }
                             )
                           ) : null,
-                          /* @__PURE__ */ t("span", { className: "ds:flex-1 ds:truncate", children: n.label }),
-                          n.description ? /* @__PURE__ */ t("span", { className: "type-meta ds:text-muted-foreground", children: n.description }) : null,
-                          n.endContent ? (
+                          /* @__PURE__ */ t("span", { className: "ds:flex-1 ds:truncate", children: i.label }),
+                          i.description ? /* @__PURE__ */ t("span", { className: "type-meta ds:text-muted-foreground", children: i.description }) : null,
+                          i.endContent ? (
                             // Deliberately NOT aria-hidden — unlike
                             // `startAdornment`, this slot carries meaning
                             // (a price, a count) and must reach the
                             // option's accessible name. `ms-auto` pins it
                             // to the inline-end and flips under RTL.
-                            /* @__PURE__ */ t("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0", children: n.endContent })
+                            /* @__PURE__ */ t("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0", children: i.endContent })
                           ) : null
                         ]
                       },
-                      n.value
+                      i.value
                     );
                   });
                   return e ? /* @__PURE__ */ t(
-                    c.Group,
+                    u.Group,
                     {
-                      heading: /* @__PURE__ */ t("span", { className: nt, children: e }),
-                      children: f
+                      heading: /* @__PURE__ */ t("span", { className: it, children: e }),
+                      children: b
                     },
                     `group-${e}`
-                  ) : /* @__PURE__ */ t(c.Group, { children: f }, `group-${r}`);
+                  ) : /* @__PURE__ */ t(u.Group, { children: b }, `group-${a}`);
                 }),
-                ue && p.length > 0 ? /* @__PURE__ */ t(
-                  dt,
+                me && f.length > 0 ? /* @__PURE__ */ t(
+                  lt,
                   {
-                    search: p,
+                    search: f,
                     label: y("inputs.combobox.create", 'Create "{{value}}"', {
-                      value: p
+                      value: f
                     }),
-                    iconClass: T,
-                    size: v,
-                    onSelect: we
+                    iconClass: $,
+                    size: x,
+                    onSelect: _e
                   }
                 ) : null
               ] })
@@ -508,14 +509,14 @@ const re = ke(
     ) });
   }
 );
-re.displayName = "Combobox";
-const zt = re;
+ae.displayName = "Combobox";
+const wt = ae;
 export {
-  zt as C,
-  ot as a,
-  tt as b,
-  et as c,
-  ne as d,
-  st as e
+  wt as C,
+  rt as a,
+  st as b,
+  tt as c,
+  ie as d,
+  ot as e
 };
-//# sourceMappingURL=combobox-D7_NLE2Z.js.map
+//# sourceMappingURL=combobox-DnSdYssy.js.map