@alfadocs/ui-kit-debug 0.68.0 → 0.70.0

package/dist/_chunks/{combobox-BC-DFx8G.js → combobox-Clum7gJ1.js}

@@ -1,58 +1,90 @@
-import { jsx as o, jsxs as N } from "react/jsx-runtime";
-import { forwardRef as je, useContext as Ae, useMemo as U, useState as oe, useRef as g, useEffect as w, useCallback as Te } from "react";
+import { jsx as o, jsxs as S } from "react/jsx-runtime";
+import { forwardRef as De, useContext as Pe, useMemo as B, useState as oe, useRef as h, useEffect as I, useCallback as Ae } from "react";
 import * as _ from "@radix-ui/react-popover";
-import { R as $e, _ as c, P as ke } from "./index-4xgbg-sn.js";
-import { c as E } from "./index-D2ZczOXr.js";
-import { useTranslation as Oe } from "react-i18next";
-import { u as qe, F as Be } from "./form-field-context-B3APVHKx.js";
-import { c as Ue } from "./compose-refs-C0k0tdqF.js";
-import { n as H } from "./normalize-diacritics-BNGbFNlJ.js";
-import { g as He } from "./group-options-BvKhQ3xb.js";
-import { u as Ge } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Me } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as Le, a as G, d as M, c as Qe } from "./input-surface-xyERuLU_.js";
-import { u as Ke } from "./registry-nPAVE19X.js";
+import { R as Ke, _ as c, P as Oe } from "./index-4xgbg-sn.js";
+import { c as F } from "./index-D2ZczOXr.js";
+import { useTranslation as Te } from "react-i18next";
+import { u as $e, F as ke } from "./form-field-context-B3APVHKx.js";
+import { c as Be } from "./compose-refs-C0k0tdqF.js";
+import { n as U } from "./normalize-diacritics-BNGbFNlJ.js";
+import { g as Ue } from "./group-options-BvKhQ3xb.js";
+import { u as He } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Ge } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { I as Me, a as H, d as G, c as Le } from "./input-surface-xyERuLU_.js";
+import { u as Qe } from "./registry-DvAUVLHh.js";
 import { X as Xe } from "./x-CCcI3eJp.js";
 import { C as We } from "./check-DPdL_Sm7.js";
 const Je = {
   id: "combobox",
-  capabilities: ["select_single", "pick", "filter", "open", "close"],
+  // Persisted single choice (value state + set_value) → select_single + set_value,
+  // plus type-to-filter and open/close of the option list.
+  capabilities: ["select_single", "set_value", "filter", "open", "close"],
   state: {
     value: {
       type: "string | null",
+      descriptionKey: "ui.agent.combobox.state.value",
       description: "Currently-selected option value, or null when nothing is selected.",
       read: (t) => t.getValue()
     },
     query: {
       type: "string",
+      descriptionKey: "ui.agent.combobox.state.query",
       description: "Current filter query in the combobox input.",
       read: (t) => t.getQuery()
     },
     isOpen: {
       type: "boolean",
+      descriptionKey: "ui.agent.combobox.state.isOpen",
       description: "True when the option list is visible.",
       read: (t) => t.getIsOpen()
     }
   },
   actions: {
     set_value: {
-      safety: "read",
+      // Persists the user's chosen option — reversible via the same UI.
+      safety: "write",
       argsType: "{ value: string | null }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: ["string", "null"],
+            description: "Option value to select, or null to clear."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.combobox.actions.setValue",
       description: "Set the selected value programmatically.",
+      examples: [{ args: { value: "it" }, note: 'Select the "it" option.' }],
       invoke: (t, r) => {
         t.setValue(r.value);
       }
     },
     apply_filter: {
+      // Pure ephemeral filter of the visible options — no persisted change.
       safety: "read",
       argsType: "{ query: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          query: { type: "string", description: "Filter text for the list." }
+        },
+        required: ["query"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.combobox.actions.applyFilter",
       description: "Set the filter query for the option list.",
       invoke: (t, r) => {
         t.setQuery(r.query);
       }
     },
     clear_selection: {
-      safety: "read",
+      // Discards the persisted choice — destructive (loses the selection).
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.combobox.actions.clearSelection",
       description: "Clear the current selection.",
       invoke: (t) => {
         t.clear();
@@ -60,6 +92,8 @@ const Je = {
     },
     open: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.combobox.actions.open",
       description: "Open the option list.",
       invoke: (t) => {
         t.open();
@@ -67,6 +101,8 @@ const Je = {
     },
     close: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.combobox.actions.close",
       description: "Close the option list.",
       invoke: (t) => {
         t.close();
@@ -85,7 +121,7 @@ const Je = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, Ye = E(
+}, Ye = F(
   [
     "ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
     "ds:outline-none ds:border-0",
@@ -103,26 +139,26 @@ const Je = {
       size: "md"
     }
   }
-), Ze = E(
+), Ze = F(
   [
     "ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full",
-    Qe
+    Le
   ].join(" "),
   {
     variants: {
       size: {
-        sm: `${G.sm} ${M.sm}`,
-        md: `${G.md} ${M.md}`,
-        lg: `${G.lg} ${M.lg}`
+        sm: `${H.sm} ${G.sm}`,
+        md: `${H.md} ${G.md}`,
+        lg: `${H.lg} ${G.lg}`
       },
-      tone: Le
+      tone: Me
     },
     defaultVariants: {
       size: "md",
       tone: "default"
     }
   }
-), et = E(
+), et = F(
   [
     "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",
@@ -134,7 +170,7 @@ const Je = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), ne = E(
+), ne = F(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -167,24 +203,24 @@ const Je = {
 function rt({
   search: t,
   label: r,
-  iconClass: F,
+  iconClass: E,
   size: V,
-  onSelect: D
+  onSelect: j
 }) {
-  return ke((P) => P.filtered.count) > 0 ? null : /* @__PURE__ */ N(
+  return Oe((q) => q.filtered.count) > 0 ? null : /* @__PURE__ */ S(
     c.Item,
     {
       value: `__combobox-create__${t}`,
       keywords: [],
       forceMount: !0,
-      onSelect: () => D(t),
+      onSelect: () => j(t),
       className: ne({ size: V }),
       children: [
         /* @__PURE__ */ o(
           "span",
           {
             "aria-hidden": "true",
-            className: `ds:inline-flex ds:items-center ds:justify-center ${F}`
+            className: `ds:inline-flex ds:items-center ds:justify-center ${E}`
           }
         ),
         /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:truncate", children: r })
@@ -192,171 +228,171 @@ function rt({
     }
   );
 }
-const re = je(
+const re = De(
   function({
     options: r,
-    value: F,
+    value: E,
     defaultValue: V,
-    onValueChange: D,
-    placeholder: L,
-    clearable: P = !1,
+    onValueChange: j,
+    placeholder: M,
+    clearable: q = !1,
     disabled: ae,
     readOnly: ie,
     required: de,
     name: le,
-    id: j,
+    id: D,
     size: v = "md",
     tone: ce = "default",
-    filter: A,
+    filter: P,
     allowCreate: ue = !1,
-    onCreate: T,
-    open: Q,
+    onCreate: A,
+    open: L,
     onOpenChange: u,
     emptyMessage: me,
-    className: fe,
-    "aria-label": K
-  }, pe) {
-    const { t: x } = Oe(), b = qe(), y = Ae(Be) !== null, [be, z] = Ge({
-      value: F,
+    className: pe,
+    "aria-label": Q
+  }, fe) {
+    const { t: y } = Te(), b = $e(), x = Pe(ke) !== null, [be, N] = He({
+      value: E,
       defaultValue: V ?? "",
-      onChange: D
-    }), m = be ?? "", $ = U(
+      onChange: j
+    }), m = be ?? "", K = B(
       () => r.find((e) => e.value === m),
       [r, m]
-    ), C = ($ == null ? void 0 : $.label) ?? "", [f, i] = oe(C), [he, X] = oe(!1), S = Q !== void 0, d = S ? Q : he, R = g(!1), I = g(null), W = g(null);
-    Me(() => {
+    ), C = (K == null ? void 0 : K.label) ?? "", [p, i] = oe(C), [ge, X] = oe(!1), z = L !== void 0, d = z ? L : ge, R = h(!1), w = h(null), W = h(null);
+    Ge(() => {
       var e;
-      (e = I.current) == null || e.setAttribute("aria-expanded", String(d));
-    }), w(() => {
+      (e = w.current) == null || e.setAttribute("aria-expanded", String(d));
+    }), I(() => {
       d || i(C);
     }, [C, d]);
-    const ge = j ?? (y ? b.id : void 0), k = (y ? b.disabled : !1) || !!ae, h = !!ie, ve = (y ? b.required : !1) || !!de, J = y ? b.invalid : !1, xe = J ? "error" : ce, ye = y && b.describedBy ? b.describedBy : void 0, Y = L ?? x("inputs.combobox.placeholder", "Search…"), Ce = U(
+    const he = D ?? (x ? b.id : void 0), O = (x ? b.disabled : !1) || !!ae, g = !!ie, ve = (x ? b.required : !1) || !!de, J = x ? b.invalid : !1, ye = J ? "error" : ce, xe = x && b.describedBy ? b.describedBy : void 0, Y = M ?? y("inputs.combobox.placeholder", "Search…"), Ce = B(
       () => (e, s, n) => {
         if (R.current) return 1;
-        const p = H(e), a = H(s), B = n == null ? void 0 : n.map(H);
-        return A ? A(p, a) : $e(
-          p,
+        const f = U(e), a = U(s), k = n == null ? void 0 : n.map(U);
+        return P ? P(f, a) : Ke(
+          f,
           a,
-          B
+          k
         );
       },
-      [A]
+      [P]
     ), Z = (e) => {
-      z(e);
+      N(e);
     }, l = (e) => {
-      S || X(e), u == null || u(e);
-    }, Ne = (e) => {
+      z || X(e), u == null || u(e);
+    }, Se = (e) => {
       const s = r.find((n) => n.value === e);
       Z(e), i((s == null ? void 0 : s.label) ?? ""), l(!1);
+    }, Ne = (e) => {
+      A == null || A(e), l(!1);
     }, ze = (e) => {
-      T == null || T(e), l(!1);
-    }, Se = (e) => {
-      h || (i(e), !d && e.length > 0 && !R.current && l(!0));
+      g || (i(e), !d && e.length > 0 && !R.current && l(!0));
     }, Re = () => {
-      !k && !h && l(!0);
-    }, Ie = () => {
-      R.current = !0;
+      !O && !g && l(!0);
     }, we = () => {
+      R.current = !0;
+    }, Ie = () => {
       var s;
-      if (R.current = !1, h) return;
-      const e = ((s = I.current) == null ? void 0 : s.value) ?? "";
+      if (R.current = !1, g) return;
+      const e = ((s = w.current) == null ? void 0 : s.value) ?? "";
       i(e), e.length > 0 && l(!0);
     }, _e = (e) => {
       e.nativeEvent.isComposing || e.key === "Escape" && d && (e.preventDefault(), l(!1), i(C));
-    }, Ee = (e) => {
-      var s;
-      e.preventDefault(), e.stopPropagation(), Z(""), i(""), l(!0), (s = I.current) == null || s.focus();
     }, Fe = (e) => {
-      h && e || (l(e), e || i(C));
-    }, ee = g(m);
-    w(() => {
+      var s;
+      e.preventDefault(), e.stopPropagation(), Z(""), i(""), l(!0), (s = w.current) == null || s.focus();
+    }, Ee = (e) => {
+      g && e || (l(e), e || i(C));
+    }, ee = h(m);
+    I(() => {
       ee.current = m;
     }, [m]);
-    const te = g(f);
-    w(() => {
-      te.current = f;
-    }, [f]);
-    const se = g(d);
-    w(() => {
+    const te = h(p);
+    I(() => {
+      te.current = p;
+    }, [p]);
+    const se = h(d);
+    I(() => {
       se.current = d;
     }, [d]);
-    const O = Te(
+    const T = Ae(
       (e) => {
-        S || X(e), u == null || u(e);
+        z || X(e), u == null || u(e);
       },
-      [S, u]
-    ), Ve = U(
+      [z, u]
+    ), Ve = B(
       () => ({
         getValue: () => ee.current || null,
         getQuery: () => te.current,
         getIsOpen: () => se.current,
         setValue: (e) => {
           const s = e ?? "";
-          z(s);
-          const n = r.find((p) => p.value === s);
+          N(s);
+          const n = r.find((f) => f.value === s);
           i((n == null ? void 0 : n.label) ?? "");
         },
         setQuery: (e) => {
           i(e);
         },
         clear: () => {
-          z(""), i("");
+          N(""), i("");
         },
-        open: () => O(!0),
-        close: () => O(!1)
+        open: () => T(!0),
+        close: () => T(!1)
       }),
-      [z, r, O]
+      [N, r, T]
     );
-    Ke(Je, Ve, j);
-    const De = P && !!m && !k && !h, Pe = He(r), q = nt[v];
-    return /* @__PURE__ */ o(_.Root, { open: d, onOpenChange: Fe, children: /* @__PURE__ */ N(
+    Qe(Je, Ve, D);
+    const je = q && !!m && !O && !g, qe = Ue(r), $ = nt[v];
+    return /* @__PURE__ */ o(_.Root, { open: d, onOpenChange: Ee, children: /* @__PURE__ */ S(
       c,
       {
         filter: Ce,
         shouldFilter: !0,
         loop: !0,
-        label: K ?? Y,
+        label: Q ?? Y,
         className: "ds:w-full",
         children: [
-          /* @__PURE__ */ o(_.Anchor, { asChild: !0, children: /* @__PURE__ */ N(
+          /* @__PURE__ */ o(_.Anchor, { asChild: !0, children: /* @__PURE__ */ S(
             "div",
             {
               ref: W,
               className: Ze({
                 size: v,
-                tone: xe,
-                className: fe
+                tone: ye,
+                className: pe
               }),
               "data-component": "combobox",
-              "data-component-id": j,
+              "data-component-id": D,
               children: [
                 /* @__PURE__ */ o(
                   c.Input,
                   {
-                    ref: Ue(pe, I),
-                    value: f,
-                    onValueChange: Se,
-                    id: ge,
+                    ref: Be(fe, w),
+                    value: p,
+                    onValueChange: ze,
+                    id: he,
                     name: le,
                     placeholder: Y,
-                    disabled: k,
-                    readOnly: h,
+                    disabled: O,
+                    readOnly: g,
                     required: ve,
-                    "aria-describedby": ye,
+                    "aria-describedby": xe,
                     "aria-invalid": J || void 0,
                     onFocus: Re,
                     onKeyDown: _e,
-                    onCompositionStart: Ie,
-                    onCompositionEnd: we,
+                    onCompositionStart: we,
+                    onCompositionEnd: Ie,
                     className: Ye({ size: v })
                   }
                 ),
-                De ? /* @__PURE__ */ o(
+                je ? /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
-                    "aria-label": x("inputs.combobox.clear", "Clear selection"),
-                    onClick: Ee,
+                    "aria-label": y("inputs.combobox.clear", "Clear selection"),
+                    onClick: Fe,
                     onPointerDown: (e) => e.stopPropagation(),
                     className: [
                       "ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]",
@@ -377,7 +413,7 @@ const re = je(
             {
               forceMount: !0,
               hidden: !d,
-              "aria-label": K ?? x("inputs.combobox.popupLabel", "Options"),
+              "aria-label": Q ?? y("inputs.combobox.popupLabel", "Options"),
               onOpenAutoFocus: (e) => e.preventDefault(),
               onCloseAutoFocus: (e) => e.preventDefault(),
               onInteractOutside: (e) => {
@@ -388,26 +424,27 @@ const re = je(
               sideOffset: 4,
               align: "start",
               className: et(),
-              children: /* @__PURE__ */ N(c.List, { className: st, children: [
-                /* @__PURE__ */ o(c.Empty, { className: ot, children: me ?? x("inputs.combobox.empty", "No results found") }),
-                Pe.map(({ group: e, items: s }, n) => {
-                  const p = s.map((a) => {
-                    const B = a.value === m;
-                    return /* @__PURE__ */ N(
+              children: /* @__PURE__ */ S(c.List, { className: st, children: [
+                /* @__PURE__ */ o(c.Empty, { className: ot, children: me ?? y("inputs.combobox.empty", "No results found") }),
+                qe.map(({ group: e, items: s }, n) => {
+                  const f = s.map((a) => {
+                    const k = a.value === m;
+                    return /* @__PURE__ */ S(
                       c.Item,
                       {
                         value: a.value,
+                        "data-option-id": a.value,
                         keywords: [a.label],
                         disabled: a.disabled,
-                        onSelect: Ne,
+                        onSelect: Se,
                         className: ne({ size: v }),
                         children: [
                           /* @__PURE__ */ o(
                             "span",
                             {
                               "aria-hidden": "true",
-                              className: `ds:inline-flex ds:items-center ds:justify-center ${q}`,
-                              children: B ? /* @__PURE__ */ o(We, { className: q }) : null
+                              className: `ds:inline-flex ds:items-center ds:justify-center ${$}`,
+                              children: k ? /* @__PURE__ */ o(We, { className: $ }) : null
                             }
                           ),
                           /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:truncate", children: a.label }),
@@ -421,21 +458,21 @@ const re = je(
                     c.Group,
                     {
                       heading: /* @__PURE__ */ o("span", { className: tt, children: e }),
-                      children: p
+                      children: f
                     },
                     `group-${e}`
-                  ) : /* @__PURE__ */ o(c.Group, { children: p }, `group-${n}`);
+                  ) : /* @__PURE__ */ o(c.Group, { children: f }, `group-${n}`);
                 }),
-                ue && f.length > 0 ? /* @__PURE__ */ o(
+                ue && p.length > 0 ? /* @__PURE__ */ o(
                   rt,
                   {
-                    search: f,
-                    label: x("inputs.combobox.create", 'Create "{{value}}"', {
-                      value: f
+                    search: p,
+                    label: y("inputs.combobox.create", 'Create "{{value}}"', {
+                      value: p
                     }),
-                    iconClass: q,
+                    iconClass: $,
                     size: v,
-                    onSelect: ze
+                    onSelect: Ne
                   }
                 ) : null
               ] })
@@ -456,4 +493,4 @@ export {
   ne as d,
   Ze as e
 };
-//# sourceMappingURL=combobox-BC-DFx8G.js.map
+//# sourceMappingURL=combobox-Clum7gJ1.js.map

package/dist/_chunks/combobox-Clum7gJ1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-Clum7gJ1.js","sources":["../../src/components/combobox/combobox.agent.ts","../../src/components/combobox/combobox.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ComboboxHandle } from './combobox';\n\nexport const comboboxAgent: AgentAdapter<ComboboxHandle> = {\n  id: 'combobox',\n  // Persisted single choice (value state + set_value) → select_single + set_value,\n  // plus type-to-filter and open/close of the option list.\n  capabilities: ['select_single', 'set_value', 'filter', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.combobox.state.value',\n      description:\n        'Currently-selected option value, or null when nothing is selected.',\n      read: (handle) => handle.getValue(),\n    },\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.combobox.state.query',\n      description: 'Current filter query in the combobox input.',\n      read: (handle) => handle.getQuery(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.combobox.state.isOpen',\n      description: 'True when the option list is visible.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    set_value: {\n      // Persists the user's chosen option — reversible via the same UI.\n      safety: 'write',\n      argsType: '{ value: string | null }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: ['string', 'null'],\n            description: 'Option value to select, or null to clear.',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.setValue',\n      description: 'Set the selected value programmatically.',\n      examples: [{ args: { value: 'it' }, note: 'Select the \"it\" option.' }],\n      invoke: (handle, args: { value: string | null }) => {\n        handle.setValue(args.value);\n      },\n    },\n    apply_filter: {\n      // Pure ephemeral filter of the visible options — no persisted change.\n      safety: 'read',\n      argsType: '{ query: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          query: { type: 'string', description: 'Filter text for the list.' },\n        },\n        required: ['query'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.applyFilter',\n      description: 'Set the filter query for the option list.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    clear_selection: {\n      // Discards the persisted choice — destructive (loses the selection).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.clearSelection',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.open',\n      description: 'Open the option list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.close',\n      description: 'Close the option list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'combobox' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each option emits its value as data-option-id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command, defaultFilter, useCommandState } from 'cmdk';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { normalizeDiacritics } from '../_shared/normalize-diacritics';\nimport { groupOptions } from '../_shared/group-options';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\nimport { useAgentRegistration } from '../../agent';\nimport { comboboxAgent } from './combobox.agent';\n\nexport type ComboboxOption<T extends string = string> = OptionShape<T>;\n\n// Curated agent-readiness handle — see combobox.agent.ts.\nexport interface ComboboxHandle {\n  getValue: () => string | null;\n  getQuery: () => string;\n  getIsOpen: () => boolean;\n  setValue: (value: string | null) => void;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface ComboboxProps<T extends string = string> {\n  options: ComboboxOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  filter?: (value: string, search: string) => number;\n  allowCreate?: boolean;\n  onCreate?: (value: string) => void;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  emptyMessage?: ReactNode;\n  'aria-label'?: string;\n  className?: string;\n}\n\nconst comboboxInputVariants = cva(\n  [\n    'ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:outline-none ds:border-0',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxWrapperVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full',\n    INPUT_SURFACE_CHROME,\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_PADDING_X.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_PADDING_X.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_PADDING_X.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst comboboxContentVariants = cva(\n  [\n    'ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-[var(--radix-popover-trigger-width)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n    'ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst comboboxItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n    'ds:data-[highlighted]:border-s-2 ds:data-[highlighted]:border-s-primary',\n    'ds:aria-selected:bg-muted',\n    'ds:aria-disabled:pointer-events-none ds:aria-disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxGroupHeadingClasses = [\n  'ds:ps-3 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n].join(' ');\n\nconst comboboxListClasses =\n  'ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]';\n\nconst comboboxEmptyClasses =\n  'ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground';\n\nconst iconSizeBySize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\ninterface CreateRowProps {\n  search: string;\n  label: string;\n  iconClass: string;\n  size: 'sm' | 'md' | 'lg';\n  onSelect: (value: string) => void;\n}\n\nfunction ComboboxCreateRow({\n  search,\n  label,\n  iconClass,\n  size,\n  onSelect,\n}: CreateRowProps): ReactElement | null {\n  // Only surface the create row when no existing item matches the query.\n  const filteredCount = useCommandState((state) => state.filtered.count);\n  if (filteredCount > 0) return null;\n  return (\n    <Command.Item\n      value={`__combobox-create__${search}`}\n      keywords={[]}\n      forceMount\n      onSelect={() => onSelect(search)}\n      className={comboboxItemVariants({ size })}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n      />\n      <span className=\"ds:flex-1 ds:truncate\">{label}</span>\n    </Command.Item>\n  );\n}\n\nconst ComboboxImpl = forwardRef<HTMLInputElement, ComboboxProps>(\n  function Combobox(\n    {\n      options,\n      value,\n      defaultValue,\n      onValueChange,\n      placeholder,\n      clearable = false,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      size = 'md',\n      tone = 'default',\n      filter: externalFilter,\n      allowCreate = false,\n      onCreate,\n      open: openProp,\n      onOpenChange,\n      emptyMessage,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const [currentValueRaw, setComboboxValue] = useControllableState<string>({\n      value,\n      defaultValue: defaultValue ?? '',\n      onChange: onValueChange as ((next: string) => void) | undefined,\n    });\n    const currentValue = currentValueRaw ?? '';\n\n    const selectedOption = useMemo(\n      () => options.find((o) => o.value === currentValue),\n      [options, currentValue],\n    );\n    const selectedLabel = selectedOption?.label ?? '';\n\n    const [search, setSearch] = useState<string>(selectedLabel);\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isOpenControlled = openProp !== undefined;\n    const open = isOpenControlled ? openProp : internalOpen;\n    const composingRef = useRef(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    useIsomorphicLayoutEffect(() => {\n      inputRef.current?.setAttribute('aria-expanded', String(open));\n    });\n\n    useEffect(() => {\n      if (!open) {\n        setSearch(selectedLabel);\n      }\n    }, [selectedLabel, open]);\n\n    const inputId = id ?? (inFormField ? ctx.id : undefined);\n    const effectiveDisabled =\n      (inFormField ? ctx.disabled : false) || Boolean(disabled);\n    const effectiveReadOnly = Boolean(readOnly);\n    const effectiveRequired =\n      (inFormField ? ctx.required : false) || Boolean(required);\n    const effectiveInvalid = inFormField ? ctx.invalid : false;\n    const effectiveTone = effectiveInvalid ? 'error' : tone;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.combobox.placeholder', 'Search…');\n\n    const filterFn = useMemo(\n      () => (candidate: string, searchStr: string, keywords?: string[]) => {\n        if (composingRef.current) return 1;\n        const normalizedCandidate = normalizeDiacritics(candidate);\n        const normalizedSearch = normalizeDiacritics(searchStr);\n        const normalizedKeywords = keywords?.map(normalizeDiacritics);\n        if (externalFilter) {\n          return externalFilter(normalizedCandidate, normalizedSearch);\n        }\n        return defaultFilter(\n          normalizedCandidate,\n          normalizedSearch,\n          normalizedKeywords,\n        );\n      },\n      [externalFilter],\n    );\n\n    const commit = (next: string) => {\n      setComboboxValue(next);\n    };\n\n    const setOpen = (next: boolean) => {\n      if (!isOpenControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    };\n\n    const handleSelect = (optValue: string) => {\n      const option = options.find((o) => o.value === optValue);\n      commit(optValue);\n      setSearch(option?.label ?? '');\n      setOpen(false);\n    };\n\n    const handleCreate = (nextValue: string) => {\n      onCreate?.(nextValue);\n      setOpen(false);\n    };\n\n    const handleSearchChange = (next: string) => {\n      if (effectiveReadOnly) return;\n      setSearch(next);\n      if (!open && next.length > 0 && !composingRef.current) {\n        setOpen(true);\n      }\n    };\n\n    const handleFocus = () => {\n      if (!effectiveDisabled && !effectiveReadOnly) setOpen(true);\n    };\n\n    const handleCompositionStart = () => {\n      composingRef.current = true;\n    };\n\n    const handleCompositionEnd = () => {\n      composingRef.current = false;\n      if (effectiveReadOnly) return;\n      const next = inputRef.current?.value ?? '';\n      setSearch(next);\n      if (next.length > 0) setOpen(true);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.isComposing) return;\n      if (event.key === 'Escape' && open) {\n        event.preventDefault();\n        setOpen(false);\n        setSearch(selectedLabel);\n      }\n    };\n\n    const handleClear = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n      commit('');\n      setSearch('');\n      setOpen(true);\n      inputRef.current?.focus();\n    };\n\n    const handleOpenChange = (next: boolean) => {\n      if (effectiveReadOnly && next) return;\n      setOpen(next);\n      if (!next) setSearch(selectedLabel);\n    };\n\n    // Agent handle — refs mirror state for fresh reads.\n    const valueRef = useRef<string>(currentValue);\n    useEffect(() => {\n      valueRef.current = currentValue;\n    }, [currentValue]);\n    const searchRef = useRef<string>(search);\n    useEffect(() => {\n      searchRef.current = search;\n    }, [search]);\n    const openRef = useRef<boolean>(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const setOpenStable = useCallback(\n      (next: boolean) => {\n        if (!isOpenControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n      },\n      [isOpenControlled, onOpenChange],\n    );\n\n    const agentHandle = useMemo<ComboboxHandle>(\n      () => ({\n        getValue: () => valueRef.current || null,\n        getQuery: () => searchRef.current,\n        getIsOpen: () => openRef.current,\n        setValue: (next) => {\n          const v = next ?? '';\n          setComboboxValue(v);\n          const opt = options.find((o) => o.value === v);\n          setSearch(opt?.label ?? '');\n        },\n        setQuery: (query) => {\n          setSearch(query);\n        },\n        clear: () => {\n          setComboboxValue('');\n          setSearch('');\n        },\n        open: () => setOpenStable(true),\n        close: () => setOpenStable(false),\n      }),\n      [setComboboxValue, options, setOpenStable],\n    );\n    useAgentRegistration(comboboxAgent, agentHandle, id);\n\n    const showClear =\n      clearable &&\n      Boolean(currentValue) &&\n      !effectiveDisabled &&\n      !effectiveReadOnly;\n\n    const groups = groupOptions(options);\n    const iconClass = iconSizeBySize[size];\n\n    return (\n      <Popover.Root open={open} onOpenChange={handleOpenChange}>\n        <Command\n          filter={filterFn}\n          shouldFilter\n          loop\n          // cmdk hardcodes `aria-labelledby` on its input to its own hidden\n          // `<label cmdk-label>` element. The label's contents come from the\n          // Command Root's `label` (or `aria-label`) prop. If we leave it\n          // empty, the input has an aria-labelledby pointer to a blank\n          // element and axe's `label-title-only` rule fires. Fall back to\n          // the placeholder so the input always has an accessible name —\n          // when wrapped in a FormField the visible label still associates\n          // via the FormField `<label htmlFor>`.\n          label={ariaLabel ?? resolvedPlaceholder}\n          className=\"ds:w-full\"\n        >\n          <Popover.Anchor asChild>\n            <div\n              ref={anchorRef}\n              className={comboboxWrapperVariants({\n                size,\n                tone: effectiveTone,\n                className,\n              })}\n              data-component=\"combobox\"\n              data-component-id={id}\n            >\n              <Command.Input\n                ref={composeRefs(ref, inputRef)}\n                value={search}\n                onValueChange={handleSearchChange}\n                id={inputId}\n                name={name}\n                placeholder={resolvedPlaceholder}\n                disabled={effectiveDisabled}\n                readOnly={effectiveReadOnly}\n                required={effectiveRequired}\n                // Note: cmdk's CommandInput hardcodes `aria-labelledby` to\n                // its own hidden cmdk-label after spreading user props, so\n                // we can't override it from here. We funnel the accessible\n                // name through the Command Root's `label` prop above.\n                aria-describedby={describedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                onCompositionStart={handleCompositionStart}\n                onCompositionEnd={handleCompositionEnd}\n                className={comboboxInputVariants({ size })}\n              />\n              {showClear ? (\n                <button\n                  type=\"button\"\n                  aria-label={t('inputs.combobox.clear', 'Clear selection')}\n                  onClick={handleClear}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n                    'ds:text-muted-foreground ds:hover:text-foreground',\n                    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                    'ds:size-4',\n                  ].join(' ')}\n                >\n                  <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                </button>\n              ) : null}\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal forceMount>\n            <Popover.Content\n              // `forceMount` keeps the listbox in the DOM while the popover\n              // is closed so the input's cmdk-set `aria-controls` always\n              // points at a real id (axe's aria-valid-attr-value rule).\n              // The CSS visibility / pointer-events is gated by data-state.\n              forceMount\n              hidden={!open}\n              // Radix Popover.Content carries `role=\"dialog\"`; axe's\n              // `aria-dialog-name` rule requires a name. Surface the\n              // surrounding combobox label so the popover is named after\n              // the field it serves (or fall back to the i18n default).\n              aria-label={\n                ariaLabel ?? t('inputs.combobox.popupLabel', 'Options')\n              }\n              onOpenAutoFocus={(event) => event.preventDefault()}\n              onCloseAutoFocus={(event) => event.preventDefault()}\n              onInteractOutside={(event) => {\n                const target = event.target as Node | null;\n                if (target && anchorRef.current?.contains(target)) {\n                  event.preventDefault();\n                }\n              }}\n              sideOffset={4}\n              align=\"start\"\n              className={comboboxContentVariants()}\n            >\n              <Command.List className={comboboxListClasses}>\n                <Command.Empty className={comboboxEmptyClasses}>\n                  {emptyMessage ??\n                    t('inputs.combobox.empty', 'No results found')}\n                </Command.Empty>\n                {groups.map(({ group, items }, groupIndex) => {\n                  const body = items.map((option) => {\n                    const isSelected = option.value === currentValue;\n                    return (\n                      <Command.Item\n                        key={option.value}\n                        value={option.value}\n                        data-option-id={option.value}\n                        keywords={[option.label]}\n                        disabled={option.disabled}\n                        onSelect={handleSelect}\n                        className={comboboxItemVariants({ size })}\n                      >\n                        <span\n                          aria-hidden=\"true\"\n                          className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n                        >\n                          {isSelected ? <Check className={iconClass} /> : null}\n                        </span>\n                        <span className=\"ds:flex-1 ds:truncate\">\n                          {option.label}\n                        </span>\n                        {option.description ? (\n                          <span className=\"type-meta ds:text-muted-foreground\">\n                            {option.description}\n                          </span>\n                        ) : null}\n                      </Command.Item>\n                    );\n                  });\n                  if (!group) {\n                    return (\n                      <Command.Group key={`group-${groupIndex}`}>\n                        {body}\n                      </Command.Group>\n                    );\n                  }\n                  return (\n                    <Command.Group\n                      key={`group-${group}`}\n                      heading={\n                        <span className={comboboxGroupHeadingClasses}>\n                          {group}\n                        </span>\n                      }\n                    >\n                      {body}\n                    </Command.Group>\n                  );\n                })}\n                {allowCreate && search.length > 0 ? (\n                  <ComboboxCreateRow\n                    search={search}\n                    label={t('inputs.combobox.create', 'Create \"{{value}}\"', {\n                      value: search,\n                    })}\n                    iconClass={iconClass}\n                    size={size}\n                    onSelect={handleCreate}\n                  />\n                ) : null}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Command>\n      </Popover.Root>\n    );\n  },\n);\nComboboxImpl.displayName = 'Combobox';\n\ninterface ComboboxComponent {\n  <T extends string = string>(\n    props: ComboboxProps<T> & { ref?: Ref<HTMLInputElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\n// forwardRef erases component-level generics, so we re-widen via a callable\n// interface to preserve the `<T extends string>` signature at the call site.\nexport const Combobox = ComboboxImpl as unknown as ComboboxComponent;\n\nexport {\n  comboboxInputVariants,\n  comboboxWrapperVariants,\n  comboboxContentVariants,\n  comboboxItemVariants,\n};\n"],"names":["comboboxAgent","handle","args","comboboxInputVariants","cva","comboboxWrapperVariants","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","INPUT_SURFACE_TONE","comboboxContentVariants","comboboxItemVariants","comboboxGroupHeadingClasses","comboboxListClasses","comboboxEmptyClasses","iconSizeBySize","ComboboxCreateRow","search","label","iconClass","size","onSelect","useCommandState","state","jsxs","Command","jsx","ComboboxImpl","forwardRef","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","readOnly","required","name","id","tone","externalFilter","allowCreate","onCreate","openProp","onOpenChange","emptyMessage","className","ariaLabel","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","currentValueRaw","setComboboxValue","useControllableState","currentValue","selectedOption","useMemo","o","selectedLabel","setSearch","useState","internalOpen","setInternalOpen","isOpenControlled","open","composingRef","useRef","inputRef","anchorRef","useIsomorphicLayoutEffect","_a","useEffect","inputId","effectiveDisabled","effectiveReadOnly","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","resolvedPlaceholder","filterFn","candidate","searchStr","keywords","normalizedCandidate","normalizeDiacritics","normalizedSearch","normalizedKeywords","defaultFilter","commit","next","setOpen","handleSelect","optValue","option","handleCreate","nextValue","handleSearchChange","handleFocus","handleCompositionStart","handleCompositionEnd","handleKeyDown","event","handleClear","handleOpenChange","valueRef","searchRef","openRef","setOpenStable","useCallback","agentHandle","v","opt","query","useAgentRegistration","showClear","groups","groupOptions","Popover","composeRefs","X","target","group","items","groupIndex","body","isSelected","Check","Combobox"],"mappings":"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"}