@alfadocs/ui-kit-debug 1.90.1 → 1.91.0

package/dist/_chunks/{combobox-CDPm_n0p.js → combobox-D-gpgEDy.js}

@@ -1,22 +1,22 @@
-import { jsx as o, jsxs as x, Fragment as Ze } from "react/jsx-runtime";
-import { forwardRef as Qe, useContext as et, useMemo as Z, useState as Q, useRef as m, useEffect as E, useCallback as tt } from "react";
-import * as P from "@radix-ui/react-popover";
-import { R as st, _ as y, P as ot } from "./index-4xgbg-sn.js";
-import { c as $ } from "./index-D2ZczOXr.js";
-import { useTranslation as rt } from "react-i18next";
-import { u as nt, F as it, b as at } from "./form-field-context-DtiROUJV.js";
-import { c as lt } from "./compose-refs-C0k0tdqF.js";
+import { jsx as r, jsxs as y, Fragment as at } from "react/jsx-runtime";
+import { forwardRef as lt, useContext as ct, useMemo as te, useState as L, useRef as f, useEffect as E, useCallback as se } from "react";
+import * as $ from "@radix-ui/react-popover";
+import { R as dt, _ as S, P as ut } from "./index-4xgbg-sn.js";
+import { c as j } from "./index-D2ZczOXr.js";
+import { useTranslation as ft } from "react-i18next";
+import { u as mt, F as pt, b as bt } from "./form-field-context-DtiROUJV.js";
+import { c as vt } from "./compose-refs-C0k0tdqF.js";
 import { n as w } from "./normalize-diacritics-BNGbFNlJ.js";
-import { g as dt } from "./group-options-BvKhQ3xb.js";
-import { b as ct } from "./menu-row-BAr8bx1I.js";
-import { O as ut, a as ft, o as mt, b as pt, c as bt } from "./option-row-Dc7BrbK8.js";
-import { u as vt } from "./use-controllable-state-BiY4xTzM.js";
-import { u as ee } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as ht, a as te, d as se, c as gt } from "./input-surface-iBmxVBfr.js";
-import { u as xt } from "./registry-DvAUVLHh.js";
-import { X as yt } from "./x-B5YnXwCz.js";
-import { C as St } from "./check-DrFSN__t.js";
-const Nt = {
+import { g as ht } from "./group-options-BvKhQ3xb.js";
+import { b as gt } from "./menu-row-BAr8bx1I.js";
+import { O as xt, a as yt, o as St, b as Rt, c as Nt } from "./option-row-Dc7BrbK8.js";
+import { u as Et } from "./use-controllable-state-BiY4xTzM.js";
+import { u as re } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { I as wt, a as ne, d as oe, c as At } from "./input-surface-iBmxVBfr.js";
+import { u as _t } from "./registry-DvAUVLHh.js";
+import { X as It } from "./x-B5YnXwCz.js";
+import { C as kt } from "./check-DrFSN__t.js";
+const Ft = {
   id: "combobox",
   // Persisted single choice (value state + set_value) → select_single + set_value,
   // plus type-to-filter and open/close of the option list.
@@ -26,19 +26,19 @@ const Nt = {
       type: "string | null",
       descriptionKey: "ui.agent.combobox.state.value",
       description: "Currently-selected option value, or null when nothing is selected.",
-      read: (n) => n.getValue()
+      read: (i) => i.getValue()
     },
     query: {
       type: "string",
       descriptionKey: "ui.agent.combobox.state.query",
       description: "Current filter query in the combobox input.",
-      read: (n) => n.getQuery()
+      read: (i) => i.getQuery()
     },
     isOpen: {
       type: "boolean",
       descriptionKey: "ui.agent.combobox.state.isOpen",
       description: "True when the option list is visible.",
-      read: (n) => n.getIsOpen()
+      read: (i) => i.getIsOpen()
     }
   },
   actions: {
@@ -60,8 +60,8 @@ const Nt = {
       descriptionKey: "ui.agent.combobox.actions.setValue",
       description: "Set the selected value programmatically.",
       examples: [{ args: { value: "it" }, note: 'Select the "it" option.' }],
-      invoke: (n, d) => {
-        n.setValue(d.value);
+      invoke: (i, c) => {
+        i.setValue(c.value);
       }
     },
     apply_filter: {
@@ -78,8 +78,8 @@ const Nt = {
       idempotent: !0,
       descriptionKey: "ui.agent.combobox.actions.applyFilter",
       description: "Set the filter query for the option list.",
-      invoke: (n, d) => {
-        n.setQuery(d.query);
+      invoke: (i, c) => {
+        i.setQuery(c.query);
       }
     },
     clear_selection: {
@@ -88,8 +88,8 @@ const Nt = {
       idempotent: !0,
       descriptionKey: "ui.agent.combobox.actions.clearSelection",
       description: "Clear the current selection.",
-      invoke: (n) => {
-        n.clear();
+      invoke: (i) => {
+        i.clear();
       }
     },
     open: {
@@ -97,8 +97,8 @@ const Nt = {
       idempotent: !0,
       descriptionKey: "ui.agent.combobox.actions.open",
       description: "Open the option list.",
-      invoke: (n) => {
-        n.open();
+      invoke: (i) => {
+        i.open();
       }
     },
     close: {
@@ -106,8 +106,8 @@ const Nt = {
       idempotent: !0,
       descriptionKey: "ui.agent.combobox.actions.close",
       description: "Close the option list.",
-      invoke: (n) => {
-        n.close();
+      invoke: (i) => {
+        i.close();
       }
     }
   },
@@ -123,7 +123,7 @@ const Nt = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, Rt = $(
+}, Ct = j(
   [
     "ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
     "ds:outline-none ds:border-0",
@@ -141,26 +141,26 @@ const Nt = {
       size: "md"
     }
   }
-), Et = $(
+), zt = j(
   [
     "ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full",
-    gt
+    At
   ].join(" "),
   {
     variants: {
       size: {
-        sm: `${te.sm} ${se.sm}`,
-        md: `${te.md} ${se.md}`,
-        lg: `${te.lg} ${se.lg}`
+        sm: `${ne.sm} ${oe.sm}`,
+        md: `${ne.md} ${oe.md}`,
+        lg: `${ne.lg} ${oe.lg}`
       },
-      tone: ht
+      tone: wt
     },
     defaultVariants: {
       size: "md",
       tone: "default"
     }
   }
-), wt = $(
+), Dt = j(
   [
     "ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-[var(--radix-popover-trigger-width)]",
     // A guard: the list is as wide as the field, so only a field that is
@@ -169,18 +169,16 @@ const Nt = {
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
     "ds:shadow-[var(--shadow-lg)]",
     "ds:animate-in ds:fade-in ds:zoom-in-95",
-    "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
-    "ds:data-[state=closed]:zoom-out-95",
     "ds:data-[side=bottom]:slide-in-from-top-2",
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), ve = $(
+), Re = j(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
     "ds:text-foreground ds:outline-none ds:select-none",
-    ct.selected,
+    gt.selected,
     "ds:aria-disabled:pointer-events-none ds:aria-disabled:opacity-50"
   ].join(" "),
   {
@@ -195,293 +193,309 @@ const Nt = {
       size: "md"
     }
   }
-), _t = [
+), Tt = [
   "ds:ps-3 ds:pe-3 ds:py-1.5",
   "type-eyebrow ds:text-muted-foreground"
-].join(" "), It = "ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]", kt = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", zt = {
+].join(" "), Ot = "ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]", Pt = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", Vt = {
   sm: "ds:size-3.5",
   md: "ds:size-4",
   lg: "ds:size-5"
 };
-function At({
-  search: n,
-  label: d,
-  iconClass: j,
+function Lt({
+  search: i,
+  label: c,
+  iconClass: q,
   size: H,
-  onSelect: q
+  onSelect: B
 }) {
-  return ot((B) => B.filtered.count) > 0 ? null : /* @__PURE__ */ x(
-    y.Item,
+  return ut((U) => U.filtered.count) > 0 ? null : /* @__PURE__ */ y(
+    S.Item,
     {
-      value: `__combobox-create__${n}`,
+      value: `__combobox-create__${i}`,
       keywords: [],
       forceMount: !0,
-      onSelect: () => q(n),
-      className: ve({ size: H }),
+      onSelect: () => B(i),
+      className: Re({ size: H }),
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "span",
           {
             "aria-hidden": "true",
-            className: `ds:inline-flex ds:items-center ds:justify-center ${j}`
+            className: `ds:inline-flex ds:items-center ds:justify-center ${q}`
           }
         ),
-        /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:truncate", children: d })
+        /* @__PURE__ */ r("span", { className: "ds:flex-1 ds:truncate", children: c })
       ]
     }
   );
 }
-const he = Qe(
+const Ne = lt(
   function({
-    options: d,
-    value: j,
+    options: c,
+    value: q,
     defaultValue: H,
-    onValueChange: q,
-    placeholder: oe,
-    clearable: B = !1,
-    disabled: ge,
-    readOnly: xe,
-    required: ye,
-    name: Se,
-    id: re,
-    size: _ = "md",
-    tone: Ne = "default",
-    filter: L,
-    allowCreate: Re = !1,
-    onCreate: U,
-    open: ne,
-    onOpenChange: S,
+    onValueChange: B,
+    placeholder: ie,
+    clearable: U = !1,
+    disabled: Ee,
+    readOnly: we,
+    required: Ae,
+    name: _e,
+    id: ae,
+    size: A = "md",
+    tone: Ie = "default",
+    filter: K,
+    allowCreate: ke = !1,
+    onCreate: M,
+    open: le,
+    onOpenChange: R,
     onQueryChange: a,
-    emptyMessage: Ee,
-    className: we,
-    "aria-label": K,
-    "aria-invalid": _e,
-    "aria-describedby": Ie,
-    autoComplete: A,
-    matchAutofill: ie,
-    wrapOptionLabels: ae = !1
-  }, ke) {
-    const { t: I } = rt("ui"), v = nt(), C = et(it) !== null, [ze, D] = vt({
-      value: j,
+    emptyMessage: Fe,
+    className: Ce,
+    "aria-label": G,
+    "aria-invalid": ze,
+    "aria-describedby": De,
+    autoComplete: D,
+    matchAutofill: ce,
+    wrapOptionLabels: de = !1
+  }, Te) {
+    const { t: _ } = ft("ui"), h = mt(), T = ct(pt) !== null, [Oe, O] = Et({
+      value: q,
       defaultValue: H ?? "",
-      onChange: q
-    }), b = ze ?? "", R = Z(
-      () => d.find((e) => e.value === b),
-      [d, b]
-    ), f = (R == null ? void 0 : R.label) ?? "", [p, c] = Q(f), [Ae, le] = Q(!1), F = ne !== void 0, i = F ? ne : Ae, k = m(!1), T = f !== "" && p === f, N = m(null), de = m(null), ce = m(null);
-    at(v, N);
-    const [Ce, De] = Q(0), ue = m(!1);
-    ee(() => {
-      if (!ue.current) {
-        ue.current = !0;
+      onChange: B
+    }), p = Oe ?? "", N = te(
+      () => c.find((e) => e.value === p),
+      [c, p]
+    ), m = (N == null ? void 0 : N.label) ?? "", [b, d] = L(m), [Pe, ue] = L(!1), P = le !== void 0, n = P ? le : Pe, I = f(!1), k = m !== "" && b === m, g = f(null), fe = f(null), V = f(null), [me, Ve] = L(null);
+    bt(h, g);
+    const [Le, $e] = L(0), pe = f(!1);
+    re(() => {
+      if (!pe.current) {
+        pe.current = !0;
         return;
       }
-      T && De((e) => e + 1);
-    }, [T]);
-    const O = m(!1);
+      k && $e((e) => e + 1);
+    }, [k]);
+    const F = f(!1);
     E(() => {
-      O.current = !1;
-    }, [p, i]);
-    const M = m(!1);
-    ee(() => {
-      if (!i || !T || !b) return;
-      const e = ce.current, t = e == null ? void 0 : e.querySelector(
-        `[data-option-id="${CSS.escape(b)}"]`
+      F.current = !1;
+    }, [b, n]);
+    const W = f(!1), be = f(null);
+    re(() => {
+      var s;
+      const e = V.current;
+      if (e !== me || !n || !k || !p || e === be.current) return;
+      const t = e == null ? void 0 : e.querySelector(
+        `[data-option-id="${CSS.escape(p)}"]`
       );
       if (!e || !t) return;
-      const r = e.getBoundingClientRect(), l = t.getBoundingClientRect(), s = e.offsetHeight > 0 ? r.height / e.offsetHeight : 1, g = (l.top - r.top) / (s || 1), Je = l.height / (s || 1);
-      e.scrollTop += g - (e.clientHeight - Je) / 2, M.current = !0;
+      be.current = e;
+      const o = () => {
+        if (F.current) return;
+        const v = e.getBoundingClientRect(), ye = t.getBoundingClientRect(), Se = e.offsetHeight > 0 ? v.height / e.offsetHeight : 1, ot = (ye.top - v.top) / (Se || 1), it = ye.height / (Se || 1);
+        e.scrollTop += ot - (e.clientHeight - it) / 2;
+      };
+      o();
+      const l = requestAnimationFrame(o);
+      W.current = !0;
       try {
         t.dispatchEvent(new PointerEvent("pointermove", { bubbles: !0 }));
       } finally {
-        M.current = !1;
+        W.current = !1;
       }
-    }, [i]);
-    const V = A && A !== "off" ? A : void 0;
-    ee(() => {
-      const e = N.current;
-      e && (e.setAttribute("aria-expanded", String(i)), V && e.setAttribute("autocomplete", V));
-    });
-    const G = m(!1);
+      return (s = g.current) == null || s.setAttribute("aria-activedescendant", t.id), () => cancelAnimationFrame(l);
+    }, [n, me, k, p]);
+    const C = D && D !== "off" ? D : void 0, X = se(() => {
+      var t;
+      const e = g.current;
+      e && (e.setAttribute("aria-expanded", String(n)), n && ((t = V.current) != null && t.id) ? e.setAttribute("aria-controls", V.current.id) : n || (e.removeAttribute("aria-controls"), e.removeAttribute("aria-activedescendant")), C && e.setAttribute("autocomplete", C));
+    }, [n, C]);
+    re(X);
+    const je = se(
+      (e) => {
+        V.current = e, X(), e && Ve(e);
+      },
+      [X]
+    ), Y = f(!1);
     E(() => {
-      const e = N.current;
-      if (!e || !V) return;
-      const t = (r) => {
-        const l = r.inputType;
-        G.current = !l || l === "insertReplacementText";
+      const e = g.current;
+      if (!e || !C) return;
+      const t = (o) => {
+        const l = o.inputType;
+        Y.current = !l || l === "insertReplacementText";
       };
       return e.addEventListener("input", t), () => e.removeEventListener("input", t);
-    }, [V]), E(() => {
-      i || c(f);
-    }, [f, i]);
-    const z = (C ? v.disabled : !1) || !!ge, h = !!xe, Fe = (C ? v.required : !1) || !!ye, fe = C ? v.invalid : !!_e, Te = fe ? "error" : Ne, Oe = C && v.describedBy ? v.describedBy : Ie, W = oe ?? I("inputs.combobox.placeholder", "Search…"), Ve = Z(
-      () => (e, t, r) => {
-        if (k.current || f !== "" && t === f) return 1;
-        const l = w(e), s = w(t), g = r == null ? void 0 : r.map(w);
-        return L ? L(
+    }, [C]), E(() => {
+      n || d(m);
+    }, [m, n]);
+    const z = (T ? h.disabled : !1) || !!Ee, x = !!we, qe = (T ? h.required : !1) || !!Ae, ve = T ? h.invalid : !!ze, He = ve ? "error" : Ie, Be = T && h.describedBy ? h.describedBy : De, J = ie ?? _("inputs.combobox.placeholder", "Search…"), Ue = te(
+      () => (e, t, o) => {
+        if (I.current || m !== "" && t === m) return 1;
+        const l = w(e), s = w(t), v = o == null ? void 0 : o.map(w);
+        return K ? K(
           l,
           s,
-          (g == null ? void 0 : g[0]) ?? ""
-        ) : st(
+          (v == null ? void 0 : v[0]) ?? ""
+        ) : dt(
           l,
           s,
-          g
+          v
         );
       },
-      [L, f]
-    ), X = (e) => {
-      D(e);
+      [K, m]
+    ), Z = (e) => {
+      O(e);
     }, u = (e) => {
-      F || le(e), S == null || S(e);
-    }, Pe = (e) => {
-      const t = d.find((r) => r.value === e);
-      X(e), c((t == null ? void 0 : t.label) ?? ""), u(!1);
-    }, $e = (e) => {
-      U == null || U(e), u(!1);
-    }, je = (e) => {
+      P || ue(e), R == null || R(e);
+    }, Ke = (e) => {
+      const t = c.find((o) => o.value === e);
+      Z(e), d((t == null ? void 0 : t.label) ?? ""), u(!1);
+    }, Me = (e) => {
+      M == null || M(e), u(!1);
+    }, Ge = (e) => {
       var l;
       const t = w(e.trim());
       if (!t) return;
-      const r = ie ? ie(e.trim()) : (l = d.find(
+      const o = ce ? ce(e.trim()) : (l = c.find(
         (s) => w(s.value) === t || w(s.label) === t
       )) == null ? void 0 : l.value;
-      return d.find((s) => s.value === r && !s.disabled);
-    }, He = (e) => {
-      if (!h) {
-        if (G.current) {
-          G.current = !1;
-          const t = je(e);
+      return c.find((s) => s.value === o && !s.disabled);
+    }, We = (e) => {
+      if (!x) {
+        if (Y.current) {
+          Y.current = !1;
+          const t = Ge(e);
           if (t) {
-            X(t.value), c(t.label), i && u(!1);
+            Z(t.value), d(t.label), n && u(!1);
             return;
           }
-          if (document.activeElement !== N.current) {
-            c(f);
+          if (document.activeElement !== g.current) {
+            d(m);
             return;
           }
         }
-        c(e), k.current || a == null || a(e), !i && e.length > 0 && !k.current && u(!0);
+        d(e), I.current || a == null || a(e), !n && e.length > 0 && !I.current && u(!0);
       }
-    }, qe = () => {
-      !z && !h && u(!0);
-    }, Be = () => {
-      !i && !z && !h && u(!0);
-    }, Le = () => {
-      k.current = !0;
-    }, Ue = () => {
+    }, Xe = () => {
+      !z && !x && u(!0);
+    }, Ye = () => {
+      !n && !z && !x && u(!0);
+    }, Je = () => {
+      I.current = !0;
+    }, Ze = () => {
       var t;
-      if (k.current = !1, h) return;
-      const e = ((t = N.current) == null ? void 0 : t.value) ?? "";
-      c(e), a == null || a(e), e.length > 0 && u(!0);
-    }, Ke = (e) => {
+      if (I.current = !1, x) return;
+      const e = ((t = g.current) == null ? void 0 : t.value) ?? "";
+      d(e), a == null || a(e), e.length > 0 && u(!0);
+    }, Qe = (e) => {
       if (!e.nativeEvent.isComposing) {
-        if ((e.key === "ArrowDown" || e.key === "ArrowUp") && !i && !z && !h) {
+        if ((e.key === "ArrowDown" || e.key === "ArrowUp") && !n && !z && !x) {
           e.preventDefault(), u(!0);
           return;
         }
         if ((e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End" || /* cmdk's own Ctrl+N, J, P and K move the highlight too. */
-        e.ctrlKey && ["n", "j", "p", "k"].includes(e.key)) && (O.current = !0), e.key === "Enter" && (!i || !O.current && (T || p === ""))) {
-          e.preventDefault(), i && u(!1);
+        e.ctrlKey && ["n", "j", "p", "k"].includes(e.key)) && (F.current = !0), e.key === "Enter" && (!n || !F.current && (k || b === ""))) {
+          e.preventDefault(), n && u(!1);
           return;
         }
-        e.key === "Escape" && i && (e.preventDefault(), u(!1), c(f));
+        e.key === "Escape" && n && (e.preventDefault(), u(!1), d(m));
       }
-    }, Me = (e) => {
+    }, et = (e) => {
       var t;
-      e.preventDefault(), e.stopPropagation(), X(""), c(""), a == null || a(""), u(!0), (t = N.current) == null || t.focus();
-    }, Ge = (e) => {
-      h && e || (u(e), e || c(f));
-    }, me = m(b);
-    E(() => {
-      me.current = b;
-    }, [b]);
-    const pe = m(p);
+      e.preventDefault(), e.stopPropagation(), Z(""), d(""), a == null || a(""), u(!0), (t = g.current) == null || t.focus();
+    }, tt = (e) => {
+      x && e || (u(e), e || d(m));
+    }, he = f(p);
     E(() => {
-      pe.current = p;
+      he.current = p;
     }, [p]);
-    const be = m(i);
+    const ge = f(b);
     E(() => {
-      be.current = i;
-    }, [i]);
-    const Y = tt(
+      ge.current = b;
+    }, [b]);
+    const xe = f(n);
+    E(() => {
+      xe.current = n;
+    }, [n]);
+    const Q = se(
       (e) => {
-        F || le(e), S == null || S(e);
+        P || ue(e), R == null || R(e);
       },
-      [F, S]
-    ), We = Z(
+      [P, R]
+    ), st = te(
       () => ({
-        getValue: () => me.current || null,
-        getQuery: () => pe.current,
-        getIsOpen: () => be.current,
+        getValue: () => he.current || null,
+        getQuery: () => ge.current,
+        getIsOpen: () => xe.current,
         setValue: (e) => {
           const t = e ?? "";
-          D(t);
-          const r = d.find((l) => l.value === t);
-          c((r == null ? void 0 : r.label) ?? "");
+          O(t);
+          const o = c.find((l) => l.value === t);
+          d((o == null ? void 0 : o.label) ?? "");
         },
         setQuery: (e) => {
-          c(e), a == null || a(e);
+          d(e), a == null || a(e);
         },
         clear: () => {
-          D(""), c(""), a == null || a("");
+          O(""), d(""), a == null || a("");
         },
-        open: () => Y(!0),
-        close: () => Y(!1)
+        open: () => Q(!0),
+        close: () => Q(!1)
       }),
-      [D, d, Y, a]
+      [O, c, Q, a]
     );
-    xt(Nt, We, re);
-    const Xe = B && !!b && !z && !h, Ye = dt(d), J = zt[_];
-    return /* @__PURE__ */ o(P.Root, { open: i, onOpenChange: Ge, children: /* @__PURE__ */ x(
-      y,
+    _t(Ft, st, ae);
+    const rt = U && !!p && !z && !x, nt = ht(c), ee = Vt[A];
+    return /* @__PURE__ */ r($.Root, { open: n, onOpenChange: tt, children: /* @__PURE__ */ y(
+      S,
       {
-        filter: Ve,
+        filter: Ue,
         shouldFilter: !0,
         loop: !0,
-        label: K ?? (v.label || W),
+        label: G ?? (h.label || J),
         className: "ds:w-full",
         children: [
-          /* @__PURE__ */ o(P.Anchor, { asChild: !0, children: /* @__PURE__ */ x(
+          /* @__PURE__ */ r($.Anchor, { asChild: !0, children: /* @__PURE__ */ y(
             "div",
             {
-              ref: de,
-              className: Et({
-                size: _,
-                tone: Te,
-                className: we
+              ref: fe,
+              className: zt({
+                size: A,
+                tone: He,
+                className: Ce
               }),
               "data-component": "combobox",
-              "data-component-id": re,
+              "data-component-id": ae,
               children: [
-                /* @__PURE__ */ o(
-                  y.Input,
+                /* @__PURE__ */ r(
+                  S.Input,
                   {
-                    ref: lt(ke, N),
-                    value: p,
-                    onValueChange: He,
-                    dir: R == null ? void 0 : R.dir,
-                    name: Se,
-                    placeholder: W,
+                    ref: vt(Te, g),
+                    value: b,
+                    onValueChange: We,
+                    dir: N == null ? void 0 : N.dir,
+                    name: _e,
+                    placeholder: J,
                     disabled: z,
-                    readOnly: h,
-                    required: Fe,
-                    autoComplete: A,
-                    "aria-describedby": Oe,
-                    "aria-invalid": fe || void 0,
-                    onFocus: qe,
-                    onClick: Be,
-                    onKeyDown: Ke,
-                    onCompositionStart: Le,
-                    onCompositionEnd: Ue,
-                    className: Rt({ size: _ })
+                    readOnly: x,
+                    required: qe,
+                    autoComplete: D,
+                    "aria-describedby": Be,
+                    "aria-invalid": ve || void 0,
+                    onFocus: Xe,
+                    onClick: Ye,
+                    onKeyDown: Qe,
+                    onCompositionStart: Je,
+                    onCompositionEnd: Ze,
+                    className: Ct({ size: A })
                   }
                 ),
-                Xe ? /* @__PURE__ */ o(
+                rt ? /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
-                    "aria-label": I("inputs.combobox.clear", "Clear selection"),
-                    onClick: Me,
+                    "aria-label": _("inputs.combobox.clear", "Clear selection"),
+                    onClick: et,
                     onPointerDown: (e) => e.stopPropagation(),
                     className: [
                       "ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]",
@@ -493,66 +507,72 @@ const he = Qe(
                       /* A 24px hit area with no visual change. */
                       "ds:relative ds:before:absolute ds:before:inset-[calc(var(--spacing-xs)*-1)] ds:before:content-['']"
                     ].join(" "),
-                    children: /* @__PURE__ */ o(yt, { "aria-hidden": "true", className: "ds:size-3.5" })
+                    children: /* @__PURE__ */ r(It, { "aria-hidden": "true", className: "ds:size-3.5" })
                   }
                 ) : null
               ]
             }
           ) }),
-          /* @__PURE__ */ o(P.Portal, { forceMount: !0, children: /* @__PURE__ */ o(
-            P.Content,
+          /* @__PURE__ */ r($.Portal, { forceMount: !0, children: n ? /* @__PURE__ */ r(
+            $.Content,
             {
-              forceMount: !0,
-              hidden: !i,
-              "aria-label": K ?? I("inputs.combobox.popupLabel", "Options"),
+              "aria-label": G ?? _("inputs.combobox.popupLabel", "Options"),
               onOpenAutoFocus: (e) => e.preventDefault(),
               onCloseAutoFocus: (e) => e.preventDefault(),
               onInteractOutside: (e) => {
-                var r;
+                var o;
                 const t = e.target;
-                t && ((r = de.current) != null && r.contains(t)) && e.preventDefault();
+                t && ((o = fe.current) != null && o.contains(t)) && e.preventDefault();
               },
               sideOffset: 4,
               align: "start",
-              className: wt(),
-              children: /* @__PURE__ */ x(
-                y.List,
+              className: Dt(),
+              children: /* @__PURE__ */ y(
+                S.List,
                 {
-                  ref: ce,
-                  label: K ?? (v.label || W),
-                  className: It,
+                  ref: je,
+                  label: G ?? (h.label || J),
+                  className: Ot,
                   onPointerMove: () => {
-                    M.current || (O.current = !0);
+                    W.current || (F.current = !0);
                   },
                   onMouseDown: (e) => e.preventDefault(),
                   children: [
-                    /* @__PURE__ */ o(y.Empty, { className: kt, children: /* @__PURE__ */ o("div", { role: "option", "aria-selected": !1, "aria-disabled": "true", children: Ee ?? I("inputs.combobox.empty", "No results found") }) }),
-                    Ye.map(({ group: e, items: t }, r) => {
+                    /* @__PURE__ */ r(S.Empty, { className: Pt, children: /* @__PURE__ */ r(
+                      "div",
+                      {
+                        role: "option",
+                        "aria-selected": !1,
+                        "aria-disabled": "true",
+                        children: Fe ?? _("inputs.combobox.empty", "No results found")
+                      }
+                    ) }),
+                    nt.map(({ group: e, items: t }, o) => {
                       const l = t.map((s) => {
-                        const g = s.value === b;
-                        return /* @__PURE__ */ x(
-                          y.Item,
+                        const v = s.value === p;
+                        return /* @__PURE__ */ y(
+                          S.Item,
                           {
                             value: s.value,
                             "data-option-id": s.value,
                             keywords: [s.label],
                             disabled: s.disabled,
-                            onSelect: Pe,
-                            className: ve({ size: _ }),
+                            onSelect: Ke,
+                            className: Re({ size: A }),
                             children: [
-                              /* @__PURE__ */ o(
+                              /* @__PURE__ */ r(
                                 "span",
                                 {
                                   "aria-hidden": "true",
-                                  className: `ds:inline-flex ds:items-center ds:justify-center ${J}`,
-                                  children: g ? /* @__PURE__ */ o(St, { className: J }) : null
+                                  className: `ds:inline-flex ds:items-center ds:justify-center ${ee}`,
+                                  children: v ? /* @__PURE__ */ r(kt, { className: ee }) : null
                                 }
                               ),
                               s.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.
-                                /* @__PURE__ */ o(
+                                /* @__PURE__ */ r(
                                   "span",
                                   {
                                     "aria-hidden": "true",
@@ -561,23 +581,23 @@ const he = Qe(
                                   }
                                 )
                               ) : null,
-                              s.description || ae ? (
+                              s.description || de ? (
                                 // Stacked: the label and its end content on one
                                 // row, the description on a line of its own
                                 // under them. In this DOM order the option's
                                 // name reads label, end content, description.
-                                /* @__PURE__ */ x(
+                                /* @__PURE__ */ y(
                                   "span",
                                   {
-                                    className: `${ut} ds:py-[var(--spacing-xs)]`,
+                                    className: `${xt} ds:py-[var(--spacing-xs)]`,
                                     children: [
-                                      /* @__PURE__ */ x("span", { className: ft, children: [
-                                        /* @__PURE__ */ o(
+                                      /* @__PURE__ */ y("span", { className: yt, children: [
+                                        /* @__PURE__ */ r(
                                           "span",
                                           {
                                             dir: s.dir,
-                                            className: mt({
-                                              wrap: ae,
+                                            className: St({
+                                              wrap: de,
                                               className: "ds:flex-1"
                                             }),
                                             children: s.label
@@ -585,13 +605,13 @@ const he = Qe(
                                         ),
                                         s.endContent ? (
                                           // Announced, as below.
-                                          /* @__PURE__ */ o("span", { className: pt, children: s.endContent })
+                                          /* @__PURE__ */ r("span", { className: Rt, children: s.endContent })
                                         ) : null
                                       ] }),
-                                      s.description ? /* @__PURE__ */ o(
+                                      s.description ? /* @__PURE__ */ r(
                                         "span",
                                         {
-                                          className: bt({
+                                          className: Nt({
                                             tone: s.descriptionTone
                                           }),
                                           children: s.description
@@ -600,8 +620,8 @@ const he = Qe(
                                     ]
                                   }
                                 )
-                              ) : /* @__PURE__ */ x(Ze, { children: [
-                                /* @__PURE__ */ o(
+                              ) : /* @__PURE__ */ y(at, { children: [
+                                /* @__PURE__ */ r(
                                   "span",
                                   {
                                     dir: s.dir,
@@ -615,7 +635,7 @@ const he = Qe(
                                   // (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__ */ o("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0", children: s.endContent })
+                                  /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0", children: s.endContent })
                                 ) : null
                               ] })
                             ]
@@ -623,46 +643,46 @@ const he = Qe(
                           `${s.value}\0${s.label}`
                         );
                       });
-                      return e ? /* @__PURE__ */ o(
-                        y.Group,
+                      return e ? /* @__PURE__ */ r(
+                        S.Group,
                         {
-                          heading: /* @__PURE__ */ o("span", { className: _t, children: e }),
+                          heading: /* @__PURE__ */ r("span", { className: Tt, children: e }),
                           children: l
                         },
                         `group-${e}`
-                      ) : /* @__PURE__ */ o(y.Group, { children: l }, `group-${r}`);
+                      ) : /* @__PURE__ */ r(S.Group, { children: l }, `group-${o}`);
                     }),
-                    Re && p.length > 0 ? /* @__PURE__ */ o(
-                      At,
+                    ke && b.length > 0 ? /* @__PURE__ */ r(
+                      Lt,
                       {
-                        search: p,
-                        label: I("inputs.combobox.create", 'Create "{{value}}"', {
-                          value: p
+                        search: b,
+                        label: _("inputs.combobox.create", 'Create "{{value}}"', {
+                          value: b
                         }),
-                        iconClass: J,
-                        size: _,
-                        onSelect: $e
+                        iconClass: ee,
+                        size: A,
+                        onSelect: Me
                       }
                     ) : null
                   ]
                 },
-                Ce
+                Le
               )
             }
-          ) })
+          ) : null })
         ]
       }
     ) });
   }
 );
-he.displayName = "Combobox";
-const Wt = he;
+Ne.displayName = "Combobox";
+const ss = Ne;
 export {
-  Wt as C,
-  wt as a,
-  Rt as b,
-  Nt as c,
-  ve as d,
-  Et as e
+  ss as C,
+  Dt as a,
+  Ct as b,
+  Ft as c,
+  Re as d,
+  zt as e
 };
-//# sourceMappingURL=combobox-CDPm_n0p.js.map
+//# sourceMappingURL=combobox-D-gpgEDy.js.map