@alfadocs/ui-kit 1.75.0 → 1.76.0

package/dist/_chunks/{booking-ojunD_Y_.js → booking-D2r19Lia.js}

@@ -12,7 +12,7 @@ import { R as Ws } from "./radio-group-ChIKyeSJ.js";
 import { D as Ys } from "./date-picker-CdhXlgVI.js";
 import { E as Zs } from "./email-input-C7THAwh2.js";
 import { F as He } from "./form-field-Ani72sVY.js";
-import { P as Qs } from "./phone-input-EwVuqFik.js";
+import { P as Qs } from "./phone-input-C3NrD-nl.js";
 import { T as Xs } from "./text-area-COMVJ1yE.js";
 import { T as Dt } from "./text-input-CaG9ApoE.js";
 import { A as en } from "./address-fields-BUPRs3n-.js";
@@ -3898,4 +3898,4 @@ export {
   Re as O,
   jn as b
 };
-//# sourceMappingURL=booking-ojunD_Y_.js.map
+//# sourceMappingURL=booking-D2r19Lia.js.map

package/dist/_chunks/{calendar-appointment-editor-dialog-CctI6mpd.js → calendar-appointment-editor-dialog-B4My4eiB.js}

@@ -16,7 +16,7 @@ import { d as vt, c as qs, b as ra } from "./toast-BNoN8Qjh.js";
 import { T as Ga, a as Si } from "./tooltip-uEBdD1-5.js";
 import { A as he } from "./alert-9kEwDza3.js";
 import { B as ge } from "./button-DohK_Ak_.js";
-import { f as ft, b as ja, c as _o, d as $o, e as zo, A as wi, u as Fo, R as wr, g as Ho, D as Ti, M as Vo, C as js, h as Uo, i as Ko, j as Go, k as qo, l as wa, I as jo, s as Yo } from "./use-appointment-details-read-BFslxbRr.js";
+import { f as ft, b as ja, c as _o, d as $o, e as zo, A as wi, u as Fo, R as wr, g as Ho, D as Ti, M as Vo, C as js, h as Uo, i as Ko, j as Go, k as qo, l as wa, I as jo, s as Yo } from "./use-appointment-details-read-lFUL4kkd.js";
 import { V as va } from "./visually-hidden-BHxEUGyT.js";
 import { C as Xo } from "./calendar-ClB-jWH1.js";
 import { C as lr } from "./card-BA4Ig_kn.js";
@@ -10983,4 +10983,4 @@ export {
   hp as r,
   Vn as u
 };
-//# sourceMappingURL=calendar-appointment-editor-dialog-CctI6mpd.js.map
+//# sourceMappingURL=calendar-appointment-editor-dialog-B4My4eiB.js.map

package/dist/_chunks/{patient-details-Dgd_tocD.js → patient-details-B-I9Xkh9.js}

@@ -8,7 +8,7 @@ import { C as ie, b as te, a as se } from "./collapsible-DVPM46bq.js";
 import { D as ae } from "./description-list-BxzDN9o2.js";
 import { P as de } from "./panel-header-CbtlTe85.js";
 import { u as re } from "./registry-DvAUVLHh.js";
-import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-BFVlJnS9.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-Bn0z6lAZ.js";
 import { C as pe } from "./clipboard-list-rSzfIYZB.js";
 const me = {
   id: "patient-details",
@@ -368,4 +368,4 @@ export {
   ue as P,
   me as p
 };
-//# sourceMappingURL=patient-details-Dgd_tocD.js.map
+//# sourceMappingURL=patient-details-B-I9Xkh9.js.map

package/dist/_chunks/{patient-field-row-BFVlJnS9.js → patient-field-row-Bn0z6lAZ.js}

@@ -24,7 +24,7 @@ import { D as me } from "./date-picker-CdhXlgVI.js";
 import { E as pe } from "./email-input-C7THAwh2.js";
 import { F as fe } from "./fiscal-code-input-BzWmNDnl.js";
 import { N as ge } from "./number-input-CVwI1ltI.js";
-import { P as he } from "./phone-input-EwVuqFik.js";
+import { P as he } from "./phone-input-C3NrD-nl.js";
 import { P as ye } from "./postal-code-input-CfZOnIkW.js";
 import { P as be } from "./province-select-CDjs5obD.js";
 import { S as ve } from "./select-4S-eYZUf.js";
@@ -805,4 +805,4 @@ export {
   Dt as r,
   St as u
 };
-//# sourceMappingURL=patient-field-row-BFVlJnS9.js.map
+//# sourceMappingURL=patient-field-row-Bn0z6lAZ.js.map

package/dist/_chunks/{patient-summary-card-BTKvFUmh.js → patient-summary-card-bhDo0gVX.js}

@@ -14,7 +14,7 @@ import { T as Ke } from "./transaction-chip-CohY6sTA.js";
 import { T as je } from "./tooltip-uEBdD1-5.js";
 import { H as G } from "./hover-card-CuRIA4wN.js";
 import { i as de } from "./is-safe-url-DkETxeHz.js";
-import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-BFVlJnS9.js";
+import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-Bn0z6lAZ.js";
 import { u as Oe } from "./registry-DvAUVLHh.js";
 import { M as ea } from "./mail-BqXVF2zH.js";
 import { P as aa } from "./phone-FceYcIFQ.js";
@@ -548,4 +548,4 @@ export {
   Ca as P,
   ma as p
 };
-//# sourceMappingURL=patient-summary-card-BTKvFUmh.js.map
+//# sourceMappingURL=patient-summary-card-bhDo0gVX.js.map

package/dist/_chunks/{phone-input-EwVuqFik.js → phone-input-C3NrD-nl.js}

@@ -1,19 +1,19 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as Xe, useContext as et, useMemo as v, useState as G, useRef as b, useEffect as de, useCallback as U } from "react";
+import { forwardRef as Xe, useContext as et, useMemo as v, useState as G, useRef as y, useEffect as de, useCallback as U } from "react";
 import { u as tt } from "./registry-DvAUVLHh.js";
 import { u as nt } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as st } from "./use-dom-value-DTxHhQAN.js";
 import * as O from "@radix-ui/react-popover";
 import { u as ot, f as rt } from "./non-modal-tab-exit-j3CPOuE3.js";
-import { R as at, _ as w } from "./index-4xgbg-sn.js";
+import { R as at, _ as I } from "./index-4xgbg-sn.js";
 import { c as pe } from "./index-D2ZczOXr.js";
 import { useTranslation as it } from "react-i18next";
-import { getCountries as dt, parsePhoneNumberFromString as T, AsYouType as W, getCountryCallingCode as ut } from "libphonenumber-js/min";
-import { u as lt, F as ct, a as pt } from "./form-field-context-DtiROUJV.js";
+import { getCountries as dt, parsePhoneNumberFromString as T, AsYouType as W, getCountryCallingCode as lt } from "libphonenumber-js/min";
+import { u as ut, F as ct, a as pt } from "./form-field-context-DtiROUJV.js";
 import { c as ft } from "./compose-refs-C0k0tdqF.js";
-import { n as ue } from "./normalize-diacritics-BNGbFNlJ.js";
+import { n as le } from "./normalize-diacritics-BNGbFNlJ.js";
 import { b as mt } from "./menu-row-BAr8bx1I.js";
-import { a as le } from "./flag-DVBE6DnB.js";
+import { a as ue } from "./flag-DVBE6DnB.js";
 import { C as ht } from "./chevron-down-DWE7GSq9.js";
 const gt = {
   id: "phone-input",
@@ -100,7 +100,11 @@ const gt = {
     "ds:has-[input:focus]:outline-[length:var(--focus-ring-width)] ds:has-[input:focus]:outline-solid",
     "ds:has-[input:focus]:outline-ring ds:has-[input:focus]:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:forced-colors:has-[input:focus]:outline-[CanvasText]",
-    "ds:has-[input:disabled]:cursor-not-allowed ds:has-[input:disabled]:opacity-50"
+    "ds:has-[input:disabled]:cursor-not-allowed ds:has-[input:disabled]:opacity-50",
+    /* A locked number looks like a locked TextInput: muted, flat, no dimming.
+       Keyed on an explicit attribute, not `has-[input:read-only]`, which also
+       matches hidden inputs inside the wrapper. */
+    "ds:data-[read-only]:bg-muted ds:data-[read-only]:shadow-none ds:data-[read-only]:cursor-default"
   ].join(" "),
   {
     variants: {
@@ -143,7 +147,7 @@ const gt = {
     },
     defaultVariants: { size: "md" }
   }
-), bt = pe(
+), yt = pe(
   [
     "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
     "ds:border-0 ds:outline-none",
@@ -160,7 +164,7 @@ const gt = {
     },
     defaultVariants: { size: "md" }
   }
-), yt = [
+), bt = [
   "ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-72",
   "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
   "ds:shadow-[var(--shadow-lg)]",
@@ -212,16 +216,16 @@ function Re(s, a, c, o, f) {
   if (c) {
     const C = typeof navigator < "u" ? navigator.language : void 0;
     if (C) {
-      const y = C.match(/-([A-Za-z]{2})/);
-      if (y) {
-        const I = y[1].toUpperCase();
-        if (d(I)) return I;
+      const b = C.match(/-([A-Za-z]{2})/);
+      if (b) {
+        const x = b[1].toUpperCase();
+        if (d(x)) return x;
       }
     }
     try {
-      const y = new Intl.Locale(o).region;
-      if (y && d(y.toUpperCase()))
-        return y.toUpperCase();
+      const b = new Intl.Locale(o).region;
+      if (b && d(b.toUpperCase()))
+        return b.toUpperCase();
     } catch {
     }
   }
@@ -237,7 +241,7 @@ function St(s, a) {
   const o = a.map((i) => ({
     code: i,
     name: c.of(i) ?? i,
-    dialCode: ut(i)
+    dialCode: lt(i)
   })), f = new Intl.Collator(s);
   return o.sort((i, d) => f.compare(i.name, d.name));
 }
@@ -250,8 +254,8 @@ const Et = Xe(
     onChange: i,
     size: d = "md",
     tone: C = "default",
-    disabled: y,
-    readOnly: I,
+    disabled: b,
+    readOnly: x,
     placeholder: Se,
     popularCountries: V,
     allowedCountries: D,
@@ -264,7 +268,7 @@ const Et = Xe(
     "aria-label": Fe
   }, Te) {
     var Ne;
-    const { t: z, i18n: E } = it("ui"), R = lt(), k = et(ct) !== null, h = v(
+    const { t: z, i18n: E } = it("ui"), R = ut(), k = et(ct) !== null, h = v(
       () => new Set(dt()),
       []
     ), p = v(() => {
@@ -294,9 +298,9 @@ const Et = Xe(
         } : { country: e, display: t, pinned: !1 };
       }
       return { country: e, display: "", pinned: !1 };
-    }, []), [u, j] = G(J.country), [Q, g] = G(
+    }, []), [l, j] = G(J.country), [Q, g] = G(
       J.display
-    ), [X, A] = G(!1), [De, fe] = G(""), me = a !== void 0, ee = b(""), B = b(null), $ = b(J.pinned), P = b(null), Le = ft(Te, P), je = st(P, Q), he = b(null), ge = b(null);
+    ), [X, A] = G(!1), [De, fe] = G(""), me = a !== void 0, ee = y(""), B = y(null), $ = y(J.pinned), P = y(null), Le = ft(Te, P), je = st(P, Q), he = y(null), ge = y(null);
     de(() => {
       if ($.current) return;
       const e = Re(
@@ -330,10 +334,10 @@ const Et = Xe(
       const t = P.current;
       t && document.activeElement === t && t.setSelectionRange(e, e);
     });
-    const x = U(
+    const N = U(
       (e, t) => {
-        const n = T(e, t), l = (n == null ? void 0 : n.number) ?? "";
-        ee.current = l, i == null || i(l, {
+        const n = T(e, t), u = (n == null ? void 0 : n.number) ?? "";
+        ee.current = u, i == null || i(u, {
           country: t,
           isValid: (n == null ? void 0 : n.isValid()) ?? !1,
           isPossible: (n == null ? void 0 : n.isPossible()) ?? !1,
@@ -341,9 +345,9 @@ const Et = Xe(
         });
       },
       [i]
-    ), Ae = pt(R, L), Be = L ?? (k ? Ae : void 0), te = (k ? R.disabled : !1) || !!y, $e = (k ? R.required : !1) || !!Pe, ve = k ? R.invalid : !1, He = ve ? "error" : C, Ke = k && R.describedBy ? R.describedBy : void 0, Me = Se ?? z("inputs.phone.placeholder", "Phone number"), H = b(Z);
+    ), Ae = pt(R, L), Be = L ?? (k ? Ae : void 0), te = (k ? R.disabled : !1) || !!b, $e = (k ? R.required : !1) || !!Pe, ve = k ? R.invalid : !1, He = ve ? "error" : C, Ke = k && R.describedBy ? R.describedBy : void 0, Me = Se ?? z("inputs.phone.placeholder", "Phone number"), H = y(Z);
     H.current = Z;
-    const ne = b(!1), K = b(!1), M = U(
+    const ne = y(!1), K = y(!1), M = U(
       (e) => {
         var t, n;
         return e instanceof Node && !!((t = he.current) != null && t.contains(e) || (n = ge.current) != null && n.contains(e));
@@ -357,12 +361,12 @@ const Et = Xe(
     }, qe = (e) => {
       const t = e.relatedTarget;
       M(t) || t === null && K.current || se();
-    }, be = Z !== void 0;
+    }, ye = Z !== void 0;
     de(() => {
-      if (!be) return;
+      if (!ye) return;
       let e;
-      const t = (l) => {
-        K.current = M(l.target), !K.current && (e = window.setTimeout(() => {
+      const t = (u) => {
+        K.current = M(u.target), !K.current && (e = window.setTimeout(() => {
           M(document.activeElement) || se();
         }, 0));
       }, n = () => {
@@ -371,52 +375,52 @@ const Et = Xe(
       return document.addEventListener("pointerdown", t, !0), document.addEventListener("pointerup", n, !0), document.addEventListener("pointercancel", n, !0), () => {
         window.clearTimeout(e), document.removeEventListener("pointerdown", t, !0), document.removeEventListener("pointerup", n, !0), document.removeEventListener("pointercancel", n, !0);
       };
-    }, [be, M, se]);
-    const oe = ke === "e164" && Y !== void 0, Ge = oe ? ((Ne = T(Q, u)) == null ? void 0 : Ne.number) ?? "" : "", Ue = (e) => {
-      if (je(), I) return;
-      const t = e.target, n = t.value, l = t.selectionStart ?? n.length, S = zt(n, l), ie = new W(u).input(n);
-      B.current = Rt(ie, S), g(ie), x(ie, u);
-    }, ye = ee, Oe = v(
+    }, [ye, M, se]);
+    const oe = ke === "e164" && Y !== void 0, Ge = oe ? ((Ne = T(Q, l)) == null ? void 0 : Ne.number) ?? "" : "", Ue = (e) => {
+      if (je(), x) return;
+      const t = e.target, n = t.value, u = t.selectionStart ?? n.length, S = zt(n, u), ie = new W(l).input(n);
+      B.current = Rt(ie, S), g(ie), N(ie, l);
+    }, be = ee, Oe = v(
       () => ({
-        getValue: () => ye.current,
+        getValue: () => be.current,
         setValue: (e) => {
           if (e === "") {
-            g(""), x("", u);
+            g(""), N("", l);
             return;
           }
           const t = T(e);
           if (t != null && t.country)
-            $.current = !0, j(t.country), g(t.formatNational()), x(t.formatNational(), t.country);
+            $.current = !0, j(t.country), g(t.formatNational()), N(t.formatNational(), t.country);
           else {
-            const l = new W(u).input(e);
-            g(l), x(l, u);
+            const u = new W(l).input(e);
+            g(u), N(u, l);
           }
         },
         clear: () => {
-          g(""), x("", u);
+          g(""), N("", l);
         },
         focus: () => {
           var e;
           return (e = P.current) == null ? void 0 : e.focus();
         }
       }),
-      [u, x, ye]
+      [l, N, be]
     );
     tt(gt, Oe, L);
     const We = ot(!0, {
       getAnchor: rt,
       onReturnToTrigger: () => A(!1)
     }), Ye = (e) => {
-      if (e === u) {
+      if (e === l) {
         A(!1);
         return;
       }
-      const t = Q.replace(/\D/g, ""), n = new W(e), l = t ? n.input(t) : "";
-      $.current = !0, j(e), g(l), A(!1), fe(""), x(l, e), requestAnimationFrame(() => {
+      const t = Q.replace(/\D/g, ""), n = new W(e), u = t ? n.input(t) : "";
+      $.current = !0, j(e), g(u), A(!1), fe(""), N(u, e), requestAnimationFrame(() => {
         var S;
         (S = P.current) == null || S.focus();
       });
-    }, N = v(
+    }, w = v(
       () => St(
         E.language,
         p ?? Array.from(h)
@@ -424,22 +428,22 @@ const Et = Xe(
       [E.language, h, p]
     ), F = v(() => {
       if (!V || V.length === 0) return [];
-      const e = new Map(N.map((t) => [t.code, t]));
+      const e = new Map(w.map((t) => [t.code, t]));
       return V.filter((t) => h.has(t)).map((t) => e.get(t)).filter((t) => !!t);
-    }, [V, N, h]), re = v(
+    }, [V, w, h]), re = v(
       () => new Set(F.map((e) => e.code)),
       [F]
     ), Ze = v(
-      () => re.size > 0 ? N.filter((e) => !re.has(e.code)) : N,
-      [N, re]
+      () => re.size > 0 ? w.filter((e) => !re.has(e.code)) : w,
+      [w, re]
     ), _ = v(
-      () => N.find((e) => e.code === u),
-      [N, u]
-    ), ae = _ ? _.dialCode : "", Ce = _ ? _.name : u, q = z("inputs.phone.countryPickerLabel", "Country"), Je = `${q}: ${Ce}, +${ae}`, Qe = U(
+      () => w.find((e) => e.code === l),
+      [w, l]
+    ), ae = _ ? _.dialCode : "", Ce = _ ? _.name : l, q = z("inputs.phone.countryPickerLabel", "Country"), Je = `${q}: ${Ce}, +${ae}`, Qe = U(
       (e, t, n) => {
-        const l = ue(e), S = ue(t), we = n == null ? void 0 : n.map(ue);
+        const u = le(e), S = le(t), we = n == null ? void 0 : n.map(le);
         return at(
-          l,
+          u,
           S,
           we
         );
@@ -448,7 +452,7 @@ const Et = Xe(
     ), xe = (e) => {
       const t = `${e.name}, +${e.dialCode}`;
       return /* @__PURE__ */ m(
-        w.Item,
+        I.Item,
         {
           value: e.code,
           keywords: [e.name, e.dialCode, `+${e.dialCode}`],
@@ -456,7 +460,7 @@ const Et = Xe(
           className: Nt,
           "aria-label": t,
           children: [
-            /* @__PURE__ */ r(le, { country: e.code, size: ce[d] }),
+            /* @__PURE__ */ r(ue, { country: e.code, size: ce[d] }),
             /* @__PURE__ */ r("span", { className: "ds:flex-1 ds:truncate", children: e.name }),
             /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:text-muted-foreground ds:tabular-nums", children: [
               "+",
@@ -476,6 +480,7 @@ const Et = Xe(
         "data-component": "phone-input",
         "data-component-id": L,
         "data-slot": "phone-input",
+        "data-read-only": x ? "" : void 0,
         className: vt({
           size: d,
           tone: He,
@@ -489,7 +494,7 @@ const Et = Xe(
               className: `${Ie({ size: d })} ds:cursor-default ds:hover:bg-transparent`,
               children: [
                 /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${q}: ${Ce}` }),
-                /* @__PURE__ */ r(le, { country: u, size: ce[d] }),
+                /* @__PURE__ */ r(ue, { country: l, size: ce[d] }),
                 /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                   "+",
                   ae
@@ -501,13 +506,13 @@ const Et = Xe(
               "button",
               {
                 type: "button",
-                disabled: te || !!I,
+                disabled: te || !!x,
                 "aria-haspopup": "dialog",
                 "aria-expanded": X,
                 "aria-label": Je,
                 className: Ie({ size: d }),
                 children: [
-                  /* @__PURE__ */ r(le, { country: u, size: ce[d] }),
+                  /* @__PURE__ */ r(ue, { country: l, size: ce[d] }),
                   /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                     "+",
                     ae
@@ -535,9 +540,9 @@ const Et = Xe(
                 sideOffset: 6,
                 align: "start",
                 "aria-label": q,
-                className: yt,
+                className: bt,
                 children: /* @__PURE__ */ m(
-                  w,
+                  I,
                   {
                     filter: Qe,
                     shouldFilter: !0,
@@ -545,7 +550,7 @@ const Et = Xe(
                     label: q,
                     children: [
                       /* @__PURE__ */ r(
-                        w.Input,
+                        I.Input,
                         {
                           asChild: !0,
                           value: De,
@@ -567,17 +572,17 @@ const Et = Xe(
                           )
                         }
                       ),
-                      /* @__PURE__ */ m(w.List, { className: xt, children: [
-                        /* @__PURE__ */ r(w.Empty, { className: wt, children: z("inputs.phone.noCountryFound", "No country found") }),
+                      /* @__PURE__ */ m(I.List, { className: xt, children: [
+                        /* @__PURE__ */ r(I.Empty, { className: wt, children: z("inputs.phone.noCountryFound", "No country found") }),
                         F.length > 0 ? /* @__PURE__ */ r(
-                          w.Group,
+                          I.Group,
                           {
                             heading: /* @__PURE__ */ r("span", { className: ze, children: z("inputs.phone.popularCountries", "Popular") }),
                             children: F.map(xe)
                           }
                         ) : null,
                         /* @__PURE__ */ r(
-                          w.Group,
+                          I.Group,
                           {
                             heading: F.length > 0 ? /* @__PURE__ */ r("span", { className: ze, children: z("inputs.phone.allCountries", "All countries") }) : void 0,
                             children: Ze.map(xe)
@@ -601,13 +606,13 @@ const Et = Xe(
               autoComplete: "tel-national",
               placeholder: Me,
               disabled: te,
-              readOnly: I,
+              readOnly: x,
               required: $e,
               "aria-label": Fe,
               "aria-describedby": Ke,
               "aria-invalid": ve || void 0,
               onChange: Ue,
-              className: bt({ size: d })
+              className: yt({ size: d })
             }
           ),
           oe ? /* @__PURE__ */ r(
@@ -627,8 +632,8 @@ const Et = Xe(
 Et.displayName = "PhoneInput";
 export {
   Et as P,
-  bt as a,
+  yt as a,
   Ie as c,
   vt as p
 };
-//# sourceMappingURL=phone-input-EwVuqFik.js.map
+//# sourceMappingURL=phone-input-C3NrD-nl.js.map