@alfadocs/ui-kit 1.66.0 → 1.68.0

package/dist/_chunks/{patient-search-DOnDUVsl.js → patient-search-BADdx3M1.js}

@@ -6,7 +6,7 @@ import { A as se } from "./autocomplete-DosDnGie.js";
 import { B as ue } from "./button-D-MQxsA_.js";
 import { C as M } from "./card-BA4Ig_kn.js";
 import { S as fe } from "./slider-pZ95bEm7.js";
-import { A as Z } from "./alert-DdDpOi-P.js";
+import { A as Z } from "./alert-9kEwDza3.js";
 import { D as F } from "./dropdown-menu-D1we7oAY.js";
 import { u as pe } from "./registry-DvAUVLHh.js";
 import { S as re } from "./search-QbWPlY5f.js";
@@ -1166,4 +1166,4 @@ export {
   Oe as P,
   ye as p
 };
-//# sourceMappingURL=patient-search-DOnDUVsl.js.map
+//# sourceMappingURL=patient-search-BADdx3M1.js.map

package/dist/_chunks/{patient-summary-card-CuDLo8MP.js → patient-summary-card-CAimxbuI.js}

@@ -2,19 +2,19 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as $e, useId as Ie, useMemo as De } from "react";
 import { c as Ge } from "./index-D2ZczOXr.js";
 import { useTranslation as Le } from "react-i18next";
-import { A as re } from "./avatar-WZY3eGE7.js";
+import { A as re } from "./avatar-BPiPL7ND.js";
 import { B as D } from "./badge-BUk4RjTS.js";
 import { I as Ue } from "./icon-button-C_1TgRiK.js";
 import { C as le } from "./card-BA4Ig_kn.js";
 import { K as Be, a as Re } from "./key-value-pair-BscGwZsJ.js";
 import { L as V } from "./link-N5_YpLtm.js";
-import { S as k } from "./skeleton-B1KTdJ4N.js";
+import { S as k } from "./skeleton-tTWJpvAq.js";
 import { T as oe } from "./tag-DOZGz0fT.js";
 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-CTNhQXWS.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-CBXhlfGD.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-DROvUkFu.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-CuDLo8MP.js.map
+//# sourceMappingURL=patient-summary-card-CAimxbuI.js.map

package/dist/_chunks/{payment-automation-upsell-C8MEu0t6.js → payment-automation-upsell-CiwF5UrC.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as M, useId as r } from "react";
-import { A as p } from "./alert-DdDpOi-P.js";
+import { A as p } from "./alert-9kEwDza3.js";
 import { B as P } from "./badge-BUk4RjTS.js";
 import { B as y } from "./benefit-card-BWBClvdF.js";
 import { B as C } from "./button-D-MQxsA_.js";
@@ -283,4 +283,4 @@ Y.displayName = "PaymentAutomationUpsell";
 export {
   Y as P
 };
-//# sourceMappingURL=payment-automation-upsell-C8MEu0t6.js.map
+//# sourceMappingURL=payment-automation-upsell-CiwF5UrC.js.map

package/dist/_chunks/{payment-form-C3dGY7v4.js → payment-form-PBuh8PIa.js}

@@ -4,7 +4,7 @@ import { c as ne } from "./index-D2ZczOXr.js";
 import { useTranslation as Ie } from "react-i18next";
 import { S as Ke } from "./spinner-CoflYlEx.js";
 import { n as qe } from "./intl-locale-FWh-Y5_3.js";
-import { A as Ne } from "./alert-DdDpOi-P.js";
+import { A as Ne } from "./alert-9kEwDza3.js";
 import { loadStripe as Pe } from "@stripe/stripe-js/pure";
 import { Elements as Ge, useStripe as He, useElements as We, AddressElement as Fe, PaymentElement as Oe } from "@stripe/react-stripe-js";
 import { u as Xe } from "./registry-DvAUVLHh.js";
@@ -914,4 +914,4 @@ export {
   Je as p,
   Re as s
 };
-//# sourceMappingURL=payment-form-C3dGY7v4.js.map
+//# sourceMappingURL=payment-form-PBuh8PIa.js.map

package/dist/_chunks/{pdf-viewer-DJ9VN7cu.js → pdf-viewer-gAsNUsA8.js}

@@ -7,7 +7,7 @@ import * as ae from "@radix-ui/react-popover";
 import { u as qe, f as Be } from "./non-modal-tab-exit-j3CPOuE3.js";
 import De from "pdfjs-dist/legacy/build/pdf.worker.min.mjs?url";
 import { S as He } from "./spinner-CoflYlEx.js";
-import { A as Ce } from "./alert-DdDpOi-P.js";
+import { A as Ce } from "./alert-9kEwDza3.js";
 import { u as We } from "./registry-DvAUVLHh.js";
 import { X as Qe } from "./x-B5YnXwCz.js";
 import { C as Ue } from "./chevron-left-B8cOyH-V.js";
@@ -1067,4 +1067,4 @@ export {
   st as P,
   et as p
 };
-//# sourceMappingURL=pdf-viewer-DJ9VN7cu.js.map
+//# sourceMappingURL=pdf-viewer-gAsNUsA8.js.map

package/dist/_chunks/{periodontal-risk-chart-CPy7CNFe.js → periodontal-risk-chart-B7S9OmPC.js}

@@ -1,10 +1,11 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as T, useId as $, useMemo as S } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { forwardRef as I, useId as S, useMemo as _ } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
 import { B as w } from "./badge-BUk4RjTS.js";
-import { C as N } from "./card-BA4Ig_kn.js";
+import { C } from "./card-BA4Ig_kn.js";
 import { u as M } from "./registry-DvAUVLHh.js";
+import { a as A } from "./format-number-DdzqwMs1.js";
 const B = {
   id: "periodontal-risk-chart",
   capabilities: [],
@@ -35,36 +36,36 @@ const B = {
       description: "Sourced from the id prop."
     }
   }
-}, A = [
+}, O = [
   "bleeding",
   "pockets",
   "toothLoss",
   "boneLossAge",
   "smoking",
   "systemic"
-], D = {
+], U = {
   low: 0.4,
   moderate: 0.7,
   high: 1
 };
-function te(o) {
+function re(o) {
   return o === "high" ? 2 : o === "moderate" ? 1 : 0;
 }
-function x(o, l, s) {
-  return o >= s ? "high" : o >= l ? "moderate" : "low";
+function x(o, l, a) {
+  return o >= a ? "high" : o >= l ? "moderate" : "low";
 }
-const U = {
+const K = {
   none: "low",
   former: "low",
   light: "moderate",
   moderate: "high",
   heavy: "high"
 };
-function K(o) {
-  const l = [], s = (e, d, a) => l.push({ factor: e, level: d, radius: D[d], valueText: a });
+function W(o) {
+  const l = [], a = (e, d, i) => l.push({ factor: e, level: d, radius: U[d], valueText: i });
   {
     const e = o.bleedingPercent;
-    s(
+    a(
       "bleeding",
       e == null ? "low" : x(e, 10, 26),
       e == null ? null : `${Math.round(e)}%`
@@ -72,7 +73,7 @@ function K(o) {
   }
   {
     const e = o.pocketsOver5mm;
-    s(
+    a(
       "pockets",
       e == null ? "low" : x(e, 5, 9),
       e == null ? null : String(e)
@@ -80,7 +81,7 @@ function K(o) {
   }
   {
     const e = o.toothLoss;
-    s(
+    a(
       "toothLoss",
       e == null ? "low" : x(e, 5, 9),
       e == null ? null : String(e)
@@ -89,69 +90,69 @@ function K(o) {
   {
     const e = o.boneLossPercent, d = o.ageYears;
     if (e == null || d == null || d <= 0)
-      s("boneLossAge", "low", null);
+      a("boneLossAge", "low", null);
     else {
-      const a = e / d;
-      s(
+      const i = e / d;
+      a(
         "boneLossAge",
-        a > 1 ? "high" : a >= 0.5 ? "moderate" : "low",
-        a.toFixed(2)
+        i > 1 ? "high" : i >= 0.5 ? "moderate" : "low",
+        i.toFixed(2)
       );
     }
   }
   {
     const e = o.smoking;
-    s("smoking", e == null ? "low" : U[e], e ?? null);
+    a("smoking", e == null ? "low" : K[e], e ?? null);
   }
   {
     const e = o.systemic;
-    s("systemic", e ? "high" : "low", e == null ? null : e ? "yes" : "no");
+    a("systemic", e ? "high" : "low", e == null ? null : e ? "yes" : "no");
   }
   const g = l.filter((e) => e.level === "high").length, p = l.filter((e) => e.level === "moderate").length, y = g > 0 || p >= 2 ? "high" : p === 1 ? "moderate" : "low";
   return { factors: l, overall: y };
 }
-const f = 240, W = _("ds:w-full ds:text-[color:var(--foreground)]", {
+const f = 240, z = D("ds:w-full ds:text-[color:var(--foreground)]", {
   variants: {
     surface: { flat: "", elevated: "" }
   },
   defaultVariants: { surface: "elevated" }
 }), k = f / 2, h = f / 2 - 16;
 function v(o, l) {
-  const s = (-90 + o * 60) * Math.PI / 180;
-  return { x: k + l * Math.cos(s), y: k + l * Math.sin(s) };
+  const a = (-90 + o * 60) * Math.PI / 180;
+  return { x: k + l * Math.cos(a), y: k + l * Math.sin(a) };
 }
 function u(o) {
-  return A.map((l, s) => {
-    const g = v(s, h * o);
+  return O.map((l, a) => {
+    const g = v(a, h * o);
     return `${g.x.toFixed(1)},${g.y.toFixed(1)}`;
   }).join(" ");
 }
-const C = {
+const F = {
   low: "success",
   moderate: "warning",
   high: "error"
-}, z = {
+}, G = {
   low: "Low",
   moderate: "Moderate",
   high: "High"
-}, G = {
+}, H = {
   bleeding: "Bleeding on probing",
   pockets: "Residual pockets ≥5 mm",
   toothLoss: "Tooth loss",
   boneLossAge: "Bone loss / age",
   smoking: "Smoking",
   systemic: "Systemic / genetic"
-}, H = T(
+}, q = I(
   ({
     inputs: o,
     surface: l = "elevated",
-    locale: s,
+    locale: a,
     "aria-label": g,
     id: p,
     className: y,
     ...e
   }, d) => {
-    const { t: a, i18n: O } = j("ui"), E = $(), F = s ?? O.language ?? "en", c = S(() => K(o), [o]);
+    const { t: i, i18n: E } = j("ui"), P = S(), b = a ?? E.language ?? "en", c = _(() => W(o), [o]);
     M(
       B,
       {
@@ -162,46 +163,53 @@ const C = {
       },
       p
     );
-    const P = c.factors.map((t, n) => {
-      const i = v(n, h * t.radius);
-      return `${i.x.toFixed(1)},${i.y.toFixed(1)}`;
-    }).join(" "), b = (t) => a(`periodontalRiskChart.level.${t}`, {
-      defaultValue: z[t]
-    }), V = (t, n) => {
-      if (n == null)
-        return a("periodontalRiskChart.valueUnset", "not recorded");
+    const V = c.factors.map((t, r) => {
+      const n = v(r, h * t.radius);
+      return `${n.x.toFixed(1)},${n.y.toFixed(1)}`;
+    }).join(" "), L = (t) => i(`periodontalRiskChart.level.${t}`, {
+      defaultValue: G[t]
+    }), T = (t, r) => {
+      if (r == null)
+        return i("periodontalRiskChart.valueUnset", "not recorded");
       if (t === "smoking")
-        return a(`periodontalRiskChart.smoking.${n}`, { defaultValue: n });
+        return i(`periodontalRiskChart.smoking.${r}`, { defaultValue: r });
       if (t === "systemic")
-        return a(`periodontalRiskChart.systemic.${n}`, { defaultValue: n });
+        return i(`periodontalRiskChart.systemic.${r}`, { defaultValue: r });
+      if (t === "boneLossAge") {
+        const n = Number.parseFloat(r);
+        return Number.isFinite(n) ? A(n, b, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        }) : r;
+      }
       if (t === "bleeding") {
-        const i = Number.parseFloat(n);
-        if (Number.isFinite(i))
+        const n = Number.parseFloat(r);
+        if (Number.isFinite(n))
           try {
-            return a("periodontalRiskChart.percent", {
-              value: new Intl.NumberFormat(F, {
+            return i("periodontalRiskChart.percent", {
+              value: A(n, b, {
                 maximumFractionDigits: 0
-              }).format(i),
+              }),
               defaultValue: "{{value}}%"
             });
           } catch {
-            return n;
+            return r;
           }
       }
-      return n;
-    }, L = a("periodontalRiskChart.heading", "Periodontal risk"), I = g ?? L, R = /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      return r;
+    }, R = i("periodontalRiskChart.heading", "Periodontal risk"), $ = g ?? R, N = /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
       /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ s(
           "h2",
           {
-            id: E,
+            id: P,
             className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
-            children: L
+            children: R
           }
         ),
         /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-          /* @__PURE__ */ r("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: a("periodontalRiskChart.overall.label", "Overall") }),
-          /* @__PURE__ */ r(w, { variant: C[c.overall], size: "sm", children: b(c.overall) })
+          /* @__PURE__ */ s("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: i("periodontalRiskChart.overall.label", "Overall") }),
+          /* @__PURE__ */ s(w, { variant: F[c.overall], size: "sm", children: L(c.overall) })
         ] })
       ] }),
       /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-lg)]", children: [
@@ -213,7 +221,7 @@ const C = {
             "aria-hidden": "true",
             focusable: "false",
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ s(
                 "polygon",
                 {
                   points: u(1),
@@ -221,7 +229,7 @@ const C = {
                   fillOpacity: 0.1
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ s(
                 "polygon",
                 {
                   points: u(0.7),
@@ -229,7 +237,7 @@ const C = {
                   fillOpacity: 0.12
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ s(
                 "polygon",
                 {
                   points: u(0.4),
@@ -237,7 +245,7 @@ const C = {
                   fillOpacity: 0.14
                 }
               ),
-              [1, 0.7, 0.4].map((t) => /* @__PURE__ */ r(
+              [1, 0.7, 0.4].map((t) => /* @__PURE__ */ s(
                 "polygon",
                 {
                   points: u(t),
@@ -247,25 +255,25 @@ const C = {
                 },
                 t
               )),
-              A.map((t, n) => {
-                const i = v(n, h);
-                return /* @__PURE__ */ r(
+              O.map((t, r) => {
+                const n = v(r, h);
+                return /* @__PURE__ */ s(
                   "line",
                   {
                     x1: k,
                     y1: k,
-                    x2: i.x,
-                    y2: i.y,
+                    x2: n.x,
+                    y2: n.y,
                     stroke: "var(--border)",
                     strokeWidth: 1
                   },
-                  n
+                  r
                 );
               }),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ s(
                 "polygon",
                 {
-                  points: P,
+                  points: V,
                   fill: "var(--primary)",
                   fillOpacity: 0.18,
                   stroke: "var(--primary)",
@@ -273,13 +281,13 @@ const C = {
                   strokeLinejoin: "round"
                 }
               ),
-              c.factors.map((t, n) => {
-                const i = v(n, h * t.radius);
-                return /* @__PURE__ */ r(
+              c.factors.map((t, r) => {
+                const n = v(r, h * t.radius);
+                return /* @__PURE__ */ s(
                   "circle",
                   {
-                    cx: i.x,
-                    cy: i.y,
+                    cx: n.x,
+                    cy: n.y,
                     r: 3,
                     fill: "var(--primary)"
                   },
@@ -289,46 +297,46 @@ const C = {
             ]
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ s(
           "dl",
           {
             className: "type-body-sm ds:grid ds:min-w-[12rem] ds:flex-1 ds:grid-cols-[auto_1fr] ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)] ds:m-0",
-            "aria-label": a("periodontalRiskChart.factors.label", "Risk factors"),
+            "aria-label": i("periodontalRiskChart.factors.label", "Risk factors"),
             children: c.factors.map((t) => /* @__PURE__ */ m("div", { className: "ds:contents", children: [
-              /* @__PURE__ */ r("dt", { className: "ds:text-[color:var(--muted-foreground)]", children: a(`periodontalRiskChart.factor.${t.factor}`, {
-                defaultValue: G[t.factor]
+              /* @__PURE__ */ s("dt", { className: "ds:text-[color:var(--muted-foreground)]", children: i(`periodontalRiskChart.factor.${t.factor}`, {
+                defaultValue: H[t.factor]
               }) }),
               /* @__PURE__ */ m("dd", { className: "ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ r(w, { variant: C[t.level], size: "sm", children: b(t.level) }),
-                /* @__PURE__ */ r("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: V(t.factor, t.valueText) })
+                /* @__PURE__ */ s(w, { variant: F[t.level], size: "sm", children: L(t.level) }),
+                /* @__PURE__ */ s("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: T(t.factor, t.valueText) })
               ] })
             ] }, t.factor))
           }
         )
       ] })
     ] });
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       "div",
       {
         ref: d,
         role: "group",
-        "aria-label": I,
+        "aria-label": $,
         "data-component": "periodontal-risk-chart",
         "data-component-id": p,
         id: p,
-        className: W({ surface: l, className: y }),
+        className: z({ surface: l, className: y }),
         ...e,
-        children: l === "elevated" ? /* @__PURE__ */ r(N, { variant: "elevated", children: /* @__PURE__ */ r(N.Body, { children: R }) }) : R
+        children: l === "elevated" ? /* @__PURE__ */ s(C, { variant: "elevated", children: /* @__PURE__ */ s(C.Body, { children: N }) }) : N
       }
     );
   }
 );
-H.displayName = "PeriodontalRiskChart";
+q.displayName = "PeriodontalRiskChart";
 export {
-  A as P,
-  H as a,
-  K as c,
+  O as P,
+  q as a,
+  W as c,
   B as p,
-  te as r
+  re as r
 };
-//# sourceMappingURL=periodontal-risk-chart-CPy7CNFe.js.map
+//# sourceMappingURL=periodontal-risk-chart-B7S9OmPC.js.map