@alfadocs/ui-kit 0.51.0 → 0.53.0

package/dist/_chunks/{otp-input-CMphfBxZ.js → otp-input-Chb9r5vf.js}

@@ -1,12 +1,12 @@
-import { jsxs as x, jsx as R } from "react/jsx-runtime";
-import { forwardRef as ee, useId as te, useRef as M, useState as se, useEffect as re, useCallback as N, useMemo as ae, useImperativeHandle as oe } from "react";
-import { c as O } from "./index-D2ZczOXr.js";
-import { useTranslation as ie } from "react-i18next";
-import { u as ne } from "./use-controllable-state-BiY4xTzM.js";
-import { u as ce } from "./use-web-otp-D_utzp6S.js";
-import { u as ue } from "./form-field-context-B3APVHKx.js";
-import { u as le } from "./registry-nPAVE19X.js";
-const de = {
+import { jsxs as ee, jsx as y } from "react/jsx-runtime";
+import { forwardRef as te, useId as re, useRef as M, useState as se, useEffect as ae, useCallback as N, useMemo as oe, useImperativeHandle as ie } from "react";
+import { c as S } from "./index-D2ZczOXr.js";
+import { useTranslation as ne } from "react-i18next";
+import { u as ce } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ue } from "./use-web-otp-D_utzp6S.js";
+import { u as le } from "./form-field-context-B3APVHKx.js";
+import { u as de } from "./registry-nPAVE19X.js";
+const pe = {
   id: "otp-input",
   capabilities: ["edit_inline", "submit"],
   state: {
@@ -62,7 +62,7 @@ const de = {
       description: "Sourced from the id prop."
     }
   }
-}, pe = O("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), fe = O(
+}, fe = S("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), me = S(
   [
     "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -86,95 +86,96 @@ const de = {
 function F(e) {
   return e.replace(/[\u0660-\u0669]/g, (a) => String(a.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (a) => String(a.charCodeAt(0) - 1776));
 }
-function y(e, a) {
+function w(e, a) {
   return F(e).replace(/\D/g, "").slice(0, a);
 }
-function me(e, a) {
-  const m = y(e, a), l = new Array(a).fill("");
+function ve(e, a) {
+  const m = w(e, a), l = new Array(a).fill("");
   for (let n = 0; n < m.length; n += 1)
     l[n] = m[n];
   return l;
 }
-const ve = ee(
+const be = te(
   ({
     length: e = 6,
     value: a,
     defaultValue: m,
     onChange: l,
     onComplete: n,
-    disabled: S,
-    error: H,
-    label: w,
+    disabled: H,
+    error: $,
+    label: I,
     id: K,
-    className: $,
-    webOtp: j = !1
-  }, z) => {
-    const { t: W } = ie(), v = ue(), _ = te(), C = w ? _ : void 0, [q, P] = ne({
+    className: j,
+    webOtp: z = !1,
+    name: C
+  }, W) => {
+    const { t: _ } = ne(), v = le(), q = re(), O = I ? q : void 0, [G, P] = ce({
       value: a,
-      defaultValue: y(m ?? "", e)
-    }), p = y(q ?? "", e), G = me(p, e), b = v.disabled || !!S, B = v.invalid || !!H, J = B ? "error" : "default", E = M([]), I = M(p.length === e), d = M(p);
+      defaultValue: w(m ?? "", e)
+    }), p = w(G ?? "", e), J = ve(p, e), b = v.disabled || !!H, B = v.invalid || !!$, Q = B ? "error" : "default", E = M([]), h = M(p.length === e), d = M(p);
     d.current = p;
-    const Q = () => {
-      const s = p.length;
-      return s >= e ? e - 1 : s;
-    }, [f, h] = se(Q);
-    re(() => {
-      f >= e && h(e - 1);
+    const U = () => {
+      const r = p.length;
+      return r >= e ? e - 1 : r;
+    }, [f, k] = se(U);
+    ae(() => {
+      f >= e && k(e - 1);
     }, [f, e]);
     const c = N(
-      (s) => {
-        const t = Math.max(0, Math.min(e - 1, s));
-        h(t);
-        const r = E.current[t];
-        r && (r.focus(), r.select());
+      (r) => {
+        const t = Math.max(0, Math.min(e - 1, r));
+        k(t);
+        const s = E.current[t];
+        s && (s.focus(), s.select());
       },
       [e]
     ), u = N(
-      (s) => {
-        const t = y(s, e);
-        P(t), d.current = t, l == null || l(t), t.length === e ? I.current || (I.current = !0, n == null || n(t)) : I.current = !1;
+      (r) => {
+        const t = w(r, e);
+        P(t), d.current = t, l == null || l(t), t.length === e ? h.current || (h.current = !0, n == null || n(t)) : h.current = !1;
       },
       [P, e, l, n]
     );
-    ce({
-      enabled: j && !b,
+    ue({
+      enabled: z && !b,
       onCode: u
     });
-    const U = (s) => (t) => {
-      const r = t.target.value, o = F(r).replace(/\D/g, ""), i = d.current;
+    const X = (r) => (t) => {
+      const s = t.target.value, o = F(s).replace(/\D/g, ""), i = d.current;
       if (o.length === 0) {
-        if (r === "" && s < i.length) {
-          const A = i.slice(0, s) + i.slice(s + 1);
-          u(A);
+        if (s === "" && r < i.length) {
+          const R = i.slice(0, r) + i.slice(r + 1);
+          u(R);
         }
         return;
       }
-      const g = i.slice(0, s), V = i.slice(s + o.length), D = (g + o + V).slice(0, e);
-      u(D);
-      const T = Math.min(s + o.length, e - 1);
-      c(T);
-    }, X = (s) => (t) => {
-      const r = d.current;
+      const g = i.slice(0, r), D = i.slice(r + o.length), T = (g + o + D).slice(0, e);
+      u(T);
+      const A = Math.min(r + o.length, e - 1);
+      c(A);
+    }, Y = (r) => (t) => {
+      const s = d.current;
       if (t.key === "Backspace") {
-        if (r[s]) {
+        if (s[r]) {
           t.preventDefault();
-          const o = r.slice(0, s) + r.slice(s + 1);
+          const o = s.slice(0, r) + s.slice(r + 1);
           u(o);
           return;
         }
-        if (s > 0) {
+        if (r > 0) {
           t.preventDefault();
-          const o = r.slice(0, s - 1) + r.slice(s);
-          u(o), c(s - 1);
+          const o = s.slice(0, r - 1) + s.slice(r);
+          u(o), c(r - 1);
         }
         return;
       }
       if (t.key === "ArrowLeft") {
-        t.preventDefault(), s > 0 && c(s - 1);
+        t.preventDefault(), r > 0 && c(r - 1);
         return;
       }
       if (t.key === "ArrowRight") {
-        t.preventDefault(), s < e - 1 && c(s + 1);
+        t.preventDefault(), r < e - 1 && c(r + 1);
         return;
       }
       if (t.key === "Home") {
@@ -182,51 +183,51 @@ const ve = ee(
         return;
       }
       t.key === "End" && (t.preventDefault(), c(e - 1));
-    }, Y = (s) => (t) => {
+    }, Z = (r) => (t) => {
       const o = t.clipboardData.getData("text").replace(/\s+/g, ""), i = F(o);
       if (!/^[0-9]+$/.test(i)) return;
       t.preventDefault();
-      const g = d.current, V = g.slice(0, s), D = g.slice(s + i.length), T = (V + i + D).slice(0, e);
-      u(T);
-      const A = Math.min(s + i.length, e - 1);
-      c(A);
-    }, Z = (s) => (t) => {
-      h(s), t.currentTarget.select();
-    }, L = v.id, k = ae(
+      const g = d.current, D = g.slice(0, r), T = g.slice(r + i.length), A = (D + i + T).slice(0, e);
+      u(A);
+      const R = Math.min(r + i.length, e - 1);
+      c(R);
+    }, x = (r) => (t) => {
+      k(r), t.currentTarget.select();
+    }, L = v.id, V = oe(
       () => ({
         getValue: () => d.current,
-        setValue: (s) => u(s),
+        setValue: (r) => u(r),
         clear: () => u(""),
         focus: () => c(f),
         isComplete: () => d.current.length === e
       }),
       [u, c, f, e]
     );
-    return le(de, k, K), oe(z, () => k, [k]), /* @__PURE__ */ x("div", { className: pe({ className: $ }), children: [
-      w ? /* @__PURE__ */ R(
+    return de(pe, V, K), ie(W, () => V, [V]), /* @__PURE__ */ ee("div", { className: fe({ className: j }), children: [
+      I ? /* @__PURE__ */ y(
         "label",
         {
-          id: C,
+          id: O,
           htmlFor: `${L}-0`,
           className: "type-label ds:text-foreground",
-          children: w
+          children: I
         }
       ) : null,
-      /* @__PURE__ */ R(
+      /* @__PURE__ */ y(
         "div",
         {
           role: "group",
           dir: "ltr",
-          "aria-labelledby": C,
+          "aria-labelledby": O,
           "aria-invalid": B || void 0,
           "aria-describedby": v.describedBy || void 0,
           "aria-disabled": b || void 0,
           "data-component": "otp-input",
           "data-component-id": K,
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-          children: G.map((s, t) => {
-            const r = !b && t === f;
-            return /* @__PURE__ */ R(
+          children: J.map((r, t) => {
+            const s = !b && t === f;
+            return /* @__PURE__ */ y(
               "input",
               {
                 ref: (o) => {
@@ -238,29 +239,30 @@ const ve = ee(
                 pattern: "[0-9]*",
                 autoComplete: t === 0 ? "one-time-code" : "off",
                 maxLength: 1,
-                value: s,
+                value: r,
                 disabled: b,
-                tabIndex: r ? 0 : -1,
-                "aria-label": W("inputs.otp.digitLabel", {
+                tabIndex: s ? 0 : -1,
+                "aria-label": _("inputs.otp.digitLabel", {
                   current: t + 1,
                   total: e
                 }),
-                onChange: U(t),
-                onKeyDown: X(t),
-                onPaste: Y(t),
-                onFocus: Z(t),
-                className: fe({ tone: J })
+                onChange: X(t),
+                onKeyDown: Y(t),
+                onPaste: Z(t),
+                onFocus: x(t),
+                className: me({ tone: Q })
               },
               t
             );
           })
         }
-      )
+      ),
+      C ? /* @__PURE__ */ y("input", { type: "hidden", name: C, value: p, readOnly: !0 }) : null
     ] });
   }
 );
-ve.displayName = "OTPInput";
+be.displayName = "OTPInput";
 export {
-  ve as O
+  be as O
 };
-//# sourceMappingURL=otp-input-CMphfBxZ.js.map
+//# sourceMappingURL=otp-input-Chb9r5vf.js.map

package/dist/_chunks/patient-shell-Coarf346.js

@@ -0,0 +1,162 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as w, useState as C } from "react";
+import { useTranslation as m } from "react-i18next";
+import { A as y } from "./app-frame-BYx1gcV7.js";
+import { I as H } from "./icon-button-CKEOrN37.js";
+import { D as n } from "./dropdown-menu-DwwPovMZ.js";
+import { H as B, g as N, f as T, e as k, a as x, c as M, d as O } from "./header-Ce1Br27u.js";
+import { L as P } from "./logo-1FuSGx0n.js";
+import { S as W, a as R, h as j, j as z, k as D, i as E } from "./sidebar-DPEHzxLZ.js";
+import { T as _ } from "./theme-root-BOO73p5t.js";
+import { a as F } from "./tooltip-DvmfrNvB.js";
+import { u as U } from "./use-theme-CAuo6EYT.js";
+import { S as q } from "./settings-ca2Yi9R8.js";
+import { M as G } from "./maximize-2-Cm9OUQ2m.js";
+import { L as J } from "./log-out-616hnn2-.js";
+function K(r) {
+  return r > 99 ? "99+" : String(r);
+}
+function Q(r) {
+  if (r.startsWith("/") || r.startsWith("#") || r.startsWith("?"))
+    return !0;
+  try {
+    const t = new URL(r, window.location.origin);
+    return t.protocol === "http:" || t.protocol === "https:";
+  } catch {
+    return !1;
+  }
+}
+function V({
+  logoutHref: r,
+  onToggleFullscreen: t
+}) {
+  const { t: a } = m();
+  return /* @__PURE__ */ i(n.Root, { children: [
+    /* @__PURE__ */ e(n.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      H,
+      {
+        icon: /* @__PURE__ */ e(q, { "aria-hidden": "true" }),
+        "aria-label": a("patientShell.settings.triggerAria"),
+        tooltip: a("patientShell.settings.triggerAria"),
+        "data-testid": "patient-shell-settings-trigger"
+      }
+    ) }),
+    /* @__PURE__ */ i(n.Content, { align: "end", children: [
+      /* @__PURE__ */ e(
+        n.Item,
+        {
+          startIcon: /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
+          onSelect: t,
+          "data-testid": "patient-shell-fullscreen",
+          children: a("patientShell.settings.fullscreen")
+        }
+      ),
+      /* @__PURE__ */ e(n.Separator, {}),
+      /* @__PURE__ */ e(
+        n.Item,
+        {
+          startIcon: /* @__PURE__ */ e(J, { "aria-hidden": "true" }),
+          onSelect: () => {
+            typeof window > "u" || Q(r) && window.location.assign(r);
+          },
+          "data-testid": "patient-shell-logout",
+          children: a("patientShell.settings.logout")
+        }
+      )
+    ] })
+  ] });
+}
+function X({ menuItems: r }) {
+  return /* @__PURE__ */ e(R, { children: r.map((t) => {
+    const a = typeof t.badgeCount == "number" && t.badgeCount > 0 ? t.badgeCount : void 0;
+    return /* @__PURE__ */ i(
+      j,
+      {
+        href: t.href,
+        "aria-label": t.label,
+        isActive: t.isActive,
+        children: [
+          t.icon ? /* @__PURE__ */ e(z, { children: t.icon }) : null,
+          /* @__PURE__ */ e(D, { children: t.label }),
+          a !== void 0 ? /* @__PURE__ */ e(E, { children: K(a) }) : null
+        ]
+      },
+      t.id
+    );
+  }) });
+}
+const Y = w(
+  ({
+    menuItems: r,
+    logoutHref: t,
+    onToggleFullscreen: a,
+    brandLogo: p,
+    brandHref: u = "/",
+    mainAriaLabel: f,
+    sidebarState: o,
+    children: g,
+    // `userName` and `userAvatarSrc` are declared on the public API
+    // for forward-compatibility (future profile-pill work) — they are
+    // intentionally unused today because the legacy patient chrome
+    // carries no profile pill.
+    userName: Z,
+    userAvatarSrc: $
+  }, s) => {
+    const { t: l } = m(), { theme: b, accessibility: S, resolvedTheme: d } = U(), v = b !== "system" || S !== "system", I = d.startsWith("dark") ? "dark" : "light", L = d.endsWith("-accessible"), [A, c] = C(!1), h = /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
+      y,
+      {
+        mainAriaLabel: f,
+        mainClassName: "ds:bg-[color:var(--app-shell-background)]",
+        header: /* @__PURE__ */ i(B, { children: [
+          /* @__PURE__ */ i(N, { children: [
+            /* @__PURE__ */ e(T, { href: "#main-content" }),
+            /* @__PURE__ */ e(k, { onMenuOpen: () => c(!0) }),
+            /* @__PURE__ */ e(
+              x,
+              {
+                logo: p ?? /* @__PURE__ */ e(P, { variant: "monochrome", size: "md", decorative: !0 }),
+                href: u,
+                "aria-label": l("patientShell.brand.homeAria")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(M, {}),
+          /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+            V,
+            {
+              logoutHref: t,
+              onToggleFullscreen: a
+            }
+          ) })
+        ] }),
+        sidebar: /* @__PURE__ */ e(
+          W,
+          {
+            ...o !== void 0 ? { state: o } : { defaultState: "expanded" },
+            open: A,
+            onOpenChange: c,
+            "aria-label": l("patientShell.sidebar.panelLabel"),
+            "data-testid": "patient-shell-sidebar",
+            children: /* @__PURE__ */ e(X, { menuItems: r })
+          }
+        ),
+        children: g
+      }
+    ) });
+    return v ? /* @__PURE__ */ e(
+      _,
+      {
+        ref: s,
+        theme: I,
+        accessible: L,
+        className: "ds:contents",
+        children: h
+      }
+    ) : /* @__PURE__ */ e("div", { ref: s, className: "ds:contents", children: h });
+  }
+);
+Y.displayName = "PatientShell";
+export {
+  Y as P
+};
+//# sourceMappingURL=patient-shell-Coarf346.js.map

package/dist/_chunks/{privacy-lock-BmX_gkvt.js → privacy-lock-BN3L-alb.js}

@@ -4,7 +4,7 @@ import { useTranslation as V } from "react-i18next";
 import * as i from "@radix-ui/react-dialog";
 import { B as u } from "./button-DD_0Xdmr.js";
 import { I as W } from "./icon-button-CKEOrN37.js";
-import { L as X } from "./logo-yituK7sE.js";
+import { L as X } from "./logo-1FuSGx0n.js";
 import { u as Y } from "./registry-nPAVE19X.js";
 import { E as h } from "./eye-off-xEXDAh5z.js";
 import { U as Z } from "./user-CPxpqFjJ.js";
@@ -190,4 +190,4 @@ export {
   ee as P,
   $ as p
 };
-//# sourceMappingURL=privacy-lock-BmX_gkvt.js.map
+//# sourceMappingURL=privacy-lock-BN3L-alb.js.map

package/dist/_chunks/{public-footer.agent-okt8ZRc5.js → public-footer.agent-CfXuW1x6.js}

@@ -4,7 +4,7 @@ import { c as R } from "./index-D2ZczOXr.js";
 import { useTranslation as S } from "react-i18next";
 import { L as f } from "./link-DrD_cRUg.js";
 import { S as m } from "./separator-CYU_bGFn.js";
-import { L as T } from "./logo-yituK7sE.js";
+import { L as T } from "./logo-1FuSGx0n.js";
 import { A as D, b as G, c as U, a as O } from "./accordion-9lJSMMsZ.js";
 const L = "https://www.alfadocs.com", F = {
   privacy: "/privacy-prenotazione-online",
@@ -588,4 +588,4 @@ export {
   W as c,
   ye as p
 };
-//# sourceMappingURL=public-footer.agent-okt8ZRc5.js.map
+//# sourceMappingURL=public-footer.agent-CfXuW1x6.js.map