lucent-ui 0.41.0 → 0.43.0

package/dist/{LucentProvider-lGSitrJV.js → LucentProvider-tSCR4lQw.js}

@@ -1,7 +1,15 @@
 import { jsxs as T, jsx as f, Fragment as Ye } from "react/jsx-runtime";
-import { forwardRef as he, useState as F, useRef as j, useEffect as re, useLayoutEffect as ve, useId as Ze, useCallback as fe, useContext as Dt, createContext as St } from "react";
+import { forwardRef as he, useState as F, useRef as U, useEffect as re, useLayoutEffect as ve, useId as Ze, useCallback as fe, useContext as Dt, createContext as St } from "react";
 import { createPortal as kt } from "react-dom";
-const Mt = {
+function Mt(e) {
+  if (e === void 0) return;
+  const t = e.replace(/[\s\u0000-\u001F]+/g, "").toLowerCase();
+  if (t.startsWith("http://") || t.startsWith("https://") || t.startsWith("mailto:") || t.startsWith("tel:") || t.startsWith("#") || t.startsWith("/") || t.startsWith("?") || t.startsWith("."))
+    return e;
+  if (!/^[a-z][a-z0-9+.-]*:/i.test(t))
+    return e;
+}
+const zt = {
   primary: {
     background: "var(--lucent-accent-default)",
     color: "var(--lucent-accent-fg)",
@@ -37,15 +45,15 @@ const Mt = {
     color: "var(--lucent-danger-text)",
     border: "1px solid transparent"
   }
-}, zt = {
+}, Tt = {
   "2xs": { height: "22px", padding: "0 var(--lucent-space-2)", fontSize: "var(--lucent-font-size-xs)", borderRadius: "var(--lucent-radius-md)" },
   xs: { height: "26px", padding: "0 var(--lucent-space-3)", fontSize: "var(--lucent-font-size-xs)" },
   sm: { height: "calc(var(--lucent-space-8) * 0.5 + 18px)", padding: "0 var(--lucent-space-4)", fontSize: "var(--lucent-font-size-sm)" },
   md: { height: "calc(var(--lucent-space-10) * 0.5 + 22px)", padding: "0 var(--lucent-space-5)", fontSize: "var(--lucent-font-size-md)" },
   lg: { height: "calc(var(--lucent-space-12) * 0.5 + 26px)", padding: "0 var(--lucent-space-6)", fontSize: "var(--lucent-font-size-lg)" }
 }, Je = he(
-  ({ variant: e = "primary", size: t = "md", loading: o = !1, fullWidth: a = !1, spread: n = !1, leftIcon: r, rightIcon: s, chevron: c = !1, disableHoverStyles: i = !1, bordered: d = !0, href: u, target: x, rel: h, children: b, disabled: v, style: B, type: I, onClick: k, ...p }, m) => {
-    const S = v ?? o, $ = !b && !o && (!!r || !!s), C = u !== void 0, O = C ? "a" : "button", N = {
+  ({ variant: e = "primary", size: t = "md", loading: s = !1, fullWidth: a = !1, spread: n = !1, leftIcon: r, rightIcon: o, chevron: c = !1, disableHoverStyles: i = !1, bordered: d = !0, href: u, target: m, rel: h, children: b, disabled: v, style: B, type: I, onClick: S, ...p }, x) => {
+    const D = v ?? s, $ = !b && !s && (!!r || !!o), E = Mt(u), A = E !== void 0, H = A ? "a" : "button", N = {
       display: "inline-flex",
       alignItems: "center",
       justifyContent: n ? "space-between" : "center",
@@ -55,91 +63,91 @@ const Mt = {
       lineHeight: 1,
       letterSpacing: "0.01em",
       borderRadius: "var(--lucent-radius-lg)",
-      cursor: S ? "not-allowed" : "pointer",
+      cursor: D ? "not-allowed" : "pointer",
       width: a ? "100%" : void 0,
       transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default), box-shadow var(--lucent-duration-fast) var(--lucent-easing-default), transform 80ms var(--lucent-easing-default)",
       whiteSpace: "nowrap",
       boxSizing: "border-box",
       outline: "none",
       margin: 0,
-      ...zt[t],
+      ...Tt[t],
       ...$ && { padding: 0, aspectRatio: "1" },
-      ...Mt[e],
+      ...zt[e],
       // Anchor reset — browsers underline <a> by default
-      ...C && { textDecoration: "none" },
+      ...A && { textDecoration: "none" },
       ...B,
-      ...S && {
+      ...D && {
         background: "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)",
         color: "var(--lucent-text-disabled)",
         borderColor: "transparent",
-        ...C && { pointerEvents: "none" }
+        ...A && { pointerEvents: "none" }
       },
       // hide border entirely when bordered prop is false
       ...d === !1 && { border: "none" }
     };
     return /* @__PURE__ */ T(
-      O,
+      H,
       {
-        ref: m,
-        "aria-busy": o,
+        ref: x,
+        "aria-busy": s,
         style: N,
-        ...C ? {
+        ...A ? {
           role: "link",
-          ...S ? { "aria-disabled": !0, tabIndex: -1 } : { href: u },
-          ...x !== void 0 && { target: x },
+          ...D ? { "aria-disabled": !0, tabIndex: -1 } : { href: E },
+          ...m !== void 0 && { target: m },
           ...h !== void 0 && { rel: h }
         } : {
-          disabled: S,
+          disabled: D,
           ...I !== void 0 && { type: I }
         },
-        onMouseEnter: (D) => {
+        onMouseEnter: (k) => {
           var R;
-          !S && !i && It(D.currentTarget, e, d), (R = p.onMouseEnter) == null || R.call(p, D);
+          !D && !i && Bt(k.currentTarget, e, d), (R = p.onMouseEnter) == null || R.call(p, k);
         },
-        onMouseLeave: (D) => {
+        onMouseLeave: (k) => {
           var R;
-          !S && !i && Bt(D.currentTarget, e, d), (R = p.onMouseLeave) == null || R.call(p, D);
+          !D && !i && $t(k.currentTarget, e, d), (R = p.onMouseLeave) == null || R.call(p, k);
         },
-        onMouseDown: (D) => {
+        onMouseDown: (k) => {
           var R;
-          if (!S) {
-            const P = e === "danger" || e === "danger-outline" || e === "danger-ghost" ? "color-mix(in srgb, var(--lucent-danger-default) 40%, transparent)" : "color-mix(in srgb, var(--lucent-accent-default) 40%, transparent)";
-            D.currentTarget.style.transform = "translateY(1px)", D.currentTarget.style.boxShadow = `0 0 0 4px ${P}`, D.currentTarget.dataset.pressed = "1";
+          if (!D) {
+            const O = e === "danger" || e === "danger-outline" || e === "danger-ghost" ? "color-mix(in srgb, var(--lucent-danger-default) 40%, transparent)" : "color-mix(in srgb, var(--lucent-accent-default) 40%, transparent)";
+            k.currentTarget.style.transform = "translateY(1px)", k.currentTarget.style.boxShadow = `0 0 0 4px ${O}`, k.currentTarget.dataset.pressed = "1";
           }
-          (R = p.onMouseDown) == null || R.call(p, D);
+          (R = p.onMouseDown) == null || R.call(p, k);
         },
-        onMouseUp: (D) => {
+        onMouseUp: (k) => {
           var R;
-          D.currentTarget.style.transform = "", D.currentTarget.style.boxShadow = "", delete D.currentTarget.dataset.pressed, (R = p.onMouseUp) == null || R.call(p, D);
+          k.currentTarget.style.transform = "", k.currentTarget.style.boxShadow = "", delete k.currentTarget.dataset.pressed, (R = p.onMouseUp) == null || R.call(p, k);
         },
-        onFocus: (D) => {
+        onFocus: (k) => {
           var R;
-          D.currentTarget.dataset.pressed || (D.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)"), (R = p.onFocus) == null || R.call(p, D);
+          k.currentTarget.dataset.pressed || (k.currentTarget.style.boxShadow = "0 0 0 3px var(--lucent-accent-subtle)"), (R = p.onFocus) == null || R.call(p, k);
         },
-        onBlur: (D) => {
+        onBlur: (k) => {
           var R;
-          D.currentTarget.style.boxShadow = "", (R = p.onBlur) == null || R.call(p, D);
+          k.currentTarget.style.boxShadow = "", (R = p.onBlur) == null || R.call(p, k);
         },
-        onClick: (D) => {
-          if (C && S) {
-            D.preventDefault();
+        onClick: (k) => {
+          if (A && D) {
+            k.preventDefault();
             return;
           }
-          k == null || k(D);
+          S == null || S(k);
         },
         ...p,
         children: [
           r,
-          o ? /* @__PURE__ */ f(Lt, {}) : b,
-          !o && s,
-          !o && c && /* @__PURE__ */ f(Pt, { size: t })
+          s ? /* @__PURE__ */ f(Rt, {}) : b,
+          !s && o,
+          !s && c && /* @__PURE__ */ f(Lt, { size: t })
         ]
       }
     );
   }
 );
 Je.displayName = "Button";
-const Tt = {
+const It = {
   primary: "0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 25%, transparent)",
   secondary: "0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 20%, transparent)",
   outline: "0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 20%, transparent)",
@@ -148,24 +156,24 @@ const Tt = {
   "danger-outline": "0 4px 14px -2px color-mix(in srgb, var(--lucent-danger-default) 20%, transparent)",
   "danger-ghost": "0 4px 14px -2px color-mix(in srgb, var(--lucent-danger-default) 15%, transparent)"
 };
-function It(e, t, o) {
-  e.style.transform = "translateY(-1px)", e.style.boxShadow = Tt[t], t === "primary" ? e.style.background = "var(--lucent-accent-hover)" : t === "secondary" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 22%, transparent)" : t === "outline" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 10%, transparent)" : t === "ghost" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 8%, transparent)" : t === "danger" ? (e.style.background = "var(--lucent-danger-hover)", o !== !1 && (e.style.borderColor = "var(--lucent-danger-hover)")) : t === "danger-outline" ? (e.style.background = "color-mix(in srgb, var(--lucent-danger-default) 10%, var(--lucent-surface))", o !== !1 && (e.style.borderColor = "var(--lucent-danger-hover)")) : t === "danger-ghost" && (e.style.background = "color-mix(in srgb, var(--lucent-danger-default) 8%, var(--lucent-surface))");
+function Bt(e, t, s) {
+  e.style.transform = "translateY(-1px)", e.style.boxShadow = It[t], t === "primary" ? e.style.background = "var(--lucent-accent-hover)" : t === "secondary" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 22%, transparent)" : t === "outline" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 10%, transparent)" : t === "ghost" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 8%, transparent)" : t === "danger" ? (e.style.background = "var(--lucent-danger-hover)", s !== !1 && (e.style.borderColor = "var(--lucent-danger-hover)")) : t === "danger-outline" ? (e.style.background = "color-mix(in srgb, var(--lucent-danger-default) 10%, var(--lucent-surface))", s !== !1 && (e.style.borderColor = "var(--lucent-danger-hover)")) : t === "danger-ghost" && (e.style.background = "color-mix(in srgb, var(--lucent-danger-default) 8%, var(--lucent-surface))");
 }
-function Bt(e, t, o) {
-  e.style.transform = "", e.style.boxShadow = "", t === "primary" ? e.style.background = "var(--lucent-accent-default)" : t === "secondary" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 16%, transparent)" : t === "outline" || t === "ghost" ? e.style.background = "transparent" : t === "danger" ? (e.style.background = "var(--lucent-danger-default)", o !== !1 && (e.style.borderColor = "var(--lucent-danger-default)")) : t === "danger-outline" ? (e.style.background = "transparent", o !== !1 && (e.style.borderColor = "var(--lucent-danger-default)")) : t === "danger-ghost" && (e.style.background = "transparent");
+function $t(e, t, s) {
+  e.style.transform = "", e.style.boxShadow = "", t === "primary" ? e.style.background = "var(--lucent-accent-default)" : t === "secondary" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 16%, transparent)" : t === "outline" || t === "ghost" ? e.style.background = "transparent" : t === "danger" ? (e.style.background = "var(--lucent-danger-default)", s !== !1 && (e.style.borderColor = "var(--lucent-danger-default)")) : t === "danger-outline" ? (e.style.background = "transparent", s !== !1 && (e.style.borderColor = "var(--lucent-danger-default)")) : t === "danger-ghost" && (e.style.background = "transparent");
 }
-const $t = { "2xs": 8, xs: 10, sm: 12, md: 14, lg: 16 };
-function Pt({ size: e }) {
-  const t = $t[e];
+const Pt = { "2xs": 8, xs: 10, sm: 12, md: 14, lg: 16 };
+function Lt({ size: e }) {
+  const t = Pt[e];
   return /* @__PURE__ */ f("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, style: { flexShrink: 0, marginLeft: -2 }, children: /* @__PURE__ */ f("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function Lt() {
+function Rt() {
   return /* @__PURE__ */ T("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", "aria-hidden": !0, style: { animation: "lucent-spin 0.7s linear infinite", flexShrink: 0 }, children: [
     /* @__PURE__ */ f("style", { children: "@keyframes lucent-spin { to { transform: rotate(360deg); } }" }),
     /* @__PURE__ */ f("path", { d: "M12 2a10 10 0 0 1 10 10" })
   ] });
 }
-const Rt = {
+const Ft = {
   sm: "calc(var(--lucent-space-8) * 0.5 + 16px)",
   md: "calc(var(--lucent-space-10) * 0.5 + 20px)",
   lg: "calc(var(--lucent-space-12) * 0.5 + 24px)"
@@ -189,17 +197,17 @@ const Rt = {
   ({
     size: e = "md",
     label: t,
-    helperText: o,
+    helperText: s,
     errorText: a,
     leftElement: n,
     rightElement: r,
-    prefix: s,
+    prefix: o,
     suffix: c,
     id: i,
     style: d,
     ...u
-  }, x) => {
-    const h = i ?? `lucent-input-${Math.random().toString(36).slice(2, 7)}`, b = !!a, v = !!u.disabled, [B, I] = F(!1), [k, p] = F(!1), m = v ? "transparent" : b ? "var(--lucent-danger-default)" : B ? "var(--lucent-accent-border)" : k ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", S = B ? `0 0 0 3px ${b ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", $ = {
+  }, m) => {
+    const h = i ?? `lucent-input-${Math.random().toString(36).slice(2, 7)}`, b = !!a, v = !!u.disabled, [B, I] = F(!1), [S, p] = F(!1), x = v ? "transparent" : b ? "var(--lucent-danger-default)" : B ? "var(--lucent-accent-border)" : S ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", D = B ? `0 0 0 3px ${b ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none", $ = {
       display: "flex",
       alignItems: "center",
       color: v ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
@@ -208,7 +216,7 @@ const Rt = {
       whiteSpace: "nowrap",
       userSelect: "none",
       flexShrink: 0
-    }, C = { ...$, paddingLeft: ee[e], paddingRight: "2px" }, O = { ...$, paddingLeft: "2px", paddingRight: ee[e] };
+    }, E = { ...$, paddingLeft: ee[e], paddingRight: "2px" }, A = { ...$, paddingLeft: "2px", paddingRight: ee[e] };
     return /* @__PURE__ */ T("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...d }, children: [
       t && /* @__PURE__ */ f(
         "label",
@@ -229,10 +237,10 @@ const Rt = {
           style: {
             display: "flex",
             alignItems: "stretch",
-            height: Rt[e],
-            border: `1px solid ${m}`,
+            height: Ft[e],
+            border: `1px solid ${x}`,
             borderRadius: "var(--lucent-radius-lg)",
-            boxShadow: S,
+            boxShadow: D,
             background: v ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
             overflow: "hidden",
             cursor: v ? "not-allowed" : void 0,
@@ -246,7 +254,7 @@ const Rt = {
           },
           onMouseLeave: () => p(!1),
           children: [
-            s && /* @__PURE__ */ f("span", { style: C, children: s }),
+            o && /* @__PURE__ */ f("span", { style: E, children: o }),
             /* @__PURE__ */ T("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center", minWidth: 0 }, children: [
               n && /* @__PURE__ */ f("span", { style: {
                 position: "absolute",
@@ -259,10 +267,10 @@ const Rt = {
               /* @__PURE__ */ f(
                 "input",
                 {
-                  ref: x,
+                  ref: m,
                   id: h,
                   "aria-invalid": b,
-                  "aria-describedby": b ? `${h}-error` : o ? `${h}-helper` : void 0,
+                  "aria-describedby": b ? `${h}-error` : s ? `${h}-helper` : void 0,
                   style: {
                     width: "100%",
                     height: "100%",
@@ -278,13 +286,13 @@ const Rt = {
                     boxSizing: "border-box"
                   },
                   ...u,
-                  onFocus: (N) => {
-                    var D;
-                    I(!0), (D = u.onFocus) == null || D.call(u, N);
+                  onFocus: (H) => {
+                    var N;
+                    I(!0), (N = u.onFocus) == null || N.call(u, H);
                   },
-                  onBlur: (N) => {
-                    var D;
-                    I(!1), (D = u.onBlur) == null || D.call(u, N);
+                  onBlur: (H) => {
+                    var N;
+                    I(!1), (N = u.onBlur) == null || N.call(u, H);
                   }
                 }
               ),
@@ -296,7 +304,7 @@ const Rt = {
                 alignItems: "center"
               }, children: r })
             ] }),
-            c && /* @__PURE__ */ f("span", { style: O, children: c })
+            c && /* @__PURE__ */ f("span", { style: A, children: c })
           ]
         }
       ),
@@ -313,7 +321,7 @@ const Rt = {
           children: a
         }
       ),
-      !b && o && /* @__PURE__ */ f(
+      !b && s && /* @__PURE__ */ f(
         "span",
         {
           id: `${h}-helper`,
@@ -322,33 +330,33 @@ const Rt = {
             color: "var(--lucent-text-secondary)",
             fontFamily: "var(--lucent-font-family-base)"
           },
-          children: o
+          children: s
         }
       )
     ] });
   }
 );
 te.displayName = "Input";
-const Ft = {
+const Ct = {
   neutral: { bg: "var(--lucent-surface-secondary)", color: "var(--lucent-text-secondary)", border: "var(--lucent-border-default)" },
   accent: { bg: "var(--lucent-accent-default)", color: "var(--lucent-accent-fg)", border: "var(--lucent-accent-default)" },
   success: { bg: "var(--lucent-success-subtle)", color: "var(--lucent-success-text)", border: "var(--lucent-success-subtle)" },
   warning: { bg: "var(--lucent-warning-subtle)", color: "var(--lucent-warning-text)", border: "var(--lucent-warning-subtle)" },
   danger: { bg: "var(--lucent-danger-subtle)", color: "var(--lucent-danger-text)", border: "var(--lucent-danger-subtle)" },
   info: { bg: "var(--lucent-info-subtle)", color: "var(--lucent-info-text)", border: "var(--lucent-info-subtle)" }
-}, Ct = {
+}, Wt = {
   sm: { fontSize: "var(--lucent-font-size-xs)", padding: "0 var(--lucent-space-2)", height: "18px" },
   md: { fontSize: "var(--lucent-font-size-sm)", padding: "0 var(--lucent-space-2)", height: "22px" }
 };
-function un({ variant: e = "neutral", size: t = "md", dot: o = !1, children: a, style: n }) {
-  const r = Ft[e], s = Ct[t];
+function fn({ variant: e = "neutral", size: t = "md", dot: s = !1, children: a, style: n }) {
+  const r = Ct[e], o = Wt[t];
   return /* @__PURE__ */ T("span", { style: {
     display: "inline-flex",
     alignItems: "center",
     gap: "var(--lucent-space-1)",
-    height: s.height,
-    padding: s.padding,
-    fontSize: s.fontSize,
+    height: o.height,
+    padding: o.padding,
+    fontSize: o.fontSize,
     fontFamily: "var(--lucent-font-family-base)",
     fontWeight: "var(--lucent-font-weight-medium)",
     lineHeight: 1,
@@ -360,7 +368,7 @@ function un({ variant: e = "neutral", size: t = "md", dot: o = !1, children: a,
     boxSizing: "border-box",
     ...n
   }, children: [
-    o && /* @__PURE__ */ f("span", { style: {
+    s && /* @__PURE__ */ f("span", { style: {
       width: 6,
       height: 6,
       borderRadius: "var(--lucent-radius-full)",
@@ -370,11 +378,11 @@ function un({ variant: e = "neutral", size: t = "md", dot: o = !1, children: a,
     a
   ] });
 }
-const Wt = { sm: "calc(var(--lucent-space-8) * 0.5 + 16px)", md: "calc(var(--lucent-space-10) * 0.5 + 20px)", lg: "calc(var(--lucent-space-12) * 0.5 + 24px)" }, Ht = {
+const Ht = { sm: "calc(var(--lucent-space-8) * 0.5 + 16px)", md: "calc(var(--lucent-space-10) * 0.5 + 20px)", lg: "calc(var(--lucent-space-12) * 0.5 + 24px)" }, Nt = {
   sm: { track: [28, 16], thumb: 12 },
   md: { track: [36, 20], thumb: 16 },
   lg: { track: [44, 24], thumb: 20 }
-}, Ee = "cubic-bezier(0.34, 1.56, 0.64, 1)", Nt = `
+}, Ee = "cubic-bezier(0.34, 1.56, 0.64, 1)", Et = `
 @keyframes lucent-toggle-pop {
   0%   { transform: scale(1); }
   35%  { transform: scale(0.94); }
@@ -382,39 +390,39 @@ const Wt = { sm: "calc(var(--lucent-space-8) * 0.5 + 16px)", md: "calc(var(--luc
   100% { transform: scale(1); }
 }
 `;
-function dn({
+function pn({
   label: e,
   size: t = "md",
-  checked: o,
+  checked: s,
   defaultChecked: a,
   contained: n = !1,
   helperText: r,
-  align: s = "left",
+  align: o = "left",
   disabled: c,
   id: i,
   onChange: d,
   style: u,
-  ...x
+  ...m
 }) {
-  const h = i ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, b = o !== void 0, [v, B] = F(a ?? !1), I = b ? !!o : v, k = j(I), [p, m] = F(0), [S, $] = F(!1);
+  const h = i ?? `lucent-toggle-${Math.random().toString(36).slice(2, 7)}`, b = s !== void 0, [v, B] = F(a ?? !1), I = b ? !!s : v, S = U(I), [p, x] = F(0), [D, $] = F(!1);
   re(() => {
-    if (!c && k.current !== I) {
-      k.current = I, m((q) => q + 1), $(!0);
-      const E = setTimeout(() => $(!1), 150);
-      return () => clearTimeout(E);
+    if (!c && S.current !== I) {
+      S.current = I, x((G) => G + 1), $(!0);
+      const O = setTimeout(() => $(!1), 150);
+      return () => clearTimeout(O);
     }
   }, [I, c]);
-  const { track: [C, O], thumb: N } = Ht[t], D = I ? C - N - 2 : 2, R = (E) => {
-    b || B(E.target.checked), d == null || d(E);
-  }, V = /* @__PURE__ */ T(
+  const { track: [E, A], thumb: H } = Nt[t], N = I ? E - H - 2 : 2, k = (O) => {
+    b || B(O.target.checked), d == null || d(O);
+  }, R = /* @__PURE__ */ T(
     "span",
     {
       "aria-hidden": !0,
       style: {
         position: "relative",
-        width: C,
-        height: O,
-        borderRadius: O / 2,
+        width: E,
+        height: A,
+        borderRadius: A / 2,
         flexShrink: 0
       },
       children: [
@@ -438,10 +446,10 @@ function dn({
             style: {
               position: "absolute",
               top: 2,
-              left: D,
-              width: S ? N * 1.3 : N,
-              height: N,
-              borderRadius: N,
+              left: N,
+              width: D ? H * 1.3 : H,
+              height: H,
+              borderRadius: H,
               background: "#ffffff",
               boxShadow: "0 1px 3px rgb(0 0 0 / 0.2)",
               transition: `left 260ms ${Ee}, width 200ms cubic-bezier(0.22, 1, 0.36, 1)`
@@ -454,10 +462,10 @@ function dn({
     "label",
     {
       style: {
-        display: s === "right" ? "flex" : "inline-flex",
+        display: o === "right" ? "flex" : "inline-flex",
         alignItems: r ? "flex-start" : "center",
         gap: "var(--lucent-space-2)",
-        ...s === "right" ? { width: "100%" } : {},
+        ...o === "right" ? { width: "100%" } : {},
         cursor: c ? "not-allowed" : "pointer",
         fontFamily: "var(--lucent-font-family-base)",
         fontSize: t === "sm" ? "var(--lucent-font-size-sm)" : "var(--lucent-font-size-md)",
@@ -472,16 +480,16 @@ function dn({
             type: "checkbox",
             role: "switch",
             id: h,
-            checked: b ? o : v,
+            checked: b ? s : v,
             disabled: c,
-            onChange: R,
+            onChange: k,
             "aria-checked": I,
             style: { position: "absolute", opacity: 0, width: 0, height: 0, margin: 0, pointerEvents: "none" },
-            ...x
+            ...m
           }
         ),
-        s === "left" && V,
-        e || r ? /* @__PURE__ */ T("span", { style: { display: "flex", flexDirection: "column", flex: s === "right" ? 1 : void 0 }, children: [
+        o === "left" && R,
+        e || r ? /* @__PURE__ */ T("span", { style: { display: "flex", flexDirection: "column", flex: o === "right" ? 1 : void 0 }, children: [
           e && /* @__PURE__ */ f("span", { style: {
             fontWeight: r ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
             lineHeight: r ? 1.3 : 1
@@ -492,28 +500,28 @@ function dn({
             marginTop: "2px"
           }, children: r })
         ] }) : null,
-        s === "right" && V
+        o === "right" && R
       ]
     }
   );
   return /* @__PURE__ */ T(Ye, { children: [
-    /* @__PURE__ */ f("style", { children: Nt }),
+    /* @__PURE__ */ f("style", { children: Et }),
     n ? /* @__PURE__ */ f(
       "div",
       {
         style: {
           border: "1px solid var(--lucent-border-strong)",
           borderRadius: "var(--lucent-radius-lg)",
-          ...r ? { padding: "var(--lucent-space-3)" } : { minHeight: Wt[t], padding: "0 var(--lucent-space-3)", display: "flex", alignItems: "center" },
+          ...r ? { padding: "var(--lucent-space-3)" } : { minHeight: Ht[t], padding: "0 var(--lucent-space-3)", display: "flex", alignItems: "center" },
           background: I && !c ? "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: c ? "not-allowed" : "pointer",
           ...u
         },
-        onClick: (E) => {
-          if (!c && E.target === E.currentTarget) {
-            const q = E.currentTarget.querySelector("input");
-            q == null || q.click();
+        onClick: (O) => {
+          if (!c && O.target === O.currentTarget) {
+            const G = O.currentTarget.querySelector("input");
+            G == null || G.click();
           }
         },
         children: P
@@ -521,11 +529,11 @@ function dn({
     ) : P
   ] });
 }
-const Et = {
+const At = {
   sm: "calc(var(--lucent-space-8) * 0.5 + 16px)",
   md: "calc(var(--lucent-space-10) * 0.5 + 20px)",
   lg: "calc(var(--lucent-space-12) * 0.5 + 24px)"
-}, At = {
+}, Ot = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-md)"
@@ -538,20 +546,20 @@ const Et = {
   md: "var(--lucent-space-3)",
   lg: "var(--lucent-space-3)"
 }, Qe = he(
-  ({ options: e, size: t = "md", label: o, helperText: a, errorText: n, placeholder: r, disabled: s, id: c, style: i, ...d }, u) => {
-    const x = c ?? `lucent-select-${Math.random().toString(36).slice(2, 7)}`, h = !!n, b = !!s, [v, B] = F(!1), [I, k] = F(!1), p = b ? "transparent" : h ? "var(--lucent-danger-default)" : v ? "var(--lucent-accent-border)" : I ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", m = v ? `0 0 0 3px ${h ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+  ({ options: e, size: t = "md", label: s, helperText: a, errorText: n, placeholder: r, disabled: o, id: c, style: i, ...d }, u) => {
+    const m = c ?? `lucent-select-${Math.random().toString(36).slice(2, 7)}`, h = !!n, b = !!o, [v, B] = F(!1), [I, S] = F(!1), p = b ? "transparent" : h ? "var(--lucent-danger-default)" : v ? "var(--lucent-accent-border)" : I ? "var(--lucent-border-strong)" : "var(--lucent-border-default)", x = v ? `0 0 0 3px ${h ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
     return /* @__PURE__ */ T("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...i }, children: [
-      o && /* @__PURE__ */ f(
+      s && /* @__PURE__ */ f(
         "label",
         {
-          htmlFor: x,
+          htmlFor: m,
           style: {
             fontSize: Ie[t],
             fontWeight: "var(--lucent-font-weight-medium)",
             color: b ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
             fontFamily: "var(--lucent-font-family-base)"
           },
-          children: o
+          children: s
         }
       ),
       /* @__PURE__ */ T(
@@ -561,10 +569,10 @@ const Et = {
             position: "relative",
             display: "flex",
             alignItems: "center",
-            height: Et[t],
+            height: At[t],
             border: `1px solid ${p}`,
             borderRadius: "var(--lucent-radius-lg)",
-            boxShadow: m,
+            boxShadow: x,
             background: b ? "color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)" : "var(--lucent-surface)",
             cursor: b ? "not-allowed" : "pointer",
             transition: [
@@ -573,23 +581,23 @@ const Et = {
             ].join(", ")
           },
           onMouseEnter: () => {
-            b || k(!0);
+            b || S(!0);
           },
-          onMouseLeave: () => k(!1),
+          onMouseLeave: () => S(!1),
           children: [
             /* @__PURE__ */ T(
               "select",
               {
                 ref: u,
-                id: x,
-                disabled: s,
+                id: m,
+                disabled: o,
                 "aria-invalid": h,
-                "aria-describedby": h ? `${x}-error` : a ? `${x}-helper` : void 0,
+                "aria-describedby": h ? `${m}-error` : a ? `${m}-helper` : void 0,
                 style: {
                   width: "100%",
                   height: "100%",
                   padding: `0 var(--lucent-space-8) 0 ${Ae[t]}`,
-                  fontSize: At[t],
+                  fontSize: Ot[t],
                   fontFamily: "var(--lucent-font-family-base)",
                   color: b ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
                   background: "transparent",
@@ -600,13 +608,13 @@ const Et = {
                   cursor: b ? "not-allowed" : "pointer",
                   boxSizing: "border-box"
                 },
-                onFocus: (S) => {
+                onFocus: (D) => {
                   var $;
-                  b || B(!0), ($ = d.onFocus) == null || $.call(d, S);
+                  b || B(!0), ($ = d.onFocus) == null || $.call(d, D);
                 },
-                onBlur: (S) => {
+                onBlur: (D) => {
                   var $;
-                  B(!1), ($ = d.onBlur) == null || $.call(d, S);
+                  B(!1), ($ = d.onBlur) == null || $.call(d, D);
                 },
                 onMouseDown: () => {
                   b || B(!0);
@@ -614,7 +622,7 @@ const Et = {
                 ...d,
                 children: [
                   r && /* @__PURE__ */ f("option", { value: "", disabled: !0, children: r }),
-                  e.map((S) => /* @__PURE__ */ f("option", { value: S.value, disabled: S.disabled, children: S.label }, S.value))
+                  e.map((D) => /* @__PURE__ */ f("option", { value: D.value, disabled: D.disabled, children: D.label }, D.value))
                 ]
               }
             ),
@@ -639,7 +647,7 @@ const Et = {
       h && /* @__PURE__ */ f(
         "span",
         {
-          id: `${x}-error`,
+          id: `${m}-error`,
           role: "alert",
           style: {
             fontSize: Ie[t],
@@ -652,7 +660,7 @@ const Et = {
       !h && a && /* @__PURE__ */ f(
         "span",
         {
-          id: `${x}-helper`,
+          id: `${m}-helper`,
           style: {
             fontSize: Ie[t],
             color: "var(--lucent-text-secondary)",
@@ -665,7 +673,7 @@ const Et = {
   }
 );
 Qe.displayName = "Select";
-const Ot = {
+const Xt = {
   primary: "var(--lucent-text-primary)",
   secondary: "var(--lucent-text-secondary)",
   disabled: "var(--lucent-text-disabled)",
@@ -675,7 +683,7 @@ const Ot = {
   warning: "var(--lucent-warning-text)",
   danger: "var(--lucent-danger-text)",
   info: "var(--lucent-info-text)"
-}, Xt = {
+}, jt = {
   xs: "var(--lucent-font-size-xs)",
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
@@ -683,40 +691,40 @@ const Ot = {
   xl: "var(--lucent-font-size-xl)",
   "2xl": "var(--lucent-font-size-2xl)",
   "3xl": "var(--lucent-font-size-3xl)"
-}, jt = {
+}, Ut = {
   regular: "var(--lucent-font-weight-regular)",
   medium: "var(--lucent-font-weight-medium)",
   semibold: "var(--lucent-font-weight-semibold)",
   bold: "var(--lucent-font-weight-bold)"
-}, Ut = {
+}, qt = {
   tight: "var(--lucent-line-height-tight)",
   base: "var(--lucent-line-height-base)",
   relaxed: "var(--lucent-line-height-relaxed)"
-}, qt = {
+}, Gt = {
   base: "var(--lucent-font-family-base)",
   mono: "var(--lucent-font-family-mono)",
   display: "var(--lucent-font-family-display)"
 };
-function fn({
+function gn({
   as: e = "p",
   size: t = "md",
-  weight: o = "regular",
+  weight: s = "regular",
   color: a = "primary",
   align: n,
   lineHeight: r = "base",
-  family: s = "base",
+  family: o = "base",
   truncate: c = !1,
   children: i,
   style: d,
   ...u
 }) {
-  const x = {
-    fontSize: Xt[t],
-    fontWeight: jt[o],
-    color: Ot[a],
+  const m = {
+    fontSize: jt[t],
+    fontWeight: Ut[s],
+    color: Xt[a],
     ...n !== void 0 && { textAlign: n },
-    lineHeight: Ut[r],
-    fontFamily: qt[s],
+    lineHeight: qt[r],
+    fontFamily: Gt[o],
     margin: 0,
     ...c && {
       overflow: "hidden",
@@ -725,9 +733,9 @@ function fn({
     },
     ...d
   };
-  return /* @__PURE__ */ f(e, { style: x, ...u, children: i });
+  return /* @__PURE__ */ f(e, { style: m, ...u, children: i });
 }
-const Gt = { sm: "3px", md: "4px", lg: "5px" }, _t = { sm: "14px", md: "18px", lg: "22px" }, Vt = `
+const Vt = { sm: "3px", md: "4px", lg: "5px" }, _t = { sm: "14px", md: "18px", lg: "22px" }, Kt = `
 .lucent-slider {
   -webkit-appearance: none;
   appearance: none;
@@ -821,28 +829,28 @@ const Gt = { sm: "3px", md: "4px", lg: "5px" }, _t = { sm: "14px", md: "18px", l
   cursor: not-allowed;
 }
 `;
-function pn({
+function bn({
   label: e,
   showValue: t = !1,
-  size: o = "md",
+  size: s = "md",
   min: a = 0,
   max: n = 100,
   step: r = 1,
-  value: s,
+  value: o,
   defaultValue: c,
   disabled: i,
   id: d,
   onChange: u,
-  style: x,
+  style: m,
   ...h
 }) {
-  const b = d ?? `lucent-slider-${Math.random().toString(36).slice(2, 7)}`, v = s !== void 0, [B, I] = F(
+  const b = d ?? `lucent-slider-${Math.random().toString(36).slice(2, 7)}`, v = o !== void 0, [B, I] = F(
     c ?? Math.round((a + n) / 2)
-  ), k = v ? s : B, p = `${(k - a) / (n - a) * 100}%`, m = (S) => {
-    v || I(Number(S.target.value)), u == null || u(S);
+  ), S = v ? o : B, p = `${(S - a) / (n - a) * 100}%`, x = (D) => {
+    v || I(Number(D.target.value)), u == null || u(D);
   };
   return /* @__PURE__ */ T(Ye, { children: [
-    /* @__PURE__ */ f("style", { children: Vt }),
+    /* @__PURE__ */ f("style", { children: Kt }),
     /* @__PURE__ */ T(
       "div",
       {
@@ -852,7 +860,7 @@ function pn({
           gap: "var(--lucent-space-1)",
           width: "100%",
           fontFamily: "var(--lucent-font-family-base)",
-          ...x
+          ...m
         },
         children: [
           (e || t) && /* @__PURE__ */ T(
@@ -885,7 +893,7 @@ function pn({
                       color: i ? "var(--lucent-text-disabled)" : "var(--lucent-text-secondary)",
                       fontVariantNumeric: "tabular-nums"
                     },
-                    children: k
+                    children: S
                   }
                 )
               ]
@@ -901,11 +909,11 @@ function pn({
               max: n,
               step: r,
               disabled: i,
-              value: v ? s : B,
-              onChange: m,
+              value: v ? o : B,
+              onChange: x,
               style: {
-                "--ls-track-h": Gt[o],
-                "--ls-thumb": _t[o],
+                "--ls-track-h": Vt[s],
+                "--ls-thumb": _t[s],
                 "--ls-fill": p
               },
               ...h
@@ -920,11 +928,11 @@ const Oe = {
   sm: "calc(var(--lucent-space-8) * 0.5 + 18px)",
   md: "calc(var(--lucent-space-10) * 0.5 + 22px)",
   lg: "calc(var(--lucent-space-12) * 0.5 + 26px)"
-}, Kt = {
+}, Yt = {
   sm: "var(--lucent-font-size-sm)",
   md: "var(--lucent-font-size-md)",
   lg: "var(--lucent-font-size-lg)"
-}, Yt = {
+}, Zt = {
   sm: "var(--lucent-space-3)",
   md: "var(--lucent-space-4)",
   lg: "var(--lucent-space-5)"
@@ -932,33 +940,33 @@ const Oe = {
 function et({
   options: e,
   value: t,
-  defaultValue: o,
+  defaultValue: s,
   onChange: a,
   size: n = "md",
   disabled: r = !1,
-  fullWidth: s = !0,
+  fullWidth: o = !0,
   id: c,
   style: i
 }) {
-  var k;
+  var S;
   const [d, u] = F(
-    o ?? ((k = e[0]) == null ? void 0 : k.value) ?? ""
-  ), x = t !== void 0 ? t : d, h = j(null), [b, v] = F(null), B = j(!1);
+    s ?? ((S = e[0]) == null ? void 0 : S.value) ?? ""
+  ), m = t !== void 0 ? t : d, h = U(null), [b, v] = F(null), B = U(!1);
   ve(() => {
     const p = h.current;
     if (!p) return;
-    const m = () => {
-      const $ = p.querySelector(`[data-sc-value="${x}"]`);
+    const x = () => {
+      const $ = p.querySelector(`[data-sc-value="${m}"]`);
       $ && (v({
         left: $.offsetLeft,
         width: $.offsetWidth,
         animate: B.current
       }), B.current = !0);
     };
-    m();
-    const S = new ResizeObserver(m);
-    return S.observe(p), () => S.disconnect();
-  }, [x, e]);
+    x();
+    const D = new ResizeObserver(x);
+    return D.observe(p), () => D.disconnect();
+  }, [m, e]);
   const I = (p) => {
     r || p.disabled || (t === void 0 && u(p.value), a == null || a(p.value));
   };
@@ -972,7 +980,7 @@ function et({
         position: "relative",
         display: "flex",
         alignItems: "center",
-        width: s ? "100%" : "fit-content",
+        width: o ? "100%" : "fit-content",
         height: Oe[n],
         // color-mix with transparent produces a relative tint that adapts to any
         // parent background (white, tinted chrome, dark mode). Baseline 2023.
@@ -1004,15 +1012,15 @@ function et({
           }
         ),
         e.map((p) => {
-          const m = p.value === x, S = r || !!p.disabled;
+          const x = p.value === m, D = r || !!p.disabled;
           return /* @__PURE__ */ f(
             "button",
             {
               "data-sc-value": p.value,
               type: "button",
               role: "radio",
-              "aria-checked": m,
-              disabled: S,
+              "aria-checked": x,
+              disabled: D,
               onClick: () => I(p),
               style: {
                 position: "relative",
@@ -1023,15 +1031,15 @@ function et({
                 gap: "var(--lucent-space-1)",
                 flex: 1,
                 height: Oe[n],
-                padding: `0 ${Yt[n]}`,
-                fontSize: Kt[n],
+                padding: `0 ${Zt[n]}`,
+                fontSize: Yt[n],
                 fontFamily: "var(--lucent-font-family-base)",
-                fontWeight: m ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-                color: S ? "var(--lucent-text-disabled)" : m ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                fontWeight: x ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+                color: D ? "var(--lucent-text-disabled)" : x ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                 background: "transparent",
                 border: "none",
                 borderRadius: "var(--lucent-radius-lg)",
-                cursor: S ? "not-allowed" : "pointer",
+                cursor: D ? "not-allowed" : "pointer",
                 outline: "none",
                 whiteSpace: "nowrap",
                 transition: [
@@ -1055,22 +1063,22 @@ function et({
   );
 }
 et.displayName = "SegmentedControl";
-const Zt = {
+const Jt = {
   xs: 12,
   sm: 16,
   md: 22,
   lg: 28,
   xl: 36,
   "2xl": 48
-}, Jt = {
+}, Qt = {
   xs: "var(--lucent-radius-sm)",
   sm: "var(--lucent-radius-sm)",
   md: "var(--lucent-radius-md)",
   lg: "var(--lucent-radius-md)",
   xl: "var(--lucent-radius-lg)",
   "2xl": "var(--lucent-radius-lg)"
-}, Xe = "inset 0 0 0 1px rgba(0,0,0,0.2)", je = "inset 0 0 0 2px rgba(0,0,0,0.5)", Qt = "inset 0 0 0 1px rgba(0,0,0,0.2), 0 0 0 3px var(--lucent-accent-subtle)";
-function ea(e) {
+}, Xe = "inset 0 0 0 1px rgba(0,0,0,0.2)", je = "inset 0 0 0 2px rgba(0,0,0,0.5)", ea = "inset 0 0 0 1px rgba(0,0,0,0.2), 0 0 0 3px var(--lucent-accent-subtle)";
+function ta(e) {
   return {
     backgroundImage: [
       `linear-gradient(${e}, ${e})`,
@@ -1087,21 +1095,21 @@ function ea(e) {
 const pe = he(({
   color: e,
   size: t = "md",
-  shape: o = "circle",
+  shape: s = "circle",
   showCheckerboard: a = !1,
   selected: n = !1,
   disabled: r = !1,
-  style: s,
+  style: o,
   onFocus: c,
   onBlur: i,
   onClick: d,
   ...u
-}, x) => {
-  const h = Zt[t], b = o === "circle" ? "50%" : Jt[t];
+}, m) => {
+  const h = Jt[t], b = s === "circle" ? "50%" : Qt[t];
   return /* @__PURE__ */ f(
     "button",
     {
-      ref: x,
+      ref: m,
       type: "button",
       disabled: r,
       onClick: d,
@@ -1109,7 +1117,7 @@ const pe = he(({
         width: h,
         height: h,
         flexShrink: 0,
-        ...a ? ea(e) : { background: e },
+        ...a ? ta(e) : { background: e },
         border: "none",
         borderRadius: b,
         cursor: r ? "not-allowed" : d ? "pointer" : "default",
@@ -1118,10 +1126,10 @@ const pe = he(({
         opacity: r ? 0.4 : 1,
         boxShadow: n ? je : Xe,
         transition: "box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",
-        ...s
+        ...o
       },
       onFocus: (v) => {
-        r || (v.currentTarget.style.boxShadow = Qt), c == null || c(v);
+        r || (v.currentTarget.style.boxShadow = ea), c == null || c(v);
       },
       onBlur: (v) => {
         v.currentTarget.style.boxShadow = n ? je : Xe, i == null || i(v);
@@ -1131,30 +1139,30 @@ const pe = he(({
   );
 });
 pe.displayName = "ColorSwatch";
-function be(e, t, o) {
-  return Math.max(t, Math.min(o, e));
+function be(e, t, s) {
+  return Math.max(t, Math.min(s, e));
 }
-function ta(e, t, o) {
-  const a = t / 100, n = o / 100, r = n * a, s = r * (1 - Math.abs(e / 60 % 2 - 1)), c = n - r;
+function aa(e, t, s) {
+  const a = t / 100, n = s / 100, r = n * a, o = r * (1 - Math.abs(e / 60 % 2 - 1)), c = n - r;
   let i = 0, d = 0, u = 0;
-  return e < 60 ? (i = r, d = s) : e < 120 ? (i = s, d = r) : e < 180 ? (d = r, u = s) : e < 240 ? (d = s, u = r) : e < 300 ? (i = s, u = r) : (i = r, u = s), { r: Math.round((i + c) * 255), g: Math.round((d + c) * 255), b: Math.round((u + c) * 255) };
-}
-function aa(e, t, o) {
-  const a = e / 255, n = t / 255, r = o / 255, s = Math.max(a, n, r), c = Math.min(a, n, r), i = s - c, d = s, u = s === 0 ? 0 : i / s;
-  let x = 0;
-  return i !== 0 && (s === a ? x = ((n - r) / i + (n < r ? 6 : 0)) / 6 : s === n ? x = ((r - a) / i + 2) / 6 : x = ((a - n) / i + 4) / 6), { h: Math.round(x * 360), s: Math.round(u * 100), v: Math.round(d * 100) };
-}
-function na(e, t, o) {
-  const a = e / 255, n = t / 255, r = o / 255, s = Math.max(a, n, r), c = Math.min(a, n, r), i = (s + c) / 2;
-  if (s === c) return { h: 0, s: 0, l: Math.round(i * 100) };
-  const d = s - c, u = i > 0.5 ? d / (2 - s - c) : d / (s + c);
-  let x = 0;
-  return s === a ? x = ((n - r) / d + (n < r ? 6 : 0)) / 6 : s === n ? x = ((r - a) / d + 2) / 6 : x = ((a - n) / d + 4) / 6, { h: Math.round(x * 360), s: Math.round(u * 100), l: Math.round(i * 100) };
-}
-function ge(e, t, o) {
-  const a = t / 100, n = o / 100, r = (1 - Math.abs(2 * n - 1)) * a, s = r * (1 - Math.abs(e / 60 % 2 - 1)), c = n - r / 2;
+  return e < 60 ? (i = r, d = o) : e < 120 ? (i = o, d = r) : e < 180 ? (d = r, u = o) : e < 240 ? (d = o, u = r) : e < 300 ? (i = o, u = r) : (i = r, u = o), { r: Math.round((i + c) * 255), g: Math.round((d + c) * 255), b: Math.round((u + c) * 255) };
+}
+function na(e, t, s) {
+  const a = e / 255, n = t / 255, r = s / 255, o = Math.max(a, n, r), c = Math.min(a, n, r), i = o - c, d = o, u = o === 0 ? 0 : i / o;
+  let m = 0;
+  return i !== 0 && (o === a ? m = ((n - r) / i + (n < r ? 6 : 0)) / 6 : o === n ? m = ((r - a) / i + 2) / 6 : m = ((a - n) / i + 4) / 6), { h: Math.round(m * 360), s: Math.round(u * 100), v: Math.round(d * 100) };
+}
+function ra(e, t, s) {
+  const a = e / 255, n = t / 255, r = s / 255, o = Math.max(a, n, r), c = Math.min(a, n, r), i = (o + c) / 2;
+  if (o === c) return { h: 0, s: 0, l: Math.round(i * 100) };
+  const d = o - c, u = i > 0.5 ? d / (2 - o - c) : d / (o + c);
+  let m = 0;
+  return o === a ? m = ((n - r) / d + (n < r ? 6 : 0)) / 6 : o === n ? m = ((r - a) / d + 2) / 6 : m = ((a - n) / d + 4) / 6, { h: Math.round(m * 360), s: Math.round(u * 100), l: Math.round(i * 100) };
+}
+function ge(e, t, s) {
+  const a = t / 100, n = s / 100, r = (1 - Math.abs(2 * n - 1)) * a, o = r * (1 - Math.abs(e / 60 % 2 - 1)), c = n - r / 2;
   let i = 0, d = 0, u = 0;
-  return e < 60 ? (i = r, d = s) : e < 120 ? (i = s, d = r) : e < 180 ? (d = r, u = s) : e < 240 ? (d = s, u = r) : e < 300 ? (i = s, u = r) : (i = r, u = s), { r: Math.round((i + c) * 255), g: Math.round((d + c) * 255), b: Math.round((u + c) * 255) };
+  return e < 60 ? (i = r, d = o) : e < 120 ? (i = o, d = r) : e < 180 ? (d = r, u = o) : e < 240 ? (d = o, u = r) : e < 300 ? (i = o, u = r) : (i = r, u = o), { r: Math.round((i + c) * 255), g: Math.round((d + c) * 255), b: Math.round((u + c) * 255) };
 }
 function Fe(e) {
   const t = e.replace("#", "");
@@ -1169,15 +1177,15 @@ function tt(e) {
     a: t.length === 9 ? +(parseInt(t.slice(7, 9), 16) / 255).toFixed(2) : 1
   };
 }
-function Le({ r: e, g: t, b: o, a }) {
-  const n = (s) => be(Math.round(s), 0, 255).toString(16).padStart(2, "0"), r = `#${n(e)}${n(t)}${n(o)}`;
+function Le({ r: e, g: t, b: s, a }) {
+  const n = (o) => be(Math.round(o), 0, 255).toString(16).padStart(2, "0"), r = `#${n(e)}${n(t)}${n(s)}`;
   return a < 1 ? `${r}${n(Math.round(a * 255))}` : r;
 }
-function at({ h: e, s: t, v: o, a }) {
-  return { ...ta(e, t, o), a };
+function at({ h: e, s: t, v: s, a }) {
+  return { ...aa(e, t, s), a };
 }
-function U({ r: e, g: t, b: o, a }) {
-  return { ...aa(e, t, o), a };
+function q({ r: e, g: t, b: s, a }) {
+  return { ...na(e, t, s), a };
 }
 function ce(e) {
   return Le(at(e));
@@ -1188,19 +1196,19 @@ function ie(e) {
     const n = Fe(t);
     return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(n) ? tt(n) : null;
   }
-  const o = t.match(/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*([\d.]+))?\s*\)$/);
-  if (o) {
-    const n = +(o[1] ?? "0"), r = +(o[2] ?? "0"), s = +(o[3] ?? "0"), c = o[4] !== void 0 ? +o[4] : 1;
-    return [n, r, s].every((i) => i <= 255) && c >= 0 && c <= 1 ? { r: n, g: r, b: s, a: c } : null;
+  const s = t.match(/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*([\d.]+))?\s*\)$/);
+  if (s) {
+    const n = +(s[1] ?? "0"), r = +(s[2] ?? "0"), o = +(s[3] ?? "0"), c = s[4] !== void 0 ? +s[4] : 1;
+    return [n, r, o].every((i) => i <= 255) && c >= 0 && c <= 1 ? { r: n, g: r, b: o, a: c } : null;
   }
   const a = t.match(/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%?\s*,\s*(\d{1,3})%?\s*\)$/);
   if (a) {
-    const n = +(a[1] ?? "0"), r = +(a[2] ?? "0"), s = +(a[3] ?? "0");
-    return n <= 360 && r <= 100 && s <= 100 ? { ...ge(n, r, s), a: 1 } : null;
+    const n = +(a[1] ?? "0"), r = +(a[2] ?? "0"), o = +(a[3] ?? "0");
+    return n <= 360 && r <= 100 && o <= 100 ? { ...ge(n, r, o), a: 1 } : null;
   }
   return null;
 }
-const ra = [
+const sa = [
   {
     label: "Presets",
     colors: [
@@ -1221,21 +1229,21 @@ const ra = [
   "linear-gradient(45deg, transparent 75%, #c0c0c0 75%)",
   "linear-gradient(-45deg, transparent 75%, #c0c0c0 75%)"
 ].join(", ");
-function Ue({ value: e, min: t, max: o, onChange: a, trackStyle: n, formatTooltip: r }) {
-  const s = j(null), [c, i] = F(!1), d = fe((x) => {
-    const h = s.current.getBoundingClientRect(), b = be((x.clientX - h.left) / h.width, 0, 1);
-    a(t + b * (o - t));
-  }, [t, o, a]), u = (e - t) / (o - t) * 100;
+function Ue({ value: e, min: t, max: s, onChange: a, trackStyle: n, formatTooltip: r }) {
+  const o = U(null), [c, i] = F(!1), d = fe((m) => {
+    const h = o.current.getBoundingClientRect(), b = be((m.clientX - h.left) / h.width, 0, 1);
+    a(t + b * (s - t));
+  }, [t, s, a]), u = (e - t) / (s - t) * 100;
   return /* @__PURE__ */ f(
     "div",
     {
-      ref: s,
+      ref: o,
       style: { position: "relative", height: 12, borderRadius: 6, cursor: "crosshair", userSelect: "none", ...n },
-      onPointerDown: (x) => {
-        x.currentTarget.setPointerCapture(x.pointerId), i(!0), d(x);
+      onPointerDown: (m) => {
+        m.currentTarget.setPointerCapture(m.pointerId), i(!0), d(m);
       },
-      onPointerMove: (x) => {
-        x.buttons > 0 && d(x);
+      onPointerMove: (m) => {
+        m.buttons > 0 && d(m);
       },
       onPointerUp: () => i(!1),
       onPointerCancel: () => i(!1),
@@ -1277,68 +1285,68 @@ function Ue({ value: e, min: t, max: o, onChange: a, trackStyle: n, formatToolti
     }
   );
 }
-function sa() {
+function la() {
   return /* @__PURE__ */ T("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ f("path", { d: "M2 22l1-1h3l9-9" }),
     /* @__PURE__ */ f("path", { d: "M3 21v-3l9-9" }),
     /* @__PURE__ */ f("path", { d: "M15 6l3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
   ] });
 }
-function la({
+function ca({
   value: e,
   onChange: t,
-  label: o,
+  label: s,
   size: a = "md",
   inline: n = !1,
   disabled: r = !1,
-  presetGroups: s = ra,
+  presetGroups: o = sa,
   portalContainer: c,
   id: i,
   style: d
 }) {
   var w, L;
-  const u = a === "sm" ? 24 : 40, x = Ze(), h = i ?? x, [b, v] = F(!1), [B, I] = F("hex"), [k, p] = F(0), [m, S] = F(() => {
+  const u = a === "sm" ? 24 : 40, m = Ze(), h = i ?? m, [b, v] = F(!1), [B, I] = F("hex"), [S, p] = F(0), [x, D] = F(() => {
     const l = e ? ie(e) ?? { r: 0, g: 0, b: 0, a: 1 } : { r: 0, g: 0, b: 0, a: 1 };
-    return U(l);
-  }), [$, C] = F(() => ce(m).slice(1).toUpperCase()), O = j(null), N = j(null), D = j(null), [R, V] = F({ top: 0, left: 0 });
+    return q(l);
+  }), [$, E] = F(() => ce(x).slice(1).toUpperCase()), A = U(null), H = U(null), N = U(null), [k, R] = F({ top: 0, left: 0 });
   ve(() => {
-    if (!b || !O.current) return;
-    const l = O.current.getBoundingClientRect();
+    if (!b || !A.current) return;
+    const l = A.current.getBoundingClientRect();
     let g = l.left;
     const y = l.bottom + 8;
-    if (D.current) {
-      const M = D.current.offsetWidth;
+    if (N.current) {
+      const M = N.current.offsetWidth;
       g + M > window.innerWidth && (g = l.right - M);
     }
-    V({ top: y, left: g });
+    R({ top: y, left: g });
   }, [b]), re(() => {
     if (!e) return;
     const l = ie(e);
-    l && (S(U(l)), C(Le(l).slice(1).toUpperCase()));
+    l && (D(q(l)), E(Le(l).slice(1).toUpperCase()));
   }, [e]), re(() => {
     if (!b) return;
     const l = (g) => {
-      var M, A;
+      var M, X;
       const y = g.target;
-      (M = O.current) != null && M.contains(y) || (A = D.current) != null && A.contains(y) || v(!1);
+      (M = A.current) != null && M.contains(y) || (X = N.current) != null && X.contains(y) || v(!1);
     };
     return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, [b]);
   const P = fe((l) => {
-    S(l);
+    D(l);
     const g = ce(l);
-    C(g.slice(1).toUpperCase()), t == null || t(g);
-  }, [t]), E = fe((l) => {
-    const g = N.current.getBoundingClientRect(), y = Math.round(be((l.clientX - g.left) / g.width, 0, 1) * 100), M = Math.round((1 - be((l.clientY - g.top) / g.height, 0, 1)) * 100);
-    P({ ...m, s: y, v: M });
-  }, [m, P]), q = fe(async () => {
+    E(g.slice(1).toUpperCase()), t == null || t(g);
+  }, [t]), O = fe((l) => {
+    const g = H.current.getBoundingClientRect(), y = Math.round(be((l.clientX - g.left) / g.width, 0, 1) * 100), M = Math.round((1 - be((l.clientY - g.top) / g.height, 0, 1)) * 100);
+    P({ ...x, s: y, v: M });
+  }, [x, P]), G = fe(async () => {
     if ("EyeDropper" in window)
       try {
         const l = await new window.EyeDropper().open(), g = ie(l.sRGBHex);
-        g && P(U(g));
+        g && P(q(g));
       } catch {
       }
-  }, [P]), H = at(m), X = na(H.r, H.g, H.b), ae = ce(m), le = ce({ ...m, a: 1 }), K = Math.round(m.a * 100), ze = [
+  }, [P]), W = at(x), j = ra(W.r, W.g, W.b), ae = ce(x), le = ce({ ...x, a: 1 }), K = Math.round(x.a * 100), ze = [
     { id: "hex", label: "Hex" },
     { id: "rgb", label: "RGB" },
     { id: "hsl", label: "HSL" },
@@ -1347,7 +1355,7 @@ function la({
   return /* @__PURE__ */ T(
     "div",
     {
-      ref: O,
+      ref: A,
       style: { display: "inline-flex", flexDirection: n ? "row" : "column", alignItems: n ? "center" : void 0, gap: "var(--lucent-space-1)", position: "relative", ...d },
       children: [
         /* @__PURE__ */ f("style", { children: `
@@ -1355,7 +1363,7 @@ function la({
         .lucent-cp-field::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
         .lucent-cp-field { -moz-appearance: textfield; }
       ` }),
-        o && !n && /* @__PURE__ */ f(
+        s && !n && /* @__PURE__ */ f(
           "label",
           {
             htmlFor: `${h}-swatch`,
@@ -1365,14 +1373,14 @@ function la({
               color: r ? "var(--lucent-text-disabled)" : "var(--lucent-text-primary)",
               fontFamily: "var(--lucent-font-family-base)"
             },
-            children: o
+            children: s
           }
         ),
         /* @__PURE__ */ f(
           pe,
           {
             id: `${h}-swatch`,
-            color: `rgba(${H.r},${H.g},${H.b},${m.a})`,
+            color: `rgba(${W.r},${W.g},${W.b},${x.a})`,
             shape: "square",
             showCheckerboard: !0,
             disabled: r,
@@ -1387,7 +1395,7 @@ function la({
             }
           }
         ),
-        o && n && /* @__PURE__ */ f(
+        s && n && /* @__PURE__ */ f(
           "label",
           {
             htmlFor: `${h}-swatch`,
@@ -1398,20 +1406,20 @@ function la({
               fontFamily: "var(--lucent-font-family-base)",
               cursor: "pointer"
             },
-            children: o
+            children: s
           }
         ),
         b && kt(
           /* @__PURE__ */ T(
             "div",
             {
-              ref: D,
+              ref: N,
               role: "dialog",
               "aria-label": "Color picker",
               style: {
                 position: "fixed",
-                top: R.top,
-                left: R.left,
+                top: k.top,
+                left: k.left,
                 zIndex: 999999,
                 background: "color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",
                 backdropFilter: "blur(6px)",
@@ -1428,28 +1436,28 @@ function la({
                 /* @__PURE__ */ T(
                   "div",
                   {
-                    ref: N,
+                    ref: H,
                     style: {
                       position: "relative",
                       height: 160,
-                      background: `hsl(${m.h}, 100%, 50%)`,
+                      background: `hsl(${x.h}, 100%, 50%)`,
                       cursor: "crosshair",
                       userSelect: "none",
                       flexShrink: 0
                     },
                     onPointerDown: (l) => {
-                      l.currentTarget.setPointerCapture(l.pointerId), E(l);
+                      l.currentTarget.setPointerCapture(l.pointerId), O(l);
                     },
                     onPointerMove: (l) => {
-                      l.buttons > 0 && E(l);
+                      l.buttons > 0 && O(l);
                     },
                     children: [
                       /* @__PURE__ */ f("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to right, #fff, transparent)" } }),
                       /* @__PURE__ */ f("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to bottom, transparent, #000)" } }),
                       /* @__PURE__ */ f("div", { style: {
                         position: "absolute",
-                        left: `${m.s}%`,
-                        top: `${100 - m.v}%`,
+                        left: `${x.s}%`,
+                        top: `${100 - x.v}%`,
                         transform: "translate(-50%, -50%)",
                         width: 14,
                         height: 14,
@@ -1466,7 +1474,7 @@ function la({
                     /* @__PURE__ */ f(
                       pe,
                       {
-                        color: `rgba(${H.r},${H.g},${H.b},${m.a})`,
+                        color: `rgba(${W.r},${W.g},${W.b},${x.a})`,
                         shape: "square",
                         showCheckerboard: !0,
                         style: { width: 44, height: 44, borderRadius: 8 }
@@ -1476,10 +1484,10 @@ function la({
                       /* @__PURE__ */ f(
                         Ue,
                         {
-                          value: m.h,
+                          value: x.h,
                           min: 0,
                           max: 360,
-                          onChange: (l) => P({ ...m, h: Math.round(l) }),
+                          onChange: (l) => P({ ...x, h: Math.round(l) }),
                           trackStyle: { background: "linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)" },
                           formatTooltip: (l) => `${Math.round(l)}°`
                         }
@@ -1497,10 +1505,10 @@ function la({
                         /* @__PURE__ */ f(
                           Ue,
                           {
-                            value: m.a,
+                            value: x.a,
                             min: 0,
                             max: 1,
-                            onChange: (l) => P({ ...m, a: Math.round(l * 100) / 100 }),
+                            onChange: (l) => P({ ...x, a: Math.round(l * 100) / 100 }),
                             trackStyle: { background: "transparent", position: "relative", zIndex: 1 },
                             formatTooltip: (l) => `${Math.round(l * 100)}%`
                           }
@@ -1523,10 +1531,10 @@ function la({
                       {
                         variant: "secondary",
                         size: "sm",
-                        onClick: q,
+                        onClick: G,
                         disabled: !ne,
                         title: ne ? "Pick color from screen" : "Not supported in this browser",
-                        leftIcon: /* @__PURE__ */ f(sa, {}),
+                        leftIcon: /* @__PURE__ */ f(la, {}),
                         style: { flexShrink: 0, paddingLeft: 8, paddingRight: 8 }
                       }
                     ),
@@ -1538,11 +1546,11 @@ function la({
                         value: $,
                         onChange: (l) => {
                           const g = l.target.value.replace(/[^0-9a-fA-F]/g, "");
-                          if (C(g.toUpperCase()), /^[0-9a-f]{6}$/i.test(g) || /^[0-9a-f]{8}$/i.test(g)) {
+                          if (E(g.toUpperCase()), /^[0-9a-f]{6}$/i.test(g) || /^[0-9a-f]{8}$/i.test(g)) {
                             const y = ie(`#${g}`);
                             if (y) {
-                              const M = U(y);
-                              S(M), t == null || t(Le(y));
+                              const M = q(y);
+                              D(M), t == null || t(Le(y));
                             }
                           }
                         },
@@ -1563,7 +1571,7 @@ function la({
                         max: 100,
                         onChange: (l) => {
                           const g = +l.target.value;
-                          !isNaN(g) && g >= 0 && g <= 100 && P({ ...m, a: g / 100 });
+                          !isNaN(g) && g >= 0 && g <= 100 && P({ ...x, a: g / 100 });
                         },
                         className: "lucent-cp-field",
                         style: { width: 68, flexShrink: 0 }
@@ -1571,65 +1579,65 @@ function la({
                     )
                   ] }),
                   B === "rgb" && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 6 }, children: [
-                    { label: "R", val: H.r, max: 255, fn: (l) => P(U({ ...H, r: l })) },
-                    { label: "G", val: H.g, max: 255, fn: (l) => P(U({ ...H, g: l })) },
-                    { label: "B", val: H.b, max: 255, fn: (l) => P(U({ ...H, b: l })) },
-                    { label: "A", val: K, max: 100, fn: (l) => P({ ...m, a: l / 100 }) }
-                  ].map(({ label: l, val: g, max: y, fn: M }) => /* @__PURE__ */ f(te, { size: "sm", type: "number", prefix: l, value: g, min: 0, max: y, onChange: (A) => {
-                    const W = +A.target.value;
-                    !isNaN(W) && W >= 0 && W <= y && M(W);
+                    { label: "R", val: W.r, max: 255, fn: (l) => P(q({ ...W, r: l })) },
+                    { label: "G", val: W.g, max: 255, fn: (l) => P(q({ ...W, g: l })) },
+                    { label: "B", val: W.b, max: 255, fn: (l) => P(q({ ...W, b: l })) },
+                    { label: "A", val: K, max: 100, fn: (l) => P({ ...x, a: l / 100 }) }
+                  ].map(({ label: l, val: g, max: y, fn: M }) => /* @__PURE__ */ f(te, { size: "sm", type: "number", prefix: l, value: g, min: 0, max: y, onChange: (X) => {
+                    const C = +X.target.value;
+                    !isNaN(C) && C >= 0 && C <= y && M(C);
                   }, className: "lucent-cp-field", style: { flex: 1 } }, l)) }),
                   B === "hsl" && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 6 }, children: [
-                    { label: "H", val: X.h, max: 360, fn: (l) => {
-                      const { r: g, g: y, b: M } = ge(l, X.s, X.l);
-                      P(U({ r: g, g: y, b: M, a: m.a }));
+                    { label: "H", val: j.h, max: 360, fn: (l) => {
+                      const { r: g, g: y, b: M } = ge(l, j.s, j.l);
+                      P(q({ r: g, g: y, b: M, a: x.a }));
                     } },
-                    { label: "S", val: X.s, max: 100, fn: (l) => {
-                      const { r: g, g: y, b: M } = ge(X.h, l, X.l);
-                      P(U({ r: g, g: y, b: M, a: m.a }));
+                    { label: "S", val: j.s, max: 100, fn: (l) => {
+                      const { r: g, g: y, b: M } = ge(j.h, l, j.l);
+                      P(q({ r: g, g: y, b: M, a: x.a }));
                     } },
-                    { label: "L", val: X.l, max: 100, fn: (l) => {
-                      const { r: g, g: y, b: M } = ge(X.h, X.s, l);
-                      P(U({ r: g, g: y, b: M, a: m.a }));
+                    { label: "L", val: j.l, max: 100, fn: (l) => {
+                      const { r: g, g: y, b: M } = ge(j.h, j.s, l);
+                      P(q({ r: g, g: y, b: M, a: x.a }));
                     } },
-                    { label: "A", val: K, max: 100, fn: (l) => P({ ...m, a: l / 100 }) }
-                  ].map(({ label: l, val: g, max: y, fn: M }) => /* @__PURE__ */ f(te, { size: "sm", type: "number", prefix: l, value: g, min: 0, max: y, onChange: (A) => {
-                    const W = +A.target.value;
-                    !isNaN(W) && W >= 0 && W <= y && M(W);
+                    { label: "A", val: K, max: 100, fn: (l) => P({ ...x, a: l / 100 }) }
+                  ].map(({ label: l, val: g, max: y, fn: M }) => /* @__PURE__ */ f(te, { size: "sm", type: "number", prefix: l, value: g, min: 0, max: y, onChange: (X) => {
+                    const C = +X.target.value;
+                    !isNaN(C) && C >= 0 && C <= y && M(C);
                   }, className: "lucent-cp-field", style: { flex: 1 } }, l)) }),
                   B === "hsb" && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 6 }, children: [
-                    { label: "H", val: m.h, max: 360, fn: (l) => P({ ...m, h: l }) },
-                    { label: "S", val: m.s, max: 100, fn: (l) => P({ ...m, s: l }) },
-                    { label: "B", val: m.v, max: 100, fn: (l) => P({ ...m, v: l }) },
-                    { label: "A", val: K, max: 100, fn: (l) => P({ ...m, a: l / 100 }) }
-                  ].map(({ label: l, val: g, max: y, fn: M }) => /* @__PURE__ */ f(te, { size: "sm", type: "number", prefix: l, value: g, min: 0, max: y, onChange: (A) => {
-                    const W = +A.target.value;
-                    !isNaN(W) && W >= 0 && W <= y && M(W);
+                    { label: "H", val: x.h, max: 360, fn: (l) => P({ ...x, h: l }) },
+                    { label: "S", val: x.s, max: 100, fn: (l) => P({ ...x, s: l }) },
+                    { label: "B", val: x.v, max: 100, fn: (l) => P({ ...x, v: l }) },
+                    { label: "A", val: K, max: 100, fn: (l) => P({ ...x, a: l / 100 }) }
+                  ].map(({ label: l, val: g, max: y, fn: M }) => /* @__PURE__ */ f(te, { size: "sm", type: "number", prefix: l, value: g, min: 0, max: y, onChange: (X) => {
+                    const C = +X.target.value;
+                    !isNaN(C) && C >= 0 && C <= y && M(C);
                   }, className: "lucent-cp-field", style: { flex: 1 } }, l)) }),
-                  s.length > 0 && /* @__PURE__ */ T("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-                    s.length > 1 && /* @__PURE__ */ f(
+                  o.length > 0 && /* @__PURE__ */ T("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+                    o.length > 1 && /* @__PURE__ */ f(
                       Qe,
                       {
                         size: "sm",
-                        value: String(k),
+                        value: String(S),
                         onChange: (l) => p(Number(l.target.value)),
-                        options: s.map((l, g) => ({ value: String(g), label: l.label }))
+                        options: o.map((l, g) => ({ value: String(g), label: l.label }))
                       }
                     ),
-                    s.length === 1 && /* @__PURE__ */ f("span", { style: {
+                    o.length === 1 && /* @__PURE__ */ f("span", { style: {
                       fontSize: "var(--lucent-font-size-xs)",
                       fontWeight: "var(--lucent-font-weight-medium)",
                       color: "var(--lucent-text-secondary)",
                       fontFamily: "var(--lucent-font-family-base)"
-                    }, children: (w = s[0]) == null ? void 0 : w.label }),
-                    /* @__PURE__ */ f("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: (((L = s[k]) == null ? void 0 : L.colors) ?? []).map((l) => {
+                    }, children: (w = o[0]) == null ? void 0 : w.label }),
+                    /* @__PURE__ */ f("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: (((L = o[S]) == null ? void 0 : L.colors) ?? []).map((l) => {
                       const g = Fe(l).toLowerCase() === ae.slice(0, 7).toLowerCase();
                       return /* @__PURE__ */ f(
                         pe,
                         {
                           color: l,
                           selected: g,
-                          onClick: () => P(U(tt(l)))
+                          onClick: () => P(q(tt(l)))
                         },
                         l
                       );
@@ -1645,8 +1653,8 @@ function la({
     }
   );
 }
-la.displayName = "ColorPicker";
-const ca = {
+ca.displayName = "ColorPicker";
+const ia = {
   sm: {
     fontSize: "var(--lucent-font-size-sm)",
     buttonPadding: "var(--lucent-space-1) var(--lucent-space-1)",
@@ -1664,16 +1672,16 @@ const ca = {
     dropdownPadding: "var(--lucent-space-2) var(--lucent-space-4)"
   }
 };
-function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "underline", size: r = "md", style: s }) {
+function mn({ tabs: e, defaultValue: t, value: s, onChange: a, variant: n = "underline", size: r = "md", style: o }) {
   var ne;
-  const c = o !== void 0, [i, d] = F(t ?? ((ne = e[0]) == null ? void 0 : ne.value) ?? ""), u = c ? o : i, [x, h] = F(null), b = j([]), [v, B] = F(null), I = j(!1), k = n === "pills", p = ca[r], m = j(null), S = j(null), $ = j(null), [C, O] = F(e.length), [N, D] = F(!1), [R, V] = F(!1), [P, E] = F(null), q = e.slice(0, C), H = e.slice(C), X = H.length > 0, ae = H.some((w) => w.value === u), le = () => {
+  const c = s !== void 0, [i, d] = F(t ?? ((ne = e[0]) == null ? void 0 : ne.value) ?? ""), u = c ? s : i, [m, h] = F(null), b = U([]), [v, B] = F(null), I = U(!1), S = n === "pills", p = ia[r], x = U(null), D = U(null), $ = U(null), [E, A] = F(e.length), [H, N] = F(!1), [k, R] = F(!1), [P, O] = F(null), G = e.slice(0, E), W = e.slice(E), j = W.length > 0, ae = W.some((w) => w.value === u), le = () => {
     if (ae) {
       B(null);
       return;
     }
-    const w = e.findIndex((l, g) => g < C && l.value === u), L = b.current[w];
+    const w = e.findIndex((l, g) => g < E && l.value === u), L = b.current[w];
     if (L) {
-      if (k) {
+      if (S) {
         const l = L.querySelector("span");
         if (!l) return;
         B({ left: l.offsetLeft + L.offsetLeft, width: l.offsetWidth, animate: I.current });
@@ -1684,12 +1692,12 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
   };
   ve(() => {
     le(), document.fonts.ready.then(le);
-  }, [u, C, k]), re(() => {
-    const w = m.current;
+  }, [u, E, S]), re(() => {
+    const w = x.current;
     if (!w) return;
     const L = () => {
-      const M = w.clientWidth, A = 70;
-      let W = 0, Y = 0;
+      const M = w.clientWidth, X = 70;
+      let C = 0, Y = 0;
       for (let Z = 0; Z < e.length; Z++) {
         const J = b.current[Z];
         if (!J) {
@@ -1698,9 +1706,9 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
         }
         const Q = J.offsetWidth;
         if (Z < e.length - 1) {
-          if (W + Q + A > M) break;
-        } else if (W + Q > M) break;
-        W += Q, Y++;
+          if (C + Q + X > M) break;
+        } else if (C + Q > M) break;
+        C += Q, Y++;
       }
       if (Y >= e.length - 1 && Y < e.length) {
         let Z = 0;
@@ -1710,7 +1718,7 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
         }
         Z <= M && (Y = e.length);
       }
-      O(Y < 1 ? 1 : Y);
+      A(Y < 1 ? 1 : Y);
     };
     let l;
     (() => {
@@ -1723,31 +1731,31 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
       y.disconnect(), cancelAnimationFrame(l);
     };
   }, [e]), re(() => {
-    if (!N) return;
+    if (!H) return;
     const w = (L) => {
-      $.current && !$.current.contains(L.target) && S.current && !S.current.contains(L.target) && (D(!1), E(null));
+      $.current && !$.current.contains(L.target) && D.current && !D.current.contains(L.target) && (N(!1), O(null));
     };
     return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
-  }, [N]);
+  }, [H]);
   const K = (w) => {
     c || d(w), a == null || a(w);
   }, ze = (w, L) => {
     var M;
-    const l = q.map((A, W) => A.disabled ? -1 : W).filter((A) => A !== -1), g = l.indexOf(L);
+    const l = G.map((X, C) => X.disabled ? -1 : C).filter((X) => X !== -1), g = l.indexOf(L);
     let y = -1;
-    w.key === "ArrowRight" && (y = l[(g + 1) % l.length] ?? -1), w.key === "ArrowLeft" && (y = l[(g - 1 + l.length) % l.length] ?? -1), w.key === "Home" && (y = l[0] ?? -1), w.key === "End" && (y = l[l.length - 1] ?? -1), y !== -1 && (w.preventDefault(), (M = b.current[y]) == null || M.focus(), K(q[y].value));
+    w.key === "ArrowRight" && (y = l[(g + 1) % l.length] ?? -1), w.key === "ArrowLeft" && (y = l[(g - 1 + l.length) % l.length] ?? -1), w.key === "Home" && (y = l[0] ?? -1), w.key === "End" && (y = l[l.length - 1] ?? -1), y !== -1 && (w.preventDefault(), (M = b.current[y]) == null || M.focus(), K(G[y].value));
   };
-  return /* @__PURE__ */ T("div", { style: { display: "flex", flexDirection: "column", position: "relative", ...s }, children: [
+  return /* @__PURE__ */ T("div", { style: { display: "flex", flexDirection: "column", position: "relative", ...o }, children: [
     /* @__PURE__ */ T(
       "div",
       {
-        ref: m,
+        ref: x,
         role: "tablist",
         style: {
           position: "relative",
           display: "flex",
           overflow: "hidden",
-          ...k ? {
+          ...S ? {
             padding: "var(--lucent-space-1)"
           } : {
             borderBottom: "1px solid var(--lucent-border-default)"
@@ -1755,7 +1763,7 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
         },
         children: [
           e.map((w, L) => {
-            const l = L < C, g = w.value === u, y = w.disabled ?? !1;
+            const l = L < E, g = w.value === u, y = w.disabled ?? !1;
             return /* @__PURE__ */ T(
               "button",
               {
@@ -1777,14 +1785,14 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
                 },
                 onMouseLeave: () => h(null),
                 style: {
-                  padding: k ? p.buttonPadding : p.buttonPaddingUnderline,
+                  padding: S ? p.buttonPadding : p.buttonPaddingUnderline,
                   background: "none",
                   border: "none",
                   cursor: y ? "not-allowed" : "pointer",
                   fontFamily: "var(--lucent-font-family-base)",
                   fontSize: p.fontSize,
                   fontWeight: g ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-                  color: y ? "var(--lucent-text-disabled)" : k && g ? "var(--lucent-accent-fg)" : g ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                  color: y ? "var(--lucent-text-disabled)" : S && g ? "var(--lucent-accent-fg)" : g ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                   transition: "color var(--lucent-duration-fast) var(--lucent-easing-default)",
                   whiteSpace: "nowrap",
                   outline: "none",
@@ -1798,10 +1806,10 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
                     display: "block",
                     padding: p.innerPadding,
                     borderRadius: "var(--lucent-radius-md)",
-                    background: !k && x === L && !g && !y ? "var(--lucent-surface-secondary)" : "transparent",
+                    background: !S && m === L && !g && !y ? "var(--lucent-surface-secondary)" : "transparent",
                     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
                   }, children: w.label }),
-                  k && x === L && !g && !y && l && /* @__PURE__ */ f(
+                  S && m === L && !g && !y && l && /* @__PURE__ */ f(
                     "span",
                     {
                       "aria-hidden": !0,
@@ -1823,15 +1831,15 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
               w.value
             );
           }),
-          X && /* @__PURE__ */ f(
+          j && /* @__PURE__ */ f(
             "button",
             {
-              ref: S,
-              onClick: () => D((w) => !w),
-              onMouseEnter: () => V(!0),
-              onMouseLeave: () => V(!1),
+              ref: D,
+              onClick: () => N((w) => !w),
+              onMouseEnter: () => R(!0),
+              onMouseLeave: () => R(!1),
               style: {
-                padding: k ? p.buttonPadding : p.buttonPaddingUnderline,
+                padding: S ? p.buttonPadding : p.buttonPaddingUnderline,
                 background: "none",
                 border: "none",
                 cursor: "pointer",
@@ -1848,7 +1856,7 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
                 display: "block",
                 padding: p.innerPadding,
                 borderRadius: "var(--lucent-radius-md)",
-                background: R ? "var(--lucent-surface-secondary)" : "transparent",
+                background: k ? "var(--lucent-surface-secondary)" : "transparent",
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
               }, children: "More…" })
             }
@@ -1857,7 +1865,7 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
             "span",
             {
               "aria-hidden": !0,
-              style: k ? {
+              style: S ? {
                 position: "absolute",
                 top: "var(--lucent-space-1)",
                 bottom: "var(--lucent-space-1)",
@@ -1881,7 +1889,7 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
         ]
       }
     ),
-    X && N && /* @__PURE__ */ f(
+    j && H && /* @__PURE__ */ f(
       "div",
       {
         ref: $,
@@ -1898,19 +1906,19 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
           padding: "var(--lucent-space-1) 0",
           minWidth: 140
         },
-        children: H.map((w, L) => {
+        children: W.map((w, L) => {
           const l = w.value === u, g = w.disabled ?? !1, y = P === L;
           return /* @__PURE__ */ f(
             "button",
             {
               disabled: g,
               onClick: () => {
-                g || (K(w.value), D(!1));
+                g || (K(w.value), N(!1));
               },
               onMouseEnter: () => {
-                g || E(L);
+                g || O(L);
               },
-              onMouseLeave: () => E(null),
+              onMouseLeave: () => O(null),
               style: {
                 display: "block",
                 width: "100%",
@@ -1948,7 +1956,7 @@ function gn({ tabs: e, defaultValue: t, value: o, onChange: a, variant: n = "und
     ))
   ] });
 }
-const ia = {
+const ua = {
   fontFamilyBase: '"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   fontFamilyMono: '"DM Mono", "Fira Code", "Cascadia Code", monospace',
   fontFamilyDisplay: '"Georama", "DM Sans", sans-serif',
@@ -1969,7 +1977,7 @@ const ia = {
   letterSpacingTight: "-0.02em",
   letterSpacingBase: "0em",
   letterSpacingWide: "0.04em"
-}, ua = {
+}, da = {
   space0: "0px",
   space1: "0.25rem",
   space2: "0.5rem",
@@ -1983,38 +1991,38 @@ const ia = {
   space16: "4rem",
   space20: "5rem",
   space24: "6rem"
-}, da = {
+}, fa = {
   radiusNone: "0px",
   radiusSm: "0.25rem",
   radiusMd: "0.375rem",
   radiusLg: "0.5rem",
   radiusXl: "0.75rem",
   radiusFull: "9999px"
-}, fa = {
+}, pa = {
   durationFast: "100ms",
   durationBase: "200ms",
   durationSlow: "350ms",
   easingDefault: "cubic-bezier(0.4, 0, 0.2, 1)",
   easingEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
   easingDecelerate: "cubic-bezier(0, 0, 0.2, 1)"
-}, pa = {
+}, ga = {
   shadowNone: "none",
   shadowSm: "0 1px 2px rgb(0 0 0 / 0.12)",
   shadowMd: "0 2px 4px rgb(0 0 0 / 0.18)",
   shadowLg: "0 3px 8px rgb(0 0 0 / 0.18)",
   shadowXl: "0 5px 14px rgb(0 0 0 / 0.2)"
-}, ga = {
+}, ba = {
   shadowNone: "none",
   shadowSm: "inset 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 1px 2px rgba(0, 0, 0, 0.4)",
   shadowMd: "inset 0 1px 0 0 rgba(255, 255, 255, 0.06), 0 1px 4px rgba(0, 0, 0, 0.45)",
   shadowLg: "inset 0 1px 0 0 rgba(255, 255, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.45)",
   shadowXl: "inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 4px 14px rgba(0, 0, 0, 0.5)"
 }, ye = {
-  ...ia,
   ...ua,
   ...da,
   ...fa,
   ...pa,
+  ...ga,
   // Navigation — chrome/shell (sidebar, header, footer)
   navigation: "#f4f6f8",
   // Backgrounds — main content area
@@ -2058,95 +2066,95 @@ const ia = {
   infoSubtle: "#eff6ff",
   infoText: "#1d4ed8"
 };
-function ba(e) {
-  const t = parseInt(e.slice(1, 3), 16), o = parseInt(e.slice(3, 5), 16), a = parseInt(e.slice(5, 7), 16);
-  return { r: t, g: o, b: a };
+function ma(e) {
+  const t = parseInt(e.slice(1, 3), 16), s = parseInt(e.slice(3, 5), 16), a = parseInt(e.slice(5, 7), 16);
+  return { r: t, g: s, b: a };
 }
-function xa({ r: e, g: t, b: o }) {
+function xa({ r: e, g: t, b: s }) {
   const a = (n) => n.toString(16).padStart(2, "0");
-  return `#${a(e)}${a(t)}${a(o)}`;
+  return `#${a(e)}${a(t)}${a(s)}`;
 }
 function _(e) {
-  const { r: t, g: o, b: a } = ba(e), n = t / 255, r = o / 255, s = a / 255, c = Math.max(n, r, s), i = Math.min(n, r, s);
+  const { r: t, g: s, b: a } = ma(e), n = t / 255, r = s / 255, o = a / 255, c = Math.max(n, r, o), i = Math.min(n, r, o);
   let d = 0, u = 0;
-  const x = (c + i) / 2;
+  const m = (c + i) / 2;
   if (c !== i) {
     const h = c - i;
-    switch (u = x > 0.5 ? h / (2 - c - i) : h / (c + i), c) {
+    switch (u = m > 0.5 ? h / (2 - c - i) : h / (c + i), c) {
       case n:
-        d = (r - s) / h + (r < s ? 6 : 0);
+        d = (r - o) / h + (r < o ? 6 : 0);
         break;
       case r:
-        d = (s - n) / h + 2;
+        d = (o - n) / h + 2;
         break;
-      case s:
+      case o:
         d = (n - r) / h + 4;
         break;
     }
     d /= 6;
   }
-  return [d * 360, u, x];
+  return [d * 360, u, m];
 }
-function G(e, t, o) {
-  e = (e % 360 + 360) % 360, t = Math.min(1, Math.max(0, t)), o = Math.min(1, Math.max(0, o));
-  const a = (1 - Math.abs(2 * o - 1)) * t, n = a * (1 - Math.abs(e / 60 % 2 - 1)), r = o - a / 2;
-  let s = 0, c = 0, i = 0;
-  return e < 60 ? (s = a, c = n) : e < 120 ? (s = n, c = a) : e < 180 ? (c = a, i = n) : e < 240 ? (c = n, i = a) : e < 300 ? (s = n, i = a) : (s = a, i = n), xa({ r: Math.round((s + r) * 255), g: Math.round((c + r) * 255), b: Math.round((i + r) * 255) });
+function V(e, t, s) {
+  e = (e % 360 + 360) % 360, t = Math.min(1, Math.max(0, t)), s = Math.min(1, Math.max(0, s));
+  const a = (1 - Math.abs(2 * s - 1)) * t, n = a * (1 - Math.abs(e / 60 % 2 - 1)), r = s - a / 2;
+  let o = 0, c = 0, i = 0;
+  return e < 60 ? (o = a, c = n) : e < 120 ? (o = n, c = a) : e < 180 ? (c = a, i = n) : e < 240 ? (c = n, i = a) : e < 300 ? (o = n, i = a) : (o = a, i = n), xa({ r: Math.round((o + r) * 255), g: Math.round((c + r) * 255), b: Math.round((i + r) * 255) });
 }
 function z(e, t) {
-  const [o, a, n] = _(e);
-  return G(o, a, Math.min(1, Math.max(0, n + t)));
+  const [s, a, n] = _(e);
+  return V(s, a, Math.min(1, Math.max(0, n + t)));
 }
-const ma = 222, ha = 0.12;
+const ha = 222, va = 0.12;
 function nt(e, t) {
-  return t < 0.04 ? [ma, ha] : [e, t];
+  return t < 0.04 ? [ha, va] : [e, t];
 }
 function qe(e) {
-  const [t, o, a] = _(e), [n, r] = nt(t, o);
-  return G(n, r, Math.max(0.04, Math.min(0.2, 0.07 + (1 - a))));
+  const [t, s, a] = _(e), [n, r] = nt(t, s);
+  return V(n, r, Math.max(0.04, Math.min(0.2, 0.07 + (1 - a))));
 }
 function Be(e) {
-  const [t, o, a] = _(e), [n, r] = nt(t, o);
-  return G(n, r, Math.max(0.06, Math.min(0.5, (1 - a) * 0.6 + 0.06)));
+  const [t, s, a] = _(e), [n, r] = nt(t, s);
+  return V(n, r, Math.max(0.06, Math.min(0.5, (1 - a) * 0.6 + 0.06)));
 }
 function $e(e) {
-  const [t, o, a] = _(e);
-  return G(t, o, Math.max(0.04, Math.min(0.97, 1 - a + 0.04)));
+  const [t, s, a] = _(e);
+  return V(t, s, Math.max(0.04, Math.min(0.97, 1 - a + 0.04)));
 }
 function Pe(e) {
-  const [t, o, a] = _(e);
-  return G(t, o, Math.max(0.02, Math.min(0.98, 1 - a)));
+  const [t, s, a] = _(e);
+  return V(t, s, Math.max(0.02, Math.min(0.98, 1 - a)));
 }
-function va(e) {
-  const t = qe(e.navigation), o = qe(e.bgBase), [a, n, r] = _(o), s = (c) => G(a, n, Math.min(0.25, r + c));
+function ya(e) {
+  const t = qe(e.navigation), s = qe(e.bgBase), [a, n, r] = _(s), o = (c) => V(a, n, Math.min(0.25, r + c));
   return {
     // ── Non-color tokens: carry over from light unchanged ──────────────────
     ...e,
     // ── Shadows: dark variants have higher opacity for visibility ───────────
-    ...ga,
+    ...ba,
     // ── Navigation ──────────────────────────────────────────────────────────
     navigation: t,
     // ── Backgrounds ─────────────────────────────────────────────────────────
-    bgBase: o,
-    bgSubtle: s(0.02),
+    bgBase: s,
+    bgSubtle: o(0.02),
     bgOverlay: "rgb(0 0 0 / 0.6)",
     // ── Surfaces: slight elevation steps above bgBase ────────────────────────
-    surface: s(0.02),
-    surfaceSecondary: s(0.05),
-    surfaceRaised: s(0.08),
-    surfaceOverlay: s(0.08),
-    surfaceTint: s(0.03),
+    surface: o(0.02),
+    surfaceSecondary: o(0.05),
+    surfaceRaised: o(0.08),
+    surfaceOverlay: o(0.08),
+    surfaceTint: o(0.03),
     // ── Borders ──────────────────────────────────────────────────────────────
     borderDefault: Be(e.borderDefault),
     borderSubtle: Be(e.borderSubtle),
     borderStrong: Be(e.borderStrong),
-    controlTrack: s(0.1),
+    controlTrack: o(0.1),
     // ── Text ─────────────────────────────────────────────────────────────────
     textPrimary: $e(e.textPrimary),
     textSecondary: $e(e.textSecondary),
     textDisabled: $e(e.textDisabled),
     // textInverse flips to dark bg so it reads on light accent surfaces
-    textInverse: o,
+    textInverse: s,
     // ── Accent ───────────────────────────────────────────────────────────────
     accentDefault: Pe(e.accentDefault),
     accentHover: Pe(e.accentHover),
@@ -2171,110 +2179,113 @@ function va(e) {
     infoText: z(e.infoText, 0.15)
   };
 }
-const rt = va(ye);
-function ya(e) {
-  return "--lucent-" + e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`).replace(/([a-z])(\d)/g, (t, o, a) => `${o}-${a}`);
+const rt = ya(ye);
+function wa(e) {
+  return "--lucent-" + e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`).replace(/([a-z])(\d)/g, (t, s, a) => `${s}-${a}`);
+}
+function Da(e) {
+  return e.replace(/[{}<>;@\\]/g, "");
 }
-function wa(e, t = ":root") {
-  const o = Object.entries(e).map(([a, n]) => `  ${ya(a)}: ${n};`).join(`
+function Sa(e, t = ":root") {
+  const s = Object.entries(e).map(([a, n]) => `  ${wa(a)}: ${Da(n)};`).join(`
 `);
   return `${t} {
-${o}
+${s}
 }`;
 }
-function Da(e) {
-  const t = parseInt(e.slice(1, 3), 16) / 255, o = parseInt(e.slice(3, 5), 16) / 255, a = parseInt(e.slice(5, 7), 16) / 255, n = (r) => r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4);
-  return 0.2126 * n(t) + 0.7152 * n(o) + 0.0722 * n(a);
+function ka(e) {
+  const t = parseInt(e.slice(1, 3), 16) / 255, s = parseInt(e.slice(3, 5), 16) / 255, a = parseInt(e.slice(5, 7), 16) / 255, n = (r) => r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4);
+  return 0.2126 * n(t) + 0.7152 * n(s) + 0.0722 * n(a);
 }
-const Sa = 0.2126729, ka = 0.7151522, Ma = 0.072175, za = 0.56, Ta = 0.57, Ia = 0.65, Ba = 0.62, Ge = 0.022, $a = 1.414, Pa = 1.14, La = 1.14, _e = 0.027, Ve = 0.027;
+const Ma = 0.2126729, za = 0.7151522, Ta = 0.072175, Ia = 0.56, Ba = 0.57, $a = 0.65, Pa = 0.62, Ge = 0.022, La = 1.414, Ra = 1.14, Fa = 1.14, Ve = 0.027, _e = 0.027;
 function Ke(e) {
-  const t = parseInt(e.slice(1, 3), 16) / 255, o = parseInt(e.slice(3, 5), 16) / 255, a = parseInt(e.slice(5, 7), 16) / 255, n = Math.pow(t, 2.4), r = Math.pow(o, 2.4), s = Math.pow(a, 2.4);
-  let c = Sa * n + ka * r + Ma * s;
-  return c < 0 && (c = 0), c < Ge ? c + Math.pow(Ge - c, $a) : c;
+  const t = parseInt(e.slice(1, 3), 16) / 255, s = parseInt(e.slice(3, 5), 16) / 255, a = parseInt(e.slice(5, 7), 16) / 255, n = Math.pow(t, 2.4), r = Math.pow(s, 2.4), o = Math.pow(a, 2.4);
+  let c = Ma * n + za * r + Ta * o;
+  return c < 0 && (c = 0), c < Ge ? c + Math.pow(Ge - c, La) : c;
 }
-function xe(e, t) {
-  const o = Ke(e), a = Ke(t);
+function me(e, t) {
+  const s = Ke(e), a = Ke(t);
   let n;
-  if (o > a) {
-    const r = (Math.pow(o, za) - Math.pow(a, Ta)) * Pa;
-    n = r < _e ? 0 : r - _e;
+  if (s > a) {
+    const r = (Math.pow(s, Ia) - Math.pow(a, Ba)) * Ra;
+    n = r < Ve ? 0 : r - Ve;
   } else {
-    const r = (Math.pow(o, Ia) - Math.pow(a, Ba)) * La;
-    n = r > -Ve ? 0 : r + Ve;
+    const r = (Math.pow(s, $a) - Math.pow(a, Pa)) * Fa;
+    n = r > -_e ? 0 : r + _e;
   }
   return n * 100;
 }
-function Ra(e) {
-  const t = Math.abs(xe(e, "#ffffff")), o = Math.abs(xe(e, "#000000"));
-  return t >= o ? "#ffffff" : "#000000";
+function Ca(e) {
+  const t = Math.abs(me(e, "#ffffff")), s = Math.abs(me(e, "#000000"));
+  return t >= s ? "#ffffff" : "#000000";
 }
-function ot(e) {
-  const t = parseInt(e.slice(1, 3), 16) / 255, o = parseInt(e.slice(3, 5), 16) / 255, a = parseInt(e.slice(5, 7), 16) / 255, n = Math.max(t, o, a), r = Math.min(t, o, a);
-  let s = 0, c = 0;
+function st(e) {
+  const t = parseInt(e.slice(1, 3), 16) / 255, s = parseInt(e.slice(3, 5), 16) / 255, a = parseInt(e.slice(5, 7), 16) / 255, n = Math.max(t, s, a), r = Math.min(t, s, a);
+  let o = 0, c = 0;
   if (n !== r) {
     const d = n - r;
-    c = (n + r) / 2 > 0.5 ? d / (2 - n - r) : d / (n + r), n === t ? s = ((o - a) / d + (o < a ? 6 : 0)) / 6 : n === o ? s = ((a - t) / d + 2) / 6 : s = ((t - o) / d + 4) / 6;
+    c = (n + r) / 2 > 0.5 ? d / (2 - n - r) : d / (n + r), n === t ? o = ((s - a) / d + (s < a ? 6 : 0)) / 6 : n === s ? o = ((a - t) / d + 2) / 6 : o = ((t - s) / d + 4) / 6;
   }
-  return Ra(e) === "#000000" ? Re(s, Math.min(c, 0.6), 0.12) : Re(s, Math.min(c, 0.2), 0.95);
-}
-function Fa(e, t, o = 60) {
-  if (Math.abs(xe(e, t)) >= o) return e;
-  const a = parseInt(e.slice(1, 3), 16) / 255, n = parseInt(e.slice(3, 5), 16) / 255, r = parseInt(e.slice(5, 7), 16) / 255, s = Math.max(a, n, r), c = Math.min(a, n, r);
-  let i = 0, d = 0, u = (s + c) / 2;
-  if (s !== c) {
-    const b = s - c;
-    d = u > 0.5 ? b / (2 - s - c) : b / (s + c), s === a ? i = ((n - r) / b + (n < r ? 6 : 0)) / 6 : s === n ? i = ((r - a) / b + 2) / 6 : i = ((a - n) / b + 4) / 6;
+  return Ca(e) === "#000000" ? Re(o, Math.min(c, 0.6), 0.12) : Re(o, Math.min(c, 0.2), 0.95);
+}
+function Wa(e, t, s = 60) {
+  if (Math.abs(me(e, t)) >= s) return e;
+  const a = parseInt(e.slice(1, 3), 16) / 255, n = parseInt(e.slice(3, 5), 16) / 255, r = parseInt(e.slice(5, 7), 16) / 255, o = Math.max(a, n, r), c = Math.min(a, n, r);
+  let i = 0, d = 0, u = (o + c) / 2;
+  if (o !== c) {
+    const b = o - c;
+    d = u > 0.5 ? b / (2 - o - c) : b / (o + c), o === a ? i = ((n - r) / b + (n < r ? 6 : 0)) / 6 : o === n ? i = ((r - a) / b + 2) / 6 : i = ((a - n) / b + 4) / 6;
   }
-  const h = Da(t) > 0.5 ? -5e-3 : 5e-3;
+  const h = ka(t) > 0.5 ? -5e-3 : 5e-3;
   for (let b = 0; b < 100; b++) {
     u = Math.min(1, Math.max(0, u + h));
     const v = Re(i, d, u);
-    if (Math.abs(xe(v, t)) >= o) return v;
+    if (Math.abs(me(v, t)) >= s) return v;
   }
   return e;
 }
-function Re(e, t, o) {
+function Re(e, t, s) {
   const a = (i, d, u) => (u < 0 && (u += 1), u > 1 && (u -= 1), u < 0.16666666666666666 ? i + (d - i) * 6 * u : u < 0.5 ? d : u < 0.6666666666666666 ? i + (d - i) * (0.6666666666666666 - u) * 6 : i);
-  let n, r, s;
+  let n, r, o;
   if (t === 0)
-    n = r = s = o;
+    n = r = o = s;
   else {
-    const i = o < 0.5 ? o * (1 + t) : o + t - o * t, d = 2 * o - i;
-    n = a(d, i, e + 1 / 3), r = a(d, i, e), s = a(d, i, e - 1 / 3);
+    const i = s < 0.5 ? s * (1 + t) : s + t - s * t, d = 2 * s - i;
+    n = a(d, i, e + 1 / 3), r = a(d, i, e), o = a(d, i, e - 1 / 3);
   }
   const c = (i) => Math.round(i * 255).toString(16).padStart(2, "0");
-  return `#${c(n)}${c(r)}${c(s)}`;
+  return `#${c(n)}${c(r)}${c(o)}`;
 }
-function Ca(e, t) {
-  const [o, a, n] = _(e);
-  return t ? G(o, a * 0.3, Math.min(1, n + (1 - n) * 0.85)) : G(o, a, Math.min(0.25, n + 0.04));
+function Ha(e, t) {
+  const [s, a, n] = _(e);
+  return t ? V(s, a * 0.3, Math.min(1, n + (1 - n) * 0.85)) : V(s, a, Math.min(0.25, n + 0.04));
 }
-const me = {
+const xe = {
   subtle: { light: 0.95, dark: 0.12 },
   text: { light: 0.28, dark: 0.78 }
 };
 function ue(e, t) {
-  const [o, a] = _(e);
-  return G(o, a * 0.5, t ? me.subtle.light : me.subtle.dark);
+  const [s, a] = _(e);
+  return V(s, a * 0.5, t ? xe.subtle.light : xe.subtle.dark);
 }
 function de(e, t) {
-  const [o, a] = _(e);
-  return G(o, a, t ? me.text.light : me.text.dark);
+  const [s, a] = _(e);
+  return V(s, a, t ? xe.text.light : xe.text.dark);
 }
-function st(e, t, o) {
-  const a = {}, n = o === "light";
+function ot(e, t, s) {
+  const a = {}, n = s === "light";
   if ("borderDefault" in e && ("borderSubtle" in e || (a.borderSubtle = z(t.borderDefault, n ? 0.05 : -0.02)), "borderStrong" in e || (a.borderStrong = z(t.borderDefault, n ? -0.27 : 0.19))), "bgBase" in e && ("bgSubtle" in e || (a.bgSubtle = z(t.bgBase, n ? -0.02 : 0.02)), "surfaceTint" in e || (a.surfaceTint = z(t.bgBase, n ? -0.04 : 0.03)), !("surface" in e))) {
-    const r = Ca(t.bgBase, n);
+    const r = Ha(t.bgBase, n);
     a.surface = r, "surfaceSecondary" in e || (a.surfaceSecondary = z(r, n ? -0.04 : 0.03)), "surfaceRaised" in e || (a.surfaceRaised = z(r, n ? 0 : 0.06)), "surfaceOverlay" in e || (a.surfaceOverlay = z(r, n ? 0 : 0.06));
   }
   return "surface" in e && ("surfaceSecondary" in e || (a.surfaceSecondary = z(t.surface, n ? -0.04 : 0.03)), "surfaceRaised" in e || (a.surfaceRaised = z(t.surface, n ? 0 : 0.06)), "surfaceOverlay" in e || (a.surfaceOverlay = z(t.surface, n ? 0 : 0.06))), "textPrimary" in e && ("textSecondary" in e || (a.textSecondary = z(t.textPrimary, n ? 0.2 : -0.15)), "textDisabled" in e || (a.textDisabled = z(t.textPrimary, n ? 0.58 : -0.62))), "accentDefault" in e && ("accentHover" in e || (a.accentHover = z(t.accentDefault, n ? 0.05 : -0.07)), "accentSubtle" in e || (a.accentSubtle = z(t.accentDefault, n ? 0.85 : -0.6))), "successDefault" in e && ("successSubtle" in e || (a.successSubtle = ue(t.successDefault, n)), "successText" in e || (a.successText = de(t.successDefault, n))), "warningDefault" in e && ("warningSubtle" in e || (a.warningSubtle = ue(t.warningDefault, n)), "warningText" in e || (a.warningText = de(t.warningDefault, n))), "dangerDefault" in e && ("dangerHover" in e || (a.dangerHover = z(t.dangerDefault, n ? 0.05 : -0.07)), "dangerSubtle" in e || (a.dangerSubtle = ue(t.dangerDefault, n)), "dangerText" in e || (a.dangerText = de(t.dangerDefault, n))), "infoDefault" in e && ("infoSubtle" in e || (a.infoSubtle = ue(t.infoDefault, n)), "infoText" in e || (a.infoText = de(t.infoDefault, n))), a;
 }
 function lt(e, t = "light") {
-  const a = { ...t === "dark" ? rt : ye, ...e }, n = st(e, a, t), r = t === "light" ? z(a.accentDefault, -0.15) : z(a.accentDefault, 0.15);
+  const a = { ...t === "dark" ? rt : ye, ...e }, n = ot(e, a, t), r = t === "light" ? z(a.accentDefault, -0.15) : z(a.accentDefault, 0.15);
   return {
     ...a,
     ...n,
-    accentFg: ot(a.accentDefault),
+    accentFg: st(a.accentDefault),
     accentBorder: r
   };
 }
@@ -2302,7 +2313,7 @@ const ct = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Wa = {
+}, Na = {
   name: "brand",
   light: {
     navigation: "#fffefb",
@@ -2398,7 +2409,7 @@ const ct = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Ha = {
+}, Ea = {
   name: "teal",
   light: {
     navigation: "#f9fbfc",
@@ -2470,7 +2481,7 @@ const ct = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Na = {
+}, Aa = {
   name: "amber",
   light: {
     navigation: "#fffdf6",
@@ -2542,7 +2553,7 @@ const ct = {
     dangerDefault: "#ef4444",
     infoDefault: "#3b82f6"
   }
-}, Ea = {
+}, Oa = {
   name: "sage",
   light: {
     navigation: "#f4f8f4",
@@ -2576,7 +2587,7 @@ const ct = {
     radiusXl: "0.375rem",
     radiusFull: "9999px"
   }
-}, oe = {
+}, se = {
   name: "rounded",
   tokens: {
     radiusNone: "0px",
@@ -2613,7 +2624,7 @@ const ct = {
     space20: "4rem",
     space24: "4.8rem"
   }
-}, se = {
+}, oe = {
   name: "default",
   tokens: {
     space0: "0px",
@@ -2679,7 +2690,7 @@ const ct = {
     shadowLg: "0 0 40px color-mix(in srgb, var(--lucent-accent-default) 9%, transparent), inset 0 1px 0 0 rgba(255, 255, 255, 0.05)",
     shadowXl: "0 0 56px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent), inset 0 1px 0 0 rgba(255, 255, 255, 0.06)"
   }
-}, xt = {
+}, mt = {
   name: "elevated",
   light: {
     shadowNone: "none",
@@ -2695,7 +2706,7 @@ const ct = {
     shadowLg: "inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 0 28px rgba(255, 255, 255, 0.04), 0 0 1px rgba(255, 255, 255, 0.08)",
     shadowXl: "inset 0 1px 0 0 rgba(255, 255, 255, 0.12), inset 0 0 36px rgba(255, 255, 255, 0.05), 0 0 1px rgba(255, 255, 255, 0.1)"
   }
-}, mt = {
+}, xt = {
   name: "liquidGlass",
   light: {
     shadowNone: "none",
@@ -2775,167 +2786,167 @@ const ct = {
     shadowLg: "0 0 36px color-mix(in srgb, var(--lucent-accent-default) 35%, transparent)",
     shadowXl: "0 0 50px color-mix(in srgb, var(--lucent-accent-default) 40%, transparent)"
   }
-}, Aa = {
+}, Xa = {
   name: "modern",
   palette: we,
-  shape: oe,
-  density: se,
+  shape: se,
+  density: oe,
   shadow: bt
-}, Oa = {
+}, ja = {
   name: "enterprise",
   palette: ct,
   shape: De,
   density: ke,
   shadow: Ce
-}, Xa = {
+}, Ua = {
   name: "playful",
   palette: dt,
   shape: Se,
   density: Me,
-  shadow: xt
-}, ja = {
+  shadow: mt
+}, qa = {
   name: "liquidGlass",
   palette: pt,
   shape: Se,
   density: Me,
-  shadow: mt
-}, Ua = {
+  shadow: xt
+}, Ga = {
   name: "bento",
   palette: we,
-  shape: oe,
-  density: se,
+  shape: se,
+  density: oe,
   shadow: yt
-}, qa = {
+}, Va = {
   name: "brutalist",
   palette: ft,
   shape: De,
   density: ke,
   shadow: ht
-}, Ga = {
+}, _a = {
   name: "terminal",
   palette: ut,
   shape: De,
   density: ke,
   shadow: We
-}, _a = {
+}, Ka = {
   name: "softUI",
   palette: it,
   shape: Se,
-  density: se,
+  density: oe,
   shadow: vt
-}, Va = {
+}, Ya = {
   name: "bloom",
   palette: we,
-  shape: oe,
+  shape: se,
   density: Me,
   shadow: We
-}, Ka = {
+}, Za = {
   name: "minimal",
   palette: gt,
-  shape: oe,
-  density: se,
+  shape: se,
+  density: oe,
   shadow: Ce
-}, Ya = {
+}, Ja = {
   default: ct,
-  brand: Wa,
+  brand: Na,
   indigo: we,
   violet: it,
   emerald: ut,
-  teal: Ha,
+  teal: Ea,
   rose: dt,
   coral: ft,
-  amber: Na,
+  amber: Aa,
   ocean: pt,
   slate: gt,
-  sage: Ea
-}, Za = {
+  sage: Oa
+}, Qa = {
   sharp: De,
-  rounded: oe,
+  rounded: se,
   pill: Se
-}, Ja = {
+}, en = {
   compact: ke,
-  default: se,
+  default: oe,
   spacious: Me
-}, Qa = {
+}, tn = {
   flat: Ce,
   subtle: bt,
-  elevated: xt,
-  liquidGlass: mt,
+  elevated: mt,
+  liquidGlass: xt,
   brutalist: ht,
   neumorphic: vt,
   natural: yt,
   glow: We
-}, en = {
-  modern: Aa,
-  enterprise: Oa,
-  playful: Xa,
-  liquidGlass: ja,
-  bento: Ua,
-  brutalist: qa,
-  terminal: Ga,
-  softUI: _a,
-  bloom: Va,
-  minimal: Ka
+}, an = {
+  modern: Xa,
+  enterprise: ja,
+  playful: Ua,
+  liquidGlass: qa,
+  bento: Ga,
+  brutalist: Va,
+  terminal: _a,
+  softUI: Ka,
+  bloom: Ya,
+  minimal: Za
 };
-function tn(e) {
-  return typeof e == "string" ? Ya[e] : e;
-}
-function an(e) {
-  return typeof e == "string" ? Za[e] : e;
-}
 function nn(e) {
   return typeof e == "string" ? Ja[e] : e;
 }
 function rn(e) {
   return typeof e == "string" ? Qa[e] : e;
 }
-function on(e, t) {
-  let o, a, n, r;
+function sn(e) {
+  return typeof e == "string" ? en[e] : e;
+}
+function on(e) {
+  return typeof e == "string" ? tn[e] : e;
+}
+function ln(e, t) {
+  let s, a, n, r;
   if (typeof e == "string") {
-    const c = en[e];
+    const c = an[e];
     if (!c) return {};
-    o = c.palette, a = c.shape, n = c.density, r = c.shadow;
+    s = c.palette, a = c.shape, n = c.density, r = c.shadow;
   } else
-    e.palette !== void 0 && (o = tn(e.palette)), e.shape !== void 0 && (a = an(e.shape)), e.density !== void 0 && (n = nn(e.density)), e.shadow !== void 0 && (r = rn(e.shadow));
-  const s = {};
-  if (o) {
-    const c = lt(o[t], t);
-    Object.assign(s, c);
+    e.palette !== void 0 && (s = nn(e.palette)), e.shape !== void 0 && (a = rn(e.shape)), e.density !== void 0 && (n = sn(e.density)), e.shadow !== void 0 && (r = on(e.shadow));
+  const o = {};
+  if (s) {
+    const c = lt(s[t], t);
+    Object.assign(o, c);
   }
-  return a && Object.assign(s, a.tokens), n && Object.assign(s, n.tokens), r && Object.assign(s, r[t]), s;
+  return a && Object.assign(o, a.tokens), n && Object.assign(o, n.tokens), r && Object.assign(o, r[t]), o;
 }
 const wt = St({
   theme: "light",
   tokens: ye
 });
-function bn({
+function xn({
   theme: e = "light",
   preset: t,
-  tokens: o,
+  tokens: s,
   anchors: a,
   children: n
 }) {
-  const r = Ze().replace(/:/g, ""), s = t ? on(t, e) : void 0, c = (() => {
+  const r = Ze().replace(/:/g, ""), o = t ? ln(t, e) : void 0, c = (() => {
     if (a) {
       const I = lt(a, e);
-      if (s) {
-        const k = {};
-        for (const [p, m] of Object.entries(s))
-          (p.startsWith("space") || p.startsWith("radius") || p.startsWith("shadow") || p.startsWith("duration") || p.startsWith("easing")) && (k[p] = m);
-        return { ...I, ...k };
+      if (o) {
+        const S = {};
+        for (const [p, x] of Object.entries(o))
+          (p.startsWith("space") || p.startsWith("radius") || p.startsWith("shadow") || p.startsWith("duration") || p.startsWith("easing")) && (S[p] = x);
+        return { ...I, ...S };
       }
       return I;
     }
-    const d = e === "dark" ? rt : ye, u = s ? { ...s, ...o } : o, x = u ? { ...d, ...u } : d, h = u ? st(u, x, e) : {}, b = (u == null ? void 0 : u.accentBorder) ?? (e === "light" ? z(x.accentDefault, -0.15) : z(x.accentDefault, 0.15)), v = (u == null ? void 0 : u.accentFg) ?? ot(x.accentDefault), B = Fa(x.accentDefault, v);
+    const d = e === "dark" ? rt : ye, u = o ? { ...o, ...s } : s, m = u ? { ...d, ...u } : d, h = u ? ot(u, m, e) : {}, b = (u == null ? void 0 : u.accentBorder) ?? (e === "light" ? z(m.accentDefault, -0.15) : z(m.accentDefault, 0.15)), v = (u == null ? void 0 : u.accentFg) ?? st(m.accentDefault), B = Wa(m.accentDefault, v);
     return {
-      ...x,
+      ...m,
       ...h,
       accentDefault: B,
       accentFg: v,
       accentBorder: b
     };
   })(), i = `html { font-size: 14px; }
-` + wa(c, ":root");
+` + Sa(c, ":root");
   return ve(() => {
     let d = document.getElementById(`lucent-tokens-${r}`);
     return d || (d = document.createElement("style"), d.id = `lucent-tokens-${r}`, document.head.appendChild(d)), d.textContent = i, () => {
@@ -2944,65 +2955,66 @@ function bn({
     };
   }, [r, i]), /* @__PURE__ */ f(wt.Provider, { value: { theme: e, tokens: c }, children: n });
 }
-function xn() {
+function hn() {
   return Dt(wt);
 }
 export {
-  ya as $,
-  we as A,
+  hn as $,
+  We as A,
   Je as B,
-  la as C,
-  ye as D,
-  ja as E,
-  mt as F,
-  wa as G,
-  Ka as H,
+  ca as C,
+  we as D,
+  ye as E,
+  qa as F,
+  xt as G,
+  Sa as H,
   te as I,
-  Aa as J,
-  yt as K,
-  bn as L,
-  vt as M,
-  pt as N,
-  Se as O,
-  Xa as P,
-  on as Q,
-  dt as R,
+  Za as J,
+  Xa as K,
+  xn as L,
+  yt as M,
+  vt as N,
+  pt as O,
+  Se as P,
+  Ua as Q,
+  ln as R,
   et as S,
-  fn as T,
-  oe as U,
-  De as V,
-  _a as W,
-  Me as X,
-  bt as Y,
-  Ga as Z,
-  xn as _,
+  gn as T,
+  dt as U,
+  se as V,
+  De as W,
+  Ka as X,
+  Me as Y,
+  bt as Z,
+  _a as _,
   z as a,
-  ga as a0,
-  pa as a1,
-  Fa as a2,
-  un as b,
+  wa as a0,
+  ba as a1,
+  ga as a2,
+  Wa as a3,
+  fn as b,
   pe as c,
   Qe as d,
-  pn as e,
-  gn as f,
-  ot as g,
-  dn as h,
-  Ua as i,
-  Va as j,
-  Wa as k,
-  qa as l,
+  bn as e,
+  mn as f,
+  st as g,
+  pn as h,
+  Ga as i,
+  Ya as j,
+  Na as k,
+  Va as l,
   ht as m,
   ke as n,
   lt as o,
   rt as p,
-  se as q,
+  oe as q,
   ct as r,
-  va as s,
-  st as t,
-  xt as u,
-  ut as v,
-  Oa as w,
-  Ce as x,
-  Ra as y,
-  We as z
+  Mt as s,
+  ya as t,
+  ot as u,
+  mt as v,
+  ut as w,
+  ja as x,
+  Ce as y,
+  Ca as z
 };