lucent-ui 0.42.0 → 0.43.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { s as Ce, T as j, I as jt, B as fe, g as sn, a as Oe } from "./LucentProvider-tSCR4lQw.js";
-import { b as ps, C as hs, c as fs, L as ms, S as gs, d as vs, e as bs, f as ys, h as xs, i as ws, j as ks, k as Ss, l as Ts, m as Cs, n as Is, o as Ms, p as zs, q as As, r as Es, t as qs, u as Bs, v as Ds, w as Ps, x as Ls, y as Rs, z as $s, A as Ns, D as Fs, E as Ws, F as Vs, G as Os, H as Hs, J as Us, K as js, M as Gs, N as _s, O as Ys, P as Ks, Q as Xs, R as Zs, U as Js, V as Qs, W as el, X as tl, Y as nl, Z as rl, _ as al, $ as ol } from "./LucentProvider-tSCR4lQw.js";
+import { s as Ce, T as G, I as jt, B as fe, g as sn, a as Oe } from "./LucentProvider-tSCR4lQw.js";
+import { b as ps, C as hs, c as fs, L as ms, S as gs, d as vs, e as bs, f as ys, h as xs, i as ws, j as ks, k as Ss, l as Ts, m as Cs, n as Is, o as Ms, p as zs, q as As, r as Es, t as qs, u as Bs, v as Ds, w as Ls, x as Ps, y as Rs, z as $s, A as Ns, D as Fs, E as Ws, F as Vs, G as Os, H as Hs, J as Us, K as js, M as Gs, N as _s, O as Ys, P as Ks, Q as Xs, R as Zs, U as Js, V as Qs, W as el, X as tl, Y as nl, Z as rl, _ as al, $ as ol } from "./LucentProvider-tSCR4lQw.js";
 import { jsxs as g, jsx as t, Fragment as Z } from "react/jsx-runtime";
-import { forwardRef as Gt, useRef as V, useEffect as H, useState as q, useCallback as X, useContext as ne, createContext as Ie, useLayoutEffect as oe, useId as at, Children as ln, isValidElement as cn, cloneElement as dn } from "react";
+import { forwardRef as Gt, useRef as O, useEffect as U, useState as q, useCallback as X, useContext as ne, createContext as Ie, useLayoutEffect as re, useId as at, Children as ln, isValidElement as cn, cloneElement as dn } from "react";
 import { createPortal as ie } from "react-dom";
 const Io = {
   id: "button",
@@ -241,14 +241,14 @@ const Io = {
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-4)"
 }, fn = Gt(
-  ({ label: e, helperText: r, errorText: n, autoResize: i = !1, maxLength: a, showCount: o = !1, size: l = "md", id: s, value: c, onChange: u, disabled: p, style: h, ...w }, b) => {
-    const m = V(null), f = b ?? m, d = s ?? `lucent-textarea-${Math.random().toString(36).slice(2, 7)}`, y = !!n, x = !!p, T = typeof c == "string" ? c.length : 0;
-    H(() => {
+  ({ label: e, helperText: r, errorText: n, autoResize: i = !1, maxLength: a, showCount: o = !1, size: l = "md", id: s, value: c, onChange: u, disabled: p, style: h, ...w }, v) => {
+    const m = O(null), f = v ?? m, d = s ?? `lucent-textarea-${Math.random().toString(36).slice(2, 7)}`, y = !!n, x = !!p, k = typeof c == "string" ? c.length : 0;
+    U(() => {
       if (!i) return;
-      const k = f.current;
-      k && (k.style.height = "auto", k.style.height = `${k.scrollHeight}px`);
+      const S = f.current;
+      S && (S.style.height = "auto", S.style.height = `${S.scrollHeight}px`);
     }, [c, i, f]);
-    const S = x ? "transparent" : y ? "var(--lucent-danger-default)" : "var(--lucent-border-default)";
+    const I = x ? "transparent" : y ? "var(--lucent-danger-default)" : "var(--lucent-border-default)";
     return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%" }, children: [
       e && /* @__PURE__ */ t("label", { htmlFor: d, style: {
         fontSize: pn[l],
@@ -275,7 +275,7 @@ const Io = {
             fontFamily: "var(--lucent-font-family-base)",
             color: x ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
             background: x ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
-            border: `1px solid ${S}`,
+            border: `1px solid ${I}`,
             borderRadius: "var(--lucent-radius-lg)",
             outline: "none",
             resize: i ? "none" : "vertical",
@@ -288,21 +288,21 @@ const Io = {
             ].join(", "),
             ...h
           },
-          onMouseEnter: (k) => {
-            var v;
-            !x && k.currentTarget !== document.activeElement && (k.currentTarget.style.borderColor = y ? "var(--lucent-danger-default)" : "var(--lucent-border-strong)"), (v = w.onMouseEnter) == null || v.call(w, k);
+          onMouseEnter: (S) => {
+            var b;
+            !x && S.currentTarget !== document.activeElement && (S.currentTarget.style.borderColor = y ? "var(--lucent-danger-default)" : "var(--lucent-border-strong)"), (b = w.onMouseEnter) == null || b.call(w, S);
           },
-          onMouseLeave: (k) => {
-            var v;
-            !x && k.currentTarget !== document.activeElement && (k.currentTarget.style.borderColor = y ? "var(--lucent-danger-default)" : "var(--lucent-border-default)"), (v = w.onMouseLeave) == null || v.call(w, k);
+          onMouseLeave: (S) => {
+            var b;
+            !x && S.currentTarget !== document.activeElement && (S.currentTarget.style.borderColor = y ? "var(--lucent-danger-default)" : "var(--lucent-border-default)"), (b = w.onMouseLeave) == null || b.call(w, S);
           },
-          onFocus: (k) => {
-            var v;
-            x || (k.currentTarget.style.borderColor = y ? "var(--lucent-danger-default)" : "var(--lucent-accent-border)", k.currentTarget.style.boxShadow = `0 0 0 3px ${y ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}`, (v = w.onFocus) == null || v.call(w, k));
+          onFocus: (S) => {
+            var b;
+            x || (S.currentTarget.style.borderColor = y ? "var(--lucent-danger-default)" : "var(--lucent-accent-border)", S.currentTarget.style.boxShadow = `0 0 0 3px ${y ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}`, (b = w.onFocus) == null || b.call(w, S));
           },
-          onBlur: (k) => {
-            var v;
-            x || (k.currentTarget.style.borderColor = y ? "var(--lucent-danger-default)" : "var(--lucent-border-default)", k.currentTarget.style.boxShadow = "none", (v = w.onBlur) == null || v.call(w, k));
+          onBlur: (S) => {
+            var b;
+            x || (S.currentTarget.style.borderColor = y ? "var(--lucent-danger-default)" : "var(--lucent-border-default)", S.currentTarget.style.boxShadow = "none", (b = w.onBlur) == null || b.call(w, S));
           },
           ...w
         }
@@ -314,12 +314,12 @@ const Io = {
         ] }),
         (o || a) && /* @__PURE__ */ g("span", { style: {
           fontSize: "var(--lucent-font-size-xs)",
-          color: a && T >= a ? "var(--lucent-danger-text)" : "var(--lucent-text-secondary)",
+          color: a && k >= a ? "var(--lucent-danger-text)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-mono)",
           flexShrink: 0,
           marginLeft: "var(--lucent-space-2)"
         }, children: [
-          T,
+          k,
           a ? `/${a}` : ""
         ] })
       ] })
@@ -461,7 +461,7 @@ const zo = {
   0%   { transform: scale(1); opacity: 0.6; }
   100% { transform: scale(2.8); opacity: 0; }
 }`;
-function Le({
+function Pe({
   children: e,
   variant: r = "neutral",
   size: n = "md",
@@ -476,34 +476,34 @@ function Le({
   disabled: h = !1,
   style: w
 }) {
-  const b = mn[r], m = gn[n], [f, d] = q(!1), y = s && c, x = s && !e, T = !h && (i || a), S = `color-mix(in srgb, ${b.color} 8%, transparent)`, k = m.dotSize * 3, v = {
+  const v = mn[r], m = gn[n], [f, d] = q(!1), y = s && c, x = s && !e, k = !h && (i || a), I = `color-mix(in srgb, ${v.color} 8%, transparent)`, S = m.dotSize * 3, b = {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: x ? "center" : void 0,
     gap: x ? void 0 : m.gap,
-    height: x ? k : m.height,
-    width: x ? k : void 0,
+    height: x ? S : m.height,
+    width: x ? S : void 0,
     padding: x ? 0 : i ? m.paddingDismiss : m.padding,
     fontSize: m.fontSize,
     fontFamily: "var(--lucent-font-family-base)",
     fontWeight: "var(--lucent-font-weight-medium)",
     lineHeight: 1,
     borderRadius: x ? "var(--lucent-radius-full)" : "var(--lucent-radius-lg)",
-    background: p ? f && T ? S : "transparent" : f && T ? b.hoverBg : b.bg,
-    color: b.color,
-    border: p || u ? "1px solid transparent" : `1px solid ${f && T ? b.hoverBorder : b.border}`,
+    background: p ? f && k ? I : "transparent" : f && k ? v.hoverBg : v.bg,
+    color: v.color,
+    border: p || u ? "1px solid transparent" : `1px solid ${f && k ? v.hoverBorder : v.border}`,
     whiteSpace: "nowrap",
     boxSizing: "border-box",
     opacity: h ? 0.5 : 1,
-    transform: f && T ? "translateY(-1px)" : "none",
-    boxShadow: f && T && !p ? `0 2px 4px ${b.hoverBorder}22` : "none",
+    transform: f && k ? "translateY(-1px)" : "none",
+    boxShadow: f && k && !p ? `0 2px 4px ${v.hoverBorder}22` : "none",
     transition: [
       "transform var(--lucent-duration-fast) var(--lucent-easing-default)",
       "box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",
       "border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
       "background var(--lucent-duration-fast) var(--lucent-easing-default)"
     ].join(", "),
-    cursor: T ? "pointer" : "default",
+    cursor: k ? "pointer" : "default",
     // Reset button styles when onClick
     ...a ? { outline: "none" } : {},
     ...w
@@ -573,7 +573,7 @@ function Le({
         children: /* @__PURE__ */ t("svg", { width: m.iconSize - 2, height: m.iconSize - 2, viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", children: /* @__PURE__ */ t("path", { d: "M2 2L8 8M8 2L2 8" }) })
       }
     )
-  ] }), C = {
+  ] }), T = {
     onMouseEnter: () => {
       h || d(!0);
     },
@@ -585,11 +585,11 @@ function Le({
       type: "button",
       onClick: h ? void 0 : a,
       disabled: h,
-      style: v,
-      ...C,
+      style: b,
+      ...T,
       children: E
     }
-  ) : /* @__PURE__ */ t("span", { style: v, ...C, children: E });
+  ) : /* @__PURE__ */ t("span", { style: b, ...T, children: E });
 }
 const Eo = {
   id: "chip",
@@ -843,7 +843,7 @@ function Tn({ orientation: e = "horizontal", label: r, spacing: n = "0", style:
     }
   );
 }
-const Po = {
+const Lo = {
   id: "divider",
   name: "Divider",
   tier: "atom",
@@ -893,22 +893,22 @@ const Po = {
     style: p,
     ...h
   }, w) => {
-    const b = V(null), m = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, f = Cn[r], d = o !== void 0, [y, x] = q(l ?? !1), T = d ? !!o : y, S = V(T), [k, v] = q(0);
-    H(() => {
-      !s && S.current !== T && (S.current = T, v((M) => M + 1));
-    }, [T, s]);
+    const v = O(null), m = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, f = Cn[r], d = o !== void 0, [y, x] = q(l ?? !1), k = d ? !!o : y, I = O(k), [S, b] = q(0);
+    U(() => {
+      !s && I.current !== k && (I.current = k, b((R) => R + 1));
+    }, [k, s]);
     const E = X(
-      (M) => {
-        b.current = M, typeof w == "function" ? w(M) : w && (w.current = M);
+      (R) => {
+        v.current = R, typeof w == "function" ? w(R) : w && (w.current = R);
       },
       [w]
     );
-    H(() => {
-      b.current && (b.current.indeterminate = n);
+    U(() => {
+      v.current && (v.current.indeterminate = n);
     }, [n]);
-    const C = (M) => {
-      d || x(M.target.checked), u == null || u(M);
-    }, z = s ? "var(--lucent-text-disabled)" : "var(--lucent-accent-fg)", B = {
+    const T = (R) => {
+      d || x(R.target.checked), u == null || u(R);
+    }, z = s ? "var(--lucent-text-disabled)" : "var(--lucent-accent-fg)", D = {
       width: f,
       height: f,
       // fixed corner so global radius overrides (e.g. via customizer) don't
@@ -916,16 +916,16 @@ const Po = {
       // rounded regardless of theming.
       // bumping up a bit to keep the box from feeling too sharp.
       borderRadius: "4px",
-      border: `1.5px solid ${s ? "transparent" : T || n ? "var(--lucent-accent-default)" : "var(--lucent-border-strong)"}`,
-      background: s ? "var(--lucent-surface-secondary)" : T || n ? "var(--lucent-accent-default)" : "var(--lucent-surface)",
+      border: `1.5px solid ${s ? "transparent" : k || n ? "var(--lucent-accent-default)" : "var(--lucent-border-strong)"}`,
+      background: s ? "var(--lucent-surface-secondary)" : k || n ? "var(--lucent-accent-default)" : "var(--lucent-surface)",
       display: "inline-flex",
       alignItems: "center",
       justifyContent: "center",
       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: k > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
-    }, D = /* @__PURE__ */ g(
+      animation: S > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
+    }, P = /* @__PURE__ */ g(
       "label",
       {
         style: {
@@ -948,13 +948,13 @@ const Po = {
               id: m,
               checked: d ? o : y,
               disabled: s,
-              onChange: C,
+              onChange: T,
               style: { position: "absolute", opacity: 0, width: 0, height: 0, margin: 0, pointerEvents: "none" },
               ...h
             }
           ),
-          /* @__PURE__ */ g("span", { "aria-hidden": !0, style: B, children: [
-            T && !n && /* @__PURE__ */ t(
+          /* @__PURE__ */ g("span", { "aria-hidden": !0, style: D, children: [
+            k && !n && /* @__PURE__ */ t(
               "svg",
               {
                 width: f - 4,
@@ -976,7 +976,7 @@ const Po = {
                 children: /* @__PURE__ */ t("path", { d: "M2 5H8", stroke: z, strokeWidth: 1.5, strokeLinecap: "round" })
               }
             )
-          ] }, k),
+          ] }, S),
           (e || a) && /* @__PURE__ */ g("span", { style: { display: "flex", flexDirection: "column" }, children: [
             e && /* @__PURE__ */ t("span", { style: {
               fontWeight: a ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1003,23 +1003,23 @@ const Po = {
             padding: a ? "var(--lucent-space-3)" : "0 var(--lucent-space-3)",
             display: "flex",
             alignItems: a ? "flex-start" : "center",
-            background: T && !s ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "transparent",
+            background: k && !s ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "transparent",
             transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default), background var(--lucent-duration-fast) var(--lucent-easing-default)",
             cursor: s ? "not-allowed" : "pointer",
             ...p
           },
-          onClick: (M) => {
-            var $;
-            s || M.target === M.currentTarget && (($ = b.current) == null || $.click());
+          onClick: (R) => {
+            var H;
+            s || R.target === R.currentTarget && ((H = v.current) == null || H.click());
           },
-          children: D
+          children: P
         }
-      ) : D
+      ) : P
     ] });
   }
 );
 pt.displayName = "Checkbox";
-const Lo = {
+const Po = {
   id: "checkbox",
   name: "Checkbox",
   tier: "atom",
@@ -1146,22 +1146,22 @@ const En = { sm: 14, md: 16, lg: 20 }, qn = { sm: "calc(var(--lucent-space-8) *
   lg: "var(--lucent-font-size-md)"
 };
 function Ro({ value: e, label: r, size: n = "md", contained: i = !1, helperText: a, disabled: o, id: l, onChange: s, checked: c, style: u, ...p }) {
-  const h = ne(_t), w = l ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, b = En[n], m = o ?? (h == null ? void 0 : h.disabled) ?? !1, f = h ? h.value === e : !!c, d = V(f), [y, x] = q(0);
-  H(() => {
+  const h = ne(_t), w = l ?? `lucent-radio-${Math.random().toString(36).slice(2, 7)}`, v = En[n], m = o ?? (h == null ? void 0 : h.disabled) ?? !1, f = h ? h.value === e : !!c, d = O(f), [y, x] = q(0);
+  U(() => {
     !m && d.current !== f && (d.current = f, x((E) => E + 1));
   }, [f, m]);
-  const T = (E) => {
+  const k = (E) => {
     h == null || h.onChange(e), s == null || s(E);
-  }, S = {
-    width: b / 2,
-    height: b / 2,
+  }, I = {
+    width: v / 2,
+    height: v / 2,
     borderRadius: "50%",
     background: m ? "var(--lucent-text-disabled)" : "var(--lucent-accent-fg)",
     animation: f ? "lucent-radio-dot 200ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0,
     opacity: f ? 1 : 0
-  }, k = {
-    width: b,
-    height: b,
+  }, S = {
+    width: v,
+    height: v,
     borderRadius: "50%",
     border: `1.5px solid ${m ? "transparent" : f ? "var(--lucent-accent-default)" : "var(--lucent-border-strong)"}`,
     background: m ? "var(--lucent-surface-secondary)" : f ? "var(--lucent-accent-default)" : "var(--lucent-surface)",
@@ -1171,7 +1171,7 @@ function Ro({ value: e, label: r, size: n = "md", contained: i = !1, helperText:
     flexShrink: 0,
     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
     animation: y > 0 ? "lucent-radio-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
-  }, v = /* @__PURE__ */ g(
+  }, b = /* @__PURE__ */ g(
     "label",
     {
       style: {
@@ -1195,12 +1195,12 @@ function Ro({ value: e, label: r, size: n = "md", contained: i = !1, helperText:
             name: (h == null ? void 0 : h.name) ?? p.name,
             checked: f,
             disabled: m,
-            onChange: T,
+            onChange: k,
             style: { position: "absolute", opacity: 0, width: 0, height: 0, margin: 0, pointerEvents: "none" },
             ...p
           }
         ),
-        /* @__PURE__ */ t("span", { "aria-hidden": !0, style: k, children: /* @__PURE__ */ t("span", { style: S }) }, y),
+        /* @__PURE__ */ t("span", { "aria-hidden": !0, style: S, children: /* @__PURE__ */ t("span", { style: I }) }, y),
         r || a ? /* @__PURE__ */ g("span", { style: { display: "flex", flexDirection: "column" }, children: [
           r && /* @__PURE__ */ t("span", { style: {
             fontWeight: a ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1231,13 +1231,13 @@ function Ro({ value: e, label: r, size: n = "md", contained: i = !1, helperText:
         },
         onClick: (E) => {
           if (!m && E.target === E.currentTarget) {
-            const C = E.currentTarget.querySelector("input");
-            C == null || C.click();
+            const T = E.currentTarget.querySelector("input");
+            T == null || T.click();
           }
         },
-        children: v
+        children: b
       }
-    ) : v
+    ) : b
   ] });
 }
 function $o({
@@ -1547,13 +1547,13 @@ const No = {
   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)" }
-}, Pn = {
+}, Ln = {
   sm: { fontSize: "var(--lucent-font-size-xs)", height: "20px", padding: "0 var(--lucent-space-3)", iconSize: 10, gap: "var(--lucent-space-1)" },
   md: { fontSize: "var(--lucent-font-size-sm)", height: "24px", padding: "0 var(--lucent-space-3)", iconSize: 12, gap: "var(--lucent-space-1)" },
   lg: { fontSize: "var(--lucent-font-size-md)", height: "28px", padding: "0 var(--lucent-space-4)", iconSize: 14, gap: "var(--lucent-space-2)" }
 };
 function Vo({ children: e, variant: r = "neutral", size: n = "md", onDismiss: i, disabled: a }) {
-  const o = Dn[r], l = Pn[n], [s, c] = q(!1), u = !a && i;
+  const o = Dn[r], l = Ln[n], [s, c] = q(!1), u = !a && i;
   return /* @__PURE__ */ g(
     "span",
     {
@@ -1679,7 +1679,7 @@ const Oo = {
     notes: 'The dismiss button has aria-label="Dismiss" and is keyboard-focusable.',
     keyboardInteractions: ["Enter / Space — activates the dismiss button when focused"]
   }
-}, J = 5, Ae = J + 3, Ln = {
+}, J = 5, Ae = J + 3, Pn = {
   top: {
     bottom: -J,
     left: "50%",
@@ -1710,32 +1710,32 @@ const Oo = {
   }
 };
 function Ne({ content: e, children: r, placement: n = "top", delay: i = 300, open: a, interactive: o = !1 }) {
-  const [l, s] = q(!1), c = a !== void 0 ? a : l, u = V(null), p = V(null), h = V(null), [w, b] = q(null), m = () => {
+  const [l, s] = q(!1), c = a !== void 0 ? a : l, u = O(null), p = O(null), h = O(null), [w, v] = q(null), m = () => {
     p.current && (clearTimeout(p.current), p.current = null);
   }, f = () => {
     m(), u.current = setTimeout(() => s(!0), i);
   }, d = () => {
     u.current && clearTimeout(u.current), o ? p.current = setTimeout(() => s(!1), 100) : s(!1);
   }, y = X(() => {
-    const T = h.current;
-    if (!T) return;
-    const S = T.getBoundingClientRect(), k = S.left + S.width / 2, v = S.top + S.height / 2;
+    const k = h.current;
+    if (!k) return;
+    const I = k.getBoundingClientRect(), S = I.left + I.width / 2, b = I.top + I.height / 2;
     switch (n) {
       case "top":
-        b({ top: S.top - Ae, left: k });
+        v({ top: I.top - Ae, left: S });
         break;
       case "bottom":
-        b({ top: S.bottom + Ae, left: k });
+        v({ top: I.bottom + Ae, left: S });
         break;
       case "left":
-        b({ top: v, left: S.left - Ae });
+        v({ top: b, left: I.left - Ae });
         break;
       case "right":
-        b({ top: v, left: S.right + Ae });
+        v({ top: b, left: I.right + Ae });
         break;
     }
   }, [n]);
-  if (oe(() => {
+  if (re(() => {
     c && y();
   }, [c, y]), !e) return /* @__PURE__ */ t(Z, { children: r });
   const x = {
@@ -1791,7 +1791,7 @@ function Ne({ content: e, children: r, placement: n = "top", delay: i = 300, ope
                       width: 0,
                       height: 0,
                       borderStyle: "solid",
-                      ...Ln[n]
+                      ...Pn[n]
                     }
                   }
                 )
@@ -2201,10 +2201,10 @@ function Ko({
   showCopyButton: s = !0,
   style: c
 }) {
-  var T, S;
-  const u = !!(n != null && n.length), [p, h] = q(0), [w, b] = q(!1), m = u ? ((T = n[p]) == null ? void 0 : T.code) ?? "" : e ?? "", f = u ? (S = n[p]) == null ? void 0 : S.language : r, d = async () => {
+  var k, I;
+  const u = !!(n != null && n.length), [p, h] = q(0), [w, v] = q(!1), m = u ? ((k = n[p]) == null ? void 0 : k.code) ?? "" : e ?? "", f = u ? (I = n[p]) == null ? void 0 : I.language : r, d = async () => {
     try {
-      await navigator.clipboard.writeText(m), b(!0), setTimeout(() => b(!1), $n);
+      await navigator.clipboard.writeText(m), v(!0), setTimeout(() => v(!1), $n);
     } catch {
     }
   }, y = {
@@ -2227,11 +2227,11 @@ function Ko({
       onClick: d,
       "aria-label": w ? "Copied!" : "Copy code",
       style: y,
-      onMouseEnter: (k) => {
-        w || (k.currentTarget.style.background = "var(--lucent-surface-secondary)", k.currentTarget.style.color = "var(--lucent-text-primary)");
+      onMouseEnter: (S) => {
+        w || (S.currentTarget.style.background = "var(--lucent-surface-secondary)", S.currentTarget.style.color = "var(--lucent-text-primary)");
       },
-      onMouseLeave: (k) => {
-        w || (k.currentTarget.style.background = "transparent", k.currentTarget.style.color = "var(--lucent-text-secondary)");
+      onMouseLeave: (S) => {
+        w || (S.currentTarget.style.background = "transparent", S.currentTarget.style.color = "var(--lucent-text-secondary)");
       },
       children: [
         w ? /* @__PURE__ */ t(Fn, {}) : /* @__PURE__ */ t(Nn, {}),
@@ -2259,13 +2259,13 @@ function Ko({
               borderBottom: "1px solid var(--lucent-border-default)",
               padding: "0 var(--lucent-space-2)"
             },
-            children: n.map((k, v) => {
-              const E = v === p;
+            children: n.map((S, b) => {
+              const E = b === p;
               return /* @__PURE__ */ g(
                 "button",
                 {
                   onClick: () => {
-                    h(v), b(!1);
+                    h(b), v(!1);
                   },
                   style: {
                     display: "inline-flex",
@@ -2284,18 +2284,18 @@ function Ko({
                     transition: "color var(--lucent-duration-fast) var(--lucent-easing-default)",
                     whiteSpace: "nowrap"
                   },
-                  onMouseEnter: (C) => {
-                    E || (C.currentTarget.style.color = "var(--lucent-text-primary)");
+                  onMouseEnter: (T) => {
+                    E || (T.currentTarget.style.color = "var(--lucent-text-primary)");
                   },
-                  onMouseLeave: (C) => {
-                    E || (C.currentTarget.style.color = "var(--lucent-text-secondary)");
+                  onMouseLeave: (T) => {
+                    E || (T.currentTarget.style.color = "var(--lucent-text-secondary)");
                   },
                   children: [
-                    k.icon !== void 0 && /* @__PURE__ */ t("span", { style: { display: "inline-flex", alignItems: "center" }, children: k.icon }),
-                    k.label
+                    S.icon !== void 0 && /* @__PURE__ */ t("span", { style: { display: "inline-flex", alignItems: "center" }, children: S.icon }),
+                    S.label
                   ]
                 },
-                k.label
+                S.label
               );
             })
           }
@@ -3274,7 +3274,7 @@ function ri({
   label: l,
   style: s
 }) {
-  const c = Math.max(0, Math.min(e, r)), u = r > 0 ? c / r * 100 : 0, p = Jn(c, r, n, a, o), h = Xn[i], w = Zn[p], b = l === !0 ? `${Math.round(u)}%` : l || null;
+  const c = Math.max(0, Math.min(e, r)), u = r > 0 ? c / r * 100 : 0, p = Jn(c, r, n, a, o), h = Xn[i], w = Zn[p], v = l === !0 ? `${Math.round(u)}%` : l || null;
   return /* @__PURE__ */ g(
     "div",
     {
@@ -3314,7 +3314,7 @@ function ri({
             )
           }
         ),
-        b != null && /* @__PURE__ */ t(
+        v != null && /* @__PURE__ */ t(
           "span",
           {
             style: {
@@ -3324,7 +3324,7 @@ function ri({
               whiteSpace: "nowrap",
               flexShrink: 0
             },
-            children: b
+            children: v
           }
         )
       ]
@@ -3409,9 +3409,9 @@ function ot({
   selected: l = !1,
   style: s
 }) {
-  const c = ne(ft), u = V(-1);
+  const c = ne(ft), u = O(-1);
   u.current === -1 && c && (u.current = c.getItemIndex(), c.registerItem(u.current, a));
-  const p = c ? c.activeIndex === u.current : !1, h = (c == null ? void 0 : c.size) ?? "md", w = ht[h], b = er[h], m = nr[h], f = () => {
+  const p = c ? c.activeIndex === u.current : !1, h = (c == null ? void 0 : c.size) ?? "md", w = ht[h], v = er[h], m = nr[h], f = () => {
     a || (e(), c == null || c.close());
   }, d = () => {
     !a && c && c.setActiveIndex(u.current);
@@ -3446,8 +3446,8 @@ function ot({
           display: "flex",
           color: a ? "var(--lucent-text-disabled)" : o ? "var(--lucent-danger-text)" : "var(--lucent-text-secondary)"
         }, children: n }),
-        /* @__PURE__ */ t("span", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(j, { size: b, style: { color: y }, children: r }) }),
-        i && /* @__PURE__ */ t(j, { size: h === "lg" ? "sm" : "xs", style: { color: "var(--lucent-text-secondary)", flexShrink: 0 }, children: i }),
+        /* @__PURE__ */ t("span", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(G, { size: v, style: { color: y }, children: r }) }),
+        i && /* @__PURE__ */ t(G, { size: h === "lg" ? "sm" : "xs", style: { color: "var(--lucent-text-secondary)", flexShrink: 0 }, children: i }),
         l && /* @__PURE__ */ t("span", { style: {
           flexShrink: 0,
           display: "flex",
@@ -3474,7 +3474,7 @@ function ar({ style: e }) {
 function oi({ label: e, children: r, style: n }) {
   const i = ne(ft), a = (i == null ? void 0 : i.size) ?? "md", o = ht[a];
   return /* @__PURE__ */ g("div", { role: "group", "aria-label": e, style: n, children: [
-    /* @__PURE__ */ t("div", { style: { padding: `${o} ${o} var(--lucent-space-1)` }, children: /* @__PURE__ */ t(j, { size: tr[a], color: "secondary", weight: "medium", children: e }) }),
+    /* @__PURE__ */ t("div", { style: { padding: `${o} ${o} var(--lucent-space-1)` }, children: /* @__PURE__ */ t(G, { size: tr[a], color: "secondary", weight: "medium", children: e }) }),
     r
   ] });
 }
@@ -3488,143 +3488,143 @@ function Yt({
   portalContainer: l,
   style: s
 }) {
-  const c = a !== void 0, [u, p] = q(!1), h = c ? a : u, [w, b] = q(!1), [m, f] = q("idle"), d = V(null), y = V(null), x = V(null), T = V(!1), [S, k] = q(null), v = V(0), E = V(/* @__PURE__ */ new Map()), [C, z] = q(-1);
-  if (!T.current && typeof document < "u") {
-    const L = document.createElement("style");
-    L.textContent = Qn, document.head.appendChild(L), T.current = !0;
+  const c = a !== void 0, [u, p] = q(!1), h = c ? a : u, [w, v] = q(!1), [m, f] = q("idle"), d = O(null), y = O(null), x = O(null), k = O(!1), [I, S] = q(null), b = O(0), E = O(/* @__PURE__ */ new Map()), [T, z] = q(-1);
+  if (!k.current && typeof document < "u") {
+    const B = document.createElement("style");
+    B.textContent = Qn, document.head.appendChild(B), k.current = !0;
   }
-  H(() => {
+  U(() => {
     if (h)
-      v.current = 0, E.current.clear(), b(!0), f("entering");
+      b.current = 0, E.current.clear(), v(!0), f("entering");
     else if (w) {
       f("exiting");
-      const L = setTimeout(() => {
-        b(!1), f("idle");
+      const B = setTimeout(() => {
+        v(!1), f("idle");
       }, He);
-      return () => clearTimeout(L);
+      return () => clearTimeout(B);
     }
   }, [h]);
-  const B = X((L) => {
-    c || p(L), o == null || o(L);
-  }, [c, o]), D = X(() => {
-    const L = x.current;
-    L && (L.querySelector("button, [tabindex]") ?? L).focus();
-  }, []), M = X(() => {
-    B(!1), D();
-  }, [B, D]);
-  oe(() => {
+  const D = X((B) => {
+    c || p(B), o == null || o(B);
+  }, [c, o]), P = X(() => {
+    const B = x.current;
+    B && (B.querySelector("button, [tabindex]") ?? B).focus();
+  }, []), R = X(() => {
+    D(!1), P();
+  }, [D, P]);
+  re(() => {
     if (!w || m !== "entering" || !d.current) return;
-    const L = requestAnimationFrame(() => {
-      const A = y.current, I = d.current;
-      if (!A || !I) return;
-      const F = I.getBoundingClientRect();
-      k(rr(F, A, n));
+    const B = requestAnimationFrame(() => {
+      const A = y.current, M = d.current;
+      if (!A || !M) return;
+      const N = M.getBoundingClientRect();
+      S(rr(N, A, n));
     });
-    return () => cancelAnimationFrame(L);
-  }, [w, m, n]), H(() => {
+    return () => cancelAnimationFrame(B);
+  }, [w, m, n]), U(() => {
     if (!w || m !== "entering") return;
-    const L = setTimeout(() => {
-      const I = Array.from(E.current.entries()).sort((F, U) => F[0] - U[0]).find(([, F]) => !F.disabled);
-      z(I ? I[0] : -1);
+    const B = setTimeout(() => {
+      const M = Array.from(E.current.entries()).sort((N, j) => N[0] - j[0]).find(([, N]) => !N.disabled);
+      z(M ? M[0] : -1);
     }, 0);
-    return () => clearTimeout(L);
-  }, [w, m]), H(() => {
+    return () => clearTimeout(B);
+  }, [w, m]), U(() => {
     if (!h) return;
-    const L = (I) => {
-      var U, N;
-      const F = I.target;
-      (U = d.current) != null && U.contains(F) || (N = y.current) != null && N.contains(F) || M();
+    const B = (M) => {
+      var j, $;
+      const N = M.target;
+      (j = d.current) != null && j.contains(N) || ($ = y.current) != null && $.contains(N) || R();
     }, A = requestAnimationFrame(() => {
-      document.addEventListener("mousedown", L);
+      document.addEventListener("mousedown", B);
     });
     return () => {
-      cancelAnimationFrame(A), document.removeEventListener("mousedown", L);
+      cancelAnimationFrame(A), document.removeEventListener("mousedown", B);
     };
-  }, [h, M]), H(() => {
+  }, [h, R]), U(() => {
     if (!h) return;
-    let L = !1;
+    let B = !1;
     const A = setTimeout(() => {
-      L = !0;
-    }, 50), I = () => {
-      L && M();
+      B = !0;
+    }, 50), M = () => {
+      B && R();
     };
-    return window.addEventListener("scroll", I, { passive: !0, capture: !0 }), () => {
-      clearTimeout(A), window.removeEventListener("scroll", I, { capture: !0 });
+    return window.addEventListener("scroll", M, { passive: !0, capture: !0 }), () => {
+      clearTimeout(A), window.removeEventListener("scroll", M, { capture: !0 });
     };
-  }, [h, M]);
-  const $ = X(() => Array.from(E.current.entries()).filter(([, L]) => !L.disabled).map(([L]) => L).sort((L, A) => L - A), []), R = X((L) => {
+  }, [h, R]);
+  const H = X(() => Array.from(E.current.entries()).filter(([, B]) => !B.disabled).map(([B]) => B).sort((B, A) => B - A), []), V = X((B) => {
     if (!h) return;
-    const A = $();
+    const A = H();
     if (A.length !== 0)
-      switch (L.key) {
+      switch (B.key) {
         case "Escape":
-          L.preventDefault(), M();
+          B.preventDefault(), R();
           break;
         case "ArrowDown": {
-          L.preventDefault(), z((I) => {
-            const F = A.indexOf(I);
-            return F < A.length - 1 ? A[F + 1] : A[0];
+          B.preventDefault(), z((M) => {
+            const N = A.indexOf(M);
+            return N < A.length - 1 ? A[N + 1] : A[0];
           });
           break;
         }
         case "ArrowUp": {
-          L.preventDefault(), z((I) => {
-            const F = A.indexOf(I);
-            return F > 0 ? A[F - 1] : A[A.length - 1];
+          B.preventDefault(), z((M) => {
+            const N = A.indexOf(M);
+            return N > 0 ? A[N - 1] : A[A.length - 1];
           });
           break;
         }
         case "Home": {
-          L.preventDefault(), z(A[0]);
+          B.preventDefault(), z(A[0]);
           break;
         }
         case "End": {
-          L.preventDefault(), z(A[A.length - 1]);
+          B.preventDefault(), z(A[A.length - 1]);
           break;
         }
         case "Enter":
         case " ": {
-          L.preventDefault();
-          const I = y.current;
-          if (I) {
-            const F = I.querySelector('[data-active="true"]');
-            F == null || F.click();
+          B.preventDefault();
+          const M = y.current;
+          if (M) {
+            const N = M.querySelector('[data-active="true"]');
+            N == null || N.click();
           }
           break;
         }
         case "Tab": {
-          M();
+          R();
           break;
         }
       }
-  }, [h, M, $]);
-  H(() => {
+  }, [h, R, H]);
+  U(() => {
     if (h)
-      return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
-  }, [h, R]), H(() => {
+      return document.addEventListener("keydown", V), () => document.removeEventListener("keydown", V);
+  }, [h, V]), U(() => {
     if (!h) return;
-    const L = y.current;
-    if (!L) return;
-    const A = L.querySelector('[data-active="true"]');
+    const B = y.current;
+    if (!B) return;
+    const A = B.querySelector('[data-active="true"]');
     A == null || A.scrollIntoView({ block: "nearest" });
-  }, [C, h]);
+  }, [T, h]);
   const W = () => {
-    B(!h);
-  }, P = (L) => {
-    (L.key === "Enter" || L.key === " " || L.key === "ArrowDown") && (L.preventDefault(), h || B(!0)), L.key === "ArrowUp" && (L.preventDefault(), h || (B(!0), setTimeout(() => {
-      const A = $();
+    D(!h);
+  }, C = (B) => {
+    (B.key === "Enter" || B.key === " " || B.key === "ArrowDown") && (B.preventDefault(), h || D(!0)), B.key === "ArrowUp" && (B.preventDefault(), h || (D(!0), setTimeout(() => {
+      const A = H();
       A.length > 0 && z(A[A.length - 1]);
     }, 0)));
-  }, O = {
-    activeIndex: C,
+  }, L = {
+    activeIndex: T,
     setActiveIndex: z,
-    registerItem: (L, A) => {
-      E.current.set(L, { disabled: A });
+    registerItem: (B, A) => {
+      E.current.set(B, { disabled: A });
     },
-    close: M,
-    getItemIndex: () => v.current++,
+    close: R,
+    getItemIndex: () => b.current++,
     size: i
-  }, Y = at();
+  }, F = at();
   return /* @__PURE__ */ g(Z, { children: [
     /* @__PURE__ */ t(
       "span",
@@ -3636,10 +3636,10 @@ function Yt({
           {
             ref: x,
             onClick: W,
-            onKeyDown: P,
+            onKeyDown: C,
             "aria-haspopup": "menu",
             "aria-expanded": h,
-            "aria-controls": h ? Y : void 0,
+            "aria-controls": h ? F : void 0,
             style: { display: "inline-flex", cursor: "pointer" },
             children: e
           }
@@ -3647,16 +3647,16 @@ function Yt({
       }
     ),
     w && ie(
-      /* @__PURE__ */ t(ft.Provider, { value: O, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(ft.Provider, { value: L, children: /* @__PURE__ */ t(
         "div",
         {
           ref: y,
-          id: Y,
+          id: F,
           role: "menu",
           style: {
             position: "fixed",
-            top: (S == null ? void 0 : S.top) ?? -9999,
-            left: (S == null ? void 0 : S.left) ?? -9999,
+            top: (I == null ? void 0 : I.top) ?? -9999,
+            left: (I == null ? void 0 : I.left) ?? -9999,
             zIndex: 1e3,
             minWidth: 180,
             background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
@@ -3669,7 +3669,7 @@ function Yt({
             maxHeight: "min(320px, calc(100vh - 32px))",
             overflowY: "auto",
             animation: m === "exiting" ? `lucent-menu-out ${He}ms var(--lucent-easing-default) forwards` : `lucent-menu-in ${He}ms var(--lucent-easing-decelerate)`,
-            transformOrigin: (S == null ? void 0 : S.transformOrigin) ?? "top left",
+            transformOrigin: (I == null ? void 0 : I.transformOrigin) ?? "top left",
             outline: "none",
             pointerEvents: m === "exiting" ? "none" : "auto",
             ...s
@@ -4010,7 +4010,7 @@ function ur({
   leftIcon: u,
   style: p
 }) {
-  const h = s ?? c, [w, b] = q(!1), m = or[a], f = m.borderRadius ?? "var(--lucent-radius-lg)", d = ir[a], y = h ? {
+  const h = s ?? c, [w, v] = q(!1), m = or[a], f = m.borderRadius ?? "var(--lucent-radius-lg)", d = ir[a], y = h ? {
     background: "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)",
     color: "var(--lucent-text-disabled)",
     borderColor: "transparent"
@@ -4034,7 +4034,7 @@ function ur({
     ...Kt[i],
     ...o === !1 && { border: "none" },
     ...y
-  }, T = "var(--lucent-radius-sm)", S = `${f} ${T} ${T} ${f}`, k = `${T} ${f} ${f} ${T}`;
+  }, k = "var(--lucent-radius-sm)", I = `${f} ${k} ${k} ${f}`, S = `${k} ${f} ${f} ${k}`;
   return /* @__PURE__ */ g(
     "div",
     {
@@ -4054,27 +4054,27 @@ function ur({
             disabled: h,
             "aria-busy": c,
             onClick: r,
-            onMouseEnter: (v) => {
-              h || wt(v.currentTarget, i, o);
+            onMouseEnter: (b) => {
+              h || wt(b.currentTarget, i, o);
             },
-            onMouseLeave: (v) => {
-              h || kt(v.currentTarget, i, o);
+            onMouseLeave: (b) => {
+              h || kt(b.currentTarget, i, o);
             },
-            onMouseDown: (v) => {
-              h || St(v.currentTarget, i);
+            onMouseDown: (b) => {
+              h || St(b.currentTarget, i);
             },
-            onMouseUp: (v) => {
-              Tt(v.currentTarget);
+            onMouseUp: (b) => {
+              Tt(b.currentTarget);
             },
-            onFocus: (v) => {
-              v.currentTarget.dataset.pressed || (v.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)");
+            onFocus: (b) => {
+              b.currentTarget.dataset.pressed || (b.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)");
             },
-            onBlur: (v) => {
-              v.currentTarget.style.boxShadow = "";
+            onBlur: (b) => {
+              b.currentTarget.style.boxShadow = "";
             },
             style: {
               ...x,
-              borderRadius: S,
+              borderRadius: I,
               padding: i === "ghost" || i === "danger-ghost" ? `0 ${m.paddingInner} 0 ${m.paddingOuter}` : `0 ${m.paddingOuter}`
             },
             children: [
@@ -4087,7 +4087,7 @@ function ur({
           Yt,
           {
             open: w,
-            onOpenChange: b,
+            onOpenChange: v,
             placement: l,
             size: lr[a],
             trigger: /* @__PURE__ */ t(
@@ -4096,41 +4096,41 @@ function ur({
                 type: "button",
                 disabled: h,
                 "aria-label": "More actions",
-                onMouseEnter: (v) => {
-                  h || wt(v.currentTarget, i, o);
+                onMouseEnter: (b) => {
+                  h || wt(b.currentTarget, i, o);
                 },
-                onMouseLeave: (v) => {
-                  h || kt(v.currentTarget, i, o);
+                onMouseLeave: (b) => {
+                  h || kt(b.currentTarget, i, o);
                 },
-                onMouseDown: (v) => {
-                  h || St(v.currentTarget, i);
+                onMouseDown: (b) => {
+                  h || St(b.currentTarget, i);
                 },
-                onMouseUp: (v) => {
-                  Tt(v.currentTarget);
+                onMouseUp: (b) => {
+                  Tt(b.currentTarget);
                 },
-                onFocus: (v) => {
-                  v.currentTarget.dataset.pressed || (v.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)");
+                onFocus: (b) => {
+                  b.currentTarget.dataset.pressed || (b.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)");
                 },
-                onBlur: (v) => {
-                  v.currentTarget.style.boxShadow = "";
+                onBlur: (b) => {
+                  b.currentTarget.style.boxShadow = "";
                 },
                 style: {
                   ...x,
-                  borderRadius: k,
+                  borderRadius: S,
                   padding: 0,
                   width: sr[a]
                 },
                 children: /* @__PURE__ */ t("svg", { width: d, height: d, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, style: { flexShrink: 0, transition: "transform var(--lucent-duration-fast) var(--lucent-easing-default)", ...w && { transform: "rotate(180deg)" } }, children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" }) })
               }
             ),
-            children: n.map((v, E) => /* @__PURE__ */ t(
+            children: n.map((b, E) => /* @__PURE__ */ t(
               ot,
               {
-                onSelect: v.onSelect,
-                ...v.disabled !== void 0 && { disabled: v.disabled },
-                ...v.danger !== void 0 && { danger: v.danger },
-                ...v.icon !== void 0 && { icon: v.icon },
-                children: v.label
+                onSelect: b.onSelect,
+                ...b.disabled !== void 0 && { disabled: b.disabled },
+                ...b.danger !== void 0 && { danger: b.danger },
+                ...b.icon !== void 0 && { icon: b.icon },
+                children: b.label
               },
               E
             ))
@@ -4309,11 +4309,11 @@ function ci({
   const s = a ?? i, c = a ? "danger" : "secondary";
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)", ...l }, children: [
     e && /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "baseline", gap: "var(--lucent-space-1)" }, children: [
-      /* @__PURE__ */ t(j, { as: "label", size: "sm", weight: "medium", lineHeight: "tight", ...r !== void 0 && { htmlFor: r }, children: e }),
-      n && /* @__PURE__ */ t(j, { as: "span", size: "sm", color: "danger", lineHeight: "tight", "aria-hidden": "true", children: "*" })
+      /* @__PURE__ */ t(G, { as: "label", size: "sm", weight: "medium", lineHeight: "tight", ...r !== void 0 && { htmlFor: r }, children: e }),
+      n && /* @__PURE__ */ t(G, { as: "span", size: "sm", color: "danger", lineHeight: "tight", "aria-hidden": "true", children: "*" })
     ] }),
     o,
-    s && /* @__PURE__ */ t(j, { size: "xs", color: c, lineHeight: "tight", children: s })
+    s && /* @__PURE__ */ t(G, { size: "xs", color: c, lineHeight: "tight", children: s })
   ] });
 }
 const di = {
@@ -4420,23 +4420,23 @@ function ui({
   isLoading: p = !1,
   disabled: h = !1,
   id: w,
-  style: b
+  style: v
 }) {
-  const m = i ?? (n === "filter" ? "Filter…" : "Search…"), [f, d] = q(!1), [y, x] = q(null), T = V(null), S = V(null), k = V(null), [v, E] = q({ top: 0, left: 0, width: 0 }), C = n === "search" && f && c.length > 0;
-  oe(() => {
-    if (!C || !S.current) return;
-    const R = S.current.getBoundingClientRect();
-    E({ top: R.bottom + 4, left: R.left, width: R.width });
-  }, [C]);
+  const m = i ?? (n === "filter" ? "Filter…" : "Search…"), [f, d] = q(!1), [y, x] = q(null), k = O(null), I = O(null), S = O(null), [b, E] = q({ top: 0, left: 0, width: 0 }), T = n === "search" && f && c.length > 0;
+  re(() => {
+    if (!T || !I.current) return;
+    const V = I.current.getBoundingClientRect();
+    E({ top: V.bottom + 4, left: V.left, width: V.width });
+  }, [T]);
   const z = () => {
     r("");
-  }, B = (R) => {
-    u == null || u(R), d(!1);
-  }, D = () => {
-    T.current = setTimeout(() => d(!1), 150);
-  }, M = () => {
-    T.current && clearTimeout(T.current), d(!0);
-  }, $ = p ? /* @__PURE__ */ t(Sn, { size: "sm" }) : e ? /* @__PURE__ */ t(
+  }, D = (V) => {
+    u == null || u(V), d(!1);
+  }, P = () => {
+    k.current = setTimeout(() => d(!1), 150);
+  }, R = () => {
+    k.current && clearTimeout(k.current), d(!0);
+  }, H = p ? /* @__PURE__ */ t(Sn, { size: "sm" }) : e ? /* @__PURE__ */ t(
     "button",
     {
       type: "button",
@@ -4452,16 +4452,16 @@ function ui({
         borderRadius: "var(--lucent-radius-sm)",
         color: "var(--lucent-text-secondary)"
       },
-      onMouseEnter: (R) => {
-        R.currentTarget.style.color = "var(--lucent-text-primary)";
+      onMouseEnter: (V) => {
+        V.currentTarget.style.color = "var(--lucent-text-primary)";
       },
-      onMouseLeave: (R) => {
-        R.currentTarget.style.color = "var(--lucent-text-secondary)";
+      onMouseLeave: (V) => {
+        V.currentTarget.style.color = "var(--lucent-text-secondary)";
       },
       children: /* @__PURE__ */ t(br, {})
     }
   ) : null;
-  return /* @__PURE__ */ g("div", { ref: S, style: { ...b }, children: [
+  return /* @__PURE__ */ g("div", { ref: I, style: { ...v }, children: [
     /* @__PURE__ */ t(
       jt,
       {
@@ -4469,29 +4469,29 @@ function ui({
         type: "text",
         size: a,
         value: e,
-        onChange: (R) => r(R.target.value),
+        onChange: (V) => r(V.target.value),
         placeholder: m,
         disabled: h,
         leftElement: n === "filter" ? /* @__PURE__ */ t(vr, { size: Ct[a] }) : /* @__PURE__ */ t(gr, { size: Ct[a] }),
-        rightElement: $ ?? void 0,
-        onFocus: M,
-        onBlur: D,
+        rightElement: H ?? void 0,
+        onFocus: R,
+        onBlur: P,
         ...o !== void 0 && { label: o },
         ...l !== void 0 && { helperText: l },
         ...s !== void 0 && { errorText: s }
       }
     ),
-    C && ie(
+    T && ie(
       /* @__PURE__ */ t(
         "div",
         {
-          ref: k,
+          ref: S,
           role: "listbox",
           style: {
             position: "fixed",
-            top: v.top,
-            left: v.left,
-            width: v.width,
+            top: b.top,
+            left: b.left,
+            width: b.width,
             zIndex: 1e3,
             background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
             backdropFilter: "blur(6px)",
@@ -4501,12 +4501,12 @@ function ui({
             boxShadow: "0 0 24px -4px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent), var(--lucent-shadow-md)",
             padding: mr[a]
           },
-          children: c.map((R, W) => /* @__PURE__ */ t(
+          children: c.map((V, W) => /* @__PURE__ */ t(
             "div",
             {
               role: "option",
               "aria-selected": !1,
-              onMouseDown: () => B(R),
+              onMouseDown: () => D(V),
               onMouseEnter: () => x(W),
               onMouseLeave: () => x(null),
               style: {
@@ -4516,9 +4516,9 @@ function ui({
                 background: y === W ? "color-mix(in srgb, var(--lucent-accent-default) 14%, transparent)" : "transparent",
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
               },
-              children: /* @__PURE__ */ t(j, { as: "span", size: fr[a], children: R.label })
+              children: /* @__PURE__ */ t(G, { as: "span", size: fr[a], children: V.label })
             },
-            R.id
+            V.id
           ))
         }
       ),
@@ -4740,111 +4740,111 @@ function hi({
   target: p,
   rel: h,
   disabled: w,
-  status: b,
+  status: v,
   selected: m,
   hoverable: f,
   media: d
 }) {
-  const y = kr[e], x = e === "combo", T = o ?? (x ? "md" : y.shadowDefault), { py: S, px: k } = yr[a], v = `${S} ${k}`, E = xr[l], C = u != null, z = c != null || C, B = z || (f ?? !1), D = (w ?? !1) && z, M = C ? "a" : z ? "button" : "div", [$, R] = q(!1), [W, P] = q(!1), [O, Y] = q(!1), L = (m ?? !1) && !D, A = L ? zr : void 0, I = Ar(y, m ?? !1, D), F = b != null ? `inset 3px 0 0 ${wr[b]}` : void 0;
-  let U;
-  x ? U = ge(A, F) : B && !D ? O ? U = ge(Mr, A, F) : W ? U = ge(Ir, A, F) : $ ? U = ge(z ? Tr : Cr, qe[T], A, F) : U = ge(qe[T], A, F) : U = ge(qe[T], A, F);
-  const N = {
+  const y = kr[e], x = e === "combo", k = o ?? (x ? "md" : y.shadowDefault), { py: I, px: S } = yr[a], b = `${I} ${S}`, E = xr[l], T = u != null, z = c != null || T, D = z || (f ?? !1), P = (w ?? !1) && z, R = T ? "a" : z ? "button" : "div", [H, V] = q(!1), [W, C] = q(!1), [L, F] = q(!1), B = (m ?? !1) && !P, A = B ? zr : void 0, M = Ar(y, m ?? !1, P), N = v != null ? `inset 3px 0 0 ${wr[v]}` : void 0;
+  let j;
+  x ? j = ge(A, N) : D && !P ? L ? j = ge(Mr, A, N) : W ? j = ge(Ir, A, N) : H ? j = ge(z ? Tr : Cr, qe[k], A, N) : j = ge(qe[k], A, N) : j = ge(qe[k], A, N);
+  const $ = {
     display: "flex",
     flexDirection: "column",
-    background: I,
+    background: M,
     border: y.border,
     borderRadius: E,
     // Only clip overflow when media is present (to round image corners).
     // Default to visible so nested child shadows (e.g. elevated Card inside combo) aren't cut off.
-    overflow: d != null && !(L || B && W) ? "hidden" : "visible",
+    overflow: d != null && !(B || D && W) ? "hidden" : "visible",
     boxSizing: "border-box",
     position: "relative",
-    ...U !== void 0 && { boxShadow: U },
+    ...j !== void 0 && { boxShadow: j },
     // Hover/press transform
-    ...B && !D && O && { transform: "translateY(1px)" },
-    ...B && !D && $ && !O && { transform: "translateY(-1px)" },
+    ...D && !P && L && { transform: "translateY(1px)" },
+    ...D && !P && H && !L && { transform: "translateY(-1px)" },
     // Hover/interactive base styles
-    ...B && {
-      cursor: D ? "not-allowed" : "pointer",
+    ...D && {
+      cursor: P ? "not-allowed" : "pointer",
       transition: Sr
     },
     // Button UA reset
-    ...z && !C && {
+    ...z && !T && {
       padding: 0,
       font: "inherit",
       textAlign: "inherit",
       width: "100%",
-      background: I
+      background: M
     },
     // Link reset
-    ...C && {
+    ...T && {
       textDecoration: "none",
       color: "inherit"
     },
     // Disabled
-    ...D && {
+    ...P && {
       opacity: 0.6,
       pointerEvents: "none"
     },
     ...s
   };
   return /* @__PURE__ */ g(
-    M,
+    R,
     {
-      style: N,
-      ...B && !D ? {
-        onMouseEnter: () => R(!0),
+      style: $,
+      ...D && !P ? {
+        onMouseEnter: () => V(!0),
         onMouseLeave: () => {
-          R(!1), Y(!1);
+          V(!1), F(!1);
         },
-        onMouseDown: () => Y(!0),
-        onMouseUp: () => Y(!1),
-        onFocus: () => P(!0),
+        onMouseDown: () => F(!0),
+        onMouseUp: () => F(!1),
+        onFocus: () => C(!0),
         onBlur: () => {
-          P(!1), Y(!1);
+          C(!1), F(!1);
         }
       } : {},
-      ...C && {
-        href: D ? void 0 : Ce(u),
+      ...T && {
+        href: P ? void 0 : Ce(u),
         ...p !== void 0 && { target: p },
         ...h !== void 0 && { rel: h }
       },
-      ...!C && z && {
+      ...!T && z && {
         type: "button",
-        ...D && { disabled: !0 }
+        ...P && { disabled: !0 }
       },
-      ...c !== void 0 && !D && { onClick: c },
+      ...c !== void 0 && !P && { onClick: c },
       ...z && m !== void 0 && { "aria-pressed": m },
-      ...C && D && { "aria-disabled": !0 },
+      ...T && P && { "aria-disabled": !0 },
       children: [
         d != null && /* @__PURE__ */ t("div", { style: { lineHeight: 0, overflow: "hidden", borderRadius: `${E} ${E} 0 0` }, children: d }),
         r != null && /* @__PURE__ */ t(
           "div",
           {
             style: {
-              padding: v,
+              padding: b,
               ...y.dividers ? { borderBottom: "1px solid var(--lucent-border-default)" } : {}
             },
             children: r
           }
         ),
-        /* @__PURE__ */ t(mt.Provider, { value: { px: k, py: S }, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(mt.Provider, { value: { px: S, py: I }, children: /* @__PURE__ */ t(
           "div",
           {
             style: {
-              padding: v,
+              padding: b,
               flex: 1,
               ...x ? {
                 background: "var(--lucent-surface)",
                 border: "1px solid var(--lucent-border-default)",
                 borderRadius: E,
-                boxShadow: qe[T],
-                marginLeft: `calc(${k} / 3)`,
-                marginRight: `calc(${k} / 3)`,
+                boxShadow: qe[k],
+                marginLeft: `calc(${S} / 3)`,
+                marginRight: `calc(${S} / 3)`,
                 // When header/footer is absent, mirror the horizontal inset vertically
                 // so the elevated body stays framed by the transparent chrome on all sides.
-                ...r == null && { marginTop: `calc(${S} / 3)` },
-                ...n == null && { marginBottom: `calc(${S} / 3)` }
+                ...r == null && { marginTop: `calc(${I} / 3)` },
+                ...n == null && { marginBottom: `calc(${I} / 3)` }
               } : {}
             },
             children: i
@@ -4854,7 +4854,7 @@ function hi({
           "div",
           {
             style: {
-              padding: v,
+              padding: b,
               ...y.dividers ? { borderTop: "1px solid var(--lucent-border-default)" } : {}
             },
             children: n
@@ -5128,14 +5128,14 @@ const mi = {
 ] }), Dr = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
   /* @__PURE__ */ t("path", { d: "M8 6V9M8 11V11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Pr = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+] }), Lr = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
   /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ t("path", { d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-] }), Lr = {
+] }), Pr = {
   info: /* @__PURE__ */ t(qr, {}),
   success: /* @__PURE__ */ t(Br, {}),
   warning: /* @__PURE__ */ t(Dr, {}),
-  danger: /* @__PURE__ */ t(Pr, {})
+  danger: /* @__PURE__ */ t(Lr, {})
 }, Rr = () => /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
 function gi({
   variant: e = "info",
@@ -5145,7 +5145,7 @@ function gi({
   icon: a,
   style: o
 }) {
-  const l = Er[e], s = a ?? Lr[e];
+  const l = Er[e], s = a ?? Pr[e];
   return /* @__PURE__ */ g(
     "div",
     {
@@ -5176,8 +5176,8 @@ function gi({
           }
         ),
         /* @__PURE__ */ g("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)" }, children: [
-          r && /* @__PURE__ */ t(j, { as: "span", size: "sm", weight: "semibold", color: l.textColor, lineHeight: "tight", children: r }),
-          n && /* @__PURE__ */ t(j, { as: "span", size: "sm", color: l.textColor, lineHeight: "base", children: n })
+          r && /* @__PURE__ */ t(G, { as: "span", size: "sm", weight: "semibold", color: l.textColor, lineHeight: "tight", children: r }),
+          n && /* @__PURE__ */ t(G, { as: "span", size: "sm", color: l.textColor, lineHeight: "base", children: n })
         ] }),
         i && /* @__PURE__ */ t(
           "button",
@@ -5320,8 +5320,8 @@ function bi({
           }
         ),
         /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: [
-          /* @__PURE__ */ t(j, { as: "h3", size: "lg", weight: "semibold", align: "center", lineHeight: "tight", children: r }),
-          n && /* @__PURE__ */ t(j, { size: "sm", color: "secondary", align: "center", lineHeight: "relaxed", children: n })
+          /* @__PURE__ */ t(G, { as: "h3", size: "lg", weight: "semibold", align: "center", lineHeight: "tight", children: r }),
+          n && /* @__PURE__ */ t(G, { size: "sm", color: "secondary", align: "center", lineHeight: "relaxed", children: n })
         ] }),
         i != null && /* @__PURE__ */ t("div", { children: i })
       ]
@@ -5587,7 +5587,7 @@ function Fr({ items: e, separator: r = "/", style: n, LinkComponent: i }) {
           p.currentTarget.style.color = "var(--lucent-text-secondary)";
         };
         return /* @__PURE__ */ g("li", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
-          l ? /* @__PURE__ */ t(j, { size: "sm", color: "primary", as: "span", "aria-current": "page", children: a.label }) : a.href != null ? i ? /* @__PURE__ */ t(
+          l ? /* @__PURE__ */ t(G, { size: "sm", color: "primary", as: "span", "aria-current": "page", children: a.label }) : a.href != null ? i ? /* @__PURE__ */ t(
             i,
             {
               href: Ce(a.href) ?? "#",
@@ -5654,26 +5654,26 @@ function Vr() {
   e.setAttribute("data-lucent-collapsible", ""), e.textContent = Wr, document.head.appendChild(e), At = !0;
 }
 function ki({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChange: a, padded: o = !0, disabled: l = !1, style: s }) {
-  const c = ne(mt), u = c.px !== "0" || c.py !== "0", p = i !== void 0, [h, w] = q(n), b = p ? i : h, m = V(null), f = V(!1), d = V();
-  H(Vr, []), H(() => {
+  const c = ne(mt), u = c.px !== "0" || c.py !== "0", p = i !== void 0, [h, w] = q(n), v = p ? i : h, m = O(null), f = O(!1), d = O();
+  U(Vr, []), U(() => {
     f.current = !0;
-  }, []), oe(() => {
+  }, []), re(() => {
     const x = m.current;
     if (x)
-      if (b) {
+      if (v) {
         x.style.overflow = "hidden";
-        const T = x.scrollHeight;
-        x.style.height = `${T}px`, x.style.transition = zt, clearTimeout(d.current), d.current = setTimeout(() => {
+        const k = x.scrollHeight;
+        x.style.height = `${k}px`, x.style.transition = zt, clearTimeout(d.current), d.current = setTimeout(() => {
           x.style.height = "auto", x.style.overflow = "visible", x.style.transition = "";
         }, Xt + 20);
       } else f.current && (clearTimeout(d.current), x.style.overflow = "hidden", x.style.transition = "", x.style.height = `${x.scrollHeight}px`, x.getBoundingClientRect(), x.style.transition = zt, x.style.height = "0px");
-  }, [b]), H(() => {
+  }, [v]), U(() => {
     const x = m.current;
-    x && !b && !f.current && (x.style.height = "0px");
-  }, []), H(() => () => clearTimeout(d.current), []);
+    x && !v && !f.current && (x.style.height = "0px");
+  }, []), U(() => () => clearTimeout(d.current), []);
   const y = () => {
     if (l) return;
-    const x = !b;
+    const x = !v;
     p || w(x), a == null || a(x);
   };
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", fontFamily: "var(--lucent-font-family-base)", fontSize: "var(--lucent-font-size-md)", ...u && { margin: `calc(-1 * ${c.py}) calc(-1 * ${c.px})` }, ...s }, children: [
@@ -5683,7 +5683,7 @@ function ki({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChang
         "data-lucent-collapsible-trigger": !0,
         onClick: y,
         disabled: l,
-        "aria-expanded": b,
+        "aria-expanded": v,
         style: {
           display: "flex",
           alignItems: "center",
@@ -5704,7 +5704,7 @@ function ki({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChang
         },
         children: [
           /* @__PURE__ */ t("span", { style: { flex: 1 }, children: e }),
-          /* @__PURE__ */ t(Or, { open: b })
+          /* @__PURE__ */ t(Or, { open: v })
         ]
       }
     ),
@@ -5712,15 +5712,15 @@ function ki({ trigger: e, children: r, defaultOpen: n = !1, open: i, onOpenChang
       "div",
       {
         ref: m,
-        "aria-hidden": !b,
-        style: { overflow: b ? "visible" : "hidden" },
+        "aria-hidden": !v,
+        style: { overflow: v ? "visible" : "hidden" },
         children: /* @__PURE__ */ t(
           "div",
           {
             style: {
               ...o ? { padding: "var(--lucent-space-3) var(--lucent-space-4) var(--lucent-space-4)" } : {},
-              opacity: b ? 1 : 0,
-              transform: b ? "translateY(0)" : "translateY(-4px)",
+              opacity: v ? 1 : 0,
+              transform: v ? "translateY(0)" : "translateY(-4px)",
               transition: `opacity ${Mt}ms ${ye}, transform ${Mt}ms ${ye}`
             },
             children: r
@@ -5756,7 +5756,7 @@ function Or({ open: e }) {
 }
 function Hr(e) {
   const [r, n] = q(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
-  return H(() => {
+  return U(() => {
     const i = window.matchMedia(e);
     n(i.matches);
     const a = (o) => n(o.matches);
@@ -5885,46 +5885,46 @@ function Si({
   sidebarMode: p = "auto",
   sidebarDrawerBreakpoint: h = 768,
   sidebarDrawerOpen: w = !1,
-  onSidebarDrawerOpenChange: b,
+  onSidebarDrawerOpenChange: v,
   rightSidebar: m,
   rightSidebarWidth: f = 240,
   rightSidebarCollapsed: d = !1,
   footer: y,
   footerHeight: x = 28,
-  chromeBackground: T = "navigation",
-  mainStyle: S,
-  style: k
+  chromeBackground: k = "navigation",
+  mainStyle: I,
+  style: S
 }) {
-  const v = ke(s), E = ke(o), C = ke(l), z = ke(f), B = ke(x), D = n != null || i != null || a != null, $ = {
+  const b = ke(s), E = ke(o), T = ke(l), z = ke(f), D = ke(x), P = n != null || i != null || a != null, H = {
     navigation: "var(--lucent-navigation)",
     bgBase: "var(--lucent-bg-base)",
     bgSubtle: "var(--lucent-bg-subtle)",
     surface: "var(--lucent-surface)",
     surfaceSecondary: "var(--lucent-surface-secondary)"
-  }[T] ?? "var(--lucent-navigation)", R = Hr(`(max-width: ${h - 1}px)`), W = D && (p === "drawer" || p === "auto" && R), [P, O] = q(!1), [Y, L] = q("idle");
-  H(() => {
+  }[k] ?? "var(--lucent-navigation)", V = Hr(`(max-width: ${h - 1}px)`), W = P && (p === "drawer" || p === "auto" && V), [C, L] = q(!1), [F, B] = q("idle");
+  U(() => {
     if (w && W)
-      O(!0), L("entering");
-    else if (P) {
-      L("exiting");
-      const I = setTimeout(() => {
-        O(!1), L("idle");
+      L(!0), B("entering");
+    else if (C) {
+      B("exiting");
+      const M = setTimeout(() => {
+        L(!1), B("idle");
       }, Ue);
-      return () => clearTimeout(I);
+      return () => clearTimeout(M);
     }
-  }, [w, W]), H(() => {
-    !W && w && (b == null || b(!1));
-  }, [W]), H(() => {
+  }, [w, W]), U(() => {
+    !W && w && (v == null || v(!1));
+  }, [W]), U(() => {
     if (!w || !W) return;
-    const I = (F) => {
-      F.key === "Escape" && (b == null || b(!1));
+    const M = (N) => {
+      N.key === "Escape" && (v == null || v(!1));
     };
-    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
-  }, [w, W, b]), H(() => {
+    return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
+  }, [w, W, v]), U(() => {
     if (w && W) {
-      const I = document.body.style.overflow;
+      const M = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = I;
+        document.body.style.overflow = M;
       };
     }
   }, [w, W]);
@@ -5937,9 +5937,9 @@ function Si({
         flexDirection: "column",
         height: "100vh",
         overflow: "hidden",
-        background: $,
+        background: H,
         fontFamily: "var(--lucent-font-family-base)",
-        ...k
+        ...S
       },
       children: [
         /* @__PURE__ */ g("style", { children: [
@@ -5951,29 +5951,29 @@ function Si({
           {
             style: {
               flexShrink: 0,
-              height: v,
+              height: b,
               zIndex: 10,
-              background: $,
+              background: H,
               display: "flex",
               alignItems: "center"
             },
             children: [
-              W && /* @__PURE__ */ t("div", { style: { flexShrink: 0, padding: "0 var(--lucent-space-2)" }, children: /* @__PURE__ */ t(Et, { open: w, onClick: () => b == null ? void 0 : b(!w) }) }),
+              W && /* @__PURE__ */ t("div", { style: { flexShrink: 0, padding: "0 var(--lucent-space-2)" }, children: /* @__PURE__ */ t(Et, { open: w, onClick: () => v == null ? void 0 : v(!w) }) }),
               /* @__PURE__ */ t("div", { style: { flex: 1, height: "100%", minWidth: 0 }, children: r })
             ]
           }
         ),
         /* @__PURE__ */ g("div", { style: { display: "flex", flex: 1, overflow: "hidden", position: "relative" }, children: [
-          D && !W && /* @__PURE__ */ t(
+          P && !W && /* @__PURE__ */ t(
             "div",
             {
               style: {
-                width: c ? C : E,
+                width: c ? T : E,
                 flexShrink: 0,
                 display: "flex",
                 flexDirection: "column",
                 overflow: "hidden",
-                background: $,
+                background: H,
                 transition: "width 200ms var(--lucent-easing-default)"
               },
               children: /* @__PURE__ */ t(
@@ -5989,7 +5989,7 @@ function Si({
               )
             }
           ),
-          D && !W && u && /* @__PURE__ */ t(Gr, { collapsed: c, sidebarWidth: c ? C : E, onClick: () => u(!c) }),
+          P && !W && u && /* @__PURE__ */ t(Gr, { collapsed: c, sidebarWidth: c ? T : E, onClick: () => u(!c) }),
           /* @__PURE__ */ t(
             "main",
             {
@@ -6003,7 +6003,7 @@ function Si({
                 borderRadius: "var(--lucent-radius-lg)",
                 boxShadow: "var(--lucent-shadow-sm)",
                 background: "var(--lucent-bg-base)",
-                ...S
+                ...I
               },
               children: e
             }
@@ -6017,7 +6017,7 @@ function Si({
                 flexShrink: 0,
                 overflow: "hidden",
                 overflowY: d ? "hidden" : "auto",
-                background: $,
+                background: H,
                 transition: "width 200ms var(--lucent-easing-default)"
               },
               children: m
@@ -6029,26 +6029,26 @@ function Si({
           {
             style: {
               flexShrink: 0,
-              height: B,
+              height: D,
               zIndex: 10,
-              background: $
+              background: H
             },
             children: y
           }
         ),
-        W && P && ie(
+        W && C && ie(
           /* @__PURE__ */ g(Z, { children: [
             /* @__PURE__ */ t(
               "div",
               {
-                onClick: () => b == null ? void 0 : b(!1),
+                onClick: () => v == null ? void 0 : v(!1),
                 style: {
                   position: "fixed",
                   inset: 0,
                   zIndex: 1100,
                   background: "var(--lucent-bg-overlay)",
-                  animation: `${Y === "exiting" ? "lucent-backdrop-out" : "lucent-backdrop-in"} ${Ue}ms var(--lucent-easing-default) forwards`,
-                  pointerEvents: Y === "exiting" ? "none" : "auto"
+                  animation: `${F === "exiting" ? "lucent-backdrop-out" : "lucent-backdrop-in"} ${Ue}ms var(--lucent-easing-default) forwards`,
+                  pointerEvents: F === "exiting" ? "none" : "auto"
                 }
               }
             ),
@@ -6066,13 +6066,13 @@ function Si({
                   zIndex: 1101,
                   display: "flex",
                   flexDirection: "column",
-                  background: $,
+                  background: H,
                   boxShadow: "var(--lucent-shadow-lg)",
-                  animation: `${Y === "exiting" ? "lucent-drawer-out" : "lucent-drawer-in"} ${Ue}ms var(--lucent-easing-decelerate) forwards`,
+                  animation: `${F === "exiting" ? "lucent-drawer-out" : "lucent-drawer-in"} ${Ue}ms var(--lucent-easing-decelerate) forwards`,
                   fontFamily: "var(--lucent-font-family-base)"
                 },
                 children: [
-                  /* @__PURE__ */ t("div", { style: { flexShrink: 0, display: "flex", alignItems: "center", padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ t(Et, { open: !0, onClick: () => b == null ? void 0 : b(!1) }) }),
+                  /* @__PURE__ */ t("div", { style: { flexShrink: 0, display: "flex", alignItems: "center", padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ t(Et, { open: !0, onClick: () => v == null ? void 0 : v(!1) }) }),
                   /* @__PURE__ */ t(
                     qt,
                     {
@@ -6147,32 +6147,60 @@ function Ti({
   emptyState: l,
   style: s
 }) {
-  const [c, u] = q(null), [p, h] = q(0), [w, b] = q(null), [m, f] = q({}), d = i !== void 0, y = d ? i : p, x = e.some((M) => M.filterable), T = x ? r.filter((M) => e.every(($) => {
-    if (!$.filterable) return !0;
-    const R = m[$.key];
-    if (!R || R.length === 0) return !0;
-    const W = String(M[$.key] ?? "");
-    return R.includes(W);
-  })) : r, S = c ? [...T].sort((M, $) => {
-    const R = M[c.key], W = $[c.key], P = String(R ?? "").localeCompare(String(W ?? ""), void 0, { numeric: !0 });
-    return c.dir === "asc" ? P : -P;
-  }) : T, k = n > 0 ? S.slice(y * n, (y + 1) * n) : S, v = n > 0 ? Math.max(1, Math.ceil(S.length / n)) : 1, E = (M) => {
-    d || h(M), a == null || a(M);
-  }, C = (M) => {
-    u(($) => !$ || $.key !== M ? { key: M, dir: "asc" } : $.dir === "asc" ? { key: M, dir: "desc" } : null), d || h(0), a == null || a(0);
-  }, z = (M, $) => {
-    const R = { ...m, [M]: $ };
-    $.length === 0 && delete R[M], f(R), d || h(0), a == null || a(0), o == null || o(R);
-  }, B = () => {
+  const [c, u] = q(null), [p, h] = q(0), [w, v] = q(null), [m, f] = q({}), d = i !== void 0, y = d ? i : p, x = e.some((C) => C.filterable), k = O(/* @__PURE__ */ new Map()), [I, S] = q({}), b = (() => {
+    for (let C = e.length - 1; C >= 0; C--) {
+      const L = e[C];
+      if (L != null && L.sticky) return L.key;
+    }
+    return null;
+  })();
+  re(() => {
+    const C = e.filter((B) => B.sticky).map((B) => B.key);
+    if (C.length === 0) return;
+    const L = () => {
+      const B = {};
+      let A = 0;
+      for (const M of C) {
+        B[M] = A;
+        const N = k.current.get(M);
+        N && (A += N.getBoundingClientRect().width);
+      }
+      S(B);
+    };
+    L();
+    const F = new ResizeObserver(L);
+    for (const B of C) {
+      const A = k.current.get(B);
+      A && F.observe(A);
+    }
+    return () => F.disconnect();
+  }, [e]);
+  const E = x ? r.filter((C) => e.every((L) => {
+    if (!L.filterable) return !0;
+    const F = m[L.key];
+    if (!F || F.length === 0) return !0;
+    const B = String(C[L.key] ?? "");
+    return F.includes(B);
+  })) : r, T = c ? [...E].sort((C, L) => {
+    const F = C[c.key], B = L[c.key], A = String(F ?? "").localeCompare(String(B ?? ""), void 0, { numeric: !0 });
+    return c.dir === "asc" ? A : -A;
+  }) : E, z = n > 0 ? T.slice(y * n, (y + 1) * n) : T, D = n > 0 ? Math.max(1, Math.ceil(T.length / n)) : 1, P = (C) => {
+    d || h(C), a == null || a(C);
+  }, R = (C) => {
+    u((L) => !L || L.key !== C ? { key: C, dir: "asc" } : L.dir === "asc" ? { key: C, dir: "desc" } : null), d || h(0), a == null || a(0);
+  }, H = (C, L) => {
+    const F = { ...m, [C]: L };
+    L.length === 0 && delete F[C], f(F), d || h(0), a == null || a(0), o == null || o(F);
+  }, V = () => {
     f({}), d || h(0), a == null || a(0), o == null || o({});
-  }, D = [];
-  if (v <= 7)
-    for (let M = 0; M < v; M++) D.push(M);
+  }, W = [];
+  if (D <= 7)
+    for (let C = 0; C < D; C++) W.push(C);
   else {
-    D.push(0), y > 2 && D.push("…");
-    for (let M = Math.max(1, y - 1); M <= Math.min(v - 2, y + 1); M++)
-      D.push(M);
-    y < v - 3 && D.push("…"), D.push(v - 1);
+    W.push(0), y > 2 && W.push("…");
+    for (let C = Math.max(1, y - 1); C <= Math.min(D - 2, y + 1); C++)
+      W.push(C);
+    y < D - 3 && W.push("…"), W.push(D - 1);
   }
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-3)", ...s }, children: [
     x && /* @__PURE__ */ t("div", { style: { position: "relative", zIndex: 1 }, children: /* @__PURE__ */ t(
@@ -6181,8 +6209,8 @@ function Ti({
         columns: e,
         rows: r,
         filters: m,
-        onFilter: z,
-        onClearAll: B
+        onFilter: H,
+        onClearAll: V
       }
     ) }),
     /* @__PURE__ */ t("div", { style: {
@@ -6191,119 +6219,141 @@ function Ti({
       border: "1px solid var(--lucent-border-default)",
       background: "var(--lucent-surface)"
     }, children: /* @__PURE__ */ g("table", { style: {
-      width: "100%",
+      minWidth: "100%",
       borderCollapse: "collapse",
       fontFamily: "var(--lucent-font-family-base)",
       fontSize: "var(--lucent-font-size-sm)"
     }, children: [
-      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { style: { borderBottom: "1px solid var(--lucent-border-default)" }, children: e.map((M) => {
-        const $ = (c == null ? void 0 : c.key) === M.key ? c.dir : "none";
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { style: { borderBottom: "1px solid var(--lucent-border-default)" }, children: e.map((C) => {
+        const L = (c == null ? void 0 : c.key) === C.key ? c.dir : "none";
         return /* @__PURE__ */ t(
           "th",
           {
-            onClick: M.sortable ? () => C(M.key) : void 0,
+            ref: C.sticky ? (F) => {
+              F ? k.current.set(C.key, F) : k.current.delete(C.key);
+            } : void 0,
+            onClick: C.sortable ? () => R(C.key) : void 0,
             style: {
               padding: "var(--lucent-space-3) var(--lucent-space-4)",
-              textAlign: M.align ?? "left",
+              textAlign: C.align ?? "left",
               fontWeight: "var(--lucent-font-weight-medium)",
               color: "var(--lucent-text-secondary)",
-              background: "color-mix(in srgb, var(--lucent-text-primary) 5%, transparent)",
+              background: C.sticky ? "color-mix(in srgb, var(--lucent-text-primary) 5%, var(--lucent-surface))" : "color-mix(in srgb, var(--lucent-text-primary) 5%, transparent)",
               borderBottom: "1px solid var(--lucent-border-default)",
-              cursor: M.sortable ? "pointer" : "default",
+              cursor: C.sortable ? "pointer" : "default",
               userSelect: "none",
               whiteSpace: "nowrap",
-              ...M.width ? { width: M.width } : {}
+              ...C.width ? { width: C.width } : {},
+              ...C.sticky ? {
+                position: "sticky",
+                left: I[C.key] ?? 0,
+                zIndex: 2
+              } : {},
+              ...C.key === b ? {
+                boxShadow: "2px 0 4px -2px color-mix(in srgb, var(--lucent-text-primary) 10%, transparent)"
+              } : {}
             },
             children: /* @__PURE__ */ g("span", { style: { display: "inline-flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
-              M.header,
-              M.sortable && /* @__PURE__ */ t(_r, { state: $ }),
-              M.headerFilter && /* @__PURE__ */ t(
+              C.header,
+              C.sortable && /* @__PURE__ */ t(_r, { state: L }),
+              C.headerFilter && /* @__PURE__ */ t(
                 "span",
                 {
-                  onClick: (R) => R.stopPropagation(),
+                  onClick: (F) => F.stopPropagation(),
                   style: { display: "inline-flex", marginLeft: "var(--lucent-space-1)" },
-                  children: M.headerFilter
+                  children: C.headerFilter
                 }
               )
             ] })
           },
-          M.key
+          C.key
         );
       }) }) }),
-      /* @__PURE__ */ t("tbody", { children: k.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t("tbody", { children: z.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
         "td",
         {
           colSpan: e.length,
           style: { padding: "var(--lucent-space-12)", textAlign: "center" },
-          children: l ?? /* @__PURE__ */ t(j, { color: "secondary", children: "No data" })
+          children: l ?? /* @__PURE__ */ t(G, { color: "secondary", children: "No data" })
         }
-      ) }) : k.map((M, $) => /* @__PURE__ */ t(
+      ) }) : z.map((C, L) => /* @__PURE__ */ t(
         "tr",
         {
-          onMouseEnter: () => b($),
-          onMouseLeave: () => b(null),
+          onMouseEnter: () => v(L),
+          onMouseLeave: () => v(null),
           style: {
-            borderBottom: $ < k.length - 1 ? "1px solid var(--lucent-border-subtle)" : "none",
-            background: w === $ ? "color-mix(in srgb, var(--lucent-text-primary) 4%, transparent)" : "transparent",
+            borderBottom: L < z.length - 1 ? "1px solid var(--lucent-border-subtle)" : "none",
+            background: w === L ? "color-mix(in srgb, var(--lucent-text-primary) 4%, transparent)" : "transparent",
             transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
           },
-          children: e.map((R) => /* @__PURE__ */ t(
+          children: e.map((F) => /* @__PURE__ */ t(
             "td",
             {
               style: {
                 padding: "var(--lucent-space-3) var(--lucent-space-4)",
                 color: "var(--lucent-text-primary)",
-                textAlign: R.align ?? "left",
-                verticalAlign: "middle"
+                textAlign: F.align ?? "left",
+                verticalAlign: "middle",
+                whiteSpace: "nowrap",
+                ...F.sticky ? {
+                  position: "sticky",
+                  left: I[F.key] ?? 0,
+                  zIndex: 1,
+                  background: w === L ? "color-mix(in srgb, var(--lucent-text-primary) 4%, var(--lucent-surface))" : "var(--lucent-surface)",
+                  transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
+                } : {},
+                ...F.key === b ? {
+                  boxShadow: "2px 0 4px -2px color-mix(in srgb, var(--lucent-text-primary) 10%, transparent)"
+                } : {}
               },
-              children: R.render ? R.render(M, $) : String(M[R.key] ?? "")
+              children: F.render ? F.render(C, L) : String(C[F.key] ?? "")
             },
-            R.key
+            F.key
           ))
         },
-        $
+        L
       )) })
     ] }) }),
-    n > 0 && S.length > 0 && /* @__PURE__ */ g("div", { style: {
+    n > 0 && T.length > 0 && /* @__PURE__ */ g("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       gap: "var(--lucent-space-3)",
       flexWrap: "wrap"
     }, children: [
-      /* @__PURE__ */ t(j, { color: "secondary", size: "sm", children: S.length === 0 ? `0 rows${r.length > 0 ? ` (filtered from ${r.length})` : ""}` : S.length === 1 ? `1 row${S.length < r.length ? ` (filtered from ${r.length})` : ""}` : `${y * n + 1}–${Math.min((y + 1) * n, S.length)} of ${S.length} rows${S.length < r.length ? ` (filtered from ${r.length})` : ""}` }),
+      /* @__PURE__ */ t(G, { color: "secondary", size: "sm", children: T.length === 0 ? `0 rows${r.length > 0 ? ` (filtered from ${r.length})` : ""}` : T.length === 1 ? `1 row${T.length < r.length ? ` (filtered from ${r.length})` : ""}` : `${y * n + 1}–${Math.min((y + 1) * n, T.length)} of ${T.length} rows${T.length < r.length ? ` (filtered from ${r.length})` : ""}` }),
       /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
         /* @__PURE__ */ t(
           je,
           {
-            onClick: () => E(y - 1),
+            onClick: () => P(y - 1),
             disabled: y === 0,
             "aria-label": "Previous page",
             children: /* @__PURE__ */ t(Bt, { dir: "left" })
           }
         ),
-        D.map(
-          (M, $) => M === "…" ? /* @__PURE__ */ t("span", { style: {
+        W.map(
+          (C, L) => C === "…" ? /* @__PURE__ */ t("span", { style: {
             padding: "0 var(--lucent-space-1)",
             color: "var(--lucent-text-disabled)",
             fontSize: "var(--lucent-font-size-sm)"
-          }, children: "…" }, `ellipsis-${$}`) : /* @__PURE__ */ t(
+          }, children: "…" }, `ellipsis-${L}`) : /* @__PURE__ */ t(
             je,
             {
-              onClick: () => E(M),
-              active: M === y,
-              "aria-label": `Page ${M + 1}`,
-              "aria-current": M === y ? "page" : void 0,
-              children: M + 1
+              onClick: () => P(C),
+              active: C === y,
+              "aria-label": `Page ${C + 1}`,
+              "aria-current": C === y ? "page" : void 0,
+              children: C + 1
             },
-            M
+            C
           )
         ),
         /* @__PURE__ */ t(
           je,
           {
-            onClick: () => E(y + 1),
-            disabled: y >= v - 1,
+            onClick: () => P(y + 1),
+            disabled: y >= D - 1,
             "aria-label": "Next page",
             children: /* @__PURE__ */ t(Bt, { dir: "right" })
           }
@@ -6364,8 +6414,8 @@ function Kr({
   value: n,
   onChange: i
 }) {
-  const [a, o] = q(!1), [l, s] = q(!1), [c, u] = q(""), p = V(null), h = V(null), w = n.length > 0;
-  H(() => {
+  const [a, o] = q(!1), [l, s] = q(!1), [c, u] = q(""), p = O(null), h = O(null), w = n.length > 0;
+  U(() => {
     if (!a) {
       u("");
       return;
@@ -6383,7 +6433,7 @@ function Kr({
       document.removeEventListener("mousedown", d), document.removeEventListener("keydown", y);
     };
   }, [a]);
-  const b = c ? r.filter((d) => d.toLowerCase().includes(c.toLowerCase())) : r, m = (d) => i(n.includes(d) ? n.filter((y) => y !== d) : [...n, d]), f = n.length === 0 ? null : n.length === 1 ? /* @__PURE__ */ g("span", { style: { color: "var(--lucent-text-secondary)", fontWeight: "var(--lucent-font-weight-regular)" }, children: [
+  const v = c ? r.filter((d) => d.toLowerCase().includes(c.toLowerCase())) : r, m = (d) => i(n.includes(d) ? n.filter((y) => y !== d) : [...n, d]), f = n.length === 0 ? null : n.length === 1 ? /* @__PURE__ */ g("span", { style: { color: "var(--lucent-text-secondary)", fontWeight: "var(--lucent-font-weight-regular)" }, children: [
     ": ",
     n[0]
   ] }) : /* @__PURE__ */ g("span", { style: { color: "var(--lucent-accent-default)" }, children: [
@@ -6490,13 +6540,13 @@ function Kr({
           children: "Clear selection"
         }
       ) }),
-      /* @__PURE__ */ t("div", { style: { overflowY: "auto", padding: "var(--lucent-space-1)", borderTop: "1px solid var(--lucent-border-subtle)", marginTop: "var(--lucent-space-2)" }, children: b.length === 0 ? /* @__PURE__ */ t("div", { style: {
+      /* @__PURE__ */ t("div", { style: { overflowY: "auto", padding: "var(--lucent-space-1)", borderTop: "1px solid var(--lucent-border-subtle)", marginTop: "var(--lucent-space-2)" }, children: v.length === 0 ? /* @__PURE__ */ t("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" }) : b.map((d) => /* @__PURE__ */ t(
+      }, children: "No results" }) : v.map((d) => /* @__PURE__ */ t(
         Xr,
         {
           label: d,
@@ -6717,51 +6767,51 @@ function Ii({
   onOpenChange: a,
   style: o
 }) {
-  const l = i !== void 0, [s, c] = q(!1), u = l ? i : s, [p, h] = q(""), [w, b] = q(0), m = V(null), f = V(null), d = V(!1);
+  const l = i !== void 0, [s, c] = q(!1), u = l ? i : s, [p, h] = q(""), [w, v] = q(0), m = O(null), f = O(null), d = O(!1);
   if (!d.current) {
-    const C = document.createElement("style");
-    C.textContent = Zr, document.head.appendChild(C), d.current = !0;
+    const T = document.createElement("style");
+    T.textContent = Zr, document.head.appendChild(T), d.current = !0;
   }
-  const y = X((C) => {
-    l || c(C), a == null || a(C);
+  const y = X((T) => {
+    l || c(T), a == null || a(T);
   }, [l, a]);
-  H(() => {
-    const C = (z) => {
+  U(() => {
+    const T = (z) => {
       (z.metaKey || z.ctrlKey) && z.key === n && (z.preventDefault(), y(!u));
     };
-    return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
-  }, [u, n, y]), H(() => {
-    u && (h(""), b(0), setTimeout(() => {
-      var C;
-      return (C = m.current) == null ? void 0 : C.focus();
+    return window.addEventListener("keydown", T), () => window.removeEventListener("keydown", T);
+  }, [u, n, y]), U(() => {
+    u && (h(""), v(0), setTimeout(() => {
+      var T;
+      return (T = m.current) == null ? void 0 : T.focus();
     }, 10));
   }, [u]);
-  const x = p ? e.filter((C) => Jr(C, p)) : e, T = x.filter((C) => !C.disabled);
-  H(() => {
-    const C = f.current;
-    if (!C) return;
-    const z = C.querySelector('[data-active="true"]');
+  const x = p ? e.filter((T) => Jr(T, p)) : e, k = x.filter((T) => !T.disabled);
+  U(() => {
+    const T = f.current;
+    if (!T) return;
+    const z = T.querySelector('[data-active="true"]');
     z == null || z.scrollIntoView({ block: "nearest" });
   }, [w]);
-  const S = (C) => {
-    C.disabled || (C.onSelect(), y(!1));
-  }, k = (C) => {
-    if (C.key === "Escape") {
+  const I = (T) => {
+    T.disabled || (T.onSelect(), y(!1));
+  }, S = (T) => {
+    if (T.key === "Escape") {
       y(!1);
       return;
     }
-    if (C.key === "ArrowDown")
-      C.preventDefault(), T.length > 0 && b((z) => (z + 1) % T.length);
-    else if (C.key === "ArrowUp")
-      C.preventDefault(), T.length > 0 && b((z) => (z - 1 + T.length) % T.length);
-    else if (C.key === "Enter") {
-      const z = T[w];
-      z && S(z);
-    }
-  }, v = [];
-  for (const C of x) {
-    const z = v[v.length - 1];
-    z && z.group === C.group ? z.items.push(C) : v.push({ group: C.group, items: [C] });
+    if (T.key === "ArrowDown")
+      T.preventDefault(), k.length > 0 && v((z) => (z + 1) % k.length);
+    else if (T.key === "ArrowUp")
+      T.preventDefault(), k.length > 0 && v((z) => (z - 1 + k.length) % k.length);
+    else if (T.key === "Enter") {
+      const z = k[w];
+      z && I(z);
+    }
+  }, b = [];
+  for (const T of x) {
+    const z = b[b.length - 1];
+    z && z.group === T.group ? z.items.push(T) : b.push({ group: T.group, items: [T] });
   }
   if (!u) return null;
   let E = 0;
@@ -6791,7 +6841,7 @@ function Ii({
           role: "combobox",
           "aria-haspopup": "listbox",
           "aria-expanded": "true",
-          onClick: (C) => C.stopPropagation(),
+          onClick: (T) => T.stopPropagation(),
           style: {
             width: "100%",
             maxWidth: 560,
@@ -6825,10 +6875,10 @@ function Ii({
                   "aria-autocomplete": "list",
                   "aria-controls": "lucent-command-list",
                   value: p,
-                  onChange: (C) => {
-                    h(C.target.value), b(0);
+                  onChange: (T) => {
+                    h(T.target.value), v(0);
                   },
-                  onKeyDown: k,
+                  onKeyDown: S,
                   placeholder: r,
                   style: {
                     flex: 1,
@@ -6851,30 +6901,30 @@ function Ii({
                 role: "listbox",
                 ref: f,
                 style: { maxHeight: 360, overflowY: "auto", padding: "var(--lucent-space-1) var(--lucent-space-2)" },
-                children: x.length === 0 ? /* @__PURE__ */ t("div", { style: { padding: "var(--lucent-space-8)", textAlign: "center" }, children: /* @__PURE__ */ g(j, { color: "secondary", children: [
+                children: x.length === 0 ? /* @__PURE__ */ t("div", { style: { padding: "var(--lucent-space-8)", textAlign: "center" }, children: /* @__PURE__ */ g(G, { color: "secondary", children: [
                   'No results for "',
                   p,
                   '"'
-                ] }) }) : v.map(({ group: C, items: z }, B) => /* @__PURE__ */ g("div", { children: [
-                  C && /* @__PURE__ */ t("div", { style: {
+                ] }) }) : b.map(({ group: T, items: z }, D) => /* @__PURE__ */ g("div", { children: [
+                  T && /* @__PURE__ */ t("div", { style: {
                     padding: "var(--lucent-space-2) var(--lucent-space-2) var(--lucent-space-1)",
-                    ...B > 0 ? { borderTop: "1px solid var(--lucent-border-subtle)", marginTop: "var(--lucent-space-2)" } : {}
-                  }, children: /* @__PURE__ */ t(j, { size: "xs", color: "secondary", weight: "medium", children: C }) }),
-                  z.map((D) => {
-                    const M = D.disabled ?? !1;
-                    let $ = !1;
-                    return M || ($ = E === w, E++), /* @__PURE__ */ g(
+                    ...D > 0 ? { borderTop: "1px solid var(--lucent-border-subtle)", marginTop: "var(--lucent-space-2)" } : {}
+                  }, children: /* @__PURE__ */ t(G, { size: "xs", color: "secondary", weight: "medium", children: T }) }),
+                  z.map((P) => {
+                    const R = P.disabled ?? !1;
+                    let H = !1;
+                    return R || (H = E === w, E++), /* @__PURE__ */ g(
                       "div",
                       {
                         role: "option",
-                        "aria-selected": $,
-                        "aria-disabled": M,
-                        "data-active": $,
-                        onClick: () => S(D),
+                        "aria-selected": H,
+                        "aria-disabled": R,
+                        "data-active": H,
+                        onClick: () => I(P),
                         onMouseEnter: () => {
-                          if (!M) {
-                            const R = T.indexOf(D);
-                            R !== -1 && b(R);
+                          if (!R) {
+                            const V = k.indexOf(P);
+                            V !== -1 && v(V);
                           }
                         },
                         style: {
@@ -6883,23 +6933,23 @@ function Ii({
                           gap: "var(--lucent-space-3)",
                           padding: "var(--lucent-space-2) var(--lucent-space-3)",
                           borderRadius: "var(--lucent-radius-md)",
-                          cursor: M ? "not-allowed" : "pointer",
-                          background: $ ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
+                          cursor: R ? "not-allowed" : "pointer",
+                          background: H ? "color-mix(in srgb, var(--lucent-accent-default) 20%, var(--lucent-surface-secondary))" : "transparent",
                           transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)",
-                          opacity: M ? 0.5 : 1
+                          opacity: R ? 0.5 : 1
                         },
                         children: [
-                          D.icon && /* @__PURE__ */ t("span", { style: { flexShrink: 0, color: "var(--lucent-text-secondary)", display: "flex" }, children: D.icon }),
+                          P.icon && /* @__PURE__ */ t("span", { style: { flexShrink: 0, color: "var(--lucent-text-secondary)", display: "flex" }, children: P.icon }),
                           /* @__PURE__ */ g("div", { style: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ t(j, { size: "sm", weight: "medium", truncate: !0, children: D.label }),
-                            D.description && /* @__PURE__ */ t(j, { size: "xs", color: "secondary", truncate: !0, children: D.description })
+                            /* @__PURE__ */ t(G, { size: "sm", weight: "medium", truncate: !0, children: P.label }),
+                            P.description && /* @__PURE__ */ t(G, { size: "xs", color: "secondary", truncate: !0, children: P.description })
                           ] })
                         ]
                       },
-                      D.id
+                      P.id
                     );
                   })
-                ] }, B))
+                ] }, D))
               }
             ),
             /* @__PURE__ */ t("div", { style: {
@@ -6912,10 +6962,10 @@ function Ii({
               ["↑↓", "Navigate"],
               ["↵", "Select"],
               ["Esc", "Close"]
-            ].map(([C, z]) => /* @__PURE__ */ g("span", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
-              /* @__PURE__ */ t(fe, { size: "xs", variant: "outline", tabIndex: -1, style: { pointerEvents: "none" }, children: C }),
-              /* @__PURE__ */ t(j, { size: "xs", color: "secondary", children: z })
-            ] }, C)) })
+            ].map(([T, z]) => /* @__PURE__ */ g("span", { style: { display: "flex", alignItems: "center", gap: "var(--lucent-space-1)" }, children: [
+              /* @__PURE__ */ t(fe, { size: "xs", variant: "outline", tabIndex: -1, style: { pointerEvents: "none" }, children: T }),
+              /* @__PURE__ */ t(G, { size: "xs", color: "secondary", children: z })
+            ] }, T)) })
           ]
         }
       )
@@ -7039,44 +7089,44 @@ function zi({
   errorText: p,
   style: h
 }) {
-  const w = r !== void 0, [b, m] = q(n), f = w ? r : b, [d, y] = q(!1), [x, T] = q(""), [S, k] = q(0), [v, E] = q(!1), C = V(null), z = V(null), B = V(null), D = V(null), [M, $] = q({ top: 0, left: 0, width: 0 }), R = at();
-  H(() => {
+  const w = r !== void 0, [v, m] = q(n), f = w ? r : v, [d, y] = q(!1), [x, k] = q(""), [I, S] = q(0), [b, E] = q(!1), T = O(null), z = O(null), D = O(null), P = O(null), [R, H] = q({ top: 0, left: 0, width: 0 }), V = at();
+  U(() => {
     if (!d) return;
-    const N = (G) => {
+    const $ = (_) => {
       var K, se;
-      !((K = C.current) != null && K.contains(G.target)) && !((se = D.current) != null && se.contains(G.target)) && (y(!1), T(""));
+      !((K = T.current) != null && K.contains(_.target)) && !((se = P.current) != null && se.contains(_.target)) && (y(!1), k(""));
     };
-    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
-  }, [d]), oe(() => {
-    if (!d || !B.current) return;
-    const N = B.current.getBoundingClientRect();
-    $({ top: N.bottom + 4, left: N.left, width: N.width });
+    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
+  }, [d]), re(() => {
+    if (!d || !D.current) return;
+    const $ = D.current.getBoundingClientRect();
+    H({ top: $.bottom + 4, left: $.left, width: $.width });
   }, [d, f, x]);
-  const W = (N) => {
-    const G = f.includes(N) ? f.filter((K) => K !== N) : l !== void 0 && f.length >= l ? f : [...f, N];
-    w || m(G), i == null || i(G);
-  }, P = (N) => {
-    const G = f.filter((K) => K !== N);
-    w || m(G), i == null || i(G);
-  }, O = e.filter(
-    (N) => N.label.toLowerCase().includes(x.toLowerCase())
-  ), Y = (N) => {
-    if (N.key === "Escape") {
-      y(!1), T("");
+  const W = ($) => {
+    const _ = f.includes($) ? f.filter((K) => K !== $) : l !== void 0 && f.length >= l ? f : [...f, $];
+    w || m(_), i == null || i(_);
+  }, C = ($) => {
+    const _ = f.filter((K) => K !== $);
+    w || m(_), i == null || i(_);
+  }, L = e.filter(
+    ($) => $.label.toLowerCase().includes(x.toLowerCase())
+  ), F = ($) => {
+    if ($.key === "Escape") {
+      y(!1), k("");
       return;
     }
-    if (N.key === "ArrowDown" && (N.preventDefault(), y(!0), k((G) => Math.min(G + 1, O.length - 1))), N.key === "ArrowUp" && (N.preventDefault(), k((G) => Math.max(G - 1, 0))), N.key === "Enter") {
-      N.preventDefault();
-      const G = O[S];
-      G && !G.disabled && W(G.value);
+    if ($.key === "ArrowDown" && ($.preventDefault(), y(!0), S((_) => Math.min(_ + 1, L.length - 1))), $.key === "ArrowUp" && ($.preventDefault(), S((_) => Math.max(_ - 1, 0))), $.key === "Enter") {
+      $.preventDefault();
+      const _ = L[I];
+      _ && !_.disabled && W(_.value);
     }
-    N.key === "Backspace" && x === "" && f.length > 0 && P(f[f.length - 1]);
-  }, L = l !== void 0 && f.length >= l, A = !!p, I = o ? "var(--lucent-border-default)" : A ? "var(--lucent-danger-default)" : v ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", F = v ? `0 0 0 3px ${A ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", U = `lucent-multiselect-${at()}`;
-  return /* @__PURE__ */ g("div", { ref: C, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...h }, children: [
+    $.key === "Backspace" && x === "" && f.length > 0 && C(f[f.length - 1]);
+  }, B = l !== void 0 && f.length >= l, A = !!p, M = o ? "var(--lucent-border-default)" : A ? "var(--lucent-danger-default)" : b ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", N = b ? `0 0 0 3px ${A ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", j = `lucent-multiselect-${at()}`;
+  return /* @__PURE__ */ g("div", { ref: T, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...h }, children: [
     c && /* @__PURE__ */ t(
       "label",
       {
-        htmlFor: U,
+        htmlFor: j,
         style: {
           fontSize: Ge[s],
           fontWeight: "var(--lucent-font-weight-medium)",
@@ -7086,13 +7136,13 @@ function zi({
         children: c
       }
     ),
-    /* @__PURE__ */ g("div", { ref: B, children: [
+    /* @__PURE__ */ g("div", { ref: D, children: [
       /* @__PURE__ */ g(
         "div",
         {
           onClick: () => {
-            var N;
-            o || (y(!0), (N = z.current) == null || N.focus());
+            var $;
+            o || (y(!0), ($ = z.current) == null || $.focus());
           },
           style: {
             display: "flex",
@@ -7103,35 +7153,35 @@ function zi({
             boxSizing: "border-box",
             padding: ta[s],
             borderRadius: "var(--lucent-radius-lg)",
-            border: `1px solid ${I}`,
+            border: `1px solid ${M}`,
             background: o ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
             cursor: o ? "not-allowed" : "text",
             transition: "border-color var(--lucent-duration-fast) var(--lucent-easing-default), box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",
-            boxShadow: F
+            boxShadow: N
           },
           children: [
-            f.map((N) => {
-              const G = e.find((K) => K.value === N);
-              return G ? /* @__PURE__ */ t(Le, { size: na[s], onDismiss: () => P(N), disabled: o, children: G.label }, N) : null;
+            f.map(($) => {
+              const _ = e.find((K) => K.value === $);
+              return _ ? /* @__PURE__ */ t(Pe, { size: na[s], onDismiss: () => C($), disabled: o, children: _.label }, $) : null;
             }),
             /* @__PURE__ */ t(
               "input",
               {
-                id: U,
+                id: j,
                 ref: z,
                 value: x,
-                onChange: (N) => {
-                  T(N.target.value), y(!0), k(0);
+                onChange: ($) => {
+                  k($.target.value), y(!0), S(0);
                 },
-                onKeyDown: Y,
+                onKeyDown: F,
                 onFocus: () => E(!0),
                 onBlur: () => E(!1),
                 disabled: o,
                 placeholder: f.length === 0 ? a : "",
                 "aria-autocomplete": "list",
-                "aria-controls": R,
+                "aria-controls": V,
                 "aria-expanded": d,
-                "aria-describedby": A ? `${U}-error` : u ? `${U}-helper` : void 0,
+                "aria-describedby": A ? `${j}-error` : u ? `${j}-helper` : void 0,
                 role: "combobox",
                 style: {
                   flex: "1 1 80px",
@@ -7154,15 +7204,15 @@ function zi({
         /* @__PURE__ */ g(
           "div",
           {
-            ref: D,
-            id: R,
+            ref: P,
+            id: V,
             role: "listbox",
             "aria-multiselectable": "true",
             style: {
               position: "fixed",
-              top: M.top,
-              left: M.left,
-              width: M.width,
+              top: R.top,
+              left: R.left,
+              width: R.width,
               zIndex: 1e3,
               background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
               backdropFilter: "blur(6px)",
@@ -7175,50 +7225,50 @@ function zi({
               padding: Be[s]
             },
             children: [
-              O.length === 0 ? /* @__PURE__ */ t("div", { style: { padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ t(j, { color: "secondary", size: Dt[s], children: "No options" }) }) : O.map((N, G) => {
-                const K = f.includes(N.value), se = G === S, re = N.disabled ?? !1, _ = L && !K;
+              L.length === 0 ? /* @__PURE__ */ t("div", { style: { padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ t(G, { color: "secondary", size: Dt[s], children: "No options" }) }) : L.map(($, _) => {
+                const K = f.includes($.value), se = _ === I, ae = $.disabled ?? !1, Y = B && !K;
                 return /* @__PURE__ */ g(
                   "div",
                   {
                     role: "option",
                     "aria-selected": K,
-                    "aria-disabled": re || _,
+                    "aria-disabled": ae || Y,
                     onClick: () => {
-                      !re && !_ && W(N.value);
+                      !ae && !Y && W($.value);
                     },
-                    onMouseEnter: () => k(G),
+                    onMouseEnter: () => S(_),
                     style: {
                       display: "flex",
                       alignItems: "center",
                       gap: Be[s],
                       padding: Be[s],
                       borderRadius: "var(--lucent-radius-md)",
-                      cursor: re || _ ? "not-allowed" : "pointer",
+                      cursor: ae || Y ? "not-allowed" : "pointer",
                       background: se ? "color-mix(in srgb, var(--lucent-text-primary) 5%, transparent)" : "transparent",
-                      opacity: re || _ ? 0.5 : 1
+                      opacity: ae || Y ? 0.5 : 1
                     },
                     children: [
                       /* @__PURE__ */ t(
                         pt,
                         {
                           checked: K,
-                          disabled: re || _,
+                          disabled: ae || Y,
                           size: s,
                           style: { margin: 0, pointerEvents: "none" },
                           "aria-hidden": !0,
                           readOnly: !0
                         }
                       ),
-                      /* @__PURE__ */ t(j, { size: Dt[s], children: N.label })
+                      /* @__PURE__ */ t(G, { size: Dt[s], children: $.label })
                     ]
                   },
-                  N.value
+                  $.value
                 );
               }),
-              L && /* @__PURE__ */ t("div", { style: {
+              B && /* @__PURE__ */ t("div", { style: {
                 padding: "var(--lucent-space-2)",
                 borderTop: "1px solid var(--lucent-border-subtle)"
-              }, children: /* @__PURE__ */ g(j, { size: s === "lg" ? "sm" : "xs", color: "secondary", children: [
+              }, children: /* @__PURE__ */ g(G, { size: s === "lg" ? "sm" : "xs", color: "secondary", children: [
                 "Max ",
                 l,
                 " selected"
@@ -7232,7 +7282,7 @@ function zi({
     A && /* @__PURE__ */ t(
       "span",
       {
-        id: `${U}-error`,
+        id: `${j}-error`,
         role: "alert",
         style: {
           fontSize: Ge[s],
@@ -7245,7 +7295,7 @@ function zi({
     !A && u && /* @__PURE__ */ t(
       "span",
       {
-        id: `${U}-helper`,
+        id: `${j}-helper`,
         style: {
           fontSize: Ge[s],
           color: "var(--lucent-text-secondary)",
@@ -7373,7 +7423,7 @@ function Re(e, r) {
 function $e(e, r) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) < new Date(r.getFullYear(), r.getMonth(), r.getDate());
 }
-function Pt(e, r) {
+function Lt(e, r) {
   return new Date(e.getFullYear(), e.getMonth(), e.getDate()) > new Date(r.getFullYear(), r.getMonth(), r.getDate());
 }
 const oa = [
@@ -7410,7 +7460,7 @@ const sa = { sm: "calc(var(--lucent-space-8) * 0.5 + 18px)", md: "calc(var(--luc
   md: "calc((var(--lucent-space-2) + var(--lucent-space-3)) / 2)",
   lg: "var(--lucent-space-3)"
 }, ua = { sm: 28, md: 32, lg: 38 }, pa = { sm: "var(--lucent-font-size-xs)", md: "var(--lucent-font-size-sm)", lg: "var(--lucent-font-size-md)" }, ha = { sm: "xs", md: "sm", lg: "md" }, fa = { sm: "xs", md: "xs", lg: "sm" }, ma = { sm: 24, md: 28, lg: 32 }, ga = { sm: 14, md: 16, lg: 18 }, Zt = { sm: "var(--lucent-space-3)", md: "var(--lucent-space-4)", lg: "var(--lucent-space-5)" }, st = { sm: 220, md: 260, lg: 300 };
-function Lt({ dir: e, onClick: r, disabled: n, size: i = "md" }) {
+function Pt({ dir: e, onClick: r, disabled: n, size: i = "md" }) {
   const [a, o] = q(!1), l = ma[i], s = ga[i];
   return /* @__PURE__ */ t(
     "button",
@@ -7461,54 +7511,54 @@ function lt({
   onDayHover: p,
   size: h = "md"
 }) {
-  const w = ra(e, r), b = aa(e, r), [m, f] = q(null), d = [
-    ...Array(b).fill(null),
+  const w = ra(e, r), v = aa(e, r), [m, f] = q(null), d = [
+    ...Array(v).fill(null),
     ...Array.from({ length: w }, (y, x) => x + 1)
   ];
   for (; d.length % 7 !== 0; ) d.push(null);
   return /* @__PURE__ */ g("div", { children: [
     /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "var(--lucent-space-3)" }, children: [
-      /* @__PURE__ */ t(Lt, { dir: "prev", onClick: s, size: h }),
-      /* @__PURE__ */ g(j, { weight: "medium", size: ha[h], children: [
+      /* @__PURE__ */ t(Pt, { dir: "prev", onClick: s, size: h }),
+      /* @__PURE__ */ g(G, { weight: "medium", size: ha[h], children: [
         oa[r],
         " ",
         e
       ] }),
-      /* @__PURE__ */ t(Lt, { dir: "next", onClick: c, size: h })
+      /* @__PURE__ */ t(Pt, { dir: "next", onClick: c, size: h })
     ] }),
-    /* @__PURE__ */ t("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: ia.map((y) => /* @__PURE__ */ t("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(j, { size: fa[h], color: "secondary", children: y }) }, y)) }),
+    /* @__PURE__ */ t("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: "var(--lucent-space-1)" }, children: ia.map((y) => /* @__PURE__ */ t("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(G, { size: fa[h], color: "secondary", children: y }) }, y)) }),
     /* @__PURE__ */ t("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: d.map((y, x) => {
       if (!y) return /* @__PURE__ */ t("div", {}, x);
-      const T = new Date(e, r, y), S = n ? Re(T, n) : !1, k = Re(T, i), v = (a ? $e(T, a) : !1) || (o ? Pt(T, o) : !1);
+      const k = new Date(e, r, y), I = n ? Re(k, n) : !1, S = Re(k, i), b = (a ? $e(k, a) : !1) || (o ? Lt(k, o) : !1);
       let E = !1;
-      return u != null && u.start && (u != null && u.end) && (E = !$e(T, u.start) && !Pt(T, u.end)), /* @__PURE__ */ t(
+      return u != null && u.start && (u != null && u.end) && (E = !$e(k, u.start) && !Lt(k, u.end)), /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          disabled: v,
-          onClick: () => !v && l(T),
+          disabled: b,
+          onClick: () => !b && l(k),
           onMouseEnter: () => {
-            f(y), p == null || p(T);
+            f(y), p == null || p(k);
           },
           onMouseLeave: () => {
             f(null), p == null || p(null);
           },
-          "aria-label": Te(T),
-          "aria-pressed": S,
+          "aria-label": Te(k),
+          "aria-pressed": I,
           style: {
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
             height: ua[h],
             width: "100%",
-            border: k && !S ? "1px solid var(--lucent-border-strong)" : "1px solid transparent",
+            border: S && !I ? "1px solid var(--lucent-border-strong)" : "1px solid transparent",
             borderRadius: "var(--lucent-radius-md)",
-            background: S ? "var(--lucent-accent-default)" : E ? "var(--lucent-accent-subtle)" : m === y && !v ? "color-mix(in srgb, var(--lucent-accent-default) 14%, transparent)" : "transparent",
-            color: S ? "var(--lucent-accent-fg)" : v ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
+            background: I ? "var(--lucent-accent-default)" : E ? "var(--lucent-accent-subtle)" : m === y && !b ? "color-mix(in srgb, var(--lucent-accent-default) 14%, transparent)" : "transparent",
+            color: I ? "var(--lucent-accent-fg)" : b ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
             fontSize: pa[h],
             fontFamily: "var(--lucent-font-family-base)",
-            fontWeight: k ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-            cursor: v ? "not-allowed" : "pointer",
+            fontWeight: S ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+            cursor: b ? "not-allowed" : "pointer",
             transition: "background var(--lucent-duration-fast)"
           },
           children: y
@@ -7532,27 +7582,27 @@ function Ei({
   errorText: p,
   style: h
 }) {
-  const w = e !== void 0, [b, m] = q(r), f = w ? e : b, d = !!p, y = a, x = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, T = /* @__PURE__ */ new Date(), [S, k] = q((f ?? T).getFullYear()), [v, E] = q((f ?? T).getMonth()), [C, z] = q(!1), [B, D] = q(!1), M = V(null), $ = V(null), [R, W] = q({ top: 0, left: 0 });
-  H(() => {
-    if (!C) return;
-    const I = (F) => {
-      var U, N;
-      !((U = M.current) != null && U.contains(F.target)) && !((N = $.current) != null && N.contains(F.target)) && z(!1);
+  const w = e !== void 0, [v, m] = q(r), f = w ? e : v, d = !!p, y = a, x = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, k = /* @__PURE__ */ new Date(), [I, S] = q((f ?? k).getFullYear()), [b, E] = q((f ?? k).getMonth()), [T, z] = q(!1), [D, P] = q(!1), R = O(null), H = O(null), [V, W] = q({ top: 0, left: 0 });
+  U(() => {
+    if (!T) return;
+    const M = (N) => {
+      var j, $;
+      !((j = R.current) != null && j.contains(N.target)) && !(($ = H.current) != null && $.contains(N.target)) && z(!1);
     };
-    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
-  }, [C]), oe(() => {
-    if (!C || !M.current) return;
-    const I = M.current.getBoundingClientRect();
-    W({ top: I.bottom + 4, left: I.left });
-  }, [C]);
-  const P = (I) => {
-    w || m(I), n == null || n(I), z(!1);
-  }, O = () => {
-    v === 0 ? (E(11), k((I) => I - 1)) : E((I) => I - 1);
-  }, Y = () => {
-    v === 11 ? (E(0), k((I) => I + 1)) : E((I) => I + 1);
-  }, L = y ? "transparent" : d ? "var(--lucent-danger-default)" : B ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", A = B ? `0 0 0 3px ${d ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
-  return /* @__PURE__ */ g("div", { ref: M, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...h }, children: [
+    return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
+  }, [T]), re(() => {
+    if (!T || !R.current) return;
+    const M = R.current.getBoundingClientRect();
+    W({ top: M.bottom + 4, left: M.left });
+  }, [T]);
+  const C = (M) => {
+    w || m(M), n == null || n(M), z(!1);
+  }, L = () => {
+    b === 0 ? (E(11), S((M) => M - 1)) : E((M) => M - 1);
+  }, F = () => {
+    b === 11 ? (E(0), S((M) => M + 1)) : E((M) => M + 1);
+  }, B = y ? "transparent" : d ? "var(--lucent-danger-default)" : D ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", A = D ? `0 0 0 3px ${d ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+  return /* @__PURE__ */ g("div", { ref: R, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...h }, children: [
     c && /* @__PURE__ */ t(
       "label",
       {
@@ -7572,11 +7622,11 @@ function Ei({
         type: "button",
         id: x,
         disabled: a,
-        onClick: () => !a && z((I) => !I),
-        onFocus: () => D(!0),
-        onBlur: () => D(!1),
+        onClick: () => !a && z((M) => !M),
+        onFocus: () => P(!0),
+        onBlur: () => P(!1),
         "aria-haspopup": "dialog",
-        "aria-expanded": C,
+        "aria-expanded": T,
         "aria-invalid": d,
         style: {
           display: "flex",
@@ -7587,7 +7637,7 @@ function Ei({
           boxSizing: "border-box",
           padding: `0 ${ca[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
-          border: `1px solid ${L}`,
+          border: `1px solid ${B}`,
           boxShadow: A,
           background: y ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
           color: f ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
@@ -7633,17 +7683,17 @@ function Ei({
         children: u
       }
     ),
-    C && ie(
+    T && ie(
       /* @__PURE__ */ t(
         "div",
         {
-          ref: $,
+          ref: H,
           role: "dialog",
           "aria-label": "Date picker",
           style: {
             position: "fixed",
-            top: R.top,
-            left: R.left,
+            top: V.top,
+            left: V.left,
             zIndex: 1e3,
             background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
             backdropFilter: "blur(6px)",
@@ -7657,15 +7707,15 @@ function Ei({
           children: /* @__PURE__ */ t(
             lt,
             {
-              year: S,
-              month: v,
+              year: I,
+              month: b,
               ...f !== void 0 && { selected: f },
-              today: T,
+              today: k,
               ...o !== void 0 && { min: o },
               ...l !== void 0 && { max: l },
-              onSelect: P,
-              onPrevMonth: O,
-              onNextMonth: Y,
+              onSelect: C,
+              onPrevMonth: L,
+              onNextMonth: F,
               size: s
             }
           )
@@ -7821,42 +7871,42 @@ function ka({
   trigger: h,
   style: w
 }) {
-  const b = e !== void 0, [m, f] = q(r), d = b ? e : m, y = !!p, x = a, T = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [S, k] = q(null), [v, E] = q(null), C = /* @__PURE__ */ new Date(), [z, B] = q(((d == null ? void 0 : d.start) ?? C).getFullYear()), [D, M] = q(((d == null ? void 0 : d.start) ?? C).getMonth()), $ = D === 11 ? 0 : D + 1, R = D === 11 ? z + 1 : z, [W, P] = q(!1), [O, Y] = q(!1), L = V(null), A = V(null), [I, F] = q({ top: 0, left: 0 });
-  H(() => {
+  const v = e !== void 0, [m, f] = q(r), d = v ? e : m, y = !!p, x = a, k = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [I, S] = q(null), [b, E] = q(null), T = /* @__PURE__ */ new Date(), [z, D] = q(((d == null ? void 0 : d.start) ?? T).getFullYear()), [P, R] = q(((d == null ? void 0 : d.start) ?? T).getMonth()), H = P === 11 ? 0 : P + 1, V = P === 11 ? z + 1 : z, [W, C] = q(!1), [L, F] = q(!1), B = O(null), A = O(null), [M, N] = q({ top: 0, left: 0 });
+  U(() => {
     if (!W) return;
-    const _ = (me) => {
+    const Y = (me) => {
       var ze, xe;
-      !((ze = L.current) != null && ze.contains(me.target)) && !((xe = A.current) != null && xe.contains(me.target)) && (P(!1), k(null));
+      !((ze = B.current) != null && ze.contains(me.target)) && !((xe = A.current) != null && xe.contains(me.target)) && (C(!1), S(null));
     };
-    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
-  }, [W]), oe(() => {
-    if (!W || !L.current) return;
-    const _ = L.current.getBoundingClientRect();
-    F({ top: _.bottom + 4, left: _.left });
+    return document.addEventListener("mousedown", Y), () => document.removeEventListener("mousedown", Y);
+  }, [W]), re(() => {
+    if (!W || !B.current) return;
+    const Y = B.current.getBoundingClientRect();
+    N({ top: Y.bottom + 4, left: Y.left });
   }, [W]);
-  const U = (_) => {
-    if (!S)
-      k(_);
+  const j = (Y) => {
+    if (!I)
+      S(Y);
     else {
-      const [me, ze] = $e(_, S) || Re(_, S) ? [_, S] : [S, _], xe = { start: me, end: ze };
-      b || f(xe), n == null || n(xe), k(null), P(!1);
+      const [me, ze] = $e(Y, I) || Re(Y, I) ? [Y, I] : [I, Y], xe = { start: me, end: ze };
+      v || f(xe), n == null || n(xe), S(null), C(!1);
     }
-  }, N = () => {
-    D === 0 ? (M(11), B((_) => _ - 1)) : M((_) => _ - 1);
-  }, G = () => {
-    D === 11 ? (M(0), B((_) => _ + 1)) : M((_) => _ + 1);
+  }, $ = () => {
+    P === 0 ? (R(11), D((Y) => Y - 1)) : R((Y) => Y - 1);
+  }, _ = () => {
+    P === 11 ? (R(0), D((Y) => Y + 1)) : R((Y) => Y + 1);
   };
   let K;
-  if (S && v) {
-    const [_, me] = $e(v, S) ? [v, S] : [S, v];
-    K = { start: _, end: me };
-  } else S ? K = { start: S, end: S } : d && (K = { start: d.start, end: d.end });
-  const se = x ? "transparent" : y ? "var(--lucent-danger-default)" : O ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", re = O ? `0 0 0 3px ${y ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
-  return /* @__PURE__ */ g("div", { ref: L, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...w }, children: [
+  if (I && b) {
+    const [Y, me] = $e(b, I) ? [b, I] : [I, b];
+    K = { start: Y, end: me };
+  } else I ? K = { start: I, end: I } : d && (K = { start: d.start, end: d.end });
+  const se = x ? "transparent" : y ? "var(--lucent-danger-default)" : L ? "var(--lucent-accent-border)" : "var(--lucent-border-default)", ae = L ? `0 0 0 3px ${y ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+  return /* @__PURE__ */ g("div", { ref: B, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", ...w }, children: [
     c && /* @__PURE__ */ t(
       "label",
       {
-        htmlFor: T,
+        htmlFor: k,
         style: {
           fontSize: Ye[s],
           fontWeight: "var(--lucent-font-weight-medium)",
@@ -7869,7 +7919,7 @@ function ka({
     h ? /* @__PURE__ */ t(
       "span",
       {
-        onClick: () => !a && P((_) => !_),
+        onClick: () => !a && C((Y) => !Y),
         "aria-haspopup": "dialog",
         "aria-expanded": W,
         style: { display: "inline-flex", cursor: a ? "not-allowed" : "pointer" },
@@ -7879,11 +7929,11 @@ function ka({
       "button",
       {
         type: "button",
-        id: T,
+        id: k,
         disabled: a,
-        onClick: () => !a && P((_) => !_),
-        onFocus: () => Y(!0),
-        onBlur: () => Y(!1),
+        onClick: () => !a && C((Y) => !Y),
+        onFocus: () => F(!0),
+        onBlur: () => F(!1),
         "aria-haspopup": "dialog",
         "aria-expanded": W,
         "aria-invalid": y,
@@ -7897,7 +7947,7 @@ function ka({
           padding: `0 ${ya[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
           border: `1px solid ${se}`,
-          boxShadow: re,
+          boxShadow: ae,
           background: x ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
           color: d ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           fontFamily: "var(--lucent-font-family-base)",
@@ -7951,8 +8001,8 @@ function ka({
           "aria-label": "Date range picker",
           style: {
             position: "fixed",
-            top: I.top,
-            left: I.left,
+            top: M.top,
+            left: M.left,
             zIndex: 1e3,
             background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
             backdropFilter: "blur(6px)",
@@ -7969,16 +8019,16 @@ function ka({
               lt,
               {
                 year: z,
-                month: D,
+                month: P,
                 ...(d == null ? void 0 : d.start) !== void 0 && { selected: d.start },
-                today: C,
+                today: T,
                 ...o !== void 0 && { min: o },
                 ...l !== void 0 && { max: l },
-                onSelect: U,
-                onPrevMonth: N,
-                onNextMonth: G,
+                onSelect: j,
+                onPrevMonth: $,
+                onNextMonth: _,
                 ...K !== void 0 && { highlightRange: K },
-                ...S && { onDayHover: E },
+                ...I && { onDayHover: E },
                 size: s
               }
             ) }),
@@ -7986,17 +8036,17 @@ function ka({
             /* @__PURE__ */ t("div", { style: { minWidth: st[s] }, children: /* @__PURE__ */ t(
               lt,
               {
-                year: R,
-                month: $,
+                year: V,
+                month: H,
                 ...(d == null ? void 0 : d.end) !== void 0 && { selected: d.end },
-                today: C,
+                today: T,
                 ...o !== void 0 && { min: o },
                 ...l !== void 0 && { max: l },
-                onSelect: U,
-                onPrevMonth: N,
-                onNextMonth: G,
+                onSelect: j,
+                onPrevMonth: $,
+                onNextMonth: _,
                 ...K !== void 0 && { highlightRange: K },
-                ...S && { onDayHover: E },
+                ...I && { onDayHover: E },
                 size: s
               }
             ) })
@@ -8005,12 +8055,12 @@ function ka({
       ),
       document.body
     ),
-    S && W && /* @__PURE__ */ t("div", { style: { position: "absolute", top: "calc(100% + var(--lucent-space-1))", left: 0, zIndex: 1001, pointerEvents: "none" } }),
-    S && W && /* @__PURE__ */ t("div", { style: {
+    I && W && /* @__PURE__ */ t("div", { style: { position: "absolute", top: "calc(100% + var(--lucent-space-1))", left: 0, zIndex: 1001, pointerEvents: "none" } }),
+    I && W && /* @__PURE__ */ t("div", { style: {
       position: "absolute",
       bottom: -24,
       left: 0
-    }, children: /* @__PURE__ */ t(j, { size: "xs", color: "secondary", children: "Now pick the end date" }) })
+    }, children: /* @__PURE__ */ t(G, { size: "xs", color: "secondary", children: "Now pick the end date" }) })
   ] });
 }
 const Bi = {
@@ -8146,8 +8196,8 @@ function Ta({
       /* @__PURE__ */ t("path", { d: "M12 2v4h4", stroke: "currentColor", strokeWidth: "1.3" })
     ] }),
     /* @__PURE__ */ g("div", { style: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ t(j, { size: "sm", truncate: !0, children: e.file.name }),
-      o ? /* @__PURE__ */ t(j, { size: "xs", color: "danger", children: e.error }) : /* @__PURE__ */ t(j, { size: "xs", color: "secondary", children: ct(e.file.size) }),
+      /* @__PURE__ */ t(G, { size: "sm", truncate: !0, children: e.file.name }),
+      o ? /* @__PURE__ */ t(G, { size: "xs", color: "danger", children: e.error }) : /* @__PURE__ */ t(G, { size: "xs", color: "secondary", children: ct(e.file.size) }),
       a !== void 0 && !o && /* @__PURE__ */ t("div", { style: {
         marginTop: 4,
         height: 3,
@@ -8199,27 +8249,27 @@ function Di({
   disabled: l = !1,
   style: s
 }) {
-  const c = i !== void 0, [u, p] = q([]), h = c ? i : u, [w, b] = q(!1), [m, f] = q(!1), d = V(null), y = X((k) => {
-    if (!k || l) return;
-    const v = [];
-    for (const C of Array.from(k)) {
-      if (n && C.size > n) {
-        o == null || o(`"${C.name}" exceeds the ${ct(n)} limit.`);
+  const c = i !== void 0, [u, p] = q([]), h = c ? i : u, [w, v] = q(!1), [m, f] = q(!1), d = O(null), y = X((S) => {
+    if (!S || l) return;
+    const b = [];
+    for (const T of Array.from(S)) {
+      if (n && T.size > n) {
+        o == null || o(`"${T.name}" exceeds the ${ct(n)} limit.`);
         continue;
       }
-      if (!r && h.length + v.length >= 1) break;
-      v.push({ id: Sa(), file: C });
+      if (!r && h.length + b.length >= 1) break;
+      b.push({ id: Sa(), file: T });
     }
-    if (v.length === 0) return;
-    const E = r ? [...h, ...v] : v;
+    if (b.length === 0) return;
+    const E = r ? [...h, ...b] : b;
     c || p(E), a == null || a(E);
-  }, [l, h, c, n, r, a, o]), x = (k) => {
-    const v = h.filter((E) => E.id !== k);
-    c || p(v), a == null || a(v);
-  }, T = (k) => {
-    k.preventDefault(), b(!1), y(k.dataTransfer.files);
-  }, S = (k) => {
-    y(k.target.files), k.target.value = "";
+  }, [l, h, c, n, r, a, o]), x = (S) => {
+    const b = h.filter((E) => E.id !== S);
+    c || p(b), a == null || a(b);
+  }, k = (S) => {
+    S.preventDefault(), v(!1), y(S.dataTransfer.files);
+  }, I = (S) => {
+    y(S.target.files), S.target.value = "";
   };
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-3)", ...s }, children: [
     /* @__PURE__ */ g(
@@ -8230,20 +8280,20 @@ function Di({
         "aria-label": "Upload files",
         "aria-disabled": l,
         onClick: () => {
-          var k;
-          return !l && ((k = d.current) == null ? void 0 : k.click());
+          var S;
+          return !l && ((S = d.current) == null ? void 0 : S.click());
         },
-        onKeyDown: (k) => {
-          var v;
-          (k.key === "Enter" || k.key === " ") && (k.preventDefault(), (v = d.current) == null || v.click());
+        onKeyDown: (S) => {
+          var b;
+          (S.key === "Enter" || S.key === " ") && (S.preventDefault(), (b = d.current) == null || b.click());
         },
         onFocus: () => f(!0),
         onBlur: () => f(!1),
-        onDragOver: (k) => {
-          k.preventDefault(), l || b(!0);
+        onDragOver: (S) => {
+          S.preventDefault(), l || v(!0);
         },
-        onDragLeave: () => b(!1),
-        onDrop: T,
+        onDragLeave: () => v(!1),
+        onDrop: k,
         style: {
           display: "flex",
           flexDirection: "column",
@@ -8275,8 +8325,8 @@ function Di({
             }
           ),
           /* @__PURE__ */ g("div", { style: { textAlign: "center", width: "100%" }, children: [
-            /* @__PURE__ */ t(j, { color: l ? "disabled" : "primary", weight: "medium", align: "center", children: w ? "Drop to upload" : "Drop files here or click to browse" }),
-            (e || n) && /* @__PURE__ */ t(j, { size: "xs", color: "secondary", align: "center", children: [
+            /* @__PURE__ */ t(G, { color: l ? "disabled" : "primary", weight: "medium", align: "center", children: w ? "Drop to upload" : "Drop files here or click to browse" }),
+            (e || n) && /* @__PURE__ */ t(G, { size: "xs", color: "secondary", align: "center", children: [
               e && `Accepted: ${e}`,
               n && `Max size: ${ct(n)}`
             ].filter(Boolean).join(" · ") })
@@ -8289,7 +8339,7 @@ function Di({
               accept: e,
               multiple: r,
               disabled: l,
-              onChange: S,
+              onChange: I,
               style: { display: "none" },
               tabIndex: -1
             }
@@ -8297,10 +8347,10 @@ function Di({
         ]
       }
     ),
-    h.length > 0 && /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: h.map((k) => /* @__PURE__ */ t(Ta, { item: k, onRemove: x }, k.id)) })
+    h.length > 0 && /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-2)" }, children: h.map((S) => /* @__PURE__ */ t(Ta, { item: S, onRemove: x }, S.id)) })
   ] });
 }
-const Pi = {
+const Li = {
   id: "file-upload",
   name: "FileUpload",
   tier: "molecule",
@@ -8411,7 +8461,7 @@ function Ia({ status: e }) {
     /* @__PURE__ */ t("path", { d: "M5 5v2.5", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round" })
   ] }) : /* @__PURE__ */ t("svg", { width: "6", height: "6", viewBox: "0 0 6 6", "aria-hidden": !0, children: /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: "#fff" }) });
 }
-function Li({ items: e, style: r }) {
+function Pi({ items: e, style: r }) {
   return /* @__PURE__ */ t(
     "ol",
     {
@@ -8466,10 +8516,10 @@ function Li({ items: e, style: r }) {
                 minWidth: 0
               }, children: [
                 /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "baseline", gap: "var(--lucent-space-2)", flexWrap: "wrap" }, children: [
-                  /* @__PURE__ */ t(j, { weight: "medium", size: "sm", children: n.title }),
-                  n.date && /* @__PURE__ */ t(j, { size: "xs", color: "secondary", children: n.date })
+                  /* @__PURE__ */ t(G, { weight: "medium", size: "sm", children: n.title }),
+                  n.date && /* @__PURE__ */ t(G, { size: "xs", color: "secondary", children: n.date })
                 ] }),
-                n.description && /* @__PURE__ */ t("div", { style: { marginTop: "var(--lucent-space-1)" }, children: /* @__PURE__ */ t(j, { size: "sm", color: "secondary", children: n.description }) }),
+                n.description && /* @__PURE__ */ t("div", { style: { marginTop: "var(--lucent-space-1)" }, children: /* @__PURE__ */ t(G, { size: "sm", color: "secondary", children: n.description }) }),
                 n.content && /* @__PURE__ */ t("div", { style: { marginTop: "var(--lucent-space-3)" }, children: n.content })
               ] })
             ]
@@ -8577,9 +8627,9 @@ const Ma = () => /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox:
   warning: { border: "var(--lucent-warning-default)", iconColor: "var(--lucent-warning-text)" },
   danger: { border: "var(--lucent-danger-default)", iconColor: "var(--lucent-danger-text)" }
 };
-let Pa = 0;
-function La() {
-  return `lucent-toast-${++Pa}`;
+let La = 0;
+function Pa() {
+  return `lucent-toast-${++La}`;
 }
 function Qt(e) {
   return e.startsWith("top");
@@ -8620,8 +8670,8 @@ function Rt({ entry: e, onDismiss: r, hideContent: n, fixedHeight: i }) {
           children: [
             h && /* @__PURE__ */ t("span", { style: { flexShrink: 0, color: p.iconColor, display: "flex", alignItems: "center" }, children: h }),
             /* @__PURE__ */ g("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)" }, children: [
-              /* @__PURE__ */ t(j, { as: "span", size: "sm", weight: "semibold", color: "primary", lineHeight: "tight", children: o }),
-              l && /* @__PURE__ */ t(j, { as: "span", size: "sm", color: "secondary", lineHeight: "base", style: { whiteSpace: "pre-line" }, children: l })
+              /* @__PURE__ */ t(G, { as: "span", size: "sm", weight: "semibold", color: "primary", lineHeight: "tight", children: o }),
+              l && /* @__PURE__ */ t(G, { as: "span", size: "sm", color: "secondary", lineHeight: "base", style: { whiteSpace: "pre-line" }, children: l })
             ] }),
             c && w === "button" && /* @__PURE__ */ t(Oa, { label: c.label, onClick: () => {
               c.onClick(), r(a);
@@ -8647,11 +8697,11 @@ function Rt({ entry: e, onDismiss: r, hideContent: n, fixedHeight: i }) {
                   color: "var(--lucent-text-secondary)",
                   opacity: n ? 0 : 0.6
                 },
-                onMouseEnter: (b) => {
-                  n || (b.currentTarget.style.opacity = "1");
+                onMouseEnter: (v) => {
+                  n || (v.currentTarget.style.opacity = "1");
                 },
-                onMouseLeave: (b) => {
-                  n || (b.currentTarget.style.opacity = "0.6");
+                onMouseLeave: (v) => {
+                  n || (v.currentTarget.style.opacity = "0.6");
                 },
                 children: /* @__PURE__ */ t(qa, {})
               }
@@ -8731,10 +8781,10 @@ function _a({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
   const [a, o] = q(!1), [l, s] = q(void 0), c = X((d) => {
     d && s(d.offsetHeight);
   }, []), u = Qt(r), p = e.filter((d) => d.phase !== "exiting"), h = e.filter((d) => d.phase === "exiting");
-  H(() => {
+  U(() => {
     p.length <= 1 && o(!1);
   }, [p.length]);
-  const w = V(null), b = X(() => {
+  const w = O(null), v = X(() => {
     w.current && (clearTimeout(w.current), w.current = null), p.length > 1 && o(!0);
   }, [p.length]), m = X(() => {
     w.current = setTimeout(() => {
@@ -8743,7 +8793,7 @@ function _a({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
   }, []), f = /* @__PURE__ */ t("div", { style: Ga(r), children: /* @__PURE__ */ t(
     "div",
     {
-      onMouseEnter: b,
+      onMouseEnter: v,
       onMouseLeave: m,
       style: { margin: "calc(-1 * var(--lucent-space-2))", padding: "var(--lucent-space-2)" },
       children: /* @__PURE__ */ g("div", { style: {
@@ -8756,14 +8806,14 @@ function _a({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
         transition: "transform var(--lucent-duration-base) var(--lucent-easing-emphasized), margin var(--lucent-duration-base) var(--lucent-easing-emphasized), gap var(--lucent-duration-base) var(--lucent-easing-emphasized)"
       }, children: [
         p.map((d, y) => {
-          const x = p.length - 1 - y, T = !a && x > Wa, S = x * $a, k = u ? S : -S, v = a ? 1 : 1 - x * Na, E = a ? 1 : Math.max(0, 1 - x * Fa), C = d.phase === "entering", z = x === 0, B = !a && !z;
+          const x = p.length - 1 - y, k = !a && x > Wa, I = x * $a, S = u ? I : -I, b = a ? 1 : 1 - x * Na, E = a ? 1 : Math.max(0, 1 - x * Fa), T = d.phase === "entering", z = x === 0, D = !a && !z;
           return /* @__PURE__ */ t(
             "div",
             {
               ref: z ? c : void 0,
               role: "status",
               "aria-live": "polite",
-              "aria-hidden": T,
+              "aria-hidden": k,
               style: {
                 // Front toast is relative (sets container height).
                 // Stacked toasts overlap via absolute + top: 0.
@@ -8772,20 +8822,20 @@ function _a({ toasts: e, position: r, onDismiss: n, portalContainer: i }) {
                 // Top positions: anchor at bottom:0 (peek below front toast)
                 ...!a && !z && (u ? { bottom: 0 } : { top: 0 }),
                 zIndex: 100 - x,
-                transform: C ? `translateY(${u ? "-20px" : "20px"}) scale(0.96)` : a ? void 0 : `translateY(${k}px) scaleX(${v})`,
-                opacity: C || d.phase === "exiting" ? 0 : E,
+                transform: T ? `translateY(${u ? "-20px" : "20px"}) scale(0.96)` : a ? void 0 : `translateY(${S}px) scaleX(${b})`,
+                opacity: T || d.phase === "exiting" ? 0 : E,
                 transformOrigin: u ? "bottom center" : "top center",
-                transition: C ? "none" : "transform var(--lucent-duration-base) var(--lucent-easing-emphasized), opacity var(--lucent-duration-base) var(--lucent-easing-default)",
-                pointerEvents: T ? "none" : "auto",
-                visibility: T ? "hidden" : "visible"
+                transition: T ? "none" : "transform var(--lucent-duration-base) var(--lucent-easing-emphasized), opacity var(--lucent-duration-base) var(--lucent-easing-default)",
+                pointerEvents: k ? "none" : "auto",
+                visibility: k ? "hidden" : "visible"
               },
               children: /* @__PURE__ */ t(
                 Rt,
                 {
                   entry: d,
                   onDismiss: n,
-                  hideContent: B,
-                  ...B && l !== void 0 && { fixedHeight: l }
+                  hideContent: D,
+                  ...D && l !== void 0 && { fixedHeight: l }
                 }
               )
             },
@@ -8825,13 +8875,13 @@ function Ni({
 }) {
   const [o, l] = q([]), s = X((p) => {
     l((h) => {
-      const w = h.find((b) => b.id === p);
-      return !w || w.phase === "exiting" ? h : h.map((b) => b.id === p ? { ...b, phase: "exiting" } : b);
+      const w = h.find((v) => v.id === p);
+      return !w || w.phase === "exiting" ? h : h.map((v) => v.id === p ? { ...v, phase: "exiting" } : v);
     }), setTimeout(() => {
       l((h) => h.filter((w) => w.id !== p));
     }, Ra);
   }, []), c = X((p) => {
-    const h = La(), w = {
+    const h = Pa(), w = {
       id: h,
       title: p.title,
       variant: p.variant ?? "default",
@@ -8841,8 +8891,8 @@ function Ni({
       ...p.icon !== void 0 && { icon: p.icon },
       phase: "entering"
     };
-    return l((b) => {
-      const m = [...b, w], f = m.filter((d) => d.phase !== "exiting");
+    return l((v) => {
+      const m = [...v, w], f = m.filter((d) => d.phase !== "exiting");
       if (f.length > i) {
         const d = f.slice(0, f.length - i);
         for (const y of d)
@@ -8852,12 +8902,12 @@ function Ni({
     }), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         l(
-          (b) => b.map((m) => m.id === h && m.phase === "entering" ? { ...m, phase: "visible" } : m)
+          (v) => v.map((m) => m.id === h && m.phase === "entering" ? { ...m, phase: "visible" } : m)
         );
       });
     }), h;
   }, [n, i, s]);
-  H(() => {
+  U(() => {
     const p = [];
     for (const h of o)
       if (h.phase === "visible" && h.duration !== 1 / 0) {
@@ -9141,21 +9191,21 @@ function We({
   style: o,
   "aria-label": l = "Navigation"
 }) {
-  const s = V(!1);
+  const s = O(!1);
   if (!s.current && typeof document < "u") {
     const f = document.createElement("style");
     f.textContent = Ya, document.head.appendChild(f), s.current = !0;
   }
-  const c = Fe[i], u = V(null), p = V(null), h = V(!1), w = V(0), b = X(() => {
+  const c = Fe[i], u = O(null), p = O(null), h = O(!1), w = O(0), v = X(() => {
     const f = u.current, d = p.current;
     if (!f || !d) return;
     const y = f.querySelector('[data-active="true"]'), x = f.querySelector('[data-active-parent="true"]');
-    let T = null, S = !1;
-    if (y && !y.closest('[aria-hidden="true"]') ? T = y : x && !x.closest('[aria-hidden="true"]') && (T = x, S = !0), !T) {
+    let k = null, I = !1;
+    if (y && !y.closest('[aria-hidden="true"]') ? k = y : x && !x.closest('[aria-hidden="true"]') && (k = x, I = !0), !k) {
       d.style.opacity = "0";
       return;
     }
-    const k = f.getBoundingClientRect(), v = T.getBoundingClientRect();
+    const S = f.getBoundingClientRect(), b = k.getBoundingClientRect();
     h.current ? d.style.transition = [
       `top 150ms ${De}`,
       `left 150ms ${De}`,
@@ -9164,11 +9214,11 @@ function We({
       "opacity 100ms ease",
       "background 150ms ease",
       "box-shadow 150ms ease"
-    ].join(", ") : (d.style.transition = "none", h.current = !0), d.style.top = `${v.top - k.top}px`, d.style.left = `${v.left - k.left}px`, d.style.width = `${v.width}px`, d.style.height = `${v.height}px`, d.style.opacity = "1", S ? (d.style.background = n ? "var(--lucent-surface-secondary)" : "color-mix(in srgb, var(--lucent-accent-default) 12%, transparent)", d.style.boxShadow = "none") : (d.style.background = n ? "var(--lucent-surface)" : "var(--lucent-accent-default)", d.style.boxShadow = n ? "inset -3px 0 0 var(--lucent-accent-default), var(--lucent-shadow-sm)" : "none");
+    ].join(", ") : (d.style.transition = "none", h.current = !0), d.style.top = `${b.top - S.top}px`, d.style.left = `${b.left - S.left}px`, d.style.width = `${b.width}px`, d.style.height = `${b.height}px`, d.style.opacity = "1", I ? (d.style.background = n ? "var(--lucent-surface-secondary)" : "color-mix(in srgb, var(--lucent-accent-default) 12%, transparent)", d.style.boxShadow = "none") : (d.style.background = n ? "var(--lucent-surface)" : "var(--lucent-accent-default)", d.style.boxShadow = n ? "inset -3px 0 0 var(--lucent-accent-default), var(--lucent-shadow-sm)" : "none");
   }, [n]), m = X(() => {
-    cancelAnimationFrame(w.current), w.current = requestAnimationFrame(b);
-  }, [b]);
-  return H(() => {
+    cancelAnimationFrame(w.current), w.current = requestAnimationFrame(v);
+  }, [v]);
+  return U(() => {
     const f = u.current;
     if (!f) return;
     const d = new MutationObserver(m);
@@ -9177,14 +9227,14 @@ function We({
       attributeFilter: ["data-active", "data-active-parent", "aria-hidden"],
       subtree: !0
     }), () => d.disconnect();
-  }, [m]), H(() => {
+  }, [m]), U(() => {
     const f = u.current;
     if (!f) return;
     const d = new ResizeObserver(m);
     return d.observe(f), () => d.disconnect();
-  }, [m]), H(() => {
+  }, [m]), U(() => {
     document.fonts.ready.then(m);
-  }, [m]), H(() => {
+  }, [m]), U(() => {
     m();
   }, [e, n, i, m]), /* @__PURE__ */ t(he.Provider, { value: { orientation: r, depth: 0, inverse: n, size: i, hasIcons: a, parentHasIcon: !1, requestMeasure: m }, children: /* @__PURE__ */ g(
     "nav",
@@ -9235,14 +9285,14 @@ function Ka({
   as: s,
   style: c
 }) {
-  const { orientation: u, depth: p, inverse: h, size: w, parentHasIcon: b, requestMeasure: m } = ne(he), f = Fe[w];
-  H(() => {
+  const { orientation: u, depth: p, inverse: h, size: w, parentHasIcon: v, requestMeasure: m } = ne(he), f = Fe[w];
+  U(() => {
     m();
   }, [n, m]);
   let d = null;
   const y = [], x = Array.isArray(e) ? e : [e];
-  for (const S of x)
-    S != null && typeof S == "object" && "type" in S && S.type === en ? d = S : y.push(S);
+  for (const I of x)
+    I != null && typeof I == "object" && "type" in I && I.type === en ? d = I : y.push(I);
   return d ? /* @__PURE__ */ t(
     Xa,
     {
@@ -9272,7 +9322,7 @@ function Ka({
         display: "flex",
         alignItems: "center",
         gap: f.gap,
-        padding: u === "vertical" ? `${f.paddingY} ${f.paddingX} ${f.paddingY} ${i != null || b ? "var(--lucent-space-2)" : "var(--lucent-space-4)"}` : `${f.paddingY} ${f.paddingX}`,
+        padding: u === "vertical" ? `${f.paddingY} ${f.paddingX} ${f.paddingY} ${i != null || v ? "var(--lucent-space-2)" : "var(--lucent-space-4)"}` : `${f.paddingY} ${f.paddingX}`,
         borderRadius: "var(--lucent-radius-md)",
         background: "transparent",
         color: o ? "var(--lucent-text-disabled)" : n ? h ? "var(--lucent-text-primary)" : "var(--lucent-accent-fg)" : "var(--lucent-text-secondary)",
@@ -9317,67 +9367,67 @@ function Xa({
   inverse: p,
   size: h
 }) {
-  const { hasIcons: w, requestMeasure: b } = ne(he), m = Fe[h], [f, d] = q(!1), y = V(null), [x, T] = q(0), S = V(null), k = V(null), v = V(), E = Za(s), C = i && !E, z = !C && !f && E, B = i || E;
-  H(() => {
-    b();
-  }, [f, i, E, b]), H(() => {
+  const { hasIcons: w, requestMeasure: v } = ne(he), m = Fe[h], [f, d] = q(!1), y = O(null), [x, k] = q(0), I = O(null), S = O(null), b = O(), E = Za(s), T = i && !E, z = !T && !f && E, D = i || E;
+  U(() => {
+    v();
+  }, [f, i, E, v]), U(() => {
     if (c !== "vertical") return;
-    const I = y.current;
-    if (I)
+    const M = y.current;
+    if (M)
       if (f) {
-        const F = I.scrollHeight;
-        T(F);
-        const U = setTimeout(() => {
-          T(void 0);
+        const N = M.scrollHeight;
+        k(N);
+        const j = setTimeout(() => {
+          k(void 0);
         }, 130);
-        return () => clearTimeout(U);
+        return () => clearTimeout(j);
       } else
-        T(I.scrollHeight), I.getBoundingClientRect(), T(0);
-  }, [f, c]), H(() => {
+        k(M.scrollHeight), M.getBoundingClientRect(), k(0);
+  }, [f, c]), U(() => {
     if (c !== "horizontal" || !f) return;
-    const I = (F) => {
-      S.current && !S.current.contains(F.target) && P();
+    const M = (N) => {
+      I.current && !I.current.contains(N.target) && C();
     };
-    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
-  }, [c, f]), oe(() => {
+    return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
+  }, [c, f]), re(() => {
     if (c !== "horizontal" || !f) return;
-    const I = k.current;
-    if (!I) return;
-    const F = I.getBoundingClientRect();
-    F.right > window.innerWidth && (I.style.left = "auto", I.style.right = "0"), F.bottom > window.innerHeight && (I.style.top = "auto", I.style.bottom = "100%", I.style.marginTop = "0", I.style.marginBottom = "var(--lucent-space-1)");
+    const M = S.current;
+    if (!M) return;
+    const N = M.getBoundingClientRect();
+    N.right > window.innerWidth && (M.style.left = "auto", M.style.right = "0"), N.bottom > window.innerHeight && (M.style.top = "auto", M.style.bottom = "100%", M.style.marginTop = "0", M.style.marginBottom = "var(--lucent-space-1)");
   }, [c, f]);
-  const [D, M] = q("idle"), [$, R] = q(!1), W = () => {
-    a || (R(!0), M("entering"), d(!0));
-  }, P = () => {
-    M("exiting"), setTimeout(() => {
-      d(!1), R(!1), M("idle");
+  const [P, R] = q("idle"), [H, V] = q(!1), W = () => {
+    a || (V(!0), R("entering"), d(!0));
+  }, C = () => {
+    R("exiting"), setTimeout(() => {
+      d(!1), V(!1), R("idle");
     }, Ke);
-  }, O = () => {
-    a || (c === "horizontal" ? f ? P() : W() : d(!f));
-  }, Y = (I) => {
-    a || (c === "vertical" ? (I.key === "ArrowRight" && !f && (I.preventDefault(), d(!0)), I.key === "ArrowLeft" && f && (I.preventDefault(), d(!1))) : (I.key === "ArrowDown" && !f && (I.preventDefault(), W()), I.key === "ArrowUp" && f && (I.preventDefault(), P())), (I.key === "Enter" || I.key === " ") && (I.preventDefault(), O()), I.key === "Escape" && f && (I.preventDefault(), c === "horizontal" ? P() : d(!1)));
   }, L = () => {
-    c === "horizontal" && !a && (clearTimeout(v.current), W());
+    a || (c === "horizontal" ? f ? C() : W() : d(!f));
+  }, F = (M) => {
+    a || (c === "vertical" ? (M.key === "ArrowRight" && !f && (M.preventDefault(), d(!0)), M.key === "ArrowLeft" && f && (M.preventDefault(), d(!1))) : (M.key === "ArrowDown" && !f && (M.preventDefault(), W()), M.key === "ArrowUp" && f && (M.preventDefault(), C())), (M.key === "Enter" || M.key === " ") && (M.preventDefault(), L()), M.key === "Escape" && f && (M.preventDefault(), c === "horizontal" ? C() : d(!1)));
+  }, B = () => {
+    c === "horizontal" && !a && (clearTimeout(b.current), W());
   }, A = () => {
-    c === "horizontal" && (v.current = setTimeout(() => P(), 150));
+    c === "horizontal" && (b.current = setTimeout(() => C(), 150));
   };
   return c === "horizontal" ? /* @__PURE__ */ g(
     "div",
     {
-      ref: S,
+      ref: I,
       style: { position: "relative" },
-      onMouseEnter: L,
+      onMouseEnter: B,
       onMouseLeave: A,
       children: [
         /* @__PURE__ */ g(
           "button",
           {
             "data-lucent-navitem": "",
-            "data-hint": B || void 0,
-            onClick: (I) => {
-              O(), o == null || o(I);
+            "data-hint": D || void 0,
+            onClick: (M) => {
+              L(), o == null || o(M);
             },
-            onKeyDown: Y,
+            onKeyDown: F,
             "aria-expanded": f,
             "aria-disabled": a || void 0,
             style: {
@@ -9387,12 +9437,12 @@ function Xa({
               padding: `${m.paddingY} ${m.paddingX}`,
               borderRadius: "var(--lucent-radius-md)",
               background: "transparent",
-              color: a ? "var(--lucent-text-disabled)" : B ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+              color: a ? "var(--lucent-text-disabled)" : D ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
               border: 0,
-              borderBottom: B ? "2px solid var(--lucent-accent-default)" : "2px solid transparent",
+              borderBottom: D ? "2px solid var(--lucent-accent-default)" : "2px solid transparent",
               fontFamily: "var(--lucent-font-family-base)",
               fontSize: m.fontSize,
-              fontWeight: B ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+              fontWeight: D ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
               cursor: a ? "not-allowed" : "pointer",
               transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), color var(--lucent-duration-fast) var(--lucent-easing-default)",
               userSelect: "none",
@@ -9408,10 +9458,10 @@ function Xa({
             ]
           }
         ),
-        $ && /* @__PURE__ */ t(he.Provider, { value: { orientation: "vertical", depth: 0, inverse: p, size: h, hasIcons: w, parentHasIcon: !1, requestMeasure: b }, children: /* @__PURE__ */ t(
+        H && /* @__PURE__ */ t(he.Provider, { value: { orientation: "vertical", depth: 0, inverse: p, size: h, hasIcons: w, parentHasIcon: !1, requestMeasure: v }, children: /* @__PURE__ */ t(
           "div",
           {
-            ref: k,
+            ref: S,
             style: {
               position: "absolute",
               top: "100%",
@@ -9424,7 +9474,7 @@ function Xa({
               boxShadow: "var(--lucent-shadow-lg)",
               padding: "var(--lucent-space-1)",
               zIndex: 100,
-              animation: D === "exiting" ? `lucent-navmenu-dropdown-out ${Ke}ms var(--lucent-easing-default) forwards` : `lucent-navmenu-dropdown-in ${Ke}ms var(--lucent-easing-default) forwards`
+              animation: P === "exiting" ? `lucent-navmenu-dropdown-out ${Ke}ms var(--lucent-easing-default) forwards` : `lucent-navmenu-dropdown-in ${Ke}ms var(--lucent-easing-default) forwards`
             },
             children: s
           }
@@ -9436,13 +9486,13 @@ function Xa({
       "button",
       {
         "data-lucent-navitem": "",
-        "data-active": C || void 0,
+        "data-active": T || void 0,
         "data-active-parent": z || void 0,
-        "data-hint": !C && !z && B || void 0,
-        onClick: (I) => {
-          O(), o == null || o(I);
+        "data-hint": !T && !z && D || void 0,
+        onClick: (M) => {
+          L(), o == null || o(M);
         },
-        onKeyDown: Y,
+        onKeyDown: F,
         "aria-expanded": f,
         "aria-disabled": a || void 0,
         style: {
@@ -9453,12 +9503,12 @@ function Xa({
           padding: `${m.paddingY} ${m.paddingX} ${m.paddingY} ${r != null ? "var(--lucent-space-2)" : "var(--lucent-space-4)"}`,
           borderRadius: "var(--lucent-radius-md)",
           background: "transparent",
-          color: a ? "var(--lucent-text-disabled)" : C ? p ? "var(--lucent-text-primary)" : "var(--lucent-accent-fg)" : z || B ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+          color: a ? "var(--lucent-text-disabled)" : T ? p ? "var(--lucent-text-primary)" : "var(--lucent-accent-fg)" : z || D ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
           border: 0,
           boxShadow: "none",
           fontFamily: "var(--lucent-font-family-base)",
           fontSize: m.fontSize,
-          fontWeight: B ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+          fontWeight: D ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
           textAlign: "left",
           textDecoration: "none",
           cursor: a ? "not-allowed" : "pointer",
@@ -9485,7 +9535,7 @@ function Xa({
           height: x !== void 0 ? x : "auto",
           transition: "height 120ms var(--lucent-easing-default)"
         },
-        children: /* @__PURE__ */ t(he.Provider, { value: { orientation: c, depth: u + 1, inverse: p, size: h, hasIcons: w, parentHasIcon: r != null, requestMeasure: b }, children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ t(he.Provider, { value: { orientation: c, depth: u + 1, inverse: p, size: h, hasIcons: w, parentHasIcon: r != null, requestMeasure: v }, children: /* @__PURE__ */ t(
           "div",
           {
             style: {
@@ -9528,40 +9578,40 @@ function Ja({
   collapsible: o,
   style: l
 }) {
-  const { orientation: s, inverse: c, size: u, hasIcons: p } = ne(he), h = Fe[u], w = o ?? r != null, b = p ? "var(--lucent-space-2)" : "var(--lucent-space-4)";
+  const { orientation: s, inverse: c, size: u, hasIcons: p } = ne(he), h = Fe[u], w = o ?? r != null, v = p ? "var(--lucent-space-2)" : "var(--lucent-space-4)";
   if (s === "horizontal")
     return /* @__PURE__ */ t(Z, { children: e });
-  const m = i !== void 0, [f, d] = q(n), y = m ? i : f, x = V(null), [T, S] = q(y ? void 0 : 0);
-  H(() => {
+  const m = i !== void 0, [f, d] = q(n), y = m ? i : f, x = O(null), [k, I] = q(y ? void 0 : 0);
+  U(() => {
     if (!w) return;
-    const v = x.current;
-    if (v)
+    const b = x.current;
+    if (b)
       if (y) {
-        const E = v.scrollHeight;
-        S(E);
-        const C = setTimeout(() => {
-          S(void 0);
+        const E = b.scrollHeight;
+        I(E);
+        const T = setTimeout(() => {
+          I(void 0);
         }, 130);
-        return () => clearTimeout(C);
+        return () => clearTimeout(T);
       } else
-        S(v.scrollHeight), v.getBoundingClientRect(), S(0);
+        I(b.scrollHeight), b.getBoundingClientRect(), I(0);
   }, [y, w]);
-  const k = X(() => {
-    const v = !y;
-    m || d(v), a == null || a(v);
+  const S = X(() => {
+    const b = !y;
+    m || d(b), a == null || a(b);
   }, [y, m, a]);
   return r ? /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", marginTop: "var(--lucent-space-3)", ...l }, children: [
     w ? /* @__PURE__ */ g(
       "button",
       {
-        onClick: k,
+        onClick: S,
         "aria-expanded": y,
         style: {
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
           width: "100%",
-          padding: `var(--lucent-space-1) var(--lucent-space-3) var(--lucent-space-1) ${b}`,
+          padding: `var(--lucent-space-1) var(--lucent-space-3) var(--lucent-space-1) ${v}`,
           background: "none",
           border: 0,
           cursor: "pointer",
@@ -9586,7 +9636,7 @@ function Ja({
       "div",
       {
         style: {
-          padding: `var(--lucent-space-1) var(--lucent-space-3) var(--lucent-space-1) ${b}`,
+          padding: `var(--lucent-space-1) var(--lucent-space-3) var(--lucent-space-1) ${v}`,
           fontFamily: "var(--lucent-font-family-base)",
           fontSize: "var(--lucent-font-size-xs)",
           fontWeight: "var(--lucent-font-weight-semibold)",
@@ -9606,7 +9656,7 @@ function Ja({
         "aria-hidden": !y,
         style: {
           overflow: "hidden",
-          height: T !== void 0 ? T : "auto",
+          height: k !== void 0 ? k : "auto",
           transition: "height 120ms var(--lucent-easing-default)"
         },
         children: /* @__PURE__ */ t(
@@ -9712,78 +9762,78 @@ function Wi({
   icon: c,
   style: u
 }) {
-  const p = n !== void 0, [h, w] = q(i), b = p ? n : h, [m, f] = q(!1), [d, y] = q(!1), [x, T] = q("idle"), [S, k] = q(null), [v, E] = q(-1), C = V(null), z = V(null);
+  const p = n !== void 0, [h, w] = q(i), v = p ? n : h, [m, f] = q(!1), [d, y] = q(!1), [x, k] = q("idle"), [I, S] = q(null), [b, E] = q(-1), T = O(null), z = O(null);
   if (!Nt && typeof document < "u") {
-    const P = document.createElement("style");
-    P.textContent = to, document.head.appendChild(P), Nt = !0;
+    const C = document.createElement("style");
+    C.textContent = to, document.head.appendChild(C), Nt = !0;
   }
-  H(() => {
+  U(() => {
     if (m)
-      y(!0), T("entering"), E(-1);
+      y(!0), k("entering"), E(-1);
     else if (d) {
-      T("exiting");
-      const P = setTimeout(() => {
-        y(!1), T("idle");
+      k("exiting");
+      const C = setTimeout(() => {
+        y(!1), k("idle");
       }, Xe);
-      return () => clearTimeout(P);
+      return () => clearTimeout(C);
     }
-  }, [m]), oe(() => {
-    if (!d || x !== "entering" || !C.current) return;
-    const P = requestAnimationFrame(() => {
-      const O = z.current, Y = C.current;
-      !O || !Y || k(ao(Y.getBoundingClientRect(), O));
+  }, [m]), re(() => {
+    if (!d || x !== "entering" || !T.current) return;
+    const C = requestAnimationFrame(() => {
+      const L = z.current, F = T.current;
+      !L || !F || S(ao(F.getBoundingClientRect(), L));
     });
-    return () => cancelAnimationFrame(P);
+    return () => cancelAnimationFrame(C);
   }, [d, x]);
-  const B = X(() => f(!1), []);
-  H(() => {
+  const D = X(() => f(!1), []);
+  U(() => {
     if (!m) return;
-    const P = (Y) => {
-      var A, I;
-      const L = Y.target;
-      (A = C.current) != null && A.contains(L) || (I = z.current) != null && I.contains(L) || B();
-    }, O = requestAnimationFrame(() => {
-      document.addEventListener("mousedown", P);
+    const C = (F) => {
+      var A, M;
+      const B = F.target;
+      (A = T.current) != null && A.contains(B) || (M = z.current) != null && M.contains(B) || D();
+    }, L = requestAnimationFrame(() => {
+      document.addEventListener("mousedown", C);
     });
     return () => {
-      cancelAnimationFrame(O), document.removeEventListener("mousedown", P);
+      cancelAnimationFrame(L), document.removeEventListener("mousedown", C);
     };
-  }, [m, B]), H(() => {
+  }, [m, D]), U(() => {
     if (!m) return;
-    const P = (O) => {
-      O.key === "Escape" && B();
+    const C = (L) => {
+      L.key === "Escape" && D();
     };
-    return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
-  }, [m, B]);
-  const D = (P) => {
-    const O = b.includes(P) ? b.filter((Y) => Y !== P) : [...b, P];
-    p || w(O), a == null || a(O);
-  }, M = () => {
-    p || w([]), a == null || a([]), B();
-  }, $ = (P) => {
-    if (P.key === "ArrowDown")
-      P.preventDefault(), E((O) => (O + 1) % r.length);
-    else if (P.key === "ArrowUp")
-      P.preventDefault(), E((O) => (O - 1 + r.length) % r.length);
-    else if ((P.key === "Enter" || P.key === " ") && v >= 0) {
-      P.preventDefault();
-      const O = r[v];
-      O && !O.disabled && D(O.value);
-    }
-  }, R = no[l], W = ro[l];
-  return /* @__PURE__ */ g("span", { ref: C, style: { display: "inline-flex", ...u }, children: [
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
+  }, [m, D]);
+  const P = (C) => {
+    const L = v.includes(C) ? v.filter((F) => F !== C) : [...v, C];
+    p || w(L), a == null || a(L);
+  }, R = () => {
+    p || w([]), a == null || a([]), D();
+  }, H = (C) => {
+    if (C.key === "ArrowDown")
+      C.preventDefault(), E((L) => (L + 1) % r.length);
+    else if (C.key === "ArrowUp")
+      C.preventDefault(), E((L) => (L - 1 + r.length) % r.length);
+    else if ((C.key === "Enter" || C.key === " ") && b >= 0) {
+      C.preventDefault();
+      const L = r[b];
+      L && !L.disabled && P(L.value);
+    }
+  }, V = no[l], W = ro[l];
+  return /* @__PURE__ */ g("span", { ref: T, style: { display: "inline-flex", ...u }, children: [
     /* @__PURE__ */ g(
       fe,
       {
-        variant: o === "outline" && b.length > 0 ? "secondary" : o === "ghost" ? "ghost" : o,
+        variant: o === "outline" && v.length > 0 ? "secondary" : o === "ghost" ? "ghost" : o,
         size: l,
         ...e ? { chevron: !0 } : {},
         disabled: s,
-        onClick: () => !s && f((P) => !P),
+        onClick: () => !s && f((C) => !C),
         ...c !== void 0 && { leftIcon: c },
         children: [
           e || void 0,
-          b.length > 0 && /* @__PURE__ */ t(Le, { variant: "accent", size: l === "xs" ? "sm" : l, children: b.length })
+          v.length > 0 && /* @__PURE__ */ t(Pe, { variant: "accent", size: l === "xs" ? "sm" : l, children: v.length })
         ]
       }
     ),
@@ -9796,11 +9846,11 @@ function Wi({
           "aria-multiselectable": !0,
           "aria-label": e,
           tabIndex: -1,
-          onKeyDown: $,
+          onKeyDown: H,
           style: {
             position: "fixed",
-            top: (S == null ? void 0 : S.top) ?? -9999,
-            left: (S == null ? void 0 : S.left) ?? -9999,
+            top: (I == null ? void 0 : I.top) ?? -9999,
+            left: (I == null ? void 0 : I.left) ?? -9999,
             zIndex: 1e3,
             minWidth: 180,
             background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
@@ -9809,52 +9859,52 @@ function Wi({
             border: "1px solid color-mix(in srgb, var(--lucent-accent-default) 15%, var(--lucent-border-default))",
             borderRadius: "var(--lucent-radius-lg)",
             boxShadow: "0 0 24px -4px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent), var(--lucent-shadow-md)",
-            padding: R,
+            padding: V,
             maxHeight: "min(320px, calc(100vh - 32px))",
             overflowY: "auto",
             animation: x === "exiting" ? `lucent-filter-ms-out ${Xe}ms var(--lucent-easing-default) forwards` : `lucent-filter-ms-in ${Xe}ms var(--lucent-easing-decelerate)`,
-            transformOrigin: (S == null ? void 0 : S.transformOrigin) ?? "top left",
+            transformOrigin: (I == null ? void 0 : I.transformOrigin) ?? "top left",
             outline: "none",
             pointerEvents: x === "exiting" ? "none" : "auto",
             fontFamily: "var(--lucent-font-family-base)"
           },
           children: [
-            r.map((P, O) => {
-              const Y = b.includes(P.value), L = v === O;
+            r.map((C, L) => {
+              const F = v.includes(C.value), B = b === L;
               return /* @__PURE__ */ g(
                 "div",
                 {
                   role: "option",
-                  "aria-selected": Y,
-                  "aria-disabled": P.disabled,
-                  onClick: () => !P.disabled && D(P.value),
-                  onMouseEnter: () => E(O),
+                  "aria-selected": F,
+                  "aria-disabled": C.disabled,
+                  onClick: () => !C.disabled && P(C.value),
+                  onMouseEnter: () => E(L),
                   style: {
                     display: "flex",
                     alignItems: "center",
                     gap: "var(--lucent-space-2)",
-                    padding: `var(--lucent-space-2) ${R}`,
+                    padding: `var(--lucent-space-2) ${V}`,
                     borderRadius: "var(--lucent-radius-md)",
-                    cursor: P.disabled ? "not-allowed" : "pointer",
-                    background: L ? "var(--lucent-surface-secondary)" : "transparent",
-                    opacity: P.disabled ? 0.5 : 1,
+                    cursor: C.disabled ? "not-allowed" : "pointer",
+                    background: B ? "var(--lucent-surface-secondary)" : "transparent",
+                    opacity: C.disabled ? 0.5 : 1,
                     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
                   },
                   children: [
                     /* @__PURE__ */ t(
                       pt,
                       {
-                        checked: Y,
+                        checked: F,
                         onChange: () => {
                         },
-                        disabled: P.disabled,
+                        disabled: C.disabled,
                         style: { pointerEvents: "none" }
                       }
                     ),
-                    P.swatch ? /* @__PURE__ */ t(Le, { size: l === "xs" ? "sm" : l, swatch: P.swatch, children: P.label }) : /* @__PURE__ */ t(j, { size: W, children: P.label })
+                    C.swatch ? /* @__PURE__ */ t(Pe, { size: l === "xs" ? "sm" : l, swatch: C.swatch, children: C.label }) : /* @__PURE__ */ t(G, { size: W, children: C.label })
                   ]
                 },
-                P.value
+                C.value
               );
             }),
             /* @__PURE__ */ t(
@@ -9871,16 +9921,16 @@ function Wi({
             /* @__PURE__ */ t(
               "div",
               {
-                onClick: b.length > 0 ? M : void 0,
+                onClick: v.length > 0 ? R : void 0,
                 style: {
                   display: "flex",
                   alignItems: "center",
-                  padding: `var(--lucent-space-2) ${R}`,
+                  padding: `var(--lucent-space-2) ${V}`,
                   borderRadius: "var(--lucent-radius-md)",
-                  cursor: b.length > 0 ? "pointer" : "default",
-                  opacity: b.length > 0 ? 1 : 0.5
+                  cursor: v.length > 0 ? "pointer" : "default",
+                  opacity: v.length > 0 ? 1 : 0.5
                 },
-                children: /* @__PURE__ */ t(j, { size: W, color: b.length > 0 ? "secondary" : "disabled", children: "Clear all" })
+                children: /* @__PURE__ */ t(G, { size: W, color: v.length > 0 ? "secondary" : "disabled", children: "Clear all" })
               }
             )
           ]
@@ -9903,8 +9953,8 @@ function Vi({
   style: u
 }) {
   var x;
-  const p = n !== void 0, [h, w] = q(i), b = p ? n : h, m = (x = r.find((T) => T.value === b)) == null ? void 0 : x.label, f = b !== void 0, d = (T) => {
-    p || w(T), a == null || a(T);
+  const p = n !== void 0, [h, w] = q(i), v = p ? n : h, m = (x = r.find((k) => k.value === v)) == null ? void 0 : x.label, f = v !== void 0, d = (k) => {
+    p || w(k), a == null || a(k);
   }, y = () => {
     p || w(void 0), a == null || a(void 0);
   };
@@ -9925,19 +9975,19 @@ function Vi({
       size: l,
       ...u !== void 0 && { style: u },
       children: [
-        r.map((T) => /* @__PURE__ */ t(
+        r.map((k) => /* @__PURE__ */ t(
           ot,
           {
-            selected: b === T.value,
-            ...T.disabled !== void 0 && { disabled: T.disabled },
-            onSelect: () => d(T.value),
-            children: T.label
+            selected: v === k.value,
+            ...k.disabled !== void 0 && { disabled: k.disabled },
+            onSelect: () => d(k.value),
+            children: k.label
           },
-          T.value
+          k.value
         )),
         f && /* @__PURE__ */ g(Z, { children: [
           /* @__PURE__ */ t(ar, {}),
-          /* @__PURE__ */ t(ot, { onSelect: y, children: /* @__PURE__ */ t(j, { size: l === "lg" ? "md" : "sm", color: "secondary", children: "Clear" }) })
+          /* @__PURE__ */ t(ot, { onSelect: y, children: /* @__PURE__ */ t(G, { size: l === "lg" ? "md" : "sm", color: "secondary", children: "Clear" }) })
         ] })
       ]
     }
@@ -9958,22 +10008,22 @@ function Oi({
   disabled: s = !1,
   style: c
 }) {
-  const u = e !== void 0, [p, h] = q(r), w = u ? e : p, [b, m] = q(!!w), f = V(null);
-  H(() => {
-    b && requestAnimationFrame(() => {
-      var T;
-      return (T = f.current) == null ? void 0 : T.focus();
+  const u = e !== void 0, [p, h] = q(r), w = u ? e : p, [v, m] = q(!!w), f = O(null);
+  U(() => {
+    v && requestAnimationFrame(() => {
+      var k;
+      return (k = f.current) == null ? void 0 : k.focus();
     });
-  }, [b]);
-  const d = (T) => {
-    const S = T.target.value;
-    u || h(S), n == null || n(S);
+  }, [v]);
+  const d = (k) => {
+    const I = k.target.value;
+    u || h(I), n == null || n(I);
   }, y = () => {
     w || m(!1);
   }, x = () => {
     s || m(!0);
   };
-  return b ? /* @__PURE__ */ t(
+  return v ? /* @__PURE__ */ t(
     jt,
     {
       ref: f,
@@ -10093,7 +10143,7 @@ function tn({ index: e, state: r, step: n, cfg: i }) {
   );
 }
 function nn({ state: e }) {
-  return /* @__PURE__ */ t(Le, { variant: po[e], size: "sm", borderless: !0, children: uo[e] });
+  return /* @__PURE__ */ t(Pe, { variant: po[e], size: "sm", borderless: !0, children: uo[e] });
 }
 function fo({ step: e, state: r, index: n, cfg: i, numbered: a, showStatus: o }) {
   return /* @__PURE__ */ g(Z, { children: [
@@ -10229,7 +10279,7 @@ function Ui({
   showStatus: o = !1,
   style: l
 }) {
-  H(ho, []);
+  U(ho, []);
   const s = so[n], c = e.map(lo), u = i === "vertical" ? go : mo;
   return /* @__PURE__ */ t(
     "div",
@@ -10375,8 +10425,8 @@ function Gi({
     n != null && n.length > 0 && /* @__PURE__ */ t(Fr, { items: n }),
     /* @__PURE__ */ g(xt, { justify: "between", align: "end", wrap: !0, gap: "3", children: [
       /* @__PURE__ */ g(yt, { gap: "1", style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ t(j, { as: "h1", size: "3xl", weight: "bold", family: "display", children: e }),
-        r != null && /* @__PURE__ */ t(j, { size: "sm", color: "secondary", children: r })
+        /* @__PURE__ */ t(G, { as: "h1", size: "3xl", weight: "bold", family: "display", children: e }),
+        r != null && /* @__PURE__ */ t(G, { size: "sm", color: "secondary", children: r })
       ] }),
       u && /* @__PURE__ */ g(xt, { gap: "2", wrap: !0, children: [
         s && a.map((p, h) => Wt(p, "outline", h)),
@@ -10604,28 +10654,28 @@ function Yi({
 }) {
   const [p, h] = q(null);
   if (e.length < 2) return null;
-  const w = gt(i), b = e.length - 1, m = Math.min(...e), f = Math.max(...e), d = vt([m, f], [ve - Ot, Ot]), y = e.map((C, z) => ({ x: z, y: d(C) })), x = l ? bt(y) : Ve(y), T = a ? l ? on(y, ve) : an(y, ve) : null, S = (C) => {
-    const z = C.currentTarget.getBoundingClientRect(), B = C.clientX - z.left, D = Math.round(B / z.width * (e.length - 1));
-    h(Math.max(0, Math.min(D, e.length - 1)));
-  }, k = p !== null ? y[p] : void 0, v = p !== null ? e[p] : void 0, E = p === 0 || p === e.length - 1;
+  const w = gt(i), v = e.length - 1, m = Math.min(...e), f = Math.max(...e), d = vt([m, f], [ve - Ot, Ot]), y = e.map((T, z) => ({ x: z, y: d(T) })), x = l ? bt(y) : Ve(y), k = a ? l ? on(y, ve) : an(y, ve) : null, I = (T) => {
+    const z = T.currentTarget.getBoundingClientRect(), D = T.clientX - z.left, P = Math.round(D / z.width * (e.length - 1));
+    h(Math.max(0, Math.min(P, e.length - 1)));
+  }, S = p !== null ? y[p] : void 0, b = p !== null ? e[p] : void 0, E = p === 0 || p === e.length - 1;
   return /* @__PURE__ */ g("div", { style: { position: "relative", width: r, height: n, ...u }, children: [
     /* @__PURE__ */ g(
       "svg",
       {
-        viewBox: `0 0 ${b} ${ve}`,
+        viewBox: `0 0 ${v} ${ve}`,
         width: "100%",
         height: "100%",
         preserveAspectRatio: "none",
         role: "img",
         "aria-label": c,
         style: { display: "block", overflow: "visible" },
-        onMouseMove: S,
+        onMouseMove: I,
         onMouseLeave: () => h(null),
         children: [
-          T && /* @__PURE__ */ t(
+          k && /* @__PURE__ */ t(
             "path",
             {
-              d: T,
+              d: k,
               fill: `color-mix(in srgb, ${w} 15%, transparent)`,
               stroke: "none"
             }
@@ -10645,9 +10695,9 @@ function Yi({
         ]
       }
     ),
-    k && /* @__PURE__ */ t("span", { style: {
+    S && /* @__PURE__ */ t("span", { style: {
       position: "absolute",
-      left: `${k.x / b * 100}%`,
+      left: `${S.x / v * 100}%`,
       top: 0,
       width: 1,
       height: "100%",
@@ -10657,10 +10707,10 @@ function Yi({
       transition: "left 150ms ease-out",
       pointerEvents: "none"
     } }),
-    k && /* @__PURE__ */ t("span", { style: {
+    S && /* @__PURE__ */ t("span", { style: {
       position: "absolute",
-      left: `${k.x / b * 100}%`,
-      top: `${k.y / ve * 100}%`,
+      left: `${S.x / v * 100}%`,
+      top: `${S.y / ve * 100}%`,
       width: 8,
       height: 8,
       borderRadius: "50%",
@@ -10670,16 +10720,16 @@ function Yi({
       transition: "left 150ms ease-out, top 150ms ease-out",
       pointerEvents: "none"
     } }),
-    k && v !== void 0 && !E && /* @__PURE__ */ t("span", { style: {
+    S && b !== void 0 && !E && /* @__PURE__ */ t("span", { style: {
       position: "absolute",
-      left: `${k.x / b * 100}%`,
-      top: `${k.y / ve * 100}%`,
+      left: `${S.x / v * 100}%`,
+      top: `${S.y / ve * 100}%`,
       transition: "left 150ms ease-out, top 150ms ease-out",
       pointerEvents: "none"
     }, children: /* @__PURE__ */ t("span", { style: { position: "absolute", bottom: -2 }, children: /* @__PURE__ */ t(
       Ne,
       {
-        content: s ? s(v, p) : v,
+        content: s ? s(b, p) : b,
         open: !0,
         placement: "top",
         children: /* @__PURE__ */ t("span", {})
@@ -10753,9 +10803,9 @@ function Xi({
 }) {
   const [h, w] = q(null);
   if (e.length === 0) return null;
-  const b = gt(i), m = le - ce - Je, f = be - bo, d = Math.max(...e.map((z) => z.value), 0), y = rn(0, d, 5), x = y[y.length - 1] ?? d, T = vt([0, x], [f, Qe]), S = m / e.length, k = S * (1 - s), v = (S - k) / 2, E = l ?? ((z) => z >= 1e3 ? `${(z / 1e3).toFixed(1)}k` : String(z)), C = (z) => {
-    const B = e[z], D = ce + z * S + S / 2, M = T(B.value);
-    w({ index: z, x: ue(D, le), y: ue(M, be) });
+  const v = gt(i), m = le - ce - Je, f = be - bo, d = Math.max(...e.map((z) => z.value), 0), y = rn(0, d, 5), x = y[y.length - 1] ?? d, k = vt([0, x], [f, Qe]), I = m / e.length, S = I * (1 - s), b = (I - S) / 2, E = l ?? ((z) => z >= 1e3 ? `${(z / 1e3).toFixed(1)}k` : String(z)), T = (z) => {
+    const D = e[z], P = ce + z * I + I / 2, R = k(D.value);
+    w({ index: z, x: ue(P, le), y: ue(R, be) });
   };
   return /* @__PURE__ */ g("div", { style: { position: "relative", width: r, height: n, ...p }, children: [
     /* @__PURE__ */ g(
@@ -10770,14 +10820,14 @@ function Xi({
         style: { display: "block" },
         children: [
           y.map((z) => {
-            const B = T(z);
+            const D = k(z);
             return a ? /* @__PURE__ */ t(
               "line",
               {
                 x1: ce,
-                y1: B,
+                y1: D,
                 x2: le - Je,
-                y2: B,
+                y2: D,
                 stroke: "var(--lucent-border-subtle, #e5e7eb)",
                 strokeWidth: 0.5,
                 strokeDasharray: "3 3"
@@ -10785,21 +10835,21 @@ function Xi({
               z
             ) : null;
           }),
-          e.map((z, B) => {
-            const D = ce + B * S + v, M = Math.max(0, f - T(z.value)), $ = f - M, R = z.color ?? b, W = (h == null ? void 0 : h.index) === B, P = h !== null && !W;
+          e.map((z, D) => {
+            const P = ce + D * I + b, R = Math.max(0, f - k(z.value)), H = f - R, V = z.color ?? v, W = (h == null ? void 0 : h.index) === D, C = h !== null && !W;
             return /* @__PURE__ */ g(
               "g",
               {
-                onMouseEnter: () => C(B),
+                onMouseEnter: () => T(D),
                 onMouseLeave: () => w(null),
                 style: { cursor: "pointer" },
                 children: [
                   /* @__PURE__ */ t(
                     "rect",
                     {
-                      x: ce + B * S,
+                      x: ce + D * I,
                       y: Qe,
-                      width: S,
+                      width: I,
                       height: f - Qe,
                       fill: "transparent"
                     }
@@ -10807,15 +10857,15 @@ function Xi({
                   /* @__PURE__ */ t(
                     "path",
                     {
-                      d: yo(D, $, k, M, c),
-                      fill: R,
-                      opacity: P ? 0.35 : 1,
+                      d: yo(P, H, S, R, c),
+                      fill: V,
+                      opacity: C ? 0.35 : 1,
                       style: { transition: "opacity 150ms" }
                     }
                   )
                 ]
               },
-              B
+              D
             );
           }),
           /* @__PURE__ */ t(
@@ -10835,29 +10885,29 @@ function Xi({
     y.map((z) => /* @__PURE__ */ t("span", { style: {
       ...et,
       right: `${ue(le - ce + 6, le)}%`,
-      top: `${ue(T(z), be)}%`,
+      top: `${ue(k(z), be)}%`,
       transform: "translateY(-50%)",
       textAlign: "right"
     }, children: E(z) }, z)),
-    e.map((z, B) => {
-      const D = ue(ce + B * S + S / 2, le), M = (h == null ? void 0 : h.index) === B, $ = h !== null && !M, R = ue(T(z.value), be);
+    e.map((z, D) => {
+      const P = ue(ce + D * I + I / 2, le), R = (h == null ? void 0 : h.index) === D, H = h !== null && !R, V = ue(k(z.value), be);
       return /* @__PURE__ */ g("span", { style: { display: "contents" }, children: [
         /* @__PURE__ */ t("span", { style: {
           ...et,
-          left: `${D}%`,
+          left: `${P}%`,
           top: `${ue(f + 4, be)}%`,
           transform: "translateX(-50%)",
-          fontWeight: M ? 600 : 400
+          fontWeight: R ? 600 : 400
         }, children: z.label }),
         o && /* @__PURE__ */ t("span", { style: {
           ...et,
-          left: `${D}%`,
-          top: `${R}%`,
+          left: `${P}%`,
+          top: `${V}%`,
           transform: "translate(-50%, -100%) translateY(-4px)",
-          opacity: $ ? 0.35 : 1,
+          opacity: H ? 0.35 : 1,
           transition: "opacity 150ms"
         }, children: E(z.value) })
-      ] }, B);
+      ] }, D);
     }),
     h && /* @__PURE__ */ t("span", { style: { position: "absolute", left: `${h.x}%`, top: `${h.y}%`, pointerEvents: "none" }, children: /* @__PURE__ */ t("span", { style: { position: "absolute", bottom: 0 }, children: /* @__PURE__ */ t(
       Ne,
@@ -10903,7 +10953,7 @@ const Zi = {
     ariaAttributes: ["aria-label"],
     notes: "Provide a descriptive ariaLabel summarising the data for screen readers."
   }
-}, ee = 400, ae = 200, de = 40, tt = 12, Pe = 12, xo = 24;
+}, ee = 400, oe = 200, de = 40, tt = 12, Le = 12, xo = 24;
 function Ji({
   data: e,
   series: r,
@@ -10918,62 +10968,62 @@ function Ji({
   formatValue: p,
   xLabelCount: h,
   ariaLabel: w = "Area chart",
-  style: b
+  style: v
 }) {
   const [m, f] = q(null), d = r ?? (e ? [{ id: "_default", name: "", data: e, color: gt(a) }] : []), y = d[0];
   if (!y || y.data.length === 0) return null;
-  const x = y.data.map((A) => A.label), T = d.flatMap((A) => A.data.map((I) => I.value)), S = Math.max(...T, 0), k = ee - de - tt, v = ae - xo, E = rn(0, S, 5), C = E[E.length - 1] ?? S, z = vt([0, C], [v, Pe]), B = x.length > 1 ? k / (x.length - 1) : 0, D = p ?? ((A) => A >= 1e3 ? `${(A / 1e3).toFixed(1)}k` : String(A)), M = h ?? Math.min(x.length, 7), $ = x.length <= M ? 1 : Math.ceil(x.length / M), R = c ? bt : Ve, W = c ? on : an, P = d.map(
-    (A) => A.data.map((I, F) => ({ x: de + F * B, y: z(I.value) }))
-  ), O = B / 2, Y = (A) => {
-    const I = A.currentTarget.getBoundingClientRect(), U = (A.clientX - I.left) / I.width * ee - de;
-    if (U < -O || U > k + O) {
+  const x = y.data.map((A) => A.label), k = d.flatMap((A) => A.data.map((M) => M.value)), I = Math.max(...k, 0), S = ee - de - tt, b = oe - xo, E = rn(0, I, 5), T = E[E.length - 1] ?? I, z = vt([0, T], [b, Le]), D = x.length > 1 ? S / (x.length - 1) : 0, P = p ?? ((A) => A >= 1e3 ? `${(A / 1e3).toFixed(1)}k` : String(A)), R = h ?? Math.min(x.length, 7), H = x.length <= R ? 1 : Math.ceil(x.length / R), V = c ? bt : Ve, W = c ? on : an, C = d.map(
+    (A) => A.data.map((M, N) => ({ x: de + N * D, y: z(M.value) }))
+  ), L = D / 2, F = (A) => {
+    const M = A.currentTarget.getBoundingClientRect(), j = (A.clientX - M.left) / M.width * ee - de;
+    if (j < -L || j > S + L) {
       f(null);
       return;
     }
-    const N = B > 0 ? Math.round(U / B) : 0, G = Math.max(0, Math.min(N, x.length - 1)), K = de + G * B, se = Math.min(...P.map((re) => {
-      var _;
-      return ((_ = re[G]) == null ? void 0 : _.y) ?? Pe;
+    const $ = D > 0 ? Math.round(j / D) : 0, _ = Math.max(0, Math.min($, x.length - 1)), K = de + _ * D, se = Math.min(...C.map((ae) => {
+      var Y;
+      return ((Y = ae[_]) == null ? void 0 : Y.y) ?? Le;
     }));
-    f({ index: G, x: K / ee * 100, y: se / ae * 100 });
-  }, L = m && /* @__PURE__ */ g("div", { children: [
+    f({ index: _, x: K / ee * 100, y: se / oe * 100 });
+  }, B = m && /* @__PURE__ */ g("div", { children: [
     /* @__PURE__ */ t("div", { style: { fontWeight: 600, marginBottom: d.length > 1 ? 2 : 0 }, children: x[m.index] }),
-    d.map((A, I) => {
-      var N;
-      const F = (N = A.data[m.index]) == null ? void 0 : N.value;
-      if (F === void 0) return null;
-      const U = A.color ?? te[I % te.length];
+    d.map((A, M) => {
+      var $;
+      const N = ($ = A.data[m.index]) == null ? void 0 : $.value;
+      if (N === void 0) return null;
+      const j = A.color ?? te[M % te.length];
       return /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-        d.length > 1 && /* @__PURE__ */ t("span", { style: { width: 6, height: 6, borderRadius: "50%", background: U, flexShrink: 0 } }),
+        d.length > 1 && /* @__PURE__ */ t("span", { style: { width: 6, height: 6, borderRadius: "50%", background: j, flexShrink: 0 } }),
         /* @__PURE__ */ g("span", { children: [
           A.name ? `${A.name}: ` : "",
-          D(F)
+          P(N)
         ] })
       ] }, A.id);
     })
   ] });
-  return /* @__PURE__ */ g("div", { style: { position: "relative", width: n, height: i, ...b }, children: [
+  return /* @__PURE__ */ g("div", { style: { position: "relative", width: n, height: i, ...v }, children: [
     /* @__PURE__ */ g(
       "svg",
       {
-        viewBox: `0 0 ${ee} ${ae}`,
+        viewBox: `0 0 ${ee} ${oe}`,
         width: "100%",
         height: "100%",
         preserveAspectRatio: "none",
         role: "img",
         "aria-label": w,
         style: { display: "block" },
-        onMouseMove: Y,
+        onMouseMove: F,
         onMouseLeave: () => f(null),
         children: [
           E.map((A) => {
-            const I = z(A);
+            const M = z(A);
             return o ? /* @__PURE__ */ t(
               "line",
               {
                 x1: de,
-                y1: I,
+                y1: M,
                 x2: ee - tt,
-                y2: I,
+                y2: M,
                 stroke: "var(--lucent-border-subtle, #e5e7eb)",
                 strokeWidth: 0.5,
                 strokeDasharray: "3 3"
@@ -10985,23 +11035,23 @@ function Ji({
             "line",
             {
               x1: de,
-              y1: v,
+              y1: b,
               x2: ee - tt,
-              y2: v,
+              y2: b,
               stroke: "var(--lucent-border-default, #d1d5db)",
               strokeWidth: 0.5
             }
           ),
-          d.map((A, I) => {
-            const F = A.color ?? te[I % te.length], U = P[I], N = R(U), G = W(U, v);
+          d.map((A, M) => {
+            const N = A.color ?? te[M % te.length], j = C[M], $ = V(j), _ = W(j, b);
             return /* @__PURE__ */ g("g", { children: [
-              /* @__PURE__ */ t("path", { d: G, fill: F, opacity: u, stroke: "none" }),
+              /* @__PURE__ */ t("path", { d: _, fill: N, opacity: u, stroke: "none" }),
               /* @__PURE__ */ t(
                 "path",
                 {
-                  d: N,
+                  d: $,
                   fill: "none",
-                  stroke: F,
+                  stroke: N,
                   strokeWidth: 1.5,
                   strokeLinecap: "round",
                   strokeLinejoin: "round"
@@ -11012,46 +11062,46 @@ function Ji({
         ]
       }
     ),
-    l && d.map((A, I) => {
-      const F = A.color ?? te[I % te.length];
-      return P[I].map((N, G) => /* @__PURE__ */ t("span", { style: {
+    l && d.map((A, M) => {
+      const N = A.color ?? te[M % te.length];
+      return C[M].map(($, _) => /* @__PURE__ */ t("span", { style: {
         position: "absolute",
-        left: `${N.x / ee * 100}%`,
-        top: `${N.y / ae * 100}%`,
+        left: `${$.x / ee * 100}%`,
+        top: `${$.y / oe * 100}%`,
         width: s * 2,
         height: s * 2,
         borderRadius: "50%",
-        background: F,
+        background: N,
         border: "1.5px solid var(--lucent-surface, #fff)",
         transform: "translate(-50%, -50%)",
         pointerEvents: "none"
-      } }, `${A.id}-${G}`));
+      } }, `${A.id}-${_}`));
     }),
     m && /* @__PURE__ */ g(Z, { children: [
       /* @__PURE__ */ t("span", { style: {
         position: "absolute",
         left: `${m.x}%`,
-        top: `${Pe / ae * 100}%`,
+        top: `${Le / oe * 100}%`,
         width: 1,
-        height: `${(v - Pe) / ae * 100}%`,
+        height: `${(b - Le) / oe * 100}%`,
         background: "var(--lucent-border-default)",
         opacity: 0.5,
         transform: "translateX(-50%)",
         pointerEvents: "none"
       } }),
-      d.map((A, I) => {
-        var N;
-        const F = (N = P[I]) == null ? void 0 : N[m.index];
-        if (!F) return null;
-        const U = A.color ?? te[I % te.length];
+      d.map((A, M) => {
+        var $;
+        const N = ($ = C[M]) == null ? void 0 : $[m.index];
+        if (!N) return null;
+        const j = A.color ?? te[M % te.length];
         return /* @__PURE__ */ t("span", { style: {
           position: "absolute",
-          left: `${F.x / ee * 100}%`,
-          top: `${F.y / ae * 100}%`,
+          left: `${N.x / ee * 100}%`,
+          top: `${N.y / oe * 100}%`,
           width: 10,
           height: 10,
           borderRadius: "50%",
-          background: U,
+          background: j,
           border: "2px solid var(--lucent-surface, #fff)",
           transform: "translate(-50%, -50%)",
           pointerEvents: "none"
@@ -11061,7 +11111,7 @@ function Ji({
     E.map((A) => /* @__PURE__ */ t("span", { style: {
       position: "absolute",
       right: `${(ee - de + 6) / ee * 100}%`,
-      top: `${z(A) / ae * 100}%`,
+      top: `${z(A) / oe * 100}%`,
       transform: "translateY(-50%)",
       textAlign: "right",
       fontFamily: "var(--lucent-font-family-base)",
@@ -11069,24 +11119,24 @@ function Ji({
       color: "var(--lucent-text-secondary)",
       whiteSpace: "nowrap",
       pointerEvents: "none"
-    }, children: D(A) }, A)),
-    x.map((A, I) => {
-      if (I % $ !== 0) return null;
-      const F = (m == null ? void 0 : m.index) === I;
+    }, children: P(A) }, A)),
+    x.map((A, M) => {
+      if (M % H !== 0) return null;
+      const N = (m == null ? void 0 : m.index) === M;
       return /* @__PURE__ */ t("span", { style: {
         position: "absolute",
-        left: `${(de + I * B) / ee * 100}%`,
-        top: `${(v + 4) / ae * 100}%`,
+        left: `${(de + M * D) / ee * 100}%`,
+        top: `${(b + 4) / oe * 100}%`,
         transform: "translateX(-50%)",
         fontFamily: "var(--lucent-font-family-base)",
         fontSize: "var(--lucent-font-size-xs)",
         color: "var(--lucent-text-secondary)",
-        fontWeight: F ? 600 : 400,
+        fontWeight: N ? 600 : 400,
         whiteSpace: "nowrap",
         pointerEvents: "none"
-      }, children: A }, I);
+      }, children: A }, M);
     }),
-    m && /* @__PURE__ */ t("span", { style: { position: "absolute", left: `${m.x}%`, top: `${m.y}%`, pointerEvents: "none" }, children: /* @__PURE__ */ t("span", { style: { position: "absolute", bottom: 0 }, children: /* @__PURE__ */ t(Ne, { content: L, open: !0, placement: "top", children: /* @__PURE__ */ t("span", {}) }) }) })
+    m && /* @__PURE__ */ t("span", { style: { position: "absolute", left: `${m.x}%`, top: `${m.y}%`, pointerEvents: "none" }, children: /* @__PURE__ */ t("span", { style: { position: "absolute", bottom: 0 }, children: /* @__PURE__ */ t(Ne, { content: B, open: !0, placement: "top", children: /* @__PURE__ */ t("span", {}) }) }) })
   ] });
 }
 const Qi = {
@@ -11133,32 +11183,32 @@ function es({
 }) {
   const [c, u] = q(null);
   if (e.length === 0) return null;
-  const p = e.reduce((k, v) => k + v.value, 0);
+  const p = e.reduce((S, b) => S + b.value, 0);
   if (p === 0) return null;
-  const h = rt * (1 - n), b = 360 - i * e.length;
+  const h = rt * (1 - n), v = 360 - i * e.length;
   let m = o;
-  const f = e.map((k, v) => {
-    const E = k.value / p * b, C = m, z = m + E;
+  const f = e.map((S, b) => {
+    const E = S.value / p * v, T = m, z = m + E;
     return m = z + i, {
-      ...k,
-      segStart: C,
+      ...S,
+      segStart: T,
       segEnd: z,
-      color: k.color ?? te[v % te.length]
+      color: S.color ?? te[b % te.length]
     };
   }), d = h * 2 * 0.7, y = (nt - d) / 2, x = c !== null ? f[c] : void 0;
-  let T, S = null;
+  let k, I = null;
   if (x) {
-    const k = (x.segStart + x.segEnd) / 2;
-    T = Se(Ht, Ut, rt + 8, k);
-    const v = (x.value / p * 100).toFixed(1);
-    S = /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+    const S = (x.segStart + x.segEnd) / 2;
+    k = Se(Ht, Ut, rt + 8, S);
+    const b = (x.value / p * 100).toFixed(1);
+    I = /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
       /* @__PURE__ */ t("span", { style: { width: 6, height: 6, borderRadius: "50%", background: x.color, flexShrink: 0 } }),
       /* @__PURE__ */ g("span", { children: [
         /* @__PURE__ */ t("span", { style: { fontWeight: 600 }, children: x.label }),
         " ",
         x.value,
         " (",
-        v,
+        b,
         "%)"
       ] })
     ] });
@@ -11174,20 +11224,20 @@ function es({
         "aria-label": l,
         style: { display: "block" },
         children: [
-          f.map((k, v) => {
-            const E = c === v, C = c !== null && !E, B = ((k.segStart + k.segEnd) / 2 - 90) * Math.PI / 180, D = E ? 3 : 0, M = Math.cos(B) * D, $ = Math.sin(B) * D;
+          f.map((S, b) => {
+            const E = c === b, T = c !== null && !E, D = ((S.segStart + S.segEnd) / 2 - 90) * Math.PI / 180, P = E ? 3 : 0, R = Math.cos(D) * P, H = Math.sin(D) * P;
             return /* @__PURE__ */ t(
               "path",
               {
-                d: vo(Ht, Ut, rt, h, k.segStart, k.segEnd),
-                fill: k.color,
-                transform: `translate(${M}, ${$})`,
-                opacity: C ? 0.4 : 1,
+                d: vo(Ht, Ut, rt, h, S.segStart, S.segEnd),
+                fill: S.color,
+                transform: `translate(${R}, ${H})`,
+                opacity: T ? 0.4 : 1,
                 style: { transition: "transform 150ms, opacity 150ms", cursor: "pointer" },
-                onMouseEnter: () => u(v),
+                onMouseEnter: () => u(b),
                 onMouseLeave: () => u(null)
               },
-              v
+              b
             );
           }),
           a != null && /* @__PURE__ */ t("foreignObject", { x: y, y, width: d, height: d, children: /* @__PURE__ */ t(
@@ -11209,12 +11259,12 @@ function es({
         ]
       }
     ),
-    T && /* @__PURE__ */ t("span", { style: {
+    k && /* @__PURE__ */ t("span", { style: {
       position: "absolute",
-      left: `${T.x}%`,
-      top: `${T.y}%`,
+      left: `${k.x}%`,
+      top: `${k.y}%`,
       pointerEvents: "none"
-    }, children: /* @__PURE__ */ t(Ne, { content: S, open: !0, placement: "top", children: /* @__PURE__ */ t("span", {}) }) })
+    }, children: /* @__PURE__ */ t(Ne, { content: I, open: !0, placement: "top", children: /* @__PURE__ */ t("span", {}) }) })
   ] });
 }
 const ts = {
@@ -11561,8 +11611,8 @@ export {
   mi as CardManifest,
   mt as CardPaddingContext,
   pt as Checkbox,
-  Lo as CheckboxManifest,
-  Le as Chip,
+  Po as CheckboxManifest,
+  Pe as Chip,
   Ko as CodeBlock,
   Xo as CodeBlockManifest,
   ki as Collapsible,
@@ -11576,12 +11626,12 @@ export {
   Ei as DatePicker,
   ka as DateRangePicker,
   Tn as Divider,
-  Po as DividerManifest,
+  Lo as DividerManifest,
   es as DonutChart,
   ts as DonutChartManifest,
   bi as EmptyState,
   yi as EmptyStateManifest,
-  Pi as FILE_UPLOAD_MANIFEST,
+  Li as FILE_UPLOAD_MANIFEST,
   Di as FileUpload,
   Hi as FilterDateRange,
   Wi as FilterMultiSelect,
@@ -11647,12 +11697,12 @@ export {
   ys as Tabs,
   Vo as Tag,
   Oo as TagManifest,
-  j as Text,
+  G as Text,
   Go as TextManifest,
   fn as Textarea,
   zo as TextareaManifest,
   ns as ThemeAnchorsSpec,
-  Li as Timeline,
+  Pi as Timeline,
   Fi as ToastManifest,
   Ni as ToastProvider,
   xs as Toggle,
@@ -11675,8 +11725,8 @@ export {
   qs as deriveDarkFromLight,
   Bs as deriveTokens,
   Ds as elevatedShadow,
-  Ps as emeraldPalette,
-  Ls as enterprisePreset,
+  Ls as emeraldPalette,
+  Ps as enterprisePreset,
   Rs as flatShadow,
   sn as getAccentFg,
   $s as getContrastText,