lucent-ui 0.9.0 → 0.9.1

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsxs as f, jsx as n, Fragment as K } from "react/jsx-runtime";
-import { forwardRef as ee, useState as A, useRef as N, useEffect as O, useCallback as Z, useContext as Ne, createContext as $e, useLayoutEffect as Se, useId as Te } from "react";
-const Je = {
+import { jsxs as f, jsx as n, Fragment as Y } from "react/jsx-runtime";
+import { forwardRef as ne, useState as z, useRef as N, useEffect as O, useCallback as ee, useContext as We, createContext as He, useLayoutEffect as be, useId as Ie } from "react";
+const et = {
   primary: {
     background: "var(--lucent-accent-default)",
     color: "var(--lucent-text-on-accent)",
@@ -21,17 +21,17 @@ const Je = {
     color: "#ffffff",
     border: "1px solid var(--lucent-danger-default)"
   }
-}, Ze = {
+}, tt = {
   sm: { height: "32px", padding: "0 var(--lucent-space-3)", fontSize: "var(--lucent-font-size-sm)" },
   md: { height: "38px", padding: "0 var(--lucent-space-4)", fontSize: "var(--lucent-font-size-md)" },
   lg: { height: "46px", padding: "0 var(--lucent-space-5)", fontSize: "var(--lucent-font-size-lg)" }
-}, Pe = ee(
-  ({ variant: e = "primary", size: t = "md", loading: a = !1, fullWidth: o = !1, spread: r = !1, leftIcon: i, rightIcon: l, chevron: c = !1, disableHoverStyles: s = !1, bordered: p = !0, children: m, disabled: d, style: g, ...u }, w) => {
+}, Ve = ne(
+  ({ variant: e = "primary", size: t = "md", loading: a = !1, fullWidth: o = !1, spread: r = !1, leftIcon: i, rightIcon: l, chevron: c = !1, disableHoverStyles: s = !1, bordered: u = !0, children: m, disabled: d, style: g, ...p }, x) => {
     const b = d ?? a;
     return /* @__PURE__ */ f(
       "button",
       {
-        ref: w,
+        ref: x,
         disabled: b,
         "aria-busy": a,
         style: {
@@ -51,8 +51,8 @@ const Je = {
           boxSizing: "border-box",
           outline: "none",
           margin: 0,
-          ...Ze[t],
-          ...Je[e],
+          ...tt[t],
+          ...et[e],
           ...g,
           ...b && {
             background: "var(--lucent-surface-secondary)",
@@ -60,62 +60,62 @@ const Je = {
             borderColor: "transparent"
           },
           // hide border entirely when bordered prop is false
-          ...p === !1 && { border: "none" }
+          ...u === !1 && { border: "none" }
         },
         onMouseEnter: (y) => {
           var h;
-          !b && !s && Qe(y.currentTarget, e, p), (h = u.onMouseEnter) == null || h.call(u, y);
+          !b && !s && nt(y.currentTarget, e, u), (h = p.onMouseEnter) == null || h.call(p, y);
         },
         onMouseLeave: (y) => {
           var h;
-          !b && !s && et(y.currentTarget, e, p), (h = u.onMouseLeave) == null || h.call(u, y);
+          !b && !s && at(y.currentTarget, e, u), (h = p.onMouseLeave) == null || h.call(p, y);
         },
         onMouseDown: (y) => {
           var h;
-          b || (y.currentTarget.style.transform = "scale(0.95)"), (h = u.onMouseDown) == null || h.call(u, y);
+          b || (y.currentTarget.style.transform = "scale(0.95)"), (h = p.onMouseDown) == null || h.call(p, y);
         },
         onMouseUp: (y) => {
           var h;
-          y.currentTarget.style.transform = "", (h = u.onMouseUp) == null || h.call(u, y);
+          y.currentTarget.style.transform = "", (h = p.onMouseUp) == null || h.call(p, y);
         },
         onFocus: (y) => {
           var h;
-          y.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)", (h = u.onFocus) == null || h.call(u, y);
+          y.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)", (h = p.onFocus) == null || h.call(p, y);
         },
         onBlur: (y) => {
           var h;
-          y.currentTarget.style.boxShadow = "", (h = u.onBlur) == null || h.call(u, y);
+          y.currentTarget.style.boxShadow = "", (h = p.onBlur) == null || h.call(p, y);
         },
-        ...u,
+        ...p,
         children: [
           i,
-          a ? /* @__PURE__ */ n(at, {}) : m,
+          a ? /* @__PURE__ */ n(it, {}) : m,
           !a && l,
-          !a && c && /* @__PURE__ */ n(nt, { size: t })
+          !a && c && /* @__PURE__ */ n(ot, { size: t })
         ]
       }
     );
   }
 );
-Pe.displayName = "Button";
-function Qe(e, t, a) {
+Ve.displayName = "Button";
+function nt(e, t, a) {
   t === "primary" ? (e.style.background = "var(--lucent-accent-hover)", a !== !1 && (e.style.borderColor = "var(--lucent-accent-border)")) : t === "secondary" || t === "ghost" ? e.style.background = "var(--lucent-surface-secondary)" : t === "danger" && (e.style.background = "var(--lucent-danger-hover)", a !== !1 && (e.style.borderColor = "var(--lucent-danger-hover)"));
 }
-function et(e, t, a) {
+function at(e, t, a) {
   t === "primary" ? (e.style.background = "var(--lucent-accent-default)", a !== !1 && (e.style.borderColor = "var(--lucent-accent-border)")) : t === "secondary" ? e.style.background = "var(--lucent-surface)" : t === "ghost" ? e.style.background = "transparent" : t === "danger" && (e.style.background = "var(--lucent-danger-default)", a !== !1 && (e.style.borderColor = "var(--lucent-danger-default)"));
 }
-const tt = { sm: 12, md: 14, lg: 16 };
-function nt({ size: e }) {
-  const t = tt[e];
+const rt = { sm: 12, md: 14, lg: 16 };
+function ot({ size: e }) {
+  const t = rt[e];
   return /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, style: { flexShrink: 0, marginLeft: -2 }, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function at() {
+function it() {
   return /* @__PURE__ */ f("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", "aria-hidden": !0, style: { animation: "lucent-spin 0.7s linear infinite", flexShrink: 0 }, children: [
     /* @__PURE__ */ n("style", { children: "@keyframes lucent-spin { to { transform: rotate(360deg); } }" }),
     /* @__PURE__ */ n("path", { d: "M12 2a10 10 0 0 1 10 10" })
   ] });
 }
-const aa = {
+const ia = {
   id: "button",
   name: "Button",
   tier: "atom",
@@ -237,19 +237,19 @@ const aa = {
     ariaAttributes: ["aria-disabled", "aria-busy"],
     keyboardInteractions: ["Enter — activates the button", "Space — activates the button"]
   }
-}, rt = { sm: "32px", md: "40px", lg: "46px" }, Ie = {
+}, lt = { sm: "32px", md: "40px", lg: "46px" }, ze = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
-}, Q = {
+}, te = {
   sm: "var(--lucent-space-2)",
   md: "var(--lucent-space-3)",
   lg: "var(--lucent-space-3)"
-}, Me = {
+}, Ae = {
   sm: "28px",
   md: "var(--lucent-space-10)",
   lg: "var(--lucent-space-10)"
-}, J = ee(
+}, Q = ne(
   ({
     size: e = "md",
     label: t,
@@ -260,20 +260,20 @@ const aa = {
     prefix: l,
     suffix: c,
     id: s,
-    style: p,
+    style: u,
     ...m
   }, d) => {
-    const g = s ?? `lucent-input-${Math.random().toString(36).slice(2, 7)}`, u = !!o, w = !!m.disabled, [b, y] = A(!1), [h, v] = A(!1), I = w ? "transparent" : u ? "var(--lucent-danger-default)" : b ? "var(--lucent-focus-ring)" : h ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", T = b ? `0 0 0 3px ${u ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", x = {
+    const g = s ?? `lucent-input-${Math.random().toString(36).slice(2, 7)}`, p = !!o, x = !!m.disabled, [b, y] = z(!1), [h, v] = z(!1), C = x ? "transparent" : p ? "var(--lucent-danger-default)" : b ? "var(--lucent-focus-ring)" : h ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", S = b ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", T = {
       display: "flex",
       alignItems: "center",
-      color: w ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
-      fontSize: Ie[e],
+      color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
+      fontSize: ze[e],
       fontFamily: "var(--lucent-font-family-base)",
       whiteSpace: "nowrap",
       userSelect: "none",
       flexShrink: 0
-    }, E = { ...x, paddingLeft: Q[e], paddingRight: "2px" }, R = { ...x, paddingLeft: "2px", paddingRight: Q[e] };
-    return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...p }, children: [
+    }, E = { ...T, paddingLeft: te[e], paddingRight: "2px" }, B = { ...T, paddingLeft: "2px", paddingRight: te[e] };
+    return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...u }, children: [
       t && /* @__PURE__ */ n(
         "label",
         {
@@ -281,7 +281,7 @@ const aa = {
           style: {
             fontSize: "var(--lucent-font-size-sm)",
             fontWeight: "var(--lucent-font-weight-medium)",
-            color: w ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
+            color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
             fontFamily: "var(--lucent-font-family-base)"
           },
           children: t
@@ -293,20 +293,20 @@ const aa = {
           style: {
             display: "flex",
             alignItems: "stretch",
-            height: rt[e],
-            border: `1px solid ${I}`,
+            height: lt[e],
+            border: `1px solid ${C}`,
             borderRadius: "var(--lucent-radius-lg)",
-            boxShadow: T,
-            background: w ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
+            boxShadow: S,
+            background: x ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
             overflow: "hidden",
-            cursor: w ? "not-allowed" : void 0,
+            cursor: x ? "not-allowed" : void 0,
             transition: [
               "border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
               "box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)"
             ].join(", ")
           },
           onMouseEnter: () => {
-            w || v(!0);
+            x || v(!0);
           },
           onMouseLeave: () => v(!1),
           children: [
@@ -314,8 +314,8 @@ const aa = {
             /* @__PURE__ */ f("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center", minWidth: 0 }, children: [
               r && /* @__PURE__ */ n("span", { style: {
                 position: "absolute",
-                left: Q[e],
-                color: w ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
+                left: te[e],
+                color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
                 display: "flex",
                 alignItems: "center",
                 pointerEvents: "none"
@@ -325,46 +325,46 @@ const aa = {
                 {
                   ref: d,
                   id: g,
-                  "aria-invalid": u,
-                  "aria-describedby": u ? `${g}-error` : a ? `${g}-helper` : void 0,
+                  "aria-invalid": p,
+                  "aria-describedby": p ? `${g}-error` : a ? `${g}-helper` : void 0,
                   style: {
                     width: "100%",
                     height: "100%",
-                    paddingLeft: r ? Me[e] : Q[e],
-                    paddingRight: i ? Me[e] : Q[e],
-                    fontSize: Ie[e],
+                    paddingLeft: r ? Ae[e] : te[e],
+                    paddingRight: i ? Ae[e] : te[e],
+                    fontSize: ze[e],
                     fontFamily: "var(--lucent-font-family-base)",
-                    color: w ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
+                    color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
                     background: "transparent",
                     border: "none",
                     outline: "none",
-                    cursor: w ? "not-allowed" : void 0,
+                    cursor: x ? "not-allowed" : void 0,
                     boxSizing: "border-box"
                   },
-                  onFocus: (S) => {
-                    var C;
-                    y(!0), (C = m.onFocus) == null || C.call(m, S);
+                  onFocus: (w) => {
+                    var I;
+                    y(!0), (I = m.onFocus) == null || I.call(m, w);
                   },
-                  onBlur: (S) => {
-                    var C;
-                    y(!1), (C = m.onBlur) == null || C.call(m, S);
+                  onBlur: (w) => {
+                    var I;
+                    y(!1), (I = m.onBlur) == null || I.call(m, w);
                   },
                   ...m
                 }
               ),
               i && /* @__PURE__ */ n("span", { style: {
                 position: "absolute",
-                right: Q[e],
-                color: w ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
+                right: te[e],
+                color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
                 display: "flex",
                 alignItems: "center"
               }, children: i })
             ] }),
-            c && /* @__PURE__ */ n("span", { style: R, children: c })
+            c && /* @__PURE__ */ n("span", { style: B, children: c })
           ]
         }
       ),
-      u && /* @__PURE__ */ n(
+      p && /* @__PURE__ */ n(
         "span",
         {
           id: `${g}-error`,
@@ -377,7 +377,7 @@ const aa = {
           children: o
         }
       ),
-      !u && a && /* @__PURE__ */ n(
+      !p && a && /* @__PURE__ */ n(
         "span",
         {
           id: `${g}-helper`,
@@ -392,8 +392,8 @@ const aa = {
     ] });
   }
 );
-J.displayName = "Input";
-const ra = {
+Q.displayName = "Input";
+const la = {
   id: "input",
   name: "Input",
   tier: "atom",
@@ -425,15 +425,15 @@ const ra = {
     ariaAttributes: ["aria-invalid", "aria-describedby", "aria-label"],
     keyboardInteractions: ["Tab — focuses the input"]
   }
-}, ot = ee(
-  ({ label: e, helperText: t, errorText: a, autoResize: o = !1, maxLength: r, showCount: i = !1, id: l, value: c, onChange: s, style: p, ...m }, d) => {
-    const g = N(null), u = d ?? g, w = l ?? `lucent-textarea-${Math.random().toString(36).slice(2, 7)}`, b = !!a, y = typeof c == "string" ? c.length : 0;
+}, st = ne(
+  ({ label: e, helperText: t, errorText: a, autoResize: o = !1, maxLength: r, showCount: i = !1, id: l, value: c, onChange: s, style: u, ...m }, d) => {
+    const g = N(null), p = d ?? g, x = l ?? `lucent-textarea-${Math.random().toString(36).slice(2, 7)}`, b = !!a, y = typeof c == "string" ? c.length : 0;
     return O(() => {
       if (!o) return;
-      const h = u.current;
+      const h = p.current;
       h && (h.style.height = "auto", h.style.height = `${h.scrollHeight}px`);
-    }, [c, o, u]), /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%" }, children: [
-      e && /* @__PURE__ */ n("label", { htmlFor: w, style: {
+    }, [c, o, p]), /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%" }, children: [
+      e && /* @__PURE__ */ n("label", { htmlFor: x, style: {
         fontSize: "var(--lucent-font-size-sm)",
         fontWeight: "var(--lucent-font-weight-medium)",
         color: "var(--lucent-text-primary)",
@@ -442,13 +442,13 @@ const ra = {
       /* @__PURE__ */ n(
         "textarea",
         {
-          ref: u,
-          id: w,
+          ref: p,
+          id: x,
           maxLength: r,
           value: c,
           onChange: s,
           "aria-invalid": b,
-          "aria-describedby": b ? `${w}-error` : t ? `${w}-helper` : void 0,
+          "aria-describedby": b ? `${x}-error` : t ? `${x}-helper` : void 0,
           style: {
             width: "100%",
             minHeight: "100px",
@@ -464,7 +464,7 @@ const ra = {
             boxSizing: "border-box",
             lineHeight: "var(--lucent-line-height-base)",
             transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
-            ...p
+            ...u
           },
           onFocus: (h) => {
             var v;
@@ -479,8 +479,8 @@ const ra = {
       ),
       /* @__PURE__ */ f("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
         /* @__PURE__ */ f("div", { children: [
-          b && /* @__PURE__ */ n("span", { id: `${w}-error`, role: "alert", style: { fontSize: "var(--lucent-font-size-sm)", color: "var(--lucent-danger-text)", fontFamily: "var(--lucent-font-family-base)" }, children: a }),
-          !b && t && /* @__PURE__ */ n("span", { id: `${w}-helper`, style: { fontSize: "var(--lucent-font-size-sm)", color: "var(--lucent-text-secondary)", fontFamily: "var(--lucent-font-family-base)" }, children: t })
+          b && /* @__PURE__ */ n("span", { id: `${x}-error`, role: "alert", style: { fontSize: "var(--lucent-font-size-sm)", color: "var(--lucent-danger-text)", fontFamily: "var(--lucent-font-family-base)" }, children: a }),
+          !b && t && /* @__PURE__ */ n("span", { id: `${x}-helper`, style: { fontSize: "var(--lucent-font-size-sm)", color: "var(--lucent-text-secondary)", fontFamily: "var(--lucent-font-family-base)" }, children: t })
         ] }),
         (i || r) && /* @__PURE__ */ f("span", { style: {
           fontSize: "var(--lucent-font-size-xs)",
@@ -496,8 +496,8 @@ const ra = {
     ] });
   }
 );
-ot.displayName = "Textarea";
-const oa = {
+st.displayName = "Textarea";
+const sa = {
   id: "textarea",
   name: "Textarea",
   tier: "atom",
@@ -529,19 +529,19 @@ const oa = {
     ariaAttributes: ["aria-multiline", "aria-invalid", "aria-describedby"],
     keyboardInteractions: ["Tab — focuses the textarea"]
   }
-}, it = {
+}, ct = {
   neutral: { bg: "var(--lucent-surface-secondary)", color: "var(--lucent-text-secondary)", border: "var(--lucent-border-default)" },
   accent: { bg: "var(--lucent-accent-default)", color: "var(--lucent-text-on-accent)", border: "var(--lucent-accent-default)" },
   success: { bg: "var(--lucent-success-subtle)", color: "var(--lucent-success-text)", border: "var(--lucent-success-subtle)" },
   warning: { bg: "var(--lucent-warning-subtle)", color: "var(--lucent-warning-text)", border: "var(--lucent-warning-subtle)" },
   danger: { bg: "var(--lucent-danger-subtle)", color: "var(--lucent-danger-text)", border: "var(--lucent-danger-subtle)" },
   info: { bg: "var(--lucent-info-subtle)", color: "var(--lucent-info-text)", border: "var(--lucent-info-subtle)" }
-}, lt = {
+}, dt = {
   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 ia({ variant: e = "neutral", size: t = "md", dot: a = !1, children: o, style: r }) {
-  const i = it[e], l = lt[t];
+function ca({ variant: e = "neutral", size: t = "md", dot: a = !1, children: o, style: r }) {
+  const i = ct[e], l = dt[t];
   return /* @__PURE__ */ f("span", { style: {
     display: "inline-flex",
     alignItems: "center",
@@ -570,7 +570,7 @@ function ia({ variant: e = "neutral", size: t = "md", dot: a = !1, children: o,
     o
   ] });
 }
-const la = {
+const da = {
   id: "badge",
   name: "Badge",
   tier: "atom",
@@ -595,27 +595,27 @@ const la = {
     role: "status",
     notes: "Use aria-label on the parent element when badge meaning depends on context."
   }
-}, st = {
+}, ut = {
   xs: 24,
   sm: 32,
   md: 40,
   lg: 56,
   xl: 80
-}, ct = {
+}, pt = {
   xs: "var(--lucent-font-size-xs)",
   sm: "var(--lucent-font-size-xs)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-lg)",
   xl: "var(--lucent-font-size-xl)"
 };
-function dt(e, t) {
+function ft(e, t) {
   var o, r, i;
   if (t) return t.slice(0, 2).toUpperCase();
   const a = e.trim().split(/\s+/);
   return a.length === 1 ? (((o = a[0]) == null ? void 0 : o[0]) ?? "").toUpperCase() : ((((r = a[0]) == null ? void 0 : r[0]) ?? "") + (((i = a[a.length - 1]) == null ? void 0 : i[0]) ?? "")).toUpperCase();
 }
-function sa({ src: e, alt: t, size: a = "md", initials: o, style: r, ...i }) {
-  const l = st[a], c = dt(t, o), s = {
+function ua({ src: e, alt: t, size: a = "md", initials: o, style: r, ...i }) {
+  const l = ut[a], c = ft(t, o), s = {
     width: l,
     height: l,
     borderRadius: "var(--lucent-radius-full)",
@@ -647,7 +647,7 @@ function sa({ src: e, alt: t, size: a = "md", initials: o, style: r, ...i }) {
         ...s,
         background: "var(--lucent-accent-default)",
         color: "var(--lucent-text-on-accent)",
-        fontSize: ct[a],
+        fontSize: pt[a],
         fontWeight: "var(--lucent-font-weight-semibold)",
         fontFamily: "var(--lucent-font-family-base)"
       },
@@ -655,7 +655,7 @@ function sa({ src: e, alt: t, size: a = "md", initials: o, style: r, ...i }) {
     }
   );
 }
-const ca = {
+const pa = {
   id: "avatar",
   name: "Avatar",
   tier: "atom",
@@ -681,19 +681,19 @@ const ca = {
     ariaAttributes: ["aria-label"],
     notes: 'When src is present, renders as <img> with alt. When showing initials, renders as <span role="img" aria-label>.'
   }
-}, ut = {
+}, ht = {
   xs: 12,
   sm: 16,
   md: 24,
   lg: 36
-}, pt = {
+}, mt = {
   xs: 2.5,
   sm: 2.5,
   md: 2,
   lg: 2
 };
-function ft({ size: e = "md", label: t = "Loading…", color: a }) {
-  const o = ut[e], r = pt[e];
+function gt({ size: e = "md", label: t = "Loading…", color: a }) {
+  const o = ht[e], r = mt[e];
   return /* @__PURE__ */ f("span", { role: "status", "aria-label": t, style: { display: "inline-flex", alignItems: "center", justifyContent: "center" }, children: [
     /* @__PURE__ */ f(
       "svg",
@@ -722,7 +722,7 @@ function ft({ size: e = "md", label: t = "Loading…", color: a }) {
     /* @__PURE__ */ n("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap" }, children: t })
   ] });
 }
-const da = {
+const fa = {
   id: "spinner",
   name: "Spinner",
   tier: "atom",
@@ -747,7 +747,7 @@ const da = {
     notes: 'The visible SVG is aria-hidden. The label is conveyed via a visually-hidden span inside role="status".'
   }
 };
-function ua({ orientation: e = "horizontal", label: t, spacing: a = "var(--lucent-space-4)", style: o }) {
+function ha({ orientation: e = "horizontal", label: t, spacing: a = "var(--lucent-space-4)", style: o }) {
   return e === "vertical" ? /* @__PURE__ */ n(
     "span",
     {
@@ -802,7 +802,7 @@ function ua({ orientation: e = "horizontal", label: t, spacing: a = "var(--lucen
     }
   );
 }
-const pa = {
+const ma = {
   id: "divider",
   name: "Divider",
   tier: "atom",
@@ -825,7 +825,7 @@ const pa = {
     role: "separator",
     ariaAttributes: ["aria-orientation", "aria-label"]
   }
-}, ht = { sm: 14, md: 16 }, mt = `
+}, bt = { sm: 14, md: 16 }, vt = `
 @keyframes lucent-cb-pop {
   0%   { transform: scale(1); }
   35%  { transform: scale(0.82); }
@@ -837,7 +837,7 @@ const pa = {
   60%  { transform: scale(1.15) rotate(2deg); }
   100% { opacity: 1; transform: scale(1) rotate(0deg); }
 }
-`, We = ee(
+`, Oe = ne(
   ({
     label: e,
     size: t = "md",
@@ -848,26 +848,26 @@ const pa = {
     id: l,
     onChange: c,
     style: s,
-    ...p
+    ...u
   }, m) => {
-    const d = N(null), g = l ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, u = ht[t], w = o !== void 0, [b, y] = A(r ?? !1), h = w ? !!o : b, v = N(h), [I, T] = A(0);
+    const d = N(null), g = l ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, p = bt[t], x = o !== void 0, [b, y] = z(r ?? !1), h = x ? !!o : b, v = N(h), [C, S] = z(0);
     O(() => {
-      !i && v.current !== h && (v.current = h, T((C) => C + 1));
+      !i && v.current !== h && (v.current = h, S((I) => I + 1));
     }, [h, i]);
-    const x = Z(
-      (C) => {
-        d.current = C, typeof m == "function" ? m(C) : m && (m.current = C);
+    const T = ee(
+      (I) => {
+        d.current = I, typeof m == "function" ? m(I) : m && (m.current = I);
       },
       [m]
     );
     O(() => {
       d.current && (d.current.indeterminate = a);
     }, [a]);
-    const E = (C) => {
-      w || y(C.target.checked), c == null || c(C);
-    }, R = i ? "var(--lucent-text-disabled)" : "var(--lucent-text-on-accent)", S = {
-      width: u,
-      height: u,
+    const E = (I) => {
+      x || y(I.target.checked), c == null || c(I);
+    }, B = i ? "var(--lucent-text-disabled)" : "var(--lucent-text-on-accent)", w = {
+      width: p,
+      height: p,
       // 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.
@@ -881,10 +881,10 @@ const pa = {
       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: I > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
+      animation: C > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
     };
-    return /* @__PURE__ */ f(K, { children: [
-      /* @__PURE__ */ n("style", { children: mt }),
+    return /* @__PURE__ */ f(Y, { children: [
+      /* @__PURE__ */ n("style", { children: vt }),
       /* @__PURE__ */ f(
         "label",
         {
@@ -903,40 +903,40 @@ const pa = {
             /* @__PURE__ */ n(
               "input",
               {
-                ref: x,
+                ref: T,
                 type: "checkbox",
                 id: g,
-                checked: w ? o : b,
+                checked: x ? o : b,
                 disabled: i,
                 onChange: E,
                 style: { position: "absolute", opacity: 0, width: 0, height: 0, margin: 0, pointerEvents: "none" },
-                ...p
+                ...u
               }
             ),
-            /* @__PURE__ */ f("span", { "aria-hidden": !0, style: S, children: [
+            /* @__PURE__ */ f("span", { "aria-hidden": !0, style: w, children: [
               h && !a && /* @__PURE__ */ n(
                 "svg",
                 {
-                  width: u - 4,
-                  height: u - 4,
+                  width: p - 4,
+                  height: p - 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: "M1.5 5L4 7.5L8.5 2.5", stroke: R, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
+                  children: /* @__PURE__ */ n("path", { d: "M1.5 5L4 7.5L8.5 2.5", stroke: B, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })
                 }
               ),
               a && /* @__PURE__ */ n(
                 "svg",
                 {
-                  width: u - 4,
-                  height: u - 4,
+                  width: p - 4,
+                  height: p - 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: R, strokeWidth: 1.5, strokeLinecap: "round" })
+                  children: /* @__PURE__ */ n("path", { d: "M2 5H8", stroke: B, strokeWidth: 1.5, strokeLinecap: "round" })
                 }
               )
-            ] }, I),
+            ] }, C),
             e
           ]
         }
@@ -944,8 +944,8 @@ const pa = {
     ] });
   }
 );
-We.displayName = "Checkbox";
-const fa = {
+Oe.displayName = "Checkbox";
+const ga = {
   id: "checkbox",
   name: "Checkbox",
   tier: "atom",
@@ -1014,7 +1014,7 @@ const fa = {
     ariaAttributes: ["aria-checked", "aria-disabled"],
     keyboardInteractions: ["Space — toggles checked state"]
   }
-}, gt = `
+}, yt = `
 @keyframes lucent-radio-pop {
   0%   { transform: scale(1); }
   35%  { transform: scale(0.82); }
@@ -1026,8 +1026,8 @@ const fa = {
   60%  { transform: scale(1.2); }
   100% { opacity: 1; transform: scale(1); }
 }
-`, He = $e(null);
-function bt({
+`, je = He(null);
+function xt({
   name: e,
   value: t,
   onChange: a,
@@ -1036,7 +1036,7 @@ function bt({
   label: i,
   children: l
 }) {
-  return /* @__PURE__ */ n(He.Provider, { value: { name: e, value: t, onChange: a, disabled: o ?? !1 }, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(je.Provider, { value: { name: e, value: t, onChange: a, disabled: o ?? !1 }, children: /* @__PURE__ */ n(
     "div",
     {
       role: "radiogroup",
@@ -1051,14 +1051,14 @@ function bt({
     }
   ) });
 }
-const vt = { sm: 14, md: 16 };
-function ha({ value: e, label: t, size: a = "md", disabled: o, id: r, onChange: i, checked: l, ...c }) {
-  const s = Ne(He), p = r ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, m = vt[a], d = o ?? (s == null ? void 0 : s.disabled) ?? !1, g = s ? s.value === e : !!l, u = N(g), [w, b] = A(0);
+const wt = { sm: 14, md: 16 };
+function ba({ value: e, label: t, size: a = "md", disabled: o, id: r, onChange: i, checked: l, ...c }) {
+  const s = We(je), u = r ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, m = wt[a], d = o ?? (s == null ? void 0 : s.disabled) ?? !1, g = s ? s.value === e : !!l, p = N(g), [x, b] = z(0);
   O(() => {
-    !d && u.current !== g && (u.current = g, b((I) => I + 1));
+    !d && p.current !== g && (p.current = g, b((C) => C + 1));
   }, [g, d]);
-  const y = (I) => {
-    s == null || s.onChange(e), i == null || i(I);
+  const y = (C) => {
+    s == null || s.onChange(e), i == null || i(C);
   }, h = {
     width: m / 2,
     height: m / 2,
@@ -1077,10 +1077,10 @@ function ha({ value: e, label: t, size: a = "md", disabled: o, id: r, onChange:
     justifyContent: "center",
     flexShrink: 0,
     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
-    animation: w > 0 ? "lucent-radio-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
+    animation: x > 0 ? "lucent-radio-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
   };
-  return /* @__PURE__ */ f(K, { children: [
-    /* @__PURE__ */ n("style", { children: gt }),
+  return /* @__PURE__ */ f(Y, { children: [
+    /* @__PURE__ */ n("style", { children: yt }),
     /* @__PURE__ */ f(
       "label",
       {
@@ -1099,7 +1099,7 @@ function ha({ value: e, label: t, size: a = "md", disabled: o, id: r, onChange:
             "input",
             {
               type: "radio",
-              id: p,
+              id: u,
               value: e,
               name: (s == null ? void 0 : s.name) ?? c.name,
               checked: g,
@@ -1109,21 +1109,21 @@ function ha({ value: e, label: t, size: a = "md", disabled: o, id: r, onChange:
               ...c
             }
           ),
-          /* @__PURE__ */ n("span", { "aria-hidden": !0, style: v, children: /* @__PURE__ */ n("span", { style: h }) }, w),
+          /* @__PURE__ */ n("span", { "aria-hidden": !0, style: v, children: /* @__PURE__ */ n("span", { style: h }) }, x),
           t
         ]
       }
     )
   ] });
 }
-function ma({
+function va({
   defaultValue: e = "",
   onChange: t,
   ...a
 }) {
-  const [o, r] = A(e);
+  const [o, r] = z(e);
   return /* @__PURE__ */ n(
-    bt,
+    xt,
     {
       ...a,
       value: o,
@@ -1133,7 +1133,7 @@ function ma({
     }
   );
 }
-const ga = {
+const ya = {
   id: "radio",
   name: "Radio",
   tier: "atom",
@@ -1210,11 +1210,11 @@ const ga = {
       "Space — selects the focused radio"
     ]
   }
-}, yt = {
+}, kt = {
   sm: { track: [28, 16], thumb: 12 },
   md: { track: [36, 20], thumb: 16 },
   lg: { track: [44, 24], thumb: 20 }
-}, De = "cubic-bezier(0.34, 1.56, 0.64, 1)", xt = `
+}, Ee = "cubic-bezier(0.34, 1.56, 0.64, 1)", St = `
 @keyframes lucent-toggle-pop {
   0%   { transform: scale(1); }
   35%  { transform: scale(0.94); }
@@ -1222,7 +1222,7 @@ const ga = {
   100% { transform: scale(1); }
 }
 `;
-function ba({
+function xa({
   label: e,
   size: t = "md",
   checked: a,
@@ -1233,15 +1233,15 @@ function ba({
   style: c,
   ...s
 }) {
-  const p = i ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, m = a !== void 0, [d, g] = A(o ?? !1), u = m ? !!a : d, w = N(u), [b, y] = A(0);
+  const u = i ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, m = a !== void 0, [d, g] = z(o ?? !1), p = m ? !!a : d, x = N(p), [b, y] = z(0);
   O(() => {
-    !r && w.current !== u && (w.current = u, y((E) => E + 1));
-  }, [u, r]);
-  const { track: [h, v], thumb: I } = yt[t], T = u ? h - I - 2 : 2, x = (E) => {
+    !r && x.current !== p && (x.current = p, y((E) => E + 1));
+  }, [p, r]);
+  const { track: [h, v], thumb: C } = kt[t], S = p ? h - C - 2 : 2, T = (E) => {
     m || g(E.target.checked), l == null || l(E);
   };
-  return /* @__PURE__ */ f(K, { children: [
-    /* @__PURE__ */ n("style", { children: xt }),
+  return /* @__PURE__ */ f(Y, { children: [
+    /* @__PURE__ */ n("style", { children: St }),
     /* @__PURE__ */ f(
       "label",
       {
@@ -1262,11 +1262,11 @@ function ba({
             {
               type: "checkbox",
               role: "switch",
-              id: p,
+              id: u,
               checked: m ? a : d,
               disabled: r,
-              onChange: x,
-              "aria-checked": u,
+              onChange: T,
+              "aria-checked": p,
               style: { position: "absolute", opacity: 0, width: 0, height: 0, margin: 0, pointerEvents: "none" },
               ...s
             }
@@ -1280,10 +1280,10 @@ function ba({
                 width: h,
                 height: v,
                 borderRadius: v / 2,
-                background: r ? "var(--lucent-surface-secondary)" : u ? "var(--lucent-accent-default)" : "var(--lucent-border-strong)",
+                background: r ? "var(--lucent-surface-secondary)" : p ? "var(--lucent-accent-default)" : "var(--lucent-border-strong)",
                 flexShrink: 0,
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)",
-                animation: b > 0 ? `lucent-toggle-pop 240ms ${De} forwards` : void 0
+                animation: b > 0 ? `lucent-toggle-pop 240ms ${Ee} forwards` : void 0
               },
               children: /* @__PURE__ */ n(
                 "span",
@@ -1291,13 +1291,13 @@ function ba({
                   style: {
                     position: "absolute",
                     top: 2,
-                    left: T,
-                    width: I,
-                    height: I,
+                    left: S,
+                    width: C,
+                    height: C,
                     borderRadius: "50%",
                     background: "#ffffff",
                     boxShadow: "0 1px 3px rgb(0 0 0 / 0.2)",
-                    transition: `left 260ms ${De}`
+                    transition: `left 260ms ${Ee}`
                   }
                 }
               )
@@ -1310,7 +1310,7 @@ function ba({
     )
   ] });
 }
-const va = {
+const wa = {
   id: "toggle",
   name: "Toggle",
   tier: "atom",
@@ -1374,16 +1374,16 @@ const va = {
     ariaAttributes: ["aria-checked", "aria-disabled"],
     keyboardInteractions: ["Space — toggles the switch state"]
   }
-}, wt = {
+}, Tt = {
   sm: "32px",
   md: "40px",
   lg: "46px"
-}, kt = {
+}, Ct = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-lg)"
-}, Ve = ee(
-  ({ options: e, size: t = "md", label: a, helperText: o, errorText: r, placeholder: i, disabled: l, id: c, style: s, ...p }, m) => {
+}, Ge = ne(
+  ({ options: e, size: t = "md", label: a, helperText: o, errorText: r, placeholder: i, disabled: l, id: c, style: s, ...u }, m) => {
     const d = c ?? `lucent-select-${Math.random().toString(36).slice(2, 7)}`, g = !!r;
     return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...s }, children: [
       a && /* @__PURE__ */ n(
@@ -1410,9 +1410,9 @@ const va = {
             "aria-describedby": g ? `${d}-error` : o ? `${d}-helper` : void 0,
             style: {
               width: "100%",
-              height: wt[t],
+              height: Tt[t],
               padding: "0 var(--lucent-space-8) 0 var(--lucent-space-3)",
-              fontSize: kt[t],
+              fontSize: Ct[t],
               fontFamily: "var(--lucent-font-family-base)",
               color: "var(--lucent-text-primary)",
               background: "var(--lucent-surface)",
@@ -1424,26 +1424,26 @@ const va = {
               cursor: l ? "not-allowed" : "pointer",
               transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default)"
             },
-            onMouseEnter: (u) => {
-              var w;
-              !l && u.currentTarget !== document.activeElement && (u.currentTarget.style.borderColor = g ? "var(--lucent-danger-default)" : "var(--lucent-border-strong)"), (w = p.onMouseEnter) == null || w.call(p, u);
+            onMouseEnter: (p) => {
+              var x;
+              !l && p.currentTarget !== document.activeElement && (p.currentTarget.style.borderColor = g ? "var(--lucent-danger-default)" : "var(--lucent-border-strong)"), (x = u.onMouseEnter) == null || x.call(u, p);
             },
-            onMouseLeave: (u) => {
-              var w;
-              !l && u.currentTarget !== document.activeElement && (u.currentTarget.style.borderColor = g ? "var(--lucent-danger-default)" : "var(--lucent-border-default)"), (w = p.onMouseLeave) == null || w.call(p, u);
+            onMouseLeave: (p) => {
+              var x;
+              !l && p.currentTarget !== document.activeElement && (p.currentTarget.style.borderColor = g ? "var(--lucent-danger-default)" : "var(--lucent-border-default)"), (x = u.onMouseLeave) == null || x.call(u, p);
             },
-            onFocus: (u) => {
-              var w;
-              u.currentTarget.style.borderColor = g ? "var(--lucent-danger-default)" : "var(--lucent-focus-ring)", u.currentTarget.style.boxShadow = `0 0 0 3px ${g ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}`, (w = p.onFocus) == null || w.call(p, u);
+            onFocus: (p) => {
+              var x;
+              p.currentTarget.style.borderColor = g ? "var(--lucent-danger-default)" : "var(--lucent-focus-ring)", p.currentTarget.style.boxShadow = `0 0 0 3px ${g ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}`, (x = u.onFocus) == null || x.call(u, p);
             },
-            onBlur: (u) => {
-              var w;
-              u.currentTarget.style.borderColor = g ? "var(--lucent-danger-default)" : "var(--lucent-border-default)", u.currentTarget.style.boxShadow = "none", (w = p.onBlur) == null || w.call(p, u);
+            onBlur: (p) => {
+              var x;
+              p.currentTarget.style.borderColor = g ? "var(--lucent-danger-default)" : "var(--lucent-border-default)", p.currentTarget.style.boxShadow = "none", (x = u.onBlur) == null || x.call(u, p);
             },
-            ...p,
+            ...u,
             children: [
               i && /* @__PURE__ */ n("option", { value: "", disabled: !0, children: i }),
-              e.map((u) => /* @__PURE__ */ n("option", { value: u.value, disabled: u.disabled, children: u.label }, u.value))
+              e.map((p) => /* @__PURE__ */ n("option", { value: p.value, disabled: p.disabled, children: p.label }, p.value))
             ]
           }
         ),
@@ -1491,8 +1491,8 @@ const va = {
     ] });
   }
 );
-Ve.displayName = "Select";
-const ya = {
+Ge.displayName = "Select";
+const ka = {
   id: "select",
   name: "Select",
   tier: "atom",
@@ -1590,19 +1590,19 @@ const ya = {
       "Escape — closes the list"
     ]
   }
-}, St = {
+}, It = {
   neutral: { bg: "var(--lucent-surface-secondary)", color: "var(--lucent-text-secondary)", border: "var(--lucent-border-default)", dismissHover: "var(--lucent-border-strong)" },
   accent: { bg: "var(--lucent-accent-subtle)", color: "var(--lucent-accent-active)", border: "var(--lucent-accent-subtle)", dismissHover: "var(--lucent-accent-default)" },
   success: { bg: "var(--lucent-success-subtle)", color: "var(--lucent-success-text)", border: "var(--lucent-success-subtle)", dismissHover: "var(--lucent-success-default)" },
   warning: { bg: "var(--lucent-warning-subtle)", color: "var(--lucent-warning-text)", border: "var(--lucent-warning-subtle)", dismissHover: "var(--lucent-warning-default)" },
   danger: { bg: "var(--lucent-danger-subtle)", color: "var(--lucent-danger-text)", border: "var(--lucent-danger-subtle)", dismissHover: "var(--lucent-danger-default)" },
   info: { bg: "var(--lucent-info-subtle)", color: "var(--lucent-info-text)", border: "var(--lucent-info-subtle)", dismissHover: "var(--lucent-info-default)" }
-}, Tt = {
+}, Mt = {
   sm: { fontSize: "var(--lucent-font-size-xs)", height: "20px", padding: "0 var(--lucent-space-2)", iconSize: 10, gap: "var(--lucent-space-1)" },
   md: { fontSize: "var(--lucent-font-size-sm)", height: "24px", padding: "0 var(--lucent-space-2)", iconSize: 12, gap: "var(--lucent-space-1)" }
 };
-function xa({ children: e, variant: t = "neutral", size: a = "md", onDismiss: o, disabled: r }) {
-  const i = St[t], l = Tt[a];
+function Sa({ children: e, variant: t = "neutral", size: a = "md", onDismiss: o, disabled: r }) {
+  const i = It[t], l = Mt[a];
   return /* @__PURE__ */ f(
     "span",
     {
@@ -1661,7 +1661,7 @@ function xa({ children: e, variant: t = "neutral", size: a = "md", onDismiss: o,
     }
   );
 }
-const wa = {
+const Ta = {
   id: "tag",
   name: "Tag",
   tier: "atom",
@@ -1718,12 +1718,12 @@ const wa = {
     notes: 'The dismiss button has aria-label="Dismiss" and is keyboard-focusable.',
     keyboardInteractions: ["Enter / Space — activates the dismiss button when focused"]
   }
-}, W = 5, Ct = {
+}, W = 5, Dt = {
   top: { bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: W + 3 },
   bottom: { top: "100%", left: "50%", transform: "translateX(-50%)", marginTop: W + 3 },
   left: { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: W + 3 },
   right: { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: W + 3 }
-}, It = {
+}, zt = {
   top: {
     bottom: -W,
     left: "50%",
@@ -1753,8 +1753,8 @@ const wa = {
     borderColor: "transparent var(--lucent-text-primary) transparent transparent"
   }
 };
-function ka({ content: e, children: t, placement: a = "top", delay: o = 300 }) {
-  const [r, i] = A(!1), l = N(null), c = () => {
+function Ca({ content: e, children: t, placement: a = "top", delay: o = 300 }) {
+  const [r, i] = z(!1), l = N(null), c = () => {
     l.current = setTimeout(() => i(!0), o);
   }, s = () => {
     l.current && clearTimeout(l.current), i(!1);
@@ -1775,7 +1775,7 @@ function ka({ content: e, children: t, placement: a = "top", delay: o = 300 }) {
             role: "tooltip",
             style: {
               position: "absolute",
-              ...Ct[a],
+              ...Dt[a],
               background: "var(--lucent-text-primary)",
               color: "var(--lucent-bg-base)",
               padding: "5px 10px",
@@ -1800,7 +1800,7 @@ function ka({ content: e, children: t, placement: a = "top", delay: o = 300 }) {
                     width: 0,
                     height: 0,
                     borderStyle: "solid",
-                    ...It[a]
+                    ...zt[a]
                   }
                 }
               )
@@ -1809,9 +1809,9 @@ function ka({ content: e, children: t, placement: a = "top", delay: o = 300 }) {
         )
       ]
     }
-  ) : /* @__PURE__ */ n(K, { children: t });
+  ) : /* @__PURE__ */ n(Y, { children: t });
 }
-const Sa = {
+const Ia = {
   id: "tooltip",
   name: "Tooltip",
   tier: "atom",
@@ -1860,15 +1860,15 @@ const Sa = {
     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".'
   }
-}, Mt = {
+}, At = {
   xs: 12,
   sm: 14,
   md: 16,
   lg: 20,
   xl: 24
 };
-function Ta({ children: e, size: t = "md", label: a, color: o, style: r }) {
-  const i = Mt[t];
+function Ma({ children: e, size: t = "md", label: a, color: o, style: r }) {
+  const i = At[t];
   return /* @__PURE__ */ n(
     "span",
     {
@@ -1889,7 +1889,7 @@ function Ta({ children: e, size: t = "md", label: a, color: o, style: r }) {
     }
   );
 }
-const Ca = {
+const Da = {
   id: "icon",
   name: "Icon",
   tier: "atom",
@@ -1937,7 +1937,7 @@ const Ca = {
     ariaAttributes: ["aria-label", "aria-hidden"],
     notes: 'aria-hidden="true" is applied automatically when no label is given, hiding the icon from screen readers.'
   }
-}, Dt = {
+}, Et = {
   primary: "var(--lucent-text-primary)",
   secondary: "var(--lucent-text-secondary)",
   disabled: "var(--lucent-text-disabled)",
@@ -1947,7 +1947,7 @@ const Ca = {
   warning: "var(--lucent-warning-text)",
   danger: "var(--lucent-danger-text)",
   info: "var(--lucent-info-text)"
-}, zt = {
+}, qt = {
   xs: "var(--lucent-font-size-xs)",
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
@@ -1955,16 +1955,16 @@ const Ca = {
   xl: "var(--lucent-font-size-xl)",
   "2xl": "var(--lucent-font-size-2xl)",
   "3xl": "var(--lucent-font-size-3xl)"
-}, At = {
+}, Rt = {
   regular: "var(--lucent-font-weight-regular)",
   medium: "var(--lucent-font-weight-medium)",
   semibold: "var(--lucent-font-weight-semibold)",
   bold: "var(--lucent-font-weight-bold)"
-}, Et = {
+}, Lt = {
   tight: "var(--lucent-line-height-tight)",
   base: "var(--lucent-line-height-base)",
   relaxed: "var(--lucent-line-height-relaxed)"
-}, qt = {
+}, Bt = {
   base: "var(--lucent-font-family-base)",
   mono: "var(--lucent-font-family-mono)",
   display: "var(--lucent-font-family-display)"
@@ -1979,27 +1979,27 @@ function L({
   family: l = "base",
   truncate: c = !1,
   children: s,
-  style: p,
+  style: u,
   ...m
 }) {
   const d = {
-    fontSize: zt[t],
-    fontWeight: At[a],
-    color: Dt[o],
+    fontSize: qt[t],
+    fontWeight: Rt[a],
+    color: Et[o],
     textAlign: r,
-    lineHeight: Et[i],
-    fontFamily: qt[l],
+    lineHeight: Lt[i],
+    fontFamily: Bt[l],
     margin: 0,
     ...c && {
       overflow: "hidden",
       textOverflow: "ellipsis",
       whiteSpace: "nowrap"
     },
-    ...p
+    ...u
   };
   return /* @__PURE__ */ n(e, { style: d, ...m, children: s });
 }
-const Ia = {
+const za = {
   id: "text",
   name: "Text",
   tier: "atom",
@@ -2097,7 +2097,7 @@ const Ia = {
     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 Ma({
+function Aa({
   children: e,
   href: t,
   isActive: a = !1,
@@ -2132,11 +2132,11 @@ function Ma({
         boxSizing: "border-box",
         ...c
       },
-      onMouseEnter: (p) => {
-        !r && !a && (p.currentTarget.style.background = "var(--lucent-surface-secondary)");
+      onMouseEnter: (u) => {
+        !r && !a && (u.currentTarget.style.background = "var(--lucent-surface-secondary)");
       },
-      onMouseLeave: (p) => {
-        !r && !a && (p.currentTarget.style.background = "transparent");
+      onMouseLeave: (u) => {
+        !r && !a && (u.currentTarget.style.background = "transparent");
       },
       children: [
         o != null && /* @__PURE__ */ n("span", { style: { display: "flex", flexShrink: 0, color: "inherit" }, children: o }),
@@ -2145,7 +2145,7 @@ function Ma({
     }
   );
 }
-const Lt = { sm: "3px", md: "4px", lg: "5px" }, Rt = { sm: "14px", md: "18px", lg: "22px" }, Bt = `
+const Ft = { sm: "3px", md: "4px", lg: "5px" }, Nt = { sm: "14px", md: "18px", lg: "22px" }, $t = `
 .lucent-slider {
   -webkit-appearance: none;
   appearance: none;
@@ -2239,7 +2239,7 @@ const Lt = { sm: "3px", md: "4px", lg: "5px" }, Rt = { sm: "14px", md: "18px", l
   cursor: not-allowed;
 }
 `;
-function Da({
+function Ea({
   label: e,
   showValue: t = !1,
   size: a = "md",
@@ -2249,18 +2249,18 @@ function Da({
   value: l,
   defaultValue: c,
   disabled: s,
-  id: p,
+  id: u,
   onChange: m,
   style: d,
   ...g
 }) {
-  const u = p ?? `lucent-slider-${Math.random().toString(36).slice(2, 7)}`, w = l !== void 0, [b, y] = A(
+  const p = u ?? `lucent-slider-${Math.random().toString(36).slice(2, 7)}`, x = l !== void 0, [b, y] = z(
     c ?? Math.round((o + r) / 2)
-  ), h = w ? l : b, v = `${(h - o) / (r - o) * 100}%`, I = (T) => {
-    w || y(Number(T.target.value)), m == null || m(T);
+  ), h = x ? l : b, v = `${(h - o) / (r - o) * 100}%`, C = (S) => {
+    x || y(Number(S.target.value)), m == null || m(S);
   };
-  return /* @__PURE__ */ f(K, { children: [
-    /* @__PURE__ */ n("style", { children: Bt }),
+  return /* @__PURE__ */ f(Y, { children: [
+    /* @__PURE__ */ n("style", { children: $t }),
     /* @__PURE__ */ f(
       "div",
       {
@@ -2285,7 +2285,7 @@ function Da({
                 e && /* @__PURE__ */ n(
                   "label",
                   {
-                    htmlFor: u,
+                    htmlFor: p,
                     style: {
                       fontSize: "var(--lucent-font-size-sm)",
                       fontWeight: "var(--lucent-font-weight-medium)",
@@ -2313,17 +2313,17 @@ function Da({
             "input",
             {
               type: "range",
-              id: u,
+              id: p,
               className: "lucent-slider",
               min: o,
               max: r,
               step: i,
               disabled: s,
-              value: w ? l : b,
-              onChange: I,
+              value: x ? l : b,
+              onChange: C,
               style: {
-                "--ls-track-h": Lt[a],
-                "--ls-thumb": Rt[a],
+                "--ls-track-h": Ft[a],
+                "--ls-thumb": Nt[a],
                 "--ls-fill": v
               },
               ...g
@@ -2334,7 +2334,7 @@ function Da({
     )
   ] });
 }
-const za = {
+const qa = {
   id: "slider",
   name: "Slider",
   tier: "atom",
@@ -2430,17 +2430,17 @@ const za = {
       "End — jump to max"
     ]
   }
-}, Ft = 2e3;
-function Nt() {
+}, Pt = 2e3;
+function Wt() {
   return /* @__PURE__ */ f("svg", { width: 13, height: 13, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
     /* @__PURE__ */ n("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
   ] });
 }
-function $t() {
+function Ht() {
   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 Aa({
+function Ra({
   code: e,
   language: t,
   tabs: a,
@@ -2450,9 +2450,9 @@ function Aa({
   style: l
 }) {
   var h, v;
-  const c = !!(a != null && a.length), [s, p] = A(0), [m, d] = A(!1), g = c ? ((h = a[s]) == null ? void 0 : h.code) ?? "" : e ?? "", u = c ? (v = a[s]) == null ? void 0 : v.language : t, w = async () => {
+  const c = !!(a != null && a.length), [s, u] = z(0), [m, d] = z(!1), g = c ? ((h = a[s]) == null ? void 0 : h.code) ?? "" : e ?? "", p = c ? (v = a[s]) == null ? void 0 : v.language : t, x = async () => {
     try {
-      await navigator.clipboard.writeText(g), d(!0), setTimeout(() => d(!1), Ft);
+      await navigator.clipboard.writeText(g), d(!0), setTimeout(() => d(!1), Pt);
     } catch {
     }
   }, b = {
@@ -2472,17 +2472,17 @@ function Aa({
   }, y = () => /* @__PURE__ */ f(
     "button",
     {
-      onClick: w,
+      onClick: x,
       "aria-label": m ? "Copied!" : "Copy code",
       style: b,
-      onMouseEnter: (I) => {
-        m || (I.currentTarget.style.background = "var(--lucent-surface-secondary)", I.currentTarget.style.color = "var(--lucent-text-primary)");
+      onMouseEnter: (C) => {
+        m || (C.currentTarget.style.background = "var(--lucent-surface-secondary)", C.currentTarget.style.color = "var(--lucent-text-primary)");
       },
-      onMouseLeave: (I) => {
-        m || (I.currentTarget.style.background = "transparent", I.currentTarget.style.color = "var(--lucent-text-secondary)");
+      onMouseLeave: (C) => {
+        m || (C.currentTarget.style.background = "transparent", C.currentTarget.style.color = "var(--lucent-text-secondary)");
       },
       children: [
-        m ? /* @__PURE__ */ n($t, {}) : /* @__PURE__ */ n(Nt, {}),
+        m ? /* @__PURE__ */ n(Ht, {}) : /* @__PURE__ */ n(Wt, {}),
         m ? "Copied!" : "Copy"
       ]
     }
@@ -2507,13 +2507,13 @@ function Aa({
               borderBottom: "1px solid var(--lucent-border-default)",
               padding: "0 var(--lucent-space-2)"
             },
-            children: a.map((I, T) => {
-              const x = T === s;
+            children: a.map((C, S) => {
+              const T = S === s;
               return /* @__PURE__ */ f(
                 "button",
                 {
                   onClick: () => {
-                    p(T), d(!1);
+                    u(S), d(!1);
                   },
                   style: {
                     display: "inline-flex",
@@ -2521,47 +2521,47 @@ function Aa({
                     gap: "var(--lucent-space-1)",
                     padding: "var(--lucent-space-2) var(--lucent-space-3)",
                     border: "none",
-                    borderBottom: x ? "2px solid var(--lucent-accent-default)" : "2px solid transparent",
+                    borderBottom: T ? "2px solid var(--lucent-accent-default)" : "2px solid transparent",
                     marginBottom: -1,
                     background: "transparent",
-                    color: x ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                    color: T ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                     fontFamily: "var(--lucent-font-family-base)",
                     fontSize: "var(--lucent-font-size-sm)",
-                    fontWeight: x ? "var(--lucent-font-weight-semibold)" : "var(--lucent-font-weight-regular)",
+                    fontWeight: T ? "var(--lucent-font-weight-semibold)" : "var(--lucent-font-weight-regular)",
                     cursor: "pointer",
                     transition: "color var(--lucent-duration-fast) var(--lucent-easing-default)",
                     whiteSpace: "nowrap"
                   },
                   onMouseEnter: (E) => {
-                    x || (E.currentTarget.style.color = "var(--lucent-text-primary)");
+                    T || (E.currentTarget.style.color = "var(--lucent-text-primary)");
                   },
                   onMouseLeave: (E) => {
-                    x || (E.currentTarget.style.color = "var(--lucent-text-secondary)");
+                    T || (E.currentTarget.style.color = "var(--lucent-text-secondary)");
                   },
                   children: [
-                    I.icon !== void 0 && /* @__PURE__ */ n("span", { style: { display: "inline-flex", alignItems: "center" }, children: I.icon }),
-                    I.label
+                    C.icon !== void 0 && /* @__PURE__ */ n("span", { style: { display: "inline-flex", alignItems: "center" }, children: C.icon }),
+                    C.label
                   ]
                 },
-                I.label
+                C.label
               );
             })
           }
         ),
-        !c && (!!u || i) && /* @__PURE__ */ f(
+        !c && (!!p || i) && /* @__PURE__ */ f(
           "div",
           {
             style: {
               display: "flex",
               alignItems: "center",
-              justifyContent: u ? "space-between" : "flex-end",
+              justifyContent: p ? "space-between" : "flex-end",
               padding: "0 var(--lucent-space-3)",
               height: 36,
               background: "var(--lucent-surface-secondary)",
               borderBottom: "1px solid var(--lucent-border-default)"
             },
             children: [
-              u && /* @__PURE__ */ n(
+              p && /* @__PURE__ */ n(
                 "span",
                 {
                   style: {
@@ -2570,7 +2570,7 @@ function Aa({
                     color: "var(--lucent-text-secondary)",
                     letterSpacing: "var(--lucent-letter-spacing-wide)"
                   },
-                  children: u
+                  children: p
                 }
               ),
               i && /* @__PURE__ */ n(y, {})
@@ -2654,7 +2654,7 @@ function Aa({
     }
   );
 }
-const Ea = {
+const La = {
   id: "code-block",
   name: "CodeBlock",
   tier: "atom",
@@ -2736,7 +2736,7 @@ const Ea = {
       "Enter / Space — copies the code"
     ]
   }
-}, Pt = `
+}, Vt = `
 .lucent-table-row:hover > td,
 .lucent-table-row:hover > th {
   background: var(--lucent-surface-secondary) !important;
@@ -2746,7 +2746,7 @@ const Ea = {
   background: var(--lucent-surface-secondary);
 }
 `;
-function Wt({ children: e, style: t, ...a }) {
+function Ot({ children: e, style: t, ...a }) {
   return /* @__PURE__ */ n(
     "thead",
     {
@@ -2759,10 +2759,10 @@ function Wt({ children: e, style: t, ...a }) {
     }
   );
 }
-function Ht({ children: e, ...t }) {
+function jt({ children: e, ...t }) {
   return /* @__PURE__ */ n("tbody", { ...t, children: e });
 }
-function Vt({ children: e, style: t, ...a }) {
+function Gt({ children: e, style: t, ...a }) {
   return /* @__PURE__ */ n(
     "tfoot",
     {
@@ -2775,7 +2775,7 @@ function Vt({ children: e, style: t, ...a }) {
     }
   );
 }
-function Ot({ children: e, className: t, ...a }) {
+function Ut({ children: e, className: t, ...a }) {
   return /* @__PURE__ */ n(
     "tr",
     {
@@ -2785,7 +2785,7 @@ function Ot({ children: e, className: t, ...a }) {
     }
   );
 }
-function jt({ as: e, children: t, style: a, ...o }) {
+function _t({ as: e, children: t, style: a, ...o }) {
   const r = e === "th", i = {
     padding: "var(--lucent-space-3) var(--lucent-space-4)",
     fontFamily: "var(--lucent-font-family-base)",
@@ -2800,14 +2800,14 @@ function jt({ as: e, children: t, style: a, ...o }) {
   };
   return r ? /* @__PURE__ */ n("th", { scope: "col", style: i, ...o, children: t }) : /* @__PURE__ */ n("td", { style: i, ...o, children: t });
 }
-function re({ striped: e = !1, children: t, className: a, style: o, ...r }) {
+function ie({ striped: e = !1, children: t, className: a, style: o, ...r }) {
   const i = [
     "lucent-table",
     e && "lucent-table-striped",
     a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ f(K, { children: [
-    /* @__PURE__ */ n("style", { children: Pt }),
+  return /* @__PURE__ */ f(Y, { children: [
+    /* @__PURE__ */ n("style", { children: Vt }),
     /* @__PURE__ */ n("div", { style: { overflowX: "auto", width: "100%" }, children: /* @__PURE__ */ n(
       "table",
       {
@@ -2825,12 +2825,12 @@ function re({ striped: e = !1, children: t, className: a, style: o, ...r }) {
     ) })
   ] });
 }
-re.Head = Wt;
-re.Body = Ht;
-re.Foot = Vt;
-re.Row = Ot;
-re.Cell = jt;
-const qa = {
+ie.Head = Ot;
+ie.Body = jt;
+ie.Foot = Gt;
+ie.Row = Ut;
+ie.Cell = _t;
+const Ba = {
   id: "table",
   name: "Table",
   tier: "atom",
@@ -2921,16 +2921,16 @@ const qa = {
     ariaAttributes: ['scope="col" on th cells'],
     keyboardInteractions: ["Standard browser table navigation"]
   }
-}, ze = { sm: "30px", md: "36px", lg: "42px" }, Gt = {
+}, qe = { sm: "30px", md: "36px", lg: "42px" }, Kt = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
-}, Ut = {
+}, Yt = {
   sm: "var(--lucent-space-2)",
   md: "var(--lucent-space-3)",
   lg: "var(--lucent-space-4)"
 };
-function Oe({
+function Ue({
   options: e,
   value: t,
   defaultValue: a,
@@ -2942,14 +2942,14 @@ function Oe({
   style: s
 }) {
   var h;
-  const [p, m] = A(
+  const [u, m] = z(
     a ?? ((h = e[0]) == null ? void 0 : h.value) ?? ""
-  ), d = t !== void 0 ? t : p, g = N(null), [u, w] = A(null), b = N(!1);
-  Se(() => {
+  ), d = t !== void 0 ? t : u, g = N(null), [p, x] = z(null), b = N(!1);
+  be(() => {
     const v = g.current;
     if (!v) return;
-    const I = v.querySelector(`[data-sc-value="${d}"]`);
-    I && (w({ left: I.offsetLeft, width: I.offsetWidth, animate: b.current }), b.current = !0);
+    const C = v.querySelector(`[data-sc-value="${d}"]`);
+    C && (x({ left: C.offsetLeft, width: C.offsetWidth, animate: b.current }), b.current = !0);
   }, [d, e]);
   const y = (v) => {
     i || v.disabled || (t === void 0 && m(v.value), o == null || o(v.value));
@@ -2965,7 +2965,7 @@ function Oe({
         display: "flex",
         alignItems: "center",
         width: l ? "100%" : "fit-content",
-        height: ze[r],
+        height: qe[r],
         background: "var(--lucent-surface-secondary)",
         borderRadius: "var(--lucent-radius-lg)",
         padding: 2,
@@ -2974,35 +2974,35 @@ function Oe({
         ...s
       },
       children: [
-        u && /* @__PURE__ */ n(
+        p && /* @__PURE__ */ n(
           "span",
           {
             "aria-hidden": !0,
             style: {
               position: "absolute",
               top: 2,
-              left: u.left,
-              width: u.width,
+              left: p.left,
+              width: p.width,
               height: "calc(100% - 4px)",
               background: "var(--lucent-surface)",
               borderRadius: "var(--lucent-radius-md)",
               boxShadow: "0 1px 2px rgba(0,0,0,0.1)",
-              transition: u.animate ? "left var(--lucent-duration-base) var(--lucent-easing-default), width var(--lucent-duration-base) var(--lucent-easing-default)" : "none",
+              transition: p.animate ? "left var(--lucent-duration-base) var(--lucent-easing-default), width var(--lucent-duration-base) var(--lucent-easing-default)" : "none",
               zIndex: 0,
               pointerEvents: "none"
             }
           }
         ),
         e.map((v) => {
-          const I = v.value === d, T = i || !!v.disabled;
+          const C = v.value === d, S = i || !!v.disabled;
           return /* @__PURE__ */ n(
             "button",
             {
               "data-sc-value": v.value,
               type: "button",
               role: "radio",
-              "aria-checked": I,
-              disabled: T,
+              "aria-checked": C,
+              disabled: S,
               onClick: () => y(v),
               style: {
                 position: "relative",
@@ -3012,16 +3012,16 @@ function Oe({
                 justifyContent: "center",
                 gap: "var(--lucent-space-1)",
                 flex: 1,
-                height: `calc(${ze[r]} - 4px)`,
-                padding: `0 ${Ut[r]}`,
-                fontSize: Gt[r],
+                height: `calc(${qe[r]} - 4px)`,
+                padding: `0 ${Yt[r]}`,
+                fontSize: Kt[r],
                 fontFamily: "var(--lucent-font-family-base)",
-                fontWeight: I ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-                color: T ? "var(--lucent-text-disabled)" : I ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                fontWeight: C ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+                color: S ? "var(--lucent-text-disabled)" : C ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                 background: "transparent",
                 border: "none",
                 borderRadius: "var(--lucent-radius-md)",
-                cursor: T ? "not-allowed" : "pointer",
+                cursor: S ? "not-allowed" : "pointer",
                 outline: "none",
                 whiteSpace: "nowrap",
                 transition: [
@@ -3029,11 +3029,11 @@ function Oe({
                   "font-weight var(--lucent-duration-fast) var(--lucent-easing-default)"
                 ].join(", ")
               },
-              onFocus: (x) => {
-                x.currentTarget.style.boxShadow = "0 0 0 2px var(--lucent-accent-subtle)";
+              onFocus: (T) => {
+                T.currentTarget.style.boxShadow = "0 0 0 2px var(--lucent-accent-subtle)";
               },
-              onBlur: (x) => {
-                x.currentTarget.style.boxShadow = "none";
+              onBlur: (T) => {
+                T.currentTarget.style.boxShadow = "none";
               },
               children: v.label
             },
@@ -3044,23 +3044,23 @@ function Oe({
     }
   );
 }
-Oe.displayName = "SegmentedControl";
-const _t = {
+Ue.displayName = "SegmentedControl";
+const Xt = {
   xs: 12,
   sm: 16,
   md: 22,
   lg: 28,
   xl: 36,
   "2xl": 48
-}, Kt = {
+}, Jt = {
   xs: "var(--lucent-radius-sm)",
   sm: "var(--lucent-radius-sm)",
   md: "var(--lucent-radius-md)",
   lg: "var(--lucent-radius-md)",
   xl: "var(--lucent-radius-lg)",
   "2xl": "var(--lucent-radius-lg)"
-}, Ae = "inset 0 0 0 1px rgba(0,0,0,0.2)", Ee = "inset 0 0 0 2px rgba(0,0,0,0.5)", Yt = "inset 0 0 0 1px rgba(0,0,0,0.2), 0 0 0 3px var(--lucent-accent-subtle)";
-function Xt(e) {
+}, Re = "inset 0 0 0 1px rgba(0,0,0,0.2)", Le = "inset 0 0 0 2px rgba(0,0,0,0.5)", Zt = "inset 0 0 0 1px rgba(0,0,0,0.2), 0 0 0 3px var(--lucent-accent-subtle)";
+function Qt(e) {
   return {
     backgroundImage: [
       `linear-gradient(${e}, ${e})`,
@@ -3074,7 +3074,7 @@ function Xt(e) {
     backgroundColor: "#fff"
   };
 }
-const de = ee(({
+const pe = ne(({
   color: e,
   size: t = "md",
   shape: a = "circle",
@@ -3084,74 +3084,74 @@ const de = ee(({
   style: l,
   onFocus: c,
   onBlur: s,
-  onClick: p,
+  onClick: u,
   ...m
 }, d) => {
-  const g = _t[t], u = a === "circle" ? "50%" : Kt[t];
+  const g = Xt[t], p = a === "circle" ? "50%" : Jt[t];
   return /* @__PURE__ */ n(
     "button",
     {
       ref: d,
       type: "button",
       disabled: i,
-      onClick: p,
+      onClick: u,
       style: {
         width: g,
         height: g,
         flexShrink: 0,
-        ...o ? Xt(e) : { background: e },
+        ...o ? Qt(e) : { background: e },
         border: "none",
-        borderRadius: u,
-        cursor: i ? "not-allowed" : p ? "pointer" : "default",
+        borderRadius: p,
+        cursor: i ? "not-allowed" : u ? "pointer" : "default",
         padding: 0,
         outline: "none",
         opacity: i ? 0.4 : 1,
-        boxShadow: r ? Ee : Ae,
+        boxShadow: r ? Le : Re,
         transition: "box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",
         ...l
       },
-      onFocus: (w) => {
-        i || (w.currentTarget.style.boxShadow = Yt), c == null || c(w);
+      onFocus: (x) => {
+        i || (x.currentTarget.style.boxShadow = Zt), c == null || c(x);
       },
-      onBlur: (w) => {
-        w.currentTarget.style.boxShadow = r ? Ee : Ae, s == null || s(w);
+      onBlur: (x) => {
+        x.currentTarget.style.boxShadow = r ? Le : Re, s == null || s(x);
       },
       ...m
     }
   );
 });
-de.displayName = "ColorSwatch";
-function pe(e, t, a) {
+pe.displayName = "ColorSwatch";
+function he(e, t, a) {
   return Math.max(t, Math.min(a, e));
 }
-function Jt(e, t, a) {
+function en(e, t, a) {
   const o = t / 100, r = a / 100, i = r * o, l = i * (1 - Math.abs(e / 60 % 2 - 1)), c = r - i;
-  let s = 0, p = 0, m = 0;
-  return e < 60 ? (s = i, p = l) : e < 120 ? (s = l, p = i) : e < 180 ? (p = i, m = l) : e < 240 ? (p = l, m = i) : e < 300 ? (s = l, m = i) : (s = i, m = l), { r: Math.round((s + c) * 255), g: Math.round((p + c) * 255), b: Math.round((m + c) * 255) };
+  let s = 0, u = 0, m = 0;
+  return e < 60 ? (s = i, u = l) : e < 120 ? (s = l, u = i) : e < 180 ? (u = i, m = l) : e < 240 ? (u = l, m = i) : e < 300 ? (s = l, m = i) : (s = i, m = l), { r: Math.round((s + c) * 255), g: Math.round((u + c) * 255), b: Math.round((m + c) * 255) };
 }
-function Zt(e, t, a) {
-  const o = e / 255, r = t / 255, i = a / 255, l = Math.max(o, r, i), c = Math.min(o, r, i), s = l - c, p = l, m = l === 0 ? 0 : s / l;
+function tn(e, t, a) {
+  const o = e / 255, r = t / 255, i = a / 255, l = Math.max(o, r, i), c = Math.min(o, r, i), s = l - c, u = l, m = l === 0 ? 0 : s / l;
   let d = 0;
-  return s !== 0 && (l === o ? d = ((r - i) / s + (r < i ? 6 : 0)) / 6 : l === r ? d = ((i - o) / s + 2) / 6 : d = ((o - r) / s + 4) / 6), { h: Math.round(d * 360), s: Math.round(m * 100), v: Math.round(p * 100) };
+  return s !== 0 && (l === o ? d = ((r - i) / s + (r < i ? 6 : 0)) / 6 : l === r ? d = ((i - o) / s + 2) / 6 : d = ((o - r) / s + 4) / 6), { h: Math.round(d * 360), s: Math.round(m * 100), v: Math.round(u * 100) };
 }
-function Qt(e, t, a) {
+function nn(e, t, a) {
   const o = e / 255, r = t / 255, i = a / 255, l = Math.max(o, r, i), c = Math.min(o, r, i), s = (l + c) / 2;
   if (l === c) return { h: 0, s: 0, l: Math.round(s * 100) };
-  const p = l - c, m = s > 0.5 ? p / (2 - l - c) : p / (l + c);
+  const u = l - c, m = s > 0.5 ? u / (2 - l - c) : u / (l + c);
   let d = 0;
-  return l === o ? d = ((r - i) / p + (r < i ? 6 : 0)) / 6 : l === r ? d = ((i - o) / p + 2) / 6 : d = ((o - r) / p + 4) / 6, { h: Math.round(d * 360), s: Math.round(m * 100), l: Math.round(s * 100) };
+  return l === o ? d = ((r - i) / u + (r < i ? 6 : 0)) / 6 : l === r ? d = ((i - o) / u + 2) / 6 : d = ((o - r) / u + 4) / 6, { h: Math.round(d * 360), s: Math.round(m * 100), l: Math.round(s * 100) };
 }
-function ue(e, t, a) {
+function fe(e, t, a) {
   const o = t / 100, r = a / 100, i = (1 - Math.abs(2 * r - 1)) * o, l = i * (1 - Math.abs(e / 60 % 2 - 1)), c = r - i / 2;
-  let s = 0, p = 0, m = 0;
-  return e < 60 ? (s = i, p = l) : e < 120 ? (s = l, p = i) : e < 180 ? (p = i, m = l) : e < 240 ? (p = l, m = i) : e < 300 ? (s = l, m = i) : (s = i, m = l), { r: Math.round((s + c) * 255), g: Math.round((p + c) * 255), b: Math.round((m + c) * 255) };
+  let s = 0, u = 0, m = 0;
+  return e < 60 ? (s = i, u = l) : e < 120 ? (s = l, u = i) : e < 180 ? (u = i, m = l) : e < 240 ? (u = l, m = i) : e < 300 ? (s = l, m = i) : (s = i, m = l), { r: Math.round((s + c) * 255), g: Math.round((u + c) * 255), b: Math.round((m + c) * 255) };
 }
-function Ce(e) {
+function Me(e) {
   const t = e.replace("#", "");
   return t.length === 3 ? `#${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : t.length === 6 || t.length === 8 ? `#${t}` : "#000000";
 }
-function je(e) {
-  const t = Ce(e);
+function _e(e) {
+  const t = Me(e);
   return {
     r: parseInt(t.slice(1, 3), 16),
     g: parseInt(t.slice(3, 5), 16),
@@ -3159,24 +3159,24 @@ function je(e) {
     a: t.length === 9 ? +(parseInt(t.slice(7, 9), 16) / 255).toFixed(2) : 1
   };
 }
-function ye({ r: e, g: t, b: a, a: o }) {
-  const r = (l) => pe(Math.round(l), 0, 255).toString(16).padStart(2, "0"), i = `#${r(e)}${r(t)}${r(a)}`;
+function ke({ r: e, g: t, b: a, a: o }) {
+  const r = (l) => he(Math.round(l), 0, 255).toString(16).padStart(2, "0"), i = `#${r(e)}${r(t)}${r(a)}`;
   return o < 1 ? `${i}${r(Math.round(o * 255))}` : i;
 }
-function Ge({ h: e, s: t, v: a, a: o }) {
-  return { ...Jt(e, t, a), a: o };
+function Ke({ h: e, s: t, v: a, a: o }) {
+  return { ...en(e, t, a), a: o };
 }
-function _({ r: e, g: t, b: a, a: o }) {
-  return { ...Zt(e, t, a), a: o };
+function K({ r: e, g: t, b: a, a: o }) {
+  return { ...tn(e, t, a), a: o };
 }
-function oe(e) {
-  return ye(Ge(e));
+function le(e) {
+  return ke(Ke(e));
 }
-function ie(e) {
+function se(e) {
   const t = e.trim();
   if (t.startsWith("#")) {
-    const r = Ce(t);
-    return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(r) ? je(r) : null;
+    const r = Me(t);
+    return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(r) ? _e(r) : null;
   }
   const a = t.match(/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*([\d.]+))?\s*\)$/);
   if (a) {
@@ -3186,11 +3186,11 @@ function ie(e) {
   const o = t.match(/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%?\s*,\s*(\d{1,3})%?\s*\)$/);
   if (o) {
     const r = +(o[1] ?? "0"), i = +(o[2] ?? "0"), l = +(o[3] ?? "0");
-    return r <= 360 && i <= 100 && l <= 100 ? { ...ue(r, i, l), a: 1 } : null;
+    return r <= 360 && i <= 100 && l <= 100 ? { ...fe(r, i, l), a: 1 } : null;
   }
   return null;
 }
-const en = [
+const an = [
   {
     label: "Presets",
     colors: [
@@ -3205,16 +3205,16 @@ const en = [
       "#e11d48"
     ]
   }
-], tn = [
+], rn = [
   "linear-gradient(45deg, #c0c0c0 25%, transparent 25%)",
   "linear-gradient(-45deg, #c0c0c0 25%, transparent 25%)",
   "linear-gradient(45deg, transparent 75%, #c0c0c0 75%)",
   "linear-gradient(-45deg, transparent 75%, #c0c0c0 75%)"
 ].join(", ");
-function qe({ value: e, min: t, max: a, onChange: o, trackStyle: r, formatTooltip: i }) {
-  const l = N(null), [c, s] = A(!1), p = Z((d) => {
-    const g = l.current.getBoundingClientRect(), u = pe((d.clientX - g.left) / g.width, 0, 1);
-    o(t + u * (a - t));
+function Be({ value: e, min: t, max: a, onChange: o, trackStyle: r, formatTooltip: i }) {
+  const l = N(null), [c, s] = z(!1), u = ee((d) => {
+    const g = l.current.getBoundingClientRect(), p = he((d.clientX - g.left) / g.width, 0, 1);
+    o(t + p * (a - t));
   }, [t, a, o]), m = (e - t) / (a - t) * 100;
   return /* @__PURE__ */ n(
     "div",
@@ -3222,10 +3222,10 @@ function qe({ value: e, min: t, max: a, onChange: o, trackStyle: r, formatToolti
       ref: l,
       style: { position: "relative", height: 12, borderRadius: 6, cursor: "crosshair", userSelect: "none", ...r },
       onPointerDown: (d) => {
-        d.currentTarget.setPointerCapture(d.pointerId), s(!0), p(d);
+        d.currentTarget.setPointerCapture(d.pointerId), s(!0), u(d);
       },
       onPointerMove: (d) => {
-        d.buttons > 0 && p(d);
+        d.buttons > 0 && u(d);
       },
       onPointerUp: () => s(!1),
       onPointerCancel: () => s(!1),
@@ -3267,62 +3267,66 @@ function qe({ value: e, min: t, max: a, onChange: o, trackStyle: r, formatToolti
     }
   );
 }
-function nn() {
+function on() {
   return /* @__PURE__ */ f("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M2 22l1-1h3l9-9" }),
     /* @__PURE__ */ n("path", { d: "M3 21v-3l9-9" }),
     /* @__PURE__ */ n("path", { d: "M15 6l3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
   ] });
 }
-function an({
+function ln({
   value: e,
   onChange: t,
   label: a,
   disabled: o = !1,
-  presetGroups: r = en,
+  presetGroups: r = an,
   id: i,
   style: l
 }) {
-  var $, U;
-  const c = Te(), s = i ?? c, [p, m] = A(!1), [d, g] = A("hex"), [u, w] = A(0), [b, y] = A(() => {
-    const k = e ? ie(e) ?? { r: 0, g: 0, b: 0, a: 1 } : { r: 0, g: 0, b: 0, a: 1 };
-    return _(k);
-  }), [h, v] = A(() => oe(b).slice(1).toUpperCase()), I = N(null), T = N(null);
-  O(() => {
+  var X, De;
+  const c = Ie(), s = i ?? c, [u, m] = z(!1), [d, g] = z("hex"), [p, x] = z(0), [b, y] = z(() => {
+    const k = e ? se(e) ?? { r: 0, g: 0, b: 0, a: 1 } : { r: 0, g: 0, b: 0, a: 1 };
+    return K(k);
+  }), [h, v] = z(() => le(b).slice(1).toUpperCase()), C = N(null), S = N(null), T = N(null), [E, B] = z(!1);
+  be(() => {
+    if (!u || !T.current) return;
+    const k = T.current.getBoundingClientRect();
+    B(k.right > window.innerWidth);
+  }, [u]), O(() => {
     if (!e) return;
-    const k = ie(e);
-    k && (y(_(k)), v(ye(k).slice(1).toUpperCase()));
+    const k = se(e);
+    k && (y(K(k)), v(ke(k).slice(1).toUpperCase()));
   }, [e]), O(() => {
-    if (!p) return;
-    const k = (q) => {
-      I.current && !I.current.contains(q.target) && m(!1);
+    if (!u) return;
+    const k = (R) => {
+      C.current && !C.current.contains(R.target) && m(!1);
     };
     return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
-  }, [p]);
-  const x = Z((k) => {
+  }, [u]);
+  const w = ee((k) => {
     y(k);
-    const q = oe(k);
-    v(q.slice(1).toUpperCase()), t == null || t(q);
-  }, [t]), E = Z((k) => {
-    const q = T.current.getBoundingClientRect(), P = Math.round(pe((k.clientX - q.left) / q.width, 0, 1) * 100), V = Math.round((1 - pe((k.clientY - q.top) / q.height, 0, 1)) * 100);
-    x({ ...b, s: P, v: V });
-  }, [b, x]), R = Z(async () => {
+    const R = le(k);
+    v(R.slice(1).toUpperCase()), t == null || t(R);
+  }, [t]), I = ee((k) => {
+    const R = S.current.getBoundingClientRect(), P = Math.round(he((k.clientX - R.left) / R.width, 0, 1) * 100), V = Math.round((1 - he((k.clientY - R.top) / R.height, 0, 1)) * 100);
+    w({ ...b, s: P, v: V });
+  }, [b, w]), G = ee(async () => {
     if ("EyeDropper" in window)
       try {
-        const k = await new window.EyeDropper().open(), q = ie(k.sRGBHex);
-        q && x(_(q));
+        const k = await new window.EyeDropper().open(), R = se(k.sRGBHex);
+        R && w(K(R));
       } catch {
       }
-  }, [x]), S = Ge(b), C = Qt(S.r, S.g, S.b), G = oe(b), F = oe({ ...b, a: 1 }), z = Math.round(b.a * 100), M = [
+  }, [w]), q = Ke(b), D = nn(q.r, q.g, q.b), M = le(b), A = le({ ...b, a: 1 }), $ = Math.round(b.a * 100), U = [
     { id: "hex", label: "Hex" },
     { id: "rgb", label: "RGB" },
     { id: "hsl", label: "HSL" },
     { id: "hsb", label: "HSB" }
-  ], D = typeof window < "u" && "EyeDropper" in window;
+  ], _ = typeof window < "u" && "EyeDropper" in window;
   return /* @__PURE__ */ f(
     "div",
     {
-      ref: I,
+      ref: C,
       style: { display: "inline-flex", flexDirection: "column", gap: "var(--lucent-space-1)", position: "relative", ...l },
       children: [
         /* @__PURE__ */ n("style", { children: `
@@ -3344,33 +3348,34 @@ function an({
           }
         ),
         /* @__PURE__ */ n(
-          de,
+          pe,
           {
             id: `${s}-swatch`,
-            color: `rgba(${S.r},${S.g},${S.b},${b.a})`,
+            color: `rgba(${q.r},${q.g},${q.b},${b.a})`,
             shape: "square",
             showCheckerboard: !0,
             disabled: o,
             onClick: () => m((k) => !k),
-            "aria-expanded": p,
+            "aria-expanded": u,
             "aria-haspopup": "dialog",
             style: {
               width: 40,
               height: 40,
               borderRadius: "var(--lucent-radius-lg)",
-              boxShadow: p ? "inset 0 0 0 2px var(--lucent-focus-ring), 0 0 0 3px var(--lucent-accent-subtle)" : "inset 0 0 0 1px rgba(0,0,0,0.2)"
+              boxShadow: u ? "inset 0 0 0 2px var(--lucent-focus-ring), 0 0 0 3px var(--lucent-accent-subtle)" : "inset 0 0 0 1px rgba(0,0,0,0.2)"
             }
           }
         ),
-        p && /* @__PURE__ */ f(
+        u && /* @__PURE__ */ f(
           "div",
           {
+            ref: T,
             role: "dialog",
             "aria-label": "Color picker",
             style: {
               position: "absolute",
               top: "calc(100% + 8px)",
-              left: 0,
+              ...E ? { right: 0 } : { left: 0 },
               zIndex: 1e3,
               background: "var(--lucent-surface)",
               border: "1px solid var(--lucent-border-default)",
@@ -3385,7 +3390,7 @@ function an({
               /* @__PURE__ */ f(
                 "div",
                 {
-                  ref: T,
+                  ref: S,
                   style: {
                     position: "relative",
                     height: 160,
@@ -3395,10 +3400,10 @@ function an({
                     flexShrink: 0
                   },
                   onPointerDown: (k) => {
-                    k.currentTarget.setPointerCapture(k.pointerId), E(k);
+                    k.currentTarget.setPointerCapture(k.pointerId), I(k);
                   },
                   onPointerMove: (k) => {
-                    k.buttons > 0 && E(k);
+                    k.buttons > 0 && I(k);
                   },
                   children: [
                     /* @__PURE__ */ n("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to right, #fff, transparent)" } }),
@@ -3421,9 +3426,9 @@ function an({
               /* @__PURE__ */ f("div", { style: { padding: 12, display: "flex", flexDirection: "column", gap: 10 }, children: [
                 /* @__PURE__ */ f("div", { style: { display: "flex", gap: 10, alignItems: "center" }, children: [
                   /* @__PURE__ */ n(
-                    de,
+                    pe,
                     {
-                      color: `rgba(${S.r},${S.g},${S.b},${b.a})`,
+                      color: `rgba(${q.r},${q.g},${q.b},${b.a})`,
                       shape: "square",
                       showCheckerboard: !0,
                       style: { width: 44, height: 44, borderRadius: 8 }
@@ -3431,12 +3436,12 @@ function an({
                   ),
                   /* @__PURE__ */ f("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8 }, children: [
                     /* @__PURE__ */ n(
-                      qe,
+                      Be,
                       {
                         value: b.h,
                         min: 0,
                         max: 360,
-                        onChange: (k) => x({ ...b, h: Math.round(k) }),
+                        onChange: (k) => w({ ...b, h: Math.round(k) }),
                         trackStyle: { background: "linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)" },
                         formatTooltip: (k) => `${Math.round(k)}°`
                       }
@@ -3445,19 +3450,19 @@ function an({
                       /* @__PURE__ */ n("div", { style: {
                         position: "absolute",
                         inset: 0,
-                        backgroundImage: tn,
+                        backgroundImage: rn,
                         backgroundSize: "8px 8px",
                         backgroundPosition: "0 0, 0 4px, 4px -4px, -4px 0",
                         backgroundColor: "#fff"
                       } }),
-                      /* @__PURE__ */ n("div", { style: { position: "absolute", inset: 0, background: `linear-gradient(to right, transparent, ${F})` } }),
+                      /* @__PURE__ */ n("div", { style: { position: "absolute", inset: 0, background: `linear-gradient(to right, transparent, ${A})` } }),
                       /* @__PURE__ */ n(
-                        qe,
+                        Be,
                         {
                           value: b.a,
                           min: 0,
                           max: 1,
-                          onChange: (k) => x({ ...b, a: Math.round(k * 100) / 100 }),
+                          onChange: (k) => w({ ...b, a: Math.round(k * 100) / 100 }),
                           trackStyle: { background: "transparent", position: "relative", zIndex: 1 },
                           formatTooltip: (k) => `${Math.round(k * 100)}%`
                         }
@@ -3466,40 +3471,40 @@ function an({
                   ] })
                 ] }),
                 /* @__PURE__ */ n(
-                  Oe,
+                  Ue,
                   {
                     size: "sm",
                     value: d,
                     onChange: (k) => g(k),
-                    options: M.map(({ id: k, label: q }) => ({ value: k, label: q }))
+                    options: U.map(({ id: k, label: R }) => ({ value: k, label: R }))
                   }
                 ),
                 d === "hex" && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
                   /* @__PURE__ */ n(
-                    Pe,
+                    Ve,
                     {
                       variant: "secondary",
                       size: "sm",
-                      onClick: R,
-                      disabled: !D,
-                      title: D ? "Pick color from screen" : "Not supported in this browser",
-                      leftIcon: /* @__PURE__ */ n(nn, {}),
+                      onClick: G,
+                      disabled: !_,
+                      title: _ ? "Pick color from screen" : "Not supported in this browser",
+                      leftIcon: /* @__PURE__ */ n(on, {}),
                       style: { flexShrink: 0, paddingLeft: 8, paddingRight: 8 }
                     }
                   ),
                   /* @__PURE__ */ n(
-                    J,
+                    Q,
                     {
                       size: "sm",
                       prefix: "#",
                       value: h,
                       onChange: (k) => {
-                        const q = k.target.value.replace("#", "");
-                        v(q.toUpperCase());
-                        const P = ie(`#${q}`);
+                        const R = k.target.value.replace("#", "");
+                        v(R.toUpperCase());
+                        const P = se(`#${R}`);
                         if (P) {
-                          const V = _(P);
-                          y(V), t == null || t(ye(P));
+                          const V = K(P);
+                          y(V), t == null || t(ke(P));
                         }
                       },
                       spellCheck: !1,
@@ -3509,17 +3514,17 @@ function an({
                     }
                   ),
                   /* @__PURE__ */ n(
-                    J,
+                    Q,
                     {
                       size: "sm",
                       type: "number",
                       suffix: "%",
-                      value: z,
+                      value: $,
                       min: 0,
                       max: 100,
                       onChange: (k) => {
-                        const q = +k.target.value;
-                        !isNaN(q) && q >= 0 && q <= 100 && x({ ...b, a: q / 100 });
+                        const R = +k.target.value;
+                        !isNaN(R) && R >= 0 && R <= 100 && w({ ...b, a: R / 100 });
                       },
                       className: "lucent-cp-field",
                       style: { width: 68, flexShrink: 0 }
@@ -3527,49 +3532,49 @@ function an({
                   )
                 ] }),
                 d === "rgb" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
-                  { label: "R", val: S.r, max: 255, fn: (k) => x(_({ ...S, r: k })) },
-                  { label: "G", val: S.g, max: 255, fn: (k) => x(_({ ...S, g: k })) },
-                  { label: "B", val: S.b, max: 255, fn: (k) => x(_({ ...S, b: k })) },
-                  { label: "A", val: z, max: 100, fn: (k) => x({ ...b, a: k / 100 }) }
-                ].map(({ label: k, val: q, max: P, fn: V }) => /* @__PURE__ */ n(J, { size: "sm", type: "number", prefix: k, value: q, min: 0, max: P, onChange: (te) => {
-                  const j = +te.target.value;
+                  { label: "R", val: q.r, max: 255, fn: (k) => w(K({ ...q, r: k })) },
+                  { label: "G", val: q.g, max: 255, fn: (k) => w(K({ ...q, g: k })) },
+                  { label: "B", val: q.b, max: 255, fn: (k) => w(K({ ...q, b: k })) },
+                  { label: "A", val: $, max: 100, fn: (k) => w({ ...b, a: k / 100 }) }
+                ].map(({ label: k, val: R, max: P, fn: V }) => /* @__PURE__ */ n(Q, { size: "sm", type: "number", prefix: k, value: R, min: 0, max: P, onChange: (ae) => {
+                  const j = +ae.target.value;
                   !isNaN(j) && j >= 0 && j <= P && V(j);
                 }, className: "lucent-cp-field", style: { flex: 1 } }, k)) }),
                 d === "hsl" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
-                  { label: "H", val: C.h, max: 360, fn: (k) => {
-                    const { r: q, g: P, b: V } = ue(k, C.s, C.l);
-                    x(_({ r: q, g: P, b: V, a: b.a }));
+                  { label: "H", val: D.h, max: 360, fn: (k) => {
+                    const { r: R, g: P, b: V } = fe(k, D.s, D.l);
+                    w(K({ r: R, g: P, b: V, a: b.a }));
                   } },
-                  { label: "S", val: C.s, max: 100, fn: (k) => {
-                    const { r: q, g: P, b: V } = ue(C.h, k, C.l);
-                    x(_({ r: q, g: P, b: V, a: b.a }));
+                  { label: "S", val: D.s, max: 100, fn: (k) => {
+                    const { r: R, g: P, b: V } = fe(D.h, k, D.l);
+                    w(K({ r: R, g: P, b: V, a: b.a }));
                   } },
-                  { label: "L", val: C.l, max: 100, fn: (k) => {
-                    const { r: q, g: P, b: V } = ue(C.h, C.s, k);
-                    x(_({ r: q, g: P, b: V, a: b.a }));
+                  { label: "L", val: D.l, max: 100, fn: (k) => {
+                    const { r: R, g: P, b: V } = fe(D.h, D.s, k);
+                    w(K({ r: R, g: P, b: V, a: b.a }));
                   } },
-                  { label: "A", val: z, max: 100, fn: (k) => x({ ...b, a: k / 100 }) }
-                ].map(({ label: k, val: q, max: P, fn: V }) => /* @__PURE__ */ n(J, { size: "sm", type: "number", prefix: k, value: q, min: 0, max: P, onChange: (te) => {
-                  const j = +te.target.value;
+                  { label: "A", val: $, max: 100, fn: (k) => w({ ...b, a: k / 100 }) }
+                ].map(({ label: k, val: R, max: P, fn: V }) => /* @__PURE__ */ n(Q, { size: "sm", type: "number", prefix: k, value: R, min: 0, max: P, onChange: (ae) => {
+                  const j = +ae.target.value;
                   !isNaN(j) && j >= 0 && j <= P && V(j);
                 }, className: "lucent-cp-field", style: { flex: 1 } }, k)) }),
                 d === "hsb" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
-                  { label: "H", val: b.h, max: 360, fn: (k) => x({ ...b, h: k }) },
-                  { label: "S", val: b.s, max: 100, fn: (k) => x({ ...b, s: k }) },
-                  { label: "B", val: b.v, max: 100, fn: (k) => x({ ...b, v: k }) },
-                  { label: "A", val: z, max: 100, fn: (k) => x({ ...b, a: k / 100 }) }
-                ].map(({ label: k, val: q, max: P, fn: V }) => /* @__PURE__ */ n(J, { size: "sm", type: "number", prefix: k, value: q, min: 0, max: P, onChange: (te) => {
-                  const j = +te.target.value;
+                  { label: "H", val: b.h, max: 360, fn: (k) => w({ ...b, h: k }) },
+                  { label: "S", val: b.s, max: 100, fn: (k) => w({ ...b, s: k }) },
+                  { label: "B", val: b.v, max: 100, fn: (k) => w({ ...b, v: k }) },
+                  { label: "A", val: $, max: 100, fn: (k) => w({ ...b, a: k / 100 }) }
+                ].map(({ label: k, val: R, max: P, fn: V }) => /* @__PURE__ */ n(Q, { size: "sm", type: "number", prefix: k, value: R, min: 0, max: P, onChange: (ae) => {
+                  const j = +ae.target.value;
                   !isNaN(j) && j >= 0 && j <= P && V(j);
                 }, className: "lucent-cp-field", style: { flex: 1 } }, k)) }),
                 r.length > 0 && /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
                   r.length > 1 && /* @__PURE__ */ n(
-                    Ve,
+                    Ge,
                     {
                       size: "sm",
-                      value: String(u),
-                      onChange: (k) => w(Number(k.target.value)),
-                      options: r.map((k, q) => ({ value: String(q), label: k.label }))
+                      value: String(p),
+                      onChange: (k) => x(Number(k.target.value)),
+                      options: r.map((k, R) => ({ value: String(R), label: k.label }))
                     }
                   ),
                   r.length === 1 && /* @__PURE__ */ n("span", { style: {
@@ -3577,15 +3582,15 @@ function an({
                     fontWeight: "var(--lucent-font-weight-medium)",
                     color: "var(--lucent-text-secondary)",
                     fontFamily: "var(--lucent-font-family-base)"
-                  }, children: ($ = r[0]) == null ? void 0 : $.label }),
-                  /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: (((U = r[u]) == null ? void 0 : U.colors) ?? []).map((k) => {
-                    const q = Ce(k).toLowerCase() === G.slice(0, 7).toLowerCase();
+                  }, children: (X = r[0]) == null ? void 0 : X.label }),
+                  /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: (((De = r[p]) == null ? void 0 : De.colors) ?? []).map((k) => {
+                    const R = Me(k).toLowerCase() === M.slice(0, 7).toLowerCase();
                     return /* @__PURE__ */ n(
-                      de,
+                      pe,
                       {
                         color: k,
-                        selected: q,
-                        onClick: () => x(_(je(k)))
+                        selected: R,
+                        onClick: () => w(K(_e(k)))
                       },
                       k
                     );
@@ -3599,8 +3604,8 @@ function an({
     }
   );
 }
-an.displayName = "ColorPicker";
-const La = {
+ln.displayName = "ColorPicker";
+const Fa = {
   id: "color-picker",
   name: "ColorPicker",
   tier: "atom",
@@ -3687,7 +3692,7 @@ const La = {
       "Tab — moves through format tabs and input fields within the popover"
     ]
   }
-}, Ra = {
+}, Na = {
   id: "color-swatch",
   name: "ColorSwatch",
   tier: "atom",
@@ -3722,7 +3727,7 @@ const La = {
     ariaAttributes: ["title (tooltip)"],
     keyboardInteractions: ["Enter / Space — triggers onClick"]
   }
-}, Ba = {
+}, $a = {
   id: "segmented-control",
   name: "SegmentedControl",
   tier: "atom",
@@ -3820,7 +3825,7 @@ const La = {
     ]
   }
 };
-function Fa({
+function Pa({
   label: e,
   htmlFor: t,
   required: a = !1,
@@ -3839,7 +3844,7 @@ function Fa({
     c && /* @__PURE__ */ n(L, { size: "xs", color: s, lineHeight: "tight", children: c })
   ] });
 }
-const Na = {
+const Wa = {
   id: "form-field",
   name: "FormField",
   tier: "molecule",
@@ -3925,11 +3930,11 @@ const Na = {
     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.'
   }
-}, rn = () => /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, sn = () => /* @__PURE__ */ f("svg", { width: "16", height: "16", 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" })
-] }), on = () => /* @__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 $a({
+] }), cn = () => /* @__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 Ha({
   value: e,
   onChange: t,
   placeholder: a = "Search…",
@@ -3940,15 +3945,15 @@ function $a({
   id: c,
   style: s
 }) {
-  const [p, m] = A(!1), [d, g] = A(null), u = N(null), w = p && o.length > 0, b = () => {
+  const [u, m] = z(!1), [d, g] = z(null), p = N(null), x = u && o.length > 0, b = () => {
     t("");
-  }, y = (T) => {
-    r == null || r(T), m(!1);
+  }, y = (S) => {
+    r == null || r(S), m(!1);
   }, h = () => {
-    u.current = setTimeout(() => m(!1), 150);
+    p.current = setTimeout(() => m(!1), 150);
   }, v = () => {
-    u.current && clearTimeout(u.current), m(!0);
-  }, I = i ? /* @__PURE__ */ n(ft, { size: "sm" }) : e ? /* @__PURE__ */ n(
+    p.current && clearTimeout(p.current), m(!0);
+  }, C = i ? /* @__PURE__ */ n(gt, { size: "sm" }) : e ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3964,32 +3969,32 @@ function $a({
         borderRadius: "var(--lucent-radius-sm)",
         color: "var(--lucent-text-secondary)"
       },
-      onMouseEnter: (T) => {
-        T.currentTarget.style.color = "var(--lucent-text-primary)";
+      onMouseEnter: (S) => {
+        S.currentTarget.style.color = "var(--lucent-text-primary)";
       },
-      onMouseLeave: (T) => {
-        T.currentTarget.style.color = "var(--lucent-text-secondary)";
+      onMouseLeave: (S) => {
+        S.currentTarget.style.color = "var(--lucent-text-secondary)";
       },
-      children: /* @__PURE__ */ n(on, {})
+      children: /* @__PURE__ */ n(cn, {})
     }
   ) : null;
   return /* @__PURE__ */ f("div", { style: { position: "relative", ...s }, children: [
     /* @__PURE__ */ n(
-      J,
+      Q,
       {
         id: c,
         type: "search",
         value: e,
-        onChange: (T) => t(T.target.value),
+        onChange: (S) => t(S.target.value),
         placeholder: a,
         disabled: l,
-        leftElement: /* @__PURE__ */ n(rn, {}),
-        rightElement: I ?? void 0,
+        leftElement: /* @__PURE__ */ n(sn, {}),
+        rightElement: C ?? void 0,
         onFocus: v,
         onBlur: h
       }
     ),
-    w && /* @__PURE__ */ n(
+    x && /* @__PURE__ */ n(
       "div",
       {
         role: "listbox",
@@ -4005,29 +4010,29 @@ function $a({
           boxShadow: "var(--lucent-shadow-md)",
           overflow: "hidden"
         },
-        children: o.map((T, x) => /* @__PURE__ */ n(
+        children: o.map((S, T) => /* @__PURE__ */ n(
           "div",
           {
             role: "option",
             "aria-selected": !1,
-            onMouseDown: () => y(T),
-            onMouseEnter: () => g(x),
+            onMouseDown: () => y(S),
+            onMouseEnter: () => g(T),
             onMouseLeave: () => g(null),
             style: {
               padding: "var(--lucent-space-2) var(--lucent-space-3)",
               cursor: "pointer",
-              background: d === x ? "var(--lucent-surface-secondary)" : "transparent",
+              background: d === T ? "var(--lucent-surface-secondary)" : "transparent",
               transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
             },
-            children: /* @__PURE__ */ n(L, { as: "span", size: "md", children: T.label })
+            children: /* @__PURE__ */ n(L, { as: "span", size: "md", children: S.label })
           },
-          T.id
+          S.id
         ))
       }
     )
   ] });
 }
-const Pa = {
+const Va = {
   id: "search-input",
   name: "SearchInput",
   tier: "molecule",
@@ -4123,23 +4128,23 @@ 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.'
   }
-}, ln = {
+}, dn = {
   none: "0",
-  sm: "var(--lucent-space-3)",
-  md: "var(--lucent-space-4)",
-  lg: "var(--lucent-space-6)"
-}, sn = {
+  sm: "var(--lucent-space-4)",
+  md: "var(--lucent-space-6)",
+  lg: "var(--lucent-space-8)"
+}, un = {
   none: "var(--lucent-shadow-none)",
   sm: "var(--lucent-shadow-sm)",
   md: "var(--lucent-shadow-md)",
   lg: "var(--lucent-shadow-lg)"
-}, cn = {
+}, pn = {
   none: "var(--lucent-radius-none)",
   sm: "var(--lucent-radius-sm)",
   md: "var(--lucent-radius-md)",
   lg: "var(--lucent-radius-lg)"
 };
-function Wa({
+function Oa({
   header: e,
   footer: t,
   children: a,
@@ -4148,7 +4153,7 @@ function Wa({
   radius: i = "md",
   style: l
 }) {
-  const c = ln[o], s = cn[i];
+  const c = dn[o], s = pn[i];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -4158,7 +4163,7 @@ function Wa({
         background: "var(--lucent-surface)",
         border: "1px solid var(--lucent-border-default)",
         borderRadius: s,
-        boxShadow: sn[r],
+        boxShadow: un[r],
         overflow: "hidden",
         boxSizing: "border-box",
         ...l
@@ -4189,7 +4194,7 @@ function Wa({
     }
   );
 }
-const Ha = {
+const ja = {
   id: "card",
   name: "Card",
   tier: "molecule",
@@ -4276,30 +4281,30 @@ Token rule: Card uses surface for its background. Never use bgBase or bgSubtle o
   accessibility: {
     notes: "Card has no implicit ARIA role. If the card represents a landmark, wrap it in a <section> or <article> and provide an aria-label. For interactive cards (clickable), make the wrapper a <button> or <a> and ensure focus styles are visible."
   }
-}, dn = {
+}, fn = {
   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" }
-}, un = () => /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+}, hn = () => /* @__PURE__ */ f("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" })
-] }), pn = () => /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), mn = () => /* @__PURE__ */ f("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" })
-] }), fn = () => /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), gn = () => /* @__PURE__ */ f("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" })
-] }), hn = () => /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), bn = () => /* @__PURE__ */ f("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" })
-] }), mn = {
-  info: /* @__PURE__ */ n(un, {}),
-  success: /* @__PURE__ */ n(pn, {}),
-  warning: /* @__PURE__ */ n(fn, {}),
-  danger: /* @__PURE__ */ n(hn, {})
-}, gn = () => /* @__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 Va({
+] }), vn = {
+  info: /* @__PURE__ */ n(hn, {}),
+  success: /* @__PURE__ */ n(mn, {}),
+  warning: /* @__PURE__ */ n(gn, {}),
+  danger: /* @__PURE__ */ n(bn, {})
+}, yn = () => /* @__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 Ga({
   variant: e = "info",
   title: t,
   children: a,
@@ -4307,7 +4312,7 @@ function Va({
   icon: r,
   style: i
 }) {
-  const l = dn[e], c = r ?? mn[e];
+  const l = fn[e], c = r ?? vn[e];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -4365,14 +4370,14 @@ function Va({
             onMouseLeave: (s) => {
               s.currentTarget.style.opacity = "0.7";
             },
-            children: /* @__PURE__ */ n(gn, {})
+            children: /* @__PURE__ */ n(yn, {})
           }
         )
       ]
     }
   );
 }
-const Oa = {
+const Ua = {
   id: "alert",
   name: "Alert",
   tier: "molecule",
@@ -4447,7 +4452,7 @@ const Oa = {
     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 ja({
+function _a({
   illustration: e,
   title: t,
   description: a,
@@ -4490,7 +4495,7 @@ function ja({
     }
   );
 }
-const Ga = {
+const Ka = {
   id: "empty-state",
   name: "EmptyState",
   tier: "molecule",
@@ -4561,16 +4566,16 @@ const Ga = {
   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."
   }
-}, bn = {
+}, xn = {
   text: "1em",
   circle: 40,
   rectangle: 40
-}, vn = {
+}, wn = {
   text: "var(--lucent-radius-sm)",
   circle: "var(--lucent-radius-full)",
   rectangle: "var(--lucent-radius-md)"
 };
-function Le({
+function Fe({
   width: e,
   height: t,
   radius: a,
@@ -4594,7 +4599,7 @@ function Le({
     }
   );
 }
-function Ua({
+function Ya({
   variant: e = "rectangle",
   width: t = "100%",
   height: a,
@@ -4603,16 +4608,16 @@ function Ua({
   radius: i,
   style: l
 }) {
-  const c = a ?? bn[e], s = i ?? vn[e], p = r ? /* @__PURE__ */ n("style", { children: `
+  const c = a ?? xn[e], s = i ?? wn[e], u = r ? /* @__PURE__ */ n("style", { children: `
       @keyframes lucent-skeleton-shimmer {
         0%   { background-position: 200% 0; }
         100% { background-position: -200% 0; }
       }
     ` }) : null;
-  return e === "text" && o > 1 ? /* @__PURE__ */ f(K, { children: [
-    p,
+  return e === "text" && o > 1 ? /* @__PURE__ */ f(Y, { children: [
+    u,
     /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)", ...l }, children: Array.from({ length: o }).map((m, d) => /* @__PURE__ */ n(
-      Le,
+      Fe,
       {
         width: d === o - 1 ? "70%" : t,
         height: c,
@@ -4621,10 +4626,10 @@ function Ua({
       },
       d
     )) })
-  ] }) : /* @__PURE__ */ f(K, { children: [
-    p,
+  ] }) : /* @__PURE__ */ f(Y, { children: [
+    u,
     /* @__PURE__ */ n(
-      Le,
+      Fe,
       {
         width: e === "circle" ? a ?? 40 : t,
         height: c,
@@ -4635,7 +4640,7 @@ function Ua({
     )
   ] });
 }
-const _a = {
+const Xa = {
   id: "skeleton",
   name: "Skeleton",
   tier: "molecule",
@@ -4722,7 +4727,7 @@ const _a = {
     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 Ka({ items: e, separator: t = "/", style: a }) {
+function Ja({ items: e, separator: t = "/", style: a }) {
   return /* @__PURE__ */ n("nav", { "aria-label": "Breadcrumb", style: a, children: /* @__PURE__ */ n(
     "ol",
     {
@@ -4788,20 +4793,20 @@ function Ka({ items: e, separator: t = "/", style: a }) {
     }
   ) });
 }
-function Ya({ tabs: e, defaultValue: t, value: a, onChange: o, style: r }) {
+function Za({ tabs: e, defaultValue: t, value: a, onChange: o, style: r }) {
   var h;
-  const i = a !== void 0, [l, c] = A(t ?? ((h = e[0]) == null ? void 0 : h.value) ?? ""), s = i ? a : l, [p, m] = A(null), d = N([]), [g, u] = A(null), w = N(!1);
-  Se(() => {
-    const v = e.findIndex((T) => T.value === s), I = d.current[v];
-    I && (u({ left: I.offsetLeft, width: I.offsetWidth, animate: w.current }), w.current = !0);
+  const i = a !== void 0, [l, c] = z(t ?? ((h = e[0]) == null ? void 0 : h.value) ?? ""), s = i ? a : l, [u, m] = z(null), d = N([]), [g, p] = z(null), x = N(!1);
+  be(() => {
+    const v = e.findIndex((S) => S.value === s), C = d.current[v];
+    C && (p({ left: C.offsetLeft, width: C.offsetWidth, animate: x.current }), x.current = !0);
   }, [s, e]);
   const b = (v) => {
     i || c(v), o == null || o(v);
-  }, y = (v, I) => {
-    var R;
-    const T = e.map((S, C) => S.disabled ? -1 : C).filter((S) => S !== -1), x = T.indexOf(I);
+  }, y = (v, C) => {
+    var B;
+    const S = e.map((w, I) => w.disabled ? -1 : I).filter((w) => w !== -1), T = S.indexOf(C);
     let E = -1;
-    v.key === "ArrowRight" && (E = T[(x + 1) % T.length] ?? -1), v.key === "ArrowLeft" && (E = T[(x - 1 + T.length) % T.length] ?? -1), v.key === "Home" && (E = T[0] ?? -1), v.key === "End" && (E = T[T.length - 1] ?? -1), E !== -1 && (v.preventDefault(), (R = d.current[E]) == null || R.focus(), b(e[E].value));
+    v.key === "ArrowRight" && (E = S[(T + 1) % S.length] ?? -1), v.key === "ArrowLeft" && (E = S[(T - 1 + S.length) % S.length] ?? -1), v.key === "Home" && (E = S[0] ?? -1), v.key === "End" && (E = S[S.length - 1] ?? -1), E !== -1 && (v.preventDefault(), (B = d.current[E]) == null || B.focus(), b(e[E].value));
   };
   return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", ...r }, children: [
     /* @__PURE__ */ f(
@@ -4814,37 +4819,37 @@ function Ya({ tabs: e, defaultValue: t, value: a, onChange: o, style: r }) {
           borderBottom: "1px solid var(--lucent-border-default)"
         },
         children: [
-          e.map((v, I) => {
-            const T = v.value === s, x = v.disabled ?? !1;
+          e.map((v, C) => {
+            const S = v.value === s, T = v.disabled ?? !1;
             return /* @__PURE__ */ n(
               "button",
               {
                 ref: (E) => {
-                  d.current[I] = E;
+                  d.current[C] = E;
                 },
                 role: "tab",
-                "aria-selected": T,
+                "aria-selected": S,
                 "aria-controls": `lucent-tabpanel-${v.value}`,
                 id: `lucent-tab-${v.value}`,
-                disabled: x,
-                tabIndex: T ? 0 : -1,
+                disabled: T,
+                tabIndex: S ? 0 : -1,
                 onClick: () => {
-                  x || b(v.value);
+                  T || b(v.value);
                 },
-                onKeyDown: (E) => y(E, I),
+                onKeyDown: (E) => y(E, C),
                 onMouseEnter: () => {
-                  x || m(I);
+                  T || m(C);
                 },
                 onMouseLeave: () => m(null),
                 style: {
                   padding: "var(--lucent-space-1) var(--lucent-space-2) var(--lucent-space-3)",
                   background: "none",
                   border: "none",
-                  cursor: x ? "not-allowed" : "pointer",
+                  cursor: T ? "not-allowed" : "pointer",
                   fontFamily: "var(--lucent-font-family-base)",
                   fontSize: "var(--lucent-font-size-md)",
-                  fontWeight: T ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-                  color: x ? "var(--lucent-text-disabled)" : T ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                  fontWeight: S ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+                  color: T ? "var(--lucent-text-disabled)" : S ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                   transition: "color var(--lucent-duration-fast) var(--lucent-easing-default)",
                   whiteSpace: "nowrap",
                   outline: "none"
@@ -4853,7 +4858,7 @@ function Ya({ tabs: e, defaultValue: t, value: a, onChange: o, style: r }) {
                   display: "block",
                   padding: "var(--lucent-space-1) var(--lucent-space-3)",
                   borderRadius: "var(--lucent-radius-md)",
-                  background: p === I && !T ? "var(--lucent-surface-secondary)" : "transparent",
+                  background: u === C && !S ? "var(--lucent-surface-secondary)" : "transparent",
                   transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
                 }, children: v.label })
               },
@@ -4894,39 +4899,39 @@ function Ya({ tabs: e, defaultValue: t, value: a, onChange: o, style: r }) {
     ))
   ] });
 }
-const yn = `
+const kn = `
 @keyframes lucent-collapsible-open {
   from { opacity: 0; transform: translateY(-4px); }
   to   { opacity: 1; transform: translateY(0); }
 }
 `;
-function Xa({ trigger: e, children: t, defaultOpen: a = !1, open: o, onOpenChange: r, style: i }) {
-  const l = o !== void 0, [c, s] = A(a), p = l ? o : c, m = N(null), [d, g] = A(p ? void 0 : 0), u = N(!1);
+function Qa({ trigger: e, children: t, defaultOpen: a = !1, open: o, onOpenChange: r, style: i }) {
+  const l = o !== void 0, [c, s] = z(a), u = l ? o : c, m = N(null), [d, g] = z(u ? void 0 : 0), p = N(!1);
   O(() => {
     const b = m.current;
     if (b)
-      if (p) {
+      if (u) {
         const y = b.scrollHeight;
-        g(y), u.current = !0;
+        g(y), p.current = !0;
         const h = setTimeout(() => {
-          g(void 0), u.current = !1;
+          g(void 0), p.current = !1;
         }, 220);
         return () => clearTimeout(h);
       } else
         g(b.scrollHeight), b.getBoundingClientRect(), g(0);
-  }, [p]);
-  const w = () => {
-    const b = !p;
+  }, [u]);
+  const x = () => {
+    const b = !u;
     l || s(b), r == null || r(b);
   };
-  return /* @__PURE__ */ f(K, { children: [
-    /* @__PURE__ */ n("style", { children: yn }),
+  return /* @__PURE__ */ f(Y, { children: [
+    /* @__PURE__ */ n("style", { children: kn }),
     /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", fontFamily: "var(--lucent-font-family-base)", fontSize: "var(--lucent-font-size-md)", ...i }, children: [
       /* @__PURE__ */ f(
         "button",
         {
-          onClick: w,
-          "aria-expanded": p,
+          onClick: x,
+          "aria-expanded": u,
           style: {
             display: "flex",
             alignItems: "center",
@@ -4943,7 +4948,7 @@ function Xa({ trigger: e, children: t, defaultOpen: a = !1, open: o, onOpenChang
           },
           children: [
             /* @__PURE__ */ n("span", { style: { flex: 1 }, children: e }),
-            /* @__PURE__ */ n(xn, { open: p })
+            /* @__PURE__ */ n(Sn, { open: u })
           ]
         }
       ),
@@ -4951,7 +4956,7 @@ function Xa({ trigger: e, children: t, defaultOpen: a = !1, open: o, onOpenChang
         "div",
         {
           ref: m,
-          "aria-hidden": !p,
+          "aria-hidden": !u,
           style: {
             overflow: "hidden",
             height: d !== void 0 ? d : "auto",
@@ -4962,7 +4967,7 @@ function Xa({ trigger: e, children: t, defaultOpen: a = !1, open: o, onOpenChang
             {
               style: {
                 padding: "var(--lucent-space-2) var(--lucent-space-4) var(--lucent-space-3)",
-                animation: p ? "lucent-collapsible-open 200ms var(--lucent-easing-default) forwards" : void 0
+                animation: u ? "lucent-collapsible-open 200ms var(--lucent-easing-default) forwards" : void 0
               },
               children: t
             }
@@ -4972,7 +4977,7 @@ function Xa({ trigger: e, children: t, defaultOpen: a = !1, open: o, onOpenChang
     ] })
   ] });
 }
-function xn({ open: e }) {
+function Sn({ open: e }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -4995,10 +5000,10 @@ function xn({ open: e }) {
     }
   );
 }
-function le(e) {
+function ce(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function Ja({
+function er({
   children: e,
   header: t,
   sidebar: a,
@@ -5008,12 +5013,12 @@ function Ja({
   rightSidebar: l,
   rightSidebarWidth: c = 240,
   rightSidebarCollapsed: s = !1,
-  footer: p,
+  footer: u,
   footerHeight: m = 28,
   mainStyle: d,
   style: g
 }) {
-  const u = le(r), w = le(o), b = le(c), y = le(m);
+  const p = ce(r), x = ce(o), b = ce(c), y = ce(m);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -5031,7 +5036,7 @@ function Ja({
           {
             style: {
               flexShrink: 0,
-              height: u,
+              height: p,
               zIndex: 10,
               background: "var(--lucent-surface)"
             },
@@ -5043,7 +5048,7 @@ function Ja({
             "div",
             {
               style: {
-                width: i ? 0 : w,
+                width: i ? 0 : x,
                 flexShrink: 0,
                 overflow: "hidden",
                 overflowY: i ? "hidden" : "auto",
@@ -5085,7 +5090,7 @@ function Ja({
             }
           )
         ] }),
-        p != null && /* @__PURE__ */ n(
+        u != null && /* @__PURE__ */ n(
           "div",
           {
             style: {
@@ -5094,14 +5099,14 @@ function Ja({
               zIndex: 10,
               background: "var(--lucent-surface)"
             },
-            children: p
+            children: u
           }
         )
       ]
     }
   );
 }
-function wn({ state: e }) {
+function Tn({ state: e }) {
   return /* @__PURE__ */ f(
     "svg",
     {
@@ -5132,7 +5137,7 @@ function wn({ state: e }) {
     }
   );
 }
-function Re({ dir: e }) {
+function Ne({ dir: e }) {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -5144,7 +5149,7 @@ function Re({ dir: e }) {
     }
   ) });
 }
-function Za({
+function tr({
   columns: e,
   rows: t,
   pageSize: a = 10,
@@ -5154,41 +5159,41 @@ function Za({
   emptyState: l,
   style: c
 }) {
-  const [s, p] = A(null), [m, d] = A(0), [g, u] = A(null), [w, b] = A({}), y = o !== void 0, h = y ? o : m, v = e.some((z) => z.filterable), I = v ? t.filter((z) => e.every((M) => {
+  const [s, u] = z(null), [m, d] = z(0), [g, p] = z(null), [x, b] = z({}), y = o !== void 0, h = y ? o : m, v = e.some((D) => D.filterable), C = v ? t.filter((D) => e.every((M) => {
     if (!M.filterable) return !0;
-    const D = w[M.key];
-    if (!D || D.length === 0) return !0;
-    const $ = String(z[M.key] ?? "");
-    return D.includes($);
-  })) : t, T = s ? [...I].sort((z, M) => {
-    const D = z[s.key], $ = M[s.key], U = String(D ?? "").localeCompare(String($ ?? ""), void 0, { numeric: !0 });
+    const A = x[M.key];
+    if (!A || A.length === 0) return !0;
+    const $ = String(D[M.key] ?? "");
+    return A.includes($);
+  })) : t, S = s ? [...C].sort((D, M) => {
+    const A = D[s.key], $ = M[s.key], U = String(A ?? "").localeCompare(String($ ?? ""), void 0, { numeric: !0 });
     return s.dir === "asc" ? U : -U;
-  }) : I, x = a > 0 ? T.slice(h * a, (h + 1) * a) : T, E = a > 0 ? Math.max(1, Math.ceil(T.length / a)) : 1, R = (z) => {
-    y || d(z), r == null || r(z);
-  }, S = (z) => {
-    p((M) => !M || M.key !== z ? { key: z, dir: "asc" } : M.dir === "asc" ? { key: z, dir: "desc" } : null), y || d(0), r == null || r(0);
-  }, C = (z, M) => {
-    const D = { ...w, [z]: M };
-    M.length === 0 && delete D[z], b(D), y || d(0), r == null || r(0), i == null || i(D);
+  }) : C, T = a > 0 ? S.slice(h * a, (h + 1) * a) : S, E = a > 0 ? Math.max(1, Math.ceil(S.length / a)) : 1, B = (D) => {
+    y || d(D), r == null || r(D);
+  }, w = (D) => {
+    u((M) => !M || M.key !== D ? { key: D, dir: "asc" } : M.dir === "asc" ? { key: D, dir: "desc" } : null), y || d(0), r == null || r(0);
+  }, I = (D, M) => {
+    const A = { ...x, [D]: M };
+    M.length === 0 && delete A[D], b(A), y || d(0), r == null || r(0), i == null || i(A);
   }, G = () => {
     b({}), y || d(0), r == null || r(0), i == null || i({});
-  }, F = [];
+  }, q = [];
   if (E <= 7)
-    for (let z = 0; z < E; z++) F.push(z);
+    for (let D = 0; D < E; D++) q.push(D);
   else {
-    F.push(0), h > 2 && F.push("…");
-    for (let z = Math.max(1, h - 1); z <= Math.min(E - 2, h + 1); z++)
-      F.push(z);
-    h < E - 3 && F.push("…"), F.push(E - 1);
+    q.push(0), h > 2 && q.push("…");
+    for (let D = Math.max(1, h - 1); D <= Math.min(E - 2, h + 1); D++)
+      q.push(D);
+    h < E - 3 && q.push("…"), q.push(E - 1);
   }
   return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-3)", ...c }, children: [
     v && /* @__PURE__ */ n("div", { style: { position: "relative", zIndex: 1 }, children: /* @__PURE__ */ n(
-      kn,
+      Cn,
       {
         columns: e,
         rows: t,
-        filters: w,
-        onFilter: C,
+        filters: x,
+        onFilter: I,
         onClearAll: G
       }
     ) }),
@@ -5202,115 +5207,115 @@ function Za({
       fontFamily: "var(--lucent-font-family-base)",
       fontSize: "var(--lucent-font-size-sm)"
     }, children: [
-      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { style: { borderBottom: "1px solid var(--lucent-border-default)" }, children: e.map((z) => {
-        const M = (s == null ? void 0 : s.key) === z.key ? s.dir : "none";
+      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { style: { borderBottom: "1px solid var(--lucent-border-default)" }, children: e.map((D) => {
+        const M = (s == null ? void 0 : s.key) === D.key ? s.dir : "none";
         return /* @__PURE__ */ n(
           "th",
           {
-            onClick: z.sortable ? () => S(z.key) : void 0,
+            onClick: D.sortable ? () => w(D.key) : void 0,
             style: {
               padding: "var(--lucent-space-3) var(--lucent-space-4)",
-              textAlign: z.align ?? "left",
+              textAlign: D.align ?? "left",
               fontWeight: "var(--lucent-font-weight-medium)",
               color: "var(--lucent-text-secondary)",
               background: "var(--lucent-surface-secondary)",
               borderBottom: "1px solid var(--lucent-border-default)",
-              cursor: z.sortable ? "pointer" : "default",
+              cursor: D.sortable ? "pointer" : "default",
               userSelect: "none",
               whiteSpace: "nowrap",
-              ...z.width ? { width: z.width } : {}
+              ...D.width ? { width: D.width } : {}
             },
             children: /* @__PURE__ */ f("span", { style: { display: "inline-flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
-              z.header,
-              z.sortable && /* @__PURE__ */ n(wn, { state: M })
+              D.header,
+              D.sortable && /* @__PURE__ */ n(Tn, { state: M })
             ] })
           },
-          z.key
+          D.key
         );
       }) }) }),
-      /* @__PURE__ */ n("tbody", { children: x.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
+      /* @__PURE__ */ n("tbody", { children: T.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
         "td",
         {
           colSpan: e.length,
           style: { padding: "var(--lucent-space-12)", textAlign: "center" },
           children: l ?? /* @__PURE__ */ n(L, { color: "secondary", children: "No data" })
         }
-      ) }) : x.map((z, M) => /* @__PURE__ */ n(
+      ) }) : T.map((D, M) => /* @__PURE__ */ n(
         "tr",
         {
-          onMouseEnter: () => u(M),
-          onMouseLeave: () => u(null),
+          onMouseEnter: () => p(M),
+          onMouseLeave: () => p(null),
           style: {
-            borderBottom: M < x.length - 1 ? "1px solid var(--lucent-border-subtle)" : "none",
+            borderBottom: M < T.length - 1 ? "1px solid var(--lucent-border-subtle)" : "none",
             background: g === M ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
             transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
           },
-          children: e.map((D) => /* @__PURE__ */ n(
+          children: e.map((A) => /* @__PURE__ */ n(
             "td",
             {
               style: {
                 padding: "var(--lucent-space-3) var(--lucent-space-4)",
                 color: "var(--lucent-text-primary)",
-                textAlign: D.align ?? "left",
+                textAlign: A.align ?? "left",
                 verticalAlign: "middle"
               },
-              children: D.render ? D.render(z, M) : String(z[D.key] ?? "")
+              children: A.render ? A.render(D, M) : String(D[A.key] ?? "")
             },
-            D.key
+            A.key
           ))
         },
         M
       )) })
     ] }) }),
-    a > 0 && T.length > 0 && /* @__PURE__ */ f("div", { style: {
+    a > 0 && S.length > 0 && /* @__PURE__ */ f("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       gap: "var(--lucent-space-3)",
       flexWrap: "wrap"
     }, children: [
-      /* @__PURE__ */ n(L, { color: "secondary", size: "sm", children: T.length === 0 ? `0 rows${t.length > 0 ? ` (filtered from ${t.length})` : ""}` : T.length === 1 ? `1 row${T.length < t.length ? ` (filtered from ${t.length})` : ""}` : `${h * a + 1}–${Math.min((h + 1) * a, T.length)} of ${T.length} rows${T.length < t.length ? ` (filtered from ${t.length})` : ""}` }),
+      /* @__PURE__ */ n(L, { color: "secondary", size: "sm", children: S.length === 0 ? `0 rows${t.length > 0 ? ` (filtered from ${t.length})` : ""}` : S.length === 1 ? `1 row${S.length < t.length ? ` (filtered from ${t.length})` : ""}` : `${h * a + 1}–${Math.min((h + 1) * a, S.length)} of ${S.length} rows${S.length < t.length ? ` (filtered from ${t.length})` : ""}` }),
       /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
         /* @__PURE__ */ n(
-          ge,
+          ye,
           {
-            onClick: () => R(h - 1),
+            onClick: () => B(h - 1),
             disabled: h === 0,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ n(Re, { dir: "left" })
+            children: /* @__PURE__ */ n(Ne, { dir: "left" })
           }
         ),
-        F.map(
-          (z, M) => z === "…" ? /* @__PURE__ */ n("span", { style: {
+        q.map(
+          (D, M) => D === "…" ? /* @__PURE__ */ n("span", { style: {
             padding: "0 var(--lucent-space-1)",
             color: "var(--lucent-text-disabled)",
             fontSize: "var(--lucent-font-size-sm)"
           }, children: "…" }, `ellipsis-${M}`) : /* @__PURE__ */ n(
-            ge,
+            ye,
             {
-              onClick: () => R(z),
-              active: z === h,
-              "aria-label": `Page ${z + 1}`,
-              "aria-current": z === h ? "page" : void 0,
-              children: z + 1
+              onClick: () => B(D),
+              active: D === h,
+              "aria-label": `Page ${D + 1}`,
+              "aria-current": D === h ? "page" : void 0,
+              children: D + 1
             },
-            z
+            D
           )
         ),
         /* @__PURE__ */ n(
-          ge,
+          ye,
           {
-            onClick: () => R(h + 1),
+            onClick: () => B(h + 1),
             disabled: h >= E - 1,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ n(Re, { dir: "right" })
+            children: /* @__PURE__ */ n(Ne, { dir: "right" })
           }
         )
       ] })
     ] })
   ] });
 }
-function kn({
+function Cn({
   columns: e,
   rows: t,
   filters: a,
@@ -5321,15 +5326,15 @@ function kn({
   return /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-2)", flexWrap: "wrap" }, children: [
     i.map((c) => {
       const s = Array.from(
-        new Set(t.map((p) => String(p[c.key] ?? "")))
+        new Set(t.map((u) => String(u[c.key] ?? "")))
       ).sort();
       return /* @__PURE__ */ n(
-        Sn,
+        In,
         {
           label: c.header,
           values: s,
           value: a[c.key] ?? [],
-          onChange: (p) => o(c.key, p)
+          onChange: (u) => o(c.key, u)
         },
         c.key
       );
@@ -5356,16 +5361,16 @@ function kn({
     )
   ] });
 }
-function Sn({
+function In({
   label: e,
   values: t,
   value: a,
   onChange: o
 }) {
-  const [r, i] = A(!1), [l, c] = A(!1), [s, p] = A(""), m = N(null), d = N(null), g = a.length > 0;
+  const [r, i] = z(!1), [l, c] = z(!1), [s, u] = z(""), m = N(null), d = N(null), g = a.length > 0;
   O(() => {
     if (!r) {
-      p("");
+      u("");
       return;
     }
     setTimeout(() => {
@@ -5381,7 +5386,7 @@ function Sn({
       document.removeEventListener("mousedown", y), document.removeEventListener("keydown", h);
     };
   }, [r]);
-  const u = s ? t.filter((y) => y.toLowerCase().includes(s.toLowerCase())) : t, w = (y) => o(a.includes(y) ? a.filter((h) => h !== y) : [...a, y]), b = a.length === 0 ? null : a.length === 1 ? /* @__PURE__ */ f("span", { style: { color: "var(--lucent-text-secondary)", fontWeight: "var(--lucent-font-weight-regular)" }, children: [
+  const p = s ? t.filter((y) => y.toLowerCase().includes(s.toLowerCase())) : t, x = (y) => o(a.includes(y) ? a.filter((h) => h !== y) : [...a, y]), b = a.length === 0 ? null : a.length === 1 ? /* @__PURE__ */ f("span", { style: { color: "var(--lucent-text-secondary)", fontWeight: "var(--lucent-font-weight-regular)" }, children: [
     ": ",
     a[0]
   ] }) : /* @__PURE__ */ f("span", { style: { color: "var(--lucent-accent-default)" }, children: [
@@ -5452,7 +5457,7 @@ function Sn({
           ref: d,
           type: "text",
           value: s,
-          onChange: (y) => p(y.target.value),
+          onChange: (y) => u(y.target.value),
           placeholder: "Search…",
           style: {
             width: "100%",
@@ -5488,26 +5493,26 @@ function Sn({
           children: "Clear selection"
         }
       ) }),
-      /* @__PURE__ */ n("div", { style: { overflowY: "auto", padding: "var(--lucent-space-1)", borderTop: "1px solid var(--lucent-border-subtle)", marginTop: "var(--lucent-space-2)" }, children: u.length === 0 ? /* @__PURE__ */ n("div", { style: {
+      /* @__PURE__ */ n("div", { style: { overflowY: "auto", padding: "var(--lucent-space-1)", borderTop: "1px solid var(--lucent-border-subtle)", marginTop: "var(--lucent-space-2)" }, children: p.length === 0 ? /* @__PURE__ */ n("div", { style: {
         padding: "var(--lucent-space-3)",
         color: "var(--lucent-text-disabled)",
         fontFamily: "var(--lucent-font-family-base)",
         fontSize: "var(--lucent-font-size-xs)",
         textAlign: "center"
-      }, children: "No results" }) : u.map((y) => /* @__PURE__ */ n(
-        Tn,
+      }, children: "No results" }) : p.map((y) => /* @__PURE__ */ n(
+        Mn,
         {
           label: y,
           isSelected: a.includes(y),
-          onClick: () => w(y)
+          onClick: () => x(y)
         },
         y
       )) })
     ] })
   ] });
 }
-function Tn({ label: e, isSelected: t, onClick: a }) {
-  const [o, r] = A(!1);
+function Mn({ label: e, isSelected: t, onClick: a }) {
+  const [o, r] = z(!1);
   return /* @__PURE__ */ f(
     "button",
     {
@@ -5550,14 +5555,14 @@ function Tn({ label: e, isSelected: t, onClick: a }) {
     }
   );
 }
-function ge({
+function ye({
   children: e,
   onClick: t,
   disabled: a,
   active: o,
   ...r
 }) {
-  const [i, l] = A(!1);
+  const [i, l] = z(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -5587,7 +5592,7 @@ function ge({
     }
   );
 }
-const Qa = {
+const nr = {
   id: "data-table",
   name: "DataTable",
   tier: "molecule",
@@ -5696,18 +5701,18 @@ const Qa = {
     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.'
   }
-}, Cn = `
+}, Dn = `
 @keyframes lucent-palette-in {
   from { opacity: 0; transform: scale(0.96) translateY(-8px); }
   to   { opacity: 1; transform: scale(1)    translateY(0);    }
 }
 `;
-function In(e, t) {
+function zn(e, t) {
   var o;
   const a = t.toLowerCase();
   return e.label.toLowerCase().includes(a) || (((o = e.description) == null ? void 0 : o.toLowerCase().includes(a)) ?? !1);
 }
-function er({
+function ar({
   commands: e,
   placeholder: t = "Search commands…",
   shortcutKey: a = "k",
@@ -5715,50 +5720,50 @@ function er({
   onOpenChange: r,
   style: i
 }) {
-  const l = o !== void 0, [c, s] = A(!1), p = l ? o : c, [m, d] = A(""), [g, u] = A(0), w = N(null), b = N(null), y = N(!1);
+  const l = o !== void 0, [c, s] = z(!1), u = l ? o : c, [m, d] = z(""), [g, p] = z(0), x = N(null), b = N(null), y = N(!1);
   if (!y.current) {
-    const S = document.createElement("style");
-    S.textContent = Cn, document.head.appendChild(S), y.current = !0;
+    const w = document.createElement("style");
+    w.textContent = Dn, document.head.appendChild(w), y.current = !0;
   }
-  const h = Z((S) => {
-    l || s(S), r == null || r(S);
+  const h = ee((w) => {
+    l || s(w), r == null || r(w);
   }, [l, r]);
   O(() => {
-    const S = (C) => {
-      (C.metaKey || C.ctrlKey) && C.key === a && (C.preventDefault(), h(!p));
+    const w = (I) => {
+      (I.metaKey || I.ctrlKey) && I.key === a && (I.preventDefault(), h(!u));
     };
-    return window.addEventListener("keydown", S), () => window.removeEventListener("keydown", S);
-  }, [p, a, h]), O(() => {
-    p && (d(""), u(0), setTimeout(() => {
-      var S;
-      return (S = w.current) == null ? void 0 : S.focus();
+    return window.addEventListener("keydown", w), () => window.removeEventListener("keydown", w);
+  }, [u, a, h]), O(() => {
+    u && (d(""), p(0), setTimeout(() => {
+      var w;
+      return (w = x.current) == null ? void 0 : w.focus();
     }, 10));
-  }, [p]);
-  const v = m ? e.filter((S) => In(S, m)) : e, I = v.filter((S) => !S.disabled);
+  }, [u]);
+  const v = m ? e.filter((w) => zn(w, m)) : e, C = v.filter((w) => !w.disabled);
   O(() => {
-    const S = b.current;
-    if (!S) return;
-    const C = S.querySelector('[data-active="true"]');
-    C == null || C.scrollIntoView({ block: "nearest" });
+    const w = b.current;
+    if (!w) return;
+    const I = w.querySelector('[data-active="true"]');
+    I == null || I.scrollIntoView({ block: "nearest" });
   }, [g]);
-  const T = (S) => {
-    S.disabled || (S.onSelect(), h(!1));
-  }, x = (S) => {
-    if (S.key === "Escape") {
+  const S = (w) => {
+    w.disabled || (w.onSelect(), h(!1));
+  }, T = (w) => {
+    if (w.key === "Escape") {
       h(!1);
       return;
     }
-    if (S.key === "ArrowDown" && (S.preventDefault(), u((C) => Math.min(C + 1, I.length - 1))), S.key === "ArrowUp" && (S.preventDefault(), u((C) => Math.max(C - 1, 0))), S.key === "Enter") {
-      const C = I[g];
-      C && T(C);
+    if (w.key === "ArrowDown" && (w.preventDefault(), p((I) => Math.min(I + 1, C.length - 1))), w.key === "ArrowUp" && (w.preventDefault(), p((I) => Math.max(I - 1, 0))), w.key === "Enter") {
+      const I = C[g];
+      I && S(I);
     }
   }, E = [];
-  for (const S of v) {
-    const C = E[E.length - 1];
-    C && C.group === S.group ? C.items.push(S) : E.push({ group: S.group, items: [S] });
+  for (const w of v) {
+    const I = E[E.length - 1];
+    I && I.group === w.group ? I.items.push(w) : E.push({ group: w.group, items: [w] });
   }
-  if (!p) return null;
-  let R = 0;
+  if (!u) return null;
+  let B = 0;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -5783,7 +5788,7 @@ function er({
           role: "combobox",
           "aria-haspopup": "listbox",
           "aria-expanded": "true",
-          onClick: (S) => S.stopPropagation(),
+          onClick: (w) => w.stopPropagation(),
           style: {
             width: "100%",
             maxWidth: 560,
@@ -5810,15 +5815,15 @@ function er({
               /* @__PURE__ */ n(
                 "input",
                 {
-                  ref: w,
+                  ref: x,
                   role: "searchbox",
                   "aria-autocomplete": "list",
                   "aria-controls": "lucent-command-list",
                   value: m,
-                  onChange: (S) => {
-                    d(S.target.value), u(0);
+                  onChange: (w) => {
+                    d(w.target.value), p(0);
                   },
-                  onKeyDown: x,
+                  onKeyDown: T,
                   placeholder: t,
                   style: {
                     flex: 1,
@@ -5855,26 +5860,26 @@ function er({
                   'No results for "',
                   m,
                   '"'
-                ] }) }) : E.map(({ group: S, items: C }, G) => /* @__PURE__ */ f("div", { children: [
-                  S && /* @__PURE__ */ n("div", { style: {
+                ] }) }) : E.map(({ group: w, items: I }, G) => /* @__PURE__ */ f("div", { children: [
+                  w && /* @__PURE__ */ n("div", { style: {
                     padding: "var(--lucent-space-2) var(--lucent-space-4) var(--lucent-space-1)",
                     ...G > 0 ? { borderTop: "1px solid var(--lucent-border-subtle)", marginTop: "var(--lucent-space-1)" } : {}
-                  }, children: /* @__PURE__ */ n(L, { size: "xs", color: "secondary", weight: "medium", children: S }) }),
-                  C.map((F) => {
-                    const z = F.disabled ?? !1;
+                  }, children: /* @__PURE__ */ n(L, { size: "xs", color: "secondary", weight: "medium", children: w }) }),
+                  I.map((q) => {
+                    const D = q.disabled ?? !1;
                     let M = !1;
-                    return z || (M = R === g, R++), /* @__PURE__ */ f(
+                    return D || (M = B === g, B++), /* @__PURE__ */ f(
                       "div",
                       {
                         role: "option",
                         "aria-selected": M,
-                        "aria-disabled": z,
+                        "aria-disabled": D,
                         "data-active": M,
-                        onClick: () => T(F),
+                        onClick: () => S(q),
                         onMouseEnter: () => {
-                          if (!z) {
-                            const D = I.indexOf(F);
-                            D !== -1 && u(D);
+                          if (!D) {
+                            const A = C.indexOf(q);
+                            A !== -1 && p(A);
                           }
                         },
                         style: {
@@ -5882,20 +5887,20 @@ function er({
                           alignItems: "center",
                           gap: "var(--lucent-space-3)",
                           padding: "var(--lucent-space-2) var(--lucent-space-4)",
-                          cursor: z ? "not-allowed" : "pointer",
+                          cursor: D ? "not-allowed" : "pointer",
                           background: M ? "var(--lucent-surface-secondary)" : "transparent",
                           transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)",
-                          opacity: z ? 0.5 : 1
+                          opacity: D ? 0.5 : 1
                         },
                         children: [
-                          F.icon && /* @__PURE__ */ n("span", { style: { flexShrink: 0, color: "var(--lucent-text-secondary)", display: "flex" }, children: F.icon }),
+                          q.icon && /* @__PURE__ */ n("span", { style: { flexShrink: 0, color: "var(--lucent-text-secondary)", display: "flex" }, children: q.icon }),
                           /* @__PURE__ */ f("div", { style: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ n(L, { size: "sm", weight: "medium", truncate: !0, children: F.label }),
-                            F.description && /* @__PURE__ */ n(L, { size: "xs", color: "secondary", truncate: !0, children: F.description })
+                            /* @__PURE__ */ n(L, { size: "sm", weight: "medium", truncate: !0, children: q.label }),
+                            q.description && /* @__PURE__ */ n(L, { size: "xs", color: "secondary", truncate: !0, children: q.description })
                           ] })
                         ]
                       },
-                      F.id
+                      q.id
                     );
                   })
                 ] }, G))
@@ -5911,7 +5916,7 @@ function er({
               ["↑↓", "Navigate"],
               ["↵", "Select"],
               ["Esc", "Close"]
-            ].map(([S, C]) => /* @__PURE__ */ f("span", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
+            ].map(([w, I]) => /* @__PURE__ */ f("span", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
               /* @__PURE__ */ n("kbd", { style: {
                 padding: "1px 5px",
                 borderRadius: "var(--lucent-radius-sm)",
@@ -5920,16 +5925,16 @@ function er({
                 fontFamily: "var(--lucent-font-family-mono)",
                 fontSize: "var(--lucent-font-size-xs)",
                 color: "var(--lucent-text-secondary)"
-              }, children: S }),
-              /* @__PURE__ */ n(L, { size: "xs", color: "secondary", children: C })
-            ] }, S)) })
+              }, children: w }),
+              /* @__PURE__ */ n(L, { size: "xs", color: "secondary", children: I })
+            ] }, w)) })
           ]
         }
       )
     }
   );
 }
-const tr = {
+const rr = {
   id: "command-palette",
   name: "CommandPalette",
   tier: "overlay",
@@ -6012,7 +6017,7 @@ const tr = {
     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.'
   }
 };
-function Mn({ label: e, onRemove: t, disabled: a }) {
+function An({ label: e, onRemove: t, disabled: a }) {
   return /* @__PURE__ */ f("span", { style: {
     display: "inline-flex",
     alignItems: "center",
@@ -6054,7 +6059,7 @@ function Mn({ label: e, onRemove: t, disabled: a }) {
     )
   ] });
 }
-function nr({
+function or({
   options: e,
   value: t,
   defaultValue: a = [],
@@ -6064,42 +6069,42 @@ function nr({
   max: l,
   style: c
 }) {
-  const s = t !== void 0, [p, m] = A(a), d = s ? t : p, [g, u] = A(!1), [w, b] = A(""), [y, h] = A(0), [v, I] = A(!1), T = N(null), x = N(null), E = Te();
+  const s = t !== void 0, [u, m] = z(a), d = s ? t : u, [g, p] = z(!1), [x, b] = z(""), [y, h] = z(0), [v, C] = z(!1), S = N(null), T = N(null), E = Ie();
   O(() => {
     if (!g) return;
-    const M = (D) => {
+    const M = (A) => {
       var $;
-      ($ = T.current) != null && $.contains(D.target) || (u(!1), b(""));
+      ($ = S.current) != null && $.contains(A.target) || (p(!1), b(""));
     };
     return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
   }, [g]);
-  const R = (M) => {
-    const D = d.includes(M) ? d.filter(($) => $ !== M) : l !== void 0 && d.length >= l ? d : [...d, M];
-    s || m(D), o == null || o(D);
-  }, S = (M) => {
-    const D = d.filter(($) => $ !== M);
-    s || m(D), o == null || o(D);
-  }, C = e.filter(
-    (M) => M.label.toLowerCase().includes(w.toLowerCase())
+  const B = (M) => {
+    const A = d.includes(M) ? d.filter(($) => $ !== M) : l !== void 0 && d.length >= l ? d : [...d, M];
+    s || m(A), o == null || o(A);
+  }, w = (M) => {
+    const A = d.filter(($) => $ !== M);
+    s || m(A), o == null || o(A);
+  }, I = e.filter(
+    (M) => M.label.toLowerCase().includes(x.toLowerCase())
   ), G = (M) => {
     if (M.key === "Escape") {
-      u(!1), b("");
+      p(!1), b("");
       return;
     }
-    if (M.key === "ArrowDown" && (M.preventDefault(), u(!0), h((D) => Math.min(D + 1, C.length - 1))), M.key === "ArrowUp" && (M.preventDefault(), h((D) => Math.max(D - 1, 0))), M.key === "Enter") {
+    if (M.key === "ArrowDown" && (M.preventDefault(), p(!0), h((A) => Math.min(A + 1, I.length - 1))), M.key === "ArrowUp" && (M.preventDefault(), h((A) => Math.max(A - 1, 0))), M.key === "Enter") {
       M.preventDefault();
-      const D = C[y];
-      D && !D.disabled && R(D.value);
+      const A = I[y];
+      A && !A.disabled && B(A.value);
     }
-    M.key === "Backspace" && w === "" && d.length > 0 && S(d[d.length - 1]);
-  }, F = l !== void 0 && d.length >= l, z = i ? "var(--lucent-border-default)" : v ? "var(--lucent-accent-default)" : "var(--lucent-border-default)";
-  return /* @__PURE__ */ f("div", { ref: T, style: { position: "relative", ...c }, children: [
+    M.key === "Backspace" && x === "" && d.length > 0 && w(d[d.length - 1]);
+  }, q = l !== void 0 && d.length >= l, D = i ? "var(--lucent-border-default)" : v ? "var(--lucent-accent-default)" : "var(--lucent-border-default)";
+  return /* @__PURE__ */ f("div", { ref: S, style: { position: "relative", ...c }, children: [
     /* @__PURE__ */ f(
       "div",
       {
         onClick: () => {
           var M;
-          i || (u(!0), (M = x.current) == null || M.focus());
+          i || (p(!0), (M = T.current) == null || M.focus());
         },
         style: {
           display: "flex",
@@ -6109,7 +6114,7 @@ function nr({
           minHeight: 38,
           padding: "var(--lucent-space-1) var(--lucent-space-3)",
           borderRadius: "var(--lucent-radius-md)",
-          border: `1px solid ${z}`,
+          border: `1px solid ${D}`,
           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)",
@@ -6118,20 +6123,20 @@ function nr({
         },
         children: [
           d.map((M) => {
-            const D = e.find(($) => $.value === M);
-            return D ? /* @__PURE__ */ n(Mn, { label: D.label, onRemove: () => S(M), disabled: i }, M) : null;
+            const A = e.find(($) => $.value === M);
+            return A ? /* @__PURE__ */ n(An, { label: A.label, onRemove: () => w(M), disabled: i }, M) : null;
           }),
           /* @__PURE__ */ n(
             "input",
             {
-              ref: x,
-              value: w,
+              ref: T,
+              value: x,
               onChange: (M) => {
-                b(M.target.value), u(!0), h(0);
+                b(M.target.value), p(!0), h(0);
               },
               onKeyDown: G,
-              onFocus: () => I(!0),
-              onBlur: () => I(!1),
+              onFocus: () => C(!0),
+              onBlur: () => C(!1),
               disabled: i,
               placeholder: d.length === 0 ? r : "",
               "aria-autocomplete": "list",
@@ -6176,33 +6181,33 @@ function nr({
           padding: "var(--lucent-space-1) 0"
         },
         children: [
-          C.length === 0 ? /* @__PURE__ */ n("div", { style: { padding: "var(--lucent-space-3) var(--lucent-space-4)" }, children: /* @__PURE__ */ n(L, { color: "secondary", size: "sm", children: "No options" }) }) : C.map((M, D) => {
-            const $ = d.includes(M.value), U = D === y, k = M.disabled ?? !1, q = F && !$;
+          I.length === 0 ? /* @__PURE__ */ n("div", { style: { padding: "var(--lucent-space-3) var(--lucent-space-4)" }, children: /* @__PURE__ */ n(L, { color: "secondary", size: "sm", children: "No options" }) }) : I.map((M, A) => {
+            const $ = d.includes(M.value), U = A === y, _ = M.disabled ?? !1, X = q && !$;
             return /* @__PURE__ */ f(
               "div",
               {
                 role: "option",
                 "aria-selected": $,
-                "aria-disabled": k || q,
+                "aria-disabled": _ || X,
                 onClick: () => {
-                  !k && !q && R(M.value);
+                  !_ && !X && B(M.value);
                 },
-                onMouseEnter: () => h(D),
+                onMouseEnter: () => h(A),
                 style: {
                   display: "flex",
                   alignItems: "center",
                   gap: "var(--lucent-space-2)",
                   padding: "var(--lucent-space-2) var(--lucent-space-3)",
-                  cursor: k || q ? "not-allowed" : "pointer",
+                  cursor: _ || X ? "not-allowed" : "pointer",
                   background: U ? "var(--lucent-surface-secondary)" : "transparent",
-                  opacity: k || q ? 0.5 : 1
+                  opacity: _ || X ? 0.5 : 1
                 },
                 children: [
                   /* @__PURE__ */ n(
-                    We,
+                    Oe,
                     {
                       checked: $,
-                      disabled: k || q,
+                      disabled: _ || X,
                       size: "md",
                       style: { margin: 0, pointerEvents: "none" },
                       "aria-hidden": !0,
@@ -6215,7 +6220,7 @@ function nr({
               M.value
             );
           }),
-          F && /* @__PURE__ */ n("div", { style: {
+          q && /* @__PURE__ */ n("div", { style: {
             padding: "var(--lucent-space-2) var(--lucent-space-3)",
             borderTop: "1px solid var(--lucent-border-subtle)"
           }, children: /* @__PURE__ */ f(L, { size: "xs", color: "secondary", children: [
@@ -6228,7 +6233,7 @@ function nr({
     )
   ] });
 }
-const ar = {
+const ir = {
   id: "multi-select",
   name: "MultiSelect",
   tier: "molecule",
@@ -6323,22 +6328,22 @@ const ar = {
     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 Dn(e, t) {
+function En(e, t) {
   return new Date(e, t + 1, 0).getDate();
 }
-function zn(e, t) {
+function qn(e, t) {
   return new Date(e, t, 1).getDay();
 }
-function fe(e, t) {
+function me(e, t) {
   return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function xe(e, t) {
+function Se(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) < new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
-function Be(e, t) {
+function $e(e, t) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) > new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
-const An = [
+const Rn = [
   "January",
   "February",
   "March",
@@ -6351,12 +6356,12 @@ const An = [
   "October",
   "November",
   "December"
-], En = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function ae(e) {
+], Ln = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function oe(e) {
   return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function Fe({ dir: e, onClick: t, disabled: a }) {
-  const [o, r] = A(!1);
+function Pe({ dir: e, onClick: t, disabled: a }) {
+  const [o, r] = z(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -6392,7 +6397,7 @@ function Fe({ dir: e, onClick: t, disabled: a }) {
     }
   );
 }
-function we({
+function Te({
   year: e,
   month: t,
   selected: a,
@@ -6402,37 +6407,37 @@ function we({
   onSelect: l,
   onPrevMonth: c,
   onNextMonth: s,
-  highlightRange: p
+  highlightRange: u
 }) {
-  const m = Dn(e, t), d = zn(e, t), [g, u] = A(null), w = [
+  const m = En(e, t), d = qn(e, t), [g, p] = z(null), x = [
     ...Array(d).fill(null),
     ...Array.from({ length: m }, (b, y) => y + 1)
   ];
-  for (; w.length % 7 !== 0; ) w.push(null);
+  for (; x.length % 7 !== 0; ) x.push(null);
   return /* @__PURE__ */ f("div", { children: [
     /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "var(--lucent-space-3)" }, children: [
-      /* @__PURE__ */ n(Fe, { dir: "prev", onClick: c }),
+      /* @__PURE__ */ n(Pe, { dir: "prev", onClick: c }),
       /* @__PURE__ */ f(L, { weight: "medium", size: "sm", children: [
-        An[t],
+        Rn[t],
         " ",
         e
       ] }),
-      /* @__PURE__ */ n(Fe, { dir: "next", onClick: s })
+      /* @__PURE__ */ n(Pe, { dir: "next", onClick: s })
     ] }),
-    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: En.map((b) => /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(L, { size: "xs", color: "secondary", children: b }) }, b)) }),
-    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: w.map((b, y) => {
+    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: Ln.map((b) => /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(L, { size: "xs", color: "secondary", children: b }) }, b)) }),
+    /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: x.map((b, y) => {
       if (!b) return /* @__PURE__ */ n("div", {}, y);
-      const h = new Date(e, t, b), v = a ? fe(h, a) : !1, I = fe(h, o), T = (r ? xe(h, r) : !1) || (i ? Be(h, i) : !1);
-      let x = !1;
-      return p != null && p.start && (p != null && p.end) && (x = !xe(h, p.start) && !Be(h, p.end)), /* @__PURE__ */ n(
+      const h = new Date(e, t, b), v = a ? me(h, a) : !1, C = me(h, o), S = (r ? Se(h, r) : !1) || (i ? $e(h, i) : !1);
+      let T = !1;
+      return u != null && u.start && (u != null && u.end) && (T = !Se(h, u.start) && !$e(h, u.end)), /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          disabled: T,
-          onClick: () => !T && l(h),
-          onMouseEnter: () => u(b),
-          onMouseLeave: () => u(null),
-          "aria-label": ae(h),
+          disabled: S,
+          onClick: () => !S && l(h),
+          onMouseEnter: () => p(b),
+          onMouseLeave: () => p(null),
+          "aria-label": oe(h),
           "aria-pressed": v,
           style: {
             display: "flex",
@@ -6440,14 +6445,14 @@ function we({
             justifyContent: "center",
             height: 32,
             width: "100%",
-            border: I && !v ? "1px solid var(--lucent-border-strong)" : "1px solid transparent",
+            border: C && !v ? "1px solid var(--lucent-border-strong)" : "1px solid transparent",
             borderRadius: "var(--lucent-radius-md)",
-            background: v ? "var(--lucent-accent-default)" : x ? "var(--lucent-accent-subtle)" : g === b && !T ? "var(--lucent-surface-secondary)" : "transparent",
-            color: v ? "var(--lucent-text-on-accent)" : T ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
+            background: v ? "var(--lucent-accent-default)" : T ? "var(--lucent-accent-subtle)" : g === b && !S ? "var(--lucent-surface-secondary)" : "transparent",
+            color: v ? "var(--lucent-text-on-accent)" : S ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
             fontSize: "var(--lucent-font-size-sm)",
             fontFamily: "var(--lucent-font-family-base)",
-            fontWeight: I ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-            cursor: T ? "not-allowed" : "pointer",
+            fontWeight: C ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+            cursor: S ? "not-allowed" : "pointer",
             transition: "background var(--lucent-duration-fast)"
           },
           children: b
@@ -6457,7 +6462,7 @@ function we({
     }) })
   ] });
 }
-function rr({
+function lr({
   value: e,
   defaultValue: t,
   onChange: a,
@@ -6467,31 +6472,31 @@ function rr({
   max: l,
   style: c
 }) {
-  const s = e !== void 0, [p, m] = A(t), d = s ? e : p, g = /* @__PURE__ */ new Date(), [u, w] = A((d ?? g).getFullYear()), [b, y] = A((d ?? g).getMonth()), [h, v] = A(!1), [I, T] = A(!1), x = N(null);
+  const s = e !== void 0, [u, m] = z(t), d = s ? e : u, g = /* @__PURE__ */ new Date(), [p, x] = z((d ?? g).getFullYear()), [b, y] = z((d ?? g).getMonth()), [h, v] = z(!1), [C, S] = z(!1), T = N(null);
   O(() => {
     if (!h) return;
-    const C = (G) => {
-      var F;
-      (F = x.current) != null && F.contains(G.target) || v(!1);
+    const I = (G) => {
+      var q;
+      (q = T.current) != null && q.contains(G.target) || v(!1);
     };
-    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [h]);
-  const E = (C) => {
-    s || m(C), a == null || a(C), v(!1);
-  }, R = () => {
-    b === 0 ? (y(11), w((C) => C - 1)) : y((C) => C - 1);
-  }, S = () => {
-    b === 11 ? (y(0), w((C) => C + 1)) : y((C) => C + 1);
+  const E = (I) => {
+    s || m(I), a == null || a(I), v(!1);
+  }, B = () => {
+    b === 0 ? (y(11), x((I) => I - 1)) : y((I) => I - 1);
+  }, w = () => {
+    b === 11 ? (y(0), x((I) => I + 1)) : y((I) => I + 1);
   };
-  return /* @__PURE__ */ f("div", { ref: x, style: { position: "relative", display: "inline-block", ...c }, children: [
+  return /* @__PURE__ */ f("div", { ref: T, style: { position: "relative", display: "inline-block", ...c }, children: [
     /* @__PURE__ */ f(
       "button",
       {
         type: "button",
         disabled: r,
-        onClick: () => !r && v((C) => !C),
-        onFocus: () => T(!0),
-        onBlur: () => T(!1),
+        onClick: () => !r && v((I) => !I),
+        onFocus: () => S(!0),
+        onBlur: () => S(!1),
         "aria-haspopup": "dialog",
         "aria-expanded": h,
         style: {
@@ -6500,13 +6505,13 @@ function rr({
           gap: "var(--lucent-space-2)",
           padding: "var(--lucent-space-2) var(--lucent-space-3)",
           borderRadius: "var(--lucent-radius-md)",
-          border: `1px solid ${I ? "var(--lucent-accent-default)" : "var(--lucent-border-default)"}`,
+          border: `1px solid ${C ? "var(--lucent-accent-default)" : "var(--lucent-border-default)"}`,
           background: r ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
           color: d ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
           fontSize: "var(--lucent-font-size-sm)",
           cursor: r ? "not-allowed" : "pointer",
-          outline: I ? "2px solid var(--lucent-focus-ring)" : "none",
+          outline: C ? "2px solid var(--lucent-focus-ring)" : "none",
           outlineOffset: 2,
           minWidth: 160,
           transition: "border-color var(--lucent-duration-fast)"
@@ -6517,7 +6522,7 @@ function rr({
             /* @__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: d ? ae(d) : o })
+          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: d ? oe(d) : o })
         ]
       }
     ),
@@ -6539,24 +6544,24 @@ function rr({
           minWidth: 260
         },
         children: /* @__PURE__ */ n(
-          we,
+          Te,
           {
-            year: u,
+            year: p,
             month: b,
             ...d !== void 0 && { selected: d },
             today: g,
             ...i !== void 0 && { min: i },
             ...l !== void 0 && { max: l },
             onSelect: E,
-            onPrevMonth: R,
-            onNextMonth: S
+            onPrevMonth: B,
+            onNextMonth: w
           }
         )
       }
     )
   ] });
 }
-const or = {
+const sr = {
   id: "date-picker",
   name: "DatePicker",
   tier: "molecule",
@@ -6642,10 +6647,10 @@ const or = {
     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.'
   }
 };
-function qn(e, t) {
-  return e ? fe(e.start, e.end) ? ae(e.start) : `${ae(e.start)} → ${ae(e.end)}` : t;
+function Bn(e, t) {
+  return e ? me(e.start, e.end) ? oe(e.start) : `${oe(e.start)} → ${oe(e.end)}` : t;
 }
-function ir({
+function cr({
   value: e,
   defaultValue: t,
   onChange: a,
@@ -6655,51 +6660,51 @@ function ir({
   max: l,
   style: c
 }) {
-  const s = e !== void 0, [p, m] = A(t), d = s ? e : p, [g, u] = A(null), w = /* @__PURE__ */ new Date(), [b, y] = A(((d == null ? void 0 : d.start) ?? w).getFullYear()), [h, v] = A(((d == null ? void 0 : d.start) ?? w).getMonth()), I = h === 11 ? 0 : h + 1, T = h === 11 ? b + 1 : b, [x, E] = A(!1), [R, S] = A(!1), C = N(null);
+  const s = e !== void 0, [u, m] = z(t), d = s ? e : u, [g, p] = z(null), x = /* @__PURE__ */ new Date(), [b, y] = z(((d == null ? void 0 : d.start) ?? x).getFullYear()), [h, v] = z(((d == null ? void 0 : d.start) ?? x).getMonth()), C = h === 11 ? 0 : h + 1, S = h === 11 ? b + 1 : b, [T, E] = z(!1), [B, w] = z(!1), I = N(null);
   O(() => {
-    if (!x) return;
-    const D = ($) => {
+    if (!T) return;
+    const A = ($) => {
       var U;
-      (U = C.current) != null && U.contains($.target) || (E(!1), u(null));
+      (U = I.current) != null && U.contains($.target) || (E(!1), p(null));
     };
-    return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
-  }, [x]);
-  const G = (D) => {
+    return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
+  }, [T]);
+  const G = (A) => {
     if (!g)
-      u(D);
+      p(A);
     else {
-      const [$, U] = xe(D, g) || fe(D, g) ? [D, g] : [g, D], k = { start: $, end: U };
-      s || m(k), a == null || a(k), u(null), E(!1);
+      const [$, U] = Se(A, g) || me(A, g) ? [A, g] : [g, A], _ = { start: $, end: U };
+      s || m(_), a == null || a(_), p(null), E(!1);
     }
-  }, F = () => {
-    h === 0 ? (v(11), y((D) => D - 1)) : v((D) => D - 1);
-  }, z = () => {
-    h === 11 ? (v(0), y((D) => D + 1)) : v((D) => D + 1);
+  }, q = () => {
+    h === 0 ? (v(11), y((A) => A - 1)) : v((A) => A - 1);
+  }, D = () => {
+    h === 11 ? (v(0), y((A) => A + 1)) : v((A) => A + 1);
   }, M = g ? { start: g, end: g } : d ? { start: d.start, end: d.end } : void 0;
-  return /* @__PURE__ */ f("div", { ref: C, style: { position: "relative", display: "inline-block", ...c }, children: [
+  return /* @__PURE__ */ f("div", { ref: I, style: { position: "relative", display: "inline-block", ...c }, children: [
     /* @__PURE__ */ f(
       "button",
       {
         type: "button",
         disabled: r,
-        onClick: () => !r && E((D) => !D),
-        onFocus: () => S(!0),
-        onBlur: () => S(!1),
+        onClick: () => !r && E((A) => !A),
+        onFocus: () => w(!0),
+        onBlur: () => w(!1),
         "aria-haspopup": "dialog",
-        "aria-expanded": x,
+        "aria-expanded": T,
         style: {
           display: "inline-flex",
           alignItems: "center",
           gap: "var(--lucent-space-2)",
           padding: "var(--lucent-space-2) var(--lucent-space-3)",
           borderRadius: "var(--lucent-radius-md)",
-          border: `1px solid ${R ? "var(--lucent-accent-default)" : "var(--lucent-border-default)"}`,
+          border: `1px solid ${B ? "var(--lucent-accent-default)" : "var(--lucent-border-default)"}`,
           background: r ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
           color: d ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
           fontSize: "var(--lucent-font-size-sm)",
           cursor: r ? "not-allowed" : "pointer",
-          outline: R ? "2px solid var(--lucent-focus-ring)" : "none",
+          outline: B ? "2px solid var(--lucent-focus-ring)" : "none",
           outlineOffset: 2,
           minWidth: 220,
           transition: "border-color var(--lucent-duration-fast)"
@@ -6710,11 +6715,11 @@ function ir({
             /* @__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: qn(d, o) })
+          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: Bn(d, o) })
         ]
       }
     ),
-    x && /* @__PURE__ */ f(
+    T && /* @__PURE__ */ f(
       "div",
       {
         role: "dialog",
@@ -6734,48 +6739,48 @@ function ir({
         },
         children: [
           /* @__PURE__ */ n("div", { style: { minWidth: 220 }, children: /* @__PURE__ */ n(
-            we,
+            Te,
             {
               year: b,
               month: h,
               ...(d == null ? void 0 : d.start) !== void 0 && { selected: d.start },
-              today: w,
+              today: x,
               ...i !== void 0 && { min: i },
               ...l !== void 0 && { max: l },
               onSelect: G,
-              onPrevMonth: F,
-              onNextMonth: z,
+              onPrevMonth: q,
+              onNextMonth: D,
               ...M !== void 0 && { highlightRange: M }
             }
           ) }),
           /* @__PURE__ */ n("div", { style: { width: 1, background: "var(--lucent-border-subtle)", flexShrink: 0 } }),
           /* @__PURE__ */ n("div", { style: { minWidth: 220 }, children: /* @__PURE__ */ n(
-            we,
+            Te,
             {
-              year: T,
-              month: I,
+              year: S,
+              month: C,
               ...(d == null ? void 0 : d.end) !== void 0 && { selected: d.end },
-              today: w,
+              today: x,
               ...i !== void 0 && { min: i },
               ...l !== void 0 && { max: l },
               onSelect: G,
-              onPrevMonth: F,
-              onNextMonth: z,
+              onPrevMonth: q,
+              onNextMonth: D,
               ...M !== void 0 && { highlightRange: M }
             }
           ) })
         ]
       }
     ),
-    g && x && /* @__PURE__ */ n("div", { style: { position: "absolute", top: "calc(100% + 4px)", left: 0, zIndex: 1001, pointerEvents: "none" } }),
-    g && x && /* @__PURE__ */ n("div", { style: {
+    g && T && /* @__PURE__ */ n("div", { style: { position: "absolute", top: "calc(100% + 4px)", left: 0, zIndex: 1001, pointerEvents: "none" } }),
+    g && T && /* @__PURE__ */ n("div", { style: {
       position: "absolute",
       bottom: -24,
       left: 0
     }, children: /* @__PURE__ */ n(L, { size: "xs", color: "secondary", children: "Now pick the end date" }) })
   ] });
 }
-const lr = {
+const dr = {
   id: "date-range-picker",
   name: "DateRangePicker",
   tier: "molecule",
@@ -6857,17 +6862,17 @@ const lr = {
     notes: 'Inherits Calendar accessibility from DatePicker. The two-step selection flow is reinforced with a visible "Now pick the end date" hint.'
   }
 };
-function ke(e) {
+function Ce(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Ln() {
+function Fn() {
   return Math.random().toString(36).slice(2);
 }
-function Rn({
+function Nn({
   item: e,
   onRemove: t
 }) {
-  const [a, o] = A(!1), r = e.progress, i = !!e.error;
+  const [a, o] = z(!1), r = e.progress, i = !!e.error;
   return /* @__PURE__ */ f("div", { style: {
     display: "flex",
     alignItems: "center",
@@ -6883,7 +6888,7 @@ function Rn({
     ] }),
     /* @__PURE__ */ f("div", { style: { flex: 1, minWidth: 0 }, children: [
       /* @__PURE__ */ n(L, { size: "sm", truncate: !0, children: e.file.name }),
-      i ? /* @__PURE__ */ n(L, { size: "xs", color: "danger", children: e.error }) : /* @__PURE__ */ n(L, { size: "xs", color: "secondary", children: ke(e.file.size) }),
+      i ? /* @__PURE__ */ n(L, { size: "xs", color: "danger", children: e.error }) : /* @__PURE__ */ n(L, { size: "xs", color: "secondary", children: Ce(e.file.size) }),
       r !== void 0 && !i && /* @__PURE__ */ n("div", { style: {
         marginTop: 4,
         height: 3,
@@ -6925,7 +6930,7 @@ function Rn({
     )
   ] });
 }
-function sr({
+function ur({
   accept: e,
   multiple: t = !1,
   maxSize: a,
@@ -6935,27 +6940,27 @@ function sr({
   disabled: l = !1,
   style: c
 }) {
-  const s = o !== void 0, [p, m] = A([]), d = s ? o : p, [g, u] = A(!1), [w, b] = A(!1), y = N(null), h = Z((x) => {
-    if (!x || l) return;
+  const s = o !== void 0, [u, m] = z([]), d = s ? o : u, [g, p] = z(!1), [x, b] = z(!1), y = N(null), h = ee((T) => {
+    if (!T || l) return;
     const E = [];
-    for (const S of Array.from(x)) {
-      if (a && S.size > a) {
-        i == null || i(`"${S.name}" exceeds the ${ke(a)} limit.`);
+    for (const w of Array.from(T)) {
+      if (a && w.size > a) {
+        i == null || i(`"${w.name}" exceeds the ${Ce(a)} limit.`);
         continue;
       }
       if (!t && d.length + E.length >= 1) break;
-      E.push({ id: Ln(), file: S });
+      E.push({ id: Fn(), file: w });
     }
     if (E.length === 0) return;
-    const R = t ? [...d, ...E] : E;
-    s || m(R), r == null || r(R);
-  }, [l, d, s, a, t, r, i]), v = (x) => {
-    const E = d.filter((R) => R.id !== x);
+    const B = t ? [...d, ...E] : E;
+    s || m(B), r == null || r(B);
+  }, [l, d, s, a, t, r, i]), v = (T) => {
+    const E = d.filter((B) => B.id !== T);
     s || m(E), r == null || r(E);
-  }, I = (x) => {
-    x.preventDefault(), u(!1), h(x.dataTransfer.files);
-  }, T = (x) => {
-    h(x.target.files), x.target.value = "";
+  }, C = (T) => {
+    T.preventDefault(), p(!1), h(T.dataTransfer.files);
+  }, S = (T) => {
+    h(T.target.files), T.target.value = "";
   };
   return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-3)", ...c }, children: [
     /* @__PURE__ */ f(
@@ -6966,20 +6971,20 @@ function sr({
         "aria-label": "Upload files",
         "aria-disabled": l,
         onClick: () => {
-          var x;
-          return !l && ((x = y.current) == null ? void 0 : x.click());
+          var T;
+          return !l && ((T = y.current) == null ? void 0 : T.click());
         },
-        onKeyDown: (x) => {
+        onKeyDown: (T) => {
           var E;
-          (x.key === "Enter" || x.key === " ") && (x.preventDefault(), (E = y.current) == null || E.click());
+          (T.key === "Enter" || T.key === " ") && (T.preventDefault(), (E = y.current) == null || E.click());
         },
         onFocus: () => b(!0),
         onBlur: () => b(!1),
-        onDragOver: (x) => {
-          x.preventDefault(), l || u(!0);
+        onDragOver: (T) => {
+          T.preventDefault(), l || p(!0);
         },
-        onDragLeave: () => u(!1),
-        onDrop: I,
+        onDragLeave: () => p(!1),
+        onDrop: C,
         style: {
           display: "flex",
           flexDirection: "column",
@@ -6988,7 +6993,7 @@ function sr({
           gap: "var(--lucent-space-2)",
           padding: "var(--lucent-space-8) var(--lucent-space-6)",
           borderRadius: "var(--lucent-radius-lg)",
-          border: `2px dashed ${l ? "var(--lucent-border-default)" : g || w ? "var(--lucent-accent-default)" : "var(--lucent-border-default)"}`,
+          border: `2px dashed ${l ? "var(--lucent-border-default)" : g || x ? "var(--lucent-accent-default)" : "var(--lucent-border-default)"}`,
           background: g ? "var(--lucent-accent-subtle)" : "var(--lucent-surface-secondary)",
           cursor: l ? "not-allowed" : "pointer",
           transition: "border-color var(--lucent-duration-fast), background var(--lucent-duration-fast)",
@@ -7014,7 +7019,7 @@ function sr({
             /* @__PURE__ */ n(L, { color: l ? "disabled" : "primary", weight: "medium", children: g ? "Drop to upload" : "Drop files here or click to browse" }),
             (e || a) && /* @__PURE__ */ n(L, { size: "xs", color: "secondary", children: [
               e && `Accepted: ${e}`,
-              a && `Max size: ${ke(a)}`
+              a && `Max size: ${Ce(a)}`
             ].filter(Boolean).join(" · ") })
           ] }),
           /* @__PURE__ */ n(
@@ -7025,7 +7030,7 @@ function sr({
               accept: e,
               multiple: t,
               disabled: l,
-              onChange: T,
+              onChange: S,
               style: { display: "none" },
               tabIndex: -1
             }
@@ -7033,10 +7038,10 @@ function sr({
         ]
       }
     ),
-    d.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: d.map((x) => /* @__PURE__ */ n(Rn, { item: x, onRemove: v }, x.id)) })
+    d.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: d.map((T) => /* @__PURE__ */ n(Nn, { item: T, onRemove: v }, T.id)) })
   ] });
 }
-const cr = {
+const pr = {
   id: "file-upload",
   name: "FileUpload",
   tier: "molecule",
@@ -7134,23 +7139,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.'
   }
-}, Bn = {
+}, $n = {
   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)"
-}, Fn = {
+}, Pn = {
   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 Nn({ status: e }) {
+function Wn({ 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 dr({ items: e, style: t }) {
+function fr({ items: e, style: t }) {
   return /* @__PURE__ */ n(
     "ol",
     {
@@ -7163,7 +7168,7 @@ function dr({ items: e, style: t }) {
         ...t
       },
       children: e.map((a, o) => {
-        const r = a.status ?? "default", i = Bn[r], l = Fn[r], c = o === e.length - 1;
+        const r = a.status ?? "default", i = $n[r], l = Pn[r], c = o === e.length - 1;
         return /* @__PURE__ */ f(
           "li",
           {
@@ -7192,7 +7197,7 @@ function dr({ items: e, style: t }) {
                   color: i,
                   flexShrink: 0,
                   zIndex: 1
-                }, children: a.icon ?? /* @__PURE__ */ n(Nn, { status: r }) }),
+                }, children: a.icon ?? /* @__PURE__ */ n(Wn, { status: r }) }),
                 !c && /* @__PURE__ */ n("div", { style: {
                   flex: 1,
                   width: 2,
@@ -7220,7 +7225,7 @@ function dr({ items: e, style: t }) {
     }
   );
 }
-const ur = {
+const hr = {
   id: "timeline",
   name: "Timeline",
   tier: "molecule",
@@ -7274,7 +7279,7 @@ const ur = {
     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."
   }
-}, $n = {
+}, Hn = {
   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',
@@ -7295,7 +7300,7 @@ const ur = {
   letterSpacingTight: "-0.02em",
   letterSpacingBase: "0em",
   letterSpacingWide: "0.04em"
-}, Pn = {
+}, Vn = {
   space0: "0px",
   space1: "0.25rem",
   space2: "0.5rem",
@@ -7309,38 +7314,38 @@ const ur = {
   space16: "4rem",
   space20: "5rem",
   space24: "6rem"
-}, Wn = {
+}, On = {
   radiusNone: "0px",
   radiusSm: "0.25rem",
   radiusMd: "0.375rem",
   radiusLg: "0.5rem",
   radiusXl: "0.75rem",
   radiusFull: "9999px"
-}, Hn = {
+}, jn = {
   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)"
-}, Vn = {
+}, Gn = {
   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)"
-}, On = {
+}, Un = {
   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)"
-}, me = {
-  ...$n,
-  ...Pn,
-  ...Wn,
+}, ve = {
   ...Hn,
   ...Vn,
+  ...On,
+  ...jn,
+  ...Gn,
   // Backgrounds — page/layout layer only
   bgBase: "#ffffff",
   bgSubtle: "#f9fafb",
@@ -7386,72 +7391,72 @@ const ur = {
   // Focus
   focusRing: "#111827"
 };
-function jn(e) {
+function _n(e) {
   const t = parseInt(e.slice(1, 3), 16), a = parseInt(e.slice(3, 5), 16), o = parseInt(e.slice(5, 7), 16);
   return { r: t, g: a, b: o };
 }
-function Gn({ r: e, g: t, b: a }) {
+function Kn({ r: e, g: t, b: a }) {
   const o = (r) => r.toString(16).padStart(2, "0");
   return `#${o(e)}${o(t)}${o(a)}`;
 }
-function Y(e) {
-  const { r: t, g: a, b: o } = jn(e), r = t / 255, i = a / 255, l = o / 255, c = Math.max(r, i, l), s = Math.min(r, i, l);
-  let p = 0, m = 0;
+function J(e) {
+  const { r: t, g: a, b: o } = _n(e), r = t / 255, i = a / 255, l = o / 255, c = Math.max(r, i, l), s = Math.min(r, i, l);
+  let u = 0, m = 0;
   const d = (c + s) / 2;
   if (c !== s) {
     const g = c - s;
     switch (m = d > 0.5 ? g / (2 - c - s) : g / (c + s), c) {
       case r:
-        p = (i - l) / g + (i < l ? 6 : 0);
+        u = (i - l) / g + (i < l ? 6 : 0);
         break;
       case i:
-        p = (l - r) / g + 2;
+        u = (l - r) / g + 2;
         break;
       case l:
-        p = (r - i) / g + 4;
+        u = (r - i) / g + 4;
         break;
     }
-    p /= 6;
+    u /= 6;
   }
-  return [p * 360, m, d];
+  return [u * 360, m, d];
 }
-function X(e, t, a) {
+function Z(e, t, a) {
   e = (e % 360 + 360) % 360, t = Math.min(1, Math.max(0, t)), a = Math.min(1, Math.max(0, a));
   const o = (1 - Math.abs(2 * a - 1)) * t, r = o * (1 - Math.abs(e / 60 % 2 - 1)), i = a - o / 2;
   let l = 0, c = 0, s = 0;
-  return e < 60 ? (l = o, c = r) : e < 120 ? (l = r, c = o) : e < 180 ? (c = o, s = r) : e < 240 ? (c = r, s = o) : e < 300 ? (l = r, s = o) : (l = o, s = r), Gn({ r: Math.round((l + i) * 255), g: Math.round((c + i) * 255), b: Math.round((s + i) * 255) });
+  return e < 60 ? (l = o, c = r) : e < 120 ? (l = r, c = o) : e < 180 ? (c = o, s = r) : e < 240 ? (c = r, s = o) : e < 300 ? (l = r, s = o) : (l = o, s = r), Kn({ r: Math.round((l + i) * 255), g: Math.round((c + i) * 255), b: Math.round((s + i) * 255) });
 }
-function B(e, t) {
-  const [a, o, r] = Y(e);
-  return X(a, o, Math.min(1, Math.max(0, r + t)));
+function F(e, t) {
+  const [a, o, r] = J(e);
+  return Z(a, o, Math.min(1, Math.max(0, r + t)));
 }
-const Un = 222, _n = 0.12;
-function Ue(e, t) {
-  return t < 0.04 ? [Un, _n] : [e, t];
+const Yn = 222, Xn = 0.12;
+function Ye(e, t) {
+  return t < 0.04 ? [Yn, Xn] : [e, t];
 }
-function Kn(e) {
-  const [t, a, o] = Y(e), [r, i] = Ue(t, a);
-  return X(r, i, Math.max(0.04, Math.min(0.2, 0.07 + (1 - o))));
+function Jn(e) {
+  const [t, a, o] = J(e), [r, i] = Ye(t, a);
+  return Z(r, i, Math.max(0.04, Math.min(0.2, 0.07 + (1 - o))));
 }
-function be(e) {
-  const [t, a, o] = Y(e), [r, i] = Ue(t, a);
-  return X(r, i, Math.max(0.06, Math.min(0.5, (1 - o) * 0.6 + 0.06)));
+function xe(e) {
+  const [t, a, o] = J(e), [r, i] = Ye(t, a);
+  return Z(r, i, Math.max(0.06, Math.min(0.5, (1 - o) * 0.6 + 0.06)));
 }
-function ve(e) {
-  const [t, a, o] = Y(e);
-  return X(t, a, Math.max(0.04, Math.min(0.97, 1 - o + 0.04)));
+function we(e) {
+  const [t, a, o] = J(e);
+  return Z(t, a, Math.max(0.04, Math.min(0.97, 1 - o + 0.04)));
 }
-function ne(e) {
-  const [t, a, o] = Y(e);
-  return X(t, a, Math.max(0.02, Math.min(0.98, 1 - o)));
+function re(e) {
+  const [t, a, o] = J(e);
+  return Z(t, a, Math.max(0.02, Math.min(0.98, 1 - o)));
 }
-function Yn(e) {
-  const t = Kn(e.bgBase), [a, o, r] = Y(t), i = (l) => X(a, o, Math.min(0.25, r + l));
+function Zn(e) {
+  const t = Jn(e.bgBase), [a, o, r] = J(t), i = (l) => Z(a, o, Math.min(0.25, r + l));
   return {
     // ── Non-color tokens: carry over from light unchanged ──────────────────
     ...e,
     // ── Shadows: dark variants have higher opacity for visibility ───────────
-    ...On,
+    ...Un,
     // ── Backgrounds ─────────────────────────────────────────────────────────
     bgBase: t,
     bgSubtle: i(0.02),
@@ -7462,119 +7467,119 @@ function Yn(e) {
     surfaceRaised: i(0.08),
     surfaceOverlay: i(0.08),
     // ── Borders ──────────────────────────────────────────────────────────────
-    borderDefault: be(e.borderDefault),
-    borderSubtle: be(e.borderSubtle),
-    borderStrong: be(e.borderStrong),
+    borderDefault: xe(e.borderDefault),
+    borderSubtle: xe(e.borderSubtle),
+    borderStrong: xe(e.borderStrong),
     // ── Text ─────────────────────────────────────────────────────────────────
-    textPrimary: ve(e.textPrimary),
-    textSecondary: ve(e.textSecondary),
-    textDisabled: ve(e.textDisabled),
+    textPrimary: we(e.textPrimary),
+    textSecondary: we(e.textSecondary),
+    textDisabled: we(e.textDisabled),
     // textInverse flips to dark bg so it reads on light accent surfaces
     textInverse: t,
     textOnAccent: e.textOnAccent,
     // auto-recomputed by LucentProvider
     // ── Accent ───────────────────────────────────────────────────────────────
-    accentDefault: ne(e.accentDefault),
-    accentHover: ne(e.accentHover),
-    accentActive: ne(e.accentActive),
-    accentSubtle: ne(e.accentSubtle),
+    accentDefault: re(e.accentDefault),
+    accentHover: re(e.accentHover),
+    accentActive: re(e.accentActive),
+    accentSubtle: re(e.accentSubtle),
     accentBorder: e.accentBorder,
     // auto-recomputed by LucentProvider
     // ── Status: lighten defaults for visibility; darken for subtle bg ─────────
-    successDefault: B(e.successDefault, 0.1),
-    successSubtle: B(e.successDefault, -0.25),
-    successText: B(e.successText, 0.15),
-    warningDefault: B(e.warningDefault, 0.1),
-    warningSubtle: B(e.warningDefault, -0.25),
-    warningText: B(e.warningText, 0.15),
-    dangerDefault: B(e.dangerDefault, 0.1),
-    dangerHover: B(e.dangerHover, 0.1),
-    dangerSubtle: B(e.dangerDefault, -0.25),
-    dangerText: B(e.dangerText, 0.15),
-    infoDefault: B(e.infoDefault, 0.1),
-    infoSubtle: B(e.infoDefault, -0.25),
-    infoText: B(e.infoText, 0.15),
+    successDefault: F(e.successDefault, 0.1),
+    successSubtle: F(e.successDefault, -0.25),
+    successText: F(e.successText, 0.15),
+    warningDefault: F(e.warningDefault, 0.1),
+    warningSubtle: F(e.warningDefault, -0.25),
+    warningText: F(e.warningText, 0.15),
+    dangerDefault: F(e.dangerDefault, 0.1),
+    dangerHover: F(e.dangerHover, 0.1),
+    dangerSubtle: F(e.dangerDefault, -0.25),
+    dangerText: F(e.dangerText, 0.15),
+    infoDefault: F(e.infoDefault, 0.1),
+    infoSubtle: F(e.infoDefault, -0.25),
+    infoText: F(e.infoText, 0.15),
     // ── Focus ─────────────────────────────────────────────────────────────────
-    focusRing: ne(e.focusRing)
+    focusRing: re(e.focusRing)
   };
 }
-const _e = Yn(me);
-function Xn(e) {
+const Xe = Zn(ve);
+function Qn(e) {
   return "--lucent-" + e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`).replace(/([a-z])(\d)/g, (t, a, o) => `${a}-${o}`);
 }
-function Jn(e, t = ":root") {
-  const a = Object.entries(e).map(([o, r]) => `  ${Xn(o)}: ${r};`).join(`
+function ea(e, t = ":root") {
+  const a = Object.entries(e).map(([o, r]) => `  ${Qn(o)}: ${r};`).join(`
 `);
   return `${t} {
 ${a}
 }`;
 }
-function Zn(e) {
+function ta(e) {
   const t = parseInt(e.slice(1, 3), 16) / 255, a = parseInt(e.slice(3, 5), 16) / 255, o = parseInt(e.slice(5, 7), 16) / 255, r = (i) => i <= 0.03928 ? i / 12.92 : Math.pow((i + 0.055) / 1.055, 2.4);
   return 0.2126 * r(t) + 0.7152 * r(a) + 0.0722 * r(o);
 }
-function Ke(e) {
-  return Zn(e) < 0.179 ? "#ffffff" : "#000000";
+function Je(e) {
+  return ta(e) < 0.179 ? "#ffffff" : "#000000";
 }
-const he = {
+const ge = {
   subtle: { light: 0.95, dark: 0.12 },
   text: { light: 0.28, dark: 0.78 }
 };
-function se(e, t) {
-  const [a, o] = Y(e);
-  return X(a, o * 0.5, t ? he.subtle.light : he.subtle.dark);
+function de(e, t) {
+  const [a, o] = J(e);
+  return Z(a, o * 0.5, t ? ge.subtle.light : ge.subtle.dark);
 }
-function ce(e, t) {
-  const [a, o] = Y(e);
-  return X(a, o, t ? he.text.light : he.text.dark);
+function ue(e, t) {
+  const [a, o] = J(e);
+  return Z(a, o, t ? ge.text.light : ge.text.dark);
 }
-function Ye(e, t, a) {
+function Ze(e, t, a) {
   const o = {}, r = a === "light";
-  return "borderDefault" in e && ("borderSubtle" in e || (o.borderSubtle = B(t.borderDefault, r ? 0.05 : -0.02)), "borderStrong" in e || (o.borderStrong = B(t.borderDefault, r ? -0.27 : 0.19))), "bgBase" in e && ("bgSubtle" in e || (o.bgSubtle = B(t.bgBase, r ? -0.02 : 0.02))), "surface" in e && ("surfaceSecondary" in e || (o.surfaceSecondary = B(t.surface, r ? -0.04 : 0.03)), "surfaceRaised" in e || (o.surfaceRaised = B(t.surface, r ? 0 : 0.06)), "surfaceOverlay" in e || (o.surfaceOverlay = B(t.surface, r ? 0 : 0.06))), "textPrimary" in e && ("textSecondary" in e || (o.textSecondary = B(t.textPrimary, r ? 0.2 : -0.15)), "textDisabled" in e || (o.textDisabled = B(t.textPrimary, r ? 0.35 : -0.4))), "accentDefault" in e && ("accentHover" in e || (o.accentHover = B(t.accentDefault, r ? 0.05 : -0.07)), "accentActive" in e || (o.accentActive = B(t.accentDefault, r ? 0.13 : -0.14)), "accentSubtle" in e || (o.accentSubtle = B(t.accentDefault, r ? 0.85 : -0.6))), "successDefault" in e && ("successSubtle" in e || (o.successSubtle = se(t.successDefault, r)), "successText" in e || (o.successText = ce(t.successDefault, r))), "warningDefault" in e && ("warningSubtle" in e || (o.warningSubtle = se(t.warningDefault, r)), "warningText" in e || (o.warningText = ce(t.warningDefault, r))), "dangerDefault" in e && ("dangerHover" in e || (o.dangerHover = B(t.dangerDefault, r ? 0.05 : -0.07)), "dangerSubtle" in e || (o.dangerSubtle = se(t.dangerDefault, r)), "dangerText" in e || (o.dangerText = ce(t.dangerDefault, r))), "infoDefault" in e && ("infoSubtle" in e || (o.infoSubtle = se(t.infoDefault, r)), "infoText" in e || (o.infoText = ce(t.infoDefault, r))), o;
+  return "borderDefault" in e && ("borderSubtle" in e || (o.borderSubtle = F(t.borderDefault, r ? 0.05 : -0.02)), "borderStrong" in e || (o.borderStrong = F(t.borderDefault, r ? -0.27 : 0.19))), "bgBase" in e && ("bgSubtle" in e || (o.bgSubtle = F(t.bgBase, r ? -0.02 : 0.02))), "surface" in e && ("surfaceSecondary" in e || (o.surfaceSecondary = F(t.surface, r ? -0.04 : 0.03)), "surfaceRaised" in e || (o.surfaceRaised = F(t.surface, r ? 0 : 0.06)), "surfaceOverlay" in e || (o.surfaceOverlay = F(t.surface, r ? 0 : 0.06))), "textPrimary" in e && ("textSecondary" in e || (o.textSecondary = F(t.textPrimary, r ? 0.2 : -0.15)), "textDisabled" in e || (o.textDisabled = F(t.textPrimary, r ? 0.35 : -0.4))), "accentDefault" in e && ("accentHover" in e || (o.accentHover = F(t.accentDefault, r ? 0.05 : -0.07)), "accentActive" in e || (o.accentActive = F(t.accentDefault, r ? 0.13 : -0.14)), "accentSubtle" in e || (o.accentSubtle = F(t.accentDefault, r ? 0.85 : -0.6))), "successDefault" in e && ("successSubtle" in e || (o.successSubtle = de(t.successDefault, r)), "successText" in e || (o.successText = ue(t.successDefault, r))), "warningDefault" in e && ("warningSubtle" in e || (o.warningSubtle = de(t.warningDefault, r)), "warningText" in e || (o.warningText = ue(t.warningDefault, r))), "dangerDefault" in e && ("dangerHover" in e || (o.dangerHover = F(t.dangerDefault, r ? 0.05 : -0.07)), "dangerSubtle" in e || (o.dangerSubtle = de(t.dangerDefault, r)), "dangerText" in e || (o.dangerText = ue(t.dangerDefault, r))), "infoDefault" in e && ("infoSubtle" in e || (o.infoSubtle = de(t.infoDefault, r)), "infoText" in e || (o.infoText = ue(t.infoDefault, r))), o;
 }
-function Qn(e, t = "light") {
-  const o = { ...t === "dark" ? _e : me, ...e }, r = Ye(e, o, t), i = t === "light" ? B(o.accentDefault, -0.15) : B(o.accentDefault, 0.15);
+function na(e, t = "light") {
+  const o = { ...t === "dark" ? Xe : ve, ...e }, r = Ze(e, o, t), i = t === "light" ? F(o.accentDefault, -0.15) : F(o.accentDefault, 0.15);
   return {
     ...o,
     ...r,
-    textOnAccent: Ke(o.accentDefault),
+    textOnAccent: Je(o.accentDefault),
     accentBorder: i
   };
 }
-const Xe = $e({
+const Qe = He({
   theme: "light",
-  tokens: me
+  tokens: ve
 });
-function pr({
+function mr({
   theme: e = "light",
   tokens: t,
   anchors: a,
   children: o
 }) {
-  const r = Te().replace(/:/g, ""), i = (() => {
+  const r = Ie().replace(/:/g, ""), i = (() => {
     if (a)
-      return Qn(a, e);
-    const c = e === "dark" ? _e : me, s = t ? { ...c, ...t } : c, p = t ? Ye(t, s, e) : {}, m = (t == null ? void 0 : t.accentBorder) ?? (e === "light" ? B(s.accentDefault, -0.15) : B(s.accentDefault, 0.15));
+      return na(a, e);
+    const c = e === "dark" ? Xe : ve, s = t ? { ...c, ...t } : c, u = t ? Ze(t, s, e) : {}, m = (t == null ? void 0 : t.accentBorder) ?? (e === "light" ? F(s.accentDefault, -0.15) : F(s.accentDefault, 0.15));
     return {
       ...s,
-      ...p,
-      textOnAccent: (t == null ? void 0 : t.textOnAccent) ?? Ke(s.accentDefault),
+      ...u,
+      textOnAccent: (t == null ? void 0 : t.textOnAccent) ?? Je(s.accentDefault),
       accentBorder: m
     };
   })(), l = `html { font-size: 14px; }
-` + Jn(i, ":root");
-  return Se(() => {
+` + ea(i, ":root");
+  return be(() => {
     let c = document.getElementById(`lucent-tokens-${r}`);
     return c || (c = document.createElement("style"), c.id = `lucent-tokens-${r}`, document.head.appendChild(c)), c.textContent = l, () => {
       var s;
       (s = document.getElementById(`lucent-tokens-${r}`)) == null || s.remove();
     };
-  }, [r, l]), /* @__PURE__ */ n(Xe.Provider, { value: { theme: e, tokens: i }, children: o });
+  }, [r, l]), /* @__PURE__ */ n(Qe.Provider, { value: { theme: e, tokens: i }, children: o });
 }
-function fr() {
-  return Ne(Xe);
+function gr() {
+  return We(Qe);
 }
-const hr = {
+const br = {
   bgBase: {
     description: "Main page/canvas background. The lowest elevation layer — everything sits on top of this.",
     lightGuidance: "Near-white. Typically #ffffff or a very faint tint (L > 0.96).",
@@ -7629,7 +7634,7 @@ const hr = {
     darkGuidance: "Slightly lighter than light-mode. createTheme() handles this automatically.",
     derives: ["infoSubtle", "infoText"]
   }
-}, mr = {
+}, vr = {
   id: "lucent-provider",
   name: "LucentProvider",
   tier: "provider",
@@ -7758,7 +7763,7 @@ const myTheme = createTheme({
     }
   ],
   compositionGraph: []
-}, gr = {
+}, yr = {
   accentDefault: "#e9c96b",
   accentHover: "#ddb84e",
   accentActive: "#c9a33b",
@@ -7768,7 +7773,7 @@ const myTheme = createTheme({
 function H(e, t) {
   return { field: e, message: t };
 }
-function ea(e) {
+function aa(e) {
   const t = [];
   if (typeof e != "object" || e === null)
     return { valid: !1, errors: [H("manifest", "Must be a non-null object")] };
@@ -7785,8 +7790,8 @@ function ea(e) {
     (typeof c.title != "string" || c.title === "") && t.push(H(`${s}.title`, "Must be a non-empty string")), (typeof c.code != "string" || c.code === "") && t.push(H(`${s}.code`, "Must be a non-empty string"));
   }) : t.push(H("usageExamples", "Must be an array")), Array.isArray(a.compositionGraph) || t.push(H("compositionGraph", "Must be an array (empty array is fine for atoms)")), typeof a.specVersion == "string" && !/^\d+\.\d+$/.test(a.specVersion) && t.push(H("specVersion", 'Must be "MAJOR.MINOR" format, e.g. "0.1"')), { valid: t.length === 0, errors: t };
 }
-function br(e) {
-  const t = ea(e);
+function xr(e) {
+  const t = aa(e);
   if (!t.valid) {
     const a = t.errors.map((o) => `  ${o.field}: ${o.message}`).join(`
 `);
@@ -7794,103 +7799,103 @@ function br(e) {
 ${a}`);
   }
 }
-function vr(e) {
+function wr(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 yr = "1.0", xr = "0.1.0";
+const kr = "1.0", Sr = "0.1.0";
 export {
-  Va as Alert,
-  Oa as AlertManifest,
-  sa as Avatar,
-  ca as AvatarManifest,
-  ia as Badge,
-  la as BadgeManifest,
-  Ka as Breadcrumb,
-  Pe as Button,
-  aa as ButtonManifest,
-  La as COLOR_PICKER_MANIFEST,
-  Ra as COLOR_SWATCH_MANIFEST,
-  tr as COMMAND_PALETTE_MANIFEST,
-  Wa as Card,
-  Ha as CardManifest,
-  We as Checkbox,
-  fa as CheckboxManifest,
-  Aa as CodeBlock,
-  Ea as CodeBlockManifest,
-  Xa as Collapsible,
-  an as ColorPicker,
-  de as ColorSwatch,
-  er as CommandPalette,
-  Qa as DATA_TABLE_MANIFEST,
-  or as DATE_PICKER_MANIFEST,
-  lr as DATE_RANGE_PICKER_MANIFEST,
-  Za as DataTable,
-  rr as DatePicker,
-  ir as DateRangePicker,
-  ua as Divider,
-  pa as DividerManifest,
-  ja as EmptyState,
-  Ga as EmptyStateManifest,
-  cr as FILE_UPLOAD_MANIFEST,
-  sr as FileUpload,
-  Fa as FormField,
-  Na as FormFieldManifest,
-  Ta as Icon,
-  Ca as IconManifest,
-  J as Input,
-  ra as InputManifest,
-  xr as LUCENT_UI_VERSION,
-  pr as LucentProvider,
-  mr as LucentProviderManifest,
-  yr as MANIFEST_SPEC_VERSION,
-  ar as MULTI_SELECT_MANIFEST,
-  nr as MultiSelect,
-  Ma as NavLink,
-  Ja as PageLayout,
-  ha as Radio,
-  bt as RadioGroup,
-  ma as RadioGroupUncontrolled,
-  ga as RadioManifest,
-  Ba as SEGMENTED_CONTROL_MANIFEST,
-  $a as SearchInput,
-  Pa as SearchInputManifest,
-  Oe as SegmentedControl,
-  Ve as Select,
-  ya as SelectManifest,
-  Ua as Skeleton,
-  _a as SkeletonManifest,
-  Da as Slider,
-  za as SliderManifest,
-  ft as Spinner,
-  da as SpinnerManifest,
-  ur as TIMELINE_MANIFEST,
-  re as Table,
-  qa as TableManifest,
-  Ya as Tabs,
-  xa as Tag,
-  wa as TagManifest,
+  Ga as Alert,
+  Ua as AlertManifest,
+  ua as Avatar,
+  pa as AvatarManifest,
+  ca as Badge,
+  da as BadgeManifest,
+  Ja as Breadcrumb,
+  Ve as Button,
+  ia as ButtonManifest,
+  Fa as COLOR_PICKER_MANIFEST,
+  Na as COLOR_SWATCH_MANIFEST,
+  rr as COMMAND_PALETTE_MANIFEST,
+  Oa as Card,
+  ja as CardManifest,
+  Oe as Checkbox,
+  ga as CheckboxManifest,
+  Ra as CodeBlock,
+  La as CodeBlockManifest,
+  Qa as Collapsible,
+  ln as ColorPicker,
+  pe as ColorSwatch,
+  ar as CommandPalette,
+  nr as DATA_TABLE_MANIFEST,
+  sr as DATE_PICKER_MANIFEST,
+  dr as DATE_RANGE_PICKER_MANIFEST,
+  tr as DataTable,
+  lr as DatePicker,
+  cr as DateRangePicker,
+  ha as Divider,
+  ma as DividerManifest,
+  _a as EmptyState,
+  Ka as EmptyStateManifest,
+  pr as FILE_UPLOAD_MANIFEST,
+  ur as FileUpload,
+  Pa as FormField,
+  Wa as FormFieldManifest,
+  Ma as Icon,
+  Da as IconManifest,
+  Q as Input,
+  la as InputManifest,
+  Sr as LUCENT_UI_VERSION,
+  mr as LucentProvider,
+  vr as LucentProviderManifest,
+  kr as MANIFEST_SPEC_VERSION,
+  ir as MULTI_SELECT_MANIFEST,
+  or as MultiSelect,
+  Aa as NavLink,
+  er as PageLayout,
+  ba as Radio,
+  xt as RadioGroup,
+  va as RadioGroupUncontrolled,
+  ya as RadioManifest,
+  $a as SEGMENTED_CONTROL_MANIFEST,
+  Ha as SearchInput,
+  Va as SearchInputManifest,
+  Ue as SegmentedControl,
+  Ge as Select,
+  ka as SelectManifest,
+  Ya as Skeleton,
+  Xa as SkeletonManifest,
+  Ea as Slider,
+  qa as SliderManifest,
+  gt as Spinner,
+  fa as SpinnerManifest,
+  hr as TIMELINE_MANIFEST,
+  ie as Table,
+  Ba as TableManifest,
+  Za as Tabs,
+  Sa as Tag,
+  Ta as TagManifest,
   L as Text,
-  Ia as TextManifest,
-  ot as Textarea,
-  oa as TextareaManifest,
-  hr as ThemeAnchorsSpec,
-  dr as Timeline,
-  ba as Toggle,
-  va as ToggleManifest,
-  ka as Tooltip,
-  Sa as TooltipManifest,
-  br as assertManifest,
-  gr as brandTokens,
-  Qn as createTheme,
-  _e as darkTokens,
-  Yn as deriveDarkFromLight,
-  Ye as deriveTokens,
-  Ke as getContrastText,
-  vr as isValidPropDescriptor,
-  me as lightTokens,
-  Jn as makeLibraryCSS,
-  fr as useLucent,
-  ea as validateManifest
+  za as TextManifest,
+  st as Textarea,
+  sa as TextareaManifest,
+  br as ThemeAnchorsSpec,
+  fr as Timeline,
+  xa as Toggle,
+  wa as ToggleManifest,
+  Ca as Tooltip,
+  Ia as TooltipManifest,
+  xr as assertManifest,
+  yr as brandTokens,
+  na as createTheme,
+  Xe as darkTokens,
+  Zn as deriveDarkFromLight,
+  Ze as deriveTokens,
+  Je as getContrastText,
+  wr as isValidPropDescriptor,
+  ve as lightTokens,
+  ea as makeLibraryCSS,
+  gr as useLucent,
+  aa as validateManifest
 };