@alfadocs/ui-kit 0.67.1 → 0.69.0

package/dist/_chunks/{command-palette-BiPAAno-.js → command-palette-CJzmc5pC.js}

@@ -1,21 +1,26 @@
-import { jsx as s, jsxs as m, Fragment as P } from "react/jsx-runtime";
-import { forwardRef as u, useState as w, useEffect as v, useRef as C, useMemo as k, useCallback as T } from "react";
+import { jsx as s, jsxs as m, Fragment as T } from "react/jsx-runtime";
+import { forwardRef as u, useState as w, useEffect as v, useRef as C, useMemo as k, useCallback as B } from "react";
 import { _ as p, R as J } from "./index-4xgbg-sn.js";
 import * as h from "@radix-ui/react-dialog";
-import { useTranslation as R } from "react-i18next";
-import { S as V } from "./search-BonnQsHv.js";
-import { u as $ } from "./registry-nPAVE19X.js";
+import { useTranslation as j } from "react-i18next";
+import { u as V } from "./registry-DvAUVLHh.js";
+import { S as $ } from "./search-BonnQsHv.js";
 const W = {
   id: "command-palette",
-  capabilities: ["open", "close", "filter", "pick", "submit"],
+  // The curated handle exposes open/close + the filter query only. Running a
+  // highlighted command is internal to the dialog (not on the handle), so no
+  // 'submit'/'pick' capability is claimed here.
+  capabilities: ["open", "close", "filter"],
   state: {
     query: {
       type: "string",
+      descriptionKey: "ui.agent.commandPalette.state.query",
       description: "Current filter query in the command palette input.",
       read: (e) => e.getQuery()
     },
     isOpen: {
       type: "boolean",
+      descriptionKey: "ui.agent.commandPalette.state.isOpen",
       description: "True when the palette is visible.",
       read: (e) => e.getIsOpen()
     }
@@ -23,6 +28,8 @@ const W = {
   actions: {
     open: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.commandPalette.actions.open",
       description: "Open the command palette.",
       invoke: (e) => {
         e.open();
@@ -30,6 +37,8 @@ const W = {
     },
     close: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.commandPalette.actions.close",
       description: "Close the command palette.",
       invoke: (e) => {
         e.close();
@@ -38,6 +47,18 @@ const W = {
     apply_filter: {
       safety: "read",
       argsType: "{ query: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          query: {
+            type: "string",
+            description: "Filter text matched against command labels."
+          }
+        },
+        required: ["query"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.commandPalette.actions.applyFilter",
       description: "Set the filter query.",
       invoke: (e, t) => {
         e.setQuery(t.query);
@@ -60,24 +81,24 @@ const W = {
 function y(e) {
   return e.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
 }
-const X = (e, t, a) => J(y(e), y(t), a == null ? void 0 : a.map(y)), A = "ui.cmdk.recents", j = 5;
+const X = (e, t, a) => J(y(e), y(t), a == null ? void 0 : a.map(y)), L = "ui.cmdk.recents", R = 5;
 function Y() {
   if (typeof window > "u") return [];
   try {
-    const e = window.localStorage.getItem(A);
+    const e = window.localStorage.getItem(L);
     if (!e) return [];
     const t = JSON.parse(e);
-    return Array.isArray(t) ? t.slice(0, j).filter((a) => typeof a == "string") : [];
+    return Array.isArray(t) ? t.slice(0, R).filter((a) => typeof a == "string") : [];
   } catch {
     return [];
   }
 }
-function L(e) {
+function q(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
-        A,
-        JSON.stringify(e.slice(0, j))
+        L,
+        JSON.stringify(e.slice(0, R))
       );
     } catch {
     }
@@ -87,7 +108,7 @@ function me() {
   return v(() => {
     function a(r) {
       if ((r.metaKey || r.ctrlKey) && r.key === "k") {
-        r.preventDefault(), t((g) => !g);
+        r.preventDefault(), t((f) => !f);
         return;
       }
       const d = r.target, l = d == null ? void 0 : d.tagName.toLowerCase();
@@ -100,7 +121,7 @@ const U = [
   "ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden",
   "ds:rounded-[var(--radius-md)]",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
-].join(" "), D = u(({ className: e, filter: t = X, id: a, ...r }, o) => /* @__PURE__ */ s(
+].join(" "), M = u(({ className: e, filter: t = X, id: a, ...r }, o) => /* @__PURE__ */ s(
   p,
   {
     ref: o,
@@ -111,7 +132,7 @@ const U = [
     ...r
   }
 ));
-D.displayName = "CommandPalette";
+M.displayName = "CommandPalette";
 const Z = [
   "ds:flex ds:items-center",
   "ds:border-block-end ds:border-[var(--border)]",
@@ -124,11 +145,11 @@ const Z = [
   "ds:outline-none",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   "ds:border-0"
-].join(" "), O = u(({ className: e, placeholder: t, ...a }, r) => {
-  const { t: o } = R();
+].join(" "), A = u(({ className: e, placeholder: t, ...a }, r) => {
+  const { t: o } = j();
   return /* @__PURE__ */ m("div", { className: Z, children: [
     /* @__PURE__ */ s(
-      V,
+      $,
       {
         "aria-hidden": "true",
         className: "ds:size-4 ds:me-2 ds:text-[var(--muted-foreground)]"
@@ -145,8 +166,8 @@ const Z = [
     )
   ] });
 });
-O.displayName = "CommandInput";
-const Q = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+A.displayName = "CommandInput";
+const D = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   p.List,
   {
     ref: a,
@@ -159,9 +180,9 @@ const Q = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
     ...t
   }
 ));
-Q.displayName = "CommandList";
-const q = u(({ className: e, children: t, ...a }, r) => {
-  const { t: o } = R();
+D.displayName = "CommandList";
+const O = u(({ className: e, children: t, ...a }, r) => {
+  const { t: o } = j();
   return /* @__PURE__ */ s(
     p.Empty,
     {
@@ -176,7 +197,7 @@ const q = u(({ className: e, children: t, ...a }, r) => {
     }
   );
 });
-q.displayName = "CommandEmpty";
+O.displayName = "CommandEmpty";
 const N = u(({ className: e, heading: t, ...a }, r) => /* @__PURE__ */ s(
   p.Group,
   {
@@ -217,7 +238,7 @@ const te = [
   }
 ));
 x.displayName = "CommandItem";
-const G = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+const F = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   p.Separator,
   {
     ref: a,
@@ -230,7 +251,7 @@ const G = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
     ...t
   }
 ));
-G.displayName = "CommandSeparator";
+F.displayName = "CommandSeparator";
 const S = u(
   ({ className: e, children: t, ...a }, r) => /* @__PURE__ */ s(
     "kbd",
@@ -257,11 +278,11 @@ function ae(e, t) {
   if (!t) return e;
   const a = y(e), r = y(t), o = a.indexOf(r);
   if (o === -1) return e;
-  const d = e.slice(0, o), l = e.slice(o, o + r.length), f = e.slice(o + r.length);
-  return /* @__PURE__ */ m(P, { children: [
+  const d = e.slice(0, o), l = e.slice(o, o + r.length), g = e.slice(o + r.length);
+  return /* @__PURE__ */ m(T, { children: [
     d,
     /* @__PURE__ */ s("mark", { className: "ds:bg-[var(--accent)]/20 ds:text-inherit ds:rounded-[var(--radius-sm)] ds:px-[0.125em]", children: l }),
-    f
+    g
   ] });
 }
 const se = [
@@ -286,7 +307,7 @@ const se = [
   "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
   "ds:motion-reduce:animate-none",
   "ds:focus:outline-none"
-].join(" "), M = ({ children: e }) => /* @__PURE__ */ s("span", { className: "ds:sr-only", children: e });
+].join(" "), K = ({ children: e }) => /* @__PURE__ */ s("span", { className: "ds:sr-only", children: e });
 function ue({
   open: e,
   onOpenChange: t,
@@ -294,9 +315,9 @@ function ue({
   header: r,
   id: o
 }) {
-  const { t: d } = R(), [l, f] = w(""), [g, E] = w(Y);
+  const { t: d } = j(), [l, g] = w(""), [f, E] = w(Y);
   v(() => {
-    e || f("");
+    e || g("");
   }, [e]);
   const z = C(e);
   v(() => {
@@ -310,39 +331,39 @@ function ue({
   v(() => {
     b.current = t;
   }, [t]);
-  const F = k(
+  const Q = k(
     () => ({
       getQuery: () => I.current,
       getIsOpen: () => z.current,
       open: () => b.current(!0),
       close: () => b.current(!1),
-      setQuery: (n) => f(n)
+      setQuery: (n) => g(n)
     }),
     []
   );
-  $(W, F, o);
-  const H = k(() => {
+  V(W, Q, o);
+  const G = k(() => {
     const n = /* @__PURE__ */ new Map();
     return a.forEach((c) => {
       const i = n.get(c.group) ?? [];
       i.push(c), n.set(c.group, i);
     }), n;
-  }, [a]), _ = k(() => {
+  }, [a]), P = k(() => {
     if (l) return [];
     const n = new Map(a.map((c) => [c.id, c]));
-    return g.map((c) => n.get(c)).filter(Boolean);
-  }, [a, g, l]), B = T(
+    return f.map((c) => n.get(c)).filter(Boolean);
+  }, [a, f, l]), _ = B(
     (n) => {
       t(!1);
-      const c = [n.id, ...g.filter((i) => i !== n.id)].slice(
+      const c = [n.id, ...f.filter((i) => i !== n.id)].slice(
         0,
-        j
+        R
       );
-      E(c), L(c), setTimeout(() => n.onSelect(), 0);
+      E(c), q(c), setTimeout(() => n.onSelect(), 0);
     },
-    [g, t]
-  ), K = T(() => {
-    E([]), L([]);
+    [f, t]
+  ), H = B(() => {
+    E([]), q([]);
   }, []);
   return /* @__PURE__ */ s(h.Root, { open: e, onOpenChange: t, children: /* @__PURE__ */ m(h.Portal, { children: [
     /* @__PURE__ */ s(
@@ -359,32 +380,33 @@ function ue({
         className: ne,
         "aria-label": d("navigation.cmdk.title", "Command palette"),
         children: [
-          /* @__PURE__ */ s(h.Title, { asChild: !0, children: /* @__PURE__ */ s(M, { children: d("navigation.cmdk.title", "Command palette") }) }),
-          /* @__PURE__ */ s(h.Description, { asChild: !0, children: /* @__PURE__ */ s(M, { children: d(
+          /* @__PURE__ */ s(h.Title, { asChild: !0, children: /* @__PURE__ */ s(K, { children: d("navigation.cmdk.title", "Command palette") }) }),
+          /* @__PURE__ */ s(h.Description, { asChild: !0, children: /* @__PURE__ */ s(K, { children: d(
             "navigation.cmdk.description",
             "Search for commands, pages, and actions"
           ) }) }),
           /* @__PURE__ */ m(
-            D,
+            M,
             {
               id: o,
               label: d("navigation.cmdk.title", "Command palette"),
               children: [
                 r,
-                /* @__PURE__ */ s(O, { value: l, onValueChange: f }),
-                /* @__PURE__ */ m(Q, { children: [
-                  /* @__PURE__ */ s(q, {}),
-                  _.length > 0 ? /* @__PURE__ */ m(P, { children: [
+                /* @__PURE__ */ s(A, { value: l, onValueChange: g }),
+                /* @__PURE__ */ m(D, { children: [
+                  /* @__PURE__ */ s(O, {}),
+                  P.length > 0 ? /* @__PURE__ */ m(T, { children: [
                     /* @__PURE__ */ m(
                       N,
                       {
                         heading: d("navigation.cmdk.recents", "Recent"),
                         children: [
-                          _.map((n) => /* @__PURE__ */ m(
+                          P.map((n) => /* @__PURE__ */ m(
                             x,
                             {
                               value: `recent-${n.label}`,
-                              onSelect: () => B(n),
+                              "data-command-id": n.id,
+                              onSelect: () => _(n),
                               children: [
                                 n.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: n.icon }) : null,
                                 /* @__PURE__ */ s("span", { children: n.label }),
@@ -397,7 +419,7 @@ function ue({
                             x,
                             {
                               value: "__clear-recents",
-                              onSelect: K,
+                              onSelect: H,
                               children: /* @__PURE__ */ s("span", { children: d(
                                 "navigation.cmdk.clearRecents",
                                 "Clear recent commands"
@@ -407,14 +429,15 @@ function ue({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ s(G, {})
+                    /* @__PURE__ */ s(F, {})
                   ] }) : null,
-                  Array.from(H.entries()).map(([n, c]) => /* @__PURE__ */ s(N, { heading: n, children: c.map((i) => /* @__PURE__ */ m(
+                  Array.from(G.entries()).map(([n, c]) => /* @__PURE__ */ s(N, { heading: n, children: c.map((i) => /* @__PURE__ */ m(
                     x,
                     {
                       value: i.label,
+                      "data-command-id": i.id,
                       keywords: i.keywords,
-                      onSelect: () => B(i),
+                      onSelect: () => _(i),
                       children: [
                         i.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: i.icon }) : null,
                         /* @__PURE__ */ s("span", { children: ae(i.label, l) }),
@@ -433,18 +456,18 @@ function ue({
   ] }) });
 }
 export {
-  q as C,
+  O as C,
   N as a,
-  O as b,
+  A as b,
   x as c,
-  Q as d,
-  D as e,
+  D as d,
+  M as e,
   ue as f,
-  G as g,
+  F as g,
   S as h,
   W as i,
   X as j,
   ae as k,
   me as u
 };
-//# sourceMappingURL=command-palette-BiPAAno-.js.map
+//# sourceMappingURL=command-palette-CJzmc5pC.js.map

package/dist/_chunks/{contact-profile-card-7BMB85T6.js → contact-profile-card-Dramqa9C.js}

@@ -2,12 +2,12 @@ import { jsxs as f, jsx as e, Fragment as S } from "react/jsx-runtime";
 import { forwardRef as le, useId as ce, useMemo as se } from "react";
 import { c as de } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { B as _ } from "./badge-CqGsX32l.js";
-import { C as F } from "./card-DPmk26CL.js";
+import { B as F } from "./badge-CqGsX32l.js";
+import { C as T } from "./card-DPmk26CL.js";
 import { K as fe, a as ue } from "./key-value-pair-BrgbMfbF.js";
 import { L as d } from "./link-DrD_cRUg.js";
-import { u as me } from "./registry-nPAVE19X.js";
-import { S as T } from "./stethoscope-DT5qCW8Y.js";
+import { u as me } from "./registry-DvAUVLHh.js";
+import { S as _ } from "./stethoscope-DT5qCW8Y.js";
 import { H } from "./heart-C0faivFf.js";
 import { c as he } from "./createLucideIcon-CrFbzy84.js";
 import { S as V } from "./shield-check-BjCGH_Sr.js";
@@ -29,7 +29,9 @@ const ge = [
   ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
 ], B = he("banknote", ge), ve = {
   id: "contact-profile-card",
-  capabilities: ["view_change"],
+  // Passive presentation surface — only exposes the rendered profession for
+  // introspection. No interactive capability is backed by the handle.
+  capabilities: [],
   state: {
     profession: {
       type: "string",
@@ -215,14 +217,14 @@ const Me = le(
         key: "languages",
         icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
         label: n("contactProfileCard.label.languages"),
-        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(_, { variant: "neutral", children: i(l) }, l)) })
+        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(F, { variant: "neutral", children: i(l) }, l)) })
       });
     }
     v && v.length > 0 && o.push({
       key: "insurances",
       icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
       label: n("contactProfileCard.label.insurances"),
-      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(_, { variant: "info", children: i }, i)) })
+      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(F, { variant: "info", children: i }, i)) })
     }), A && o.push({
       key: "firstVisitPrice",
       icon: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
@@ -235,7 +237,7 @@ const Me = le(
       value: n("contactProfileCard.value.yesShort")
     }), C && o.push({
       key: "profession",
-      icon: /* @__PURE__ */ e(T, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(_, { "aria-hidden": "true" }),
       label: n("contactProfileCard.label.profession"),
       value: C
     }), me(
@@ -293,7 +295,7 @@ const Me = le(
         id: b,
         className: xe({ surface: k, className: ee }),
         ...ae,
-        children: k === "elevated" ? /* @__PURE__ */ e(F, { variant: "elevated", children: /* @__PURE__ */ e(F.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: I }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: I })
+        children: k === "elevated" ? /* @__PURE__ */ e(T, { variant: "elevated", children: /* @__PURE__ */ e(T.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: I }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: I })
       }
     );
   }
@@ -320,7 +322,7 @@ const qe = [
   insurances: V,
   firstVisitPrice: B,
   expertForAnxiousPatients: H,
-  profession: T
+  profession: _
 };
 export {
   We as C,
@@ -328,4 +330,4 @@ export {
   Me as b,
   ve as c
 };
-//# sourceMappingURL=contact-profile-card-7BMB85T6.js.map
+//# sourceMappingURL=contact-profile-card-Dramqa9C.js.map

package/dist/_chunks/{copy-field-CCq7j6Zc.js → copy-field-Bjw9u2cV.js}

@@ -1,15 +1,15 @@
-import { jsxs as M, jsx as a } from "react/jsx-runtime";
+import { jsxs as M, jsx as o } from "react/jsx-runtime";
 import { forwardRef as P, useRef as v, useState as E, useEffect as H, useCallback as z, useMemo as O } from "react";
 import { c as u } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
-import { B as q } from "./button-DD_0Xdmr.js";
+import { useTranslation as W } from "react-i18next";
+import { B as _ } from "./button-DD_0Xdmr.js";
+import { u as q } from "./registry-DvAUVLHh.js";
 import { u as D } from "./use-copy-to-clipboard-Cyfc_dlv.js";
-import { u as G } from "./registry-nPAVE19X.js";
-import { C as J } from "./check-DPdL_Sm7.js";
-import { C as Q } from "./copy-B00HK7tj.js";
-const U = {
+import { C as G } from "./check-DPdL_Sm7.js";
+import { C as J } from "./copy-B00HK7tj.js";
+const Q = {
   id: "copy-field",
-  capabilities: [],
+  capabilities: ["copy"],
   state: {
     value: {
       type: "string",
@@ -26,7 +26,14 @@ const U = {
   },
   actions: {
     copy: {
+      // Writes the value to the system clipboard — reaches outside this UI.
       safety: "write",
+      openWorld: !0,
+      returns: "boolean",
+      returnsSchema: {
+        type: "boolean",
+        description: "True when the clipboard write succeeded."
+      },
       descriptionKey: "ui.agent.copyField.actions.copy",
       description: "Programmatically trigger the clipboard write.",
       invoke: (e) => e.copy()
@@ -45,9 +52,9 @@ const U = {
     }
   }
 };
-async function W(e) {
-  var o;
-  if (typeof navigator < "u" && ((o = navigator.clipboard) != null && o.writeText))
+async function U(e) {
+  var a;
+  if (typeof navigator < "u" && ((a = navigator.clipboard) != null && a.writeText))
     try {
       return await navigator.clipboard.writeText(e), !0;
     } catch {
@@ -163,11 +170,11 @@ const X = u(
     value: e,
     size: s = "md",
     intent: i = "default",
-    startIcon: o,
+    startIcon: a,
     wrap: F = !1,
     copyLabel: T,
-    copiedLabel: k,
-    copiedDuration: S = 2e3,
+    copiedLabel: S,
+    copiedDuration: k = 2e3,
     ariaLabel: I,
     onCopy: g,
     disabled: r = !1,
@@ -175,15 +182,15 @@ const X = u(
     id: f,
     ...j
   }, N) => {
-    const { t } = _(), d = v(e);
+    const { t } = W(), d = v(e);
     d.current = e;
     const c = v(g);
     c.current = g;
-    const { status: l, copy: w } = D({
-      resetAfterMs: S,
-      writer: W
-    }), n = l === "copied", b = v(!1);
-    b.current = n;
+    const { status: l, copy: b } = D({
+      resetAfterMs: k,
+      writer: U
+    }), n = l === "copied", w = v(!1);
+    w.current = n;
     const [A, m] = E("");
     H(() => {
       m(l === "copied" ? t("copyField.copySuccess") : l === "error" ? t("copyField.copyFailed") : "");
@@ -191,20 +198,20 @@ const X = u(
     const p = z(async () => {
       var C;
       if (r) return !1;
-      const x = await w(d.current);
+      const x = await b(d.current);
       return x && ((C = c.current) == null || C.call(c, d.current)), x;
-    }, [r, w]), R = z(() => {
+    }, [r, b]), R = z(() => {
       p();
     }, [p]), B = O(
       () => ({
         getValue: () => d.current,
         copy: () => p(),
-        isCopied: () => b.current
+        isCopied: () => w.current
       }),
       [p]
     );
-    G(U, B, f);
-    const L = I ?? t("copyField.valueLabel"), y = T ?? t("copyField.copy"), h = k ?? t("copyField.copied"), K = n ? typeof h == "string" ? h : t("copyField.copied") : typeof y == "string" ? y : t("copyField.copy");
+    q(Q, B, f);
+    const L = I ?? t("copyField.valueLabel"), y = T ?? t("copyField.copy"), h = S ?? t("copyField.copied"), K = n ? typeof h == "string" ? h : t("copyField.copied") : typeof y == "string" ? y : t("copyField.copy");
     return /* @__PURE__ */ M(
       "div",
       {
@@ -215,8 +222,8 @@ const X = u(
         "data-copied": n ? "true" : void 0,
         ...j,
         children: [
-          o ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: Z({ size: s }), children: o }) : null,
-          /* @__PURE__ */ a(
+          a ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: Z({ size: s }), children: a }) : null,
+          /* @__PURE__ */ o(
             "input",
             {
               id: f,
@@ -229,12 +236,12 @@ const X = u(
                 intent: i,
                 size: s,
                 wrap: F,
-                hasStartIcon: !!o
+                hasStartIcon: !!a
               })
             }
           ),
-          /* @__PURE__ */ a(
-            q,
+          /* @__PURE__ */ o(
+            _,
             {
               type: "button",
               intent: "ghost",
@@ -243,11 +250,11 @@ const X = u(
               disabled: r,
               "aria-label": K,
               className: $(),
-              startIcon: n ? /* @__PURE__ */ a(J, { "aria-hidden": "true" }) : /* @__PURE__ */ a(Q, { "aria-hidden": "true" }),
-              children: /* @__PURE__ */ a("span", { className: "type-label", children: n ? h : y })
+              startIcon: n ? /* @__PURE__ */ o(G, { "aria-hidden": "true" }) : /* @__PURE__ */ o(J, { "aria-hidden": "true" }),
+              children: /* @__PURE__ */ o("span", { className: "type-label", children: n ? h : y })
             }
           ),
-          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: A })
+          /* @__PURE__ */ o("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: A })
         ]
       }
     );
@@ -256,6 +263,6 @@ const X = u(
 ee.displayName = "CopyField";
 export {
   ee as C,
-  U as c
+  Q as c
 };
-//# sourceMappingURL=copy-field-CCq7j6Zc.js.map
+//# sourceMappingURL=copy-field-Bjw9u2cV.js.map

package/dist/_chunks/counter-dRlTNC_y.js

@@ -0,0 +1,55 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as v } from "./index-D2ZczOXr.js";
+const u = v(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:rounded-[var(--radius-full)] ds:box-border",
+    "ds:tabular-nums ds:font-semibold ds:leading-none ds:select-none",
+    // Forced-colors (Windows High Contrast): bg + border are stripped, so
+    // repaint a hairline outline to keep the shape identifiable.
+    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        /* Solid red — the unread / notification overlay count. */
+        notification: "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+        /* Solid accent fill — a prominent count on a light surface. */
+        solid: "ds:bg-[color:var(--accent)] ds:text-[color:var(--accent-foreground)]",
+        /* Inverted / outlined — accent number on a bordered ring, no fill.
+           The quiet in-table roll-up: reads softly, keeps the grid row
+           light. `--accent` resolves to magenta-700 in light (AA-safe as
+           text/border on white) and magenta-500 in dark. */
+        outline: "ds:bg-transparent ds:text-[color:var(--accent)] ds:border ds:border-[color:var(--accent)]",
+        /* Neutral plain tally — muted surface, no semantic intent. */
+        neutral: "ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)]"
+      },
+      size: {
+        /* 16px circle, 10px figure — dense, for in-table counts. */
+        sm: "ds:h-[var(--spacing-md)] ds:min-w-[var(--spacing-md)] ds:px-[calc(var(--spacing-xs)/1.5)] ds:text-[length:var(--font-size-2xs)]",
+        /* 20px circle, 12px figure — for overlays / standalone counts. */
+        md: "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:px-[calc(var(--spacing-xs)/1.5)] ds:text-[length:var(--font-size-xs)]"
+      }
+    },
+    defaultVariants: { variant: "neutral", size: "md" }
+  }
+), x = l(
+  function({ variant: a, size: o, count: r, max: s = 99, children: n, className: e, ...t }, d) {
+    const c = r != null ? r > s ? `${s}+` : String(r) : n;
+    return /* @__PURE__ */ i(
+      "span",
+      {
+        ref: d,
+        "data-component": "counter",
+        className: u({ variant: a, size: o, className: e }),
+        ...t,
+        children: c
+      }
+    );
+  }
+);
+export {
+  x as C
+};
+//# sourceMappingURL=counter-dRlTNC_y.js.map