@tempots/beatui 0.61.1 → 0.61.3

package/dist/index.es.js

@@ -1,36 +1,40 @@
-import { prop as Z, html as d, attr as r, computedOf as I, Fragment as R, OnDispose as oe, style as S, on as A, WithElement as ne, When as Q, Value as v, Use as ae, Empty as W, input as pe, emitValue as te, aria as M, OneOfValue as bn, Unless as gn, coalesce as Pe, ForEach as Le, Ensure as Ue, OneOfType as Mt, dataAttr as st, NotEmpty as mn, emitValueAsDate as hn, Portal as lt, makeProviderMark as Ot, WithBrowserCtx as vn, renderWithContext as yn, WithProvider as wn, Task as xn, Provide as Nt, MapSignal as Rt, svg as mt, svgAttr as ht, delaySignal as kn } from "@tempots/dom";
-import { Use as Po } from "@tempots/dom";
+import { prop as Z, html as d, attr as o, computedOf as I, Fragment as R, OnDispose as oe, style as S, on as A, WithElement as ne, When as Q, Value as v, Use as ae, Empty as W, input as pe, emitValue as te, aria as M, OneOfValue as bn, Unless as gn, coalesce as Le, ForEach as Pe, Ensure as Ue, OneOfType as Mt, dataAttr as st, NotEmpty as mn, emitValueAsDate as hn, Portal as lt, makeProviderMark as Ot, WithBrowserCtx as vn, renderWithContext as yn, WithProvider as wn, Task as xn, Provide as Nt, MapSignal as Rt, svg as mt, svgAttr as ht, delaySignal as kn } from "@tempots/dom";
+import { Use as Lo } from "@tempots/dom";
 import { PopOver as Sn, ElementRect as Be, WindowSize as Cn, Query as Ut, Location as Ne, NavigationService as Tn, Anchor as it } from "@tempots/ui";
-import { i as se, t as Se, h as vt, e as ue, a as ie, I as ee, b as ce, C as fe, B as yt, c as Ye, L as ct, j as wt, k as xt } from "./translations-g3qGTkzw.js";
-import { x as Do, T as Ao, l as Vo, d as Bo, f as Eo, g as Mo, u as Oo, q as No, o as Ro, w as Uo, y as Fo, n as jo, v as Ho, m as Wo, p as zo, r as Yo, s as Go } from "./translations-g3qGTkzw.js";
+import { i as se, t as Se, h as vt, e as ue, a as ie, I as ee, b as ce, C as fe, B as yt, c as Ye, L as ct, j as wt, k as xt } from "./translations-BUTBIDsS.js";
+import { x as Do, T as Ao, l as Vo, d as Bo, f as Eo, g as Mo, u as Oo, q as No, o as Ro, w as Uo, y as Fo, n as jo, v as Ho, m as Wo, p as zo, r as Yo, s as Go } from "./translations-BUTBIDsS.js";
 import { g as ut } from "./colors-pQZlNrwM.js";
 import { b as qo, e as Jo, i as Ko, a as Qo, c as Xo, o as es, l as ts, m as ns, k as as, j as rs, n as os, r as ss, s as ls, d as is, h as cs, t as us } from "./colors-pQZlNrwM.js";
 import { b as In } from "./index-CpZh_Snx.js";
-import { t as ps, am as fs, h as bs, J as gs, c as ms, N as hs, I as vs, K as ys, e as ws, l as xs, d as ks, a as Ss, ab as Cs, o as Ts, a0 as Is, ae as $s, q as _s, H as Ps, A as Ls, al as Ds, g as As, E as Vs, x as Bs, aj as Es, $ as Ms, a4 as Os, k as Ns, j as Rs, i as Us, Y as Fs, X as js, Q as Hs, P as Ws, S as zs, R as Ys, W as Gs, V as Zs, U as qs, T as Js, a8 as Ks, a7 as Qs, aa as Xs, a9 as el, n as tl, m as nl, _ as al, Z as rl, ad as ol, p as sl, G as ll, z as il, ak as cl, D as ul, C as dl, w as pl, v as fl, ai as bl, ah as gl, f as ml, a3 as hl, a2 as vl, M as yl, L as wl, a5 as xl, a6 as kl, r as Sl, O as Cl, ac as Tl, s as Il, F as $l, y as _l, ag as Pl, B as Ll, u as Dl, af as Al, a1 as Vl } from "./index-CpZh_Snx.js";
-import { C as Fe, s as he, m as Ft, d as jt, I as dt, B as Ht, c as Wt, S as pt, e as $n } from "./notice-Cpso9PgQ.js";
-import { A as El, g as Ml, b as Ol, D as Nl, E as Rl, v as Ul, L as Fl, M as jl, x as Hl, N as Wl, i as zl, P as Yl, R as Gl, n as Zl, q as ql, o as Jl, k as Kl, j as Ql, f as Xl, p as ei, h as ti, r as ni, t as ai, l as ri, u as oi, w as si } from "./notice-Cpso9PgQ.js";
-import { u as Re, A as ot, a as _n, O as zt, F as Pn } from "./modal-DJDeFIxV.js";
-import { B as ii, C as ci, M as ui, c as di, S as pi, b as fi, d as bi, o as gi, s as mi, f as hi, e as vi, g as yi } from "./modal-DJDeFIxV.js";
-import { T as Yt, a as Ln } from "./theme-B5pmbvQ_.js";
-import { S as Dn, G as Gt, E as An, F as Vn, N as Zt, a as Ee, M as Me, e as kt, n as Bn, W as ve, d as En, i as Mn, b as St, c as Ve } from "./utils-BRzdi3Gx.js";
-import { j as xi, l as ki, B as Si, p as Ci, V as Ti, C as Ii, m as $i, L as _i, o as Pi, q as Li, r as Di, s as Ai, O as Vi, u as Bi, z as Ei, v as Mi, I as Oi, K as Ni, w as Ri, x as Ui, H as Fi, Q as ji, y as Hi, R as Wi, J as zi, A as Yi, T as Gi, D as Zi, f as qi, U as Ji, P as Ki, X as Qi, Y as Xi, ag as ec, k as tc, ae as nc, a2 as ac, a1 as rc, a6 as oc, a7 as sc, $ as lc, Z as ic, _ as cc, ab as uc, a5 as dc, ac as pc, a3 as fc, af as bc, a0 as gc, a8 as mc, a9 as hc, ad as vc, aa as yc, a4 as wc, g as xc, t as kc, h as Sc } from "./utils-BRzdi3Gx.js";
+import { t as ps, am as fs, h as bs, J as gs, c as ms, N as hs, I as vs, K as ys, e as ws, l as xs, d as ks, a as Ss, ab as Cs, o as Ts, a0 as Is, ae as $s, q as _s, H as Ls, A as Ps, al as Ds, g as As, E as Vs, x as Bs, aj as Es, $ as Ms, a4 as Os, k as Ns, j as Rs, i as Us, Y as Fs, X as js, Q as Hs, P as Ws, S as zs, R as Ys, W as Gs, V as Zs, U as qs, T as Js, a8 as Ks, a7 as Qs, aa as Xs, a9 as el, n as tl, m as nl, _ as al, Z as rl, ad as ol, p as sl, G as ll, z as il, ak as cl, D as ul, C as dl, w as pl, v as fl, ai as bl, ah as gl, f as ml, a3 as hl, a2 as vl, M as yl, L as wl, a5 as xl, a6 as kl, r as Sl, O as Cl, ac as Tl, s as Il, F as $l, y as _l, ag as Ll, B as Pl, u as Dl, af as Al, a1 as Vl } from "./index-CpZh_Snx.js";
+import { C as Fe, s as he, m as Ft, d as jt, I as dt, B as Ht, c as Wt, S as pt, e as $n } from "./notice-BCio7XSW.js";
+import { A as El, g as Ml, b as Ol, D as Nl, E as Rl, v as Ul, L as Fl, M as jl, x as Hl, N as Wl, i as zl, P as Yl, R as Gl, n as Zl, q as ql, o as Jl, k as Kl, j as Ql, f as Xl, p as ei, h as ti, r as ni, t as ai, l as ri, u as oi, w as si } from "./notice-BCio7XSW.js";
+import { u as Re, A as ot, a as _n, O as zt, F as Ln } from "./modal-DX4x-JE5.js";
+import { B as ii, C as ci, M as ui, c as di, S as pi, b as fi, d as bi, o as gi, s as mi, f as hi, e as vi, g as yi } from "./modal-DX4x-JE5.js";
+import { T as Yt, a as Pn } from "./theme-B5pmbvQ_.js";
+import { S as Dn, G as Gt, E as An, F as Vn, N as Zt, a as Ee, M as Me, e as kt, n as Bn, W as ve, d as En, i as Mn, b as St, c as Ve } from "./utils-jsPYqpvC.js";
+import { j as xi, l as ki, B as Si, p as Ci, V as Ti, C as Ii, m as $i, L as _i, o as Li, q as Pi, r as Di, s as Ai, O as Vi, u as Bi, z as Ei, v as Mi, I as Oi, K as Ni, w as Ri, x as Ui, H as Fi, Q as ji, y as Hi, R as Wi, J as zi, A as Yi, T as Gi, D as Zi, f as qi, U as Ji, P as Ki, X as Qi, Y as Xi, ag as ec, k as tc, ae as nc, a2 as ac, a1 as rc, a6 as oc, a7 as sc, $ as lc, Z as ic, _ as cc, ab as uc, a5 as dc, ac as pc, a3 as fc, af as bc, a0 as gc, a8 as mc, a9 as hc, ad as vc, aa as yc, a4 as wc, g as xc, t as kc, h as Sc } from "./utils-jsPYqpvC.js";
 import { g as Ge, x as Ct } from "./timer-DzWb416P.js";
 import { L as Tc } from "./link-portal-Cr2l9f3k.js";
-import { T as $c, a as _c, c as Pc, b as Lc, d as Dc } from "./toolbar-_yJ-dm-Z.js";
+import { T as $c, a as _c, c as Lc, b as Pc, d as Dc } from "./toolbar-Bk5-22ln.js";
 function cr(e, t = 0, n = () => !0) {
-  let a = null, o;
-  const l = Z(e.value);
+  let a = null, r;
+  const s = Z(e.value);
   return e.on((i) => {
-    o = i, n(i) ? a == null && (a = setTimeout(() => {
-      a = null, l.set(o);
-    }, t)) : l.set(i);
+    r = i, n(i) ? a == null && (a = setTimeout(() => {
+      a = null, s.set(r);
+    }, t)) : s.set(i);
   }), e.onDispose(() => {
     a != null && clearTimeout(a);
-  }), l;
+  }), s;
 }
-const qt = (e, t = "") => {
-  const n = document.createElement("a");
-  n.href = e, n.download = t, n.target = "_blank", document.body.appendChild(n), n.click(), document.body.removeChild(n);
+const qt = async (e, t = "") => {
+  try {
+    const a = await (await fetch(e)).blob(), r = URL.createObjectURL(a), s = document.createElement("a");
+    s.href = r, s.download = t, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(r);
+  } catch {
+    window.open(e, "_blank");
+  }
 }, ur = (e, t, n = "application/octet-stream") => {
   const a = new Blob([e], { type: n });
   qt(URL.createObjectURL(a), t), URL.revokeObjectURL(URL.createObjectURL(a));
@@ -39,17 +43,17 @@ const qt = (e, t = "") => {
   let a = !1;
   return (async () => {
     try {
-      const o = await fetch(e, { signal: t.signal });
-      if (!o.ok)
-        throw new Error(`HTTP error! status: ${o.status}`);
-      const l = o.headers.get("content-length"), i = l ? parseInt(l, 10) : void 0, c = (async () => {
+      const r = await fetch(e, { signal: t.signal });
+      if (!r.ok)
+        throw new Error(`HTTP error! status: ${r.status}`);
+      const s = r.headers.get("content-length"), i = s ? parseInt(s, 10) : void 0, c = (async () => {
         if (i === void 0 || isNaN(i))
-          return n.set({ type: "undetermined" }), await o.blob();
+          return n.set({ type: "undetermined" }), await r.blob();
         {
           const b = new Uint8Array(i);
-          if (o.body == null)
+          if (r.body == null)
             throw new Error("Response body is null");
-          const k = o.body.getReader();
+          const k = r.body.getReader();
           let m = 0;
           for (; ; ) {
             const { done: y, value: h } = await k.read();
@@ -60,15 +64,15 @@ const qt = (e, t = "") => {
             });
           }
           return new Blob([b], {
-            type: o.headers.get("content-type") ?? void 0
+            type: r.headers.get("content-type") ?? void 0
           });
         }
-      })(), u = e.split("/").pop() || "download", s = await c, f = new File([s], u, {
-        type: s.type
+      })(), u = e.split("/").pop() || "download", l = await c, f = new File([l], u, {
+        type: l.type
       });
       a = !0, n.set({ type: "done", file: f });
-    } catch (o) {
-      n.set({ type: "error", error: o });
+    } catch (r) {
+      n.set({ type: "error", error: r });
     } finally {
       a = !0, n.dispose();
     }
@@ -81,9 +85,9 @@ const qt = (e, t = "") => {
 }, pr = (e) => {
   qt(URL.createObjectURL(e), e.name);
 }, Tt = (e, t) => e < t ? e : t, je = (e, t) => e > t ? e : t, On = (e, { abortSignal: t } = {}) => new Promise((n, a) => {
-  const o = setTimeout(n, e);
+  const r = setTimeout(n, e);
   t && t.addEventListener("abort", () => {
-    clearTimeout(o), a(new DOMException("Aborted", "AbortError"));
+    clearTimeout(r), a(new DOMException("Aborted", "AbortError"));
   });
 }), Xe = ["xs", "sm", "md", "lg", "xl"];
 function fr(e, t = 1) {
@@ -94,21 +98,21 @@ function fr(e, t = 1) {
   return Xe[a];
 }
 function Nn(e, t, n, a) {
-  const o = [
+  const r = [
     "bc-badge",
     `bc-badge--size-${e}`,
     `bc-control--rounded-${t}`
   ];
-  return n && o.push("bc-badge--circle"), a && o.push("bc-badge--full-width"), o.join(" ");
+  return n && r.push("bc-badge--circle"), a && r.push("bc-badge--full-width"), r.join(" ");
 }
 function Rn(e, t) {
-  const n = /* @__PURE__ */ new Map(), a = (o, l, i, c) => {
-    n.set("--badge-bg-hover", o), n.set("--badge-text-hover", i), n.set("--badge-bg-hover-dark", l), n.set("--badge-text-hover-dark", c);
+  const n = /* @__PURE__ */ new Map(), a = (r, s, i, c) => {
+    n.set("--badge-bg-hover", r), n.set("--badge-text-hover", i), n.set("--badge-bg-hover-dark", s), n.set("--badge-text-hover-dark", c);
   };
   switch (e) {
     case "filled": {
-      const o = ue(t, "solid", "light"), l = ue(t, "solid", "dark"), i = se(t, "soft", "light"), c = se(t, "soft", "dark");
-      n.set("--badge-bg", o.backgroundColor), n.set("--badge-text", o.textColor), n.set("--badge-bg-dark", l.backgroundColor), n.set("--badge-text-dark", l.textColor), n.set("--badge-border", "transparent"), n.set("--badge-border-dark", "transparent"), a(
+      const r = ue(t, "solid", "light"), s = ue(t, "solid", "dark"), i = se(t, "soft", "light"), c = se(t, "soft", "dark");
+      n.set("--badge-bg", r.backgroundColor), n.set("--badge-text", r.textColor), n.set("--badge-bg-dark", s.backgroundColor), n.set("--badge-text-dark", s.textColor), n.set("--badge-border", "transparent"), n.set("--badge-border-dark", "transparent"), a(
         i.backgroundColor,
         c.backgroundColor,
         i.textColor,
@@ -117,8 +121,8 @@ function Rn(e, t) {
       break;
     }
     case "light": {
-      const o = ue(t, "light", "light"), l = ue(t, "light", "dark"), i = se(t, "light", "light"), c = se(t, "light", "dark");
-      n.set("--badge-bg", o.backgroundColor), n.set("--badge-text", o.textColor), n.set("--badge-bg-dark", l.backgroundColor), n.set("--badge-text-dark", l.textColor), n.set("--badge-border", "transparent"), n.set("--badge-border-dark", "transparent"), a(
+      const r = ue(t, "light", "light"), s = ue(t, "light", "dark"), i = se(t, "light", "light"), c = se(t, "light", "dark");
+      n.set("--badge-bg", r.backgroundColor), n.set("--badge-text", r.textColor), n.set("--badge-bg-dark", s.backgroundColor), n.set("--badge-text-dark", s.textColor), n.set("--badge-border", "transparent"), n.set("--badge-border-dark", "transparent"), a(
         i.backgroundColor,
         c.backgroundColor,
         i.textColor,
@@ -127,18 +131,18 @@ function Rn(e, t) {
       break;
     }
     case "outline": {
-      const o = Se(t, "light"), l = Se(t, "dark"), i = vt(t, "light"), c = vt(t, "dark"), u = se(t, "light", "light"), s = se(t, "light", "dark");
-      n.set("--badge-bg", "transparent"), n.set("--badge-text", o), n.set("--badge-bg-dark", "transparent"), n.set("--badge-text-dark", l), n.set("--badge-border", i), n.set("--badge-border-dark", c), a(
+      const r = Se(t, "light"), s = Se(t, "dark"), i = vt(t, "light"), c = vt(t, "dark"), u = se(t, "light", "light"), l = se(t, "light", "dark");
+      n.set("--badge-bg", "transparent"), n.set("--badge-text", r), n.set("--badge-bg-dark", "transparent"), n.set("--badge-text-dark", s), n.set("--badge-border", i), n.set("--badge-border-dark", c), a(
         u.backgroundColor,
-        s.backgroundColor,
+        l.backgroundColor,
         u.textColor,
-        s.textColor
+        l.textColor
       );
       break;
     }
     case "default": {
-      const o = Se(t, "light"), l = Se(t, "dark"), i = se(t, "light", "light"), c = se(t, "light", "dark");
-      n.set("--badge-bg", "var(--bg-background-light)"), n.set("--badge-text", o), n.set("--badge-bg-dark", "var(--bg-background-dark)"), n.set("--badge-text-dark", l), n.set("--badge-border", "var(--border-border-light)"), n.set("--badge-border-dark", "var(--border-border-dark)"), a(
+      const r = Se(t, "light"), s = Se(t, "dark"), i = se(t, "light", "light"), c = se(t, "light", "dark");
+      n.set("--badge-bg", "var(--bg-background-light)"), n.set("--badge-text", r), n.set("--badge-bg-dark", "var(--bg-background-dark)"), n.set("--badge-text-dark", s), n.set("--badge-border", "var(--border-border-light)"), n.set("--badge-border-dark", "var(--border-border-dark)"), a(
         i.backgroundColor,
         c.backgroundColor,
         i.textColor,
@@ -147,8 +151,8 @@ function Rn(e, t) {
       break;
     }
     case "text": {
-      const o = Se(t, "light"), l = Se(t, "dark"), i = se(t, "light", "light"), c = se(t, "light", "dark");
-      n.set("--badge-bg", "transparent"), n.set("--badge-text", o), n.set("--badge-bg-dark", "transparent"), n.set("--badge-text-dark", l), n.set("--badge-border", "transparent"), n.set("--badge-border-dark", "transparent"), a(
+      const r = Se(t, "light"), s = Se(t, "dark"), i = se(t, "light", "light"), c = se(t, "light", "dark");
+      n.set("--badge-bg", "transparent"), n.set("--badge-text", r), n.set("--badge-bg-dark", "transparent"), n.set("--badge-text-dark", s), n.set("--badge-border", "transparent"), n.set("--badge-border-dark", "transparent"), a(
         i.backgroundColor,
         c.backgroundColor,
         i.textColor,
@@ -157,33 +161,33 @@ function Rn(e, t) {
       break;
     }
   }
-  return Array.from(n.entries()).map(([o, l]) => `${o}: ${l}`).join("; ");
+  return Array.from(n.entries()).map(([r, s]) => `${r}: ${s}`).join("; ");
 }
 function br({
   variant: e = "filled",
   size: t = "md",
   color: n = "base",
   roundedness: a = "full",
-  circle: o = !1,
-  fullWidth: l = !1
+  circle: r = !1,
+  fullWidth: s = !1
 }, ...i) {
   return d.span(
-    r.class(
+    o.class(
       I(
         t,
         a,
-        o,
-        l
+        r,
+        s
       )(
-        (c, u, s, f) => Nn(
+        (c, u, l, f) => Nn(
           c ?? "md",
           u ?? "sm",
-          s ?? !1,
+          l ?? !1,
           f ?? !1
         )
       )
     ),
-    r.style(
+    o.style(
       I(
         e,
         n
@@ -194,7 +198,7 @@ function br({
         )
       )
     ),
-    d.span(r.class("bc-badge__content"), ...i)
+    d.span(o.class("bc-badge__content"), ...i)
   );
 }
 function gr({
@@ -202,40 +206,40 @@ function gr({
   accept: t = "*/*",
   onDragContent: n,
   content: a,
-  onInvalidSelection: o,
-  disabled: l = !1
+  onInvalidSelection: r,
+  disabled: s = !1
 }) {
   const i = Z(!1), c = Z([]);
-  let u = null, s = 0;
-  const f = (p) => p.dataTransfer?.types.includes("Files") ?? !1, b = (p, C) => C === "*/*" ? !0 : C.split(",").map((L) => L.trim()).some((L) => {
-    if (L === "*/*") return !0;
-    if (L.endsWith("/*")) {
-      const _ = L.slice(0, -2);
+  let u = null, l = 0;
+  const f = (p) => p.dataTransfer?.types.includes("Files") ?? !1, b = (p, C) => C === "*/*" ? !0 : C.split(",").map((P) => P.trim()).some((P) => {
+    if (P === "*/*") return !0;
+    if (P.endsWith("/*")) {
+      const _ = P.slice(0, -2);
       return p.type.startsWith(_ + "/");
     }
-    return p.type === L || p.name.endsWith(L);
+    return p.type === P || p.name.endsWith(P);
   }), k = (p) => {
-    v.get(l) || f(p) && (p.preventDefault(), p.stopPropagation(), s++, s === 1 && (i.value = !0));
+    v.get(s) || f(p) && (p.preventDefault(), p.stopPropagation(), l++, l === 1 && (i.value = !0));
   }, m = (p) => {
-    v.get(l) || f(p) && (p.preventDefault(), p.stopPropagation(), p.dataTransfer != null && (p.dataTransfer.dropEffect = "copy"));
+    v.get(s) || f(p) && (p.preventDefault(), p.stopPropagation(), p.dataTransfer != null && (p.dataTransfer.dropEffect = "copy"));
   }, y = (p) => {
-    v.get(l) || f(p) && (p.preventDefault(), p.stopPropagation(), s--, s === 0 && (i.value = !1));
+    v.get(s) || f(p) && (p.preventDefault(), p.stopPropagation(), l--, l === 0 && (i.value = !1));
   }, h = (p) => {
-    if (v.get(l) || !f(p)) return;
-    p.preventDefault(), p.stopPropagation(), s = 0, i.value = !1;
+    if (v.get(s) || !f(p)) return;
+    p.preventDefault(), p.stopPropagation(), l = 0, i.value = !1;
     const C = Array.from(p.dataTransfer?.files ?? []);
     if (C.length > 0) {
-      const $ = v.get(t), L = C.filter(
+      const $ = v.get(t), P = C.filter(
         (T) => b(T, $)
       ), _ = C.filter(
-        (T) => !L.includes(T)
+        (T) => !P.includes(T)
       );
-      L.length > 0 && (c.value = L, e(L, "dragdrop")), _.length > 0 && o?.(C);
+      P.length > 0 && (c.value = P, e(P, "dragdrop")), _.length > 0 && r?.(C);
     }
   };
   typeof document < "u" && (document.addEventListener("dragenter", k), document.addEventListener("dragover", m), document.addEventListener("dragleave", y), document.addEventListener("drop", h));
   const x = () => {
-    typeof document < "u" && (document.removeEventListener("dragenter", k), document.removeEventListener("dragover", m), document.removeEventListener("dragleave", y), document.removeEventListener("drop", h)), s = 0;
+    typeof document < "u" && (document.removeEventListener("dragenter", k), document.removeEventListener("dragover", m), document.removeEventListener("dragleave", y), document.removeEventListener("drop", h)), l = 0;
   }, w = () => {
     u?.click();
   }, g = (p) => {
@@ -246,10 +250,10 @@ function gr({
     oe(x),
     // Hidden file input for programmatic file selection
     d.input(
-      r.type("file"),
-      r.name("bui-page-drop-zone"),
-      r.multiple(!0),
-      r.accept(t),
+      o.type("file"),
+      o.name("bui-page-drop-zone"),
+      o.multiple(!0),
+      o.accept(t),
       S.position("absolute"),
       S.opacity("0"),
       S.pointerEvents("none"),
@@ -265,9 +269,9 @@ function gr({
     a != null ? a({ isDragging: i, files: c, selectFiles: w }) : null
   );
 }
-function Un(e, t, n, a, o, l) {
+function Un(e, t, n, a, r, s) {
   const i = ["bc-table"];
-  return e !== "md" && i.push(`bc-table--size-${e}`), t && i.push("bc-table--hoverable"), n && i.push("bc-table--sticky-header"), a && i.push("bc-table--with-striped-rows"), o && i.push("bc-table--with-column-borders"), l && i.push("bc-table--with-row-borders"), i.join(" ");
+  return e !== "md" && i.push(`bc-table--size-${e}`), t && i.push("bc-table--hoverable"), n && i.push("bc-table--sticky-header"), a && i.push("bc-table--with-striped-rows"), r && i.push("bc-table--with-column-borders"), s && i.push("bc-table--with-row-borders"), i.join(" ");
 }
 function Fn(e) {
   if (e != null)
@@ -278,17 +282,17 @@ function mr({
   hoverable: t = !1,
   stickyHeader: n = !1,
   fullWidth: a = !1,
-  withStripedRows: o = !1,
-  withTableBorder: l = !0,
+  withStripedRows: r = !1,
+  withTableBorder: s = !0,
   withColumnBorders: i = !1,
   withRowBorders: c = !0,
   borderRadius: u
-} = {}, ...s) {
+} = {}, ...l) {
   const f = I(
     e,
     t,
     n,
-    o,
+    r,
     i,
     c
   )(
@@ -303,7 +307,7 @@ function mr({
   ), b = I(
     n,
     a,
-    l
+    s
   )((m, y, h) => {
     const x = ["bc-table-container"];
     return m && x.push("bc-table-container--sticky"), y && x.push("bc-table-container--full-width"), h && x.push("bc-table-container--with-table-border"), x.join(" ");
@@ -311,9 +315,9 @@ function mr({
     (m) => Fn(m)
   );
   return d.div(
-    r.class(b),
-    r.style(k),
-    d.table(r.class(f), ...s)
+    o.class(b),
+    o.style(k),
+    d.table(o.class(f), ...l)
   );
 }
 function jn(e, t) {
@@ -321,7 +325,7 @@ function jn(e, t) {
   return e !== "md" && n.push(`bc-tag--${e}`), t && n.push("bc-tag--disabled"), n.join(" ");
 }
 function Hn(e) {
-  const t = ue(e, "light", "light"), n = ue(e, "light", "dark"), a = se(e, "light", "light"), o = se(e, "light", "dark");
+  const t = ue(e, "light", "light"), n = ue(e, "light", "dark"), a = se(e, "light", "light"), r = se(e, "light", "dark");
   return [
     `--tag-bg: ${t.backgroundColor}`,
     `--tag-text: ${t.textColor}`,
@@ -329,8 +333,8 @@ function Hn(e) {
     `--tag-text-dark: ${n.textColor}`,
     `--tag-bg-hover: ${a.backgroundColor}`,
     `--tag-text-hover: ${a.textColor}`,
-    `--tag-bg-hover-dark: ${o.backgroundColor}`,
-    `--tag-text-hover-dark: ${o.textColor}`
+    `--tag-bg-hover-dark: ${r.backgroundColor}`,
+    `--tag-text-hover-dark: ${r.textColor}`
   ].join("; ");
 }
 const Jt = ({
@@ -338,22 +342,22 @@ const Jt = ({
   color: t = "base",
   onClose: n,
   size: a = "md",
-  class: o,
-  disabled: l
+  class: r,
+  disabled: s
 }) => d.span(
-  r.class(
+  o.class(
     I(
       a ?? "md",
-      l ?? !1
+      s ?? !1
     )((i, c) => jn(i, c))
   ),
-  r.style(
+  o.style(
     I(t)(
       (i) => Hn(i ?? "base")
     )
   ),
   // Allow external classes like bc-tag--disabled to be applied
-  r.class(o),
+  o.class(r),
   d.span(e),
   n != null ? ae(
     ie,
@@ -362,10 +366,10 @@ const Jt = ({
         size: "xs",
         label: i.$.removeItem,
         color: "white",
-        disabled: l,
+        disabled: s,
         onClick: () => n?.(v.get(e))
       },
-      r.class("bc-tag__close")
+      o.class("bc-tag__close")
     )
   ) : W
 );
@@ -380,15 +384,15 @@ function Wn({
     disabled: n,
     options: {
       system: d.span(
-        r.title("System"),
+        o.title("System"),
         ee({ icon: "line-md:laptop", color: "gray" })
       ),
       light: d.span(
-        r.title("Light"),
+        o.title("Light"),
         ee({ icon: "line-md:sunny-twotone-loop", color: "yellow" })
       ),
       dark: d.span(
-        r.title("Dark"),
+        o.title("Dark"),
         ee({
           icon: "line-md:sunny-outline-to-moon-alt-loop-transition",
           color: "blue"
@@ -414,36 +418,36 @@ function zn({
 }) {
   let a = null;
   return d.div(
-    r.class("bc-color-input__swatch-container"),
+    o.class("bc-color-input__swatch-container"),
     d.span(
-      r.class("bc-color-input__swatch"),
+      o.class("bc-color-input__swatch"),
       A.click(() => a?.showPicker()),
       pe.color(
-        ne((o) => (a = o, W)),
-        r.value(e),
+        ne((r) => (a = r, W)),
+        o.value(e),
         S.width("4px"),
         S.height("4px"),
         t != null ? A.change(te(t)) : W,
         n != null ? A.input(te(n)) : W
       ),
-      r.style(v.map(e, (o) => `background-color: ${o}`))
+      o.style(v.map(e, (r) => `background-color: ${r}`))
     )
   );
 }
 function vr(e) {
-  const { value: t, onBlur: n, onChange: a, onInput: o } = e;
+  const { value: t, onBlur: n, onChange: a, onInput: r } = e;
   return ce(
     {
       ...e,
       input: pe.text(
         fe(e),
-        r.value(t),
+        o.value(t),
         n != null ? A.blur(te(n)) : W,
         a != null ? A.change(te(a)) : W,
-        o != null ? A.input(te(o)) : W
+        r != null ? A.input(te(r)) : W
       )
     },
-    r.class("bc-color-input"),
+    o.class("bc-color-input"),
     zn({ value: t, onChange: e.onChange, onInput: e.onInput })
   );
 }
@@ -456,12 +460,12 @@ function Ze(e) {
     content: t,
     placement: n = "top",
     showDelay: a = 250,
-    hideDelay: o = 500,
-    mainAxisOffset: l = 8,
+    hideDelay: r = 500,
+    mainAxisOffset: s = 8,
     crossAxisOffset: i = 0,
     showOn: c = "hover-focus",
     closable: u = !0,
-    arrow: s,
+    arrow: l,
     role: f,
     hasPopup: b = "dialog"
   } = e;
@@ -471,19 +475,19 @@ function Ze(e) {
     }), h = he("flyout"), x = Z(!1);
     let w = null, g = null, p = !1;
     function C() {
-      L != null && (clearTimeout(L), L = null), T != null && (clearTimeout(T), T = null), g && (g(), g = null), w && (document.removeEventListener("keydown", w), w = null), x.set(!1), p = !1;
+      P != null && (clearTimeout(P), P = null), T != null && (clearTimeout(T), T = null), g && (g(), g = null), w && (document.removeEventListener("keydown", w), w = null), x.set(!1), p = !1;
     }
     function $() {
       v.get(u) && (w = (O) => {
         O.key === "Escape" && V();
       }, document.addEventListener("keydown", w)), p = !0, x.set(!0), k({
         placement: n ?? "top",
-        mainAxisOffset: l,
+        mainAxisOffset: s,
         crossAxisOffset: i,
         onClickOutside: () => {
           v.get(u) && V();
         },
-        arrow: s,
+        arrow: l,
         content: ne((O) => {
           y.setElement(O), g = Ge(() => {
             y.open(), g = null;
@@ -495,17 +499,17 @@ function Ze(e) {
             oe(() => {
               C(), document.removeEventListener("keydown", B, !0);
             }),
-            r.class("bc-flyout-container"),
-            r.id(h),
-            r.tabindex(-1),
+            o.class("bc-flyout-container"),
+            o.id(h),
+            o.tabindex(-1),
             // Make focusable for screen readers
             d.div(
-              r.class("bc-flyout"),
+              o.class("bc-flyout"),
               ot({
                 animation: v.map(n, Yn),
                 status: y.status
               }),
-              f ? r.role(f) : r.role("dialog"),
+              f ? o.role(f) : o.role("dialog"),
               // Default to dialog role
               t()
             )
@@ -513,26 +517,26 @@ function Ze(e) {
         })
       });
     }
-    let L = null;
+    let P = null;
     function _() {
-      if (L != null && (clearTimeout(L), L = null), T != null && (clearTimeout(T), T = null), y.isOpened.value || y.isOpening.value || y.isStartOpening.value)
+      if (P != null && (clearTimeout(P), P = null), T != null && (clearTimeout(T), T = null), y.isOpened.value || y.isOpening.value || y.isStartOpening.value)
         return;
       if (y.isClosing.value || y.isStartClosing.value) {
         y.open();
         return;
       }
       const O = v.get(a);
-      L = setTimeout(() => {
-        L = null, $();
+      P = setTimeout(() => {
+        P = null, $();
       }, O);
     }
     let T = null;
     function V() {
-      if (L != null && (clearTimeout(L), L = null), T != null && (clearTimeout(T), T = null), x.set(!1), g && (g(), g = null, p)) {
+      if (P != null && (clearTimeout(P), P = null), T != null && (clearTimeout(T), T = null), x.set(!1), g && (g(), g = null, p)) {
         m(), C();
         return;
       }
-      const O = v.get(o);
+      const O = v.get(r);
       T = setTimeout(() => {
         T = null, y.close(), y.listenOnClosed(() => {
           m(), C();
@@ -596,35 +600,35 @@ function Ze(e) {
   });
 }
 function Gn(e, t, n, a) {
-  const o = ["bc-action-card"];
-  return e && o.push("bc-action-card--active"), t && o.push("bc-action-card--disabled"), n !== "md" && o.push(`bc-action-card--${n}`), a && !t && o.push("bc-action-card--clickable"), o.join(" ");
+  const r = ["bc-action-card"];
+  return e && r.push("bc-action-card--active"), t && r.push("bc-action-card--disabled"), n !== "md" && r.push(`bc-action-card--${n}`), a && !t && r.push("bc-action-card--clickable"), r.join(" ");
 }
 function Zn(e, t, n, a) {
-  const o = /* @__PURE__ */ new Map();
-  if (e != null && o.set("--action-card-bg", e), t != null && o.set("--action-card-border", t), n != null && o.set("--action-card-title-color", n), a != null && o.set("--action-card-description-color", a), o.size !== 0)
-    return Array.from(o.entries()).map(([l, i]) => `${l}: ${i}`).join("; ");
+  const r = /* @__PURE__ */ new Map();
+  if (e != null && r.set("--action-card-bg", e), t != null && r.set("--action-card-border", t), n != null && r.set("--action-card-title-color", n), a != null && r.set("--action-card-description-color", a), r.size !== 0)
+    return Array.from(r.entries()).map(([s, i]) => `${s}: ${i}`).join("; ");
 }
 function yr({
   icon: e,
   title: t,
   description: n,
   active: a = !1,
-  disabled: o = !1,
-  onClick: l,
+  disabled: r = !1,
+  onClick: s,
   size: i = "md",
   iconColor: c = "primary",
   iconSize: u = "md",
-  backgroundColor: s,
+  backgroundColor: l,
   borderColor: f,
   titleColor: b,
   descriptionColor: k
 }) {
-  const m = l != null;
+  const m = s != null;
   return d.div(
-    r.class(
+    o.class(
       I(
         a,
-        o,
+        r,
         i
       )(
         (y, h, x) => Gn(
@@ -635,9 +639,9 @@ function yr({
         )
       )
     ),
-    r.style(
+    o.style(
       I(
-        s,
+        l,
         f,
         b,
         k
@@ -649,26 +653,26 @@ function yr({
       m,
       () => R(
         gn(
-          o,
+          r,
           () => R(
-            A.click(() => l?.()),
-            r.tabindex(0)
+            A.click(() => s?.()),
+            o.tabindex(0)
           )
         ),
-        r.role("button")
+        o.role("button")
       )
     ),
-    M.disabled(o),
+    M.disabled(r),
     // Icon container
     d.div(
-      r.class("bc-action-card__icon"),
+      o.class("bc-action-card__icon"),
       ee({ icon: e, size: u, color: c })
     ),
     // Content container
     d.div(
-      r.class("bc-action-card__content"),
-      d.div(r.class("bc-action-card__title"), t),
-      d.div(r.class("bc-action-card__description"), n)
+      o.class("bc-action-card__content"),
+      d.div(o.class("bc-action-card__title"), t),
+      d.div(o.class("bc-action-card__description"), n)
     )
   );
 }
@@ -680,10 +684,10 @@ function Jn(e) {
   return ["=", e];
 }
 function Kn(e, t, n) {
-  const [a, o] = Jn(t), l = e.findIndex((u) => u[1] === o);
-  if (l === -1)
-    throw new Error(`Breakpoint ${String(o)} not found`);
-  const i = e[l][0], c = l < e.length - 1 ? e[l + 1][0] : 1 / 0;
+  const [a, r] = Jn(t), s = e.findIndex((u) => u[1] === r);
+  if (s === -1)
+    throw new Error(`Breakpoint ${String(r)} not found`);
+  const i = e[s][0], c = s < e.length - 1 ? e[s + 1][0] : 1 / 0;
   switch (a) {
     case "=":
       return n >= i && n < c;
@@ -706,21 +710,21 @@ function wr(e, t) {
   return n >= 0 ? e[n][1] : (e.length > 0 && t >= e[0][0], e[0][1]);
 }
 function Kt(e, { breakpoints: t, mode: n = "viewport" }) {
-  const o = [...Object.entries(t).map(
+  const r = [...Object.entries(t).map(
     ([i, c]) => [c, i]
-  )].sort((i, c) => i[0] - c[0]), l = (i) => {
-    const c = i.map(({ width: s }) => {
-      const f = o.findIndex((b) => b[0] > s) - 1;
-      return f >= 0 ? { width: s, breakpoint: o[f][1] } : o.length > 0 && s >= o[0][0] ? { width: s, breakpoint: o[0][1] } : { width: s, breakpoint: o[0][1] };
+  )].sort((i, c) => i[0] - c[0]), s = (i) => {
+    const c = i.map(({ width: l }) => {
+      const f = r.findIndex((b) => b[0] > l) - 1;
+      return f >= 0 ? { width: l, breakpoint: r[f][1] } : r.length > 0 && l >= r[0][0] ? { width: l, breakpoint: r[0][1] } : { width: l, breakpoint: r[0][1] };
     });
     return e({
       value: c,
       breakpoints: t,
-      asList: o,
-      is: (s, f) => Kn(o, s, f)
+      asList: r,
+      is: (l, f) => Kn(r, l, f)
     });
   };
-  return n === "element" ? Be(l) : Cn(l);
+  return n === "element" ? Be(s) : Cn(s);
 }
 let et = NaN;
 function Qn(e, t) {
@@ -862,7 +866,7 @@ function It(e, t) {
 function tt(e) {
   e = e.filter((t) => t.some((n) => n != null && !n.startsWith("?")));
   for (let t = 0; t < e[0].length; t++)
-    e.every((n) => n[t] == null || n[t].startsWith("?")) && (e = e.map((n) => n.filter((a, o) => o !== t)), t--);
+    e.every((n) => n[t] == null || n[t].startsWith("?")) && (e = e.map((n) => n.filter((a, r) => r !== t)), t--);
   return e = e.map((t) => t.map((n) => n?.startsWith("?") ? n.slice(1) : n)), e;
 }
 function ea({
@@ -870,10 +874,10 @@ function ea({
   mediumBreakpoint: t,
   vertical: n,
   horizontal: a,
-  is: o
+  is: r
 }) {
-  function l(u) {
-    let s = [
+  function s(u) {
+    let l = [
       [null],
       [null],
       [null],
@@ -884,12 +888,12 @@ function ea({
     const f = [];
     f.push("1fr");
     const b = [];
-    return a.banner && (b.push(a.banner[u] + "px"), s[0][1] = "banner"), (a.header || n.menu || n.aside) && (b.push(
+    return a.banner && (b.push(a.banner[u] + "px"), l[0][1] = "banner"), (a.header || n.menu || n.aside) && (b.push(
       (a.header?.[u] ?? me.header[u]) + "px"
-    ), s[1][1] = "header"), a.mainHeader && (b.push(a.mainHeader[u] + "px"), s[2][1] = "mainHeader"), b.push("1fr"), s[3][1] = "main", a.mainFooter && (b.push(a.mainFooter[u] + "px"), s[4][1] = "mainFooter"), a.footer && (b.push(a.footer[u] + "px"), s[5][1] = "footer"), s = tt(s), {
+    ), l[1][1] = "header"), a.mainHeader && (b.push(a.mainHeader[u] + "px"), l[2][1] = "mainHeader"), b.push("1fr"), l[3][1] = "main", a.mainFooter && (b.push(a.mainFooter[u] + "px"), l[4][1] = "mainFooter"), a.footer && (b.push(a.footer[u] + "px"), l[5][1] = "footer"), l = tt(l), {
       columns: f.join(" "),
       rows: b.join(" "),
-      areas: s.map((m) => `"${m.join(" ")}"`).join(`
+      areas: l.map((m) => `"${m.join(" ")}"`).join(`
 `),
       displayMenu: !1,
       displayAside: !1,
@@ -898,7 +902,7 @@ function ea({
     };
   }
   function i(u) {
-    let s = [
+    let l = [
       [null, null],
       [null, null],
       [null, null],
@@ -907,14 +911,14 @@ function ea({
       [null, null]
     ];
     const f = [];
-    n.menu && (f.push(n.menu[u] + "px"), s[2][0] = "?menu", s[3][0] = "menu", s[4][0] = "?menu"), f.push("1fr");
+    n.menu && (f.push(n.menu[u] + "px"), l[2][0] = "?menu", l[3][0] = "menu", l[4][0] = "?menu"), f.push("1fr");
     const b = [];
-    return a.banner && (b.push(a.banner[u] + "px"), s[0][0] = "?banner", s[0][1] = "banner"), (a.header || n.aside) && (b.push(
+    return a.banner && (b.push(a.banner[u] + "px"), l[0][0] = "?banner", l[0][1] = "banner"), (a.header || n.aside) && (b.push(
       (a.header?.[u] ?? me.header[u]) + "px"
-    ), s[1][0] = "?header", s[1][1] = "header"), a.mainHeader && (b.push(a.mainHeader[u] + "px"), s[2][1] = "mainHeader"), b.push("1fr"), s[3][1] = "main", a.mainFooter && (b.push(a.mainFooter[u] + "px"), s[4][1] = "mainFooter"), a.footer && (b.push(a.footer[u] + "px"), s[5][0] = "?footer", s[5][1] = "footer"), s = tt(s), {
+    ), l[1][0] = "?header", l[1][1] = "header"), a.mainHeader && (b.push(a.mainHeader[u] + "px"), l[2][1] = "mainHeader"), b.push("1fr"), l[3][1] = "main", a.mainFooter && (b.push(a.mainFooter[u] + "px"), l[4][1] = "mainFooter"), a.footer && (b.push(a.footer[u] + "px"), l[5][0] = "?footer", l[5][1] = "footer"), l = tt(l), {
       columns: f.join(" "),
       rows: b.join(" "),
-      areas: s.map((m) => `"${m.join(" ")}"`).join(`
+      areas: l.map((m) => `"${m.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !1,
@@ -923,7 +927,7 @@ function ea({
     };
   }
   function c(u) {
-    let s = [
+    let l = [
       [null, null, null],
       [null, null, null],
       [null, null, null],
@@ -932,12 +936,12 @@ function ea({
       [null, null, null]
     ];
     const f = [];
-    n.menu && (f.push(n.menu[u] + "px"), s[2][0] = "?menu", s[3][0] = "menu", s[4][0] = "?menu"), f.push("1fr"), n.aside && (f.push(n.aside[u] + "px"), s[2][2] = "?aside", s[3][2] = "aside", s[4][2] = "?aside");
+    n.menu && (f.push(n.menu[u] + "px"), l[2][0] = "?menu", l[3][0] = "menu", l[4][0] = "?menu"), f.push("1fr"), n.aside && (f.push(n.aside[u] + "px"), l[2][2] = "?aside", l[3][2] = "aside", l[4][2] = "?aside");
     const b = [];
-    return a.banner && (b.push(a.banner[u] + "px"), s[0][0] = "?banner", s[0][1] = "banner", s[0][2] = "?banner"), a.header && (b.push(a.header[u] + "px"), s[1][0] = "?header", s[1][1] = "header", s[1][2] = "?header"), a.mainHeader && (b.push(a.mainHeader[u] + "px"), s[2][1] = "mainHeader"), b.push("1fr"), s[3][1] = "main", a.mainFooter && (b.push(a.mainFooter[u] + "px"), s[4][1] = "mainFooter"), a.footer && (b.push(a.footer[u] + "px"), s[5][0] = "?footer", s[5][1] = "footer", s[5][2] = "?footer"), s = tt(s), {
+    return a.banner && (b.push(a.banner[u] + "px"), l[0][0] = "?banner", l[0][1] = "banner", l[0][2] = "?banner"), a.header && (b.push(a.header[u] + "px"), l[1][0] = "?header", l[1][1] = "header", l[1][2] = "?header"), a.mainHeader && (b.push(a.mainHeader[u] + "px"), l[2][1] = "mainHeader"), b.push("1fr"), l[3][1] = "main", a.mainFooter && (b.push(a.mainFooter[u] + "px"), l[4][1] = "mainFooter"), a.footer && (b.push(a.footer[u] + "px"), l[5][0] = "?footer", l[5][1] = "footer", l[5][2] = "?footer"), l = tt(l), {
       columns: f.join(" "),
       rows: b.join(" "),
-      areas: s.map((m) => `"${m.join(" ")}"`).join(`
+      areas: l.map((m) => `"${m.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !0,
@@ -947,8 +951,8 @@ function ea({
   }
   return ({
     width: u,
-    breakpoint: s
-  }) => o(`<=${e}`, u) ? l(s) : o(`<=${t}`, u) ? i(s) : c(s);
+    breakpoint: l
+  }) => r(`<=${e}`, u) ? s(l) : r(`<=${t}`, u) ? i(l) : c(l);
 }
 const ta = ["menu", "aside"], na = [
   "banner",
@@ -969,55 +973,55 @@ function kr({
   ...n
 }) {
   const a = Object.fromEntries(
-    ta.filter((l) => n[l]).map(
-      (l) => [
-        l,
-        It(n[l].width ?? {}, me[l])
+    ta.filter((s) => n[s]).map(
+      (s) => [
+        s,
+        It(n[s].width ?? {}, me[s])
       ]
     )
-  ), o = Object.fromEntries(
-    na.filter((l) => n[l]).map(
-      (l) => [
-        l,
-        It(n[l].height ?? {}, me[l])
+  ), r = Object.fromEntries(
+    na.filter((s) => n[s]).map(
+      (s) => [
+        s,
+        It(n[s].height ?? {}, me[s])
       ]
     )
   );
   return ae(
     ie,
-    (l) => Xn(({ value: i, is: c }) => {
+    (s) => Xn(({ value: i, is: c }) => {
       const u = ea({
         smallBreakpoint: e,
         mediumBreakpoint: t,
         vertical: a,
-        horizontal: o,
+        horizontal: r,
         is: c
-      }), s = i.map(u), f = o.header != null || a.menu != null || a.aside != null, b = I(
+      }), l = i.map(u), f = r.header != null || a.menu != null || a.aside != null, b = I(
         a.aside != null,
-        s
+        l
       )((g, { displayAside: p }) => g && !p), k = I(
         a.menu != null,
-        s
+        l
       )((g, { displayMenu: p }) => g && !p), m = Re(), y = Re(), h = Z(0), x = I(
         a.menu != null,
-        s,
+        l,
         m.display
       )(aa), w = I(
         a.aside != null,
-        s,
+        l,
         y.display
       )(ra);
       return d.div(
         S.display("grid"),
         S.height("100%"),
         S.width("100%"),
-        S.gridTemplateColumns(s.$.columns),
-        S.gridTemplateRows(s.$.rows),
-        S.gridTemplateAreas(s.$.areas),
+        S.gridTemplateColumns(l.$.columns),
+        S.gridTemplateRows(l.$.rows),
+        S.gridTemplateAreas(l.$.areas),
         S.gridColumnGap("0"),
         S.gridRowGap("0"),
         n.banner ? d.header(
-          r.class(
+          o.class(
             be("none", n.banner.shadow ?? "none")
           ),
           ke(n.banner.color ?? "white"),
@@ -1026,7 +1030,7 @@ function kr({
           n.banner.content
         ) : null,
         d.header(
-          r.class(
+          o.class(
             be("bottom", n.header?.shadow ?? "none")
           ),
           ke(n.header?.color ?? "white"),
@@ -1051,7 +1055,7 @@ function kr({
                   variant: "light",
                   color: "base"
                 },
-                M.label(l.$.toggleMenu),
+                M.label(s.$.toggleMenu),
                 ee({
                   icon: m.display.map(
                     (g) => g ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
@@ -1079,11 +1083,11 @@ function kr({
                   variant: "light",
                   color: "base"
                 },
-                M.label(l.$.toggleAside),
+                M.label(s.$.toggleAside),
                 ee(
                   { icon: "line-md/chevron-left" },
-                  r.style("transition: transform 0.2s ease-in-out"),
-                  r.style(
+                  o.style("transition: transform 0.2s ease-in-out"),
+                  o.style(
                     y.display.map(
                       (g) => `transform: rotate(${g ? 180 : 0}deg)`
                     )
@@ -1097,10 +1101,10 @@ function kr({
           ne((g) => m.setElement(g)),
           S.zIndex("10"),
           // Add ARIA attributes for navigation landmark
-          M.label(l.$.mainNavigation),
-          r.role("navigation"),
+          M.label(s.$.mainNavigation),
+          o.role("navigation"),
           S.overflow("hidden"),
-          r.class(
+          o.class(
             x.map(
               (g) => g === "float" ? be(
                 "right",
@@ -1139,14 +1143,14 @@ function kr({
               m.status
             )((g, p) => g === "block" ? "opened" : p)
           }),
-          S.width(Pe(n.menu?.width, s.$.menuWidth)),
+          S.width(Le(n.menu?.width, l.$.menuWidth)),
           S.bottom("0"),
           n.menu?.content
         ) : null,
         n.mainHeader ? d.header(
           S.height("100%"),
           S.gridArea("mainHeader"),
-          r.class(
+          o.class(
             be(
               "none",
               n.mainHeader?.shadow ?? "none"
@@ -1159,7 +1163,7 @@ function kr({
           S.height("100%"),
           S.overflow("hidden"),
           S.gridArea("main"),
-          r.class(
+          o.class(
             be("none", n.main?.shadow ?? "none")
           ),
           ke(n.main?.color ?? "white"),
@@ -1168,7 +1172,7 @@ function kr({
         n.mainFooter ? d.footer(
           S.height("100%"),
           S.gridArea("mainFooter"),
-          r.class(
+          o.class(
             be(
               "none",
               n.mainFooter?.shadow ?? "none"
@@ -1183,9 +1187,9 @@ function kr({
           }),
           S.zIndex("10"),
           // Add ARIA attributes for aside landmark
-          M.label(l.$.sidebar),
-          r.role("complementary"),
-          r.class(
+          M.label(s.$.sidebar),
+          o.role("complementary"),
+          o.class(
             w.map(
               (g) => g === "float" ? be("left", "md") : be("left", "none")
             )
@@ -1214,13 +1218,13 @@ function kr({
             )((g, p) => g === "block" ? "opened" : p)
           }),
           S.width(
-            Pe(n.aside?.width, s.$.asideWidth)
+            Le(n.aside?.width, l.$.asideWidth)
           ),
           S.bottom(h.map((g) => `${g}px`)),
           n.aside.content
         ) : null,
         n.footer ? d.footer(
-          r.class(be("top", "none")),
+          o.class(be("top", "none")),
           ke("white"),
           S.height("100%"),
           S.gridArea("footer"),
@@ -1232,8 +1236,8 @@ function kr({
 }
 function Sr(...e) {
   return d.div(
-    r.class("bc-center-h"),
-    d.div(r.class("bc-center__content"), ...e)
+    o.class("bc-center-h"),
+    d.div(o.class("bc-center__content"), ...e)
   );
 }
 function oa(e) {
@@ -1242,36 +1246,36 @@ function oa(e) {
 }
 function Cr({ gap: e = "lg" } = {}, ...t) {
   return d.div(
-    r.class(I(e)((n) => oa(n ?? "lg"))),
+    o.class(I(e)((n) => oa(n ?? "lg"))),
     ...t
   );
 }
 function sa({ open: e }, ...t) {
   return ne((n) => {
-    const { status: a, setOpen: o, dispose: l } = Re({
+    const { status: a, setOpen: r, dispose: s } = Re({
       initialStatus: v.get(e) ? "opened" : "closed",
       element: n
     });
-    return v.on(e, o), Be((i) => {
+    return v.on(e, r), Be((i) => {
       const c = Z(null);
       return I(
         a,
         i.$.height
-      )((s, f) => s === "opened" && f > 0 ? f : null).on((s) => {
-        s != null && c.set(s);
-      }), a.on((s) => {
-        if (n && s === "start-opening") {
+      )((l, f) => l === "opened" && f > 0 ? f : null).on((l) => {
+        l != null && c.set(l);
+      }), a.on((l) => {
+        if (n && l === "start-opening") {
           const f = n.style.height, b = n.style.transition;
           n.style.transition = "none", n.style.height = "auto", n.offsetHeight;
           const k = n.scrollHeight;
           k > 0 && c.set(k), n.style.height = f, n.style.transition = b, n.offsetHeight;
         }
       }), R(
-        oe(l),
-        r.style(
-          c.map((s) => `--collapse-height: ${s != null ? `${s}px` : "auto"}`)
+        oe(s),
+        o.style(
+          c.map((l) => `--collapse-height: ${l != null ? `${l}px` : "auto"}`)
         ),
-        r.class(a.map((s) => `bc-collapse bc-collapse--${s}`)),
+        o.class(a.map((l) => `bc-collapse bc-collapse--${l}`)),
         ...t
       );
     });
@@ -1288,12 +1292,12 @@ function Tr({
   contentWidth: t,
   contentHeight: n,
   header: a,
-  headerHeight: o = 0,
-  topStart: l,
+  headerHeight: r = 0,
+  topStart: s,
   topEnd: i,
   footer: c,
   footerHeight: u = 0,
-  bottomStart: s,
+  bottomStart: l,
   bottomEnd: f,
   sidebarStart: b,
   sidebarStartWidth: k = 0,
@@ -1301,26 +1305,26 @@ function Tr({
   sidebarEndWidth: y = 0,
   anchorMode: h = "container-edge"
 }) {
-  const x = Z(0n), w = Z(0n), g = $t(o), p = $t(k), C = Z(16);
+  const x = Z(0n), w = Z(0n), g = $t(r), p = $t(k), C = Z(16);
   return d.div(
-    r.class("bc-nine-slice-container"),
+    o.class("bc-nine-slice-container"),
     Be(($) => {
-      const L = I(
+      const P = I(
         $.$.width,
         k,
         y
       )((D, N, K) => D - N - K), _ = I(
         $.$.height,
-        o,
+        r,
         u
       )((D, N, K) => D - N - K), T = I(
         t,
-        L
+        P
       )((D, N) => D > BigInt(N)), V = I(
         n,
         _
       )((D, N) => D > BigInt(N)), O = I(
-        L,
+        P,
         V,
         C
       )((D, N, K) => N ? D - K : D), B = I(
@@ -1344,9 +1348,9 @@ function Tr({
             t,
             O,
             y
-          )((D, N, K, P) => {
+          )((D, N, K, L) => {
             const E = D + Number(N), j = D + K, J = Math.min(E, j);
-            return `${Math.max(D + P, J)}px`;
+            return `${Math.max(D + L, J)}px`;
           })
         ),
         () => S.right("0")
@@ -1357,13 +1361,13 @@ function Tr({
         Y,
         () => S.top(
           I(
-            o,
+            r,
             n,
             B,
             u
-          )((D, N, K, P) => {
+          )((D, N, K, L) => {
             const E = D + Number(N), j = D + K, J = Math.min(E, j);
-            return `${Math.max(D + P, J)}px`;
+            return `${Math.max(D + L, J)}px`;
           })
         ),
         () => S.bottom("0")
@@ -1379,8 +1383,8 @@ function Tr({
           x,
           T,
           V
-        )((D, N, K, P) => {
-          const E = K ? `translateX(-${D}px)` : "", j = P ? `translateY(-${N}px)` : "";
+        )((D, N, K, L) => {
+          const E = K ? `translateX(-${D}px)` : "", j = L ? `translateY(-${N}px)` : "";
           return `${E} ${j}`.trim() || "none";
         })
       ), ye = S.transform(
@@ -1396,7 +1400,7 @@ function Tr({
       )((D, N) => D - BigInt(Math.max(1, N)));
       let z = null, Ie = 0, $e = 0;
       const Ke = () => {
-        const D = De.value, N = Ae.value, K = V.value, P = T.value;
+        const D = De.value, N = Ae.value, K = V.value, L = T.value;
         if (K && $e !== 0) {
           const E = Tt(
             je(0n, D),
@@ -1407,7 +1411,7 @@ function Tr({
           );
           x.set(E);
         }
-        if (P && Ie !== 0) {
+        if (L && Ie !== 0) {
           const E = Tt(
             je(0n, N),
             je(
@@ -1433,34 +1437,34 @@ function Tr({
           Ie += N, $e += K, z || (z = setTimeout(Ke, 16));
         }),
         d.div(
-          r.class("bc-nine-slice-pane-container"),
+          o.class("bc-nine-slice-pane-container"),
           S.right(Te),
           S.bottom(q),
           // top-start corner
-          l != null ? d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-top-start"),
+          s != null ? d.div(
+            o.class("bc-nine-slice-pane bc-nine-slice-top-start"),
             S.top("0"),
             S.left("0"),
             // style.height(headerHeightPx),
             // style.width(sidebarStartWidthPx),
-            l
+            s
           ) : null,
           // top-center
           a != null ? d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-header"),
+            o.class("bc-nine-slice-pane bc-nine-slice-header"),
             S.top("0"),
             S.left(p),
             // style.height(headerHeightPx),
             // style.width(visibleAreaWidthPx),
             d.div(
-              r.class("bc-nine-slice-pane-content"),
+              o.class("bc-nine-slice-pane-content"),
               ye,
               a
             )
           ) : null,
           // top-end corner
           i != null ? d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-top-end"),
+            o.class("bc-nine-slice-pane bc-nine-slice-top-end"),
             S.top("0"),
             U,
             // style.height(headerHeightPx),
@@ -1469,68 +1473,68 @@ function Tr({
           ) : null,
           // middle-start sidebar
           b != null ? d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-sidebar-start"),
+            o.class("bc-nine-slice-pane bc-nine-slice-sidebar-start"),
             S.left("0"),
             S.top(g),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarStartWidthPx),
             d.div(
-              r.class("bc-nine-slice-pane-content"),
+              o.class("bc-nine-slice-pane-content"),
               we,
               b
             )
           ) : null,
           // middle-center (main body)
           d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-body"),
+            o.class("bc-nine-slice-pane bc-nine-slice-body"),
             S.left(p),
             S.top(g),
             // style.width(visibleAreaWidth.map(toPx)),
             // style.height(visibleAreaHeight.map(toPx)),
             d.div(
-              r.class("bc-nine-slice-pane-content"),
+              o.class("bc-nine-slice-pane-content"),
               de,
               e
             )
           ),
           // middle-end sidebar
           m != null ? d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-sidebar-end"),
+            o.class("bc-nine-slice-pane bc-nine-slice-sidebar-end"),
             U,
             S.top(g),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarEndWidthPx),
             d.div(
-              r.class("bc-nine-slice-pane-content"),
+              o.class("bc-nine-slice-pane-content"),
               we,
               m
             )
           ) : null,
           // bottom-start corner
-          s != null ? d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-bottom-start"),
+          l != null ? d.div(
+            o.class("bc-nine-slice-pane bc-nine-slice-bottom-start"),
             S.left("0"),
             le,
             // style.height(footerHeightPx),
             // style.width(sidebarStartWidthPx),
-            s
+            l
           ) : null,
           // bottom-center
           c != null ? d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-footer"),
+            o.class("bc-nine-slice-pane bc-nine-slice-footer"),
             S.left(p),
             le,
             // style.height(footerHeightPx),
             // style.width(visibleAreaWidthPx),
             d.div(
-              r.class("bc-nine-slice-pane-content"),
+              o.class("bc-nine-slice-pane-content"),
               ye,
               c
             )
           ) : null,
           // bottom-end corner
           f != null ? d.div(
-            r.class("bc-nine-slice-pane bc-nine-slice-bottom-end"),
+            o.class("bc-nine-slice-pane bc-nine-slice-bottom-end"),
             U,
             le,
             // style.height(footerHeightPx),
@@ -1540,7 +1544,7 @@ function Tr({
         ),
         // horizontal scrollbar
         d.div(
-          r.class("bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar"),
+          o.class("bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar"),
           S.overflowX("scroll"),
           S.left("0"),
           S.right(
@@ -1556,7 +1560,7 @@ function Tr({
             )
           ),
           d.div(
-            r.class(
+            o.class(
               "bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar-thumb"
             ),
             S.width(
@@ -1566,9 +1570,9 @@ function Tr({
             S.backgroundColor("#ff000066")
           ),
           A.scroll((D) => {
-            const N = D.target, K = N.scrollLeft, P = N.scrollWidth - N.clientWidth;
-            if (P > 0) {
-              const E = K / P, j = Ae.value;
+            const N = D.target, K = N.scrollLeft, L = N.scrollWidth - N.clientWidth;
+            if (L > 0) {
+              const E = K / L, j = Ae.value;
               w.set(
                 BigInt(Math.round(Number(j) * E))
               );
@@ -1577,7 +1581,7 @@ function Tr({
         ),
         // vertical scrollbar
         d.div(
-          r.class("bc-nine-slice-pane bc-nine-slice-vertical-scrollbar"),
+          o.class("bc-nine-slice-pane bc-nine-slice-vertical-scrollbar"),
           S.overflowY("scroll"),
           S.top("0"),
           S.bottom(
@@ -1593,24 +1597,24 @@ function Tr({
             )
           ),
           d.div(
-            r.class(
+            o.class(
               "bc-nine-slice-pane bc-nine-slice-vertical-scrollbar-thumb"
             ),
             S.width("100%"),
             S.height(
               I(
-                o,
+                r,
                 u,
                 n,
                 X
-              )((D, N, K, P) => `${100 / Math.max(1, P)}%`)
+              )((D, N, K, L) => `${100 / Math.max(1, L)}%`)
             ),
             S.backgroundColor("#ff000066")
           ),
           A.scroll((D) => {
-            const N = D.target, K = N.scrollTop, P = N.scrollHeight - N.clientHeight;
-            if (P > 0) {
-              const E = K / P, j = De.value;
+            const N = D.target, K = N.scrollTop, L = N.scrollHeight - N.clientHeight;
+            if (L > 0) {
+              const E = K / L, j = De.value;
               x.set(
                 BigInt(Math.round(Number(j) * E))
               );
@@ -1621,20 +1625,20 @@ function Tr({
     })
   );
 }
-function _t({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...o) {
-  const l = Z("none");
+function _t({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...r) {
+  const s = Z("none");
   function i(u) {
-    const s = u.scrollTop === 0, f = u.scrollTop + u.clientHeight >= u.scrollHeight - 1;
-    s && f ? l.set("none") : s ? l.set("bottom") : f ? l.set("top") : l.set("both");
+    const l = u.scrollTop === 0, f = u.scrollTop + u.clientHeight >= u.scrollHeight - 1;
+    l && f ? s.set("none") : l ? s.set("bottom") : f ? s.set("top") : s.set("both");
   }
   return d.div(
-    r.class("bc-scrollable-panel"),
-    r.class(
+    o.class("bc-scrollable-panel"),
+    o.class(
       I(
-        l,
+        s,
         a
-      )((u, s) => {
-        if (!s) return "";
+      )((u, l) => {
+        if (!l) return "";
         switch (u) {
           case "both":
             return "bc-scrollable-panel--scrolled-up bc-scrollable-panel--scrolled-down";
@@ -1647,22 +1651,22 @@ function _t({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...o) {
         }
       })
     ),
-    e && d.div(r.class("bc-scrollable-panel__header"), e),
-    d.div(r.class("bc-scrollable-panel--header-shadow"), d.div()),
+    e && d.div(o.class("bc-scrollable-panel__header"), e),
+    d.div(o.class("bc-scrollable-panel--header-shadow"), d.div()),
     d.div(
-      r.class("bc-scrollable-panel__body"),
+      o.class("bc-scrollable-panel__body"),
       ne(
         (u) => oe(Ge(() => i(u)))
       ),
       A.scroll((u) => {
-        const s = u.target;
-        i(s);
+        const l = u.target;
+        i(l);
       }),
       n
     ),
-    d.div(r.class("bc-scrollable-panel--footer-shadow"), d.div()),
-    t && d.div(r.class("bc-scrollable-panel__footer"), t),
-    ...o
+    d.div(o.class("bc-scrollable-panel--footer-shadow"), d.div()),
+    t && d.div(o.class("bc-scrollable-panel__footer"), t),
+    ...r
   );
 }
 function ia(e, t, n) {
@@ -1671,15 +1675,15 @@ function ia(e, t, n) {
 }
 function Ir({ variant: e = "default", size: t = "md", roundedness: n = "lg" } = {}, ...a) {
   return d.div(
-    r.class(
+    o.class(
       I(
         e,
         t,
         n
       )(
-        (o, l, i) => ia(
-          o ?? "default",
-          l ?? "md",
+        (r, s, i) => ia(
+          r ?? "default",
+          s ?? "md",
           i ?? "lg"
         )
       )
@@ -1691,49 +1695,49 @@ const Ce = {
   value: (e, t, {
     disabled: n,
     before: a,
-    after: o
+    after: r
   } = {}) => ({
     type: "value",
     value: e,
     label: t,
     disabled: n,
     before: a,
-    after: o
+    after: r
   }),
   group: (e, t, {
     disabled: n,
     before: a,
-    after: o
+    after: r
   } = {}) => ({
     type: "group",
     group: e,
     options: t,
     disabled: n,
     before: a,
-    after: o
+    after: r
   }),
   break: { type: "break" },
   getValues: (e) => e.flatMap(
     (t) => t.type === "group" ? Ce.getValues(t.options) : t.type === "break" ? [] : [t.value]
   ),
-  contains: (e, t, n = (a, o) => a === o) => Ce.getValues(e).some((a) => n(a, t))
+  contains: (e, t, n = (a, r) => a === r) => Ce.getValues(e).some((a) => n(a, t))
 }, Qt = (e) => {
   const {
     onChange: t,
     onBlur: n,
     role: a,
-    display: o,
-    optionsSource: l,
+    display: r,
+    optionsSource: s,
     allowSpaceToggle: i = !1,
     onBeforeOpen: c,
     onAfterOpen: u,
-    buildListboxContent: s
+    buildListboxContent: l
   } = e, f = Z(!1), b = Z(-1), k = Z(null), m = he("dropdown"), y = he("listbox");
   let h, x;
   const w = (p) => {
     t?.(p), f.set(!1), b.set(-1), k.set(null), h?.focus();
   }, g = (p) => {
-    const C = Ce.getValues(v.get(l));
+    const C = Ce.getValues(v.get(s));
     switch (p.key) {
       case "ArrowDown": {
         if (p.preventDefault(), !f.value)
@@ -1760,7 +1764,7 @@ const Ce = {
           $ != null && w($);
         } else {
           c?.();
-          const $ = Ce.getValues(v.get(l));
+          const $ = Ce.getValues(v.get(s));
           f.set(!0), $.length > 0 && (b.set(0), k.set($[0])), setTimeout(() => u?.(), 0);
         }
         break;
@@ -1772,7 +1776,7 @@ const Ce = {
       case " ": {
         if (v.get(i)) {
           p.preventDefault();
-          const $ = Ce.getValues(v.get(l));
+          const $ = Ce.getValues(v.get(s));
           f.set(!f.value), f.value && $.length > 0 && (b.set(0), k.set($[0]));
         }
         break;
@@ -1783,11 +1787,11 @@ const Ce = {
     {
       ...e,
       input: Gt(
-        r.class("bc-dropdown__trigger"),
-        d.span(r.class("bc-dropdown__display"), o),
+        o.class("bc-dropdown__trigger"),
+        d.span(o.class("bc-dropdown__display"), r),
         ee(
           { icon: "ph:caret-up-down-bold", color: "neutral" },
-          r.class("bc-dropdown__arrow")
+          o.class("bc-dropdown__arrow")
         )
       )
     },
@@ -1796,12 +1800,12 @@ const Ce = {
         () => C.removeEventListener("keydown", g)
       ))),
       fe(e),
-      r.id(m),
-      r.tabindex(0),
+      o.id(m),
+      o.tabindex(0),
       M.controls(y),
       M.expanded(f),
-      r.class("bc-dropdown"),
-      r.role(a),
+      o.class("bc-dropdown"),
+      o.role(a),
       M.activedescendant(
         I(
           f,
@@ -1821,11 +1825,11 @@ const Ce = {
             x = C;
           }),
           S.minWidth(p.$.width.map((C) => `${C - 10}px`)),
-          r.class("bc-dropdown__listbox"),
-          r.role("listbox"),
-          r.id(y),
+          o.class("bc-dropdown__listbox"),
+          o.role("listbox"),
+          o.id(y),
           M.labelledby(m),
-          s({
+          l({
             dropdownId: m,
             listboxId: y,
             focusedValue: k,
@@ -1837,16 +1841,16 @@ const Ce = {
         placement: "bottom-start",
         hasPopup: "listbox",
         showOn: (C, $) => {
-          const L = $;
+          const P = $;
           $ = () => {
-            f.set(!1), b.set(-1), k.set(null), L();
+            f.set(!1), b.set(-1), k.set(null), P();
           };
           const _ = () => {
             if (f.value)
               $();
             else {
               c?.();
-              const T = Ce.getValues(v.get(l));
+              const T = Ce.getValues(v.get(s));
               f.set(!0), T.length > 0 && (b.set(0), k.set(T[0])), C(), setTimeout(() => u?.(), 0);
             }
           };
@@ -1858,86 +1862,86 @@ const Ce = {
       })
     ))
   );
-}, Xt = (e, t, n, a, o) => Ue(
+}, Xt = (e, t, n, a, r) => Ue(
   e,
-  (l) => Mt(l, {
+  (s) => Mt(s, {
     value: (i) => {
       const c = I(
         i,
         n
-      )((s, f) => t(s.value, f)), u = I(
+      )((l, f) => t(l.value, f)), u = I(
         i,
-        o
-      )((s, f) => f != null && t(s.value, f));
+        r
+      )((l, f) => f != null && t(l.value, f));
       return d.div(
-        r.class("bc-dropdown__option"),
-        r.class(
+        o.class("bc-dropdown__option"),
+        o.class(
           I(
             c,
             u,
             i
-          )((s, f, b) => {
+          )((l, f, b) => {
             const k = [];
-            return s && k.push("bc-dropdown__option--selected"), f && k.push("bc-dropdown__option--focused"), b.disabled && k.push("bc-dropdown__option--disabled"), k.join(" ");
+            return l && k.push("bc-dropdown__option--selected"), f && k.push("bc-dropdown__option--focused"), b.disabled && k.push("bc-dropdown__option--disabled"), k.join(" ");
           })
         ),
-        r.role("option"),
-        r.id(i.map((s) => `dropdown-option-${String(s.value)}`)),
+        o.role("option"),
+        o.id(i.map((l) => `dropdown-option-${String(l.value)}`)),
         M.selected(c),
         An("value", i.$.value),
         Q(
-          i.map((s) => !s.disabled),
+          i.map((l) => !l.disabled),
           () => A.click(() => a(i.value.value)),
           () => W
         ),
         d.div(
-          r.class("bc-dropdown__option-content"),
+          o.class("bc-dropdown__option-content"),
           // Before content - simple conditional rendering
           i.value.before && d.span(
-            r.class("bc-dropdown__option-before"),
+            o.class("bc-dropdown__option-before"),
             i.value.before
           ),
           // Label
-          d.span(r.class("bc-dropdown__option-label"), i.$.label),
+          d.span(o.class("bc-dropdown__option-label"), i.$.label),
           // After content - simple conditional rendering
-          i.value.after && d.span(r.class("bc-dropdown__option-after"), i.value.after)
+          i.value.after && d.span(o.class("bc-dropdown__option-after"), i.value.after)
         )
       );
     },
     group: (i) => d.div(
-      r.class("bc-dropdown__group"),
-      r.role("group"),
+      o.class("bc-dropdown__group"),
+      o.role("group"),
       M.label(i.$.group),
-      d.div(r.class("bc-dropdown__group-label"), i.$.group),
-      Le(
+      d.div(o.class("bc-dropdown__group-label"), i.$.group),
+      Pe(
         i.$.options,
         (c) => Xt(
           c,
           t,
           n,
           a,
-          o
+          r
         )
       )
     ),
-    break: () => d.hr(r.class("bc-dropdown__separator"))
+    break: () => d.hr(o.class("bc-dropdown__separator"))
   })
 ), ca = (e) => {
   const {
     value: t,
     options: n,
     unselectedLabel: a,
-    equality: o = (s, f) => s === f,
-    placeholder: l,
+    equality: r = (l, f) => l === f,
+    placeholder: s,
     searchable: i = !1
   } = e, c = I(
     t,
     n
-  )((s, f) => {
-    if (s == null) return "";
+  )((l, f) => {
+    if (l == null) return "";
     const b = (k) => {
       for (const m of k) {
-        if (m.type === "value" && o(m.value, s))
+        if (m.type === "value" && r(m.value, l))
           return m.label;
         if (m.type === "group") {
           const y = b(m.options);
@@ -1945,30 +1949,30 @@ const Ce = {
         }
       }
     };
-    return b(f) || String(s);
-  }), u = I(i)((s) => !s);
+    return b(f) || String(l);
+  }), u = I(i)((l) => !l);
   return Qt({
     ...e,
     role: "dropdown",
     display: Q(
-      c.map((s) => s.length > 0),
+      c.map((l) => l.length > 0),
       () => c,
       () => ae(
         ie,
-        (s) => Pe(l, a, s.$.selectOne)
+        (l) => Le(s, a, l.$.selectOne)
       )
     ),
     optionsSource: n,
     allowSpaceToggle: u,
-    buildListboxContent: ({ focusedValue: s, onSelect: f }) => Le(
+    buildListboxContent: ({ focusedValue: l, onSelect: f }) => Pe(
       n,
-      (b) => Xt(b, o, t, f, s)
+      (b) => Xt(b, r, t, f, l)
     )
   });
 }, ua = (e) => {
-  const { controller: t, onChange: n, onBlur: a, ...o } = e;
+  const { controller: t, onChange: n, onBlur: a, ...r } = e;
   return ca({
-    ...o,
+    ...r,
     value: t.signal,
     onChange: jt(t, n),
     onBlur: Ft(t, a)
@@ -1976,33 +1980,33 @@ const Ce = {
 }, $r = (e) => dt({
   ...e,
   content: ua(e)
-}), en = (e, t, n, a, o, l) => Ue(
+}), en = (e, t, n, a, r, s) => Ue(
   e,
   (i) => Mt(i, {
     value: (c) => {
       const u = I(
         c,
         n
-      )((f, b) => t(f.value, b)), s = I(
+      )((f, b) => t(f.value, b)), l = I(
         c,
-        o
+        r
       )(
         (f, b) => b != null && t(f.value, b)
       );
       return d.div(
-        r.class("bc-dropdown__option"),
-        r.class(
+        o.class("bc-dropdown__option"),
+        o.class(
           I(
             u,
-            s,
+            l,
             c
           )((f, b, k) => {
             const m = [];
             return f && m.push("bc-dropdown__option--selected"), b && m.push("bc-dropdown__option--focused"), k.disabled && m.push("bc-dropdown__option--disabled"), m.join(" ");
           })
         ),
-        r.role("option"),
-        r.id(c.map((f) => `dropdown-option-${String(f.value)}`)),
+        o.role("option"),
+        o.id(c.map((f) => `dropdown-option-${String(f.value)}`)),
         M.selected(u),
         Q(
           c.map((f) => !f.disabled),
@@ -2010,54 +2014,54 @@ const Ce = {
           () => W
         ),
         d.div(
-          r.class("bc-dropdown__option-content"),
+          o.class("bc-dropdown__option-content"),
           // Before slot
           c.value.before && d.span(
-            r.class("bc-dropdown__option-before"),
+            o.class("bc-dropdown__option-before"),
             c.value.before
           ),
           // Custom renderer for the main content
           d.span(
-            r.class("bc-dropdown__option-label"),
-            l(c.$.value)
+            o.class("bc-dropdown__option-label"),
+            s(c.$.value)
           ),
           // After slot
-          c.value.after && d.span(r.class("bc-dropdown__option-after"), c.value.after)
+          c.value.after && d.span(o.class("bc-dropdown__option-after"), c.value.after)
         )
       );
     },
     group: (c) => d.div(
-      r.class("bc-dropdown__group"),
-      r.role("group"),
+      o.class("bc-dropdown__group"),
+      o.role("group"),
       M.label(c.$.group),
-      d.div(r.class("bc-dropdown__group-label"), c.$.group),
-      Le(
+      d.div(o.class("bc-dropdown__group-label"), c.$.group),
+      Pe(
         c.$.options,
         (u) => en(
           u,
           t,
           n,
           a,
-          o,
-          l
+          r,
+          s
         )
       )
     ),
-    break: () => d.hr(r.class("bc-dropdown__separator"))
+    break: () => d.hr(o.class("bc-dropdown__separator"))
   })
 ), da = (e) => {
   const {
     value: t,
     loadOptions: n,
     renderOption: a,
-    renderValue: o,
-    equality: l = (g, p) => g === p,
+    renderValue: r,
+    equality: s = (g, p) => g === p,
     placeholder: i,
     searchPlaceholder: c,
     debounceMs: u = 150
-  } = e, s = Z(""), f = Z(!1), b = Z([]);
+  } = e, l = Z(""), f = Z(!1), b = Z([]);
   let k;
-  const m = v.toSignal(t), y = () => (o ?? a)(m);
+  const m = v.toSignal(t), y = () => (r ?? a)(m);
   let h = null;
   const x = (g) => {
     f.set(!0), Promise.resolve(n(g)).then((p) => {
@@ -2083,7 +2087,7 @@ const Ce = {
     ),
     optionsSource: b,
     onBeforeOpen: () => {
-      const g = v.get(s);
+      const g = v.get(l);
       w(g);
     },
     onAfterOpen: () => {
@@ -2092,21 +2096,21 @@ const Ce = {
     buildListboxContent: ({ focusedValue: g, handleKeyDown: p, onSelect: C }) => R(
       // Search input at the top
       d.div(
-        r.class("bc-dropdown__search"),
+        o.class("bc-dropdown__search"),
         d.input(
-          r.type("text"),
-          r.class("bc-dropdown__search-input"),
-          r.placeholder(
+          o.type("text"),
+          o.class("bc-dropdown__search-input"),
+          o.placeholder(
             I(
               c,
               i
-            )(($, L) => $ ?? L ?? "Search")
+            )(($, P) => $ ?? P ?? "Search")
           ),
-          r.value(s),
+          o.value(l),
           ne(($) => (k = $, W)),
           A.input(($) => {
-            const L = $.target;
-            s.set(L.value), w(L.value);
+            const P = $.target;
+            l.set(P.value), w(P.value);
           }),
           A.keydown(p)
         )
@@ -2114,14 +2118,14 @@ const Ce = {
       Q(
         f,
         () => d.div(
-          r.class("bc-dropdown__loading"),
+          o.class("bc-dropdown__loading"),
           ee({ icon: "ph:spinner-bold", color: "neutral" })
         ),
-        () => Le(
+        () => Pe(
           b,
           ($) => en(
             $,
-            l,
+            s,
             m,
             C,
             g,
@@ -2132,9 +2136,9 @@ const Ce = {
     )
   });
 }, pa = (e) => {
-  const { controller: t, onChange: n, onBlur: a, ...o } = e;
+  const { controller: t, onChange: n, onBlur: a, ...r } = e;
   return da({
-    ...o,
+    ...r,
     value: t.signal,
     onChange: jt(t, n),
     onBlur: Ft(t, a)
@@ -2148,12 +2152,12 @@ function tn(e) {
     items: t,
     placement: n = "bottom-start",
     showDelay: a = 0,
-    hideDelay: o = 100,
-    mainAxisOffset: l = 4,
+    hideDelay: r = 100,
+    mainAxisOffset: s = 4,
     crossAxisOffset: i = 0,
     showOn: c = "click",
     closable: u = !0,
-    onClose: s,
+    onClose: l,
     onAction: f,
     ariaLabel: b,
     ariaLabelledBy: k
@@ -2194,11 +2198,11 @@ function tn(e) {
                 if (F.getAttribute("aria-disabled") === "true")
                   return;
                 const X = F.getAttribute("data-key");
-                X && f && f(X), F.click(), s?.();
+                X && f && f(X), F.click(), l?.();
               }
               break;
             case "Escape":
-              s?.();
+              l?.();
               break;
             case "Home":
               _.preventDefault(), _.stopPropagation(), T.length > 0 && C(0, T);
@@ -2215,7 +2219,7 @@ function tn(e) {
               }
               break;
             case "ArrowLeft":
-              _.preventDefault(), _.stopPropagation(), s?.();
+              _.preventDefault(), _.stopPropagation(), l?.();
               break;
           }
         }, C = (_, T) => {
@@ -2232,17 +2236,17 @@ function tn(e) {
             );
             T >= 0 && C(T, _);
           }
-        }, L = new MutationObserver($);
-        return L.observe(w, { childList: !0, subtree: !0 }), setTimeout(() => {
+        }, P = new MutationObserver($);
+        return P.observe(w, { childList: !0, subtree: !0 }), setTimeout(() => {
           $(), w.focus();
         }, 0), document.addEventListener("keydown", p, !0), R(
           oe(() => {
-            L.disconnect(), document.removeEventListener("keydown", p, !0), x && x.focus();
+            P.disconnect(), document.removeEventListener("keydown", p, !0), x && x.focus();
           }),
-          r.class("bc-menu"),
-          r.id(m),
-          r.role("menu"),
-          r.tabindex(-1),
+          o.class("bc-menu"),
+          o.id(m),
+          o.role("menu"),
+          o.tabindex(-1),
           M.orientation("vertical"),
           b ? M.label(b) : R(),
           k ? M.labelledby(k) : R(),
@@ -2263,7 +2267,7 @@ function tn(e) {
           }),
           // Live region for screen reader announcements
           d.div(
-            r.class("sr-only"),
+            o.class("sr-only"),
             M.live("polite"),
             M.atomic(!0),
             y.map((_) => {
@@ -2280,8 +2284,8 @@ function tn(e) {
       }),
       placement: n,
       showDelay: a,
-      hideDelay: o,
-      mainAxisOffset: l,
+      hideDelay: r,
+      mainAxisOffset: s,
       crossAxisOffset: i,
       showOn: c,
       closable: u,
@@ -2289,54 +2293,54 @@ function tn(e) {
     })
   );
 }
-function Pr(e) {
+function Lr(e) {
   const {
     key: t,
     content: n,
     startContent: a,
-    endContent: o,
-    disabled: l = !1,
+    endContent: r,
+    disabled: s = !1,
     onClick: i,
     ariaLabel: c,
     submenu: u,
-    submenuPlacement: s = "right-start"
+    submenuPlacement: l = "right-start"
   } = e, f = t ?? he("menu-item"), b = `menu-item-${f}`, k = u != null;
   return d.div(
-    r.class(
-      I(l)(
+    o.class(
+      I(s)(
         (m) => `bc-menu-item ${m ? "bc-menu-item--disabled" : ""} ${k ? "bc-menu-item--has-submenu" : ""}`
       )
     ),
-    r.id(b),
-    r.role("menuitem"),
-    r.tabindex(-1),
+    o.id(b),
+    o.role("menuitem"),
+    o.tabindex(-1),
     st.key(f),
-    M.disabled(l),
+    M.disabled(s),
     M.selected(!1),
     // Will be updated by focus management
     k ? M.expanded(!1) : R(),
     c ? M.label(c) : R(),
     A.click((m) => {
-      if (v.get(l)) {
+      if (v.get(s)) {
         m.preventDefault(), m.stopPropagation();
         return;
       }
       i?.();
     }),
     // Start content
-    a && d.span(r.class("bc-menu-item__start"), a),
+    a && d.span(o.class("bc-menu-item__start"), a),
     // Main content
-    d.span(r.class("bc-menu-item__content"), n),
+    d.span(o.class("bc-menu-item__content"), n),
     // End content
-    o && d.span(r.class("bc-menu-item__end"), o),
+    r && d.span(o.class("bc-menu-item__end"), r),
     // Submenu (if present)
     k && u ? Ze({
       content: () => R(
-        r.class("bc-menu bc-submenu"),
-        r.role("menu"),
+        o.class("bc-menu bc-submenu"),
+        o.role("menu"),
         ...u()
       ),
-      placement: s,
+      placement: l,
       showOn: "hover",
       hasPopup: "menu",
       showDelay: 100,
@@ -2350,14 +2354,14 @@ function Pr(e) {
 function nn(e = {}) {
   const { label: t } = e;
   return d.div(
-    r.class("bc-menu-separator"),
-    r.role("separator"),
+    o.class("bc-menu-separator"),
+    o.role("separator"),
     M.orientation("horizontal"),
-    t && d.span(r.class("bc-menu-separator__label"), t)
+    t && d.span(o.class("bc-menu-separator__label"), t)
   );
 }
 function an(e, t, n) {
-  return e.some((o) => n(o, t)) ? e.filter((o) => !n(o, t)) : [...e, t];
+  return e.some((r) => n(r, t)) ? e.filter((r) => !n(r, t)) : [...e, t];
 }
 function rn(e, t, n) {
   return e.filter((a) => !n(a, t));
@@ -2370,95 +2374,95 @@ function sn(e, t, n) {
     if (a.type === "value") {
       if (n(a.value, t)) return { label: a.label };
     } else if (a.type === "group") {
-      const o = sn(
+      const r = sn(
         a.options,
         t,
         n
       );
-      if (o != null) return o;
+      if (r != null) return r;
     }
 }
 function fa(e, t, n) {
   return sn(e, t, n)?.label ?? String(t);
 }
 function ln(e, t, n) {
-  const a = t.trim().toLowerCase(), o = n ?? ((i, c) => c.label.toLowerCase().includes(i));
+  const a = t.trim().toLowerCase(), r = n ?? ((i, c) => c.label.toLowerCase().includes(i));
   if (a === "") return e;
-  const l = [];
+  const s = [];
   for (const i of e)
     if (i.type === "value")
-      o(a, { label: i.label }) && l.push(i);
+      r(a, { label: i.label }) && s.push(i);
     else if (i.type === "group") {
       const c = ln(
         i.options,
         a,
-        o
+        r
       );
-      c.length > 0 && l.push({ ...i, options: c });
+      c.length > 0 && s.push({ ...i, options: c });
     }
-  return l;
+  return s;
 }
 function cn(e) {
-  const { values: t, options: n, equality: a, disabled: o, onRemove: l } = e;
+  const { values: t, options: n, equality: a, disabled: r, onRemove: s } = e;
   return mn(
     t,
-    () => Le(
+    () => Pe(
       t,
       (i) => Jt({
         value: I(
           i,
           n
         )((c, u) => fa(u, c, a)),
-        onClose: () => l(i.value),
-        disabled: o
+        onClose: () => s(i.value),
+        disabled: r
       })
     ),
-    () => d.span(r.class("bc-input-container__placeholder"), e.placeholder)
+    () => d.span(o.class("bc-input-container__placeholder"), e.placeholder)
   );
 }
 function un(e) {
   const {
     value: t,
     options: n,
-    equality: a = (s, f) => s === f,
-    placeholder: o
-  } = e, l = (s) => {
+    equality: a = (l, f) => l === f,
+    placeholder: r
+  } = e, s = (l) => {
     const f = v.get(t);
-    e.onChange?.(rn(f, s, a));
-  }, i = (s) => {
+    e.onChange?.(rn(f, l, a));
+  }, i = (l) => {
     const f = v.get(t);
-    e.onChange?.(an(f, s, a));
-  }, c = (s) => I(t)((f) => on(f, s, a)), u = tn({
+    e.onChange?.(an(f, l, a));
+  }, c = (l) => I(t)((f) => on(f, l, a)), u = tn({
     items: () => {
-      const s = v.get(n), f = [];
-      for (const b of s)
+      const l = v.get(n), f = [];
+      for (const b of l)
         if (b.type === "value") {
           const k = c(b.value);
           f.push(
             d.div(
-              r.role("menuitem"),
-              r.tabindex(-1),
+              o.role("menuitem"),
+              o.tabindex(-1),
               M.disabled(b.disabled === !0),
               M.checked(k),
-              r.class("bc-menu-item"),
-              d.span(r.class("bc-menu-item__content"), b.label),
+              o.class("bc-menu-item"),
+              d.span(o.class("bc-menu-item__content"), b.label),
               A.click(() => i(b.value))
             )
           );
         } else b.type === "group" ? f.push(
           d.div(
-            r.class("bc-menu-group"),
-            d.div(r.class("bc-menu-group__label"), b.group),
+            o.class("bc-menu-group"),
+            d.div(o.class("bc-menu-group__label"), b.group),
             ...b.options.map((k) => {
               if (k.type === "value") {
                 const m = c(k.value);
                 return d.div(
-                  r.role("menuitem"),
-                  r.tabindex(-1),
+                  o.role("menuitem"),
+                  o.tabindex(-1),
                   M.disabled(k.disabled === !0),
                   M.checked(m),
-                  r.class("bc-menu-item"),
-                  d.span(r.class("bc-menu-item__content"), k.label),
+                  o.class("bc-menu-item"),
+                  d.span(o.class("bc-menu-item__content"), k.label),
                   A.click(() => i(k.value))
                 );
               }
@@ -2478,15 +2482,15 @@ function un(e) {
     ...e,
     before: e.before ?? Ye({ icon: "tabler:tags", color: "neutral" }),
     input: R(
-      r.class("bc-input-container__tags"),
+      o.class("bc-input-container__tags"),
       u,
       cn({
         values: t,
-        placeholder: o,
+        placeholder: r,
         options: n,
         equality: a,
         disabled: e.disabled,
-        onRemove: l
+        onRemove: s
       })
       // html.div(
       //   attr.class('bc-input-container__tags-selector'),
@@ -2505,7 +2509,7 @@ function un(e) {
     })
   });
 }
-function Lr(e) {
+function Pr(e) {
   return Ht(un, e);
 }
 function Dr(e) {
@@ -2516,13 +2520,13 @@ function dn(e) {
     value: t,
     options: n,
     equality: a = (m, y) => m === y,
-    placeholder: o,
-    searchPlaceholder: l,
+    placeholder: r,
+    searchPlaceholder: s,
     filter: i
   } = e, c = Z(""), u = (m) => {
     const y = v.get(t);
     e.onChange?.(rn(y, m, a));
-  }, s = (m) => {
+  }, l = (m) => {
     const y = v.get(t);
     e.onChange?.(an(y, m, a));
   }, f = (m) => I(t)((y) => on(y, m, a)), b = I(
@@ -2534,7 +2538,7 @@ function dn(e) {
       if (y.length === 0)
         return m.push(
           d.div(
-            r.class("bc-dropdown__empty"),
+            o.class("bc-dropdown__empty"),
             ae(ie, (h) => h.$.noResults)
           )
         ), m;
@@ -2543,30 +2547,30 @@ function dn(e) {
           const x = f(h.value);
           m.push(
             d.div(
-              r.role("menuitem"),
-              r.tabindex(-1),
+              o.role("menuitem"),
+              o.tabindex(-1),
               M.disabled(h.disabled === !0),
               M.checked(x),
-              r.class("bc-menu-item"),
-              d.span(r.class("bc-menu-item__content"), h.label),
-              A.click(() => s(h.value))
+              o.class("bc-menu-item"),
+              d.span(o.class("bc-menu-item__content"), h.label),
+              A.click(() => l(h.value))
             )
           );
         } else h.type === "group" ? m.push(
           d.div(
-            r.class("bc-menu-group"),
-            d.div(r.class("bc-menu-group__label"), h.group),
+            o.class("bc-menu-group"),
+            d.div(o.class("bc-menu-group__label"), h.group),
             ...h.options.map((x) => {
               if (x.type === "value") {
                 const w = f(x.value);
                 return d.div(
-                  r.role("menuitem"),
-                  r.tabindex(-1),
+                  o.role("menuitem"),
+                  o.tabindex(-1),
                   M.disabled(x.disabled === !0),
                   M.checked(w),
-                  r.class("bc-menu-item"),
-                  d.span(r.class("bc-menu-item__content"), x.label),
-                  A.click(() => s(x.value))
+                  o.class("bc-menu-item"),
+                  d.span(o.class("bc-menu-item__content"), x.label),
+                  A.click(() => l(x.value))
                 );
               }
               return R();
@@ -2599,28 +2603,28 @@ function dn(e) {
     ...e,
     before: e.before ?? Ye({ icon: "tabler:tags", color: "neutral" }),
     input: R(
-      r.class("bc-input-container__tags"),
+      o.class("bc-input-container__tags"),
       cn({
         values: t,
         options: n,
-        placeholder: o,
+        placeholder: r,
         equality: a,
         disabled: e.disabled,
         onRemove: u
       }),
       // Always-visible search box replacing the selector button
       d.div(
-        r.class("bc-input-container__tags-selector"),
+        o.class("bc-input-container__tags-selector"),
         d.input(
-          r.type("text"),
-          r.class("bc-dropdown__search-input"),
-          r.placeholder(
+          o.type("text"),
+          o.class("bc-dropdown__search-input"),
+          o.placeholder(
             I(
-              l,
-              o
+              s,
+              r
             )((m, y) => m ?? y ?? "")
           ),
-          r.value(c),
+          o.value(c),
           A.input((m) => {
             const y = m.target;
             c.set(y.value);
@@ -2646,25 +2650,25 @@ const Br = (e) => {
     ...e,
     input: pe.date(
       fe(e),
-      r.valueAsDate(t),
-      r.class("bc-input"),
+      o.valueAsDate(t),
+      o.class("bc-input"),
       n != null ? A.blur(te(n)) : W,
       a != null ? A.change(hn(a)) : W
     )
   });
 }, ba = (e) => {
-  const t = e.getFullYear(), n = (e.getMonth() + 1).toString().padStart(2, "0"), a = e.getDate().toString().padStart(2, "0"), o = e.getHours().toString().padStart(2, "0"), l = e.getMinutes().toString().padStart(2, "0");
-  return `${t}-${n}-${a}T${o}:${l}`;
+  const t = e.getFullYear(), n = (e.getMonth() + 1).toString().padStart(2, "0"), a = e.getDate().toString().padStart(2, "0"), r = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0");
+  return `${t}-${n}-${a}T${r}:${s}`;
 }, Er = (e) => {
   const { value: t, onBlur: n, onChange: a } = e;
   return ce({
     ...e,
     input: pe["datetime-local"](
       fe(e),
-      r.value(v.map(t, ba)),
-      r.class("bc-input"),
+      o.value(v.map(t, ba)),
+      o.class("bc-input"),
       n != null ? A.blur(te(n)) : W,
-      a != null ? A.change(te((o) => a(new Date(o)))) : W
+      a != null ? A.change(te((r) => a(new Date(r)))) : W
     )
   });
 }, Mr = (e) => {
@@ -2672,17 +2676,17 @@ const Br = (e) => {
     value: t,
     onInput: n,
     onChange: a,
-    ...o
+    ...r
   } = e;
   return Vn({
-    ...o,
+    ...r,
     maxFiles: 1,
-    value: v.map(t, (l) => l == null ? [] : [l]),
-    onChange: (l) => {
-      a?.(l[0]);
+    value: v.map(t, (s) => s == null ? [] : [s]),
+    onChange: (s) => {
+      a?.(s[0]);
     },
-    onInput: (l) => {
-      n?.(l[0]);
+    onInput: (s) => {
+      n?.(s[0]);
     }
   });
 }, Or = (e) => Ut({
@@ -2691,7 +2695,7 @@ const Br = (e) => {
   convertError: String,
   success: ({ value: t }) => {
     const n = t.map(
-      (a) => a.map((o) => typeof o == "object" && "id" in o && "label" in o ? Ce.value(o.id, o.label) : o)
+      (a) => a.map((r) => typeof r == "object" && "id" in r && "label" in r ? Ce.value(r.id, r.label) : r)
     );
     return Zt({
       ...e,
@@ -2710,46 +2714,46 @@ const Br = (e) => {
     )
   )
 }), Nr = (e) => {
-  const { value: t, onBlur: n, onChange: a, onInput: o, after: l, disabled: i, ...c } = e, u = Ee(t, i, a);
+  const { value: t, onBlur: n, onChange: a, onInput: r, after: s, disabled: i, ...c } = e, u = Ee(t, i, a);
   return Me({
     ...c,
     value: v.map(t, Bn),
-    onChange: a != null ? (s) => a(kt(s)) : void 0,
-    onInput: o != null ? (s) => o(kt(s)) : void 0,
+    onChange: a != null ? (l) => a(kt(l)) : void 0,
+    onInput: r != null ? (l) => r(kt(l)) : void 0,
     onBlur: n,
-    after: l != null ? R(u, l) : u
+    after: s != null ? R(u, s) : u
   });
-}, Pt = (e) => {
+}, Lt = (e) => {
   try {
     return BigInt(e);
   } catch {
     return null;
   }
 }, Rr = (e) => {
-  const { value: t, step: n, min: a, max: o, onChange: l, onInput: i, after: c } = e, u = (m) => {
-    const y = a != null ? v.get(a) : void 0, h = o != null ? v.get(o) : void 0;
+  const { value: t, step: n, min: a, max: r, onChange: s, onInput: i, after: c } = e, u = (m) => {
+    const y = a != null ? v.get(a) : void 0, h = r != null ? v.get(r) : void 0;
     return y != null && m < y ? y : h != null && m > h ? h : m;
-  }, s = n != null ? ae(ie, (m) => {
+  }, l = n != null ? ae(ie, (m) => {
     const y = I(
       t,
       a
     )((w, g) => g == null ? !0 : (w ?? 0n) > g), h = I(
       t,
-      o
+      r
     )((w, g) => g == null ? !0 : (w ?? 0n) < g), x = (w, g) => {
-      const p = v.get(t) ?? 0n, C = v.get(n), $ = g?.shiftKey ? 10n : 1n, L = p + C * $ * w, _ = a != null ? v.get(a) : void 0, T = o != null ? v.get(o) : void 0;
-      if (w < 0n && _ != null && L < _ || w > 0n && T != null && L > T) return;
-      const V = u(L);
-      V !== p && l && l(V);
+      const p = v.get(t) ?? 0n, C = v.get(n), $ = g?.shiftKey ? 10n : 1n, P = p + C * $ * w, _ = a != null ? v.get(a) : void 0, T = r != null ? v.get(r) : void 0;
+      if (w < 0n && _ != null && P < _ || w > 0n && T != null && P > T) return;
+      const V = u(P);
+      V !== p && s && s(V);
     };
     return pt(
-      r.class("bc-number-input-steppers"),
+      o.class("bc-number-input-steppers"),
       d.button(
-        r.type("button"),
-        r.class(
+        o.type("button"),
+        o.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
-        r.disabled(
+        o.disabled(
           I(
             h,
             e.disabled ?? !1
@@ -2760,11 +2764,11 @@ const Br = (e) => {
         ee({ icon: "line-md:plus", size: "xs" })
       ),
       d.button(
-        r.type("button"),
-        r.class(
+        o.type("button"),
+        o.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
-        r.disabled(
+        o.disabled(
           I(
             y,
             e.disabled ?? !1
@@ -2775,11 +2779,11 @@ const Br = (e) => {
         ee({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, f = c != null && s != null ? R(s, c) : c ?? s, b = l ? (m) => {
-    const y = Pt(m);
-    y != null && l(u(y));
+  }) : null, f = c != null && l != null ? R(l, c) : c ?? l, b = s ? (m) => {
+    const y = Lt(m);
+    y != null && s(u(y));
   } : void 0, k = i ? (m) => {
-    const y = Pt(m);
+    const y = Lt(m);
     y != null && i(u(y));
   } : void 0;
   return Me({
@@ -2792,7 +2796,7 @@ const Br = (e) => {
     allowMode: "digits",
     class: "bc-number-input"
   });
-}, Lt = (e) => {
+}, Pt = (e) => {
   if (e == null || e === "") return null;
   try {
     return BigInt(e);
@@ -2800,10 +2804,10 @@ const Br = (e) => {
     return null;
   }
 }, Ur = (e) => {
-  const { value: t, step: n, min: a, max: o, onChange: l, onInput: i, after: c } = e, u = (y) => {
-    const h = a != null ? v.get(a) : void 0, x = o != null ? v.get(o) : void 0;
+  const { value: t, step: n, min: a, max: r, onChange: s, onInput: i, after: c } = e, u = (y) => {
+    const h = a != null ? v.get(a) : void 0, x = r != null ? v.get(r) : void 0;
     return h != null && y < h ? h : x != null && y > x ? x : y;
-  }, s = n != null ? ae(ie, (y) => {
+  }, l = n != null ? ae(ie, (y) => {
     const h = I(
       t,
       a
@@ -2812,24 +2816,24 @@ const Br = (e) => {
       return p == null ? !0 : C > p;
     }), x = I(
       t,
-      o
+      r
     )((g, p) => {
       const C = g ?? 0n;
       return p == null ? !0 : C < p;
     }), w = (g, p) => {
-      const C = v.get(t) ?? 0n, $ = v.get(n), L = p?.shiftKey ? 10n : 1n, _ = C + $ * L * g, T = a != null ? v.get(a) : void 0, V = o != null ? v.get(o) : void 0;
+      const C = v.get(t) ?? 0n, $ = v.get(n), P = p?.shiftKey ? 10n : 1n, _ = C + $ * P * g, T = a != null ? v.get(a) : void 0, V = r != null ? v.get(r) : void 0;
       if (g < 0n && T != null && _ < T || g > 0n && V != null && _ > V) return;
       const O = u(_);
-      O !== C && l && l(O);
+      O !== C && s && s(O);
     };
     return pt(
-      r.class("bc-number-input-steppers"),
-      r.type("button"),
+      o.class("bc-number-input-steppers"),
+      o.type("button"),
       d.button(
-        r.class(
+        o.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
-        r.disabled(
+        o.disabled(
           I(
             x,
             e.disabled ?? !1
@@ -2840,11 +2844,11 @@ const Br = (e) => {
         ee({ icon: "line-md:plus", size: "xs" })
       ),
       d.button(
-        r.type("button"),
-        r.class(
+        o.type("button"),
+        o.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
-        r.disabled(
+        o.disabled(
           I(
             h,
             e.disabled ?? !1
@@ -2855,11 +2859,11 @@ const Br = (e) => {
         ee({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, f = Ee(t, e.disabled, l), b = c != null && s != null ? R(s, f, c) : c != null ? R(f, c) : s != null ? R(s, f) : f, k = l ? (y) => {
-    const h = Lt(y);
-    l(h === null ? null : u(h));
+  }) : null, f = Ee(t, e.disabled, s), b = c != null && l != null ? R(l, f, c) : c != null ? R(f, c) : l != null ? R(l, f) : f, k = s ? (y) => {
+    const h = Pt(y);
+    s(h === null ? null : u(h));
   } : void 0, m = i ? (y) => {
-    const h = Lt(y);
+    const h = Pt(y);
     i(h === null ? null : u(h));
   } : void 0;
   return Me({
@@ -2873,22 +2877,22 @@ const Br = (e) => {
     class: "bc-number-input"
   });
 }, Fr = (e) => {
-  const { value: t, onChange: n, onBlur: a, before: o } = e, l = Z(""), i = (u) => {
-    n?.(v.get(t).filter((s) => s !== u));
+  const { value: t, onChange: n, onBlur: a, before: r } = e, s = Z(""), i = (u) => {
+    n?.(v.get(t).filter((l) => l !== u));
   }, c = () => {
-    const u = l.value.trim(), s = v.get(t);
-    u === "" || s.includes(u) || (l.set(""), n?.([...s, u]));
+    const u = s.value.trim(), l = v.get(t);
+    u === "" || l.includes(u) || (s.set(""), n?.([...l, u]));
   };
   return ce({
     ...e,
-    before: o ?? Ye({
+    before: r ?? Ye({
       icon: "tabler:tag",
       size: e.size,
       color: "neutral"
     }),
     input: R(
-      r.class("bc-input-container__tags"),
-      Le(
+      o.class("bc-input-container__tags"),
+      Pe(
         t,
         (u) => Jt({
           value: u,
@@ -2898,9 +2902,9 @@ const Br = (e) => {
       ),
       pe.text(
         fe(e),
-        r.value(l),
-        r.class("bc-input bc-input-container__tags-input"),
-        A.input(te(l.set)),
+        o.value(s),
+        o.class("bc-input bc-input-container__tags-input"),
+        A.input(te(s.set)),
         n != null ? A.change(c) : W,
         a != null ? A.blur(a) : W
       )
@@ -2909,16 +2913,16 @@ const Br = (e) => {
 };
 function qe(e) {
   return (t) => {
-    const { value: n, onBlur: a, onChange: o } = t;
+    const { value: n, onBlur: a, onChange: r } = t;
     return ve(
-      (l) => ce({
+      (s) => ce({
         ...t,
         input: pe[e.inputType](
           fe(t),
-          r.value(v.map(n, e.valueToString)),
-          r.class("bc-input"),
+          o.value(v.map(n, e.valueToString)),
+          o.class("bc-input"),
           a != null ? A.blur(te(a)) : W,
-          o != null ? A.change(te((i) => o(e.parseValue(l, i)))) : W
+          r != null ? A.change(te((i) => r(e.parseValue(s, i)))) : W
         )
       })
     );
@@ -2926,24 +2930,24 @@ function qe(e) {
 }
 function Je(e) {
   return (t) => {
-    const { value: n, onBlur: a, onChange: o, after: l, disabled: i } = t, c = Ee(n, i, o);
+    const { value: n, onBlur: a, onChange: r, after: s, disabled: i } = t, c = Ee(n, i, r);
     return ve(
       (u) => ce({
         ...t,
         input: pe[e.inputType](
           fe(t),
-          r.value(
-            v.map(n, (s) => s == null ? "" : e.valueToString(s))
+          o.value(
+            v.map(n, (l) => l == null ? "" : e.valueToString(l))
           ),
-          r.class("bc-input"),
+          o.class("bc-input"),
           a != null ? A.blur(te(a)) : W,
-          o != null ? A.change(
+          r != null ? A.change(
             te(
-              (s) => o(s === "" ? null : e.parseValue(u, s))
+              (l) => r(l === "" ? null : e.parseValue(u, l))
             )
           ) : W
         ),
-        after: l != null ? R(c, l) : c
+        after: s != null ? R(c, s) : c
       })
     );
   };
@@ -2973,45 +2977,45 @@ const jr = qe({
   valueToString: (e) => e.toJSON(),
   parseValue: (e, t) => e.PlainDateTime.from(t)
 }), ga = (e) => {
-  const t = new Date(e), n = t.getFullYear().toString().padStart(4, "0"), a = (t.getMonth() + 1).toString().padStart(2, "0"), o = t.getDate().toString().padStart(2, "0"), l = t.getHours().toString().padStart(2, "0"), i = t.getMinutes().toString().padStart(2, "0");
-  return `${n}-${a}-${o}T${l}:${i}`;
+  const t = new Date(e), n = t.getFullYear().toString().padStart(4, "0"), a = (t.getMonth() + 1).toString().padStart(2, "0"), r = t.getDate().toString().padStart(2, "0"), s = t.getHours().toString().padStart(2, "0"), i = t.getMinutes().toString().padStart(2, "0");
+  return `${n}-${a}-${r}T${s}:${i}`;
 }, Zr = (e) => {
   const { value: t, onBlur: n, onChange: a } = e;
   return ve(
-    (o) => ce({
+    (r) => ce({
       ...e,
       input: pe["datetime-local"](
         fe(e),
-        r.value(
-          v.map(t, (l) => ga(Number(l.epochMilliseconds)))
+        o.value(
+          v.map(t, (s) => ga(Number(s.epochMilliseconds)))
         ),
-        r.class("bc-input"),
+        o.class("bc-input"),
         n != null ? A.blur(te(n)) : W,
         a != null ? A.change(
           te(
-            (l) => a(o.Instant.from(new Date(l).toISOString()))
+            (s) => a(r.Instant.from(new Date(s).toISOString()))
           )
         ) : W
       )
     })
   );
 }, ma = (e) => {
-  const t = new Date(e), n = t.getFullYear().toString().padStart(4, "0"), a = (t.getMonth() + 1).toString().padStart(2, "0"), o = t.getDate().toString().padStart(2, "0"), l = t.getHours().toString().padStart(2, "0"), i = t.getMinutes().toString().padStart(2, "0");
-  return `${n}-${a}-${o}T${l}:${i}`;
+  const t = new Date(e), n = t.getFullYear().toString().padStart(4, "0"), a = (t.getMonth() + 1).toString().padStart(2, "0"), r = t.getDate().toString().padStart(2, "0"), s = t.getHours().toString().padStart(2, "0"), i = t.getMinutes().toString().padStart(2, "0");
+  return `${n}-${a}-${r}T${s}:${i}`;
 }, qr = (e) => {
-  const { value: t, onBlur: n, onChange: a, after: o, disabled: l } = e, i = Ee(t, l, a);
+  const { value: t, onBlur: n, onChange: a, after: r, disabled: s } = e, i = Ee(t, s, a);
   return ve(
     (c) => ce({
       ...e,
       input: pe["datetime-local"](
         fe(e),
-        r.value(
+        o.value(
           v.map(
             t,
             (u) => u == null ? null : ma(Number(u.epochMilliseconds))
           )
         ),
-        r.class("bc-input"),
+        o.class("bc-input"),
         n != null ? A.blur(te(n)) : W,
         a != null ? A.change(
           te(
@@ -3019,47 +3023,47 @@ const jr = qe({
           )
         ) : W
       ),
-      after: o != null ? R(i, o) : i
+      after: r != null ? R(i, r) : i
     })
   );
 }, Jr = (e) => {
   const { value: t, onBlur: n, onChange: a } = e;
   return ve(
-    (o) => ce({
+    (r) => ce({
       ...e,
       input: pe["datetime-local"](
         fe(e),
-        r.value(v.map(t, (l) => l.toJSON())),
-        r.class("bc-input"),
+        o.value(v.map(t, (s) => s.toJSON())),
+        o.class("bc-input"),
         n != null ? A.blur(te(n)) : W,
         a != null ? A.change(
-          te((l) => {
-            const i = o.PlainDateTime.from(l), c = v.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
-            return a(o.ZonedDateTime.from({ ...i, timeZone: c }));
+          te((s) => {
+            const i = r.PlainDateTime.from(s), c = v.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            return a(r.ZonedDateTime.from({ ...i, timeZone: c }));
           })
         ) : W
       )
     })
   );
 }, Kr = (e) => {
-  const { value: t, onBlur: n, onChange: a, after: o, disabled: l } = e, i = Ee(t, l, a);
+  const { value: t, onBlur: n, onChange: a, after: r, disabled: s } = e, i = Ee(t, s, a);
   return ve(
     (c) => ce({
       ...e,
       input: pe["datetime-local"](
         fe(e),
-        r.value(v.map(t, (u) => u?.toJSON())),
-        r.class("bc-input"),
+        o.value(v.map(t, (u) => u?.toJSON())),
+        o.class("bc-input"),
         n != null ? A.blur(te(n)) : W,
         a != null ? A.change(
           te((u) => {
             if (u === "") return a(null);
-            const s = c.PlainDateTime.from(u), f = v.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
-            return a(c.ZonedDateTime.from({ ...s, timeZone: f }));
+            const l = c.PlainDateTime.from(u), f = v.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            return a(c.ZonedDateTime.from({ ...l, timeZone: f }));
           })
         ) : W
       ),
-      after: o != null ? R(i, o) : i
+      after: r != null ? R(i, r) : i
     })
   );
 }, Qr = qe({
@@ -3076,15 +3080,15 @@ const jr = qe({
     (a) => Me({
       ...e,
       // Map Temporal value to MM-DD string
-      value: v.map(t, (o) => o.toString()),
-      onChange: n != null ? (o) => n(a.PlainMonthDay.from(`--${o}`)) : void 0,
+      value: v.map(t, (r) => r.toString()),
+      onChange: n != null ? (r) => n(a.PlainMonthDay.from(`--${r}`)) : void 0,
       onInput: void 0,
       mask: "99-99",
       placeholder: "MM-DD"
     })
   );
 }, to = (e) => {
-  const { value: t, onChange: n, after: a, disabled: o } = e, l = Ee(t, o, n);
+  const { value: t, onChange: n, after: a, disabled: r } = e, s = Ee(t, r, n);
   return ve(
     (i) => Me({
       ...e,
@@ -3093,7 +3097,7 @@ const jr = qe({
       onInput: void 0,
       mask: "99-99",
       placeholder: "MM-DD",
-      after: a != null ? R(l, a) : l
+      after: a != null ? R(s, a) : s
     })
   );
 }, no = (e) => {
@@ -3101,8 +3105,8 @@ const jr = qe({
   return ve(
     (a) => Me({
       ...e,
-      value: v.map(t, (o) => o.toString()),
-      onChange: n ? (o) => n(a.Duration.from(o)) : void 0,
+      value: v.map(t, (r) => r.toString()),
+      onChange: n ? (r) => n(a.Duration.from(r)) : void 0,
       onInput: void 0,
       ...En(a.Duration.from),
       placeholder: "P0DT0H0M0S"
@@ -3114,8 +3118,8 @@ function ao(e, t, n) {
     e.signal,
     () => {
       const a = e.transform(
-        (o) => o,
-        (o) => o
+        (r) => r,
+        (r) => r
       );
       return t(a);
     },
@@ -3129,8 +3133,8 @@ const ro = {
   success: { type: "success" }
 };
 class ha extends $n {
-  constructor(t, n, a, o, l) {
-    super(t, n, a, o, l);
+  constructor(t, n, a, r, s) {
+    super(t, n, a, r, s);
   }
   /**
    * Validates that the current value is a valid color
@@ -3175,11 +3179,11 @@ class ha extends $n {
    * @param b - Blue value (0-255)
    */
   setRgb = (t, n, a) => {
-    const o = (i) => {
+    const r = (i) => {
       const c = Math.round(Math.max(0, Math.min(255, i))).toString(16);
       return c.length === 1 ? "0" + c : c;
-    }, l = `#${o(t)}${o(n)}${o(a)}`;
-    this.change(l);
+    }, s = `#${r(t)}${r(n)}${r(a)}`;
+    this.change(s);
   };
   /**
    * Gets RGB values from the current color
@@ -3201,19 +3205,19 @@ class ha extends $n {
    * @returns A new controller with format transformation
    */
   withFormat = (t) => {
-    const n = (o) => {
+    const n = (r) => {
       switch (t) {
         case "hex":
-          return Ve(o) ?? o;
+          return Ve(r) ?? r;
         case "rgb":
-          const l = this.getRgb();
-          return l ? `rgb(${l.r}, ${l.g}, ${l.b})` : o;
+          const s = this.getRgb();
+          return s ? `rgb(${s.r}, ${s.g}, ${s.b})` : r;
         case "hsl":
-          return o;
+          return r;
         default:
-          return o;
+          return r;
       }
-    }, a = (o) => Ve(o) ?? o;
+    }, a = (r) => Ve(r) ?? r;
     return this.transform(n, a, [`format-${t}`]);
   };
 }
@@ -3243,10 +3247,10 @@ function lo({
 }) {
   return ae(
     ie,
-    (a) => ae(ct, ({ locale: o, setLocale: l }) => dt({
+    (a) => ae(ct, ({ locale: r, setLocale: s }) => dt({
       layout: "horizontal",
       content: Gt(
-        r.class("bc-group--align-center bc-group--gap-2"),
+        o.class("bc-group--align-center bc-group--gap-2"),
         ee({
           icon: "ic:twotone-language",
           size: "lg",
@@ -3261,9 +3265,9 @@ function lo({
               return c.nativeName != null && c.nativeName !== c.name && (u += ` (${c.nativeName})`), Ce.value(c.code, u);
             })
           ),
-          value: o,
+          value: r,
           onChange: (i) => {
-            n && l(i), t?.(i);
+            n && s(i), t?.(i);
           }
         })
       )
@@ -3272,11 +3276,11 @@ function lo({
 }
 const va = () => ae(
   ct,
-  ({ direction: e }) => lt("body", r.class(e.map((t) => `b-${t}`)))
+  ({ direction: e }) => lt("body", o.class(e.map((t) => `b-${t}`)))
 );
-function ya(e, t, n, a, o) {
-  const l = ["bc-notification"];
-  return e && l.push("bc-notification--bordered"), t && l.push("bc-notification--has-icon"), n && l.push("bc-notification--closable"), a && l.push("bc-notification--loading"), o && o.length > 0 && l.push(o), l.join(" ");
+function ya(e, t, n, a, r) {
+  const s = ["bc-notification"];
+  return e && s.push("bc-notification--bordered"), t && s.push("bc-notification--has-icon"), n && s.push("bc-notification--closable"), a && s.push("bc-notification--loading"), r && r.length > 0 && s.push(r), s.join(" ");
 }
 function wa(e, t) {
   return [
@@ -3289,15 +3293,15 @@ function xa({
   withCloseButton: t = !1,
   withBorder: n = !1,
   color: a = "primary",
-  radius: o = "md",
-  title: l,
+  radius: r = "md",
+  title: s,
   icon: i,
   onClose: c,
   class: u
-} = {}, ...s) {
+} = {}, ...l) {
   const f = v.map(i, (b) => b != null);
   return d.section(
-    r.class(
+    o.class(
       I(
         n,
         f,
@@ -3316,10 +3320,10 @@ function xa({
         ].join(" ")
       )
     ),
-    r.style(
+    o.style(
       I(
         a,
-        o
+        r
       )(
         (b, k) => wa(b, k)
       )
@@ -3329,7 +3333,7 @@ function xa({
     Q(
       e,
       () => d.div(
-        r.class("bc-notification__visual bc-notification__loader"),
+        o.class("bc-notification__visual bc-notification__loader"),
         ee({
           icon: "line-md:loading-twotone-loop",
           size: "lg",
@@ -3340,7 +3344,7 @@ function xa({
       () => Q(
         f,
         () => d.div(
-          r.class("bc-notification__visual bc-notification__icon"),
+          o.class("bc-notification__visual bc-notification__icon"),
           ee({
             icon: i,
             size: "lg",
@@ -3348,20 +3352,20 @@ function xa({
           })
         ),
         () => d.div(
-          r.class("bc-notification__visual bc-notification__accent"),
+          o.class("bc-notification__visual bc-notification__accent"),
           M.hidden(!0)
         )
       )
     ),
     d.div(
-      r.class("bc-notification__body"),
-      l != null ? d.div(r.class("bc-notification__title"), l) : null,
-      d.div(r.class("bc-notification__content"), ...s)
+      o.class("bc-notification__body"),
+      s != null ? d.div(o.class("bc-notification__title"), s) : null,
+      d.div(o.class("bc-notification__content"), ...l)
     ),
     Q(
       t,
       () => d.div(
-        r.class("bc-notification__meta"),
+        o.class("bc-notification__meta"),
         Fe({
           size: "sm",
           color: a,
@@ -3401,11 +3405,11 @@ const Sa = new ka(), pn = {
     const t = Z(0), n = [];
     function a(u) {
       return n.push(u), () => {
-        const s = n.lastIndexOf(u);
-        s >= 0 && n.splice(s, 1);
+        const l = n.lastIndexOf(u);
+        l >= 0 && n.splice(l, 1);
       };
     }
-    const o = [], l = ({ dismissAfter: u, onClose: s, animation: f = { fade: !0 }, ...b }, ...k) => {
+    const r = [], s = ({ dismissAfter: u, onClose: l, animation: f = { fade: !0 }, ...b }, ...k) => {
       t.update((h) => h + 1);
       const m = u != null ? typeof u == "number" ? On(u * 1e3) : u : void 0, y = {
         animation: f,
@@ -3420,18 +3424,18 @@ const Sa = new ka(), pn = {
         title: b.title ?? W,
         icon: v.toSignal(b.icon),
         children: k,
-        listenRequestClose: (h) => (o.push(h), s?.(), () => {
+        listenRequestClose: (h) => (r.push(h), l?.(), () => {
         }),
         delayedClose: m
       };
       n.forEach((h) => h(y));
     }, i = () => {
-      o.forEach((u) => u()), o.length = 0;
-    }, c = Sa.attach({ show: l, clear: i });
+      r.forEach((u) => u()), r.length = 0;
+    }, c = Sa.attach({ show: s, clear: i });
     return {
       value: {
         activeNotifications: t,
-        show: l,
+        show: s,
         clear: i,
         position: e,
         listenOnShow: a
@@ -3444,19 +3448,19 @@ const Sa = new ka(), pn = {
 };
 function Ca() {
   return ae(pn, ({ listenOnShow: e, position: t }) => d.div(
-    r.class("bc-notification-viewport"),
-    r.class(`bc-notification-viewport--${t}`),
+    o.class("bc-notification-viewport"),
+    o.class(`bc-notification-viewport--${t}`),
     vn(
       (n) => oe(
         e((a) => {
-          const o = [], l = d.div(
+          const r = [], s = d.div(
             _n(
               {
                 animation: a.animation,
                 initialStatus: "start-opening"
               },
               ({ close: i, listenOnClosed: c }) => (a.delayedClose?.finally(i), c(() => {
-                o.forEach((u) => u());
+                r.forEach((u) => u());
               }), xa(
                 {
                   class: a.class,
@@ -3473,7 +3477,7 @@ function Ca() {
               ))
             )
           );
-          o.push(yn(l, n));
+          r.push(yn(s, n));
         })
       )
     )
@@ -3484,24 +3488,24 @@ function io({
   enableAppearance: t = !0,
   defaultAppearance: n = "system",
   appearancePreferenceKey: a = "bui-appearance",
-  includeNotifications: o = !0,
-  notificationPosition: l = "bottom-end"
+  includeNotifications: r = !0,
+  notificationPosition: s = "bottom-end"
 }, ...i) {
   return wn(({ set: c, use: u }) => {
     c(Ne, {}), c(ct, {}), c(ie, {}), c(Yt, {
       defaultAppearance: t ? n : "light",
       appearancePreferenceKey: a
-    }), o && c(pn, { position: l }), Tn.attach(u(Ne));
-    const s = R(
-      t ? Ln() : W,
+    }), r && c(pn, { position: s }), Tn.attach(u(Ne));
+    const l = R(
+      t ? Pn() : W,
       va(),
-      o ? Ca() : W,
+      r ? Ca() : W,
       ...i
     );
     return e ? xn(
-      () => import("./translations-ConAsIH1.js"),
-      ({ AuthI18n: f }) => Nt(f, {}, () => s)
-    ) : s;
+      () => import("./translations-zGwuSQWQ.js"),
+      ({ AuthI18n: f }) => Nt(f, {}, () => l)
+    ) : l;
   });
 }
 function co({
@@ -3509,12 +3513,12 @@ function co({
   toolbar: t = !0,
   page: n,
   zoom: a,
-  view: o,
-  pagemode: l,
+  view: r,
+  pagemode: s,
   scrollbar: i = !0,
   navpanes: c = !0,
   search: u,
-  nameddest: s,
+  nameddest: l,
   viewrect: f,
   highlight: b,
   allowfullscreen: k = !1
@@ -3544,18 +3548,18 @@ function co({
     t,
     n,
     a,
-    o,
-    l,
+    r,
+    s,
     i,
     c,
     u,
-    s,
+    l,
     f,
     b
-  )((h, x, w, g, p, C, $, L, _, T, V, O) => {
+  )((h, x, w, g, p, C, $, P, _, T, V, O) => {
     if (h == null) return null;
     const B = [];
-    x === !1 && B.push("toolbar=0"), w != null && w > 0 && B.push(`page=${w}`), g != null && g > 0 && B.push(`zoom=${g}`), p != null && B.push(`view=${p}`), C != null && B.push(`pagemode=${C}`), $ === !1 && B.push("scrollbar=0"), L === !1 && B.push("navpanes=0"), _ != null && B.push(`search=${encodeURIComponent(_)}`), T != null && B.push(`nameddest=${encodeURIComponent(T)}`), V != null && B.push(`viewrect=${encodeURIComponent(V)}`), O != null && B.push(`highlight=${encodeURIComponent(O)}`);
+    x === !1 && B.push("toolbar=0"), w != null && w > 0 && B.push(`page=${w}`), g != null && g > 0 && B.push(`zoom=${g}`), p != null && B.push(`view=${p}`), C != null && B.push(`pagemode=${C}`), $ === !1 && B.push("scrollbar=0"), P === !1 && B.push("navpanes=0"), _ != null && B.push(`search=${encodeURIComponent(_)}`), T != null && B.push(`nameddest=${encodeURIComponent(T)}`), V != null && B.push(`viewrect=${encodeURIComponent(V)}`), O != null && B.push(`highlight=${encodeURIComponent(O)}`);
     const F = B.join("&");
     return F ? `${h}#${F}` : h;
   });
@@ -3566,13 +3570,13 @@ function co({
       const h = m.value;
       h != null && URL.revokeObjectURL(h);
     }),
-    r.class("h-full w-full"),
+    o.class("h-full w-full"),
     // could also use embed or object. IFrame seems to work on Safari.
     d.iframe(
-      r.class("h-full w-full"),
-      r.allowfullscreen(k),
-      r.title("PDF Preview"),
-      r.loading("lazy"),
+      o.class("h-full w-full"),
+      o.allowfullscreen(k),
+      o.title("PDF Preview"),
+      o.loading("lazy"),
       // Force iframe reload when URL changes (including fragment changes)
       // by manually updating src instead of using attr.src
       ne((h) => {
@@ -3592,12 +3596,12 @@ function uo({
   page: t,
   zoom: n,
   pagemode: a,
-  nameddest: o,
-  search: l,
+  nameddest: r,
+  search: s,
   textLayerMode: i,
   sidebarViewOnLoad: c,
   scrollModeOnLoad: u,
-  spreadModeOnLoad: s,
+  spreadModeOnLoad: l,
   enableScripting: f,
   enablePrinting: b,
   viewerUrl: k = null,
@@ -3625,20 +3629,20 @@ function uo({
     t,
     n,
     a,
-    o,
-    l,
+    r,
+    s,
     i,
     c,
     u,
-    s,
+    l,
     f,
     b
-  )((w, g, p, C, $, L, _, T, V, O, B, F, X) => {
+  )((w, g, p, C, $, P, _, T, V, O, B, F, X) => {
     if (w == null) return null;
     const H = g ?? "https://mozilla.github.io/pdf.js/web/viewer.html", U = new URLSearchParams();
     U.set("file", encodeURIComponent(w));
     const Y = [];
-    p != null && p > 0 && Y.push(`page=${p}`), C != null && (typeof C == "string" ? Y.push(`zoom=${C}`) : Y.push(`zoom=${C}`)), $ != null && Y.push(`pagemode=${$}`), L != null && Y.push(`nameddest=${encodeURIComponent(L)}`), _ != null && Y.push(`search=${encodeURIComponent(_)}`), T != null && Y.push(`textLayer=${T}`), V != null && Y.push(`sidebar=${V}`), O != null && Y.push(`scrollMode=${O}`), B != null && Y.push(`spreadMode=${B}`), F != null && Y.push(`enableScripting=${F ? "1" : "0"}`), X != null && Y.push(`enablePrinting=${X ? "1" : "0"}`);
+    p != null && p > 0 && Y.push(`page=${p}`), C != null && (typeof C == "string" ? Y.push(`zoom=${C}`) : Y.push(`zoom=${C}`)), $ != null && Y.push(`pagemode=${$}`), P != null && Y.push(`nameddest=${encodeURIComponent(P)}`), _ != null && Y.push(`search=${encodeURIComponent(_)}`), T != null && Y.push(`textLayer=${T}`), V != null && Y.push(`sidebar=${V}`), O != null && Y.push(`scrollMode=${O}`), B != null && Y.push(`spreadMode=${B}`), F != null && Y.push(`enableScripting=${F ? "1" : "0"}`), X != null && Y.push(`enablePrinting=${X ? "1" : "0"}`);
     const le = Y.length > 0 ? `#${Y.join("&")}` : "";
     return `${H}?${U.toString()}${le}`;
   });
@@ -3649,32 +3653,32 @@ function uo({
       const w = h.value;
       w != null && w.startsWith("blob:") && URL.revokeObjectURL(w);
     }),
-    r.class("bc-pdfjs-preview h-full w-full"),
-    r.class(y),
+    o.class("bc-pdfjs-preview h-full w-full"),
+    o.class(y),
     d.iframe(
-      r.class("h-full w-full"),
-      r.allowfullscreen(m),
-      r.title("PDF Preview"),
-      r.loading("lazy"),
-      r.src(x)
+      o.class("h-full w-full"),
+      o.allowfullscreen(m),
+      o.title("PDF Preview"),
+      o.loading("lazy"),
+      o.src(x)
     )
   );
 }
-const po = ({ id: e, css: t }) => lt("head", d.style(r.id(e), r.innerHTML(t)));
+const po = ({ id: e, css: t }) => lt("head", d.style(o.id(e), o.innerHTML(t)));
 function ge(e, t) {
   return t == null ? null : d.meta(
-    r.name(e),
-    r.content(v.map(t, (n) => String(n)))
+    o.name(e),
+    o.content(v.map(t, (n) => String(n)))
   );
 }
 function G(e, t) {
   return t == null ? null : d.meta(
-    r.property(e),
-    r.content(v.map(t, (n) => String(n)))
+    o.property(e),
+    o.content(v.map(t, (n) => String(n)))
   );
 }
 function ze(e, t) {
-  return t == null ? null : Le(t, (n) => G(e, n));
+  return t == null ? null : Pe(t, (n) => G(e, n));
 }
 function Ta(e, t) {
   return t == null ? null : Q(
@@ -3698,28 +3702,28 @@ const fo = (e) => {
     n != null && t.push(n);
   }
   return t.push(G("profile:first_name", e.firstName)), t.push(G("profile:last_name", e.lastName)), t.push(G("profile:username", e.username)), t.push(G("profile:gender", e.gender)), t.push(ge("twitter:card", e.twitterCard)), t.push(ge("twitter:site", e.twitterSite)), t.push(ge("twitter:creator", e.twitterCreator)), t.push(
-    ge("twitter:title", Pe(e.twitterTitle, e.title))
+    ge("twitter:title", Le(e.twitterTitle, e.title))
   ), t.push(
     ge(
       "twitter:description",
-      Pe(e.twitterDescription, e.description)
+      Le(e.twitterDescription, e.description)
     )
   ), t.push(
-    ge("twitter:image", Pe(e.twitterImage, e.image))
+    ge("twitter:image", Le(e.twitterImage, e.image))
   ), t.push(
     ge(
       "twitter:image:alt",
-      Pe(e.twitterImageAlt, e.imageAlt)
+      Le(e.twitterImageAlt, e.imageAlt)
     )
-  ), e.canonical != null && v.get(e.canonical) != null && t.push(d.link(r.rel("canonical"), r.href(e.canonical))), t.push(ge("robots", e.robots)), t.push(ge("keywords", e.keywords)), t.push(ge("author", e.metaAuthor)), lt("head", t.filter((n) => n != null).flat());
+  ), e.canonical != null && v.get(e.canonical) != null && t.push(d.link(o.rel("canonical"), o.href(e.canonical))), t.push(ge("robots", e.robots)), t.push(ge("keywords", e.keywords)), t.push(ge("author", e.metaAuthor)), lt("head", t.filter((n) => n != null).flat());
 }, ft = ({
   viewTransition: e,
   state: t,
   scroll: n,
   replace: a
 }) => {
-  const o = {};
-  return t !== void 0 && (o.state = t), n !== void 0 && (o.scroll = n), a !== void 0 && (o.replace = a), e !== void 0 && (o.viewTransition = e), o;
+  const r = {};
+  return t !== void 0 && (r.state = t), n !== void 0 && (r.scroll = n), a !== void 0 && (r.replace = a), e !== void 0 && (r.viewTransition = e), r;
 };
 function Dt(e, t) {
   const n = ["bc-link"];
@@ -3754,24 +3758,24 @@ function Ia({
   variant: t = "default",
   color: n = "primary",
   colorDisabled: a = "base",
-  disabled: o = !1,
-  viewTransition: l = !0,
+  disabled: r = !1,
+  viewTransition: s = !0,
   state: i,
   scroll: c,
   replace: u,
-  target: s,
+  target: l,
   rel: f
 }, ...b) {
   return Q(
-    o,
+    r,
     () => d.span(
-      r.class(
+      o.class(
         I(
           t,
-          o
+          r
         )((k, m) => Dt(k, m))
       ),
-      r.style(
+      o.style(
         I(a)(
           (k) => At(k ?? "base")
         )
@@ -3782,23 +3786,23 @@ function Ia({
       {
         href: e,
         ...ft({
-          viewTransition: l,
+          viewTransition: s,
           state: i,
           scroll: c,
           replace: u
         })
       },
-      r.class(
+      o.class(
         I(
           t,
-          o
+          r
         )((k, m) => Dt(k, m))
       ),
-      r.style(
+      o.style(
         I(n)((k) => At(k ?? "primary"))
       ),
-      s ? r.target(s) : null,
-      f ? r.rel(f) : null,
+      l ? o.target(l) : null,
+      f ? o.rel(f) : null,
       ...b
     )
   );
@@ -3811,22 +3815,22 @@ const $a = (e) => e ? e.startsWith("#") ? e : `#${e}` : "", _a = (e) => {
   }
   return e instanceof URLSearchParams ? new URLSearchParams(e) : new URLSearchParams(e);
 };
-function Pa(e, t, n) {
-  const a = _a(e.search), o = a.toString(), l = o ? `?${o}` : "", i = $a(e.hash);
+function La(e, t, n) {
+  const a = _a(e.search), r = a.toString(), s = r ? `?${r}` : "", i = $a(e.hash);
   switch (n) {
     case "exact":
-      return e.pathname + l + i === t;
+      return e.pathname + s + i === t;
     case "prefix":
-      return e.pathname.startsWith(t) || (e.pathname + l).startsWith(t);
+      return e.pathname.startsWith(t) || (e.pathname + s).startsWith(t);
     case "params":
       try {
         const c = typeof document < "u" && document.baseURI ? document.baseURI : "http://localhost/", u = new URL(t, c);
         if (e.pathname !== u.pathname)
           return !1;
-        const s = Array.from(
+        const l = Array.from(
           new URLSearchParams(u.search).entries()
         ).sort(), f = Array.from(a.entries()).sort();
-        return s.length !== f.length ? !1 : s.every(([b, k], m) => {
+        return l.length !== f.length ? !1 : l.every(([b, k], m) => {
           const [y, h] = f[m];
           return b === y && k === h;
         });
@@ -3839,7 +3843,7 @@ function Pa(e, t, n) {
 }
 function bt(e, t) {
   return t === "exact" ? I(e)((n) => n) : I(e)(
-    (n) => (a) => Pa(a, n, t)
+    (n) => (a) => La(a, n, t)
   );
 }
 function bo({
@@ -3847,21 +3851,21 @@ function bo({
   matchMode: t = "exact",
   disableWhenActive: n = !0,
   ...a
-}, ...o) {
-  return ae(Ne, (l) => {
-    const i = l.matchSignal(
+}, ...r) {
+  return ae(Ne, (s) => {
+    const i = s.matchSignal(
       bt(e, t)
     ), c = I(
       i,
       n
-    )((u, s) => s ?? !0 ? u : !1);
+    )((u, l) => l ?? !0 ? u : !1);
     return Ia(
       {
         ...a,
         href: e,
         disabled: c
       },
-      ...o
+      ...r
     );
   });
 }
@@ -3870,12 +3874,12 @@ function go({
   viewTransition: t = !0,
   state: n,
   scroll: a,
-  replace: o,
-  target: l,
+  replace: r,
+  target: s,
   rel: i,
   matchMode: c,
   disableWhenActive: u,
-  variant: s = "filled",
+  variant: l = "filled",
   size: f = "md",
   color: b = "base",
   roundedness: k = "sm",
@@ -3895,10 +3899,10 @@ function go({
         viewTransition: t,
         state: n,
         scroll: a,
-        replace: o,
-        target: l,
+        replace: r,
+        target: s,
         rel: i,
-        variant: s,
+        variant: l,
         size: f,
         color: b,
         roundedness: k,
@@ -3912,10 +3916,10 @@ function go({
       viewTransition: t,
       state: n,
       scroll: a,
-      replace: o,
-      target: l,
+      replace: r,
+      target: s,
       rel: i,
-      variant: s,
+      variant: l,
       size: f,
       color: b,
       roundedness: k,
@@ -3929,12 +3933,12 @@ function Vt({
   viewTransition: t,
   state: n,
   scroll: a,
-  replace: o,
-  target: l,
+  replace: r,
+  target: s,
   rel: i,
   variant: c = "default",
   size: u = "md",
-  color: s = "base",
+  color: l = "base",
   roundedness: f = "sm",
   disabled: b = !1,
   fullWidth: k = !1,
@@ -3943,7 +3947,7 @@ function Vt({
   return Q(
     b ?? !1,
     () => d.span(
-      r.class(
+      o.class(
         I(
           u,
           f,
@@ -3951,10 +3955,10 @@ function Vt({
           k
         )(wt)
       ),
-      r.style(
+      o.style(
         I(
           c,
-          s,
+          l,
           b
         )(
           (h, x, w) => xt(
@@ -3973,10 +3977,10 @@ function Vt({
           viewTransition: t,
           state: n,
           scroll: a,
-          replace: o
+          replace: r
         })
       },
-      r.class(
+      o.class(
         I(
           u,
           f,
@@ -3984,10 +3988,10 @@ function Vt({
           k
         )(wt)
       ),
-      r.style(
+      o.style(
         I(
           c,
-          s,
+          l,
           b
         )(
           (h, x, w) => xt(
@@ -3997,13 +4001,13 @@ function Vt({
           )
         )
       ),
-      l ? r.target(l) : null,
-      i ? r.rel(i) : null,
+      s ? o.target(s) : null,
+      i ? o.rel(i) : null,
       ...y
     )
   );
 }
-const La = {
+const Pa = {
   mark: Ot("SidebarContext"),
   create: (e) => ({
     value: {
@@ -4015,7 +4019,7 @@ const La = {
 };
 function mo({ backgroundMode: e = "light" }, ...t) {
   return Nt(
-    La,
+    Pa,
     v.map(
       e,
       (n) => ({
@@ -4023,8 +4027,8 @@ function mo({ backgroundMode: e = "light" }, ...t) {
       })
     ),
     () => d.div(
-      r.class("bc-sidebar"),
-      r.class(
+      o.class("bc-sidebar"),
+      o.class(
         v.map(
           e,
           (n) => n === "dark" ? "bc-sidebar--dark-bg" : ""
@@ -4036,15 +4040,15 @@ function mo({ backgroundMode: e = "light" }, ...t) {
 }
 function Bt({ rail: e, header: t }, ...n) {
   return pt(
-    t != null ? d.div(r.class("bc-sidebar-group__header"), t) : null,
+    t != null ? d.div(o.class("bc-sidebar-group__header"), t) : null,
     d.div(
-      r.class(
+      o.class(
         v.map(
           e ?? !1,
           (a) => a ? "bc-sidebar-group--rail" : ""
         )
       ),
-      r.class("bc-sidebar-group"),
+      o.class("bc-sidebar-group"),
       ...n
     )
   );
@@ -4063,7 +4067,7 @@ function Aa(...e) {
 }
 function Va(e, ...t) {
   return d.button(
-    r.type("button"),
+    o.type("button"),
     A.click(e.onClick),
     e.ariaExpanded != null ? M.expanded(
       v.map(
@@ -4077,20 +4081,20 @@ function Va(e, ...t) {
   );
 }
 function Ba(e) {
-  const t = [r.class("bc-sidebar-link")];
+  const t = [o.class("bc-sidebar-link")];
   return e.icon != null && t.push(
     d.span(
-      r.class("bc-sidebar-link--icon"),
+      o.class("bc-sidebar-link--icon"),
       ee({ icon: e.icon })
     )
   ), t.push(
-    d.span(r.class("bc-sidebar-link__content"), e.content)
+    d.span(o.class("bc-sidebar-link__content"), e.content)
   ), e.right != null && t.push(
-    d.span(r.class("bc-sidebar-link__right"), e.right)
+    d.span(o.class("bc-sidebar-link__right"), e.right)
   ), e.action != null && t.push(
     d.button(
-      r.type("button"),
-      r.class("bc-sidebar-link--action"),
+      o.type("button"),
+      o.class("bc-sidebar-link--action"),
       A.click((n, a) => {
         e.action?.onClick?.(a);
       }),
@@ -4116,51 +4120,51 @@ function ho({
   icon: t,
   header: n,
   startOpen: a = !0
-}, ...o) {
-  const l = v.deriveProp(a), i = he("sidebar-group"), c = `${i}-content`;
+}, ...r) {
+  const s = v.deriveProp(a), i = he("sidebar-group"), c = `${i}-content`;
   return Bt(
     {},
-    r.class("bc-sidebar-group-collapsible"),
-    r.class(
-      l.map(
+    o.class("bc-sidebar-group-collapsible"),
+    o.class(
+      s.map(
         (u) => u ? "bc-sidebar-group-collapsible--open" : "bc-sidebar-group-collapsible--closed"
       )
     ),
     // Add ARIA attributes for group
-    r.role("group"),
-    r.id(i),
+    o.role("group"),
+    o.id(i),
     Ba({
       icon: t,
-      onClick: () => l.update((u) => !u),
+      onClick: () => s.update((u) => !u),
       // Add ARIA attributes for the toggle button
-      ariaExpanded: l,
+      ariaExpanded: s,
       ariaControls: c,
       right: d.span(
-        r.class("bc-sidebar-group-collapsible-indicator"),
+        o.class("bc-sidebar-group-collapsible-indicator"),
         ee({ icon: "lucide:chevron-down", color: "base" })
       ),
       content: n
     }),
-    Bt({ rail: e }, r.id(c), sa({ open: l }, ...o))
+    Bt({ rail: e }, o.id(c), sa({ open: s }, ...r))
   );
 }
 function vo() {
-  return d.hr(r.class("bc-sidebar-separator"));
+  return d.hr(o.class("bc-sidebar-separator"));
 }
 function Ea(e, t, n, a) {
-  const o = ["bc-tabs", `bc-tabs--${e}`, `bc-tabs--${t}`];
-  return n && o.push("bc-tabs--disabled"), a != null && a !== "default" && o.push(`bc-tabs--variant-${a}`), o.join(" ");
+  const r = ["bc-tabs", `bc-tabs--${e}`, `bc-tabs--${t}`];
+  return n && r.push("bc-tabs--disabled"), a != null && a !== "default" && r.push(`bc-tabs--variant-${a}`), r.join(" ");
 }
 function Ma(e, t) {
   if (e !== "filled") return "";
-  const n = /* @__PURE__ */ new Map(), a = ue(t, "solid", "light"), o = ue(t, "solid", "dark");
+  const n = /* @__PURE__ */ new Map(), a = ue(t, "solid", "light"), r = ue(t, "solid", "dark");
   n.set("--tabs-filled-inactive-bg", a.backgroundColor), n.set("--tabs-filled-inactive-text", "var(--color-white)");
-  const l = se(t, "solid", "light");
-  n.set("--tabs-filled-inactive-bg-hover", l.backgroundColor);
+  const s = se(t, "solid", "light");
+  n.set("--tabs-filled-inactive-bg-hover", s.backgroundColor);
   const i = se(t, "solid", "dark");
-  n.set("--tabs-filled-inactive-bg-dark-hover", i.backgroundColor), n.set("--tabs-filled-inactive-bg-dark", o.backgroundColor), n.set("--tabs-filled-inactive-text-dark", o.textColor), n.set("--tabs-filled-active-bg", "var(--color-white)"), n.set("--tabs-filled-active-text", "var(--color-base-800)"), n.set("--tabs-filled-active-bg-dark", "var(--color-base-900)");
+  n.set("--tabs-filled-inactive-bg-dark-hover", i.backgroundColor), n.set("--tabs-filled-inactive-bg-dark", r.backgroundColor), n.set("--tabs-filled-inactive-text-dark", r.textColor), n.set("--tabs-filled-active-bg", "var(--color-white)"), n.set("--tabs-filled-active-text", "var(--color-base-800)"), n.set("--tabs-filled-active-bg-dark", "var(--color-base-900)");
   const c = t === "white" || t === "black" || t === "transparent" ? "var(--color-white)" : ut(t, 400);
-  return n.set("--tabs-filled-active-text-dark", c), Array.from(n.entries()).map(([u, s]) => `${u}: ${s}`).join("; ");
+  return n.set("--tabs-filled-active-text-dark", c), Array.from(n.entries()).map(([u, l]) => `${u}: ${l}`).join("; ");
 }
 function Oa(e, t, n) {
   const a = ["bc-tab", `bc-tab--${e}`];
@@ -4168,14 +4172,14 @@ function Oa(e, t, n) {
 }
 function He(e, t, n) {
   const a = t.length;
-  let o = e + n;
-  o >= a ? o = 0 : o < 0 && (o = a - 1);
-  let l = 0;
-  for (; l < a; ) {
-    const i = t[o];
+  let r = e + n;
+  r >= a ? r = 0 : r < 0 && (r = a - 1);
+  let s = 0;
+  for (; s < a; ) {
+    const i = t[r];
     if (!v.get(i.disabled ?? !1))
-      return o;
-    o += n, o >= a ? o = 0 : o < 0 && (o = a - 1), l++;
+      return r;
+    r += n, r >= a ? r = 0 : r < 0 && (r = a - 1), s++;
   }
   return e;
 }
@@ -4184,12 +4188,12 @@ function yo(e) {
     items: t,
     value: n,
     onChange: a,
-    size: o = "md",
-    variant: l = "default",
+    size: r = "md",
+    variant: s = "default",
     color: i = "primary",
     disabled: c = !1,
     orientation: u = "horizontal",
-    showContent: s = !0,
+    showContent: l = !0,
     ariaLabel: f
   } = e, b = he("tablist"), k = Z(-1), m = I(n)((h) => t.find((x) => x.key === h)), y = (h) => {
     if (v.get(c)) return;
@@ -4224,12 +4228,12 @@ function yo(e) {
     }, 0));
   };
   return d.div(
-    r.class(
+    o.class(
       I(
-        o,
+        r,
         u,
         c,
-        l
+        s
       )(
         (h, x, w, g) => Ea(
           h ?? "md",
@@ -4239,9 +4243,9 @@ function yo(e) {
         )
       )
     ),
-    r.style(
+    o.style(
       I(
-        l,
+        s,
         i
       )(
         (h, x) => Ma(h ?? "default", x ?? "primary")
@@ -4249,9 +4253,9 @@ function yo(e) {
     ),
     // Tab list
     d.div(
-      r.class("bc-tabs__list"),
-      r.role("tablist"),
-      r.id(b),
+      o.class("bc-tabs__list"),
+      o.role("tablist"),
+      o.id(b),
       M.orientation(
         u ?? "horizontal"
       ),
@@ -4261,34 +4265,34 @@ function yo(e) {
         const w = I(n)(($) => $ === h.key), g = I(
           c,
           h.disabled
-        )(($, L) => $ || L), p = `${b}-tab-${h.key}`, C = `${b}-panel-${h.key}`;
+        )(($, P) => $ || P), p = `${b}-tab-${h.key}`, C = `${b}-panel-${h.key}`;
         return d.button(
-          r.type("button"),
-          r.class(
+          o.type("button"),
+          o.class(
             I(
-              o,
+              r,
               w,
               g
             )(
-              ($, L, _) => Oa(
+              ($, P, _) => Oa(
                 $ ?? "md",
-                L ?? !1,
+                P ?? !1,
                 _ ?? !1
               )
             )
           ),
-          r.id(p),
-          r.role("tab"),
-          r.tabindex(
+          o.id(p),
+          o.role("tab"),
+          o.tabindex(
             I(
               w,
               k
-            )(($, L) => $ || L === x ? 0 : -1)
+            )(($, P) => $ || P === x ? 0 : -1)
           ),
           M.selected(w),
           M.controls(C),
           M.disabled(g),
-          r.disabled(g),
+          o.disabled(g),
           st["tab-index"](String(x)),
           h.ariaLabel ? M.label(h.ariaLabel) : R(),
           A.click(($) => {
@@ -4303,16 +4307,16 @@ function yo(e) {
     ),
     // Panel
     Q(
-      s ?? !0,
+      l ?? !0,
       () => Ue(m, (h) => {
         const x = h.$.key, w = x.map((p) => `${b}-tab-${p}`), g = x.map((p) => `${b}-panel-${p}`);
         return d.div(
-          r.class("bc-tabs__panels"),
+          o.class("bc-tabs__panels"),
           d.div(
-            r.class("bc-tabs__panel"),
-            r.id(g),
-            r.role("tabpanel"),
-            r.tabindex(0),
+            o.class("bc-tabs__panel"),
+            o.id(g),
+            o.role("tabpanel"),
+            o.tabindex(0),
             M.labelledby(w),
             Rt(h, (p) => p.content())
           )
@@ -4324,11 +4328,11 @@ function yo(e) {
 function wo(e) {
   return zt((t, n) => {
     let a = n;
-    const o = () => a();
+    const r = () => a();
     return e((c) => {
       const {
         size: u = "md",
-        side: s = "right",
+        side: l = "right",
         dismissable: f = !0,
         showCloseButton: b = !0,
         onClose: k,
@@ -4346,39 +4350,39 @@ function wo(e) {
       const p = I(
         h != null,
         b
-      )(($, L) => $ || L), C = ne(($) => {
-        const L = Re({
+      )(($, P) => $ || P), C = ne(($) => {
+        const P = Re({
           initialStatus: "closed",
           element: $
         });
-        L.listenOnClosed(() => {
+        P.listenOnClosed(() => {
           n();
         }), a = () => {
-          L.close();
-        }, Ge(() => L.open());
+          P.close();
+        }, Ge(() => P.open());
         const T = he("drawer"), V = h != null ? `${T}-header` : void 0, O = `${T}-body`;
         return d.div(
-          r.class(
+          o.class(
             I(
               u,
-              s,
-              L.status
+              l,
+              P.status
             )(
               (B, F, X) => `bc-drawer bc-drawer--size-${B} bc-drawer--container-${y} bc-drawer--side-${F} bc-drawer--status-${X}`
             )
           ),
           // Essential ARIA attributes for drawer dialog
-          r.role("dialog"),
+          o.role("dialog"),
           M.modal(!0),
           ...V ? [M.labelledby(V)] : [],
           M.describedby(O),
-          r.tabindex(-1),
+          o.tabindex(-1),
           // Make drawer focusable for initial focus
-          r.id(T),
+          o.id(T),
           st.focusTrap("true"),
           // Mark as focus trap container
           // Focus trap for keyboard navigation
-          Pn({
+          Ln({
             active: !0,
             escapeDeactivates: !1,
             // Let Overlay handle escape key
@@ -4391,33 +4395,33 @@ function wo(e) {
           // Drawer content container
           Rt(p, (B) => _t(B ? {
             header: d.div(
-              r.class("bc-drawer__header"),
-              d.div(r.id(V), h),
+              o.class("bc-drawer__header"),
+              d.div(o.id(V), h),
               Q(
                 b,
                 () => ae(
                   ie,
                   (F) => Fe({
                     size: "sm",
-                    onClick: o,
+                    onClick: r,
                     label: F.$.closeDrawer
                   })
                 )
               )
             ),
             body: d.div(
-              r.class("bc-drawer__body"),
-              r.id(O),
+              o.class("bc-drawer__body"),
+              o.id(O),
               x
             ),
-            footer: w && d.div(r.class("bc-drawer__footer"), w)
+            footer: w && d.div(o.class("bc-drawer__footer"), w)
           } : {
             body: d.div(
-              r.class("bc-drawer__body"),
-              r.id(O),
+              o.class("bc-drawer__body"),
+              o.id(O),
               x
             ),
-            footer: w && d.div(r.class("bc-drawer__footer"), w)
+            footer: w && d.div(o.class("bc-drawer__footer"), w)
           }))
         );
       });
@@ -4427,14 +4431,14 @@ function wo(e) {
         container: y,
         content: C,
         onClickOutside: () => {
-          k?.(), o();
+          k?.(), r();
         },
         onEscape: () => {
-          k?.(), o();
+          k?.(), r();
         }
       });
     }, () => {
-      o();
+      r();
     });
   });
 }
@@ -4455,8 +4459,8 @@ function xo(e) {
     content: t,
     placement: n = "top",
     showDelay: a = 250,
-    hideDelay: o = 500,
-    mainAxisOffset: l = 8,
+    hideDelay: r = 500,
+    mainAxisOffset: s = 8,
     crossAxisOffset: i = 0,
     showOn: c = "hover-focus"
   } = e, u = he("tooltip");
@@ -4464,32 +4468,32 @@ function xo(e) {
     M.describedby(u),
     Ze({
       content: () => R(
-        r.class("bc-tooltip"),
-        r.role("tooltip"),
-        r.id(u),
+        o.class("bc-tooltip"),
+        o.role("tooltip"),
+        o.id(u),
         t
       ),
       placement: n,
       showDelay: a,
-      hideDelay: o,
-      mainAxisOffset: l,
+      hideDelay: r,
+      mainAxisOffset: s,
       crossAxisOffset: i,
       showOn: c,
       closable: !0,
       role: "tooltip",
       // Override the default dialog role for tooltips
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      arrow: (s) => {
-        const f = s.map(
+      arrow: (l) => {
+        const f = l.map(
           ({
             placement: b
           }) => b.includes("top") ? "down" : b.includes("bottom") ? "up" : b.includes("left") ? "right" : b.includes("right") ? "left" : "up"
         );
         return R(
-          r.class("bc-tooltip__arrow"),
-          r.class(f.map((b) => `bc-tooltip__arrow-${b}`)),
+          o.class("bc-tooltip__arrow"),
+          o.class(f.map((b) => `bc-tooltip__arrow-${b}`)),
           S.transform(
-            s.map(({ x: b, y: k }) => b == null && k == null ? "" : b != null ? `translate(${b}px, 0)` : `translate(0, ${k}px)`)
+            l.map(({ x: b, y: k }) => b == null && k == null ? "" : b != null ? `translate(${b}px, 0)` : `translate(0, ${k}px)`)
           ),
           Na(f)
         );
@@ -4497,7 +4501,7 @@ function xo(e) {
     })
   );
 }
-function Ra(e, t, n, a, o, l) {
+function Ra(e, t, n, a, r, s) {
   const i = ue(e, "solid", "light"), c = ue(e, "solid", "dark");
   return [
     `--ribbon-bg: ${i.backgroundColor}`,
@@ -4507,8 +4511,8 @@ function Ra(e, t, n, a, o, l) {
     `--ribbon-inset: ${nt(t)}`,
     `--ribbon-offset: ${nt(n)}`,
     `--ribbon-width: ${nt(a)}`,
-    `--ribbon-angle: ${o}deg`,
-    `--ribbon-corner: ${l}`
+    `--ribbon-angle: ${r}deg`,
+    `--ribbon-corner: ${s}`
   ].join("; ");
 }
 function nt(e) {
@@ -4519,25 +4523,25 @@ function ko({
   class: t,
   inset: n = 0,
   offset: a = 40,
-  width: o = 100,
-  angle: l = 45,
+  width: r = 100,
+  angle: s = 45,
   corner: i = "top-end"
 }, ...c) {
   return d.div(
-    r.class("bc-ribbon"),
+    o.class("bc-ribbon"),
     // Theme styles via CSS variables
-    r.style(
+    o.style(
       I(
         e,
         n,
         a,
-        o,
-        l,
+        r,
+        s,
         i
       )(Ra)
     ),
     // Allow external classes
-    r.class(t),
+    o.class(t),
     ...c
   );
 }
@@ -4545,15 +4549,15 @@ function So(e, t) {
   const {
     dismissable: n = !0,
     showCloseButton: a = !0,
-    overlayEffect: o = "opaque",
-    container: l = "body",
+    overlayEffect: r = "opaque",
+    container: s = "body",
     padding: i = 32
   } = e;
   return zt((c, u) => {
-    let s = () => {
+    let l = () => {
     };
     return t((k) => {
-      s = u;
+      l = u;
       const m = Z(
         typeof n != "boolean" || n ? "capturing" : "non-capturing"
       );
@@ -4562,19 +4566,19 @@ function So(e, t) {
         y = x, m.set(x ? "capturing" : "non-capturing");
       });
       const h = d.div(
-        r.class("bc-lightbox"),
+        o.class("bc-lightbox"),
         // Close button (top-end)
         Q(
           a,
           () => ae(
             ie,
             (x) => d.div(
-              r.class("bc-lightbox__close"),
+              o.class("bc-lightbox__close"),
               Fe({
                 size: "md",
                 label: x.$.closeModal,
                 onClick: () => {
-                  s(), u();
+                  l(), u();
                 }
               })
             )
@@ -4583,31 +4587,31 @@ function So(e, t) {
         ),
         // Viewport (centering + padding)
         d.div(
-          r.class("bc-lightbox__viewport"),
+          o.class("bc-lightbox__viewport"),
           // Visual padding applied here
-          r.style(
+          o.style(
             I(i)(
               (x) => `padding:${typeof x == "number" ? x + "px" : x}`
             )
           ),
           // Content wrapper capped by viewport; overflow is clipped
-          d.div(r.class("bc-lightbox__content"), k)
+          d.div(o.class("bc-lightbox__content"), k)
         )
       );
       c({
         mode: m,
-        effect: o ?? "opaque",
-        container: l,
+        effect: r ?? "opaque",
+        container: s,
         content: h,
         onClickOutside: () => {
-          y && (s(), u());
+          y && (l(), u());
         },
         onEscape: () => {
-          y && (s(), u());
+          y && (l(), u());
         }
       });
     }, () => {
-      s(), u();
+      l(), u();
     });
   });
 }
@@ -4623,8 +4627,8 @@ function Co({
   icon: t,
   closable: n = !1,
   onDismiss: a,
-  class: o
-}, ...l) {
+  class: r
+}, ...s) {
   const i = Z(!0);
   return Q(i, () => {
     const c = v.map(
@@ -4632,21 +4636,21 @@ function Co({
       (u) => !!u || a != null
     );
     return d.div(
-      r.class(
+      o.class(
         I(
           c,
-          o
-        )((u, s) => Ua(u, s))
+          r
+        )((u, l) => Ua(u, l))
       ),
-      r.style(
+      o.style(
         v.map(e, (u) => Fa(u))
       ),
       d.div(
-        r.class("bc-announcement-bar__content"),
+        o.class("bc-announcement-bar__content"),
         Q(
           v.map(t, (u) => u != null),
           () => d.div(
-            r.class("bc-announcement-bar__icon"),
+            o.class("bc-announcement-bar__icon"),
             ee({
               icon: t,
               size: "sm",
@@ -4654,11 +4658,11 @@ function Co({
             })
           )
         ),
-        d.div(r.class("bc-announcement-bar__text"), ...l),
+        d.div(o.class("bc-announcement-bar__text"), ...s),
         Q(
           c,
           () => d.div(
-            r.class("bc-announcement-bar__close"),
+            o.class("bc-announcement-bar__close"),
             Fe({
               size: "xs",
               color: "white",
@@ -4691,12 +4695,12 @@ function To(e) {
     url: t,
     playing: n = !1,
     loop: a = !1,
-    controls: o = !1,
-    volume: l = 1,
+    controls: r = !1,
+    volume: s = 1,
     muted: i = !1,
     playbackRate: c = 1,
     pip: u = !1,
-    playsinline: s = !0,
+    playsinline: l = !0,
     width: f,
     height: b,
     progressInterval: k = 1e3,
@@ -4709,19 +4713,19 @@ function To(e) {
     onBuffer: p,
     onBufferEnd: C,
     onEnded: $,
-    onError: L,
+    onError: P,
     onDuration: _,
     onSeek: T,
     onProgress: V,
     onPlaybackRateChange: O,
     onPlaybackQualityChange: B
   } = e;
-  function F(P) {
-    return /\.m3u8(\?|$)/i.test(P);
+  function F(L) {
+    return /\.m3u8(\?|$)/i.test(L);
   }
-  function X(P) {
+  function X(L) {
     try {
-      const E = P.canPlayType("application/vnd.apple.mpegurl");
+      const E = L.canPlayType("application/vnd.apple.mpegurl");
       return E === "probably" || E === "maybe";
     } catch {
       return !1;
@@ -4738,22 +4742,22 @@ function To(e) {
   }
   const q = [];
   q.push(
-    v.on(t, (P) => {
-      typeof P == "string" && P.length > 0 && ja(P) ? H.value = "youtube" : (H.value = "file", U && de());
+    v.on(t, (L) => {
+      typeof L == "string" && L.length > 0 && ja(L) ? H.value = "youtube" : (H.value = "file", U && de());
     })
   );
   async function de() {
-    const P = U;
-    if (!P) return;
+    const L = U;
+    if (!L) return;
     const E = v.get(t);
     if (typeof E != "string" || E.length === 0) return;
     Te();
     const j = y?.file?.forceHLS ?? !1;
     if (F(E) || j) {
-      if (X(P)) {
-        P.setAttribute("src", E);
+      if (X(L)) {
+        L.setAttribute("src", E);
         try {
-          P.load();
+          L.load();
         } catch {
         }
         return;
@@ -4767,45 +4771,45 @@ function To(e) {
         if (typeof _e == "function") {
           const xe = _e;
           if (typeof xe.isSupported == "function" && xe.isSupported()) {
-            P.removeAttribute("src");
+            L.removeAttribute("src");
             try {
-              P.load();
+              L.load();
             } catch {
             }
             const Qe = new xe(y?.hls);
-            le = Qe, Qe.attachMedia(P), Qe.loadSource(E);
+            le = Qe, Qe.attachMedia(L), Qe.loadSource(E);
           } else {
-            P.setAttribute("src", E);
+            L.setAttribute("src", E);
             try {
-              P.load();
+              L.load();
             } catch {
             }
           }
         } else {
-          P.setAttribute("src", E);
+          L.setAttribute("src", E);
           try {
-            P.load();
+            L.load();
           } catch {
           }
         }
       } catch (J) {
-        L?.(J), P.setAttribute("src", E);
+        P?.(J), L.setAttribute("src", E);
         try {
-          P.load();
+          L.load();
         } catch {
         }
       }
       return;
     }
-    P.setAttribute("src", E);
+    L.setAttribute("src", E);
     try {
-      P.load();
+      L.load();
     } catch {
     }
   }
   function ye() {
     Y?.();
-    const P = v.get(k) ?? 1e3;
+    const L = v.get(k) ?? 1e3;
     Y = Ct(() => {
       const E = U;
       if (!E) return;
@@ -4816,20 +4820,20 @@ function To(e) {
         loaded: j > 0 ? Math.min(Oe, j) / j : 0,
         loadedSeconds: Math.min(Oe, j)
       });
-    }, P);
+    }, L);
   }
-  function we(P) {
-    if (P != null)
-      return typeof P == "number" ? `${P}px` : P;
+  function we(L) {
+    if (L != null)
+      return typeof L == "number" ? `${L}px` : L;
   }
   const De = d.video(
-    ne((P) => {
-      U = P, h?.();
+    ne((L) => {
+      U = L, h?.();
       try {
         U.playbackRate = v.get(c) ?? 1;
       } catch {
       }
-      U.muted = !!(v.get(i) ?? !1), U.loop = !!(v.get(a) ?? !1), U.controls = !!(v.get(o) ?? !1), U.playsInline != null && (!!(v.get(s) ?? !0) ? U.setAttribute("playsinline", "") : U.removeAttribute("playsinline")), v.get(n) && (U.play?.().catch(() => {
+      U.muted = !!(v.get(i) ?? !1), U.loop = !!(v.get(a) ?? !1), U.controls = !!(v.get(r) ?? !1), U.playsInline != null && (!!(v.get(l) ?? !0) ? U.setAttribute("playsinline", "") : U.removeAttribute("playsinline")), v.get(n) && (U.play?.().catch(() => {
       }), x?.());
       try {
         const E = !!(v.get(u) ?? !1), j = document, J = U;
@@ -4855,19 +4859,19 @@ function To(e) {
     A.pause(() => g?.()),
     A.waiting(() => p?.()),
     A.canplay(() => {
-      const P = U?.duration;
-      P != null && Number.isFinite(P) && _?.(P);
+      const L = U?.duration;
+      L != null && Number.isFinite(L) && _?.(L);
     }),
     A.ended(() => $?.()),
-    A.error((P) => {
-      le || L?.(P);
+    A.error((L) => {
+      le || P?.(L);
     })
   );
   let Ae = null, z = null, Ie = null;
   function $e() {
-    const P = v.get(t);
-    !Ae || typeof P != "string" || Ha().then((E) => {
-      const j = fn(P);
+    const L = v.get(t);
+    !Ae || typeof L != "string" || Ha().then((E) => {
+      const j = fn(L);
       if (j) {
         if (z) {
           z.loadVideoById({ videoId: j });
@@ -4896,7 +4900,7 @@ function To(e) {
                   break;
               }
             },
-            onError: (J) => L?.(J),
+            onError: (J) => P?.(J),
             onPlaybackRateChange: (J) => O?.(J.data),
             onPlaybackQualityChange: (J) => B?.(J.data)
           }
@@ -4906,7 +4910,7 @@ function To(e) {
   }
   function Ke() {
     Ie?.();
-    const P = v.get(k) ?? 1e3;
+    const L = v.get(k) ?? 1e3;
     Ie = Ct(() => {
       if (!z) return;
       const E = z.getDuration?.() ?? 0, j = z.getCurrentTime?.() ?? 0, J = z.getVideoLoadedFraction?.() ?? 0;
@@ -4916,7 +4920,7 @@ function To(e) {
         loaded: J,
         loadedSeconds: J * E
       });
-    }, P);
+    }, L);
   }
   function D() {
     if (!z) return;
@@ -4927,7 +4931,7 @@ function To(e) {
     }
     try {
       const j = Math.round(
-        Math.min(Math.max(v.get(l) ?? 1, 0), 1) * 100
+        Math.min(Math.max(v.get(s) ?? 1, 0), 1) * 100
       );
       z.setVolume?.(j);
     } catch {
@@ -4941,8 +4945,8 @@ function To(e) {
     typeof E == "number" && Number.isFinite(E) && (z.seekTo?.(E, !0), T?.(E));
   }
   const N = d.div(
-    ne((P) => {
-      Ae = P, $e(), h?.();
+    ne((L) => {
+      Ae = L, $e(), h?.();
     })
   );
   q.push(
@@ -4955,14 +4959,14 @@ function To(e) {
       }) : U.pause?.() : H.value === "youtube" && z && (v.get(n) ? z.playVideo?.() : z.pauseVideo?.());
     })
   ), q.push(
-    v.on(l, () => {
+    v.on(s, () => {
       if (H.value === "file" && U)
-        U.volume = Math.min(Math.max(v.get(l) ?? 1, 0), 1);
+        U.volume = Math.min(Math.max(v.get(s) ?? 1, 0), 1);
       else if (H.value === "youtube" && z) {
-        const P = Math.round(
-          Math.min(Math.max(v.get(l) ?? 1, 0), 1) * 100
+        const L = Math.round(
+          Math.min(Math.max(v.get(s) ?? 1, 0), 1) * 100
         );
-        z.setVolume?.(P);
+        z.setVolume?.(L);
       }
     })
   ), q.push(
@@ -4982,8 +4986,8 @@ function To(e) {
     v.on(u, async () => {
       if (!(H.value !== "file" || !U))
         try {
-          const P = !!(v.get(u) ?? !1), E = document, j = U;
-          P ? typeof j.requestPictureInPicture == "function" && E.pictureInPictureElement !== U && await j.requestPictureInPicture()?.catch(() => {
+          const L = !!(v.get(u) ?? !1), E = document, j = U;
+          L ? typeof j.requestPictureInPicture == "function" && E.pictureInPictureElement !== U && await j.requestPictureInPicture()?.catch(() => {
           }) : E.pictureInPictureElement === U && typeof E.exitPictureInPicture == "function" && await E.exitPictureInPicture()?.catch(() => {
           });
         } catch {
@@ -4991,18 +4995,18 @@ function To(e) {
     })
   ), q.push(
     v.on(m ?? null, () => {
-      const P = v.get(m);
-      if (P != null)
+      const L = v.get(m);
+      if (L != null)
         if (H.value === "file" && U)
           try {
-            U.currentTime = P, T?.(P);
+            U.currentTime = L, T?.(L);
           } catch {
           }
-        else H.value === "youtube" && z && (z.seekTo?.(P, !0), T?.(P));
+        else H.value === "youtube" && z && (z.seekTo?.(L, !0), T?.(L));
     })
   );
   const K = d.div(
-    r.class("bc-base-video"),
+    o.class("bc-base-video"),
     S.width(
       v.map(f, we)
     ),
@@ -5010,7 +5014,7 @@ function To(e) {
       v.map(b, we)
     ),
     Q(
-      v.map(H, (P) => P === "youtube"),
+      v.map(H, (L) => L === "youtube"),
       () => N,
       () => De
     )
@@ -5032,8 +5036,8 @@ function Wa(e) {
     rel: 0,
     playsinline: v.get(e.playsinline) ?? !0 ? 1 : 0,
     modestbranding: 1
-  }, n = v.get(e.loop) ?? !1, a = v.get(e.url), o = typeof a == "string" ? fn(a) : null;
-  return n && o && (t.loop = 1, t.playlist = o), t;
+  }, n = v.get(e.loop) ?? !1, a = v.get(e.url), r = typeof a == "string" ? fn(a) : null;
+  return n && r && (t.loop = 1, t.playlist = r), t;
 }
 const gt = "https://cdn.jsdelivr.net/npm/pdfjs-dist@5.4.394/", za = (e) => {
   if (!e || typeof e != "object") return !1;
@@ -5065,21 +5069,21 @@ async function qa() {
 }
 function Ja(e, t) {
   if (e.byteLength !== t.byteLength) return !1;
-  const n = e.byteLength, a = new DataView(e.buffer, e.byteOffset, n), o = new DataView(t.buffer, t.byteOffset, n), l = n >>> 2, i = n & 3;
-  for (let c = 0; c < l; c++)
-    if (a.getUint32(c * 4) !== o.getUint32(c * 4)) return !1;
+  const n = e.byteLength, a = new DataView(e.buffer, e.byteOffset, n), r = new DataView(t.buffer, t.byteOffset, n), s = n >>> 2, i = n & 3;
+  for (let c = 0; c < s; c++)
+    if (a.getUint32(c * 4) !== r.getUint32(c * 4)) return !1;
   for (let c = n - i; c < n; c++)
     if (e[c] !== t[c]) return !1;
   return !0;
 }
 function Ka(e, t) {
   if (e.byteLength !== t.byteLength) return !1;
-  const n = e.byteLength, a = n >>> 2, o = new Uint32Array(e, 0, a), l = new Uint32Array(t, 0, a);
-  for (let s = 0; s < a; s++)
-    if (o[s] !== l[s]) return !1;
+  const n = e.byteLength, a = n >>> 2, r = new Uint32Array(e, 0, a), s = new Uint32Array(t, 0, a);
+  for (let l = 0; l < a; l++)
+    if (r[l] !== s[l]) return !1;
   const i = n & 3, c = new Uint8Array(e, a * 4, i), u = new Uint8Array(t, a * 4, i);
-  for (let s = 0; s < i; s++)
-    if (c[s] !== u[s]) return !1;
+  for (let l = 0; l < i; l++)
+    if (c[l] !== u[l]) return !1;
   return !0;
 }
 function Qa(e, t) {
@@ -5097,12 +5101,12 @@ function Io({
   page: t = 1,
   fit: n = "width",
   scale: a = 1,
-  rotation: o = 0,
-  quality: l = 2,
+  rotation: r = 0,
+  quality: s = 2,
   renderTextLayer: i = !0,
   renderAnnotationLayer: c = !1,
   onPageChange: u,
-  onLoadComplete: s
+  onLoadComplete: l
 }, ...f) {
   const b = qa();
   let k = rt(
@@ -5129,16 +5133,16 @@ function Io({
             t,
             n,
             a,
-            o,
-            l,
+            r,
+            s,
             i,
             c,
             g
-          )((p, C, $, L, _, T, V, O, B) => ({
+          )((p, C, $, P, _, T, V, O, B) => ({
             source: p,
             page: C,
             fit: $,
-            scale: L,
+            scale: P,
             rotation: _,
             quality: T,
             renderTextLayer: V,
@@ -5147,8 +5151,8 @@ function Io({
             containerHeight: B.height
           })),
           load: async ({ request: p }) => {
-            const C = await b, $ = p.source, L = rt($), _ = rt($);
-            (m == null || !Qa(k, L)) && (m != null && (m.destroy(), m = null), k = L, m = await C.getDocument(_).promise, s?.({ numPages: m.numPages }));
+            const C = await b, $ = p.source, P = rt($), _ = rt($);
+            (m == null || !Qa(k, P)) && (m != null && (m.destroy(), m = null), k = P, m = await C.getDocument(_).promise, l?.({ numPages: m.numPages }));
             const T = p.page < 1 || p.page > m.numPages ? 1 : p.page;
             u != null && T !== y && (y = T, u(T));
             const V = await m.getPage(T);
@@ -5272,27 +5276,27 @@ function Io({
           },
           convertError: (p) => p instanceof Error ? p.message : JSON.stringify(p),
           pending: () => d.div(
-            r.class("bc-pdf-page-viewer__loading"),
+            o.class("bc-pdf-page-viewer__loading"),
             ee({
               icon: "line-md:loading-twotone-loop",
               size: "lg"
             }),
             d.span(
-              r.class("bc-pdf-page-viewer__loading-text"),
+              o.class("bc-pdf-page-viewer__loading-text"),
               h.map((p) => p.pdfPageViewer.loading)
             )
           ),
           failure: ({ error: p }) => d.div(
-            r.class("bc-pdf-page-viewer__error"),
+            o.class("bc-pdf-page-viewer__error"),
             ee({
               icon: "line-md:alert-circle",
               size: "lg",
               color: "danger"
             }),
-            d.span(r.class("bc-pdf-page-viewer__error-text"), p)
+            d.span(o.class("bc-pdf-page-viewer__error-text"), p)
           ),
           success: ({ value: p }) => d.div(
-            r.class(
+            o.class(
               v.map(
                 n,
                 (C) => C === "none" ? "bc-pdf-page-viewer" : `bc-pdf-page-viewer bc-pdf-page-viewer--fit-${C}`
@@ -5300,11 +5304,11 @@ function Io({
             ),
             // Wrapper for canvas and layers (provides positioning context)
             d.div(
-              r.class("bc-pdf-page-viewer__content"),
+              o.class("bc-pdf-page-viewer__content"),
               // Only set fixed dimensions when fit is 'none'
               Q(
                 v.map(n, (C) => C === "none"),
-                () => r.style(
+                () => o.style(
                   p.$.canvasWidth.map(
                     (C) => `width: ${C}px; height: ${p.value.canvasHeight}px;`
                   )
@@ -5313,20 +5317,20 @@ function Io({
               ),
               // Canvas layer
               d.canvas(
-                r.class("bc-pdf-page-viewer__canvas"),
-                r.width(p.$.canvasWidth.map(String)),
-                r.height(p.$.canvasHeight.map(String)),
+                o.class("bc-pdf-page-viewer__canvas"),
+                o.width(p.$.canvasWidth.map(String)),
+                o.height(p.$.canvasHeight.map(String)),
                 ...f
               ),
               // Text layer (for text selection)
-              d.div(r.class("bc-pdf-page-viewer__text-layer")),
+              d.div(o.class("bc-pdf-page-viewer__text-layer")),
               // Annotation layer (for links, forms, etc.)
-              d.div(r.class("bc-pdf-page-viewer__annotation-layer"))
+              d.div(o.class("bc-pdf-page-viewer__annotation-layer"))
             ),
             ne((C) => {
               const $ = C.querySelector(
                 ".bc-pdf-page-viewer__canvas"
-              ), L = C.querySelector(
+              ), P = C.querySelector(
                 ".bc-pdf-page-viewer__text-layer"
               ), _ = C.querySelector(
                 ".bc-pdf-page-viewer__annotation-layer"
@@ -5334,7 +5338,7 @@ function Io({
               return v.on(p, async (T) => {
                 await T.render(
                   $,
-                  L,
+                  P,
                   _
                 );
               }), W;
@@ -5363,7 +5367,7 @@ export {
   Si as BaseListControl,
   Ml as BaseMappedControl,
   Ci as BaseNativeSelectControl,
-  Lr as BaseSelectTagsControl,
+  Pr as BaseSelectTagsControl,
   To as BaseVideoPlayer,
   io as BeatUI,
   ie as BeatUII18n,
@@ -5406,7 +5410,7 @@ export {
   Mr as FileInput,
   Vn as FilesInput,
   Ze as Flyout,
-  Pn as FocusTrap,
+  Ln as FocusTrap,
   ro as FormStatus,
   Gt as Group,
   ee as Icon,
@@ -5421,19 +5425,19 @@ export {
   Ia as Link,
   Tc as LinkPortal,
   _i as ListControl,
-  Pi as ListInput,
+  Li as ListInput,
   ct as Locale,
   lo as LocaleSelector,
   jl as MappedControl,
   Me as MaskInput,
   tn as Menu,
-  Pr as MenuItem,
+  Lr as MenuItem,
   nn as MenuSeparator,
   ui as Modal,
   Hl as MutedLabel,
   co as NativePdfPreview,
   Zt as NativeSelect,
-  Li as NativeSelectControl,
+  Pi as NativeSelectControl,
   bo as NavigationLink,
   Tr as NineSliceScrollView,
   Wl as Notice,
@@ -5487,7 +5491,7 @@ export {
   mo as Sidebar,
   Aa as SidebarActiveLink,
   Va as SidebarClickLink,
-  La as SidebarContext,
+  Pa as SidebarContext,
   Bt as SidebarGroup,
   Ba as SidebarLink,
   vo as SidebarSeparator,
@@ -5506,18 +5510,18 @@ export {
   Gi as TextArea,
   Ao as TextInput,
   Yt as Theme,
-  Ln as ThemeAppearance,
+  Pn as ThemeAppearance,
   $c as Toolbar,
   _c as ToolbarButton,
-  Pc as ToolbarDivider,
-  Lc as ToolbarGroup,
+  Lc as ToolbarDivider,
+  Pc as ToolbarGroup,
   Dc as ToolbarSpacer,
   xo as Tooltip,
   Zi as UUIDInput,
   qi as UnionController,
   Ji as UnstyledDropZone,
   Ki as UrlInput,
-  Po as Use,
+  Lo as Use,
   Xn as WithBeatUIBreakpoint,
   xr as WithBeatUIElementBreakpoint,
   Kt as WithBreakpoint,
@@ -5583,8 +5587,8 @@ export {
   Is as generateSemanticFontVariables,
   $s as generateSemanticMotionVariables,
   _s as generateSemanticRadiusVariables,
-  Ps as generateSemanticShadowVariables,
-  Ls as generateSemanticSpacingVariables,
+  Ls as generateSemanticShadowVariables,
+  Ps as generateSemanticSpacingVariables,
   Ds as generateSemanticTextShadowVariables,
   As as generateSemanticTokenVariables,
   Vs as generateShadowVariables,
@@ -5643,7 +5647,7 @@ export {
   rs as interactiveColors,
   jo as isIndexedDBAvailable,
   Ho as isRTLLocale,
-  Pa as isUrlMatch,
+  La as isUrlMatch,
   Mn as isValidColor,
   St as isValidHexColor,
   lc as isValidHslColor,
@@ -5683,9 +5687,9 @@ export {
   Il as semanticRadiusNames,
   $l as semanticShadowNames,
   _l as semanticSpacingNames,
-  Pl as semanticTextShadowNames,
+  Ll as semanticTextShadowNames,
   he as sessionId,
-  Ll as shadows,
+  Pl as shadows,
   Dl as spacing,
   yc as srgbToLinear,
   ni as standardSchemaResultToValidation,