lucent-ui 0.19.1 → 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 Go = {
+const Qo = {
   id: "button",
   name: "Button",
   tier: "atom",
@@ -332,7 +332,7 @@ const Go = {
     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)",
@@ -341,7 +341,7 @@ const Go = {
       whiteSpace: "nowrap",
       userSelect: "none",
       flexShrink: 0
-    }, A = { ...S, paddingLeft: ue[e], paddingRight: "2px" }, L = { ...S, paddingLeft: "2px", paddingRight: ue[e] };
+    }, A = { ...S, paddingLeft: ue[e], paddingRight: "2px" }, R = { ...S, paddingLeft: "2px", paddingRight: ue[e] };
     return /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...d }, children: [
       t && /* @__PURE__ */ n(
         "label",
@@ -429,7 +429,7 @@ const Go = {
                 alignItems: "center"
               }, children: i })
             ] }),
-            s && /* @__PURE__ */ n("span", { style: L, children: s })
+            s && /* @__PURE__ */ n("span", { style: R, children: s })
           ]
         }
       ),
@@ -462,7 +462,7 @@ const Go = {
   }
 );
 ce.displayName = "Input";
-const _o = {
+const ei = {
   id: "input",
   name: "Input",
   tier: "atom",
@@ -511,13 +511,13 @@ const _o = {
   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 _o = {
       /* @__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 _o = {
           },
           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 _o = {
   }
 );
 on.displayName = "Textarea";
-const Yo = {
+const ti = {
   id: "textarea",
   name: "Textarea",
   tier: "atom",
@@ -640,7 +640,7 @@ const Yo = {
   sm: { fontSize: "var(--lucent-font-size-xs)", padding: "0 var(--lucent-space-2)", height: "18px" },
   md: { fontSize: "var(--lucent-font-size-sm)", padding: "0 var(--lucent-space-2)", height: "22px" }
 };
-function Ko({ variant: e = "neutral", size: t = "md", dot: r = !1, children: o, style: a }) {
+function 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 Ko({ variant: e = "neutral", size: t = "md", dot: r = !1, children: o,
     o
   ] });
 }
-const Xo = {
+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 Jo = {
+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 Zo({ 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 Zo({ src: e, alt: t, size: r = "md", initials: o, style: a, ...i }) {
     }
   );
 }
-const Qo = {
+const ii = {
   id: "avatar",
   name: "Avatar",
   tier: "atom",
@@ -1012,7 +1012,7 @@ const Qo = {
   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 ei = {
+const si = {
   id: "spinner",
   name: "Spinner",
   tier: "atom",
@@ -1067,7 +1067,7 @@ const ei = {
     notes: 'The visible SVG is aria-hidden. The label is conveyed via a visually-hidden span inside role="status".'
   }
 };
-function ti({ orientation: e = "horizontal", label: t, spacing: r = "var(--lucent-space-4)", style: o }) {
+function 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 ti({ orientation: e = "horizontal", label: t, spacing: r = "var(--lucen
     }
   );
 }
-const ni = {
+const ci = {
   id: "divider",
   name: "Divider",
   tier: "atom",
@@ -1145,7 +1145,7 @@ const ni = {
     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,24 +1172,24 @@ const ni = {
     style: u,
     ...f
   }, h) => {
-    const m = V(null), T = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, v = vn[t], p = i !== void 0, [b, k] = z(l ?? !1), [x, M] = z(!1), S = p ? !!i : b, A = V(S), [L, C] = z(0);
+    const m = V(null), T = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, 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((R) => R + 1));
+      !s && A.current !== S && (A.current = S, C((L) => L + 1));
     }, [S, s]);
     const D = ee(
-      (R) => {
-        m.current = R, typeof h == "function" ? h(R) : h && (h.current = R);
+      (L) => {
+        m.current = L, typeof h == "function" ? h(L) : h && (h.current = L);
       },
       [h]
     );
     X(() => {
       m.current && (m.current.indeterminate = r);
     }, [r]);
-    const $ = (R) => {
-      p || k(R.target.checked), d == null || d(R);
+    const $ = (L) => {
+      p || k(L.target.checked), d == null || d(L);
     }, W = s ? "var(--lucent-text-disabled)" : "var(--lucent-text-on-accent)", w = {
-      width: v,
-      height: v,
+      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.
@@ -1203,7 +1203,7 @@ const ni = {
       flexShrink: 0,
       transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
       // Re-key forces the animation to restart on every toggle.
-      animation: L > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
+      animation: R > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
     }, F = /* @__PURE__ */ y(
       "label",
       {
@@ -1225,7 +1225,7 @@ const ni = {
               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 ni = {
             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,15 +1247,15 @@ const ni = {
             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" },
                 children: /* @__PURE__ */ n("path", { d: "M2 5H8", stroke: W, strokeWidth: 1.5, strokeLinecap: "round" })
               }
             )
-          ] }, L),
+          ] }, R),
           (e || a) && /* @__PURE__ */ y("span", { style: { display: "flex", flexDirection: "column" }, children: [
             e && /* @__PURE__ */ n("span", { style: {
               fontWeight: a ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1291,9 +1291,9 @@ const ni = {
             cursor: s ? "not-allowed" : "pointer",
             ...u
           },
-          onClick: (R) => {
+          onClick: (L) => {
             var N;
-            s || R.target === R.currentTarget && ((N = m.current) == null || N.click());
+            s || L.target === L.currentTarget && ((N = m.current) == null || N.click());
           },
           children: F
         }
@@ -1302,7 +1302,7 @@ const ni = {
   }
 );
 yt.displayName = "Checkbox";
-const ai = {
+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 ri({ 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 ri({ 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
-  }, L = {
+    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,14 +1476,14 @@ function ri({ 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" },
             ...u
           }
         ),
-        /* @__PURE__ */ n("span", { "aria-hidden": !0, style: L, children: /* @__PURE__ */ n("span", { style: A }) }, x),
+        /* @__PURE__ */ n("span", { "aria-hidden": !0, style: R, children: /* @__PURE__ */ n("span", { style: A }) }, x),
         t || a ? /* @__PURE__ */ y("span", { style: { display: "flex", flexDirection: "column" }, children: [
           t && /* @__PURE__ */ n("span", { style: {
             fontWeight: a ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1504,14 +1504,14 @@ function ri({ 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 ri({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
     ) : C
   ] });
 }
-function oi({
+function pi({
   defaultValue: e = "",
   onChange: t,
   ...r
@@ -1544,7 +1544,7 @@ function oi({
     }
   );
 }
-const ii = {
+const fi = {
   id: "radio",
   name: "Radio",
   tier: "atom",
@@ -1654,7 +1654,7 @@ const ii = {
   100% { transform: scale(1); }
 }
 `;
-function si({
+function hi({
   label: e,
   size: t = "md",
   checked: r,
@@ -1668,16 +1668,16 @@ function si({
   style: u,
   ...f
 }) {
-  const h = c ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, m = r !== void 0, [T, v] = z(o ?? !1), p = m ? !!r : T, [b, k] = z(!1), x = V(p), [M, S] = z(0), [A, L] = z(!1);
+  const h = c ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, m = r !== void 0, [T, 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), L(!0);
-      const N = setTimeout(() => L(!1), 150);
+      x.current = p, S((U) => U + 1), R(!0);
+      const N = setTimeout(() => R(!1), 150);
       return () => clearTimeout(N);
     }
   }, [p, s]);
   const { track: [C, D], thumb: $ } = Mn[t], W = p ? C - $ - 2 : 2, w = (N) => {
-    m || v(N.target.checked), d == null || d(N);
+    m || b(N.target.checked), d == null || d(N);
   }, F = /* @__PURE__ */ y(
     "span",
     {
@@ -1722,7 +1722,7 @@ function si({
         )
       ]
     }
-  ), R = /* @__PURE__ */ y(
+  ), L = /* @__PURE__ */ y(
     "label",
     {
       style: {
@@ -1778,7 +1778,7 @@ function si({
         },
         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)",
@@ -1792,12 +1792,12 @@ function si({
             U == null || U.click();
           }
         },
-        children: R
+        children: L
       }
-    ) : R
+    ) : L
   ] });
 }
-const li = {
+const mi = {
   id: "toggle",
   name: "Toggle",
   tier: "atom",
@@ -1902,7 +1902,7 @@ const li = {
   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 li = {
             ].join(", ")
           },
           onMouseEnter: () => {
-            m || b(!0);
+            m || v(!0);
           },
-          onMouseLeave: () => b(!1),
+          onMouseLeave: () => v(!1),
           children: [
             /* @__PURE__ */ y(
               "select",
@@ -1965,14 +1965,14 @@ const li = {
                 },
                 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 li = {
   }
 );
 wt.displayName = "Select";
-const ci = {
+const gi = {
   id: "select",
   name: "Select",
   tier: "atom",
@@ -2133,13 +2133,13 @@ const ci = {
   warning: { bg: "var(--lucent-warning-subtle)", color: "var(--lucent-warning-text)", border: "var(--lucent-warning-subtle)", dismissHover: "var(--lucent-warning-default)" },
   danger: { bg: "var(--lucent-danger-subtle)", color: "var(--lucent-danger-text)", border: "var(--lucent-danger-subtle)", dismissHover: "var(--lucent-danger-default)" },
   info: { bg: "var(--lucent-info-subtle)", color: "var(--lucent-info-text)", border: "var(--lucent-info-subtle)", dismissHover: "var(--lucent-info-default)" }
-}, Bn = {
+}, qn = {
   sm: { fontSize: "var(--lucent-font-size-xs)", height: "20px", padding: "0 var(--lucent-space-3)", iconSize: 10, gap: "var(--lucent-space-1)" },
   md: { fontSize: "var(--lucent-font-size-sm)", height: "24px", padding: "0 var(--lucent-space-3)", iconSize: 12, gap: "var(--lucent-space-1)" },
   lg: { fontSize: "var(--lucent-font-size-md)", height: "28px", padding: "0 var(--lucent-space-4)", iconSize: 14, gap: "var(--lucent-space-2)" }
 };
-function di({ children: e, variant: t = "neutral", size: r = "md", onDismiss: o, disabled: a }) {
-  const i = En[t], l = Bn[r], [s, c] = z(!1), d = !a && o;
+function 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 di({ children: e, variant: t = "neutral", size: r = "md", onDismiss: o,
     }
   );
 }
-const ui = {
+const bi = {
   id: "tag",
   name: "Tag",
   tier: "atom",
@@ -2265,12 +2265,12 @@ const ui = {
     notes: 'The dismiss button has aria-label="Dismiss" and is keyboard-focusable.',
     keyboardInteractions: ["Enter / Space — activates the dismiss button when focused"]
   }
-}, Q = 5, qn = {
+}, Q = 5, Bn = {
   top: { bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: Q + 3 },
   bottom: { top: "100%", left: "50%", transform: "translateX(-50%)", marginTop: Q + 3 },
   left: { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: Q + 3 },
   right: { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: Q + 3 }
-}, Ln = {
+}, Rn = {
   top: {
     bottom: -Q,
     left: "50%",
@@ -2300,7 +2300,7 @@ const ui = {
     borderColor: "transparent var(--lucent-text-primary) transparent transparent"
   }
 };
-function pi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
+function 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 = () => {
@@ -2322,7 +2322,7 @@ function pi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
             role: "tooltip",
             style: {
               position: "absolute",
-              ...qn[r],
+              ...Bn[r],
               background: "var(--lucent-text-primary)",
               color: "var(--lucent-bg-base)",
               padding: "5px 10px",
@@ -2347,7 +2347,7 @@ function pi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
                     width: 0,
                     height: 0,
                     borderStyle: "solid",
-                    ...Ln[r]
+                    ...Rn[r]
                   }
                 }
               )
@@ -2358,7 +2358,7 @@ function pi({ content: e, children: t, placement: r = "top", delay: o = 300 }) {
     }
   ) : /* @__PURE__ */ n(oe, { children: t });
 }
-const fi = {
+const xi = {
   id: "tooltip",
   name: "Tooltip",
   tier: "atom",
@@ -2407,15 +2407,15 @@ const fi = {
     ariaAttributes: ['role="tooltip"'],
     notes: 'The tooltip is shown on both hover and focus, making it accessible to keyboard users. Content is exposed via role="tooltip".'
   }
-}, Rn = {
+}, Ln = {
   xs: 12,
   sm: 14,
   md: 16,
   lg: 20,
   xl: 24
 };
-function hi({ children: e, size: t = "md", label: r, color: o, style: a }) {
-  const i = Rn[t];
+function 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 hi({ children: e, size: t = "md", label: r, color: o, style: a }) {
     }
   );
 }
-const mi = {
+const ki = {
   id: "icon",
   name: "Icon",
   tier: "atom",
@@ -2546,7 +2546,7 @@ function _({
   };
   return /* @__PURE__ */ n(e, { style: f, ...u, children: c });
 }
-const gi = {
+const Si = {
   id: "text",
   name: "Text",
   tier: "atom",
@@ -2644,7 +2644,7 @@ const gi = {
     notes: 'The rendered element determines the implicit ARIA role. Use heading elements (h1–h6) for document headings so screen readers can navigate the page structure. Use `as="label"` with `htmlFor` to associate labels with form controls. Decorative text needs no additional ARIA.'
   }
 };
-function bi({
+function 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 vi({
+function Ci({
   label: e,
   showValue: t = !1,
   size: r = "md",
@@ -2805,9 +2805,9 @@ function vi({
   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 vi({
                       color: c ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
                       fontVariantNumeric: "tabular-nums"
                     },
-                    children: b
+                    children: v
                   }
                 )
               ]
@@ -2870,7 +2870,7 @@ function vi({
               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 vi({
     )
   ] });
 }
-const yi = {
+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 xi({
+function Mi({
   code: e,
   language: t,
   tabs: r,
@@ -3000,13 +3000,13 @@ function xi({
   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 xi({
     {
       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 xi({
     }
   );
 }
-const wi = {
+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 ki = {
+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);
@@ -3685,7 +3685,7 @@ const ze = pe(({
   );
 });
 ze.displayName = "ColorSwatch";
-function Be(e, t, r) {
+function qe(e, t, r) {
   return Math.max(t, Math.min(r, e));
 }
 function oa(e, t, r) {
@@ -3724,7 +3724,7 @@ function St(e) {
   };
 }
 function _e({ r: e, g: t, b: r, a: o }) {
-  const a = (l) => Be(Math.round(l), 0, 255).toString(16).padStart(2, "0"), i = `#${a(e)}${a(t)}${a(r)}`;
+  const a = (l) => qe(Math.round(l), 0, 255).toString(16).padStart(2, "0"), i = `#${a(e)}${a(t)}${a(r)}`;
   return o < 1 ? `${i}${a(Math.round(o * 255))}` : i;
 }
 function Tt({ h: e, s: t, v: r, a: o }) {
@@ -3777,7 +3777,7 @@ const la = [
 ].join(", ");
 function st({ value: e, min: t, max: r, onChange: o, trackStyle: a, formatTooltip: i }) {
   const l = V(null), [s, c] = z(!1), d = ee((f) => {
-    const h = l.current.getBoundingClientRect(), m = Be((f.clientX - h.left) / h.width, 0, 1);
+    const h = l.current.getBoundingClientRect(), m = qe((f.clientX - h.left) / h.width, 0, 1);
     o(t + m * (r - t));
   }, [t, r, o]), u = (e - t) / (r - t) * 100;
   return /* @__PURE__ */ n(
@@ -3851,13 +3851,13 @@ function ua({
   style: d
 }) {
   var P, j;
-  const u = o === "sm" ? 24 : 40, f = ve(), h = c ?? f, [m, T] = z(!1), [v, p] = z("hex"), [b, k] = z(0), [x, M] = z(() => {
+  const 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()), L = V(null), C = V(null), D = V(null), [$, W] = z({ top: 0, left: 0 });
+  }), [S, A] = z(() => we(x).slice(1).toUpperCase()), R = V(null), C = V(null), D = V(null), [$, W] = z({ top: 0, left: 0 });
   se(() => {
-    if (!m || !L.current) return;
-    const g = L.current.getBoundingClientRect();
+    if (!m || !R.current) return;
+    const g = R.current.getBoundingClientRect();
     let E = g.left;
     const O = g.bottom + 8;
     if (D.current) {
@@ -3874,7 +3874,7 @@ function ua({
     const g = (E) => {
       var Y, H;
       const O = E.target;
-      (Y = L.current) != null && Y.contains(O) || (H = D.current) != null && H.contains(O) || T(!1);
+      (Y = R.current) != null && Y.contains(O) || (H = D.current) != null && H.contains(O) || T(!1);
     };
     return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [m]);
@@ -3883,25 +3883,25 @@ function ua({
     const E = we(g);
     A(E.slice(1).toUpperCase()), t == null || t(E);
   }, [t]), F = ee((g) => {
-    const E = C.current.getBoundingClientRect(), O = Math.round(Be((g.clientX - E.left) / E.width, 0, 1) * 100), Y = Math.round((1 - Be((g.clientY - E.top) / E.height, 0, 1)) * 100);
+    const E = C.current.getBoundingClientRect(), O = Math.round(qe((g.clientX - E.left) / E.width, 0, 1) * 100), Y = Math.round((1 - qe((g.clientY - E.top) / E.height, 0, 1)) * 100);
     w({ ...x, s: O, v: Y });
-  }, [x, w]), R = ee(async () => {
+  }, [x, w]), L = ee(async () => {
     if ("EyeDropper" in window)
       try {
         const g = await new window.EyeDropper().open(), E = ke(g.sRGBHex);
         E && w(re(E));
       } catch {
       }
-  }, [w]), N = Tt(x), U = sa(N.r, N.g, N.b), Z = we(x), J = we({ ...x, a: 1 }), q = Math.round(x.a * 100), I = [
+  }, [w]), N = Tt(x), U = sa(N.r, N.g, N.b), Z = we(x), J = we({ ...x, a: 1 }), B = Math.round(x.a * 100), I = [
     { id: "hex", label: "Hex" },
     { id: "rgb", label: "RGB" },
     { id: "hsl", label: "HSL" },
     { id: "hsb", label: "HSB" }
-  ], B = typeof window < "u" && "EyeDropper" in window;
+  ], q = typeof window < "u" && "EyeDropper" in window;
   return /* @__PURE__ */ y(
     "div",
     {
-      ref: L,
+      ref: R,
       style: { display: "inline-flex", flexDirection: a ? "row" : "column", alignItems: a ? "center" : void 0, gap: "var(--lucent-space-1)", position: "relative", ...d },
       children: [
         /* @__PURE__ */ n("style", { children: `
@@ -4066,20 +4066,20 @@ 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,
                       {
                         variant: "secondary",
                         size: "sm",
-                        onClick: R,
-                        disabled: !B,
-                        title: B ? "Pick color from screen" : "Not supported in this browser",
+                        onClick: L,
+                        disabled: !q,
+                        title: q ? "Pick color from screen" : "Not supported in this browser",
                         leftIcon: /* @__PURE__ */ n(da, {}),
                         style: { flexShrink: 0, paddingLeft: 8, paddingRight: 8 }
                       }
@@ -4111,7 +4111,7 @@ function ua({
                         size: "sm",
                         type: "number",
                         suffix: "%",
-                        value: q,
+                        value: B,
                         min: 0,
                         max: 100,
                         onChange: (g) => {
@@ -4123,16 +4123,16 @@ 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 })) },
-                    { label: "A", val: q, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
+                    { label: "A", val: B, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
                   ].map(({ label: g, val: E, max: O, fn: Y }) => /* @__PURE__ */ n(ce, { size: "sm", type: "number", prefix: g, value: E, min: 0, max: O, onChange: (H) => {
                     const G = +H.target.value;
                     !isNaN(G) && G >= 0 && G <= O && Y(G);
                   }, 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 }));
@@ -4145,16 +4145,16 @@ function ua({
                       const { r: E, g: O, b: Y } = Ae(U.h, U.s, g);
                       w(re({ r: E, g: O, b: Y, a: x.a }));
                     } },
-                    { label: "A", val: q, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
+                    { label: "A", val: B, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
                   ].map(({ label: g, val: E, max: O, fn: Y }) => /* @__PURE__ */ n(ce, { size: "sm", type: "number", prefix: g, value: E, min: 0, max: O, onChange: (H) => {
                     const G = +H.target.value;
                     !isNaN(G) && G >= 0 && G <= O && Y(G);
                   }, 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 }) },
-                    { label: "A", val: q, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
+                    { label: "A", val: B, max: 100, fn: (g) => w({ ...x, a: g / 100 }) }
                   ].map(({ label: g, val: E, max: O, fn: Y }) => /* @__PURE__ */ n(ce, { size: "sm", type: "number", prefix: g, value: E, min: 0, max: O, onChange: (H) => {
                     const G = +H.target.value;
                     !isNaN(G) && G >= 0 && G <= O && Y(G);
@@ -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 }))
                       }
@@ -4175,7 +4175,7 @@ function ua({
                       color: "var(--lucent-text-secondary)",
                       fontFamily: "var(--lucent-font-family-base)"
                     }, children: (P = l[0]) == null ? void 0 : P.label }),
-                    /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: (((j = l[b]) == null ? void 0 : j.colors) ?? []).map((g) => {
+                    /* @__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 Si = {
+const Ai = {
   id: "color-picker",
   name: "ColorPicker",
   tier: "atom",
@@ -4306,7 +4306,7 @@ const Si = {
       "Tab — moves through format tabs and input fields within the popover"
     ]
   }
-}, Ti = {
+}, Ei = {
   id: "color-swatch",
   name: "ColorSwatch",
   tier: "atom",
@@ -4341,7 +4341,7 @@ const Si = {
     ariaAttributes: ["title (tooltip)"],
     keyboardInteractions: ["Enter / Space — triggers onClick"]
   }
-}, Ci = {
+}, qi = {
   id: "segmented-control",
   name: "SegmentedControl",
   tier: "atom",
@@ -4438,8 +4438,414 @@ const Si = {
       "Click — selects an option"
     ]
   }
+}, pa = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+}, fa = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around"
 };
-function Ii({
+function Bi({
+  gap: e = "4",
+  align: t = "stretch",
+  justify: r = "start",
+  as: o = "div",
+  wrap: a = !1,
+  children: i,
+  style: l,
+  ...s
+}) {
+  const c = {
+    display: "flex",
+    flexDirection: "column",
+    gap: `var(--lucent-space-${e})`,
+    alignItems: pa[t],
+    justifyContent: fa[r],
+    ...a && { flexWrap: "wrap" },
+    ...l
+  };
+  return /* @__PURE__ */ n(o, { style: c, ...s, children: i });
+}
+const Ri = {
+  id: "stack",
+  name: "Stack",
+  tier: "atom",
+  domain: "neutral",
+  specVersion: "0.1",
+  description: "Vertical flex layout primitive that spaces children using design-system gap tokens.",
+  designIntent: "Stack is the primary vertical layout container. Use it any time you need to arrange elements in a column with consistent spacing — form fields, card content, page sections, sidebar navigation. The gap prop maps to spacing tokens (--lucent-space-*), enforcing consistent vertical rhythm without manual margin management. Prefer Stack over raw inline flex styles for maintainability and readability. Use Row (the horizontal counterpart) when items should flow left-to-right. Stack does not add padding — wrap it in a Card or apply padding on a parent container instead.",
+  props: [
+    {
+      name: "gap",
+      type: "enum",
+      required: !1,
+      default: "4",
+      description: "Spacing between children. Maps to --lucent-space-{n} tokens.",
+      enumValues: ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24"]
+    },
+    {
+      name: "align",
+      type: "enum",
+      required: !1,
+      default: "stretch",
+      description: 'Cross-axis alignment (alignItems). "stretch" fills the container width.',
+      enumValues: ["start", "center", "end", "stretch", "baseline"]
+    },
+    {
+      name: "justify",
+      type: "enum",
+      required: !1,
+      default: "start",
+      description: "Main-axis distribution (justifyContent).",
+      enumValues: ["start", "center", "end", "between", "around"]
+    },
+    {
+      name: "as",
+      type: "enum",
+      required: !1,
+      default: "div",
+      description: "HTML element to render. Use semantic elements when appropriate (nav for navigation, form for forms).",
+      enumValues: ["div", "section", "nav", "form", "fieldset", "ul", "ol"]
+    },
+    {
+      name: "wrap",
+      type: "boolean",
+      required: !1,
+      default: "false",
+      description: "Whether children should wrap to the next line when they exceed the container width."
+    },
+    {
+      name: "children",
+      type: "ReactNode",
+      required: !0,
+      description: "The elements to arrange vertically."
+    },
+    {
+      name: "style",
+      type: "object",
+      required: !1,
+      description: "Inline style overrides. Applied after computed layout styles."
+    },
+    {
+      name: "className",
+      type: "string",
+      required: !1,
+      description: "CSS class name passthrough."
+    }
+  ],
+  usageExamples: [
+    {
+      title: "Form layout",
+      code: `<Stack gap="4">
+  <FormField label="Name"><Input /></FormField>
+  <FormField label="Email"><Input type="email" /></FormField>
+  <Button variant="primary">Submit</Button>
+</Stack>`
+    },
+    {
+      title: "Card content",
+      code: `<Card padding="lg">
+  <Stack gap="3">
+    <Text as="h3" size="lg" weight="semibold">Title</Text>
+    <Text size="sm" color="secondary">Description goes here.</Text>
+    <Button variant="outline" size="sm">Learn more</Button>
+  </Stack>
+</Card>`
+    },
+    {
+      title: "Tight spacing",
+      code: `<Stack gap="1">
+  <Text size="sm" weight="medium">Label</Text>
+  <Text size="xs" color="secondary">Helper text</Text>
+</Stack>`
+    },
+    {
+      title: "Centered content",
+      code: `<Stack gap="4" align="center" justify="center" style={{ minHeight: 200 }}>
+  <Spinner />
+  <Text color="secondary">Loading...</Text>
+</Stack>`
+    },
+    {
+      title: "Semantic nav",
+      code: `<Stack as="nav" gap="1">
+  <NavLink href="/home">Home</NavLink>
+  <NavLink href="/settings">Settings</NavLink>
+</Stack>`
+    }
+  ],
+  compositionGraph: [],
+  accessibility: {
+    notes: "Stack renders a <div> by default, which has no implicit ARIA role. Use the `as` prop to render semantic elements (nav, section, form) when the content has a specific structural purpose. Add aria-label or aria-labelledby when using landmark elements."
+  }
+}, ha = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+}, ma = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around"
+};
+function Li({
+  gap: e = "3",
+  align: t = "center",
+  justify: r = "start",
+  as: o = "div",
+  wrap: a = !1,
+  children: i,
+  style: l,
+  ...s
+}) {
+  const c = {
+    display: "flex",
+    flexDirection: "row",
+    gap: `var(--lucent-space-${e})`,
+    alignItems: ha[t],
+    justifyContent: ma[r],
+    ...a && { flexWrap: "wrap" },
+    ...l
+  };
+  return /* @__PURE__ */ n(o, { style: c, ...s, children: i });
+}
+const Pi = {
+  id: "row",
+  name: "Row",
+  tier: "atom",
+  domain: "neutral",
+  specVersion: "0.1",
+  description: "Horizontal flex layout primitive that spaces children using design-system gap tokens.",
+  designIntent: 'Row is the primary horizontal layout container. Use it any time you need to arrange elements side by side — button groups, label-value pairs, icon + text combos, toolbar actions. Default align is "center" (vertical centering), which is the most common horizontal layout need. Use justify="between" for space-between patterns like a header with title on the left and actions on the right. Set wrap=true when items should flow to the next line on narrow screens. Row does not add padding — wrap it in a Card or apply padding on a parent container instead. For vertical arrangement, use Stack instead.',
+  props: [
+    {
+      name: "gap",
+      type: "enum",
+      required: !1,
+      default: "3",
+      description: "Spacing between children. Maps to --lucent-space-{n} tokens.",
+      enumValues: ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24"]
+    },
+    {
+      name: "align",
+      type: "enum",
+      required: !1,
+      default: "center",
+      description: 'Cross-axis alignment (alignItems). "center" vertically centers items, which is the most common need.',
+      enumValues: ["start", "center", "end", "stretch", "baseline"]
+    },
+    {
+      name: "justify",
+      type: "enum",
+      required: !1,
+      default: "start",
+      description: 'Main-axis distribution (justifyContent). Use "between" for label/action pairs.',
+      enumValues: ["start", "center", "end", "between", "around"]
+    },
+    {
+      name: "as",
+      type: "enum",
+      required: !1,
+      default: "div",
+      description: "HTML element to render. Use semantic elements when appropriate (nav for navigation, form for forms).",
+      enumValues: ["div", "section", "nav", "form", "fieldset", "ul", "ol"]
+    },
+    {
+      name: "wrap",
+      type: "boolean",
+      required: !1,
+      default: "false",
+      description: "Whether children should wrap to the next line when they exceed the container width."
+    },
+    {
+      name: "children",
+      type: "ReactNode",
+      required: !0,
+      description: "The elements to arrange horizontally."
+    },
+    {
+      name: "style",
+      type: "object",
+      required: !1,
+      description: "Inline style overrides. Applied after computed layout styles."
+    },
+    {
+      name: "className",
+      type: "string",
+      required: !1,
+      description: "CSS class name passthrough."
+    }
+  ],
+  usageExamples: [
+    {
+      title: "Settings toggle",
+      code: `<Row gap="3" justify="between">
+  <Text size="sm">Push notifications</Text>
+  <Toggle />
+</Row>`
+    },
+    {
+      title: "Button group",
+      code: `<Row gap="2">
+  <Button variant="primary">Save</Button>
+  <Button variant="outline">Cancel</Button>
+</Row>`
+    },
+    {
+      title: "Stats row",
+      code: `<Row gap="6" wrap>
+  <Stack gap="1">
+    <Text size="2xl" weight="bold">1,234</Text>
+    <Text size="xs" color="secondary">Users</Text>
+  </Stack>
+  <Stack gap="1">
+    <Text size="2xl" weight="bold">56.7%</Text>
+    <Text size="xs" color="secondary">Conversion</Text>
+  </Stack>
+</Row>`
+    },
+    {
+      title: "Icon + text",
+      code: `<Row gap="2" align="center">
+  <Icon name="check" size={16} />
+  <Text size="sm" color="success">Verified</Text>
+</Row>`
+    },
+    {
+      title: "Header with actions",
+      code: `<Row justify="between">
+  <Text as="h2" size="xl" weight="semibold">Dashboard</Text>
+  <Row gap="2">
+    <Button variant="outline" size="sm">Export</Button>
+    <Button variant="primary" size="sm">New report</Button>
+  </Row>
+</Row>`
+    }
+  ],
+  compositionGraph: [],
+  accessibility: {
+    notes: 'Row renders a <div> by default, which has no implicit ARIA role. Use the `as` prop to render semantic elements (nav, section) when the content has a specific structural purpose. For toolbar patterns, consider adding role="toolbar" via the role prop.'
+  }
+}, 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 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,
@@ -4458,7 +4864,7 @@ function Ii({
     s && /* @__PURE__ */ n(_, { size: "xs", color: c, lineHeight: "tight", children: s })
   ] });
 }
-const Mi = {
+const Wi = {
   id: "form-field",
   name: "FormField",
   tier: "molecule",
@@ -4544,11 +4950,11 @@ const Mi = {
     ariaAttributes: ["aria-required", "aria-describedby"],
     notes: 'Link the wrapped control to an error message using aria-describedby on the control and a matching id on the error element for full screen reader support. The required asterisk is aria-hidden; set aria-required="true" on the control itself.'
   }
-}, pa = { sm: 14, md: 18, lg: 20 }, fa = { sm: "sm", md: "md", lg: "md" }, ha = { sm: "var(--lucent-space-1)", md: "var(--lucent-space-2)", lg: "var(--lucent-space-2)" }, ma = ({ size: e = 16 }) => /* @__PURE__ */ y("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, 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" })
-] }), ga = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-function Di({
+] }), 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…",
@@ -4563,26 +4969,26 @@ function Di({
   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();
     S({ top: w.bottom + 4, left: w.left, width: w.width });
   }, [A]);
-  const L = () => {
+  const R = () => {
     t("");
   }, C = (w) => {
     c == null || c(w), T(!1);
   }, 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",
       "aria-label": "Clear search",
-      onClick: L,
+      onClick: R,
       style: {
         display: "flex",
         alignItems: "center",
@@ -4599,7 +5005,7 @@ function Di({
       onMouseLeave: (w) => {
         w.currentTarget.style.color = "var(--lucent-text-secondary)";
       },
-      children: /* @__PURE__ */ n(ga, {})
+      children: /* @__PURE__ */ n(Sa, {})
     }
   ) : null;
   return /* @__PURE__ */ y("div", { ref: k, style: { ...h }, children: [
@@ -4613,7 +5019,7 @@ function Di({
         onChange: (w) => t(w.target.value),
         placeholder: r,
         disabled: u,
-        leftElement: /* @__PURE__ */ n(ma, { size: pa[o] }),
+        leftElement: /* @__PURE__ */ n(ka, { size: ya[o] }),
         rightElement: W ?? void 0,
         onFocus: $,
         onBlur: D,
@@ -4640,7 +5046,7 @@ function Di({
             border: "1px solid color-mix(in srgb, var(--lucent-accent-default) 15%, var(--lucent-border-default))",
             borderRadius: "var(--lucent-radius-lg)",
             boxShadow: "0 0 24px -4px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent), var(--lucent-shadow-md)",
-            padding: ha[o]
+            padding: wa[o]
           },
           children: s.map((w, F) => /* @__PURE__ */ n(
             "div",
@@ -4654,10 +5060,10 @@ function Di({
                 padding: "var(--lucent-space-2)",
                 borderRadius: "var(--lucent-radius-md)",
                 cursor: "pointer",
-                background: v === F ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+                background: 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: fa[o], children: w.label })
+              children: /* @__PURE__ */ n(_, { as: "span", size: xa[o], children: w.label })
             },
             w.id
           ))
@@ -4667,7 +5073,7 @@ function Di({
     )
   ] });
 }
-const zi = {
+const Hi = {
   id: "search-input",
   name: "SearchInput",
   tier: "molecule",
@@ -4789,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"), ba = {
+}, 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)" },
@@ -4799,17 +5205,17 @@ const [results, setResults] = useState([]);
   sm: "var(--lucent-shadow-sm)",
   md: "var(--lucent-shadow-md)",
   lg: "var(--lucent-shadow-lg)"
-}, va = {
+}, Ca = {
   none: "var(--lucent-radius-none)",
   sm: "var(--lucent-radius-sm)",
   md: "var(--lucent-radius-md)",
   lg: "var(--lucent-radius-lg)"
-}, ya = {
+}, Ia = {
   success: "var(--lucent-success-default)",
   warning: "var(--lucent-warning-default)",
   danger: "var(--lucent-danger-default)",
   info: "var(--lucent-info-default)"
-}, xa = {
+}, Ma = {
   ghost: {
     background: "transparent",
     border: "none",
@@ -4840,22 +5246,22 @@ const [results, setResults] = useState([]);
     shadowDefault: "none",
     dividers: !1
   }
-}, wa = [
+}, 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(", "), ka = "0 4px 14px -2px var(--lucent-accent-subtle)", Sa = "0 0 0 3px var(--lucent-accent-subtle)", Ta = "0 0 0 2px var(--lucent-surface), 0 0 0 4px var(--lucent-accent-default)", Ca = "0 0 0 3px var(--lucent-accent-subtle)";
+].join(", "), 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 Ia(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 Ai({
+function Vi({
   variant: e = "outline",
   header: t,
   footer: r,
@@ -4871,15 +5277,15 @@ function Ai({
   disabled: h,
   status: m,
   selected: T,
-  media: v
+  media: b
 }) {
-  const p = xa[e], b = e === "combo", k = i ?? (b ? "md" : p.shadowDefault), { py: x, px: M } = ba[a], S = `${x} ${M}`, A = va[l], L = d != null, C = c != null || L, D = (h ?? !1) && C, $ = L ? "a" : C ? "button" : "div", [W, w] = z(!1), [F, R] = z(!1), [N, U] = z(!1), Z = (T ?? !1) && !D, J = Z ? Ca : void 0, q = Ia(p, T ?? !1, D);
+  const p = 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(Ta, J) : F ? I = he(Sa, J) : W ? I = he(ka, Se[k], J) : I = he(Se[k], J) : I = he(Se[k], J);
-  const B = {
+  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",
-    background: q,
+    background: B,
     border: p.border,
     borderRadius: A,
     // Outer box-shadow rings (selected, focus) get clipped by overflow:hidden,
@@ -4895,18 +5301,18 @@ function Ai({
     ...C && {
       cursor: D ? "not-allowed" : "pointer",
       outline: "none",
-      transition: wa
+      transition: Da
     },
     // Button UA reset
-    ...C && !L && {
+    ...C && !R && {
       padding: 0,
       font: "inherit",
       textAlign: "inherit",
       width: "100%",
-      background: q
+      background: B
     },
     // Link reset
-    ...L && {
+    ...R && {
       textDecoration: "none",
       color: "inherit"
     },
@@ -4920,7 +5326,7 @@ function Ai({
   return /* @__PURE__ */ y(
     $,
     {
-      style: B,
+      style: q,
       ...C && !D ? {
         onMouseEnter: () => w(!0),
         onMouseLeave: () => {
@@ -4928,25 +5334,25 @@ function Ai({
         },
         onMouseDown: () => U(!0),
         onMouseUp: () => U(!1),
-        onFocus: () => R(!0),
+        onFocus: () => L(!0),
         onBlur: () => {
-          R(!1), U(!1);
+          L(!1), U(!1);
         }
       } : {},
-      ...L && {
+      ...R && {
         href: D ? void 0 : d,
         ...u !== void 0 && { target: u },
         ...f !== void 0 && { rel: f }
       },
-      ...!L && C && {
+      ...!R && C && {
         type: "button",
         ...D && { disabled: !0 }
       },
       ...c !== void 0 && !D && { onClick: c },
       ...C && T !== void 0 && { "aria-pressed": T },
-      ...L && D && { "aria-disabled": !0 },
+      ...R && D && { "aria-disabled": !0 },
       children: [
-        v != null && /* @__PURE__ */ n("div", { style: { lineHeight: 0 }, children: v }),
+        b != null && /* @__PURE__ */ n("div", { style: { lineHeight: 0 }, children: b }),
         m != null && /* @__PURE__ */ n(
           "div",
           {
@@ -4957,7 +5363,7 @@ function Ai({
               left: 0,
               bottom: 0,
               width: 3,
-              background: ya[m],
+              background: Ia[m],
               zIndex: 1
             }
           }
@@ -4978,7 +5384,7 @@ function Ai({
             style: {
               padding: S,
               flex: 1,
-              ...b ? {
+              ...v ? {
                 background: "var(--lucent-surface)",
                 border: "1px solid var(--lucent-border-default)",
                 borderRadius: A,
@@ -5004,7 +5410,7 @@ function Ai({
     }
   );
 }
-function Ei({ children: e, style: t }) {
+function ji({ children: e, style: t }) {
   const r = fe(Ct);
   return /* @__PURE__ */ n(
     "div",
@@ -5020,7 +5426,7 @@ function Ei({ children: e, style: t }) {
     }
   );
 }
-const Bi = {
+const Ui = {
   id: "card",
   name: "Card",
   tier: "molecule",
@@ -5230,30 +5636,30 @@ const Bi = {
   accessibility: {
     notes: "Non-interactive cards have no implicit ARIA role — wrap in <section> or <article> if needed. Interactive cards with onClick render as <button> with focus ring. Interactive cards with href render as <a> with focus ring. Selected cards set aria-pressed on the interactive element. The status accent bar is aria-hidden (decorative). Media slot images should include alt text."
   }
-}, Ma = {
+}, 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" }
-}, Da = () => /* @__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" })
-] }), za = () => /* @__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" })
-] }), Aa = () => /* @__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" })
-] }), Ea = () => /* @__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" })
-] }), Ba = {
-  info: /* @__PURE__ */ n(Da, {}),
-  success: /* @__PURE__ */ n(za, {}),
-  warning: /* @__PURE__ */ n(Aa, {}),
-  danger: /* @__PURE__ */ n(Ea, {})
-}, qa = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
-function qi({
+] }), $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,
@@ -5261,7 +5667,7 @@ function qi({
   icon: a,
   style: i
 }) {
-  const l = Ma[e], s = a ?? Ba[e];
+  const l = Ra[e], s = a ?? $a[e];
   return /* @__PURE__ */ y(
     "div",
     {
@@ -5319,14 +5725,14 @@ function qi({
             onMouseLeave: (c) => {
               c.currentTarget.style.opacity = "0.7";
             },
-            children: /* @__PURE__ */ n(qa, {})
+            children: /* @__PURE__ */ n(Wa, {})
           }
         )
       ]
     }
   );
 }
-const Li = {
+const _i = {
   id: "alert",
   name: "Alert",
   tier: "molecule",
@@ -5401,7 +5807,7 @@ const Li = {
     notes: 'role="alert" causes screen readers to announce the content immediately when rendered. For non-urgent status messages, consider using role="status" instead by overriding via style/wrapper.'
   }
 };
-function Ri({
+function Yi({
   illustration: e,
   title: t,
   description: r,
@@ -5444,7 +5850,7 @@ function Ri({
     }
   );
 }
-const Pi = {
+const Ki = {
   id: "empty-state",
   name: "EmptyState",
   tier: "molecule",
@@ -5515,11 +5921,11 @@ const Pi = {
   accessibility: {
     notes: "The title renders as an h3 by default. If EmptyState appears inside a section with its own heading hierarchy, override by passing a Text component as part of a custom layout. Ensure the action element has a descriptive label for screen readers."
   }
-}, La = {
+}, Oa = {
   text: "1em",
   circle: 40,
   rectangle: 40
-}, Ra = {
+}, Ha = {
   text: "var(--lucent-radius-sm)",
   circle: "var(--lucent-radius-full)",
   rectangle: "var(--lucent-radius-md)"
@@ -5548,7 +5954,7 @@ function lt({
     }
   );
 }
-function Fi({
+function Xi({
   variant: e = "rectangle",
   width: t = "100%",
   height: r,
@@ -5557,7 +5963,7 @@ function Fi({
   radius: i,
   style: l
 }) {
-  const s = r ?? La[e], c = i ?? Ra[e], d = a ? /* @__PURE__ */ n("style", { children: `
+  const s = r ?? 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; }
@@ -5589,7 +5995,7 @@ function Fi({
     )
   ] });
 }
-const Ni = {
+const Ji = {
   id: "skeleton",
   name: "Skeleton",
   tier: "molecule",
@@ -5676,7 +6082,7 @@ const Ni = {
     notes: 'Wrap loading regions with aria-busy="true" on the container so screen readers know content is loading. Individual Skeleton elements are presentational and do not need ARIA attributes themselves.'
   }
 };
-function $i({ items: e, separator: t = "/", style: r }) {
+function Zi({ items: e, separator: t = "/", style: r }) {
   return /* @__PURE__ */ n("nav", { "aria-label": "Breadcrumb", style: r, children: /* @__PURE__ */ n(
     "ol",
     {
@@ -5742,30 +6148,30 @@ function $i({ items: e, separator: t = "/", style: r }) {
     }
   ) });
 }
-function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "underline", style: i }) {
-  var q;
-  const l = r !== void 0, [s, c] = z(t ?? ((q = e[0]) == null ? void 0 : q.value) ?? ""), d = l ? r : s, [u, f] = z(null), h = V([]), [m, T] = z(null), v = V(!1), p = a === "pills", b = V(null), k = V(null), x = V(null), [M, S] = z(e.length), [A, L] = z(!1), [C, D] = z(!1), [$, W] = z(null), w = e.slice(0, M), F = e.slice(M), R = F.length > 0, N = F.some((I) => I.value === d), U = () => {
+function 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), 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((P, j) => j < M && P.value === d), B = h.current[I];
-    if (B) {
+    const I = e.findIndex((P, j) => j < M && P.value === d), q = h.current[I];
+    if (q) {
       if (p) {
-        const P = B.querySelector("span");
+        const P = q.querySelector("span");
         if (!P) return;
-        T({ left: P.offsetLeft + B.offsetLeft, width: P.offsetWidth, animate: v.current });
+        T({ left: P.offsetLeft + q.offsetLeft, width: P.offsetWidth, animate: b.current });
       } else
-        T({ left: B.offsetLeft, width: B.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 B = () => {
+    const q = () => {
       const E = I.clientWidth, O = 70;
       let Y = 0, H = 0;
       for (let G = 0; G < e.length; G++) {
@@ -5793,25 +6199,25 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
     let P;
     (() => {
       P = requestAnimationFrame(() => {
-        P = requestAnimationFrame(B);
+        P = requestAnimationFrame(q);
       });
     })();
-    const g = new ResizeObserver(B);
+    const g = new ResizeObserver(q);
     return g.observe(I), () => {
       g.disconnect(), cancelAnimationFrame(P);
     };
   }, [e]), X(() => {
     if (!A) return;
-    const I = (B) => {
-      x.current && !x.current.contains(B.target) && k.current && !k.current.contains(B.target) && (L(!1), W(null));
+    const I = (q) => {
+      x.current && !x.current.contains(q.target) && k.current && !k.current.contains(q.target) && (R(!1), W(null));
     };
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [A]);
   const Z = (I) => {
     l || c(I), o == null || o(I);
-  }, J = (I, B) => {
+  }, J = (I, q) => {
     var E;
-    const P = w.map((O, Y) => O.disabled ? -1 : Y).filter((O) => O !== -1), j = P.indexOf(B);
+    const P = w.map((O, Y) => O.disabled ? -1 : Y).filter((O) => O !== -1), j = P.indexOf(q);
     let g = -1;
     I.key === "ArrowRight" && (g = P[(j + 1) % P.length] ?? -1), I.key === "ArrowLeft" && (g = P[(j - 1 + P.length) % P.length] ?? -1), I.key === "Home" && (g = P[0] ?? -1), I.key === "End" && (g = P[P.length - 1] ?? -1), g !== -1 && (I.preventDefault(), (E = h.current[g]) == null || E.focus(), Z(w[g].value));
   };
@@ -5819,7 +6225,7 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
     /* @__PURE__ */ y(
       "div",
       {
-        ref: b,
+        ref: v,
         role: "tablist",
         style: {
           position: "relative",
@@ -5832,13 +6238,13 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
           }
         },
         children: [
-          e.map((I, B) => {
-            const P = B < M, j = I.value === d, g = I.disabled ?? !1;
+          e.map((I, q) => {
+            const P = q < M, j = I.value === d, g = I.disabled ?? !1;
             return /* @__PURE__ */ y(
               "button",
               {
                 ref: (E) => {
-                  h.current[B] = E;
+                  h.current[q] = E;
                 },
                 role: "tab",
                 "aria-selected": j,
@@ -5849,9 +6255,9 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                 onClick: () => {
                   g || Z(I.value);
                 },
-                onKeyDown: (E) => J(E, B),
+                onKeyDown: (E) => J(E, q),
                 onMouseEnter: () => {
-                  !g && P && f(B);
+                  !g && P && f(q);
                 },
                 onMouseLeave: () => f(null),
                 style: {
@@ -5876,10 +6282,10 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                     display: "block",
                     padding: "var(--lucent-space-1) var(--lucent-space-3)",
                     borderRadius: "var(--lucent-radius-md)",
-                    background: !p && u === B && !j && !g ? "var(--lucent-surface-secondary)" : "transparent",
+                    background: !p && u === q && !j && !g ? "var(--lucent-surface-secondary)" : "transparent",
                     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
                   }, children: I.label }),
-                  p && u === B && !j && !g && P && /* @__PURE__ */ n(
+                  p && u === q && !j && !g && P && /* @__PURE__ */ n(
                     "span",
                     {
                       "aria-hidden": !0,
@@ -5901,11 +6307,11 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
               I.value
             );
           }),
-          R && /* @__PURE__ */ n(
+          L && /* @__PURE__ */ n(
             "button",
             {
               ref: k,
-              onClick: () => L((I) => !I),
+              onClick: () => R((I) => !I),
               onMouseEnter: () => D(!0),
               onMouseLeave: () => D(!1),
               style: {
@@ -5959,7 +6365,7 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
         ]
       }
     ),
-    R && A && /* @__PURE__ */ n(
+    L && A && /* @__PURE__ */ n(
       "div",
       {
         ref: x,
@@ -5976,17 +6382,17 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
           padding: "var(--lucent-space-1) 0",
           minWidth: 140
         },
-        children: F.map((I, B) => {
-          const P = I.value === d, j = I.disabled ?? !1, g = $ === B;
+        children: F.map((I, q) => {
+          const P = I.value === d, j = I.disabled ?? !1, g = $ === q;
           return /* @__PURE__ */ n(
             "button",
             {
               disabled: j,
               onClick: () => {
-                j || (Z(I.value), L(!1));
+                j || (Z(I.value), R(!1));
               },
               onMouseEnter: () => {
-                j || W(B);
+                j || W(q);
               },
               onMouseLeave: () => W(null),
               style: {
@@ -6026,33 +6432,33 @@ function Wi({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
     ))
   ] });
 }
-const Pa = `
+const Va = `
 @keyframes lucent-collapsible-open {
   from { opacity: 0; transform: translateY(-4px); }
   to   { opacity: 1; transform: translateY(0); }
 }
 `;
-function Oi({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChange: a, style: i }) {
+function 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: Pa }),
+    /* @__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",
@@ -6075,7 +6481,7 @@ function Oi({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChang
           },
           children: [
             /* @__PURE__ */ n("span", { style: { flex: 1 }, children: e }),
-            /* @__PURE__ */ n(Fa, { open: d })
+            /* @__PURE__ */ n(ja, { open: d })
           ]
         }
       ),
@@ -6104,7 +6510,7 @@ function Oi({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChang
     ] })
   ] });
 }
-function Fa({ open: e }) {
+function ja({ open: e }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -6127,11 +6533,11 @@ function Fa({ open: e }) {
     }
   );
 }
-const ge = "lucent-pl-no-scrollbar", Na = `.${ge}{scrollbar-width:none}.${ge}::-webkit-scrollbar{display:none}`;
+const ge = "lucent-pl-no-scrollbar", Ua = `.${ge}{scrollbar-width:none}.${ge}::-webkit-scrollbar{display:none}`;
 function Te(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function Hi({
+function ts({
   children: e,
   header: t,
   sidebar: r,
@@ -6147,7 +6553,7 @@ function Hi({
   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",
     {
@@ -6161,7 +6567,7 @@ function Hi({
         ...m
       },
       children: [
-        /* @__PURE__ */ n("style", { children: Na }),
+        /* @__PURE__ */ n("style", { children: Ua }),
         t != null && /* @__PURE__ */ n(
           "div",
           {
@@ -6180,7 +6586,7 @@ function Hi({
             {
               className: ge,
               style: {
-                width: i ? 0 : v,
+                width: i ? 0 : b,
                 flexShrink: 0,
                 overflow: "hidden",
                 overflowY: i ? "hidden" : "auto",
@@ -6229,7 +6635,7 @@ function Hi({
           {
             style: {
               flexShrink: 0,
-              height: b,
+              height: v,
               zIndex: 10,
               background: k
             },
@@ -6240,7 +6646,7 @@ function Hi({
     }
   );
 }
-function $a({ state: e }) {
+function Ga({ state: e }) {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -6283,7 +6689,7 @@ function ct({ dir: e }) {
     }
   ) });
 }
-function Vi({
+function ns({
   columns: e,
   rows: t,
   pageSize: r = 10,
@@ -6293,36 +6699,36 @@ function Vi({
   emptyState: l,
   style: s
 }) {
-  const [c, d] = z(null), [u, f] = z(0), [h, m] = z(null), [T, v] = z({}), p = o !== void 0, b = p ? o : u, k = e.some((w) => w.filterable), x = k ? t.filter((w) => e.every((F) => {
+  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 R = T[F.key];
-    if (!R || R.length === 0) return !0;
+    const L = T[F.key];
+    if (!L || L.length === 0) return !0;
     const N = String(w[F.key] ?? "");
-    return R.includes(N);
+    return L.includes(N);
   })) : t, M = c ? [...x].sort((w, F) => {
-    const R = w[c.key], N = F[c.key], U = String(R ?? "").localeCompare(String(N ?? ""), void 0, { numeric: !0 });
+    const 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, L = (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((F) => !F || F.key !== w ? { key: w, dir: "asc" } : F.dir === "asc" ? { key: w, dir: "desc" } : null), p || f(0), a == null || a(0);
   }, D = (w, F) => {
-    const R = { ...T, [w]: F };
-    F.length === 0 && delete R[w], v(R), p || f(0), a == null || a(0), i == null || i(R);
+    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(
-      Wa,
+      _a,
       {
         columns: e,
         rows: t,
@@ -6361,7 +6767,7 @@ function Vi({
             },
             children: /* @__PURE__ */ y("span", { style: { display: "inline-flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
               w.header,
-              w.sortable && /* @__PURE__ */ n($a, { state: F })
+              w.sortable && /* @__PURE__ */ n(Ga, { state: F })
             ] })
           },
           w.key
@@ -6384,18 +6790,18 @@ function Vi({
             background: h === F ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
             transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
           },
-          children: e.map((R) => /* @__PURE__ */ n(
+          children: e.map((L) => /* @__PURE__ */ n(
             "td",
             {
               style: {
                 padding: "var(--lucent-space-3) var(--lucent-space-4)",
                 color: "var(--lucent-text-primary)",
-                textAlign: R.align ?? "left",
+                textAlign: L.align ?? "left",
                 verticalAlign: "middle"
               },
-              children: R.render ? R.render(w, F) : String(w[R.key] ?? "")
+              children: L.render ? L.render(w, F) : String(w[L.key] ?? "")
             },
-            R.key
+            L.key
           ))
         },
         F
@@ -6408,13 +6814,13 @@ function Vi({
       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: () => L(b - 1),
-            disabled: b === 0,
+            onClick: () => R(v - 1),
+            disabled: v === 0,
             "aria-label": "Previous page",
             children: /* @__PURE__ */ n(ct, { dir: "left" })
           }
@@ -6427,10 +6833,10 @@ function Vi({
           }, children: "…" }, `ellipsis-${F}`) : /* @__PURE__ */ n(
             We,
             {
-              onClick: () => L(w),
-              active: w === b,
+              onClick: () => R(w),
+              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
@@ -6439,8 +6845,8 @@ function Vi({
         /* @__PURE__ */ n(
           We,
           {
-            onClick: () => L(b + 1),
-            disabled: b >= A - 1,
+            onClick: () => R(v + 1),
+            disabled: v >= A - 1,
             "aria-label": "Next page",
             children: /* @__PURE__ */ n(ct, { dir: "right" })
           }
@@ -6449,7 +6855,7 @@ function Vi({
     ] })
   ] });
 }
-function Wa({
+function _a({
   columns: e,
   rows: t,
   filters: r,
@@ -6463,7 +6869,7 @@ function Wa({
         new Set(t.map((d) => String(d[s.key] ?? "")))
       ).sort();
       return /* @__PURE__ */ n(
-        Oa,
+        Ya,
         {
           label: s.header,
           values: c,
@@ -6495,7 +6901,7 @@ function Wa({
     )
   ] });
 }
-function Oa({
+function Ya({
   label: e,
   values: t,
   value: r,
@@ -6513,14 +6919,14 @@ function Oa({
     }, 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: [
@@ -6555,7 +6961,7 @@ function Oa({
         },
         children: [
           e,
-          v,
+          b,
           /* @__PURE__ */ n(
             "svg",
             {
@@ -6634,7 +7040,7 @@ function Oa({
         fontSize: "var(--lucent-font-size-xs)",
         textAlign: "center"
       }, children: "No results" }) : m.map((p) => /* @__PURE__ */ n(
-        Ha,
+        Ka,
         {
           label: p,
           isSelected: r.includes(p),
@@ -6645,7 +7051,7 @@ function Oa({
     ] })
   ] });
 }
-function Ha({ label: e, isSelected: t, onClick: r }) {
+function Ka({ label: e, isSelected: t, onClick: r }) {
   const [o, a] = z(!1);
   return /* @__PURE__ */ y(
     "button",
@@ -6726,7 +7132,7 @@ function We({
     }
   );
 }
-const ji = {
+const as = {
   id: "data-table",
   name: "DataTable",
   tier: "molecule",
@@ -6835,18 +7241,18 @@ const ji = {
     keyboardInteractions: ["Tab to pagination controls", "Enter/Space to activate buttons"],
     notes: 'Column headers with sortable:true are interactive buttons with aria-sort reflecting the current sort direction. Pagination buttons include aria-label and aria-current="page" for the active page.'
   }
-}, Va = `
+}, Xa = `
 @keyframes lucent-palette-in {
   from { opacity: 0; transform: scale(0.96) translateY(-8px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
 }
 `;
-function ja(e, t) {
+function 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 Ui({
+function rs({
   commands: e,
   placeholder: t = "Search commands…",
   shortcutKey: r = "k",
@@ -6854,37 +7260,37 @@ function Ui({
   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 = Va, 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) => ja(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")
@@ -6901,14 +7307,14 @@ function Ui({
     D && D.group === C.group ? D.items.push(C) : A.push({ group: C.group, items: [C] });
   }
   if (!d) return null;
-  let L = 0;
+  let R = 0;
   return /* @__PURE__ */ n(
     "div",
     {
       role: "dialog",
       "aria-label": "Command palette",
       "aria-modal": "true",
-      onClick: () => b(!1),
+      onClick: () => v(!1),
       style: {
         position: "fixed",
         inset: 0,
@@ -6986,7 +7392,7 @@ function Ui({
               {
                 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 "',
@@ -7000,7 +7406,7 @@ function Ui({
                   D.map((W) => {
                     const w = W.disabled ?? !1;
                     let F = !1;
-                    return w || (F = L === h, L++), /* @__PURE__ */ y(
+                    return w || (F = R === h, R++), /* @__PURE__ */ y(
                       "div",
                       {
                         role: "option",
@@ -7010,8 +7416,8 @@ function Ui({
                         onClick: () => M(W),
                         onMouseEnter: () => {
                           if (!w) {
-                            const R = x.indexOf(W);
-                            R !== -1 && m(R);
+                            const L = x.indexOf(W);
+                            L !== -1 && m(L);
                           }
                         },
                         style: {
@@ -7059,7 +7465,7 @@ function Ui({
     }
   );
 }
-const Gi = {
+const os = {
   id: "command-palette",
   name: "CommandPalette",
   tier: "overlay",
@@ -7141,15 +7547,15 @@ const Gi = {
     keyboardInteractions: ["⌘K / Ctrl+K to open", "↑↓ to navigate", "Enter to select", "Escape to close"],
     notes: 'The backdrop and panel use role="dialog" with aria-modal="true". The input is role="searchbox". The result list is role="listbox" with role="option" items. Focus is moved to the search input on open.'
   }
-}, Ua = {
+}, 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)"
-}, Ga = {
+}, Qa = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-lg)"
-}, _a = {
+}, 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)"
@@ -7161,8 +7567,8 @@ const Gi = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, dt = { sm: "sm", md: "md", lg: "lg" }, Ya = { sm: "sm", md: "md", lg: "lg" };
-function _i({
+}, dt = { sm: "sm", md: "md", lg: "lg" }, tr = { sm: "sm", md: "md", lg: "lg" };
+function is({
   options: e,
   value: t,
   defaultValue: r = [],
@@ -7176,39 +7582,39 @@ function _i({
   errorText: u,
   style: f
 }) {
-  const h = t !== void 0, [m, T] = z(r), v = h ? t : m, [p, b] = z(!1), [k, x] = z(""), [M, S] = z(0), [A, L] = z(!1), C = V(null), D = V(null), $ = V(null), W = V(null), [w, F] = z({ top: 0, left: 0, width: 0 }), R = ve();
+  const h = t !== void 0, [m, T] = z(r), 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();
     F({ top: g.bottom + 4, left: g.left, width: g.width });
-  }, [p, v, k]);
+  }, [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]);
-  }, q = l !== void 0 && v.length >= l, I = !!u, B = i ? "var(--lucent-border-default)" : I ? "var(--lucent-danger-default)" : A ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", P = A ? `0 0 0 3px ${I ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", j = `lucent-multiselect-${ve()}`;
+    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",
@@ -7229,27 +7635,27 @@ function _i({
         {
           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: Ua[s],
+            minHeight: Za[s],
             boxSizing: "border-box",
-            padding: _a[s],
+            padding: er[s],
             borderRadius: "var(--lucent-radius-lg)",
-            border: `1px solid ${B}`,
+            border: `1px solid ${q}`,
             background: i ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
             cursor: i ? "not-allowed" : "text",
             transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default), box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",
             boxShadow: P
           },
           children: [
-            v.map((g) => {
+            b.map((g) => {
               const E = e.find((O) => O.value === g);
-              return E ? /* @__PURE__ */ n(un, { size: Ya[s], onDismiss: () => U(g), disabled: i, children: E.label }, g) : null;
+              return E ? /* @__PURE__ */ n(un, { size: tr[s], onDismiss: () => U(g), disabled: i, children: E.label }, g) : null;
             }),
             /* @__PURE__ */ n(
               "input",
@@ -7258,15 +7664,15 @@ function _i({
                 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: () => L(!0),
-                onBlur: () => L(!1),
+                onFocus: () => R(!0),
+                onBlur: () => R(!1),
                 disabled: i,
-                placeholder: v.length === 0 ? a : "",
+                placeholder: b.length === 0 ? a : "",
                 "aria-autocomplete": "list",
-                "aria-controls": R,
+                "aria-controls": L,
                 "aria-expanded": p,
                 "aria-describedby": I ? `${j}-error` : d ? `${j}-helper` : void 0,
                 role: "combobox",
@@ -7277,10 +7683,10 @@ function _i({
                   outline: "none",
                   background: "transparent",
                   fontFamily: "var(--lucent-font-family-base)",
-                  fontSize: Ga[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"
                 }
               }
             )
@@ -7292,7 +7698,7 @@ function _i({
           "div",
           {
             ref: W,
-            id: R,
+            id: L,
             role: "listbox",
             "aria-multiselectable": "true",
             style: {
@@ -7313,7 +7719,7 @@ function _i({
             },
             children: [
               Z.length === 0 ? /* @__PURE__ */ n("div", { style: { padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ n(_, { color: "secondary", size: dt[s], children: "No options" }) }) : Z.map((g, E) => {
-                const O = v.includes(g.value), Y = E === M, H = g.disabled ?? !1, G = q && !O;
+                const O = b.includes(g.value), Y = E === M, H = g.disabled ?? !1, G = B && !O;
                 return /* @__PURE__ */ y(
                   "div",
                   {
@@ -7352,7 +7758,7 @@ function _i({
                   g.value
                 );
               }),
-              q && /* @__PURE__ */ n("div", { style: {
+              B && /* @__PURE__ */ n("div", { style: {
                 padding: "var(--lucent-space-2)",
                 borderTop: "1px solid var(--lucent-border-subtle)"
               }, children: /* @__PURE__ */ y(_, { size: s === "lg" ? "sm" : "xs", color: "secondary", children: [
@@ -7393,7 +7799,7 @@ function _i({
     )
   ] });
 }
-const Yi = {
+const ss = {
   id: "multi-select",
   name: "MultiSelect",
   tier: "molecule",
@@ -7498,22 +7904,22 @@ const Yi = {
     notes: 'The input carries role="combobox" with aria-expanded and aria-controls pointing to the listbox. Each option has role="option" with aria-selected. Remove buttons on tags have descriptive aria-label.'
   }
 };
-function Ka(e, t) {
+function nr(e, t) {
   return new Date(e, t + 1, 0).getDate();
 }
-function Xa(e, t) {
+function ar(e, t) {
   return new Date(e, t, 1).getDay();
 }
-function qe(e, t) {
+function Be(e, t) {
   return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function Le(e, t) {
+function Re(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) < new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
 function ut(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) > new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
-const Ja = [
+const rr = [
   "January",
   "February",
   "March",
@@ -7526,11 +7932,11 @@ const Ja = [
   "October",
   "November",
   "December"
-], Za = ["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 Qa = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--lucent-space-10) * 0.5 + 22px)", lg: "calc(var(--lucent-space-12) * 0.5 + 26px)" }, er = {
+const 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)"
@@ -7538,17 +7944,17 @@ const Qa = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--luc
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, tr = {
+}, lr = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, nr = {
+}, cr = {
   sm: "var(--lucent-space-2)",
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
-}, ar = { sm: 28, md: 32, lg: 38 }, rr = { sm: "var(--lucent-font-size-xs)", md: "var(--lucent-font-size-sm)", lg: "var(--lucent-font-size-md)" }, or = { sm: "xs", md: "sm", lg: "md" }, ir = { sm: "xs", md: "xs", lg: "sm" }, sr = { sm: 24, md: 28, lg: 32 }, lr = { sm: 14, md: 16, lg: 18 }, It = { sm: "var(--lucent-space-3)", md: "var(--lucent-space-4)", lg: "var(--lucent-space-5)" }, Ye = { sm: 220, md: 260, lg: 300 };
+}, 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 = sr[o], s = lr[o];
+  const [a, i] = z(!1), l = hr[o], s = mr[o];
   return /* @__PURE__ */ n(
     "button",
     {
@@ -7598,64 +8004,64 @@ function Ke({
   onDayHover: u,
   size: f = "md"
 }) {
-  const h = Ka(e, t), m = Xa(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: or[f], children: [
-        Ja[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: Za.map((b) => /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(_, { size: ir[f], color: "secondary", children: b }) }, b)) }),
-    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: p.map((b, k) => {
-      if (!b) return /* @__PURE__ */ n("div", {}, k);
-      const x = new Date(e, t, b), M = r ? qe(x, r) : !1, S = qe(x, o), A = (a ? Le(x, a) : !1) || (i ? ut(x, i) : !1);
-      let L = !1;
-      return d != null && d.start && (d != null && d.end) && (L = !Le(x, d.start) && !ut(x, d.end)), /* @__PURE__ */ n(
+    /* @__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",
         {
           type: "button",
           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: ar[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)" : L ? "var(--lucent-accent-subtle)" : T === b && !A ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+            background: M ? "var(--lucent-accent-default)" : R ? "var(--lucent-accent-subtle)" : T === 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: rr[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 Ki({
+function ls({
   value: e,
   defaultValue: t,
   onChange: r,
@@ -7669,26 +8075,26 @@ function Ki({
   errorText: u,
   style: f
 }) {
-  const h = e !== void 0, [m, T] = z(t), v = h ? e : m, p = !!u, b = a, k = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, x = /* @__PURE__ */ new Date(), [M, S] = z((v ?? x).getFullYear()), [A, L] = z((v ?? x).getMonth()), [C, D] = z(!1), [$, W] = z(!1), w = V(null), F = V(null), [R, N] = z({ top: 0, left: 0 });
+  const h = e !== void 0, [m, T] = z(t), 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 B = (P) => {
+    const q = (P) => {
       var j, g;
       !((j = w.current) != null && j.contains(P.target)) && !((g = F.current) != null && g.contains(P.target)) && D(!1);
     };
-    return document.addEventListener("mousedown", B), () => document.removeEventListener("mousedown", B);
+    return document.addEventListener("mousedown", q), () => document.removeEventListener("mousedown", q);
   }, [C]), se(() => {
     if (!C || !w.current) return;
-    const B = w.current.getBoundingClientRect();
-    N({ top: B.bottom + 4, left: B.left });
+    const q = w.current.getBoundingClientRect();
+    N({ top: q.bottom + 4, left: q.left });
   }, [C]);
-  const U = (B) => {
-    h || T(B), r == null || r(B), D(!1);
+  const U = (q) => {
+    h || T(q), r == null || r(q), D(!1);
   }, Z = () => {
-    A === 0 ? (L(11), S((B) => B - 1)) : L((B) => B - 1);
+    A === 0 ? (R(11), S((q) => q - 1)) : R((q) => q - 1);
   }, J = () => {
-    A === 11 ? (L(0), S((B) => B + 1)) : L((B) => B + 1);
-  }, q = b ? "transparent" : p ? "var(--lucent-danger-default)" : $ ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", I = $ ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+    A === 11 ? (R(0), S((q) => q + 1)) : R((q) => q + 1);
+  }, B = 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",
@@ -7697,7 +8103,7 @@ function Ki({
         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
@@ -7709,7 +8115,7 @@ function Ki({
         type: "button",
         id: k,
         disabled: a,
-        onClick: () => !a && D((B) => !B),
+        onClick: () => !a && D((q) => !q),
         onFocus: () => W(!0),
         onBlur: () => W(!1),
         "aria-haspopup": "dialog",
@@ -7718,19 +8124,19 @@ function Ki({
         style: {
           display: "flex",
           alignItems: "center",
-          gap: nr[s],
+          gap: cr[s],
           width: "100%",
-          height: Qa[s],
+          height: ir[s],
           boxSizing: "border-box",
-          padding: `0 ${tr[s]}`,
+          padding: `0 ${lr[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
-          border: `1px solid ${q}`,
+          border: `1px solid ${B}`,
           boxShadow: I,
-          background: b ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
-          color: v ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+          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: er[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)",
@@ -7743,7 +8149,7 @@ function Ki({
             /* @__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 })
         ]
       }
     ),
@@ -7779,8 +8185,8 @@ function Ki({
           "aria-label": "Date picker",
           style: {
             position: "fixed",
-            top: R.top,
-            left: R.left,
+            top: L.top,
+            left: L.left,
             zIndex: 1e3,
             background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
             backdropFilter: "blur(6px)",
@@ -7796,7 +8202,7 @@ function Ki({
             {
               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 },
@@ -7812,7 +8218,7 @@ function Ki({
     )
   ] });
 }
-const Xi = {
+const cs = {
   id: "date-picker",
   name: "DatePicker",
   tier: "molecule",
@@ -7923,15 +8329,15 @@ const Xi = {
     keyboardInteractions: ["Enter/Space to open calendar", "Click day to select", "Escape closes popover (click outside)"],
     notes: 'The calendar popover is role="dialog". Each day button has aria-label with the full date and aria-pressed for selected state. Full arrow-key navigation within the calendar grid is a planned enhancement.'
   }
-}, cr = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--lucent-space-10) * 0.5 + 22px)", lg: "calc(var(--lucent-space-12) * 0.5 + 26px)" }, dr = {
+}, 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)"
-}, ur = {
+}, br = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
-}, pr = {
+}, yr = {
   sm: "var(--lucent-space-2)",
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
@@ -7940,10 +8346,10 @@ const Xi = {
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
 };
-function fr(e, t) {
-  return e ? qe(e.start, e.end) ? be(e.start) : `${be(e.start)} → ${be(e.end)}` : t;
+function xr(e, t) {
+  return e ? Be(e.start, e.end) ? ve(e.start) : `${ve(e.start)} → ${ve(e.end)}` : t;
 }
-function Ji({
+function ds({
   value: e,
   defaultValue: t,
   onChange: r,
@@ -7957,24 +8363,24 @@ function Ji({
   errorText: u,
   style: f
 }) {
-  const h = e !== void 0, [m, T] = z(t), v = h ? e : m, p = !!u, b = a, k = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [x, M] = z(null), [S, A] = z(null), L = /* @__PURE__ */ new Date(), [C, D] = z(((v == null ? void 0 : v.start) ?? L).getFullYear()), [$, W] = z(((v == null ? void 0 : v.start) ?? L).getMonth()), w = $ === 11 ? 0 : $ + 1, F = $ === 11 ? C + 1 : C, [R, N] = z(!1), [U, Z] = z(!1), J = V(null), q = V(null), [I, B] = z({ top: 0, left: 0 });
+  const h = e !== void 0, [m, T] = z(t), 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 (!R) return;
+    if (!L) return;
     const H = (G) => {
       var ae, ne;
-      !((ae = J.current) != null && ae.contains(G.target)) && !((ne = q.current) != null && ne.contains(G.target)) && (N(!1), M(null));
+      !((ae = J.current) != null && ae.contains(G.target)) && !((ne = B.current) != null && ne.contains(G.target)) && (N(!1), M(null));
     };
     return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
-  }, [R]), se(() => {
-    if (!R || !J.current) return;
+  }, [L]), se(() => {
+    if (!L || !J.current) return;
     const H = J.current.getBoundingClientRect();
-    B({ top: H.bottom + 4, left: H.left });
-  }, [R]);
+    q({ top: H.bottom + 4, left: H.left });
+  }, [L]);
   const P = (H) => {
     if (!x)
       M(H);
     else {
-      const [G, ae] = Le(H, x) || qe(H, x) ? [H, x] : [x, H], ne = { start: G, end: ae };
+      const [G, ae] = Re(H, x) || Be(H, x) ? [H, x] : [x, H], ne = { start: G, end: ae };
       h || T(ne), r == null || r(ne), M(null), N(!1);
     }
   }, j = () => {
@@ -7984,10 +8390,10 @@ function Ji({
   };
   let E;
   if (x && S) {
-    const [H, G] = Le(S, x) ? [S, x] : [x, S];
+    const [H, G] = Re(S, x) ? [S, x] : [x, S];
     E = { start: H, end: G };
-  } else x ? E = { start: x, end: x } : v && (E = { start: v.start, end: v.end });
-  const O = b ? "transparent" : p ? "var(--lucent-danger-default)" : U ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", Y = U ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+  } 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",
@@ -7996,7 +8402,7 @@ function Ji({
         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
@@ -8012,24 +8418,24 @@ function Ji({
         onFocus: () => Z(!0),
         onBlur: () => Z(!1),
         "aria-haspopup": "dialog",
-        "aria-expanded": R,
+        "aria-expanded": L,
         "aria-invalid": p,
         style: {
           display: "flex",
           alignItems: "center",
-          gap: pr[s],
+          gap: yr[s],
           width: "100%",
-          height: cr[s],
+          height: gr[s],
           boxSizing: "border-box",
-          padding: `0 ${ur[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: dr[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)",
@@ -8042,7 +8448,7 @@ function Ji({
             /* @__PURE__ */ n("path", { d: "M1 6h12", stroke: "currentColor", strokeWidth: "1.3" }),
             /* @__PURE__ */ n("path", { d: "M4 1v2M10 1v2", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
           ] }),
-          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: fr(v, o) })
+          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: xr(b, o) })
         ]
       }
     ),
@@ -8069,11 +8475,11 @@ function Ji({
         children: d
       }
     ),
-    R && de(
+    L && de(
       /* @__PURE__ */ y(
         "div",
         {
-          ref: q,
+          ref: B,
           role: "dialog",
           "aria-label": "Date range picker",
           style: {
@@ -8097,8 +8503,8 @@ function Ji({
               {
                 year: C,
                 month: $,
-                ...(v == null ? void 0 : v.start) !== void 0 && { selected: v.start },
-                today: L,
+                ...(b == null ? void 0 : b.start) !== void 0 && { selected: b.start },
+                today: R,
                 ...i !== void 0 && { min: i },
                 ...l !== void 0 && { max: l },
                 onSelect: P,
@@ -8115,8 +8521,8 @@ function Ji({
               {
                 year: F,
                 month: w,
-                ...(v == null ? void 0 : v.end) !== void 0 && { selected: v.end },
-                today: L,
+                ...(b == null ? void 0 : b.end) !== void 0 && { selected: b.end },
+                today: R,
                 ...i !== void 0 && { min: i },
                 ...l !== void 0 && { max: l },
                 onSelect: P,
@@ -8132,15 +8538,15 @@ function Ji({
       ),
       document.body
     ),
-    x && R && /* @__PURE__ */ n("div", { style: { position: "absolute", top: "calc(100% + var(--lucent-space-1))", left: 0, zIndex: 1001, pointerEvents: "none" } }),
-    x && R && /* @__PURE__ */ n("div", { style: {
+    x && L && /* @__PURE__ */ n("div", { style: { position: "absolute", top: "calc(100% + var(--lucent-space-1))", left: 0, zIndex: 1001, pointerEvents: "none" } }),
+    x && L && /* @__PURE__ */ n("div", { style: {
       position: "absolute",
       bottom: -24,
       left: 0
     }, children: /* @__PURE__ */ n(_, { size: "xs", color: "secondary", children: "Now pick the end date" }) })
   ] });
 }
-const Zi = {
+const us = {
   id: "date-range-picker",
   name: "DateRangePicker",
   tier: "molecule",
@@ -8251,10 +8657,10 @@ const Zi = {
 function Xe(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function hr() {
+function wr() {
   return Math.random().toString(36).slice(2);
 }
-function mr({
+function kr({
   item: e,
   onRemove: t
 }) {
@@ -8316,7 +8722,7 @@ function mr({
     )
   ] });
 }
-function Qi({
+function ps({
   accept: e,
   multiple: t = !1,
   maxSize: r,
@@ -8326,7 +8732,7 @@ function Qi({
   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)) {
@@ -8335,18 +8741,18 @@ function Qi({
         continue;
       }
       if (!t && f.length + A.length >= 1) break;
-      A.push({ id: hr(), file: C });
+      A.push({ id: wr(), file: C });
     }
     if (A.length === 0) return;
-    const L = t ? [...f, ...A] : A;
-    c || u(L), a == null || a(L);
+    const R = t ? [...f, ...A] : A;
+    c || u(R), a == null || a(R);
   }, [l, f, c, r, t, a, i]), k = (S) => {
-    const A = f.filter((L) => L.id !== S);
+    const A = f.filter((R) => R.id !== S);
     c || u(A), a == null || a(A);
   }, x = (S) => {
-    S.preventDefault(), m(!1), b(S.dataTransfer.files);
+    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(
@@ -8364,8 +8770,8 @@ function Qi({
           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);
         },
@@ -8424,10 +8830,10 @@ function Qi({
         ]
       }
     ),
-    f.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: f.map((S) => /* @__PURE__ */ n(mr, { item: S, onRemove: k }, S.id)) })
+    f.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: f.map((S) => /* @__PURE__ */ n(kr, { item: S, onRemove: k }, S.id)) })
   ] });
 }
-const es = {
+const fs = {
   id: "file-upload",
   name: "FileUpload",
   tier: "molecule",
@@ -8525,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.'
   }
-}, gr = {
+}, 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)"
-}, br = {
+}, 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 vr({ 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 ts({ items: e, style: t }) {
+function hs({ items: e, style: t }) {
   return /* @__PURE__ */ n(
     "ol",
     {
@@ -8554,7 +8960,7 @@ function ts({ items: e, style: t }) {
         ...t
       },
       children: e.map((r, o) => {
-        const a = r.status ?? "default", i = gr[a], l = br[a], s = o === e.length - 1;
+        const a = r.status ?? "default", i = Sr[a], l = Tr[a], s = o === e.length - 1;
         return /* @__PURE__ */ y(
           "li",
           {
@@ -8583,7 +8989,7 @@ function ts({ items: e, style: t }) {
                   color: i,
                   flexShrink: 0,
                   zIndex: 1
-                }, children: r.icon ?? /* @__PURE__ */ n(vr, { status: a }) }),
+                }, children: r.icon ?? /* @__PURE__ */ n(Cr, { status: a }) }),
                 !s && /* @__PURE__ */ n("div", { style: {
                   flex: 1,
                   width: 2,
@@ -8611,7 +9017,7 @@ function ts({ items: e, style: t }) {
     }
   );
 }
-const ns = {
+const ms = {
   id: "timeline",
   name: "Timeline",
   tier: "molecule",
@@ -8665,7 +9071,7 @@ const ns = {
     keyboardInteractions: ["Standard document flow — no interactive elements unless custom icons include them"],
     notes: "Timeline is a semantic <ol> with <li> items. It is non-interactive by default. If items contain interactive elements (links, buttons), those elements carry their own keyboard behaviour."
   }
-}, je = 120, yr = `
+}, je = 120, Ir = `
 @keyframes lucent-menu-in {
   from { opacity: 0; transform: scale(0.97) translateY(-2px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
@@ -8678,20 +9084,20 @@ const ns = {
   sm: "var(--lucent-space-2)",
   md: "var(--lucent-space-2)",
   lg: "var(--lucent-space-3)"
-}, xr = {
+}, Mr = {
   sm: "sm",
   md: "md",
   lg: "lg"
-}, wr = {
+}, Dr = {
   sm: "xs",
   md: "sm",
   lg: "md"
-}, kr = {
+}, zr = {
   sm: 12,
   md: 14,
   lg: 16
 }, Qe = ye(null), Ie = 4;
-function Sr(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 = {
@@ -8704,7 +9110,7 @@ function Sr(e, t, r) {
   let f = "top left";
   return d.startsWith("top") ? f = d.endsWith("-end") ? "bottom right" : d.endsWith("-start") ? "bottom left" : "bottom center" : d.startsWith("bottom") ? f = d.endsWith("-end") ? "top right" : d.endsWith("-start") ? "top left" : "top center" : d === "left" ? f = "center right" : d === "right" && (f = "center left"), { top: s, left: c, transformOrigin: f };
 }
-function as({
+function gs({
   onSelect: e,
   children: t,
   icon: r,
@@ -8716,11 +9122,11 @@ function as({
 }) {
   const c = fe(Qe), d = V(-1);
   d.current === -1 && c && (d.current = c.getItemIndex(), c.registerItem(d.current, a));
-  const u = c ? c.activeIndex === d.current : !1, f = (c == null ? void 0 : c.size) ?? "md", h = Ze[f], m = xr[f], T = kr[f], v = () => {
+  const u = c ? c.activeIndex === d.current : !1, f = (c == null ? void 0 : c.size) ?? "md", h = Ze[f], m = 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",
     {
@@ -8729,7 +9135,7 @@ function as({
       "aria-disabled": a || void 0,
       "data-active": u || void 0,
       tabIndex: -1,
-      onClick: v,
+      onClick: b,
       onMouseEnter: p,
       style: {
         display: "flex",
@@ -8751,7 +9157,7 @@ function as({
           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,
@@ -8762,7 +9168,7 @@ function as({
     }
   );
 }
-function rs({ style: e }) {
+function vs({ style: e }) {
   return /* @__PURE__ */ n(
     "div",
     {
@@ -8776,14 +9182,14 @@ function rs({ style: e }) {
     }
   );
 }
-function os({ 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: wr[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 is({
+function ys({
   trigger: e,
   children: t,
   placement: r = "bottom-start",
@@ -8793,106 +9199,106 @@ function is({
   portalContainer: l,
   style: s
 }) {
-  const c = a !== void 0, [d, u] = z(!1), f = c ? a : d, [h, m] = z(!1), [T, v] = z("idle"), p = V(null), b = V(null), k = V(null), x = V(!1), [M, S] = z(null), A = V(0), L = V(/* @__PURE__ */ new Map()), [C, D] = z(-1);
+  const c = a !== void 0, [d, u] = z(!1), f = c ? a : d, [h, m] = z(!1), [T, 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 q = document.createElement("style");
-    q.textContent = yr, document.head.appendChild(q), x.current = !0;
+    const B = document.createElement("style");
+    B.textContent = Ir, document.head.appendChild(B), x.current = !0;
   }
   X(() => {
     if (f)
-      A.current = 0, L.current.clear(), m(!0), v("entering");
+      A.current = 0, R.current.clear(), m(!0), b("entering");
     else if (h) {
-      v("exiting");
-      const q = setTimeout(() => {
-        m(!1), v("idle");
+      b("exiting");
+      const B = setTimeout(() => {
+        m(!1), b("idle");
       }, je);
-      return () => clearTimeout(q);
+      return () => clearTimeout(B);
     }
   }, [f]);
-  const $ = ee((q) => {
-    c || u(q), i == null || i(q);
+  const $ = ee((B) => {
+    c || u(B), i == null || i(B);
   }, [c, i]), W = ee(() => {
-    const q = k.current;
-    q && (q.querySelector("button, [tabindex]") ?? q).focus();
+    const B = k.current;
+    B && (B.querySelector("button, [tabindex]") ?? B).focus();
   }, []), w = ee(() => {
     $(!1), W();
   }, [$, W]);
   se(() => {
     if (!h || T !== "entering" || !p.current) return;
-    const q = requestAnimationFrame(() => {
-      const I = b.current, B = p.current;
-      if (!I || !B) return;
-      const P = B.getBoundingClientRect();
-      S(Sr(P, I, r));
+    const B = requestAnimationFrame(() => {
+      const I = v.current, q = p.current;
+      if (!I || !q) return;
+      const P = q.getBoundingClientRect();
+      S(Ar(P, I, r));
     });
-    return () => cancelAnimationFrame(q);
+    return () => cancelAnimationFrame(B);
   }, [h, T, r]), X(() => {
     if (!h || T !== "entering") return;
-    const q = setTimeout(() => {
-      const B = Array.from(L.current.entries()).sort((P, j) => P[0] - j[0]).find(([, P]) => !P.disabled);
-      D(B ? B[0] : -1);
+    const B = setTimeout(() => {
+      const q = Array.from(R.current.entries()).sort((P, j) => P[0] - j[0]).find(([, P]) => !P.disabled);
+      D(q ? q[0] : -1);
     }, 0);
-    return () => clearTimeout(q);
+    return () => clearTimeout(B);
   }, [h, T]), X(() => {
     if (!f) return;
-    const q = (B) => {
+    const B = (q) => {
       var j, g;
-      const P = B.target;
-      (j = p.current) != null && j.contains(P) || (g = b.current) != null && g.contains(P) || w();
+      const P = q.target;
+      (j = p.current) != null && j.contains(P) || (g = v.current) != null && g.contains(P) || w();
     }, I = requestAnimationFrame(() => {
-      document.addEventListener("mousedown", q);
+      document.addEventListener("mousedown", B);
     });
     return () => {
-      cancelAnimationFrame(I), document.removeEventListener("mousedown", q);
+      cancelAnimationFrame(I), document.removeEventListener("mousedown", B);
     };
   }, [f, w]), X(() => {
     if (!f) return;
-    let q = !1;
+    let B = !1;
     const I = setTimeout(() => {
-      q = !0;
-    }, 50), B = () => {
-      q && w();
+      B = !0;
+    }, 50), q = () => {
+      B && w();
     };
-    return window.addEventListener("scroll", B, { passive: !0, capture: !0 }), () => {
-      clearTimeout(I), window.removeEventListener("scroll", B, { capture: !0 });
+    return window.addEventListener("scroll", q, { passive: !0, capture: !0 }), () => {
+      clearTimeout(I), window.removeEventListener("scroll", q, { capture: !0 });
     };
   }, [f, w]);
-  const F = ee(() => Array.from(L.current.entries()).filter(([, q]) => !q.disabled).map(([q]) => q).sort((q, I) => q - I), []), R = ee((q) => {
+  const 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 = F();
     if (I.length !== 0)
-      switch (q.key) {
+      switch (B.key) {
         case "Escape":
-          q.preventDefault(), w();
+          B.preventDefault(), w();
           break;
         case "ArrowDown": {
-          q.preventDefault(), D((B) => {
-            const P = I.indexOf(B);
+          B.preventDefault(), D((q) => {
+            const P = I.indexOf(q);
             return P < I.length - 1 ? I[P + 1] : I[0];
           });
           break;
         }
         case "ArrowUp": {
-          q.preventDefault(), D((B) => {
-            const P = I.indexOf(B);
+          B.preventDefault(), D((q) => {
+            const P = I.indexOf(q);
             return P > 0 ? I[P - 1] : I[I.length - 1];
           });
           break;
         }
         case "Home": {
-          q.preventDefault(), D(I[0]);
+          B.preventDefault(), D(I[0]);
           break;
         }
         case "End": {
-          q.preventDefault(), D(I[I.length - 1]);
+          B.preventDefault(), D(I[I.length - 1]);
           break;
         }
         case "Enter":
         case " ": {
-          q.preventDefault();
-          const B = b.current;
-          if (B) {
-            const P = B.querySelector('[data-active="true"]');
+          B.preventDefault();
+          const q = v.current;
+          if (q) {
+            const P = q.querySelector('[data-active="true"]');
             P == null || P.click();
           }
           break;
@@ -8905,31 +9311,31 @@ function is({
   }, [f, w, F]);
   X(() => {
     if (f)
-      return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
-  }, [f, R]), X(() => {
+      return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
+  }, [f, L]), X(() => {
     if (!f) return;
-    const q = b.current;
-    if (!q) return;
-    const I = q.querySelector('[data-active="true"]');
+    const B = v.current;
+    if (!B) return;
+    const I = B.querySelector('[data-active="true"]');
     I == null || I.scrollIntoView({ block: "nearest" });
   }, [C, f]);
   const N = () => {
     $(!f);
-  }, U = (q) => {
-    (q.key === "Enter" || q.key === " " || q.key === "ArrowDown") && (q.preventDefault(), f || $(!0)), q.key === "ArrowUp" && (q.preventDefault(), f || ($(!0), setTimeout(() => {
+  }, U = (B) => {
+    (B.key === "Enter" || B.key === " " || B.key === "ArrowDown") && (B.preventDefault(), f || $(!0)), B.key === "ArrowUp" && (B.preventDefault(), f || ($(!0), setTimeout(() => {
       const I = F();
       I.length > 0 && D(I[I.length - 1]);
     }, 0)));
   }, Z = {
     activeIndex: C,
     setActiveIndex: D,
-    registerItem: (q, I) => {
-      L.current.set(q, { disabled: I });
+    registerItem: (B, I) => {
+      R.current.set(B, { disabled: I });
     },
     close: w,
     getItemIndex: () => A.current++,
     size: o
-  }, J = ve();
+  }, J = be();
   return /* @__PURE__ */ y(oe, { children: [
     /* @__PURE__ */ n(
       "span",
@@ -8955,7 +9361,7 @@ function is({
       /* @__PURE__ */ n(Qe.Provider, { value: Z, children: /* @__PURE__ */ n(
         "div",
         {
-          ref: b,
+          ref: v,
           id: J,
           role: "menu",
           style: {
@@ -8986,7 +9392,7 @@ function is({
     )
   ] });
 }
-const ss = {
+const xs = {
   id: "menu",
   name: "Menu",
   tier: "molecule",
@@ -9219,45 +9625,45 @@ const ss = {
     notes: 'Focus returns to the trigger element after the menu is dismissed via Escape or selection. Disabled items are skipped during keyboard navigation and have aria-disabled. Selected items use role="menuitemcheckbox" with aria-checked for screen reader announcement. The popover is portaled to document.body (or portalContainer) but remains semantically linked to the trigger via aria-controls.'
   }
 }, Mt = ye(null);
-function ls() {
+function ws() {
   const e = fe(Mt);
   if (!e) throw new Error("useToast must be used inside <ToastProvider>");
   return e;
 }
-const Tr = () => /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+const 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" })
-] }), Cr = () => /* @__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" })
-] }), Ir = () => /* @__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" })
-] }), Mr = () => /* @__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" })
-] }), Dr = () => /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }), zr = {
-  info: /* @__PURE__ */ n(Tr, {}),
-  success: /* @__PURE__ */ n(Cr, {}),
-  warning: /* @__PURE__ */ n(Ir, {}),
-  danger: /* @__PURE__ */ n(Mr, {})
-}, Ar = {
+] }), 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 Er = 0;
-function Br() {
-  return `lucent-toast-${++Er}`;
+let Nr = 0;
+function $r() {
+  return `lucent-toast-${++Nr}`;
 }
 function Dt(e) {
   return e.startsWith("top");
 }
-const qr = 200, Lr = 8, Rr = 0.04, Pr = 0.2, Fr = 3, Nr = 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 = Ar[s], f = d ?? (s !== "default" ? zr[s] : null), h = (c == null ? void 0 : c.style) ?? "button";
+  const { id: a, title: i, description: l, variant: s, action: c, icon: d } = e, u = Fr[s], f = d ?? (s !== "default" ? Pr[s] : null), h = (c == null ? void 0 : c.style) ?? "button";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -9271,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: Nr,
+        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)",
@@ -9294,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($r, { label: c.label, onClick: () => {
+            c && h === "button" && /* @__PURE__ */ n(Gr, { label: c.label, onClick: () => {
               c.onClick(), t(a);
             } }),
-            c && h === "link" && /* @__PURE__ */ n(Wr, { label: c.label, iconColor: u.iconColor, onClick: () => {
+            c && h === "link" && /* @__PURE__ */ n(_r, { label: c.label, iconColor: u.iconColor, onClick: () => {
               c.onClick(), t(a);
             } }),
             /* @__PURE__ */ n(
@@ -9324,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(Dr, {})
+                children: /* @__PURE__ */ n(Lr, {})
               }
             )
           ]
@@ -9333,7 +9739,7 @@ function ft({ entry: e, onDismiss: t, hideContent: r, fixedHeight: o }) {
     }
   );
 }
-function $r({ label: e, onClick: t }) {
+function Gr({ label: e, onClick: t }) {
   return /* @__PURE__ */ n(
     "button",
     {
@@ -9364,7 +9770,7 @@ function $r({ label: e, onClick: t }) {
     }
   );
 }
-function Wr({ label: e, iconColor: t, onClick: r }) {
+function _r({ label: e, iconColor: t, onClick: r }) {
   return /* @__PURE__ */ n(
     "button",
     {
@@ -9388,17 +9794,17 @@ function Wr({ label: e, iconColor: t, onClick: r }) {
     }
   );
 }
-const ht = "var(--lucent-space-6)", Or = 40, Hr = 120;
-function Vr(e) {
+const ht = "var(--lucent-space-6)", Yr = 40, Kr = 120;
+function Xr(e) {
   const t = {
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
     boxSizing: "border-box"
   };
-  return Dt(e) ? t.top = Or : t.top = `calc(100vh - ${Hr}px)`, e.endsWith("left") ? t.left = ht : e.endsWith("right") ? t.right = ht : (t.left = "50%", t.transform = "translateX(-50%)"), t;
+  return Dt(e) ? t.top = 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 jr({ 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");
@@ -9411,7 +9817,7 @@ function jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
     h.current = setTimeout(() => {
       i(!1), h.current = null;
     }, 150);
-  }, []), v = /* @__PURE__ */ n("div", { style: Vr(t), children: /* @__PURE__ */ n(
+  }, []), b = /* @__PURE__ */ n("div", { style: Xr(t), children: /* @__PURE__ */ n(
     "div",
     {
       onMouseEnter: m,
@@ -9426,8 +9832,8 @@ function jr({ 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 > Fr, M = k * Lr, S = d ? M : -M, A = a ? 1 : 1 - k * Rr, L = a ? 1 : Math.max(0, 1 - k * Pr), C = p.phase === "entering", D = k === 0, $ = !a && !D;
+        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",
             {
@@ -9444,7 +9850,7 @@ function jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
                 ...!a && !D && (d ? { bottom: 0 } : { top: 0 }),
                 zIndex: 100 - k,
                 transform: C ? `translateY(${d ? "-20px" : "20px"}) scale(0.96)` : a ? void 0 : `translateY(${S}px) scaleX(${A})`,
-                opacity: C || p.phase === "exiting" ? 0 : L,
+                opacity: C || p.phase === "exiting" ? 0 : R,
                 transformOrigin: d ? "bottom center" : "top center",
                 transition: C ? "none" : "transform var(--lucent-duration-base) var(--lucent-easing-emphasized), opacity var(--lucent-duration-base) var(--lucent-easing-default)",
                 pointerEvents: x ? "none" : "auto",
@@ -9485,9 +9891,9 @@ function jr({ toasts: e, position: t, onDismiss: r, portalContainer: o }) {
       ] })
     }
   ) });
-  return de(v, o ?? document.body);
+  return de(b, o ?? document.body);
 }
-function cs({
+function ks({
   children: e,
   position: t = "bottom-right",
   duration: r = 5e3,
@@ -9500,9 +9906,9 @@ function cs({
       return !h || h.phase === "exiting" ? f : f.map((m) => m.id === u ? { ...m, phase: "exiting" } : m);
     }), setTimeout(() => {
       l((f) => f.filter((h) => h.id !== u));
-    }, qr);
+    }, Wr);
   }, []), c = ee((u) => {
-    const f = Br(), h = {
+    const f = $r(), h = {
       id: f,
       title: u.title,
       variant: u.variant ?? "default",
@@ -9513,11 +9919,11 @@ function cs({
       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(() => {
@@ -9541,7 +9947,7 @@ function cs({
   return /* @__PURE__ */ y(Mt.Provider, { value: d, children: [
     e,
     i.length > 0 && /* @__PURE__ */ n(
-      jr,
+      Jr,
       {
         toasts: i,
         position: t,
@@ -9551,7 +9957,7 @@ function cs({
     )
   ] });
 }
-const ds = {
+const Ss = {
   id: "toast",
   name: "Toast",
   tier: "molecule",
@@ -9748,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.'
   }
-}, Ur = {
+}, 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',
@@ -9769,7 +10175,7 @@ dismiss(id);`
   letterSpacingTight: "-0.02em",
   letterSpacingBase: "0em",
   letterSpacingWide: "0.04em"
-}, Gr = {
+}, Qr = {
   space0: "0px",
   space1: "0.25rem",
   space2: "0.5rem",
@@ -9783,38 +10189,38 @@ dismiss(id);`
   space16: "4rem",
   space20: "5rem",
   space24: "6rem"
-}, _r = {
+}, eo = {
   radiusNone: "0px",
   radiusSm: "0.25rem",
   radiusMd: "0.375rem",
   radiusLg: "0.5rem",
   radiusXl: "0.75rem",
   radiusFull: "9999px"
-}, Yr = {
+}, 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)"
-}, Kr = {
+}, 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)"
-}, Xr = {
+}, 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)"
 }, Fe = {
-  ...Ur,
-  ...Gr,
-  ..._r,
-  ...Yr,
-  ...Kr,
+  ...Zr,
+  ...Qr,
+  ...eo,
+  ...to,
+  ...no,
   // Backgrounds — page/layout layer only
   bgBase: "#ffffff",
   bgSubtle: "#f9fafb",
@@ -9863,16 +10269,16 @@ dismiss(id);`
   // Focus
   focusRing: "#111827"
 };
-function Jr(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 Zr({ 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 } = Jr(e), a = t / 255, i = r / 255, l = o / 255, s = Math.max(a, i, l), c = Math.min(a, i, l);
+  const { r: t, g: r, b: o } = 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) {
@@ -9896,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), Zr({ r: Math.round((l + i) * 255), g: Math.round((s + i) * 255), b: Math.round((c + i) * 255) });
+  return e < 60 ? (l = o, s = a) : e < 120 ? (l = a, s = o) : e < 180 ? (s = o, c = a) : e < 240 ? (s = a, c = o) : e < 300 ? (l = a, c = o) : (l = o, c = a), 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 Qr = 222, eo = 0.12;
+const io = 222, so = 0.12;
 function zt(e, t) {
-  return t < 0.04 ? [Qr, eo] : [e, t];
+  return t < 0.04 ? [io, so] : [e, t];
 }
-function to(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))));
 }
@@ -9922,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 no(e) {
-  const t = to(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 ───────────
-    ...Xr,
+    ...ao,
     // ── Backgrounds ─────────────────────────────────────────────────────────
     bgBase: t,
     bgSubtle: i(0.02),
@@ -9977,60 +10383,60 @@ function no(e) {
     focusRing: me(e.focusRing)
   };
 }
-const At = no(Fe);
-function ao(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 ro(e, t = ":root") {
-  const r = Object.entries(e).map(([o, a]) => `  ${ao(o)}: ${a};`).join(`
+function po(e, t = ":root") {
+  const r = Object.entries(e).map(([o, a]) => `  ${uo(o)}: ${a};`).join(`
 `);
   return `${t} {
 ${r}
 }`;
 }
-function oo(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 io = 0.2126729, so = 0.7151522, lo = 0.072175, co = 0.56, uo = 0.57, po = 0.65, fo = 0.62, mt = 0.022, ho = 1.414, mo = 1.14, go = 1.14, gt = 0.027, bt = 0.027;
-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 = io * a + so * i + lo * l;
-  return s < 0 && (s = 0), s < mt ? s + Math.pow(mt - s, ho) : s;
+  let s = ho * a + mo * i + go * l;
+  return s < 0 && (s = 0), s < mt ? s + Math.pow(mt - s, wo) : s;
 }
-function Re(e, t) {
-  const r = vt(e), o = vt(t);
+function Le(e, t) {
+  const r = bt(e), o = bt(t);
   let a;
   if (r > o) {
-    const i = (Math.pow(r, co) - Math.pow(o, uo)) * mo;
+    const i = (Math.pow(r, vo) - Math.pow(o, bo)) * ko;
     a = i < gt ? 0 : i - gt;
   } else {
-    const i = (Math.pow(r, po) - Math.pow(o, fo)) * go;
-    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;
 }
 function Et(e) {
-  const t = Math.abs(Re(e, "#ffffff")), r = Math.abs(Re(e, "#000000"));
+  const t = Math.abs(Le(e, "#ffffff")), r = Math.abs(Le(e, "#000000"));
   return t >= r ? "#ffffff" : "#000000";
 }
-function bo(e, t, r = 60) {
-  if (Math.abs(Re(e, t)) >= r) return e;
+function 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;
   if (l !== s) {
     const m = l - s;
     d = u > 0.5 ? m / (2 - l - s) : m / (l + s), l === o ? c = ((a - i) / m + (a < i ? 6 : 0)) / 6 : l === a ? c = ((i - o) / m + 2) / 6 : c = ((o - a) / m + 4) / 6;
   }
-  const h = oo(t) > 0.5 ? -5e-3 : 5e-3;
+  const h = 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 = vo(c, d, u);
-    if (Math.abs(Re(T, t)) >= r) return T;
+    const T = Co(c, d, u);
+    if (Math.abs(Le(T, t)) >= r) return T;
   }
   return e;
 }
-function vo(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)
@@ -10042,7 +10448,7 @@ function vo(e, t, r) {
   const s = (c) => Math.round(c * 255).toString(16).padStart(2, "0");
   return `#${s(a)}${s(i)}${s(l)}`;
 }
-function yo(e, t) {
+function 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));
 }
@@ -10058,16 +10464,16 @@ function De(e, t) {
   const [r, o] = le(e);
   return ie(r, o, t ? Pe.text.light : Pe.text.dark);
 }
-function Bt(e, t, r) {
+function qt(e, t, r) {
   const o = {}, a = r === "light";
   if ("borderDefault" in e && ("borderSubtle" in e || (o.borderSubtle = K(t.borderDefault, a ? 0.05 : -0.02)), "borderStrong" in e || (o.borderStrong = K(t.borderDefault, a ? -0.27 : 0.19))), "bgBase" in e && ("bgSubtle" in e || (o.bgSubtle = K(t.bgBase, a ? -0.02 : 0.02)), "surfaceTint" in e || (o.surfaceTint = K(t.bgBase, a ? -0.04 : 0.03)), !("surface" in e))) {
-    const i = yo(t.bgBase, a);
+    const i = 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 qt(e, t = "light") {
-  const o = { ...t === "dark" ? At : Fe, ...e }, a = Bt(e, o, t), i = t === "light" ? K(o.accentDefault, -0.15) : K(o.accentDefault, 0.15);
+function Bt(e, t = "light") {
+  const o = { ...t === "dark" ? At : Fe, ...e }, a = qt(e, o, t), i = t === "light" ? K(o.accentDefault, -0.15) : K(o.accentDefault, 0.15);
   return {
     ...o,
     ...a,
@@ -10075,7 +10481,7 @@ function qt(e, t = "light") {
     accentBorder: i
   };
 }
-const Lt = {
+const Rt = {
   name: "default",
   light: {
     bgBase: "#ffffff",
@@ -10097,7 +10503,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, xo = {
+}, Mo = {
   name: "brand",
   light: {
     bgBase: "#fffefb",
@@ -10119,7 +10525,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Rt = {
+}, Lt = {
   name: "indigo",
   light: {
     bgBase: "#fdfcff",
@@ -10141,7 +10547,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, wo = {
+}, Do = {
   name: "violet",
   light: {
     bgBase: "#fdfcfe",
@@ -10163,7 +10569,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, ko = {
+}, zo = {
   name: "emerald",
   light: {
     bgBase: "#fbfefc",
@@ -10185,7 +10591,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, So = {
+}, Ao = {
   name: "teal",
   light: {
     bgBase: "#fbfefd",
@@ -10229,7 +10635,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, To = {
+}, Eo = {
   name: "coral",
   light: {
     bgBase: "#fffcfb",
@@ -10251,7 +10657,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Co = {
+}, qo = {
   name: "amber",
   light: {
     bgBase: "#fffefb",
@@ -10273,7 +10679,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Io = {
+}, Bo = {
   name: "ocean",
   light: {
     bgBase: "#fbfdff",
@@ -10295,7 +10701,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Mo = {
+}, Ro = {
   name: "slate",
   light: {
     bgBase: "#fafbfc",
@@ -10317,7 +10723,7 @@ const Lt = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Do = {
+}, Lo = {
   name: "sage",
   light: {
     bgBase: "#fbfcfb",
@@ -10468,77 +10874,77 @@ const Lt = {
     shadowLg: "rgba(0, 0, 0, 0.3) 0px 8px 24px, rgba(0, 0, 0, 0.25) 0px 16px 48px",
     shadowXl: "rgba(0, 0, 0, 0.35) 0px 12px 32px, rgba(0, 0, 0, 0.3) 0px 24px 64px"
   }
-}, zo = {
+}, Po = {
   name: "modern",
-  palette: Rt,
+  palette: Lt,
   shape: Nt,
   density: Ot,
   shadow: jt
-}, Ao = {
+}, Fo = {
   name: "enterprise",
-  palette: Lt,
+  palette: Rt,
   shape: Ft,
   density: Wt,
   shadow: Vt
-}, Eo = {
+}, No = {
   name: "playful",
   palette: Pt,
   shape: $t,
   density: Ht,
   shadow: Ut
-}, Bo = {
-  default: Lt,
-  brand: xo,
-  indigo: Rt,
-  violet: wo,
-  emerald: ko,
-  teal: So,
+}, $o = {
+  default: Rt,
+  brand: Mo,
+  indigo: Lt,
+  violet: Do,
+  emerald: zo,
+  teal: Ao,
   rose: Pt,
-  coral: To,
-  amber: Co,
-  ocean: Io,
-  slate: Mo,
-  sage: Do
-}, qo = {
+  coral: Eo,
+  amber: qo,
+  ocean: Bo,
+  slate: Ro,
+  sage: Lo
+}, Wo = {
   sharp: Ft,
   rounded: Nt,
   pill: $t
-}, Lo = {
+}, Oo = {
   compact: Wt,
   default: Ot,
   spacious: Ht
-}, Ro = {
+}, Ho = {
   flat: Vt,
   subtle: jt,
   elevated: Ut
-}, Po = {
-  modern: zo,
-  enterprise: Ao,
-  playful: Eo
+}, Vo = {
+  modern: Po,
+  enterprise: Fo,
+  playful: No
 };
-function Fo(e) {
-  return typeof e == "string" ? Bo[e] : e;
+function jo(e) {
+  return typeof e == "string" ? $o[e] : e;
 }
-function No(e) {
-  return typeof e == "string" ? qo[e] : e;
+function Uo(e) {
+  return typeof e == "string" ? Wo[e] : e;
 }
-function $o(e) {
-  return typeof e == "string" ? Lo[e] : e;
+function Go(e) {
+  return typeof e == "string" ? Oo[e] : e;
 }
-function Wo(e) {
-  return typeof e == "string" ? Ro[e] : e;
+function _o(e) {
+  return typeof e == "string" ? Ho[e] : e;
 }
-function Oo(e, t) {
+function Yo(e, t) {
   let r, o, a, i;
   if (typeof e == "string") {
-    const s = Po[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 = Fo(e.palette)), e.shape !== void 0 && (o = No(e.shape)), e.density !== void 0 && (a = $o(e.density)), e.shadow !== void 0 && (i = Wo(e.shadow));
+    e.palette !== void 0 && (r = 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 = qt(r[t], t);
+    const s = Bt(r[t], t);
     Object.assign(l, s);
   }
   return o && Object.assign(l, o.tokens), a && Object.assign(l, a.tokens), i && Object.assign(l, i[t]), l;
@@ -10547,34 +10953,34 @@ const Gt = ye({
   theme: "light",
   tokens: Fe
 });
-function us({
+function Ts({
   theme: e = "light",
   preset: t,
   tokens: r,
   anchors: o,
   children: a
 }) {
-  const i = ve().replace(/:/g, ""), l = t ? Oo(t, e) : void 0, s = (() => {
+  const i = be().replace(/:/g, ""), l = t ? Yo(t, e) : void 0, s = (() => {
     if (o) {
-      const p = qt(o, e);
+      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 : Fe, u = l ? { ...l, ...r } : r, f = u ? { ...d, ...u } : d, h = u ? Bt(u, f, e) : {}, m = (u == null ? void 0 : u.accentBorder) ?? (e === "light" ? K(f.accentDefault, -0.15) : K(f.accentDefault, 0.15)), T = (u == null ? void 0 : u.textOnAccent) ?? Et(f.accentDefault), v = bo(f.accentDefault, T);
+    const d = e === "dark" ? At : 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; }
-` + ro(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, () => {
@@ -10583,10 +10989,10 @@ function us({
     };
   }, [i, c]), /* @__PURE__ */ n(Gt.Provider, { value: { theme: e, tokens: s }, children: a });
 }
-function ps() {
+function Cs() {
   return fe(Gt);
 }
-const fs = {
+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).",
@@ -10641,7 +11047,7 @@ const fs = {
     darkGuidance: "Slightly lighter than light-mode. createTheme() handles this automatically.",
     derives: ["infoSubtle", "infoText"]
   }
-}, hs = {
+}, Ms = {
   id: "lucent-provider",
   name: "LucentProvider",
   tier: "provider",
@@ -10821,7 +11227,7 @@ const myTheme = createTheme({
     }
   ],
   compositionGraph: []
-}, ms = {
+}, Ds = {
   accentDefault: "#e9c96b",
   accentHover: "#ddb84e",
   accentActive: "#c9a33b",
@@ -10831,7 +11237,7 @@ const myTheme = createTheme({
 function te(e, t) {
   return { field: e, message: t };
 }
-function Ho(e) {
+function Ko(e) {
   const t = [];
   if (typeof e != "object" || e === null)
     return { valid: !1, errors: [te("manifest", "Must be a non-null object")] };
@@ -10848,8 +11254,8 @@ function Ho(e) {
     (typeof s.title != "string" || s.title === "") && t.push(te(`${c}.title`, "Must be a non-empty string")), (typeof s.code != "string" || s.code === "") && t.push(te(`${c}.code`, "Must be a non-empty string"));
   }) : t.push(te("usageExamples", "Must be an array")), Array.isArray(r.compositionGraph) || t.push(te("compositionGraph", "Must be an array (empty array is fine for atoms)")), typeof r.specVersion == "string" && !/^\d+\.\d+$/.test(r.specVersion) && t.push(te("specVersion", 'Must be "MAJOR.MINOR" format, e.g. "0.1"')), { valid: t.length === 0, errors: t };
 }
-function gs(e) {
-  const t = Ho(e);
+function zs(e) {
+  const t = Ko(e);
   if (!t.valid) {
     const r = t.errors.map((o) => `  ${o.field}: ${o.message}`).join(`
 `);
@@ -10857,133 +11263,139 @@ function gs(e) {
 ${r}`);
   }
 }
-function bs(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 vs = "1.0", ys = "0.1.0";
+const Es = "1.0", qs = "0.1.0";
 export {
-  qi as Alert,
-  Li as AlertManifest,
-  Zo as Avatar,
-  Qo as AvatarManifest,
-  Ko as Badge,
-  Xo as BadgeManifest,
-  $i as Breadcrumb,
+  Gi as Alert,
+  _i as AlertManifest,
+  oi as Avatar,
+  ii as AvatarManifest,
+  ni as Badge,
+  ai as BadgeManifest,
+  Zi as Breadcrumb,
   Ee as Button,
-  Go as ButtonManifest,
-  Jo as CHIP_MANIFEST,
-  Si as COLOR_PICKER_MANIFEST,
-  Ti as COLOR_SWATCH_MANIFEST,
-  Gi as COMMAND_PALETTE_MANIFEST,
-  Ai as Card,
-  Ei as CardBleed,
-  Bi as CardManifest,
+  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,
-  ai as CheckboxManifest,
+  di as CheckboxManifest,
   un as Chip,
-  xi as CodeBlock,
-  wi as CodeBlockManifest,
-  Oi as Collapsible,
+  Mi as CodeBlock,
+  Di as CodeBlockManifest,
+  es as Collapsible,
   ua as ColorPicker,
   ze as ColorSwatch,
-  Ui as CommandPalette,
-  ji as DATA_TABLE_MANIFEST,
-  Xi as DATE_PICKER_MANIFEST,
-  Zi as DATE_RANGE_PICKER_MANIFEST,
-  Vi as DataTable,
-  Ki as DatePicker,
-  Ji as DateRangePicker,
-  ti as Divider,
-  ni as DividerManifest,
-  Ri as EmptyState,
-  Pi as EmptyStateManifest,
-  es as FILE_UPLOAD_MANIFEST,
-  Qi as FileUpload,
-  Ii as FormField,
-  Mi as FormFieldManifest,
-  hi as Icon,
-  mi as IconManifest,
+  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,
-  _o as InputManifest,
-  ys as LUCENT_UI_VERSION,
-  us as LucentProvider,
-  hs as LucentProviderManifest,
-  vs as MANIFEST_SPEC_VERSION,
-  Yi as MULTI_SELECT_MANIFEST,
-  is as Menu,
-  os as MenuGroup,
-  as as MenuItem,
-  ss as MenuManifest,
-  rs as MenuSeparator,
-  _i as MultiSelect,
-  bi as NavLink,
-  Hi as PageLayout,
-  ri as Radio,
+  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,
-  oi as RadioGroupUncontrolled,
-  ii as RadioManifest,
-  Ci as SEGMENTED_CONTROL_MANIFEST,
-  Di as SearchInput,
-  zi 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,
-  ci as SelectManifest,
-  Fi as Skeleton,
-  Ni as SkeletonManifest,
-  vi as Slider,
-  yi as SliderManifest,
-  bn as Spinner,
-  ei as SpinnerManifest,
-  ns 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,
-  ki as TableManifest,
-  Wi as Tabs,
-  di as Tag,
-  ui as TagManifest,
+  zi as TableManifest,
+  Qi as Tabs,
+  vi as Tag,
+  bi as TagManifest,
   _ as Text,
-  gi as TextManifest,
+  Si as TextManifest,
   on as Textarea,
-  Yo as TextareaManifest,
-  fs as ThemeAnchorsSpec,
-  ts as Timeline,
-  ds as ToastManifest,
-  cs as ToastProvider,
-  si as Toggle,
-  li as ToggleManifest,
-  pi as Tooltip,
-  fi as TooltipManifest,
-  gs as assertManifest,
-  xo as brandPalette,
-  ms as brandTokens,
+  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,
-  qt as createTheme,
+  Bt as createTheme,
   At as darkTokens,
   Ot as defaultDensity,
-  Lt as defaultPalette,
-  no as deriveDarkFromLight,
-  Bt as deriveTokens,
+  Rt as defaultPalette,
+  co as deriveDarkFromLight,
+  qt as deriveTokens,
   Ut as elevatedShadow,
-  ko as emeraldPalette,
-  Ao as enterprisePreset,
+  zo as emeraldPalette,
+  Fo as enterprisePreset,
   Vt as flatShadow,
   Et as getContrastText,
-  Rt as indigoPalette,
-  bs as isValidPropDescriptor,
+  Lt as indigoPalette,
+  As as isValidPropDescriptor,
   Fe as lightTokens,
-  ro as makeLibraryCSS,
-  zo as modernPreset,
-  Io as oceanPalette,
+  po as makeLibraryCSS,
+  Po as modernPreset,
+  Bo as oceanPalette,
   $t as pillShape,
-  Eo as playfulPreset,
-  Oo as resolvePreset,
+  No as playfulPreset,
+  Yo as resolvePreset,
   Pt as rosePalette,
   Nt as roundedShape,
   Ft as sharpShape,
   Ht as spaciousDensity,
   jt as subtleShadow,
-  ps as useLucent,
-  ls as useToast,
-  Ho as validateManifest
+  Cs as useLucent,
+  ws as useToast,
+  Ko as validateManifest
 };