@alfadocs/ui-kit 0.65.0 → 0.67.0

package/dist/_chunks/{agenda-card-Bl-SBiCh.js → agenda-card-BxSFkqgY.js}

@@ -3,7 +3,7 @@ import { forwardRef as h } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as y } from "react-i18next";
 import { A as N } from "./avatar-BNQNhoyL.js";
-import { B as C } from "./badge-zsf5i5bH.js";
+import { B as C } from "./badge-CqGsX32l.js";
 import { i as w } from "./is-safe-url-DkETxeHz.js";
 import { C as k } from "./chevron-right-BrpYejk0.js";
 const L = x(
@@ -144,4 +144,4 @@ z.displayName = "AgendaCard";
 export {
   z as A
 };
-//# sourceMappingURL=agenda-card-Bl-SBiCh.js.map
+//# sourceMappingURL=agenda-card-BxSFkqgY.js.map

package/dist/_chunks/{agenda-tray-Bh1KfEOG.js → agenda-tray-T-BumlGZ.js}

@@ -5,7 +5,7 @@ import { useTranslation as M } from "react-i18next";
 import { I as q } from "./icon-button-LqoiKcUN.js";
 import { S as A } from "./skeleton-CZbwyJAA.js";
 import { E as D } from "./empty-state-BLy7tigq.js";
-import { A as V } from "./agenda-card-Bl-SBiCh.js";
+import { A as V } from "./agenda-card-BxSFkqgY.js";
 import { u as F } from "./registry-nPAVE19X.js";
 import { C as G } from "./calendar-days-C4BmpCZg.js";
 import { P as J } from "./plus-CYKNmfuA.js";
@@ -200,4 +200,4 @@ export {
   U as A,
   L as a
 };
-//# sourceMappingURL=agenda-tray-Bh1KfEOG.js.map
+//# sourceMappingURL=agenda-tray-T-BumlGZ.js.map

package/dist/_chunks/{ai-consent-banner-Btzmk8OH.js → ai-consent-banner-Dxtx_WAh.js}

@@ -3,7 +3,7 @@ import { forwardRef as N, useState as k, useRef as q, useMemo as I } from "react
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as R } from "react-i18next";
 import { A as d } from "./alert-_mUKLmwA.js";
-import { B as w } from "./badge-zsf5i5bH.js";
+import { B as w } from "./badge-CqGsX32l.js";
 import { B as T } from "./button-DD_0Xdmr.js";
 import { C as V } from "./checkbox-DRcOdmXv.js";
 import { S as j } from "./spinner-hbwuKwMf.js";
@@ -167,4 +167,4 @@ export {
   P as A,
   K as a
 };
-//# sourceMappingURL=ai-consent-banner-Btzmk8OH.js.map
+//# sourceMappingURL=ai-consent-banner-Dxtx_WAh.js.map

package/dist/_chunks/{ai-tools-rail-JnlTqfS4.js → ai-tools-rail-DfmewPUN.js}

@@ -1,14 +1,14 @@
-import { jsxs as z, jsx as p } from "react/jsx-runtime";
-import { forwardRef as Q, useRef as v, useState as ee, useMemo as A, useCallback as B, useEffect as se, useImperativeHandle as ae } from "react";
+import { jsxs as I, jsx as p } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as v, useState as ee, useMemo as z, useCallback as B, useEffect as se, useImperativeHandle as ae } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as ie } from "react-i18next";
 import { I as ne } from "./icon-button-LqoiKcUN.js";
-import { S as te } from "./scroll-area-BWqCkEGz.js";
+import { S as te } from "./scroll-area-eccd_Uf-.js";
 import { a as oe } from "./tooltip-DvmfrNvB.js";
 import { u as re } from "./use-controllable-state-BiY4xTzM.js";
-import { u as le } from "./use-edge-resize-ZnGG7gyO.js";
+import { u as de } from "./use-edge-resize-ZnGG7gyO.js";
 import { u as H } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as de } from "./registry-nPAVE19X.js";
+import { u as le } from "./registry-nPAVE19X.js";
 const ce = {
   id: "ai-tools-rail",
   capabilities: ["open", "close", "select_single"],
@@ -64,21 +64,25 @@ const ce = {
       description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
     }
   }
-}, ue = "ds:[inline-size:3rem]", fe = "ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]", F = "--ai-tools-rail-panel-inline-size", pe = 288, ve = 640, ge = 352, me = m(
+}, ue = "ds:[inline-size:3rem]", fe = "ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]", F = "--ai-tools-rail-panel-inline-size", pe = 288, ve = 640, be = 352, me = m(
   ["ds:flex ds:shrink-0 ds:h-full", "ds:bg-[var(--background)]"].join(" "),
   {
     variants: {
       side: {
         // Strip docks inline-end; the panel mounts inline-start of it
-        // (flex-row, panel rendered first). Shadow faces the main area.
-        end: "ds:flex-row ds:shadow-[var(--shadow-chrome-start)]",
+        // (flex-row, panel rendered first). Shadow faces the main area —
+        // no border against main (the rail stays line-free; the only seam
+        // is the strip↔panel divider on the open panel, see render).
+        // Accessible (AAA) theme swaps the soft chrome shadow for a solid 1px
+        // border on the content-facing edge (border-s for end-docked).
+        end: "ds:flex-row ds:shadow-[var(--shadow-chrome-start)] ds:[.theme-accessible_&]:border-s ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none",
         // Strip docks inline-start; the panel mounts inline-end of it.
-        start: "ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)]"
+        start: "ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)] ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none"
       }
     },
     defaultVariants: { side: "end" }
   }
-), be = m(
+), ge = m(
   [
     "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
     "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
@@ -98,9 +102,8 @@ const ce = {
   [
     "ds:absolute ds:[inset-block:0] ds:z-[1] ds:select-none ds:touch-none",
     "ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize",
-    "ds:bg-[var(--border)]",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]",
+    "ds:hover:bg-[var(--accent)] ds:focus-visible:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
@@ -133,143 +136,156 @@ const ce = {
     "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
   ].join(" ")
 );
-function Re(n, s) {
+function we(n, s) {
   return n > 99 ? s : String(n);
 }
-const Te = Q(
+const Re = Q(
   ({
     id: n,
     tools: s,
     activeToolId: M,
     defaultActiveToolId: U = null,
     onActiveToolChange: W,
-    side: x = "end",
+    side: g = "end",
     railLabel: Z,
-    resizablePanel: b = !1,
+    resizablePanel: h = !1,
     className: O
   }, q) => {
     var P;
-    const { t: g } = ie(), [X, l] = re({
+    const { t: b } = ie(), [X, d] = re({
       value: M,
       defaultValue: U,
       onChange: W
-    }), c = X ?? null, R = v([]), h = v(null), [T, k] = ee(0), f = v(!1), w = v(!1), u = A(
+    }), c = X ?? null, w = v([]), y = v(null), [R, T] = ee(0), f = v(!1), _ = v(!1), u = z(
       () => s.findIndex((e) => e.id === c),
       [s, c]
-    ), d = u >= 0 ? s[u] : null, Y = A(
+    ), l = u >= 0 ? s[u] : null, Y = z(
       () => s.findIndex((e) => !e.disabled),
       [s]
-    ), y = u >= 0 ? u : T >= 0 && !((P = s[T]) != null && P.disabled) ? T : Y, $ = B(
+    ), x = u >= 0 ? u : R >= 0 && !((P = s[R]) != null && P.disabled) ? R : Y, $ = B(
       (e, a) => {
         const i = s.find((r) => r.id === e);
-        !i || i.disabled || (f.current = a, l(c === e ? null : e));
+        !i || i.disabled || (f.current = a, d(c === e ? null : e));
       },
-      [s, c, l]
+      [s, c, d]
     ), G = B(
       (e) => {
         var D, K, j;
         const a = s.length;
         if (a === 0) return;
         let i = null;
-        if (e.key === "ArrowDown" ? i = (y + 1) % a : e.key === "ArrowUp" ? i = (y - 1 + a) % a : e.key === "Home" ? i = 0 : e.key === "End" && (i = a - 1), i === null) return;
+        if (e.key === "ArrowDown" ? i = (x + 1) % a : e.key === "ArrowUp" ? i = (x - 1 + a) % a : e.key === "Home" ? i = 0 : e.key === "End" && (i = a - 1), i === null) return;
         const r = e.key === "ArrowUp" || e.key === "End";
         let t = i, o = 0;
         for (; o < a && ((D = s[t]) != null && D.disabled); )
           t = r ? (t - 1 + a) % a : (t + 1) % a, o += 1;
-        (K = s[t]) != null && K.disabled || (e.preventDefault(), k(t), (j = R.current[t]) == null || j.focus());
+        (K = s[t]) != null && K.disabled || (e.preventDefault(), T(t), (j = w.current[t]) == null || j.focus());
       },
-      [s, y]
-    ), E = v(null);
+      [s, x]
+    ), A = v(null);
     se(() => {
-      const e = E.current;
+      const e = A.current;
       if (!e) return;
       const a = (i) => {
         if (i.key !== "Escape" || u < 0) return;
         i.preventDefault();
         const r = u;
-        l(null), k(r), requestAnimationFrame(() => {
+        d(null), T(r), requestAnimationFrame(() => {
           var t;
-          (t = R.current[r]) == null || t.focus();
+          (t = w.current[r]) == null || t.focus();
         });
       };
       return e.addEventListener("keydown", a), () => e.removeEventListener("keydown", a);
-    }, [u, l]), H(() => {
+    }, [u, d]), H(() => {
       var e;
-      d && f.current && ((e = h.current) == null || e.focus()), f.current = !1;
-    }, [d]);
-    const _ = x === "end" ? "inline-start" : "inline-end", { separatorProps: N, isResizing: S, isResized: C } = le({
-      edge: _,
-      targetRef: h,
+      l && f.current && ((e = y.current) == null || e.focus()), f.current = !1;
+    }, [l]);
+    const E = g === "end" ? "inline-start" : "inline-end", { separatorProps: N, isResizing: S, isResized: C } = de({
+      edge: E,
+      targetRef: y,
       cssProperty: F,
       minSize: pe,
       maxSize: ve,
-      defaultSize: ge,
-      disabled: !b
+      defaultSize: be,
+      disabled: !h
     }), L = N["aria-valuenow"];
     H(() => {
       var e;
-      !b || !C || !d || (e = h.current) == null || e.style.setProperty(
+      !h || !C || !l || (e = y.current) == null || e.style.setProperty(
         F,
         `${L}px`
       );
-    }, [d, b, C, L]);
+    }, [l, h, C, L]);
     const V = v(c);
     V.current = c;
-    const I = A(
+    const k = z(
       () => ({
         getActiveToolId: () => V.current,
         setActiveTool: (e) => {
-          f.current = !1, l(e);
+          f.current = !1, d(e);
         },
         open: (e) => {
           const a = s.find((i) => i.id === e);
-          !a || a.disabled || (f.current = !1, l(e));
+          !a || a.disabled || (f.current = !1, d(e));
         },
         close: () => {
-          f.current = !1, l(null);
+          f.current = !1, d(null);
         }
       }),
-      [s, l]
+      [s, d]
     );
-    ae(q, () => I, [I]), de(ce, I, n);
-    const J = g("aiToolsRail.badgeCountOverflow", {
+    ae(q, () => k, [k]), le(ce, k, n);
+    const J = b("aiToolsRail.badgeCountOverflow", {
       defaultValue: "99+"
     });
-    return /* @__PURE__ */ z(
+    return /* @__PURE__ */ I(
       "div",
       {
-        ref: E,
+        ref: A,
         "data-component": "ai-tools-rail",
         "data-component-id": n,
-        "data-side": x,
-        className: [me({ side: x }), O].filter(Boolean).join(" "),
+        "data-side": g,
+        className: [me({ side: g }), O].filter(Boolean).join(" "),
         children: [
-          d ? /* @__PURE__ */ z(
+          l ? /* @__PURE__ */ I(
             "aside",
             {
-              ref: h,
+              ref: y,
               tabIndex: -1,
-              "aria-label": g("aiToolsRail.panelLabel", {
-                tool: d.label,
+              "aria-label": b("aiToolsRail.panelLabel", {
+                tool: l.label,
                 defaultValue: "{{tool}} panel"
               }),
               "data-ai-tools-rail-state": "expanded",
-              "data-active-tool": d.id,
+              "data-active-tool": l.id,
               "data-resizing": S ? "" : void 0,
-              className: [he(), "ds:focus-visible:outline-none"].join(
-                " "
-              ),
+              className: [
+                he(),
+                // Subtle shadow — not a line — separating the panel from the
+                // icon strip (the tab row). The panel casts a soft chrome
+                // shadow toward the strip on its strip-facing edge. `z-[1]`
+                // lifts it above the adjacent strip (the panel is already
+                // `relative`) so the shadow paints at the seam instead of being
+                // covered by the strip's opaque background. Only renders while
+                // the panel is open (the aside is unmounted when collapsed), so
+                // it never doubles as a rail↔main seam. In the accessible (AAA)
+                // theme the soft shadow becomes a solid 1px border on that same
+                // strip-facing edge.
+                "ds:z-[1]",
+                g === "end" ? "ds:shadow-[var(--shadow-chrome-end)] ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none" : "ds:shadow-[var(--shadow-chrome-start)] ds:[.theme-accessible_&]:border-s ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none",
+                "ds:focus-visible:outline-none"
+              ].join(" "),
               children: [
-                /* @__PURE__ */ p(te, { orientation: "vertical", className: "ds:flex-1 ds:min-h-0", children: d.panel }),
-                b ? /* @__PURE__ */ p(
+                /* @__PURE__ */ p(te, { orientation: "vertical", className: "ds:flex-1 ds:min-h-0", children: l.panel }),
+                h ? /* @__PURE__ */ p(
                   "div",
                   {
                     ...N,
-                    "aria-label": g("aiToolsRail.resizePanel", {
+                    "aria-label": b("aiToolsRail.resizePanel", {
                       defaultValue: "Resize tool panel"
                     }),
                     "data-resizing": S ? "" : void 0,
-                    className: ye({ edge: _ })
+                    className: ye({ edge: E })
                   }
                 ) : null
               ]
@@ -280,21 +296,21 @@ const Te = Q(
             {
               role: "toolbar",
               "aria-orientation": "vertical",
-              "aria-label": Z ?? g("aiToolsRail.railLabel", { defaultValue: "AI tools" }),
-              className: be(),
+              "aria-label": Z ?? b("aiToolsRail.railLabel", { defaultValue: "AI tools" }),
+              className: ge(),
               onKeyDown: G,
               children: s.map((e, a) => {
-                const i = e.id === c, r = typeof e.badgeCount == "number" && e.badgeCount > 0, t = r ? g("aiToolsRail.toolWithCount", {
+                const i = e.id === c, r = typeof e.badgeCount == "number" && e.badgeCount > 0, t = r ? b("aiToolsRail.toolWithCount", {
                   tool: e.label,
                   count: e.badgeCount,
                   defaultValue: "{{tool}}, {{count}} updates"
                 }) : e.label;
-                return /* @__PURE__ */ z("div", { className: "ds:relative", children: [
+                return /* @__PURE__ */ I("div", { className: "ds:relative", children: [
                   /* @__PURE__ */ p(
                     ne,
                     {
                       ref: (o) => {
-                        R.current[a] = o;
+                        w.current[a] = o;
                       },
                       icon: e.icon,
                       tooltip: e.label,
@@ -306,20 +322,20 @@ const Te = Q(
                       "aria-expanded": i,
                       "data-active": i ? e.id : void 0,
                       "data-tool-id": e.id,
-                      tabIndex: a === y ? 0 : -1,
+                      tabIndex: a === x ? 0 : -1,
                       onFocus: () => {
-                        e.disabled || k(a);
+                        e.disabled || T(a);
                       },
-                      onClick: () => $(e.id, w.current),
+                      onClick: () => $(e.id, _.current),
                       onKeyDown: (o) => {
-                        (o.key === "Enter" || o.key === " ") && (w.current = !0);
+                        (o.key === "Enter" || o.key === " ") && (_.current = !0);
                       },
                       onKeyUp: (o) => {
-                        (o.key === "Enter" || o.key === " ") && (w.current = !1);
+                        (o.key === "Enter" || o.key === " ") && (_.current = !1);
                       }
                     }
                   ),
-                  r ? /* @__PURE__ */ p("span", { "aria-hidden": "true", className: xe(), children: Re(
+                  r ? /* @__PURE__ */ p("span", { "aria-hidden": "true", className: xe(), children: we(
                     e.badgeCount,
                     J
                   ) }) : null
@@ -332,9 +348,9 @@ const Te = Q(
     );
   }
 );
-Te.displayName = "AiToolsRail";
+Re.displayName = "AiToolsRail";
 export {
-  Te as A,
+  Re as A,
   ce as a
 };
-//# sourceMappingURL=ai-tools-rail-JnlTqfS4.js.map
+//# sourceMappingURL=ai-tools-rail-DfmewPUN.js.map

package/dist/_chunks/{alia-sidebar-CN8pA6c-.js → alia-sidebar-Ckv0yCKi.js}

@@ -14,7 +14,7 @@ import { C as Ee } from "./chat-message-3V54YipB.js";
 import { C as ne, P as _e } from "./chat-input-B5zjNEUN.js";
 import { S as Re } from "./spinner-hbwuKwMf.js";
 import { S as Pe } from "./streaming-text-BB9mvK4m.js";
-import { a as le, S as oe } from "./suggestion-chip-C4kxWUIs.js";
+import { a as le, S as oe } from "./suggestion-chip-Bk4PmYTg.js";
 import { T as Be } from "./typing-indicator-DHeVN4ob.js";
 import { P as Ue } from "./progress-kzIRcdaq.js";
 import { P as De } from "./pencil-CfQX-0Qc.js";
@@ -1123,4 +1123,4 @@ export {
   us as b,
   vs as c
 };
-//# sourceMappingURL=alia-sidebar-CN8pA6c-.js.map
+//# sourceMappingURL=alia-sidebar-Ckv0yCKi.js.map

package/dist/_chunks/{anamnesis-card-qeLYRG79.js → anamnesis-card-N8pIKWuS.js}

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { forwardRef as M, useId as C, useMemo as R } from "react";
 import { c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { B as n } from "./badge-zsf5i5bH.js";
+import { B as n } from "./badge-CqGsX32l.js";
 import { C as N } from "./card-DPmk26CL.js";
 import { A as G, b as O, c as Q, a as S } from "./accordion-9lJSMMsZ.js";
 import { D as t } from "./description-list-gkNGWk5G.js";
@@ -153,4 +153,4 @@ J.displayName = "AnamnesisCard";
 export {
   J as A
 };
-//# sourceMappingURL=anamnesis-card-qeLYRG79.js.map
+//# sourceMappingURL=anamnesis-card-N8pIKWuS.js.map

package/dist/_chunks/{antenatal-schedule-timeline-BfzFjEyb.js → antenatal-schedule-timeline-35ebkcZT.js}

@@ -4,7 +4,7 @@ import { jsx as u, jsxs as f } from "react/jsx-runtime";
 import { useMemo as M } from "react";
 import { useTranslation as T } from "react-i18next";
 import { C as I } from "./card-DPmk26CL.js";
-import { B as x } from "./badge-zsf5i5bH.js";
+import { B as x } from "./badge-CqGsX32l.js";
 const _ = 280, S = 14, b = 266, C = 28;
 function w(t) {
   if (t < 0) return "preconception";
@@ -410,4 +410,4 @@ export {
   ht as r,
   w as t
 };
-//# sourceMappingURL=antenatal-schedule-timeline-BfzFjEyb.js.map
+//# sourceMappingURL=antenatal-schedule-timeline-35ebkcZT.js.map

package/dist/_chunks/{appointment-tray-BQnJEora.js → appointment-tray-CQJ3Nbi5.js}

@@ -6,10 +6,10 @@ import { I as Q } from "./icon-button-LqoiKcUN.js";
 import { S as X } from "./skeleton-CZbwyJAA.js";
 import { E as Z } from "./empty-state-BLy7tigq.js";
 import { A as U } from "./avatar-BNQNhoyL.js";
-import { B as P } from "./badge-zsf5i5bH.js";
-import { T as ee } from "./tag-CdA0s_VV.js";
+import { B as P } from "./badge-CqGsX32l.js";
+import { T as ee } from "./tag-BQXwuJq1.js";
 import { T as ae } from "./timestamp-BV2lC-wV.js";
-import { T as se } from "./transaction-chip-BZCa6XDn.js";
+import { T as se } from "./transaction-chip-BrW8P50O.js";
 import { i as re } from "./is-safe-url-DkETxeHz.js";
 import { V as te } from "./video-BAeICxCT.js";
 import { M as ne } from "./map-pin-B8STOPMJ.js";
@@ -416,4 +416,4 @@ export {
   $e as b,
   he as c
 };
-//# sourceMappingURL=appointment-tray-BQnJEora.js.map
+//# sourceMappingURL=appointment-tray-CQJ3Nbi5.js.map

package/dist/_chunks/{badge-zsf5i5bH.js → badge-CqGsX32l.js}

@@ -1,9 +1,9 @@
-import { jsxs as l, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { jsxs as l, jsx as s, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as w } from "react";
-import { c as a } from "./index-D2ZczOXr.js";
+import { c as d } from "./index-D2ZczOXr.js";
 import { useTranslation as h } from "react-i18next";
 import { T as y } from "./tooltip-DvmfrNvB.js";
-const z = a(
+const z = d(
   [
     "ds:inline-flex ds:items-center ds:gap-1",
     // Typography comes from the eyebrow role: Medium 500 + uppercase + expanded tracking.
@@ -26,16 +26,20 @@ const z = a(
         // neutral chip nearly invisible against a white surface
         // (~5% grey wash with no perceptible edge). Full opacity
         // gives ~6:1 surface contrast and the chip reads as a chip.
-        neutral: "ds:bg-muted ds:text-muted-foreground",
-        info: "ds:bg-info/15 ds:text-[var(--info-foreground)]",
-        success: "ds:bg-success/15 ds:text-[var(--success-foreground)]",
-        warning: "ds:bg-warning/15 ds:text-[var(--warning-foreground)]",
-        error: "ds:bg-destructive/15 ds:text-[var(--error-foreground)]",
-        // Solid-fill brand variants — no border, foreground paired with the
-        // semantic token. Use for trust-signal chips in hero contexts where
-        // a tonal `info` / `neutral` would blend into the brand backdrop.
-        brand: "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
-        accent: "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)]"
+        // Every chip carries a border so it reads as a defined chip on any
+        // surface (matching Tag). Tinted semantic variants take a colour-matched
+        // edge at twice the fill opacity; neutral takes the shared `--border`.
+        neutral: "ds:bg-muted ds:text-muted-foreground ds:border ds:border-[color:var(--border)]",
+        info: "ds:bg-info/15 ds:text-[var(--info-foreground)] ds:border ds:border-[color:var(--info-foreground)]",
+        success: "ds:bg-success/15 ds:text-[var(--success-foreground)] ds:border ds:border-[color:var(--success-foreground)]",
+        warning: "ds:bg-warning/15 ds:text-[var(--warning-foreground)] ds:border ds:border-[color:var(--warning-foreground)]",
+        error: "ds:bg-destructive/15 ds:text-[var(--error-foreground)] ds:border ds:border-[color:var(--error-foreground)]",
+        // Solid-fill brand variants carry the same subtle foreground-mix edge as
+        // Tag's solid fill, foreground paired with the semantic token. Use for
+        // trust-signal chips in hero contexts where a tonal `info` / `neutral`
+        // would blend into the brand backdrop.
+        brand: "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]",
+        accent: "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)] ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]"
       },
       size: {
         sm: "ds:h-4 ds:ps-1 ds:pe-1 ds:[--type-eyebrow-size:var(--font-size-2xs)]",
@@ -53,7 +57,7 @@ const z = a(
       shape: "pill"
     }
   }
-), N = a(
+), N = d(
   "ds:text-[length:var(--font-size-dot)] ds:leading-none ds:shrink-0",
   {
     variants: {
@@ -71,7 +75,7 @@ const z = a(
     },
     defaultVariants: { variant: "neutral" }
   }
-), V = a("ds:shrink-0 ds:[&>svg]:block", {
+), V = d("ds:shrink-0 ds:[&>svg]:block", {
   variants: {
     size: {
       // Icons shrink with the compact Badge scale: sm badge is 16 px tall, so
@@ -82,43 +86,43 @@ const z = a(
     }
   },
   defaultVariants: { size: "md" }
-}), j = w(
+}), _ = w(
   ({
-    variant: t = "neutral",
-    size: n = "md",
-    shape: u = "pill",
-    leading: d,
-    withDot: g = !1,
-    truncate: i = !1,
+    variant: o = "neutral",
+    size: a = "md",
+    shape: g = "pill",
+    leading: n,
+    withDot: u = !1,
+    truncate: t = !1,
     className: f,
-    children: s,
-    "aria-label": o,
-    ...p
-  }, v) => {
-    const { t: m } = h(), r = !s && !!o, b = typeof s == "number", c = /* @__PURE__ */ l(
+    children: r,
+    "aria-label": i,
+    ...v
+  }, p) => {
+    const { t: b } = h(), e = !r && !!i, m = typeof r == "number", c = /* @__PURE__ */ l(
       "span",
       {
-        ref: v,
-        className: z({ variant: t, size: n, shape: u, className: f }),
+        ref: p,
+        className: z({ variant: o, size: a, shape: g, className: f }),
         "data-component": "badge",
-        role: r ? "img" : void 0,
-        "aria-label": r ? o : void 0,
-        ...p,
+        role: e ? "img" : void 0,
+        "aria-label": e ? i : void 0,
+        ...v,
         children: [
-          g && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: N({ variant: t }), children: "●" }),
-          d && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: V({ size: n }), children: d }),
-          !r && (b ? /* @__PURE__ */ l(x, { children: [
-            /* @__PURE__ */ e("span", { "aria-hidden": "true", children: s }),
-            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: m("badge.notifications", { count: s }) })
-          ] }) : i ? /* @__PURE__ */ e("span", { className: "ds:max-w-[var(--badge-truncate-max-width)] ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap", children: s }) : s)
+          u && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: N({ variant: o }), children: "●" }),
+          n && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: V({ size: a }), children: n }),
+          !e && (m ? /* @__PURE__ */ l(x, { children: [
+            /* @__PURE__ */ s("span", { "aria-hidden": "true", children: r }),
+            /* @__PURE__ */ s("span", { className: "ds:sr-only", children: b("badge.notifications", { count: r }) })
+          ] }) : t ? /* @__PURE__ */ s("span", { className: "ds:max-w-[var(--badge-truncate-max-width)] ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap", children: r }) : r)
         ]
       }
     );
-    return i && typeof s == "string" ? /* @__PURE__ */ e(y, { label: s, children: c }) : c;
+    return t && typeof r == "string" ? /* @__PURE__ */ s(y, { label: r, children: c }) : c;
   }
 );
-j.displayName = "Badge";
+_.displayName = "Badge";
 export {
-  j as B
+  _ as B
 };
-//# sourceMappingURL=badge-zsf5i5bH.js.map
+//# sourceMappingURL=badge-CqGsX32l.js.map

package/dist/_chunks/{bishop-score-x2fNqbuZ.js → bishop-score-CjsB9bM-.js}

@@ -5,8 +5,8 @@ import { useTranslation as F } from "react-i18next";
 import { F as I } from "./form-field-BOm9hK35.js";
 import { S as P } from "./select-CEtRcon5.js";
 import { C as m } from "./card-DPmk26CL.js";
-import { B as T } from "./badge-zsf5i5bH.js";
-import { I as A } from "./insert-result-DIAG3ltJ.js";
+import { B as T } from "./badge-CqGsX32l.js";
+import { I as A } from "./insert-result-njqBthzT.js";
 const b = [
   "dilation",
   "effacement",
@@ -182,4 +182,4 @@ export {
   D as d,
   M as e
 };
-//# sourceMappingURL=bishop-score-x2fNqbuZ.js.map
+//# sourceMappingURL=bishop-score-CjsB9bM-.js.map

package/dist/_chunks/{bmi-calculator-C3roxbqD.js → bmi-calculator-n-823_1V.js}

@@ -7,8 +7,8 @@ import { R as ia } from "./radio-group-CLjK-SlK.js";
 import { F as D } from "./form-field-BOm9hK35.js";
 import { N as p } from "./number-input-Dj5L3pXK.js";
 import { C as M } from "./card-DPmk26CL.js";
-import { B as na } from "./badge-zsf5i5bH.js";
-import { B as ra, I as sa, b as oa } from "./insert-result-DIAG3ltJ.js";
+import { B as na } from "./badge-CqGsX32l.js";
+import { B as ra, I as sa, b as oa } from "./insert-result-njqBthzT.js";
 import { b as ca, e as ma, c as da, f as O, l as W, k as ua } from "./bmi-BxD-tFzU.js";
 const ga = la("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
@@ -255,4 +255,4 @@ pa.displayName = "BmiCalculator";
 export {
   pa as B
 };
-//# sourceMappingURL=bmi-calculator-C3roxbqD.js.map
+//# sourceMappingURL=bmi-calculator-n-823_1V.js.map

package/dist/_chunks/{care-plan-card-D42WD4-T.js → care-plan-card-CJei-nl9.js}

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as H, useId as P } from "react";
 import { useTranslation as M } from "react-i18next";
-import { B as N } from "./badge-zsf5i5bH.js";
+import { B as N } from "./badge-CqGsX32l.js";
 import { L as F } from "./link-DrD_cRUg.js";
 import { P as A } from "./progress-kzIRcdaq.js";
 import { T as C } from "./timestamp-BV2lC-wV.js";
-import { T as L } from "./transaction-chip-BZCa6XDn.js";
+import { T as L } from "./transaction-chip-BrW8P50O.js";
 import { A as O, b as G, c as Y, a as $ } from "./accordion-9lJSMMsZ.js";
-import { C as q } from "./care-plan-entry-card-BukNI7Uy.js";
+import { C as q } from "./care-plan-entry-card-EmfrbHu8.js";
 import { u as J } from "./registry-nPAVE19X.js";
 import { C as Q, e as W } from "./entity-card-COhmqHly.js";
 import { i as X } from "./is-safe-url-DkETxeHz.js";
@@ -249,4 +249,4 @@ export {
   de as C,
   Z as c
 };
-//# sourceMappingURL=care-plan-card-D42WD4-T.js.map
+//# sourceMappingURL=care-plan-card-CJei-nl9.js.map