@alfadocs/ui-kit 0.37.0 → 0.39.0

package/dist/_chunks/{signature-capture-C-fF71xI.js → signature-capture-BRzCklg4.js}

@@ -48,7 +48,9 @@ const Pe = {
     "ds:signature-capture-alfadocs ds:flex ds:flex-col",
     "ds:gap-[var(--spacing-sm)]",
     "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)]",
+    "ds:shadow-[var(--shadow-card)]",
+    "ds:[.theme-accessible_&]:border-2",
     "ds:p-[var(--spacing-sm)]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
@@ -138,7 +140,8 @@ const Pe = {
     "ds:inline-size-[var(--signature-width)]",
     "ds:block-size-[var(--signature-height)]",
     "ds:rounded-[var(--radius-sm)]",
-    "ds:border ds:border-[color:var(--border)]",
+    "ds:border ds:border-[color:var(--card-border)]",
+    "ds:[.theme-accessible_&]:border-2",
     "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
     "ds:font-[family-name:var(--font-sans)]",
     "ds:italic",
@@ -187,13 +190,13 @@ async function Ie(t) {
   return "";
 }
 function He(t, n, s, i, a) {
-  const m = Math.max(
+  const v = Math.max(
     1,
     typeof window < "u" ? window.devicePixelRatio : 1
   ), z = document.createElement("canvas");
-  z.width = Math.floor(n * m), z.height = Math.floor(s * m);
+  z.width = Math.floor(n * v), z.height = Math.floor(s * v);
   const l = z.getContext("2d");
-  return l && (l.setTransform(m, 0, 0, m, 0, 0), l.fillStyle = a, l.fillRect(0, 0, n, s), l.fillStyle = i, l.font = "32px italic sans-serif", l.textAlign = "center", l.textBaseline = "middle", l.fillText(t, n / 2, s / 2, n - 16)), z;
+  return l && (l.setTransform(v, 0, 0, v, 0, 0), l.fillStyle = a, l.fillRect(0, 0, n, s), l.fillStyle = i, l.font = "32px italic sans-serif", l.textAlign = "center", l.textBaseline = "middle", l.fillText(t, n / 2, s / 2, n - 16)), z;
 }
 const Ue = ze(
   ({
@@ -202,7 +205,7 @@ const Ue = ze(
     onClear: s,
     onStart: i,
     width: a = 400,
-    height: m = 200,
+    height: v = 200,
     penColor: z,
     backgroundColor: l,
     allowTypedFallback: ce = !0,
@@ -213,13 +216,13 @@ const Ue = ze(
     const { t: o } = Me(), G = Se(), Z = `${ae(
       () => `sig-${G.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [G]
-    )}-live`, F = C(null), J = C(null), V = C(null), K = C(null), y = C(null), [d, ge] = N("draw"), [S, L] = N(""), [pe, I] = N(!1), ve = C("empty"), [me, be] = N(""), [b, he] = N(""), [w, ye] = N(""), j = C(i), E = C(s), B = C(n);
+    )}-live`, F = C(null), J = C(null), V = C(null), K = C(null), y = C(null), [d, ge] = N("draw"), [S, L] = N(""), [pe, I] = N(!1), me = C("empty"), [ve, be] = N(""), [b, he] = N(""), [w, ye] = N(""), j = C(i), E = C(s), B = C(n);
     P(() => {
       j.current = i, E.current = s, B.current = n;
     }, [i, s, n]);
     const g = T(
       (e) => {
-        ve.current = e, be(o(`signature.state.${e}`));
+        me.current = e, be(o(`signature.state.${e}`));
       },
       [o]
     );
@@ -272,10 +275,10 @@ const Ue = ze(
         ), p = Math.max(1, Math.floor(r.width * c)), x = Math.max(1, Math.floor(r.height * c)), A = Math.min(p, Q), k = Math.min(x, Q);
         if (e.width === A && e.height === k)
           return;
-        const v = y.current, M = v ? v.toData() : null;
+        const m = y.current, M = m ? m.toData() : null;
         e.width = A, e.height = k;
         const D = e.getContext("2d");
-        D && D.scale(c, c), v && (w && (v.backgroundColor = w), b && (v.penColor = b), v.clear(), M && M.length > 0 && v.fromData(M));
+        D && D.scale(c, c), m && (w && (m.backgroundColor = w), b && (m.penColor = b), m.clear(), M && M.length > 0 && m.fromData(M));
       },
       [w, b]
     );
@@ -304,18 +307,18 @@ const Ue = ze(
       if (d === "typed") return S.trim().length === 0;
       const e = y.current;
       return e ? e.isEmpty() : !0;
-    }, [d, S]), O = T(async () => {
+    }, [d, S]), _ = T(async () => {
       var ne;
       const e = de(
         typeof a == "number" ? `${a}` : String(a)
       ), r = de(
-        typeof m == "number" ? `${m}` : String(m)
+        typeof v == "number" ? `${v}` : String(v)
       ), c = d === "draw" ? V.current ?? J.current ?? F.current : K.current ?? F.current, p = c == null ? void 0 : c.getBoundingClientRect(), x = e ?? (p ? p.width : 400), A = r ?? (p ? p.height : 200);
-      let k = "", v = "", M;
+      let k = "", m = "", M;
       if (d === "draw") {
         const u = y.current;
         if (!u || u.isEmpty()) return null;
-        k = u.toDataURL("image/png"), v = u.toSVG(), M = u.toData();
+        k = u.toDataURL("image/png"), m = u.toSVG(), M = u.toData();
       } else {
         const u = S.trim();
         if (u.length === 0) return null;
@@ -327,7 +330,7 @@ const Ue = ze(
           w || "transparent"
         ).toDataURL("image/png");
         const W = u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-        v = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${x} ${A}" width="${x}" height="${A}"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-style="italic" font-size="32" fill="${b || "currentColor"}" letter-spacing="3">${W}</text></svg>`;
+        m = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${x} ${A}" width="${x}" height="${A}"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-style="italic" font-size="32" fill="${b || "currentColor"}" letter-spacing="3">${W}</text></svg>`;
       }
       const D = x * 25.4 / 96, ke = A * 25.4 / 96, Ce = (/* @__PURE__ */ new Date()).toISOString();
       let te = "";
@@ -337,7 +340,7 @@ const Ue = ze(
       }
       const re = {
         png: k,
-        svg: v,
+        svg: m,
         widthMm: D,
         heightMm: ke,
         capturedAt: Ce,
@@ -345,23 +348,23 @@ const Ue = ze(
         strokes: M
       };
       return g("captured"), (ne = B.current) == null || ne.call(B, re), re;
-    }, [d, S, a, m, b, w, g]), _ = ae(
+    }, [d, S, a, v, b, w, g]), O = ae(
       () => ({
         clear: H,
         undo: U,
         isEmpty: Y,
-        confirm: O
+        confirm: _
       }),
-      [H, U, Y, O]
+      [H, U, Y, _]
     );
-    Re(fe, () => _, [_]), Ne(Pe, _, t);
+    Re(fe, () => O, [O]), Ne(Pe, O, t);
     const we = d === "typed" ? S.trim().length > 0 : pe, ee = f || !we, xe = {
       "--signature-width": oe(
         a,
         "var(--signature-default-width)"
       ),
       "--signature-height": oe(
-        m,
+        v,
         "var(--signature-default-height)"
       )
     };
@@ -421,7 +424,7 @@ const Ue = ze(
               "aria-atomic": "true",
               className: "ds:sr-only",
               "data-testid": "signature-live",
-              children: me
+              children: ve
             }
           ),
           /* @__PURE__ */ X(
@@ -473,7 +476,7 @@ const Ue = ze(
                   {
                     type: "button",
                     onClick: () => {
-                      ee || O();
+                      ee || _();
                     },
                     "aria-disabled": ee || void 0,
                     "aria-describedby": Z,
@@ -495,4 +498,4 @@ export {
   Ue as S,
   Pe as s
 };
-//# sourceMappingURL=signature-capture-C-fF71xI.js.map
+//# sourceMappingURL=signature-capture-BRzCklg4.js.map

package/dist/_chunks/social-sign-in-button-X54ySJr1.js

@@ -0,0 +1,243 @@
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as y, useRef as p, useEffect as N } from "react";
+import { c as n } from "./index-D2ZczOXr.js";
+import { useTranslation as j } from "react-i18next";
+import { S as V } from "./spinner-CCByyvcb.js";
+function A({ className: e }) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      children: /* @__PURE__ */ s("path", { d: "M17.05 12.536c-.024-2.51 2.05-3.715 2.143-3.774-1.168-1.708-2.985-1.942-3.63-1.967-1.546-.157-3.018.91-3.802.91-.783 0-1.99-.888-3.273-.864-1.684.025-3.236.978-4.102 2.485-1.748 3.03-.448 7.513 1.255 9.97.832 1.203 1.825 2.552 3.127 2.504 1.255-.05 1.73-.81 3.247-.81 1.518 0 1.945.81 3.273.786 1.351-.025 2.206-1.227 3.03-2.434.955-1.394 1.348-2.745 1.372-2.815-.03-.013-2.633-1.01-2.66-4.001m-2.48-7.343c.692-.838 1.158-2.002 1.03-3.163-.997.04-2.205.664-2.92 1.502-.64.742-1.2 1.927-1.05 3.066 1.112.086 2.247-.566 2.94-1.405" })
+    }
+  );
+}
+function v({ className: e }) {
+  return /* @__PURE__ */ m(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      children: [
+        /* @__PURE__ */ s(
+          "path",
+          {
+            fill: "#4285F4",
+            d: "M23.52 12.273c0-.851-.076-1.67-.218-2.455H12v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.09 3.578-5.166 3.578-8.819z"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "path",
+          {
+            fill: "#34A853",
+            d: "M12 24c3.24 0 5.956-1.075 7.942-2.908l-3.878-3.01c-1.075.72-2.45 1.146-4.064 1.146-3.125 0-5.77-2.11-6.714-4.946H1.276v3.106A11.995 11.995 0 0 0 12 24z"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "path",
+          {
+            fill: "#FBBC05",
+            d: "M5.286 14.282A7.213 7.213 0 0 1 4.91 12c0-.792.136-1.562.376-2.282V6.612H1.276A11.995 11.995 0 0 0 0 12c0 1.936.464 3.768 1.276 5.388l4.01-3.106z"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "path",
+          {
+            fill: "#EA4335",
+            d: "M12 4.773c1.762 0 3.344.605 4.589 1.794l3.442-3.442C17.951 1.19 15.235 0 12 0A11.995 11.995 0 0 0 1.276 6.612l4.01 3.106C6.23 6.882 8.875 4.773 12 4.773z"
+          }
+        )
+      ]
+    }
+  );
+}
+const M = n(
+  [
+    "ds:relative ds:inline-flex ds:items-center ds:justify-center",
+    "ds:font-medium ds:whitespace-nowrap",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:border ds:border-solid",
+    "ds:active:opacity-90",
+    "ds:transition-[background-color,box-shadow,opacity]",
+    "ds:duration-[var(--animation-duration)]",
+    // Focus ring is `var(--ring)` (the kit primary), NEVER the brand
+    // surface colour — painting the ring in the brand hue on a brand
+    // surface makes it invisible. Same rule WhatsAppButton codifies.
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    // Windows High Contrast Mode strips brand fills — repaint a solid
+    // border edge + swap the focus ring to CanvasText so the affordance
+    // stays identifiable.
+    "ds:forced-colors:border-[ButtonBorder]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed",
+    "ds:aria-busy:cursor-wait",
+    "ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      provider: {
+        apple: "",
+        google: ""
+      },
+      appearance: {
+        light: "",
+        dark: ""
+      },
+      size: {
+        // Heights mirror Button (sm 32 / md 40 / lg 48). `sm` (32px) and
+        // `md` (40px) both fall below `--min-target-size` (44 base / 48
+        // accessible), so each adds the ::before pseudo-element touch-
+        // target expansion to reach the minimum on mobile, collapsing
+        // above the `sm:` breakpoint. This component is the patient
+        // check-in (HTP-5104) mobile sign-in surface and `md` is the
+        // DEFAULT size rendered there, so it MUST meet WCAG 2.5.5 at both
+        // theme levels — unlike Button/WhatsApp, we do not leave md short.
+        // `lg` (48px) already meets the minimum natively.
+        sm: [
+          "ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4",
+          "ds:min-h-[var(--min-target-size)] ds:sm:min-h-0",
+          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden'
+        ].join(" "),
+        md: [
+          "ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5",
+          "ds:min-h-[var(--min-target-size)] ds:sm:min-h-0",
+          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden'
+        ].join(" "),
+        lg: "ds:h-12 ds:ps-5 ds:pe-5 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6"
+      }
+    },
+    compoundVariants: [
+      /* Apple — light: white surface, black logo + text. */
+      {
+        provider: "apple",
+        appearance: "light",
+        class: "ds:bg-[var(--brand-apple-light)] ds:text-[var(--brand-apple-light-foreground)] ds:border-[var(--brand-apple-light-border)] ds:hover:bg-[var(--brand-apple-light-hover)]"
+      },
+      /* Apple — dark: black surface, white logo + text. */
+      {
+        provider: "apple",
+        appearance: "dark",
+        class: "ds:bg-[var(--brand-apple-dark)] ds:text-[var(--brand-apple-dark-foreground)] ds:border-[var(--brand-apple-dark)] ds:hover:bg-[var(--brand-apple-dark-hover)]"
+      },
+      /* Google — light: white/neutral surface, grey text. */
+      {
+        provider: "google",
+        appearance: "light",
+        class: "ds:bg-[var(--brand-google-light)] ds:text-[var(--brand-google-light-foreground)] ds:border-[var(--brand-google-light-border)] ds:hover:bg-[var(--brand-google-light-hover)]"
+      },
+      /* Google — dark: Google-blue surface, white text. */
+      {
+        provider: "google",
+        appearance: "dark",
+        class: "ds:bg-[var(--brand-google-dark)] ds:text-[var(--brand-google-dark-foreground)] ds:border-[var(--brand-google-dark)] ds:hover:bg-[var(--brand-google-dark-hover)]"
+      }
+    ],
+    defaultVariants: {
+      appearance: "light",
+      size: "md"
+    }
+  }
+), _ = {
+  sm: "md",
+  md: "lg",
+  lg: "lg"
+}, C = n(
+  "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+  {
+    variants: {
+      size: {
+        sm: "ds:size-4",
+        md: "ds:size-5",
+        lg: "ds:size-6"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), E = n(
+  "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+  {
+    variants: {
+      appearance: {
+        light: "",
+        dark: "ds:rounded-[var(--radius-sm)] ds:bg-[var(--brand-google-tile)]"
+      },
+      size: {
+        sm: "ds:[&_svg]:size-4",
+        md: "ds:[&_svg]:size-5",
+        lg: "ds:[&_svg]:size-6"
+      }
+    },
+    compoundVariants: [
+      { appearance: "dark", size: "sm", class: "ds:p-1" },
+      { appearance: "dark", size: "md", class: "ds:p-1.5" },
+      { appearance: "dark", size: "lg", class: "ds:p-2" }
+    ],
+    defaultVariants: { appearance: "light", size: "md" }
+  }
+), I = y(
+  ({
+    provider: e,
+    appearance: r = "light",
+    size: d = "md",
+    loading: a = !1,
+    disabled: u,
+    label: b,
+    onLoadingCancelled: i,
+    type: f = "button",
+    className: h,
+    ...z
+  }, k) => {
+    const { t } = j(), l = d ?? "md", w = b ?? t(`socialSignInButton.${e}`), c = p(a), o = p(i);
+    c.current = a, o.current = i, N(() => {
+      const g = (B) => {
+        B.persisted && c.current && o.current && o.current();
+      };
+      return window.addEventListener("pageshow", g), () => window.removeEventListener("pageshow", g);
+    }, []);
+    const x = [
+      M({ provider: e, appearance: r, size: d }),
+      h
+    ].filter(Boolean).join(" "), S = e === "apple" ? /* @__PURE__ */ s(A, { className: "ds:shrink-0" }) : r === "dark" ? /* @__PURE__ */ s("span", { className: E({ appearance: r, size: d }), children: /* @__PURE__ */ s(v, {}) }) : /* @__PURE__ */ s(v, { className: "ds:shrink-0" });
+    return /* @__PURE__ */ m(
+      "button",
+      {
+        ref: k,
+        type: f,
+        disabled: u || a,
+        "aria-busy": a || void 0,
+        "data-component": "social-sign-in-button",
+        "data-provider": e,
+        "data-appearance": r,
+        className: x,
+        ...z,
+        children: [
+          a ? /* @__PURE__ */ s("span", { className: C({ size: l }), children: /* @__PURE__ */ s(
+            V,
+            {
+              size: _[l],
+              variant: "pulse",
+              className: "ds:size-full",
+              label: t("socialSignInButton.loading")
+            }
+          ) }) : S,
+          /* @__PURE__ */ s("span", { children: w })
+        ]
+      }
+    );
+  }
+);
+I.displayName = "SocialSignInButton";
+export {
+  I as S
+};
+//# sourceMappingURL=social-sign-in-button-X54ySJr1.js.map

package/dist/_chunks/{sparkline-DEROcSl0.js → sparkline-DGhCSw8M.js}

@@ -1,9 +1,9 @@
-import { jsx as w, jsxs as P } from "react/jsx-runtime";
-import { forwardRef as j, useId as G, useMemo as R, useRef as V, useState as H, useEffect as z, useImperativeHandle as Z } from "react";
+import { jsx as v, jsxs as P } from "react/jsx-runtime";
+import { forwardRef as j, useId as G, useMemo as w, useRef as V, useState as A, useEffect as H, useImperativeHandle as Z } from "react";
 import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
 import J from "react-apexcharts";
-import v from "apexcharts";
+import R from "apexcharts";
 import { g as D, u as K } from "./apexcharts-theme-BJigns_V.js";
 import { u as Q } from "./registry-nPAVE19X.js";
 function X(n) {
@@ -15,8 +15,8 @@ function X(n) {
     const o = s - a;
     i += o * (n[s] - c), l += o * o;
   }
-  const d = l === 0 ? 0 : i / l, b = 0.01 * (Math.max(...n) - Math.min(...n) || 1), k = Math.abs(d) < b ? "steady" : d > 0 ? "increasing" : "decreasing";
-  return { slope: d, direction: k };
+  const d = l === 0 ? 0 : i / l, k = 0.01 * (Math.max(...n) - Math.min(...n) || 1), u = Math.abs(d) < k ? "steady" : d > 0 ? "increasing" : "decreasing";
+  return { slope: d, direction: u };
 }
 const Y = {
   id: "sparkline",
@@ -50,7 +50,10 @@ const Y = {
     size: {
       xs: "ds:h-6",
       sm: "ds:h-8",
-      md: "ds:h-10"
+      md: "ds:h-10",
+      // Applied when an explicit `height` prop is given: the wrapper
+      // grows with the svg instead of clipping at the size's fixed height.
+      auto: ""
     }
   },
   defaultVariants: { size: "md" }
@@ -76,26 +79,26 @@ const ne = j(
     color: l,
     showEndpoint: d = !1,
     showTooltip: M = !1,
-    width: b,
-    height: k,
+    width: k,
+    height: u,
     className: s,
     ...o
   }, _) => {
-    var A;
-    const { t: u, i18n: C } = q(), T = G(), m = R(
+    var S;
+    const { t: m, i18n: C } = q(), T = G(), p = w(
       () => `sparkline-${T.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [T]
-    ), p = V(null), [O, E] = H(0), { direction: y } = X(t), N = R(() => {
+    ), h = V(null), [O, E] = A(0), { direction: y } = X(t), z = w(() => {
       if (t.length === 0)
-        return u("sparkline.noData", "No data");
-      const e = (g) => new Intl.NumberFormat(C.language).format(g), r = u(`sparkline.direction.${y}`), f = {
+        return m("sparkline.noData", "No data");
+      const e = (b) => new Intl.NumberFormat(C.language).format(b), r = m(`sparkline.direction.${y}`), g = {
         min: e(Math.min(...t)),
         max: e(Math.max(...t)),
         current: e(t[t.length - 1]),
         direction: r
       };
-      return i ? u("sparkline.summary", { label: i, ...f }) : u("sparkline.summaryNoLabel", f);
-    }, [t, i, y, C.language, u]), [h, W] = H(
+      return i ? m("sparkline.summary", { label: i, ...g }) : m("sparkline.summaryNoLabel", g);
+    }, [t, i, y, C.language, m]), [f, W] = A(
       () => {
         try {
           return D();
@@ -104,7 +107,7 @@ const ne = j(
         }
       }
     );
-    z(() => {
+    H(() => {
       let e;
       const r = new MutationObserver(() => {
         clearTimeout(e), e = setTimeout(() => {
@@ -120,57 +123,60 @@ const ne = j(
       }), () => {
         clearTimeout(e), r.disconnect();
       };
-    }, []), z(() => {
-      const e = p.current;
+    }, []), H(() => {
+      const e = h.current;
       if (!e) return;
-      const r = new ResizeObserver((f) => {
-        const g = f[0];
-        g && E(Math.floor(g.contentRect.width));
+      const r = new ResizeObserver((g) => {
+        const b = g[0];
+        b && E(Math.floor(b.contentRect.width));
       });
       return r.observe(e), () => r.disconnect();
-    }, []), K(p);
-    const x = R(
+    }, []), K(h);
+    const x = w(
       () => ({
         updateSeries(e) {
           var r;
-          (r = v.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
+          (r = R.getChartByID(p)) == null || r.updateSeries([{ data: e }]);
         },
         updateOptions(e) {
           var r;
-          (r = v.getChartByID(m)) == null || r.updateOptions(e);
+          (r = R.getChartByID(p)) == null || r.updateOptions(e);
         },
         async dataURI() {
-          const e = v.getChartByID(m);
+          const e = R.getChartByID(p);
           return e ? (await e.dataURI()).imgURI : "";
         }
       }),
-      [m]
+      [p]
     );
     Z(_, () => x, [x]), Q(Y, x, n);
-    const I = l ?? ((A = h.colors) == null ? void 0 : A[0]) ?? "currentColor";
+    const I = l ?? ((S = f.colors) == null ? void 0 : S[0]) ?? "currentColor";
     if (t.length === 0)
-      return /* @__PURE__ */ w(
+      return /* @__PURE__ */ v(
         "div",
         {
-          ref: p,
+          ref: h,
           role: "img",
-          "aria-label": N,
+          "aria-label": z,
           dir: "ltr",
-          className: U({ size: c, className: s }),
+          className: U({
+            size: u !== void 0 ? "auto" : c,
+            className: s
+          }),
           ...o
         }
       );
-    const S = re(), B = {
-      ...h,
+    const N = re(), B = {
+      ...f,
       chart: {
-        ...h.chart,
-        id: m,
+        ...f.chart,
+        id: p,
         type: a,
         sparkline: { enabled: !0 },
         toolbar: { show: !1 },
         animations: {
-          enabled: !S,
-          dynamicAnimation: { enabled: !S }
+          enabled: !N,
+          dynamicAnimation: { enabled: !N }
         },
         zoom: { enabled: !1 },
         parentHeightOffset: 0
@@ -200,26 +206,29 @@ const ne = j(
         ]
       } : { size: 0 },
       grid: {
-        ...h.grid,
+        ...f.grid,
         show: !1,
         // ApexCharts grid.padding uses physical keys (not CSS logical properties).
         // The chart wrapper enforces dir="ltr" so these always resolve correctly.
         padding: { top: 2, right: 2, bottom: 2, left: 2 }
       }
-    }, F = b ?? (O > 0 ? O : "100%"), L = k ?? te[c ?? "md"];
+    }, F = k ?? (O > 0 ? O : "100%"), L = u ?? te[c ?? "md"];
     return /* @__PURE__ */ P(
       "div",
       {
-        ref: p,
+        ref: h,
         role: "img",
-        "aria-label": N,
+        "aria-label": z,
         dir: "ltr",
-        className: U({ size: c, className: s }),
+        className: U({
+          size: u !== void 0 ? "auto" : c,
+          className: s
+        }),
         "data-component": "sparkline",
         "data-component-id": n,
         ...o,
         children: [
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ v(
             J,
             {
               type: a,
@@ -230,7 +239,7 @@ const ne = j(
               "aria-hidden": "true"
             }
           ),
-          d && /* @__PURE__ */ w(
+          d && /* @__PURE__ */ v(
             "span",
             {
               "aria-hidden": "true",
@@ -249,4 +258,4 @@ export {
   Y as s,
   X as u
 };
-//# sourceMappingURL=sparkline-DEROcSl0.js.map
+//# sourceMappingURL=sparkline-DGhCSw8M.js.map

package/dist/_chunks/{sq-ChTlGFcJ.js → sq-BujHSAWu.js}

@@ -1,4 +1,4 @@
-import { o as s, q as r, r as i, v as m } from "./react-day-picker-DYDdR8Vv.js";
+import { o as s, q as r, r as i, v as m } from "./react-day-picker-CdtIiKjx.js";
 const d = {
   lessThanXSeconds: {
     one: "më pak se një sekondë",
@@ -352,4 +352,4 @@ const d = {
 export {
   T as sq
 };
-//# sourceMappingURL=sq-ChTlGFcJ.js.map
+//# sourceMappingURL=sq-BujHSAWu.js.map

package/dist/_chunks/{stepper-accordion-BfS6lUB9.js → stepper-accordion-Dki6r9ZE.js}

@@ -88,7 +88,7 @@ const J = [
 }), Q = v(
   [
     "ds:group/item ds:overflow-hidden ds:rounded-[var(--radius-md)]",
-    "ds:border ds:border-[var(--border)] ds:bg-[var(--card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:bg-[var(--card)]",
     "ds:data-[state=open]:border-[var(--primary)]",
     "ds:transition-[border-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
     "ds:motion-reduce:transition-none"
@@ -254,4 +254,4 @@ ne.displayName = "StepperAccordion";
 export {
   ne as S
 };
-//# sourceMappingURL=stepper-accordion-BfS6lUB9.js.map
+//# sourceMappingURL=stepper-accordion-Dki6r9ZE.js.map

package/dist/_chunks/subDays-_T9YeKPX.js

@@ -0,0 +1,8 @@
+import { a as o } from "./react-day-picker-CdtIiKjx.js";
+function n(a, s, r) {
+  return o(a, -s, r);
+}
+export {
+  n as s
+};
+//# sourceMappingURL=subDays-_T9YeKPX.js.map

package/dist/_chunks/{sv-Do_gs6ir.js → sv-C8AeDrTA.js}

@@ -1,4 +1,4 @@
-import { o as d, q as r, r as i, v as m } from "./react-day-picker-DYDdR8Vv.js";
+import { o as d, q as r, r as i, v as m } from "./react-day-picker-CdtIiKjx.js";
 const s = {
   lessThanXSeconds: {
     one: "mindre än en sekund",
@@ -373,4 +373,4 @@ const s = {
 export {
   q as sv
 };
-//# sourceMappingURL=sv-Do_gs6ir.js.map
+//# sourceMappingURL=sv-C8AeDrTA.js.map