lucent-ui 0.41.0 → 0.42.0

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as g, jsx as t, Fragment as J } from "react/jsx-runtime";
-import { T as U, I as Gt, B as fe, g as on, a as Ve } from "./LucentProvider-lGSitrJV.js";
-import { b as us, C as ps, c as hs, L as fs, S as ms, d as gs, e as vs, f as bs, h as ys, i as xs, j as ws, k as ks, l as Ss, m as Ts, n as Cs, o as Is, p as Ms, q as zs, r as As, s as Es, t as qs, u as Bs, v as Ds, w as Ps, x as Ls, y as Rs, z as $s, A as Fs, D as Ns, E as Ws, F as Vs, G as Os, H as Hs, J as Gs, K as Us, M as js, N as _s, O as Ys, P as Ks, Q as Xs, R as Js, U as Zs, V as Qs, W as el, X as tl, Y as nl, Z as rl, _ as al } from "./LucentProvider-lGSitrJV.js";
-import { forwardRef as Ut, useRef as V, useEffect as H, useState as q, useCallback as X, useContext as ne, createContext as Ce, useLayoutEffect as oe, useId as rt, Children as sn, isValidElement as ln, cloneElement as cn } from "react";
+import { s as Ce, T as j, I as jt, B as fe, g as sn, a as Oe } from "./LucentProvider-tSCR4lQw.js";
+import { b as ps, C as hs, c as fs, L as ms, S as gs, d as vs, e as bs, f as ys, h as xs, i as ws, j as ks, k as Ss, l as Ts, m as Cs, n as Is, o as Ms, p as zs, q as As, r as Es, t as qs, u as Bs, v as Ds, w as Ps, x as Ls, y as Rs, z as $s, A as Ns, D as Fs, E as Ws, F as Vs, G as Os, H as Hs, J as Us, K as js, M as Gs, N as _s, O as Ys, P as Ks, Q as Xs, R as Zs, U as Js, V as Qs, W as el, X as tl, Y as nl, Z as rl, _ as al, $ as ol } from "./LucentProvider-tSCR4lQw.js";
+import { jsxs as g, jsx as t, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as Gt, useRef as V, useEffect as H, useState as q, useCallback as X, useContext as ne, createContext as Ie, useLayoutEffect as oe, useId as at, Children as ln, isValidElement as cn, cloneElement as dn } from "react";
 import { createPortal as ie } from "react-dom";
-const Co = {
+const Io = {
   id: "button",
   name: "Button",
   tier: "atom",
@@ -193,7 +193,7 @@ const Co = {
     ariaAttributes: ["aria-disabled", "aria-busy"],
     keyboardInteractions: ["Enter — activates the button", "Space — activates the button"]
   }
-}, Io = {
+}, Mo = {
   id: "input",
   name: "Input",
   tier: "atom",
@@ -228,19 +228,19 @@ const Co = {
     ariaAttributes: ["aria-invalid", "aria-describedby", "aria-label"],
     keyboardInteractions: ["Tab — focuses the input"]
   }
-}, dn = {
+}, un = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
-}, un = {
+}, pn = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, pn = {
+}, hn = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, hn = Ut(
+}, fn = Gt(
   ({ label: e, helperText: r, errorText: n, autoResize: i = !1, maxLength: a, showCount: o = !1, size: l = "md", id: s, value: c, onChange: u, disabled: p, style: h, ...w }, b) => {
     const m = V(null), f = b ?? m, d = s ?? `lucent-textarea-${Math.random().toString(36).slice(2, 7)}`, y = !!n, x = !!p, T = typeof c == "string" ? c.length : 0;
     H(() => {
@@ -251,7 +251,7 @@ const Co = {
     const S = x ? "transparent" : y ? "var(--lucent-danger-default)" : "var(--lucent-border-default)";
     return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%" }, children: [
       e && /* @__PURE__ */ t("label", { htmlFor: d, style: {
-        fontSize: un[l],
+        fontSize: pn[l],
         fontWeight: "var(--lucent-font-weight-medium)",
         color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
         fontFamily: "var(--lucent-font-family-base)"
@@ -270,8 +270,8 @@ const Co = {
           style: {
             width: "100%",
             minHeight: "100px",
-            padding: pn[l],
-            fontSize: dn[l],
+            padding: hn[l],
+            fontSize: un[l],
             fontFamily: "var(--lucent-font-family-base)",
             color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
             background: x ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
@@ -326,8 +326,8 @@ const Co = {
     ] });
   }
 );
-hn.displayName = "Textarea";
-const Mo = {
+fn.displayName = "Textarea";
+const zo = {
   id: "textarea",
   name: "Textarea",
   tier: "atom",
@@ -360,7 +360,7 @@ const Mo = {
     ariaAttributes: ["aria-multiline", "aria-invalid", "aria-describedby"],
     keyboardInteractions: ["Tab — focuses the textarea"]
   }
-}, zo = {
+}, Ao = {
   id: "badge",
   name: "Badge",
   tier: "atom",
@@ -385,7 +385,7 @@ const Mo = {
     role: "status",
     notes: "Use aria-label on the parent element when badge meaning depends on context."
   }
-}, fn = {
+}, mn = {
   neutral: {
     bg: "var(--lucent-surface-secondary)",
     color: "var(--lucent-text-secondary)",
@@ -428,7 +428,7 @@ const Mo = {
     hoverBg: "color-mix(in srgb, var(--lucent-info-default) 15%, var(--lucent-info-subtle))",
     hoverBorder: "var(--lucent-info-default)"
   }
-}, mn = {
+}, gn = {
   sm: {
     fontSize: "var(--lucent-font-size-xs)",
     height: "calc(var(--lucent-space-5) * 0.5 + 10px)",
@@ -456,12 +456,12 @@ const Mo = {
     dotSize: 8,
     gap: "var(--lucent-space-2)"
   }
-}, gn = `
+}, vn = `
 @keyframes lucent-chip-pulse {
   0%   { transform: scale(1); opacity: 0.6; }
   100% { transform: scale(2.8); opacity: 0; }
 }`;
-function Pe({
+function Le({
   children: e,
   variant: r = "neutral",
   size: n = "md",
@@ -476,7 +476,7 @@ function Pe({
   disabled: h = !1,
   style: w
 }) {
-  const b = fn[r], m = mn[n], [f, d] = q(!1), y = s && c, x = s && !e, T = !h && (i || a), S = `color-mix(in srgb, ${b.color} 8%, transparent)`, k = m.dotSize * 3, v = {
+  const b = mn[r], m = gn[n], [f, d] = q(!1), y = s && c, x = s && !e, T = !h && (i || a), S = `color-mix(in srgb, ${b.color} 8%, transparent)`, k = m.dotSize * 3, v = {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: x ? "center" : void 0,
@@ -507,8 +507,8 @@ function Pe({
     // Reset button styles when onClick
     ...a ? { outline: "none" } : {},
     ...w
-  }, E = /* @__PURE__ */ g(J, { children: [
-    y && /* @__PURE__ */ t("style", { children: gn }),
+  }, E = /* @__PURE__ */ g(Z, { children: [
+    y && /* @__PURE__ */ t("style", { children: vn }),
     l && /* @__PURE__ */ t("span", { style: {
       width: m.dotSize + 2,
       height: m.dotSize + 2,
@@ -591,7 +591,7 @@ function Pe({
     }
   ) : /* @__PURE__ */ t("span", { style: v, ...C, children: E });
 }
-const Ao = {
+const Eo = {
   id: "chip",
   name: "Chip",
   tier: "atom",
@@ -636,27 +636,27 @@ const Ao = {
     notes: 'When onClick is provided, renders as <button> with native button semantics. Dismiss button has aria-label="Dismiss" and stopPropagation to prevent parent click handlers.',
     keyboardInteractions: ["Enter / Space — activates onClick or dismiss button when focused"]
   }
-}, vn = {
+}, bn = {
   xs: 24,
   sm: 32,
   md: 40,
   lg: 56,
   xl: 80
-}, bn = {
+}, yn = {
   xs: "var(--lucent-font-size-xs)",
   sm: "var(--lucent-font-size-xs)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-lg)",
   xl: "var(--lucent-font-size-xl)"
 };
-function yn(e, r) {
+function xn(e, r) {
   var i, a, o;
   if (r) return r.slice(0, 2).toUpperCase();
   const n = e.trim().split(/\s+/);
   return n.length === 1 ? (((i = n[0]) == null ? void 0 : i[0]) ?? "").toUpperCase() : ((((a = n[0]) == null ? void 0 : a[0]) ?? "") + (((o = n[n.length - 1]) == null ? void 0 : o[0]) ?? "")).toUpperCase();
 }
-function Eo({ src: e, alt: r, size: n = "md", initials: i, style: a, ...o }) {
-  const l = vn[n], s = yn(r, i), c = {
+function qo({ src: e, alt: r, size: n = "md", initials: i, style: a, ...o }) {
+  const l = bn[n], s = xn(r, i), c = {
     width: l,
     height: l,
     borderRadius: "var(--lucent-radius-full)",
@@ -688,7 +688,7 @@ function Eo({ src: e, alt: r, size: n = "md", initials: i, style: a, ...o }) {
         ...c,
         background: "var(--lucent-accent-default)",
         color: "var(--lucent-accent-fg)",
-        fontSize: bn[n],
+        fontSize: yn[n],
         fontWeight: "var(--lucent-font-weight-semibold)",
         fontFamily: "var(--lucent-font-family-base)"
       },
@@ -696,7 +696,7 @@ function Eo({ src: e, alt: r, size: n = "md", initials: i, style: a, ...o }) {
     }
   );
 }
-const qo = {
+const Bo = {
   id: "avatar",
   name: "Avatar",
   tier: "atom",
@@ -722,19 +722,19 @@ const qo = {
     ariaAttributes: ["aria-label"],
     notes: 'When src is present, renders as <img> with alt. When showing initials, renders as <span role="img" aria-label>.'
   }
-}, xn = {
+}, wn = {
   xs: 12,
   sm: 16,
   md: 24,
   lg: 36
-}, wn = {
+}, kn = {
   xs: 2.5,
   sm: 2.5,
   md: 2,
   lg: 2
 };
-function kn({ size: e = "md", label: r = "Loading…", color: n }) {
-  const i = xn[e], a = wn[e];
+function Sn({ size: e = "md", label: r = "Loading…", color: n }) {
+  const i = wn[e], a = kn[e];
   return /* @__PURE__ */ g("span", { role: "status", "aria-label": r, style: { display: "inline-flex", alignItems: "center", justifyContent: "center" }, children: [
     /* @__PURE__ */ g(
       "svg",
@@ -763,7 +763,7 @@ function kn({ size: e = "md", label: r = "Loading…", color: n }) {
     /* @__PURE__ */ t("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap" }, children: r })
   ] });
 }
-const Bo = {
+const Do = {
   id: "spinner",
   name: "Spinner",
   tier: "atom",
@@ -788,7 +788,7 @@ const Bo = {
     notes: 'The visible SVG is aria-hidden. The label is conveyed via a visually-hidden span inside role="status".'
   }
 };
-function Sn({ orientation: e = "horizontal", label: r, spacing: n = "0", style: i }) {
+function Tn({ orientation: e = "horizontal", label: r, spacing: n = "0", style: i }) {
   return e === "vertical" ? /* @__PURE__ */ t(
     "span",
     {
@@ -843,7 +843,7 @@ function Sn({ orientation: e = "horizontal", label: r, spacing: n = "0", style:
     }
   );
 }
-const Do = {
+const Po = {
   id: "divider",
   name: "Divider",
   tier: "atom",
@@ -866,7 +866,7 @@ const Do = {
     role: "separator",
     ariaAttributes: ["aria-orientation", "aria-label"]
   }
-}, Tn = { sm: 14, md: 16, lg: 20 }, Cn = { sm: "calc(var(--lucent-space-8) * 0.5 + 16px)", md: "calc(var(--lucent-space-10) * 0.5 + 20px)", lg: "calc(var(--lucent-space-12) * 0.5 + 24px)" }, In = `
+}, Cn = { sm: 14, md: 16, lg: 20 }, In = { sm: "calc(var(--lucent-space-8) * 0.5 + 16px)", md: "calc(var(--lucent-space-10) * 0.5 + 20px)", lg: "calc(var(--lucent-space-12) * 0.5 + 24px)" }, Mn = `
 @keyframes lucent-cb-pop {
   0%   { transform: scale(1); }
   35%  { transform: scale(0.82); }
@@ -878,7 +878,7 @@ const Do = {
   60%  { transform: scale(1.15) rotate(2deg); }
   100% { opacity: 1; transform: scale(1) rotate(0deg); }
 }
-`, ut = Ut(
+`, pt = Gt(
   ({
     label: e,
     size: r = "md",
@@ -893,7 +893,7 @@ const Do = {
     style: p,
     ...h
   }, w) => {
-    const b = V(null), m = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, f = Tn[r], d = o !== void 0, [y, x] = q(l ?? !1), T = d ? !!o : y, S = V(T), [k, v] = q(0);
+    const b = V(null), m = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, f = Cn[r], d = o !== void 0, [y, x] = q(l ?? !1), T = d ? !!o : y, S = V(T), [k, v] = q(0);
     H(() => {
       !s && S.current !== T && (S.current = T, v((M) => M + 1));
     }, [T, s]);
@@ -991,15 +991,15 @@ const Do = {
         ]
       }
     );
-    return /* @__PURE__ */ g(J, { children: [
-      /* @__PURE__ */ t("style", { children: In }),
+    return /* @__PURE__ */ g(Z, { children: [
+      /* @__PURE__ */ t("style", { children: Mn }),
       i ? /* @__PURE__ */ t(
         "div",
         {
           style: {
             border: "1px solid var(--lucent-border-strong)",
             borderRadius: "var(--lucent-radius-lg)",
-            ...a ? {} : { minHeight: Cn[r] },
+            ...a ? {} : { minHeight: In[r] },
             padding: a ? "var(--lucent-space-3)" : "0 var(--lucent-space-3)",
             display: "flex",
             alignItems: a ? "flex-start" : "center",
@@ -1018,8 +1018,8 @@ const Do = {
     ] });
   }
 );
-ut.displayName = "Checkbox";
-const Po = {
+pt.displayName = "Checkbox";
+const Lo = {
   id: "checkbox",
   name: "Checkbox",
   tier: "atom",
@@ -1103,7 +1103,7 @@ const Po = {
     ariaAttributes: ["aria-checked", "aria-disabled"],
     keyboardInteractions: ["Space — toggles checked state"]
   }
-}, Mn = `
+}, zn = `
 @keyframes lucent-radio-pop {
   0%   { transform: scale(1); }
   35%  { transform: scale(0.82); }
@@ -1115,8 +1115,8 @@ const Po = {
   60%  { transform: scale(1.2); }
   100% { opacity: 1; transform: scale(1); }
 }
-`, jt = Ce(null);
-function zn({
+`, _t = Ie(null);
+function An({
   name: e,
   value: r,
   onChange: n,
@@ -1125,7 +1125,7 @@ function zn({
   label: o,
   children: l
 }) {
-  return /* @__PURE__ */ t(jt.Provider, { value: { name: e, value: r, onChange: n, disabled: i ?? !1 }, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(_t.Provider, { value: { name: e, value: r, onChange: n, disabled: i ?? !1 }, children: /* @__PURE__ */ t(
     "div",
     {
       role: "radiogroup",
@@ -1140,13 +1140,13 @@ function zn({
     }
   ) });
 }
-const An = { sm: 14, md: 16, lg: 20 }, En = { sm: "calc(var(--lucent-space-8) * 0.5 + 16px)", md: "calc(var(--lucent-space-10) * 0.5 + 20px)", lg: "calc(var(--lucent-space-12) * 0.5 + 24px)" }, qn = {
+const En = { sm: 14, md: 16, lg: 20 }, qn = { sm: "calc(var(--lucent-space-8) * 0.5 + 16px)", md: "calc(var(--lucent-space-10) * 0.5 + 20px)", lg: "calc(var(--lucent-space-12) * 0.5 + 24px)" }, Bn = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
 };
-function Lo({ value: e, label: r, size: n = "md", contained: i = !1, helperText: a, disabled: o, id: l, onChange: s, checked: c, style: u, ...p }) {
-  const h = ne(jt), w = l ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, b = An[n], m = o ?? (h == null ? void 0 : h.disabled) ?? !1, f = h ? h.value === e : !!c, d = V(f), [y, x] = q(0);
+function Ro({ value: e, label: r, size: n = "md", contained: i = !1, helperText: a, disabled: o, id: l, onChange: s, checked: c, style: u, ...p }) {
+  const h = ne(_t), w = l ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, b = En[n], m = o ?? (h == null ? void 0 : h.disabled) ?? !1, f = h ? h.value === e : !!c, d = V(f), [y, x] = q(0);
   H(() => {
     !m && d.current !== f && (d.current = f, x((E) => E + 1));
   }, [f, m]);
@@ -1180,7 +1180,7 @@ function Lo({ value: e, label: r, size: n = "md", contained: i = !1, helperText:
         gap: "var(--lucent-space-2)",
         cursor: m ? "not-allowed" : "pointer",
         fontFamily: "var(--lucent-font-family-base)",
-        fontSize: qn[n],
+        fontSize: Bn[n],
         color: m ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
         userSelect: "none",
         ...i ? {} : u
@@ -1215,15 +1215,15 @@ function Lo({ value: e, label: r, size: n = "md", contained: i = !1, helperText:
       ]
     }
   );
-  return /* @__PURE__ */ g(J, { children: [
-    /* @__PURE__ */ t("style", { children: Mn }),
+  return /* @__PURE__ */ g(Z, { children: [
+    /* @__PURE__ */ t("style", { children: zn }),
     i ? /* @__PURE__ */ t(
       "div",
       {
         style: {
           border: "1px solid var(--lucent-border-strong)",
           borderRadius: "var(--lucent-radius-lg)",
-          ...a ? { padding: "var(--lucent-space-3)" } : { minHeight: En[n], padding: "0 var(--lucent-space-3)", display: "flex", alignItems: "center" },
+          ...a ? { padding: "var(--lucent-space-3)" } : { minHeight: qn[n], padding: "0 var(--lucent-space-3)", display: "flex", alignItems: "center" },
           background: f && !m ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "transparent",
           transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default), background var(--lucent-duration-fast) var(--lucent-easing-default)",
           cursor: m ? "not-allowed" : "pointer",
@@ -1240,14 +1240,14 @@ function Lo({ value: e, label: r, size: n = "md", contained: i = !1, helperText:
     ) : v
   ] });
 }
-function Ro({
+function $o({
   defaultValue: e = "",
   onChange: r,
   ...n
 }) {
   const [i, a] = q(e);
   return /* @__PURE__ */ t(
-    zn,
+    An,
     {
       ...n,
       value: i,
@@ -1257,7 +1257,7 @@ function Ro({
     }
   );
 }
-const $o = {
+const No = {
   id: "radio",
   name: "Radio",
   tier: "atom",
@@ -1442,7 +1442,7 @@ const $o = {
     ariaAttributes: ["aria-checked", "aria-disabled"],
     keyboardInteractions: ["Space — toggles the switch state"]
   }
-}, No = {
+}, Wo = {
   id: "select",
   name: "Select",
   tier: "atom",
@@ -1540,20 +1540,20 @@ const $o = {
       "Escape — closes the list"
     ]
   }
-}, Bn = {
+}, Dn = {
   neutral: { bg: "var(--lucent-surface-secondary)", color: "var(--lucent-text-secondary)", border: "var(--lucent-border-default)", dismissHover: "var(--lucent-border-strong)" },
   accent: { bg: "var(--lucent-accent-subtle)", color: "var(--lucent-accent-default)", border: "var(--lucent-accent-subtle)", dismissHover: "var(--lucent-accent-default)" },
   success: { bg: "var(--lucent-success-subtle)", color: "var(--lucent-success-text)", border: "var(--lucent-success-subtle)", dismissHover: "var(--lucent-success-default)" },
   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)" }
-}, Dn = {
+}, Pn = {
   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 Wo({ children: e, variant: r = "neutral", size: n = "md", onDismiss: i, disabled: a }) {
-  const o = Bn[r], l = Dn[n], [s, c] = q(!1), u = !a && i;
+function Vo({ children: e, variant: r = "neutral", size: n = "md", onDismiss: i, disabled: a }) {
+  const o = Dn[r], l = Pn[n], [s, c] = q(!1), u = !a && i;
   return /* @__PURE__ */ g(
     "span",
     {
@@ -1622,7 +1622,7 @@ function Wo({ children: e, variant: r = "neutral", size: n = "md", onDismiss: i,
     }
   );
 }
-const Vo = {
+const Oo = {
   id: "tag",
   name: "Tag",
   tier: "atom",
@@ -1679,37 +1679,37 @@ const Vo = {
     notes: 'The dismiss button has aria-label="Dismiss" and is keyboard-focusable.',
     keyboardInteractions: ["Enter / Space — activates the dismiss button when focused"]
   }
-}, Z = 5, ze = Z + 3, Pn = {
+}, J = 5, Ae = J + 3, Ln = {
   top: {
-    bottom: -Z,
+    bottom: -J,
     left: "50%",
     transform: "translateX(-50%)",
-    borderWidth: `${Z}px ${Z}px 0 ${Z}px`,
+    borderWidth: `${J}px ${J}px 0 ${J}px`,
     borderColor: "var(--lucent-text-primary) transparent transparent transparent"
   },
   bottom: {
-    top: -Z,
+    top: -J,
     left: "50%",
     transform: "translateX(-50%)",
-    borderWidth: `0 ${Z}px ${Z}px ${Z}px`,
+    borderWidth: `0 ${J}px ${J}px ${J}px`,
     borderColor: "transparent transparent var(--lucent-text-primary) transparent"
   },
   left: {
-    right: -Z,
+    right: -J,
     top: "50%",
     transform: "translateY(-50%)",
-    borderWidth: `${Z}px 0 ${Z}px ${Z}px`,
+    borderWidth: `${J}px 0 ${J}px ${J}px`,
     borderColor: "transparent transparent transparent var(--lucent-text-primary)"
   },
   right: {
-    left: -Z,
+    left: -J,
     top: "50%",
     transform: "translateY(-50%)",
-    borderWidth: `${Z}px ${Z}px ${Z}px 0`,
+    borderWidth: `${J}px ${J}px ${J}px 0`,
     borderColor: "transparent var(--lucent-text-primary) transparent transparent"
   }
 };
-function $e({ content: e, children: r, placement: n = "top", delay: i = 300, open: a, interactive: o = !1 }) {
+function Ne({ content: e, children: r, placement: n = "top", delay: i = 300, open: a, interactive: o = !1 }) {
   const [l, s] = q(!1), c = a !== void 0 ? a : l, u = V(null), p = V(null), h = V(null), [w, b] = q(null), m = () => {
     p.current && (clearTimeout(p.current), p.current = null);
   }, f = () => {
@@ -1722,22 +1722,22 @@ function $e({ content: e, children: r, placement: n = "top", delay: i = 300, ope
     const S = T.getBoundingClientRect(), k = S.left + S.width / 2, v = S.top + S.height / 2;
     switch (n) {
       case "top":
-        b({ top: S.top - ze, left: k });
+        b({ top: S.top - Ae, left: k });
         break;
       case "bottom":
-        b({ top: S.bottom + ze, left: k });
+        b({ top: S.bottom + Ae, left: k });
         break;
       case "left":
-        b({ top: v, left: S.left - ze });
+        b({ top: v, left: S.left - Ae });
         break;
       case "right":
-        b({ top: v, left: S.right + ze });
+        b({ top: v, left: S.right + Ae });
         break;
     }
   }, [n]);
   if (oe(() => {
     c && y();
-  }, [c, y]), !e) return /* @__PURE__ */ t(J, { children: r });
+  }, [c, y]), !e) return /* @__PURE__ */ t(Z, { children: r });
   const x = {
     top: "translate(-50%, -100%)",
     bottom: "translate(-50%, 0)",
@@ -1791,7 +1791,7 @@ function $e({ content: e, children: r, placement: n = "top", delay: i = 300, ope
                       width: 0,
                       height: 0,
                       borderStyle: "solid",
-                      ...Pn[n]
+                      ...Ln[n]
                     }
                   }
                 )
@@ -1804,7 +1804,7 @@ function $e({ content: e, children: r, placement: n = "top", delay: i = 300, ope
     }
   );
 }
-const Oo = {
+const Ho = {
   id: "tooltip",
   name: "Tooltip",
   tier: "atom",
@@ -1853,15 +1853,15 @@ const Oo = {
     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".'
   }
-}, Ln = {
+}, Rn = {
   xs: 12,
   sm: 14,
   md: 16,
   lg: 20,
   xl: 24
 };
-function Ho({ children: e, size: r = "md", label: n, color: i, style: a }) {
-  const o = Ln[r];
+function Uo({ children: e, size: r = "md", label: n, color: i, style: a }) {
+  const o = Rn[r];
   return /* @__PURE__ */ t(
     "span",
     {
@@ -1882,7 +1882,7 @@ function Ho({ children: e, size: r = "md", label: n, color: i, style: a }) {
     }
   );
 }
-const Go = {
+const jo = {
   id: "icon",
   name: "Icon",
   tier: "atom",
@@ -1930,7 +1930,7 @@ const Go = {
     ariaAttributes: ["aria-label", "aria-hidden"],
     notes: 'aria-hidden="true" is applied automatically when no label is given, hiding the icon from screen readers.'
   }
-}, Uo = {
+}, Go = {
   id: "text",
   name: "Text",
   tier: "atom",
@@ -2032,7 +2032,7 @@ const Go = {
     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 jo({
+function _o({
   children: e,
   href: r,
   isActive: n = !1,
@@ -2046,7 +2046,7 @@ function jo({
   return /* @__PURE__ */ g(
     s ?? "a",
     {
-      href: a ? void 0 : r,
+      href: a ? void 0 : Ce(r),
       onClick: a ? void 0 : l,
       "aria-current": n ? "page" : void 0,
       "aria-disabled": a || void 0,
@@ -2084,7 +2084,7 @@ function jo({
     }
   );
 }
-const _o = {
+const Yo = {
   id: "slider",
   name: "Slider",
   tier: "atom",
@@ -2180,8 +2180,8 @@ const _o = {
       "End — jump to max"
     ]
   }
-}, Rn = 2e3;
-function $n() {
+}, $n = 2e3;
+function Nn() {
   return /* @__PURE__ */ g("svg", { width: 13, height: 13, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ t("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
     /* @__PURE__ */ t("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
@@ -2190,7 +2190,7 @@ function $n() {
 function Fn() {
   return /* @__PURE__ */ t("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__ */ t("path", { d: "M20 6L9 17l-5-5" }) });
 }
-function Yo({
+function Ko({
   code: e,
   language: r,
   tabs: n,
@@ -2204,7 +2204,7 @@ function Yo({
   var T, S;
   const u = !!(n != null && n.length), [p, h] = q(0), [w, b] = q(!1), m = u ? ((T = n[p]) == null ? void 0 : T.code) ?? "" : e ?? "", f = u ? (S = n[p]) == null ? void 0 : S.language : r, d = async () => {
     try {
-      await navigator.clipboard.writeText(m), b(!0), setTimeout(() => b(!1), Rn);
+      await navigator.clipboard.writeText(m), b(!0), setTimeout(() => b(!1), $n);
     } catch {
     }
   }, y = {
@@ -2234,7 +2234,7 @@ function Yo({
         w || (k.currentTarget.style.background = "transparent", k.currentTarget.style.color = "var(--lucent-text-secondary)");
       },
       children: [
-        w ? /* @__PURE__ */ t(Fn, {}) : /* @__PURE__ */ t($n, {}),
+        w ? /* @__PURE__ */ t(Fn, {}) : /* @__PURE__ */ t(Nn, {}),
         w ? "Copied!" : "Copy"
       ]
     }
@@ -2406,7 +2406,7 @@ function Yo({
     }
   );
 }
-const Ko = {
+const Xo = {
   id: "code-block",
   name: "CodeBlock",
   tier: "atom",
@@ -2502,7 +2502,7 @@ const Ko = {
       "Enter / Space — copies the code"
     ]
   }
-}, Nn = `
+}, Wn = `
 .lucent-table-row:hover > td,
 .lucent-table-row:hover > th {
   background: color-mix(in srgb, var(--lucent-text-primary) 5%, transparent) !important;
@@ -2512,7 +2512,7 @@ const Ko = {
   background: color-mix(in srgb, var(--lucent-text-primary) 4%, transparent);
 }
 `;
-function Wn({ children: e, style: r, ...n }) {
+function Vn({ children: e, style: r, ...n }) {
   return /* @__PURE__ */ t(
     "thead",
     {
@@ -2525,10 +2525,10 @@ function Wn({ children: e, style: r, ...n }) {
     }
   );
 }
-function Vn({ children: e, ...r }) {
+function On({ children: e, ...r }) {
   return /* @__PURE__ */ t("tbody", { ...r, children: e });
 }
-function On({ children: e, style: r, ...n }) {
+function Hn({ children: e, style: r, ...n }) {
   return /* @__PURE__ */ t(
     "tfoot",
     {
@@ -2541,7 +2541,7 @@ function On({ children: e, style: r, ...n }) {
     }
   );
 }
-function Hn({ children: e, className: r, ...n }) {
+function Un({ children: e, className: r, ...n }) {
   return /* @__PURE__ */ t(
     "tr",
     {
@@ -2551,7 +2551,7 @@ function Hn({ children: e, className: r, ...n }) {
     }
   );
 }
-function Gn({ as: e, children: r, style: n, ...i }) {
+function jn({ as: e, children: r, style: n, ...i }) {
   const a = e === "th", o = {
     padding: "var(--lucent-space-3) var(--lucent-space-4)",
     fontFamily: "var(--lucent-font-family-base)",
@@ -2566,14 +2566,14 @@ function Gn({ as: e, children: r, style: n, ...i }) {
   };
   return a ? /* @__PURE__ */ t("th", { scope: "col", style: o, ...i, children: r }) : /* @__PURE__ */ t("td", { style: o, ...i, children: r });
 }
-function Ie({ striped: e = !1, children: r, className: n, style: i, ...a }) {
+function Me({ striped: e = !1, children: r, className: n, style: i, ...a }) {
   const o = [
     "lucent-table",
     e && "lucent-table-striped",
     n
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g(J, { children: [
-    /* @__PURE__ */ t("style", { children: Nn }),
+  return /* @__PURE__ */ g(Z, { children: [
+    /* @__PURE__ */ t("style", { children: Wn }),
     /* @__PURE__ */ t("div", { style: { overflowX: "auto", width: "100%", background: "var(--lucent-surface)" }, children: /* @__PURE__ */ t(
       "table",
       {
@@ -2591,12 +2591,12 @@ function Ie({ striped: e = !1, children: r, className: n, style: i, ...a }) {
     ) })
   ] });
 }
-Ie.Head = Wn;
-Ie.Body = Vn;
-Ie.Foot = On;
-Ie.Row = Hn;
-Ie.Cell = Gn;
-const Xo = {
+Me.Head = Vn;
+Me.Body = On;
+Me.Foot = Hn;
+Me.Row = Un;
+Me.Cell = jn;
+const Zo = {
   id: "table",
   name: "Table",
   tier: "atom",
@@ -2794,7 +2794,7 @@ const Xo = {
       "Tab — moves through format tabs and input fields within the popover"
     ]
   }
-}, Zo = {
+}, Qo = {
   id: "color-swatch",
   name: "ColorSwatch",
   tier: "atom",
@@ -2829,7 +2829,7 @@ const Xo = {
     ariaAttributes: ["title (tooltip)"],
     keyboardInteractions: ["Enter / Space — triggers onClick"]
   }
-}, Qo = {
+}, ei = {
   id: "segmented-control",
   name: "SegmentedControl",
   tier: "atom",
@@ -2926,20 +2926,20 @@ const Xo = {
       "Click — selects an option"
     ]
   }
-}, Un = {
+}, Gn = {
   start: "flex-start",
   center: "center",
   end: "flex-end",
   stretch: "stretch",
   baseline: "baseline"
-}, jn = {
+}, _n = {
   start: "flex-start",
   center: "center",
   end: "flex-end",
   between: "space-between",
   around: "space-around"
 };
-function bt({
+function yt({
   gap: e = "4",
   align: r = "stretch",
   justify: n = "start",
@@ -2953,15 +2953,15 @@ function bt({
     display: "flex",
     flexDirection: "column",
     gap: `var(--lucent-space-${e})`,
-    alignItems: Un[r],
-    justifyContent: jn[n],
+    alignItems: Gn[r],
+    justifyContent: _n[n],
     ...a && { flexWrap: "wrap" },
     ...c && { listStyle: "none", margin: 0, padding: 0 },
     ...l
   };
   return /* @__PURE__ */ t(i, { style: u, ...s, children: o });
 }
-const ei = {
+const ti = {
   id: "stack",
   name: "Stack",
   tier: "atom",
@@ -3083,20 +3083,20 @@ const ei = {
   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."
   }
-}, _n = {
+}, Yn = {
   start: "flex-start",
   center: "center",
   end: "flex-end",
   stretch: "stretch",
   baseline: "baseline"
-}, Yn = {
+}, Kn = {
   start: "flex-start",
   center: "center",
   end: "flex-end",
   between: "space-between",
   around: "space-around"
 };
-function yt({
+function xt({
   gap: e = "3",
   align: r = "center",
   justify: n = "start",
@@ -3110,15 +3110,15 @@ function yt({
     display: "flex",
     flexDirection: "row",
     gap: `var(--lucent-space-${e})`,
-    alignItems: _n[r],
-    justifyContent: Yn[n],
+    alignItems: Yn[r],
+    justifyContent: Kn[n],
     ...a && { flexWrap: "wrap" },
     ...c && { listStyle: "none", margin: 0, padding: 0 },
     ...l
   };
   return /* @__PURE__ */ t(i, { style: u, ...s, children: o });
 }
-const ti = {
+const ni = {
   id: "row",
   name: "Row",
   tier: "atom",
@@ -3251,11 +3251,11 @@ const ti = {
   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.'
   }
-}, Kn = {
+}, Xn = {
   sm: { height: 4, radius: "var(--lucent-radius-sm)" },
   md: { height: 8, radius: "var(--lucent-radius-md)" },
   lg: { height: 12, radius: "var(--lucent-radius-md)" }
-}, Xn = {
+}, Zn = {
   accent: "var(--lucent-accent-default)",
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
@@ -3264,7 +3264,7 @@ const ti = {
 function Jn(e, r, n, i, a) {
   return i !== void 0 && a !== void 0 ? i <= a ? e >= a ? "danger" : e >= i ? "warning" : "success" : e <= a ? "danger" : e <= i ? "warning" : "success" : i !== void 0 ? i <= r / 2 ? e <= i ? "warning" : n ?? "accent" : e >= i ? "warning" : n ?? "accent" : a !== void 0 ? a <= r / 2 ? e <= a ? "danger" : n ?? "accent" : e >= a ? "danger" : n ?? "accent" : n ?? "accent";
 }
-function ni({
+function ri({
   value: e,
   max: r = 100,
   variant: n,
@@ -3274,7 +3274,7 @@ function ni({
   label: l,
   style: s
 }) {
-  const c = Math.max(0, Math.min(e, r)), u = r > 0 ? c / r * 100 : 0, p = Jn(c, r, n, a, o), h = Kn[i], w = Xn[p], b = l === !0 ? `${Math.round(u)}%` : l || null;
+  const c = Math.max(0, Math.min(e, r)), u = r > 0 ? c / r * 100 : 0, p = Jn(c, r, n, a, o), h = Xn[i], w = Zn[p], b = l === !0 ? `${Math.round(u)}%` : l || null;
   return /* @__PURE__ */ g(
     "div",
     {
@@ -3331,7 +3331,7 @@ function ni({
     }
   );
 }
-const ri = {
+const ai = {
   id: "progress",
   name: "Progress",
   tier: "atom",
@@ -3360,7 +3360,7 @@ const ri = {
     ariaAttributes: ["aria-valuenow", "aria-valuemin", "aria-valuemax"],
     notes: "Uses native progressbar role. Add aria-label on the wrapping element for screen-reader context."
   }
-}, Oe = 120, Zn = `
+}, He = 120, Qn = `
 @keyframes lucent-menu-in {
   from { opacity: 0; transform: scale(0.97) translateY(-2px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
@@ -3369,37 +3369,37 @@ const ri = {
   from { opacity: 1; transform: scale(1)    translateY(0);    }
   to   { opacity: 0; transform: scale(0.97) translateY(-2px); }
 }
-`, pt = {
+`, ht = {
   sm: "var(--lucent-space-2)",
   md: "var(--lucent-space-2)",
   lg: "var(--lucent-space-3)"
-}, Qn = {
+}, er = {
   sm: "sm",
   md: "md",
   lg: "lg"
-}, er = {
+}, tr = {
   sm: "xs",
   md: "sm",
   lg: "md"
-}, tr = {
+}, nr = {
   sm: 12,
   md: 14,
   lg: 16
-}, ht = Ce(null), Ae = 4;
-function nr(e, r, n) {
+}, ft = Ie(null), Ee = 4;
+function rr(e, r, n) {
   const i = r.offsetWidth, a = r.offsetHeight, o = window.innerWidth, l = window.innerHeight;
   let s = 0, c = 0, u = n;
   const p = {
-    top: e.top - a - Ae,
-    bottom: e.bottom + Ae,
-    left: e.left - i - Ae,
-    right: e.right + Ae
+    top: e.top - a - Ee,
+    bottom: e.bottom + Ee,
+    left: e.left - i - Ee,
+    right: e.right + Ee
   };
   u.startsWith("bottom") ? (s = p.bottom, s + a > l && p.top >= 0 && (s = p.top, u = u.replace("bottom", "top"))) : u.startsWith("top") ? (s = p.top, s < 0 && p.bottom + a <= l && (s = p.bottom, u = u.replace("top", "bottom"))) : u === "left" ? (s = e.top + e.height / 2 - a / 2, c = p.left, c < 0 && p.right + i <= o && (c = p.right, u = "right")) : u === "right" && (s = e.top + e.height / 2 - a / 2, c = p.right, c + i > o && p.left >= 0 && (c = p.left, u = "left")), (u.startsWith("top") || u.startsWith("bottom")) && (u.endsWith("-start") ? c = e.left : u.endsWith("-end") ? c = e.right - i : c = e.left + e.width / 2 - i / 2), c + i > o && (c = o - i - 8), c < 0 && (c = 8), s + a > l && (s = l - a - 8), s < 0 && (s = 8);
   let h = "top left";
   return u.startsWith("top") ? h = u.endsWith("-end") ? "bottom right" : u.endsWith("-start") ? "bottom left" : "bottom center" : u.startsWith("bottom") ? h = u.endsWith("-end") ? "top right" : u.endsWith("-start") ? "top left" : "top center" : u === "left" ? h = "center right" : u === "right" && (h = "center left"), { top: s, left: c, transformOrigin: h };
 }
-function at({
+function ot({
   onSelect: e,
   children: r,
   icon: n,
@@ -3409,9 +3409,9 @@ function at({
   selected: l = !1,
   style: s
 }) {
-  const c = ne(ht), u = V(-1);
+  const c = ne(ft), u = V(-1);
   u.current === -1 && c && (u.current = c.getItemIndex(), c.registerItem(u.current, a));
-  const p = c ? c.activeIndex === u.current : !1, h = (c == null ? void 0 : c.size) ?? "md", w = pt[h], b = Qn[h], m = tr[h], f = () => {
+  const p = c ? c.activeIndex === u.current : !1, h = (c == null ? void 0 : c.size) ?? "md", w = ht[h], b = er[h], m = nr[h], f = () => {
     a || (e(), c == null || c.close());
   }, d = () => {
     !a && c && c.setActiveIndex(u.current);
@@ -3446,8 +3446,8 @@ function at({
           display: "flex",
           color: a ? "var(--lucent-text-disabled)" : o ? "var(--lucent-danger-text)" : "var(--lucent-text-secondary)"
         }, children: n }),
-        /* @__PURE__ */ t("span", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(U, { size: b, style: { color: y }, children: r }) }),
-        i && /* @__PURE__ */ t(U, { size: h === "lg" ? "sm" : "xs", style: { color: "var(--lucent-text-secondary)", flexShrink: 0 }, children: i }),
+        /* @__PURE__ */ t("span", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(j, { size: b, style: { color: y }, children: r }) }),
+        i && /* @__PURE__ */ t(j, { size: h === "lg" ? "sm" : "xs", style: { color: "var(--lucent-text-secondary)", flexShrink: 0 }, children: i }),
         l && /* @__PURE__ */ t("span", { style: {
           flexShrink: 0,
           display: "flex",
@@ -3457,7 +3457,7 @@ function at({
     }
   );
 }
-function rr({ style: e }) {
+function ar({ style: e }) {
   return /* @__PURE__ */ t(
     "div",
     {
@@ -3471,14 +3471,14 @@ function rr({ style: e }) {
     }
   );
 }
-function ai({ label: e, children: r, style: n }) {
-  const i = ne(ht), a = (i == null ? void 0 : i.size) ?? "md", o = pt[a];
+function oi({ label: e, children: r, style: n }) {
+  const i = ne(ft), a = (i == null ? void 0 : i.size) ?? "md", o = ht[a];
   return /* @__PURE__ */ g("div", { role: "group", "aria-label": e, style: n, children: [
-    /* @__PURE__ */ t("div", { style: { padding: `${o} ${o} var(--lucent-space-1)` }, children: /* @__PURE__ */ t(U, { size: er[a], color: "secondary", weight: "medium", children: e }) }),
+    /* @__PURE__ */ t("div", { style: { padding: `${o} ${o} var(--lucent-space-1)` }, children: /* @__PURE__ */ t(j, { size: tr[a], color: "secondary", weight: "medium", children: e }) }),
     r
   ] });
 }
-function _t({
+function Yt({
   trigger: e,
   children: r,
   placement: n = "bottom-start",
@@ -3491,7 +3491,7 @@ function _t({
   const c = a !== void 0, [u, p] = q(!1), h = c ? a : u, [w, b] = q(!1), [m, f] = q("idle"), d = V(null), y = V(null), x = V(null), T = V(!1), [S, k] = q(null), v = V(0), E = V(/* @__PURE__ */ new Map()), [C, z] = q(-1);
   if (!T.current && typeof document < "u") {
     const L = document.createElement("style");
-    L.textContent = Zn, document.head.appendChild(L), T.current = !0;
+    L.textContent = Qn, document.head.appendChild(L), T.current = !0;
   }
   H(() => {
     if (h)
@@ -3500,7 +3500,7 @@ function _t({
       f("exiting");
       const L = setTimeout(() => {
         b(!1), f("idle");
-      }, Oe);
+      }, He);
       return () => clearTimeout(L);
     }
   }, [h]);
@@ -3517,23 +3517,23 @@ function _t({
     const L = requestAnimationFrame(() => {
       const A = y.current, I = d.current;
       if (!A || !I) return;
-      const N = I.getBoundingClientRect();
-      k(nr(N, A, n));
+      const F = I.getBoundingClientRect();
+      k(rr(F, A, n));
     });
     return () => cancelAnimationFrame(L);
   }, [w, m, n]), H(() => {
     if (!w || m !== "entering") return;
     const L = setTimeout(() => {
-      const I = Array.from(E.current.entries()).sort((N, G) => N[0] - G[0]).find(([, N]) => !N.disabled);
+      const I = Array.from(E.current.entries()).sort((F, U) => F[0] - U[0]).find(([, F]) => !F.disabled);
       z(I ? I[0] : -1);
     }, 0);
     return () => clearTimeout(L);
   }, [w, m]), H(() => {
     if (!h) return;
     const L = (I) => {
-      var G, F;
-      const N = I.target;
-      (G = d.current) != null && G.contains(N) || (F = y.current) != null && F.contains(N) || M();
+      var U, N;
+      const F = I.target;
+      (U = d.current) != null && U.contains(F) || (N = y.current) != null && N.contains(F) || M();
     }, A = requestAnimationFrame(() => {
       document.addEventListener("mousedown", L);
     });
@@ -3562,15 +3562,15 @@ function _t({
           break;
         case "ArrowDown": {
           L.preventDefault(), z((I) => {
-            const N = A.indexOf(I);
-            return N < A.length - 1 ? A[N + 1] : A[0];
+            const F = A.indexOf(I);
+            return F < A.length - 1 ? A[F + 1] : A[0];
           });
           break;
         }
         case "ArrowUp": {
           L.preventDefault(), z((I) => {
-            const N = A.indexOf(I);
-            return N > 0 ? A[N - 1] : A[A.length - 1];
+            const F = A.indexOf(I);
+            return F > 0 ? A[F - 1] : A[A.length - 1];
           });
           break;
         }
@@ -3587,8 +3587,8 @@ function _t({
           L.preventDefault();
           const I = y.current;
           if (I) {
-            const N = I.querySelector('[data-active="true"]');
-            N == null || N.click();
+            const F = I.querySelector('[data-active="true"]');
+            F == null || F.click();
           }
           break;
         }
@@ -3624,8 +3624,8 @@ function _t({
     close: M,
     getItemIndex: () => v.current++,
     size: i
-  }, Y = rt();
-  return /* @__PURE__ */ g(J, { children: [
+  }, Y = at();
+  return /* @__PURE__ */ g(Z, { children: [
     /* @__PURE__ */ t(
       "span",
       {
@@ -3647,7 +3647,7 @@ function _t({
       }
     ),
     w && ie(
-      /* @__PURE__ */ t(ht.Provider, { value: O, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(ft.Provider, { value: O, children: /* @__PURE__ */ t(
         "div",
         {
           ref: y,
@@ -3665,10 +3665,10 @@ function _t({
             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: pt[i],
+            padding: ht[i],
             maxHeight: "min(320px, calc(100vh - 32px))",
             overflowY: "auto",
-            animation: m === "exiting" ? `lucent-menu-out ${Oe}ms var(--lucent-easing-default) forwards` : `lucent-menu-in ${Oe}ms var(--lucent-easing-decelerate)`,
+            animation: m === "exiting" ? `lucent-menu-out ${He}ms var(--lucent-easing-default) forwards` : `lucent-menu-in ${He}ms var(--lucent-easing-decelerate)`,
             transformOrigin: (S == null ? void 0 : S.transformOrigin) ?? "top left",
             outline: "none",
             pointerEvents: m === "exiting" ? "none" : "auto",
@@ -3681,7 +3681,7 @@ function _t({
     )
   ] });
 }
-const oi = {
+const ii = {
   id: "menu",
   name: "Menu",
   tier: "molecule",
@@ -3913,7 +3913,7 @@ const oi = {
     ],
     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.'
   }
-}, Yt = {
+}, Kt = {
   primary: {
     background: "var(--lucent-accent-default)",
     color: "var(--lucent-accent-fg)",
@@ -3949,25 +3949,25 @@ const oi = {
     color: "var(--lucent-danger-text)",
     border: "1px solid transparent"
   }
-}, ar = {
+}, or = {
   "2xs": { height: "22px", paddingOuter: "var(--lucent-space-2)", paddingInner: "var(--lucent-space-1)", fontSize: "var(--lucent-font-size-xs)", borderRadius: "var(--lucent-radius-md)" },
   xs: { height: "26px", paddingOuter: "var(--lucent-space-3)", paddingInner: "var(--lucent-space-1)", fontSize: "var(--lucent-font-size-xs)" },
   sm: { height: "calc(var(--lucent-space-8) * 0.5 + 18px)", paddingOuter: "var(--lucent-space-4)", paddingInner: "var(--lucent-space-2)", fontSize: "var(--lucent-font-size-sm)" },
   md: { height: "calc(var(--lucent-space-10) * 0.5 + 22px)", paddingOuter: "var(--lucent-space-5)", paddingInner: "var(--lucent-space-3)", fontSize: "var(--lucent-font-size-md)" },
   lg: { height: "calc(var(--lucent-space-12) * 0.5 + 26px)", paddingOuter: "var(--lucent-space-6)", paddingInner: "var(--lucent-space-3)", fontSize: "var(--lucent-font-size-lg)" }
-}, or = { "2xs": 8, xs: 10, sm: 12, md: 14, lg: 16 }, ir = {
+}, ir = { "2xs": 8, xs: 10, sm: 12, md: 14, lg: 16 }, sr = {
   "2xs": "24px",
   xs: "30px",
   sm: "34px",
   md: "36px",
   lg: "42px"
-}, sr = {
+}, lr = {
   "2xs": "sm",
   xs: "sm",
   sm: "sm",
   md: "md",
   lg: "lg"
-}, lr = {
+}, cr = {
   primary: "var(--lucent-accent-hover)",
   secondary: "color-mix(in srgb, var(--lucent-accent-default) 22%, transparent)",
   outline: "color-mix(in srgb, var(--lucent-accent-default) 10%, transparent)",
@@ -3975,7 +3975,7 @@ const oi = {
   danger: "var(--lucent-danger-hover)",
   "danger-outline": "color-mix(in srgb, var(--lucent-danger-default) 10%, transparent)",
   "danger-ghost": "color-mix(in srgb, var(--lucent-danger-default) 8%, transparent)"
-}, cr = {
+}, dr = {
   primary: "0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 25%, transparent)",
   secondary: "0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 20%, transparent)",
   outline: "0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 20%, transparent)",
@@ -3984,20 +3984,20 @@ const oi = {
   "danger-outline": "0 4px 14px -2px color-mix(in srgb, var(--lucent-danger-default) 20%, transparent)",
   "danger-ghost": "0 4px 14px -2px color-mix(in srgb, var(--lucent-danger-default) 15%, transparent)"
 };
-function xt(e, r, n) {
-  e.style.transform = "translateY(-1px)", e.style.boxShadow = cr[r], e.style.background = lr[r], (r === "danger" && n !== !1 || r === "danger-outline" && n !== !1) && (e.style.borderColor = "var(--lucent-danger-hover)");
-}
 function wt(e, r, n) {
-  e.style.transform = "", e.style.boxShadow = "", e.style.background = Yt[r].background, (r === "danger" && n !== !1 || r === "danger-outline" && n !== !1) && (e.style.borderColor = "var(--lucent-danger-default)");
+  e.style.transform = "translateY(-1px)", e.style.boxShadow = dr[r], e.style.background = cr[r], (r === "danger" && n !== !1 || r === "danger-outline" && n !== !1) && (e.style.borderColor = "var(--lucent-danger-hover)");
 }
-function kt(e, r) {
+function kt(e, r, n) {
+  e.style.transform = "", e.style.boxShadow = "", e.style.background = Kt[r].background, (r === "danger" && n !== !1 || r === "danger-outline" && n !== !1) && (e.style.borderColor = "var(--lucent-danger-default)");
+}
+function St(e, r) {
   const i = r === "danger" || r === "danger-outline" || r === "danger-ghost" ? "color-mix(in srgb, var(--lucent-danger-default) 40%, transparent)" : "color-mix(in srgb, var(--lucent-accent-default) 40%, transparent)";
   e.style.transform = "translateY(1px)", e.style.boxShadow = `0 0 0 4px ${i}`, e.dataset.pressed = "1";
 }
-function St(e) {
+function Tt(e) {
   e.style.transform = "", e.style.boxShadow = "", delete e.dataset.pressed;
 }
-function dr({
+function ur({
   children: e,
   onClick: r,
   menuItems: n,
@@ -4010,7 +4010,7 @@ function dr({
   leftIcon: u,
   style: p
 }) {
-  const h = s ?? c, [w, b] = q(!1), m = ar[a], f = m.borderRadius ?? "var(--lucent-radius-lg)", d = or[a], y = h ? {
+  const h = s ?? c, [w, b] = q(!1), m = or[a], f = m.borderRadius ?? "var(--lucent-radius-lg)", d = ir[a], y = h ? {
     background: "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)",
     color: "var(--lucent-text-disabled)",
     borderColor: "transparent"
@@ -4031,7 +4031,7 @@ function dr({
     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default), box-shadow var(--lucent-duration-fast) var(--lucent-easing-default), transform 80ms var(--lucent-easing-default)",
     height: m.height,
     fontSize: m.fontSize,
-    ...Yt[i],
+    ...Kt[i],
     ...o === !1 && { border: "none" },
     ...y
   }, T = "var(--lucent-radius-sm)", S = `${f} ${T} ${T} ${f}`, k = `${T} ${f} ${f} ${T}`;
@@ -4055,16 +4055,16 @@ function dr({
             "aria-busy": c,
             onClick: r,
             onMouseEnter: (v) => {
-              h || xt(v.currentTarget, i, o);
+              h || wt(v.currentTarget, i, o);
             },
             onMouseLeave: (v) => {
-              h || wt(v.currentTarget, i, o);
+              h || kt(v.currentTarget, i, o);
             },
             onMouseDown: (v) => {
-              h || kt(v.currentTarget, i);
+              h || St(v.currentTarget, i);
             },
             onMouseUp: (v) => {
-              St(v.currentTarget);
+              Tt(v.currentTarget);
             },
             onFocus: (v) => {
               v.currentTarget.dataset.pressed || (v.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)");
@@ -4079,17 +4079,17 @@ function dr({
             },
             children: [
               u,
-              c ? /* @__PURE__ */ t(ur, {}) : e
+              c ? /* @__PURE__ */ t(pr, {}) : e
             ]
           }
         ),
         /* @__PURE__ */ t(
-          _t,
+          Yt,
           {
             open: w,
             onOpenChange: b,
             placement: l,
-            size: sr[a],
+            size: lr[a],
             trigger: /* @__PURE__ */ t(
               "button",
               {
@@ -4097,16 +4097,16 @@ function dr({
                 disabled: h,
                 "aria-label": "More actions",
                 onMouseEnter: (v) => {
-                  h || xt(v.currentTarget, i, o);
+                  h || wt(v.currentTarget, i, o);
                 },
                 onMouseLeave: (v) => {
-                  h || wt(v.currentTarget, i, o);
+                  h || kt(v.currentTarget, i, o);
                 },
                 onMouseDown: (v) => {
-                  h || kt(v.currentTarget, i);
+                  h || St(v.currentTarget, i);
                 },
                 onMouseUp: (v) => {
-                  St(v.currentTarget);
+                  Tt(v.currentTarget);
                 },
                 onFocus: (v) => {
                   v.currentTarget.dataset.pressed || (v.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)");
@@ -4118,13 +4118,13 @@ function dr({
                   ...x,
                   borderRadius: k,
                   padding: 0,
-                  width: ir[a]
+                  width: sr[a]
                 },
                 children: /* @__PURE__ */ t("svg", { width: d, height: d, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, style: { flexShrink: 0, transition: "transform var(--lucent-duration-fast) var(--lucent-easing-default)", ...w && { transform: "rotate(180deg)" } }, children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" }) })
               }
             ),
             children: n.map((v, E) => /* @__PURE__ */ t(
-              at,
+              ot,
               {
                 onSelect: v.onSelect,
                 ...v.disabled !== void 0 && { disabled: v.disabled },
@@ -4140,14 +4140,14 @@ function dr({
     }
   );
 }
-dr.displayName = "SplitButton";
-function ur() {
+ur.displayName = "SplitButton";
+function pr() {
   return /* @__PURE__ */ g("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", "aria-hidden": !0, style: { animation: "lucent-spin 0.7s linear infinite", flexShrink: 0 }, children: [
     /* @__PURE__ */ t("style", { children: "@keyframes lucent-spin { to { transform: rotate(360deg); } }" }),
     /* @__PURE__ */ t("path", { d: "M12 2a10 10 0 0 1 10 10" })
   ] });
 }
-const ii = {
+const si = {
   id: "split-button",
   name: "SplitButton",
   tier: "atom",
@@ -4216,11 +4216,11 @@ const ii = {
     notes: 'The wrapper uses role="group" with aria-label derived from children. The chevron button carries aria-haspopup="menu" and aria-expanded via Menu. Primary button has aria-busy when loading.'
   }
 }, we = "var(--lucent-radius-sm)";
-function pr({
+function hr({
   children: e,
   style: r
 }) {
-  const n = sn.toArray(e).filter(ln), i = n.length;
+  const n = ln.toArray(e).filter(cn), i = n.length;
   return /* @__PURE__ */ t(
     "div",
     {
@@ -4236,7 +4236,7 @@ function pr({
         if (i === 1) return a;
         const u = a.props.style ?? {}, p = u.borderRadius ?? "var(--lucent-radius-lg)";
         let h;
-        return l ? h = `${p} ${we} ${we} ${p}` : s ? h = `${we} ${p} ${p} ${we}` : h = we, cn(a, {
+        return l ? h = `${p} ${we} ${we} ${p}` : s ? h = `${we} ${p} ${p} ${we}` : h = we, dn(a, {
           key: o,
           style: {
             ...u,
@@ -4247,8 +4247,8 @@ function pr({
     }
   );
 }
-pr.displayName = "ButtonGroup";
-const si = {
+hr.displayName = "ButtonGroup";
+const li = {
   id: "button-group",
   name: "ButtonGroup",
   tier: "atom",
@@ -4297,7 +4297,7 @@ const si = {
     notes: 'Uses role="group" on the wrapper. Individual button accessibility is inherited from the children.'
   }
 };
-function li({
+function ci({
   label: e,
   htmlFor: r,
   required: n = !1,
@@ -4309,14 +4309,14 @@ function li({
   const s = a ?? i, c = a ? "danger" : "secondary";
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)", ...l }, children: [
     e && /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "baseline", gap: "var(--lucent-space-1)" }, children: [
-      /* @__PURE__ */ t(U, { as: "label", size: "sm", weight: "medium", lineHeight: "tight", ...r !== void 0 && { htmlFor: r }, children: e }),
-      n && /* @__PURE__ */ t(U, { as: "span", size: "sm", color: "danger", lineHeight: "tight", "aria-hidden": "true", children: "*" })
+      /* @__PURE__ */ t(j, { as: "label", size: "sm", weight: "medium", lineHeight: "tight", ...r !== void 0 && { htmlFor: r }, children: e }),
+      n && /* @__PURE__ */ t(j, { as: "span", size: "sm", color: "danger", lineHeight: "tight", "aria-hidden": "true", children: "*" })
     ] }),
     o,
-    s && /* @__PURE__ */ t(U, { size: "xs", color: c, lineHeight: "tight", children: s })
+    s && /* @__PURE__ */ t(j, { size: "xs", color: c, lineHeight: "tight", children: s })
   ] });
 }
-const ci = {
+const di = {
   id: "form-field",
   name: "FormField",
   tier: "molecule",
@@ -4402,11 +4402,11 @@ const ci = {
     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.'
   }
-}, Tt = { sm: 14, md: 18, lg: 20 }, hr = { sm: "sm", md: "md", lg: "md" }, fr = { sm: "var(--lucent-space-1)", md: "var(--lucent-space-2)", lg: "var(--lucent-space-2)" }, mr = ({ size: e = 16 }) => /* @__PURE__ */ g("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, Ct = { sm: 14, md: 18, lg: 20 }, fr = { sm: "sm", md: "md", lg: "md" }, mr = { sm: "var(--lucent-space-1)", md: "var(--lucent-space-2)", lg: "var(--lucent-space-2)" }, gr = ({ size: e = 16 }) => /* @__PURE__ */ g("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "6.5", cy: "6.5", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M9.5 9.5L13 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), gr = ({ size: e = 16 }) => /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M2 3h12M4 8h8M6 13h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), vr = () => /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-function di({
+] }), vr = ({ size: e = 16 }) => /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M2 3h12M4 8h8M6 13h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), br = () => /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+function ui({
   value: e,
   onChange: r,
   mode: n = "search",
@@ -4436,7 +4436,7 @@ function di({
     T.current = setTimeout(() => d(!1), 150);
   }, M = () => {
     T.current && clearTimeout(T.current), d(!0);
-  }, $ = p ? /* @__PURE__ */ t(kn, { size: "sm" }) : e ? /* @__PURE__ */ t(
+  }, $ = p ? /* @__PURE__ */ t(Sn, { size: "sm" }) : e ? /* @__PURE__ */ t(
     "button",
     {
       type: "button",
@@ -4458,12 +4458,12 @@ function di({
       onMouseLeave: (R) => {
         R.currentTarget.style.color = "var(--lucent-text-secondary)";
       },
-      children: /* @__PURE__ */ t(vr, {})
+      children: /* @__PURE__ */ t(br, {})
     }
   ) : null;
   return /* @__PURE__ */ g("div", { ref: S, style: { ...b }, children: [
     /* @__PURE__ */ t(
-      Gt,
+      jt,
       {
         id: w,
         type: "text",
@@ -4472,7 +4472,7 @@ function di({
         onChange: (R) => r(R.target.value),
         placeholder: m,
         disabled: h,
-        leftElement: n === "filter" ? /* @__PURE__ */ t(gr, { size: Tt[a] }) : /* @__PURE__ */ t(mr, { size: Tt[a] }),
+        leftElement: n === "filter" ? /* @__PURE__ */ t(vr, { size: Ct[a] }) : /* @__PURE__ */ t(gr, { size: Ct[a] }),
         rightElement: $ ?? void 0,
         onFocus: M,
         onBlur: D,
@@ -4499,7 +4499,7 @@ 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: fr[a]
+            padding: mr[a]
           },
           children: c.map((R, W) => /* @__PURE__ */ t(
             "div",
@@ -4516,7 +4516,7 @@ function di({
                 background: y === W ? "color-mix(in srgb, var(--lucent-accent-default) 14%, transparent)" : "transparent",
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
               },
-              children: /* @__PURE__ */ t(U, { as: "span", size: hr[a], children: R.label })
+              children: /* @__PURE__ */ t(j, { as: "span", size: fr[a], children: R.label })
             },
             R.id
           ))
@@ -4526,7 +4526,7 @@ function di({
     )
   ] });
 }
-const ui = {
+const pi = {
   id: "search-input",
   name: "SearchInput",
   tier: "molecule",
@@ -4660,27 +4660,27 @@ 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.'
   }
-}, ft = Ce({ px: "0", py: "0" }), br = {
+}, mt = Ie({ px: "0", py: "0" }), yr = {
   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)" },
   lg: { py: "var(--lucent-space-6)", px: "var(--lucent-space-8)" }
-}, Ee = {
+}, qe = {
   none: "var(--lucent-shadow-none)",
   sm: "var(--lucent-shadow-sm)",
   md: "var(--lucent-shadow-md)",
   lg: "var(--lucent-shadow-lg)"
-}, yr = {
+}, xr = {
   none: "var(--lucent-radius-none)",
   sm: "var(--lucent-radius-sm)",
   md: "var(--lucent-radius-md)",
   lg: "var(--lucent-radius-lg)"
-}, xr = {
+}, wr = {
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
   danger: "var(--lucent-danger-default)",
   info: "var(--lucent-info-default)"
-}, wr = {
+}, kr = {
   ghost: {
     background: "transparent",
     border: "none",
@@ -4711,22 +4711,22 @@ const [results, setResults] = useState([]);
     shadowDefault: "none",
     dividers: !1
   }
-}, kr = [
+}, Sr = [
   "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(", "), Sr = "0 4px 14px -2px var(--lucent-accent-subtle)", Tr = "0 4px 14px -2px color-mix(in srgb, var(--lucent-text-primary) 12%, transparent)", Cr = "0 0 0 3px var(--lucent-accent-subtle)", Ir = "0 0 0 2px var(--lucent-surface), 0 0 0 4px var(--lucent-accent-default)", Mr = "0 0 0 3px var(--lucent-accent-subtle)";
+].join(", "), Tr = "0 4px 14px -2px var(--lucent-accent-subtle)", Cr = "0 4px 14px -2px color-mix(in srgb, var(--lucent-text-primary) 12%, transparent)", Ir = "0 0 0 3px var(--lucent-accent-subtle)", Mr = "0 0 0 2px var(--lucent-surface), 0 0 0 4px var(--lucent-accent-default)", zr = "0 0 0 3px var(--lucent-accent-subtle)";
 function ge(...e) {
   const r = e.filter(
     (n) => n != null && n !== "none" && n !== "var(--lucent-shadow-none)"
   );
   return r.length > 0 ? r.join(", ") : void 0;
 }
-function zr(e, r, n) {
+function Ar(e, r, n) {
   return !r || n ? e.background : "var(--lucent-accent-subtle)";
 }
-function pi({
+function hi({
   variant: e = "outline",
   header: r,
   footer: n,
@@ -4745,10 +4745,10 @@ function pi({
   hoverable: f,
   media: d
 }) {
-  const y = wr[e], x = e === "combo", T = o ?? (x ? "md" : y.shadowDefault), { py: S, px: k } = br[a], v = `${S} ${k}`, E = yr[l], C = u != null, z = c != null || C, B = z || (f ?? !1), D = (w ?? !1) && z, M = C ? "a" : z ? "button" : "div", [$, R] = q(!1), [W, P] = q(!1), [O, Y] = q(!1), L = (m ?? !1) && !D, A = L ? Mr : void 0, I = zr(y, m ?? !1, D), N = b != null ? `inset 3px 0 0 ${xr[b]}` : void 0;
-  let G;
-  x ? G = ge(A, N) : B && !D ? O ? G = ge(Ir, A, N) : W ? G = ge(Cr, A, N) : $ ? G = ge(z ? Sr : Tr, Ee[T], A, N) : G = ge(Ee[T], A, N) : G = ge(Ee[T], A, N);
-  const F = {
+  const y = kr[e], x = e === "combo", T = o ?? (x ? "md" : y.shadowDefault), { py: S, px: k } = yr[a], v = `${S} ${k}`, E = xr[l], C = u != null, z = c != null || C, B = z || (f ?? !1), D = (w ?? !1) && z, M = C ? "a" : z ? "button" : "div", [$, R] = q(!1), [W, P] = q(!1), [O, Y] = q(!1), L = (m ?? !1) && !D, A = L ? zr : void 0, I = Ar(y, m ?? !1, D), F = b != null ? `inset 3px 0 0 ${wr[b]}` : void 0;
+  let U;
+  x ? U = ge(A, F) : B && !D ? O ? U = ge(Mr, A, F) : W ? U = ge(Ir, A, F) : $ ? U = ge(z ? Tr : Cr, qe[T], A, F) : U = ge(qe[T], A, F) : U = ge(qe[T], A, F);
+  const N = {
     display: "flex",
     flexDirection: "column",
     background: I,
@@ -4759,14 +4759,14 @@ function pi({
     overflow: d != null && !(L || B && W) ? "hidden" : "visible",
     boxSizing: "border-box",
     position: "relative",
-    ...G !== void 0 && { boxShadow: G },
+    ...U !== void 0 && { boxShadow: U },
     // Hover/press transform
     ...B && !D && O && { transform: "translateY(1px)" },
     ...B && !D && $ && !O && { transform: "translateY(-1px)" },
     // Hover/interactive base styles
     ...B && {
       cursor: D ? "not-allowed" : "pointer",
-      transition: kr
+      transition: Sr
     },
     // Button UA reset
     ...z && !C && {
@@ -4791,7 +4791,7 @@ function pi({
   return /* @__PURE__ */ g(
     M,
     {
-      style: F,
+      style: N,
       ...B && !D ? {
         onMouseEnter: () => R(!0),
         onMouseLeave: () => {
@@ -4805,7 +4805,7 @@ function pi({
         }
       } : {},
       ...C && {
-        href: D ? void 0 : u,
+        href: D ? void 0 : Ce(u),
         ...p !== void 0 && { target: p },
         ...h !== void 0 && { rel: h }
       },
@@ -4828,7 +4828,7 @@ function pi({
             children: r
           }
         ),
-        /* @__PURE__ */ t(ft.Provider, { value: { px: k, py: S }, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(mt.Provider, { value: { px: k, py: S }, children: /* @__PURE__ */ t(
           "div",
           {
             style: {
@@ -4838,7 +4838,7 @@ function pi({
                 background: "var(--lucent-surface)",
                 border: "1px solid var(--lucent-border-default)",
                 borderRadius: E,
-                boxShadow: Ee[T],
+                boxShadow: qe[T],
                 marginLeft: `calc(${k} / 3)`,
                 marginRight: `calc(${k} / 3)`,
                 // When header/footer is absent, mirror the horizontal inset vertically
@@ -4864,8 +4864,8 @@ function pi({
     }
   );
 }
-function hi({ children: e, style: r }) {
-  const { px: n } = ne(ft);
+function fi({ children: e, style: r }) {
+  const { px: n } = ne(mt);
   return /* @__PURE__ */ t(
     "div",
     {
@@ -4880,7 +4880,7 @@ function hi({ children: e, style: r }) {
     }
   );
 }
-const fi = {
+const mi = {
   id: "card",
   name: "Card",
   tier: "molecule",
@@ -5114,30 +5114,30 @@ const fi = {
   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."
   }
-}, Ar = {
+}, Er = {
   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" }
-}, Er = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, qr = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M8 5.5V8.5M8 10.5V11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), qr = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Br = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M5 8L7 10L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), Br = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Dr = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
   /* @__PURE__ */ t("path", { d: "M8 6V9M8 11V11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Dr = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Pr = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Pr = {
-  info: /* @__PURE__ */ t(Er, {}),
-  success: /* @__PURE__ */ t(qr, {}),
-  warning: /* @__PURE__ */ t(Br, {}),
-  danger: /* @__PURE__ */ t(Dr, {})
-}, Lr = () => /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-function mi({
+] }), Lr = {
+  info: /* @__PURE__ */ t(qr, {}),
+  success: /* @__PURE__ */ t(Br, {}),
+  warning: /* @__PURE__ */ t(Dr, {}),
+  danger: /* @__PURE__ */ t(Pr, {})
+}, Rr = () => /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+function gi({
   variant: e = "info",
   title: r,
   children: n,
@@ -5145,7 +5145,7 @@ function mi({
   icon: a,
   style: o
 }) {
-  const l = Ar[e], s = a ?? Pr[e];
+  const l = Er[e], s = a ?? Lr[e];
   return /* @__PURE__ */ g(
     "div",
     {
@@ -5176,8 +5176,8 @@ function mi({
           }
         ),
         /* @__PURE__ */ g("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)" }, children: [
-          r && /* @__PURE__ */ t(U, { as: "span", size: "sm", weight: "semibold", color: l.textColor, lineHeight: "tight", children: r }),
-          n && /* @__PURE__ */ t(U, { as: "span", size: "sm", color: l.textColor, lineHeight: "base", children: n })
+          r && /* @__PURE__ */ t(j, { as: "span", size: "sm", weight: "semibold", color: l.textColor, lineHeight: "tight", children: r }),
+          n && /* @__PURE__ */ t(j, { as: "span", size: "sm", color: l.textColor, lineHeight: "base", children: n })
         ] }),
         i && /* @__PURE__ */ t(
           "button",
@@ -5203,14 +5203,14 @@ function mi({
             onMouseLeave: (c) => {
               c.currentTarget.style.opacity = "0.7";
             },
-            children: /* @__PURE__ */ t(Lr, {})
+            children: /* @__PURE__ */ t(Rr, {})
           }
         )
       ]
     }
   );
 }
-const gi = {
+const vi = {
   id: "alert",
   name: "Alert",
   tier: "molecule",
@@ -5285,7 +5285,7 @@ const gi = {
     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 vi({
+function bi({
   illustration: e,
   title: r,
   description: n,
@@ -5320,15 +5320,15 @@ function vi({
           }
         ),
         /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: [
-          /* @__PURE__ */ t(U, { as: "h3", size: "lg", weight: "semibold", align: "center", lineHeight: "tight", children: r }),
-          n && /* @__PURE__ */ t(U, { size: "sm", color: "secondary", align: "center", lineHeight: "relaxed", children: n })
+          /* @__PURE__ */ t(j, { as: "h3", size: "lg", weight: "semibold", align: "center", lineHeight: "tight", children: r }),
+          n && /* @__PURE__ */ t(j, { size: "sm", color: "secondary", align: "center", lineHeight: "relaxed", children: n })
         ] }),
         i != null && /* @__PURE__ */ t("div", { children: i })
       ]
     }
   );
 }
-const bi = {
+const yi = {
   id: "empty-state",
   name: "EmptyState",
   tier: "molecule",
@@ -5399,16 +5399,16 @@ const bi = {
   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."
   }
-}, Rr = {
+}, $r = {
   text: "1em",
   circle: 40,
   rectangle: 40
-}, $r = {
+}, Nr = {
   text: "var(--lucent-radius-sm)",
   circle: "var(--lucent-radius-full)",
   rectangle: "var(--lucent-radius-md)"
 };
-function Ct({
+function It({
   width: e,
   height: r,
   radius: n,
@@ -5432,7 +5432,7 @@ function Ct({
     }
   );
 }
-function yi({
+function xi({
   variant: e = "rectangle",
   width: r = "100%",
   height: n,
@@ -5441,16 +5441,16 @@ function yi({
   radius: o,
   style: l
 }) {
-  const s = n ?? Rr[e], c = o ?? $r[e], u = a ? /* @__PURE__ */ t("style", { children: `
+  const s = n ?? $r[e], c = o ?? Nr[e], u = a ? /* @__PURE__ */ t("style", { children: `
       @keyframes lucent-skeleton-shimmer {
         0%   { background-position: 200% 0; }
         100% { background-position: -200% 0; }
       }
     ` }) : null;
-  return e === "text" && i > 1 ? /* @__PURE__ */ g(J, { children: [
+  return e === "text" && i > 1 ? /* @__PURE__ */ g(Z, { children: [
     u,
     /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)", ...l }, children: Array.from({ length: i }).map((p, h) => /* @__PURE__ */ t(
-      Ct,
+      It,
       {
         width: h === i - 1 ? "70%" : r,
         height: s,
@@ -5459,10 +5459,10 @@ function yi({
       },
       h
     )) })
-  ] }) : /* @__PURE__ */ g(J, { children: [
+  ] }) : /* @__PURE__ */ g(Z, { children: [
     u,
     /* @__PURE__ */ t(
-      Ct,
+      It,
       {
         width: e === "circle" ? n ?? 40 : r,
         height: s,
@@ -5473,7 +5473,7 @@ function yi({
     )
   ] });
 }
-const xi = {
+const wi = {
   id: "skeleton",
   name: "Skeleton",
   tier: "molecule",
@@ -5587,10 +5587,10 @@ function Fr({ items: e, separator: r = "/", style: n, LinkComponent: i }) {
           p.currentTarget.style.color = "var(--lucent-text-secondary)";
         };
         return /* @__PURE__ */ g("li", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
-          l ? /* @__PURE__ */ t(U, { size: "sm", color: "primary", as: "span", "aria-current": "page", children: a.label }) : a.href != null ? i ? /* @__PURE__ */ t(
+          l ? /* @__PURE__ */ t(j, { size: "sm", color: "primary", as: "span", "aria-current": "page", children: a.label }) : a.href != null ? i ? /* @__PURE__ */ t(
             i,
             {
-              href: a.href,
+              href: Ce(a.href) ?? "#",
               style: s,
               onMouseEnter: c,
               onMouseLeave: u,
@@ -5600,7 +5600,7 @@ function Fr({ items: e, separator: r = "/", style: n, LinkComponent: i }) {
           ) : /* @__PURE__ */ t(
             "a",
             {
-              href: a.href,
+              href: Ce(a.href),
               onClick: a.onClick,
               style: s,
               onMouseEnter: c,
@@ -5636,7 +5636,7 @@ function Fr({ items: e, separator: r = "/", style: n, LinkComponent: i }) {
     }
   ) });
 }
-const It = 80, Kt = 180, ye = "var(--lucent-easing-default)", ot = "var(--lucent-duration-fast)", Mt = `height ${Kt}ms ${ye}`, Nr = `
+const Mt = 80, Xt = 180, ye = "var(--lucent-easing-default)", it = "var(--lucent-duration-fast)", zt = `height ${Xt}ms ${ye}`, Wr = `
 [data-lucent-collapsible-trigger]:hover:not(:disabled) {
   background: color-mix(in srgb, var(--lucent-text-primary) 5%, transparent) !important;
 }
@@ -5647,15 +5647,15 @@ const It = 80, Kt = 180, ye = "var(--lucent-easing-default)", ot = "var(--lucent
   box-shadow: 0 0 0 2px var(--lucent-surface), 0 0 0 4px var(--lucent-accent-default) !important;
 }
 `;
-let zt = !1;
-function Wr() {
-  if (zt || typeof document > "u") return;
+let At = !1;
+function Vr() {
+  if (At || typeof document > "u") return;
   const e = document.createElement("style");
-  e.setAttribute("data-lucent-collapsible", ""), e.textContent = Nr, document.head.appendChild(e), zt = !0;
+  e.setAttribute("data-lucent-collapsible", ""), e.textContent = Wr, document.head.appendChild(e), At = !0;
 }
-function wi({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChange: a, padded: o = !0, disabled: l = !1, style: s }) {
-  const c = ne(ft), u = c.px !== "0" || c.py !== "0", p = i !== void 0, [h, w] = q(n), b = p ? i : h, m = V(null), f = V(!1), d = V();
-  H(Wr, []), H(() => {
+function ki({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChange: a, padded: o = !0, disabled: l = !1, style: s }) {
+  const c = ne(mt), u = c.px !== "0" || c.py !== "0", p = i !== void 0, [h, w] = q(n), b = p ? i : h, m = V(null), f = V(!1), d = V();
+  H(Vr, []), H(() => {
     f.current = !0;
   }, []), oe(() => {
     const x = m.current;
@@ -5663,10 +5663,10 @@ function wi({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChang
       if (b) {
         x.style.overflow = "hidden";
         const T = x.scrollHeight;
-        x.style.height = `${T}px`, x.style.transition = Mt, clearTimeout(d.current), d.current = setTimeout(() => {
+        x.style.height = `${T}px`, x.style.transition = zt, clearTimeout(d.current), d.current = setTimeout(() => {
           x.style.height = "auto", x.style.overflow = "visible", x.style.transition = "";
-        }, Kt + 20);
-      } else f.current && (clearTimeout(d.current), x.style.overflow = "hidden", x.style.transition = "", x.style.height = `${x.scrollHeight}px`, x.getBoundingClientRect(), x.style.transition = Mt, x.style.height = "0px");
+        }, Xt + 20);
+      } else f.current && (clearTimeout(d.current), x.style.overflow = "hidden", x.style.transition = "", x.style.height = `${x.scrollHeight}px`, x.getBoundingClientRect(), x.style.transition = zt, x.style.height = "0px");
   }, [b]), H(() => {
     const x = m.current;
     x && !b && !f.current && (x.style.height = "0px");
@@ -5700,11 +5700,11 @@ function wi({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChang
           fontFamily: "inherit",
           fontSize: "inherit",
           opacity: l ? 0.5 : 1,
-          transition: `background ${ot} ${ye}`
+          transition: `background ${it} ${ye}`
         },
         children: [
           /* @__PURE__ */ t("span", { style: { flex: 1 }, children: e }),
-          /* @__PURE__ */ t(Vr, { open: b })
+          /* @__PURE__ */ t(Or, { open: b })
         ]
       }
     ),
@@ -5721,7 +5721,7 @@ function wi({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChang
               ...o ? { padding: "var(--lucent-space-3) var(--lucent-space-4) var(--lucent-space-4)" } : {},
               opacity: b ? 1 : 0,
               transform: b ? "translateY(0)" : "translateY(-4px)",
-              transition: `opacity ${It}ms ${ye}, transform ${It}ms ${ye}`
+              transition: `opacity ${Mt}ms ${ye}, transform ${Mt}ms ${ye}`
             },
             children: r
           }
@@ -5730,7 +5730,7 @@ function wi({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChang
     )
   ] });
 }
-function Vr({ open: e }) {
+function Or({ open: e }) {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -5748,13 +5748,13 @@ function Vr({ open: e }) {
         flexShrink: 0,
         color: "var(--lucent-text-secondary)",
         transform: e ? "rotate(180deg)" : "rotate(0deg)",
-        transition: `transform ${ot} ${ye}, color ${ot} ${ye}`
+        transition: `transform ${it} ${ye}, color ${it} ${ye}`
       },
       children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" })
     }
   );
 }
-function Or(e) {
+function Hr(e) {
   const [r, n] = q(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
   return H(() => {
     const i = window.matchMedia(e);
@@ -5763,7 +5763,7 @@ function Or(e) {
     return i.addEventListener("change", a), () => i.removeEventListener("change", a);
   }, [e]), r;
 }
-const pe = "lucent-pl-no-scrollbar", Hr = `.${pe}{scrollbar-width:none}.${pe}::-webkit-scrollbar{display:none}`, He = 200, Gr = `
+const pe = "lucent-pl-no-scrollbar", Ur = `.${pe}{scrollbar-width:none}.${pe}::-webkit-scrollbar{display:none}`, Ue = 200, jr = `
 @keyframes lucent-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
 @keyframes lucent-drawer-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
 @keyframes lucent-backdrop-in{from{opacity:0}to{opacity:1}}
@@ -5772,7 +5772,7 @@ const pe = "lucent-pl-no-scrollbar", Hr = `.${pe}{scrollbar-width:none}.${pe}::-
 function ke(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function Ur({ collapsed: e, sidebarWidth: r, onClick: n }) {
+function Gr({ collapsed: e, sidebarWidth: r, onClick: n }) {
   const [i, a] = q(!1), o = e;
   let l, s;
   return i ? o ? (l = "M2,2 L6,8", s = "M6,8 L2,14") : (l = "M6,2 L2,8", s = "M2,8 L6,14") : (l = "M1.5,2 L1.5,14", s = "M6.5,2 L6.5,14"), /* @__PURE__ */ t(
@@ -5816,7 +5816,7 @@ function Ur({ collapsed: e, sidebarWidth: r, onClick: n }) {
     }
   );
 }
-function At({ open: e, onClick: r }) {
+function Et({ open: e, onClick: r }) {
   return /* @__PURE__ */ t(
     "button",
     {
@@ -5835,10 +5835,10 @@ function At({ open: e, onClick: r }) {
         color: "var(--lucent-text-primary)",
         flexShrink: 0
       },
-      children: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": !0, children: e ? /* @__PURE__ */ g(J, { children: [
+      children: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": !0, children: e ? /* @__PURE__ */ g(Z, { children: [
         /* @__PURE__ */ t("line", { x1: "4", y1: "4", x2: "16", y2: "16" }),
         /* @__PURE__ */ t("line", { x1: "4", y1: "16", x2: "16", y2: "4" })
-      ] }) : /* @__PURE__ */ g(J, { children: [
+      ] }) : /* @__PURE__ */ g(Z, { children: [
         /* @__PURE__ */ t("line", { x1: "3", y1: "5", x2: "17", y2: "5" }),
         /* @__PURE__ */ t("line", { x1: "3", y1: "10", x2: "17", y2: "10" }),
         /* @__PURE__ */ t("line", { x1: "3", y1: "15", x2: "17", y2: "15" })
@@ -5846,7 +5846,7 @@ function At({ open: e, onClick: r }) {
     }
   );
 }
-function Et({
+function qt({
   sidebarHeader: e,
   sidebar: r,
   sidebarFooter: n,
@@ -5854,7 +5854,7 @@ function Et({
   sidebarCollapsed: a,
   sidebarCollapsedWidth: o
 }) {
-  return /* @__PURE__ */ g(J, { children: [
+  return /* @__PURE__ */ g(Z, { children: [
     e != null && /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, children: e }),
     r != null && /* @__PURE__ */ t(
       "div",
@@ -5871,7 +5871,7 @@ function Et({
     n != null && /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, children: n })
   ] });
 }
-function ki({
+function Si({
   children: e,
   header: r,
   sidebar: n,
@@ -5901,7 +5901,7 @@ function ki({
     bgSubtle: "var(--lucent-bg-subtle)",
     surface: "var(--lucent-surface)",
     surfaceSecondary: "var(--lucent-surface-secondary)"
-  }[T] ?? "var(--lucent-navigation)", R = Or(`(max-width: ${h - 1}px)`), W = D && (p === "drawer" || p === "auto" && R), [P, O] = q(!1), [Y, L] = q("idle");
+  }[T] ?? "var(--lucent-navigation)", R = Hr(`(max-width: ${h - 1}px)`), W = D && (p === "drawer" || p === "auto" && R), [P, O] = q(!1), [Y, L] = q("idle");
   H(() => {
     if (w && W)
       O(!0), L("entering");
@@ -5909,15 +5909,15 @@ function ki({
       L("exiting");
       const I = setTimeout(() => {
         O(!1), L("idle");
-      }, He);
+      }, Ue);
       return () => clearTimeout(I);
     }
   }, [w, W]), H(() => {
     !W && w && (b == null || b(!1));
   }, [W]), H(() => {
     if (!w || !W) return;
-    const I = (N) => {
-      N.key === "Escape" && (b == null || b(!1));
+    const I = (F) => {
+      F.key === "Escape" && (b == null || b(!1));
     };
     return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [w, W, b]), H(() => {
@@ -5943,8 +5943,8 @@ function ki({
       },
       children: [
         /* @__PURE__ */ g("style", { children: [
-          Hr,
-          W ? Gr : ""
+          Ur,
+          W ? jr : ""
         ] }),
         r != null && /* @__PURE__ */ g(
           "div",
@@ -5958,7 +5958,7 @@ function ki({
               alignItems: "center"
             },
             children: [
-              W && /* @__PURE__ */ t("div", { style: { flexShrink: 0, padding: "0 var(--lucent-space-2)" }, children: /* @__PURE__ */ t(At, { open: w, onClick: () => b == null ? void 0 : b(!w) }) }),
+              W && /* @__PURE__ */ t("div", { style: { flexShrink: 0, padding: "0 var(--lucent-space-2)" }, children: /* @__PURE__ */ t(Et, { open: w, onClick: () => b == null ? void 0 : b(!w) }) }),
               /* @__PURE__ */ t("div", { style: { flex: 1, height: "100%", minWidth: 0 }, children: r })
             ]
           }
@@ -5977,7 +5977,7 @@ function ki({
                 transition: "width 200ms var(--lucent-easing-default)"
               },
               children: /* @__PURE__ */ t(
-                Et,
+                qt,
                 {
                   sidebarHeader: i,
                   sidebar: n,
@@ -5989,7 +5989,7 @@ function ki({
               )
             }
           ),
-          D && !W && u && /* @__PURE__ */ t(Ur, { collapsed: c, sidebarWidth: c ? C : E, onClick: () => u(!c) }),
+          D && !W && u && /* @__PURE__ */ t(Gr, { collapsed: c, sidebarWidth: c ? C : E, onClick: () => u(!c) }),
           /* @__PURE__ */ t(
             "main",
             {
@@ -6037,7 +6037,7 @@ function ki({
           }
         ),
         W && P && ie(
-          /* @__PURE__ */ g(J, { children: [
+          /* @__PURE__ */ g(Z, { children: [
             /* @__PURE__ */ t(
               "div",
               {
@@ -6047,7 +6047,7 @@ function ki({
                   inset: 0,
                   zIndex: 1100,
                   background: "var(--lucent-bg-overlay)",
-                  animation: `${Y === "exiting" ? "lucent-backdrop-out" : "lucent-backdrop-in"} ${He}ms var(--lucent-easing-default) forwards`,
+                  animation: `${Y === "exiting" ? "lucent-backdrop-out" : "lucent-backdrop-in"} ${Ue}ms var(--lucent-easing-default) forwards`,
                   pointerEvents: Y === "exiting" ? "none" : "auto"
                 }
               }
@@ -6068,13 +6068,13 @@ function ki({
                   flexDirection: "column",
                   background: $,
                   boxShadow: "var(--lucent-shadow-lg)",
-                  animation: `${Y === "exiting" ? "lucent-drawer-out" : "lucent-drawer-in"} ${He}ms var(--lucent-easing-decelerate) forwards`,
+                  animation: `${Y === "exiting" ? "lucent-drawer-out" : "lucent-drawer-in"} ${Ue}ms var(--lucent-easing-decelerate) forwards`,
                   fontFamily: "var(--lucent-font-family-base)"
                 },
                 children: [
-                  /* @__PURE__ */ t("div", { style: { flexShrink: 0, display: "flex", alignItems: "center", padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ t(At, { open: !0, onClick: () => b == null ? void 0 : b(!1) }) }),
+                  /* @__PURE__ */ t("div", { style: { flexShrink: 0, display: "flex", alignItems: "center", padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ t(Et, { open: !0, onClick: () => b == null ? void 0 : b(!1) }) }),
                   /* @__PURE__ */ t(
-                    Et,
+                    qt,
                     {
                       sidebarHeader: i,
                       sidebar: n,
@@ -6094,7 +6094,7 @@ function ki({
     }
   );
 }
-function jr({ state: e }) {
+function _r({ state: e }) {
   return /* @__PURE__ */ g(
     "svg",
     {
@@ -6125,7 +6125,7 @@ function jr({ state: e }) {
     }
   );
 }
-function qt({ dir: e }) {
+function Bt({ dir: e }) {
   return /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ t(
     "path",
     {
@@ -6137,7 +6137,7 @@ function qt({ dir: e }) {
     }
   ) });
 }
-function Si({
+function Ti({
   columns: e,
   rows: r,
   pageSize: n = 10,
@@ -6176,7 +6176,7 @@ function Si({
   }
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-3)", ...s }, children: [
     x && /* @__PURE__ */ t("div", { style: { position: "relative", zIndex: 1 }, children: /* @__PURE__ */ t(
-      _r,
+      Yr,
       {
         columns: e,
         rows: r,
@@ -6216,7 +6216,7 @@ function Si({
             },
             children: /* @__PURE__ */ g("span", { style: { display: "inline-flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
               M.header,
-              M.sortable && /* @__PURE__ */ t(jr, { state: $ }),
+              M.sortable && /* @__PURE__ */ t(_r, { state: $ }),
               M.headerFilter && /* @__PURE__ */ t(
                 "span",
                 {
@@ -6235,7 +6235,7 @@ function Si({
         {
           colSpan: e.length,
           style: { padding: "var(--lucent-space-12)", textAlign: "center" },
-          children: l ?? /* @__PURE__ */ t(U, { color: "secondary", children: "No data" })
+          children: l ?? /* @__PURE__ */ t(j, { color: "secondary", children: "No data" })
         }
       ) }) : k.map((M, $) => /* @__PURE__ */ t(
         "tr",
@@ -6271,15 +6271,15 @@ function Si({
       gap: "var(--lucent-space-3)",
       flexWrap: "wrap"
     }, children: [
-      /* @__PURE__ */ t(U, { color: "secondary", size: "sm", children: S.length === 0 ? `0 rows${r.length > 0 ? ` (filtered from ${r.length})` : ""}` : S.length === 1 ? `1 row${S.length < r.length ? ` (filtered from ${r.length})` : ""}` : `${y * n + 1}–${Math.min((y + 1) * n, S.length)} of ${S.length} rows${S.length < r.length ? ` (filtered from ${r.length})` : ""}` }),
+      /* @__PURE__ */ t(j, { color: "secondary", size: "sm", children: S.length === 0 ? `0 rows${r.length > 0 ? ` (filtered from ${r.length})` : ""}` : S.length === 1 ? `1 row${S.length < r.length ? ` (filtered from ${r.length})` : ""}` : `${y * n + 1}–${Math.min((y + 1) * n, S.length)} of ${S.length} rows${S.length < r.length ? ` (filtered from ${r.length})` : ""}` }),
       /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
         /* @__PURE__ */ t(
-          Ge,
+          je,
           {
             onClick: () => E(y - 1),
             disabled: y === 0,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ t(qt, { dir: "left" })
+            children: /* @__PURE__ */ t(Bt, { dir: "left" })
           }
         ),
         D.map(
@@ -6288,7 +6288,7 @@ function Si({
             color: "var(--lucent-text-disabled)",
             fontSize: "var(--lucent-font-size-sm)"
           }, children: "…" }, `ellipsis-${$}`) : /* @__PURE__ */ t(
-            Ge,
+            je,
             {
               onClick: () => E(M),
               active: M === y,
@@ -6300,19 +6300,19 @@ function Si({
           )
         ),
         /* @__PURE__ */ t(
-          Ge,
+          je,
           {
             onClick: () => E(y + 1),
             disabled: y >= v - 1,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ t(qt, { dir: "right" })
+            children: /* @__PURE__ */ t(Bt, { dir: "right" })
           }
         )
       ] })
     ] })
   ] });
 }
-function _r({
+function Yr({
   columns: e,
   rows: r,
   filters: n,
@@ -6326,7 +6326,7 @@ function _r({
         new Set(r.map((u) => String(u[s.key] ?? "")))
       ).sort();
       return /* @__PURE__ */ t(
-        Yr,
+        Kr,
         {
           label: s.header,
           values: c,
@@ -6358,7 +6358,7 @@ function _r({
     )
   ] });
 }
-function Yr({
+function Kr({
   label: e,
   values: r,
   value: n,
@@ -6497,7 +6497,7 @@ function Yr({
         fontSize: "var(--lucent-font-size-xs)",
         textAlign: "center"
       }, children: "No results" }) : b.map((d) => /* @__PURE__ */ t(
-        Kr,
+        Xr,
         {
           label: d,
           isSelected: n.includes(d),
@@ -6508,7 +6508,7 @@ function Yr({
     ] })
   ] });
 }
-function Kr({ label: e, isSelected: r, onClick: n }) {
+function Xr({ label: e, isSelected: r, onClick: n }) {
   const [i, a] = q(!1);
   return /* @__PURE__ */ g(
     "button",
@@ -6552,7 +6552,7 @@ function Kr({ label: e, isSelected: r, onClick: n }) {
     }
   );
 }
-function Ge({
+function je({
   children: e,
   onClick: r,
   disabled: n,
@@ -6589,7 +6589,7 @@ function Ge({
     }
   );
 }
-const Ti = {
+const Ci = {
   id: "data-table",
   name: "DataTable",
   tier: "molecule",
@@ -6698,7 +6698,7 @@ const Ti = {
     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.'
   }
-}, Xr = `
+}, Zr = `
 @keyframes lucent-palette-in {
   from { opacity: 0; transform: scale(0.96) translateY(-8px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
@@ -6709,7 +6709,7 @@ function Jr(e, r) {
   const n = r.toLowerCase();
   return e.label.toLowerCase().includes(n) || (((i = e.description) == null ? void 0 : i.toLowerCase().includes(n)) ?? !1);
 }
-function Ci({
+function Ii({
   commands: e,
   placeholder: r = "Search commands…",
   shortcutKey: n = "k",
@@ -6720,7 +6720,7 @@ function Ci({
   const l = i !== void 0, [s, c] = q(!1), u = l ? i : s, [p, h] = q(""), [w, b] = q(0), m = V(null), f = V(null), d = V(!1);
   if (!d.current) {
     const C = document.createElement("style");
-    C.textContent = Xr, document.head.appendChild(C), d.current = !0;
+    C.textContent = Zr, document.head.appendChild(C), d.current = !0;
   }
   const y = X((C) => {
     l || c(C), a == null || a(C);
@@ -6851,7 +6851,7 @@ function Ci({
                 role: "listbox",
                 ref: f,
                 style: { maxHeight: 360, overflowY: "auto", padding: "var(--lucent-space-1) var(--lucent-space-2)" },
-                children: x.length === 0 ? /* @__PURE__ */ t("div", { style: { padding: "var(--lucent-space-8)", textAlign: "center" }, children: /* @__PURE__ */ g(U, { color: "secondary", children: [
+                children: x.length === 0 ? /* @__PURE__ */ t("div", { style: { padding: "var(--lucent-space-8)", textAlign: "center" }, children: /* @__PURE__ */ g(j, { color: "secondary", children: [
                   'No results for "',
                   p,
                   '"'
@@ -6859,7 +6859,7 @@ function Ci({
                   C && /* @__PURE__ */ t("div", { style: {
                     padding: "var(--lucent-space-2) var(--lucent-space-2) var(--lucent-space-1)",
                     ...B > 0 ? { borderTop: "1px solid var(--lucent-border-subtle)", marginTop: "var(--lucent-space-2)" } : {}
-                  }, children: /* @__PURE__ */ t(U, { size: "xs", color: "secondary", weight: "medium", children: C }) }),
+                  }, children: /* @__PURE__ */ t(j, { size: "xs", color: "secondary", weight: "medium", children: C }) }),
                   z.map((D) => {
                     const M = D.disabled ?? !1;
                     let $ = !1;
@@ -6891,8 +6891,8 @@ function Ci({
                         children: [
                           D.icon && /* @__PURE__ */ t("span", { style: { flexShrink: 0, color: "var(--lucent-text-secondary)", display: "flex" }, children: D.icon }),
                           /* @__PURE__ */ g("div", { style: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ t(U, { size: "sm", weight: "medium", truncate: !0, children: D.label }),
-                            D.description && /* @__PURE__ */ t(U, { size: "xs", color: "secondary", truncate: !0, children: D.description })
+                            /* @__PURE__ */ t(j, { size: "sm", weight: "medium", truncate: !0, children: D.label }),
+                            D.description && /* @__PURE__ */ t(j, { size: "xs", color: "secondary", truncate: !0, children: D.description })
                           ] })
                         ]
                       },
@@ -6914,7 +6914,7 @@ function Ci({
               ["Esc", "Close"]
             ].map(([C, z]) => /* @__PURE__ */ g("span", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
               /* @__PURE__ */ t(fe, { size: "xs", variant: "outline", tabIndex: -1, style: { pointerEvents: "none" }, children: C }),
-              /* @__PURE__ */ t(U, { size: "xs", color: "secondary", children: z })
+              /* @__PURE__ */ t(j, { size: "xs", color: "secondary", children: z })
             ] }, C)) })
           ]
         }
@@ -6922,7 +6922,7 @@ function Ci({
     }
   );
 }
-const Ii = {
+const Mi = {
   id: "command-palette",
   name: "CommandPalette",
   tier: "overlay",
@@ -7004,28 +7004,28 @@ const Ii = {
     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.'
   }
-}, Zr = {
+}, Qr = {
   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)"
-}, Qr = {
+}, ea = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-lg)"
-}, ea = {
+}, ta = {
   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)"
-}, qe = {
+}, Be = {
   sm: "var(--lucent-space-2)",
   md: "var(--lucent-space-2)",
   lg: "var(--lucent-space-3)"
-}, Ue = {
+}, Ge = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, Bt = { sm: "sm", md: "md", lg: "lg" }, ta = { sm: "sm", md: "md", lg: "lg" };
-function Mi({
+}, Dt = { sm: "sm", md: "md", lg: "lg" }, na = { sm: "sm", md: "md", lg: "lg" };
+function zi({
   options: e,
   value: r,
   defaultValue: n = [],
@@ -7039,46 +7039,46 @@ function Mi({
   errorText: p,
   style: h
 }) {
-  const w = r !== void 0, [b, m] = q(n), f = w ? r : b, [d, y] = q(!1), [x, T] = q(""), [S, k] = q(0), [v, E] = q(!1), C = V(null), z = V(null), B = V(null), D = V(null), [M, $] = q({ top: 0, left: 0, width: 0 }), R = rt();
+  const w = r !== void 0, [b, m] = q(n), f = w ? r : b, [d, y] = q(!1), [x, T] = q(""), [S, k] = q(0), [v, E] = q(!1), C = V(null), z = V(null), B = V(null), D = V(null), [M, $] = q({ top: 0, left: 0, width: 0 }), R = at();
   H(() => {
     if (!d) return;
-    const F = (j) => {
+    const N = (G) => {
       var K, se;
-      !((K = C.current) != null && K.contains(j.target)) && !((se = D.current) != null && se.contains(j.target)) && (y(!1), T(""));
+      !((K = C.current) != null && K.contains(G.target)) && !((se = D.current) != null && se.contains(G.target)) && (y(!1), T(""));
     };
-    return document.addEventListener("mousedown", F), () => document.removeEventListener("mousedown", F);
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
   }, [d]), oe(() => {
     if (!d || !B.current) return;
-    const F = B.current.getBoundingClientRect();
-    $({ top: F.bottom + 4, left: F.left, width: F.width });
+    const N = B.current.getBoundingClientRect();
+    $({ top: N.bottom + 4, left: N.left, width: N.width });
   }, [d, f, x]);
-  const W = (F) => {
-    const j = f.includes(F) ? f.filter((K) => K !== F) : l !== void 0 && f.length >= l ? f : [...f, F];
-    w || m(j), i == null || i(j);
-  }, P = (F) => {
-    const j = f.filter((K) => K !== F);
-    w || m(j), i == null || i(j);
+  const W = (N) => {
+    const G = f.includes(N) ? f.filter((K) => K !== N) : l !== void 0 && f.length >= l ? f : [...f, N];
+    w || m(G), i == null || i(G);
+  }, P = (N) => {
+    const G = f.filter((K) => K !== N);
+    w || m(G), i == null || i(G);
   }, O = e.filter(
-    (F) => F.label.toLowerCase().includes(x.toLowerCase())
-  ), Y = (F) => {
-    if (F.key === "Escape") {
+    (N) => N.label.toLowerCase().includes(x.toLowerCase())
+  ), Y = (N) => {
+    if (N.key === "Escape") {
       y(!1), T("");
       return;
     }
-    if (F.key === "ArrowDown" && (F.preventDefault(), y(!0), k((j) => Math.min(j + 1, O.length - 1))), F.key === "ArrowUp" && (F.preventDefault(), k((j) => Math.max(j - 1, 0))), F.key === "Enter") {
-      F.preventDefault();
-      const j = O[S];
-      j && !j.disabled && W(j.value);
+    if (N.key === "ArrowDown" && (N.preventDefault(), y(!0), k((G) => Math.min(G + 1, O.length - 1))), N.key === "ArrowUp" && (N.preventDefault(), k((G) => Math.max(G - 1, 0))), N.key === "Enter") {
+      N.preventDefault();
+      const G = O[S];
+      G && !G.disabled && W(G.value);
     }
-    F.key === "Backspace" && x === "" && f.length > 0 && P(f[f.length - 1]);
-  }, L = l !== void 0 && f.length >= l, A = !!p, I = o ? "var(--lucent-border-default)" : A ? "var(--lucent-danger-default)" : v ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", N = v ? `0 0 0 3px ${A ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", G = `lucent-multiselect-${rt()}`;
+    N.key === "Backspace" && x === "" && f.length > 0 && P(f[f.length - 1]);
+  }, L = l !== void 0 && f.length >= l, A = !!p, I = o ? "var(--lucent-border-default)" : A ? "var(--lucent-danger-default)" : v ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", F = v ? `0 0 0 3px ${A ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", U = `lucent-multiselect-${at()}`;
   return /* @__PURE__ */ g("div", { ref: C, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...h }, children: [
     c && /* @__PURE__ */ t(
       "label",
       {
-        htmlFor: G,
+        htmlFor: U,
         style: {
-          fontSize: Ue[s],
+          fontSize: Ge[s],
           fontWeight: "var(--lucent-font-weight-medium)",
           color: o ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
           fontFamily: "var(--lucent-font-family-base)"
@@ -7091,37 +7091,37 @@ function Mi({
         "div",
         {
           onClick: () => {
-            var F;
-            o || (y(!0), (F = z.current) == null || F.focus());
+            var N;
+            o || (y(!0), (N = z.current) == null || N.focus());
           },
           style: {
             display: "flex",
             flexWrap: "wrap",
             alignItems: "center",
-            gap: qe[s],
-            minHeight: Zr[s],
+            gap: Be[s],
+            minHeight: Qr[s],
             boxSizing: "border-box",
-            padding: ea[s],
+            padding: ta[s],
             borderRadius: "var(--lucent-radius-lg)",
             border: `1px solid ${I}`,
             background: o ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
             cursor: o ? "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: N
+            boxShadow: F
           },
           children: [
-            f.map((F) => {
-              const j = e.find((K) => K.value === F);
-              return j ? /* @__PURE__ */ t(Pe, { size: ta[s], onDismiss: () => P(F), disabled: o, children: j.label }, F) : null;
+            f.map((N) => {
+              const G = e.find((K) => K.value === N);
+              return G ? /* @__PURE__ */ t(Le, { size: na[s], onDismiss: () => P(N), disabled: o, children: G.label }, N) : null;
             }),
             /* @__PURE__ */ t(
               "input",
               {
-                id: G,
+                id: U,
                 ref: z,
                 value: x,
-                onChange: (F) => {
-                  T(F.target.value), y(!0), k(0);
+                onChange: (N) => {
+                  T(N.target.value), y(!0), k(0);
                 },
                 onKeyDown: Y,
                 onFocus: () => E(!0),
@@ -7131,7 +7131,7 @@ function Mi({
                 "aria-autocomplete": "list",
                 "aria-controls": R,
                 "aria-expanded": d,
-                "aria-describedby": A ? `${G}-error` : u ? `${G}-helper` : void 0,
+                "aria-describedby": A ? `${U}-error` : u ? `${U}-helper` : void 0,
                 role: "combobox",
                 style: {
                   flex: "1 1 80px",
@@ -7140,7 +7140,7 @@ function Mi({
                   outline: "none",
                   background: "transparent",
                   fontFamily: "var(--lucent-font-family-base)",
-                  fontSize: Qr[s],
+                  fontSize: ea[s],
                   color: o ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
                   cursor: o ? "not-allowed" : "text",
                   padding: f.length === 0 ? "2px 0 2px var(--lucent-space-1)" : "2px 0"
@@ -7172,11 +7172,11 @@ function Mi({
               boxShadow: "0 0 24px -4px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent), var(--lucent-shadow-md)",
               maxHeight: 240,
               overflowY: "auto",
-              padding: qe[s]
+              padding: Be[s]
             },
             children: [
-              O.length === 0 ? /* @__PURE__ */ t("div", { style: { padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ t(U, { color: "secondary", size: Bt[s], children: "No options" }) }) : O.map((F, j) => {
-                const K = f.includes(F.value), se = j === S, re = F.disabled ?? !1, _ = L && !K;
+              O.length === 0 ? /* @__PURE__ */ t("div", { style: { padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ t(j, { color: "secondary", size: Dt[s], children: "No options" }) }) : O.map((N, G) => {
+                const K = f.includes(N.value), se = G === S, re = N.disabled ?? !1, _ = L && !K;
                 return /* @__PURE__ */ g(
                   "div",
                   {
@@ -7184,14 +7184,14 @@ function Mi({
                     "aria-selected": K,
                     "aria-disabled": re || _,
                     onClick: () => {
-                      !re && !_ && W(F.value);
+                      !re && !_ && W(N.value);
                     },
-                    onMouseEnter: () => k(j),
+                    onMouseEnter: () => k(G),
                     style: {
                       display: "flex",
                       alignItems: "center",
-                      gap: qe[s],
-                      padding: qe[s],
+                      gap: Be[s],
+                      padding: Be[s],
                       borderRadius: "var(--lucent-radius-md)",
                       cursor: re || _ ? "not-allowed" : "pointer",
                       background: se ? "color-mix(in srgb, var(--lucent-text-primary) 5%, transparent)" : "transparent",
@@ -7199,7 +7199,7 @@ function Mi({
                     },
                     children: [
                       /* @__PURE__ */ t(
-                        ut,
+                        pt,
                         {
                           checked: K,
                           disabled: re || _,
@@ -7209,16 +7209,16 @@ function Mi({
                           readOnly: !0
                         }
                       ),
-                      /* @__PURE__ */ t(U, { size: Bt[s], children: F.label })
+                      /* @__PURE__ */ t(j, { size: Dt[s], children: N.label })
                     ]
                   },
-                  F.value
+                  N.value
                 );
               }),
               L && /* @__PURE__ */ t("div", { style: {
                 padding: "var(--lucent-space-2)",
                 borderTop: "1px solid var(--lucent-border-subtle)"
-              }, children: /* @__PURE__ */ g(U, { size: s === "lg" ? "sm" : "xs", color: "secondary", children: [
+              }, children: /* @__PURE__ */ g(j, { size: s === "lg" ? "sm" : "xs", color: "secondary", children: [
                 "Max ",
                 l,
                 " selected"
@@ -7232,10 +7232,10 @@ function Mi({
     A && /* @__PURE__ */ t(
       "span",
       {
-        id: `${G}-error`,
+        id: `${U}-error`,
         role: "alert",
         style: {
-          fontSize: Ue[s],
+          fontSize: Ge[s],
           color: "var(--lucent-danger-text)",
           fontFamily: "var(--lucent-font-family-base)"
         },
@@ -7245,9 +7245,9 @@ function Mi({
     !A && u && /* @__PURE__ */ t(
       "span",
       {
-        id: `${G}-helper`,
+        id: `${U}-helper`,
         style: {
-          fontSize: Ue[s],
+          fontSize: Ge[s],
           color: "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)"
         },
@@ -7256,7 +7256,7 @@ function Mi({
     )
   ] });
 }
-const zi = {
+const Ai = {
   id: "multi-select",
   name: "MultiSelect",
   tier: "molecule",
@@ -7361,22 +7361,22 @@ const zi = {
     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 na(e, r) {
+function ra(e, r) {
   return new Date(e, r + 1, 0).getDate();
 }
-function ra(e, r) {
+function aa(e, r) {
   return new Date(e, r, 1).getDay();
 }
-function Le(e, r) {
+function Re(e, r) {
   return e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate();
 }
-function Re(e, r) {
+function $e(e, r) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) < new Date(r.getFullYear(), r.getMonth(), r.getDate());
 }
-function Dt(e, r) {
+function Pt(e, r) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) > new Date(r.getFullYear(), r.getMonth(), r.getDate());
 }
-const aa = [
+const oa = [
   "January",
   "February",
   "March",
@@ -7389,29 +7389,29 @@ const aa = [
   "October",
   "November",
   "December"
-], oa = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+], ia = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function Te(e) {
   return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-const ia = { 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)" }, sa = {
+const sa = { 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)" }, la = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
-}, je = {
+}, _e = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, la = {
+}, ca = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, ca = {
+}, da = {
   sm: "var(--lucent-space-2)",
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
-}, da = { sm: 28, md: 32, lg: 38 }, ua = { sm: "var(--lucent-font-size-xs)", md: "var(--lucent-font-size-sm)", lg: "var(--lucent-font-size-md)" }, pa = { sm: "xs", md: "sm", lg: "md" }, ha = { sm: "xs", md: "xs", lg: "sm" }, fa = { sm: 24, md: 28, lg: 32 }, ma = { sm: 14, md: 16, lg: 18 }, Xt = { sm: "var(--lucent-space-3)", md: "var(--lucent-space-4)", lg: "var(--lucent-space-5)" }, it = { sm: 220, md: 260, lg: 300 };
-function Pt({ dir: e, onClick: r, disabled: n, size: i = "md" }) {
-  const [a, o] = q(!1), l = fa[i], s = ma[i];
+}, ua = { sm: 28, md: 32, lg: 38 }, pa = { sm: "var(--lucent-font-size-xs)", md: "var(--lucent-font-size-sm)", lg: "var(--lucent-font-size-md)" }, ha = { sm: "xs", md: "sm", lg: "md" }, fa = { sm: "xs", md: "xs", lg: "sm" }, ma = { sm: 24, md: 28, lg: 32 }, ga = { sm: 14, md: 16, lg: 18 }, Zt = { sm: "var(--lucent-space-3)", md: "var(--lucent-space-4)", lg: "var(--lucent-space-5)" }, st = { sm: 220, md: 260, lg: 300 };
+function Lt({ dir: e, onClick: r, disabled: n, size: i = "md" }) {
+  const [a, o] = q(!1), l = ma[i], s = ga[i];
   return /* @__PURE__ */ t(
     "button",
     {
@@ -7447,7 +7447,7 @@ function Pt({ dir: e, onClick: r, disabled: n, size: i = "md" }) {
     }
   );
 }
-function st({
+function lt({
   year: e,
   month: r,
   selected: n,
@@ -7461,27 +7461,27 @@ function st({
   onDayHover: p,
   size: h = "md"
 }) {
-  const w = na(e, r), b = ra(e, r), [m, f] = q(null), d = [
+  const w = ra(e, r), b = aa(e, r), [m, f] = q(null), d = [
     ...Array(b).fill(null),
     ...Array.from({ length: w }, (y, x) => x + 1)
   ];
   for (; d.length % 7 !== 0; ) d.push(null);
   return /* @__PURE__ */ g("div", { children: [
     /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "var(--lucent-space-3)" }, children: [
-      /* @__PURE__ */ t(Pt, { dir: "prev", onClick: s, size: h }),
-      /* @__PURE__ */ g(U, { weight: "medium", size: pa[h], children: [
-        aa[r],
+      /* @__PURE__ */ t(Lt, { dir: "prev", onClick: s, size: h }),
+      /* @__PURE__ */ g(j, { weight: "medium", size: ha[h], children: [
+        oa[r],
         " ",
         e
       ] }),
-      /* @__PURE__ */ t(Pt, { dir: "next", onClick: c, size: h })
+      /* @__PURE__ */ t(Lt, { dir: "next", onClick: c, size: h })
     ] }),
-    /* @__PURE__ */ t("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: oa.map((y) => /* @__PURE__ */ t("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(U, { size: ha[h], color: "secondary", children: y }) }, y)) }),
+    /* @__PURE__ */ t("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: ia.map((y) => /* @__PURE__ */ t("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(j, { size: fa[h], color: "secondary", children: y }) }, y)) }),
     /* @__PURE__ */ t("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: d.map((y, x) => {
       if (!y) return /* @__PURE__ */ t("div", {}, x);
-      const T = new Date(e, r, y), S = n ? Le(T, n) : !1, k = Le(T, i), v = (a ? Re(T, a) : !1) || (o ? Dt(T, o) : !1);
+      const T = new Date(e, r, y), S = n ? Re(T, n) : !1, k = Re(T, i), v = (a ? $e(T, a) : !1) || (o ? Pt(T, o) : !1);
       let E = !1;
-      return u != null && u.start && (u != null && u.end) && (E = !Re(T, u.start) && !Dt(T, u.end)), /* @__PURE__ */ t(
+      return u != null && u.start && (u != null && u.end) && (E = !$e(T, u.start) && !Pt(T, u.end)), /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -7499,13 +7499,13 @@ function st({
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            height: da[h],
+            height: ua[h],
             width: "100%",
             border: k && !S ? "1px solid var(--lucent-border-strong)" : "1px solid transparent",
             borderRadius: "var(--lucent-radius-md)",
             background: S ? "var(--lucent-accent-default)" : E ? "var(--lucent-accent-subtle)" : m === y && !v ? "color-mix(in srgb, var(--lucent-accent-default) 14%, transparent)" : "transparent",
             color: S ? "var(--lucent-accent-fg)" : v ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
-            fontSize: ua[h],
+            fontSize: pa[h],
             fontFamily: "var(--lucent-font-family-base)",
             fontWeight: k ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
             cursor: v ? "not-allowed" : "pointer",
@@ -7518,7 +7518,7 @@ function st({
     }) })
   ] });
 }
-function Ai({
+function Ei({
   value: e,
   defaultValue: r,
   onChange: n,
@@ -7535,9 +7535,9 @@ function Ai({
   const w = e !== void 0, [b, m] = q(r), f = w ? e : b, d = !!p, y = a, x = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, T = /* @__PURE__ */ new Date(), [S, k] = q((f ?? T).getFullYear()), [v, E] = q((f ?? T).getMonth()), [C, z] = q(!1), [B, D] = q(!1), M = V(null), $ = V(null), [R, W] = q({ top: 0, left: 0 });
   H(() => {
     if (!C) return;
-    const I = (N) => {
-      var G, F;
-      !((G = M.current) != null && G.contains(N.target)) && !((F = $.current) != null && F.contains(N.target)) && z(!1);
+    const I = (F) => {
+      var U, N;
+      !((U = M.current) != null && U.contains(F.target)) && !((N = $.current) != null && N.contains(F.target)) && z(!1);
     };
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [C]), oe(() => {
@@ -7558,7 +7558,7 @@ function Ai({
       {
         htmlFor: x,
         style: {
-          fontSize: je[s],
+          fontSize: _e[s],
           fontWeight: "var(--lucent-font-weight-medium)",
           color: y ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
           fontFamily: "var(--lucent-font-family-base)"
@@ -7581,18 +7581,18 @@ function Ai({
         style: {
           display: "flex",
           alignItems: "center",
-          gap: ca[s],
+          gap: da[s],
           width: "100%",
-          height: ia[s],
+          height: sa[s],
           boxSizing: "border-box",
-          padding: `0 ${la[s]}`,
+          padding: `0 ${ca[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
           border: `1px solid ${L}`,
           boxShadow: A,
           background: y ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
           color: f ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
-          fontSize: sa[s],
+          fontSize: la[s],
           cursor: y ? "not-allowed" : "pointer",
           outline: "none",
           transition: [
@@ -7615,7 +7615,7 @@ function Ai({
       {
         role: "alert",
         style: {
-          fontSize: je[s],
+          fontSize: _e[s],
           color: "var(--lucent-danger-text)",
           fontFamily: "var(--lucent-font-family-base)"
         },
@@ -7626,7 +7626,7 @@ function Ai({
       "span",
       {
         style: {
-          fontSize: je[s],
+          fontSize: _e[s],
           color: "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)"
         },
@@ -7651,11 +7651,11 @@ function Ai({
             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: Xt[s],
-            minWidth: it[s]
+            padding: Zt[s],
+            minWidth: st[s]
           },
           children: /* @__PURE__ */ t(
-            st,
+            lt,
             {
               year: S,
               month: v,
@@ -7675,7 +7675,7 @@ function Ai({
     )
   ] });
 }
-const Ei = {
+const qi = {
   id: "date-picker",
   name: "DatePicker",
   tier: "molecule",
@@ -7786,27 +7786,27 @@ const Ei = {
     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.'
   }
-}, ga = { 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)" }, va = {
+}, va = { 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)" }, ba = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
-}, ba = {
+}, ya = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, ya = {
+}, xa = {
   sm: "var(--lucent-space-2)",
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
-}, _e = {
+}, Ye = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
 };
-function xa(e, r) {
-  return e ? Le(e.start, e.end) ? Te(e.start) : `${Te(e.start)} → ${Te(e.end)}` : r;
+function wa(e, r) {
+  return e ? Re(e.start, e.end) ? Te(e.start) : `${Te(e.start)} → ${Te(e.end)}` : r;
 }
-function wa({
+function ka({
   value: e,
   defaultValue: r,
   onChange: n,
@@ -7821,34 +7821,34 @@ function wa({
   trigger: h,
   style: w
 }) {
-  const b = e !== void 0, [m, f] = q(r), d = b ? e : m, y = !!p, x = a, T = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [S, k] = q(null), [v, E] = q(null), C = /* @__PURE__ */ new Date(), [z, B] = q(((d == null ? void 0 : d.start) ?? C).getFullYear()), [D, M] = q(((d == null ? void 0 : d.start) ?? C).getMonth()), $ = D === 11 ? 0 : D + 1, R = D === 11 ? z + 1 : z, [W, P] = q(!1), [O, Y] = q(!1), L = V(null), A = V(null), [I, N] = q({ top: 0, left: 0 });
+  const b = e !== void 0, [m, f] = q(r), d = b ? e : m, y = !!p, x = a, T = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [S, k] = q(null), [v, E] = q(null), C = /* @__PURE__ */ new Date(), [z, B] = q(((d == null ? void 0 : d.start) ?? C).getFullYear()), [D, M] = q(((d == null ? void 0 : d.start) ?? C).getMonth()), $ = D === 11 ? 0 : D + 1, R = D === 11 ? z + 1 : z, [W, P] = q(!1), [O, Y] = q(!1), L = V(null), A = V(null), [I, F] = q({ top: 0, left: 0 });
   H(() => {
     if (!W) return;
     const _ = (me) => {
-      var Me, xe;
-      !((Me = L.current) != null && Me.contains(me.target)) && !((xe = A.current) != null && xe.contains(me.target)) && (P(!1), k(null));
+      var ze, xe;
+      !((ze = L.current) != null && ze.contains(me.target)) && !((xe = A.current) != null && xe.contains(me.target)) && (P(!1), k(null));
     };
     return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
   }, [W]), oe(() => {
     if (!W || !L.current) return;
     const _ = L.current.getBoundingClientRect();
-    N({ top: _.bottom + 4, left: _.left });
+    F({ top: _.bottom + 4, left: _.left });
   }, [W]);
-  const G = (_) => {
+  const U = (_) => {
     if (!S)
       k(_);
     else {
-      const [me, Me] = Re(_, S) || Le(_, S) ? [_, S] : [S, _], xe = { start: me, end: Me };
+      const [me, ze] = $e(_, S) || Re(_, S) ? [_, S] : [S, _], xe = { start: me, end: ze };
       b || f(xe), n == null || n(xe), k(null), P(!1);
     }
-  }, F = () => {
+  }, N = () => {
     D === 0 ? (M(11), B((_) => _ - 1)) : M((_) => _ - 1);
-  }, j = () => {
+  }, G = () => {
     D === 11 ? (M(0), B((_) => _ + 1)) : M((_) => _ + 1);
   };
   let K;
   if (S && v) {
-    const [_, me] = Re(v, S) ? [v, S] : [S, v];
+    const [_, me] = $e(v, S) ? [v, S] : [S, v];
     K = { start: _, end: me };
   } else S ? K = { start: S, end: S } : d && (K = { start: d.start, end: d.end });
   const se = x ? "transparent" : y ? "var(--lucent-danger-default)" : O ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", re = O ? `0 0 0 3px ${y ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
@@ -7858,7 +7858,7 @@ function wa({
       {
         htmlFor: T,
         style: {
-          fontSize: _e[s],
+          fontSize: Ye[s],
           fontWeight: "var(--lucent-font-weight-medium)",
           color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
           fontFamily: "var(--lucent-font-family-base)"
@@ -7890,18 +7890,18 @@ function wa({
         style: {
           display: "flex",
           alignItems: "center",
-          gap: ya[s],
+          gap: xa[s],
           width: "100%",
-          height: ga[s],
+          height: va[s],
           boxSizing: "border-box",
-          padding: `0 ${ba[s]}`,
+          padding: `0 ${ya[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
           border: `1px solid ${se}`,
           boxShadow: re,
           background: x ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
           color: d ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
-          fontSize: va[s],
+          fontSize: ba[s],
           cursor: x ? "not-allowed" : "pointer",
           outline: "none",
           transition: [
@@ -7915,7 +7915,7 @@ function wa({
             /* @__PURE__ */ t("path", { d: "M1 6h12", stroke: "currentColor", strokeWidth: "1.3" }),
             /* @__PURE__ */ t("path", { d: "M4 1v2M10 1v2", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
           ] }),
-          /* @__PURE__ */ t("span", { style: { flex: 1, textAlign: "left" }, children: xa(d, i) })
+          /* @__PURE__ */ t("span", { style: { flex: 1, textAlign: "left" }, children: wa(d, i) })
         ]
       }
     ),
@@ -7924,7 +7924,7 @@ function wa({
       {
         role: "alert",
         style: {
-          fontSize: _e[s],
+          fontSize: Ye[s],
           color: "var(--lucent-danger-text)",
           fontFamily: "var(--lucent-font-family-base)"
         },
@@ -7935,7 +7935,7 @@ function wa({
       "span",
       {
         style: {
-          fontSize: _e[s],
+          fontSize: Ye[s],
           color: "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)"
         },
@@ -7960,13 +7960,13 @@ function wa({
             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: Xt[s],
+            padding: Zt[s],
             display: "flex",
             gap: "var(--lucent-space-6)"
           },
           children: [
-            /* @__PURE__ */ t("div", { style: { minWidth: it[s] }, children: /* @__PURE__ */ t(
-              st,
+            /* @__PURE__ */ t("div", { style: { minWidth: st[s] }, children: /* @__PURE__ */ t(
+              lt,
               {
                 year: z,
                 month: D,
@@ -7974,17 +7974,17 @@ function wa({
                 today: C,
                 ...o !== void 0 && { min: o },
                 ...l !== void 0 && { max: l },
-                onSelect: G,
-                onPrevMonth: F,
-                onNextMonth: j,
+                onSelect: U,
+                onPrevMonth: N,
+                onNextMonth: G,
                 ...K !== void 0 && { highlightRange: K },
                 ...S && { onDayHover: E },
                 size: s
               }
             ) }),
             /* @__PURE__ */ t("div", { style: { width: 1, background: "var(--lucent-border-subtle)", flexShrink: 0 } }),
-            /* @__PURE__ */ t("div", { style: { minWidth: it[s] }, children: /* @__PURE__ */ t(
-              st,
+            /* @__PURE__ */ t("div", { style: { minWidth: st[s] }, children: /* @__PURE__ */ t(
+              lt,
               {
                 year: R,
                 month: $,
@@ -7992,9 +7992,9 @@ function wa({
                 today: C,
                 ...o !== void 0 && { min: o },
                 ...l !== void 0 && { max: l },
-                onSelect: G,
-                onPrevMonth: F,
-                onNextMonth: j,
+                onSelect: U,
+                onPrevMonth: N,
+                onNextMonth: G,
                 ...K !== void 0 && { highlightRange: K },
                 ...S && { onDayHover: E },
                 size: s
@@ -8010,10 +8010,10 @@ function wa({
       position: "absolute",
       bottom: -24,
       left: 0
-    }, children: /* @__PURE__ */ t(U, { size: "xs", color: "secondary", children: "Now pick the end date" }) })
+    }, children: /* @__PURE__ */ t(j, { size: "xs", color: "secondary", children: "Now pick the end date" }) })
   ] });
 }
-const qi = {
+const Bi = {
   id: "date-range-picker",
   name: "DateRangePicker",
   tier: "molecule",
@@ -8121,13 +8121,13 @@ const qi = {
     notes: 'Inherits Calendar accessibility from DatePicker. The two-step selection flow is reinforced with a visible "Now pick the end date" hint.'
   }
 };
-function lt(e) {
+function ct(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ka() {
+function Sa() {
   return Math.random().toString(36).slice(2);
 }
-function Sa({
+function Ta({
   item: e,
   onRemove: r
 }) {
@@ -8146,8 +8146,8 @@ function Sa({
       /* @__PURE__ */ t("path", { d: "M12 2v4h4", stroke: "currentColor", strokeWidth: "1.3" })
     ] }),
     /* @__PURE__ */ g("div", { style: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ t(U, { size: "sm", truncate: !0, children: e.file.name }),
-      o ? /* @__PURE__ */ t(U, { size: "xs", color: "danger", children: e.error }) : /* @__PURE__ */ t(U, { size: "xs", color: "secondary", children: lt(e.file.size) }),
+      /* @__PURE__ */ t(j, { size: "sm", truncate: !0, children: e.file.name }),
+      o ? /* @__PURE__ */ t(j, { size: "xs", color: "danger", children: e.error }) : /* @__PURE__ */ t(j, { size: "xs", color: "secondary", children: ct(e.file.size) }),
       a !== void 0 && !o && /* @__PURE__ */ t("div", { style: {
         marginTop: 4,
         height: 3,
@@ -8189,7 +8189,7 @@ function Sa({
     )
   ] });
 }
-function Bi({
+function Di({
   accept: e,
   multiple: r = !1,
   maxSize: n,
@@ -8204,11 +8204,11 @@ function Bi({
     const v = [];
     for (const C of Array.from(k)) {
       if (n && C.size > n) {
-        o == null || o(`"${C.name}" exceeds the ${lt(n)} limit.`);
+        o == null || o(`"${C.name}" exceeds the ${ct(n)} limit.`);
         continue;
       }
       if (!r && h.length + v.length >= 1) break;
-      v.push({ id: ka(), file: C });
+      v.push({ id: Sa(), file: C });
     }
     if (v.length === 0) return;
     const E = r ? [...h, ...v] : v;
@@ -8275,10 +8275,10 @@ function Bi({
             }
           ),
           /* @__PURE__ */ g("div", { style: { textAlign: "center", width: "100%" }, children: [
-            /* @__PURE__ */ t(U, { color: l ? "disabled" : "primary", weight: "medium", align: "center", children: w ? "Drop to upload" : "Drop files here or click to browse" }),
-            (e || n) && /* @__PURE__ */ t(U, { size: "xs", color: "secondary", align: "center", children: [
+            /* @__PURE__ */ t(j, { color: l ? "disabled" : "primary", weight: "medium", align: "center", children: w ? "Drop to upload" : "Drop files here or click to browse" }),
+            (e || n) && /* @__PURE__ */ t(j, { size: "xs", color: "secondary", align: "center", children: [
               e && `Accepted: ${e}`,
-              n && `Max size: ${lt(n)}`
+              n && `Max size: ${ct(n)}`
             ].filter(Boolean).join(" · ") })
           ] }),
           /* @__PURE__ */ t(
@@ -8297,10 +8297,10 @@ function Bi({
         ]
       }
     ),
-    h.length > 0 && /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: h.map((k) => /* @__PURE__ */ t(Sa, { item: k, onRemove: x }, k.id)) })
+    h.length > 0 && /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: h.map((k) => /* @__PURE__ */ t(Ta, { item: k, onRemove: x }, k.id)) })
   ] });
 }
-const Di = {
+const Pi = {
   id: "file-upload",
   name: "FileUpload",
   tier: "molecule",
@@ -8398,20 +8398,20 @@ 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.'
   }
-}, Ta = {
+}, Ca = {
   default: "var(--lucent-text-disabled)",
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
   danger: "var(--lucent-danger-default)",
   info: "var(--lucent-info-default)"
 };
-function Ca({ status: e }) {
+function Ia({ status: e }) {
   return e === "success" ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ t("path", { d: "M2.5 5.2l1.8 1.8L7.5 3.5", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : e === "danger" ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ t("path", { d: "M3 3l4 4M7 3L3 7", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round" }) }) : e === "warning" ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ t("path", { d: "M5 2.5v3M5 7.5v.01", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round" }) }) : e === "info" ? /* @__PURE__ */ g("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: [
     /* @__PURE__ */ t("circle", { cx: "5", cy: "3", r: "0.75", fill: "#fff" }),
     /* @__PURE__ */ t("path", { d: "M5 5v2.5", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round" })
   ] }) : /* @__PURE__ */ t("svg", { width: "6", height: "6", viewBox: "0 0 6 6", "aria-hidden": !0, children: /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: "#fff" }) });
 }
-function Pi({ items: e, style: r }) {
+function Li({ items: e, style: r }) {
   return /* @__PURE__ */ t(
     "ol",
     {
@@ -8424,7 +8424,7 @@ function Pi({ items: e, style: r }) {
         ...r
       },
       children: e.map((n, i) => {
-        const a = n.status ?? "default", o = Ta[a], l = i === e.length - 1;
+        const a = n.status ?? "default", o = Ca[a], l = i === e.length - 1;
         return /* @__PURE__ */ g(
           "li",
           {
@@ -8451,7 +8451,7 @@ function Pi({ items: e, style: r }) {
                   justifyContent: "center",
                   flexShrink: 0,
                   zIndex: 1
-                }, children: n.icon ?? /* @__PURE__ */ t(Ca, { status: a }) }),
+                }, children: n.icon ?? /* @__PURE__ */ t(Ia, { status: a }) }),
                 !l && /* @__PURE__ */ t("div", { style: {
                   flex: 1,
                   width: 1.5,
@@ -8466,10 +8466,10 @@ function Pi({ items: e, style: r }) {
                 minWidth: 0
               }, children: [
                 /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "baseline", gap: "var(--lucent-space-2)", flexWrap: "wrap" }, children: [
-                  /* @__PURE__ */ t(U, { weight: "medium", size: "sm", children: n.title }),
-                  n.date && /* @__PURE__ */ t(U, { size: "xs", color: "secondary", children: n.date })
+                  /* @__PURE__ */ t(j, { weight: "medium", size: "sm", children: n.title }),
+                  n.date && /* @__PURE__ */ t(j, { size: "xs", color: "secondary", children: n.date })
                 ] }),
-                n.description && /* @__PURE__ */ t("div", { style: { marginTop: "var(--lucent-space-1)" }, children: /* @__PURE__ */ t(U, { size: "sm", color: "secondary", children: n.description }) }),
+                n.description && /* @__PURE__ */ t("div", { style: { marginTop: "var(--lucent-space-1)" }, children: /* @__PURE__ */ t(j, { size: "sm", color: "secondary", children: n.description }) }),
                 n.content && /* @__PURE__ */ t("div", { style: { marginTop: "var(--lucent-space-3)" }, children: n.content })
               ] })
             ]
@@ -8480,7 +8480,7 @@ function Pi({ items: e, style: r }) {
     }
   );
 }
-const Li = {
+const Ri = {
   id: "timeline",
   name: "Timeline",
   tier: "molecule",
@@ -8547,46 +8547,46 @@ const Li = {
     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."
   }
-}, Jt = Ce(null);
-function Ri() {
+}, Jt = Ie(null);
+function $i() {
   const e = ne(Jt);
   if (!e) throw new Error("useToast must be used inside <ToastProvider>");
   return e;
 }
-const Ia = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+const Ma = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M8 5.5V8.5M8 10.5V11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Ma = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), za = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M5 8L7 10L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), za = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Aa = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
   /* @__PURE__ */ t("path", { d: "M8 6V9M8 11V11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Aa = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Ea = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Ea = () => /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), qa = {
-  info: /* @__PURE__ */ t(Ia, {}),
-  success: /* @__PURE__ */ t(Ma, {}),
-  warning: /* @__PURE__ */ t(za, {}),
-  danger: /* @__PURE__ */ t(Aa, {})
-}, Ba = {
+] }), qa = () => /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), Ba = {
+  info: /* @__PURE__ */ t(Ma, {}),
+  success: /* @__PURE__ */ t(za, {}),
+  warning: /* @__PURE__ */ t(Aa, {}),
+  danger: /* @__PURE__ */ t(Ea, {})
+}, Da = {
   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 Da = 0;
-function Pa() {
-  return `lucent-toast-${++Da}`;
+let Pa = 0;
+function La() {
+  return `lucent-toast-${++Pa}`;
 }
-function Zt(e) {
+function Qt(e) {
   return e.startsWith("top");
 }
-const La = 200, Ra = 8, $a = 0.04, Fa = 0.2, Na = 3, Wa = 356;
-function Lt({ entry: e, onDismiss: r, hideContent: n, fixedHeight: i }) {
-  const { id: a, title: o, description: l, variant: s, action: c, icon: u } = e, p = Ba[s], h = u ?? (s !== "default" ? qa[s] : null), w = (c == null ? void 0 : c.style) ?? "button";
+const Ra = 200, $a = 8, Na = 0.04, Fa = 0.2, Wa = 3, Va = 356;
+function Rt({ entry: e, onDismiss: r, hideContent: n, fixedHeight: i }) {
+  const { id: a, title: o, description: l, variant: s, action: c, icon: u } = e, p = Da[s], h = u ?? (s !== "default" ? Ba[s] : null), w = (c == null ? void 0 : c.style) ?? "button";
   return /* @__PURE__ */ t(
     "div",
     {
@@ -8600,7 +8600,7 @@ function Lt({ entry: e, onDismiss: r, hideContent: n, fixedHeight: i }) {
         borderRadius: "var(--lucent-radius-lg)",
         boxShadow: n ? "none" : "var(--lucent-shadow-lg)",
         boxSizing: "border-box",
-        width: Wa,
+        width: Va,
         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)",
@@ -8620,13 +8620,13 @@ function Lt({ entry: e, onDismiss: r, hideContent: n, fixedHeight: i }) {
           children: [
             h && /* @__PURE__ */ t("span", { style: { flexShrink: 0, color: p.iconColor, display: "flex", alignItems: "center" }, children: h }),
             /* @__PURE__ */ g("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)" }, children: [
-              /* @__PURE__ */ t(U, { as: "span", size: "sm", weight: "semibold", color: "primary", lineHeight: "tight", children: o }),
-              l && /* @__PURE__ */ t(U, { as: "span", size: "sm", color: "secondary", lineHeight: "base", style: { whiteSpace: "pre-line" }, children: l })
+              /* @__PURE__ */ t(j, { as: "span", size: "sm", weight: "semibold", color: "primary", lineHeight: "tight", children: o }),
+              l && /* @__PURE__ */ t(j, { as: "span", size: "sm", color: "secondary", lineHeight: "base", style: { whiteSpace: "pre-line" }, children: l })
             ] }),
-            c && w === "button" && /* @__PURE__ */ t(Va, { label: c.label, onClick: () => {
+            c && w === "button" && /* @__PURE__ */ t(Oa, { label: c.label, onClick: () => {
               c.onClick(), r(a);
             } }),
-            c && w === "link" && /* @__PURE__ */ t(Oa, { label: c.label, iconColor: p.iconColor, onClick: () => {
+            c && w === "link" && /* @__PURE__ */ t(Ha, { label: c.label, iconColor: p.iconColor, onClick: () => {
               c.onClick(), r(a);
             } }),
             /* @__PURE__ */ t(
@@ -8653,7 +8653,7 @@ function Lt({ entry: e, onDismiss: r, hideContent: n, fixedHeight: i }) {
                 onMouseLeave: (b) => {
                   n || (b.currentTarget.style.opacity = "0.6");
                 },
-                children: /* @__PURE__ */ t(Ea, {})
+                children: /* @__PURE__ */ t(qa, {})
               }
             )
           ]
@@ -8662,7 +8662,7 @@ function Lt({ entry: e, onDismiss: r, hideContent: n, fixedHeight: i }) {
     }
   );
 }
-function Va({ label: e, onClick: r }) {
+function Oa({ label: e, onClick: r }) {
   return /* @__PURE__ */ t(
     "button",
     {
@@ -8693,7 +8693,7 @@ function Va({ label: e, onClick: r }) {
     }
   );
 }
-function Oa({ label: e, iconColor: r, onClick: n }) {
+function Ha({ label: e, iconColor: r, onClick: n }) {
   return /* @__PURE__ */ t(
     "button",
     {
@@ -8717,20 +8717,20 @@ function Oa({ label: e, iconColor: r, onClick: n }) {
     }
   );
 }
-const Rt = "var(--lucent-space-6)", Ha = 40, Ga = 120;
-function Ua(e) {
+const $t = "var(--lucent-space-6)", Ua = 40, ja = 120;
+function Ga(e) {
   const r = {
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
     boxSizing: "border-box"
   };
-  return Zt(e) ? r.top = Ha : r.top = `calc(100vh - ${Ga}px)`, e.endsWith("left") ? r.left = Rt : e.endsWith("right") ? r.right = Rt : (r.left = "50%", r.transform = "translateX(-50%)"), r;
+  return Qt(e) ? r.top = Ua : r.top = `calc(100vh - ${ja}px)`, e.endsWith("left") ? r.left = $t : e.endsWith("right") ? r.right = $t : (r.left = "50%", r.transform = "translateX(-50%)"), r;
 }
-function ja({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
+function _a({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
   const [a, o] = q(!1), [l, s] = q(void 0), c = X((d) => {
     d && s(d.offsetHeight);
-  }, []), u = Zt(r), p = e.filter((d) => d.phase !== "exiting"), h = e.filter((d) => d.phase === "exiting");
+  }, []), u = Qt(r), p = e.filter((d) => d.phase !== "exiting"), h = e.filter((d) => d.phase === "exiting");
   H(() => {
     p.length <= 1 && o(!1);
   }, [p.length]);
@@ -8740,7 +8740,7 @@ function ja({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
     w.current = setTimeout(() => {
       o(!1), w.current = null;
     }, 150);
-  }, []), f = /* @__PURE__ */ t("div", { style: Ua(r), children: /* @__PURE__ */ t(
+  }, []), f = /* @__PURE__ */ t("div", { style: Ga(r), children: /* @__PURE__ */ t(
     "div",
     {
       onMouseEnter: b,
@@ -8756,7 +8756,7 @@ function ja({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
         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: [
         p.map((d, y) => {
-          const x = p.length - 1 - y, T = !a && x > Na, S = x * Ra, k = u ? S : -S, v = a ? 1 : 1 - x * $a, E = a ? 1 : Math.max(0, 1 - x * Fa), C = d.phase === "entering", z = x === 0, B = !a && !z;
+          const x = p.length - 1 - y, T = !a && x > Wa, S = x * $a, k = u ? S : -S, v = a ? 1 : 1 - x * Na, E = a ? 1 : Math.max(0, 1 - x * Fa), C = d.phase === "entering", z = x === 0, B = !a && !z;
           return /* @__PURE__ */ t(
             "div",
             {
@@ -8780,7 +8780,7 @@ function ja({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
                 visibility: T ? "hidden" : "visible"
               },
               children: /* @__PURE__ */ t(
-                Lt,
+                Rt,
                 {
                   entry: d,
                   onDismiss: n,
@@ -8807,7 +8807,7 @@ function ja({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
               transition: "transform var(--lucent-duration-base) var(--lucent-easing-default), opacity var(--lucent-duration-base) var(--lucent-easing-default)",
               pointerEvents: "none"
             },
-            children: /* @__PURE__ */ t(Lt, { entry: d, onDismiss: n })
+            children: /* @__PURE__ */ t(Rt, { entry: d, onDismiss: n })
           },
           d.id
         ))
@@ -8816,7 +8816,7 @@ function ja({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
   ) });
   return ie(f, i ?? document.body);
 }
-function $i({
+function Ni({
   children: e,
   position: r = "bottom-right",
   duration: n = 5e3,
@@ -8829,9 +8829,9 @@ function $i({
       return !w || w.phase === "exiting" ? h : h.map((b) => b.id === p ? { ...b, phase: "exiting" } : b);
     }), setTimeout(() => {
       l((h) => h.filter((w) => w.id !== p));
-    }, La);
+    }, Ra);
   }, []), c = X((p) => {
-    const h = Pa(), w = {
+    const h = La(), w = {
       id: h,
       title: p.title,
       variant: p.variant ?? "default",
@@ -8870,7 +8870,7 @@ function $i({
   return /* @__PURE__ */ g(Jt.Provider, { value: u, children: [
     e,
     o.length > 0 && /* @__PURE__ */ t(
-      ja,
+      _a,
       {
         toasts: o,
         position: r,
@@ -9077,7 +9077,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.'
   }
-}, Ye = 120, _a = `
+}, Ke = 120, Ya = `
 @keyframes lucent-navmenu-open {
   from { opacity: 0; transform: translateY(-4px); }
   to   { opacity: 1; transform: translateY(0); }
@@ -9094,7 +9094,7 @@ dismiss(id);`
   background: color-mix(in srgb, var(--lucent-text-primary) 5%, transparent) !important;
   color: var(--lucent-text-primary) !important;
 }
-`, Be = "cubic-bezier(0.34, 1.56, 0.64, 1)", Fe = {
+`, De = "cubic-bezier(0.34, 1.56, 0.64, 1)", Fe = {
   sm: {
     fontSize: "var(--lucent-font-size-sm)",
     paddingY: "5px",
@@ -9122,7 +9122,7 @@ dismiss(id);`
     iconWidth: "var(--lucent-space-6)",
     nestedFontSize: "var(--lucent-font-size-md)"
   }
-}, he = Ce({
+}, he = Ie({
   orientation: "vertical",
   depth: 0,
   inverse: !1,
@@ -9132,7 +9132,7 @@ dismiss(id);`
   requestMeasure: () => {
   }
 });
-function Ne({
+function We({
   children: e,
   orientation: r = "vertical",
   inverse: n = !1,
@@ -9144,7 +9144,7 @@ function Ne({
   const s = V(!1);
   if (!s.current && typeof document < "u") {
     const f = document.createElement("style");
-    f.textContent = _a, document.head.appendChild(f), s.current = !0;
+    f.textContent = Ya, document.head.appendChild(f), s.current = !0;
   }
   const c = Fe[i], u = V(null), p = V(null), h = V(!1), w = V(0), b = X(() => {
     const f = u.current, d = p.current;
@@ -9157,10 +9157,10 @@ function Ne({
     }
     const k = f.getBoundingClientRect(), v = T.getBoundingClientRect();
     h.current ? d.style.transition = [
-      `top 150ms ${Be}`,
-      `left 150ms ${Be}`,
-      `width 150ms ${Be}`,
-      `height 150ms ${Be}`,
+      `top 150ms ${De}`,
+      `left 150ms ${De}`,
+      `width 150ms ${De}`,
+      `height 150ms ${De}`,
       "opacity 100ms ease",
       "background 150ms ease",
       "box-shadow 150ms ease"
@@ -9224,7 +9224,7 @@ function Ne({
     }
   ) });
 }
-function Ya({
+function Ka({
   children: e,
   href: r,
   isActive: n = !1,
@@ -9242,9 +9242,9 @@ function Ya({
   let d = null;
   const y = [], x = Array.isArray(e) ? e : [e];
   for (const S of x)
-    S != null && typeof S == "object" && "type" in S && S.type === Qt ? d = S : y.push(S);
+    S != null && typeof S == "object" && "type" in S && S.type === en ? d = S : y.push(S);
   return d ? /* @__PURE__ */ t(
-    Ka,
+    Xa,
     {
       subMenu: d,
       orientation: u,
@@ -9264,7 +9264,7 @@ function Ya({
     {
       "data-lucent-navitem": "",
       "data-active": n || void 0,
-      href: o ? void 0 : r,
+      href: o ? void 0 : Ce(r),
       onClick: o ? void 0 : l,
       "aria-current": n ? "page" : void 0,
       "aria-disabled": o || void 0,
@@ -9303,7 +9303,7 @@ function Ya({
     }
   );
 }
-function Ka({
+function Xa({
   children: e,
   icon: r,
   badge: n,
@@ -9317,7 +9317,7 @@ function Ka({
   inverse: p,
   size: h
 }) {
-  const { hasIcons: w, requestMeasure: b } = ne(he), m = Fe[h], [f, d] = q(!1), y = V(null), [x, T] = q(0), S = V(null), k = V(null), v = V(), E = Xa(s), C = i && !E, z = !C && !f && E, B = i || E;
+  const { hasIcons: w, requestMeasure: b } = ne(he), m = Fe[h], [f, d] = q(!1), y = V(null), [x, T] = q(0), S = V(null), k = V(null), v = V(), E = Za(s), C = i && !E, z = !C && !f && E, B = i || E;
   H(() => {
     b();
   }, [f, i, E, b]), H(() => {
@@ -9325,33 +9325,33 @@ function Ka({
     const I = y.current;
     if (I)
       if (f) {
-        const N = I.scrollHeight;
-        T(N);
-        const G = setTimeout(() => {
+        const F = I.scrollHeight;
+        T(F);
+        const U = setTimeout(() => {
           T(void 0);
         }, 130);
-        return () => clearTimeout(G);
+        return () => clearTimeout(U);
       } else
         T(I.scrollHeight), I.getBoundingClientRect(), T(0);
   }, [f, c]), H(() => {
     if (c !== "horizontal" || !f) return;
-    const I = (N) => {
-      S.current && !S.current.contains(N.target) && P();
+    const I = (F) => {
+      S.current && !S.current.contains(F.target) && P();
     };
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [c, f]), oe(() => {
     if (c !== "horizontal" || !f) return;
     const I = k.current;
     if (!I) return;
-    const N = I.getBoundingClientRect();
-    N.right > window.innerWidth && (I.style.left = "auto", I.style.right = "0"), N.bottom > window.innerHeight && (I.style.top = "auto", I.style.bottom = "100%", I.style.marginTop = "0", I.style.marginBottom = "var(--lucent-space-1)");
+    const F = I.getBoundingClientRect();
+    F.right > window.innerWidth && (I.style.left = "auto", I.style.right = "0"), F.bottom > window.innerHeight && (I.style.top = "auto", I.style.bottom = "100%", I.style.marginTop = "0", I.style.marginBottom = "var(--lucent-space-1)");
   }, [c, f]);
   const [D, M] = q("idle"), [$, R] = q(!1), W = () => {
     a || (R(!0), M("entering"), d(!0));
   }, P = () => {
     M("exiting"), setTimeout(() => {
       d(!1), R(!1), M("idle");
-    }, Ye);
+    }, Ke);
   }, O = () => {
     a || (c === "horizontal" ? f ? P() : W() : d(!f));
   }, Y = (I) => {
@@ -9424,7 +9424,7 @@ function Ka({
               boxShadow: "var(--lucent-shadow-lg)",
               padding: "var(--lucent-space-1)",
               zIndex: 100,
-              animation: D === "exiting" ? `lucent-navmenu-dropdown-out ${Ye}ms var(--lucent-easing-default) forwards` : `lucent-navmenu-dropdown-in ${Ye}ms var(--lucent-easing-default) forwards`
+              animation: D === "exiting" ? `lucent-navmenu-dropdown-out ${Ke}ms var(--lucent-easing-default) forwards` : `lucent-navmenu-dropdown-in ${Ke}ms var(--lucent-easing-default) forwards`
             },
             children: s
           }
@@ -9503,21 +9503,21 @@ function Ka({
     )
   ] });
 }
-function Xa(e) {
-  return ct(e);
+function Za(e) {
+  return dt(e);
 }
-function ct(e) {
+function dt(e) {
   if (e == null) return !1;
-  if (Array.isArray(e)) return e.some(ct);
+  if (Array.isArray(e)) return e.some(dt);
   if (typeof e == "object" && "props" in e) {
     const r = e;
     if (r.props.isActive) return !0;
-    if (r.props.children) return ct(r.props.children);
+    if (r.props.children) return dt(r.props.children);
   }
   return !1;
 }
-function Qt({ children: e }) {
-  return /* @__PURE__ */ t(J, { children: e });
+function en({ children: e }) {
+  return /* @__PURE__ */ t(Z, { children: e });
 }
 function Ja({
   children: e,
@@ -9530,7 +9530,7 @@ function Ja({
 }) {
   const { orientation: s, inverse: c, size: u, hasIcons: p } = ne(he), h = Fe[u], w = o ?? r != null, b = p ? "var(--lucent-space-2)" : "var(--lucent-space-4)";
   if (s === "horizontal")
-    return /* @__PURE__ */ t(J, { children: e });
+    return /* @__PURE__ */ t(Z, { children: e });
   const m = i !== void 0, [f, d] = q(n), y = m ? i : f, x = V(null), [T, S] = q(y ? void 0 : 0);
   H(() => {
     if (!w) return;
@@ -9579,7 +9579,7 @@ function Ja({
         },
         children: [
           /* @__PURE__ */ t("span", { children: r }),
-          /* @__PURE__ */ t(Qa, { open: y, size: 12 })
+          /* @__PURE__ */ t(eo, { open: y, size: 12 })
         ]
       }
     ) : /* @__PURE__ */ t(
@@ -9624,7 +9624,7 @@ function Ja({
     ) : /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: h.itemGap }, children: e })
   ] }) : /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: h.itemGap, ...l }, children: e });
 }
-function Za({ style: e }) {
+function Qa({ style: e }) {
   const { orientation: r } = ne(he);
   return /* @__PURE__ */ t(
     "div",
@@ -9646,7 +9646,7 @@ function Za({ style: e }) {
     }
   );
 }
-function Qa({ open: e, size: r = 14 }) {
+function eo({ open: e, size: r = 14 }) {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -9669,11 +9669,11 @@ function Qa({ open: e, size: r = 14 }) {
     }
   );
 }
-Ne.Item = Ya;
-Ne.Group = Ja;
-Ne.Sub = Qt;
-Ne.Separator = Za;
-const Ke = 120, eo = `
+We.Item = Ka;
+We.Group = Ja;
+We.Sub = en;
+We.Separator = Qa;
+const Xe = 120, to = `
 @keyframes lucent-filter-ms-in {
   from { opacity: 0; transform: scale(0.97) translateY(-2px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
@@ -9683,24 +9683,24 @@ const Ke = 120, eo = `
   to   { opacity: 0; transform: scale(0.97) translateY(-2px); }
 }
 `;
-let $t = !1;
-const to = {
+let Nt = !1;
+const no = {
   xs: "var(--lucent-space-1)",
   sm: "var(--lucent-space-2)",
   md: "var(--lucent-space-2)",
   lg: "var(--lucent-space-3)"
-}, no = {
+}, ro = {
   xs: "sm",
   sm: "sm",
   md: "md",
   lg: "lg"
-}, Xe = 4;
-function ro(e, r) {
+}, Ze = 4;
+function ao(e, r) {
   const n = r.offsetHeight, i = r.offsetWidth, a = window.innerWidth, o = window.innerHeight;
-  let l = e.bottom + Xe, s = e.left, c = "top left";
-  return l + n > o && e.top - n - Xe >= 0 && (l = e.top - n - Xe, c = "bottom left"), s + i > a && (s = a - i - 8), s < 0 && (s = 8), { top: l, left: s, transformOrigin: c };
+  let l = e.bottom + Ze, s = e.left, c = "top left";
+  return l + n > o && e.top - n - Ze >= 0 && (l = e.top - n - Ze, c = "bottom left"), s + i > a && (s = a - i - 8), s < 0 && (s = 8), { top: l, left: s, transformOrigin: c };
 }
-function Ni({
+function Wi({
   label: e,
   options: r,
   value: n,
@@ -9713,9 +9713,9 @@ function Ni({
   style: u
 }) {
   const p = n !== void 0, [h, w] = q(i), b = p ? n : h, [m, f] = q(!1), [d, y] = q(!1), [x, T] = q("idle"), [S, k] = q(null), [v, E] = q(-1), C = V(null), z = V(null);
-  if (!$t && typeof document < "u") {
+  if (!Nt && typeof document < "u") {
     const P = document.createElement("style");
-    P.textContent = eo, document.head.appendChild(P), $t = !0;
+    P.textContent = to, document.head.appendChild(P), Nt = !0;
   }
   H(() => {
     if (m)
@@ -9724,14 +9724,14 @@ function Ni({
       T("exiting");
       const P = setTimeout(() => {
         y(!1), T("idle");
-      }, Ke);
+      }, Xe);
       return () => clearTimeout(P);
     }
   }, [m]), oe(() => {
     if (!d || x !== "entering" || !C.current) return;
     const P = requestAnimationFrame(() => {
       const O = z.current, Y = C.current;
-      !O || !Y || k(ro(Y.getBoundingClientRect(), O));
+      !O || !Y || k(ao(Y.getBoundingClientRect(), O));
     });
     return () => cancelAnimationFrame(P);
   }, [d, x]);
@@ -9770,7 +9770,7 @@ function Ni({
       const O = r[v];
       O && !O.disabled && D(O.value);
     }
-  }, R = to[l], W = no[l];
+  }, R = no[l], W = ro[l];
   return /* @__PURE__ */ g("span", { ref: C, style: { display: "inline-flex", ...u }, children: [
     /* @__PURE__ */ g(
       fe,
@@ -9783,7 +9783,7 @@ function Ni({
         ...c !== void 0 && { leftIcon: c },
         children: [
           e || void 0,
-          b.length > 0 && /* @__PURE__ */ t(Pe, { variant: "accent", size: l === "xs" ? "sm" : l, children: b.length })
+          b.length > 0 && /* @__PURE__ */ t(Le, { variant: "accent", size: l === "xs" ? "sm" : l, children: b.length })
         ]
       }
     ),
@@ -9812,7 +9812,7 @@ function Ni({
             padding: R,
             maxHeight: "min(320px, calc(100vh - 32px))",
             overflowY: "auto",
-            animation: x === "exiting" ? `lucent-filter-ms-out ${Ke}ms var(--lucent-easing-default) forwards` : `lucent-filter-ms-in ${Ke}ms var(--lucent-easing-decelerate)`,
+            animation: x === "exiting" ? `lucent-filter-ms-out ${Xe}ms var(--lucent-easing-default) forwards` : `lucent-filter-ms-in ${Xe}ms var(--lucent-easing-decelerate)`,
             transformOrigin: (S == null ? void 0 : S.transformOrigin) ?? "top left",
             outline: "none",
             pointerEvents: x === "exiting" ? "none" : "auto",
@@ -9842,7 +9842,7 @@ function Ni({
                   },
                   children: [
                     /* @__PURE__ */ t(
-                      ut,
+                      pt,
                       {
                         checked: Y,
                         onChange: () => {
@@ -9851,7 +9851,7 @@ function Ni({
                         style: { pointerEvents: "none" }
                       }
                     ),
-                    P.swatch ? /* @__PURE__ */ t(Pe, { size: l === "xs" ? "sm" : l, swatch: P.swatch, children: P.label }) : /* @__PURE__ */ t(U, { size: W, children: P.label })
+                    P.swatch ? /* @__PURE__ */ t(Le, { size: l === "xs" ? "sm" : l, swatch: P.swatch, children: P.label }) : /* @__PURE__ */ t(j, { size: W, children: P.label })
                   ]
                 },
                 P.value
@@ -9880,7 +9880,7 @@ function Ni({
                   cursor: b.length > 0 ? "pointer" : "default",
                   opacity: b.length > 0 ? 1 : 0.5
                 },
-                children: /* @__PURE__ */ t(U, { size: W, color: b.length > 0 ? "secondary" : "disabled", children: "Clear all" })
+                children: /* @__PURE__ */ t(j, { size: W, color: b.length > 0 ? "secondary" : "disabled", children: "Clear all" })
               }
             )
           ]
@@ -9890,7 +9890,7 @@ function Ni({
     )
   ] });
 }
-function Wi({
+function Vi({
   label: e,
   options: r,
   value: n,
@@ -9909,7 +9909,7 @@ function Wi({
     p || w(void 0), a == null || a(void 0);
   };
   return /* @__PURE__ */ g(
-    _t,
+    Yt,
     {
       trigger: /* @__PURE__ */ t(
         fe,
@@ -9926,7 +9926,7 @@ function Wi({
       ...u !== void 0 && { style: u },
       children: [
         r.map((T) => /* @__PURE__ */ t(
-          at,
+          ot,
           {
             selected: b === T.value,
             ...T.disabled !== void 0 && { disabled: T.disabled },
@@ -9935,19 +9935,19 @@ function Wi({
           },
           T.value
         )),
-        f && /* @__PURE__ */ g(J, { children: [
-          /* @__PURE__ */ t(rr, {}),
-          /* @__PURE__ */ t(at, { onSelect: y, children: /* @__PURE__ */ t(U, { size: l === "lg" ? "md" : "sm", color: "secondary", children: "Clear" }) })
+        f && /* @__PURE__ */ g(Z, { children: [
+          /* @__PURE__ */ t(ar, {}),
+          /* @__PURE__ */ t(ot, { onSelect: y, children: /* @__PURE__ */ t(j, { size: l === "lg" ? "md" : "sm", color: "secondary", children: "Clear" }) })
         ] })
       ]
     }
   );
 }
-const ao = () => /* @__PURE__ */ g("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+const oo = () => /* @__PURE__ */ g("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "6.5", cy: "6.5", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M9.5 9.5L13 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
 ] });
-function Vi({
+function Oi({
   value: e,
   defaultValue: r = "",
   onChange: n,
@@ -9974,7 +9974,7 @@ function Vi({
     s || m(!0);
   };
   return b ? /* @__PURE__ */ t(
-    Gt,
+    jt,
     {
       ref: f,
       placeholder: i,
@@ -9993,17 +9993,17 @@ function Vi({
       disabled: s,
       onClick: x,
       "aria-label": "Search",
-      leftIcon: /* @__PURE__ */ t(ao, {}),
+      leftIcon: /* @__PURE__ */ t(oo, {}),
       style: c
     }
   );
 }
-function oo(e, r) {
+function io(e, r) {
   if (!e) return r;
   const n = (i) => i.toLocaleDateString();
   return `${n(e.start)} → ${n(e.end)}`;
 }
-function Oi({
+function Hi({
   label: e = "Date range",
   value: r,
   defaultValue: n,
@@ -10016,7 +10016,7 @@ function Oi({
   style: u
 }) {
   return /* @__PURE__ */ t(
-    wa,
+    ka,
     {
       size: o,
       ...r !== void 0 && { value: r },
@@ -10032,42 +10032,42 @@ function Oi({
           size: o,
           chevron: !0,
           disabled: c,
-          children: oo(r, e)
+          children: io(r, e)
         }
       ),
       ...u !== void 0 && { style: u }
     }
   );
 }
-const io = {
+const so = {
   sm: { circle: 24, checkIcon: 12, connector: 2, labelSize: "var(--lucent-font-size-xs)", descSize: "var(--lucent-font-size-xs)", prefixSize: "var(--lucent-font-size-xs)", gap: "var(--lucent-space-2)" },
   md: { circle: 32, checkIcon: 14, connector: 2, labelSize: "var(--lucent-font-size-sm)", descSize: "var(--lucent-font-size-xs)", prefixSize: "var(--lucent-font-size-xs)", gap: "var(--lucent-space-3)" },
   lg: { circle: 40, checkIcon: 18, connector: 3, labelSize: "var(--lucent-font-size-md)", descSize: "var(--lucent-font-size-sm)", prefixSize: "var(--lucent-font-size-xs)", gap: "var(--lucent-space-3)" }
 };
-function so(e) {
+function lo(e) {
   return typeof e == "string" ? { label: e } : e;
 }
-function lo({ size: e }) {
+function co({ size: e }) {
   return /* @__PURE__ */ t("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" }) });
 }
-function dt(e, r) {
+function ut(e, r) {
   return e < r ? "completed" : e === r ? "current" : "pending";
 }
-const co = {
+const uo = {
   completed: "Completed",
   current: "In Progress",
   pending: "Pending"
-}, uo = {
+}, po = {
   completed: "success",
   current: "accent",
   pending: "neutral"
 }, Ft = "lucent-stepper-keyframes";
-function po() {
+function ho() {
   if (typeof document > "u" || document.getElementById(Ft)) return;
   const e = document.createElement("style");
   e.id = Ft, e.textContent = "@keyframes lucent-stepper-check{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}", document.head.appendChild(e);
 }
-function en({ index: e, state: r, step: n, cfg: i }) {
+function tn({ index: e, state: r, step: n, cfg: i }) {
   const a = r !== "pending";
   return /* @__PURE__ */ t(
     "div",
@@ -10088,15 +10088,15 @@ function en({ index: e, state: r, step: n, cfg: i }) {
         transition: "background var(--lucent-duration-base) var(--lucent-easing-default), color var(--lucent-duration-base) var(--lucent-easing-default)",
         flexShrink: 0
       },
-      children: n.icon ? n.icon : r === "completed" ? /* @__PURE__ */ t("span", { style: { display: "flex", animation: "lucent-stepper-check 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }, children: /* @__PURE__ */ t(lo, { size: i.checkIcon }) }) : e + 1
+      children: n.icon ? n.icon : r === "completed" ? /* @__PURE__ */ t("span", { style: { display: "flex", animation: "lucent-stepper-check 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }, children: /* @__PURE__ */ t(co, { size: i.checkIcon }) }) : e + 1
     }
   );
 }
-function tn({ state: e }) {
-  return /* @__PURE__ */ t(Pe, { variant: uo[e], size: "sm", borderless: !0, children: co[e] });
+function nn({ state: e }) {
+  return /* @__PURE__ */ t(Le, { variant: po[e], size: "sm", borderless: !0, children: uo[e] });
 }
-function ho({ step: e, state: r, index: n, cfg: i, numbered: a, showStatus: o }) {
-  return /* @__PURE__ */ g(J, { children: [
+function fo({ step: e, state: r, index: n, cfg: i, numbered: a, showStatus: o }) {
+  return /* @__PURE__ */ g(Z, { children: [
     a && /* @__PURE__ */ g("span", { style: {
       fontSize: i.prefixSize,
       fontFamily: "var(--lucent-font-family-base)",
@@ -10120,10 +10120,10 @@ function ho({ step: e, state: r, index: n, cfg: i, numbered: a, showStatus: o })
       fontFamily: "var(--lucent-font-family-base)",
       color: "var(--lucent-text-secondary)"
     }, children: e.description }),
-    o && /* @__PURE__ */ t(tn, { state: r })
+    o && /* @__PURE__ */ t(nn, { state: r })
   ] });
 }
-function fo({ steps: e, current: r, cfg: n, numbered: i, showStatus: a }) {
+function mo({ steps: e, current: r, cfg: n, numbered: i, showStatus: a }) {
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: n.gap }, children: [
     /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
       /* @__PURE__ */ t("div", { style: {
@@ -10148,10 +10148,10 @@ function fo({ steps: e, current: r, cfg: n, numbered: i, showStatus: a }) {
         justifyContent: l === 0 ? "flex-start" : l === e.length - 1 ? "flex-end" : "center",
         position: "relative",
         zIndex: 1
-      }, children: /* @__PURE__ */ t(en, { index: l, state: dt(l, r), step: o, cfg: n }) }, o.label))
+      }, children: /* @__PURE__ */ t(tn, { index: l, state: ut(l, r), step: o, cfg: n }) }, o.label))
     ] }),
     /* @__PURE__ */ t("div", { style: { display: "flex" }, children: e.map((o, l) => {
-      const s = dt(l, r), c = l === e.length - 1;
+      const s = ut(l, r), c = l === e.length - 1;
       return /* @__PURE__ */ t("div", { style: {
         flex: 1,
         display: "flex",
@@ -10159,13 +10159,13 @@ function fo({ steps: e, current: r, cfg: n, numbered: i, showStatus: a }) {
         alignItems: l === 0 ? "flex-start" : c ? "flex-end" : "center",
         gap: "2px",
         textAlign: l === 0 ? "left" : c ? "right" : "center"
-      }, children: /* @__PURE__ */ t(ho, { step: o, state: s, index: l, cfg: n, numbered: i, showStatus: a }) }, o.label);
+      }, children: /* @__PURE__ */ t(fo, { step: o, state: s, index: l, cfg: n, numbered: i, showStatus: a }) }, o.label);
     }) })
   ] });
 }
-function mo({ steps: e, current: r, cfg: n, numbered: i, showStatus: a }) {
+function go({ steps: e, current: r, cfg: n, numbered: i, showStatus: a }) {
   return /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column" }, children: e.map((o, l) => {
-    const s = dt(l, r), c = l === e.length - 1;
+    const s = ut(l, r), c = l === e.length - 1;
     return /* @__PURE__ */ g("div", { style: { display: "flex", gap: n.gap }, children: [
       /* @__PURE__ */ g("div", { style: {
         display: "flex",
@@ -10173,7 +10173,7 @@ function mo({ steps: e, current: r, cfg: n, numbered: i, showStatus: a }) {
         alignItems: "center",
         flexShrink: 0
       }, children: [
-        /* @__PURE__ */ t(en, { index: l, state: s, step: o, cfg: n }),
+        /* @__PURE__ */ t(tn, { index: l, state: s, step: o, cfg: n }),
         !c && /* @__PURE__ */ t("div", { style: {
           width: n.connector,
           flex: 1,
@@ -10215,12 +10215,12 @@ function mo({ steps: e, current: r, cfg: n, numbered: i, showStatus: a }) {
           fontFamily: "var(--lucent-font-family-base)",
           color: "var(--lucent-text-secondary)"
         }, children: o.description }),
-        a && /* @__PURE__ */ t(tn, { state: s })
+        a && /* @__PURE__ */ t(nn, { state: s })
       ] })
     ] }, o.label);
   }) });
 }
-function Hi({
+function Ui({
   steps: e,
   current: r,
   size: n = "md",
@@ -10229,8 +10229,8 @@ function Hi({
   showStatus: o = !1,
   style: l
 }) {
-  H(po, []);
-  const s = io[n], c = e.map(so), u = i === "vertical" ? mo : fo;
+  H(ho, []);
+  const s = so[n], c = e.map(lo), u = i === "vertical" ? go : mo;
   return /* @__PURE__ */ t(
     "div",
     {
@@ -10244,7 +10244,7 @@ function Hi({
     }
   );
 }
-const Gi = {
+const ji = {
   id: "stepper",
   name: "Stepper",
   tier: "molecule",
@@ -10344,7 +10344,7 @@ const Gi = {
     notes: 'Root element has role="group" with aria-label="Progress steps". The current step circle receives aria-current="step" so screen readers can identify which step is active. Step labels are visible text, not aria-only. The checkmark animation uses prefers-reduced-motion: the spring scale is purely decorative and does not affect content comprehension.'
   }
 };
-function Nt(e, r, n) {
+function Wt(e, r, n) {
   return /* @__PURE__ */ t(
     fe,
     {
@@ -10361,7 +10361,7 @@ function Nt(e, r, n) {
     n
   );
 }
-function Ui({
+function Gi({
   title: e,
   subtitle: r,
   breadcrumbs: n,
@@ -10371,22 +10371,22 @@ function Ui({
   style: l
 }) {
   const s = a != null && a.length > 0, c = i != null, u = s || c;
-  return /* @__PURE__ */ g(bt, { gap: "4", ...l !== void 0 && { style: l }, children: [
+  return /* @__PURE__ */ g(yt, { gap: "4", ...l !== void 0 && { style: l }, children: [
     n != null && n.length > 0 && /* @__PURE__ */ t(Fr, { items: n }),
-    /* @__PURE__ */ g(yt, { justify: "between", align: "end", wrap: !0, gap: "3", children: [
-      /* @__PURE__ */ g(bt, { gap: "1", style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ t(U, { as: "h1", size: "3xl", weight: "bold", family: "display", children: e }),
-        r != null && /* @__PURE__ */ t(U, { size: "sm", color: "secondary", children: r })
+    /* @__PURE__ */ g(xt, { justify: "between", align: "end", wrap: !0, gap: "3", children: [
+      /* @__PURE__ */ g(yt, { gap: "1", style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ t(j, { as: "h1", size: "3xl", weight: "bold", family: "display", children: e }),
+        r != null && /* @__PURE__ */ t(j, { size: "sm", color: "secondary", children: r })
       ] }),
-      u && /* @__PURE__ */ g(yt, { gap: "2", wrap: !0, children: [
-        s && a.map((p, h) => Nt(p, "outline", h)),
-        c && Nt(i, "primary")
+      u && /* @__PURE__ */ g(xt, { gap: "2", wrap: !0, children: [
+        s && a.map((p, h) => Wt(p, "outline", h)),
+        c && Wt(i, "primary")
       ] })
     ] }),
-    !o && /* @__PURE__ */ t(Sn, {})
+    !o && /* @__PURE__ */ t(Tn, {})
   ] });
 }
-const ji = {
+const _i = {
   id: "page-header",
   name: "PageHeader",
   tier: "molecule",
@@ -10504,7 +10504,7 @@ const ji = {
   accessibility: {
     notes: `The title renders as an <h1>, providing the page heading landmark for assistive tech. Breadcrumbs render inside <nav aria-label="Breadcrumb">. Action buttons inherit Button's focus ring, keyboard activation, and aria-label forwarding — pass aria-label on each action object when the label alone is insufficient (e.g. icon-only buttons).`
   }
-}, Wt = {
+}, Vt = {
   accent: "var(--lucent-accent-default)",
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
@@ -10517,33 +10517,33 @@ const ji = {
   "var(--lucent-warning-default)",
   "var(--lucent-danger-default)"
 ];
-function mt(e, r = "accent") {
-  return e ? Wt[e] ?? e : Wt[r];
+function gt(e, r = "accent") {
+  return e ? Vt[e] ?? e : Vt[r];
 }
-function gt(e, r) {
+function vt(e, r) {
   const [n, i] = e, [a, o] = r, l = i - n;
   return l === 0 ? () => (a + o) / 2 : (s) => a + (s - n) / l * (o - a);
 }
-function nn(e, r, n) {
+function rn(e, r, n) {
   if (e === r) return [e];
   const i = (r - e) / Math.max(n - 1, 1), a = Math.pow(10, Math.floor(Math.log10(i))), o = i / a, l = o <= 1.5 ? a : o <= 3 ? 2 * a : o <= 7 ? 5 * a : 10 * a, s = Math.floor(e / l) * l, c = Math.ceil(r / l) * l, u = [];
   for (let p = s; p <= c + l * 0.01; p += l)
     u.push(Math.round(p * 1e10) / 1e10);
   return u;
 }
-function We(e) {
+function Ve(e) {
   return e.length === 0 ? "" : e.map((r, n) => `${n === 0 ? "M" : "L"}${r.x},${r.y}`).join(" ");
 }
-function rn(e, r) {
+function an(e, r) {
   if (e.length === 0) return "";
-  const n = We(e), i = e[e.length - 1], a = e[0];
+  const n = Ve(e), i = e[e.length - 1], a = e[0];
   return `${n} L${i.x},${r} L${a.x},${r} Z`;
 }
-function vt(e) {
+function bt(e) {
   const r = e.length;
   if (r === 0) return "";
   if (r === 1) return `M${e[0].x},${e[0].y}`;
-  if (r === 2) return We(e);
+  if (r === 2) return Ve(e);
   const n = [];
   for (let o = 0; o < r - 1; o++) {
     const l = e[o + 1].x - e[o].x;
@@ -10570,16 +10570,16 @@ function vt(e) {
   }
   return a;
 }
-function an(e, r) {
+function on(e, r) {
   if (e.length === 0) return "";
-  const n = vt(e), i = e[e.length - 1], a = e[0];
+  const n = bt(e), i = e[e.length - 1], a = e[0];
   return `${n} L${i.x},${r} L${a.x},${r} Z`;
 }
 function Se(e, r, n, i) {
   const a = (i - 90) * Math.PI / 180;
   return { x: e + n * Math.cos(a), y: r + n * Math.sin(a) };
 }
-function go(e, r, n, i, a, o) {
+function vo(e, r, n, i, a, o) {
   const l = Se(e, r, n, a), s = Se(e, r, n, o), c = Se(e, r, i, a), u = Se(e, r, i, o), p = o - a > 180 ? 1 : 0;
   return [
     `M${l.x},${l.y}`,
@@ -10589,8 +10589,8 @@ function go(e, r, n, i, a, o) {
     "Z"
   ].join(" ");
 }
-const ve = 100, Vt = 8;
-function _i({
+const ve = 100, Ot = 8;
+function Yi({
   data: e,
   width: r = "100%",
   height: n = 32,
@@ -10604,7 +10604,7 @@ function _i({
 }) {
   const [p, h] = q(null);
   if (e.length < 2) return null;
-  const w = mt(i), b = e.length - 1, m = Math.min(...e), f = Math.max(...e), d = gt([m, f], [ve - Vt, Vt]), y = e.map((C, z) => ({ x: z, y: d(C) })), x = l ? vt(y) : We(y), T = a ? l ? an(y, ve) : rn(y, ve) : null, S = (C) => {
+  const w = gt(i), b = e.length - 1, m = Math.min(...e), f = Math.max(...e), d = vt([m, f], [ve - Ot, Ot]), y = e.map((C, z) => ({ x: z, y: d(C) })), x = l ? bt(y) : Ve(y), T = a ? l ? on(y, ve) : an(y, ve) : null, S = (C) => {
     const z = C.currentTarget.getBoundingClientRect(), B = C.clientX - z.left, D = Math.round(B / z.width * (e.length - 1));
     h(Math.max(0, Math.min(D, e.length - 1)));
   }, k = p !== null ? y[p] : void 0, v = p !== null ? e[p] : void 0, E = p === 0 || p === e.length - 1;
@@ -10677,7 +10677,7 @@ function _i({
       transition: "left 150ms ease-out, top 150ms ease-out",
       pointerEvents: "none"
     }, children: /* @__PURE__ */ t("span", { style: { position: "absolute", bottom: -2 }, children: /* @__PURE__ */ t(
-      $e,
+      Ne,
       {
         content: s ? s(v, p) : v,
         open: !0,
@@ -10687,7 +10687,7 @@ function _i({
     ) }) })
   ] });
 }
-const Yi = {
+const Ki = {
   id: "sparkline",
   name: "SparkLine",
   tier: "atom",
@@ -10714,8 +10714,8 @@ const Yi = {
     ariaAttributes: ["aria-label"],
     notes: "Purely decorative — ensure surrounding text provides data context."
   }
-}, le = 300, be = 200, ce = 40, Je = 8, Ze = 16, vo = 24;
-function bo(e, r, n, i, a) {
+}, le = 300, be = 200, ce = 40, Je = 8, Qe = 16, bo = 24;
+function yo(e, r, n, i, a) {
   const o = Math.min(a, n / 2, i);
   return [
     `M${e},${r + i}`,
@@ -10730,7 +10730,7 @@ function bo(e, r, n, i, a) {
 function ue(e, r) {
   return e / r * 100;
 }
-const Qe = {
+const et = {
   position: "absolute",
   fontFamily: "var(--lucent-font-family-base)",
   fontSize: "var(--lucent-font-size-xs)",
@@ -10738,7 +10738,7 @@ const Qe = {
   whiteSpace: "nowrap",
   pointerEvents: "none"
 };
-function Ki({
+function Xi({
   data: e,
   width: r = "100%",
   height: n = 200,
@@ -10753,7 +10753,7 @@ function Ki({
 }) {
   const [h, w] = q(null);
   if (e.length === 0) return null;
-  const b = mt(i), m = le - ce - Je, f = be - vo, d = Math.max(...e.map((z) => z.value), 0), y = nn(0, d, 5), x = y[y.length - 1] ?? d, T = gt([0, x], [f, Ze]), S = m / e.length, k = S * (1 - s), v = (S - k) / 2, E = l ?? ((z) => z >= 1e3 ? `${(z / 1e3).toFixed(1)}k` : String(z)), C = (z) => {
+  const b = gt(i), m = le - ce - Je, f = be - bo, d = Math.max(...e.map((z) => z.value), 0), y = rn(0, d, 5), x = y[y.length - 1] ?? d, T = vt([0, x], [f, Qe]), S = m / e.length, k = S * (1 - s), v = (S - k) / 2, E = l ?? ((z) => z >= 1e3 ? `${(z / 1e3).toFixed(1)}k` : String(z)), C = (z) => {
     const B = e[z], D = ce + z * S + S / 2, M = T(B.value);
     w({ index: z, x: ue(D, le), y: ue(M, be) });
   };
@@ -10798,16 +10798,16 @@ function Ki({
                     "rect",
                     {
                       x: ce + B * S,
-                      y: Ze,
+                      y: Qe,
                       width: S,
-                      height: f - Ze,
+                      height: f - Qe,
                       fill: "transparent"
                     }
                   ),
                   /* @__PURE__ */ t(
                     "path",
                     {
-                      d: bo(D, $, k, M, c),
+                      d: yo(D, $, k, M, c),
                       fill: R,
                       opacity: P ? 0.35 : 1,
                       style: { transition: "opacity 150ms" }
@@ -10833,7 +10833,7 @@ function Ki({
       }
     ),
     y.map((z) => /* @__PURE__ */ t("span", { style: {
-      ...Qe,
+      ...et,
       right: `${ue(le - ce + 6, le)}%`,
       top: `${ue(T(z), be)}%`,
       transform: "translateY(-50%)",
@@ -10843,14 +10843,14 @@ function Ki({
       const D = ue(ce + B * S + S / 2, le), M = (h == null ? void 0 : h.index) === B, $ = h !== null && !M, R = ue(T(z.value), be);
       return /* @__PURE__ */ g("span", { style: { display: "contents" }, children: [
         /* @__PURE__ */ t("span", { style: {
-          ...Qe,
+          ...et,
           left: `${D}%`,
           top: `${ue(f + 4, be)}%`,
           transform: "translateX(-50%)",
           fontWeight: M ? 600 : 400
         }, children: z.label }),
         o && /* @__PURE__ */ t("span", { style: {
-          ...Qe,
+          ...et,
           left: `${D}%`,
           top: `${R}%`,
           transform: "translate(-50%, -100%) translateY(-4px)",
@@ -10860,9 +10860,9 @@ function Ki({
       ] }, B);
     }),
     h && /* @__PURE__ */ t("span", { style: { position: "absolute", left: `${h.x}%`, top: `${h.y}%`, pointerEvents: "none" }, children: /* @__PURE__ */ t("span", { style: { position: "absolute", bottom: 0 }, children: /* @__PURE__ */ t(
-      $e,
+      Ne,
       {
-        content: /* @__PURE__ */ g(J, { children: [
+        content: /* @__PURE__ */ g(Z, { children: [
           /* @__PURE__ */ t("span", { style: { fontWeight: 600 }, children: e[h.index].label }),
           " ",
           E(e[h.index].value)
@@ -10874,7 +10874,7 @@ function Ki({
     ) }) })
   ] });
 }
-const Xi = {
+const Zi = {
   id: "bar-chart",
   name: "BarChart",
   tier: "atom",
@@ -10903,7 +10903,7 @@ const Xi = {
     ariaAttributes: ["aria-label"],
     notes: "Provide a descriptive ariaLabel summarising the data for screen readers."
   }
-}, ee = 400, ae = 200, de = 40, et = 12, De = 12, yo = 24;
+}, ee = 400, ae = 200, de = 40, tt = 12, Pe = 12, xo = 24;
 function Ji({
   data: e,
   series: r,
@@ -10920,33 +10920,33 @@ function Ji({
   ariaLabel: w = "Area chart",
   style: b
 }) {
-  const [m, f] = q(null), d = r ?? (e ? [{ id: "_default", name: "", data: e, color: mt(a) }] : []), y = d[0];
+  const [m, f] = q(null), d = r ?? (e ? [{ id: "_default", name: "", data: e, color: gt(a) }] : []), y = d[0];
   if (!y || y.data.length === 0) return null;
-  const x = y.data.map((A) => A.label), T = d.flatMap((A) => A.data.map((I) => I.value)), S = Math.max(...T, 0), k = ee - de - et, v = ae - yo, E = nn(0, S, 5), C = E[E.length - 1] ?? S, z = gt([0, C], [v, De]), B = x.length > 1 ? k / (x.length - 1) : 0, D = p ?? ((A) => A >= 1e3 ? `${(A / 1e3).toFixed(1)}k` : String(A)), M = h ?? Math.min(x.length, 7), $ = x.length <= M ? 1 : Math.ceil(x.length / M), R = c ? vt : We, W = c ? an : rn, P = d.map(
-    (A) => A.data.map((I, N) => ({ x: de + N * B, y: z(I.value) }))
+  const x = y.data.map((A) => A.label), T = d.flatMap((A) => A.data.map((I) => I.value)), S = Math.max(...T, 0), k = ee - de - tt, v = ae - xo, E = rn(0, S, 5), C = E[E.length - 1] ?? S, z = vt([0, C], [v, Pe]), B = x.length > 1 ? k / (x.length - 1) : 0, D = p ?? ((A) => A >= 1e3 ? `${(A / 1e3).toFixed(1)}k` : String(A)), M = h ?? Math.min(x.length, 7), $ = x.length <= M ? 1 : Math.ceil(x.length / M), R = c ? bt : Ve, W = c ? on : an, P = d.map(
+    (A) => A.data.map((I, F) => ({ x: de + F * B, y: z(I.value) }))
   ), O = B / 2, Y = (A) => {
-    const I = A.currentTarget.getBoundingClientRect(), G = (A.clientX - I.left) / I.width * ee - de;
-    if (G < -O || G > k + O) {
+    const I = A.currentTarget.getBoundingClientRect(), U = (A.clientX - I.left) / I.width * ee - de;
+    if (U < -O || U > k + O) {
       f(null);
       return;
     }
-    const F = B > 0 ? Math.round(G / B) : 0, j = Math.max(0, Math.min(F, x.length - 1)), K = de + j * B, se = Math.min(...P.map((re) => {
+    const N = B > 0 ? Math.round(U / B) : 0, G = Math.max(0, Math.min(N, x.length - 1)), K = de + G * B, se = Math.min(...P.map((re) => {
       var _;
-      return ((_ = re[j]) == null ? void 0 : _.y) ?? De;
+      return ((_ = re[G]) == null ? void 0 : _.y) ?? Pe;
     }));
-    f({ index: j, x: K / ee * 100, y: se / ae * 100 });
+    f({ index: G, x: K / ee * 100, y: se / ae * 100 });
   }, L = m && /* @__PURE__ */ g("div", { children: [
     /* @__PURE__ */ t("div", { style: { fontWeight: 600, marginBottom: d.length > 1 ? 2 : 0 }, children: x[m.index] }),
     d.map((A, I) => {
-      var F;
-      const N = (F = A.data[m.index]) == null ? void 0 : F.value;
-      if (N === void 0) return null;
-      const G = A.color ?? te[I % te.length];
+      var N;
+      const F = (N = A.data[m.index]) == null ? void 0 : N.value;
+      if (F === void 0) return null;
+      const U = A.color ?? te[I % te.length];
       return /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-        d.length > 1 && /* @__PURE__ */ t("span", { style: { width: 6, height: 6, borderRadius: "50%", background: G, flexShrink: 0 } }),
+        d.length > 1 && /* @__PURE__ */ t("span", { style: { width: 6, height: 6, borderRadius: "50%", background: U, flexShrink: 0 } }),
         /* @__PURE__ */ g("span", { children: [
           A.name ? `${A.name}: ` : "",
-          D(N)
+          D(F)
         ] })
       ] }, A.id);
     })
@@ -10972,7 +10972,7 @@ function Ji({
               {
                 x1: de,
                 y1: I,
-                x2: ee - et,
+                x2: ee - tt,
                 y2: I,
                 stroke: "var(--lucent-border-subtle, #e5e7eb)",
                 strokeWidth: 0.5,
@@ -10986,22 +10986,22 @@ function Ji({
             {
               x1: de,
               y1: v,
-              x2: ee - et,
+              x2: ee - tt,
               y2: v,
               stroke: "var(--lucent-border-default, #d1d5db)",
               strokeWidth: 0.5
             }
           ),
           d.map((A, I) => {
-            const N = A.color ?? te[I % te.length], G = P[I], F = R(G), j = W(G, v);
+            const F = A.color ?? te[I % te.length], U = P[I], N = R(U), G = W(U, v);
             return /* @__PURE__ */ g("g", { children: [
-              /* @__PURE__ */ t("path", { d: j, fill: N, opacity: u, stroke: "none" }),
+              /* @__PURE__ */ t("path", { d: G, fill: F, opacity: u, stroke: "none" }),
               /* @__PURE__ */ t(
                 "path",
                 {
-                  d: F,
+                  d: N,
                   fill: "none",
-                  stroke: N,
+                  stroke: F,
                   strokeWidth: 1.5,
                   strokeLinecap: "round",
                   strokeLinejoin: "round"
@@ -11013,45 +11013,45 @@ function Ji({
       }
     ),
     l && d.map((A, I) => {
-      const N = A.color ?? te[I % te.length];
-      return P[I].map((F, j) => /* @__PURE__ */ t("span", { style: {
+      const F = A.color ?? te[I % te.length];
+      return P[I].map((N, G) => /* @__PURE__ */ t("span", { style: {
         position: "absolute",
-        left: `${F.x / ee * 100}%`,
-        top: `${F.y / ae * 100}%`,
+        left: `${N.x / ee * 100}%`,
+        top: `${N.y / ae * 100}%`,
         width: s * 2,
         height: s * 2,
         borderRadius: "50%",
-        background: N,
+        background: F,
         border: "1.5px solid var(--lucent-surface, #fff)",
         transform: "translate(-50%, -50%)",
         pointerEvents: "none"
-      } }, `${A.id}-${j}`));
+      } }, `${A.id}-${G}`));
     }),
-    m && /* @__PURE__ */ g(J, { children: [
+    m && /* @__PURE__ */ g(Z, { children: [
       /* @__PURE__ */ t("span", { style: {
         position: "absolute",
         left: `${m.x}%`,
-        top: `${De / ae * 100}%`,
+        top: `${Pe / ae * 100}%`,
         width: 1,
-        height: `${(v - De) / ae * 100}%`,
+        height: `${(v - Pe) / ae * 100}%`,
         background: "var(--lucent-border-default)",
         opacity: 0.5,
         transform: "translateX(-50%)",
         pointerEvents: "none"
       } }),
       d.map((A, I) => {
-        var F;
-        const N = (F = P[I]) == null ? void 0 : F[m.index];
-        if (!N) return null;
-        const G = A.color ?? te[I % te.length];
+        var N;
+        const F = (N = P[I]) == null ? void 0 : N[m.index];
+        if (!F) return null;
+        const U = A.color ?? te[I % te.length];
         return /* @__PURE__ */ t("span", { style: {
           position: "absolute",
-          left: `${N.x / ee * 100}%`,
-          top: `${N.y / ae * 100}%`,
+          left: `${F.x / ee * 100}%`,
+          top: `${F.y / ae * 100}%`,
           width: 10,
           height: 10,
           borderRadius: "50%",
-          background: G,
+          background: U,
           border: "2px solid var(--lucent-surface, #fff)",
           transform: "translate(-50%, -50%)",
           pointerEvents: "none"
@@ -11072,7 +11072,7 @@ function Ji({
     }, children: D(A) }, A)),
     x.map((A, I) => {
       if (I % $ !== 0) return null;
-      const N = (m == null ? void 0 : m.index) === I;
+      const F = (m == null ? void 0 : m.index) === I;
       return /* @__PURE__ */ t("span", { style: {
         position: "absolute",
         left: `${(de + I * B) / ee * 100}%`,
@@ -11081,15 +11081,15 @@ function Ji({
         fontFamily: "var(--lucent-font-family-base)",
         fontSize: "var(--lucent-font-size-xs)",
         color: "var(--lucent-text-secondary)",
-        fontWeight: N ? 600 : 400,
+        fontWeight: F ? 600 : 400,
         whiteSpace: "nowrap",
         pointerEvents: "none"
       }, children: A }, I);
     }),
-    m && /* @__PURE__ */ t("span", { style: { position: "absolute", left: `${m.x}%`, top: `${m.y}%`, pointerEvents: "none" }, children: /* @__PURE__ */ t("span", { style: { position: "absolute", bottom: 0 }, children: /* @__PURE__ */ t($e, { content: L, open: !0, placement: "top", children: /* @__PURE__ */ t("span", {}) }) }) })
+    m && /* @__PURE__ */ t("span", { style: { position: "absolute", left: `${m.x}%`, top: `${m.y}%`, pointerEvents: "none" }, children: /* @__PURE__ */ t("span", { style: { position: "absolute", bottom: 0 }, children: /* @__PURE__ */ t(Ne, { content: L, open: !0, placement: "top", children: /* @__PURE__ */ t("span", {}) }) }) })
   ] });
 }
-const Zi = {
+const Qi = {
   id: "area-chart",
   name: "AreaChart",
   tier: "atom",
@@ -11120,8 +11120,8 @@ const Zi = {
     ariaAttributes: ["aria-label"],
     notes: "Provide ariaLabel summarising the data trend."
   }
-}, tt = 100, Ot = 50, Ht = 50, nt = 45;
-function Qi({
+}, nt = 100, Ht = 50, Ut = 50, rt = 45;
+function es({
   data: e,
   size: r = 160,
   thickness: n = 0.35,
@@ -11135,7 +11135,7 @@ function Qi({
   if (e.length === 0) return null;
   const p = e.reduce((k, v) => k + v.value, 0);
   if (p === 0) return null;
-  const h = nt * (1 - n), b = 360 - i * e.length;
+  const h = rt * (1 - n), b = 360 - i * e.length;
   let m = o;
   const f = e.map((k, v) => {
     const E = k.value / p * b, C = m, z = m + E;
@@ -11145,11 +11145,11 @@ function Qi({
       segEnd: z,
       color: k.color ?? te[v % te.length]
     };
-  }), d = h * 2 * 0.7, y = (tt - d) / 2, x = c !== null ? f[c] : void 0;
+  }), d = h * 2 * 0.7, y = (nt - d) / 2, x = c !== null ? f[c] : void 0;
   let T, S = null;
   if (x) {
     const k = (x.segStart + x.segEnd) / 2;
-    T = Se(Ot, Ht, nt + 8, k);
+    T = Se(Ht, Ut, rt + 8, k);
     const v = (x.value / p * 100).toFixed(1);
     S = /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
       /* @__PURE__ */ t("span", { style: { width: 6, height: 6, borderRadius: "50%", background: x.color, flexShrink: 0 } }),
@@ -11167,7 +11167,7 @@ function Qi({
     /* @__PURE__ */ g(
       "svg",
       {
-        viewBox: `0 0 ${tt} ${tt}`,
+        viewBox: `0 0 ${nt} ${nt}`,
         width: "100%",
         height: "100%",
         role: "img",
@@ -11179,7 +11179,7 @@ function Qi({
             return /* @__PURE__ */ t(
               "path",
               {
-                d: go(Ot, Ht, nt, h, k.segStart, k.segEnd),
+                d: vo(Ht, Ut, rt, h, k.segStart, k.segEnd),
                 fill: k.color,
                 transform: `translate(${M}, ${$})`,
                 opacity: C ? 0.4 : 1,
@@ -11214,10 +11214,10 @@ function Qi({
       left: `${T.x}%`,
       top: `${T.y}%`,
       pointerEvents: "none"
-    }, children: /* @__PURE__ */ t($e, { content: S, open: !0, placement: "top", children: /* @__PURE__ */ t("span", {}) }) })
+    }, children: /* @__PURE__ */ t(Ne, { content: S, open: !0, placement: "top", children: /* @__PURE__ */ t("span", {}) }) })
   ] });
 }
-const es = {
+const ts = {
   id: "donut-chart",
   name: "DonutChart",
   tier: "atom",
@@ -11243,7 +11243,7 @@ const es = {
     ariaAttributes: ["aria-label"],
     notes: "Provide ariaLabel describing the proportions for screen readers."
   }
-}, ts = {
+}, ns = {
   navigation: {
     description: "Chrome/shell background for sidebars, headers, footers, and navigation rails. The outermost structural layer of the UI. Independent of bgBase — set it explicitly when the chrome needs a different tint than the content area.",
     lightGuidance: "A very faint cool or warm tint that distinguishes the chrome from the content area. Default #f4f6f8. Typically L 0.95–0.98.",
@@ -11304,14 +11304,14 @@ const es = {
     darkGuidance: "Slightly lighter than light-mode. createTheme() handles this automatically.",
     derives: ["infoSubtle", "infoText"]
   }
-}, ns = {
+}, rs = {
   id: "lucent-provider",
   name: "LucentProvider",
   tier: "provider",
   domain: "neutral",
   specVersion: "1.0",
   description: "Root configuration wrapper that injects Lucent design tokens as CSS custom properties. Accepts a design preset for instant theming, 9 anchor colors (via `anchors`) for zero-config theming, or granular token overrides (via `tokens`) for full control.",
-  designIntent: 'LucentProvider is the single source of truth for the visual identity of any Lucent-powered UI. Its primary design goal is to make custom theming accessible to both humans and LLMs with minimal effort.\n\nPRESET MODE (fastest path): Pass `preset` with a named preset ("modern", "enterprise", "playful") or an object mixing dimensions: `{ palette: "indigo", shape: "pill", density: "compact", shadow: "elevated" }`. Presets bundle palette colors, border radius, spacing, and shadows into one cohesive design. Available palettes: default, brand, indigo, emerald, rose, ocean. Shapes: sharp, rounded, pill. Densities: compact, default, spacious. Shadows: flat, subtle, elevated. Presets work with both light and dark themes automatically.\n\nANCHOR MODE (recommended for LLMs building custom themes): Pass `anchors` with 9 semantic colors and the provider automatically derives all 30+ variant tokens — hover/active/subtle states, WCAG-compliant contrast text, status subtle tints, surface elevation steps, and more. An LLM generating a themed UI only needs to reason about 9 colors, not the full token surface.\n\nTOKEN MODE (for granular control): Pass `tokens` as a partial override object. Any token not supplied falls back to the base light or dark theme. Derivation still runs — e.g. if you supply only `accentDefault`, the provider auto-derives `accentHover`, `accentSubtle`, `accentBorder`, and `accentFg`.\n\nPRECEDENCE (later wins): base theme → preset → anchors → tokens. You can combine preset with tokens to start from a preset and tweak individual values.\n\nAPCA auto-computation: `accentFg` is always computed from the resolved accent color via APCA contrast — it will be #000000 or #ffffff, whichever has higher perceived contrast. Consumers can override it if they have brand-specific requirements.\n\nDARK MODE: Pass `theme="dark"` alongside any prop. Presets include both light and dark palettes. Anchor colors are applied to the dark base palette; derivation runs with dark-calibrated lightness deltas.\n\nDO NOT nest multiple LucentProviders unless intentionally theming a sub-tree differently (e.g. an inverted sidebar). The outermost provider wins for `:root` CSS vars.',
+  designIntent: "LucentProvider is the single source of truth for the visual identity of any Lucent-powered UI. Its primary design goal is to make custom theming accessible to both humans and LLMs with minimal effort.\n\nPRESET MODE (fastest path): Pass `preset` with a named preset (\"modern\", \"enterprise\", \"playful\") or an object mixing dimensions: `{ palette: \"indigo\", shape: \"pill\", density: \"compact\", shadow: \"elevated\" }`. Presets bundle palette colors, border radius, spacing, and shadows into one cohesive design. Available palettes: default, brand, indigo, emerald, rose, ocean. Shapes: sharp, rounded, pill. Densities: compact, default, spacious. Shadows: flat, subtle, elevated. Presets work with both light and dark themes automatically.\n\nANCHOR MODE (recommended for LLMs building custom themes): Pass `anchors` with 9 semantic colors and the provider automatically derives all 30+ variant tokens — hover/active/subtle states, WCAG-compliant contrast text, status subtle tints, surface elevation steps, and more. An LLM generating a themed UI only needs to reason about 9 colors, not the full token surface.\n\nTOKEN MODE (for granular control): Pass `tokens` as a partial override object. Any token not supplied falls back to the base light or dark theme. Derivation still runs — e.g. if you supply only `accentDefault`, the provider auto-derives `accentHover`, `accentSubtle`, `accentBorder`, and `accentFg`.\n\nPRECEDENCE (later wins): base theme → preset → anchors → tokens. You can combine preset with tokens to start from a preset and tweak individual values.\n\nAPCA auto-computation: `accentFg` is always computed from the resolved accent color via APCA contrast — it will be #000000 or #ffffff, whichever has higher perceived contrast. Consumers can override it if they have brand-specific requirements.\n\nDARK MODE: Pass `theme=\"dark\"` alongside any prop. Presets include both light and dark palettes. Anchor colors are applied to the dark base palette; derivation runs with dark-calibrated lightness deltas.\n\nDO NOT nest multiple LucentProviders unless intentionally theming a sub-tree differently (e.g. an inverted sidebar). The outermost provider wins for `:root` CSS vars.\n\nSECURITY — CONTENT SECURITY POLICY: LucentProvider injects `<style>` tags into `<head>` at runtime via `element.textContent`. Consuming applications MUST include `style-src 'self' 'unsafe-inline'` in their Content-Security-Policy header, or apply a nonce to Lucent's injected style elements. A recommended minimum CSP: `default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; connect-src 'self'`.\n\nSECURITY — TOKEN SANITIZATION: Token values passed via `tokens` or `anchors` are sanitized before injection into CSS custom properties — characters that could break out of a CSS value context (`{};<>@\\`) are stripped. Despite this, tokens should only come from trusted sources (code-level config or a trusted CMS), never from raw user input.\n\nSECURITY — URL SANITIZATION: All lucent-ui components that accept `href` props (Button, NavLink, Card, Breadcrumb, NavMenu) run values through `sanitizeHref()`, which blocks `javascript:`, `data:`, `vbscript:`, and other executable protocols. The `sanitizeHref` utility is exported from the library for use in consuming application code.",
   props: [
     {
       name: "preset",
@@ -11486,25 +11486,25 @@ const myTheme = createTheme({
     }
   ],
   compositionGraph: []
-}, rs = {
+}, as = {
   accentDefault: "#e9c96b",
   accentHover: "#ddb84e",
   accentSubtle: "#fef9ec"
 };
-function as(e, r = "light") {
+function os(e, r = "light") {
   const n = r === "light";
   return {
     accentDefault: e,
-    accentHover: Ve(e, n ? 0.05 : -0.07),
-    accentSubtle: Ve(e, n ? 0.85 : -0.6),
-    accentBorder: Ve(e, n ? -0.15 : 0.15),
-    accentFg: on(e)
+    accentHover: Oe(e, n ? 0.05 : -0.07),
+    accentSubtle: Oe(e, n ? 0.85 : -0.6),
+    accentBorder: Oe(e, n ? -0.15 : 0.15),
+    accentFg: sn(e)
   };
 }
 function Q(e, r) {
   return { field: e, message: r };
 }
-function xo(e) {
+function wo(e) {
   const r = [];
   if (typeof e != "object" || e === null)
     return { valid: !1, errors: [Q("manifest", "Must be a non-null object")] };
@@ -11521,8 +11521,8 @@ function xo(e) {
     (typeof s.title != "string" || s.title === "") && r.push(Q(`${c}.title`, "Must be a non-empty string")), (typeof s.code != "string" || s.code === "") && r.push(Q(`${c}.code`, "Must be a non-empty string"));
   }) : r.push(Q("usageExamples", "Must be an array")), Array.isArray(n.compositionGraph) || r.push(Q("compositionGraph", "Must be an array (empty array is fine for atoms)")), typeof n.specVersion == "string" && !/^\d+\.\d+$/.test(n.specVersion) && r.push(Q("specVersion", 'Must be "MAJOR.MINOR" format, e.g. "0.1"')), { valid: r.length === 0, errors: r };
 }
-function os(e) {
-  const r = xo(e);
+function is(e) {
+  const r = wo(e);
   if (!r.valid) {
     const n = r.errors.map((i) => `  ${i.field}: ${i.message}`).join(`
 `);
@@ -11530,180 +11530,181 @@ function os(e) {
 ${n}`);
   }
 }
-function is(e) {
+function ss(e) {
   if (typeof e != "object" || e === null) return !1;
   const r = e;
   return typeof r.name == "string" && typeof r.type == "string" && typeof r.required == "boolean" && typeof r.description == "string";
 }
-const ss = "1.0", ls = "0.1.0";
+const ls = "1.0", cs = "0.1.0";
 export {
-  mi as Alert,
-  gi as AlertManifest,
+  gi as Alert,
+  vi as AlertManifest,
   Ji as AreaChart,
-  Zi as AreaChartManifest,
-  Eo as Avatar,
-  qo as AvatarManifest,
-  us as Badge,
-  zo as BadgeManifest,
-  Ki as BarChart,
-  Xi as BarChartManifest,
+  Qi as AreaChartManifest,
+  qo as Avatar,
+  Bo as AvatarManifest,
+  ps as Badge,
+  Ao as BadgeManifest,
+  Xi as BarChart,
+  Zi as BarChartManifest,
   Fr as Breadcrumb,
   fe as Button,
-  pr as ButtonGroup,
-  si as ButtonGroupManifest,
-  Co as ButtonManifest,
-  Ao as CHIP_MANIFEST,
+  hr as ButtonGroup,
+  li as ButtonGroupManifest,
+  Io as ButtonManifest,
+  Eo as CHIP_MANIFEST,
   Jo as COLOR_PICKER_MANIFEST,
-  Zo as COLOR_SWATCH_MANIFEST,
-  Ii as COMMAND_PALETTE_MANIFEST,
-  pi as Card,
-  hi as CardBleed,
-  fi as CardManifest,
-  ft as CardPaddingContext,
-  ut as Checkbox,
-  Po as CheckboxManifest,
-  Pe as Chip,
-  Yo as CodeBlock,
-  Ko as CodeBlockManifest,
-  wi as Collapsible,
-  ps as ColorPicker,
-  hs as ColorSwatch,
-  Ci as CommandPalette,
-  Ti as DATA_TABLE_MANIFEST,
-  Ei as DATE_PICKER_MANIFEST,
-  qi as DATE_RANGE_PICKER_MANIFEST,
-  Si as DataTable,
-  Ai as DatePicker,
-  wa as DateRangePicker,
-  Sn as Divider,
-  Do as DividerManifest,
-  Qi as DonutChart,
-  es as DonutChartManifest,
-  vi as EmptyState,
-  bi as EmptyStateManifest,
-  Di as FILE_UPLOAD_MANIFEST,
-  Bi as FileUpload,
-  Oi as FilterDateRange,
-  Ni as FilterMultiSelect,
-  Vi as FilterSearch,
-  Wi as FilterSelect,
-  li as FormField,
-  ci as FormFieldManifest,
-  Ho as Icon,
-  Go as IconManifest,
-  Gt as Input,
-  Io as InputManifest,
-  ls as LUCENT_UI_VERSION,
-  fs as LucentProvider,
-  ns as LucentProviderManifest,
-  ss as MANIFEST_SPEC_VERSION,
-  zi as MULTI_SELECT_MANIFEST,
-  _t as Menu,
-  ai as MenuGroup,
-  at as MenuItem,
-  oi as MenuManifest,
-  rr as MenuSeparator,
-  Mi as MultiSelect,
-  jo as NavLink,
-  Ne as NavMenu,
+  Qo as COLOR_SWATCH_MANIFEST,
+  Mi as COMMAND_PALETTE_MANIFEST,
+  hi as Card,
+  fi as CardBleed,
+  mi as CardManifest,
+  mt as CardPaddingContext,
+  pt as Checkbox,
+  Lo as CheckboxManifest,
+  Le as Chip,
+  Ko as CodeBlock,
+  Xo as CodeBlockManifest,
+  ki as Collapsible,
+  hs as ColorPicker,
+  fs as ColorSwatch,
+  Ii as CommandPalette,
+  Ci as DATA_TABLE_MANIFEST,
+  qi as DATE_PICKER_MANIFEST,
+  Bi as DATE_RANGE_PICKER_MANIFEST,
+  Ti as DataTable,
+  Ei as DatePicker,
+  ka as DateRangePicker,
+  Tn as Divider,
+  Po as DividerManifest,
+  es as DonutChart,
+  ts as DonutChartManifest,
+  bi as EmptyState,
+  yi as EmptyStateManifest,
+  Pi as FILE_UPLOAD_MANIFEST,
+  Di as FileUpload,
+  Hi as FilterDateRange,
+  Wi as FilterMultiSelect,
+  Oi as FilterSearch,
+  Vi as FilterSelect,
+  ci as FormField,
+  di as FormFieldManifest,
+  Uo as Icon,
+  jo as IconManifest,
+  jt as Input,
+  Mo as InputManifest,
+  cs as LUCENT_UI_VERSION,
+  ms as LucentProvider,
+  rs as LucentProviderManifest,
+  ls as MANIFEST_SPEC_VERSION,
+  Ai as MULTI_SELECT_MANIFEST,
+  Yt as Menu,
+  oi as MenuGroup,
+  ot as MenuItem,
+  ii as MenuManifest,
+  ar as MenuSeparator,
+  zi as MultiSelect,
+  _o as NavLink,
+  We as NavMenu,
   Ja as NavMenuGroup,
-  Ya as NavMenuItem,
-  Za as NavMenuSeparator,
-  Qt as NavMenuSub,
-  Ui as PageHeader,
-  ji as PageHeaderManifest,
-  ki as PageLayout,
-  ni as Progress,
-  ri as ProgressManifest,
-  Lo as Radio,
-  zn as RadioGroup,
-  Ro as RadioGroupUncontrolled,
-  $o as RadioManifest,
-  yt as Row,
-  ti as RowManifest,
-  Qo as SEGMENTED_CONTROL_MANIFEST,
-  di as SearchInput,
-  ui as SearchInputManifest,
-  ms as SegmentedControl,
-  gs as Select,
-  No as SelectManifest,
-  yi as Skeleton,
-  xi as SkeletonManifest,
-  vs as Slider,
-  _o as SliderManifest,
-  _i as SparkLine,
-  Yi as SparkLineManifest,
-  kn as Spinner,
-  Bo as SpinnerManifest,
-  dr as SplitButton,
-  ii as SplitButtonManifest,
-  bt as Stack,
-  ei as StackManifest,
-  Hi as Stepper,
-  Gi as StepperManifest,
-  Li as TIMELINE_MANIFEST,
-  Ie as Table,
-  Xo as TableManifest,
-  bs as Tabs,
-  Wo as Tag,
-  Vo as TagManifest,
-  U as Text,
-  Uo as TextManifest,
-  hn as Textarea,
-  Mo as TextareaManifest,
-  ts as ThemeAnchorsSpec,
-  Pi as Timeline,
+  Ka as NavMenuItem,
+  Qa as NavMenuSeparator,
+  en as NavMenuSub,
+  Gi as PageHeader,
+  _i as PageHeaderManifest,
+  Si as PageLayout,
+  ri as Progress,
+  ai as ProgressManifest,
+  Ro as Radio,
+  An as RadioGroup,
+  $o as RadioGroupUncontrolled,
+  No as RadioManifest,
+  xt as Row,
+  ni as RowManifest,
+  ei as SEGMENTED_CONTROL_MANIFEST,
+  ui as SearchInput,
+  pi as SearchInputManifest,
+  gs as SegmentedControl,
+  vs as Select,
+  Wo as SelectManifest,
+  xi as Skeleton,
+  wi as SkeletonManifest,
+  bs as Slider,
+  Yo as SliderManifest,
+  Yi as SparkLine,
+  Ki as SparkLineManifest,
+  Sn as Spinner,
+  Do as SpinnerManifest,
+  ur as SplitButton,
+  si as SplitButtonManifest,
+  yt as Stack,
+  ti as StackManifest,
+  Ui as Stepper,
+  ji as StepperManifest,
+  Ri as TIMELINE_MANIFEST,
+  Me as Table,
+  Zo as TableManifest,
+  ys as Tabs,
+  Vo as Tag,
+  Oo as TagManifest,
+  j as Text,
+  Go as TextManifest,
+  fn as Textarea,
+  zo as TextareaManifest,
+  ns as ThemeAnchorsSpec,
+  Li as Timeline,
   Fi as ToastManifest,
-  $i as ToastProvider,
-  ys as Toggle,
+  Ni as ToastProvider,
+  xs as Toggle,
   Fo as ToggleManifest,
-  $e as Tooltip,
-  Oo as TooltipManifest,
-  as as accentTokens,
-  os as assertManifest,
-  xs as bentoPreset,
-  ws as bloomPreset,
-  ks as brandPalette,
-  rs as brandTokens,
-  Ss as brutalistPreset,
-  Ts as brutalistShadow,
-  Cs as compactDensity,
-  Is as createTheme,
-  Ms as darkTokens,
-  zs as defaultDensity,
-  As as defaultPalette,
-  Es as deriveDarkFromLight,
-  qs as deriveTokens,
-  Bs as elevatedShadow,
-  Ds as emeraldPalette,
-  Ps as enterprisePreset,
-  Ls as flatShadow,
-  on as getAccentFg,
-  Rs as getContrastText,
-  $s as glowShadow,
+  Ne as Tooltip,
+  Ho as TooltipManifest,
+  os as accentTokens,
+  is as assertManifest,
+  ws as bentoPreset,
+  ks as bloomPreset,
+  Ss as brandPalette,
+  as as brandTokens,
+  Ts as brutalistPreset,
+  Cs as brutalistShadow,
+  Is as compactDensity,
+  Ms as createTheme,
+  zs as darkTokens,
+  As as defaultDensity,
+  Es as defaultPalette,
+  qs as deriveDarkFromLight,
+  Bs as deriveTokens,
+  Ds as elevatedShadow,
+  Ps as emeraldPalette,
+  Ls as enterprisePreset,
+  Rs as flatShadow,
+  sn as getAccentFg,
+  $s as getContrastText,
+  Ns as glowShadow,
   Fs as indigoPalette,
-  is as isValidPropDescriptor,
-  Ns as lightTokens,
-  Ws as liquidGlassPreset,
-  Vs as liquidGlassShadow,
-  Os as makeLibraryCSS,
-  Hs as minimalPreset,
-  Gs as modernPreset,
-  Us as naturalShadow,
-  js as neumorphicShadow,
-  _s as oceanPalette,
-  Ys as pillShape,
-  Ks as playfulPreset,
-  Xs as resolvePreset,
+  ss as isValidPropDescriptor,
+  Ws as lightTokens,
+  Vs as liquidGlassPreset,
+  Os as liquidGlassShadow,
+  Hs as makeLibraryCSS,
+  Us as minimalPreset,
+  js as modernPreset,
+  Gs as naturalShadow,
+  _s as neumorphicShadow,
+  Ys as oceanPalette,
+  Ks as pillShape,
+  Xs as playfulPreset,
+  Zs as resolvePreset,
   Js as rosePalette,
-  Zs as roundedShape,
-  Qs as sharpShape,
-  el as softUIPreset,
-  tl as spaciousDensity,
-  nl as subtleShadow,
-  rl as terminalPreset,
-  al as useLucent,
-  Or as useMediaQuery,
-  Ri as useToast,
-  xo as validateManifest
+  Qs as roundedShape,
+  Ce as sanitizeHref,
+  el as sharpShape,
+  tl as softUIPreset,
+  nl as spaciousDensity,
+  rl as subtleShadow,
+  al as terminalPreset,
+  ol as useLucent,
+  Hr as useMediaQuery,
+  $i as useToast,
+  wo as validateManifest
 };