@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/{appointment-timeline-BJM0S_Fg.js → appointment-timeline-PJgnrjFb.js}

@@ -1,18 +1,19 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { forwardRef as ve, useId as ke, useMemo as z, useRef as x, useState as X, useCallback as D, useImperativeHandle as be } from "react";
-import { c as Te } from "./index-D2ZczOXr.js";
-import { useTranslation as xe } from "react-i18next";
-import { A as De } from "./appointment-card-C06aZqA7.js";
+import { jsxs as C, jsx as o, Fragment as ve } from "react/jsx-runtime";
+import { forwardRef as ke, useId as be, useMemo as M, useRef as T, useState as X, useCallback as x, useImperativeHandle as Te } from "react";
+import { c as xe } from "./index-D2ZczOXr.js";
+import { useTranslation as De } from "react-i18next";
+import { A as we } from "./appointment-card-DVaeJNVB.js";
 import { B as K } from "./button-DD_0Xdmr.js";
-import { B as we } from "./button-group-Ciq6J4IW.js";
-import { D as Re } from "./date-picker-Dl9RKxaV.js";
-import { S as Ie } from "./skeleton-CZbwyJAA.js";
-import { E as Ne } from "./empty-state-BLy7tigq.js";
+import { B as Re } from "./button-group-CvEnVzY7.js";
+import { D as Ie } from "./date-picker-Dl9RKxaV.js";
+import { P as Se } from "./panel-header-D313n_9-.js";
+import { S as je } from "./skeleton-CZbwyJAA.js";
+import { E as Ce } from "./empty-state-BLy7tigq.js";
 import { u as Z } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Se } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as je } from "./registry-DvAUVLHh.js";
-import { C as Ce } from "./calendar-days-C4BmpCZg.js";
-const He = {
+import { u as He } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as Fe } from "./registry-DvAUVLHh.js";
+import { C as Me } from "./calendar-days-C4BmpCZg.js";
+const Ne = {
   id: "appointment-timeline",
   // 'pick' backs select_item (non-persisting activation through
   // onOpenAppointment); 'scroll' backs jump_to_today, which re-anchors the
@@ -38,8 +39,8 @@ const He = {
       idempotent: !0,
       descriptionKey: "ui.agent.appointmentTimeline.actions.selectItem",
       description: "Activate the appointment with the given id.",
-      invoke: (n, a) => {
-        n.selectItem(a.id);
+      invoke: (n, i) => {
+        n.selectItem(i.id);
       }
     },
     jump_to_today: {
@@ -68,13 +69,13 @@ const He = {
       description: "Stable appointment id emitted on each rendered AppointmentCard inside the timeline."
     }
   }
-}, O = 96, ze = Te(
+}, O = 96, _e = xe(
   [
     "ds:flex ds:flex-col ds:h-full ds:min-h-0",
     "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]"
   ].join(" "),
   { variants: { size: { sm: "", md: "" } }, defaultVariants: { size: "sm" } }
-), Me = [
+), ze = [
   "ds:flex-1 ds:min-h-0 ds:overflow-y-auto",
   "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
   "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
@@ -89,230 +90,231 @@ const He = {
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:[outline-offset:-2px]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
 ].join(" ");
-function g(n) {
-  const a = `${n.getMonth() + 1}`.padStart(2, "0"), l = `${n.getDate()}`.padStart(2, "0");
-  return `${n.getFullYear()}-${a}-${l}`;
+function f(n) {
+  const i = `${n.getMonth() + 1}`.padStart(2, "0"), l = `${n.getDate()}`.padStart(2, "0");
+  return `${n.getFullYear()}-${i}-${l}`;
 }
-function _e(n) {
-  const a = [...n].sort(
+function Be(n) {
+  const i = [...n].sort(
     (p, m) => +new Date(p.startIso) - +new Date(m.startIso)
   ), l = /* @__PURE__ */ new Map();
-  for (const p of a) {
-    const m = new Date(p.startIso), h = g(m);
-    let c = l.get(h);
+  for (const p of i) {
+    const m = new Date(p.startIso), g = f(m);
+    let c = l.get(g);
     c || (c = {
-      key: h,
+      key: g,
       date: new Date(m.getFullYear(), m.getMonth(), m.getDate()),
       items: []
-    }, l.set(h, c)), c.items.push(p);
+    }, l.set(g, c)), c.items.push(p);
   }
   return [...l.values()];
 }
-const Fe = ve(
+const Ke = ke(
   ({
     id: n,
-    items: a,
+    items: i,
     nowIso: l,
     title: p,
     locale: m,
-    currency: h,
+    currency: g,
     size: c = "sm",
-    onOpenAppointment: y,
-    onLoadEarlier: v,
-    onLoadLater: k,
-    hasMoreEarlier: w,
-    hasMoreLater: b,
-    loadingEarlier: R = !1,
-    loadingLater: C = !1,
+    onOpenAppointment: h,
+    onLoadEarlier: y,
+    onLoadLater: v,
+    hasMoreEarlier: D,
+    hasMoreLater: k,
+    loadingEarlier: w = !1,
+    loadingLater: H = !1,
     showFilters: L = !0,
-    onJumpToDate: H,
+    onJumpToDate: F,
     emptyTitle: J,
     emptyDescription: ee,
     className: te,
     "aria-label": se,
     ...ne
-  }, ae) => {
-    const { t: o, i18n: ie } = xe(), A = ke(), Y = Se(), $ = m ?? ie.language, E = p ?? o("appointmentTimeline.title"), r = z(
+  }, ie) => {
+    const { t: a, i18n: oe } = De(), A = be(), P = He(), Y = m ?? oe.language, $ = p ?? a("appointmentTimeline.title"), r = M(
       () => l ? new Date(l) : /* @__PURE__ */ new Date(),
       [l]
-    ), u = z(() => _e(a), [a]), P = w ?? !!v, q = b ?? !!k, M = z(() => {
+    ), u = M(() => Be(i), [i]), E = D ?? !!y, q = k ?? !!v, N = M(() => {
       if (u.length === 0) return;
-      const e = g(r), t = u.map((s) => s.key);
+      const e = f(r), t = u.map((s) => s.key);
       return t.includes(e) ? e : t.find((s) => s >= e) ?? t[t.length - 1];
-    }, [u, r]), I = x(null), N = x(/* @__PURE__ */ new Map()), G = x(!1), _ = x(void 0), V = x(0), [oe, re] = X(!1), [le, ce] = X(!1), S = D(() => {
-      const e = I.current;
+    }, [u, r]), R = T(null), I = T(/* @__PURE__ */ new Map()), G = T(!1), _ = T(void 0), V = T(0), [ae, re] = X(!1), [le, ce] = X(!1), S = x(() => {
+      const e = R.current;
       if (!e) return;
       const { scrollTop: t, scrollHeight: s, clientHeight: d } = e;
       re(t > 1), ce(t + d < s - 1);
-    }, []), j = D(
+    }, []), j = x(
       (e, t) => {
-        const s = I.current;
+        const s = R.current;
         if (!s) return;
-        let d = N.current.get(e);
+        let d = I.current.get(e);
         if (!d) {
-          const B = [...N.current.keys()].sort(), U = B.find((ye) => ye >= e) ?? B[B.length - 1];
-          d = U ? N.current.get(U) : void 0;
+          const B = [...I.current.keys()].sort(), U = B.find((ye) => ye >= e) ?? B[B.length - 1];
+          d = U ? I.current.get(U) : void 0;
         }
         if (!d) return;
         const he = d.getBoundingClientRect().top - s.getBoundingClientRect().top;
         s.scrollTo({
           top: s.scrollTop + he,
-          behavior: t && !Y ? "smooth" : "auto"
+          behavior: t && !P ? "smooth" : "auto"
         });
       },
-      [Y]
+      [P]
     );
     Z(() => {
       var s;
-      const e = I.current;
+      const e = R.current;
       if (!e) return;
       const t = (s = u[0]) == null ? void 0 : s.key;
       if (!G.current)
-        u.length > 0 && M && (j(M, !1), G.current = !0);
+        u.length > 0 && N && (j(N, !1), G.current = !0);
       else if (_.current && t && t < _.current) {
         const d = e.scrollHeight - V.current;
         d > 0 && (e.scrollTop += d);
       }
       _.current = t, V.current = e.scrollHeight, S();
-    }, [u, M, j, S]), Z(() => {
-      const e = I.current;
+    }, [u, N, j, S]), Z(() => {
+      const e = R.current;
       if (!e || typeof ResizeObserver > "u") return;
       const t = new ResizeObserver(S);
       return t.observe(e), () => t.disconnect();
     }, [S]);
-    const de = D(() => {
+    const de = x(() => {
       S();
-      const e = I.current;
+      const e = R.current;
       if (!e) return;
       const { scrollTop: t, scrollHeight: s, clientHeight: d } = e;
-      v && P && !R && t <= O && v(), k && q && !C && s - t - d <= O && k();
+      y && E && !w && t <= O && y(), v && q && !H && s - t - d <= O && v();
     }, [
       S,
+      y,
       v,
-      k,
-      P,
+      E,
       q,
-      R,
-      C
-    ]), T = D(
+      w,
+      H
+    ]), b = x(
       (e) => {
-        const t = g(e), s = N.current.has(t);
-        j(t, !0), s || H == null || H(e.toISOString());
+        const t = f(e), s = I.current.has(t);
+        j(t, !0), s || F == null || F(e.toISOString());
       },
-      [j, H]
-    ), me = D(() => T(r), [T, r]), pe = D(() => {
+      [j, F]
+    ), me = x(() => b(r), [b, r]), pe = x(() => {
       const e = new Date(r), t = (e.getDay() + 6) % 7;
-      e.setDate(e.getDate() - t), T(e);
-    }, [T, r]), ue = D(() => {
-      T(new Date(r.getFullYear(), r.getMonth(), 1));
-    }, [T, r]), F = x(a);
-    F.current = a;
-    const W = x(null);
-    be(ae, () => W.current, []);
-    const fe = z(
+      e.setDate(e.getDate() - t), b(e);
+    }, [b, r]), ue = x(() => {
+      b(new Date(r.getFullYear(), r.getMonth(), 1));
+    }, [b, r]), z = T(i);
+    z.current = i;
+    const W = T(null);
+    Te(ie, () => W.current, []);
+    const fe = M(
       () => ({
-        getItems: () => F.current.map((e) => ({ id: e.id, state: e.state })),
+        getItems: () => z.current.map((e) => ({ id: e.id, state: e.state })),
         selectItem: (e) => {
-          const t = F.current.find((s) => s.id === e);
-          t && (y == null || y(t));
+          const t = z.current.find((s) => s.id === e);
+          t && (h == null || h(t));
         },
-        jumpToToday: () => j(g(r), !0)
+        jumpToToday: () => j(f(r), !0)
       }),
-      [y, j, r]
+      [h, j, r]
     );
-    je(He, fe, n);
-    const ge = u.length === 0 && !R && !C, Q = (e) => /* @__PURE__ */ i(
+    Fe(Ne, fe, n);
+    const ge = u.length === 0 && !w && !H, Q = (e) => /* @__PURE__ */ o(
       "div",
       {
         "aria-hidden": "true",
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:py-[var(--spacing-xs)]",
-        children: /* @__PURE__ */ i(Ie, { variant: "rectangular", height: "3.5rem" })
+        children: /* @__PURE__ */ o(je, { variant: "rectangular", height: "3.5rem" })
       },
       e
     );
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ C(
       "section",
       {
         ref: W,
         "data-component": "appointment-timeline",
         "data-component-id": n,
-        "aria-label": se ?? E,
-        className: ze({ size: c, className: te }),
+        "aria-label": se ?? $,
+        className: _e({ size: c, className: te }),
         ...ne,
         children: [
-          /* @__PURE__ */ f("header", { className: "ds:shrink-0 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)]", children: [
-            /* @__PURE__ */ f("h2", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
-              /* @__PURE__ */ i(Ce, { "aria-hidden": "true", className: "ds:size-4" }),
-              E
-            ] }),
-            L ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ f(we, { label: o("appointmentTimeline.filtersLabel"), children: [
-                /* @__PURE__ */ i(K, { intent: "outline", size: "sm", onClick: me, children: o("appointmentTimeline.today") }),
-                /* @__PURE__ */ i(K, { intent: "outline", size: "sm", onClick: pe, children: o("appointmentTimeline.thisWeek") }),
-                /* @__PURE__ */ i(K, { intent: "outline", size: "sm", onClick: ue, children: o("appointmentTimeline.thisMonth") })
-              ] }),
-              /* @__PURE__ */ i("label", { htmlFor: A, className: "ds:sr-only", children: o("appointmentTimeline.jumpToDate") }),
-              /* @__PURE__ */ i(
-                Re,
-                {
-                  id: A,
-                  size: "sm",
-                  placeholder: o("appointmentTimeline.jumpToDate"),
-                  onChange: (e) => {
-                    e && T(e);
+          /* @__PURE__ */ o(
+            Se,
+            {
+              icon: /* @__PURE__ */ o(Me, {}),
+              title: $,
+              filters: L ? /* @__PURE__ */ C(ve, { children: [
+                /* @__PURE__ */ C(Re, { label: a("appointmentTimeline.filtersLabel"), children: [
+                  /* @__PURE__ */ o(K, { intent: "outline", size: "sm", onClick: me, children: a("appointmentTimeline.today") }),
+                  /* @__PURE__ */ o(K, { intent: "outline", size: "sm", onClick: pe, children: a("appointmentTimeline.thisWeek") }),
+                  /* @__PURE__ */ o(K, { intent: "outline", size: "sm", onClick: ue, children: a("appointmentTimeline.thisMonth") })
+                ] }),
+                /* @__PURE__ */ o("label", { htmlFor: A, className: "ds:sr-only", children: a("appointmentTimeline.jumpToDate") }),
+                /* @__PURE__ */ o(
+                  Ie,
+                  {
+                    id: A,
+                    size: "sm",
+                    placeholder: a("appointmentTimeline.jumpToDate"),
+                    onChange: (e) => {
+                      e && b(e);
+                    }
                   }
-                }
-              )
-            ] }) : null
-          ] }),
-          ge ? /* @__PURE__ */ i("div", { className: "ds:flex-1 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ i(
-            Ne,
+                )
+              ] }) : void 0
+            }
+          ),
+          ge ? /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ o(
+            Ce,
             {
               variant: "first-use",
               size: "sm",
-              title: J ?? o("appointmentTimeline.empty.title"),
-              description: ee ?? o("appointmentTimeline.empty.description")
+              title: J ?? a("appointmentTimeline.empty.title"),
+              description: ee ?? a("appointmentTimeline.empty.description")
             }
-          ) }) : /* @__PURE__ */ f(
+          ) }) : /* @__PURE__ */ C(
             "div",
             {
-              ref: I,
+              ref: R,
               tabIndex: 0,
               onScroll: de,
-              "data-fade-top": oe ? "true" : void 0,
+              "data-fade-top": ae ? "true" : void 0,
               "data-fade-bottom": le ? "true" : void 0,
-              className: Me,
+              className: ze,
               children: [
-                R ? Q("loading-earlier") : null,
-                /* @__PURE__ */ i("ol", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-md)] ds:p-0", children: u.map((e) => /* @__PURE__ */ f(
+                w ? Q("loading-earlier") : null,
+                /* @__PURE__ */ o("ol", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-md)] ds:p-0", children: u.map((e) => /* @__PURE__ */ C(
                   "li",
                   {
                     ref: (t) => {
-                      t ? N.current.set(e.key, t) : N.current.delete(e.key);
+                      t ? I.current.set(e.key, t) : I.current.delete(e.key);
                     },
                     className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
                     children: [
-                      /* @__PURE__ */ i(
-                        Be,
+                      /* @__PURE__ */ o(
+                        Ae,
                         {
                           date: e.date,
                           now: r,
-                          locale: $,
-                          todayLabel: o("appointmentTimeline.today"),
-                          tomorrowLabel: o("appointmentTimeline.tomorrow"),
-                          yesterdayLabel: o("appointmentTimeline.yesterday")
+                          locale: Y,
+                          todayLabel: a("appointmentTimeline.today"),
+                          tomorrowLabel: a("appointmentTimeline.tomorrow"),
+                          yesterdayLabel: a("appointmentTimeline.yesterday")
                         }
                       ),
-                      /* @__PURE__ */ i("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: e.items.map((t) => /* @__PURE__ */ i(
-                        De,
+                      /* @__PURE__ */ o("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: e.items.map((t) => /* @__PURE__ */ o(
+                        we,
                         {
                           item: t,
                           size: c,
                           surface: "elevated",
                           showPatient: !1,
-                          locale: $,
-                          currency: h,
-                          onActivate: y,
+                          locale: Y,
+                          currency: g,
+                          onActivate: h,
                           "data-appointment-id": t.id
                         },
                         t.id
@@ -321,7 +323,7 @@ const Fe = ve(
                   },
                   e.key
                 )) }),
-                C ? Q("loading-later") : null
+                H ? Q("loading-later") : null
               ]
             }
           )
@@ -330,57 +332,57 @@ const Fe = ve(
     );
   }
 );
-Fe.displayName = "AppointmentTimeline";
-function Be({
+Ke.displayName = "AppointmentTimeline";
+function Ae({
   date: n,
-  now: a,
+  now: i,
   locale: l,
   todayLabel: p,
   tomorrowLabel: m,
-  yesterdayLabel: h
+  yesterdayLabel: g
 }) {
-  const c = g(n), y = g(a), v = new Date(a);
-  v.setDate(a.getDate() + 1);
-  const k = new Date(a);
-  k.setDate(a.getDate() - 1);
-  const w = c === y;
-  let b;
-  if (w) b = p;
-  else if (c === g(v)) b = m;
-  else if (c === g(k)) b = h;
+  const c = f(n), h = f(i), y = new Date(i);
+  y.setDate(i.getDate() + 1);
+  const v = new Date(i);
+  v.setDate(i.getDate() - 1);
+  const D = c === h;
+  let k;
+  if (D) k = p;
+  else if (c === f(y)) k = m;
+  else if (c === f(v)) k = g;
   else {
-    const R = n.getFullYear() === a.getFullYear();
-    b = new Intl.DateTimeFormat(l, {
+    const w = n.getFullYear() === i.getFullYear();
+    k = new Intl.DateTimeFormat(l, {
       weekday: "short",
       day: "numeric",
       month: "short",
-      ...R ? {} : { year: "numeric" }
+      ...w ? {} : { year: "numeric" }
     }).format(n);
   }
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ C(
     "div",
     {
-      "data-today": w ? "true" : void 0,
+      "data-today": D ? "true" : void 0,
       className: [
         "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--card)] ds:py-[var(--spacing-2xs)]",
         "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] type-eyebrow",
-        w ? "ds:text-[color:var(--primary)] ds:font-semibold" : "ds:text-[color:var(--muted-foreground)]"
+        D ? "ds:text-[color:var(--primary)] ds:font-semibold" : "ds:text-[color:var(--muted-foreground)]"
       ].join(" "),
       children: [
-        w ? /* @__PURE__ */ i(
+        D ? /* @__PURE__ */ o(
           "span",
           {
             "aria-hidden": "true",
             className: "ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)]"
           }
         ) : null,
-        b
+        k
       ]
     }
   );
 }
 export {
-  Fe as A,
-  He as a
+  Ke as A,
+  Ne as a
 };
-//# sourceMappingURL=appointment-timeline-BJM0S_Fg.js.map
+//# sourceMappingURL=appointment-timeline-PJgnrjFb.js.map

package/dist/_chunks/{appointment-tray-DRRw5ROi.js → appointment-tray-B16QPGbm.js}

@@ -5,7 +5,7 @@ import { useTranslation as H } from "react-i18next";
 import { I as M } from "./icon-button-LqoiKcUN.js";
 import { S as q } from "./skeleton-CZbwyJAA.js";
 import { E as K } from "./empty-state-BLy7tigq.js";
-import { A as V } from "./appointment-card-C06aZqA7.js";
+import { A as V } from "./appointment-card-DVaeJNVB.js";
 import { u as _ } from "./registry-DvAUVLHh.js";
 import { C as B } from "./calendar-days-C4BmpCZg.js";
 import { P as D } from "./plus-CYKNmfuA.js";
@@ -190,4 +190,4 @@ export {
   ae as a,
   L as b
 };
-//# sourceMappingURL=appointment-tray-DRRw5ROi.js.map
+//# sourceMappingURL=appointment-tray-B16QPGbm.js.map

package/dist/_chunks/{audio-recorder-Cpdk5qpQ.js → audio-recorder-DNDsOLqO.js}

@@ -4,7 +4,7 @@ import { c as oe } from "./index-D2ZczOXr.js";
 import { useTranslation as ue } from "react-i18next";
 import { B as G } from "./button-DD_0Xdmr.js";
 import { I as D } from "./icon-button-LqoiKcUN.js";
-import { S as pe } from "./select-DMLG44F5.js";
+import { S as pe } from "./select-KsyRr8WH.js";
 import { A as le } from "./audio-visualiser-l6zPd0AG.js";
 import { A as F } from "./alert-CHYZ96tR.js";
 import { u as me } from "./registry-DvAUVLHh.js";
@@ -447,4 +447,4 @@ export {
   De as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-Cpdk5qpQ.js.map
+//# sourceMappingURL=audio-recorder-DNDsOLqO.js.map