@alfadocs/ui-kit 0.32.2 → 0.32.3

package/dist/_chunks/{benefit-card-_Sc-MGha.js → benefit-card-Xnxj4Gmo.js}

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import { forwardRef as _, useContext as k, Children as w, createContext as y } from "react";
+import { forwardRef as b, useContext as k, Children as w, createContext as y } from "react";
 import { c as s } from "./index-D2ZczOXr.js";
-const b = [
+const _ = [
   "violet",
   "purple",
   "magenta",
@@ -44,17 +44,17 @@ const b = [
         // matches Card.elevated and PublicFooter compact. The thicker
         // line reads as a deliberate boundary rather than a hairline.
         //
-        // 0.31.9: `border-t-0` on both variants — the 4px accent strip
-        // (absolutely positioned at top:0 inside the border-box) sits
-        // BELOW the top border, so visually you see a thin grey
-        // hairline, then the brand strip. That dilutes the brand
-        // marker. Dropping the top border lets the accent strip BE the
-        // card's top edge. The 3px-and-up strip carries enough
-        // contrast (~5:1 on white in light theme, similar in dark) to
-        // satisfy the accessible theme's ≥3:1 boundary requirement
-        // without the extra hairline.
-        elevated: "ds:shadow-[var(--shadow-card)] ds:border ds:border-t-0 ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:[.theme-accessible_&]:border-t-0",
-        outlined: "ds:border ds:border-t-0 ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:[.theme-accessible_&]:border-t-0"
+        // 0.32.3: restored full 4-sided border. 0.31.9 dropped
+        // `border-top` so the accent strip would be the card's literal
+        // top edge — but with `border-radius: lg` on all 4 corners the
+        // side borders curve toward a non-existent top edge, leaving
+        // the top corners visually "open" (visible page-bg slivers
+        // where the rounded corner outline should close). The 1px
+        // hairline above the accent strip is the cheaper visual cost
+        // — subtle in light theme (14% black) and matches dark-theme
+        // chrome where shadow alone loses contrast.
+        elevated: "ds:shadow-[var(--shadow-card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+        outlined: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2"
       }
     },
     defaultVariants: { variant: "elevated" }
@@ -153,9 +153,9 @@ const b = [
   }
 );
 function S(a, o) {
-  return a !== "auto" ? a : o ? b[o.index % b.length] : "primary";
+  return a !== "auto" ? a : o ? _[o.index % _.length] : "primary";
 }
-const p = _(
+const p = b(
   ({ columns: a = 3, children: o, className: c, ...d }, l) => {
     const i = w.toArray(o);
     return /* @__PURE__ */ r(
@@ -171,7 +171,7 @@ const p = _(
   }
 );
 p.displayName = "BenefitCard.Row";
-const x = _(
+const x = b(
   ({
     step: a,
     icon: o,
@@ -241,4 +241,4 @@ const H = Object.assign(x, {
 export {
   H as B
 };
-//# sourceMappingURL=benefit-card-_Sc-MGha.js.map
+//# sourceMappingURL=benefit-card-Xnxj4Gmo.js.map

package/dist/_chunks/{stat-DhAA5ltU.js → stat-Bs80Z6Yv.js}

@@ -14,14 +14,21 @@ const P = V("ds:flex ds:flex-col ds:h-full", {
         "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
         "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
       ].join(" "),
-      // White card surface with the shared card shadow — matches
-      // `Card variant="elevated"` tokens (`--card` + `--shadow-card`) so
-      // a grid of elevated Stats reads as a set of shaded panels without
-      // nesting a Card around each one.
+      // White card surface with the shared card shadow + border —
+      // matches `Card variant="elevated"` and `BenefitCard.elevated`
+      // tokens (`--card`, `--card-border`, `--shadow-card`,
+      // `--radius-lg`) so a grid of elevated Stats reads as a set of
+      // shaded panels without nesting a Card around each one. The
+      // border is essential in dark mode: shadow alone on a dark
+      // surface loses contrast and the card boundary disappears.
+      // Accessible theme bumps to `border-2` to match Card / Benefit-
+      // Card's 0.31.5 accessibility uplift.
       elevated: [
         "ds:gap-[var(--spacing-xs)]",
         "ds:bg-[var(--card)]",
         "ds:text-[var(--card-foreground)]",
+        "ds:border ds:border-[color:var(--card-border)]",
+        "ds:[.theme-accessible_&]:border-2",
         "ds:shadow-[var(--shadow-card)]",
         "ds:rounded-[var(--radius-lg)]",
         "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -144,8 +151,8 @@ function dt(d, t) {
   l && (o = l[0], e = e.slice(0, -1).trimEnd());
   let u = "", m = ".";
   try {
-    const x = new Intl.NumberFormat(t).formatToParts(12345.6);
-    for (const n of x)
+    const b = new Intl.NumberFormat(t).formatToParts(12345.6);
+    for (const n of b)
       n.type === "group" ? u = n.value : n.type === "decimal" && (m = n.value);
   } catch {
   }
@@ -174,9 +181,9 @@ const ct = X(
     loading: g = !1,
     animate: s = !1,
     animateOnEveryView: v = !1,
-    animateDurationMs: x = 1600,
+    animateDurationMs: b = 1600,
     animateLocale: n,
-    animateSeparators: b,
+    animateSeparators: x,
     variant: h = "default",
     size: y = "md",
     align: I = "start",
@@ -184,7 +191,7 @@ const ct = X(
     className: j,
     ...k
   }, R) => {
-    const { i18n: K } = B(), T = Z(), f = e ?? K.language, Y = O(() => {
+    const { i18n: K } = B(), T = Z(), f = e ?? K.language, _ = O(() => {
       if (typeof t == "string") return t;
       switch (c) {
         case "currency":
@@ -205,7 +212,7 @@ const ct = X(
       }
     }, [t, c, f, a])(), N = n ?? f;
     tt(!1);
-    const r = et(() => s ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : dt(t, N) : null, [s, t, N]), _ = s && r !== null, q = (r == null ? void 0 : r.target) ?? 0, F = (r == null ? void 0 : r.sign) ?? "", $ = (r == null ? void 0 : r.suffix) ?? "", H = O(
+    const r = et(() => s ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : dt(t, N) : null, [s, t, N]), Y = s && r !== null, q = (r == null ? void 0 : r.target) ?? 0, F = (r == null ? void 0 : r.sign) ?? "", $ = (r == null ? void 0 : r.suffix) ?? "", H = O(
       (w) => {
         const E = (() => {
           try {
@@ -218,15 +225,15 @@ const ct = X(
         })();
         let p;
         if (E)
-          if (b) {
-            const A = Math.abs(w), D = Math.trunc(A), G = A - D, J = b.thousand ?? "", S = String(D).replace(
+          if (x) {
+            const A = Math.abs(w), D = Math.trunc(A), G = A - D, J = x.thousand ?? "", S = String(D).replace(
               /\B(?=(\d{3})+(?!\d))/g,
               J
             );
             if (G === 0)
               p = S;
             else {
-              const L = G.toFixed(6).replace(/0+$/, "").slice(2), Q = b.decimal ?? ".";
+              const L = G.toFixed(6).replace(/0+$/, "").slice(2), Q = x.decimal ?? ".";
               p = L ? S + Q + L : S;
             }
           } else
@@ -236,11 +243,11 @@ const ct = X(
         let W = F;
         return F === "" && w < 0 && (W = "-"), `${W}${p}${$}`;
       },
-      [N, b, F, $]
+      [N, x, F, $]
     ), C = st({
       to: q,
       from: 0,
-      durationMs: x,
+      durationMs: b,
       startOnVisible: !0,
       retriggerOnReEntry: v,
       // `formatter` is the only path we use — it owns both the locale
@@ -298,7 +305,7 @@ const ct = X(
               }
             )
           ] }),
-          _ ? (
+          Y ? (
             // The animated number is wrapped in an `aria-live="off"` span
             // so screen readers don't announce every interpolated frame.
             // The `role="group"` ancestor (with `aria-labelledby` pointing
@@ -313,7 +320,7 @@ const ct = X(
                 children: C.value
               }
             )
-          ) : /* @__PURE__ */ i("span", { className: U({ size: y, variant: h, intent: M }), children: Y }),
+          ) : /* @__PURE__ */ i("span", { className: U({ size: y, variant: h, intent: M }), children: _ }),
           o != null && l != null && /* @__PURE__ */ i(
             it,
             {
@@ -332,4 +339,4 @@ ct.displayName = "Stat";
 export {
   ct as S
 };
-//# sourceMappingURL=stat-DhAA5ltU.js.map
+//# sourceMappingURL=stat-Bs80Z6Yv.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.32.2",
+  "packageVersion": "0.32.3",
   "components": [
     {
       "kind": "component",

package/dist/components/benefit-card/index.js

@@ -1,4 +1,4 @@
-import { B as a } from "../../_chunks/benefit-card-_Sc-MGha.js";
+import { B as a } from "../../_chunks/benefit-card-Xnxj4Gmo.js";
 export {
   a as BenefitCard
 };

package/dist/components/stat/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../../_chunks/stat-DhAA5ltU.js";
+import { S as o } from "../../_chunks/stat-Bs80Z6Yv.js";
 export {
   o as Stat
 };

package/dist/index.js

@@ -44,7 +44,7 @@ import { T as Te, t as be } from "./_chunks/time-picker-B5umYwfv.js";
 import { A as Re, a as Ie, b as he, c as Fe, d as Ee } from "./_chunks/accordion-bSU21uTV.js";
 import { A as Ne, g as ke, n as Oe } from "./_chunks/avatar-BNQNhoyL.js";
 import { B as ye } from "./_chunks/badge-zsf5i5bH.js";
-import { B as Me } from "./_chunks/benefit-card-_Sc-MGha.js";
+import { B as Me } from "./_chunks/benefit-card-Xnxj4Gmo.js";
 import { C as we } from "./_chunks/card-DPmk26CL.js";
 import { C as ve, c as He } from "./_chunks/carousel.agent-DrX96W-1.js";
 import { C as Ge } from "./_chunks/contact-card-Cf8Ktyt3.js";
@@ -60,7 +60,7 @@ import { M as vr } from "./_chunks/map-view-knHSNLoe.js";
 import { R as Wr } from "./_chunks/rating-BRD7O74e.js";
 import { S as Ur } from "./_chunks/skeleton-CZbwyJAA.js";
 import { S as Yr, s as jr, u as zr } from "./_chunks/sparkline-DEROcSl0.js";
-import { S as Qr } from "./_chunks/stat-DhAA5ltU.js";
+import { S as Qr } from "./_chunks/stat-Bs80Z6Yv.js";
 import { T as Xr } from "./_chunks/tag-CyoaEmf_.js";
 import { T as $r, t as ao } from "./_chunks/timeline-DQa5Tyz4.js";
 import { T as ro } from "./_chunks/timestamp-BV2lC-wV.js";