@alfadocs/ui-kit 0.70.0 → 0.72.0

package/dist/_chunks/{anamnesis-card-DvYCa16e.js → anamnesis-card-CWO4Ui9c.js}

@@ -4,10 +4,10 @@ import { c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { B as n } from "./badge-DCOqV9mI.js";
 import { C as N } from "./card-DPmk26CL.js";
-import { A as G, b as O, c as Q, a as S } from "./accordion-DnIa7OHX.js";
-import { D as t } from "./description-list-gkNGWk5G.js";
+import { A as G, b as O, c as Q, a as S } from "./accordion-C11v9ouP.js";
+import { D as t } from "./description-list-CmBVxIF5.js";
 import { T as w } from "./timestamp-BV2lC-wV.js";
-import { T as y } from "./triangle-alert-CBPUIzQo.js";
+import { T as y } from "./triangle-alert-CBnO6nq_.js";
 const H = q("ds:w-full ds:text-[color:var(--foreground)]", {
   variants: {
     // Matches the kit's other `surface` props. `'elevated'` (default)
@@ -153,4 +153,4 @@ J.displayName = "AnamnesisCard";
 export {
   J as A
 };
-//# sourceMappingURL=anamnesis-card-DvYCa16e.js.map
+//# sourceMappingURL=anamnesis-card-CWO4Ui9c.js.map

package/dist/_chunks/{antenatal-schedule-timeline-CwXrQRm1.js → antenatal-schedule-timeline-CY-VsLok.js}

@@ -1,5 +1,5 @@
-import { a as y, j as N } from "./date-picker-variants-DAcSLTua.js";
-import { s as p } from "./subDays-BcYv1Lxi.js";
+import { a as y, j as N } from "./date-picker-variants-DLg-ZrIo.js";
+import { s as p } from "./subDays-DGSOp9d9.js";
 import { jsx as u, jsxs as f } from "react/jsx-runtime";
 import { useMemo as M } from "react";
 import { useTranslation as T } from "react-i18next";
@@ -410,4 +410,4 @@ export {
   ht as r,
   w as t
 };
-//# sourceMappingURL=antenatal-schedule-timeline-CwXrQRm1.js.map
+//# sourceMappingURL=antenatal-schedule-timeline-CY-VsLok.js.map

package/dist/_chunks/{app-frame-BYx1gcV7.js → app-frame-DIEMIC5V.js}

@@ -1,8 +1,9 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { forwardRef as N, useState as S, useCallback as V } from "react";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { forwardRef as S, useRef as k, useState as _, useEffect as A } from "react";
 import { c as a } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
-const T = a(
+import { useTranslation as E } from "react-i18next";
+import { S as L } from "./scroll-area-BZOvUhwQ.js";
+const R = a(
   [
     "ds:h-dvh ds:w-full",
     "ds:flex ds:flex-col",
@@ -22,9 +23,9 @@ const T = a(
     "ds:print:[&_[role=banner]]:shadow-none",
     "ds:print:[&_[role=banner]]:[border-block-end-color:var(--border)]"
   ].join(" ")
-), A = a(
+), T = a(
   ["ds:flex ds:flex-1 ds:items-stretch ds:min-h-0"].join(" ")
-), M = a(
+), y = a(
   [
     // Hidden in the inline flow on mobile — consumers should flip their
     // Sidebar into overlay mode at narrow viewports, where it portals via
@@ -39,83 +40,93 @@ const T = a(
   ["ds:hidden ds:md:flex", "ds:shrink-0", "ds:h-full"].join(" ")
 ), F = a(
   [
-    // <main> owns the scroll: the viewport body never scrolls, but this
-    // element does. That keeps the header + sidebar pinned as chrome.
-    "ds:flex-1 ds:min-w-0 ds:overflow-auto",
+    "ds:flex-1 ds:min-w-0",
+    "ds:flex ds:flex-col ds:min-h-0",
     // Focusable via the header's SkipLink — tabIndex={-1} is on the
     // element itself so keyboard users land inside the main region.
     "ds:focus:outline-none"
-  ].join(" "),
-  {
-    variants: {
-      padded: {
-        true: [
-          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-          "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-        ].join(" "),
-        false: ""
-      }
-    },
-    defaultVariants: { padded: !0 }
-  }
-), y = a("ds:shrink-0"), I = N(
+  ].join(" ")
+), M = a("", {
+  variants: {
+    padded: {
+      true: [
+        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+      ].join(" "),
+      false: ""
+    }
+  },
+  defaultVariants: { padded: !0 }
+}), I = a("ds:shrink-0"), q = S(
   ({
-    header: l,
-    sidebar: t,
-    children: i,
-    endSidebar: r,
+    header: c,
+    sidebar: m,
+    children: p,
+    endSidebar: n,
     footer: d,
-    mainId: c = "main-content",
-    mainAriaLabel: m,
-    padded: p = !0,
-    className: f,
+    mainId: f = "main-content",
+    mainAriaLabel: v,
+    padded: u = !0,
+    className: h,
     mainClassName: b,
-    ...u
-  }, h) => {
-    const { t: v } = _(), x = m ?? v("navigation.main.label", "Main content"), [w, g] = S(!1), j = V((k) => {
-      const e = k.currentTarget.scrollTop > 0;
-      g((o) => o === e ? o : e);
-    }, []);
-    return /* @__PURE__ */ n(
+    ...x
+  }, w) => {
+    const { t: N } = E(), V = v ?? N("navigation.main.label", "Main content"), o = k(null), [g, j] = _(!1);
+    return A(() => {
+      const e = o.current;
+      if (!e) return;
+      const r = () => {
+        const t = e.scrollTop > 0;
+        j((l) => l === t ? l : t);
+      };
+      return r(), e.addEventListener("scroll", r, { passive: !0 }), () => e.removeEventListener("scroll", r);
+    }, []), /* @__PURE__ */ i(
       "div",
       {
-        ref: h,
-        "data-app-scrolled": w ? "true" : void 0,
+        ref: w,
+        "data-app-scrolled": g ? "true" : void 0,
         "data-component": "app-frame",
-        className: T({ className: f }),
-        ...u,
+        className: R({ className: h }),
+        ...x,
         children: [
-          l,
-          /* @__PURE__ */ n("div", { className: A(), "data-app-frame-slot": "row", children: [
-            /* @__PURE__ */ s("div", { className: M(), "data-app-frame-slot": "sidebar", children: t }),
+          c,
+          /* @__PURE__ */ i("div", { className: T(), "data-app-frame-slot": "row", children: [
+            /* @__PURE__ */ s("div", { className: y(), "data-app-frame-slot": "sidebar", children: m }),
             /* @__PURE__ */ s(
               "main",
               {
-                id: c,
+                id: f,
                 tabIndex: -1,
-                "aria-label": x,
-                onScroll: j,
-                className: F({ padded: p, className: b }),
-                children: i
+                "aria-label": V,
+                className: F({ className: b }),
+                children: /* @__PURE__ */ s(
+                  L,
+                  {
+                    ref: o,
+                    orientation: "vertical",
+                    className: "ds:flex-1 ds:min-h-0",
+                    children: /* @__PURE__ */ s("div", { className: M({ padded: u }), children: p })
+                  }
+                )
               }
             ),
-            r ? /* @__PURE__ */ s(
+            n ? /* @__PURE__ */ s(
               "div",
               {
                 className: C(),
                 "data-app-frame-slot": "end-sidebar",
-                children: r
+                children: n
               }
             ) : null
           ] }),
-          d ? /* @__PURE__ */ s("div", { className: y(), "data-app-frame-slot": "footer", children: d }) : null
+          d ? /* @__PURE__ */ s("div", { className: I(), "data-app-frame-slot": "footer", children: d }) : null
         ]
       }
     );
   }
 );
-I.displayName = "AppFrame";
+q.displayName = "AppFrame";
 export {
-  I as A
+  q as A
 };
-//# sourceMappingURL=app-frame-BYx1gcV7.js.map
+//# sourceMappingURL=app-frame-DIEMIC5V.js.map

package/dist/_chunks/{appointment-card-C06aZqA7.js → appointment-card-Cy4FOkGP.js}

@@ -2,21 +2,21 @@ import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as F } from "react";
 import { c as W } from "./index-D2ZczOXr.js";
 import { useTranslation as Y } from "react-i18next";
-import { A as O } from "./avatar-BNQNhoyL.js";
+import { A as P } from "./avatar-BNQNhoyL.js";
 import { B as i } from "./badge-DCOqV9mI.js";
-import { T as J } from "./tag-BQXwuJq1.js";
+import { T as J } from "./tag-3wgkwwDB.js";
 import { T as Q } from "./timestamp-BV2lC-wV.js";
-import { T as X } from "./transaction-chip-CscoQbxF.js";
+import { T as X } from "./transaction-chip-B6iWoVmU.js";
 import { i as Z } from "./is-safe-url-DkETxeHz.js";
-import { V as aa } from "./video-BAeICxCT.js";
-import { M as ra } from "./map-pin-B8STOPMJ.js";
+import { V as aa } from "./video-BheNGvsu.js";
+import { M as ra } from "./map-pin-BaY37-Km.js";
 import { a as ea, b as sa, c as oa } from "./entity-card-9_62gY7l.js";
-import { S as ta } from "./star-vav0SJ9e.js";
-import { c as E } from "./createLucideIcon-CrFbzy84.js";
-import { G as na } from "./globe-BkEFMNSg.js";
-import { C as da } from "./chevron-right-BrpYejk0.js";
+import { S as na } from "./star-Bf9L2Uot.js";
+import { c as E } from "./createLucideIcon-DhHxpK9K.js";
+import { G as ta } from "./globe-sHBW1JN5.js";
+import { C as da } from "./chevron-right-I9AeSxH2.js";
 /**
- * @license lucide-react v1.8.0 - ISC
+ * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -34,7 +34,7 @@ const ia = [
   ["path", { d: "M19 18v2", key: "gy7782" }]
 ], la = E("armchair", ia);
 /**
- * @license lucide-react v1.8.0 - ISC
+ * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -48,11 +48,9 @@ const ca = [
       key: "116196"
     }
   ],
-  ["path", { d: "M12 11h4", key: "1jrz19" }],
-  ["path", { d: "M12 16h4", key: "n85exb" }],
-  ["path", { d: "M8 11h.01", key: "1dfujw" }],
-  ["path", { d: "M8 16h.01", key: "18s6g9" }]
-], pa = E("clipboard-list", ca), ma = {
+  ["path", { d: "M9 14h6", key: "159ibu" }],
+  ["path", { d: "M12 17v-6", key: "1y8rbf" }]
+], pa = E("clipboard-plus", ca), ma = {
   "var(--color-violet-500)": "ds:bg-[var(--color-violet-500)]",
   "var(--color-purple-500)": "ds:bg-[var(--color-purple-500)]",
   "var(--color-magenta-500)": "ds:bg-[var(--color-magenta-500)]",
@@ -92,8 +90,11 @@ const fa = W(
         // `flat` (default) is the chrome-less row used inside a bordered
         // AppointmentTray. `elevated` gives each row its own card chrome
         // (border + shadow) for use directly on a rail, e.g. AppointmentTimeline.
+        // Uses `--shadow-sm` (a row lift), not `--shadow-card`/`--shadow-lg`:
+        // the rail's `overflow-y:auto` scroll region clips `overflow-x` at a
+        // narrow gutter, so a wide 30px-blur shadow gets a hard-edged clip.
         flat: "",
-        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)]"
+        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]"
       }
     },
     defaultVariants: {
@@ -102,7 +103,7 @@ const fa = W(
       surface: "flat"
     }
   }
-), P = [
+), j = [
   "ds:focus-visible:outline-none",
   "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]",
   "ds:after:pointer-events-auto",
@@ -122,12 +123,12 @@ const fa = W(
     locale: g,
     currency: $ = "EUR",
     showPatient: d = !0,
-    onActivate: t,
+    onActivate: n,
     className: A,
     ...D
   }, B) => {
-    var k, C, w, z, T, M, R, S, V, I, L, _, j;
-    const { t: e } = Y(), l = !!t, G = !!a.url && Z(a.url), p = ((k = a.patient) == null ? void 0 : k.name) ?? e("appointmentCard.noPatient"), n = (C = a.operator) == null ? void 0 : C.name, m = e(`appointmentCard.state.${a.state}`), h = v === "md" ? "md" : "sm", K = va[a.type], b = d ? p : n ?? e("appointmentCard.appointment"), y = d ? e("appointmentCard.itemLabel", {
+    var C, k, T, w, z, R, M, S, V, I, L, _, O;
+    const { t: e } = Y(), l = !!n, G = !!a.url && Z(a.url), p = ((C = a.patient) == null ? void 0 : C.name) ?? e("appointmentCard.noPatient"), t = (k = a.operator) == null ? void 0 : k.name, m = e(`appointmentCard.state.${a.state}`), h = v === "md" ? "md" : "sm", K = va[a.type], b = d ? p : t ?? e("appointmentCard.appointment"), y = d ? e("appointmentCard.itemLabel", {
       patient: p,
       state: m
     }) : e("appointmentCard.itemLabelGeneric", { title: b, state: m }), u = /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]", children: b });
@@ -137,9 +138,9 @@ const fa = W(
       {
         href: a.url,
         "aria-label": y,
-        className: P + " ds:contents",
+        className: j + " ds:contents",
         onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t == null || t(a);
+          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || n == null || n(a);
         },
         children: u
       }
@@ -148,8 +149,8 @@ const fa = W(
       {
         type: "button",
         "aria-label": y,
-        className: P + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => t == null ? void 0 : t(a),
+        className: j + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => n == null ? void 0 : n(a),
         children: u
       }
     ) : c = u;
@@ -169,7 +170,7 @@ const fa = W(
         },
         `${s.careName}-${H}`
       );
-    }), f = (w = a.bookingReason) == null ? void 0 : w.advanceAmountCents, N = typeof f == "number" && f > 0;
+    }), f = (T = a.bookingReason) == null ? void 0 : T.advanceAmountCents, N = typeof f == "number" && f > 0;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -205,12 +206,12 @@ const fa = W(
             ] }),
             /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: e("appointmentCard.duration", { count: a.durationMin }) })
           ] }),
-          n ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
+          t ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
             /* @__PURE__ */ r(
-              O,
+              P,
               {
-                name: n,
-                color: ea((z = a.operator) == null ? void 0 : z.colorId),
+                name: t,
+                color: ea((w = a.operator) == null ? void 0 : w.colorId),
                 size: h,
                 "aria-hidden": "true",
                 role: "presentation",
@@ -221,15 +222,15 @@ const fa = W(
               "span",
               {
                 "aria-hidden": "true",
-                className: "ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] " + ua((T = a.operator) == null ? void 0 : T.colorId)
+                className: "ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] " + ua((z = a.operator) == null ? void 0 : z.colorId)
               }
             )
           ] }) : null,
           /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ o("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
               /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                d && ((M = a.patient) != null && M.avatarUrl) ? /* @__PURE__ */ r(
-                  O,
+                d && ((R = a.patient) != null && R.avatarUrl) ? /* @__PURE__ */ r(
+                  P,
                   {
                     name: p,
                     src: a.patient.avatarUrl,
@@ -253,11 +254,11 @@ const fa = W(
                 }
               )
             ] }),
-            d && n || (R = a.bookingReason) != null && R.specialty || a.firstVisit === "yes" ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]", children: [
-              d && n ? /* @__PURE__ */ r("span", { children: n }) : null,
+            d && t || (M = a.bookingReason) != null && M.specialty || a.firstVisit === "yes" ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]", children: [
+              d && t ? /* @__PURE__ */ r("span", { children: t }) : null,
               (S = a.bookingReason) != null && S.specialty ? /* @__PURE__ */ r("span", { children: a.bookingReason.specialty }) : null,
               a.firstVisit === "yes" ? /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ r(ta, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                /* @__PURE__ */ r(na, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
                 e("appointmentCard.firstVisit")
               ] }) : null
             ] }) : null,
@@ -276,8 +277,8 @@ const fa = W(
                 }
               ) : null,
               a.chair ? /* @__PURE__ */ r(i, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ r(la, {}), children: e("appointmentCard.chair", { chair: a.chair }) }) : null,
-              (_ = a.flags) != null && _.bookedOnline ? /* @__PURE__ */ r(i, { variant: "info", size: "sm", leading: /* @__PURE__ */ r(na, {}), children: e("appointmentCard.flag.bookedOnline") }) : null,
-              (j = a.flags) != null && j.highlightedAnamnesis ? /* @__PURE__ */ r(i, { variant: "warning", size: "sm", withDot: !0, children: e("appointmentCard.flag.highlightedAnamnesis") }) : null,
+              (_ = a.flags) != null && _.bookedOnline ? /* @__PURE__ */ r(i, { variant: "info", size: "sm", leading: /* @__PURE__ */ r(ta, {}), children: e("appointmentCard.flag.bookedOnline") }) : null,
+              (O = a.flags) != null && O.highlightedAnamnesis ? /* @__PURE__ */ r(i, { variant: "warning", size: "sm", withDot: !0, children: e("appointmentCard.flag.highlightedAnamnesis") }) : null,
               N ? /* @__PURE__ */ r(
                 X,
                 {
@@ -307,4 +308,4 @@ ga.displayName = "AppointmentCard";
 export {
   ga as A
 };
-//# sourceMappingURL=appointment-card-C06aZqA7.js.map
+//# sourceMappingURL=appointment-card-Cy4FOkGP.js.map