@alfadocs/ui-kit 0.68.0 → 0.70.0

package/dist/_chunks/{periodontal-chart-card-Dh3KgvYG.js → periodontal-chart-card-hRRJY1NN.js}

@@ -2,10 +2,10 @@ import { jsxs as o, jsx as e, Fragment as Z } from "react/jsx-runtime";
 import { forwardRef as ee, useId as te, useMemo as O } from "react";
 import { c as R } from "./index-D2ZczOXr.js";
 import { useTranslation as ae } from "react-i18next";
-import { B as re } from "./badge-CqGsX32l.js";
+import { B as re } from "./badge-DCOqV9mI.js";
 import { C as S } from "./card-DPmk26CL.js";
 import { K as ne, a as se } from "./key-value-pair-BrgbMfbF.js";
-import { u as oe } from "./registry-nPAVE19X.js";
+import { u as oe } from "./registry-DvAUVLHh.js";
 const de = {
   id: "periodontal-chart-card",
   capabilities: [],
@@ -452,4 +452,4 @@ export {
   he as a,
   de as p
 };
-//# sourceMappingURL=periodontal-chart-card-Dh3KgvYG.js.map
+//# sourceMappingURL=periodontal-chart-card-hRRJY1NN.js.map

package/dist/_chunks/{phone-input-DVXhNlIl.js → phone-input-DjU-XmO_.js}

@@ -1,20 +1,22 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as Te, useContext as Ae, useMemo as b, useState as $, useRef as B, useEffect as ce, useCallback as ue } from "react";
-import { u as $e } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { forwardRef as Te, useContext as Ae, useMemo as b, useState as $, useRef as B, useEffect as ue, useCallback as ce } from "react";
+import { u as $e } from "./registry-DvAUVLHh.js";
+import { u as Be } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import * as K from "@radix-ui/react-popover";
-import { R as Be, _ as N } from "./index-4xgbg-sn.js";
+import { R as Ke, _ as N } from "./index-4xgbg-sn.js";
 import { c as ee } from "./index-D2ZczOXr.js";
-import { useTranslation as Ke } from "react-i18next";
-import { getCountries as Le, parsePhoneNumberFromString as L, AsYouType as M, getCountryCallingCode as Me } from "libphonenumber-js/min";
-import { u as qe, F as He } from "./form-field-context-B3APVHKx.js";
-import { c as _e } from "./compose-refs-C0k0tdqF.js";
+import { useTranslation as Le } from "react-i18next";
+import { getCountries as qe, parsePhoneNumberFromString as L, AsYouType as q, getCountryCallingCode as Me } from "libphonenumber-js/min";
+import { u as He, F as _e } from "./form-field-context-B3APVHKx.js";
+import { c as Ge } from "./compose-refs-C0k0tdqF.js";
 import { n as J } from "./normalize-diacritics-BNGbFNlJ.js";
 import { a as Q } from "./flag-DZ6V7-hU.js";
-import { u as Ge } from "./registry-nPAVE19X.js";
 import { C as Oe } from "./chevron-down-BX_NP2Yh.js";
 const Ue = {
   id: "phone-input",
-  capabilities: ["edit_inline"],
+  // A phone number is a single form value, not free-form rich text — `set_value`
+  // (not `edit_inline`, which is reserved for in-place rich/cell editing).
+  capabilities: ["set_value"],
   state: {
     value: {
       type: "string",
@@ -33,14 +35,29 @@ const Ue = {
     set_value: {
       safety: "write",
       argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "Phone number in E.164 or national format; the parser infers the country."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.phoneInput.actions.setValue",
       description: "Replace the phone number (E.164 or national format; parser will infer country).",
+      examples: [
+        { args: { value: "+393331234567" }, note: "Set an Italian mobile." }
+      ],
       invoke: (s, a) => {
         s.setValue(a.value);
       }
     },
     clear: {
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.phoneInput.actions.clear",
       description: "Empty the input. Loses any typed value.",
       invoke: (s) => {
@@ -236,52 +253,52 @@ const rt = Te(
     popularCountries: V,
     allowedCountries: F,
     className: ge,
-    id: q,
+    id: M,
     name: be,
     required: ye,
     "aria-label": ve
   }, Ce) {
-    const { t: w, i18n: R } = Ke(), z = qe(), k = Ae(He) !== null, h = b(
-      () => new Set(Le()),
+    const { t: w, i18n: R } = Le(), z = He(), k = Ae(_e) !== null, h = b(
+      () => new Set(qe()),
       []
-    ), u = b(() => {
+    ), c = b(() => {
       if (!F || F.length === 0) return null;
       const e = /* @__PURE__ */ new Set(), t = F.filter((n) => !h.has(n) || e.has(n) ? !1 : (e.add(n), !0));
       return t.length > 0 ? t : null;
-    }, [F, h]), xe = u !== null && u.length === 1, H = b(() => {
+    }, [F, h]), xe = c !== null && c.length === 1, H = b(() => {
       const e = me(
         o,
         h,
         f,
         R.language,
-        u
+        c
       ), t = a ?? l;
       if (t) {
         const n = L(t);
-        return n != null && n.country ? !u || u.includes(n.country) ? {
+        return n != null && n.country ? !c || c.includes(n.country) ? {
           country: n.country,
           display: n.formatNational(),
           pinned: !0
         } : {
           country: e,
-          display: new M(e).input(
+          display: new q(e).input(
             n.nationalNumber
           ),
           pinned: !0
         } : { country: e, display: t, pinned: !1 };
       }
       return { country: e, display: "", pinned: !1 };
-    }, []), [c, E] = $(H.country), [te, g] = $(
+    }, []), [u, E] = $(H.country), [te, g] = $(
       H.display
-    ), [_, G] = $(!1), [Ne, ne] = $(""), se = a !== void 0, O = B(""), j = B(null), D = B(H.pinned), T = B(null), we = _e(Ce, T);
-    ce(() => {
+    ), [_, G] = $(!1), [Ne, ne] = $(""), se = a !== void 0, O = B(""), j = B(null), D = B(H.pinned), T = B(null), we = Ge(Ce, T);
+    ue(() => {
       if (D.current) return;
       const e = me(
         o,
         h,
         f,
         R.language,
-        u
+        c
       );
       E((t) => t === e ? t : e);
     }, [
@@ -289,8 +306,8 @@ const rt = Te(
       o,
       h,
       f,
-      u
-    ]), ce(() => {
+      c
+    ]), ue(() => {
       if (!se) return;
       const e = a ?? "";
       if (e === O.current) return;
@@ -299,15 +316,15 @@ const rt = Te(
         return;
       }
       const t = L(e);
-      t != null && t.country && (!u || u.includes(t.country)) ? (D.current = !0, E(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
-    }, [a, se, u]), $e(() => {
+      t != null && t.country && (!c || c.includes(t.country)) ? (D.current = !0, E(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
+    }, [a, se, c]), Be(() => {
       if (j.current == null) return;
       const e = j.current;
       j.current = null;
       const t = T.current;
       t && document.activeElement === t && t.setSelectionRange(e, e);
     });
-    const C = ue(
+    const C = ce(
       (e, t) => {
         const n = L(e, t), p = (n == null ? void 0 : n.number) ?? "";
         O.current = p, i == null || i(p, {
@@ -318,43 +335,43 @@ const rt = Te(
         });
       },
       [i]
-    ), ze = q ?? (k ? z.id : void 0), oe = (k ? z.disabled : !1) || !!y, Ie = (k ? z.required : !1) || !!ye, re = k ? z.invalid : !1, Se = re ? "error" : v, Re = k && z.describedBy ? z.describedBy : void 0, ke = he ?? w("inputs.phone.placeholder", "Phone number"), Pe = (e) => {
+    ), ze = M ?? (k ? z.id : void 0), oe = (k ? z.disabled : !1) || !!y, Ie = (k ? z.required : !1) || !!ye, re = k ? z.invalid : !1, Se = re ? "error" : v, Re = k && z.describedBy ? z.describedBy : void 0, ke = he ?? w("inputs.phone.placeholder", "Phone number"), Pe = (e) => {
       if (S) return;
-      const t = e.target, n = t.value, p = t.selectionStart ?? n.length, I = nt(n, p), Z = new M(c).input(n);
-      j.current = st(Z, I), g(Z), C(Z, c);
+      const t = e.target, n = t.value, p = t.selectionStart ?? n.length, I = nt(n, p), Z = new q(u).input(n);
+      j.current = st(Z, I), g(Z), C(Z, u);
     }, ae = O, Ve = b(
       () => ({
         getValue: () => ae.current,
         setValue: (e) => {
           if (e === "") {
-            g(""), C("", c);
+            g(""), C("", u);
             return;
           }
           const t = L(e);
           if (t != null && t.country)
             D.current = !0, E(t.country), g(t.formatNational()), C(t.formatNational(), t.country);
           else {
-            const p = new M(c).input(e);
-            g(p), C(p, c);
+            const p = new q(u).input(e);
+            g(p), C(p, u);
           }
         },
         clear: () => {
-          g(""), C("", c);
+          g(""), C("", u);
         },
         focus: () => {
           var e;
           return (e = T.current) == null ? void 0 : e.focus();
         }
       }),
-      [c, C, ae]
+      [u, C, ae]
     );
-    Ge(Ue, Ve, q);
+    $e(Ue, Ve, M);
     const Fe = (e) => {
-      if (e === c) {
+      if (e === u) {
         G(!1);
         return;
       }
-      const t = te.replace(/\D/g, ""), n = new M(e), p = t ? n.input(t) : "";
+      const t = te.replace(/\D/g, ""), n = new q(e), p = t ? n.input(t) : "";
       D.current = !0, E(e), g(p), G(!1), ne(""), C(p, e), requestAnimationFrame(() => {
         var I;
         (I = T.current) == null || I.focus();
@@ -362,9 +379,9 @@ const rt = Te(
     }, x = b(
       () => ot(
         R.language,
-        u ?? Array.from(h)
+        c ?? Array.from(h)
       ),
-      [R.language, h, u]
+      [R.language, h, c]
     ), P = b(() => {
       if (!V || V.length === 0) return [];
       const e = new Map(x.map((t) => [t.code, t]));
@@ -376,12 +393,12 @@ const rt = Te(
       () => U.size > 0 ? x.filter((e) => !U.has(e.code)) : x,
       [x, U]
     ), A = b(
-      () => x.find((e) => e.code === c),
-      [x, c]
-    ), W = A ? A.dialCode : "", ie = A ? A.name : c, Y = w("inputs.phone.countryPickerLabel", "Country"), je = `${Y}: ${ie}, +${W}`, De = ue(
+      () => x.find((e) => e.code === u),
+      [x, u]
+    ), W = A ? A.dialCode : "", ie = A ? A.name : u, Y = w("inputs.phone.countryPickerLabel", "Country"), je = `${Y}: ${ie}, +${W}`, De = ce(
       (e, t, n) => {
         const p = J(e), I = J(t), le = n == null ? void 0 : n.map(J);
-        return Be(
+        return Ke(
           p,
           I,
           le
@@ -414,7 +431,7 @@ const rt = Te(
       "div",
       {
         "data-component": "phone-input",
-        "data-component-id": q,
+        "data-component-id": M,
         "data-slot": "phone-input",
         className: We({
           size: d,
@@ -429,7 +446,7 @@ const rt = Te(
               className: `${pe({ size: d })} ds:cursor-default ds:hover:bg-transparent`,
               children: [
                 /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${Y}: ${ie}` }),
-                /* @__PURE__ */ r(Q, { country: c, size: X[d] }),
+                /* @__PURE__ */ r(Q, { country: u, size: X[d] }),
                 /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                   "+",
                   W
@@ -447,7 +464,7 @@ const rt = Te(
                 "aria-label": je,
                 className: pe({ size: d }),
                 children: [
-                  /* @__PURE__ */ r(Q, { country: c, size: X[d] }),
+                  /* @__PURE__ */ r(Q, { country: u, size: X[d] }),
                   /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                     "+",
                     W
@@ -560,4 +577,4 @@ export {
   pe as c,
   We as p
 };
-//# sourceMappingURL=phone-input-DVXhNlIl.js.map
+//# sourceMappingURL=phone-input-DjU-XmO_.js.map

package/dist/_chunks/{popover-DTbfAuR0.js → popover-B2qCDhJC.js}

@@ -1,10 +1,10 @@
-import { jsx as s, jsxs as $ } from "react/jsx-runtime";
-import { useState as C, useCallback as g, useRef as R, useEffect as h, useMemo as q, forwardRef as f, useId as D, useContext as u, createContext as N } from "react";
+import { jsx as s, jsxs as X } from "react/jsx-runtime";
+import { useState as C, useCallback as g, useRef as R, useEffect as h, useMemo as $, forwardRef as f, useId as D, useContext as u, createContext as N } from "react";
 import * as v from "@radix-ui/react-popover";
-import { c as G } from "./index-D2ZczOXr.js";
-import { useTranslation as J } from "react-i18next";
-import { I as K } from "./icon-button-LqoiKcUN.js";
-import { u as Q } from "./registry-nPAVE19X.js";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as G } from "react-i18next";
+import { I as J } from "./icon-button-LqoiKcUN.js";
+import { u as Q } from "./registry-DvAUVLHh.js";
 import { X as U } from "./x-CCcI3eJp.js";
 const Y = {
   id: "popover",
@@ -12,6 +12,7 @@ const Y = {
   state: {
     isOpen: {
       type: "boolean",
+      descriptionKey: "ui.agent.popover.state.isOpen",
       description: "True when the popover is currently open.",
       read: (e) => e.getIsOpen()
     }
@@ -19,6 +20,8 @@ const Y = {
   actions: {
     open: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.popover.actions.open",
       description: "Open the popover.",
       invoke: (e) => {
         e.open();
@@ -26,6 +29,8 @@ const Y = {
     },
     close: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.popover.actions.close",
       description: "Close the popover.",
       invoke: (e) => {
         e.close();
@@ -59,7 +64,7 @@ function Z(e) {
   const o = typeof document < "u" && document.documentElement.dir === "rtl";
   return e === "start" ? o ? "right" : "left" : o ? "left" : "right";
 }
-const _ = G(
+const _ = q(
   [
     // `--card-border` 32% alpha provides a subtle edge that survives dark
     // without becoming a heavy outline. The previous transparent border
@@ -106,12 +111,12 @@ function T({
   defaultOpen: c,
   modal: P
 }) {
-  const [b, I] = C(c ?? !1), m = i !== void 0, l = m ? i : b, n = g(
+  const [b, I] = C(c ?? !1), m = i !== void 0, p = m ? i : b, n = g(
     (z) => {
       m || I(z), t == null || t(z);
     },
     [m, t]
-  ), d = R(null), p = e === "hover" || e === "hover-or-click", a = g(() => {
+  ), d = R(null), l = e === "hover" || e === "hover-or-click", a = g(() => {
     d.current && (clearTimeout(d.current), d.current = null);
   }, []), H = g(() => {
     a(), d.current = setTimeout(() => {
@@ -123,11 +128,11 @@ function T({
     }, 300);
   }, [a, n]);
   h(() => () => a(), [a]);
-  const w = R(l);
+  const w = R(p);
   h(() => {
-    w.current = l;
-  }, [l]);
-  const O = q(
+    w.current = p;
+  }, [p]);
+  const W = $(
     () => ({
       getIsOpen: () => w.current,
       open: () => n(!0),
@@ -135,10 +140,10 @@ function T({
     }),
     [n]
   );
-  Q(Y, O, r);
-  const [F, L] = C(void 0), [V, S] = C(
+  Q(Y, W, r);
+  const [K, F] = C(void 0), [L, V] = C(
     void 0
-  ), X = p ? {
+  ), S = l ? {
     onMouseEnter: H,
     onMouseLeave: x,
     onFocus: () => {
@@ -149,18 +154,18 @@ function T({
   return /* @__PURE__ */ s(M.Provider, { value: r, children: /* @__PURE__ */ s(
     y.Provider,
     {
-      value: { headingId: F, setHeadingId: L, descriptionId: V, setDescriptionId: S },
+      value: { headingId: K, setHeadingId: F, descriptionId: L, setDescriptionId: V },
       children: /* @__PURE__ */ s(
         k.Provider,
         {
-          value: { isHoverMode: p, clearHoverTimer: a, closeWithDelay: x },
+          value: { isHoverMode: l, clearHoverTimer: a, closeWithDelay: x },
           children: /* @__PURE__ */ s(
             v.Root,
             {
-              open: l,
+              open: p,
               onOpenChange: n,
               modal: P,
-              children: p ? /* @__PURE__ */ s("span", { className: "ds:inline-flex", ...X, children: o }) : o
+              children: l ? /* @__PURE__ */ s("span", { className: "ds:inline-flex", ...S, children: o }) : o
             }
           )
         }
@@ -181,17 +186,17 @@ const B = f(
     children: c,
     ...P
   }, b) => {
-    const { headingId: I, descriptionId: m } = u(y), l = u(M), {
+    const { headingId: I, descriptionId: m } = u(y), p = u(M), {
       isHoverMode: n,
       clearHoverTimer: d,
-      closeWithDelay: p
+      closeWithDelay: l
     } = u(k), a = Z(e), H = n ? {
       onMouseEnter: d,
-      onMouseLeave: p,
+      onMouseLeave: l,
       onFocus: d,
-      onBlur: p
+      onBlur: l
     } : {};
-    return /* @__PURE__ */ s(v.Portal, { children: /* @__PURE__ */ $(
+    return /* @__PURE__ */ s(v.Portal, { children: /* @__PURE__ */ X(
       v.Content,
       {
         ref: b,
@@ -203,7 +208,7 @@ const B = f(
         "aria-describedby": m,
         className: _({ size: r, className: t }),
         "data-component": "popover",
-        "data-component-id": l,
+        "data-component-id": p,
         ...H,
         ...P,
         children: [
@@ -224,7 +229,7 @@ const B = f(
 B.displayName = "Popover.Content";
 const A = f(
   ({ className: e }, o) => {
-    const { t: r } = J();
+    const { t: r } = G();
     return /* @__PURE__ */ s(
       "div",
       {
@@ -233,7 +238,7 @@ const A = f(
           e
         ].filter(Boolean).join(" "),
         children: /* @__PURE__ */ s(v.Close, { asChild: !0, children: /* @__PURE__ */ s(
-          K,
+          J,
           {
             ref: o,
             icon: /* @__PURE__ */ s(U, {}),
@@ -266,7 +271,7 @@ const E = f(
   }
 );
 E.displayName = "Popover.Heading";
-const W = f(({ className: e, ...o }, r) => {
+const O = f(({ className: e, ...o }, r) => {
   const i = D(), { setDescriptionId: t } = u(y);
   return h(() => (t(i), () => t(void 0)), [i, t]), /* @__PURE__ */ s(
     "p",
@@ -281,17 +286,17 @@ const W = f(({ className: e, ...o }, r) => {
     }
   );
 });
-W.displayName = "Popover.Description";
+O.displayName = "Popover.Description";
 const ae = Object.assign(T, {
   Root: T,
   Trigger: j,
   Content: B,
   Close: A,
   Heading: E,
-  Description: W
+  Description: O
 });
 export {
   ae as P,
   Y as p
 };
-//# sourceMappingURL=popover-DTbfAuR0.js.map
+//# sourceMappingURL=popover-B2qCDhJC.js.map