@alfadocs/ui-kit 0.38.0 → 0.40.0

package/dist/_chunks/{accordion-bSU21uTV.js → accordion-9lJSMMsZ.js}

@@ -70,8 +70,8 @@ const L = {
   variants: {
     variant: {
       default: "",
-      card: "ds:bg-[var(--card)] ds:border ds:border-[var(--card-border,var(--border))] ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
-      separated: "ds:border ds:border-border ds:rounded-[var(--radius-md)] ds:overflow-hidden"
+      card: "ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
+      separated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:rounded-[var(--radius-md)] ds:overflow-hidden"
     }
   },
   defaultVariants: {
@@ -97,12 +97,12 @@ const L = {
   ].join(" ")
 ), V = g(
   ({ variant: a = "default", className: t, children: n, id: r, ...p }, h) => {
-    const v = b(null), N = F(h, v), R = J(v), c = p, A = p.type === "multiple", y = c.value !== void 0, [_, T] = S(
+    const v = b(null), N = F(h, v), _ = J(v), c = p, A = p.type === "multiple", y = c.value !== void 0, [R, T] = S(
       () => {
         const e = c.defaultValue;
         return e !== void 0 ? e : A ? [] : "";
       }
-    ), k = c.value, i = y ? k : _, l = b(i);
+    ), k = c.value, i = y ? k : R, l = b(i);
     H(() => {
       l.current = i;
     }, [i]);
@@ -158,7 +158,7 @@ const L = {
       u.Root,
       {
         ref: N,
-        dir: R,
+        dir: _,
         id: r,
         "data-component": "accordion",
         "data-component-id": r,
@@ -225,4 +225,4 @@ export {
   w as c,
   L as d
 };
-//# sourceMappingURL=accordion-bSU21uTV.js.map
+//# sourceMappingURL=accordion-9lJSMMsZ.js.map

package/dist/_chunks/{agenda-tray-By_asPN9.js → agenda-tray-Dyj9ChHC.js}

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as R, useRef as f, useImperativeHandle as z, useMemo as C } from "react";
 import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as j } from "react-i18next";
-import { I as _ } from "./icon-button-CKEOrN37.js";
+import { useTranslation as _ } from "react-i18next";
+import { I as j } from "./icon-button-CKEOrN37.js";
 import { S as E } from "./skeleton-CZbwyJAA.js";
 import { E as P } from "./empty-state-BLy7tigq.js";
 import { A as H } from "./agenda-card-CFyWSX7Z.js";
@@ -68,6 +68,7 @@ const q = [
   [
     "ds:flex ds:flex-col",
     "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
     "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
     "ds:overflow-hidden"
   ].join(" "),
@@ -89,24 +90,24 @@ const q = [
     title: u,
     caption: c,
     size: l = "sm",
-    onOpenAppointment: d,
+    onOpenAppointment: r,
     onAddAppointment: m,
     addLabel: v,
     loading: p = !1,
     emptyTitle: x,
     emptyDescription: k,
-    className: T,
-    ...w
-  }, N) => {
-    const { t: r } = j(), y = u ?? r("agendaTray.title", "Today's appointments"), b = v ?? r("agendaTray.add", "Add appointment"), I = !p && s.length === 0;
+    className: b,
+    ...T
+  }, w) => {
+    const { t: d } = _(), y = u ?? d("agendaTray.title", "Today's appointments"), N = v ?? d("agendaTray.add", "Add appointment"), I = !p && s.length === 0;
     let i;
     p ? i = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((e) => /* @__PURE__ */ a(E, { variant: "rectangular", height: "2.5rem" }, e)) }) : I ? i = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
       P,
       {
         variant: "first-use",
         size: "sm",
-        title: x ?? r("agendaTray.empty.title", "No appointments"),
-        description: k ?? r(
+        title: x ?? d("agendaTray.empty.title", "No appointments"),
+        description: k ?? d(
           "agendaTray.empty.description",
           "New appointments will appear here."
         )
@@ -116,15 +117,15 @@ const q = [
       {
         item: e,
         size: l,
-        onActivate: d,
+        onActivate: r,
         "data-appointment-id": e.id
       },
       e.id
     )) });
     const o = f(s);
     o.current = s;
-    const g = f(null);
-    z(N, () => g.current, []);
+    const h = f(null);
+    z(w, () => h.current, []);
     const M = C(
       () => ({
         getItems: () => o.current.map((e) => ({
@@ -132,21 +133,21 @@ const q = [
           status: e.status ?? "confirmed"
         })),
         selectItem: (e) => {
-          const h = o.current.find((A) => A.id === e);
-          h && (d == null || d(h));
+          const g = o.current.find((A) => A.id === e);
+          g && (r == null || r(g));
         }
       }),
-      [d]
+      [r]
     );
     return K(D, M, t), /* @__PURE__ */ n(
       "section",
       {
-        ref: g,
+        ref: h,
         "aria-label": y,
         "data-component": "agenda-tray",
         "data-component-id": t,
-        className: F({ size: l, className: T }),
-        ...w,
+        className: F({ size: l, className: b }),
+        ...T,
         children: [
           /* @__PURE__ */ n("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
@@ -157,12 +158,12 @@ const q = [
               c ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: c }) : null
             ] }),
             m ? /* @__PURE__ */ a(
-              _,
+              j,
               {
                 icon: /* @__PURE__ */ a(V, {}),
                 intent: "outline",
                 size: "sm",
-                "aria-label": b,
+                "aria-label": N,
                 onClick: m
               }
             ) : null
@@ -178,4 +179,4 @@ export {
   G as A,
   D as a
 };
-//# sourceMappingURL=agenda-tray-By_asPN9.js.map
+//# sourceMappingURL=agenda-tray-Dyj9ChHC.js.map

package/dist/_chunks/{bmi-calculator-BRUru9QX.js → bmi-calculator-DnEr513I.js}

@@ -6,7 +6,7 @@ import { R as I } from "./radio-TWf9Q-mp.js";
 import { R as _ } from "./radio-group-BcF92GEF.js";
 import { F as T } from "./form-field-BOm9hK35.js";
 import { N as h } from "./number-input-Dj5L3pXK.js";
-import { C as q } from "./chart-DnHvmiDX.js";
+import { C as q } from "./chart-Cbt0_sKv.js";
 import { B as J } from "./badge-zsf5i5bH.js";
 import { I as Q } from "./insert-result-yJ0QavoN.js";
 import { a as X, b as Z, e as aa, c as la, f as S, l as G, k as ea } from "./bmi-BxD-tFzU.js";
@@ -210,4 +210,4 @@ ra.displayName = "BmiCalculator";
 export {
   ra as B
 };
-//# sourceMappingURL=bmi-calculator-BRUru9QX.js.map
+//# sourceMappingURL=bmi-calculator-DnEr513I.js.map

package/dist/_chunks/{booking-DK_BPHnQ.js → booking-4mCw3Mpl.js}

@@ -20,7 +20,7 @@ import { C as Ge } from "./combobox-BC-DFx8G.js";
 import { M as Ue } from "./multi-select-DOLO3K_z.js";
 import { S as Te } from "./skeleton-CZbwyJAA.js";
 import { E as dt } from "./empty-state-BLy7tigq.js";
-import { S as $t } from "./stepper-accordion-BfS6lUB9.js";
+import { S as $t } from "./stepper-accordion-Dki6r9ZE.js";
 import { S as zt } from "./stepper-progress-DDjq5nei.js";
 import { p as F, S as Kt } from "./slot-grid-BlHHP9Qy.js";
 import { s as le, i as at } from "./isSameDay-DUEiAT0G.js";
@@ -2697,4 +2697,4 @@ export {
   X as O,
   Da as b
 };
-//# sourceMappingURL=booking-DK_BPHnQ.js.map
+//# sourceMappingURL=booking-4mCw3Mpl.js.map

package/dist/_chunks/{chart-DnHvmiDX.js → chart-Cbt0_sKv.js}

@@ -1,10 +1,10 @@
 import { jsxs as T, jsx as c } from "react/jsx-runtime";
-import { forwardRef as Q, useId as X, useMemo as d, useRef as tt, useState as E, useEffect as P, useImperativeHandle as et } from "react";
+import { forwardRef as Q, useId as X, useMemo as d, useRef as tt, useState as P, useEffect as $, useImperativeHandle as et } from "react";
 import { c as ot } from "./index-D2ZczOXr.js";
 import { useTranslation as at } from "react-i18next";
 import rt from "react-apexcharts";
-import $ from "apexcharts";
-import { u as nt, g as k } from "./apexcharts-theme-BJigns_V.js";
+import k from "apexcharts";
+import { u as nt, g as G } from "./apexcharts-theme-BJigns_V.js";
 import { u as st } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as it } from "./registry-nPAVE19X.js";
 const ct = {
@@ -38,7 +38,11 @@ const ct = {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
-      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]"
+      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]",
+      // Applied when an explicit `height` prop is given and no density was
+      // requested: the wrapper must not exceed the caller's height (a 96px
+      // KPI chart inside a card must not reserve 320px).
+      none: ""
     }
   },
   defaultVariants: { density: "comfortable" }
@@ -69,38 +73,38 @@ const ft = Q(
     id: l,
     type: o,
     series: p,
-    categories: g,
-    labels: v,
-    height: G,
+    categories: v,
+    labels: g,
+    height: L,
     width: H,
-    patterns: L = !1,
+    patterns: O = !1,
     toolbar: R = !1,
     locale: _,
     radialValueFormatter: m,
     density: M,
     className: U
   }, D) => {
-    const { t: a, i18n: W } = at(), O = X(), u = d(
-      () => `chart-${O.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [O]
-    ), S = `${u}-summary`, y = tt(null), [A, Y] = E(0);
+    const { t: a, i18n: W } = at(), A = X(), u = d(
+      () => `chart-${A.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [A]
+    ), S = `${u}-summary`, y = tt(null), [z, Y] = P(0);
     nt(y);
-    const h = _ ?? W.language ?? "en", [z, Z] = E(
+    const h = _ ?? W.language ?? "en", [N, Z] = P(
       () => {
         try {
-          return k();
+          return G();
         } catch {
           return {};
         }
       }
     );
-    P(() => {
+    $(() => {
       if (typeof document > "u") return;
       let t;
       const e = new MutationObserver(() => {
         clearTimeout(t), t = setTimeout(() => {
           try {
-            Z(k());
+            Z(G());
           } catch {
           }
         }, 50);
@@ -111,7 +115,7 @@ const ft = Q(
       }), () => {
         clearTimeout(t), e.disconnect();
       };
-    }, []), P(() => {
+    }, []), $(() => {
       const t = y.current;
       if (!t || typeof ResizeObserver > "u") return;
       const e = new ResizeObserver((n) => {
@@ -123,24 +127,24 @@ const ft = Q(
     const I = d(
       () => ({
         async dataURI() {
-          const t = $.getChartByID(u);
+          const t = k.getChartByID(u);
           return t ? (await t.dataURI()).imgURI : "";
         },
         updateSeries(t) {
-          const e = $.getChartByID(u);
+          const e = k.getChartByID(u);
           e && (x(o), e.updateSeries(t));
         }
       }),
       [u, o]
     );
     et(D, () => I, [I]), it(ct, I, l);
-    const C = typeof document < "u" && document.documentElement.dir === "rtl", N = d(
+    const C = typeof document < "u" && document.documentElement.dir === "rtl", B = d(
       () => pt(p, o),
       [p, o]
     ), f = d(
       () => new Intl.NumberFormat(h),
       [h]
-    ), B = d(
+    ), E = d(
       () => ({
         name: h,
         options: {
@@ -161,7 +165,7 @@ const ft = Q(
       [h, a]
     ), w = st(), j = d(() => {
       var n, s, b;
-      const t = z, e = {
+      const t = N, e = {
         ...t,
         chart: {
           ...t.chart,
@@ -172,11 +176,11 @@ const ft = Q(
             enabled: !w,
             dynamicAnimation: { enabled: !w }
           },
-          locales: [B],
+          locales: [E],
           defaultLocale: h,
           parentHeightOffset: 0
         },
-        labels: v,
+        labels: g,
         legend: {
           ...t.legend,
           position: "bottom",
@@ -199,7 +203,7 @@ const ft = Q(
       };
       if (ht(o) && (e.xaxis = {
         ...t.xaxis,
-        categories: g ?? []
+        categories: v ?? []
       }, e.yaxis = {
         ...t.yaxis,
         opposite: C,
@@ -225,7 +229,7 @@ const ft = Q(
           }
         };
       }
-      return L ? e.fill = {
+      return O ? e.fill = {
         type: "pattern",
         opacity: o === "area" ? 0.3 : 1,
         pattern: {
@@ -237,22 +241,22 @@ const ft = Q(
         opacity: 0.3
       }), e;
     }, [
-      z,
+      N,
       u,
       R,
       w,
-      B,
+      E,
       h,
-      v,
+      g,
       f,
       a,
       o,
-      g,
+      v,
       C,
-      L,
+      O,
       m
-    ]), q = H ?? (A > 0 ? A : "100%"), V = G ?? 320, F = d(() => {
-      const t = x(o) ? v ?? [] : g ?? [], e = N;
+    ]), q = H ?? (z > 0 ? z : "100%"), V = L ?? 320, F = d(() => {
+      const t = x(o) ? g ?? [] : v ?? [], e = B;
       return /* @__PURE__ */ T("table", { id: S, className: "ds:sr-only", children: [
         /* @__PURE__ */ c("caption", { children: r }),
         /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ T("tr", { children: [
@@ -266,9 +270,9 @@ const ft = Q(
       ] });
     }, [
       o,
-      N,
-      v,
+      B,
       g,
+      v,
       S,
       r,
       a,
@@ -282,7 +286,12 @@ const ft = Q(
         role: "img",
         "aria-label": r,
         "aria-describedby": S,
-        className: dt({ density: M, className: U }),
+        className: dt({
+          // Explicit height wins over the density min-height unless the
+          // caller also asked for a density explicitly.
+          density: M ?? (L !== void 0 ? "none" : void 0),
+          className: U
+        }),
         "data-component": "chart",
         "data-component-id": l,
         children: [
@@ -309,4 +318,4 @@ export {
   dt as a,
   ct as c
 };
-//# sourceMappingURL=chart-DnHvmiDX.js.map
+//# sourceMappingURL=chart-Cbt0_sKv.js.map

package/dist/_chunks/{collapsible-CERONory.js → collapsible-X3oaLPU3.js}

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as p, useRef as f, useMemo as C, useEffect as v } from "react";
 import * as b from "@radix-ui/react-collapsible";
-import { a as y, c as h } from "./index-D2ZczOXr.js";
+import { a as h, c as y } from "./index-D2ZczOXr.js";
 import { u as k } from "./use-controllable-state-BiY4xTzM.js";
 import { u as w } from "./registry-nPAVE19X.js";
 const x = {
@@ -53,11 +53,11 @@ const x = {
       description: "Sourced from the id prop."
     }
   }
-}, O = h("", {
+}, O = y("", {
   variants: {
     variant: {
       default: "",
-      card: "ds:bg-[var(--card)] ds:border ds:border-border ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
+      card: "ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
       minimal: "ds:forced-colors:[border-block-end:1px_solid]"
     }
   },
@@ -129,7 +129,7 @@ const K = p(
       ref: l,
       "aria-labelledby": a,
       "aria-label": t,
-      className: y(R, e),
+      className: h(R, e),
       ...s,
       children: o
     }
@@ -142,4 +142,4 @@ export {
   T as b,
   x as c
 };
-//# sourceMappingURL=collapsible-CERONory.js.map
+//# sourceMappingURL=collapsible-X3oaLPU3.js.map