lucent-ui 0.20.0 → 0.21.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as n, Fragment as oe } from "react/jsx-runtime";
-import { forwardRef as pe, useState as z, useRef as V, useEffect as X, useCallback as ee, useContext as fe, createContext as ye, useLayoutEffect as se, useId as ve } from "react";
+import { forwardRef as pe, useState as z, useRef as V, useEffect as X, useCallback as ee, useContext as fe, createContext as ye, useLayoutEffect as se, useId as be } from "react";
 import { createPortal as de } from "react-dom";
 const _t = {
   primary: {
@@ -45,12 +45,12 @@ const _t = {
   lg: { height: "calc(var(--lucent-space-12) * 0.5 + 26px)", padding: "0 var(--lucent-space-5)", fontSize: "var(--lucent-font-size-lg)" }
 }, Ee = pe(
   ({ variant: e = "primary", size: t = "md", loading: r = !1, fullWidth: o = !1, spread: a = !1, leftIcon: i, rightIcon: l, chevron: s = !1, disableHoverStyles: c = !1, bordered: d = !0, children: u, disabled: f, style: h, ...m }, T) => {
-    const v = f ?? r;
+    const b = f ?? r;
     return /* @__PURE__ */ y(
       "button",
       {
         ref: T,
-        disabled: v,
+        disabled: b,
         "aria-busy": r,
         style: {
           display: "inline-flex",
@@ -62,7 +62,7 @@ const _t = {
           lineHeight: 1,
           letterSpacing: "0.01em",
           borderRadius: "var(--lucent-radius-lg)",
-          cursor: v ? "not-allowed" : "pointer",
+          cursor: b ? "not-allowed" : "pointer",
           width: o ? "100%" : void 0,
           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)",
           whiteSpace: "nowrap",
@@ -72,7 +72,7 @@ const _t = {
           ...Yt[t],
           ..._t[e],
           ...h,
-          ...v && {
+          ...b && {
             background: "color-mix(in srgb, var(--lucent-surface-secondary) 70%, var(--lucent-border-default))",
             color: "color-mix(in srgb, var(--lucent-text-disabled) 50%, var(--lucent-border-default))",
             borderColor: "transparent"
@@ -81,32 +81,32 @@ const _t = {
           ...d === !1 && { border: "none" }
         },
         onMouseEnter: (p) => {
-          var b;
-          !v && !c && Xt(p.currentTarget, e, d), (b = m.onMouseEnter) == null || b.call(m, p);
+          var v;
+          !b && !c && Xt(p.currentTarget, e, d), (v = m.onMouseEnter) == null || v.call(m, p);
         },
         onMouseLeave: (p) => {
-          var b;
-          !v && !c && Jt(p.currentTarget, e, d), (b = m.onMouseLeave) == null || b.call(m, p);
+          var v;
+          !b && !c && Jt(p.currentTarget, e, d), (v = m.onMouseLeave) == null || v.call(m, p);
         },
         onMouseDown: (p) => {
-          var b;
-          if (!v) {
+          var v;
+          if (!b) {
             const x = e === "danger" || e === "danger-outline" || e === "danger-ghost" ? "var(--lucent-danger-default)" : "var(--lucent-accent-default)";
             p.currentTarget.style.transform = "translateY(1px)", p.currentTarget.style.boxShadow = `0 0 0 2px var(--lucent-surface), 0 0 0 4px ${x}`, p.currentTarget.dataset.pressed = "1";
           }
-          (b = m.onMouseDown) == null || b.call(m, p);
+          (v = m.onMouseDown) == null || v.call(m, p);
         },
         onMouseUp: (p) => {
-          var b;
-          p.currentTarget.style.transform = "", p.currentTarget.style.boxShadow = "", delete p.currentTarget.dataset.pressed, (b = m.onMouseUp) == null || b.call(m, p);
+          var v;
+          p.currentTarget.style.transform = "", p.currentTarget.style.boxShadow = "", delete p.currentTarget.dataset.pressed, (v = m.onMouseUp) == null || v.call(m, p);
         },
         onFocus: (p) => {
-          var b;
-          p.currentTarget.dataset.pressed || (p.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)"), (b = m.onFocus) == null || b.call(m, p);
+          var v;
+          p.currentTarget.dataset.pressed || (p.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)"), (v = m.onFocus) == null || v.call(m, p);
         },
         onBlur: (p) => {
-          var b;
-          p.currentTarget.style.boxShadow = "", (b = m.onBlur) == null || b.call(m, p);
+          var v;
+          p.currentTarget.style.boxShadow = "", (v = m.onBlur) == null || v.call(m, p);
         },
         ...m,
         children: [
@@ -146,7 +146,7 @@ function en() {
     /* @__PURE__ */ n("path", { d: "M12 2a10 10 0 0 1 10 10" })
   ] });
 }
-const Xo = {
+const Qo = {
   id: "button",
   name: "Button",
   tier: "atom",
@@ -332,7 +332,7 @@ const Xo = {
     style: d,
     ...u
   }, f) => {
-    const h = c ?? `lucent-input-${Math.random().toString(36).slice(2, 7)}`, m = !!o, T = !!u.disabled, [v, p] = z(!1), [b, k] = z(!1), x = T ? "transparent" : m ? "var(--lucent-danger-default)" : v ? "var(--lucent-focus-ring)" : b ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", M = v ? `0 0 0 3px ${m ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", S = {
+    const h = c ?? `lucent-input-${Math.random().toString(36).slice(2, 7)}`, m = !!o, T = !!u.disabled, [b, p] = z(!1), [v, k] = z(!1), x = T ? "transparent" : m ? "var(--lucent-danger-default)" : b ? "var(--lucent-focus-ring)" : v ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", M = b ? `0 0 0 3px ${m ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", S = {
       display: "flex",
       alignItems: "center",
       color: T ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
@@ -462,7 +462,7 @@ const Xo = {
   }
 );
 ce.displayName = "Input";
-const Jo = {
+const ei = {
   id: "input",
   name: "Input",
   tier: "atom",
@@ -511,13 +511,13 @@ const Jo = {
   lg: "var(--lucent-space-4)"
 }, on = pe(
   ({ label: e, helperText: t, errorText: r, autoResize: o = !1, maxLength: a, showCount: i = !1, size: l = "md", id: s, value: c, onChange: d, disabled: u, style: f, ...h }, m) => {
-    const T = V(null), v = m ?? T, p = s ?? `lucent-textarea-${Math.random().toString(36).slice(2, 7)}`, b = !!r, k = !!u, x = typeof c == "string" ? c.length : 0;
+    const T = V(null), b = m ?? T, p = s ?? `lucent-textarea-${Math.random().toString(36).slice(2, 7)}`, v = !!r, k = !!u, x = typeof c == "string" ? c.length : 0;
     X(() => {
       if (!o) return;
-      const S = v.current;
+      const S = b.current;
       S && (S.style.height = "auto", S.style.height = `${S.scrollHeight}px`);
-    }, [c, o, v]);
-    const M = k ? "transparent" : b ? "var(--lucent-danger-default)" : "var(--lucent-border-default)";
+    }, [c, o, b]);
+    const M = k ? "transparent" : v ? "var(--lucent-danger-default)" : "var(--lucent-border-default)";
     return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%" }, children: [
       e && /* @__PURE__ */ n("label", { htmlFor: p, style: {
         fontSize: an[l],
@@ -528,14 +528,14 @@ const Jo = {
       /* @__PURE__ */ n(
         "textarea",
         {
-          ref: v,
+          ref: b,
           id: p,
           maxLength: a,
           value: c,
           onChange: d,
           disabled: u,
-          "aria-invalid": b,
-          "aria-describedby": b ? `${p}-error` : t ? `${p}-helper` : void 0,
+          "aria-invalid": v,
+          "aria-describedby": v ? `${p}-error` : t ? `${p}-helper` : void 0,
           style: {
             width: "100%",
             minHeight: "100px",
@@ -559,27 +559,27 @@ const Jo = {
           },
           onMouseEnter: (S) => {
             var A;
-            !k && S.currentTarget !== document.activeElement && (S.currentTarget.style.borderColor = b ? "var(--lucent-danger-default)" : "var(--lucent-border-strong)"), (A = h.onMouseEnter) == null || A.call(h, S);
+            !k && S.currentTarget !== document.activeElement && (S.currentTarget.style.borderColor = v ? "var(--lucent-danger-default)" : "var(--lucent-border-strong)"), (A = h.onMouseEnter) == null || A.call(h, S);
           },
           onMouseLeave: (S) => {
             var A;
-            !k && S.currentTarget !== document.activeElement && (S.currentTarget.style.borderColor = b ? "var(--lucent-danger-default)" : "var(--lucent-border-default)"), (A = h.onMouseLeave) == null || A.call(h, S);
+            !k && S.currentTarget !== document.activeElement && (S.currentTarget.style.borderColor = v ? "var(--lucent-danger-default)" : "var(--lucent-border-default)"), (A = h.onMouseLeave) == null || A.call(h, S);
           },
           onFocus: (S) => {
             var A;
-            k || (S.currentTarget.style.borderColor = b ? "var(--lucent-danger-default)" : "var(--lucent-focus-ring)", S.currentTarget.style.boxShadow = `0 0 0 3px ${b ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}`, (A = h.onFocus) == null || A.call(h, S));
+            k || (S.currentTarget.style.borderColor = v ? "var(--lucent-danger-default)" : "var(--lucent-focus-ring)", S.currentTarget.style.boxShadow = `0 0 0 3px ${v ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}`, (A = h.onFocus) == null || A.call(h, S));
           },
           onBlur: (S) => {
             var A;
-            k || (S.currentTarget.style.borderColor = b ? "var(--lucent-danger-default)" : "var(--lucent-border-default)", S.currentTarget.style.boxShadow = "none", (A = h.onBlur) == null || A.call(h, S));
+            k || (S.currentTarget.style.borderColor = v ? "var(--lucent-danger-default)" : "var(--lucent-border-default)", S.currentTarget.style.boxShadow = "none", (A = h.onBlur) == null || A.call(h, S));
           },
           ...h
         }
       ),
       /* @__PURE__ */ y("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
         /* @__PURE__ */ y("div", { children: [
-          b && /* @__PURE__ */ n("span", { id: `${p}-error`, role: "alert", style: { fontSize: "var(--lucent-font-size-sm)", color: "var(--lucent-danger-text)", fontFamily: "var(--lucent-font-family-base)" }, children: r }),
-          !b && t && /* @__PURE__ */ n("span", { id: `${p}-helper`, style: { fontSize: "var(--lucent-font-size-sm)", color: "var(--lucent-text-secondary)", fontFamily: "var(--lucent-font-family-base)" }, children: t })
+          v && /* @__PURE__ */ n("span", { id: `${p}-error`, role: "alert", style: { fontSize: "var(--lucent-font-size-sm)", color: "var(--lucent-danger-text)", fontFamily: "var(--lucent-font-family-base)" }, children: r }),
+          !v && t && /* @__PURE__ */ n("span", { id: `${p}-helper`, style: { fontSize: "var(--lucent-font-size-sm)", color: "var(--lucent-text-secondary)", fontFamily: "var(--lucent-font-family-base)" }, children: t })
         ] }),
         (i || a) && /* @__PURE__ */ y("span", { style: {
           fontSize: "var(--lucent-font-size-xs)",
@@ -596,7 +596,7 @@ const Jo = {
   }
 );
 on.displayName = "Textarea";
-const Zo = {
+const ti = {
   id: "textarea",
   name: "Textarea",
   tier: "atom",
@@ -640,7 +640,7 @@ const Zo = {
   sm: { fontSize: "var(--lucent-font-size-xs)", padding: "0 var(--lucent-space-2)", height: "18px" },
   md: { fontSize: "var(--lucent-font-size-sm)", padding: "0 var(--lucent-space-2)", height: "22px" }
 };
-function Qo({ variant: e = "neutral", size: t = "md", dot: r = !1, children: o, style: a }) {
+function ni({ variant: e = "neutral", size: t = "md", dot: r = !1, children: o, style: a }) {
   const i = sn[e], l = ln[t];
   return /* @__PURE__ */ y("span", { style: {
     display: "inline-flex",
@@ -670,7 +670,7 @@ function Qo({ variant: e = "neutral", size: t = "md", dot: r = !1, children: o,
     o
   ] });
 }
-const ei = {
+const ai = {
   id: "badge",
   name: "Badge",
   tier: "atom",
@@ -780,7 +780,7 @@ function un({
   disabled: d = !1,
   style: u
 }) {
-  const f = cn[t], h = dn[r], [m, T] = z(!1), v = !d && (o || a), p = {
+  const f = cn[t], h = dn[r], [m, T] = z(!1), b = !d && (o || a), p = {
     display: "inline-flex",
     alignItems: "center",
     gap: h.gap,
@@ -791,25 +791,25 @@ function un({
     fontWeight: "var(--lucent-font-weight-medium)",
     lineHeight: 1,
     borderRadius: "var(--lucent-radius-lg)",
-    background: m && v ? f.hoverBg : f.bg,
+    background: m && b ? f.hoverBg : f.bg,
     color: f.color,
-    border: c ? "1px solid transparent" : `1px solid ${m && v ? f.hoverBorder : f.border}`,
+    border: c ? "1px solid transparent" : `1px solid ${m && b ? f.hoverBorder : f.border}`,
     whiteSpace: "nowrap",
     boxSizing: "border-box",
     opacity: d ? 0.5 : 1,
-    transform: m && v ? "translateY(-1px)" : "none",
-    boxShadow: m && v ? `0 2px 4px ${f.hoverBorder}22` : "none",
+    transform: m && b ? "translateY(-1px)" : "none",
+    boxShadow: m && b ? `0 2px 4px ${f.hoverBorder}22` : "none",
     transition: [
       "transform var(--lucent-duration-fast) 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(", "),
-    cursor: v ? "pointer" : "default",
+    cursor: b ? "pointer" : "default",
     // Reset button styles when onClick
     ...a ? { outline: "none" } : {},
     ...u
-  }, b = /* @__PURE__ */ y(oe, { children: [
+  }, v = /* @__PURE__ */ y(oe, { children: [
     l && /* @__PURE__ */ n("span", { style: {
       width: h.dotSize + 2,
       height: h.dotSize + 2,
@@ -875,11 +875,11 @@ function un({
       disabled: d,
       style: p,
       ...k,
-      children: b
+      children: v
     }
-  ) : /* @__PURE__ */ n("span", { style: p, ...k, children: b });
+  ) : /* @__PURE__ */ n("span", { style: p, ...k, children: v });
 }
-const ti = {
+const ri = {
   id: "chip",
   name: "Chip",
   tier: "atom",
@@ -934,7 +934,7 @@ function hn(e, t) {
   const r = e.trim().split(/\s+/);
   return r.length === 1 ? (((o = r[0]) == null ? void 0 : o[0]) ?? "").toUpperCase() : ((((a = r[0]) == null ? void 0 : a[0]) ?? "") + (((i = r[r.length - 1]) == null ? void 0 : i[0]) ?? "")).toUpperCase();
 }
-function ni({ src: e, alt: t, size: r = "md", initials: o, style: a, ...i }) {
+function oi({ src: e, alt: t, size: r = "md", initials: o, style: a, ...i }) {
   const l = pn[r], s = hn(t, o), c = {
     width: l,
     height: l,
@@ -975,7 +975,7 @@ function ni({ src: e, alt: t, size: r = "md", initials: o, style: a, ...i }) {
     }
   );
 }
-const ai = {
+const ii = {
   id: "avatar",
   name: "Avatar",
   tier: "atom",
@@ -1012,7 +1012,7 @@ const ai = {
   md: 2,
   lg: 2
 };
-function bn({ size: e = "md", label: t = "Loading…", color: r }) {
+function vn({ size: e = "md", label: t = "Loading…", color: r }) {
   const o = mn[e], a = gn[e];
   return /* @__PURE__ */ y("span", { role: "status", "aria-label": t, style: { display: "inline-flex", alignItems: "center", justifyContent: "center" }, children: [
     /* @__PURE__ */ y(
@@ -1042,7 +1042,7 @@ function bn({ size: e = "md", label: t = "Loading…", color: r }) {
     /* @__PURE__ */ n("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap" }, children: t })
   ] });
 }
-const ri = {
+const si = {
   id: "spinner",
   name: "Spinner",
   tier: "atom",
@@ -1067,7 +1067,7 @@ const ri = {
     notes: 'The visible SVG is aria-hidden. The label is conveyed via a visually-hidden span inside role="status".'
   }
 };
-function oi({ orientation: e = "horizontal", label: t, spacing: r = "var(--lucent-space-4)", style: o }) {
+function li({ orientation: e = "horizontal", label: t, spacing: r = "var(--lucent-space-4)", style: o }) {
   return e === "vertical" ? /* @__PURE__ */ n(
     "span",
     {
@@ -1122,7 +1122,7 @@ function oi({ orientation: e = "horizontal", label: t, spacing: r = "var(--lucen
     }
   );
 }
-const ii = {
+const ci = {
   id: "divider",
   name: "Divider",
   tier: "atom",
@@ -1145,7 +1145,7 @@ const ii = {
     role: "separator",
     ariaAttributes: ["aria-orientation", "aria-label"]
   }
-}, vn = { sm: 14, md: 16, lg: 20 }, yn = { 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)" }, xn = `
+}, bn = { sm: 14, md: 16, lg: 20 }, yn = { 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)" }, xn = `
 @keyframes lucent-cb-pop {
   0%   { transform: scale(1); }
   35%  { transform: scale(0.82); }
@@ -1172,7 +1172,7 @@ const ii = {
     style: u,
     ...f
   }, h) => {
-    const m = V(null), T = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, v = vn[t], p = i !== void 0, [b, k] = z(l ?? !1), [x, M] = z(!1), S = p ? !!i : b, A = V(S), [R, C] = z(0);
+    const m = V(null), T = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, b = bn[t], p = i !== void 0, [v, k] = z(l ?? !1), [x, M] = z(!1), S = p ? !!i : v, A = V(S), [R, C] = z(0);
     X(() => {
       !s && A.current !== S && (A.current = S, C((L) => L + 1));
     }, [S, s]);
@@ -1188,8 +1188,8 @@ const ii = {
     const $ = (L) => {
       p || k(L.target.checked), d == null || d(L);
     }, W = s ? "var(--lucent-text-disabled)" : "var(--lucent-text-on-accent)", w = {
-      width: v,
-      height: v,
+      width: b,
+      height: b,
       // fixed corner so global radius overrides (e.g. via customizer) don't
       // turn checkboxes into circles. the design spec keeps them slightly
       // rounded regardless of theming.
@@ -1204,7 +1204,7 @@ const ii = {
       transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
       // Re-key forces the animation to restart on every toggle.
       animation: R > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
-    }, P = /* @__PURE__ */ y(
+    }, F = /* @__PURE__ */ y(
       "label",
       {
         style: {
@@ -1225,7 +1225,7 @@ const ii = {
               ref: D,
               type: "checkbox",
               id: T,
-              checked: p ? i : b,
+              checked: p ? i : v,
               disabled: s,
               onChange: $,
               style: { position: "absolute", opacity: 0, width: 0, height: 0, margin: 0, pointerEvents: "none" },
@@ -1236,8 +1236,8 @@ const ii = {
             S && !r && /* @__PURE__ */ n(
               "svg",
               {
-                width: v - 4,
-                height: v - 4,
+                width: b - 4,
+                height: b - 4,
                 viewBox: "0 0 10 10",
                 fill: "none",
                 style: { animation: "lucent-cb-mark 200ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" },
@@ -1247,8 +1247,8 @@ const ii = {
             r && /* @__PURE__ */ n(
               "svg",
               {
-                width: v - 4,
-                height: v - 4,
+                width: b - 4,
+                height: b - 4,
                 viewBox: "0 0 10 10",
                 fill: "none",
                 style: { animation: "lucent-cb-mark 200ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" },
@@ -1295,14 +1295,14 @@ const ii = {
             var N;
             s || L.target === L.currentTarget && ((N = m.current) == null || N.click());
           },
-          children: P
+          children: F
         }
-      ) : P
+      ) : F
     ] });
   }
 );
 yt.displayName = "Checkbox";
-const si = {
+const di = {
   id: "checkbox",
   name: "Checkbox",
   tier: "atom",
@@ -1428,11 +1428,11 @@ const Sn = { sm: 14, md: 16, lg: 20 }, Tn = { sm: "calc(var(--lucent-space-8) *
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
 };
-function li({ value: e, label: t, size: r = "md", contained: o = !1, helperText: a, disabled: i, id: l, onChange: s, checked: c, style: d, ...u }) {
-  const f = fe(xt), h = l ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, m = Sn[r], [T, v] = z(!1), p = i ?? (f == null ? void 0 : f.disabled) ?? !1, b = f ? f.value === e : !!c, k = V(b), [x, M] = z(0);
+function ui({ value: e, label: t, size: r = "md", contained: o = !1, helperText: a, disabled: i, id: l, onChange: s, checked: c, style: d, ...u }) {
+  const f = fe(xt), h = l ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, m = Sn[r], [T, b] = z(!1), p = i ?? (f == null ? void 0 : f.disabled) ?? !1, v = f ? f.value === e : !!c, k = V(v), [x, M] = z(0);
   X(() => {
-    !p && k.current !== b && (k.current = b, M((D) => D + 1));
-  }, [b, p]);
+    !p && k.current !== v && (k.current = v, M((D) => D + 1));
+  }, [v, p]);
   const S = (D) => {
     f == null || f.onChange(e), s == null || s(D);
   }, A = {
@@ -1440,14 +1440,14 @@ function li({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
     height: m / 2,
     borderRadius: "50%",
     background: p ? "var(--lucent-text-disabled)" : "var(--lucent-text-on-accent)",
-    animation: b ? "lucent-radio-dot 200ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0,
-    opacity: b ? 1 : 0
+    animation: v ? "lucent-radio-dot 200ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0,
+    opacity: v ? 1 : 0
   }, R = {
     width: m,
     height: m,
     borderRadius: "50%",
-    border: `1.5px solid ${p ? "transparent" : b ? "var(--lucent-accent-default)" : "var(--lucent-border-strong)"}`,
-    background: p ? "var(--lucent-surface-secondary)" : b ? "var(--lucent-accent-default)" : "var(--lucent-surface)",
+    border: `1.5px solid ${p ? "transparent" : v ? "var(--lucent-accent-default)" : "var(--lucent-border-strong)"}`,
+    background: p ? "var(--lucent-surface-secondary)" : v ? "var(--lucent-accent-default)" : "var(--lucent-surface)",
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -1476,7 +1476,7 @@ function li({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
             id: h,
             value: e,
             name: (f == null ? void 0 : f.name) ?? u.name,
-            checked: b,
+            checked: v,
             disabled: p,
             onChange: S,
             style: { position: "absolute", opacity: 0, width: 0, height: 0, margin: 0, pointerEvents: "none" },
@@ -1504,14 +1504,14 @@ function li({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
       "div",
       {
         onMouseEnter: () => {
-          p || v(!0);
+          p || b(!0);
         },
-        onMouseLeave: () => v(!1),
+        onMouseLeave: () => b(!1),
         style: {
-          border: `1px solid ${b && !p ? "var(--lucent-accent-default)" : T && !p ? "var(--lucent-border-strong)" : "var(--lucent-border-default)"}`,
+          border: `1px solid ${v && !p ? "var(--lucent-accent-default)" : T && !p ? "var(--lucent-border-strong)" : "var(--lucent-border-default)"}`,
           borderRadius: "var(--lucent-radius-lg)",
           ...a ? { padding: "var(--lucent-space-3)" } : { minHeight: Tn[r], padding: "0 var(--lucent-space-3)", display: "flex", alignItems: "center" },
-          background: b && !p ? "var(--lucent-accent-subtle)" : "var(--lucent-surface)",
+          background: v && !p ? "var(--lucent-accent-subtle)" : "var(--lucent-surface)",
           transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default), background var(--lucent-duration-fast) var(--lucent-easing-default)",
           cursor: p ? "not-allowed" : "pointer",
           ...d
@@ -1527,7 +1527,7 @@ function li({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
     ) : C
   ] });
 }
-function ci({
+function pi({
   defaultValue: e = "",
   onChange: t,
   ...r
@@ -1544,7 +1544,7 @@ function ci({
     }
   );
 }
-const di = {
+const fi = {
   id: "radio",
   name: "Radio",
   tier: "atom",
@@ -1654,7 +1654,7 @@ const di = {
   100% { transform: scale(1); }
 }
 `;
-function ui({
+function hi({
   label: e,
   size: t = "md",
   checked: r,
@@ -1668,7 +1668,7 @@ function ui({
   style: u,
   ...f
 }) {
-  const h = c ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, m = r !== void 0, [T, v] = z(o ?? !1), p = m ? !!r : T, [b, k] = z(!1), x = V(p), [M, S] = z(0), [A, R] = z(!1);
+  const h = c ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, m = r !== void 0, [T, b] = z(o ?? !1), p = m ? !!r : T, [v, k] = z(!1), x = V(p), [M, S] = z(0), [A, R] = z(!1);
   X(() => {
     if (!s && x.current !== p) {
       x.current = p, S((U) => U + 1), R(!0);
@@ -1677,8 +1677,8 @@ function ui({
     }
   }, [p, s]);
   const { track: [C, D], thumb: $ } = Mn[t], W = p ? C - $ - 2 : 2, w = (N) => {
-    m || v(N.target.checked), d == null || d(N);
-  }, P = /* @__PURE__ */ y(
+    m || b(N.target.checked), d == null || d(N);
+  }, F = /* @__PURE__ */ y(
     "span",
     {
       "aria-hidden": !0,
@@ -1752,7 +1752,7 @@ function ui({
             ...f
           }
         ),
-        l === "left" && P,
+        l === "left" && F,
         e || i ? /* @__PURE__ */ y("span", { style: { display: "flex", flexDirection: "column", flex: l === "right" ? 1 : void 0 }, children: [
           e && /* @__PURE__ */ n("span", { style: {
             fontWeight: i ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1764,7 +1764,7 @@ function ui({
             marginTop: "2px"
           }, children: i })
         ] }) : null,
-        l === "right" && P
+        l === "right" && F
       ]
     }
   );
@@ -1778,7 +1778,7 @@ function ui({
         },
         onMouseLeave: () => k(!1),
         style: {
-          border: `1px solid ${p && !s ? "var(--lucent-accent-default)" : b && !s ? "var(--lucent-border-strong)" : "var(--lucent-border-default)"}`,
+          border: `1px solid ${p && !s ? "var(--lucent-accent-default)" : v && !s ? "var(--lucent-border-strong)" : "var(--lucent-border-default)"}`,
           borderRadius: "var(--lucent-radius-lg)",
           ...i ? { padding: "var(--lucent-space-3)" } : { minHeight: In[t], padding: "0 var(--lucent-space-3)", display: "flex", alignItems: "center" },
           background: p && !s ? "var(--lucent-accent-subtle)" : "var(--lucent-surface)",
@@ -1797,7 +1797,7 @@ function ui({
     ) : L
   ] });
 }
-const pi = {
+const mi = {
   id: "toggle",
   name: "Toggle",
   tier: "atom",
@@ -1902,7 +1902,7 @@ const pi = {
   lg: "var(--lucent-space-3)"
 }, wt = pe(
   ({ options: e, size: t = "md", label: r, helperText: o, errorText: a, placeholder: i, disabled: l, id: s, style: c, ...d }, u) => {
-    const f = s ?? `lucent-select-${Math.random().toString(36).slice(2, 7)}`, h = !!a, m = !!l, [T, v] = z(!1), [p, b] = z(!1), k = m ? "transparent" : h ? "var(--lucent-danger-default)" : T ? "var(--lucent-focus-ring)" : p ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", x = T ? `0 0 0 3px ${h ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+    const f = s ?? `lucent-select-${Math.random().toString(36).slice(2, 7)}`, h = !!a, m = !!l, [T, b] = z(!1), [p, v] = z(!1), k = m ? "transparent" : h ? "var(--lucent-danger-default)" : T ? "var(--lucent-focus-ring)" : p ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", x = T ? `0 0 0 3px ${h ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
     return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...c }, children: [
       r && /* @__PURE__ */ n(
         "label",
@@ -1936,9 +1936,9 @@ const pi = {
             ].join(", ")
           },
           onMouseEnter: () => {
-            m || b(!0);
+            m || v(!0);
           },
-          onMouseLeave: () => b(!1),
+          onMouseLeave: () => v(!1),
           children: [
             /* @__PURE__ */ y(
               "select",
@@ -1965,14 +1965,14 @@ const pi = {
                 },
                 onFocus: (M) => {
                   var S;
-                  m || v(!0), (S = d.onFocus) == null || S.call(d, M);
+                  m || b(!0), (S = d.onFocus) == null || S.call(d, M);
                 },
                 onBlur: (M) => {
                   var S;
-                  v(!1), (S = d.onBlur) == null || S.call(d, M);
+                  b(!1), (S = d.onBlur) == null || S.call(d, M);
                 },
                 onMouseDown: () => {
-                  m || v(!0);
+                  m || b(!0);
                 },
                 ...d,
                 children: [
@@ -2028,7 +2028,7 @@ const pi = {
   }
 );
 wt.displayName = "Select";
-const fi = {
+const gi = {
   id: "select",
   name: "Select",
   tier: "atom",
@@ -2138,7 +2138,7 @@ const fi = {
   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 hi({ children: e, variant: t = "neutral", size: r = "md", onDismiss: o, disabled: a }) {
+function vi({ children: e, variant: t = "neutral", size: r = "md", onDismiss: o, disabled: a }) {
   const i = En[t], l = qn[r], [s, c] = z(!1), d = !a && o;
   return /* @__PURE__ */ y(
     "span",
@@ -2208,7 +2208,7 @@ function hi({ children: e, variant: t = "neutral", size: r = "md", onDismiss: o,
     }
   );
 }
-const mi = {
+const bi = {
   id: "tag",
   name: "Tag",
   tier: "atom",
@@ -2300,7 +2300,7 @@ const mi = {
     borderColor: "transparent var(--lucent-text-primary) transparent transparent"
   }
 };
-function gi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
+function yi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
   const [a, i] = z(!1), l = V(null), s = () => {
     l.current = setTimeout(() => i(!0), o);
   }, c = () => {
@@ -2358,7 +2358,7 @@ function gi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
     }
   ) : /* @__PURE__ */ n(oe, { children: t });
 }
-const bi = {
+const xi = {
   id: "tooltip",
   name: "Tooltip",
   tier: "atom",
@@ -2414,7 +2414,7 @@ const bi = {
   lg: 20,
   xl: 24
 };
-function vi({ children: e, size: t = "md", label: r, color: o, style: a }) {
+function wi({ children: e, size: t = "md", label: r, color: o, style: a }) {
   const i = Ln[t];
   return /* @__PURE__ */ n(
     "span",
@@ -2436,7 +2436,7 @@ function vi({ children: e, size: t = "md", label: r, color: o, style: a }) {
     }
   );
 }
-const yi = {
+const ki = {
   id: "icon",
   name: "Icon",
   tier: "atom",
@@ -2484,7 +2484,7 @@ const yi = {
     ariaAttributes: ["aria-label", "aria-hidden"],
     notes: 'aria-hidden="true" is applied automatically when no label is given, hiding the icon from screen readers.'
   }
-}, Fn = {
+}, Pn = {
   primary: "var(--lucent-text-primary)",
   secondary: "var(--lucent-text-secondary)",
   disabled: "var(--lucent-text-disabled)",
@@ -2494,7 +2494,7 @@ const yi = {
   warning: "var(--lucent-warning-text)",
   danger: "var(--lucent-danger-text)",
   info: "var(--lucent-info-text)"
-}, Pn = {
+}, Fn = {
   xs: "var(--lucent-font-size-xs)",
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
@@ -2530,9 +2530,9 @@ function _({
   ...u
 }) {
   const f = {
-    fontSize: Pn[t],
+    fontSize: Fn[t],
     fontWeight: Nn[r],
-    color: Fn[o],
+    color: Pn[o],
     textAlign: a,
     lineHeight: $n[i],
     fontFamily: Wn[l],
@@ -2546,7 +2546,7 @@ function _({
   };
   return /* @__PURE__ */ n(e, { style: f, ...u, children: c });
 }
-const xi = {
+const Si = {
   id: "text",
   name: "Text",
   tier: "atom",
@@ -2644,7 +2644,7 @@ const xi = {
     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 wi({
+function Ti({
   children: e,
   href: t,
   isActive: r = !1,
@@ -2790,7 +2790,7 @@ const On = { sm: "3px", md: "4px", lg: "5px" }, Hn = { sm: "14px", md: "18px", l
   cursor: not-allowed;
 }
 `;
-function ki({
+function Ci({
   label: e,
   showValue: t = !1,
   size: r = "md",
@@ -2805,9 +2805,9 @@ function ki({
   style: f,
   ...h
 }) {
-  const m = d ?? `lucent-slider-${Math.random().toString(36).slice(2, 7)}`, T = l !== void 0, [v, p] = z(
+  const m = d ?? `lucent-slider-${Math.random().toString(36).slice(2, 7)}`, T = l !== void 0, [b, p] = z(
     s ?? Math.round((o + a) / 2)
-  ), b = T ? l : v, k = `${(b - o) / (a - o) * 100}%`, x = (M) => {
+  ), v = T ? l : b, k = `${(v - o) / (a - o) * 100}%`, x = (M) => {
     T || p(Number(M.target.value)), u == null || u(M);
   };
   return /* @__PURE__ */ y(oe, { children: [
@@ -2854,7 +2854,7 @@ function ki({
                       color: c ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
                       fontVariantNumeric: "tabular-nums"
                     },
-                    children: b
+                    children: v
                   }
                 )
               ]
@@ -2870,7 +2870,7 @@ function ki({
               max: a,
               step: i,
               disabled: c,
-              value: T ? l : v,
+              value: T ? l : b,
               onChange: x,
               style: {
                 "--ls-track-h": On[r],
@@ -2885,7 +2885,7 @@ function ki({
     )
   ] });
 }
-const Si = {
+const Ii = {
   id: "slider",
   name: "Slider",
   tier: "atom",
@@ -2991,7 +2991,7 @@ function Un() {
 function Gn() {
   return /* @__PURE__ */ n("svg", { width: 13, height: 13, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M20 6L9 17l-5-5" }) });
 }
-function Ti({
+function Mi({
   code: e,
   language: t,
   tabs: r,
@@ -3000,13 +3000,13 @@ function Ti({
   showCopyButton: i = !0,
   style: l
 }) {
-  var b, k;
-  const s = !!(r != null && r.length), [c, d] = z(0), [u, f] = z(!1), h = s ? ((b = r[c]) == null ? void 0 : b.code) ?? "" : e ?? "", m = s ? (k = r[c]) == null ? void 0 : k.language : t, T = async () => {
+  var v, k;
+  const s = !!(r != null && r.length), [c, d] = z(0), [u, f] = z(!1), h = s ? ((v = r[c]) == null ? void 0 : v.code) ?? "" : e ?? "", m = s ? (k = r[c]) == null ? void 0 : k.language : t, T = async () => {
     try {
       await navigator.clipboard.writeText(h), f(!0), setTimeout(() => f(!1), jn);
     } catch {
     }
-  }, v = {
+  }, b = {
     display: "inline-flex",
     alignItems: "center",
     gap: "var(--lucent-space-1)",
@@ -3025,7 +3025,7 @@ function Ti({
     {
       onClick: T,
       "aria-label": u ? "Copied!" : "Copy code",
-      style: v,
+      style: b,
       onMouseEnter: (x) => {
         u || (x.currentTarget.style.background = "var(--lucent-surface-secondary)", x.currentTarget.style.color = "var(--lucent-text-primary)");
       },
@@ -3205,7 +3205,7 @@ function Ti({
     }
   );
 }
-const Ci = {
+const Di = {
   id: "code-block",
   name: "CodeBlock",
   tier: "atom",
@@ -3381,7 +3381,7 @@ xe.Body = Kn;
 xe.Foot = Xn;
 xe.Row = Jn;
 xe.Cell = Zn;
-const Ii = {
+const zi = {
   id: "table",
   name: "Table",
   tier: "atom",
@@ -3496,10 +3496,10 @@ function kt({
   id: s,
   style: c
 }) {
-  var b;
+  var v;
   const [d, u] = z(
-    r ?? ((b = e[0]) == null ? void 0 : b.value) ?? ""
-  ), f = t !== void 0 ? t : d, h = V(null), [m, T] = z(null), v = V(!1);
+    r ?? ((v = e[0]) == null ? void 0 : v.value) ?? ""
+  ), f = t !== void 0 ? t : d, h = V(null), [m, T] = z(null), b = V(!1);
   se(() => {
     const k = h.current;
     if (!k) return;
@@ -3508,8 +3508,8 @@ function kt({
       S && (T({
         left: S.offsetLeft,
         width: S.offsetWidth,
-        animate: v.current
-      }), v.current = !0);
+        animate: b.current
+      }), b.current = !0);
     };
     x();
     const M = new ResizeObserver(x);
@@ -3850,8 +3850,8 @@ function ua({
   id: c,
   style: d
 }) {
-  var F, j;
-  const u = o === "sm" ? 24 : 40, f = ve(), h = c ?? f, [m, T] = z(!1), [v, p] = z("hex"), [b, k] = z(0), [x, M] = z(() => {
+  var P, j;
+  const u = o === "sm" ? 24 : 40, f = be(), h = c ?? f, [m, T] = z(!1), [b, p] = z("hex"), [v, k] = z(0), [x, M] = z(() => {
     const g = e ? ke(e) ?? { r: 0, g: 0, b: 0, a: 1 } : { r: 0, g: 0, b: 0, a: 1 };
     return re(g);
   }), [S, A] = z(() => we(x).slice(1).toUpperCase()), R = V(null), C = V(null), D = V(null), [$, W] = z({ top: 0, left: 0 });
@@ -3882,7 +3882,7 @@ function ua({
     M(g);
     const E = we(g);
     A(E.slice(1).toUpperCase()), t == null || t(E);
-  }, [t]), P = ee((g) => {
+  }, [t]), F = ee((g) => {
     const E = C.current.getBoundingClientRect(), O = Math.round(qe((g.clientX - E.left) / E.width, 0, 1) * 100), Y = Math.round((1 - qe((g.clientY - E.top) / E.height, 0, 1)) * 100);
     w({ ...x, s: O, v: Y });
   }, [x, w]), L = ee(async () => {
@@ -3992,10 +3992,10 @@ function ua({
                       flexShrink: 0
                     },
                     onPointerDown: (g) => {
-                      g.currentTarget.setPointerCapture(g.pointerId), P(g);
+                      g.currentTarget.setPointerCapture(g.pointerId), F(g);
                     },
                     onPointerMove: (g) => {
-                      g.buttons > 0 && P(g);
+                      g.buttons > 0 && F(g);
                     },
                     children: [
                       /* @__PURE__ */ n("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to right, #fff, transparent)" } }),
@@ -4066,12 +4066,12 @@ function ua({
                     kt,
                     {
                       size: "sm",
-                      value: v,
+                      value: b,
                       onChange: (g) => p(g),
                       options: I.map(({ id: g, label: E }) => ({ value: g, label: E }))
                     }
                   ),
-                  v === "hex" && /* @__PURE__ */ y("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
+                  b === "hex" && /* @__PURE__ */ y("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
                     /* @__PURE__ */ n(
                       Ee,
                       {
@@ -4123,7 +4123,7 @@ function ua({
                       }
                     )
                   ] }),
-                  v === "rgb" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
+                  b === "rgb" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
                     { label: "R", val: N.r, max: 255, fn: (g) => w(re({ ...N, r: g })) },
                     { label: "G", val: N.g, max: 255, fn: (g) => w(re({ ...N, g })) },
                     { label: "B", val: N.b, max: 255, fn: (g) => w(re({ ...N, b: g })) },
@@ -4132,7 +4132,7 @@ function ua({
                     const G = +H.target.value;
                     !isNaN(G) && G >= 0 && G <= O && Y(G);
                   }, className: "lucent-cp-field", style: { flex: 1 } }, g)) }),
-                  v === "hsl" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
+                  b === "hsl" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
                     { label: "H", val: U.h, max: 360, fn: (g) => {
                       const { r: E, g: O, b: Y } = Ae(g, U.s, U.l);
                       w(re({ r: E, g: O, b: Y, a: x.a }));
@@ -4150,7 +4150,7 @@ function ua({
                     const G = +H.target.value;
                     !isNaN(G) && G >= 0 && G <= O && Y(G);
                   }, className: "lucent-cp-field", style: { flex: 1 } }, g)) }),
-                  v === "hsb" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
+                  b === "hsb" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
                     { label: "H", val: x.h, max: 360, fn: (g) => w({ ...x, h: g }) },
                     { label: "S", val: x.s, max: 100, fn: (g) => w({ ...x, s: g }) },
                     { label: "B", val: x.v, max: 100, fn: (g) => w({ ...x, v: g }) },
@@ -4164,7 +4164,7 @@ function ua({
                       wt,
                       {
                         size: "sm",
-                        value: String(b),
+                        value: String(v),
                         onChange: (g) => k(Number(g.target.value)),
                         options: l.map((g, E) => ({ value: String(E), label: g.label }))
                       }
@@ -4174,8 +4174,8 @@ function ua({
                       fontWeight: "var(--lucent-font-weight-medium)",
                       color: "var(--lucent-text-secondary)",
                       fontFamily: "var(--lucent-font-family-base)"
-                    }, children: (F = l[0]) == null ? void 0 : F.label }),
-                    /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: (((j = l[b]) == null ? void 0 : j.colors) ?? []).map((g) => {
+                    }, children: (P = l[0]) == null ? void 0 : P.label }),
+                    /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: (((j = l[v]) == null ? void 0 : j.colors) ?? []).map((g) => {
                       const E = Je(g).toLowerCase() === Z.slice(0, 7).toLowerCase();
                       return /* @__PURE__ */ n(
                         ze,
@@ -4199,7 +4199,7 @@ function ua({
   );
 }
 ua.displayName = "ColorPicker";
-const Mi = {
+const Ai = {
   id: "color-picker",
   name: "ColorPicker",
   tier: "atom",
@@ -4306,7 +4306,7 @@ const Mi = {
       "Tab — moves through format tabs and input fields within the popover"
     ]
   }
-}, Di = {
+}, Ei = {
   id: "color-swatch",
   name: "ColorSwatch",
   tier: "atom",
@@ -4341,7 +4341,7 @@ const Mi = {
     ariaAttributes: ["title (tooltip)"],
     keyboardInteractions: ["Enter / Space — triggers onClick"]
   }
-}, zi = {
+}, qi = {
   id: "segmented-control",
   name: "SegmentedControl",
   tier: "atom",
@@ -4451,7 +4451,7 @@ const Mi = {
   between: "space-between",
   around: "space-around"
 };
-function Ai({
+function Bi({
   gap: e = "4",
   align: t = "stretch",
   justify: r = "start",
@@ -4472,7 +4472,7 @@ function Ai({
   };
   return /* @__PURE__ */ n(o, { style: c, ...s, children: i });
 }
-const Ei = {
+const Ri = {
   id: "stack",
   name: "Stack",
   tier: "atom",
@@ -4597,7 +4597,7 @@ const Ei = {
   between: "space-between",
   around: "space-around"
 };
-function qi({
+function Li({
   gap: e = "3",
   align: t = "center",
   justify: r = "start",
@@ -4618,7 +4618,7 @@ function qi({
   };
   return /* @__PURE__ */ n(o, { style: c, ...s, children: i });
 }
-const Bi = {
+const Pi = {
   id: "row",
   name: "Row",
   tier: "atom",
@@ -4735,8 +4735,117 @@ const Bi = {
   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.'
   }
+}, ga = {
+  sm: { height: 4, radius: "var(--lucent-radius-sm)" },
+  md: { height: 8, radius: "var(--lucent-radius-md)" },
+  lg: { height: 12, radius: "var(--lucent-radius-md)" }
+}, va = {
+  accent: "var(--lucent-accent-default)",
+  success: "var(--lucent-success-default)",
+  warning: "var(--lucent-warning-default)",
+  danger: "var(--lucent-danger-default)"
 };
-function Ri({
+function ba(e, t, r, o, a) {
+  return o !== void 0 && a !== void 0 ? o <= a ? e >= a ? "danger" : e >= o ? "warning" : "success" : e <= a ? "danger" : e <= o ? "warning" : "success" : o !== void 0 ? o <= t / 2 ? e <= o ? "warning" : r ?? "accent" : e >= o ? "warning" : r ?? "accent" : a !== void 0 ? a <= t / 2 ? e <= a ? "danger" : r ?? "accent" : e >= a ? "danger" : r ?? "accent" : r ?? "accent";
+}
+function Fi({
+  value: e,
+  max: t = 100,
+  variant: r,
+  size: o = "md",
+  warnAt: a,
+  dangerAt: i,
+  label: l,
+  style: s
+}) {
+  const c = Math.max(0, Math.min(e, t)), d = t > 0 ? c / t * 100 : 0, u = ba(c, t, r, a, i), f = ga[o], h = va[u], m = l === !0 ? `${Math.round(d)}%` : l || null;
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "var(--lucent-space-3)",
+        fontFamily: "var(--lucent-font-family-base)",
+        ...s
+      },
+      children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            role: "progressbar",
+            "aria-valuenow": c,
+            "aria-valuemin": 0,
+            "aria-valuemax": t,
+            style: {
+              flex: 1,
+              height: f.height,
+              borderRadius: f.radius,
+              background: "var(--lucent-surface-secondary)",
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ n(
+              "div",
+              {
+                style: {
+                  width: `${d}%`,
+                  height: "100%",
+                  borderRadius: f.radius,
+                  background: h,
+                  transition: "width var(--lucent-duration-base) var(--lucent-easing-default), background var(--lucent-duration-base) var(--lucent-easing-default)"
+                }
+              }
+            )
+          }
+        ),
+        m != null && /* @__PURE__ */ n(
+          "span",
+          {
+            style: {
+              fontSize: "var(--lucent-font-size-sm)",
+              fontWeight: "var(--lucent-font-weight-medium)",
+              color: "var(--lucent-text-secondary)",
+              whiteSpace: "nowrap",
+              flexShrink: 0
+            },
+            children: m
+          }
+        )
+      ]
+    }
+  );
+}
+const Ni = {
+  id: "progress",
+  name: "Progress",
+  tier: "atom",
+  domain: "neutral",
+  specVersion: "0.1",
+  description: "A horizontal bar indicating completion, progress, or resource usage.",
+  designIntent: 'Use Progress to visualise a bounded numeric value — task completion, disk usage, health bars, etc. Set warnAt/dangerAt thresholds for automatic colour shifts instead of hardcoding variants. Ascending thresholds (warnAt < dangerAt) suit "high is bad" metrics like CPU; descending thresholds (warnAt > dangerAt) suit "low is bad" metrics like battery.',
+  props: [
+    { name: "value", type: "number", required: !0, description: "Current progress value." },
+    { name: "max", type: "number", required: !1, default: "100", description: "Maximum value." },
+    { name: "variant", type: "enum", required: !1, default: "accent", description: "Colour variant. Overridden when thresholds are set.", enumValues: ["accent", "success", "warning", "danger"] },
+    { name: "size", type: "enum", required: !1, default: "md", description: "Bar height.", enumValues: ["sm", "md", "lg"] },
+    { name: "warnAt", type: "number", required: !1, description: "Value at which variant auto-switches to warning." },
+    { name: "dangerAt", type: "number", required: !1, description: "Value at which variant auto-switches to danger." },
+    { name: "label", type: "union", required: !1, description: "true shows percentage; ReactNode shows custom label." }
+  ],
+  usageExamples: [
+    { title: "Basic", code: "<Progress value={60} />" },
+    { title: "With label", code: "<Progress value={42} label />" },
+    { title: "Thresholds", code: "<Progress value={85} warnAt={70} dangerAt={90} label />" },
+    { title: "Danger variant", code: '<Progress value={95} variant="danger" size="lg" label />' }
+  ],
+  compositionGraph: [],
+  accessibility: {
+    role: "progressbar",
+    ariaAttributes: ["aria-valuenow", "aria-valuemin", "aria-valuemax"],
+    notes: "Uses native progressbar role. Add aria-label on the wrapping element for screen-reader context."
+  }
+};
+function $i({
   label: e,
   htmlFor: t,
   required: r = !1,
@@ -4755,7 +4864,7 @@ function Ri({
     s && /* @__PURE__ */ n(_, { size: "xs", color: c, lineHeight: "tight", children: s })
   ] });
 }
-const Li = {
+const Wi = {
   id: "form-field",
   name: "FormField",
   tier: "molecule",
@@ -4841,11 +4950,11 @@ const Li = {
     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.'
   }
-}, ga = { sm: 14, md: 18, lg: 20 }, ba = { sm: "sm", md: "md", lg: "md" }, va = { sm: "var(--lucent-space-1)", md: "var(--lucent-space-2)", lg: "var(--lucent-space-2)" }, ya = ({ size: e = 16 }) => /* @__PURE__ */ y("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, ya = { sm: 14, md: 18, lg: 20 }, xa = { sm: "sm", md: "md", lg: "md" }, wa = { sm: "var(--lucent-space-1)", md: "var(--lucent-space-2)", lg: "var(--lucent-space-2)" }, ka = ({ size: e = 16 }) => /* @__PURE__ */ y("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "6.5", cy: "6.5", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M9.5 9.5L13 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), xa = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-function Fi({
+] }), Sa = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+function Oi({
   value: e,
   onChange: t,
   placeholder: r = "Search…",
@@ -4860,7 +4969,7 @@ function Fi({
   id: f,
   style: h
 }) {
-  const [m, T] = z(!1), [v, p] = z(null), b = V(null), k = V(null), x = V(null), [M, S] = z({ top: 0, left: 0, width: 0 }), A = m && s.length > 0;
+  const [m, T] = z(!1), [b, p] = z(null), v = V(null), k = V(null), x = V(null), [M, S] = z({ top: 0, left: 0, width: 0 }), A = m && s.length > 0;
   se(() => {
     if (!A || !k.current) return;
     const w = k.current.getBoundingClientRect();
@@ -4871,10 +4980,10 @@ function Fi({
   }, C = (w) => {
     c == null || c(w), T(!1);
   }, D = () => {
-    b.current = setTimeout(() => T(!1), 150);
+    v.current = setTimeout(() => T(!1), 150);
   }, $ = () => {
-    b.current && clearTimeout(b.current), T(!0);
-  }, W = d ? /* @__PURE__ */ n(bn, { size: "sm" }) : e ? /* @__PURE__ */ n(
+    v.current && clearTimeout(v.current), T(!0);
+  }, W = d ? /* @__PURE__ */ n(vn, { size: "sm" }) : e ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -4896,7 +5005,7 @@ function Fi({
       onMouseLeave: (w) => {
         w.currentTarget.style.color = "var(--lucent-text-secondary)";
       },
-      children: /* @__PURE__ */ n(xa, {})
+      children: /* @__PURE__ */ n(Sa, {})
     }
   ) : null;
   return /* @__PURE__ */ y("div", { ref: k, style: { ...h }, children: [
@@ -4910,7 +5019,7 @@ function Fi({
         onChange: (w) => t(w.target.value),
         placeholder: r,
         disabled: u,
-        leftElement: /* @__PURE__ */ n(ya, { size: ga[o] }),
+        leftElement: /* @__PURE__ */ n(ka, { size: ya[o] }),
         rightElement: W ?? void 0,
         onFocus: $,
         onBlur: D,
@@ -4937,24 +5046,24 @@ function Fi({
             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: va[o]
+            padding: wa[o]
           },
-          children: s.map((w, P) => /* @__PURE__ */ n(
+          children: s.map((w, F) => /* @__PURE__ */ n(
             "div",
             {
               role: "option",
               "aria-selected": !1,
               onMouseDown: () => C(w),
-              onMouseEnter: () => p(P),
+              onMouseEnter: () => p(F),
               onMouseLeave: () => p(null),
               style: {
                 padding: "var(--lucent-space-2)",
                 borderRadius: "var(--lucent-radius-md)",
                 cursor: "pointer",
-                background: v === P ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+                background: b === F ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
               },
-              children: /* @__PURE__ */ n(_, { as: "span", size: ba[o], children: w.label })
+              children: /* @__PURE__ */ n(_, { as: "span", size: xa[o], children: w.label })
             },
             w.id
           ))
@@ -4964,7 +5073,7 @@ function Fi({
     )
   ] });
 }
-const Pi = {
+const Hi = {
   id: "search-input",
   name: "SearchInput",
   tier: "molecule",
@@ -5086,7 +5195,7 @@ const [results, setResults] = useState([]);
     keyboardInteractions: ["Enter to select focused result", "Escape to close dropdown"],
     notes: 'The results list uses role="listbox" with role="option" items. For full keyboard navigation (arrow keys to move between results), wire up onKeyDown on the Input and manage an activeIndex state.'
   }
-}, Ct = ye("0"), wa = {
+}, Ct = ye("0"), Ta = {
   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)" },
@@ -5096,17 +5205,17 @@ const [results, setResults] = useState([]);
   sm: "var(--lucent-shadow-sm)",
   md: "var(--lucent-shadow-md)",
   lg: "var(--lucent-shadow-lg)"
-}, ka = {
+}, Ca = {
   none: "var(--lucent-radius-none)",
   sm: "var(--lucent-radius-sm)",
   md: "var(--lucent-radius-md)",
   lg: "var(--lucent-radius-lg)"
-}, Sa = {
+}, Ia = {
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
   danger: "var(--lucent-danger-default)",
   info: "var(--lucent-info-default)"
-}, Ta = {
+}, Ma = {
   ghost: {
     background: "transparent",
     border: "none",
@@ -5137,22 +5246,22 @@ const [results, setResults] = useState([]);
     shadowDefault: "none",
     dividers: !1
   }
-}, Ca = [
+}, Da = [
   "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(", "), Ia = "0 4px 14px -2px var(--lucent-accent-subtle)", Ma = "0 0 0 3px var(--lucent-accent-subtle)", Da = "0 0 0 2px var(--lucent-surface), 0 0 0 4px var(--lucent-accent-default)", za = "0 0 0 3px var(--lucent-accent-subtle)";
+].join(", "), za = "0 4px 14px -2px var(--lucent-accent-subtle)", Aa = "0 0 0 3px var(--lucent-accent-subtle)", Ea = "0 0 0 2px var(--lucent-surface), 0 0 0 4px var(--lucent-accent-default)", qa = "0 0 0 3px var(--lucent-accent-subtle)";
 function he(...e) {
   const t = e.filter(
     (r) => r != null && r !== "none" && r !== "var(--lucent-shadow-none)"
   );
   return t.length > 0 ? t.join(", ") : void 0;
 }
-function Aa(e, t, r) {
+function Ba(e, t, r) {
   return !t || r ? e.background : e.background === "transparent" ? "var(--lucent-accent-subtle)" : `color-mix(in srgb, var(--lucent-accent-default) 6%, ${e.background})`;
 }
-function Ni({
+function Vi({
   variant: e = "outline",
   header: t,
   footer: r,
@@ -5168,11 +5277,11 @@ function Ni({
   disabled: h,
   status: m,
   selected: T,
-  media: v
+  media: b
 }) {
-  const p = Ta[e], b = e === "combo", k = i ?? (b ? "md" : p.shadowDefault), { py: x, px: M } = wa[a], S = `${x} ${M}`, A = ka[l], R = d != null, C = c != null || R, D = (h ?? !1) && C, $ = R ? "a" : C ? "button" : "div", [W, w] = z(!1), [P, L] = z(!1), [N, U] = z(!1), Z = (T ?? !1) && !D, J = Z ? za : void 0, B = Aa(p, T ?? !1, D);
+  const p = Ma[e], v = e === "combo", k = i ?? (v ? "md" : p.shadowDefault), { py: x, px: M } = Ta[a], S = `${x} ${M}`, A = Ca[l], R = d != null, C = c != null || R, D = (h ?? !1) && C, $ = R ? "a" : C ? "button" : "div", [W, w] = z(!1), [F, L] = z(!1), [N, U] = z(!1), Z = (T ?? !1) && !D, J = Z ? qa : void 0, B = Ba(p, T ?? !1, D);
   let I;
-  b ? I = J : C && !D ? N ? I = he(Da, J) : P ? I = he(Ma, J) : W ? I = he(Ia, Se[k], J) : I = he(Se[k], J) : I = he(Se[k], J);
+  v ? I = J : C && !D ? N ? I = he(Ea, J) : F ? I = he(Aa, J) : W ? I = he(za, Se[k], J) : I = he(Se[k], J) : I = he(Se[k], J);
   const q = {
     display: "flex",
     flexDirection: "column",
@@ -5181,7 +5290,7 @@ function Ni({
     borderRadius: A,
     // Outer box-shadow rings (selected, focus) get clipped by overflow:hidden,
     // so we switch to overflow:visible when a ring is active.
-    overflow: Z || C && P ? "visible" : "hidden",
+    overflow: Z || C && F ? "visible" : "hidden",
     boxSizing: "border-box",
     position: "relative",
     ...I !== void 0 && { boxShadow: I },
@@ -5192,7 +5301,7 @@ function Ni({
     ...C && {
       cursor: D ? "not-allowed" : "pointer",
       outline: "none",
-      transition: Ca
+      transition: Da
     },
     // Button UA reset
     ...C && !R && {
@@ -5243,7 +5352,7 @@ function Ni({
       ...C && T !== void 0 && { "aria-pressed": T },
       ...R && D && { "aria-disabled": !0 },
       children: [
-        v != null && /* @__PURE__ */ n("div", { style: { lineHeight: 0 }, children: v }),
+        b != null && /* @__PURE__ */ n("div", { style: { lineHeight: 0 }, children: b }),
         m != null && /* @__PURE__ */ n(
           "div",
           {
@@ -5254,7 +5363,7 @@ function Ni({
               left: 0,
               bottom: 0,
               width: 3,
-              background: Sa[m],
+              background: Ia[m],
               zIndex: 1
             }
           }
@@ -5275,7 +5384,7 @@ function Ni({
             style: {
               padding: S,
               flex: 1,
-              ...b ? {
+              ...v ? {
                 background: "var(--lucent-surface)",
                 border: "1px solid var(--lucent-border-default)",
                 borderRadius: A,
@@ -5301,7 +5410,7 @@ function Ni({
     }
   );
 }
-function $i({ children: e, style: t }) {
+function ji({ children: e, style: t }) {
   const r = fe(Ct);
   return /* @__PURE__ */ n(
     "div",
@@ -5317,7 +5426,7 @@ function $i({ children: e, style: t }) {
     }
   );
 }
-const Wi = {
+const Ui = {
   id: "card",
   name: "Card",
   tier: "molecule",
@@ -5527,30 +5636,30 @@ const Wi = {
   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."
   }
-}, Ea = {
+}, Ra = {
   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" }
-}, qa = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, La = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M8 5.5V8.5M8 10.5V11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Ba = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Pa = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M5 8L7 10L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), Ra = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Fa = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
   /* @__PURE__ */ n("path", { d: "M8 6V9M8 11V11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), La = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Na = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Fa = {
-  info: /* @__PURE__ */ n(qa, {}),
-  success: /* @__PURE__ */ n(Ba, {}),
-  warning: /* @__PURE__ */ n(Ra, {}),
-  danger: /* @__PURE__ */ n(La, {})
-}, Pa = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-function Oi({
+] }), $a = {
+  info: /* @__PURE__ */ n(La, {}),
+  success: /* @__PURE__ */ n(Pa, {}),
+  warning: /* @__PURE__ */ n(Fa, {}),
+  danger: /* @__PURE__ */ n(Na, {})
+}, Wa = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+function Gi({
   variant: e = "info",
   title: t,
   children: r,
@@ -5558,7 +5667,7 @@ function Oi({
   icon: a,
   style: i
 }) {
-  const l = Ea[e], s = a ?? Fa[e];
+  const l = Ra[e], s = a ?? $a[e];
   return /* @__PURE__ */ y(
     "div",
     {
@@ -5616,14 +5725,14 @@ function Oi({
             onMouseLeave: (c) => {
               c.currentTarget.style.opacity = "0.7";
             },
-            children: /* @__PURE__ */ n(Pa, {})
+            children: /* @__PURE__ */ n(Wa, {})
           }
         )
       ]
     }
   );
 }
-const Hi = {
+const _i = {
   id: "alert",
   name: "Alert",
   tier: "molecule",
@@ -5698,7 +5807,7 @@ const Hi = {
     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 Yi({
   illustration: e,
   title: t,
   description: r,
@@ -5741,7 +5850,7 @@ function Vi({
     }
   );
 }
-const ji = {
+const Ki = {
   id: "empty-state",
   name: "EmptyState",
   tier: "molecule",
@@ -5812,11 +5921,11 @@ const ji = {
   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."
   }
-}, Na = {
+}, Oa = {
   text: "1em",
   circle: 40,
   rectangle: 40
-}, $a = {
+}, Ha = {
   text: "var(--lucent-radius-sm)",
   circle: "var(--lucent-radius-full)",
   rectangle: "var(--lucent-radius-md)"
@@ -5845,7 +5954,7 @@ function lt({
     }
   );
 }
-function Ui({
+function Xi({
   variant: e = "rectangle",
   width: t = "100%",
   height: r,
@@ -5854,7 +5963,7 @@ function Ui({
   radius: i,
   style: l
 }) {
-  const s = r ?? Na[e], c = i ?? $a[e], d = a ? /* @__PURE__ */ n("style", { children: `
+  const s = r ?? Oa[e], c = i ?? Ha[e], d = a ? /* @__PURE__ */ n("style", { children: `
       @keyframes lucent-skeleton-shimmer {
         0%   { background-position: 200% 0; }
         100% { background-position: -200% 0; }
@@ -5886,7 +5995,7 @@ function Ui({
     )
   ] });
 }
-const Gi = {
+const Ji = {
   id: "skeleton",
   name: "Skeleton",
   tier: "molecule",
@@ -5973,7 +6082,7 @@ const Gi = {
     notes: 'Wrap loading regions with aria-busy="true" on the container so screen readers know content is loading. Individual Skeleton elements are presentational and do not need ARIA attributes themselves.'
   }
 };
-function _i({ items: e, separator: t = "/", style: r }) {
+function Zi({ items: e, separator: t = "/", style: r }) {
   return /* @__PURE__ */ n("nav", { "aria-label": "Breadcrumb", style: r, children: /* @__PURE__ */ n(
     "ol",
     {
@@ -6039,28 +6148,28 @@ function _i({ items: e, separator: t = "/", style: r }) {
     }
   ) });
 }
-function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "underline", style: i }) {
+function Qi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "underline", style: i }) {
   var B;
-  const l = r !== void 0, [s, c] = z(t ?? ((B = e[0]) == null ? void 0 : B.value) ?? ""), d = l ? r : s, [u, f] = z(null), h = V([]), [m, T] = z(null), v = V(!1), p = a === "pills", b = V(null), k = V(null), x = V(null), [M, S] = z(e.length), [A, R] = z(!1), [C, D] = z(!1), [$, W] = z(null), w = e.slice(0, M), P = e.slice(M), L = P.length > 0, N = P.some((I) => I.value === d), U = () => {
+  const l = r !== void 0, [s, c] = z(t ?? ((B = e[0]) == null ? void 0 : B.value) ?? ""), d = l ? r : s, [u, f] = z(null), h = V([]), [m, T] = z(null), b = V(!1), p = a === "pills", v = V(null), k = V(null), x = V(null), [M, S] = z(e.length), [A, R] = z(!1), [C, D] = z(!1), [$, W] = z(null), w = e.slice(0, M), F = e.slice(M), L = F.length > 0, N = F.some((I) => I.value === d), U = () => {
     if (N) {
       T(null);
       return;
     }
-    const I = e.findIndex((F, j) => j < M && F.value === d), q = h.current[I];
+    const I = e.findIndex((P, j) => j < M && P.value === d), q = h.current[I];
     if (q) {
       if (p) {
-        const F = q.querySelector("span");
-        if (!F) return;
-        T({ left: F.offsetLeft + q.offsetLeft, width: F.offsetWidth, animate: v.current });
+        const P = q.querySelector("span");
+        if (!P) return;
+        T({ left: P.offsetLeft + q.offsetLeft, width: P.offsetWidth, animate: b.current });
       } else
-        T({ left: q.offsetLeft, width: q.offsetWidth, animate: v.current });
-      v.current = !0;
+        T({ left: q.offsetLeft, width: q.offsetWidth, animate: b.current });
+      b.current = !0;
     }
   };
   se(() => {
     U(), document.fonts.ready.then(U);
   }, [d, M, p]), X(() => {
-    const I = b.current;
+    const I = v.current;
     if (!I) return;
     const q = () => {
       const E = I.clientWidth, O = 70;
@@ -6087,15 +6196,15 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
       }
       S(H < 1 ? 1 : H);
     };
-    let F;
+    let P;
     (() => {
-      F = requestAnimationFrame(() => {
-        F = requestAnimationFrame(q);
+      P = requestAnimationFrame(() => {
+        P = requestAnimationFrame(q);
       });
     })();
     const g = new ResizeObserver(q);
     return g.observe(I), () => {
-      g.disconnect(), cancelAnimationFrame(F);
+      g.disconnect(), cancelAnimationFrame(P);
     };
   }, [e]), X(() => {
     if (!A) return;
@@ -6108,15 +6217,15 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
     l || c(I), o == null || o(I);
   }, J = (I, q) => {
     var E;
-    const F = w.map((O, Y) => O.disabled ? -1 : Y).filter((O) => O !== -1), j = F.indexOf(q);
+    const P = w.map((O, Y) => O.disabled ? -1 : Y).filter((O) => O !== -1), j = P.indexOf(q);
     let g = -1;
-    I.key === "ArrowRight" && (g = F[(j + 1) % F.length] ?? -1), I.key === "ArrowLeft" && (g = F[(j - 1 + F.length) % F.length] ?? -1), I.key === "Home" && (g = F[0] ?? -1), I.key === "End" && (g = F[F.length - 1] ?? -1), g !== -1 && (I.preventDefault(), (E = h.current[g]) == null || E.focus(), Z(w[g].value));
+    I.key === "ArrowRight" && (g = P[(j + 1) % P.length] ?? -1), I.key === "ArrowLeft" && (g = P[(j - 1 + P.length) % P.length] ?? -1), I.key === "Home" && (g = P[0] ?? -1), I.key === "End" && (g = P[P.length - 1] ?? -1), g !== -1 && (I.preventDefault(), (E = h.current[g]) == null || E.focus(), Z(w[g].value));
   };
   return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", position: "relative", ...i }, children: [
     /* @__PURE__ */ y(
       "div",
       {
-        ref: b,
+        ref: v,
         role: "tablist",
         style: {
           position: "relative",
@@ -6130,7 +6239,7 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
         },
         children: [
           e.map((I, q) => {
-            const F = q < M, j = I.value === d, g = I.disabled ?? !1;
+            const P = q < M, j = I.value === d, g = I.disabled ?? !1;
             return /* @__PURE__ */ y(
               "button",
               {
@@ -6142,13 +6251,13 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                 "aria-controls": `lucent-tabpanel-${I.value}`,
                 id: `lucent-tab-${I.value}`,
                 disabled: g,
-                tabIndex: j && F ? 0 : -1,
+                tabIndex: j && P ? 0 : -1,
                 onClick: () => {
                   g || Z(I.value);
                 },
                 onKeyDown: (E) => J(E, q),
                 onMouseEnter: () => {
-                  !g && F && f(q);
+                  !g && P && f(q);
                 },
                 onMouseLeave: () => f(null),
                 style: {
@@ -6163,10 +6272,10 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                   transition: "color var(--lucent-duration-fast) var(--lucent-easing-default)",
                   whiteSpace: "nowrap",
                   outline: "none",
-                  position: F ? "relative" : "absolute",
+                  position: P ? "relative" : "absolute",
                   zIndex: j ? 1 : 0,
                   // Hidden overflow tabs are positioned off-screen for measurement
-                  ...F ? {} : { visibility: "hidden", pointerEvents: "none", left: -9999 }
+                  ...P ? {} : { visibility: "hidden", pointerEvents: "none", left: -9999 }
                 },
                 children: [
                   /* @__PURE__ */ n("span", { style: {
@@ -6176,7 +6285,7 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                     background: !p && u === q && !j && !g ? "var(--lucent-surface-secondary)" : "transparent",
                     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
                   }, children: I.label }),
-                  p && u === q && !j && !g && F && /* @__PURE__ */ n(
+                  p && u === q && !j && !g && P && /* @__PURE__ */ n(
                     "span",
                     {
                       "aria-hidden": !0,
@@ -6273,8 +6382,8 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
           padding: "var(--lucent-space-1) 0",
           minWidth: 140
         },
-        children: P.map((I, q) => {
-          const F = I.value === d, j = I.disabled ?? !1, g = $ === q;
+        children: F.map((I, q) => {
+          const P = I.value === d, j = I.disabled ?? !1, g = $ === q;
           return /* @__PURE__ */ n(
             "button",
             {
@@ -6290,13 +6399,13 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                 display: "block",
                 width: "100%",
                 padding: "var(--lucent-space-2) var(--lucent-space-4)",
-                background: F || g ? "var(--lucent-surface-secondary)" : "none",
+                background: P || g ? "var(--lucent-surface-secondary)" : "none",
                 border: "none",
                 cursor: j ? "not-allowed" : "pointer",
                 fontFamily: "var(--lucent-font-family-base)",
                 fontSize: "var(--lucent-font-size-md)",
-                fontWeight: F ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-                color: j ? "var(--lucent-text-disabled)" : F || g ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                fontWeight: P ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+                color: j ? "var(--lucent-text-disabled)" : P || g ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                 textAlign: "left",
                 outline: "none",
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), color var(--lucent-duration-fast) var(--lucent-easing-default)"
@@ -6323,33 +6432,33 @@ function Yi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
     ))
   ] });
 }
-const Wa = `
+const Va = `
 @keyframes lucent-collapsible-open {
   from { opacity: 0; transform: translateY(-4px); }
   to   { opacity: 1; transform: translateY(0); }
 }
 `;
-function Ki({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChange: a, style: i }) {
+function es({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChange: a, style: i }) {
   const l = o !== void 0, [s, c] = z(r), d = l ? o : s, u = V(null), [f, h] = z(d ? void 0 : 0), m = V(!1);
   X(() => {
-    const v = u.current;
-    if (v)
+    const b = u.current;
+    if (b)
       if (d) {
-        const p = v.scrollHeight;
+        const p = b.scrollHeight;
         h(p), m.current = !0;
-        const b = setTimeout(() => {
+        const v = setTimeout(() => {
           h(void 0), m.current = !1;
         }, 220);
-        return () => clearTimeout(b);
+        return () => clearTimeout(v);
       } else
-        h(v.scrollHeight), v.getBoundingClientRect(), h(0);
+        h(b.scrollHeight), b.getBoundingClientRect(), h(0);
   }, [d]);
   const T = () => {
-    const v = !d;
-    l || c(v), a == null || a(v);
+    const b = !d;
+    l || c(b), a == null || a(b);
   };
   return /* @__PURE__ */ y(oe, { children: [
-    /* @__PURE__ */ n("style", { children: Wa }),
+    /* @__PURE__ */ n("style", { children: Va }),
     /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", fontFamily: "var(--lucent-font-family-base)", fontSize: "var(--lucent-font-size-md)", ...i }, children: [
       /* @__PURE__ */ y(
         "button",
@@ -6372,7 +6481,7 @@ function Ki({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChang
           },
           children: [
             /* @__PURE__ */ n("span", { style: { flex: 1 }, children: e }),
-            /* @__PURE__ */ n(Oa, { open: d })
+            /* @__PURE__ */ n(ja, { open: d })
           ]
         }
       ),
@@ -6401,7 +6510,7 @@ function Ki({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChang
     ] })
   ] });
 }
-function Oa({ open: e }) {
+function ja({ open: e }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -6424,11 +6533,11 @@ function Oa({ open: e }) {
     }
   );
 }
-const ge = "lucent-pl-no-scrollbar", Ha = `.${ge}{scrollbar-width:none}.${ge}::-webkit-scrollbar{display:none}`;
+const ge = "lucent-pl-no-scrollbar", Ua = `.${ge}{scrollbar-width:none}.${ge}::-webkit-scrollbar{display:none}`;
 function Te(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function Xi({
+function ts({
   children: e,
   header: t,
   sidebar: r,
@@ -6444,7 +6553,7 @@ function Xi({
   mainStyle: h,
   style: m
 }) {
-  const T = Te(a), v = Te(o), p = Te(s), b = Te(u), k = f === "bgBase" ? "var(--lucent-bg-base)" : f === "bgSubtle" ? "var(--lucent-bg-subtle)" : "var(--lucent-surface)";
+  const T = Te(a), b = Te(o), p = Te(s), v = Te(u), k = f === "bgBase" ? "var(--lucent-bg-base)" : f === "bgSubtle" ? "var(--lucent-bg-subtle)" : "var(--lucent-surface)";
   return /* @__PURE__ */ y(
     "div",
     {
@@ -6458,7 +6567,7 @@ function Xi({
         ...m
       },
       children: [
-        /* @__PURE__ */ n("style", { children: Ha }),
+        /* @__PURE__ */ n("style", { children: Ua }),
         t != null && /* @__PURE__ */ n(
           "div",
           {
@@ -6477,7 +6586,7 @@ function Xi({
             {
               className: ge,
               style: {
-                width: i ? 0 : v,
+                width: i ? 0 : b,
                 flexShrink: 0,
                 overflow: "hidden",
                 overflowY: i ? "hidden" : "auto",
@@ -6526,7 +6635,7 @@ function Xi({
           {
             style: {
               flexShrink: 0,
-              height: b,
+              height: v,
               zIndex: 10,
               background: k
             },
@@ -6537,7 +6646,7 @@ function Xi({
     }
   );
 }
-function Va({ state: e }) {
+function Ga({ state: e }) {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -6580,7 +6689,7 @@ function ct({ dir: e }) {
     }
   ) });
 }
-function Ji({
+function ns({
   columns: e,
   rows: t,
   pageSize: r = 10,
@@ -6590,36 +6699,36 @@ function Ji({
   emptyState: l,
   style: s
 }) {
-  const [c, d] = z(null), [u, f] = z(0), [h, m] = z(null), [T, v] = z({}), p = o !== void 0, b = p ? o : u, k = e.some((w) => w.filterable), x = k ? t.filter((w) => e.every((P) => {
-    if (!P.filterable) return !0;
-    const L = T[P.key];
+  const [c, d] = z(null), [u, f] = z(0), [h, m] = z(null), [T, b] = z({}), p = o !== void 0, v = p ? o : u, k = e.some((w) => w.filterable), x = k ? t.filter((w) => e.every((F) => {
+    if (!F.filterable) return !0;
+    const L = T[F.key];
     if (!L || L.length === 0) return !0;
-    const N = String(w[P.key] ?? "");
+    const N = String(w[F.key] ?? "");
     return L.includes(N);
-  })) : t, M = c ? [...x].sort((w, P) => {
-    const L = w[c.key], N = P[c.key], U = String(L ?? "").localeCompare(String(N ?? ""), void 0, { numeric: !0 });
+  })) : t, M = c ? [...x].sort((w, F) => {
+    const L = w[c.key], N = F[c.key], U = String(L ?? "").localeCompare(String(N ?? ""), void 0, { numeric: !0 });
     return c.dir === "asc" ? U : -U;
-  }) : x, S = r > 0 ? M.slice(b * r, (b + 1) * r) : M, A = r > 0 ? Math.max(1, Math.ceil(M.length / r)) : 1, R = (w) => {
+  }) : x, S = r > 0 ? M.slice(v * r, (v + 1) * r) : M, A = r > 0 ? Math.max(1, Math.ceil(M.length / r)) : 1, R = (w) => {
     p || f(w), a == null || a(w);
   }, C = (w) => {
-    d((P) => !P || P.key !== w ? { key: w, dir: "asc" } : P.dir === "asc" ? { key: w, dir: "desc" } : null), p || f(0), a == null || a(0);
-  }, D = (w, P) => {
-    const L = { ...T, [w]: P };
-    P.length === 0 && delete L[w], v(L), p || f(0), a == null || a(0), i == null || i(L);
+    d((F) => !F || F.key !== w ? { key: w, dir: "asc" } : F.dir === "asc" ? { key: w, dir: "desc" } : null), p || f(0), a == null || a(0);
+  }, D = (w, F) => {
+    const L = { ...T, [w]: F };
+    F.length === 0 && delete L[w], b(L), p || f(0), a == null || a(0), i == null || i(L);
   }, $ = () => {
-    v({}), p || f(0), a == null || a(0), i == null || i({});
+    b({}), p || f(0), a == null || a(0), i == null || i({});
   }, W = [];
   if (A <= 7)
     for (let w = 0; w < A; w++) W.push(w);
   else {
-    W.push(0), b > 2 && W.push("…");
-    for (let w = Math.max(1, b - 1); w <= Math.min(A - 2, b + 1); w++)
+    W.push(0), v > 2 && W.push("…");
+    for (let w = Math.max(1, v - 1); w <= Math.min(A - 2, v + 1); w++)
       W.push(w);
-    b < A - 3 && W.push("…"), W.push(A - 1);
+    v < A - 3 && W.push("…"), W.push(A - 1);
   }
   return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-3)", ...s }, children: [
     k && /* @__PURE__ */ n("div", { style: { position: "relative", zIndex: 1 }, children: /* @__PURE__ */ n(
-      ja,
+      _a,
       {
         columns: e,
         rows: t,
@@ -6639,7 +6748,7 @@ function Ji({
       fontSize: "var(--lucent-font-size-sm)"
     }, children: [
       /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { style: { borderBottom: "1px solid var(--lucent-border-default)" }, children: e.map((w) => {
-        const P = (c == null ? void 0 : c.key) === w.key ? c.dir : "none";
+        const F = (c == null ? void 0 : c.key) === w.key ? c.dir : "none";
         return /* @__PURE__ */ n(
           "th",
           {
@@ -6658,7 +6767,7 @@ function Ji({
             },
             children: /* @__PURE__ */ y("span", { style: { display: "inline-flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
               w.header,
-              w.sortable && /* @__PURE__ */ n(Va, { state: P })
+              w.sortable && /* @__PURE__ */ n(Ga, { state: F })
             ] })
           },
           w.key
@@ -6671,14 +6780,14 @@ function Ji({
           style: { padding: "var(--lucent-space-12)", textAlign: "center" },
           children: l ?? /* @__PURE__ */ n(_, { color: "secondary", children: "No data" })
         }
-      ) }) : S.map((w, P) => /* @__PURE__ */ n(
+      ) }) : S.map((w, F) => /* @__PURE__ */ n(
         "tr",
         {
-          onMouseEnter: () => m(P),
+          onMouseEnter: () => m(F),
           onMouseLeave: () => m(null),
           style: {
-            borderBottom: P < S.length - 1 ? "1px solid var(--lucent-border-subtle)" : "none",
-            background: h === P ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
+            borderBottom: F < S.length - 1 ? "1px solid var(--lucent-border-subtle)" : "none",
+            background: h === F ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
             transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
           },
           children: e.map((L) => /* @__PURE__ */ n(
@@ -6690,12 +6799,12 @@ function Ji({
                 textAlign: L.align ?? "left",
                 verticalAlign: "middle"
               },
-              children: L.render ? L.render(w, P) : String(w[L.key] ?? "")
+              children: L.render ? L.render(w, F) : String(w[L.key] ?? "")
             },
             L.key
           ))
         },
-        P
+        F
       )) })
     ] }) }),
     r > 0 && M.length > 0 && /* @__PURE__ */ y("div", { style: {
@@ -6705,29 +6814,29 @@ function Ji({
       gap: "var(--lucent-space-3)",
       flexWrap: "wrap"
     }, children: [
-      /* @__PURE__ */ n(_, { color: "secondary", size: "sm", children: M.length === 0 ? `0 rows${t.length > 0 ? ` (filtered from ${t.length})` : ""}` : M.length === 1 ? `1 row${M.length < t.length ? ` (filtered from ${t.length})` : ""}` : `${b * r + 1}–${Math.min((b + 1) * r, M.length)} of ${M.length} rows${M.length < t.length ? ` (filtered from ${t.length})` : ""}` }),
+      /* @__PURE__ */ n(_, { color: "secondary", size: "sm", children: M.length === 0 ? `0 rows${t.length > 0 ? ` (filtered from ${t.length})` : ""}` : M.length === 1 ? `1 row${M.length < t.length ? ` (filtered from ${t.length})` : ""}` : `${v * r + 1}–${Math.min((v + 1) * r, M.length)} of ${M.length} rows${M.length < t.length ? ` (filtered from ${t.length})` : ""}` }),
       /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
         /* @__PURE__ */ n(
           We,
           {
-            onClick: () => R(b - 1),
-            disabled: b === 0,
+            onClick: () => R(v - 1),
+            disabled: v === 0,
             "aria-label": "Previous page",
             children: /* @__PURE__ */ n(ct, { dir: "left" })
           }
         ),
         W.map(
-          (w, P) => w === "…" ? /* @__PURE__ */ n("span", { style: {
+          (w, F) => w === "…" ? /* @__PURE__ */ n("span", { style: {
             padding: "0 var(--lucent-space-1)",
             color: "var(--lucent-text-disabled)",
             fontSize: "var(--lucent-font-size-sm)"
-          }, children: "…" }, `ellipsis-${P}`) : /* @__PURE__ */ n(
+          }, children: "…" }, `ellipsis-${F}`) : /* @__PURE__ */ n(
             We,
             {
               onClick: () => R(w),
-              active: w === b,
+              active: w === v,
               "aria-label": `Page ${w + 1}`,
-              "aria-current": w === b ? "page" : void 0,
+              "aria-current": w === v ? "page" : void 0,
               children: w + 1
             },
             w
@@ -6736,8 +6845,8 @@ function Ji({
         /* @__PURE__ */ n(
           We,
           {
-            onClick: () => R(b + 1),
-            disabled: b >= A - 1,
+            onClick: () => R(v + 1),
+            disabled: v >= A - 1,
             "aria-label": "Next page",
             children: /* @__PURE__ */ n(ct, { dir: "right" })
           }
@@ -6746,7 +6855,7 @@ function Ji({
     ] })
   ] });
 }
-function ja({
+function _a({
   columns: e,
   rows: t,
   filters: r,
@@ -6760,7 +6869,7 @@ function ja({
         new Set(t.map((d) => String(d[s.key] ?? "")))
       ).sort();
       return /* @__PURE__ */ n(
-        Ua,
+        Ya,
         {
           label: s.header,
           values: c,
@@ -6792,7 +6901,7 @@ function ja({
     )
   ] });
 }
-function Ua({
+function Ya({
   label: e,
   values: t,
   value: r,
@@ -6810,14 +6919,14 @@ function Ua({
     }, 0);
     const p = (k) => {
       u.current && !u.current.contains(k.target) && i(!1);
-    }, b = (k) => {
+    }, v = (k) => {
       k.key === "Escape" && i(!1);
     };
-    return document.addEventListener("mousedown", p), document.addEventListener("keydown", b), () => {
-      document.removeEventListener("mousedown", p), document.removeEventListener("keydown", b);
+    return document.addEventListener("mousedown", p), document.addEventListener("keydown", v), () => {
+      document.removeEventListener("mousedown", p), document.removeEventListener("keydown", v);
     };
   }, [a]);
-  const m = c ? t.filter((p) => p.toLowerCase().includes(c.toLowerCase())) : t, T = (p) => o(r.includes(p) ? r.filter((b) => b !== p) : [...r, p]), v = r.length === 0 ? null : r.length === 1 ? /* @__PURE__ */ y("span", { style: { color: "var(--lucent-text-secondary)", fontWeight: "var(--lucent-font-weight-regular)" }, children: [
+  const m = c ? t.filter((p) => p.toLowerCase().includes(c.toLowerCase())) : t, T = (p) => o(r.includes(p) ? r.filter((v) => v !== p) : [...r, p]), b = r.length === 0 ? null : r.length === 1 ? /* @__PURE__ */ y("span", { style: { color: "var(--lucent-text-secondary)", fontWeight: "var(--lucent-font-weight-regular)" }, children: [
     ": ",
     r[0]
   ] }) : /* @__PURE__ */ y("span", { style: { color: "var(--lucent-accent-default)" }, children: [
@@ -6852,7 +6961,7 @@ function Ua({
         },
         children: [
           e,
-          v,
+          b,
           /* @__PURE__ */ n(
             "svg",
             {
@@ -6931,7 +7040,7 @@ function Ua({
         fontSize: "var(--lucent-font-size-xs)",
         textAlign: "center"
       }, children: "No results" }) : m.map((p) => /* @__PURE__ */ n(
-        Ga,
+        Ka,
         {
           label: p,
           isSelected: r.includes(p),
@@ -6942,7 +7051,7 @@ function Ua({
     ] })
   ] });
 }
-function Ga({ label: e, isSelected: t, onClick: r }) {
+function Ka({ label: e, isSelected: t, onClick: r }) {
   const [o, a] = z(!1);
   return /* @__PURE__ */ y(
     "button",
@@ -7023,7 +7132,7 @@ function We({
     }
   );
 }
-const Zi = {
+const as = {
   id: "data-table",
   name: "DataTable",
   tier: "molecule",
@@ -7132,18 +7241,18 @@ const Zi = {
     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.'
   }
-}, _a = `
+}, Xa = `
 @keyframes lucent-palette-in {
   from { opacity: 0; transform: scale(0.96) translateY(-8px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
 }
 `;
-function Ya(e, t) {
+function Ja(e, t) {
   var o;
   const r = t.toLowerCase();
   return e.label.toLowerCase().includes(r) || (((o = e.description) == null ? void 0 : o.toLowerCase().includes(r)) ?? !1);
 }
-function Qi({
+function rs({
   commands: e,
   placeholder: t = "Search commands…",
   shortcutKey: r = "k",
@@ -7151,37 +7260,37 @@ function Qi({
   onOpenChange: a,
   style: i
 }) {
-  const l = o !== void 0, [s, c] = z(!1), d = l ? o : s, [u, f] = z(""), [h, m] = z(0), T = V(null), v = V(null), p = V(!1);
+  const l = o !== void 0, [s, c] = z(!1), d = l ? o : s, [u, f] = z(""), [h, m] = z(0), T = V(null), b = V(null), p = V(!1);
   if (!p.current) {
     const C = document.createElement("style");
-    C.textContent = _a, document.head.appendChild(C), p.current = !0;
+    C.textContent = Xa, document.head.appendChild(C), p.current = !0;
   }
-  const b = ee((C) => {
+  const v = ee((C) => {
     l || c(C), a == null || a(C);
   }, [l, a]);
   X(() => {
     const C = (D) => {
-      (D.metaKey || D.ctrlKey) && D.key === r && (D.preventDefault(), b(!d));
+      (D.metaKey || D.ctrlKey) && D.key === r && (D.preventDefault(), v(!d));
     };
     return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
-  }, [d, r, b]), X(() => {
+  }, [d, r, v]), X(() => {
     d && (f(""), m(0), setTimeout(() => {
       var C;
       return (C = T.current) == null ? void 0 : C.focus();
     }, 10));
   }, [d]);
-  const k = u ? e.filter((C) => Ya(C, u)) : e, x = k.filter((C) => !C.disabled);
+  const k = u ? e.filter((C) => Ja(C, u)) : e, x = k.filter((C) => !C.disabled);
   X(() => {
-    const C = v.current;
+    const C = b.current;
     if (!C) return;
     const D = C.querySelector('[data-active="true"]');
     D == null || D.scrollIntoView({ block: "nearest" });
   }, [h]);
   const M = (C) => {
-    C.disabled || (C.onSelect(), b(!1));
+    C.disabled || (C.onSelect(), v(!1));
   }, S = (C) => {
     if (C.key === "Escape") {
-      b(!1);
+      v(!1);
       return;
     }
     if (C.key === "ArrowDown")
@@ -7205,7 +7314,7 @@ function Qi({
       role: "dialog",
       "aria-label": "Command palette",
       "aria-modal": "true",
-      onClick: () => b(!1),
+      onClick: () => v(!1),
       style: {
         position: "fixed",
         inset: 0,
@@ -7283,7 +7392,7 @@ function Qi({
               {
                 id: "lucent-command-list",
                 role: "listbox",
-                ref: v,
+                ref: b,
                 style: { maxHeight: 360, overflowY: "auto", padding: "var(--lucent-space-1) var(--lucent-space-2)" },
                 children: k.length === 0 ? /* @__PURE__ */ n("div", { style: { padding: "var(--lucent-space-8)", textAlign: "center" }, children: /* @__PURE__ */ y(_, { color: "secondary", children: [
                   'No results for "',
@@ -7296,14 +7405,14 @@ function Qi({
                   }, children: /* @__PURE__ */ n(_, { size: "xs", color: "secondary", weight: "medium", children: C }) }),
                   D.map((W) => {
                     const w = W.disabled ?? !1;
-                    let P = !1;
-                    return w || (P = R === h, R++), /* @__PURE__ */ y(
+                    let F = !1;
+                    return w || (F = R === h, R++), /* @__PURE__ */ y(
                       "div",
                       {
                         role: "option",
-                        "aria-selected": P,
+                        "aria-selected": F,
                         "aria-disabled": w,
-                        "data-active": P,
+                        "data-active": F,
                         onClick: () => M(W),
                         onMouseEnter: () => {
                           if (!w) {
@@ -7318,7 +7427,7 @@ function Qi({
                           padding: "var(--lucent-space-2) var(--lucent-space-3)",
                           borderRadius: "var(--lucent-radius-md)",
                           cursor: w ? "not-allowed" : "pointer",
-                          background: P ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+                          background: F ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
                           transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)",
                           opacity: w ? 0.5 : 1
                         },
@@ -7356,7 +7465,7 @@ function Qi({
     }
   );
 }
-const es = {
+const os = {
   id: "command-palette",
   name: "CommandPalette",
   tier: "overlay",
@@ -7438,15 +7547,15 @@ const es = {
     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.'
   }
-}, Ka = {
+}, Za = {
   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)"
-}, Xa = {
+}, Qa = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-lg)"
-}, Ja = {
+}, er = {
   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)"
@@ -7458,8 +7567,8 @@ const es = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, dt = { sm: "sm", md: "md", lg: "lg" }, Za = { sm: "sm", md: "md", lg: "lg" };
-function ts({
+}, dt = { sm: "sm", md: "md", lg: "lg" }, tr = { sm: "sm", md: "md", lg: "lg" };
+function is({
   options: e,
   value: t,
   defaultValue: r = [],
@@ -7473,39 +7582,39 @@ function ts({
   errorText: u,
   style: f
 }) {
-  const h = t !== void 0, [m, T] = z(r), v = h ? t : m, [p, b] = z(!1), [k, x] = z(""), [M, S] = z(0), [A, R] = z(!1), C = V(null), D = V(null), $ = V(null), W = V(null), [w, P] = z({ top: 0, left: 0, width: 0 }), L = ve();
+  const h = t !== void 0, [m, T] = z(r), b = h ? t : m, [p, v] = z(!1), [k, x] = z(""), [M, S] = z(0), [A, R] = z(!1), C = V(null), D = V(null), $ = V(null), W = V(null), [w, F] = z({ top: 0, left: 0, width: 0 }), L = be();
   X(() => {
     if (!p) return;
     const g = (E) => {
       var O, Y;
-      !((O = C.current) != null && O.contains(E.target)) && !((Y = W.current) != null && Y.contains(E.target)) && (b(!1), x(""));
+      !((O = C.current) != null && O.contains(E.target)) && !((Y = W.current) != null && Y.contains(E.target)) && (v(!1), x(""));
     };
     return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [p]), se(() => {
     if (!p || !$.current) return;
     const g = $.current.getBoundingClientRect();
-    P({ top: g.bottom + 4, left: g.left, width: g.width });
-  }, [p, v, k]);
+    F({ top: g.bottom + 4, left: g.left, width: g.width });
+  }, [p, b, k]);
   const N = (g) => {
-    const E = v.includes(g) ? v.filter((O) => O !== g) : l !== void 0 && v.length >= l ? v : [...v, g];
+    const E = b.includes(g) ? b.filter((O) => O !== g) : l !== void 0 && b.length >= l ? b : [...b, g];
     h || T(E), o == null || o(E);
   }, U = (g) => {
-    const E = v.filter((O) => O !== g);
+    const E = b.filter((O) => O !== g);
     h || T(E), o == null || o(E);
   }, Z = e.filter(
     (g) => g.label.toLowerCase().includes(k.toLowerCase())
   ), J = (g) => {
     if (g.key === "Escape") {
-      b(!1), x("");
+      v(!1), x("");
       return;
     }
-    if (g.key === "ArrowDown" && (g.preventDefault(), b(!0), S((E) => Math.min(E + 1, Z.length - 1))), g.key === "ArrowUp" && (g.preventDefault(), S((E) => Math.max(E - 1, 0))), g.key === "Enter") {
+    if (g.key === "ArrowDown" && (g.preventDefault(), v(!0), S((E) => Math.min(E + 1, Z.length - 1))), g.key === "ArrowUp" && (g.preventDefault(), S((E) => Math.max(E - 1, 0))), g.key === "Enter") {
       g.preventDefault();
       const E = Z[M];
       E && !E.disabled && N(E.value);
     }
-    g.key === "Backspace" && k === "" && v.length > 0 && U(v[v.length - 1]);
-  }, B = l !== void 0 && v.length >= l, I = !!u, q = i ? "var(--lucent-border-default)" : I ? "var(--lucent-danger-default)" : A ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", F = A ? `0 0 0 3px ${I ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", j = `lucent-multiselect-${ve()}`;
+    g.key === "Backspace" && k === "" && b.length > 0 && U(b[b.length - 1]);
+  }, B = l !== void 0 && b.length >= l, I = !!u, q = i ? "var(--lucent-border-default)" : I ? "var(--lucent-danger-default)" : A ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", P = A ? `0 0 0 3px ${I ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", j = `lucent-multiselect-${be()}`;
   return /* @__PURE__ */ y("div", { ref: C, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...f }, children: [
     c && /* @__PURE__ */ n(
       "label",
@@ -7526,27 +7635,27 @@ function ts({
         {
           onClick: () => {
             var g;
-            i || (b(!0), (g = D.current) == null || g.focus());
+            i || (v(!0), (g = D.current) == null || g.focus());
           },
           style: {
             display: "flex",
             flexWrap: "wrap",
             alignItems: "center",
             gap: Ce[s],
-            minHeight: Ka[s],
+            minHeight: Za[s],
             boxSizing: "border-box",
-            padding: Ja[s],
+            padding: er[s],
             borderRadius: "var(--lucent-radius-lg)",
             border: `1px solid ${q}`,
             background: i ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
             cursor: i ? "not-allowed" : "text",
             transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default), box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",
-            boxShadow: F
+            boxShadow: P
           },
           children: [
-            v.map((g) => {
+            b.map((g) => {
               const E = e.find((O) => O.value === g);
-              return E ? /* @__PURE__ */ n(un, { size: Za[s], onDismiss: () => U(g), disabled: i, children: E.label }, g) : null;
+              return E ? /* @__PURE__ */ n(un, { size: tr[s], onDismiss: () => U(g), disabled: i, children: E.label }, g) : null;
             }),
             /* @__PURE__ */ n(
               "input",
@@ -7555,13 +7664,13 @@ function ts({
                 ref: D,
                 value: k,
                 onChange: (g) => {
-                  x(g.target.value), b(!0), S(0);
+                  x(g.target.value), v(!0), S(0);
                 },
                 onKeyDown: J,
                 onFocus: () => R(!0),
                 onBlur: () => R(!1),
                 disabled: i,
-                placeholder: v.length === 0 ? a : "",
+                placeholder: b.length === 0 ? a : "",
                 "aria-autocomplete": "list",
                 "aria-controls": L,
                 "aria-expanded": p,
@@ -7574,10 +7683,10 @@ function ts({
                   outline: "none",
                   background: "transparent",
                   fontFamily: "var(--lucent-font-family-base)",
-                  fontSize: Xa[s],
+                  fontSize: Qa[s],
                   color: i ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
                   cursor: i ? "not-allowed" : "text",
-                  padding: v.length === 0 ? "2px 0 2px var(--lucent-space-1)" : "2px 0"
+                  padding: b.length === 0 ? "2px 0 2px var(--lucent-space-1)" : "2px 0"
                 }
               }
             )
@@ -7610,7 +7719,7 @@ function ts({
             },
             children: [
               Z.length === 0 ? /* @__PURE__ */ n("div", { style: { padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ n(_, { color: "secondary", size: dt[s], children: "No options" }) }) : Z.map((g, E) => {
-                const O = v.includes(g.value), Y = E === M, H = g.disabled ?? !1, G = B && !O;
+                const O = b.includes(g.value), Y = E === M, H = g.disabled ?? !1, G = B && !O;
                 return /* @__PURE__ */ y(
                   "div",
                   {
@@ -7690,7 +7799,7 @@ function ts({
     )
   ] });
 }
-const ns = {
+const ss = {
   id: "multi-select",
   name: "MultiSelect",
   tier: "molecule",
@@ -7795,10 +7904,10 @@ const ns = {
     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 Qa(e, t) {
+function nr(e, t) {
   return new Date(e, t + 1, 0).getDate();
 }
-function er(e, t) {
+function ar(e, t) {
   return new Date(e, t, 1).getDay();
 }
 function Be(e, t) {
@@ -7810,7 +7919,7 @@ function Re(e, t) {
 function ut(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) > new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
-const tr = [
+const rr = [
   "January",
   "February",
   "March",
@@ -7823,11 +7932,11 @@ const tr = [
   "October",
   "November",
   "December"
-], nr = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function be(e) {
+], or = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function ve(e) {
   return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-const ar = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--lucent-space-10) * 0.5 + 22px)", lg: "calc(var(--lucent-space-12) * 0.5 + 26px)" }, rr = {
+const ir = { 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)" }, sr = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
@@ -7835,17 +7944,17 @@ const ar = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--luc
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, or = {
+}, lr = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, ir = {
+}, cr = {
   sm: "var(--lucent-space-2)",
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
-}, sr = { sm: 28, md: 32, lg: 38 }, lr = { sm: "var(--lucent-font-size-xs)", md: "var(--lucent-font-size-sm)", lg: "var(--lucent-font-size-md)" }, cr = { sm: "xs", md: "sm", lg: "md" }, dr = { sm: "xs", md: "xs", lg: "sm" }, ur = { sm: 24, md: 28, lg: 32 }, pr = { sm: 14, md: 16, lg: 18 }, It = { sm: "var(--lucent-space-3)", md: "var(--lucent-space-4)", lg: "var(--lucent-space-5)" }, Ye = { sm: 220, md: 260, lg: 300 };
+}, dr = { sm: 28, md: 32, lg: 38 }, ur = { sm: "var(--lucent-font-size-xs)", md: "var(--lucent-font-size-sm)", lg: "var(--lucent-font-size-md)" }, pr = { sm: "xs", md: "sm", lg: "md" }, fr = { sm: "xs", md: "xs", lg: "sm" }, hr = { sm: 24, md: 28, lg: 32 }, mr = { sm: 14, md: 16, lg: 18 }, It = { sm: "var(--lucent-space-3)", md: "var(--lucent-space-4)", lg: "var(--lucent-space-5)" }, Ye = { sm: 220, md: 260, lg: 300 };
 function pt({ dir: e, onClick: t, disabled: r, size: o = "md" }) {
-  const [a, i] = z(!1), l = ur[o], s = pr[o];
+  const [a, i] = z(!1), l = hr[o], s = mr[o];
   return /* @__PURE__ */ n(
     "button",
     {
@@ -7895,25 +8004,25 @@ function Ke({
   onDayHover: u,
   size: f = "md"
 }) {
-  const h = Qa(e, t), m = er(e, t), [T, v] = z(null), p = [
+  const h = nr(e, t), m = ar(e, t), [T, b] = z(null), p = [
     ...Array(m).fill(null),
-    ...Array.from({ length: h }, (b, k) => k + 1)
+    ...Array.from({ length: h }, (v, k) => k + 1)
   ];
   for (; p.length % 7 !== 0; ) p.push(null);
   return /* @__PURE__ */ y("div", { children: [
     /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "var(--lucent-space-3)" }, children: [
       /* @__PURE__ */ n(pt, { dir: "prev", onClick: s, size: f }),
-      /* @__PURE__ */ y(_, { weight: "medium", size: cr[f], children: [
-        tr[t],
+      /* @__PURE__ */ y(_, { weight: "medium", size: pr[f], children: [
+        rr[t],
         " ",
         e
       ] }),
       /* @__PURE__ */ n(pt, { dir: "next", onClick: c, size: f })
     ] }),
-    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: nr.map((b) => /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(_, { size: dr[f], color: "secondary", children: b }) }, b)) }),
-    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: p.map((b, k) => {
-      if (!b) return /* @__PURE__ */ n("div", {}, k);
-      const x = new Date(e, t, b), M = r ? Be(x, r) : !1, S = Be(x, o), A = (a ? Re(x, a) : !1) || (i ? ut(x, i) : !1);
+    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: or.map((v) => /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(_, { size: fr[f], color: "secondary", children: v }) }, v)) }),
+    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: p.map((v, k) => {
+      if (!v) return /* @__PURE__ */ n("div", {}, k);
+      const x = new Date(e, t, v), M = r ? Be(x, r) : !1, S = Be(x, o), A = (a ? Re(x, a) : !1) || (i ? ut(x, i) : !1);
       let R = !1;
       return d != null && d.start && (d != null && d.end) && (R = !Re(x, d.start) && !ut(x, d.end)), /* @__PURE__ */ n(
         "button",
@@ -7922,37 +8031,37 @@ function Ke({
           disabled: A,
           onClick: () => !A && l(x),
           onMouseEnter: () => {
-            v(b), u == null || u(x);
+            b(v), u == null || u(x);
           },
           onMouseLeave: () => {
-            v(null), u == null || u(null);
+            b(null), u == null || u(null);
           },
-          "aria-label": be(x),
+          "aria-label": ve(x),
           "aria-pressed": M,
           style: {
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            height: sr[f],
+            height: dr[f],
             width: "100%",
             border: S && !M ? "1px solid var(--lucent-border-strong)" : "1px solid transparent",
             borderRadius: "var(--lucent-radius-md)",
-            background: M ? "var(--lucent-accent-default)" : R ? "var(--lucent-accent-subtle)" : T === b && !A ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+            background: M ? "var(--lucent-accent-default)" : R ? "var(--lucent-accent-subtle)" : T === v && !A ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
             color: M ? "var(--lucent-text-on-accent)" : A ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
-            fontSize: lr[f],
+            fontSize: ur[f],
             fontFamily: "var(--lucent-font-family-base)",
             fontWeight: S ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
             cursor: A ? "not-allowed" : "pointer",
             transition: "background var(--lucent-duration-fast)"
           },
-          children: b
+          children: v
         },
         k
       );
     }) })
   ] });
 }
-function as({
+function ls({
   value: e,
   defaultValue: t,
   onChange: r,
@@ -7966,12 +8075,12 @@ function as({
   errorText: u,
   style: f
 }) {
-  const h = e !== void 0, [m, T] = z(t), v = h ? e : m, p = !!u, b = a, k = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, x = /* @__PURE__ */ new Date(), [M, S] = z((v ?? x).getFullYear()), [A, R] = z((v ?? x).getMonth()), [C, D] = z(!1), [$, W] = z(!1), w = V(null), P = V(null), [L, N] = z({ top: 0, left: 0 });
+  const h = e !== void 0, [m, T] = z(t), b = h ? e : m, p = !!u, v = a, k = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, x = /* @__PURE__ */ new Date(), [M, S] = z((b ?? x).getFullYear()), [A, R] = z((b ?? x).getMonth()), [C, D] = z(!1), [$, W] = z(!1), w = V(null), F = V(null), [L, N] = z({ top: 0, left: 0 });
   X(() => {
     if (!C) return;
-    const q = (F) => {
+    const q = (P) => {
       var j, g;
-      !((j = w.current) != null && j.contains(F.target)) && !((g = P.current) != null && g.contains(F.target)) && D(!1);
+      !((j = w.current) != null && j.contains(P.target)) && !((g = F.current) != null && g.contains(P.target)) && D(!1);
     };
     return document.addEventListener("mousedown", q), () => document.removeEventListener("mousedown", q);
   }, [C]), se(() => {
@@ -7985,7 +8094,7 @@ function as({
     A === 0 ? (R(11), S((q) => q - 1)) : R((q) => q - 1);
   }, J = () => {
     A === 11 ? (R(0), S((q) => q + 1)) : R((q) => q + 1);
-  }, B = b ? "transparent" : p ? "var(--lucent-danger-default)" : $ ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", I = $ ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+  }, B = v ? "transparent" : p ? "var(--lucent-danger-default)" : $ ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", I = $ ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
   return /* @__PURE__ */ y("div", { ref: w, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...f }, children: [
     c && /* @__PURE__ */ n(
       "label",
@@ -7994,7 +8103,7 @@ function as({
         style: {
           fontSize: He[s],
           fontWeight: "var(--lucent-font-weight-medium)",
-          color: b ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
+          color: v ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
           fontFamily: "var(--lucent-font-family-base)"
         },
         children: c
@@ -8015,19 +8124,19 @@ function as({
         style: {
           display: "flex",
           alignItems: "center",
-          gap: ir[s],
+          gap: cr[s],
           width: "100%",
-          height: ar[s],
+          height: ir[s],
           boxSizing: "border-box",
-          padding: `0 ${or[s]}`,
+          padding: `0 ${lr[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
           border: `1px solid ${B}`,
           boxShadow: I,
-          background: b ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
-          color: v ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+          background: v ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
+          color: b ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
-          fontSize: rr[s],
-          cursor: b ? "not-allowed" : "pointer",
+          fontSize: sr[s],
+          cursor: v ? "not-allowed" : "pointer",
           outline: "none",
           transition: [
             "border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
@@ -8040,7 +8149,7 @@ function as({
             /* @__PURE__ */ n("path", { d: "M1 6h12", stroke: "currentColor", strokeWidth: "1.3" }),
             /* @__PURE__ */ n("path", { d: "M4 1v2M10 1v2", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
           ] }),
-          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: v ? be(v) : o })
+          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: b ? ve(b) : o })
         ]
       }
     ),
@@ -8071,7 +8180,7 @@ function as({
       /* @__PURE__ */ n(
         "div",
         {
-          ref: P,
+          ref: F,
           role: "dialog",
           "aria-label": "Date picker",
           style: {
@@ -8093,7 +8202,7 @@ function as({
             {
               year: M,
               month: A,
-              ...v !== void 0 && { selected: v },
+              ...b !== void 0 && { selected: b },
               today: x,
               ...i !== void 0 && { min: i },
               ...l !== void 0 && { max: l },
@@ -8109,7 +8218,7 @@ function as({
     )
   ] });
 }
-const rs = {
+const cs = {
   id: "date-picker",
   name: "DatePicker",
   tier: "molecule",
@@ -8220,15 +8329,15 @@ const rs = {
     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.'
   }
-}, fr = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--lucent-space-10) * 0.5 + 22px)", lg: "calc(var(--lucent-space-12) * 0.5 + 26px)" }, hr = {
+}, gr = { 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)" }, vr = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
-}, mr = {
+}, br = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, gr = {
+}, yr = {
   sm: "var(--lucent-space-2)",
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
@@ -8237,10 +8346,10 @@ const rs = {
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
 };
-function br(e, t) {
-  return e ? Be(e.start, e.end) ? be(e.start) : `${be(e.start)} → ${be(e.end)}` : t;
+function xr(e, t) {
+  return e ? Be(e.start, e.end) ? ve(e.start) : `${ve(e.start)} → ${ve(e.end)}` : t;
 }
-function os({
+function ds({
   value: e,
   defaultValue: t,
   onChange: r,
@@ -8254,7 +8363,7 @@ function os({
   errorText: u,
   style: f
 }) {
-  const h = e !== void 0, [m, T] = z(t), v = h ? e : m, p = !!u, b = a, k = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [x, M] = z(null), [S, A] = z(null), R = /* @__PURE__ */ new Date(), [C, D] = z(((v == null ? void 0 : v.start) ?? R).getFullYear()), [$, W] = z(((v == null ? void 0 : v.start) ?? R).getMonth()), w = $ === 11 ? 0 : $ + 1, P = $ === 11 ? C + 1 : C, [L, N] = z(!1), [U, Z] = z(!1), J = V(null), B = V(null), [I, q] = z({ top: 0, left: 0 });
+  const h = e !== void 0, [m, T] = z(t), b = h ? e : m, p = !!u, v = a, k = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [x, M] = z(null), [S, A] = z(null), R = /* @__PURE__ */ new Date(), [C, D] = z(((b == null ? void 0 : b.start) ?? R).getFullYear()), [$, W] = z(((b == null ? void 0 : b.start) ?? R).getMonth()), w = $ === 11 ? 0 : $ + 1, F = $ === 11 ? C + 1 : C, [L, N] = z(!1), [U, Z] = z(!1), J = V(null), B = V(null), [I, q] = z({ top: 0, left: 0 });
   X(() => {
     if (!L) return;
     const H = (G) => {
@@ -8267,7 +8376,7 @@ function os({
     const H = J.current.getBoundingClientRect();
     q({ top: H.bottom + 4, left: H.left });
   }, [L]);
-  const F = (H) => {
+  const P = (H) => {
     if (!x)
       M(H);
     else {
@@ -8283,8 +8392,8 @@ function os({
   if (x && S) {
     const [H, G] = Re(S, x) ? [S, x] : [x, S];
     E = { start: H, end: G };
-  } else x ? E = { start: x, end: x } : v && (E = { start: v.start, end: v.end });
-  const O = b ? "transparent" : p ? "var(--lucent-danger-default)" : U ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", Y = U ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+  } else x ? E = { start: x, end: x } : b && (E = { start: b.start, end: b.end });
+  const O = v ? "transparent" : p ? "var(--lucent-danger-default)" : U ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", Y = U ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
   return /* @__PURE__ */ y("div", { ref: J, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...f }, children: [
     c && /* @__PURE__ */ n(
       "label",
@@ -8293,7 +8402,7 @@ function os({
         style: {
           fontSize: Ve[s],
           fontWeight: "var(--lucent-font-weight-medium)",
-          color: b ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
+          color: v ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
           fontFamily: "var(--lucent-font-family-base)"
         },
         children: c
@@ -8314,19 +8423,19 @@ function os({
         style: {
           display: "flex",
           alignItems: "center",
-          gap: gr[s],
+          gap: yr[s],
           width: "100%",
-          height: fr[s],
+          height: gr[s],
           boxSizing: "border-box",
-          padding: `0 ${mr[s]}`,
+          padding: `0 ${br[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
           border: `1px solid ${O}`,
           boxShadow: Y,
-          background: b ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
-          color: v ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+          background: v ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
+          color: b ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
-          fontSize: hr[s],
-          cursor: b ? "not-allowed" : "pointer",
+          fontSize: vr[s],
+          cursor: v ? "not-allowed" : "pointer",
           outline: "none",
           transition: [
             "border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
@@ -8339,7 +8448,7 @@ function os({
             /* @__PURE__ */ n("path", { d: "M1 6h12", stroke: "currentColor", strokeWidth: "1.3" }),
             /* @__PURE__ */ n("path", { d: "M4 1v2M10 1v2", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
           ] }),
-          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: br(v, o) })
+          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: xr(b, o) })
         ]
       }
     ),
@@ -8394,11 +8503,11 @@ function os({
               {
                 year: C,
                 month: $,
-                ...(v == null ? void 0 : v.start) !== void 0 && { selected: v.start },
+                ...(b == null ? void 0 : b.start) !== void 0 && { selected: b.start },
                 today: R,
                 ...i !== void 0 && { min: i },
                 ...l !== void 0 && { max: l },
-                onSelect: F,
+                onSelect: P,
                 onPrevMonth: j,
                 onNextMonth: g,
                 ...E !== void 0 && { highlightRange: E },
@@ -8410,13 +8519,13 @@ function os({
             /* @__PURE__ */ n("div", { style: { minWidth: Ye[s] }, children: /* @__PURE__ */ n(
               Ke,
               {
-                year: P,
+                year: F,
                 month: w,
-                ...(v == null ? void 0 : v.end) !== void 0 && { selected: v.end },
+                ...(b == null ? void 0 : b.end) !== void 0 && { selected: b.end },
                 today: R,
                 ...i !== void 0 && { min: i },
                 ...l !== void 0 && { max: l },
-                onSelect: F,
+                onSelect: P,
                 onPrevMonth: j,
                 onNextMonth: g,
                 ...E !== void 0 && { highlightRange: E },
@@ -8437,7 +8546,7 @@ function os({
     }, children: /* @__PURE__ */ n(_, { size: "xs", color: "secondary", children: "Now pick the end date" }) })
   ] });
 }
-const is = {
+const us = {
   id: "date-range-picker",
   name: "DateRangePicker",
   tier: "molecule",
@@ -8548,10 +8657,10 @@ const is = {
 function Xe(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function vr() {
+function wr() {
   return Math.random().toString(36).slice(2);
 }
-function yr({
+function kr({
   item: e,
   onRemove: t
 }) {
@@ -8613,7 +8722,7 @@ function yr({
     )
   ] });
 }
-function ss({
+function ps({
   accept: e,
   multiple: t = !1,
   maxSize: r,
@@ -8623,7 +8732,7 @@ function ss({
   disabled: l = !1,
   style: s
 }) {
-  const c = o !== void 0, [d, u] = z([]), f = c ? o : d, [h, m] = z(!1), [T, v] = z(!1), p = V(null), b = ee((S) => {
+  const c = o !== void 0, [d, u] = z([]), f = c ? o : d, [h, m] = z(!1), [T, b] = z(!1), p = V(null), v = ee((S) => {
     if (!S || l) return;
     const A = [];
     for (const C of Array.from(S)) {
@@ -8632,7 +8741,7 @@ function ss({
         continue;
       }
       if (!t && f.length + A.length >= 1) break;
-      A.push({ id: vr(), file: C });
+      A.push({ id: wr(), file: C });
     }
     if (A.length === 0) return;
     const R = t ? [...f, ...A] : A;
@@ -8641,9 +8750,9 @@ function ss({
     const A = f.filter((R) => R.id !== S);
     c || u(A), a == null || a(A);
   }, x = (S) => {
-    S.preventDefault(), m(!1), b(S.dataTransfer.files);
+    S.preventDefault(), m(!1), v(S.dataTransfer.files);
   }, M = (S) => {
-    b(S.target.files), S.target.value = "";
+    v(S.target.files), S.target.value = "";
   };
   return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-3)", ...s }, children: [
     /* @__PURE__ */ y(
@@ -8661,8 +8770,8 @@ function ss({
           var A;
           (S.key === "Enter" || S.key === " ") && (S.preventDefault(), (A = p.current) == null || A.click());
         },
-        onFocus: () => v(!0),
-        onBlur: () => v(!1),
+        onFocus: () => b(!0),
+        onBlur: () => b(!1),
         onDragOver: (S) => {
           S.preventDefault(), l || m(!0);
         },
@@ -8721,10 +8830,10 @@ function ss({
         ]
       }
     ),
-    f.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: f.map((S) => /* @__PURE__ */ n(yr, { item: S, onRemove: k }, S.id)) })
+    f.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: f.map((S) => /* @__PURE__ */ n(kr, { item: S, onRemove: k }, S.id)) })
   ] });
 }
-const ls = {
+const fs = {
   id: "file-upload",
   name: "FileUpload",
   tier: "molecule",
@@ -8822,23 +8931,23 @@ const handleChange = async (updated: UploadFile[]) => {
     keyboardInteractions: ["Enter/Space to open file picker", "Tab to focus drop zone"],
     notes: 'The drop zone has role="button" with tabIndex=0 and responds to Enter/Space. Remove buttons on file rows have aria-label including the filename.'
   }
-}, xr = {
+}, Sr = {
   default: "var(--lucent-border-strong)",
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
   danger: "var(--lucent-danger-default)",
   info: "var(--lucent-info-default)"
-}, wr = {
+}, Tr = {
   default: "var(--lucent-surface-secondary)",
   success: "var(--lucent-success-subtle)",
   warning: "var(--lucent-warning-subtle)",
   danger: "var(--lucent-danger-subtle)",
   info: "var(--lucent-info-subtle)"
 };
-function kr({ status: e }) {
+function Cr({ status: e }) {
   return e === "success" ? /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M2 5l2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : e === "danger" ? /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M2 2l6 6M8 2L2 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) : e === "warning" ? /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M5 2v4M5 7.5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) : null;
 }
-function cs({ items: e, style: t }) {
+function hs({ items: e, style: t }) {
   return /* @__PURE__ */ n(
     "ol",
     {
@@ -8851,7 +8960,7 @@ function cs({ items: e, style: t }) {
         ...t
       },
       children: e.map((r, o) => {
-        const a = r.status ?? "default", i = xr[a], l = wr[a], s = o === e.length - 1;
+        const a = r.status ?? "default", i = Sr[a], l = Tr[a], s = o === e.length - 1;
         return /* @__PURE__ */ y(
           "li",
           {
@@ -8880,7 +8989,7 @@ function cs({ items: e, style: t }) {
                   color: i,
                   flexShrink: 0,
                   zIndex: 1
-                }, children: r.icon ?? /* @__PURE__ */ n(kr, { status: a }) }),
+                }, children: r.icon ?? /* @__PURE__ */ n(Cr, { status: a }) }),
                 !s && /* @__PURE__ */ n("div", { style: {
                   flex: 1,
                   width: 2,
@@ -8908,7 +9017,7 @@ function cs({ items: e, style: t }) {
     }
   );
 }
-const ds = {
+const ms = {
   id: "timeline",
   name: "Timeline",
   tier: "molecule",
@@ -8962,7 +9071,7 @@ const ds = {
     keyboardInteractions: ["Standard document flow — no interactive elements unless custom icons include them"],
     notes: "Timeline is a semantic <ol> with <li> items. It is non-interactive by default. If items contain interactive elements (links, buttons), those elements carry their own keyboard behaviour."
   }
-}, je = 120, Sr = `
+}, je = 120, Ir = `
 @keyframes lucent-menu-in {
   from { opacity: 0; transform: scale(0.97) translateY(-2px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
@@ -8975,20 +9084,20 @@ const ds = {
   sm: "var(--lucent-space-2)",
   md: "var(--lucent-space-2)",
   lg: "var(--lucent-space-3)"
-}, Tr = {
+}, Mr = {
   sm: "sm",
   md: "md",
   lg: "lg"
-}, Cr = {
+}, Dr = {
   sm: "xs",
   md: "sm",
   lg: "md"
-}, Ir = {
+}, zr = {
   sm: 12,
   md: 14,
   lg: 16
 }, Qe = ye(null), Ie = 4;
-function Mr(e, t, r) {
+function Ar(e, t, r) {
   const o = t.offsetWidth, a = t.offsetHeight, i = window.innerWidth, l = window.innerHeight;
   let s = 0, c = 0, d = r;
   const u = {
@@ -9001,7 +9110,7 @@ function Mr(e, t, r) {
   let f = "top left";
   return d.startsWith("top") ? f = d.endsWith("-end") ? "bottom right" : d.endsWith("-start") ? "bottom left" : "bottom center" : d.startsWith("bottom") ? f = d.endsWith("-end") ? "top right" : d.endsWith("-start") ? "top left" : "top center" : d === "left" ? f = "center right" : d === "right" && (f = "center left"), { top: s, left: c, transformOrigin: f };
 }
-function us({
+function gs({
   onSelect: e,
   children: t,
   icon: r,
@@ -9013,11 +9122,11 @@ function us({
 }) {
   const c = fe(Qe), d = V(-1);
   d.current === -1 && c && (d.current = c.getItemIndex(), c.registerItem(d.current, a));
-  const u = c ? c.activeIndex === d.current : !1, f = (c == null ? void 0 : c.size) ?? "md", h = Ze[f], m = Tr[f], T = Ir[f], v = () => {
+  const u = c ? c.activeIndex === d.current : !1, f = (c == null ? void 0 : c.size) ?? "md", h = Ze[f], m = Mr[f], T = zr[f], b = () => {
     a || (e(), c == null || c.close());
   }, p = () => {
     !a && c && c.setActiveIndex(d.current);
-  }, b = a ? "var(--lucent-text-disabled)" : i ? "var(--lucent-danger-text)" : "var(--lucent-text-primary)";
+  }, v = a ? "var(--lucent-text-disabled)" : i ? "var(--lucent-danger-text)" : "var(--lucent-text-primary)";
   return /* @__PURE__ */ y(
     "div",
     {
@@ -9026,7 +9135,7 @@ function us({
       "aria-disabled": a || void 0,
       "data-active": u || void 0,
       tabIndex: -1,
-      onClick: v,
+      onClick: b,
       onMouseEnter: p,
       style: {
         display: "flex",
@@ -9048,7 +9157,7 @@ function us({
           display: "flex",
           color: a ? "var(--lucent-text-disabled)" : i ? "var(--lucent-danger-text)" : "var(--lucent-text-secondary)"
         }, children: r }),
-        /* @__PURE__ */ n("span", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ n(_, { size: m, style: { color: b }, children: t }) }),
+        /* @__PURE__ */ n("span", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ n(_, { size: m, style: { color: v }, children: t }) }),
         o && /* @__PURE__ */ n(_, { size: f === "lg" ? "sm" : "xs", style: { color: "var(--lucent-text-secondary)", flexShrink: 0 }, children: o }),
         l && /* @__PURE__ */ n("span", { style: {
           flexShrink: 0,
@@ -9059,7 +9168,7 @@ function us({
     }
   );
 }
-function ps({ style: e }) {
+function vs({ style: e }) {
   return /* @__PURE__ */ n(
     "div",
     {
@@ -9073,14 +9182,14 @@ function ps({ style: e }) {
     }
   );
 }
-function fs({ label: e, children: t, style: r }) {
+function bs({ label: e, children: t, style: r }) {
   const o = fe(Qe), a = (o == null ? void 0 : o.size) ?? "md", i = Ze[a];
   return /* @__PURE__ */ y("div", { role: "group", "aria-label": e, style: r, children: [
-    /* @__PURE__ */ n("div", { style: { padding: `${i} ${i} var(--lucent-space-1)` }, children: /* @__PURE__ */ n(_, { size: Cr[a], color: "secondary", weight: "medium", children: e }) }),
+    /* @__PURE__ */ n("div", { style: { padding: `${i} ${i} var(--lucent-space-1)` }, children: /* @__PURE__ */ n(_, { size: Dr[a], color: "secondary", weight: "medium", children: e }) }),
     t
   ] });
 }
-function hs({
+function ys({
   trigger: e,
   children: t,
   placement: r = "bottom-start",
@@ -9090,18 +9199,18 @@ function hs({
   portalContainer: l,
   style: s
 }) {
-  const c = a !== void 0, [d, u] = z(!1), f = c ? a : d, [h, m] = z(!1), [T, v] = z("idle"), p = V(null), b = V(null), k = V(null), x = V(!1), [M, S] = z(null), A = V(0), R = V(/* @__PURE__ */ new Map()), [C, D] = z(-1);
+  const c = a !== void 0, [d, u] = z(!1), f = c ? a : d, [h, m] = z(!1), [T, b] = z("idle"), p = V(null), v = V(null), k = V(null), x = V(!1), [M, S] = z(null), A = V(0), R = V(/* @__PURE__ */ new Map()), [C, D] = z(-1);
   if (!x.current && typeof document < "u") {
     const B = document.createElement("style");
-    B.textContent = Sr, document.head.appendChild(B), x.current = !0;
+    B.textContent = Ir, document.head.appendChild(B), x.current = !0;
   }
   X(() => {
     if (f)
-      A.current = 0, R.current.clear(), m(!0), v("entering");
+      A.current = 0, R.current.clear(), m(!0), b("entering");
     else if (h) {
-      v("exiting");
+      b("exiting");
       const B = setTimeout(() => {
-        m(!1), v("idle");
+        m(!1), b("idle");
       }, je);
       return () => clearTimeout(B);
     }
@@ -9117,16 +9226,16 @@ function hs({
   se(() => {
     if (!h || T !== "entering" || !p.current) return;
     const B = requestAnimationFrame(() => {
-      const I = b.current, q = p.current;
+      const I = v.current, q = p.current;
       if (!I || !q) return;
-      const F = q.getBoundingClientRect();
-      S(Mr(F, I, r));
+      const P = q.getBoundingClientRect();
+      S(Ar(P, I, r));
     });
     return () => cancelAnimationFrame(B);
   }, [h, T, r]), X(() => {
     if (!h || T !== "entering") return;
     const B = setTimeout(() => {
-      const q = Array.from(R.current.entries()).sort((F, j) => F[0] - j[0]).find(([, F]) => !F.disabled);
+      const q = Array.from(R.current.entries()).sort((P, j) => P[0] - j[0]).find(([, P]) => !P.disabled);
       D(q ? q[0] : -1);
     }, 0);
     return () => clearTimeout(B);
@@ -9134,8 +9243,8 @@ function hs({
     if (!f) return;
     const B = (q) => {
       var j, g;
-      const F = q.target;
-      (j = p.current) != null && j.contains(F) || (g = b.current) != null && g.contains(F) || w();
+      const P = q.target;
+      (j = p.current) != null && j.contains(P) || (g = v.current) != null && g.contains(P) || w();
     }, I = requestAnimationFrame(() => {
       document.addEventListener("mousedown", B);
     });
@@ -9154,9 +9263,9 @@ function hs({
       clearTimeout(I), window.removeEventListener("scroll", q, { capture: !0 });
     };
   }, [f, w]);
-  const P = ee(() => Array.from(R.current.entries()).filter(([, B]) => !B.disabled).map(([B]) => B).sort((B, I) => B - I), []), L = ee((B) => {
+  const F = ee(() => Array.from(R.current.entries()).filter(([, B]) => !B.disabled).map(([B]) => B).sort((B, I) => B - I), []), L = ee((B) => {
     if (!f) return;
-    const I = P();
+    const I = F();
     if (I.length !== 0)
       switch (B.key) {
         case "Escape":
@@ -9164,15 +9273,15 @@ function hs({
           break;
         case "ArrowDown": {
           B.preventDefault(), D((q) => {
-            const F = I.indexOf(q);
-            return F < I.length - 1 ? I[F + 1] : I[0];
+            const P = I.indexOf(q);
+            return P < I.length - 1 ? I[P + 1] : I[0];
           });
           break;
         }
         case "ArrowUp": {
           B.preventDefault(), D((q) => {
-            const F = I.indexOf(q);
-            return F > 0 ? I[F - 1] : I[I.length - 1];
+            const P = I.indexOf(q);
+            return P > 0 ? I[P - 1] : I[I.length - 1];
           });
           break;
         }
@@ -9187,10 +9296,10 @@ function hs({
         case "Enter":
         case " ": {
           B.preventDefault();
-          const q = b.current;
+          const q = v.current;
           if (q) {
-            const F = q.querySelector('[data-active="true"]');
-            F == null || F.click();
+            const P = q.querySelector('[data-active="true"]');
+            P == null || P.click();
           }
           break;
         }
@@ -9199,13 +9308,13 @@ function hs({
           break;
         }
       }
-  }, [f, w, P]);
+  }, [f, w, F]);
   X(() => {
     if (f)
       return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
   }, [f, L]), X(() => {
     if (!f) return;
-    const B = b.current;
+    const B = v.current;
     if (!B) return;
     const I = B.querySelector('[data-active="true"]');
     I == null || I.scrollIntoView({ block: "nearest" });
@@ -9214,7 +9323,7 @@ function hs({
     $(!f);
   }, U = (B) => {
     (B.key === "Enter" || B.key === " " || B.key === "ArrowDown") && (B.preventDefault(), f || $(!0)), B.key === "ArrowUp" && (B.preventDefault(), f || ($(!0), setTimeout(() => {
-      const I = P();
+      const I = F();
       I.length > 0 && D(I[I.length - 1]);
     }, 0)));
   }, Z = {
@@ -9226,7 +9335,7 @@ function hs({
     close: w,
     getItemIndex: () => A.current++,
     size: o
-  }, J = ve();
+  }, J = be();
   return /* @__PURE__ */ y(oe, { children: [
     /* @__PURE__ */ n(
       "span",
@@ -9252,7 +9361,7 @@ function hs({
       /* @__PURE__ */ n(Qe.Provider, { value: Z, children: /* @__PURE__ */ n(
         "div",
         {
-          ref: b,
+          ref: v,
           id: J,
           role: "menu",
           style: {
@@ -9283,7 +9392,7 @@ function hs({
     )
   ] });
 }
-const ms = {
+const xs = {
   id: "menu",
   name: "Menu",
   tier: "molecule",
@@ -9516,45 +9625,45 @@ const ms = {
     notes: 'Focus returns to the trigger element after the menu is dismissed via Escape or selection. Disabled items are skipped during keyboard navigation and have aria-disabled. Selected items use role="menuitemcheckbox" with aria-checked for screen reader announcement. The popover is portaled to document.body (or portalContainer) but remains semantically linked to the trigger via aria-controls.'
   }
 }, Mt = ye(null);
-function gs() {
+function ws() {
   const e = fe(Mt);
   if (!e) throw new Error("useToast must be used inside <ToastProvider>");
   return e;
 }
-const Dr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+const Er = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M8 5.5V8.5M8 10.5V11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), zr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), qr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M5 8L7 10L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), Ar = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Br = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
   /* @__PURE__ */ n("path", { d: "M8 6V9M8 11V11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Er = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Rr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), qr = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), Br = {
-  info: /* @__PURE__ */ n(Dr, {}),
-  success: /* @__PURE__ */ n(zr, {}),
-  warning: /* @__PURE__ */ n(Ar, {}),
-  danger: /* @__PURE__ */ n(Er, {})
-}, Rr = {
+] }), Lr = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), Pr = {
+  info: /* @__PURE__ */ n(Er, {}),
+  success: /* @__PURE__ */ n(qr, {}),
+  warning: /* @__PURE__ */ n(Br, {}),
+  danger: /* @__PURE__ */ n(Rr, {})
+}, Fr = {
   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 Lr = 0;
-function Fr() {
-  return `lucent-toast-${++Lr}`;
+let Nr = 0;
+function $r() {
+  return `lucent-toast-${++Nr}`;
 }
 function Dt(e) {
   return e.startsWith("top");
 }
-const Pr = 200, Nr = 8, $r = 0.04, Wr = 0.2, Or = 3, Hr = 356;
+const Wr = 200, Or = 8, Hr = 0.04, Vr = 0.2, jr = 3, Ur = 356;
 function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
-  const { id: a, title: i, description: l, variant: s, action: c, icon: d } = e, u = Rr[s], f = d ?? (s !== "default" ? Br[s] : null), h = (c == null ? void 0 : c.style) ?? "button";
+  const { id: a, title: i, description: l, variant: s, action: c, icon: d } = e, u = Fr[s], f = d ?? (s !== "default" ? Pr[s] : null), h = (c == null ? void 0 : c.style) ?? "button";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -9568,7 +9677,7 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
         borderRadius: "var(--lucent-radius-lg)",
         boxShadow: r ? "none" : "var(--lucent-shadow-lg)",
         boxSizing: "border-box",
-        width: Hr,
+        width: Ur,
         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)",
@@ -9591,10 +9700,10 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
               /* @__PURE__ */ n(_, { as: "span", size: "sm", weight: "semibold", color: "primary", lineHeight: "tight", children: i }),
               l && /* @__PURE__ */ n(_, { as: "span", size: "sm", color: "secondary", lineHeight: "base", style: { whiteSpace: "pre-line" }, children: l })
             ] }),
-            c && h === "button" && /* @__PURE__ */ n(Vr, { label: c.label, onClick: () => {
+            c && h === "button" && /* @__PURE__ */ n(Gr, { label: c.label, onClick: () => {
               c.onClick(), t(a);
             } }),
-            c && h === "link" && /* @__PURE__ */ n(jr, { label: c.label, iconColor: u.iconColor, onClick: () => {
+            c && h === "link" && /* @__PURE__ */ n(_r, { label: c.label, iconColor: u.iconColor, onClick: () => {
               c.onClick(), t(a);
             } }),
             /* @__PURE__ */ n(
@@ -9621,7 +9730,7 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
                 onMouseLeave: (m) => {
                   r || (m.currentTarget.style.opacity = "0.6");
                 },
-                children: /* @__PURE__ */ n(qr, {})
+                children: /* @__PURE__ */ n(Lr, {})
               }
             )
           ]
@@ -9630,7 +9739,7 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
     }
   );
 }
-function Vr({ label: e, onClick: t }) {
+function Gr({ label: e, onClick: t }) {
   return /* @__PURE__ */ n(
     "button",
     {
@@ -9661,7 +9770,7 @@ function Vr({ label: e, onClick: t }) {
     }
   );
 }
-function jr({ label: e, iconColor: t, onClick: r }) {
+function _r({ label: e, iconColor: t, onClick: r }) {
   return /* @__PURE__ */ n(
     "button",
     {
@@ -9685,17 +9794,17 @@ function jr({ label: e, iconColor: t, onClick: r }) {
     }
   );
 }
-const ht = "var(--lucent-space-6)", Ur = 40, Gr = 120;
-function _r(e) {
+const ht = "var(--lucent-space-6)", Yr = 40, Kr = 120;
+function Xr(e) {
   const t = {
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
     boxSizing: "border-box"
   };
-  return Dt(e) ? t.top = Ur : t.top = `calc(100vh - ${Gr}px)`, e.endsWith("left") ? t.left = ht : e.endsWith("right") ? t.right = ht : (t.left = "50%", t.transform = "translateX(-50%)"), t;
+  return Dt(e) ? t.top = Yr : t.top = `calc(100vh - ${Kr}px)`, e.endsWith("left") ? t.left = ht : e.endsWith("right") ? t.right = ht : (t.left = "50%", t.transform = "translateX(-50%)"), t;
 }
-function Yr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
+function Jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
   const [a, i] = z(!1), [l, s] = z(void 0), c = ee((p) => {
     p && s(p.offsetHeight);
   }, []), d = Dt(t), u = e.filter((p) => p.phase !== "exiting"), f = e.filter((p) => p.phase === "exiting");
@@ -9708,7 +9817,7 @@ function Yr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
     h.current = setTimeout(() => {
       i(!1), h.current = null;
     }, 150);
-  }, []), v = /* @__PURE__ */ n("div", { style: _r(t), children: /* @__PURE__ */ n(
+  }, []), b = /* @__PURE__ */ n("div", { style: Xr(t), children: /* @__PURE__ */ n(
     "div",
     {
       onMouseEnter: m,
@@ -9723,8 +9832,8 @@ function Yr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
         marginTop: a && !d ? l ?? 0 : 0,
         transition: "transform var(--lucent-duration-base) var(--lucent-easing-emphasized), margin var(--lucent-duration-base) var(--lucent-easing-emphasized), gap var(--lucent-duration-base) var(--lucent-easing-emphasized)"
       }, children: [
-        u.map((p, b) => {
-          const k = u.length - 1 - b, x = !a && k > Or, M = k * Nr, S = d ? M : -M, A = a ? 1 : 1 - k * $r, R = a ? 1 : Math.max(0, 1 - k * Wr), C = p.phase === "entering", D = k === 0, $ = !a && !D;
+        u.map((p, v) => {
+          const k = u.length - 1 - v, x = !a && k > jr, M = k * Or, S = d ? M : -M, A = a ? 1 : 1 - k * Hr, R = a ? 1 : Math.max(0, 1 - k * Vr), C = p.phase === "entering", D = k === 0, $ = !a && !D;
           return /* @__PURE__ */ n(
             "div",
             {
@@ -9782,9 +9891,9 @@ function Yr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
       ] })
     }
   ) });
-  return de(v, o ?? document.body);
+  return de(b, o ?? document.body);
 }
-function bs({
+function ks({
   children: e,
   position: t = "bottom-right",
   duration: r = 5e3,
@@ -9797,9 +9906,9 @@ function bs({
       return !h || h.phase === "exiting" ? f : f.map((m) => m.id === u ? { ...m, phase: "exiting" } : m);
     }), setTimeout(() => {
       l((f) => f.filter((h) => h.id !== u));
-    }, Pr);
+    }, Wr);
   }, []), c = ee((u) => {
-    const f = Fr(), h = {
+    const f = $r(), h = {
       id: f,
       title: u.title,
       variant: u.variant ?? "default",
@@ -9810,11 +9919,11 @@ function bs({
       phase: "entering"
     };
     return l((m) => {
-      const T = [...m, h], v = T.filter((p) => p.phase !== "exiting");
-      if (v.length > o) {
-        const p = v.slice(0, v.length - o);
-        for (const b of p)
-          setTimeout(() => s(b.id), 0);
+      const T = [...m, h], b = T.filter((p) => p.phase !== "exiting");
+      if (b.length > o) {
+        const p = b.slice(0, b.length - o);
+        for (const v of p)
+          setTimeout(() => s(v.id), 0);
       }
       return T;
     }), requestAnimationFrame(() => {
@@ -9838,7 +9947,7 @@ function bs({
   return /* @__PURE__ */ y(Mt.Provider, { value: d, children: [
     e,
     i.length > 0 && /* @__PURE__ */ n(
-      Yr,
+      Jr,
       {
         toasts: i,
         position: t,
@@ -9848,7 +9957,7 @@ function bs({
     )
   ] });
 }
-const vs = {
+const Ss = {
   id: "toast",
   name: "Toast",
   tier: "molecule",
@@ -10045,7 +10154,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.'
   }
-}, Kr = {
+}, Zr = {
   fontFamilyBase: '"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   fontFamilyMono: '"DM Mono", "Fira Code", "Cascadia Code", monospace',
   fontFamilyDisplay: '"Georama", "DM Sans", sans-serif',
@@ -10066,7 +10175,7 @@ dismiss(id);`
   letterSpacingTight: "-0.02em",
   letterSpacingBase: "0em",
   letterSpacingWide: "0.04em"
-}, Xr = {
+}, Qr = {
   space0: "0px",
   space1: "0.25rem",
   space2: "0.5rem",
@@ -10080,38 +10189,38 @@ dismiss(id);`
   space16: "4rem",
   space20: "5rem",
   space24: "6rem"
-}, Jr = {
+}, eo = {
   radiusNone: "0px",
   radiusSm: "0.25rem",
   radiusMd: "0.375rem",
   radiusLg: "0.5rem",
   radiusXl: "0.75rem",
   radiusFull: "9999px"
-}, Zr = {
+}, to = {
   durationFast: "100ms",
   durationBase: "200ms",
   durationSlow: "350ms",
   easingDefault: "cubic-bezier(0.4, 0, 0.2, 1)",
   easingEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
   easingDecelerate: "cubic-bezier(0, 0, 0.2, 1)"
-}, Qr = {
+}, no = {
   shadowNone: "none",
   shadowSm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   shadowMd: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
   shadowLg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   shadowXl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
-}, eo = {
+}, ao = {
   shadowNone: "none",
   shadowSm: "0 1px 2px 0 rgb(0 0 0 / 0.3)",
   shadowMd: "0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4)",
   shadowLg: "0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4)",
   shadowXl: "0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.5)"
-}, Pe = {
-  ...Kr,
-  ...Xr,
-  ...Jr,
+}, Fe = {
   ...Zr,
   ...Qr,
+  ...eo,
+  ...to,
+  ...no,
   // Backgrounds — page/layout layer only
   bgBase: "#ffffff",
   bgSubtle: "#f9fafb",
@@ -10160,16 +10269,16 @@ dismiss(id);`
   // Focus
   focusRing: "#111827"
 };
-function to(e) {
+function ro(e) {
   const t = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), o = parseInt(e.slice(5, 7), 16);
   return { r: t, g: r, b: o };
 }
-function no({ r: e, g: t, b: r }) {
+function oo({ r: e, g: t, b: r }) {
   const o = (a) => a.toString(16).padStart(2, "0");
   return `#${o(e)}${o(t)}${o(r)}`;
 }
 function le(e) {
-  const { r: t, g: r, b: o } = to(e), a = t / 255, i = r / 255, l = o / 255, s = Math.max(a, i, l), c = Math.min(a, i, l);
+  const { r: t, g: r, b: o } = ro(e), a = t / 255, i = r / 255, l = o / 255, s = Math.max(a, i, l), c = Math.min(a, i, l);
   let d = 0, u = 0;
   const f = (s + c) / 2;
   if (s !== c) {
@@ -10193,17 +10302,17 @@ function ie(e, t, r) {
   e = (e % 360 + 360) % 360, t = Math.min(1, Math.max(0, t)), r = Math.min(1, Math.max(0, r));
   const o = (1 - Math.abs(2 * r - 1)) * t, a = o * (1 - Math.abs(e / 60 % 2 - 1)), i = r - o / 2;
   let l = 0, s = 0, c = 0;
-  return e < 60 ? (l = o, s = a) : e < 120 ? (l = a, s = o) : e < 180 ? (s = o, c = a) : e < 240 ? (s = a, c = o) : e < 300 ? (l = a, c = o) : (l = o, c = a), no({ r: Math.round((l + i) * 255), g: Math.round((s + i) * 255), b: Math.round((c + i) * 255) });
+  return e < 60 ? (l = o, s = a) : e < 120 ? (l = a, s = o) : e < 180 ? (s = o, c = a) : e < 240 ? (s = a, c = o) : e < 300 ? (l = a, c = o) : (l = o, c = a), oo({ r: Math.round((l + i) * 255), g: Math.round((s + i) * 255), b: Math.round((c + i) * 255) });
 }
 function K(e, t) {
   const [r, o, a] = le(e);
   return ie(r, o, Math.min(1, Math.max(0, a + t)));
 }
-const ao = 222, ro = 0.12;
+const io = 222, so = 0.12;
 function zt(e, t) {
-  return t < 0.04 ? [ao, ro] : [e, t];
+  return t < 0.04 ? [io, so] : [e, t];
 }
-function oo(e) {
+function lo(e) {
   const [t, r, o] = le(e), [a, i] = zt(t, r);
   return ie(a, i, Math.max(0.04, Math.min(0.2, 0.07 + (1 - o))));
 }
@@ -10219,13 +10328,13 @@ function me(e) {
   const [t, r, o] = le(e);
   return ie(t, r, Math.max(0.02, Math.min(0.98, 1 - o)));
 }
-function io(e) {
-  const t = oo(e.bgBase), [r, o, a] = le(t), i = (l) => ie(r, o, Math.min(0.25, a + l));
+function co(e) {
+  const t = lo(e.bgBase), [r, o, a] = le(t), i = (l) => ie(r, o, Math.min(0.25, a + l));
   return {
     // ── Non-color tokens: carry over from light unchanged ──────────────────
     ...e,
     // ── Shadows: dark variants have higher opacity for visibility ───────────
-    ...eo,
+    ...ao,
     // ── Backgrounds ─────────────────────────────────────────────────────────
     bgBase: t,
     bgSubtle: i(0.02),
@@ -10274,36 +10383,36 @@ function io(e) {
     focusRing: me(e.focusRing)
   };
 }
-const At = io(Pe);
-function so(e) {
+const At = co(Fe);
+function uo(e) {
   return "--lucent-" + e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`).replace(/([a-z])(\d)/g, (t, r, o) => `${r}-${o}`);
 }
-function lo(e, t = ":root") {
-  const r = Object.entries(e).map(([o, a]) => `  ${so(o)}: ${a};`).join(`
+function po(e, t = ":root") {
+  const r = Object.entries(e).map(([o, a]) => `  ${uo(o)}: ${a};`).join(`
 `);
   return `${t} {
 ${r}
 }`;
 }
-function co(e) {
+function fo(e) {
   const t = parseInt(e.slice(1, 3), 16) / 255, r = parseInt(e.slice(3, 5), 16) / 255, o = parseInt(e.slice(5, 7), 16) / 255, a = (i) => i <= 0.03928 ? i / 12.92 : Math.pow((i + 0.055) / 1.055, 2.4);
   return 0.2126 * a(t) + 0.7152 * a(r) + 0.0722 * a(o);
 }
-const uo = 0.2126729, po = 0.7151522, fo = 0.072175, ho = 0.56, mo = 0.57, go = 0.65, bo = 0.62, mt = 0.022, vo = 1.414, yo = 1.14, xo = 1.14, gt = 0.027, bt = 0.027;
-function vt(e) {
+const ho = 0.2126729, mo = 0.7151522, go = 0.072175, vo = 0.56, bo = 0.57, yo = 0.65, xo = 0.62, mt = 0.022, wo = 1.414, ko = 1.14, So = 1.14, gt = 0.027, vt = 0.027;
+function bt(e) {
   const t = parseInt(e.slice(1, 3), 16) / 255, r = parseInt(e.slice(3, 5), 16) / 255, o = parseInt(e.slice(5, 7), 16) / 255, a = Math.pow(t, 2.4), i = Math.pow(r, 2.4), l = Math.pow(o, 2.4);
-  let s = uo * a + po * i + fo * l;
-  return s < 0 && (s = 0), s < mt ? s + Math.pow(mt - s, vo) : s;
+  let s = ho * a + mo * i + go * l;
+  return s < 0 && (s = 0), s < mt ? s + Math.pow(mt - s, wo) : s;
 }
 function Le(e, t) {
-  const r = vt(e), o = vt(t);
+  const r = bt(e), o = bt(t);
   let a;
   if (r > o) {
-    const i = (Math.pow(r, ho) - Math.pow(o, mo)) * yo;
+    const i = (Math.pow(r, vo) - Math.pow(o, bo)) * ko;
     a = i < gt ? 0 : i - gt;
   } else {
-    const i = (Math.pow(r, go) - Math.pow(o, bo)) * xo;
-    a = i > -bt ? 0 : i + bt;
+    const i = (Math.pow(r, yo) - Math.pow(o, xo)) * So;
+    a = i > -vt ? 0 : i + vt;
   }
   return a * 100;
 }
@@ -10311,7 +10420,7 @@ function Et(e) {
   const t = Math.abs(Le(e, "#ffffff")), r = Math.abs(Le(e, "#000000"));
   return t >= r ? "#ffffff" : "#000000";
 }
-function wo(e, t, r = 60) {
+function To(e, t, r = 60) {
   if (Math.abs(Le(e, t)) >= r) return e;
   const o = parseInt(e.slice(1, 3), 16) / 255, a = parseInt(e.slice(3, 5), 16) / 255, i = parseInt(e.slice(5, 7), 16) / 255, l = Math.max(o, a, i), s = Math.min(o, a, i);
   let c = 0, d = 0, u = (l + s) / 2;
@@ -10319,15 +10428,15 @@ function wo(e, t, r = 60) {
     const m = l - s;
     d = u > 0.5 ? m / (2 - l - s) : m / (l + s), l === o ? c = ((a - i) / m + (a < i ? 6 : 0)) / 6 : l === a ? c = ((i - o) / m + 2) / 6 : c = ((o - a) / m + 4) / 6;
   }
-  const h = co(t) > 0.5 ? -5e-3 : 5e-3;
+  const h = fo(t) > 0.5 ? -5e-3 : 5e-3;
   for (let m = 0; m < 100; m++) {
     u = Math.min(1, Math.max(0, u + h));
-    const T = ko(c, d, u);
+    const T = Co(c, d, u);
     if (Math.abs(Le(T, t)) >= r) return T;
   }
   return e;
 }
-function ko(e, t, r) {
+function Co(e, t, r) {
   const o = (c, d, u) => (u < 0 && (u += 1), u > 1 && (u -= 1), u < 0.16666666666666666 ? c + (d - c) * 6 * u : u < 0.5 ? d : u < 0.6666666666666666 ? c + (d - c) * (0.6666666666666666 - u) * 6 : c);
   let a, i, l;
   if (t === 0)
@@ -10339,32 +10448,32 @@ function ko(e, t, r) {
   const s = (c) => Math.round(c * 255).toString(16).padStart(2, "0");
   return `#${s(a)}${s(i)}${s(l)}`;
 }
-function So(e, t) {
+function Io(e, t) {
   const [r, o, a] = le(e);
   return t ? ie(r, o * 0.3, Math.min(1, a + (1 - a) * 0.85)) : ie(r, o, Math.min(0.25, a + 0.04));
 }
-const Fe = {
+const Pe = {
   subtle: { light: 0.95, dark: 0.12 },
   text: { light: 0.28, dark: 0.78 }
 };
 function Me(e, t) {
   const [r, o] = le(e);
-  return ie(r, o * 0.5, t ? Fe.subtle.light : Fe.subtle.dark);
+  return ie(r, o * 0.5, t ? Pe.subtle.light : Pe.subtle.dark);
 }
 function De(e, t) {
   const [r, o] = le(e);
-  return ie(r, o, t ? Fe.text.light : Fe.text.dark);
+  return ie(r, o, t ? Pe.text.light : Pe.text.dark);
 }
 function qt(e, t, r) {
   const o = {}, a = r === "light";
   if ("borderDefault" in e && ("borderSubtle" in e || (o.borderSubtle = K(t.borderDefault, a ? 0.05 : -0.02)), "borderStrong" in e || (o.borderStrong = K(t.borderDefault, a ? -0.27 : 0.19))), "bgBase" in e && ("bgSubtle" in e || (o.bgSubtle = K(t.bgBase, a ? -0.02 : 0.02)), "surfaceTint" in e || (o.surfaceTint = K(t.bgBase, a ? -0.04 : 0.03)), !("surface" in e))) {
-    const i = So(t.bgBase, a);
+    const i = Io(t.bgBase, a);
     o.surface = i, "surfaceSecondary" in e || (o.surfaceSecondary = K(i, a ? -0.04 : 0.03)), "surfaceRaised" in e || (o.surfaceRaised = K(i, a ? 0 : 0.06)), "surfaceOverlay" in e || (o.surfaceOverlay = K(i, a ? 0 : 0.06));
   }
   return "surface" in e && ("surfaceSecondary" in e || (o.surfaceSecondary = K(t.surface, a ? -0.04 : 0.03)), "surfaceRaised" in e || (o.surfaceRaised = K(t.surface, a ? 0 : 0.06)), "surfaceOverlay" in e || (o.surfaceOverlay = K(t.surface, a ? 0 : 0.06))), "textPrimary" in e && ("textSecondary" in e || (o.textSecondary = K(t.textPrimary, a ? 0.2 : -0.15)), "textDisabled" in e || (o.textDisabled = K(t.textPrimary, a ? 0.35 : -0.4))), "accentDefault" in e && ("accentHover" in e || (o.accentHover = K(t.accentDefault, a ? 0.05 : -0.07)), "accentActive" in e || (o.accentActive = K(t.accentDefault, a ? 0.13 : -0.14)), "accentSubtle" in e || (o.accentSubtle = K(t.accentDefault, a ? 0.85 : -0.6))), "successDefault" in e && ("successSubtle" in e || (o.successSubtle = Me(t.successDefault, a)), "successText" in e || (o.successText = De(t.successDefault, a))), "warningDefault" in e && ("warningSubtle" in e || (o.warningSubtle = Me(t.warningDefault, a)), "warningText" in e || (o.warningText = De(t.warningDefault, a))), "dangerDefault" in e && ("dangerHover" in e || (o.dangerHover = K(t.dangerDefault, a ? 0.05 : -0.07)), "dangerSubtle" in e || (o.dangerSubtle = Me(t.dangerDefault, a)), "dangerText" in e || (o.dangerText = De(t.dangerDefault, a))), "infoDefault" in e && ("infoSubtle" in e || (o.infoSubtle = Me(t.infoDefault, a)), "infoText" in e || (o.infoText = De(t.infoDefault, a))), o;
 }
 function Bt(e, t = "light") {
-  const o = { ...t === "dark" ? At : Pe, ...e }, a = qt(e, o, t), i = t === "light" ? K(o.accentDefault, -0.15) : K(o.accentDefault, 0.15);
+  const o = { ...t === "dark" ? At : Fe, ...e }, a = qt(e, o, t), i = t === "light" ? K(o.accentDefault, -0.15) : K(o.accentDefault, 0.15);
   return {
     ...o,
     ...a,
@@ -10394,7 +10503,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, To = {
+}, Mo = {
   name: "brand",
   light: {
     bgBase: "#fffefb",
@@ -10438,7 +10547,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Co = {
+}, Do = {
   name: "violet",
   light: {
     bgBase: "#fdfcfe",
@@ -10460,7 +10569,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Io = {
+}, zo = {
   name: "emerald",
   light: {
     bgBase: "#fbfefc",
@@ -10482,7 +10591,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Mo = {
+}, Ao = {
   name: "teal",
   light: {
     bgBase: "#fbfefd",
@@ -10504,7 +10613,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Ft = {
+}, Pt = {
   name: "rose",
   light: {
     bgBase: "#fffcfd",
@@ -10526,7 +10635,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Do = {
+}, Eo = {
   name: "coral",
   light: {
     bgBase: "#fffcfb",
@@ -10548,7 +10657,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, zo = {
+}, qo = {
   name: "amber",
   light: {
     bgBase: "#fffefb",
@@ -10570,7 +10679,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Ao = {
+}, Bo = {
   name: "ocean",
   light: {
     bgBase: "#fbfdff",
@@ -10592,7 +10701,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Eo = {
+}, Ro = {
   name: "slate",
   light: {
     bgBase: "#fafbfc",
@@ -10614,7 +10723,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, qo = {
+}, Lo = {
   name: "sage",
   light: {
     bgBase: "#fbfcfb",
@@ -10636,7 +10745,7 @@ const Rt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Pt = {
+}, Ft = {
   name: "sharp",
   tokens: {
     radiusNone: "0px",
@@ -10765,74 +10874,74 @@ const Rt = {
     shadowLg: "rgba(0, 0, 0, 0.3) 0px 8px 24px, rgba(0, 0, 0, 0.25) 0px 16px 48px",
     shadowXl: "rgba(0, 0, 0, 0.35) 0px 12px 32px, rgba(0, 0, 0, 0.3) 0px 24px 64px"
   }
-}, Bo = {
+}, Po = {
   name: "modern",
   palette: Lt,
   shape: Nt,
   density: Ot,
   shadow: jt
-}, Ro = {
+}, Fo = {
   name: "enterprise",
   palette: Rt,
-  shape: Pt,
+  shape: Ft,
   density: Wt,
   shadow: Vt
-}, Lo = {
+}, No = {
   name: "playful",
-  palette: Ft,
+  palette: Pt,
   shape: $t,
   density: Ht,
   shadow: Ut
-}, Fo = {
+}, $o = {
   default: Rt,
-  brand: To,
+  brand: Mo,
   indigo: Lt,
-  violet: Co,
-  emerald: Io,
-  teal: Mo,
-  rose: Ft,
-  coral: Do,
-  amber: zo,
-  ocean: Ao,
-  slate: Eo,
-  sage: qo
-}, Po = {
-  sharp: Pt,
+  violet: Do,
+  emerald: zo,
+  teal: Ao,
+  rose: Pt,
+  coral: Eo,
+  amber: qo,
+  ocean: Bo,
+  slate: Ro,
+  sage: Lo
+}, Wo = {
+  sharp: Ft,
   rounded: Nt,
   pill: $t
-}, No = {
+}, Oo = {
   compact: Wt,
   default: Ot,
   spacious: Ht
-}, $o = {
+}, Ho = {
   flat: Vt,
   subtle: jt,
   elevated: Ut
-}, Wo = {
-  modern: Bo,
-  enterprise: Ro,
-  playful: Lo
+}, Vo = {
+  modern: Po,
+  enterprise: Fo,
+  playful: No
 };
-function Oo(e) {
-  return typeof e == "string" ? Fo[e] : e;
+function jo(e) {
+  return typeof e == "string" ? $o[e] : e;
 }
-function Ho(e) {
-  return typeof e == "string" ? Po[e] : e;
+function Uo(e) {
+  return typeof e == "string" ? Wo[e] : e;
 }
-function Vo(e) {
-  return typeof e == "string" ? No[e] : e;
+function Go(e) {
+  return typeof e == "string" ? Oo[e] : e;
 }
-function jo(e) {
-  return typeof e == "string" ? $o[e] : e;
+function _o(e) {
+  return typeof e == "string" ? Ho[e] : e;
 }
-function Uo(e, t) {
+function Yo(e, t) {
   let r, o, a, i;
   if (typeof e == "string") {
-    const s = Wo[e];
+    const s = Vo[e];
     if (!s) return {};
     r = s.palette, o = s.shape, a = s.density, i = s.shadow;
   } else
-    e.palette !== void 0 && (r = Oo(e.palette)), e.shape !== void 0 && (o = Ho(e.shape)), e.density !== void 0 && (a = Vo(e.density)), e.shadow !== void 0 && (i = jo(e.shadow));
+    e.palette !== void 0 && (r = jo(e.palette)), e.shape !== void 0 && (o = Uo(e.shape)), e.density !== void 0 && (a = Go(e.density)), e.shadow !== void 0 && (i = _o(e.shadow));
   const l = {};
   if (r) {
     const s = Bt(r[t], t);
@@ -10842,36 +10951,36 @@ function Uo(e, t) {
 }
 const Gt = ye({
   theme: "light",
-  tokens: Pe
+  tokens: Fe
 });
-function ys({
+function Ts({
   theme: e = "light",
   preset: t,
   tokens: r,
   anchors: o,
   children: a
 }) {
-  const i = ve().replace(/:/g, ""), l = t ? Uo(t, e) : void 0, s = (() => {
+  const i = be().replace(/:/g, ""), l = t ? Yo(t, e) : void 0, s = (() => {
     if (o) {
       const p = Bt(o, e);
       if (l) {
-        const b = {};
+        const v = {};
         for (const [k, x] of Object.entries(l))
-          (k.startsWith("space") || k.startsWith("radius") || k.startsWith("shadow") || k.startsWith("duration") || k.startsWith("easing")) && (b[k] = x);
-        return { ...p, ...b };
+          (k.startsWith("space") || k.startsWith("radius") || k.startsWith("shadow") || k.startsWith("duration") || k.startsWith("easing")) && (v[k] = x);
+        return { ...p, ...v };
       }
       return p;
     }
-    const d = e === "dark" ? At : Pe, u = l ? { ...l, ...r } : r, f = u ? { ...d, ...u } : d, h = u ? qt(u, f, e) : {}, m = (u == null ? void 0 : u.accentBorder) ?? (e === "light" ? K(f.accentDefault, -0.15) : K(f.accentDefault, 0.15)), T = (u == null ? void 0 : u.textOnAccent) ?? Et(f.accentDefault), v = wo(f.accentDefault, T);
+    const d = e === "dark" ? At : Fe, u = l ? { ...l, ...r } : r, f = u ? { ...d, ...u } : d, h = u ? qt(u, f, e) : {}, m = (u == null ? void 0 : u.accentBorder) ?? (e === "light" ? K(f.accentDefault, -0.15) : K(f.accentDefault, 0.15)), T = (u == null ? void 0 : u.textOnAccent) ?? Et(f.accentDefault), b = To(f.accentDefault, T);
     return {
       ...f,
       ...h,
-      accentDefault: v,
+      accentDefault: b,
       textOnAccent: T,
       accentBorder: m
     };
   })(), c = `html { font-size: 14px; }
-` + lo(s, ":root");
+` + po(s, ":root");
   return se(() => {
     let d = document.getElementById(`lucent-tokens-${i}`);
     return d || (d = document.createElement("style"), d.id = `lucent-tokens-${i}`, document.head.appendChild(d)), d.textContent = c, () => {
@@ -10880,10 +10989,10 @@ function ys({
     };
   }, [i, c]), /* @__PURE__ */ n(Gt.Provider, { value: { theme: e, tokens: s }, children: a });
 }
-function xs() {
+function Cs() {
   return fe(Gt);
 }
-const ws = {
+const Is = {
   bgBase: {
     description: "Main page/canvas background. The lowest elevation layer — everything sits on top of this. When bgBase is customized, `surface` and `surfaceTint` are auto-derived so the entire card elevation hierarchy (ghost → outline → filled → elevated → combo) adapts automatically.",
     lightGuidance: "Near-white. Typically #ffffff or a very faint tint (L > 0.96).",
@@ -10938,7 +11047,7 @@ const ws = {
     darkGuidance: "Slightly lighter than light-mode. createTheme() handles this automatically.",
     derives: ["infoSubtle", "infoText"]
   }
-}, ks = {
+}, Ms = {
   id: "lucent-provider",
   name: "LucentProvider",
   tier: "provider",
@@ -11118,7 +11227,7 @@ const myTheme = createTheme({
     }
   ],
   compositionGraph: []
-}, Ss = {
+}, Ds = {
   accentDefault: "#e9c96b",
   accentHover: "#ddb84e",
   accentActive: "#c9a33b",
@@ -11128,7 +11237,7 @@ const myTheme = createTheme({
 function te(e, t) {
   return { field: e, message: t };
 }
-function Go(e) {
+function Ko(e) {
   const t = [];
   if (typeof e != "object" || e === null)
     return { valid: !1, errors: [te("manifest", "Must be a non-null object")] };
@@ -11145,8 +11254,8 @@ function Go(e) {
     (typeof s.title != "string" || s.title === "") && t.push(te(`${c}.title`, "Must be a non-empty string")), (typeof s.code != "string" || s.code === "") && t.push(te(`${c}.code`, "Must be a non-empty string"));
   }) : t.push(te("usageExamples", "Must be an array")), Array.isArray(r.compositionGraph) || t.push(te("compositionGraph", "Must be an array (empty array is fine for atoms)")), typeof r.specVersion == "string" && !/^\d+\.\d+$/.test(r.specVersion) && t.push(te("specVersion", 'Must be "MAJOR.MINOR" format, e.g. "0.1"')), { valid: t.length === 0, errors: t };
 }
-function Ts(e) {
-  const t = Go(e);
+function zs(e) {
+  const t = Ko(e);
   if (!t.valid) {
     const r = t.errors.map((o) => `  ${o.field}: ${o.message}`).join(`
 `);
@@ -11154,137 +11263,139 @@ function Ts(e) {
 ${r}`);
   }
 }
-function Cs(e) {
+function As(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = e;
   return typeof t.name == "string" && typeof t.type == "string" && typeof t.required == "boolean" && typeof t.description == "string";
 }
-const Is = "1.0", Ms = "0.1.0";
+const Es = "1.0", qs = "0.1.0";
 export {
-  Oi as Alert,
-  Hi as AlertManifest,
-  ni as Avatar,
-  ai as AvatarManifest,
-  Qo as Badge,
-  ei as BadgeManifest,
-  _i as Breadcrumb,
+  Gi as Alert,
+  _i as AlertManifest,
+  oi as Avatar,
+  ii as AvatarManifest,
+  ni as Badge,
+  ai as BadgeManifest,
+  Zi as Breadcrumb,
   Ee as Button,
-  Xo as ButtonManifest,
-  ti as CHIP_MANIFEST,
-  Mi as COLOR_PICKER_MANIFEST,
-  Di as COLOR_SWATCH_MANIFEST,
-  es as COMMAND_PALETTE_MANIFEST,
-  Ni as Card,
-  $i as CardBleed,
-  Wi as CardManifest,
+  Qo as ButtonManifest,
+  ri as CHIP_MANIFEST,
+  Ai as COLOR_PICKER_MANIFEST,
+  Ei as COLOR_SWATCH_MANIFEST,
+  os as COMMAND_PALETTE_MANIFEST,
+  Vi as Card,
+  ji as CardBleed,
+  Ui as CardManifest,
   yt as Checkbox,
-  si as CheckboxManifest,
+  di as CheckboxManifest,
   un as Chip,
-  Ti as CodeBlock,
-  Ci as CodeBlockManifest,
-  Ki as Collapsible,
+  Mi as CodeBlock,
+  Di as CodeBlockManifest,
+  es as Collapsible,
   ua as ColorPicker,
   ze as ColorSwatch,
-  Qi as CommandPalette,
-  Zi as DATA_TABLE_MANIFEST,
-  rs as DATE_PICKER_MANIFEST,
-  is as DATE_RANGE_PICKER_MANIFEST,
-  Ji as DataTable,
-  as as DatePicker,
-  os as DateRangePicker,
-  oi as Divider,
-  ii as DividerManifest,
-  Vi as EmptyState,
-  ji as EmptyStateManifest,
-  ls as FILE_UPLOAD_MANIFEST,
-  ss as FileUpload,
-  Ri as FormField,
-  Li as FormFieldManifest,
-  vi as Icon,
-  yi as IconManifest,
+  rs as CommandPalette,
+  as as DATA_TABLE_MANIFEST,
+  cs as DATE_PICKER_MANIFEST,
+  us as DATE_RANGE_PICKER_MANIFEST,
+  ns as DataTable,
+  ls as DatePicker,
+  ds as DateRangePicker,
+  li as Divider,
+  ci as DividerManifest,
+  Yi as EmptyState,
+  Ki as EmptyStateManifest,
+  fs as FILE_UPLOAD_MANIFEST,
+  ps as FileUpload,
+  $i as FormField,
+  Wi as FormFieldManifest,
+  wi as Icon,
+  ki as IconManifest,
   ce as Input,
-  Jo as InputManifest,
-  Ms as LUCENT_UI_VERSION,
-  ys as LucentProvider,
-  ks as LucentProviderManifest,
-  Is as MANIFEST_SPEC_VERSION,
-  ns as MULTI_SELECT_MANIFEST,
-  hs as Menu,
-  fs as MenuGroup,
-  us as MenuItem,
-  ms as MenuManifest,
-  ps as MenuSeparator,
-  ts as MultiSelect,
-  wi as NavLink,
-  Xi as PageLayout,
-  li as Radio,
+  ei as InputManifest,
+  qs as LUCENT_UI_VERSION,
+  Ts as LucentProvider,
+  Ms as LucentProviderManifest,
+  Es as MANIFEST_SPEC_VERSION,
+  ss as MULTI_SELECT_MANIFEST,
+  ys as Menu,
+  bs as MenuGroup,
+  gs as MenuItem,
+  xs as MenuManifest,
+  vs as MenuSeparator,
+  is as MultiSelect,
+  Ti as NavLink,
+  ts as PageLayout,
+  Fi as Progress,
+  Ni as ProgressManifest,
+  ui as Radio,
   kn as RadioGroup,
-  ci as RadioGroupUncontrolled,
-  di as RadioManifest,
-  qi as Row,
-  Bi as RowManifest,
-  zi as SEGMENTED_CONTROL_MANIFEST,
-  Fi as SearchInput,
-  Pi as SearchInputManifest,
+  pi as RadioGroupUncontrolled,
+  fi as RadioManifest,
+  Li as Row,
+  Pi as RowManifest,
+  qi as SEGMENTED_CONTROL_MANIFEST,
+  Oi as SearchInput,
+  Hi as SearchInputManifest,
   kt as SegmentedControl,
   wt as Select,
-  fi as SelectManifest,
-  Ui as Skeleton,
-  Gi as SkeletonManifest,
-  ki as Slider,
-  Si as SliderManifest,
-  bn as Spinner,
-  ri as SpinnerManifest,
-  Ai as Stack,
-  Ei as StackManifest,
-  ds as TIMELINE_MANIFEST,
+  gi as SelectManifest,
+  Xi as Skeleton,
+  Ji as SkeletonManifest,
+  Ci as Slider,
+  Ii as SliderManifest,
+  vn as Spinner,
+  si as SpinnerManifest,
+  Bi as Stack,
+  Ri as StackManifest,
+  ms as TIMELINE_MANIFEST,
   xe as Table,
-  Ii as TableManifest,
-  Yi as Tabs,
-  hi as Tag,
-  mi as TagManifest,
+  zi as TableManifest,
+  Qi as Tabs,
+  vi as Tag,
+  bi as TagManifest,
   _ as Text,
-  xi as TextManifest,
+  Si as TextManifest,
   on as Textarea,
-  Zo as TextareaManifest,
-  ws as ThemeAnchorsSpec,
-  cs as Timeline,
-  vs as ToastManifest,
-  bs as ToastProvider,
-  ui as Toggle,
-  pi as ToggleManifest,
-  gi as Tooltip,
-  bi as TooltipManifest,
-  Ts as assertManifest,
-  To as brandPalette,
-  Ss as brandTokens,
+  ti as TextareaManifest,
+  Is as ThemeAnchorsSpec,
+  hs as Timeline,
+  Ss as ToastManifest,
+  ks as ToastProvider,
+  hi as Toggle,
+  mi as ToggleManifest,
+  yi as Tooltip,
+  xi as TooltipManifest,
+  zs as assertManifest,
+  Mo as brandPalette,
+  Ds as brandTokens,
   Wt as compactDensity,
   Bt as createTheme,
   At as darkTokens,
   Ot as defaultDensity,
   Rt as defaultPalette,
-  io as deriveDarkFromLight,
+  co as deriveDarkFromLight,
   qt as deriveTokens,
   Ut as elevatedShadow,
-  Io as emeraldPalette,
-  Ro as enterprisePreset,
+  zo as emeraldPalette,
+  Fo as enterprisePreset,
   Vt as flatShadow,
   Et as getContrastText,
   Lt as indigoPalette,
-  Cs as isValidPropDescriptor,
-  Pe as lightTokens,
-  lo as makeLibraryCSS,
-  Bo as modernPreset,
-  Ao as oceanPalette,
+  As as isValidPropDescriptor,
+  Fe as lightTokens,
+  po as makeLibraryCSS,
+  Po as modernPreset,
+  Bo as oceanPalette,
   $t as pillShape,
-  Lo as playfulPreset,
-  Uo as resolvePreset,
-  Ft as rosePalette,
+  No as playfulPreset,
+  Yo as resolvePreset,
+  Pt as rosePalette,
   Nt as roundedShape,
-  Pt as sharpShape,
+  Ft as sharpShape,
   Ht as spaciousDensity,
   jt as subtleShadow,
-  xs as useLucent,
-  gs as useToast,
-  Go as validateManifest
+  Cs as useLucent,
+  ws as useToast,
+  Ko as validateManifest
 };