@alfadocs/ui-kit 1.47.0 → 1.48.0

package/dist/_chunks/panel-subview-CzHutkA8.js

@@ -0,0 +1,217 @@
+import { jsxs as I, jsx as u, Fragment as D } from "react/jsx-runtime";
+import { forwardRef as C, useId as K, useRef as l, useCallback as U, useEffect as N } from "react";
+import { c as E } from "./index-D2ZczOXr.js";
+import { I as _ } from "./icon-button-CY7GU_Se.js";
+import { P as G } from "./panel-header-D_mTdhUp.js";
+import { S as J } from "./scroll-area-BZOvUhwQ.js";
+import { u as R } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Q } from "./use-presence-transition-cDwWUXV-.js";
+import { A as W } from "./arrow-left-BfaGqVam.js";
+const X = E(
+  [
+    "ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden",
+    // Focus lands on the host itself, from script, only when the panel it
+    // uncovers has no control. The ring sits inside: the host is clipped.
+    "ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:calc(var(--focus-ring-width)*-1)]"
+  ].join(" ")
+), Y = [
+  "a[href]",
+  "button:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[contenteditable="true"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function B(e) {
+  return !e.closest('[inert],[hidden],[aria-hidden="true"]') && (typeof e.checkVisibility != "function" || e.checkVisibility({ visibilityProperty: !0 }));
+}
+function Z(e, i) {
+  if (!B(e)) return;
+  const a = Array.from(
+    e.querySelectorAll(Y)
+  ).filter((c) => !(i != null && i.contains(c)) && B(c)), s = e.getBoundingClientRect(), p = a.find((c) => {
+    const f = c.getBoundingClientRect();
+    return f.bottom > s.top && f.top < s.bottom;
+  }) ?? a[0];
+  if (p) {
+    p.focus();
+    return;
+  }
+  const v = !e.hasAttribute("tabindex");
+  v && e.setAttribute("tabindex", "-1"), e.focus(), v && (document.activeElement === e ? e.addEventListener("blur", () => e.removeAttribute("tabindex"), {
+    once: !0
+  }) : e.removeAttribute("tabindex"));
+}
+const $ = E(
+  [
+    "ds:absolute ds:inset-0 ds:z-[2] ds:flex ds:min-h-0 ds:flex-col",
+    "ds:bg-[var(--background)] ds:focus-visible:outline-none",
+    // Slides in from the inline end, and back out the same way. Declared at
+    // rest so both directions have a value to move from.
+    "ds:transition-[opacity,translate] ds:duration-[var(--animation-duration)]",
+    "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none",
+    "ds:data-[presence=entering]:opacity-0 ds:data-[presence=leaving]:opacity-0",
+    "ds:data-[presence=entering]:translate-x-full ds:data-[presence=leaving]:translate-x-full",
+    "ds:rtl:data-[presence=entering]:-translate-x-full ds:rtl:data-[presence=leaving]:-translate-x-full",
+    "ds:data-[presence=leaving]:pointer-events-none"
+  ].join(" ")
+), F = '[role="combobox"][aria-expanded="true"], [aria-haspopup][aria-expanded="true"]', ee = E(
+  [
+    "ds:flex ds:shrink-0 ds:items-center",
+    "ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]",
+    "ds:border-t ds:border-[color:var(--border)]"
+  ].join(" "),
+  {
+    variants: {
+      /** `'end'` (default): a single trailing action cluster, as most
+       *  footers use. `'between'` splits the row — a leading destructive
+       *  action (Remove, say) at the start and the Cancel/Save cluster at
+       *  the end — for a footer with two sides instead of one. */
+      align: {
+        end: "ds:justify-end",
+        between: "ds:justify-between"
+      }
+    },
+    defaultVariants: { align: "end" }
+  }
+), H = C(
+  ({ className: e, children: i, ...a }, s) => /* @__PURE__ */ u(
+    "div",
+    {
+      ref: s,
+      "data-component": "panel-subview-host",
+      className: [X(), e].filter(Boolean).join(" "),
+      ...a,
+      children: i
+    }
+  )
+);
+H.displayName = "PanelSubview.Host";
+const L = C(
+  ({
+    open: e,
+    onBack: i,
+    title: a,
+    backLabel: s,
+    icon: p,
+    headingLevel: v,
+    headerActions: c,
+    footer: f,
+    footerAlign: V = "end",
+    onExited: O,
+    initialFocusRef: g,
+    className: M,
+    children: T,
+    ...q
+  }, m) => {
+    const w = K(), d = Q(e, { onExited: O }), b = l(null), x = l(null), A = l(i);
+    A.current = i;
+    const { ref: P } = d, z = U(
+      (t) => {
+        b.current = t, P(t), typeof m == "function" ? m(t) : m && (m.current = t);
+      },
+      [P, m]
+    ), h = l(null), j = l(!1), S = l(e);
+    S.current = e, e && h.current !== !0 && typeof document < "u" && (x.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, j.current = h.current === null), h.current = e, R(() => {
+      const t = b.current, n = t == null ? void 0 : t.parentElement;
+      if (!e || !t || !n) return;
+      const r = Array.from(n.children).filter(
+        (o) => o !== t && !o.hasAttribute("inert")
+      );
+      return r.forEach((o) => o.setAttribute("inert", "")), ((g == null ? void 0 : g.current) ?? t).focus({ preventScroll: !0 }), () => {
+        r.forEach((o) => o.removeAttribute("inert"));
+      };
+    }, [e, d.mounted, g]);
+    const y = !e;
+    return R(() => {
+      const t = b.current;
+      if (!t) return;
+      const n = document.activeElement;
+      y && n instanceof HTMLElement && t.contains(n) && n.blur(), t.toggleAttribute("inert", y);
+    }, [y, d.mounted]), N(() => {
+      if (!e) return;
+      const t = b.current, n = (t == null ? void 0 : t.parentElement) ?? null;
+      return () => {
+        if (S.current && (t != null && t.isConnected)) return;
+        const r = x.current;
+        x.current = null;
+        const o = r != null && r.isConnected && (!j.current || n != null && n.contains(r)) ? r : null;
+        if (o) {
+          o.focus();
+          return;
+        }
+        queueMicrotask(() => {
+          const k = document.activeElement;
+          n != null && n.isConnected && (!k || k === document.body) && Z(n, t ?? null);
+        });
+      };
+    }, [e]), N(() => {
+      const t = b.current;
+      if (!e || !t) return;
+      const n = (r) => {
+        r.key === "Escape" && (r.stopPropagation(), !(r.defaultPrevented && t.querySelector(F)) && (r.preventDefault(), A.current()));
+      };
+      return t.addEventListener("keydown", n), () => t.removeEventListener("keydown", n);
+    }, [e, d.mounted]), d.mounted ? /* @__PURE__ */ I(
+      "section",
+      {
+        ...q,
+        ref: z,
+        tabIndex: -1,
+        "aria-labelledby": w,
+        "aria-hidden": y || void 0,
+        "data-component": "panel-subview",
+        "data-presence": d.phase,
+        className: [$(), M].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ u(
+            G,
+            {
+              icon: p,
+              title: a,
+              headingId: w,
+              headingLevel: v,
+              sticky: !0,
+              divider: !0,
+              actions: /* @__PURE__ */ I(D, { children: [
+                /* @__PURE__ */ u(
+                  _,
+                  {
+                    icon: /* @__PURE__ */ u(W, { "aria-hidden": "true" }),
+                    intent: "ghost",
+                    size: "sm",
+                    flipIconInRtl: !0,
+                    "aria-label": s,
+                    tooltip: s,
+                    "data-panel-subview-back": "",
+                    onClick: i
+                  }
+                ),
+                c
+              ] })
+            }
+          ),
+          /* @__PURE__ */ u(J, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: T }),
+          f ? /* @__PURE__ */ u(
+            "div",
+            {
+              "data-panel-subview-footer": "",
+              className: ee({ align: V }),
+              children: f
+            }
+          ) : null
+        ]
+      }
+    ) : null;
+  }
+);
+L.displayName = "PanelSubview";
+const le = Object.assign(L, {
+  Host: H
+});
+export {
+  le as P
+};
+//# sourceMappingURL=panel-subview-CzHutkA8.js.map

package/dist/_chunks/{patient-details-yrgkSeEY.js → patient-details-C23Hdm8v.js}

@@ -5,10 +5,10 @@ import { useTranslation as A } from "react-i18next";
 import { A as ee } from "./avatar-CkDeQOSI.js";
 import { C as f } from "./card-DPmk26CL.js";
 import { C as ie, b as te, a as se } from "./collapsible-CTjxzGuF.js";
-import { D as ae } from "./description-list-BsJ_6CQE.js";
+import { D as ae } from "./description-list-1A2DEbE6.js";
 import { P as de } from "./panel-header-D_mTdhUp.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-DCMkFGqI.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-DElFbpKc.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-yrgkSeEY.js.map
+//# sourceMappingURL=patient-details-C23Hdm8v.js.map

package/dist/_chunks/{patient-field-row-DCMkFGqI.js → patient-field-row-DElFbpKc.js}

@@ -2,31 +2,31 @@ import { useMemo as _, useCallback as k, useState as z, cloneElement as W, useId
 import { u as Z } from "./use-controllable-state-BiY4xTzM.js";
 import { jsxs as V, jsx as t, Fragment as q } from "react/jsx-runtime";
 import { useTranslation as A } from "react-i18next";
-import { B as ee } from "./button-CaUe1uyd.js";
-import { I } from "./icon-button-CehAeZoP.js";
+import { B as ee } from "./button-18oBsI3n.js";
+import { I } from "./icon-button-CY7GU_Se.js";
 import { C as j } from "./checkbox-CZkipDn7.js";
-import { P as O } from "./popover-DO-pssF3.js";
+import { P as O } from "./popover-Dvb40vPH.js";
 import { S as te } from "./separator-CYU_bGFn.js";
 import { S as ae } from "./settings-d25ju_6L.js";
 import { G as ne } from "./grip-vertical-onSb1JXO.js";
-import { D as $ } from "./description-list-BsJ_6CQE.js";
-import { B as R } from "./badge-BudgzTe_.js";
+import { D as $ } from "./description-list-1A2DEbE6.js";
+import { B as R } from "./badge-BAkd6_Pj.js";
 import { L as se } from "./link-CPb_pZPr.js";
 import { T as re } from "./transaction-chip-CwgcJiqF.js";
 import { H as ie } from "./hash-CSQ9SChR.js";
 import { C as oe } from "./calendar-days-BGWklvE-.js";
 import { c as U } from "./createLucideIcon-DhHxpK9K.js";
 import { U as le } from "./user-B12p7bVF.js";
-import { C as ce } from "./city-input-DaQc-Hbj.js";
-import { C as de } from "./country-select-CfDNFG5c.js";
+import { C as ce } from "./city-input-BGYc4lRV.js";
+import { C as de } from "./country-select-C5jZjO8O.js";
 import { D as ue } from "./date-picker-6tFnKFty.js";
 import { E as me } from "./email-input-Dpe63k0K.js";
-import { F as pe } from "./fiscal-code-input-ODQRd_Sw.js";
+import { F as pe } from "./fiscal-code-input-BEF8eKIG.js";
 import { N as fe } from "./number-input-Cgu2TtA8.js";
-import { P as ge } from "./phone-input-IWrGOCwm.js";
+import { P as ge } from "./phone-input-sQj-zi59.js";
 import { P as he } from "./postal-code-input-BznBxVxf.js";
-import { P as ye } from "./province-select-BaUnkg4S.js";
-import { S as be } from "./select-CLSUnKjF.js";
+import { P as ye } from "./province-select-BiszMRRY.js";
+import { S as be } from "./select-upNAltly.js";
 import { S as ve } from "./switch-OILsBLWo.js";
 import { T as xe } from "./text-area-Bt3p7Pt0.js";
 import { T as Ce } from "./text-input-CUvCb6ST.js";
@@ -805,4 +805,4 @@ export {
   Nt as r,
   Dt as u
 };
-//# sourceMappingURL=patient-field-row-DCMkFGqI.js.map
+//# sourceMappingURL=patient-field-row-DElFbpKc.js.map

package/dist/_chunks/{patient-search-5QcmQKJD.js → patient-search-DgXdGkhK.js}

@@ -2,12 +2,12 @@ import { jsx as a, jsxs as y } from "react/jsx-runtime";
 import { forwardRef as de, useRef as N, useEffect as V, useMemo as X, useImperativeHandle as ce, useState as W, useCallback as z, useId as le } from "react";
 import { c as T } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
-import { A as se } from "./autocomplete-MpBhz-fG.js";
-import { B as ue } from "./button-CaUe1uyd.js";
+import { A as se } from "./autocomplete-DSasZUf6.js";
+import { B as ue } from "./button-18oBsI3n.js";
 import { C as M } from "./card-DPmk26CL.js";
 import { S as fe } from "./slider-DN1CWkKB.js";
 import { A as Z } from "./alert-CiQ5Pa3Q.js";
-import { D as F } from "./dropdown-menu-DU-Hrf33.js";
+import { D as F } from "./dropdown-menu-C8PaW3lR.js";
 import { u as pe } from "./registry-DvAUVLHh.js";
 import { S as re } from "./search-QbWPlY5f.js";
 import { X as ne } from "./x-B5YnXwCz.js";
@@ -1166,4 +1166,4 @@ export {
   Oe as P,
   ye as p
 };
-//# sourceMappingURL=patient-search-5QcmQKJD.js.map
+//# sourceMappingURL=patient-search-DgXdGkhK.js.map

package/dist/_chunks/{patient-summary-card-CmEFflGS.js → patient-summary-card-C36L3h7h.js}

@@ -3,18 +3,18 @@ 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-CkDeQOSI.js";
-import { B as D } from "./badge-BudgzTe_.js";
-import { I as Ue } from "./icon-button-CehAeZoP.js";
+import { B as D } from "./badge-BAkd6_Pj.js";
+import { I as Ue } from "./icon-button-CY7GU_Se.js";
 import { C as le } from "./card-DPmk26CL.js";
-import { K as Be, a as Re } from "./key-value-pair-DaQI_LZB.js";
+import { K as Be, a as Re } from "./key-value-pair-Dcdl3Gni.js";
 import { L as V } from "./link-CPb_pZPr.js";
 import { S as k } from "./skeleton-B1KTdJ4N.js";
-import { T as oe } from "./tag-Ci3xJPcH.js";
+import { T as oe } from "./tag-B65tLWvD.js";
 import { T as Ke } from "./transaction-chip-CwgcJiqF.js";
 import { T as je } from "./tooltip-Cp-PLePW.js";
-import { H as G } from "./hover-card-nUae8NPJ.js";
+import { H as G } from "./hover-card-BplP5SzQ.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-DCMkFGqI.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-DElFbpKc.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";
@@ -544,4 +544,4 @@ export {
   Ca as P,
   ma as p
 };
-//# sourceMappingURL=patient-summary-card-CmEFflGS.js.map
+//# sourceMappingURL=patient-summary-card-C36L3h7h.js.map

package/dist/_chunks/{payment-automation-upsell-BKmBXU4i.js → payment-automation-upsell-ugi4np1l.js}

@@ -1,9 +1,9 @@
 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-CiQ5Pa3Q.js";
-import { B as P } from "./badge-BudgzTe_.js";
+import { B as P } from "./badge-BAkd6_Pj.js";
 import { B as y } from "./benefit-card-DB1Kdrmc.js";
-import { B as C } from "./button-CaUe1uyd.js";
+import { B as C } from "./button-18oBsI3n.js";
 import { C as d } from "./card-DPmk26CL.js";
 import { L as n } from "./list-DgE1xWBM.js";
 import { S as U } from "./stat-Bs80Z6Yv.js";
@@ -283,4 +283,4 @@ Y.displayName = "PaymentAutomationUpsell";
 export {
   Y as P
 };
-//# sourceMappingURL=payment-automation-upsell-BKmBXU4i.js.map
+//# sourceMappingURL=payment-automation-upsell-ugi4np1l.js.map

package/dist/_chunks/{payment-request-card-Cer6XXCn.js → payment-request-card-DMJB57Tv.js}

@@ -2,10 +2,10 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as B, useId as G, useMemo as z } from "react";
 import { c as K } from "./index-D2ZczOXr.js";
 import { useTranslation as M } from "react-i18next";
-import { B as O } from "./badge-BudgzTe_.js";
+import { B as O } from "./badge-BAkd6_Pj.js";
 import { C as D } from "./card-DPmk26CL.js";
-import { D as d } from "./description-list-BsJ_6CQE.js";
-import { K as Y, a as H } from "./key-value-pair-DaQI_LZB.js";
+import { D as d } from "./description-list-1A2DEbE6.js";
+import { K as Y, a as H } from "./key-value-pair-Dcdl3Gni.js";
 import { T as j, A as ae } from "./transaction-chip-CwgcJiqF.js";
 import { u as W } from "./registry-DvAUVLHh.js";
 import { H as te } from "./hash-CSQ9SChR.js";
@@ -14,7 +14,7 @@ import { R as ne } from "./receipt-euro-B1cLM_TN.js";
 import { F as J } from "./file-text-5yv6r2ls.js";
 import { U as ie } from "./user-B12p7bVF.js";
 import { U as le } from "./user-cog-BTn98Arm.js";
-import { e as Q } from "./entity-card-I-Gio5wo.js";
+import { e as Q } from "./entity-card-D1Yrh9wf.js";
 import { A as de } from "./arrow-up-right-C2v_MKsK.js";
 import { L as oe } from "./link-CPb_pZPr.js";
 import { C as $ } from "./credit-card-D9XZsHGA.js";
@@ -439,4 +439,4 @@ export {
   Ce as b,
   me as p
 };
-//# sourceMappingURL=payment-request-card-Cer6XXCn.js.map
+//# sourceMappingURL=payment-request-card-DMJB57Tv.js.map

package/dist/_chunks/{periodontal-chart-DJoZS_o7.js → periodontal-chart-DbGzKDj7.js}

@@ -4,7 +4,7 @@ import { c as qe } from "./index-D2ZczOXr.js";
 import { useTranslation as rt } from "react-i18next";
 import { u as nt } from "./registry-DvAUVLHh.js";
 import { P as ve, i as ye, h as at, g as it, f as ot, Y as lt } from "./tooth-data-DR8Kdnup.js";
-import { P as je } from "./periodontal-chart-card-Nd1ZoYWb.js";
+import { P as je } from "./periodontal-chart-card-DvHyP47v.js";
 const j = {
   type: "string",
   description: "FDI tooth id ('11'–'48' permanent, '51'–'85' primary)."
@@ -1302,4 +1302,4 @@ export {
   Ae as s,
   $t as t
 };
-//# sourceMappingURL=periodontal-chart-DJoZS_o7.js.map
+//# sourceMappingURL=periodontal-chart-DbGzKDj7.js.map

package/dist/_chunks/{periodontal-chart-card-Nd1ZoYWb.js → periodontal-chart-card-DvHyP47v.js}

@@ -2,9 +2,9 @@ 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-BudgzTe_.js";
+import { B as re } from "./badge-BAkd6_Pj.js";
 import { C as S } from "./card-DPmk26CL.js";
-import { K as ne, a as se } from "./key-value-pair-DaQI_LZB.js";
+import { K as ne, a as se } from "./key-value-pair-Dcdl3Gni.js";
 import { u as oe } from "./registry-DvAUVLHh.js";
 const de = {
   id: "periodontal-chart-card",
@@ -452,4 +452,4 @@ export {
   he as a,
   de as p
 };
-//# sourceMappingURL=periodontal-chart-card-Nd1ZoYWb.js.map
+//# sourceMappingURL=periodontal-chart-card-DvHyP47v.js.map

package/dist/_chunks/{periodontal-diagnosis-C7pfPOct.js → periodontal-diagnosis-B8WqI0eU.js}

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { forwardRef as J, useId as Q, useState as W, useRef as Y } from "react";
 import { c as Z } from "./index-D2ZczOXr.js";
 import { useTranslation as ee } from "react-i18next";
-import { B as te } from "./badge-BudgzTe_.js";
+import { B as te } from "./badge-BAkd6_Pj.js";
 import { C as j } from "./card-DPmk26CL.js";
 import { C as ae } from "./checkbox-CZkipDn7.js";
 import { R as y } from "./radio-6fml-pWk.js";
@@ -342,4 +342,4 @@ export {
   k as i,
   ne as p
 };
-//# sourceMappingURL=periodontal-diagnosis-C7pfPOct.js.map
+//# sourceMappingURL=periodontal-diagnosis-B8WqI0eU.js.map

package/dist/_chunks/{periodontal-risk-chart-B2tNFa15.js → periodontal-risk-chart-DsFRFFSz.js}

@@ -2,7 +2,7 @@ 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 { useTranslation as j } from "react-i18next";
-import { B as w } from "./badge-BudgzTe_.js";
+import { B as w } from "./badge-BAkd6_Pj.js";
 import { C as N } from "./card-DPmk26CL.js";
 import { u as M } from "./registry-DvAUVLHh.js";
 const B = {
@@ -331,4 +331,4 @@ export {
   B as p,
   te as r
 };
-//# sourceMappingURL=periodontal-risk-chart-B2tNFa15.js.map
+//# sourceMappingURL=periodontal-risk-chart-DsFRFFSz.js.map