lucent-ui 0.19.1 → 0.20.0

package/dist/index.js

@@ -146,7 +146,7 @@ function en() {
     /* @__PURE__ */ n("path", { d: "M12 2a10 10 0 0 1 10 10" })
   ] });
 }
-const Go = {
+const Xo = {
   id: "button",
   name: "Button",
   tier: "atom",
@@ -341,7 +341,7 @@ const Go = {
       whiteSpace: "nowrap",
       userSelect: "none",
       flexShrink: 0
-    }, A = { ...S, paddingLeft: ue[e], paddingRight: "2px" }, L = { ...S, paddingLeft: "2px", paddingRight: ue[e] };
+    }, A = { ...S, paddingLeft: ue[e], paddingRight: "2px" }, R = { ...S, paddingLeft: "2px", paddingRight: ue[e] };
     return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...d }, children: [
       t && /* @__PURE__ */ n(
         "label",
@@ -429,7 +429,7 @@ const Go = {
                 alignItems: "center"
               }, children: i })
             ] }),
-            s && /* @__PURE__ */ n("span", { style: L, children: s })
+            s && /* @__PURE__ */ n("span", { style: R, children: s })
           ]
         }
       ),
@@ -462,7 +462,7 @@ const Go = {
   }
 );
 ce.displayName = "Input";
-const _o = {
+const Jo = {
   id: "input",
   name: "Input",
   tier: "atom",
@@ -596,7 +596,7 @@ const _o = {
   }
 );
 on.displayName = "Textarea";
-const Yo = {
+const Zo = {
   id: "textarea",
   name: "Textarea",
   tier: "atom",
@@ -640,7 +640,7 @@ const Yo = {
   sm: { fontSize: "var(--lucent-font-size-xs)", padding: "0 var(--lucent-space-2)", height: "18px" },
   md: { fontSize: "var(--lucent-font-size-sm)", padding: "0 var(--lucent-space-2)", height: "22px" }
 };
-function Ko({ variant: e = "neutral", size: t = "md", dot: r = !1, children: o, style: a }) {
+function Qo({ variant: e = "neutral", size: t = "md", dot: r = !1, children: o, style: a }) {
   const i = sn[e], l = ln[t];
   return /* @__PURE__ */ y("span", { style: {
     display: "inline-flex",
@@ -670,7 +670,7 @@ function Ko({ variant: e = "neutral", size: t = "md", dot: r = !1, children: o,
     o
   ] });
 }
-const Xo = {
+const ei = {
   id: "badge",
   name: "Badge",
   tier: "atom",
@@ -879,7 +879,7 @@ function un({
     }
   ) : /* @__PURE__ */ n("span", { style: p, ...k, children: b });
 }
-const Jo = {
+const ti = {
   id: "chip",
   name: "Chip",
   tier: "atom",
@@ -934,7 +934,7 @@ function hn(e, t) {
   const r = e.trim().split(/\s+/);
   return r.length === 1 ? (((o = r[0]) == null ? void 0 : o[0]) ?? "").toUpperCase() : ((((a = r[0]) == null ? void 0 : a[0]) ?? "") + (((i = r[r.length - 1]) == null ? void 0 : i[0]) ?? "")).toUpperCase();
 }
-function Zo({ src: e, alt: t, size: r = "md", initials: o, style: a, ...i }) {
+function ni({ src: e, alt: t, size: r = "md", initials: o, style: a, ...i }) {
   const l = pn[r], s = hn(t, o), c = {
     width: l,
     height: l,
@@ -975,7 +975,7 @@ function Zo({ src: e, alt: t, size: r = "md", initials: o, style: a, ...i }) {
     }
   );
 }
-const Qo = {
+const ai = {
   id: "avatar",
   name: "Avatar",
   tier: "atom",
@@ -1042,7 +1042,7 @@ function bn({ size: e = "md", label: t = "Loading…", color: r }) {
     /* @__PURE__ */ n("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap" }, children: t })
   ] });
 }
-const ei = {
+const ri = {
   id: "spinner",
   name: "Spinner",
   tier: "atom",
@@ -1067,7 +1067,7 @@ const ei = {
     notes: 'The visible SVG is aria-hidden. The label is conveyed via a visually-hidden span inside role="status".'
   }
 };
-function ti({ orientation: e = "horizontal", label: t, spacing: r = "var(--lucent-space-4)", style: o }) {
+function oi({ orientation: e = "horizontal", label: t, spacing: r = "var(--lucent-space-4)", style: o }) {
   return e === "vertical" ? /* @__PURE__ */ n(
     "span",
     {
@@ -1122,7 +1122,7 @@ function ti({ orientation: e = "horizontal", label: t, spacing: r = "var(--lucen
     }
   );
 }
-const ni = {
+const ii = {
   id: "divider",
   name: "Divider",
   tier: "atom",
@@ -1172,21 +1172,21 @@ const ni = {
     style: u,
     ...f
   }, h) => {
-    const m = V(null), T = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, v = vn[t], p = i !== void 0, [b, k] = z(l ?? !1), [x, M] = z(!1), S = p ? !!i : b, A = V(S), [L, C] = z(0);
+    const m = V(null), T = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, v = vn[t], p = i !== void 0, [b, k] = z(l ?? !1), [x, M] = z(!1), S = p ? !!i : b, A = V(S), [R, C] = z(0);
     X(() => {
-      !s && A.current !== S && (A.current = S, C((R) => R + 1));
+      !s && A.current !== S && (A.current = S, C((L) => L + 1));
     }, [S, s]);
     const D = ee(
-      (R) => {
-        m.current = R, typeof h == "function" ? h(R) : h && (h.current = R);
+      (L) => {
+        m.current = L, typeof h == "function" ? h(L) : h && (h.current = L);
       },
       [h]
     );
     X(() => {
       m.current && (m.current.indeterminate = r);
     }, [r]);
-    const $ = (R) => {
-      p || k(R.target.checked), d == null || d(R);
+    const $ = (L) => {
+      p || k(L.target.checked), d == null || d(L);
     }, W = s ? "var(--lucent-text-disabled)" : "var(--lucent-text-on-accent)", w = {
       width: v,
       height: v,
@@ -1203,8 +1203,8 @@ const ni = {
       flexShrink: 0,
       transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
       // Re-key forces the animation to restart on every toggle.
-      animation: L > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
-    }, F = /* @__PURE__ */ y(
+      animation: R > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
+    }, P = /* @__PURE__ */ y(
       "label",
       {
         style: {
@@ -1255,7 +1255,7 @@ const ni = {
                 children: /* @__PURE__ */ n("path", { d: "M2 5H8", stroke: W, strokeWidth: 1.5, strokeLinecap: "round" })
               }
             )
-          ] }, L),
+          ] }, R),
           (e || a) && /* @__PURE__ */ y("span", { style: { display: "flex", flexDirection: "column" }, children: [
             e && /* @__PURE__ */ n("span", { style: {
               fontWeight: a ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1291,18 +1291,18 @@ const ni = {
             cursor: s ? "not-allowed" : "pointer",
             ...u
           },
-          onClick: (R) => {
+          onClick: (L) => {
             var N;
-            s || R.target === R.currentTarget && ((N = m.current) == null || N.click());
+            s || L.target === L.currentTarget && ((N = m.current) == null || N.click());
           },
-          children: F
+          children: P
         }
-      ) : F
+      ) : P
     ] });
   }
 );
 yt.displayName = "Checkbox";
-const ai = {
+const si = {
   id: "checkbox",
   name: "Checkbox",
   tier: "atom",
@@ -1428,7 +1428,7 @@ const Sn = { sm: 14, md: 16, lg: 20 }, Tn = { sm: "calc(var(--lucent-space-8) *
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
 };
-function ri({ value: e, label: t, size: r = "md", contained: o = !1, helperText: a, disabled: i, id: l, onChange: s, checked: c, style: d, ...u }) {
+function li({ value: e, label: t, size: r = "md", contained: o = !1, helperText: a, disabled: i, id: l, onChange: s, checked: c, style: d, ...u }) {
   const f = fe(xt), h = l ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, m = Sn[r], [T, v] = z(!1), p = i ?? (f == null ? void 0 : f.disabled) ?? !1, b = f ? f.value === e : !!c, k = V(b), [x, M] = z(0);
   X(() => {
     !p && k.current !== b && (k.current = b, M((D) => D + 1));
@@ -1442,7 +1442,7 @@ function ri({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
     background: p ? "var(--lucent-text-disabled)" : "var(--lucent-text-on-accent)",
     animation: b ? "lucent-radio-dot 200ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0,
     opacity: b ? 1 : 0
-  }, L = {
+  }, R = {
     width: m,
     height: m,
     borderRadius: "50%",
@@ -1483,7 +1483,7 @@ function ri({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
             ...u
           }
         ),
-        /* @__PURE__ */ n("span", { "aria-hidden": !0, style: L, children: /* @__PURE__ */ n("span", { style: A }) }, x),
+        /* @__PURE__ */ n("span", { "aria-hidden": !0, style: R, children: /* @__PURE__ */ n("span", { style: A }) }, x),
         t || a ? /* @__PURE__ */ y("span", { style: { display: "flex", flexDirection: "column" }, children: [
           t && /* @__PURE__ */ n("span", { style: {
             fontWeight: a ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1527,7 +1527,7 @@ function ri({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
     ) : C
   ] });
 }
-function oi({
+function ci({
   defaultValue: e = "",
   onChange: t,
   ...r
@@ -1544,7 +1544,7 @@ function oi({
     }
   );
 }
-const ii = {
+const di = {
   id: "radio",
   name: "Radio",
   tier: "atom",
@@ -1654,7 +1654,7 @@ const ii = {
   100% { transform: scale(1); }
 }
 `;
-function si({
+function ui({
   label: e,
   size: t = "md",
   checked: r,
@@ -1668,17 +1668,17 @@ function si({
   style: u,
   ...f
 }) {
-  const h = c ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, m = r !== void 0, [T, v] = z(o ?? !1), p = m ? !!r : T, [b, k] = z(!1), x = V(p), [M, S] = z(0), [A, L] = z(!1);
+  const h = c ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, m = r !== void 0, [T, v] = z(o ?? !1), p = m ? !!r : T, [b, k] = z(!1), x = V(p), [M, S] = z(0), [A, R] = z(!1);
   X(() => {
     if (!s && x.current !== p) {
-      x.current = p, S((U) => U + 1), L(!0);
-      const N = setTimeout(() => L(!1), 150);
+      x.current = p, S((U) => U + 1), R(!0);
+      const N = setTimeout(() => R(!1), 150);
       return () => clearTimeout(N);
     }
   }, [p, s]);
   const { track: [C, D], thumb: $ } = Mn[t], W = p ? C - $ - 2 : 2, w = (N) => {
     m || v(N.target.checked), d == null || d(N);
-  }, F = /* @__PURE__ */ y(
+  }, P = /* @__PURE__ */ y(
     "span",
     {
       "aria-hidden": !0,
@@ -1722,7 +1722,7 @@ function si({
         )
       ]
     }
-  ), R = /* @__PURE__ */ y(
+  ), L = /* @__PURE__ */ y(
     "label",
     {
       style: {
@@ -1752,7 +1752,7 @@ function si({
             ...f
           }
         ),
-        l === "left" && F,
+        l === "left" && P,
         e || i ? /* @__PURE__ */ y("span", { style: { display: "flex", flexDirection: "column", flex: l === "right" ? 1 : void 0 }, children: [
           e && /* @__PURE__ */ n("span", { style: {
             fontWeight: i ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1764,7 +1764,7 @@ function si({
             marginTop: "2px"
           }, children: i })
         ] }) : null,
-        l === "right" && F
+        l === "right" && P
       ]
     }
   );
@@ -1792,12 +1792,12 @@ function si({
             U == null || U.click();
           }
         },
-        children: R
+        children: L
       }
-    ) : R
+    ) : L
   ] });
 }
-const li = {
+const pi = {
   id: "toggle",
   name: "Toggle",
   tier: "atom",
@@ -2028,7 +2028,7 @@ const li = {
   }
 );
 wt.displayName = "Select";
-const ci = {
+const fi = {
   id: "select",
   name: "Select",
   tier: "atom",
@@ -2133,13 +2133,13 @@ const ci = {
   warning: { bg: "var(--lucent-warning-subtle)", color: "var(--lucent-warning-text)", border: "var(--lucent-warning-subtle)", dismissHover: "var(--lucent-warning-default)" },
   danger: { bg: "var(--lucent-danger-subtle)", color: "var(--lucent-danger-text)", border: "var(--lucent-danger-subtle)", dismissHover: "var(--lucent-danger-default)" },
   info: { bg: "var(--lucent-info-subtle)", color: "var(--lucent-info-text)", border: "var(--lucent-info-subtle)", dismissHover: "var(--lucent-info-default)" }
-}, Bn = {
+}, qn = {
   sm: { fontSize: "var(--lucent-font-size-xs)", height: "20px", padding: "0 var(--lucent-space-3)", iconSize: 10, gap: "var(--lucent-space-1)" },
   md: { fontSize: "var(--lucent-font-size-sm)", height: "24px", padding: "0 var(--lucent-space-3)", iconSize: 12, gap: "var(--lucent-space-1)" },
   lg: { fontSize: "var(--lucent-font-size-md)", height: "28px", padding: "0 var(--lucent-space-4)", iconSize: 14, gap: "var(--lucent-space-2)" }
 };
-function di({ children: e, variant: t = "neutral", size: r = "md", onDismiss: o, disabled: a }) {
-  const i = En[t], l = Bn[r], [s, c] = z(!1), d = !a && o;
+function hi({ children: e, variant: t = "neutral", size: r = "md", onDismiss: o, disabled: a }) {
+  const i = En[t], l = qn[r], [s, c] = z(!1), d = !a && o;
   return /* @__PURE__ */ y(
     "span",
     {
@@ -2208,7 +2208,7 @@ function di({ children: e, variant: t = "neutral", size: r = "md", onDismiss: o,
     }
   );
 }
-const ui = {
+const mi = {
   id: "tag",
   name: "Tag",
   tier: "atom",
@@ -2265,12 +2265,12 @@ const ui = {
     notes: 'The dismiss button has aria-label="Dismiss" and is keyboard-focusable.',
     keyboardInteractions: ["Enter / Space — activates the dismiss button when focused"]
   }
-}, Q = 5, qn = {
+}, Q = 5, Bn = {
   top: { bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: Q + 3 },
   bottom: { top: "100%", left: "50%", transform: "translateX(-50%)", marginTop: Q + 3 },
   left: { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: Q + 3 },
   right: { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: Q + 3 }
-}, Ln = {
+}, Rn = {
   top: {
     bottom: -Q,
     left: "50%",
@@ -2300,7 +2300,7 @@ const ui = {
     borderColor: "transparent var(--lucent-text-primary) transparent transparent"
   }
 };
-function pi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
+function gi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
   const [a, i] = z(!1), l = V(null), s = () => {
     l.current = setTimeout(() => i(!0), o);
   }, c = () => {
@@ -2322,7 +2322,7 @@ function pi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
             role: "tooltip",
             style: {
               position: "absolute",
-              ...qn[r],
+              ...Bn[r],
               background: "var(--lucent-text-primary)",
               color: "var(--lucent-bg-base)",
               padding: "5px 10px",
@@ -2347,7 +2347,7 @@ function pi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
                     width: 0,
                     height: 0,
                     borderStyle: "solid",
-                    ...Ln[r]
+                    ...Rn[r]
                   }
                 }
               )
@@ -2358,7 +2358,7 @@ function pi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
     }
   ) : /* @__PURE__ */ n(oe, { children: t });
 }
-const fi = {
+const bi = {
   id: "tooltip",
   name: "Tooltip",
   tier: "atom",
@@ -2407,15 +2407,15 @@ const fi = {
     ariaAttributes: ['role="tooltip"'],
     notes: 'The tooltip is shown on both hover and focus, making it accessible to keyboard users. Content is exposed via role="tooltip".'
   }
-}, Rn = {
+}, Ln = {
   xs: 12,
   sm: 14,
   md: 16,
   lg: 20,
   xl: 24
 };
-function hi({ children: e, size: t = "md", label: r, color: o, style: a }) {
-  const i = Rn[t];
+function vi({ children: e, size: t = "md", label: r, color: o, style: a }) {
+  const i = Ln[t];
   return /* @__PURE__ */ n(
     "span",
     {
@@ -2436,7 +2436,7 @@ function hi({ children: e, size: t = "md", label: r, color: o, style: a }) {
     }
   );
 }
-const mi = {
+const yi = {
   id: "icon",
   name: "Icon",
   tier: "atom",
@@ -2484,7 +2484,7 @@ const mi = {
     ariaAttributes: ["aria-label", "aria-hidden"],
     notes: 'aria-hidden="true" is applied automatically when no label is given, hiding the icon from screen readers.'
   }
-}, Pn = {
+}, Fn = {
   primary: "var(--lucent-text-primary)",
   secondary: "var(--lucent-text-secondary)",
   disabled: "var(--lucent-text-disabled)",
@@ -2494,7 +2494,7 @@ const mi = {
   warning: "var(--lucent-warning-text)",
   danger: "var(--lucent-danger-text)",
   info: "var(--lucent-info-text)"
-}, Fn = {
+}, Pn = {
   xs: "var(--lucent-font-size-xs)",
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
@@ -2530,9 +2530,9 @@ function _({
   ...u
 }) {
   const f = {
-    fontSize: Fn[t],
+    fontSize: Pn[t],
     fontWeight: Nn[r],
-    color: Pn[o],
+    color: Fn[o],
     textAlign: a,
     lineHeight: $n[i],
     fontFamily: Wn[l],
@@ -2546,7 +2546,7 @@ function _({
   };
   return /* @__PURE__ */ n(e, { style: f, ...u, children: c });
 }
-const gi = {
+const xi = {
   id: "text",
   name: "Text",
   tier: "atom",
@@ -2644,7 +2644,7 @@ const gi = {
     notes: 'The rendered element determines the implicit ARIA role. Use heading elements (h1–h6) for document headings so screen readers can navigate the page structure. Use `as="label"` with `htmlFor` to associate labels with form controls. Decorative text needs no additional ARIA.'
   }
 };
-function bi({
+function wi({
   children: e,
   href: t,
   isActive: r = !1,
@@ -2790,7 +2790,7 @@ const On = { sm: "3px", md: "4px", lg: "5px" }, Hn = { sm: "14px", md: "18px", l
   cursor: not-allowed;
 }
 `;
-function vi({
+function ki({
   label: e,
   showValue: t = !1,
   size: r = "md",
@@ -2885,7 +2885,7 @@ function vi({
     )
   ] });
 }
-const yi = {
+const Si = {
   id: "slider",
   name: "Slider",
   tier: "atom",
@@ -2991,7 +2991,7 @@ function Un() {
 function Gn() {
   return /* @__PURE__ */ n("svg", { width: 13, height: 13, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M20 6L9 17l-5-5" }) });
 }
-function xi({
+function Ti({
   code: e,
   language: t,
   tabs: r,
@@ -3205,7 +3205,7 @@ function xi({
     }
   );
 }
-const wi = {
+const Ci = {
   id: "code-block",
   name: "CodeBlock",
   tier: "atom",
@@ -3381,7 +3381,7 @@ xe.Body = Kn;
 xe.Foot = Xn;
 xe.Row = Jn;
 xe.Cell = Zn;
-const ki = {
+const Ii = {
   id: "table",
   name: "Table",
   tier: "atom",
@@ -3685,7 +3685,7 @@ const ze = pe(({
   );
 });
 ze.displayName = "ColorSwatch";
-function Be(e, t, r) {
+function qe(e, t, r) {
   return Math.max(t, Math.min(r, e));
 }
 function oa(e, t, r) {
@@ -3724,7 +3724,7 @@ function St(e) {
   };
 }
 function _e({ r: e, g: t, b: r, a: o }) {
-  const a = (l) => Be(Math.round(l), 0, 255).toString(16).padStart(2, "0"), i = `#${a(e)}${a(t)}${a(r)}`;
+  const a = (l) => qe(Math.round(l), 0, 255).toString(16).padStart(2, "0"), i = `#${a(e)}${a(t)}${a(r)}`;
   return o < 1 ? `${i}${a(Math.round(o * 255))}` : i;
 }
 function Tt({ h: e, s: t, v: r, a: o }) {
@@ -3777,7 +3777,7 @@ const la = [
 ].join(", ");
 function st({ value: e, min: t, max: r, onChange: o, trackStyle: a, formatTooltip: i }) {
   const l = V(null), [s, c] = z(!1), d = ee((f) => {
-    const h = l.current.getBoundingClientRect(), m = Be((f.clientX - h.left) / h.width, 0, 1);
+    const h = l.current.getBoundingClientRect(), m = qe((f.clientX - h.left) / h.width, 0, 1);
     o(t + m * (r - t));
   }, [t, r, o]), u = (e - t) / (r - t) * 100;
   return /* @__PURE__ */ n(
@@ -3850,14 +3850,14 @@ function ua({
   id: c,
   style: d
 }) {
-  var P, j;
+  var F, j;
   const u = o === "sm" ? 24 : 40, f = ve(), h = c ?? f, [m, T] = z(!1), [v, p] = z("hex"), [b, k] = z(0), [x, M] = z(() => {
     const g = e ? ke(e) ?? { r: 0, g: 0, b: 0, a: 1 } : { r: 0, g: 0, b: 0, a: 1 };
     return re(g);
-  }), [S, A] = z(() => we(x).slice(1).toUpperCase()), L = V(null), C = V(null), D = V(null), [$, W] = z({ top: 0, left: 0 });
+  }), [S, A] = z(() => we(x).slice(1).toUpperCase()), R = V(null), C = V(null), D = V(null), [$, W] = z({ top: 0, left: 0 });
   se(() => {
-    if (!m || !L.current) return;
-    const g = L.current.getBoundingClientRect();
+    if (!m || !R.current) return;
+    const g = R.current.getBoundingClientRect();
     let E = g.left;
     const O = g.bottom + 8;
     if (D.current) {
@@ -3874,7 +3874,7 @@ function ua({
     const g = (E) => {
       var Y, H;
       const O = E.target;
-      (Y = L.current) != null && Y.contains(O) || (H = D.current) != null && H.contains(O) || T(!1);
+      (Y = R.current) != null && Y.contains(O) || (H = D.current) != null && H.contains(O) || T(!1);
     };
     return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [m]);
@@ -3882,26 +3882,26 @@ function ua({
     M(g);
     const E = we(g);
     A(E.slice(1).toUpperCase()), t == null || t(E);
-  }, [t]), F = ee((g) => {
-    const E = C.current.getBoundingClientRect(), O = Math.round(Be((g.clientX - E.left) / E.width, 0, 1) * 100), Y = Math.round((1 - Be((g.clientY - E.top) / E.height, 0, 1)) * 100);
+  }, [t]), P = ee((g) => {
+    const E = C.current.getBoundingClientRect(), O = Math.round(qe((g.clientX - E.left) / E.width, 0, 1) * 100), Y = Math.round((1 - qe((g.clientY - E.top) / E.height, 0, 1)) * 100);
     w({ ...x, s: O, v: Y });
-  }, [x, w]), R = ee(async () => {
+  }, [x, w]), L = ee(async () => {
     if ("EyeDropper" in window)
       try {
         const g = await new window.EyeDropper().open(), E = ke(g.sRGBHex);
         E && w(re(E));
       } catch {
       }
-  }, [w]), N = Tt(x), U = sa(N.r, N.g, N.b), Z = we(x), J = we({ ...x, a: 1 }), q = Math.round(x.a * 100), I = [
+  }, [w]), N = Tt(x), U = sa(N.r, N.g, N.b), Z = we(x), J = we({ ...x, a: 1 }), B = Math.round(x.a * 100), I = [
     { id: "hex", label: "Hex" },
     { id: "rgb", label: "RGB" },
     { id: "hsl", label: "HSL" },
     { id: "hsb", label: "HSB" }
-  ], B = typeof window < "u" && "EyeDropper" in window;
+  ], q = typeof window < "u" && "EyeDropper" in window;
   return /* @__PURE__ */ y(
     "div",
     {
-      ref: L,
+      ref: R,
       style: { display: "inline-flex", flexDirection: a ? "row" : "column", alignItems: a ? "center" : void 0, gap: "var(--lucent-space-1)", position: "relative", ...d },
       children: [
         /* @__PURE__ */ n("style", { children: `
@@ -3992,10 +3992,10 @@ function ua({
                       flexShrink: 0
                     },
                     onPointerDown: (g) => {
-                      g.currentTarget.setPointerCapture(g.pointerId), F(g);
+                      g.currentTarget.setPointerCapture(g.pointerId), P(g);
                     },
                     onPointerMove: (g) => {
-                      g.buttons > 0 && F(g);
+                      g.buttons > 0 && P(g);
                     },
                     children: [
                       /* @__PURE__ */ n("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to right, #fff, transparent)" } }),
@@ -4077,9 +4077,9 @@ function ua({
                       {
                         variant: "secondary",
                         size: "sm",
-                        onClick: R,
-                        disabled: !B,
-                        title: B ? "Pick color from screen" : "Not supported in this browser",
+                        onClick: L,
+                        disabled: !q,
+                        title: q ? "Pick color from screen" : "Not supported in this browser",
                         leftIcon: /* @__PURE__ */ n(da, {}),
                         style: { flexShrink: 0, paddingLeft: 8, paddingRight: 8 }
                       }
@@ -4111,7 +4111,7 @@ function ua({
                         size: "sm",
                         type: "number",
                         suffix: "%",
-                        value: q,
+                        value: B,
                         min: 0,
                         max: 100,
                         onChange: (g) => {
@@ -4127,7 +4127,7 @@ function ua({
                     { label: "R", val: N.r, max: 255, fn: (g) => w(re({ ...N, r: g })) },
                     { label: "G", val: N.g, max: 255, fn: (g) => w(re({ ...N, g })) },
                     { label: "B", val: N.b, max: 255, fn: (g) => w(re({ ...N, b: g })) },
-                    { label: "A", val: q, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
+                    { label: "A", val: B, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
                   ].map(({ label: g, val: E, max: O, fn: Y }) => /* @__PURE__ */ n(ce, { size: "sm", type: "number", prefix: g, value: E, min: 0, max: O, onChange: (H) => {
                     const G = +H.target.value;
                     !isNaN(G) && G >= 0 && G <= O && Y(G);
@@ -4145,7 +4145,7 @@ function ua({
                       const { r: E, g: O, b: Y } = Ae(U.h, U.s, g);
                       w(re({ r: E, g: O, b: Y, a: x.a }));
                     } },
-                    { label: "A", val: q, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
+                    { label: "A", val: B, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
                   ].map(({ label: g, val: E, max: O, fn: Y }) => /* @__PURE__ */ n(ce, { size: "sm", type: "number", prefix: g, value: E, min: 0, max: O, onChange: (H) => {
                     const G = +H.target.value;
                     !isNaN(G) && G >= 0 && G <= O && Y(G);
@@ -4154,7 +4154,7 @@ function ua({
                     { label: "H", val: x.h, max: 360, fn: (g) => w({ ...x, h: g }) },
                     { label: "S", val: x.s, max: 100, fn: (g) => w({ ...x, s: g }) },
                     { label: "B", val: x.v, max: 100, fn: (g) => w({ ...x, v: g }) },
-                    { label: "A", val: q, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
+                    { label: "A", val: B, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
                   ].map(({ label: g, val: E, max: O, fn: Y }) => /* @__PURE__ */ n(ce, { size: "sm", type: "number", prefix: g, value: E, min: 0, max: O, onChange: (H) => {
                     const G = +H.target.value;
                     !isNaN(G) && G >= 0 && G <= O && Y(G);
@@ -4174,7 +4174,7 @@ function ua({
                       fontWeight: "var(--lucent-font-weight-medium)",
                       color: "var(--lucent-text-secondary)",
                       fontFamily: "var(--lucent-font-family-base)"
-                    }, children: (P = l[0]) == null ? void 0 : P.label }),
+                    }, children: (F = l[0]) == null ? void 0 : F.label }),
                     /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: (((j = l[b]) == null ? void 0 : j.colors) ?? []).map((g) => {
                       const E = Je(g).toLowerCase() === Z.slice(0, 7).toLowerCase();
                       return /* @__PURE__ */ n(
@@ -4199,7 +4199,7 @@ function ua({
   );
 }
 ua.displayName = "ColorPicker";
-const Si = {
+const Mi = {
   id: "color-picker",
   name: "ColorPicker",
   tier: "atom",
@@ -4306,7 +4306,7 @@ const Si = {
       "Tab — moves through format tabs and input fields within the popover"
     ]
   }
-}, Ti = {
+}, Di = {
   id: "color-swatch",
   name: "ColorSwatch",
   tier: "atom",
@@ -4341,7 +4341,7 @@ const Si = {
     ariaAttributes: ["title (tooltip)"],
     keyboardInteractions: ["Enter / Space — triggers onClick"]
   }
-}, Ci = {
+}, zi = {
   id: "segmented-control",
   name: "SegmentedControl",
   tier: "atom",
@@ -4438,8 +4438,305 @@ const Si = {
       "Click — selects an option"
     ]
   }
+}, pa = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+}, fa = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around"
+};
+function Ai({
+  gap: e = "4",
+  align: t = "stretch",
+  justify: r = "start",
+  as: o = "div",
+  wrap: a = !1,
+  children: i,
+  style: l,
+  ...s
+}) {
+  const c = {
+    display: "flex",
+    flexDirection: "column",
+    gap: `var(--lucent-space-${e})`,
+    alignItems: pa[t],
+    justifyContent: fa[r],
+    ...a && { flexWrap: "wrap" },
+    ...l
+  };
+  return /* @__PURE__ */ n(o, { style: c, ...s, children: i });
+}
+const Ei = {
+  id: "stack",
+  name: "Stack",
+  tier: "atom",
+  domain: "neutral",
+  specVersion: "0.1",
+  description: "Vertical flex layout primitive that spaces children using design-system gap tokens.",
+  designIntent: "Stack is the primary vertical layout container. Use it any time you need to arrange elements in a column with consistent spacing — form fields, card content, page sections, sidebar navigation. The gap prop maps to spacing tokens (--lucent-space-*), enforcing consistent vertical rhythm without manual margin management. Prefer Stack over raw inline flex styles for maintainability and readability. Use Row (the horizontal counterpart) when items should flow left-to-right. Stack does not add padding — wrap it in a Card or apply padding on a parent container instead.",
+  props: [
+    {
+      name: "gap",
+      type: "enum",
+      required: !1,
+      default: "4",
+      description: "Spacing between children. Maps to --lucent-space-{n} tokens.",
+      enumValues: ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24"]
+    },
+    {
+      name: "align",
+      type: "enum",
+      required: !1,
+      default: "stretch",
+      description: 'Cross-axis alignment (alignItems). "stretch" fills the container width.',
+      enumValues: ["start", "center", "end", "stretch", "baseline"]
+    },
+    {
+      name: "justify",
+      type: "enum",
+      required: !1,
+      default: "start",
+      description: "Main-axis distribution (justifyContent).",
+      enumValues: ["start", "center", "end", "between", "around"]
+    },
+    {
+      name: "as",
+      type: "enum",
+      required: !1,
+      default: "div",
+      description: "HTML element to render. Use semantic elements when appropriate (nav for navigation, form for forms).",
+      enumValues: ["div", "section", "nav", "form", "fieldset", "ul", "ol"]
+    },
+    {
+      name: "wrap",
+      type: "boolean",
+      required: !1,
+      default: "false",
+      description: "Whether children should wrap to the next line when they exceed the container width."
+    },
+    {
+      name: "children",
+      type: "ReactNode",
+      required: !0,
+      description: "The elements to arrange vertically."
+    },
+    {
+      name: "style",
+      type: "object",
+      required: !1,
+      description: "Inline style overrides. Applied after computed layout styles."
+    },
+    {
+      name: "className",
+      type: "string",
+      required: !1,
+      description: "CSS class name passthrough."
+    }
+  ],
+  usageExamples: [
+    {
+      title: "Form layout",
+      code: `<Stack gap="4">
+  <FormField label="Name"><Input /></FormField>
+  <FormField label="Email"><Input type="email" /></FormField>
+  <Button variant="primary">Submit</Button>
+</Stack>`
+    },
+    {
+      title: "Card content",
+      code: `<Card padding="lg">
+  <Stack gap="3">
+    <Text as="h3" size="lg" weight="semibold">Title</Text>
+    <Text size="sm" color="secondary">Description goes here.</Text>
+    <Button variant="outline" size="sm">Learn more</Button>
+  </Stack>
+</Card>`
+    },
+    {
+      title: "Tight spacing",
+      code: `<Stack gap="1">
+  <Text size="sm" weight="medium">Label</Text>
+  <Text size="xs" color="secondary">Helper text</Text>
+</Stack>`
+    },
+    {
+      title: "Centered content",
+      code: `<Stack gap="4" align="center" justify="center" style={{ minHeight: 200 }}>
+  <Spinner />
+  <Text color="secondary">Loading...</Text>
+</Stack>`
+    },
+    {
+      title: "Semantic nav",
+      code: `<Stack as="nav" gap="1">
+  <NavLink href="/home">Home</NavLink>
+  <NavLink href="/settings">Settings</NavLink>
+</Stack>`
+    }
+  ],
+  compositionGraph: [],
+  accessibility: {
+    notes: "Stack renders a <div> by default, which has no implicit ARIA role. Use the `as` prop to render semantic elements (nav, section, form) when the content has a specific structural purpose. Add aria-label or aria-labelledby when using landmark elements."
+  }
+}, ha = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+}, ma = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around"
+};
+function qi({
+  gap: e = "3",
+  align: t = "center",
+  justify: r = "start",
+  as: o = "div",
+  wrap: a = !1,
+  children: i,
+  style: l,
+  ...s
+}) {
+  const c = {
+    display: "flex",
+    flexDirection: "row",
+    gap: `var(--lucent-space-${e})`,
+    alignItems: ha[t],
+    justifyContent: ma[r],
+    ...a && { flexWrap: "wrap" },
+    ...l
+  };
+  return /* @__PURE__ */ n(o, { style: c, ...s, children: i });
+}
+const Bi = {
+  id: "row",
+  name: "Row",
+  tier: "atom",
+  domain: "neutral",
+  specVersion: "0.1",
+  description: "Horizontal flex layout primitive that spaces children using design-system gap tokens.",
+  designIntent: 'Row is the primary horizontal layout container. Use it any time you need to arrange elements side by side — button groups, label-value pairs, icon + text combos, toolbar actions. Default align is "center" (vertical centering), which is the most common horizontal layout need. Use justify="between" for space-between patterns like a header with title on the left and actions on the right. Set wrap=true when items should flow to the next line on narrow screens. Row does not add padding — wrap it in a Card or apply padding on a parent container instead. For vertical arrangement, use Stack instead.',
+  props: [
+    {
+      name: "gap",
+      type: "enum",
+      required: !1,
+      default: "3",
+      description: "Spacing between children. Maps to --lucent-space-{n} tokens.",
+      enumValues: ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24"]
+    },
+    {
+      name: "align",
+      type: "enum",
+      required: !1,
+      default: "center",
+      description: 'Cross-axis alignment (alignItems). "center" vertically centers items, which is the most common need.',
+      enumValues: ["start", "center", "end", "stretch", "baseline"]
+    },
+    {
+      name: "justify",
+      type: "enum",
+      required: !1,
+      default: "start",
+      description: 'Main-axis distribution (justifyContent). Use "between" for label/action pairs.',
+      enumValues: ["start", "center", "end", "between", "around"]
+    },
+    {
+      name: "as",
+      type: "enum",
+      required: !1,
+      default: "div",
+      description: "HTML element to render. Use semantic elements when appropriate (nav for navigation, form for forms).",
+      enumValues: ["div", "section", "nav", "form", "fieldset", "ul", "ol"]
+    },
+    {
+      name: "wrap",
+      type: "boolean",
+      required: !1,
+      default: "false",
+      description: "Whether children should wrap to the next line when they exceed the container width."
+    },
+    {
+      name: "children",
+      type: "ReactNode",
+      required: !0,
+      description: "The elements to arrange horizontally."
+    },
+    {
+      name: "style",
+      type: "object",
+      required: !1,
+      description: "Inline style overrides. Applied after computed layout styles."
+    },
+    {
+      name: "className",
+      type: "string",
+      required: !1,
+      description: "CSS class name passthrough."
+    }
+  ],
+  usageExamples: [
+    {
+      title: "Settings toggle",
+      code: `<Row gap="3" justify="between">
+  <Text size="sm">Push notifications</Text>
+  <Toggle />
+</Row>`
+    },
+    {
+      title: "Button group",
+      code: `<Row gap="2">
+  <Button variant="primary">Save</Button>
+  <Button variant="outline">Cancel</Button>
+</Row>`
+    },
+    {
+      title: "Stats row",
+      code: `<Row gap="6" wrap>
+  <Stack gap="1">
+    <Text size="2xl" weight="bold">1,234</Text>
+    <Text size="xs" color="secondary">Users</Text>
+  </Stack>
+  <Stack gap="1">
+    <Text size="2xl" weight="bold">56.7%</Text>
+    <Text size="xs" color="secondary">Conversion</Text>
+  </Stack>
+</Row>`
+    },
+    {
+      title: "Icon + text",
+      code: `<Row gap="2" align="center">
+  <Icon name="check" size={16} />
+  <Text size="sm" color="success">Verified</Text>
+</Row>`
+    },
+    {
+      title: "Header with actions",
+      code: `<Row justify="between">
+  <Text as="h2" size="xl" weight="semibold">Dashboard</Text>
+  <Row gap="2">
+    <Button variant="outline" size="sm">Export</Button>
+    <Button variant="primary" size="sm">New report</Button>
+  </Row>
+</Row>`
+    }
+  ],
+  compositionGraph: [],
+  accessibility: {
+    notes: 'Row renders a <div> by default, which has no implicit ARIA role. Use the `as` prop to render semantic elements (nav, section) when the content has a specific structural purpose. For toolbar patterns, consider adding role="toolbar" via the role prop.'
+  }
 };
-function Ii({
+function Ri({
   label: e,
   htmlFor: t,
   required: r = !1,
@@ -4458,7 +4755,7 @@ function Ii({
     s && /* @__PURE__ */ n(_, { size: "xs", color: c, lineHeight: "tight", children: s })
   ] });
 }
-const Mi = {
+const Li = {
   id: "form-field",
   name: "FormField",
   tier: "molecule",
@@ -4544,11 +4841,11 @@ const Mi = {
     ariaAttributes: ["aria-required", "aria-describedby"],
     notes: 'Link the wrapped control to an error message using aria-describedby on the control and a matching id on the error element for full screen reader support. The required asterisk is aria-hidden; set aria-required="true" on the control itself.'
   }
-}, pa = { sm: 14, md: 18, lg: 20 }, fa = { sm: "sm", md: "md", lg: "md" }, ha = { sm: "var(--lucent-space-1)", md: "var(--lucent-space-2)", lg: "var(--lucent-space-2)" }, ma = ({ size: e = 16 }) => /* @__PURE__ */ y("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, ga = { sm: 14, md: 18, lg: 20 }, ba = { sm: "sm", md: "md", lg: "md" }, va = { sm: "var(--lucent-space-1)", md: "var(--lucent-space-2)", lg: "var(--lucent-space-2)" }, ya = ({ size: e = 16 }) => /* @__PURE__ */ y("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "6.5", cy: "6.5", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M9.5 9.5L13 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), ga = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-function Di({
+] }), xa = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+function Fi({
   value: e,
   onChange: t,
   placeholder: r = "Search…",
@@ -4569,7 +4866,7 @@ function Di({
     const w = k.current.getBoundingClientRect();
     S({ top: w.bottom + 4, left: w.left, width: w.width });
   }, [A]);
-  const L = () => {
+  const R = () => {
     t("");
   }, C = (w) => {
     c == null || c(w), T(!1);
@@ -4582,7 +4879,7 @@ function Di({
     {
       type: "button",
       "aria-label": "Clear search",
-      onClick: L,
+      onClick: R,
       style: {
         display: "flex",
         alignItems: "center",
@@ -4599,7 +4896,7 @@ function Di({
       onMouseLeave: (w) => {
         w.currentTarget.style.color = "var(--lucent-text-secondary)";
       },
-      children: /* @__PURE__ */ n(ga, {})
+      children: /* @__PURE__ */ n(xa, {})
     }
   ) : null;
   return /* @__PURE__ */ y("div", { ref: k, style: { ...h }, children: [
@@ -4613,7 +4910,7 @@ function Di({
         onChange: (w) => t(w.target.value),
         placeholder: r,
         disabled: u,
-        leftElement: /* @__PURE__ */ n(ma, { size: pa[o] }),
+        leftElement: /* @__PURE__ */ n(ya, { size: ga[o] }),
         rightElement: W ?? void 0,
         onFocus: $,
         onBlur: D,
@@ -4640,24 +4937,24 @@ function Di({
             border: "1px solid color-mix(in srgb, var(--lucent-accent-default) 15%, var(--lucent-border-default))",
             borderRadius: "var(--lucent-radius-lg)",
             boxShadow: "0 0 24px -4px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent), var(--lucent-shadow-md)",
-            padding: ha[o]
+            padding: va[o]
           },
-          children: s.map((w, F) => /* @__PURE__ */ n(
+          children: s.map((w, P) => /* @__PURE__ */ n(
             "div",
             {
               role: "option",
               "aria-selected": !1,
               onMouseDown: () => C(w),
-              onMouseEnter: () => p(F),
+              onMouseEnter: () => p(P),
               onMouseLeave: () => p(null),
               style: {
                 padding: "var(--lucent-space-2)",
                 borderRadius: "var(--lucent-radius-md)",
                 cursor: "pointer",
-                background: v === F ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+                background: v === P ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
               },
-              children: /* @__PURE__ */ n(_, { as: "span", size: fa[o], children: w.label })
+              children: /* @__PURE__ */ n(_, { as: "span", size: ba[o], children: w.label })
             },
             w.id
           ))
@@ -4667,7 +4964,7 @@ function Di({
     )
   ] });
 }
-const zi = {
+const Pi = {
   id: "search-input",
   name: "SearchInput",
   tier: "molecule",
@@ -4789,7 +5086,7 @@ const [results, setResults] = useState([]);
     keyboardInteractions: ["Enter to select focused result", "Escape to close dropdown"],
     notes: 'The results list uses role="listbox" with role="option" items. For full keyboard navigation (arrow keys to move between results), wire up onKeyDown on the Input and manage an activeIndex state.'
   }
-}, Ct = ye("0"), ba = {
+}, Ct = ye("0"), wa = {
   none: { py: "0", px: "0" },
   sm: { py: "var(--lucent-space-2)", px: "var(--lucent-space-3)" },
   md: { py: "var(--lucent-space-4)", px: "var(--lucent-space-5)" },
@@ -4799,17 +5096,17 @@ const [results, setResults] = useState([]);
   sm: "var(--lucent-shadow-sm)",
   md: "var(--lucent-shadow-md)",
   lg: "var(--lucent-shadow-lg)"
-}, va = {
+}, ka = {
   none: "var(--lucent-radius-none)",
   sm: "var(--lucent-radius-sm)",
   md: "var(--lucent-radius-md)",
   lg: "var(--lucent-radius-lg)"
-}, ya = {
+}, Sa = {
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
   danger: "var(--lucent-danger-default)",
   info: "var(--lucent-info-default)"
-}, xa = {
+}, Ta = {
   ghost: {
     background: "transparent",
     border: "none",
@@ -4840,22 +5137,22 @@ const [results, setResults] = useState([]);
     shadowDefault: "none",
     dividers: !1
   }
-}, wa = [
+}, Ca = [
   "transform 80ms var(--lucent-easing-default)",
   "box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",
   "border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
   "background var(--lucent-duration-fast) var(--lucent-easing-default)"
-].join(", "), ka = "0 4px 14px -2px var(--lucent-accent-subtle)", Sa = "0 0 0 3px var(--lucent-accent-subtle)", Ta = "0 0 0 2px var(--lucent-surface), 0 0 0 4px var(--lucent-accent-default)", Ca = "0 0 0 3px var(--lucent-accent-subtle)";
+].join(", "), Ia = "0 4px 14px -2px var(--lucent-accent-subtle)", Ma = "0 0 0 3px var(--lucent-accent-subtle)", Da = "0 0 0 2px var(--lucent-surface), 0 0 0 4px var(--lucent-accent-default)", za = "0 0 0 3px var(--lucent-accent-subtle)";
 function he(...e) {
   const t = e.filter(
     (r) => r != null && r !== "none" && r !== "var(--lucent-shadow-none)"
   );
   return t.length > 0 ? t.join(", ") : void 0;
 }
-function Ia(e, t, r) {
+function Aa(e, t, r) {
   return !t || r ? e.background : e.background === "transparent" ? "var(--lucent-accent-subtle)" : `color-mix(in srgb, var(--lucent-accent-default) 6%, ${e.background})`;
 }
-function Ai({
+function Ni({
   variant: e = "outline",
   header: t,
   footer: r,
@@ -4873,18 +5170,18 @@ function Ai({
   selected: T,
   media: v
 }) {
-  const p = xa[e], b = e === "combo", k = i ?? (b ? "md" : p.shadowDefault), { py: x, px: M } = ba[a], S = `${x} ${M}`, A = va[l], L = d != null, C = c != null || L, D = (h ?? !1) && C, $ = L ? "a" : C ? "button" : "div", [W, w] = z(!1), [F, R] = z(!1), [N, U] = z(!1), Z = (T ?? !1) && !D, J = Z ? Ca : void 0, q = Ia(p, T ?? !1, D);
+  const p = Ta[e], b = e === "combo", k = i ?? (b ? "md" : p.shadowDefault), { py: x, px: M } = wa[a], S = `${x} ${M}`, A = ka[l], R = d != null, C = c != null || R, D = (h ?? !1) && C, $ = R ? "a" : C ? "button" : "div", [W, w] = z(!1), [P, L] = z(!1), [N, U] = z(!1), Z = (T ?? !1) && !D, J = Z ? za : void 0, B = Aa(p, T ?? !1, D);
   let I;
-  b ? I = J : C && !D ? N ? I = he(Ta, J) : F ? I = he(Sa, J) : W ? I = he(ka, Se[k], J) : I = he(Se[k], J) : I = he(Se[k], J);
-  const B = {
+  b ? I = J : C && !D ? N ? I = he(Da, J) : P ? I = he(Ma, J) : W ? I = he(Ia, Se[k], J) : I = he(Se[k], J) : I = he(Se[k], J);
+  const q = {
     display: "flex",
     flexDirection: "column",
-    background: q,
+    background: B,
     border: p.border,
     borderRadius: A,
     // Outer box-shadow rings (selected, focus) get clipped by overflow:hidden,
     // so we switch to overflow:visible when a ring is active.
-    overflow: Z || C && F ? "visible" : "hidden",
+    overflow: Z || C && P ? "visible" : "hidden",
     boxSizing: "border-box",
     position: "relative",
     ...I !== void 0 && { boxShadow: I },
@@ -4895,18 +5192,18 @@ function Ai({
     ...C && {
       cursor: D ? "not-allowed" : "pointer",
       outline: "none",
-      transition: wa
+      transition: Ca
     },
     // Button UA reset
-    ...C && !L && {
+    ...C && !R && {
       padding: 0,
       font: "inherit",
       textAlign: "inherit",
       width: "100%",
-      background: q
+      background: B
     },
     // Link reset
-    ...L && {
+    ...R && {
       textDecoration: "none",
       color: "inherit"
     },
@@ -4920,7 +5217,7 @@ function Ai({
   return /* @__PURE__ */ y(
     $,
     {
-      style: B,
+      style: q,
       ...C && !D ? {
         onMouseEnter: () => w(!0),
         onMouseLeave: () => {
@@ -4928,23 +5225,23 @@ function Ai({
         },
         onMouseDown: () => U(!0),
         onMouseUp: () => U(!1),
-        onFocus: () => R(!0),
+        onFocus: () => L(!0),
         onBlur: () => {
-          R(!1), U(!1);
+          L(!1), U(!1);
         }
       } : {},
-      ...L && {
+      ...R && {
         href: D ? void 0 : d,
         ...u !== void 0 && { target: u },
         ...f !== void 0 && { rel: f }
       },
-      ...!L && C && {
+      ...!R && C && {
         type: "button",
         ...D && { disabled: !0 }
       },
       ...c !== void 0 && !D && { onClick: c },
       ...C && T !== void 0 && { "aria-pressed": T },
-      ...L && D && { "aria-disabled": !0 },
+      ...R && D && { "aria-disabled": !0 },
       children: [
         v != null && /* @__PURE__ */ n("div", { style: { lineHeight: 0 }, children: v }),
         m != null && /* @__PURE__ */ n(
@@ -4957,7 +5254,7 @@ function Ai({
               left: 0,
               bottom: 0,
               width: 3,
-              background: ya[m],
+              background: Sa[m],
               zIndex: 1
             }
           }
@@ -5004,7 +5301,7 @@ function Ai({
     }
   );
 }
-function Ei({ children: e, style: t }) {
+function $i({ children: e, style: t }) {
   const r = fe(Ct);
   return /* @__PURE__ */ n(
     "div",
@@ -5020,7 +5317,7 @@ function Ei({ children: e, style: t }) {
     }
   );
 }
-const Bi = {
+const Wi = {
   id: "card",
   name: "Card",
   tier: "molecule",
@@ -5230,30 +5527,30 @@ const Bi = {
   accessibility: {
     notes: "Non-interactive cards have no implicit ARIA role — wrap in <section> or <article> if needed. Interactive cards with onClick render as <button> with focus ring. Interactive cards with href render as <a> with focus ring. Selected cards set aria-pressed on the interactive element. The status accent bar is aria-hidden (decorative). Media slot images should include alt text."
   }
-}, Ma = {
+}, Ea = {
   info: { bg: "var(--lucent-info-subtle)", border: "var(--lucent-info-default)", iconColor: "var(--lucent-info-text)", textColor: "info" },
   success: { bg: "var(--lucent-success-subtle)", border: "var(--lucent-success-default)", iconColor: "var(--lucent-success-text)", textColor: "success" },
   warning: { bg: "var(--lucent-warning-subtle)", border: "var(--lucent-warning-default)", iconColor: "var(--lucent-warning-text)", textColor: "warning" },
   danger: { bg: "var(--lucent-danger-subtle)", border: "var(--lucent-danger-default)", iconColor: "var(--lucent-danger-text)", textColor: "danger" }
-}, Da = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, qa = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M8 5.5V8.5M8 10.5V11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), za = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Ba = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M5 8L7 10L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), Aa = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Ra = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
   /* @__PURE__ */ n("path", { d: "M8 6V9M8 11V11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Ea = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), La = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Ba = {
-  info: /* @__PURE__ */ n(Da, {}),
-  success: /* @__PURE__ */ n(za, {}),
-  warning: /* @__PURE__ */ n(Aa, {}),
-  danger: /* @__PURE__ */ n(Ea, {})
-}, qa = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-function qi({
+] }), Fa = {
+  info: /* @__PURE__ */ n(qa, {}),
+  success: /* @__PURE__ */ n(Ba, {}),
+  warning: /* @__PURE__ */ n(Ra, {}),
+  danger: /* @__PURE__ */ n(La, {})
+}, Pa = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+function Oi({
   variant: e = "info",
   title: t,
   children: r,
@@ -5261,7 +5558,7 @@ function qi({
   icon: a,
   style: i
 }) {
-  const l = Ma[e], s = a ?? Ba[e];
+  const l = Ea[e], s = a ?? Fa[e];
   return /* @__PURE__ */ y(
     "div",
     {
@@ -5319,14 +5616,14 @@ function qi({
             onMouseLeave: (c) => {
               c.currentTarget.style.opacity = "0.7";
             },
-            children: /* @__PURE__ */ n(qa, {})
+            children: /* @__PURE__ */ n(Pa, {})
           }
         )
       ]
     }
   );
 }
-const Li = {
+const Hi = {
   id: "alert",
   name: "Alert",
   tier: "molecule",
@@ -5401,7 +5698,7 @@ const Li = {
     notes: 'role="alert" causes screen readers to announce the content immediately when rendered. For non-urgent status messages, consider using role="status" instead by overriding via style/wrapper.'
   }
 };
-function Ri({
+function Vi({
   illustration: e,
   title: t,
   description: r,
@@ -5444,7 +5741,7 @@ function Ri({
     }
   );
 }
-const Pi = {
+const ji = {
   id: "empty-state",
   name: "EmptyState",
   tier: "molecule",
@@ -5515,11 +5812,11 @@ const Pi = {
   accessibility: {
     notes: "The title renders as an h3 by default. If EmptyState appears inside a section with its own heading hierarchy, override by passing a Text component as part of a custom layout. Ensure the action element has a descriptive label for screen readers."
   }
-}, La = {
+}, Na = {
   text: "1em",
   circle: 40,
   rectangle: 40
-}, Ra = {
+}, $a = {
   text: "var(--lucent-radius-sm)",
   circle: "var(--lucent-radius-full)",
   rectangle: "var(--lucent-radius-md)"
@@ -5548,7 +5845,7 @@ function lt({
     }
   );
 }
-function Fi({
+function Ui({
   variant: e = "rectangle",
   width: t = "100%",
   height: r,
@@ -5557,7 +5854,7 @@ function Fi({
   radius: i,
   style: l
 }) {
-  const s = r ?? La[e], c = i ?? Ra[e], d = a ? /* @__PURE__ */ n("style", { children: `
+  const s = r ?? Na[e], c = i ?? $a[e], d = a ? /* @__PURE__ */ n("style", { children: `
       @keyframes lucent-skeleton-shimmer {
         0%   { background-position: 200% 0; }
         100% { background-position: -200% 0; }
@@ -5589,7 +5886,7 @@ function Fi({
     )
   ] });
 }
-const Ni = {
+const Gi = {
   id: "skeleton",
   name: "Skeleton",
   tier: "molecule",
@@ -5676,7 +5973,7 @@ const Ni = {
     notes: 'Wrap loading regions with aria-busy="true" on the container so screen readers know content is loading. Individual Skeleton elements are presentational and do not need ARIA attributes themselves.'
   }
 };
-function $i({ items: e, separator: t = "/", style: r }) {
+function _i({ items: e, separator: t = "/", style: r }) {
   return /* @__PURE__ */ n("nav", { "aria-label": "Breadcrumb", style: r, children: /* @__PURE__ */ n(
     "ol",
     {
@@ -5742,21 +6039,21 @@ function $i({ items: e, separator: t = "/", style: r }) {
     }
   ) });
 }
-function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "underline", style: i }) {
-  var q;
-  const l = r !== void 0, [s, c] = z(t ?? ((q = e[0]) == null ? void 0 : q.value) ?? ""), d = l ? r : s, [u, f] = z(null), h = V([]), [m, T] = z(null), v = V(!1), p = a === "pills", b = V(null), k = V(null), x = V(null), [M, S] = z(e.length), [A, L] = z(!1), [C, D] = z(!1), [$, W] = z(null), w = e.slice(0, M), F = e.slice(M), R = F.length > 0, N = F.some((I) => I.value === d), U = () => {
+function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "underline", style: i }) {
+  var B;
+  const l = r !== void 0, [s, c] = z(t ?? ((B = e[0]) == null ? void 0 : B.value) ?? ""), d = l ? r : s, [u, f] = z(null), h = V([]), [m, T] = z(null), v = V(!1), p = a === "pills", b = V(null), k = V(null), x = V(null), [M, S] = z(e.length), [A, R] = z(!1), [C, D] = z(!1), [$, W] = z(null), w = e.slice(0, M), P = e.slice(M), L = P.length > 0, N = P.some((I) => I.value === d), U = () => {
     if (N) {
       T(null);
       return;
     }
-    const I = e.findIndex((P, j) => j < M && P.value === d), B = h.current[I];
-    if (B) {
+    const I = e.findIndex((F, j) => j < M && F.value === d), q = h.current[I];
+    if (q) {
       if (p) {
-        const P = B.querySelector("span");
-        if (!P) return;
-        T({ left: P.offsetLeft + B.offsetLeft, width: P.offsetWidth, animate: v.current });
+        const F = q.querySelector("span");
+        if (!F) return;
+        T({ left: F.offsetLeft + q.offsetLeft, width: F.offsetWidth, animate: v.current });
       } else
-        T({ left: B.offsetLeft, width: B.offsetWidth, animate: v.current });
+        T({ left: q.offsetLeft, width: q.offsetWidth, animate: v.current });
       v.current = !0;
     }
   };
@@ -5765,7 +6062,7 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
   }, [d, M, p]), X(() => {
     const I = b.current;
     if (!I) return;
-    const B = () => {
+    const q = () => {
       const E = I.clientWidth, O = 70;
       let Y = 0, H = 0;
       for (let G = 0; G < e.length; G++) {
@@ -5790,30 +6087,30 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
       }
       S(H < 1 ? 1 : H);
     };
-    let P;
+    let F;
     (() => {
-      P = requestAnimationFrame(() => {
-        P = requestAnimationFrame(B);
+      F = requestAnimationFrame(() => {
+        F = requestAnimationFrame(q);
       });
     })();
-    const g = new ResizeObserver(B);
+    const g = new ResizeObserver(q);
     return g.observe(I), () => {
-      g.disconnect(), cancelAnimationFrame(P);
+      g.disconnect(), cancelAnimationFrame(F);
     };
   }, [e]), X(() => {
     if (!A) return;
-    const I = (B) => {
-      x.current && !x.current.contains(B.target) && k.current && !k.current.contains(B.target) && (L(!1), W(null));
+    const I = (q) => {
+      x.current && !x.current.contains(q.target) && k.current && !k.current.contains(q.target) && (R(!1), W(null));
     };
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [A]);
   const Z = (I) => {
     l || c(I), o == null || o(I);
-  }, J = (I, B) => {
+  }, J = (I, q) => {
     var E;
-    const P = w.map((O, Y) => O.disabled ? -1 : Y).filter((O) => O !== -1), j = P.indexOf(B);
+    const F = w.map((O, Y) => O.disabled ? -1 : Y).filter((O) => O !== -1), j = F.indexOf(q);
     let g = -1;
-    I.key === "ArrowRight" && (g = P[(j + 1) % P.length] ?? -1), I.key === "ArrowLeft" && (g = P[(j - 1 + P.length) % P.length] ?? -1), I.key === "Home" && (g = P[0] ?? -1), I.key === "End" && (g = P[P.length - 1] ?? -1), g !== -1 && (I.preventDefault(), (E = h.current[g]) == null || E.focus(), Z(w[g].value));
+    I.key === "ArrowRight" && (g = F[(j + 1) % F.length] ?? -1), I.key === "ArrowLeft" && (g = F[(j - 1 + F.length) % F.length] ?? -1), I.key === "Home" && (g = F[0] ?? -1), I.key === "End" && (g = F[F.length - 1] ?? -1), g !== -1 && (I.preventDefault(), (E = h.current[g]) == null || E.focus(), Z(w[g].value));
   };
   return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", position: "relative", ...i }, children: [
     /* @__PURE__ */ y(
@@ -5832,26 +6129,26 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
           }
         },
         children: [
-          e.map((I, B) => {
-            const P = B < M, j = I.value === d, g = I.disabled ?? !1;
+          e.map((I, q) => {
+            const F = q < M, j = I.value === d, g = I.disabled ?? !1;
             return /* @__PURE__ */ y(
               "button",
               {
                 ref: (E) => {
-                  h.current[B] = E;
+                  h.current[q] = E;
                 },
                 role: "tab",
                 "aria-selected": j,
                 "aria-controls": `lucent-tabpanel-${I.value}`,
                 id: `lucent-tab-${I.value}`,
                 disabled: g,
-                tabIndex: j && P ? 0 : -1,
+                tabIndex: j && F ? 0 : -1,
                 onClick: () => {
                   g || Z(I.value);
                 },
-                onKeyDown: (E) => J(E, B),
+                onKeyDown: (E) => J(E, q),
                 onMouseEnter: () => {
-                  !g && P && f(B);
+                  !g && F && f(q);
                 },
                 onMouseLeave: () => f(null),
                 style: {
@@ -5866,20 +6163,20 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                   transition: "color var(--lucent-duration-fast) var(--lucent-easing-default)",
                   whiteSpace: "nowrap",
                   outline: "none",
-                  position: P ? "relative" : "absolute",
+                  position: F ? "relative" : "absolute",
                   zIndex: j ? 1 : 0,
                   // Hidden overflow tabs are positioned off-screen for measurement
-                  ...P ? {} : { visibility: "hidden", pointerEvents: "none", left: -9999 }
+                  ...F ? {} : { visibility: "hidden", pointerEvents: "none", left: -9999 }
                 },
                 children: [
                   /* @__PURE__ */ n("span", { style: {
                     display: "block",
                     padding: "var(--lucent-space-1) var(--lucent-space-3)",
                     borderRadius: "var(--lucent-radius-md)",
-                    background: !p && u === B && !j && !g ? "var(--lucent-surface-secondary)" : "transparent",
+                    background: !p && u === q && !j && !g ? "var(--lucent-surface-secondary)" : "transparent",
                     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
                   }, children: I.label }),
-                  p && u === B && !j && !g && P && /* @__PURE__ */ n(
+                  p && u === q && !j && !g && F && /* @__PURE__ */ n(
                     "span",
                     {
                       "aria-hidden": !0,
@@ -5901,11 +6198,11 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
               I.value
             );
           }),
-          R && /* @__PURE__ */ n(
+          L && /* @__PURE__ */ n(
             "button",
             {
               ref: k,
-              onClick: () => L((I) => !I),
+              onClick: () => R((I) => !I),
               onMouseEnter: () => D(!0),
               onMouseLeave: () => D(!1),
               style: {
@@ -5959,7 +6256,7 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
         ]
       }
     ),
-    R && A && /* @__PURE__ */ n(
+    L && A && /* @__PURE__ */ n(
       "div",
       {
         ref: x,
@@ -5976,30 +6273,30 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
           padding: "var(--lucent-space-1) 0",
           minWidth: 140
         },
-        children: F.map((I, B) => {
-          const P = I.value === d, j = I.disabled ?? !1, g = $ === B;
+        children: P.map((I, q) => {
+          const F = I.value === d, j = I.disabled ?? !1, g = $ === q;
           return /* @__PURE__ */ n(
             "button",
             {
               disabled: j,
               onClick: () => {
-                j || (Z(I.value), L(!1));
+                j || (Z(I.value), R(!1));
               },
               onMouseEnter: () => {
-                j || W(B);
+                j || W(q);
               },
               onMouseLeave: () => W(null),
               style: {
                 display: "block",
                 width: "100%",
                 padding: "var(--lucent-space-2) var(--lucent-space-4)",
-                background: P || g ? "var(--lucent-surface-secondary)" : "none",
+                background: F || g ? "var(--lucent-surface-secondary)" : "none",
                 border: "none",
                 cursor: j ? "not-allowed" : "pointer",
                 fontFamily: "var(--lucent-font-family-base)",
                 fontSize: "var(--lucent-font-size-md)",
-                fontWeight: P ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-                color: j ? "var(--lucent-text-disabled)" : P || g ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                fontWeight: F ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+                color: j ? "var(--lucent-text-disabled)" : F || g ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                 textAlign: "left",
                 outline: "none",
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), color var(--lucent-duration-fast) var(--lucent-easing-default)"
@@ -6026,13 +6323,13 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
     ))
   ] });
 }
-const Pa = `
+const Wa = `
 @keyframes lucent-collapsible-open {
   from { opacity: 0; transform: translateY(-4px); }
   to   { opacity: 1; transform: translateY(0); }
 }
 `;
-function Oi({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChange: a, style: i }) {
+function Ki({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChange: a, style: i }) {
   const l = o !== void 0, [s, c] = z(r), d = l ? o : s, u = V(null), [f, h] = z(d ? void 0 : 0), m = V(!1);
   X(() => {
     const v = u.current;
@@ -6052,7 +6349,7 @@ function Oi({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChang
     l || c(v), a == null || a(v);
   };
   return /* @__PURE__ */ y(oe, { children: [
-    /* @__PURE__ */ n("style", { children: Pa }),
+    /* @__PURE__ */ n("style", { children: Wa }),
     /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", fontFamily: "var(--lucent-font-family-base)", fontSize: "var(--lucent-font-size-md)", ...i }, children: [
       /* @__PURE__ */ y(
         "button",
@@ -6075,7 +6372,7 @@ function Oi({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChang
           },
           children: [
             /* @__PURE__ */ n("span", { style: { flex: 1 }, children: e }),
-            /* @__PURE__ */ n(Fa, { open: d })
+            /* @__PURE__ */ n(Oa, { open: d })
           ]
         }
       ),
@@ -6104,7 +6401,7 @@ function Oi({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChang
     ] })
   ] });
 }
-function Fa({ open: e }) {
+function Oa({ open: e }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -6127,11 +6424,11 @@ function Fa({ open: e }) {
     }
   );
 }
-const ge = "lucent-pl-no-scrollbar", Na = `.${ge}{scrollbar-width:none}.${ge}::-webkit-scrollbar{display:none}`;
+const ge = "lucent-pl-no-scrollbar", Ha = `.${ge}{scrollbar-width:none}.${ge}::-webkit-scrollbar{display:none}`;
 function Te(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function Hi({
+function Xi({
   children: e,
   header: t,
   sidebar: r,
@@ -6161,7 +6458,7 @@ function Hi({
         ...m
       },
       children: [
-        /* @__PURE__ */ n("style", { children: Na }),
+        /* @__PURE__ */ n("style", { children: Ha }),
         t != null && /* @__PURE__ */ n(
           "div",
           {
@@ -6240,7 +6537,7 @@ function Hi({
     }
   );
 }
-function $a({ state: e }) {
+function Va({ state: e }) {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -6283,7 +6580,7 @@ function ct({ dir: e }) {
     }
   ) });
 }
-function Vi({
+function Ji({
   columns: e,
   rows: t,
   pageSize: r = 10,
@@ -6293,22 +6590,22 @@ function Vi({
   emptyState: l,
   style: s
 }) {
-  const [c, d] = z(null), [u, f] = z(0), [h, m] = z(null), [T, v] = z({}), p = o !== void 0, b = p ? o : u, k = e.some((w) => w.filterable), x = k ? t.filter((w) => e.every((F) => {
-    if (!F.filterable) return !0;
-    const R = T[F.key];
-    if (!R || R.length === 0) return !0;
-    const N = String(w[F.key] ?? "");
-    return R.includes(N);
-  })) : t, M = c ? [...x].sort((w, F) => {
-    const R = w[c.key], N = F[c.key], U = String(R ?? "").localeCompare(String(N ?? ""), void 0, { numeric: !0 });
+  const [c, d] = z(null), [u, f] = z(0), [h, m] = z(null), [T, v] = z({}), p = o !== void 0, b = p ? o : u, k = e.some((w) => w.filterable), x = k ? t.filter((w) => e.every((P) => {
+    if (!P.filterable) return !0;
+    const L = T[P.key];
+    if (!L || L.length === 0) return !0;
+    const N = String(w[P.key] ?? "");
+    return L.includes(N);
+  })) : t, M = c ? [...x].sort((w, P) => {
+    const L = w[c.key], N = P[c.key], U = String(L ?? "").localeCompare(String(N ?? ""), void 0, { numeric: !0 });
     return c.dir === "asc" ? U : -U;
-  }) : x, S = r > 0 ? M.slice(b * r, (b + 1) * r) : M, A = r > 0 ? Math.max(1, Math.ceil(M.length / r)) : 1, L = (w) => {
+  }) : x, S = r > 0 ? M.slice(b * r, (b + 1) * r) : M, A = r > 0 ? Math.max(1, Math.ceil(M.length / r)) : 1, R = (w) => {
     p || f(w), a == null || a(w);
   }, C = (w) => {
-    d((F) => !F || F.key !== w ? { key: w, dir: "asc" } : F.dir === "asc" ? { key: w, dir: "desc" } : null), p || f(0), a == null || a(0);
-  }, D = (w, F) => {
-    const R = { ...T, [w]: F };
-    F.length === 0 && delete R[w], v(R), p || f(0), a == null || a(0), i == null || i(R);
+    d((P) => !P || P.key !== w ? { key: w, dir: "asc" } : P.dir === "asc" ? { key: w, dir: "desc" } : null), p || f(0), a == null || a(0);
+  }, D = (w, P) => {
+    const L = { ...T, [w]: P };
+    P.length === 0 && delete L[w], v(L), p || f(0), a == null || a(0), i == null || i(L);
   }, $ = () => {
     v({}), p || f(0), a == null || a(0), i == null || i({});
   }, W = [];
@@ -6322,7 +6619,7 @@ function Vi({
   }
   return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-3)", ...s }, children: [
     k && /* @__PURE__ */ n("div", { style: { position: "relative", zIndex: 1 }, children: /* @__PURE__ */ n(
-      Wa,
+      ja,
       {
         columns: e,
         rows: t,
@@ -6342,7 +6639,7 @@ function Vi({
       fontSize: "var(--lucent-font-size-sm)"
     }, children: [
       /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { style: { borderBottom: "1px solid var(--lucent-border-default)" }, children: e.map((w) => {
-        const F = (c == null ? void 0 : c.key) === w.key ? c.dir : "none";
+        const P = (c == null ? void 0 : c.key) === w.key ? c.dir : "none";
         return /* @__PURE__ */ n(
           "th",
           {
@@ -6361,7 +6658,7 @@ function Vi({
             },
             children: /* @__PURE__ */ y("span", { style: { display: "inline-flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
               w.header,
-              w.sortable && /* @__PURE__ */ n($a, { state: F })
+              w.sortable && /* @__PURE__ */ n(Va, { state: P })
             ] })
           },
           w.key
@@ -6374,31 +6671,31 @@ function Vi({
           style: { padding: "var(--lucent-space-12)", textAlign: "center" },
           children: l ?? /* @__PURE__ */ n(_, { color: "secondary", children: "No data" })
         }
-      ) }) : S.map((w, F) => /* @__PURE__ */ n(
+      ) }) : S.map((w, P) => /* @__PURE__ */ n(
         "tr",
         {
-          onMouseEnter: () => m(F),
+          onMouseEnter: () => m(P),
           onMouseLeave: () => m(null),
           style: {
-            borderBottom: F < S.length - 1 ? "1px solid var(--lucent-border-subtle)" : "none",
-            background: h === F ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
+            borderBottom: P < S.length - 1 ? "1px solid var(--lucent-border-subtle)" : "none",
+            background: h === P ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
             transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
           },
-          children: e.map((R) => /* @__PURE__ */ n(
+          children: e.map((L) => /* @__PURE__ */ n(
             "td",
             {
               style: {
                 padding: "var(--lucent-space-3) var(--lucent-space-4)",
                 color: "var(--lucent-text-primary)",
-                textAlign: R.align ?? "left",
+                textAlign: L.align ?? "left",
                 verticalAlign: "middle"
               },
-              children: R.render ? R.render(w, F) : String(w[R.key] ?? "")
+              children: L.render ? L.render(w, P) : String(w[L.key] ?? "")
             },
-            R.key
+            L.key
           ))
         },
-        F
+        P
       )) })
     ] }) }),
     r > 0 && M.length > 0 && /* @__PURE__ */ y("div", { style: {
@@ -6413,21 +6710,21 @@ function Vi({
         /* @__PURE__ */ n(
           We,
           {
-            onClick: () => L(b - 1),
+            onClick: () => R(b - 1),
             disabled: b === 0,
             "aria-label": "Previous page",
             children: /* @__PURE__ */ n(ct, { dir: "left" })
           }
         ),
         W.map(
-          (w, F) => w === "…" ? /* @__PURE__ */ n("span", { style: {
+          (w, P) => w === "…" ? /* @__PURE__ */ n("span", { style: {
             padding: "0 var(--lucent-space-1)",
             color: "var(--lucent-text-disabled)",
             fontSize: "var(--lucent-font-size-sm)"
-          }, children: "…" }, `ellipsis-${F}`) : /* @__PURE__ */ n(
+          }, children: "…" }, `ellipsis-${P}`) : /* @__PURE__ */ n(
             We,
             {
-              onClick: () => L(w),
+              onClick: () => R(w),
               active: w === b,
               "aria-label": `Page ${w + 1}`,
               "aria-current": w === b ? "page" : void 0,
@@ -6439,7 +6736,7 @@ function Vi({
         /* @__PURE__ */ n(
           We,
           {
-            onClick: () => L(b + 1),
+            onClick: () => R(b + 1),
             disabled: b >= A - 1,
             "aria-label": "Next page",
             children: /* @__PURE__ */ n(ct, { dir: "right" })
@@ -6449,7 +6746,7 @@ function Vi({
     ] })
   ] });
 }
-function Wa({
+function ja({
   columns: e,
   rows: t,
   filters: r,
@@ -6463,7 +6760,7 @@ function Wa({
         new Set(t.map((d) => String(d[s.key] ?? "")))
       ).sort();
       return /* @__PURE__ */ n(
-        Oa,
+        Ua,
         {
           label: s.header,
           values: c,
@@ -6495,7 +6792,7 @@ function Wa({
     )
   ] });
 }
-function Oa({
+function Ua({
   label: e,
   values: t,
   value: r,
@@ -6634,7 +6931,7 @@ function Oa({
         fontSize: "var(--lucent-font-size-xs)",
         textAlign: "center"
       }, children: "No results" }) : m.map((p) => /* @__PURE__ */ n(
-        Ha,
+        Ga,
         {
           label: p,
           isSelected: r.includes(p),
@@ -6645,7 +6942,7 @@ function Oa({
     ] })
   ] });
 }
-function Ha({ label: e, isSelected: t, onClick: r }) {
+function Ga({ label: e, isSelected: t, onClick: r }) {
   const [o, a] = z(!1);
   return /* @__PURE__ */ y(
     "button",
@@ -6726,7 +7023,7 @@ function We({
     }
   );
 }
-const ji = {
+const Zi = {
   id: "data-table",
   name: "DataTable",
   tier: "molecule",
@@ -6835,18 +7132,18 @@ const ji = {
     keyboardInteractions: ["Tab to pagination controls", "Enter/Space to activate buttons"],
     notes: 'Column headers with sortable:true are interactive buttons with aria-sort reflecting the current sort direction. Pagination buttons include aria-label and aria-current="page" for the active page.'
   }
-}, Va = `
+}, _a = `
 @keyframes lucent-palette-in {
   from { opacity: 0; transform: scale(0.96) translateY(-8px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
 }
 `;
-function ja(e, t) {
+function Ya(e, t) {
   var o;
   const r = t.toLowerCase();
   return e.label.toLowerCase().includes(r) || (((o = e.description) == null ? void 0 : o.toLowerCase().includes(r)) ?? !1);
 }
-function Ui({
+function Qi({
   commands: e,
   placeholder: t = "Search commands…",
   shortcutKey: r = "k",
@@ -6857,7 +7154,7 @@ function Ui({
   const l = o !== void 0, [s, c] = z(!1), d = l ? o : s, [u, f] = z(""), [h, m] = z(0), T = V(null), v = V(null), p = V(!1);
   if (!p.current) {
     const C = document.createElement("style");
-    C.textContent = Va, document.head.appendChild(C), p.current = !0;
+    C.textContent = _a, document.head.appendChild(C), p.current = !0;
   }
   const b = ee((C) => {
     l || c(C), a == null || a(C);
@@ -6873,7 +7170,7 @@ function Ui({
       return (C = T.current) == null ? void 0 : C.focus();
     }, 10));
   }, [d]);
-  const k = u ? e.filter((C) => ja(C, u)) : e, x = k.filter((C) => !C.disabled);
+  const k = u ? e.filter((C) => Ya(C, u)) : e, x = k.filter((C) => !C.disabled);
   X(() => {
     const C = v.current;
     if (!C) return;
@@ -6901,7 +7198,7 @@ function Ui({
     D && D.group === C.group ? D.items.push(C) : A.push({ group: C.group, items: [C] });
   }
   if (!d) return null;
-  let L = 0;
+  let R = 0;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -6999,19 +7296,19 @@ function Ui({
                   }, children: /* @__PURE__ */ n(_, { size: "xs", color: "secondary", weight: "medium", children: C }) }),
                   D.map((W) => {
                     const w = W.disabled ?? !1;
-                    let F = !1;
-                    return w || (F = L === h, L++), /* @__PURE__ */ y(
+                    let P = !1;
+                    return w || (P = R === h, R++), /* @__PURE__ */ y(
                       "div",
                       {
                         role: "option",
-                        "aria-selected": F,
+                        "aria-selected": P,
                         "aria-disabled": w,
-                        "data-active": F,
+                        "data-active": P,
                         onClick: () => M(W),
                         onMouseEnter: () => {
                           if (!w) {
-                            const R = x.indexOf(W);
-                            R !== -1 && m(R);
+                            const L = x.indexOf(W);
+                            L !== -1 && m(L);
                           }
                         },
                         style: {
@@ -7021,7 +7318,7 @@ function Ui({
                           padding: "var(--lucent-space-2) var(--lucent-space-3)",
                           borderRadius: "var(--lucent-radius-md)",
                           cursor: w ? "not-allowed" : "pointer",
-                          background: F ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+                          background: P ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
                           transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)",
                           opacity: w ? 0.5 : 1
                         },
@@ -7059,7 +7356,7 @@ function Ui({
     }
   );
 }
-const Gi = {
+const es = {
   id: "command-palette",
   name: "CommandPalette",
   tier: "overlay",
@@ -7141,15 +7438,15 @@ const Gi = {
     keyboardInteractions: ["⌘K / Ctrl+K to open", "↑↓ to navigate", "Enter to select", "Escape to close"],
     notes: 'The backdrop and panel use role="dialog" with aria-modal="true". The input is role="searchbox". The result list is role="listbox" with role="option" items. Focus is moved to the search input on open.'
   }
-}, Ua = {
+}, Ka = {
   sm: "calc(var(--lucent-space-8) * 0.5 + 16px + 2px)",
   md: "calc(var(--lucent-space-10) * 0.5 + 20px + 2px)",
   lg: "calc(var(--lucent-space-12) * 0.5 + 24px + 2px)"
-}, Ga = {
+}, Xa = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-lg)"
-}, _a = {
+}, Ja = {
   sm: "var(--lucent-space-1) var(--lucent-space-2)",
   md: "var(--lucent-space-1) var(--lucent-space-2)",
   lg: "var(--lucent-space-2) var(--lucent-space-3)"
@@ -7161,8 +7458,8 @@ const Gi = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, dt = { sm: "sm", md: "md", lg: "lg" }, Ya = { sm: "sm", md: "md", lg: "lg" };
-function _i({
+}, dt = { sm: "sm", md: "md", lg: "lg" }, Za = { sm: "sm", md: "md", lg: "lg" };
+function ts({
   options: e,
   value: t,
   defaultValue: r = [],
@@ -7176,7 +7473,7 @@ function _i({
   errorText: u,
   style: f
 }) {
-  const h = t !== void 0, [m, T] = z(r), v = h ? t : m, [p, b] = z(!1), [k, x] = z(""), [M, S] = z(0), [A, L] = z(!1), C = V(null), D = V(null), $ = V(null), W = V(null), [w, F] = z({ top: 0, left: 0, width: 0 }), R = ve();
+  const h = t !== void 0, [m, T] = z(r), v = h ? t : m, [p, b] = z(!1), [k, x] = z(""), [M, S] = z(0), [A, R] = z(!1), C = V(null), D = V(null), $ = V(null), W = V(null), [w, P] = z({ top: 0, left: 0, width: 0 }), L = ve();
   X(() => {
     if (!p) return;
     const g = (E) => {
@@ -7187,7 +7484,7 @@ function _i({
   }, [p]), se(() => {
     if (!p || !$.current) return;
     const g = $.current.getBoundingClientRect();
-    F({ top: g.bottom + 4, left: g.left, width: g.width });
+    P({ top: g.bottom + 4, left: g.left, width: g.width });
   }, [p, v, k]);
   const N = (g) => {
     const E = v.includes(g) ? v.filter((O) => O !== g) : l !== void 0 && v.length >= l ? v : [...v, g];
@@ -7208,7 +7505,7 @@ function _i({
       E && !E.disabled && N(E.value);
     }
     g.key === "Backspace" && k === "" && v.length > 0 && U(v[v.length - 1]);
-  }, q = l !== void 0 && v.length >= l, I = !!u, B = i ? "var(--lucent-border-default)" : I ? "var(--lucent-danger-default)" : A ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", P = A ? `0 0 0 3px ${I ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", j = `lucent-multiselect-${ve()}`;
+  }, B = l !== void 0 && v.length >= l, I = !!u, q = i ? "var(--lucent-border-default)" : I ? "var(--lucent-danger-default)" : A ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", F = A ? `0 0 0 3px ${I ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", j = `lucent-multiselect-${ve()}`;
   return /* @__PURE__ */ y("div", { ref: C, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...f }, children: [
     c && /* @__PURE__ */ n(
       "label",
@@ -7236,20 +7533,20 @@ function _i({
             flexWrap: "wrap",
             alignItems: "center",
             gap: Ce[s],
-            minHeight: Ua[s],
+            minHeight: Ka[s],
             boxSizing: "border-box",
-            padding: _a[s],
+            padding: Ja[s],
             borderRadius: "var(--lucent-radius-lg)",
-            border: `1px solid ${B}`,
+            border: `1px solid ${q}`,
             background: i ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
             cursor: i ? "not-allowed" : "text",
             transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default), box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",
-            boxShadow: P
+            boxShadow: F
           },
           children: [
             v.map((g) => {
               const E = e.find((O) => O.value === g);
-              return E ? /* @__PURE__ */ n(un, { size: Ya[s], onDismiss: () => U(g), disabled: i, children: E.label }, g) : null;
+              return E ? /* @__PURE__ */ n(un, { size: Za[s], onDismiss: () => U(g), disabled: i, children: E.label }, g) : null;
             }),
             /* @__PURE__ */ n(
               "input",
@@ -7261,12 +7558,12 @@ function _i({
                   x(g.target.value), b(!0), S(0);
                 },
                 onKeyDown: J,
-                onFocus: () => L(!0),
-                onBlur: () => L(!1),
+                onFocus: () => R(!0),
+                onBlur: () => R(!1),
                 disabled: i,
                 placeholder: v.length === 0 ? a : "",
                 "aria-autocomplete": "list",
-                "aria-controls": R,
+                "aria-controls": L,
                 "aria-expanded": p,
                 "aria-describedby": I ? `${j}-error` : d ? `${j}-helper` : void 0,
                 role: "combobox",
@@ -7277,7 +7574,7 @@ function _i({
                   outline: "none",
                   background: "transparent",
                   fontFamily: "var(--lucent-font-family-base)",
-                  fontSize: Ga[s],
+                  fontSize: Xa[s],
                   color: i ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
                   cursor: i ? "not-allowed" : "text",
                   padding: v.length === 0 ? "2px 0 2px var(--lucent-space-1)" : "2px 0"
@@ -7292,7 +7589,7 @@ function _i({
           "div",
           {
             ref: W,
-            id: R,
+            id: L,
             role: "listbox",
             "aria-multiselectable": "true",
             style: {
@@ -7313,7 +7610,7 @@ function _i({
             },
             children: [
               Z.length === 0 ? /* @__PURE__ */ n("div", { style: { padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ n(_, { color: "secondary", size: dt[s], children: "No options" }) }) : Z.map((g, E) => {
-                const O = v.includes(g.value), Y = E === M, H = g.disabled ?? !1, G = q && !O;
+                const O = v.includes(g.value), Y = E === M, H = g.disabled ?? !1, G = B && !O;
                 return /* @__PURE__ */ y(
                   "div",
                   {
@@ -7352,7 +7649,7 @@ function _i({
                   g.value
                 );
               }),
-              q && /* @__PURE__ */ n("div", { style: {
+              B && /* @__PURE__ */ n("div", { style: {
                 padding: "var(--lucent-space-2)",
                 borderTop: "1px solid var(--lucent-border-subtle)"
               }, children: /* @__PURE__ */ y(_, { size: s === "lg" ? "sm" : "xs", color: "secondary", children: [
@@ -7393,7 +7690,7 @@ function _i({
     )
   ] });
 }
-const Yi = {
+const ns = {
   id: "multi-select",
   name: "MultiSelect",
   tier: "molecule",
@@ -7498,22 +7795,22 @@ const Yi = {
     notes: 'The input carries role="combobox" with aria-expanded and aria-controls pointing to the listbox. Each option has role="option" with aria-selected. Remove buttons on tags have descriptive aria-label.'
   }
 };
-function Ka(e, t) {
+function Qa(e, t) {
   return new Date(e, t + 1, 0).getDate();
 }
-function Xa(e, t) {
+function er(e, t) {
   return new Date(e, t, 1).getDay();
 }
-function qe(e, t) {
+function Be(e, t) {
   return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function Le(e, t) {
+function Re(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) < new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
 function ut(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) > new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
-const Ja = [
+const tr = [
   "January",
   "February",
   "March",
@@ -7526,11 +7823,11 @@ const Ja = [
   "October",
   "November",
   "December"
-], Za = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+], nr = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function be(e) {
   return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-const Qa = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--lucent-space-10) * 0.5 + 22px)", lg: "calc(var(--lucent-space-12) * 0.5 + 26px)" }, er = {
+const ar = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--lucent-space-10) * 0.5 + 22px)", lg: "calc(var(--lucent-space-12) * 0.5 + 26px)" }, rr = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
@@ -7538,17 +7835,17 @@ const Qa = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--luc
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, tr = {
+}, or = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, nr = {
+}, ir = {
   sm: "var(--lucent-space-2)",
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
-}, ar = { sm: 28, md: 32, lg: 38 }, rr = { sm: "var(--lucent-font-size-xs)", md: "var(--lucent-font-size-sm)", lg: "var(--lucent-font-size-md)" }, or = { sm: "xs", md: "sm", lg: "md" }, ir = { sm: "xs", md: "xs", lg: "sm" }, sr = { sm: 24, md: 28, lg: 32 }, lr = { sm: 14, md: 16, lg: 18 }, It = { sm: "var(--lucent-space-3)", md: "var(--lucent-space-4)", lg: "var(--lucent-space-5)" }, Ye = { sm: 220, md: 260, lg: 300 };
+}, sr = { sm: 28, md: 32, lg: 38 }, lr = { sm: "var(--lucent-font-size-xs)", md: "var(--lucent-font-size-sm)", lg: "var(--lucent-font-size-md)" }, cr = { sm: "xs", md: "sm", lg: "md" }, dr = { sm: "xs", md: "xs", lg: "sm" }, ur = { sm: 24, md: 28, lg: 32 }, pr = { sm: 14, md: 16, lg: 18 }, It = { sm: "var(--lucent-space-3)", md: "var(--lucent-space-4)", lg: "var(--lucent-space-5)" }, Ye = { sm: 220, md: 260, lg: 300 };
 function pt({ dir: e, onClick: t, disabled: r, size: o = "md" }) {
-  const [a, i] = z(!1), l = sr[o], s = lr[o];
+  const [a, i] = z(!1), l = ur[o], s = pr[o];
   return /* @__PURE__ */ n(
     "button",
     {
@@ -7598,7 +7895,7 @@ function Ke({
   onDayHover: u,
   size: f = "md"
 }) {
-  const h = Ka(e, t), m = Xa(e, t), [T, v] = z(null), p = [
+  const h = Qa(e, t), m = er(e, t), [T, v] = z(null), p = [
     ...Array(m).fill(null),
     ...Array.from({ length: h }, (b, k) => k + 1)
   ];
@@ -7606,19 +7903,19 @@ function Ke({
   return /* @__PURE__ */ y("div", { children: [
     /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "var(--lucent-space-3)" }, children: [
       /* @__PURE__ */ n(pt, { dir: "prev", onClick: s, size: f }),
-      /* @__PURE__ */ y(_, { weight: "medium", size: or[f], children: [
-        Ja[t],
+      /* @__PURE__ */ y(_, { weight: "medium", size: cr[f], children: [
+        tr[t],
         " ",
         e
       ] }),
       /* @__PURE__ */ n(pt, { dir: "next", onClick: c, size: f })
     ] }),
-    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: Za.map((b) => /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(_, { size: ir[f], color: "secondary", children: b }) }, b)) }),
+    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: nr.map((b) => /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(_, { size: dr[f], color: "secondary", children: b }) }, b)) }),
     /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: p.map((b, k) => {
       if (!b) return /* @__PURE__ */ n("div", {}, k);
-      const x = new Date(e, t, b), M = r ? qe(x, r) : !1, S = qe(x, o), A = (a ? Le(x, a) : !1) || (i ? ut(x, i) : !1);
-      let L = !1;
-      return d != null && d.start && (d != null && d.end) && (L = !Le(x, d.start) && !ut(x, d.end)), /* @__PURE__ */ n(
+      const x = new Date(e, t, b), M = r ? Be(x, r) : !1, S = Be(x, o), A = (a ? Re(x, a) : !1) || (i ? ut(x, i) : !1);
+      let R = !1;
+      return d != null && d.start && (d != null && d.end) && (R = !Re(x, d.start) && !ut(x, d.end)), /* @__PURE__ */ n(
         "button",
         {
           type: "button",
@@ -7636,13 +7933,13 @@ function Ke({
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            height: ar[f],
+            height: sr[f],
             width: "100%",
             border: S && !M ? "1px solid var(--lucent-border-strong)" : "1px solid transparent",
             borderRadius: "var(--lucent-radius-md)",
-            background: M ? "var(--lucent-accent-default)" : L ? "var(--lucent-accent-subtle)" : T === b && !A ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+            background: M ? "var(--lucent-accent-default)" : R ? "var(--lucent-accent-subtle)" : T === b && !A ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
             color: M ? "var(--lucent-text-on-accent)" : A ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
-            fontSize: rr[f],
+            fontSize: lr[f],
             fontFamily: "var(--lucent-font-family-base)",
             fontWeight: S ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
             cursor: A ? "not-allowed" : "pointer",
@@ -7655,7 +7952,7 @@ function Ke({
     }) })
   ] });
 }
-function Ki({
+function as({
   value: e,
   defaultValue: t,
   onChange: r,
@@ -7669,26 +7966,26 @@ function Ki({
   errorText: u,
   style: f
 }) {
-  const h = e !== void 0, [m, T] = z(t), v = h ? e : m, p = !!u, b = a, k = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, x = /* @__PURE__ */ new Date(), [M, S] = z((v ?? x).getFullYear()), [A, L] = z((v ?? x).getMonth()), [C, D] = z(!1), [$, W] = z(!1), w = V(null), F = V(null), [R, N] = z({ top: 0, left: 0 });
+  const h = e !== void 0, [m, T] = z(t), v = h ? e : m, p = !!u, b = a, k = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, x = /* @__PURE__ */ new Date(), [M, S] = z((v ?? x).getFullYear()), [A, R] = z((v ?? x).getMonth()), [C, D] = z(!1), [$, W] = z(!1), w = V(null), P = V(null), [L, N] = z({ top: 0, left: 0 });
   X(() => {
     if (!C) return;
-    const B = (P) => {
+    const q = (F) => {
       var j, g;
-      !((j = w.current) != null && j.contains(P.target)) && !((g = F.current) != null && g.contains(P.target)) && D(!1);
+      !((j = w.current) != null && j.contains(F.target)) && !((g = P.current) != null && g.contains(F.target)) && D(!1);
     };
-    return document.addEventListener("mousedown", B), () => document.removeEventListener("mousedown", B);
+    return document.addEventListener("mousedown", q), () => document.removeEventListener("mousedown", q);
   }, [C]), se(() => {
     if (!C || !w.current) return;
-    const B = w.current.getBoundingClientRect();
-    N({ top: B.bottom + 4, left: B.left });
+    const q = w.current.getBoundingClientRect();
+    N({ top: q.bottom + 4, left: q.left });
   }, [C]);
-  const U = (B) => {
-    h || T(B), r == null || r(B), D(!1);
+  const U = (q) => {
+    h || T(q), r == null || r(q), D(!1);
   }, Z = () => {
-    A === 0 ? (L(11), S((B) => B - 1)) : L((B) => B - 1);
+    A === 0 ? (R(11), S((q) => q - 1)) : R((q) => q - 1);
   }, J = () => {
-    A === 11 ? (L(0), S((B) => B + 1)) : L((B) => B + 1);
-  }, q = b ? "transparent" : p ? "var(--lucent-danger-default)" : $ ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", I = $ ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+    A === 11 ? (R(0), S((q) => q + 1)) : R((q) => q + 1);
+  }, B = b ? "transparent" : p ? "var(--lucent-danger-default)" : $ ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", I = $ ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
   return /* @__PURE__ */ y("div", { ref: w, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...f }, children: [
     c && /* @__PURE__ */ n(
       "label",
@@ -7709,7 +8006,7 @@ function Ki({
         type: "button",
         id: k,
         disabled: a,
-        onClick: () => !a && D((B) => !B),
+        onClick: () => !a && D((q) => !q),
         onFocus: () => W(!0),
         onBlur: () => W(!1),
         "aria-haspopup": "dialog",
@@ -7718,18 +8015,18 @@ function Ki({
         style: {
           display: "flex",
           alignItems: "center",
-          gap: nr[s],
+          gap: ir[s],
           width: "100%",
-          height: Qa[s],
+          height: ar[s],
           boxSizing: "border-box",
-          padding: `0 ${tr[s]}`,
+          padding: `0 ${or[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
-          border: `1px solid ${q}`,
+          border: `1px solid ${B}`,
           boxShadow: I,
           background: b ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
           color: v ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
-          fontSize: er[s],
+          fontSize: rr[s],
           cursor: b ? "not-allowed" : "pointer",
           outline: "none",
           transition: [
@@ -7774,13 +8071,13 @@ function Ki({
       /* @__PURE__ */ n(
         "div",
         {
-          ref: F,
+          ref: P,
           role: "dialog",
           "aria-label": "Date picker",
           style: {
             position: "fixed",
-            top: R.top,
-            left: R.left,
+            top: L.top,
+            left: L.left,
             zIndex: 1e3,
             background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
             backdropFilter: "blur(6px)",
@@ -7812,7 +8109,7 @@ function Ki({
     )
   ] });
 }
-const Xi = {
+const rs = {
   id: "date-picker",
   name: "DatePicker",
   tier: "molecule",
@@ -7923,15 +8220,15 @@ const Xi = {
     keyboardInteractions: ["Enter/Space to open calendar", "Click day to select", "Escape closes popover (click outside)"],
     notes: 'The calendar popover is role="dialog". Each day button has aria-label with the full date and aria-pressed for selected state. Full arrow-key navigation within the calendar grid is a planned enhancement.'
   }
-}, cr = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--lucent-space-10) * 0.5 + 22px)", lg: "calc(var(--lucent-space-12) * 0.5 + 26px)" }, dr = {
+}, fr = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--lucent-space-10) * 0.5 + 22px)", lg: "calc(var(--lucent-space-12) * 0.5 + 26px)" }, hr = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
-}, ur = {
+}, mr = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, pr = {
+}, gr = {
   sm: "var(--lucent-space-2)",
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
@@ -7940,10 +8237,10 @@ const Xi = {
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
 };
-function fr(e, t) {
-  return e ? qe(e.start, e.end) ? be(e.start) : `${be(e.start)} → ${be(e.end)}` : t;
+function br(e, t) {
+  return e ? Be(e.start, e.end) ? be(e.start) : `${be(e.start)} → ${be(e.end)}` : t;
 }
-function Ji({
+function os({
   value: e,
   defaultValue: t,
   onChange: r,
@@ -7957,24 +8254,24 @@ function Ji({
   errorText: u,
   style: f
 }) {
-  const h = e !== void 0, [m, T] = z(t), v = h ? e : m, p = !!u, b = a, k = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [x, M] = z(null), [S, A] = z(null), L = /* @__PURE__ */ new Date(), [C, D] = z(((v == null ? void 0 : v.start) ?? L).getFullYear()), [$, W] = z(((v == null ? void 0 : v.start) ?? L).getMonth()), w = $ === 11 ? 0 : $ + 1, F = $ === 11 ? C + 1 : C, [R, N] = z(!1), [U, Z] = z(!1), J = V(null), q = V(null), [I, B] = z({ top: 0, left: 0 });
+  const h = e !== void 0, [m, T] = z(t), v = h ? e : m, p = !!u, b = a, k = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [x, M] = z(null), [S, A] = z(null), R = /* @__PURE__ */ new Date(), [C, D] = z(((v == null ? void 0 : v.start) ?? R).getFullYear()), [$, W] = z(((v == null ? void 0 : v.start) ?? R).getMonth()), w = $ === 11 ? 0 : $ + 1, P = $ === 11 ? C + 1 : C, [L, N] = z(!1), [U, Z] = z(!1), J = V(null), B = V(null), [I, q] = z({ top: 0, left: 0 });
   X(() => {
-    if (!R) return;
+    if (!L) return;
     const H = (G) => {
       var ae, ne;
-      !((ae = J.current) != null && ae.contains(G.target)) && !((ne = q.current) != null && ne.contains(G.target)) && (N(!1), M(null));
+      !((ae = J.current) != null && ae.contains(G.target)) && !((ne = B.current) != null && ne.contains(G.target)) && (N(!1), M(null));
     };
     return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
-  }, [R]), se(() => {
-    if (!R || !J.current) return;
+  }, [L]), se(() => {
+    if (!L || !J.current) return;
     const H = J.current.getBoundingClientRect();
-    B({ top: H.bottom + 4, left: H.left });
-  }, [R]);
-  const P = (H) => {
+    q({ top: H.bottom + 4, left: H.left });
+  }, [L]);
+  const F = (H) => {
     if (!x)
       M(H);
     else {
-      const [G, ae] = Le(H, x) || qe(H, x) ? [H, x] : [x, H], ne = { start: G, end: ae };
+      const [G, ae] = Re(H, x) || Be(H, x) ? [H, x] : [x, H], ne = { start: G, end: ae };
       h || T(ne), r == null || r(ne), M(null), N(!1);
     }
   }, j = () => {
@@ -7984,7 +8281,7 @@ function Ji({
   };
   let E;
   if (x && S) {
-    const [H, G] = Le(S, x) ? [S, x] : [x, S];
+    const [H, G] = Re(S, x) ? [S, x] : [x, S];
     E = { start: H, end: G };
   } else x ? E = { start: x, end: x } : v && (E = { start: v.start, end: v.end });
   const O = b ? "transparent" : p ? "var(--lucent-danger-default)" : U ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", Y = U ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
@@ -8012,23 +8309,23 @@ function Ji({
         onFocus: () => Z(!0),
         onBlur: () => Z(!1),
         "aria-haspopup": "dialog",
-        "aria-expanded": R,
+        "aria-expanded": L,
         "aria-invalid": p,
         style: {
           display: "flex",
           alignItems: "center",
-          gap: pr[s],
+          gap: gr[s],
           width: "100%",
-          height: cr[s],
+          height: fr[s],
           boxSizing: "border-box",
-          padding: `0 ${ur[s]}`,
+          padding: `0 ${mr[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
           border: `1px solid ${O}`,
           boxShadow: Y,
           background: b ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
           color: v ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
-          fontSize: dr[s],
+          fontSize: hr[s],
           cursor: b ? "not-allowed" : "pointer",
           outline: "none",
           transition: [
@@ -8042,7 +8339,7 @@ function Ji({
             /* @__PURE__ */ n("path", { d: "M1 6h12", stroke: "currentColor", strokeWidth: "1.3" }),
             /* @__PURE__ */ n("path", { d: "M4 1v2M10 1v2", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
           ] }),
-          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: fr(v, o) })
+          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: br(v, o) })
         ]
       }
     ),
@@ -8069,11 +8366,11 @@ function Ji({
         children: d
       }
     ),
-    R && de(
+    L && de(
       /* @__PURE__ */ y(
         "div",
         {
-          ref: q,
+          ref: B,
           role: "dialog",
           "aria-label": "Date range picker",
           style: {
@@ -8098,10 +8395,10 @@ function Ji({
                 year: C,
                 month: $,
                 ...(v == null ? void 0 : v.start) !== void 0 && { selected: v.start },
-                today: L,
+                today: R,
                 ...i !== void 0 && { min: i },
                 ...l !== void 0 && { max: l },
-                onSelect: P,
+                onSelect: F,
                 onPrevMonth: j,
                 onNextMonth: g,
                 ...E !== void 0 && { highlightRange: E },
@@ -8113,13 +8410,13 @@ function Ji({
             /* @__PURE__ */ n("div", { style: { minWidth: Ye[s] }, children: /* @__PURE__ */ n(
               Ke,
               {
-                year: F,
+                year: P,
                 month: w,
                 ...(v == null ? void 0 : v.end) !== void 0 && { selected: v.end },
-                today: L,
+                today: R,
                 ...i !== void 0 && { min: i },
                 ...l !== void 0 && { max: l },
-                onSelect: P,
+                onSelect: F,
                 onPrevMonth: j,
                 onNextMonth: g,
                 ...E !== void 0 && { highlightRange: E },
@@ -8132,15 +8429,15 @@ function Ji({
       ),
       document.body
     ),
-    x && R && /* @__PURE__ */ n("div", { style: { position: "absolute", top: "calc(100% + var(--lucent-space-1))", left: 0, zIndex: 1001, pointerEvents: "none" } }),
-    x && R && /* @__PURE__ */ n("div", { style: {
+    x && L && /* @__PURE__ */ n("div", { style: { position: "absolute", top: "calc(100% + var(--lucent-space-1))", left: 0, zIndex: 1001, pointerEvents: "none" } }),
+    x && L && /* @__PURE__ */ n("div", { style: {
       position: "absolute",
       bottom: -24,
       left: 0
     }, children: /* @__PURE__ */ n(_, { size: "xs", color: "secondary", children: "Now pick the end date" }) })
   ] });
 }
-const Zi = {
+const is = {
   id: "date-range-picker",
   name: "DateRangePicker",
   tier: "molecule",
@@ -8251,10 +8548,10 @@ const Zi = {
 function Xe(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function hr() {
+function vr() {
   return Math.random().toString(36).slice(2);
 }
-function mr({
+function yr({
   item: e,
   onRemove: t
 }) {
@@ -8316,7 +8613,7 @@ function mr({
     )
   ] });
 }
-function Qi({
+function ss({
   accept: e,
   multiple: t = !1,
   maxSize: r,
@@ -8335,13 +8632,13 @@ function Qi({
         continue;
       }
       if (!t && f.length + A.length >= 1) break;
-      A.push({ id: hr(), file: C });
+      A.push({ id: vr(), file: C });
     }
     if (A.length === 0) return;
-    const L = t ? [...f, ...A] : A;
-    c || u(L), a == null || a(L);
+    const R = t ? [...f, ...A] : A;
+    c || u(R), a == null || a(R);
   }, [l, f, c, r, t, a, i]), k = (S) => {
-    const A = f.filter((L) => L.id !== S);
+    const A = f.filter((R) => R.id !== S);
     c || u(A), a == null || a(A);
   }, x = (S) => {
     S.preventDefault(), m(!1), b(S.dataTransfer.files);
@@ -8424,10 +8721,10 @@ function Qi({
         ]
       }
     ),
-    f.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: f.map((S) => /* @__PURE__ */ n(mr, { item: S, onRemove: k }, S.id)) })
+    f.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: f.map((S) => /* @__PURE__ */ n(yr, { item: S, onRemove: k }, S.id)) })
   ] });
 }
-const es = {
+const ls = {
   id: "file-upload",
   name: "FileUpload",
   tier: "molecule",
@@ -8525,23 +8822,23 @@ const handleChange = async (updated: UploadFile[]) => {
     keyboardInteractions: ["Enter/Space to open file picker", "Tab to focus drop zone"],
     notes: 'The drop zone has role="button" with tabIndex=0 and responds to Enter/Space. Remove buttons on file rows have aria-label including the filename.'
   }
-}, gr = {
+}, xr = {
   default: "var(--lucent-border-strong)",
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
   danger: "var(--lucent-danger-default)",
   info: "var(--lucent-info-default)"
-}, br = {
+}, wr = {
   default: "var(--lucent-surface-secondary)",
   success: "var(--lucent-success-subtle)",
   warning: "var(--lucent-warning-subtle)",
   danger: "var(--lucent-danger-subtle)",
   info: "var(--lucent-info-subtle)"
 };
-function vr({ status: e }) {
+function kr({ status: e }) {
   return e === "success" ? /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M2 5l2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : e === "danger" ? /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M2 2l6 6M8 2L2 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) : e === "warning" ? /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M5 2v4M5 7.5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) : null;
 }
-function ts({ items: e, style: t }) {
+function cs({ items: e, style: t }) {
   return /* @__PURE__ */ n(
     "ol",
     {
@@ -8554,7 +8851,7 @@ function ts({ items: e, style: t }) {
         ...t
       },
       children: e.map((r, o) => {
-        const a = r.status ?? "default", i = gr[a], l = br[a], s = o === e.length - 1;
+        const a = r.status ?? "default", i = xr[a], l = wr[a], s = o === e.length - 1;
         return /* @__PURE__ */ y(
           "li",
           {
@@ -8583,7 +8880,7 @@ function ts({ items: e, style: t }) {
                   color: i,
                   flexShrink: 0,
                   zIndex: 1
-                }, children: r.icon ?? /* @__PURE__ */ n(vr, { status: a }) }),
+                }, children: r.icon ?? /* @__PURE__ */ n(kr, { status: a }) }),
                 !s && /* @__PURE__ */ n("div", { style: {
                   flex: 1,
                   width: 2,
@@ -8611,7 +8908,7 @@ function ts({ items: e, style: t }) {
     }
   );
 }
-const ns = {
+const ds = {
   id: "timeline",
   name: "Timeline",
   tier: "molecule",
@@ -8665,7 +8962,7 @@ const ns = {
     keyboardInteractions: ["Standard document flow — no interactive elements unless custom icons include them"],
     notes: "Timeline is a semantic <ol> with <li> items. It is non-interactive by default. If items contain interactive elements (links, buttons), those elements carry their own keyboard behaviour."
   }
-}, je = 120, yr = `
+}, je = 120, Sr = `
 @keyframes lucent-menu-in {
   from { opacity: 0; transform: scale(0.97) translateY(-2px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
@@ -8678,20 +8975,20 @@ const ns = {
   sm: "var(--lucent-space-2)",
   md: "var(--lucent-space-2)",
   lg: "var(--lucent-space-3)"
-}, xr = {
+}, Tr = {
   sm: "sm",
   md: "md",
   lg: "lg"
-}, wr = {
+}, Cr = {
   sm: "xs",
   md: "sm",
   lg: "md"
-}, kr = {
+}, Ir = {
   sm: 12,
   md: 14,
   lg: 16
 }, Qe = ye(null), Ie = 4;
-function Sr(e, t, r) {
+function Mr(e, t, r) {
   const o = t.offsetWidth, a = t.offsetHeight, i = window.innerWidth, l = window.innerHeight;
   let s = 0, c = 0, d = r;
   const u = {
@@ -8704,7 +9001,7 @@ function Sr(e, t, r) {
   let f = "top left";
   return d.startsWith("top") ? f = d.endsWith("-end") ? "bottom right" : d.endsWith("-start") ? "bottom left" : "bottom center" : d.startsWith("bottom") ? f = d.endsWith("-end") ? "top right" : d.endsWith("-start") ? "top left" : "top center" : d === "left" ? f = "center right" : d === "right" && (f = "center left"), { top: s, left: c, transformOrigin: f };
 }
-function as({
+function us({
   onSelect: e,
   children: t,
   icon: r,
@@ -8716,7 +9013,7 @@ function as({
 }) {
   const c = fe(Qe), d = V(-1);
   d.current === -1 && c && (d.current = c.getItemIndex(), c.registerItem(d.current, a));
-  const u = c ? c.activeIndex === d.current : !1, f = (c == null ? void 0 : c.size) ?? "md", h = Ze[f], m = xr[f], T = kr[f], v = () => {
+  const u = c ? c.activeIndex === d.current : !1, f = (c == null ? void 0 : c.size) ?? "md", h = Ze[f], m = Tr[f], T = Ir[f], v = () => {
     a || (e(), c == null || c.close());
   }, p = () => {
     !a && c && c.setActiveIndex(d.current);
@@ -8762,7 +9059,7 @@ function as({
     }
   );
 }
-function rs({ style: e }) {
+function ps({ style: e }) {
   return /* @__PURE__ */ n(
     "div",
     {
@@ -8776,14 +9073,14 @@ function rs({ style: e }) {
     }
   );
 }
-function os({ label: e, children: t, style: r }) {
+function fs({ label: e, children: t, style: r }) {
   const o = fe(Qe), a = (o == null ? void 0 : o.size) ?? "md", i = Ze[a];
   return /* @__PURE__ */ y("div", { role: "group", "aria-label": e, style: r, children: [
-    /* @__PURE__ */ n("div", { style: { padding: `${i} ${i} var(--lucent-space-1)` }, children: /* @__PURE__ */ n(_, { size: wr[a], color: "secondary", weight: "medium", children: e }) }),
+    /* @__PURE__ */ n("div", { style: { padding: `${i} ${i} var(--lucent-space-1)` }, children: /* @__PURE__ */ n(_, { size: Cr[a], color: "secondary", weight: "medium", children: e }) }),
     t
   ] });
 }
-function is({
+function hs({
   trigger: e,
   children: t,
   placement: r = "bottom-start",
@@ -8793,107 +9090,107 @@ function is({
   portalContainer: l,
   style: s
 }) {
-  const c = a !== void 0, [d, u] = z(!1), f = c ? a : d, [h, m] = z(!1), [T, v] = z("idle"), p = V(null), b = V(null), k = V(null), x = V(!1), [M, S] = z(null), A = V(0), L = V(/* @__PURE__ */ new Map()), [C, D] = z(-1);
+  const c = a !== void 0, [d, u] = z(!1), f = c ? a : d, [h, m] = z(!1), [T, v] = z("idle"), p = V(null), b = V(null), k = V(null), x = V(!1), [M, S] = z(null), A = V(0), R = V(/* @__PURE__ */ new Map()), [C, D] = z(-1);
   if (!x.current && typeof document < "u") {
-    const q = document.createElement("style");
-    q.textContent = yr, document.head.appendChild(q), x.current = !0;
+    const B = document.createElement("style");
+    B.textContent = Sr, document.head.appendChild(B), x.current = !0;
   }
   X(() => {
     if (f)
-      A.current = 0, L.current.clear(), m(!0), v("entering");
+      A.current = 0, R.current.clear(), m(!0), v("entering");
     else if (h) {
       v("exiting");
-      const q = setTimeout(() => {
+      const B = setTimeout(() => {
         m(!1), v("idle");
       }, je);
-      return () => clearTimeout(q);
+      return () => clearTimeout(B);
     }
   }, [f]);
-  const $ = ee((q) => {
-    c || u(q), i == null || i(q);
+  const $ = ee((B) => {
+    c || u(B), i == null || i(B);
   }, [c, i]), W = ee(() => {
-    const q = k.current;
-    q && (q.querySelector("button, [tabindex]") ?? q).focus();
+    const B = k.current;
+    B && (B.querySelector("button, [tabindex]") ?? B).focus();
   }, []), w = ee(() => {
     $(!1), W();
   }, [$, W]);
   se(() => {
     if (!h || T !== "entering" || !p.current) return;
-    const q = requestAnimationFrame(() => {
-      const I = b.current, B = p.current;
-      if (!I || !B) return;
-      const P = B.getBoundingClientRect();
-      S(Sr(P, I, r));
+    const B = requestAnimationFrame(() => {
+      const I = b.current, q = p.current;
+      if (!I || !q) return;
+      const F = q.getBoundingClientRect();
+      S(Mr(F, I, r));
     });
-    return () => cancelAnimationFrame(q);
+    return () => cancelAnimationFrame(B);
   }, [h, T, r]), X(() => {
     if (!h || T !== "entering") return;
-    const q = setTimeout(() => {
-      const B = Array.from(L.current.entries()).sort((P, j) => P[0] - j[0]).find(([, P]) => !P.disabled);
-      D(B ? B[0] : -1);
+    const B = setTimeout(() => {
+      const q = Array.from(R.current.entries()).sort((F, j) => F[0] - j[0]).find(([, F]) => !F.disabled);
+      D(q ? q[0] : -1);
     }, 0);
-    return () => clearTimeout(q);
+    return () => clearTimeout(B);
   }, [h, T]), X(() => {
     if (!f) return;
-    const q = (B) => {
+    const B = (q) => {
       var j, g;
-      const P = B.target;
-      (j = p.current) != null && j.contains(P) || (g = b.current) != null && g.contains(P) || w();
+      const F = q.target;
+      (j = p.current) != null && j.contains(F) || (g = b.current) != null && g.contains(F) || w();
     }, I = requestAnimationFrame(() => {
-      document.addEventListener("mousedown", q);
+      document.addEventListener("mousedown", B);
     });
     return () => {
-      cancelAnimationFrame(I), document.removeEventListener("mousedown", q);
+      cancelAnimationFrame(I), document.removeEventListener("mousedown", B);
     };
   }, [f, w]), X(() => {
     if (!f) return;
-    let q = !1;
+    let B = !1;
     const I = setTimeout(() => {
-      q = !0;
-    }, 50), B = () => {
-      q && w();
+      B = !0;
+    }, 50), q = () => {
+      B && w();
     };
-    return window.addEventListener("scroll", B, { passive: !0, capture: !0 }), () => {
-      clearTimeout(I), window.removeEventListener("scroll", B, { capture: !0 });
+    return window.addEventListener("scroll", q, { passive: !0, capture: !0 }), () => {
+      clearTimeout(I), window.removeEventListener("scroll", q, { capture: !0 });
     };
   }, [f, w]);
-  const F = ee(() => Array.from(L.current.entries()).filter(([, q]) => !q.disabled).map(([q]) => q).sort((q, I) => q - I), []), R = ee((q) => {
+  const P = ee(() => Array.from(R.current.entries()).filter(([, B]) => !B.disabled).map(([B]) => B).sort((B, I) => B - I), []), L = ee((B) => {
     if (!f) return;
-    const I = F();
+    const I = P();
     if (I.length !== 0)
-      switch (q.key) {
+      switch (B.key) {
         case "Escape":
-          q.preventDefault(), w();
+          B.preventDefault(), w();
           break;
         case "ArrowDown": {
-          q.preventDefault(), D((B) => {
-            const P = I.indexOf(B);
-            return P < I.length - 1 ? I[P + 1] : I[0];
+          B.preventDefault(), D((q) => {
+            const F = I.indexOf(q);
+            return F < I.length - 1 ? I[F + 1] : I[0];
           });
           break;
         }
         case "ArrowUp": {
-          q.preventDefault(), D((B) => {
-            const P = I.indexOf(B);
-            return P > 0 ? I[P - 1] : I[I.length - 1];
+          B.preventDefault(), D((q) => {
+            const F = I.indexOf(q);
+            return F > 0 ? I[F - 1] : I[I.length - 1];
           });
           break;
         }
         case "Home": {
-          q.preventDefault(), D(I[0]);
+          B.preventDefault(), D(I[0]);
           break;
         }
         case "End": {
-          q.preventDefault(), D(I[I.length - 1]);
+          B.preventDefault(), D(I[I.length - 1]);
           break;
         }
         case "Enter":
         case " ": {
-          q.preventDefault();
-          const B = b.current;
-          if (B) {
-            const P = B.querySelector('[data-active="true"]');
-            P == null || P.click();
+          B.preventDefault();
+          const q = b.current;
+          if (q) {
+            const F = q.querySelector('[data-active="true"]');
+            F == null || F.click();
           }
           break;
         }
@@ -8902,29 +9199,29 @@ function is({
           break;
         }
       }
-  }, [f, w, F]);
+  }, [f, w, P]);
   X(() => {
     if (f)
-      return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
-  }, [f, R]), X(() => {
+      return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
+  }, [f, L]), X(() => {
     if (!f) return;
-    const q = b.current;
-    if (!q) return;
-    const I = q.querySelector('[data-active="true"]');
+    const B = b.current;
+    if (!B) return;
+    const I = B.querySelector('[data-active="true"]');
     I == null || I.scrollIntoView({ block: "nearest" });
   }, [C, f]);
   const N = () => {
     $(!f);
-  }, U = (q) => {
-    (q.key === "Enter" || q.key === " " || q.key === "ArrowDown") && (q.preventDefault(), f || $(!0)), q.key === "ArrowUp" && (q.preventDefault(), f || ($(!0), setTimeout(() => {
-      const I = F();
+  }, U = (B) => {
+    (B.key === "Enter" || B.key === " " || B.key === "ArrowDown") && (B.preventDefault(), f || $(!0)), B.key === "ArrowUp" && (B.preventDefault(), f || ($(!0), setTimeout(() => {
+      const I = P();
       I.length > 0 && D(I[I.length - 1]);
     }, 0)));
   }, Z = {
     activeIndex: C,
     setActiveIndex: D,
-    registerItem: (q, I) => {
-      L.current.set(q, { disabled: I });
+    registerItem: (B, I) => {
+      R.current.set(B, { disabled: I });
     },
     close: w,
     getItemIndex: () => A.current++,
@@ -8986,7 +9283,7 @@ function is({
     )
   ] });
 }
-const ss = {
+const ms = {
   id: "menu",
   name: "Menu",
   tier: "molecule",
@@ -9219,45 +9516,45 @@ const ss = {
     notes: 'Focus returns to the trigger element after the menu is dismissed via Escape or selection. Disabled items are skipped during keyboard navigation and have aria-disabled. Selected items use role="menuitemcheckbox" with aria-checked for screen reader announcement. The popover is portaled to document.body (or portalContainer) but remains semantically linked to the trigger via aria-controls.'
   }
 }, Mt = ye(null);
-function ls() {
+function gs() {
   const e = fe(Mt);
   if (!e) throw new Error("useToast must be used inside <ToastProvider>");
   return e;
 }
-const Tr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+const Dr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M8 5.5V8.5M8 10.5V11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Cr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), zr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M5 8L7 10L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), Ir = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Ar = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
   /* @__PURE__ */ n("path", { d: "M8 6V9M8 11V11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Mr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Er = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Dr = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), zr = {
-  info: /* @__PURE__ */ n(Tr, {}),
-  success: /* @__PURE__ */ n(Cr, {}),
-  warning: /* @__PURE__ */ n(Ir, {}),
-  danger: /* @__PURE__ */ n(Mr, {})
-}, Ar = {
+] }), qr = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), Br = {
+  info: /* @__PURE__ */ n(Dr, {}),
+  success: /* @__PURE__ */ n(zr, {}),
+  warning: /* @__PURE__ */ n(Ar, {}),
+  danger: /* @__PURE__ */ n(Er, {})
+}, Rr = {
   default: { border: "var(--lucent-border-default)", iconColor: "var(--lucent-text-secondary)" },
   info: { border: "var(--lucent-info-default)", iconColor: "var(--lucent-info-text)" },
   success: { border: "var(--lucent-success-default)", iconColor: "var(--lucent-success-text)" },
   warning: { border: "var(--lucent-warning-default)", iconColor: "var(--lucent-warning-text)" },
   danger: { border: "var(--lucent-danger-default)", iconColor: "var(--lucent-danger-text)" }
 };
-let Er = 0;
-function Br() {
-  return `lucent-toast-${++Er}`;
+let Lr = 0;
+function Fr() {
+  return `lucent-toast-${++Lr}`;
 }
 function Dt(e) {
   return e.startsWith("top");
 }
-const qr = 200, Lr = 8, Rr = 0.04, Pr = 0.2, Fr = 3, Nr = 356;
+const Pr = 200, Nr = 8, $r = 0.04, Wr = 0.2, Or = 3, Hr = 356;
 function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
-  const { id: a, title: i, description: l, variant: s, action: c, icon: d } = e, u = Ar[s], f = d ?? (s !== "default" ? zr[s] : null), h = (c == null ? void 0 : c.style) ?? "button";
+  const { id: a, title: i, description: l, variant: s, action: c, icon: d } = e, u = Rr[s], f = d ?? (s !== "default" ? Br[s] : null), h = (c == null ? void 0 : c.style) ?? "button";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -9271,7 +9568,7 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
         borderRadius: "var(--lucent-radius-lg)",
         boxShadow: r ? "none" : "var(--lucent-shadow-lg)",
         boxSizing: "border-box",
-        width: Nr,
+        width: Hr,
         maxWidth: "calc(100vw - var(--lucent-space-8))",
         fontFamily: "var(--lucent-font-family-base)",
         transition: "height var(--lucent-duration-base) var(--lucent-easing-emphasized), box-shadow var(--lucent-duration-base) var(--lucent-easing-default)",
@@ -9294,10 +9591,10 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
               /* @__PURE__ */ n(_, { as: "span", size: "sm", weight: "semibold", color: "primary", lineHeight: "tight", children: i }),
               l && /* @__PURE__ */ n(_, { as: "span", size: "sm", color: "secondary", lineHeight: "base", style: { whiteSpace: "pre-line" }, children: l })
             ] }),
-            c && h === "button" && /* @__PURE__ */ n($r, { label: c.label, onClick: () => {
+            c && h === "button" && /* @__PURE__ */ n(Vr, { label: c.label, onClick: () => {
               c.onClick(), t(a);
             } }),
-            c && h === "link" && /* @__PURE__ */ n(Wr, { label: c.label, iconColor: u.iconColor, onClick: () => {
+            c && h === "link" && /* @__PURE__ */ n(jr, { label: c.label, iconColor: u.iconColor, onClick: () => {
               c.onClick(), t(a);
             } }),
             /* @__PURE__ */ n(
@@ -9324,7 +9621,7 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
                 onMouseLeave: (m) => {
                   r || (m.currentTarget.style.opacity = "0.6");
                 },
-                children: /* @__PURE__ */ n(Dr, {})
+                children: /* @__PURE__ */ n(qr, {})
               }
             )
           ]
@@ -9333,7 +9630,7 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
     }
   );
 }
-function $r({ label: e, onClick: t }) {
+function Vr({ label: e, onClick: t }) {
   return /* @__PURE__ */ n(
     "button",
     {
@@ -9364,7 +9661,7 @@ function $r({ label: e, onClick: t }) {
     }
   );
 }
-function Wr({ label: e, iconColor: t, onClick: r }) {
+function jr({ label: e, iconColor: t, onClick: r }) {
   return /* @__PURE__ */ n(
     "button",
     {
@@ -9388,17 +9685,17 @@ function Wr({ label: e, iconColor: t, onClick: r }) {
     }
   );
 }
-const ht = "var(--lucent-space-6)", Or = 40, Hr = 120;
-function Vr(e) {
+const ht = "var(--lucent-space-6)", Ur = 40, Gr = 120;
+function _r(e) {
   const t = {
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
     boxSizing: "border-box"
   };
-  return Dt(e) ? t.top = Or : t.top = `calc(100vh - ${Hr}px)`, e.endsWith("left") ? t.left = ht : e.endsWith("right") ? t.right = ht : (t.left = "50%", t.transform = "translateX(-50%)"), t;
+  return Dt(e) ? t.top = Ur : t.top = `calc(100vh - ${Gr}px)`, e.endsWith("left") ? t.left = ht : e.endsWith("right") ? t.right = ht : (t.left = "50%", t.transform = "translateX(-50%)"), t;
 }
-function jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
+function Yr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
   const [a, i] = z(!1), [l, s] = z(void 0), c = ee((p) => {
     p && s(p.offsetHeight);
   }, []), d = Dt(t), u = e.filter((p) => p.phase !== "exiting"), f = e.filter((p) => p.phase === "exiting");
@@ -9411,7 +9708,7 @@ function jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
     h.current = setTimeout(() => {
       i(!1), h.current = null;
     }, 150);
-  }, []), v = /* @__PURE__ */ n("div", { style: Vr(t), children: /* @__PURE__ */ n(
+  }, []), v = /* @__PURE__ */ n("div", { style: _r(t), children: /* @__PURE__ */ n(
     "div",
     {
       onMouseEnter: m,
@@ -9427,7 +9724,7 @@ function jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
         transition: "transform var(--lucent-duration-base) var(--lucent-easing-emphasized), margin var(--lucent-duration-base) var(--lucent-easing-emphasized), gap var(--lucent-duration-base) var(--lucent-easing-emphasized)"
       }, children: [
         u.map((p, b) => {
-          const k = u.length - 1 - b, x = !a && k > Fr, M = k * Lr, S = d ? M : -M, A = a ? 1 : 1 - k * Rr, L = a ? 1 : Math.max(0, 1 - k * Pr), C = p.phase === "entering", D = k === 0, $ = !a && !D;
+          const k = u.length - 1 - b, x = !a && k > Or, M = k * Nr, S = d ? M : -M, A = a ? 1 : 1 - k * $r, R = a ? 1 : Math.max(0, 1 - k * Wr), C = p.phase === "entering", D = k === 0, $ = !a && !D;
           return /* @__PURE__ */ n(
             "div",
             {
@@ -9444,7 +9741,7 @@ function jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
                 ...!a && !D && (d ? { bottom: 0 } : { top: 0 }),
                 zIndex: 100 - k,
                 transform: C ? `translateY(${d ? "-20px" : "20px"}) scale(0.96)` : a ? void 0 : `translateY(${S}px) scaleX(${A})`,
-                opacity: C || p.phase === "exiting" ? 0 : L,
+                opacity: C || p.phase === "exiting" ? 0 : R,
                 transformOrigin: d ? "bottom center" : "top center",
                 transition: C ? "none" : "transform var(--lucent-duration-base) var(--lucent-easing-emphasized), opacity var(--lucent-duration-base) var(--lucent-easing-default)",
                 pointerEvents: x ? "none" : "auto",
@@ -9487,7 +9784,7 @@ function jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
   ) });
   return de(v, o ?? document.body);
 }
-function cs({
+function bs({
   children: e,
   position: t = "bottom-right",
   duration: r = 5e3,
@@ -9500,9 +9797,9 @@ function cs({
       return !h || h.phase === "exiting" ? f : f.map((m) => m.id === u ? { ...m, phase: "exiting" } : m);
     }), setTimeout(() => {
       l((f) => f.filter((h) => h.id !== u));
-    }, qr);
+    }, Pr);
   }, []), c = ee((u) => {
-    const f = Br(), h = {
+    const f = Fr(), h = {
       id: f,
       title: u.title,
       variant: u.variant ?? "default",
@@ -9541,7 +9838,7 @@ function cs({
   return /* @__PURE__ */ y(Mt.Provider, { value: d, children: [
     e,
     i.length > 0 && /* @__PURE__ */ n(
-      jr,
+      Yr,
       {
         toasts: i,
         position: t,
@@ -9551,7 +9848,7 @@ function cs({
     )
   ] });
 }
-const ds = {
+const vs = {
   id: "toast",
   name: "Toast",
   tier: "molecule",
@@ -9748,7 +10045,7 @@ dismiss(id);`
     ],
     notes: 'Each toast uses role="status" with aria-live="polite" so screen readers announce the content without interrupting the current task. This is appropriate for non-urgent status messages like "Changes saved" or "Profile updated". For truly urgent errors that must interrupt the user, consider wrapping the ToastProvider output in a role="alert" region or using the Alert component instead. The dismiss button carries aria-label="Dismiss" for screen reader clarity. Stacked toasts behind the front toast are marked aria-hidden="true" to prevent screen readers from announcing duplicate or hidden content. When the stack expands on hover, aria-hidden is removed so all toasts become accessible.'
   }
-}, Ur = {
+}, Kr = {
   fontFamilyBase: '"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   fontFamilyMono: '"DM Mono", "Fira Code", "Cascadia Code", monospace',
   fontFamilyDisplay: '"Georama", "DM Sans", sans-serif',
@@ -9769,7 +10066,7 @@ dismiss(id);`
   letterSpacingTight: "-0.02em",
   letterSpacingBase: "0em",
   letterSpacingWide: "0.04em"
-}, Gr = {
+}, Xr = {
   space0: "0px",
   space1: "0.25rem",
   space2: "0.5rem",
@@ -9783,38 +10080,38 @@ dismiss(id);`
   space16: "4rem",
   space20: "5rem",
   space24: "6rem"
-}, _r = {
+}, Jr = {
   radiusNone: "0px",
   radiusSm: "0.25rem",
   radiusMd: "0.375rem",
   radiusLg: "0.5rem",
   radiusXl: "0.75rem",
   radiusFull: "9999px"
-}, Yr = {
+}, Zr = {
   durationFast: "100ms",
   durationBase: "200ms",
   durationSlow: "350ms",
   easingDefault: "cubic-bezier(0.4, 0, 0.2, 1)",
   easingEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
   easingDecelerate: "cubic-bezier(0, 0, 0.2, 1)"
-}, Kr = {
+}, Qr = {
   shadowNone: "none",
   shadowSm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   shadowMd: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
   shadowLg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   shadowXl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
-}, Xr = {
+}, eo = {
   shadowNone: "none",
   shadowSm: "0 1px 2px 0 rgb(0 0 0 / 0.3)",
   shadowMd: "0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4)",
   shadowLg: "0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4)",
   shadowXl: "0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.5)"
-}, Fe = {
-  ...Ur,
-  ...Gr,
-  ..._r,
-  ...Yr,
+}, Pe = {
   ...Kr,
+  ...Xr,
+  ...Jr,
+  ...Zr,
+  ...Qr,
   // Backgrounds — page/layout layer only
   bgBase: "#ffffff",
   bgSubtle: "#f9fafb",
@@ -9863,16 +10160,16 @@ dismiss(id);`
   // Focus
   focusRing: "#111827"
 };
-function Jr(e) {
+function to(e) {
   const t = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), o = parseInt(e.slice(5, 7), 16);
   return { r: t, g: r, b: o };
 }
-function Zr({ r: e, g: t, b: r }) {
+function no({ r: e, g: t, b: r }) {
   const o = (a) => a.toString(16).padStart(2, "0");
   return `#${o(e)}${o(t)}${o(r)}`;
 }
 function le(e) {
-  const { r: t, g: r, b: o } = Jr(e), a = t / 255, i = r / 255, l = o / 255, s = Math.max(a, i, l), c = Math.min(a, i, l);
+  const { r: t, g: r, b: o } = to(e), a = t / 255, i = r / 255, l = o / 255, s = Math.max(a, i, l), c = Math.min(a, i, l);
   let d = 0, u = 0;
   const f = (s + c) / 2;
   if (s !== c) {
@@ -9896,17 +10193,17 @@ function ie(e, t, r) {
   e = (e % 360 + 360) % 360, t = Math.min(1, Math.max(0, t)), r = Math.min(1, Math.max(0, r));
   const o = (1 - Math.abs(2 * r - 1)) * t, a = o * (1 - Math.abs(e / 60 % 2 - 1)), i = r - o / 2;
   let l = 0, s = 0, c = 0;
-  return e < 60 ? (l = o, s = a) : e < 120 ? (l = a, s = o) : e < 180 ? (s = o, c = a) : e < 240 ? (s = a, c = o) : e < 300 ? (l = a, c = o) : (l = o, c = a), Zr({ r: Math.round((l + i) * 255), g: Math.round((s + i) * 255), b: Math.round((c + i) * 255) });
+  return e < 60 ? (l = o, s = a) : e < 120 ? (l = a, s = o) : e < 180 ? (s = o, c = a) : e < 240 ? (s = a, c = o) : e < 300 ? (l = a, c = o) : (l = o, c = a), no({ r: Math.round((l + i) * 255), g: Math.round((s + i) * 255), b: Math.round((c + i) * 255) });
 }
 function K(e, t) {
   const [r, o, a] = le(e);
   return ie(r, o, Math.min(1, Math.max(0, a + t)));
 }
-const Qr = 222, eo = 0.12;
+const ao = 222, ro = 0.12;
 function zt(e, t) {
-  return t < 0.04 ? [Qr, eo] : [e, t];
+  return t < 0.04 ? [ao, ro] : [e, t];
 }
-function to(e) {
+function oo(e) {
   const [t, r, o] = le(e), [a, i] = zt(t, r);
   return ie(a, i, Math.max(0.04, Math.min(0.2, 0.07 + (1 - o))));
 }
@@ -9922,13 +10219,13 @@ function me(e) {
   const [t, r, o] = le(e);
   return ie(t, r, Math.max(0.02, Math.min(0.98, 1 - o)));
 }
-function no(e) {
-  const t = to(e.bgBase), [r, o, a] = le(t), i = (l) => ie(r, o, Math.min(0.25, a + l));
+function io(e) {
+  const t = oo(e.bgBase), [r, o, a] = le(t), i = (l) => ie(r, o, Math.min(0.25, a + l));
   return {
     // ── Non-color tokens: carry over from light unchanged ──────────────────
     ...e,
     // ── Shadows: dark variants have higher opacity for visibility ───────────
-    ...Xr,
+    ...eo,
     // ── Backgrounds ─────────────────────────────────────────────────────────
     bgBase: t,
     bgSubtle: i(0.02),
@@ -9977,60 +10274,60 @@ function no(e) {
     focusRing: me(e.focusRing)
   };
 }
-const At = no(Fe);
-function ao(e) {
+const At = io(Pe);
+function so(e) {
   return "--lucent-" + e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`).replace(/([a-z])(\d)/g, (t, r, o) => `${r}-${o}`);
 }
-function ro(e, t = ":root") {
-  const r = Object.entries(e).map(([o, a]) => `  ${ao(o)}: ${a};`).join(`
+function lo(e, t = ":root") {
+  const r = Object.entries(e).map(([o, a]) => `  ${so(o)}: ${a};`).join(`
 `);
   return `${t} {
 ${r}
 }`;
 }
-function oo(e) {
+function co(e) {
   const t = parseInt(e.slice(1, 3), 16) / 255, r = parseInt(e.slice(3, 5), 16) / 255, o = parseInt(e.slice(5, 7), 16) / 255, a = (i) => i <= 0.03928 ? i / 12.92 : Math.pow((i + 0.055) / 1.055, 2.4);
   return 0.2126 * a(t) + 0.7152 * a(r) + 0.0722 * a(o);
 }
-const io = 0.2126729, so = 0.7151522, lo = 0.072175, co = 0.56, uo = 0.57, po = 0.65, fo = 0.62, mt = 0.022, ho = 1.414, mo = 1.14, go = 1.14, gt = 0.027, bt = 0.027;
+const uo = 0.2126729, po = 0.7151522, fo = 0.072175, ho = 0.56, mo = 0.57, go = 0.65, bo = 0.62, mt = 0.022, vo = 1.414, yo = 1.14, xo = 1.14, gt = 0.027, bt = 0.027;
 function vt(e) {
   const t = parseInt(e.slice(1, 3), 16) / 255, r = parseInt(e.slice(3, 5), 16) / 255, o = parseInt(e.slice(5, 7), 16) / 255, a = Math.pow(t, 2.4), i = Math.pow(r, 2.4), l = Math.pow(o, 2.4);
-  let s = io * a + so * i + lo * l;
-  return s < 0 && (s = 0), s < mt ? s + Math.pow(mt - s, ho) : s;
+  let s = uo * a + po * i + fo * l;
+  return s < 0 && (s = 0), s < mt ? s + Math.pow(mt - s, vo) : s;
 }
-function Re(e, t) {
+function Le(e, t) {
   const r = vt(e), o = vt(t);
   let a;
   if (r > o) {
-    const i = (Math.pow(r, co) - Math.pow(o, uo)) * mo;
+    const i = (Math.pow(r, ho) - Math.pow(o, mo)) * yo;
     a = i < gt ? 0 : i - gt;
   } else {
-    const i = (Math.pow(r, po) - Math.pow(o, fo)) * go;
+    const i = (Math.pow(r, go) - Math.pow(o, bo)) * xo;
     a = i > -bt ? 0 : i + bt;
   }
   return a * 100;
 }
 function Et(e) {
-  const t = Math.abs(Re(e, "#ffffff")), r = Math.abs(Re(e, "#000000"));
+  const t = Math.abs(Le(e, "#ffffff")), r = Math.abs(Le(e, "#000000"));
   return t >= r ? "#ffffff" : "#000000";
 }
-function bo(e, t, r = 60) {
-  if (Math.abs(Re(e, t)) >= r) return e;
+function wo(e, t, r = 60) {
+  if (Math.abs(Le(e, t)) >= r) return e;
   const o = parseInt(e.slice(1, 3), 16) / 255, a = parseInt(e.slice(3, 5), 16) / 255, i = parseInt(e.slice(5, 7), 16) / 255, l = Math.max(o, a, i), s = Math.min(o, a, i);
   let c = 0, d = 0, u = (l + s) / 2;
   if (l !== s) {
     const m = l - s;
     d = u > 0.5 ? m / (2 - l - s) : m / (l + s), l === o ? c = ((a - i) / m + (a < i ? 6 : 0)) / 6 : l === a ? c = ((i - o) / m + 2) / 6 : c = ((o - a) / m + 4) / 6;
   }
-  const h = oo(t) > 0.5 ? -5e-3 : 5e-3;
+  const h = co(t) > 0.5 ? -5e-3 : 5e-3;
   for (let m = 0; m < 100; m++) {
     u = Math.min(1, Math.max(0, u + h));
-    const T = vo(c, d, u);
-    if (Math.abs(Re(T, t)) >= r) return T;
+    const T = ko(c, d, u);
+    if (Math.abs(Le(T, t)) >= r) return T;
   }
   return e;
 }
-function vo(e, t, r) {
+function ko(e, t, r) {
   const o = (c, d, u) => (u < 0 && (u += 1), u > 1 && (u -= 1), u < 0.16666666666666666 ? c + (d - c) * 6 * u : u < 0.5 ? d : u < 0.6666666666666666 ? c + (d - c) * (0.6666666666666666 - u) * 6 : c);
   let a, i, l;
   if (t === 0)
@@ -10042,32 +10339,32 @@ function vo(e, t, r) {
   const s = (c) => Math.round(c * 255).toString(16).padStart(2, "0");
   return `#${s(a)}${s(i)}${s(l)}`;
 }
-function yo(e, t) {
+function So(e, t) {
   const [r, o, a] = le(e);
   return t ? ie(r, o * 0.3, Math.min(1, a + (1 - a) * 0.85)) : ie(r, o, Math.min(0.25, a + 0.04));
 }
-const Pe = {
+const Fe = {
   subtle: { light: 0.95, dark: 0.12 },
   text: { light: 0.28, dark: 0.78 }
 };
 function Me(e, t) {
   const [r, o] = le(e);
-  return ie(r, o * 0.5, t ? Pe.subtle.light : Pe.subtle.dark);
+  return ie(r, o * 0.5, t ? Fe.subtle.light : Fe.subtle.dark);
 }
 function De(e, t) {
   const [r, o] = le(e);
-  return ie(r, o, t ? Pe.text.light : Pe.text.dark);
+  return ie(r, o, t ? Fe.text.light : Fe.text.dark);
 }
-function Bt(e, t, r) {
+function qt(e, t, r) {
   const o = {}, a = r === "light";
   if ("borderDefault" in e && ("borderSubtle" in e || (o.borderSubtle = K(t.borderDefault, a ? 0.05 : -0.02)), "borderStrong" in e || (o.borderStrong = K(t.borderDefault, a ? -0.27 : 0.19))), "bgBase" in e && ("bgSubtle" in e || (o.bgSubtle = K(t.bgBase, a ? -0.02 : 0.02)), "surfaceTint" in e || (o.surfaceTint = K(t.bgBase, a ? -0.04 : 0.03)), !("surface" in e))) {
-    const i = yo(t.bgBase, a);
+    const i = So(t.bgBase, a);
     o.surface = i, "surfaceSecondary" in e || (o.surfaceSecondary = K(i, a ? -0.04 : 0.03)), "surfaceRaised" in e || (o.surfaceRaised = K(i, a ? 0 : 0.06)), "surfaceOverlay" in e || (o.surfaceOverlay = K(i, a ? 0 : 0.06));
   }
   return "surface" in e && ("surfaceSecondary" in e || (o.surfaceSecondary = K(t.surface, a ? -0.04 : 0.03)), "surfaceRaised" in e || (o.surfaceRaised = K(t.surface, a ? 0 : 0.06)), "surfaceOverlay" in e || (o.surfaceOverlay = K(t.surface, a ? 0 : 0.06))), "textPrimary" in e && ("textSecondary" in e || (o.textSecondary = K(t.textPrimary, a ? 0.2 : -0.15)), "textDisabled" in e || (o.textDisabled = K(t.textPrimary, a ? 0.35 : -0.4))), "accentDefault" in e && ("accentHover" in e || (o.accentHover = K(t.accentDefault, a ? 0.05 : -0.07)), "accentActive" in e || (o.accentActive = K(t.accentDefault, a ? 0.13 : -0.14)), "accentSubtle" in e || (o.accentSubtle = K(t.accentDefault, a ? 0.85 : -0.6))), "successDefault" in e && ("successSubtle" in e || (o.successSubtle = Me(t.successDefault, a)), "successText" in e || (o.successText = De(t.successDefault, a))), "warningDefault" in e && ("warningSubtle" in e || (o.warningSubtle = Me(t.warningDefault, a)), "warningText" in e || (o.warningText = De(t.warningDefault, a))), "dangerDefault" in e && ("dangerHover" in e || (o.dangerHover = K(t.dangerDefault, a ? 0.05 : -0.07)), "dangerSubtle" in e || (o.dangerSubtle = Me(t.dangerDefault, a)), "dangerText" in e || (o.dangerText = De(t.dangerDefault, a))), "infoDefault" in e && ("infoSubtle" in e || (o.infoSubtle = Me(t.infoDefault, a)), "infoText" in e || (o.infoText = De(t.infoDefault, a))), o;
 }
-function qt(e, t = "light") {
-  const o = { ...t === "dark" ? At : Fe, ...e }, a = Bt(e, o, t), i = t === "light" ? K(o.accentDefault, -0.15) : K(o.accentDefault, 0.15);
+function Bt(e, t = "light") {
+  const o = { ...t === "dark" ? At : Pe, ...e }, a = qt(e, o, t), i = t === "light" ? K(o.accentDefault, -0.15) : K(o.accentDefault, 0.15);
   return {
     ...o,
     ...a,
@@ -10075,7 +10372,7 @@ function qt(e, t = "light") {
     accentBorder: i
   };
 }
-const Lt = {
+const Rt = {
   name: "default",
   light: {
     bgBase: "#ffffff",
@@ -10097,7 +10394,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, xo = {
+}, To = {
   name: "brand",
   light: {
     bgBase: "#fffefb",
@@ -10119,7 +10416,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Rt = {
+}, Lt = {
   name: "indigo",
   light: {
     bgBase: "#fdfcff",
@@ -10141,7 +10438,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, wo = {
+}, Co = {
   name: "violet",
   light: {
     bgBase: "#fdfcfe",
@@ -10163,7 +10460,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, ko = {
+}, Io = {
   name: "emerald",
   light: {
     bgBase: "#fbfefc",
@@ -10185,7 +10482,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, So = {
+}, Mo = {
   name: "teal",
   light: {
     bgBase: "#fbfefd",
@@ -10207,7 +10504,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Pt = {
+}, Ft = {
   name: "rose",
   light: {
     bgBase: "#fffcfd",
@@ -10229,7 +10526,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, To = {
+}, Do = {
   name: "coral",
   light: {
     bgBase: "#fffcfb",
@@ -10251,7 +10548,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Co = {
+}, zo = {
   name: "amber",
   light: {
     bgBase: "#fffefb",
@@ -10273,7 +10570,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Io = {
+}, Ao = {
   name: "ocean",
   light: {
     bgBase: "#fbfdff",
@@ -10295,7 +10592,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Mo = {
+}, Eo = {
   name: "slate",
   light: {
     bgBase: "#fafbfc",
@@ -10317,7 +10614,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Do = {
+}, qo = {
   name: "sage",
   light: {
     bgBase: "#fbfcfb",
@@ -10339,7 +10636,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Ft = {
+}, Pt = {
   name: "sharp",
   tokens: {
     radiusNone: "0px",
@@ -10468,95 +10765,95 @@ const Lt = {
     shadowLg: "rgba(0, 0, 0, 0.3) 0px 8px 24px, rgba(0, 0, 0, 0.25) 0px 16px 48px",
     shadowXl: "rgba(0, 0, 0, 0.35) 0px 12px 32px, rgba(0, 0, 0, 0.3) 0px 24px 64px"
   }
-}, zo = {
+}, Bo = {
   name: "modern",
-  palette: Rt,
+  palette: Lt,
   shape: Nt,
   density: Ot,
   shadow: jt
-}, Ao = {
+}, Ro = {
   name: "enterprise",
-  palette: Lt,
-  shape: Ft,
+  palette: Rt,
+  shape: Pt,
   density: Wt,
   shadow: Vt
-}, Eo = {
+}, Lo = {
   name: "playful",
-  palette: Pt,
+  palette: Ft,
   shape: $t,
   density: Ht,
   shadow: Ut
-}, Bo = {
-  default: Lt,
-  brand: xo,
-  indigo: Rt,
-  violet: wo,
-  emerald: ko,
-  teal: So,
-  rose: Pt,
-  coral: To,
-  amber: Co,
-  ocean: Io,
-  slate: Mo,
-  sage: Do
-}, qo = {
-  sharp: Ft,
+}, Fo = {
+  default: Rt,
+  brand: To,
+  indigo: Lt,
+  violet: Co,
+  emerald: Io,
+  teal: Mo,
+  rose: Ft,
+  coral: Do,
+  amber: zo,
+  ocean: Ao,
+  slate: Eo,
+  sage: qo
+}, Po = {
+  sharp: Pt,
   rounded: Nt,
   pill: $t
-}, Lo = {
+}, No = {
   compact: Wt,
   default: Ot,
   spacious: Ht
-}, Ro = {
+}, $o = {
   flat: Vt,
   subtle: jt,
   elevated: Ut
-}, Po = {
-  modern: zo,
-  enterprise: Ao,
-  playful: Eo
+}, Wo = {
+  modern: Bo,
+  enterprise: Ro,
+  playful: Lo
 };
-function Fo(e) {
-  return typeof e == "string" ? Bo[e] : e;
+function Oo(e) {
+  return typeof e == "string" ? Fo[e] : e;
 }
-function No(e) {
-  return typeof e == "string" ? qo[e] : e;
+function Ho(e) {
+  return typeof e == "string" ? Po[e] : e;
 }
-function $o(e) {
-  return typeof e == "string" ? Lo[e] : e;
+function Vo(e) {
+  return typeof e == "string" ? No[e] : e;
 }
-function Wo(e) {
-  return typeof e == "string" ? Ro[e] : e;
+function jo(e) {
+  return typeof e == "string" ? $o[e] : e;
 }
-function Oo(e, t) {
+function Uo(e, t) {
   let r, o, a, i;
   if (typeof e == "string") {
-    const s = Po[e];
+    const s = Wo[e];
     if (!s) return {};
     r = s.palette, o = s.shape, a = s.density, i = s.shadow;
   } else
-    e.palette !== void 0 && (r = Fo(e.palette)), e.shape !== void 0 && (o = No(e.shape)), e.density !== void 0 && (a = $o(e.density)), e.shadow !== void 0 && (i = Wo(e.shadow));
+    e.palette !== void 0 && (r = Oo(e.palette)), e.shape !== void 0 && (o = Ho(e.shape)), e.density !== void 0 && (a = Vo(e.density)), e.shadow !== void 0 && (i = jo(e.shadow));
   const l = {};
   if (r) {
-    const s = qt(r[t], t);
+    const s = Bt(r[t], t);
     Object.assign(l, s);
   }
   return o && Object.assign(l, o.tokens), a && Object.assign(l, a.tokens), i && Object.assign(l, i[t]), l;
 }
 const Gt = ye({
   theme: "light",
-  tokens: Fe
+  tokens: Pe
 });
-function us({
+function ys({
   theme: e = "light",
   preset: t,
   tokens: r,
   anchors: o,
   children: a
 }) {
-  const i = ve().replace(/:/g, ""), l = t ? Oo(t, e) : void 0, s = (() => {
+  const i = ve().replace(/:/g, ""), l = t ? Uo(t, e) : void 0, s = (() => {
     if (o) {
-      const p = qt(o, e);
+      const p = Bt(o, e);
       if (l) {
         const b = {};
         for (const [k, x] of Object.entries(l))
@@ -10565,7 +10862,7 @@ function us({
       }
       return p;
     }
-    const d = e === "dark" ? At : Fe, u = l ? { ...l, ...r } : r, f = u ? { ...d, ...u } : d, h = u ? Bt(u, f, e) : {}, m = (u == null ? void 0 : u.accentBorder) ?? (e === "light" ? K(f.accentDefault, -0.15) : K(f.accentDefault, 0.15)), T = (u == null ? void 0 : u.textOnAccent) ?? Et(f.accentDefault), v = bo(f.accentDefault, T);
+    const d = e === "dark" ? At : Pe, u = l ? { ...l, ...r } : r, f = u ? { ...d, ...u } : d, h = u ? qt(u, f, e) : {}, m = (u == null ? void 0 : u.accentBorder) ?? (e === "light" ? K(f.accentDefault, -0.15) : K(f.accentDefault, 0.15)), T = (u == null ? void 0 : u.textOnAccent) ?? Et(f.accentDefault), v = wo(f.accentDefault, T);
     return {
       ...f,
       ...h,
@@ -10574,7 +10871,7 @@ function us({
       accentBorder: m
     };
   })(), c = `html { font-size: 14px; }
-` + ro(s, ":root");
+` + lo(s, ":root");
   return se(() => {
     let d = document.getElementById(`lucent-tokens-${i}`);
     return d || (d = document.createElement("style"), d.id = `lucent-tokens-${i}`, document.head.appendChild(d)), d.textContent = c, () => {
@@ -10583,10 +10880,10 @@ function us({
     };
   }, [i, c]), /* @__PURE__ */ n(Gt.Provider, { value: { theme: e, tokens: s }, children: a });
 }
-function ps() {
+function xs() {
   return fe(Gt);
 }
-const fs = {
+const ws = {
   bgBase: {
     description: "Main page/canvas background. The lowest elevation layer — everything sits on top of this. When bgBase is customized, `surface` and `surfaceTint` are auto-derived so the entire card elevation hierarchy (ghost → outline → filled → elevated → combo) adapts automatically.",
     lightGuidance: "Near-white. Typically #ffffff or a very faint tint (L > 0.96).",
@@ -10641,7 +10938,7 @@ const fs = {
     darkGuidance: "Slightly lighter than light-mode. createTheme() handles this automatically.",
     derives: ["infoSubtle", "infoText"]
   }
-}, hs = {
+}, ks = {
   id: "lucent-provider",
   name: "LucentProvider",
   tier: "provider",
@@ -10821,7 +11118,7 @@ const myTheme = createTheme({
     }
   ],
   compositionGraph: []
-}, ms = {
+}, Ss = {
   accentDefault: "#e9c96b",
   accentHover: "#ddb84e",
   accentActive: "#c9a33b",
@@ -10831,7 +11128,7 @@ const myTheme = createTheme({
 function te(e, t) {
   return { field: e, message: t };
 }
-function Ho(e) {
+function Go(e) {
   const t = [];
   if (typeof e != "object" || e === null)
     return { valid: !1, errors: [te("manifest", "Must be a non-null object")] };
@@ -10848,8 +11145,8 @@ function Ho(e) {
     (typeof s.title != "string" || s.title === "") && t.push(te(`${c}.title`, "Must be a non-empty string")), (typeof s.code != "string" || s.code === "") && t.push(te(`${c}.code`, "Must be a non-empty string"));
   }) : t.push(te("usageExamples", "Must be an array")), Array.isArray(r.compositionGraph) || t.push(te("compositionGraph", "Must be an array (empty array is fine for atoms)")), typeof r.specVersion == "string" && !/^\d+\.\d+$/.test(r.specVersion) && t.push(te("specVersion", 'Must be "MAJOR.MINOR" format, e.g. "0.1"')), { valid: t.length === 0, errors: t };
 }
-function gs(e) {
-  const t = Ho(e);
+function Ts(e) {
+  const t = Go(e);
   if (!t.valid) {
     const r = t.errors.map((o) => `  ${o.field}: ${o.message}`).join(`
 `);
@@ -10857,133 +11154,137 @@ function gs(e) {
 ${r}`);
   }
 }
-function bs(e) {
+function Cs(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = e;
   return typeof t.name == "string" && typeof t.type == "string" && typeof t.required == "boolean" && typeof t.description == "string";
 }
-const vs = "1.0", ys = "0.1.0";
+const Is = "1.0", Ms = "0.1.0";
 export {
-  qi as Alert,
-  Li as AlertManifest,
-  Zo as Avatar,
-  Qo as AvatarManifest,
-  Ko as Badge,
-  Xo as BadgeManifest,
-  $i as Breadcrumb,
+  Oi as Alert,
+  Hi as AlertManifest,
+  ni as Avatar,
+  ai as AvatarManifest,
+  Qo as Badge,
+  ei as BadgeManifest,
+  _i as Breadcrumb,
   Ee as Button,
-  Go as ButtonManifest,
-  Jo as CHIP_MANIFEST,
-  Si as COLOR_PICKER_MANIFEST,
-  Ti as COLOR_SWATCH_MANIFEST,
-  Gi as COMMAND_PALETTE_MANIFEST,
-  Ai as Card,
-  Ei as CardBleed,
-  Bi as CardManifest,
+  Xo as ButtonManifest,
+  ti as CHIP_MANIFEST,
+  Mi as COLOR_PICKER_MANIFEST,
+  Di as COLOR_SWATCH_MANIFEST,
+  es as COMMAND_PALETTE_MANIFEST,
+  Ni as Card,
+  $i as CardBleed,
+  Wi as CardManifest,
   yt as Checkbox,
-  ai as CheckboxManifest,
+  si as CheckboxManifest,
   un as Chip,
-  xi as CodeBlock,
-  wi as CodeBlockManifest,
-  Oi as Collapsible,
+  Ti as CodeBlock,
+  Ci as CodeBlockManifest,
+  Ki as Collapsible,
   ua as ColorPicker,
   ze as ColorSwatch,
-  Ui as CommandPalette,
-  ji as DATA_TABLE_MANIFEST,
-  Xi as DATE_PICKER_MANIFEST,
-  Zi as DATE_RANGE_PICKER_MANIFEST,
-  Vi as DataTable,
-  Ki as DatePicker,
-  Ji as DateRangePicker,
-  ti as Divider,
-  ni as DividerManifest,
-  Ri as EmptyState,
-  Pi as EmptyStateManifest,
-  es as FILE_UPLOAD_MANIFEST,
-  Qi as FileUpload,
-  Ii as FormField,
-  Mi as FormFieldManifest,
-  hi as Icon,
-  mi as IconManifest,
+  Qi as CommandPalette,
+  Zi as DATA_TABLE_MANIFEST,
+  rs as DATE_PICKER_MANIFEST,
+  is as DATE_RANGE_PICKER_MANIFEST,
+  Ji as DataTable,
+  as as DatePicker,
+  os as DateRangePicker,
+  oi as Divider,
+  ii as DividerManifest,
+  Vi as EmptyState,
+  ji as EmptyStateManifest,
+  ls as FILE_UPLOAD_MANIFEST,
+  ss as FileUpload,
+  Ri as FormField,
+  Li as FormFieldManifest,
+  vi as Icon,
+  yi as IconManifest,
   ce as Input,
-  _o as InputManifest,
-  ys as LUCENT_UI_VERSION,
-  us as LucentProvider,
-  hs as LucentProviderManifest,
-  vs as MANIFEST_SPEC_VERSION,
-  Yi as MULTI_SELECT_MANIFEST,
-  is as Menu,
-  os as MenuGroup,
-  as as MenuItem,
-  ss as MenuManifest,
-  rs as MenuSeparator,
-  _i as MultiSelect,
-  bi as NavLink,
-  Hi as PageLayout,
-  ri as Radio,
+  Jo as InputManifest,
+  Ms as LUCENT_UI_VERSION,
+  ys as LucentProvider,
+  ks as LucentProviderManifest,
+  Is as MANIFEST_SPEC_VERSION,
+  ns as MULTI_SELECT_MANIFEST,
+  hs as Menu,
+  fs as MenuGroup,
+  us as MenuItem,
+  ms as MenuManifest,
+  ps as MenuSeparator,
+  ts as MultiSelect,
+  wi as NavLink,
+  Xi as PageLayout,
+  li as Radio,
   kn as RadioGroup,
-  oi as RadioGroupUncontrolled,
-  ii as RadioManifest,
-  Ci as SEGMENTED_CONTROL_MANIFEST,
-  Di as SearchInput,
-  zi as SearchInputManifest,
+  ci as RadioGroupUncontrolled,
+  di as RadioManifest,
+  qi as Row,
+  Bi as RowManifest,
+  zi as SEGMENTED_CONTROL_MANIFEST,
+  Fi as SearchInput,
+  Pi as SearchInputManifest,
   kt as SegmentedControl,
   wt as Select,
-  ci as SelectManifest,
-  Fi as Skeleton,
-  Ni as SkeletonManifest,
-  vi as Slider,
-  yi as SliderManifest,
+  fi as SelectManifest,
+  Ui as Skeleton,
+  Gi as SkeletonManifest,
+  ki as Slider,
+  Si as SliderManifest,
   bn as Spinner,
-  ei as SpinnerManifest,
-  ns as TIMELINE_MANIFEST,
+  ri as SpinnerManifest,
+  Ai as Stack,
+  Ei as StackManifest,
+  ds as TIMELINE_MANIFEST,
   xe as Table,
-  ki as TableManifest,
-  Wi as Tabs,
-  di as Tag,
-  ui as TagManifest,
+  Ii as TableManifest,
+  Yi as Tabs,
+  hi as Tag,
+  mi as TagManifest,
   _ as Text,
-  gi as TextManifest,
+  xi as TextManifest,
   on as Textarea,
-  Yo as TextareaManifest,
-  fs as ThemeAnchorsSpec,
-  ts as Timeline,
-  ds as ToastManifest,
-  cs as ToastProvider,
-  si as Toggle,
-  li as ToggleManifest,
-  pi as Tooltip,
-  fi as TooltipManifest,
-  gs as assertManifest,
-  xo as brandPalette,
-  ms as brandTokens,
+  Zo as TextareaManifest,
+  ws as ThemeAnchorsSpec,
+  cs as Timeline,
+  vs as ToastManifest,
+  bs as ToastProvider,
+  ui as Toggle,
+  pi as ToggleManifest,
+  gi as Tooltip,
+  bi as TooltipManifest,
+  Ts as assertManifest,
+  To as brandPalette,
+  Ss as brandTokens,
   Wt as compactDensity,
-  qt as createTheme,
+  Bt as createTheme,
   At as darkTokens,
   Ot as defaultDensity,
-  Lt as defaultPalette,
-  no as deriveDarkFromLight,
-  Bt as deriveTokens,
+  Rt as defaultPalette,
+  io as deriveDarkFromLight,
+  qt as deriveTokens,
   Ut as elevatedShadow,
-  ko as emeraldPalette,
-  Ao as enterprisePreset,
+  Io as emeraldPalette,
+  Ro as enterprisePreset,
   Vt as flatShadow,
   Et as getContrastText,
-  Rt as indigoPalette,
-  bs as isValidPropDescriptor,
-  Fe as lightTokens,
-  ro as makeLibraryCSS,
-  zo as modernPreset,
-  Io as oceanPalette,
+  Lt as indigoPalette,
+  Cs as isValidPropDescriptor,
+  Pe as lightTokens,
+  lo as makeLibraryCSS,
+  Bo as modernPreset,
+  Ao as oceanPalette,
   $t as pillShape,
-  Eo as playfulPreset,
-  Oo as resolvePreset,
-  Pt as rosePalette,
+  Lo as playfulPreset,
+  Uo as resolvePreset,
+  Ft as rosePalette,
   Nt as roundedShape,
-  Ft as sharpShape,
+  Pt as sharpShape,
   Ht as spaciousDensity,
   jt as subtleShadow,
-  ps as useLucent,
-  ls as useToast,
-  Ho as validateManifest
+  xs as useLucent,
+  gs as useToast,
+  Go as validateManifest
 };