@alfadocs/ui-kit 1.67.0 → 1.68.0

package/dist/_chunks/panel-header-CbtlTe85.js

@@ -0,0 +1,190 @@
+import { jsx as s, jsxs as a, Fragment as g } from "react/jsx-runtime";
+import { forwardRef as A, useState as x, useEffect as E, useContext as O, createContext as W } from "react";
+import { c as l } from "./index-D2ZczOXr.js";
+import { T as B } from "./tooltip-uEBdD1-5.js";
+const w = W(null);
+function U({
+  actions: t,
+  children: d
+}) {
+  return /* @__PURE__ */ s(w.Provider, { value: t, children: d });
+}
+function F() {
+  return O(w);
+}
+const I = l(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]"
+  ].join(" "),
+  {
+    variants: {
+      // `sticky` pins the header to the top of the panel's scroll region;
+      // otherwise it stays a fixed-height band that never shrinks.
+      sticky: {
+        true: "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)]",
+        false: "ds:shrink-0"
+      },
+      divider: {
+        true: "ds:border-b ds:border-[color:var(--border)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      sticky: !1,
+      divider: !0
+    }
+  }
+), _ = l(
+  "ds:flex ds:min-w-0 ds:justify-between ds:gap-[var(--spacing-sm)]",
+  {
+    variants: {
+      // Wrapping, the row holds the wrapping title block and the injected
+      // actions, which stay at the top end beside the title line.
+      wrapActions: {
+        true: "ds:items-start",
+        false: "ds:items-center"
+      }
+    },
+    defaultVariants: { wrapActions: !1 }
+  }
+), q = "ds:flex ds:min-w-0 ds:flex-1 ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", o = l(
+  "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:shrink-0",
+  {
+    variants: {
+      // On its own line the cluster is capped at the row width and its
+      // children can shrink and wrap, so a cluster wider than a 320px phone
+      // still stays on screen.
+      wrapActions: {
+        true: "ds:max-w-full ds:flex-wrap",
+        false: ""
+      }
+    },
+    defaultVariants: { wrapActions: !1 }
+  }
+), D = l("ds:min-w-0", {
+  variants: {
+    wrap: {
+      false: "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap",
+      true: "ds:[overflow-wrap:anywhere]"
+    }
+  },
+  defaultVariants: { wrap: !1 }
+}), G = l(
+  [
+    // `min-w-0` lets the heading shrink below its content width so the
+    // title span can clip; without it the flex row refuses to shrink and
+    // the action cluster is pushed out of the panel.
+    "ds:m-0 ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:text-[color:var(--foreground)]"
+  ].join(" "),
+  {
+    variants: {
+      titleScale: {
+        card: "type-title-card",
+        section: "type-title-section"
+      },
+      // wrapActions with rail-injected buttons: the title line is as tall
+      // as the buttons, so the title centres on them although the row
+      // aligns to its top (the wrapped actions make it two lines tall).
+      // It mirrors the small button's height: the touch target below sm,
+      // its 32px box (h-8) from sm up.
+      matchTargetHeight: {
+        true: "ds:min-h-[var(--min-target-size)] ds:sm:min-h-8",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      titleScale: "card",
+      matchTargetHeight: !1
+    }
+  }
+), J = A(
+  ({
+    title: t,
+    icon: d,
+    headingId: b,
+    headingLevel: N = 2,
+    actions: i,
+    filters: f,
+    sticky: y = !1,
+    divider: T = !0,
+    titleScale: V = "card",
+    titleTooltip: H,
+    wrapActions: e = !1,
+    className: k,
+    ...P
+  }, j) => {
+    const r = F(), z = N === 3 ? "h3" : "h2", C = i != null || r != null, c = H ?? (typeof t == "string" ? t : void 0), [n, R] = x(null), [S, u] = x(!1);
+    E(() => {
+      if (!n || c == null || e) {
+        u(!1);
+        return;
+      }
+      const v = () => u(n.scrollWidth > n.clientWidth);
+      if (v(), typeof ResizeObserver > "u") return;
+      const h = new ResizeObserver(v);
+      return h.observe(n), () => h.disconnect();
+    }, [n, c, e]);
+    const m = /* @__PURE__ */ s(
+      "span",
+      {
+        ref: R,
+        className: D({ wrap: e }),
+        children: t
+      }
+    ), p = /* @__PURE__ */ a(
+      z,
+      {
+        id: b,
+        className: G({
+          titleScale: V,
+          matchTargetHeight: e && r != null
+        }),
+        children: [
+          d ? /* @__PURE__ */ s(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:inline-flex ds:shrink-0 ds:text-[color:var(--accent)] ds:[&_svg]:size-4",
+              children: d
+            }
+          ) : null,
+          S && c != null ? /* @__PURE__ */ s(B, { label: c, children: m }) : m
+        ]
+      }
+    );
+    return /* @__PURE__ */ a(
+      "header",
+      {
+        ref: j,
+        "data-component": "panel-header",
+        className: I({ sticky: y, divider: T, className: k }),
+        ...P,
+        children: [
+          /* @__PURE__ */ s("div", { className: _({ wrapActions: e }), children: e ? /* @__PURE__ */ a(g, { children: [
+            /* @__PURE__ */ a("div", { className: q, children: [
+              p,
+              i != null ? /* @__PURE__ */ s("div", { className: o({ wrapActions: e }), children: i }) : null
+            ] }),
+            r != null ? /* @__PURE__ */ s("div", { className: o({ wrapActions: !1 }), children: r }) : null
+          ] }) : /* @__PURE__ */ a(g, { children: [
+            p,
+            C ? /* @__PURE__ */ a("div", { className: o({ wrapActions: e }), children: [
+              i,
+              r
+            ] }) : null
+          ] }) }),
+          f != null ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: f }) : null
+        ]
+      }
+    );
+  }
+);
+J.displayName = "PanelHeader";
+export {
+  J as P,
+  U as a,
+  F as u
+};
+//# sourceMappingURL=panel-header-CbtlTe85.js.map

package/dist/_chunks/{panel-subview-yP4qIbKS.js → panel-subview-BPU7220K.js}

@@ -2,7 +2,7 @@ import { jsxs as I, jsx as a, Fragment as D } from "react/jsx-runtime";
 import { forwardRef as C, useId as K, useRef as u, useCallback as U, useEffect as N } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { I as _ } from "./icon-button-C_1TgRiK.js";
-import { P as G } from "./panel-header-BJkaUwnl.js";
+import { P as G } from "./panel-header-CbtlTe85.js";
 import { S as J } from "./scroll-area-CY5SLYNw.js";
 import { u as R } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as Q } from "./use-presence-transition-cDwWUXV-.js";
@@ -228,4 +228,4 @@ const ue = Object.assign(L, {
 export {
   ue as P
 };
-//# sourceMappingURL=panel-subview-yP4qIbKS.js.map
+//# sourceMappingURL=panel-subview-BPU7220K.js.map

package/dist/_chunks/{patient-details-C-EWQTms.js → patient-details-C4Dyo7Ck.js}

@@ -2,13 +2,13 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as X, useId as T, useMemo as Z, Fragment as $ } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { A as ee } from "./avatar-WZY3eGE7.js";
+import { A as ee } from "./avatar-BPiPL7ND.js";
 import { C as f } from "./card-BA4Ig_kn.js";
 import { C as ie, b as te, a as se } from "./collapsible-DVPM46bq.js";
 import { D as ae } from "./description-list-Q8640NHu.js";
-import { P as de } from "./panel-header-BJkaUwnl.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-lY-Tb5Mo.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-DROvUkFu.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-C-EWQTms.js.map
+//# sourceMappingURL=patient-details-C4Dyo7Ck.js.map

package/dist/_chunks/{patient-field-row-lY-Tb5Mo.js → patient-field-row-DROvUkFu.js}

@@ -19,15 +19,15 @@ import { H as le } from "./hourglass-BEAzW1wE.js";
 import { c as G } from "./createLucideIcon-DhHxpK9K.js";
 import { U as ce } from "./user-B12p7bVF.js";
 import { C as de } from "./city-input-3J3bz9EO.js";
-import { C as ue } from "./country-select-DF5Bd_mn.js";
+import { C as ue } from "./country-select-CSE2Zm_s.js";
 import { D as me } from "./date-picker-KcoNNsM0.js";
 import { E as pe } from "./email-input-C7THAwh2.js";
 import { F as fe } from "./fiscal-code-input-DwHb2nVW.js";
 import { N as ge } from "./number-input-CVwI1ltI.js";
 import { P as he } from "./phone-input-O9camxkq.js";
 import { P as ye } from "./postal-code-input-CfZOnIkW.js";
-import { P as be } from "./province-select-Bd20Z9Br.js";
-import { S as ve } from "./select-k4gBdS8N.js";
+import { P as be } from "./province-select-CDjs5obD.js";
+import { S as ve } from "./select-4S-eYZUf.js";
 import { S as xe } from "./switch-D--x7n6h.js";
 import { T as Ce } from "./text-area-COMVJ1yE.js";
 import { T as ke } from "./text-input-CaG9ApoE.js";
@@ -805,4 +805,4 @@ export {
   Dt as r,
   St as u
 };
-//# sourceMappingURL=patient-field-row-lY-Tb5Mo.js.map
+//# sourceMappingURL=patient-field-row-DROvUkFu.js.map

package/dist/_chunks/{patient-search-DpAKidZ5.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-DjsJMGRE.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-DpAKidZ5.js.map
+//# sourceMappingURL=patient-search-BADdx3M1.js.map

package/dist/_chunks/{patient-summary-card-Bpto_VCD.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-lY-Tb5Mo.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-Bpto_VCD.js.map
+//# sourceMappingURL=patient-summary-card-CAimxbuI.js.map

package/dist/_chunks/{payment-automation-upsell-BQ307qEX.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-DjsJMGRE.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-BQ307qEX.js.map
+//# sourceMappingURL=payment-automation-upsell-CiwF5UrC.js.map

package/dist/_chunks/{payment-form-XKtinW8r.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-DjsJMGRE.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-XKtinW8r.js.map
+//# sourceMappingURL=payment-form-PBuh8PIa.js.map

package/dist/_chunks/{pdf-viewer-BvoVMjH4.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-DjsJMGRE.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-BvoVMjH4.js.map
+//# sourceMappingURL=pdf-viewer-gAsNUsA8.js.map