lucent-ui 0.14.0 → 0.14.2

package/dist/index.js

@@ -74,7 +74,7 @@ const qt = {
         },
         onMouseLeave: (p) => {
           var b;
-          !f && !c && Pt(p.currentTarget, e, d), (b = m.onMouseLeave) == null || b.call(m, p);
+          !f && !c && Ft(p.currentTarget, e, d), (b = m.onMouseLeave) == null || b.call(m, p);
         },
         onMouseDown: (p) => {
           var b;
@@ -118,12 +118,12 @@ const Lt = {
 function Rt(e, t, r) {
   e.style.transform = "translateY(-1px)", e.style.boxShadow = Lt[t], t === "primary" ? e.style.background = "var(--lucent-accent-hover)" : t === "secondary" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 10%, var(--lucent-surface-secondary))" : t === "outline" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 10%, var(--lucent-surface))" : t === "ghost" ? e.style.background = "color-mix(in srgb, var(--lucent-accent-default) 8%, var(--lucent-surface))" : t === "danger" && (e.style.background = "var(--lucent-danger-hover)", r !== !1 && (e.style.borderColor = "var(--lucent-danger-hover)"));
 }
-function Pt(e, t, r) {
+function Ft(e, t, r) {
   e.style.transform = "", e.style.boxShadow = "", t === "primary" ? e.style.background = "var(--lucent-accent-default)" : t === "secondary" ? e.style.background = "var(--lucent-surface-secondary)" : t === "outline" ? e.style.background = "var(--lucent-surface)" : t === "ghost" ? e.style.background = "transparent" : t === "danger" && (e.style.background = "var(--lucent-danger-default)", r !== !1 && (e.style.borderColor = "var(--lucent-danger-default)"));
 }
-const Ft = { xs: 10, sm: 12, md: 14, lg: 16 };
+const Pt = { xs: 10, sm: 12, md: 14, lg: 16 };
 function Nt({ size: e }) {
-  const t = Ft[e];
+  const t = Pt[e];
   return /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, style: { flexShrink: 0, marginLeft: -2 }, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
 function $t() {
@@ -315,7 +315,7 @@ const Wr = {
       whiteSpace: "nowrap",
       userSelect: "none",
       flexShrink: 0
-    }, z = { ...x, paddingLeft: ce[e], paddingRight: "2px" }, P = { ...x, paddingLeft: "2px", paddingRight: ce[e] };
+    }, z = { ...x, paddingLeft: ce[e], paddingRight: "2px" }, F = { ...x, paddingLeft: "2px", paddingRight: ce[e] };
     return /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", width: "100%", ...d }, children: [
       t && /* @__PURE__ */ n(
         "label",
@@ -403,7 +403,7 @@ const Wr = {
                 alignItems: "center"
               }, children: i })
             ] }),
-            s && /* @__PURE__ */ n("span", { style: P, children: s })
+            s && /* @__PURE__ */ n("span", { style: F, children: s })
           ]
         }
       ),
@@ -1146,7 +1146,7 @@ const Xr = {
     style: h,
     ...y
   }, g) => {
-    const m = $(null), C = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, f = nn[t], p = i !== void 0, [b, k] = I(l ?? !1), [S, A] = I(!1), x = p ? !!i : b, z = $(x), [P, w] = I(0);
+    const m = $(null), C = c ?? `lucent-checkbox-${Math.random().toString(36).slice(2, 7)}`, f = nn[t], p = i !== void 0, [b, k] = I(l ?? !1), [S, A] = I(!1), x = p ? !!i : b, z = $(x), [F, w] = I(0);
     Y(() => {
       !s && z.current !== x && (z.current = x, w((R) => R + 1));
     }, [x, s]);
@@ -1177,7 +1177,7 @@ const Xr = {
       flexShrink: 0,
       transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default)",
       // Re-key forces the animation to restart on every toggle.
-      animation: P > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
+      animation: F > 0 ? "lucent-cb-pop 220ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0
     }, B = /* @__PURE__ */ v(
       "label",
       {
@@ -1229,7 +1229,7 @@ const Xr = {
                 children: /* @__PURE__ */ n("path", { d: "M2 5H8", stroke: q, strokeWidth: 1.5, strokeLinecap: "round" })
               }
             )
-          ] }, P),
+          ] }, F),
           (e || a) && /* @__PURE__ */ v("span", { style: { display: "flex", flexDirection: "column" }, children: [
             e && /* @__PURE__ */ n("span", { style: {
               fontWeight: a ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1416,7 +1416,7 @@ function Zr({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
     background: p ? "var(--lucent-text-disabled)" : "var(--lucent-text-on-accent)",
     animation: b ? "lucent-radio-dot 200ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards" : void 0,
     opacity: b ? 1 : 0
-  }, P = {
+  }, F = {
     width: m,
     height: m,
     borderRadius: "50%",
@@ -1457,7 +1457,7 @@ function Zr({ value: e, label: t, size: r = "md", contained: o = !1, helperText:
             ...h
           }
         ),
-        /* @__PURE__ */ n("span", { "aria-hidden": !0, style: P, children: /* @__PURE__ */ n("span", { style: z }) }, S),
+        /* @__PURE__ */ n("span", { "aria-hidden": !0, style: F, children: /* @__PURE__ */ n("span", { style: z }) }, S),
         t || a ? /* @__PURE__ */ v("span", { style: { display: "flex", flexDirection: "column" }, children: [
           t && /* @__PURE__ */ n("span", { style: {
             fontWeight: a ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
@@ -1646,7 +1646,7 @@ function to({
   Y(() => {
     !s && S.current !== p && (S.current = p, x((B) => B + 1));
   }, [p, s]);
-  const { track: [z, P], thumb: w } = pn[t], E = p ? z - w - 2 : 2, H = (B) => {
+  const { track: [z, F], thumb: w } = pn[t], E = p ? z - w - 2 : 2, H = (B) => {
     m || f(B.target.checked), d == null || d(B);
   }, q = /* @__PURE__ */ n(
     "span",
@@ -1655,9 +1655,9 @@ function to({
       style: {
         position: "relative",
         width: z,
-        height: P,
-        borderRadius: P / 2,
-        background: s ? "var(--lucent-surface-secondary)" : p ? "var(--lucent-accent-default)" : "var(--lucent-border-strong)",
+        height: F,
+        borderRadius: F / 2,
+        background: s ? "var(--lucent-surface-secondary)" : p ? "var(--lucent-accent-default)" : "var(--lucent-control-track)",
         flexShrink: 0,
         transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)",
         animation: A > 0 ? `lucent-toggle-pop 240ms ${Ge} forwards` : void 0
@@ -2672,12 +2672,12 @@ const Dn = { sm: "3px", md: "4px", lg: "5px" }, In = { sm: "14px", md: "18px", l
     to right,
     var(--lucent-accent-default) 0%,
     var(--lucent-accent-default) var(--ls-fill),
-    var(--lucent-border-default) var(--ls-fill),
-    var(--lucent-border-default) 100%
+    var(--lucent-control-track) var(--ls-fill),
+    var(--lucent-control-track) 100%
   );
 }
 .lucent-slider:disabled::-webkit-slider-runnable-track {
-  background: var(--lucent-border-default);
+  background: var(--lucent-control-track);
 }
 
 /* WebKit thumb */
@@ -2710,7 +2710,7 @@ const Dn = { sm: "3px", md: "4px", lg: "5px" }, In = { sm: "14px", md: "18px", l
 .lucent-slider::-moz-range-track {
   height: var(--ls-track-h);
   border-radius: 999px;
-  background: var(--lucent-border-default);
+  background: var(--lucent-control-track);
 }
 .lucent-slider::-moz-range-progress {
   height: var(--ls-track-h);
@@ -3280,7 +3280,7 @@ function Rn({ children: e, style: t, ...r }) {
     }
   );
 }
-function Pn({ children: e, className: t, ...r }) {
+function Fn({ children: e, className: t, ...r }) {
   return /* @__PURE__ */ n(
     "tr",
     {
@@ -3290,7 +3290,7 @@ function Pn({ children: e, className: t, ...r }) {
     }
   );
 }
-function Fn({ as: e, children: t, style: r, ...o }) {
+function Pn({ as: e, children: t, style: r, ...o }) {
   const a = e === "th", i = {
     padding: "var(--lucent-space-3) var(--lucent-space-4)",
     fontFamily: "var(--lucent-font-family-base)",
@@ -3333,8 +3333,8 @@ function fe({ striped: e = !1, children: t, className: r, style: o, ...a }) {
 fe.Head = Bn;
 fe.Body = Ln;
 fe.Foot = Rn;
-fe.Row = Pn;
-fe.Cell = Fn;
+fe.Row = Fn;
+fe.Cell = Pn;
 const bo = {
   id: "table",
   name: "Table",
@@ -3792,11 +3792,11 @@ function Xn({
   const s = ke(), c = i ?? s, [d, h] = I(!1), [y, g] = I("hex"), [m, C] = I(0), [f, p] = I(() => {
     const u = e ? me(e) ?? { r: 0, g: 0, b: 0, a: 1 } : { r: 0, g: 0, b: 0, a: 1 };
     return Z(u);
-  }), [b, k] = I(() => he(f).slice(1).toUpperCase()), S = $(null), A = $(null), x = $(null), [z, P] = I(!1);
+  }), [b, k] = I(() => he(f).slice(1).toUpperCase()), S = $(null), A = $(null), x = $(null), [z, F] = I(!1);
   Me(() => {
     if (!d || !x.current) return;
     const u = x.current.getBoundingClientRect();
-    P(u.right > window.innerWidth);
+    F(u.right > window.innerWidth);
   }, [d]), Y(() => {
     if (!e) return;
     const u = me(e);
@@ -3813,8 +3813,8 @@ function Xn({
     const T = he(u);
     k(T.slice(1).toUpperCase()), t == null || t(T);
   }, [t]), E = ie((u) => {
-    const T = A.current.getBoundingClientRect(), M = Math.round(Se((u.clientX - T.left) / T.width, 0, 1) * 100), F = Math.round((1 - Se((u.clientY - T.top) / T.height, 0, 1)) * 100);
-    w({ ...f, s: M, v: F });
+    const T = A.current.getBoundingClientRect(), M = Math.round(Se((u.clientX - T.left) / T.width, 0, 1) * 100), P = Math.round((1 - Se((u.clientY - T.top) / T.height, 0, 1)) * 100);
+    w({ ...f, s: M, v: P });
   }, [f, w]), H = ie(async () => {
     if ("EyeDropper" in window)
       try {
@@ -4008,8 +4008,8 @@ function Xn({
                         k(T.toUpperCase());
                         const M = me(`#${T}`);
                         if (M) {
-                          const F = Z(M);
-                          p(F), t == null || t(Ne(M));
+                          const P = Z(M);
+                          p(P), t == null || t(Ne(M));
                         }
                       },
                       spellCheck: !1,
@@ -4041,36 +4041,36 @@ function Xn({
                   { label: "G", val: q.g, max: 255, fn: (u) => w(Z({ ...q, g: u })) },
                   { label: "B", val: q.b, max: 255, fn: (u) => w(Z({ ...q, b: u })) },
                   { label: "A", val: j, max: 100, fn: (u) => w({ ...f, a: u / 100 }) }
-                ].map(({ label: u, val: T, max: M, fn: F }) => /* @__PURE__ */ n(oe, { size: "sm", type: "number", prefix: u, value: T, min: 0, max: M, onChange: (N) => {
+                ].map(({ label: u, val: T, max: M, fn: P }) => /* @__PURE__ */ n(oe, { size: "sm", type: "number", prefix: u, value: T, min: 0, max: M, onChange: (N) => {
                   const L = +N.target.value;
-                  !isNaN(L) && L >= 0 && L <= M && F(L);
+                  !isNaN(L) && L >= 0 && L <= M && P(L);
                 }, className: "lucent-cp-field", style: { flex: 1 } }, u)) }),
                 y === "hsl" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
                   { label: "H", val: D.h, max: 360, fn: (u) => {
-                    const { r: T, g: M, b: F } = we(u, D.s, D.l);
-                    w(Z({ r: T, g: M, b: F, a: f.a }));
+                    const { r: T, g: M, b: P } = we(u, D.s, D.l);
+                    w(Z({ r: T, g: M, b: P, a: f.a }));
                   } },
                   { label: "S", val: D.s, max: 100, fn: (u) => {
-                    const { r: T, g: M, b: F } = we(D.h, u, D.l);
-                    w(Z({ r: T, g: M, b: F, a: f.a }));
+                    const { r: T, g: M, b: P } = we(D.h, u, D.l);
+                    w(Z({ r: T, g: M, b: P, a: f.a }));
                   } },
                   { label: "L", val: D.l, max: 100, fn: (u) => {
-                    const { r: T, g: M, b: F } = we(D.h, D.s, u);
-                    w(Z({ r: T, g: M, b: F, a: f.a }));
+                    const { r: T, g: M, b: P } = we(D.h, D.s, u);
+                    w(Z({ r: T, g: M, b: P, a: f.a }));
                   } },
                   { label: "A", val: j, max: 100, fn: (u) => w({ ...f, a: u / 100 }) }
-                ].map(({ label: u, val: T, max: M, fn: F }) => /* @__PURE__ */ n(oe, { size: "sm", type: "number", prefix: u, value: T, min: 0, max: M, onChange: (N) => {
+                ].map(({ label: u, val: T, max: M, fn: P }) => /* @__PURE__ */ n(oe, { size: "sm", type: "number", prefix: u, value: T, min: 0, max: M, onChange: (N) => {
                   const L = +N.target.value;
-                  !isNaN(L) && L >= 0 && L <= M && F(L);
+                  !isNaN(L) && L >= 0 && L <= M && P(L);
                 }, className: "lucent-cp-field", style: { flex: 1 } }, u)) }),
                 y === "hsb" && /* @__PURE__ */ n("div", { style: { display: "flex", gap: 6 }, children: [
                   { label: "H", val: f.h, max: 360, fn: (u) => w({ ...f, h: u }) },
                   { label: "S", val: f.s, max: 100, fn: (u) => w({ ...f, s: u }) },
                   { label: "B", val: f.v, max: 100, fn: (u) => w({ ...f, v: u }) },
                   { label: "A", val: j, max: 100, fn: (u) => w({ ...f, a: u / 100 }) }
-                ].map(({ label: u, val: T, max: M, fn: F }) => /* @__PURE__ */ n(oe, { size: "sm", type: "number", prefix: u, value: T, min: 0, max: M, onChange: (N) => {
+                ].map(({ label: u, val: T, max: M, fn: P }) => /* @__PURE__ */ n(oe, { size: "sm", type: "number", prefix: u, value: T, min: 0, max: M, onChange: (N) => {
                   const L = +N.target.value;
-                  !isNaN(L) && L >= 0 && L <= M && F(L);
+                  !isNaN(L) && L >= 0 && L <= M && P(L);
                 }, className: "lucent-cp-field", style: { flex: 1 } }, u)) }),
                 a.length > 0 && /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
                   a.length > 1 && /* @__PURE__ */ n(
@@ -4462,7 +4462,7 @@ function So({
     b.current = setTimeout(() => C(!1), 150);
   }, z = () => {
     b.current && clearTimeout(b.current), C(!0);
-  }, P = d ? /* @__PURE__ */ n(tn, { size: "sm" }) : e ? /* @__PURE__ */ n(
+  }, F = d ? /* @__PURE__ */ n(tn, { size: "sm" }) : e ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -4499,7 +4499,7 @@ function So({
         placeholder: r,
         disabled: h,
         leftElement: /* @__PURE__ */ n(Zn, { size: Jn[o] }),
-        rightElement: P ?? void 0,
+        rightElement: F ?? void 0,
         onFocus: z,
         onBlur: x,
         ...a !== void 0 && { label: a },
@@ -5361,12 +5361,12 @@ function Lo({ items: e, separator: t = "/", style: r }) {
 }
 function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "underline", style: i }) {
   var _;
-  const l = r !== void 0, [s, c] = I(t ?? ((_ = e[0]) == null ? void 0 : _.value) ?? ""), d = l ? r : s, [h, y] = I(null), g = $([]), [m, C] = I(null), f = $(!1), p = a === "pills", b = $(null), k = $(null), S = $(null), [A, x] = I(e.length), [z, P] = I(!1), [w, E] = I(!1), [H, q] = I(null), D = e.slice(0, A), B = e.slice(A), R = B.length > 0, j = B.some((u) => u.value === d), G = () => {
+  const l = r !== void 0, [s, c] = I(t ?? ((_ = e[0]) == null ? void 0 : _.value) ?? ""), d = l ? r : s, [h, y] = I(null), g = $([]), [m, C] = I(null), f = $(!1), p = a === "pills", b = $(null), k = $(null), S = $(null), [A, x] = I(e.length), [z, F] = I(!1), [w, E] = I(!1), [H, q] = I(null), D = e.slice(0, A), B = e.slice(A), R = B.length > 0, j = B.some((u) => u.value === d), G = () => {
     if (j) {
       C(null);
       return;
     }
-    const u = e.findIndex((M, F) => F < A && M.value === d), T = g.current[u];
+    const u = e.findIndex((M, P) => P < A && M.value === d), T = g.current[u];
     if (T) {
       if (p) {
         const M = T.querySelector("span");
@@ -5420,7 +5420,7 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
   }, [e]), Y(() => {
     if (!z) return;
     const u = (T) => {
-      S.current && !S.current.contains(T.target) && k.current && !k.current.contains(T.target) && (P(!1), q(null));
+      S.current && !S.current.contains(T.target) && k.current && !k.current.contains(T.target) && (F(!1), q(null));
     };
     return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
   }, [z]);
@@ -5428,9 +5428,9 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
     l || c(u), o == null || o(u);
   }, V = (u, T) => {
     var L;
-    const M = D.map((J, Q) => J.disabled ? -1 : Q).filter((J) => J !== -1), F = M.indexOf(T);
+    const M = D.map((J, Q) => J.disabled ? -1 : Q).filter((J) => J !== -1), P = M.indexOf(T);
     let N = -1;
-    u.key === "ArrowRight" && (N = M[(F + 1) % M.length] ?? -1), u.key === "ArrowLeft" && (N = M[(F - 1 + M.length) % M.length] ?? -1), u.key === "Home" && (N = M[0] ?? -1), u.key === "End" && (N = M[M.length - 1] ?? -1), N !== -1 && (u.preventDefault(), (L = g.current[N]) == null || L.focus(), X(D[N].value));
+    u.key === "ArrowRight" && (N = M[(P + 1) % M.length] ?? -1), u.key === "ArrowLeft" && (N = M[(P - 1 + M.length) % M.length] ?? -1), u.key === "Home" && (N = M[0] ?? -1), u.key === "End" && (N = M[M.length - 1] ?? -1), N !== -1 && (u.preventDefault(), (L = g.current[N]) == null || L.focus(), X(D[N].value));
   };
   return /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", position: "relative", ...i }, children: [
     /* @__PURE__ */ v(
@@ -5450,7 +5450,7 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
         },
         children: [
           e.map((u, T) => {
-            const M = T < A, F = u.value === d, N = u.disabled ?? !1;
+            const M = T < A, P = u.value === d, N = u.disabled ?? !1;
             return /* @__PURE__ */ v(
               "button",
               {
@@ -5458,11 +5458,11 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                   g.current[T] = L;
                 },
                 role: "tab",
-                "aria-selected": F,
+                "aria-selected": P,
                 "aria-controls": `lucent-tabpanel-${u.value}`,
                 id: `lucent-tab-${u.value}`,
                 disabled: N,
-                tabIndex: F && M ? 0 : -1,
+                tabIndex: P && M ? 0 : -1,
                 onClick: () => {
                   N || X(u.value);
                 },
@@ -5478,13 +5478,13 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                   cursor: N ? "not-allowed" : "pointer",
                   fontFamily: "var(--lucent-font-family-base)",
                   fontSize: "var(--lucent-font-size-md)",
-                  fontWeight: F ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-                  color: N ? "var(--lucent-text-disabled)" : p && F ? "var(--lucent-text-on-accent)" : F ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                  fontWeight: P ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
+                  color: N ? "var(--lucent-text-disabled)" : p && P ? "var(--lucent-text-on-accent)" : P ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                   transition: "color var(--lucent-duration-fast) var(--lucent-easing-default)",
                   whiteSpace: "nowrap",
                   outline: "none",
                   position: M ? "relative" : "absolute",
-                  zIndex: F ? 1 : 0,
+                  zIndex: P ? 1 : 0,
                   // Hidden overflow tabs are positioned off-screen for measurement
                   ...M ? {} : { visibility: "hidden", pointerEvents: "none", left: -9999 }
                 },
@@ -5493,10 +5493,10 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                     display: "block",
                     padding: "var(--lucent-space-1) var(--lucent-space-3)",
                     borderRadius: "var(--lucent-radius-md)",
-                    background: !p && h === T && !F && !N ? "var(--lucent-surface-secondary)" : "transparent",
+                    background: !p && h === T && !P && !N ? "var(--lucent-surface-secondary)" : "transparent",
                     transition: "background var(--lucent-duration-fast) var(--lucent-easing-default)"
                   }, children: u.label }),
-                  p && h === T && !F && !N && M && /* @__PURE__ */ n(
+                  p && h === T && !P && !N && M && /* @__PURE__ */ n(
                     "span",
                     {
                       "aria-hidden": !0,
@@ -5522,7 +5522,7 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
             "button",
             {
               ref: k,
-              onClick: () => P((u) => !u),
+              onClick: () => F((u) => !u),
               onMouseEnter: () => E(!0),
               onMouseLeave: () => E(!1),
               style: {
@@ -5594,16 +5594,16 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
           minWidth: 140
         },
         children: B.map((u, T) => {
-          const M = u.value === d, F = u.disabled ?? !1, N = H === T;
+          const M = u.value === d, P = u.disabled ?? !1, N = H === T;
           return /* @__PURE__ */ n(
             "button",
             {
-              disabled: F,
+              disabled: P,
               onClick: () => {
-                F || (X(u.value), P(!1));
+                P || (X(u.value), F(!1));
               },
               onMouseEnter: () => {
-                F || q(T);
+                P || q(T);
               },
               onMouseLeave: () => q(null),
               style: {
@@ -5612,11 +5612,11 @@ function Ro({ tabs: e, defaultValue: t, value: r, onChange: o, variant: a = "und
                 padding: "var(--lucent-space-2) var(--lucent-space-4)",
                 background: M || N ? "var(--lucent-surface-secondary)" : "none",
                 border: "none",
-                cursor: F ? "not-allowed" : "pointer",
+                cursor: P ? "not-allowed" : "pointer",
                 fontFamily: "var(--lucent-font-family-base)",
                 fontSize: "var(--lucent-font-size-md)",
                 fontWeight: M ? "var(--lucent-font-weight-medium)" : "var(--lucent-font-weight-regular)",
-                color: F ? "var(--lucent-text-disabled)" : M || N ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
+                color: P ? "var(--lucent-text-disabled)" : M || N ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
                 textAlign: "left",
                 outline: "none",
                 transition: "background var(--lucent-duration-fast) var(--lucent-easing-default), color var(--lucent-duration-fast) var(--lucent-easing-default)"
@@ -5649,7 +5649,7 @@ const pa = `
   to   { opacity: 1; transform: translateY(0); }
 }
 `;
-function Po({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChange: a, style: i }) {
+function Fo({ trigger: e, children: t, defaultOpen: r = !1, open: o, onOpenChange: a, style: i }) {
   const l = o !== void 0, [s, c] = I(r), d = l ? o : s, h = $(null), [y, g] = I(d ? void 0 : 0), m = $(!1);
   Y(() => {
     const f = h.current;
@@ -5747,7 +5747,7 @@ function fa({ open: e }) {
 function ge(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function Fo({
+function Po({
   children: e,
   header: t,
   sidebar: r,
@@ -5912,7 +5912,7 @@ function No({
   })) : t, A = c ? [...S].sort((D, B) => {
     const R = D[c.key], j = B[c.key], G = String(R ?? "").localeCompare(String(j ?? ""), void 0, { numeric: !0 });
     return c.dir === "asc" ? G : -G;
-  }) : S, x = r > 0 ? A.slice(b * r, (b + 1) * r) : A, z = r > 0 ? Math.max(1, Math.ceil(A.length / r)) : 1, P = (D) => {
+  }) : S, x = r > 0 ? A.slice(b * r, (b + 1) * r) : A, z = r > 0 ? Math.max(1, Math.ceil(A.length / r)) : 1, F = (D) => {
     p || y(D), a == null || a(D);
   }, w = (D) => {
     d((B) => !B || B.key !== D ? { key: D, dir: "asc" } : B.dir === "asc" ? { key: D, dir: "desc" } : null), p || y(0), a == null || a(0);
@@ -6023,7 +6023,7 @@ function No({
         /* @__PURE__ */ n(
           qe,
           {
-            onClick: () => P(b - 1),
+            onClick: () => F(b - 1),
             disabled: b === 0,
             "aria-label": "Previous page",
             children: /* @__PURE__ */ n(Qe, { dir: "left" })
@@ -6037,7 +6037,7 @@ function No({
           }, children: "…" }, `ellipsis-${B}`) : /* @__PURE__ */ n(
             qe,
             {
-              onClick: () => P(D),
+              onClick: () => F(D),
               active: D === b,
               "aria-label": `Page ${D + 1}`,
               "aria-current": D === b ? "page" : void 0,
@@ -6049,7 +6049,7 @@ function No({
         /* @__PURE__ */ n(
           qe,
           {
-            onClick: () => P(b + 1),
+            onClick: () => F(b + 1),
             disabled: b >= z - 1,
             "aria-label": "Next page",
             children: /* @__PURE__ */ n(Qe, { dir: "right" })
@@ -6507,7 +6507,7 @@ function Wo({
     E && E.group === w.group ? E.items.push(w) : z.push({ group: w.group, items: [w] });
   }
   if (!d) return null;
-  let P = 0;
+  let F = 0;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -6612,7 +6612,7 @@ function Wo({
                   E.map((q) => {
                     const D = q.disabled ?? !1;
                     let B = !1;
-                    return D || (B = P === g, P++), /* @__PURE__ */ v(
+                    return D || (B = F === g, F++), /* @__PURE__ */ v(
                       "div",
                       {
                         role: "option",
@@ -6795,7 +6795,7 @@ function Oo({
   errorText: h,
   style: y
 }) {
-  const g = t !== void 0, [m, C] = I(r), f = g ? t : m, [p, b] = I(!1), [k, S] = I(""), [A, x] = I(0), [z, P] = I(!1), w = $(null), E = $(null), H = ke();
+  const g = t !== void 0, [m, C] = I(r), f = g ? t : m, [p, b] = I(!1), [k, S] = I(""), [A, x] = I(0), [z, F] = I(!1), w = $(null), E = $(null), H = ke();
   Y(() => {
     if (!p) return;
     const u = (T) => {
@@ -6876,8 +6876,8 @@ function Oo({
                   S(u.target.value), b(!0), x(0);
                 },
                 onKeyDown: R,
-                onFocus: () => P(!0),
-                onBlur: () => P(!1),
+                onFocus: () => F(!0),
+                onBlur: () => F(!1),
                 disabled: i,
                 placeholder: f.length === 0 ? a : "",
                 "aria-autocomplete": "list",
@@ -6924,7 +6924,7 @@ function Oo({
           },
           children: [
             B.length === 0 ? /* @__PURE__ */ n("div", { style: { padding: "var(--lucent-space-2)" }, children: /* @__PURE__ */ n(W, { color: "secondary", size: "sm", children: "No options" }) }) : B.map((u, T) => {
-              const M = f.includes(u.value), F = T === A, N = u.disabled ?? !1, L = j && !M;
+              const M = f.includes(u.value), P = T === A, N = u.disabled ?? !1, L = j && !M;
               return /* @__PURE__ */ v(
                 "div",
                 {
@@ -6942,7 +6942,7 @@ function Oo({
                     padding: be[s],
                     borderRadius: "var(--lucent-radius-md)",
                     cursor: N || L ? "not-allowed" : "pointer",
-                    background: F ? "var(--lucent-surface-secondary)" : "transparent",
+                    background: P ? "var(--lucent-surface-secondary)" : "transparent",
                     opacity: N || L ? 0.5 : 1
                   },
                   children: [
@@ -7277,7 +7277,7 @@ function jo({
   errorText: h,
   style: y
 }) {
-  const g = e !== void 0, [m, C] = I(t), f = g ? e : m, p = !!h, b = a, k = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, S = /* @__PURE__ */ new Date(), [A, x] = I((f ?? S).getFullYear()), [z, P] = I((f ?? S).getMonth()), [w, E] = I(!1), [H, q] = I(!1), D = $(null);
+  const g = e !== void 0, [m, C] = I(t), f = g ? e : m, p = !!h, b = a, k = `lucent-datepicker-${Math.random().toString(36).slice(2, 7)}`, S = /* @__PURE__ */ new Date(), [A, x] = I((f ?? S).getFullYear()), [z, F] = I((f ?? S).getMonth()), [w, E] = I(!1), [H, q] = I(!1), D = $(null);
   Y(() => {
     if (!w) return;
     const V = (_) => {
@@ -7289,9 +7289,9 @@ function jo({
   const B = (V) => {
     g || C(V), r == null || r(V), E(!1);
   }, R = () => {
-    z === 0 ? (P(11), x((V) => V - 1)) : P((V) => V - 1);
+    z === 0 ? (F(11), x((V) => V - 1)) : F((V) => V - 1);
   }, j = () => {
-    z === 11 ? (P(0), x((V) => V + 1)) : P((V) => V + 1);
+    z === 11 ? (F(0), x((V) => V + 1)) : F((V) => V + 1);
   }, G = b ? "transparent" : p ? "var(--lucent-danger-default)" : H ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", X = H ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
   return /* @__PURE__ */ v("div", { ref: D, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", position: "relative", ...y }, children: [
     c && /* @__PURE__ */ n(
@@ -7537,7 +7537,7 @@ const Uo = {
   md: "var(--lucent-font-size-sm)",
   lg: "var(--lucent-font-size-md)"
 };
-function Pa(e, t) {
+function Fa(e, t) {
   return e ? Te(e.start, e.end) ? pe(e.start) : `${pe(e.start)} → ${pe(e.end)}` : t;
 }
 function Go({
@@ -7554,7 +7554,7 @@ function Go({
   errorText: h,
   style: y
 }) {
-  const g = e !== void 0, [m, C] = I(t), f = g ? e : m, p = !!h, b = a, k = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [S, A] = I(null), [x, z] = I(null), P = /* @__PURE__ */ new Date(), [w, E] = I(((f == null ? void 0 : f.start) ?? P).getFullYear()), [H, q] = I(((f == null ? void 0 : f.start) ?? P).getMonth()), D = H === 11 ? 0 : H + 1, B = H === 11 ? w + 1 : w, [R, j] = I(!1), [G, X] = I(!1), V = $(null);
+  const g = e !== void 0, [m, C] = I(t), f = g ? e : m, p = !!h, b = a, k = `lucent-daterangepicker-${Math.random().toString(36).slice(2, 7)}`, [S, A] = I(null), [x, z] = I(null), F = /* @__PURE__ */ new Date(), [w, E] = I(((f == null ? void 0 : f.start) ?? F).getFullYear()), [H, q] = I(((f == null ? void 0 : f.start) ?? F).getMonth()), D = H === 11 ? 0 : H + 1, B = H === 11 ? w + 1 : w, [R, j] = I(!1), [G, X] = I(!1), V = $(null);
   Y(() => {
     if (!R) return;
     const L = (J) => {
@@ -7580,7 +7580,7 @@ function Go({
     const [L, J] = Ce(x, S) ? [x, S] : [S, x];
     M = { start: L, end: J };
   } else S ? M = { start: S, end: S } : f && (M = { start: f.start, end: f.end });
-  const F = b ? "transparent" : p ? "var(--lucent-danger-default)" : G ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", N = G ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
+  const P = b ? "transparent" : p ? "var(--lucent-danger-default)" : G ? "var(--lucent-focus-ring)" : "var(--lucent-border-default)", N = G ? `0 0 0 3px ${p ? "var(--lucent-danger-subtle)" : "var(--lucent-accent-subtle)"}` : "none";
   return /* @__PURE__ */ v("div", { ref: V, style: { display: "flex", flexDirection: "column", gap: "var(--lucent-space-1)", position: "relative", ...y }, children: [
     c && /* @__PURE__ */ n(
       "label",
@@ -7616,7 +7616,7 @@ function Go({
           boxSizing: "border-box",
           padding: `0 ${La[s]}`,
           borderRadius: "var(--lucent-radius-lg)",
-          border: `1px solid ${F}`,
+          border: `1px solid ${P}`,
           boxShadow: N,
           background: b ? "var(--lucent-surface-secondary)" : "var(--lucent-surface)",
           color: f ? "var(--lucent-text-primary)" : "var(--lucent-text-secondary)",
@@ -7635,7 +7635,7 @@ function Go({
             /* @__PURE__ */ n("path", { d: "M1 6h12", stroke: "currentColor", strokeWidth: "1.3" }),
             /* @__PURE__ */ n("path", { d: "M4 1v2M10 1v2", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
           ] }),
-          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: Pa(f, o) })
+          /* @__PURE__ */ n("span", { style: { flex: 1, textAlign: "left" }, children: Fa(f, o) })
         ]
       }
     ),
@@ -7687,7 +7687,7 @@ function Go({
               year: w,
               month: H,
               ...(f == null ? void 0 : f.start) !== void 0 && { selected: f.start },
-              today: P,
+              today: F,
               ...i !== void 0 && { min: i },
               ...l !== void 0 && { max: l },
               onSelect: _,
@@ -7704,7 +7704,7 @@ function Go({
               year: B,
               month: D,
               ...(f == null ? void 0 : f.end) !== void 0 && { selected: f.end },
-              today: P,
+              today: F,
               ...i !== void 0 && { min: i },
               ...l !== void 0 && { max: l },
               onSelect: _,
@@ -7836,7 +7836,7 @@ const _o = {
 function We(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Fa() {
+function Pa() {
   return Math.random().toString(36).slice(2);
 }
 function Na({
@@ -7920,13 +7920,13 @@ function Yo({
         continue;
       }
       if (!t && y.length + z.length >= 1) break;
-      z.push({ id: Fa(), file: w });
+      z.push({ id: Pa(), file: w });
     }
     if (z.length === 0) return;
-    const P = t ? [...y, ...z] : z;
-    c || h(P), a == null || a(P);
+    const F = t ? [...y, ...z] : z;
+    c || h(F), a == null || a(F);
   }, [l, y, c, r, t, a, i]), k = (x) => {
-    const z = y.filter((P) => P.id !== x);
+    const z = y.filter((F) => F.id !== x);
     c || h(z), a == null || a(z);
   }, S = (x) => {
     x.preventDefault(), m(!1), b(x.dataTransfer.files);
@@ -8330,6 +8330,7 @@ const Jo = {
   borderDefault: "#e5e7eb",
   borderSubtle: "#f3f4f6",
   borderStrong: "#9ca3af",
+  controlTrack: "#d1d5db",
   // Text
   textPrimary: "#111827",
   textSecondary: "#6b7280",
@@ -8409,11 +8410,11 @@ function Za(e) {
   const [t, r, o] = ne(e), [a, i] = ht(t, r);
   return ae(a, i, Math.max(0.04, Math.min(0.2, 0.07 + (1 - o))));
 }
-function Pe(e) {
+function Fe(e) {
   const [t, r, o] = ne(e), [a, i] = ht(t, r);
   return ae(a, i, Math.max(0.06, Math.min(0.5, (1 - o) * 0.6 + 0.06)));
 }
-function Fe(e) {
+function Pe(e) {
   const [t, r, o] = ne(e);
   return ae(t, r, Math.max(0.04, Math.min(0.97, 1 - o + 0.04)));
 }
@@ -8438,13 +8439,14 @@ function Qa(e) {
     surfaceRaised: i(0.08),
     surfaceOverlay: i(0.08),
     // ── Borders ──────────────────────────────────────────────────────────────
-    borderDefault: Pe(e.borderDefault),
-    borderSubtle: Pe(e.borderSubtle),
-    borderStrong: Pe(e.borderStrong),
+    borderDefault: Fe(e.borderDefault),
+    borderSubtle: Fe(e.borderSubtle),
+    borderStrong: Fe(e.borderStrong),
+    controlTrack: i(0.1),
     // ── Text ─────────────────────────────────────────────────────────────────
-    textPrimary: Fe(e.textPrimary),
-    textSecondary: Fe(e.textSecondary),
-    textDisabled: Fe(e.textDisabled),
+    textPrimary: Pe(e.textPrimary),
+    textSecondary: Pe(e.textSecondary),
+    textDisabled: Pe(e.textDisabled),
     // textInverse flips to dark bg so it reads on light accent surfaces
     textInverse: t,
     textOnAccent: e.textOnAccent,
@@ -8570,7 +8572,6 @@ const yt = {
     bgBase: "#ffffff",
     surface: "#ffffff",
     borderDefault: "#e5e7eb",
-    textPrimary: "#111827",
     accentDefault: "#111827",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8581,7 +8582,6 @@ const yt = {
     bgBase: "#111318",
     surface: "#181a20",
     borderDefault: "#2e3039",
-    textPrimary: "#f3f4f6",
     accentDefault: "#f9fafb",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8594,7 +8594,6 @@ const yt = {
     bgBase: "#fffefb",
     surface: "#fffdf7",
     borderDefault: "#e8e3d6",
-    textPrimary: "#1a1710",
     accentDefault: "#e9c96b",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8605,7 +8604,6 @@ const yt = {
     bgBase: "#151310",
     surface: "#1c1a15",
     borderDefault: "#33302a",
-    textPrimary: "#f5f3ee",
     accentDefault: "#e9c96b",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8618,7 +8616,6 @@ const yt = {
     bgBase: "#fdfcff",
     surface: "#faf9fe",
     borderDefault: "#e0dde9",
-    textPrimary: "#1a1726",
     accentDefault: "#6366f1",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8629,7 +8626,6 @@ const yt = {
     bgBase: "#12111a",
     surface: "#191820",
     borderDefault: "#2e2d3a",
-    textPrimary: "#f0eef6",
     accentDefault: "#818cf8",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8642,7 +8638,6 @@ const yt = {
     bgBase: "#fdfcfe",
     surface: "#faf8fd",
     borderDefault: "#e2dce9",
-    textPrimary: "#1c1726",
     accentDefault: "#8b5cf6",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8653,7 +8648,6 @@ const yt = {
     bgBase: "#13111a",
     surface: "#1a1822",
     borderDefault: "#302d3b",
-    textPrimary: "#f0edf7",
     accentDefault: "#a78bfa",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8666,7 +8660,6 @@ const yt = {
     bgBase: "#fbfefc",
     surface: "#f7fcf9",
     borderDefault: "#dbe8df",
-    textPrimary: "#0f1f15",
     accentDefault: "#10b981",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8677,7 +8670,6 @@ const yt = {
     bgBase: "#0f1512",
     surface: "#151c18",
     borderDefault: "#263330",
-    textPrimary: "#ecf5f0",
     accentDefault: "#34d399",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8690,7 +8682,6 @@ const yt = {
     bgBase: "#fbfefd",
     surface: "#f6fcfa",
     borderDefault: "#d4e5e0",
-    textPrimary: "#152420",
     accentDefault: "#0d9488",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8701,7 +8692,6 @@ const yt = {
     bgBase: "#0f1514",
     surface: "#161d1c",
     borderDefault: "#283836",
-    textPrimary: "#e4f3f0",
     accentDefault: "#2dd4bf",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8714,7 +8704,6 @@ const yt = {
     bgBase: "#fffcfd",
     surface: "#fef9fa",
     borderDefault: "#ecdde1",
-    textPrimary: "#24121a",
     accentDefault: "#f43f5e",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8725,7 +8714,6 @@ const yt = {
     bgBase: "#161012",
     surface: "#1d1518",
     borderDefault: "#3a282e",
-    textPrimary: "#f8ecf0",
     accentDefault: "#fb7185",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8738,7 +8726,6 @@ const yt = {
     bgBase: "#fffcfb",
     surface: "#fef9f7",
     borderDefault: "#e9ddd8",
-    textPrimary: "#261a16",
     accentDefault: "#e8624a",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8749,7 +8736,6 @@ const yt = {
     bgBase: "#171210",
     surface: "#1e1816",
     borderDefault: "#3b312c",
-    textPrimary: "#f5ece8",
     accentDefault: "#f38b76",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8762,7 +8748,6 @@ const yt = {
     bgBase: "#fffefb",
     surface: "#fefcf6",
     borderDefault: "#e8e1d0",
-    textPrimary: "#261f0f",
     accentDefault: "#d97706",
     successDefault: "#16a34a",
     warningDefault: "#b45309",
@@ -8773,7 +8758,6 @@ const yt = {
     bgBase: "#171310",
     surface: "#1e1a15",
     borderDefault: "#3a3329",
-    textPrimary: "#f5f0e6",
     accentDefault: "#f59e0b",
     successDefault: "#22c55e",
     warningDefault: "#d97706",
@@ -8786,7 +8770,6 @@ const yt = {
     bgBase: "#fbfdff",
     surface: "#f6fafd",
     borderDefault: "#d9e4ec",
-    textPrimary: "#0f1a24",
     accentDefault: "#0ea5e9",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8797,7 +8780,6 @@ const yt = {
     bgBase: "#0e1318",
     surface: "#141a20",
     borderDefault: "#243038",
-    textPrimary: "#ebf2f8",
     accentDefault: "#38bdf8",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8810,7 +8792,6 @@ const yt = {
     bgBase: "#fafbfc",
     surface: "#f7f8fa",
     borderDefault: "#dde1e6",
-    textPrimary: "#1a1d23",
     accentDefault: "#475569",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8821,7 +8802,6 @@ const yt = {
     bgBase: "#0f1116",
     surface: "#161920",
     borderDefault: "#2b3040",
-    textPrimary: "#e8ecf4",
     accentDefault: "#94a3b8",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -8834,7 +8814,6 @@ const yt = {
     bgBase: "#fbfcfb",
     surface: "#f5f7f5",
     borderDefault: "#d8ddd6",
-    textPrimary: "#1a2019",
     accentDefault: "#5f8c6e",
     successDefault: "#16a34a",
     warningDefault: "#d97706",
@@ -8845,7 +8824,6 @@ const yt = {
     bgBase: "#101410",
     surface: "#171c17",
     borderDefault: "#2c372c",
-    textPrimary: "#e4ede6",
     accentDefault: "#86b394",
     successDefault: "#22c55e",
     warningDefault: "#f59e0b",
@@ -9041,7 +9019,7 @@ function Lr(e) {
 function Rr(e) {
   return typeof e == "string" ? Ar[e] : e;
 }
-function Pr(e, t) {
+function Fr(e, t) {
   let r, o, a, i;
   if (typeof e == "string") {
     const s = Er[e];
@@ -9067,7 +9045,7 @@ function Zo({
   anchors: o,
   children: a
 }) {
-  const i = ke().replace(/:/g, ""), l = t ? Pr(t, e) : void 0, s = (() => {
+  const i = ke().replace(/:/g, ""), l = t ? Fr(t, e) : void 0, s = (() => {
     if (o) {
       const p = vt(o, e);
       if (l) {
@@ -9350,7 +9328,7 @@ const myTheme = createTheme({
 function K(e, t) {
   return { field: e, message: t };
 }
-function Fr(e) {
+function Pr(e) {
   const t = [];
   if (typeof e != "object" || e === null)
     return { valid: !1, errors: [K("manifest", "Must be a non-null object")] };
@@ -9368,7 +9346,7 @@ function Fr(e) {
   }) : t.push(K("usageExamples", "Must be an array")), Array.isArray(r.compositionGraph) || t.push(K("compositionGraph", "Must be an array (empty array is fine for atoms)")), typeof r.specVersion == "string" && !/^\d+\.\d+$/.test(r.specVersion) && t.push(K("specVersion", 'Must be "MAJOR.MINOR" format, e.g. "0.1"')), { valid: t.length === 0, errors: t };
 }
 function ai(e) {
-  const t = Fr(e);
+  const t = Pr(e);
   if (!t.valid) {
     const r = t.errors.map((o) => `  ${o.field}: ${o.message}`).join(`
 `);
@@ -9404,7 +9382,7 @@ export {
   Kt as Chip,
   mo as CodeBlock,
   go as CodeBlockManifest,
-  Po as Collapsible,
+  Fo as Collapsible,
   Xn as ColorPicker,
   xe as ColorSwatch,
   Wo as CommandPalette,
@@ -9433,7 +9411,7 @@ export {
   Vo as MULTI_SELECT_MANIFEST,
   Oo as MultiSelect,
   po as NavLink,
-  Fo as PageLayout,
+  Po as PageLayout,
   Zr as Radio,
   ln as RadioGroup,
   Qr as RadioGroupUncontrolled,
@@ -9489,12 +9467,12 @@ export {
   wr as oceanPalette,
   Tt as pillShape,
   Dr as playfulPreset,
-  Pr as resolvePreset,
+  Fr as resolvePreset,
   wt as rosePalette,
   St as roundedShape,
   kt as sharpShape,
   It as spaciousDensity,
   zt as subtleShadow,
   Qo as useLucent,
-  Fr as validateManifest
+  Pr as validateManifest
 };