@tempots/beatui 0.61.8 → 0.61.11

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { prop as G, html as d, attr as o, computedOf as T, Fragment as R, OnDispose as oe, style as S, on as L, WithElement as ne, When as Q, Value as v, Use as ae, Empty as W, input as pe, emitValue as X, aria as E, OneOfValue as bn, Unless as gn, coalesce as Pe, ForEach as Le, Ensure as Ue, OneOfType as Et, dataAttr as lt, NotEmpty as mn, emitValueAsDate as hn, Portal as st, 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 { prop as G, html as d, attr as o, computedOf as I, Fragment as U, OnDispose as oe, style as C, on as L, WithElement as ne, When as Q, Value as h, Use as ae, Empty as W, input as pe, emitValue as X, aria as M, OneOfValue as bn, Unless as gn, coalesce as Pe, ForEach as Le, Ensure as Ue, OneOfType as Et, dataAttr as lt, NotEmpty as mn, emitValueAsDate as hn, Portal as st, 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 { PopOver as Sn, ElementRect as Be, WindowSize as Cn, Query as Ut, Location as Ne, NavigationService as In, Anchor as it } from "@tempots/ui";
-import { i as le, t as Se, h as vt, e as ue, a as ie, I as te, 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 { i as le, 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 Mo, g as Eo, 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 Zo } 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 el, l as tl, m as nl, k as al, j as rl, n as ol, r as ll, s as sl, d as il, h as cl, t as ul } from "./colors-pQZlNrwM.js";
@@ -50,20 +50,20 @@ const qt = async (e, t = "") => {
         if (i === void 0 || isNaN(i))
           return n.set({ type: "undetermined" }), await r.blob();
         {
-          const b = new Uint8Array(i);
+          const f = new Uint8Array(i);
           if (r.body == null)
             throw new Error("Response body is null");
-          const k = r.body.getReader();
-          let m = 0;
+          const S = r.body.getReader();
+          let g = 0;
           for (; ; ) {
-            const { done: y, value: h } = await k.read();
+            const { done: y, value: b } = await S.read();
             if (y) break;
-            b.set(h, m), m += h.length, n.set({
+            f.set(b, g), g += b.length, n.set({
               type: "progress",
-              value: Math.min(m / i, 1)
+              value: Math.min(g / i, 1)
             });
           }
-          return new Blob([b], {
+          return new Blob([f], {
             type: r.headers.get("content-type") ?? void 0
           });
         }
@@ -173,7 +173,7 @@ function br({
 }, ...i) {
   return d.span(
     o.class(
-      T(
+      I(
         t,
         a,
         r,
@@ -188,7 +188,7 @@ function br({
       )
     ),
     o.style(
-      T(
+      I(
         e,
         n
       )(
@@ -211,62 +211,62 @@ function gr({
 }) {
   const i = G(!1), c = G([]);
   let u = null, l = 0;
-  const p = (f) => f.dataTransfer?.types.includes("Files") ?? !1, b = (f, C) => C === "*/*" ? !0 : C.split(",").map((D) => D.trim()).some((D) => {
+  const p = (v) => v.dataTransfer?.types.includes("Files") ?? !1, f = (v, w) => w === "*/*" ? !0 : w.split(",").map((D) => D.trim()).some((D) => {
     if (D === "*/*") return !0;
     if (D.endsWith("/*")) {
       const _ = D.slice(0, -2);
-      return f.type.startsWith(_ + "/");
+      return v.type.startsWith(_ + "/");
     }
-    return f.type === D || f.name.endsWith(D);
-  }), k = (f) => {
-    v.get(s) || p(f) && (f.preventDefault(), f.stopPropagation(), l++, l === 1 && (i.value = !0));
-  }, m = (f) => {
-    v.get(s) || p(f) && (f.preventDefault(), f.stopPropagation(), f.dataTransfer != null && (f.dataTransfer.dropEffect = "copy"));
-  }, y = (f) => {
-    v.get(s) || p(f) && (f.preventDefault(), f.stopPropagation(), l--, l === 0 && (i.value = !1));
-  }, h = (f) => {
-    if (v.get(s) || !p(f)) return;
-    f.preventDefault(), f.stopPropagation(), l = 0, i.value = !1;
-    const C = Array.from(f.dataTransfer?.files ?? []);
-    if (C.length > 0) {
-      const $ = v.get(t), D = C.filter(
-        (I) => b(I, $)
-      ), _ = C.filter(
-        (I) => !D.includes(I)
+    return v.type === D || v.name.endsWith(D);
+  }), S = (v) => {
+    h.get(s) || p(v) && (v.preventDefault(), v.stopPropagation(), l++, l === 1 && (i.value = !0));
+  }, g = (v) => {
+    h.get(s) || p(v) && (v.preventDefault(), v.stopPropagation(), v.dataTransfer != null && (v.dataTransfer.dropEffect = "copy"));
+  }, y = (v) => {
+    h.get(s) || p(v) && (v.preventDefault(), v.stopPropagation(), l--, l === 0 && (i.value = !1));
+  }, b = (v) => {
+    if (h.get(s) || !p(v)) return;
+    v.preventDefault(), v.stopPropagation(), l = 0, i.value = !1;
+    const w = Array.from(v.dataTransfer?.files ?? []);
+    if (w.length > 0) {
+      const $ = h.get(t), D = w.filter(
+        (T) => f(T, $)
+      ), _ = w.filter(
+        (T) => !D.includes(T)
       );
-      D.length > 0 && (c.value = D, e(D, "dragdrop")), _.length > 0 && r?.(C);
+      D.length > 0 && (c.value = D, e(D, "dragdrop")), _.length > 0 && r?.(w);
     }
   };
-  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)), l = 0;
-  }, w = () => {
+  typeof document < "u" && (document.addEventListener("dragenter", S), document.addEventListener("dragover", g), document.addEventListener("dragleave", y), document.addEventListener("drop", b));
+  const k = () => {
+    typeof document < "u" && (document.removeEventListener("dragenter", S), document.removeEventListener("dragover", g), document.removeEventListener("dragleave", y), document.removeEventListener("drop", b)), l = 0;
+  }, x = () => {
     u?.click();
-  }, g = (f) => {
-    const C = f.target, $ = Array.from(C.files ?? []);
-    $.length > 0 && (c.value = $, e($, "click")), C.value = "";
+  }, m = (v) => {
+    const w = v.target, $ = Array.from(w.files ?? []);
+    $.length > 0 && (c.value = $, e($, "click")), w.value = "";
   };
-  return R(
-    oe(x),
+  return U(
+    oe(k),
     // Hidden file input for programmatic file selection
     d.input(
       o.type("file"),
       o.name("bui-page-drop-zone"),
       o.multiple(!0),
       o.accept(t),
-      S.position("absolute"),
-      S.opacity("0"),
-      S.pointerEvents("none"),
-      S.width("0"),
-      S.height("0"),
-      L.change(g),
-      ne((f) => (u = f, oe(() => {
+      C.position("absolute"),
+      C.opacity("0"),
+      C.pointerEvents("none"),
+      C.width("0"),
+      C.height("0"),
+      L.change(m),
+      ne((v) => (u = v, oe(() => {
         u != null && (u.value = "");
       })))
     ),
     // Render overlay content to body when dragging (if content is provided)
     n != null ? Q(i, () => n({ files: c })) : null,
-    a != null ? a({ isDragging: i, files: c, selectFiles: w }) : null
+    a != null ? a({ isDragging: i, files: c, selectFiles: x }) : null
   );
 }
 function Un(e, t, n, a, r, s) {
@@ -288,7 +288,7 @@ function mr({
   withRowBorders: c = !0,
   borderRadius: u
 } = {}, ...l) {
-  const p = T(
+  const p = I(
     e,
     t,
     n,
@@ -296,27 +296,27 @@ function mr({
     i,
     c
   )(
-    (m, y, h, x, w, g) => Un(
-      m ?? "md",
+    (g, y, b, k, x, m) => Un(
+      g ?? "md",
       y ?? !1,
-      h ?? !1,
+      b ?? !1,
+      k ?? !1,
       x ?? !1,
-      w ?? !1,
-      g ?? !0
+      m ?? !0
     )
-  ), b = T(
+  ), f = I(
     n,
     a,
     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(" ");
-  }), k = T(u)(
-    (m) => Fn(m)
+  )((g, y, b) => {
+    const k = ["bc-table-container"];
+    return g && k.push("bc-table-container--sticky"), y && k.push("bc-table-container--full-width"), b && k.push("bc-table-container--with-table-border"), k.join(" ");
+  }), S = I(u)(
+    (g) => Fn(g)
   );
   return d.div(
-    o.class(b),
-    o.style(k),
+    o.class(f),
+    o.style(S),
     d.table(o.class(p), ...l)
   );
 }
@@ -346,13 +346,13 @@ const Jt = ({
   disabled: s
 }) => d.span(
   o.class(
-    T(
+    I(
       a ?? "md",
       s ?? !1
     )((i, c) => jn(i, c))
   ),
   o.style(
-    T(t)(
+    I(t)(
       (i) => Hn(i ?? "base")
     )
   ),
@@ -367,7 +367,7 @@ const Jt = ({
         label: i.$.removeItem,
         color: "white",
         disabled: s,
-        onClick: () => n?.(v.get(e))
+        onClick: () => n?.(h.get(e))
       },
       o.class("bc-tag__close")
     )
@@ -385,15 +385,15 @@ function Wn({
     options: {
       system: d.span(
         o.title("System"),
-        te({ icon: "line-md:laptop", color: "gray" })
+        ee({ icon: "line-md:laptop", color: "gray" })
       ),
       light: d.span(
         o.title("Light"),
-        te({ icon: "line-md:sunny-twotone-loop", color: "yellow" })
+        ee({ icon: "line-md:sunny-twotone-loop", color: "yellow" })
       ),
       dark: d.span(
         o.title("Dark"),
-        te({
+        ee({
           icon: "line-md:sunny-outline-to-moon-alt-loop-transition",
           color: "blue"
         })
@@ -425,12 +425,12 @@ function zn({
       pe.color(
         ne((r) => (a = r, W)),
         o.value(e),
-        S.width("4px"),
-        S.height("4px"),
+        C.width("4px"),
+        C.height("4px"),
         t != null ? L.change(X(t)) : W,
         n != null ? L.input(X(n)) : W
       ),
-      o.style(v.map(e, (r) => `background-color: ${r}`))
+      o.style(h.map(e, (r) => `background-color: ${r}`))
     )
   );
 }
@@ -467,46 +467,46 @@ function Ge(e) {
     closable: u = !0,
     arrow: l,
     role: p,
-    hasPopup: b = "dialog"
+    hasPopup: f = "dialog"
   } = e;
-  return Sn((k, m) => {
+  return Sn((S, g) => {
     const y = Re({
       initialStatus: "closed"
-    }), h = he("flyout"), x = G(!1);
-    let w = null, g = null, f = !1;
-    function C() {
-      D != null && (clearTimeout(D), D = null), I != null && (clearTimeout(I), I = null), g && (g(), g = null), w && (document.removeEventListener("keydown", w), w = null), x.set(!1), f = !1;
+    }), b = he("flyout"), k = G(!1);
+    let x = null, m = null, v = !1;
+    function w() {
+      D != null && (clearTimeout(D), D = null), T != null && (clearTimeout(T), T = null), m && (m(), m = null), x && (document.removeEventListener("keydown", x), x = null), k.set(!1), v = !1;
     }
     function $() {
-      v.get(u) && (w = (O) => {
+      h.get(u) && (x = (O) => {
         O.key === "Escape" && V();
-      }, document.addEventListener("keydown", w)), f = !0, x.set(!0), k({
+      }, document.addEventListener("keydown", x)), v = !0, k.set(!0), S({
         placement: n ?? "top",
         mainAxisOffset: s,
         crossAxisOffset: i,
         onClickOutside: () => {
-          v.get(u) && V();
+          h.get(u) && V();
         },
         arrow: l,
         content: ne((O) => {
-          y.setElement(O), g = Ze(() => {
-            y.open(), g = null;
+          y.setElement(O), m = Ze(() => {
+            y.open(), m = null;
           });
-          const B = (F) => {
-            v.get(u) && F.key === "Escape" && (F.preventDefault(), F.stopPropagation(), V(), x.set(!1));
+          const E = (N) => {
+            h.get(u) && N.key === "Escape" && (N.preventDefault(), N.stopPropagation(), V(), k.set(!1));
           };
-          return document.addEventListener("keydown", B, !0), R(
+          return document.addEventListener("keydown", E, !0), U(
             oe(() => {
-              C(), document.removeEventListener("keydown", B, !0);
+              w(), document.removeEventListener("keydown", E, !0);
             }),
             o.class("bc-flyout-container"),
-            o.id(h),
+            o.id(b),
             o.tabindex(-1),
             // Make focusable for screen readers
             d.div(
               o.class("bc-flyout"),
               ot({
-                animation: v.map(n, Yn),
+                animation: h.map(n, Yn),
                 status: y.status
               }),
               p ? o.role(p) : o.role("dialog"),
@@ -519,73 +519,73 @@ function Ge(e) {
     }
     let D = null;
     function _() {
-      if (D != null && (clearTimeout(D), D = null), I != null && (clearTimeout(I), I = null), y.isOpened.value || y.isOpening.value || y.isStartOpening.value)
+      if (D != null && (clearTimeout(D), D = 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);
+      const O = h.get(a);
       D = setTimeout(() => {
         D = null, $();
       }, O);
     }
-    let I = null;
+    let T = null;
     function V() {
-      if (D != null && (clearTimeout(D), D = null), I != null && (clearTimeout(I), I = null), x.set(!1), g && (g(), g = null, f)) {
-        m(), C();
+      if (D != null && (clearTimeout(D), D = null), T != null && (clearTimeout(T), T = null), k.set(!1), m && (m(), m = null, v)) {
+        g(), w();
         return;
       }
-      const O = v.get(r);
-      I = setTimeout(() => {
-        I = null, y.close(), y.listenOnClosed(() => {
-          m(), C();
+      const O = h.get(r);
+      T = setTimeout(() => {
+        T = null, y.close(), y.listenOnClosed(() => {
+          g(), w();
         });
       }, O);
     }
     return ne((O) => {
-      const B = () => {
-        _(), x.set(!0);
-      }, F = () => {
-        V(), x.set(!1);
-      }, ee = R(
-        E.expanded(x),
-        E.controls(h),
-        E.haspopup(
-          b
+      const E = () => {
+        _(), k.set(!0);
+      }, N = () => {
+        V(), k.set(!1);
+      }, te = U(
+        M.expanded(k),
+        M.controls(b),
+        M.haspopup(
+          f
         )
       );
-      return typeof c == "function" ? R(
-        ee,
-        c(B, F)
-      ) : R(
-        ee,
+      return typeof c == "function" ? U(
+        te,
+        c(E, N)
+      ) : U(
+        te,
         bn(c, {
-          "hover-focus": () => R(
-            L.mouseenter(() => B()),
-            L.mouseleave(() => F()),
-            L.focus(() => B()),
-            L.blur(() => F())
+          "hover-focus": () => U(
+            L.mouseenter(() => E()),
+            L.mouseleave(() => N()),
+            L.focus(() => E()),
+            L.blur(() => N())
           ),
-          hover: () => R(
-            L.mouseenter(() => B()),
-            L.mouseleave(() => F())
+          hover: () => U(
+            L.mouseenter(() => E()),
+            L.mouseleave(() => N())
           ),
-          focus: () => R(
-            L.focus(() => B()),
-            L.blur(() => F())
+          focus: () => U(
+            L.focus(() => E()),
+            L.blur(() => N())
           ),
           click: () => {
-            function U() {
+            function F() {
               document.removeEventListener("click", Y);
             }
             function Y() {
-              U(), F();
+              F(), N();
             }
-            return R(
-              oe(U),
+            return U(
+              oe(F),
               L.click(() => {
-                B(), Ze(() => {
+                E(), Ze(() => {
                   document.addEventListener("click", Y, {
                     once: !0
                   });
@@ -620,41 +620,41 @@ function yr({
   iconSize: u = "md",
   backgroundColor: l,
   borderColor: p,
-  titleColor: b,
-  descriptionColor: k
+  titleColor: f,
+  descriptionColor: S
 }) {
-  const m = s != null;
+  const g = s != null;
   return d.div(
     o.class(
-      T(
+      I(
         a,
         r,
         i
       )(
-        (y, h, x) => Zn(
+        (y, b, k) => Zn(
           y ?? !1,
-          h ?? !1,
-          x ?? "md",
-          m
+          b ?? !1,
+          k ?? "md",
+          g
         )
       )
     ),
     o.style(
-      T(
+      I(
         l,
         p,
-        b,
-        k
+        f,
+        S
       )(
-        (y, h, x, w) => Gn(y, h, x, w)
+        (y, b, k, x) => Gn(y, b, k, x)
       )
     ),
     Q(
-      m,
-      () => R(
+      g,
+      () => U(
         gn(
           r,
-          () => R(
+          () => U(
             L.click(() => s?.()),
             o.tabindex(0)
           )
@@ -662,11 +662,11 @@ function yr({
         o.role("button")
       )
     ),
-    E.disabled(r),
+    M.disabled(r),
     // Icon container
     d.div(
       o.class("bc-action-card__icon"),
-      te({ icon: e, size: u, color: c })
+      ee({ icon: e, size: u, color: c })
     ),
     // Content container
     d.div(
@@ -714,7 +714,7 @@ function Kt(e, { breakpoints: t, mode: n = "viewport" }) {
     ([i, c]) => [c, i]
   )].sort((i, c) => i[0] - c[0]), s = (i) => {
     const c = i.map(({ width: l }) => {
-      const p = r.findIndex((b) => b[0] > l) - 1;
+      const p = r.findIndex((f) => f[0] > l) - 1;
       return p >= 0 ? { width: l, breakpoint: r[p][1] } : r.length > 0 && l >= r[0][0] ? { width: l, breakpoint: r[0][1] } : { width: l, breakpoint: r[0][1] };
     });
     return e({
@@ -773,16 +773,16 @@ function be(e, t) {
   return `bc-panel ${(Array.isArray(e) ? e : [e]).map((a) => `bc-panel--side-${a}`).join(" ")} bc-panel--shadow-${t}`;
 }
 function ke(e) {
-  const t = v.toSignal(e).map(
+  const t = h.toSignal(e).map(
     (a) => ue(a, "lighter", "light")
-  ), n = v.toSignal(e).map(
+  ), n = h.toSignal(e).map(
     (a) => ue(a, "lighter", "dark")
   );
-  return R(
-    S.variable("--panel-bg", t.$.backgroundColor),
-    S.variable("--panel-text", t.$.textColor),
-    S.variable("--panel-bg-dark", n.$.backgroundColor),
-    S.variable("--panel-text-dark", n.$.textColor)
+  return U(
+    C.variable("--panel-bg", t.$.backgroundColor),
+    C.variable("--panel-text", t.$.textColor),
+    C.variable("--panel-bg-dark", n.$.backgroundColor),
+    C.variable("--panel-text-dark", n.$.textColor)
   );
 }
 const me = {
@@ -887,13 +887,13 @@ function ea({
     ];
     const p = [];
     p.push("1fr");
-    const b = [];
-    return a.banner && (b.push(a.banner[u] + "px"), l[0][1] = "banner"), (a.header || n.menu || n.aside) && (b.push(
+    const f = [];
+    return a.banner && (f.push(a.banner[u] + "px"), l[0][1] = "banner"), (a.header || n.menu || n.aside) && (f.push(
       (a.header?.[u] ?? me.header[u]) + "px"
-    ), 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), {
+    ), l[1][1] = "header"), a.mainHeader && (f.push(a.mainHeader[u] + "px"), l[2][1] = "mainHeader"), f.push("1fr"), l[3][1] = "main", a.mainFooter && (f.push(a.mainFooter[u] + "px"), l[4][1] = "mainFooter"), a.footer && (f.push(a.footer[u] + "px"), l[5][1] = "footer"), l = tt(l), {
       columns: p.join(" "),
-      rows: b.join(" "),
-      areas: l.map((m) => `"${m.join(" ")}"`).join(`
+      rows: f.join(" "),
+      areas: l.map((g) => `"${g.join(" ")}"`).join(`
 `),
       displayMenu: !1,
       displayAside: !1,
@@ -912,13 +912,13 @@ function ea({
     ];
     const p = [];
     n.menu && (p.push(n.menu[u] + "px"), l[2][0] = "?menu", l[3][0] = "menu", l[4][0] = "?menu"), p.push("1fr");
-    const b = [];
-    return a.banner && (b.push(a.banner[u] + "px"), l[0][0] = "?banner", l[0][1] = "banner"), (a.header || n.aside) && (b.push(
+    const f = [];
+    return a.banner && (f.push(a.banner[u] + "px"), l[0][0] = "?banner", l[0][1] = "banner"), (a.header || n.aside) && (f.push(
       (a.header?.[u] ?? me.header[u]) + "px"
-    ), 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), {
+    ), l[1][0] = "?header", l[1][1] = "header"), a.mainHeader && (f.push(a.mainHeader[u] + "px"), l[2][1] = "mainHeader"), f.push("1fr"), l[3][1] = "main", a.mainFooter && (f.push(a.mainFooter[u] + "px"), l[4][1] = "mainFooter"), a.footer && (f.push(a.footer[u] + "px"), l[5][0] = "?footer", l[5][1] = "footer"), l = tt(l), {
       columns: p.join(" "),
-      rows: b.join(" "),
-      areas: l.map((m) => `"${m.join(" ")}"`).join(`
+      rows: f.join(" "),
+      areas: l.map((g) => `"${g.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !1,
@@ -937,11 +937,11 @@ function ea({
     ];
     const p = [];
     n.menu && (p.push(n.menu[u] + "px"), l[2][0] = "?menu", l[3][0] = "menu", l[4][0] = "?menu"), p.push("1fr"), n.aside && (p.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"), 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), {
+    const f = [];
+    return a.banner && (f.push(a.banner[u] + "px"), l[0][0] = "?banner", l[0][1] = "banner", l[0][2] = "?banner"), a.header && (f.push(a.header[u] + "px"), l[1][0] = "?header", l[1][1] = "header", l[1][2] = "?header"), a.mainHeader && (f.push(a.mainHeader[u] + "px"), l[2][1] = "mainHeader"), f.push("1fr"), l[3][1] = "main", a.mainFooter && (f.push(a.mainFooter[u] + "px"), l[4][1] = "mainFooter"), a.footer && (f.push(a.footer[u] + "px"), l[5][0] = "?footer", l[5][1] = "footer", l[5][2] = "?footer"), l = tt(l), {
       columns: p.join(" "),
-      rows: b.join(" "),
-      areas: l.map((m) => `"${m.join(" ")}"`).join(`
+      rows: f.join(" "),
+      areas: l.map((g) => `"${g.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !0,
@@ -996,37 +996,37 @@ function kr({
         vertical: a,
         horizontal: r,
         is: c
-      }), l = i.map(u), p = r.header != null || a.menu != null || a.aside != null, b = T(
+      }), l = i.map(u), p = r.header != null || a.menu != null || a.aside != null, f = I(
         a.aside != null,
         l
-      )((g, { displayAside: f }) => g && !f), k = T(
+      )((m, { displayAside: v }) => m && !v), S = I(
         a.menu != null,
         l
-      )((g, { displayMenu: f }) => g && !f), m = Re(), y = Re(), h = G(0), x = T(
+      )((m, { displayMenu: v }) => m && !v), g = Re(), y = Re(), b = G(0), k = I(
         a.menu != null,
         l,
-        m.display
-      )(aa), w = T(
+        g.display
+      )(aa), x = I(
         a.aside != null,
         l,
         y.display
       )(ra);
       return d.div(
-        S.display("grid"),
-        S.height("100%"),
-        S.width("100%"),
-        S.gridTemplateColumns(l.$.columns),
-        S.gridTemplateRows(l.$.rows),
-        S.gridTemplateAreas(l.$.areas),
-        S.gridColumnGap("0"),
-        S.gridRowGap("0"),
+        C.display("grid"),
+        C.height("100%"),
+        C.width("100%"),
+        C.gridTemplateColumns(l.$.columns),
+        C.gridTemplateRows(l.$.rows),
+        C.gridTemplateAreas(l.$.areas),
+        C.gridColumnGap("0"),
+        C.gridRowGap("0"),
         n.banner ? d.header(
           o.class(
             be("none", n.banner.shadow ?? "none")
           ),
           ke(n.banner.color ?? "white"),
-          S.height("100%"),
-          S.gridArea("banner"),
+          C.height("100%"),
+          C.gridArea("banner"),
           n.banner.content
         ) : null,
         d.header(
@@ -1034,47 +1034,47 @@ function kr({
             be("bottom", n.header?.shadow ?? "none")
           ),
           ke(n.header?.color ?? "white"),
-          S.zIndex("20"),
-          S.display(p ? "block" : "none"),
-          S.gridArea("header"),
-          Be((g) => (g.$.bottom.feedProp(h), null)),
+          C.zIndex("20"),
+          C.display(p ? "block" : "none"),
+          C.gridArea("header"),
+          Be((m) => (m.$.bottom.feedProp(b), null)),
           d.div(
-            S.display("flex"),
-            S.height("100%"),
+            C.display("flex"),
+            C.height("100%"),
             d.div(
-              S.display(
-                k.map((g) => g ? "flex" : "none")
+              C.display(
+                S.map((m) => m ? "flex" : "none")
               ),
-              S.alignItems("center"),
-              S.justifyContent("center"),
-              S.height("100%"),
-              S.width("60px"),
+              C.alignItems("center"),
+              C.justifyContent("center"),
+              C.height("100%"),
+              C.width("60px"),
               yt(
                 {
-                  onClick: () => m.toggle(),
+                  onClick: () => g.toggle(),
                   variant: "light",
                   color: "base"
                 },
-                E.label(s.$.toggleMenu),
-                te({
-                  icon: m.display.map(
-                    (g) => g ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
+                M.label(s.$.toggleMenu),
+                ee({
+                  icon: g.display.map(
+                    (m) => m ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
                   )
                 })
               )
             ),
             d.div(
-              S.height("100%"),
-              S.flexGrow("1"),
+              C.height("100%"),
+              C.flexGrow("1"),
               n.header?.content
             ),
             d.div(
-              S.alignItems("center"),
-              S.justifyContent("center"),
-              S.height("100%"),
-              S.width("60px"),
-              S.display(
-                b.map((g) => g ? "flex" : "none")
+              C.alignItems("center"),
+              C.justifyContent("center"),
+              C.height("100%"),
+              C.width("60px"),
+              C.display(
+                f.map((m) => m ? "flex" : "none")
               ),
               yt(
                 {
@@ -1083,13 +1083,13 @@ function kr({
                   variant: "light",
                   color: "base"
                 },
-                E.label(s.$.toggleAside),
-                te(
+                M.label(s.$.toggleAside),
+                ee(
                   { icon: "line-md/chevron-left" },
                   o.style("transition: transform 0.2s ease-in-out"),
                   o.style(
                     y.display.map(
-                      (g) => `transform: rotate(${g ? 180 : 0}deg)`
+                      (m) => `transform: rotate(${m ? 180 : 0}deg)`
                     )
                   )
                 )
@@ -1098,15 +1098,15 @@ function kr({
           )
         ),
         n.menu ? d.nav(
-          ne((g) => m.setElement(g)),
-          S.zIndex("10"),
+          ne((m) => g.setElement(m)),
+          C.zIndex("10"),
           // Add ARIA attributes for navigation landmark
-          E.label(s.$.mainNavigation),
+          M.label(s.$.mainNavigation),
           o.role("navigation"),
-          S.overflow("hidden"),
+          C.overflow("hidden"),
           o.class(
-            x.map(
-              (g) => g === "float" ? be(
+            k.map(
+              (m) => m === "float" ? be(
                 "right",
                 n.menu?.shadow ?? "md"
               ) : be(
@@ -1116,40 +1116,40 @@ function kr({
             )
           ),
           ke(n.menu?.color ?? "white"),
-          S.height(
-            x.map(
-              (g) => g === "float" ? "auto" : "100%"
+          C.height(
+            k.map(
+              (m) => m === "float" ? "auto" : "100%"
             )
           ),
-          S.overflow("hidden"),
-          S.gridArea("menu"),
-          S.display(
-            T(
-              x,
-              m.status
-            )((g, f) => g === "none" && f === "closed" ? "none" : "block")
+          C.overflow("hidden"),
+          C.gridArea("menu"),
+          C.display(
+            I(
+              k,
+              g.status
+            )((m, v) => m === "none" && v === "closed" ? "none" : "block")
           ),
-          S.position(
-            T(
-              x,
-              m.status
-            )((g, f) => g === "float" || g === "none" && f !== "closed" ? "fixed" : "initial")
+          C.position(
+            I(
+              k,
+              g.status
+            )((m, v) => m === "float" || m === "none" && v !== "closed" ? "fixed" : "initial")
           ),
-          S.top(h.map((g) => `${g}px`)),
+          C.top(b.map((m) => `${m}px`)),
           ot({
             animation: { slide: "right" },
-            status: T(
-              x,
-              m.status
-            )((g, f) => g === "block" ? "opened" : f)
+            status: I(
+              k,
+              g.status
+            )((m, v) => m === "block" ? "opened" : v)
           }),
-          S.width(Pe(n.menu?.width, l.$.menuWidth)),
-          S.bottom("0"),
+          C.width(Pe(n.menu?.width, l.$.menuWidth)),
+          C.bottom("0"),
           n.menu?.content
         ) : null,
         n.mainHeader ? d.header(
-          S.height("100%"),
-          S.gridArea("mainHeader"),
+          C.height("100%"),
+          C.gridArea("mainHeader"),
           o.class(
             be(
               "none",
@@ -1160,9 +1160,9 @@ function kr({
           n.mainHeader.content
         ) : null,
         d.main(
-          S.height("100%"),
-          S.overflow("hidden"),
-          S.gridArea("main"),
+          C.height("100%"),
+          C.overflow("hidden"),
+          C.gridArea("main"),
           o.class(
             be("none", n.main?.shadow ?? "none")
           ),
@@ -1170,8 +1170,8 @@ function kr({
           n.main.content
         ),
         n.mainFooter ? d.footer(
-          S.height("100%"),
-          S.gridArea("mainFooter"),
+          C.height("100%"),
+          C.gridArea("mainFooter"),
           o.class(
             be(
               "none",
@@ -1182,52 +1182,52 @@ function kr({
           n.mainFooter.content
         ) : null,
         n.aside ? d.aside(
-          ne((g) => {
-            y.setElement(g);
+          ne((m) => {
+            y.setElement(m);
           }),
-          S.zIndex("10"),
+          C.zIndex("10"),
           // Add ARIA attributes for aside landmark
-          E.label(s.$.sidebar),
+          M.label(s.$.sidebar),
           o.role("complementary"),
           o.class(
-            w.map(
-              (g) => g === "float" ? be("left", "md") : be("left", "none")
+            x.map(
+              (m) => m === "float" ? be("left", "md") : be("left", "none")
             )
           ),
           ke("white"),
-          S.height("100%"),
-          S.gridArea("aside"),
-          S.display(
-            T(
-              w,
+          C.height("100%"),
+          C.gridArea("aside"),
+          C.display(
+            I(
+              x,
               y.status
-            )((g, f) => g === "none" && f === "closed" ? "none" : "block")
+            )((m, v) => m === "none" && v === "closed" ? "none" : "block")
           ),
-          S.position(
-            T(
-              w,
+          C.position(
+            I(
+              x,
               y.status
-            )((g, f) => g === "float" || g === "none" && f !== "closed" ? "fixed" : "initial")
+            )((m, v) => m === "float" || m === "none" && v !== "closed" ? "fixed" : "initial")
           ),
-          S.top(h.map((g) => `${g}px`)),
+          C.top(b.map((m) => `${m}px`)),
           ot({
             animation: { slide: "left" },
-            status: T(
-              w,
+            status: I(
+              x,
               y.status
-            )((g, f) => g === "block" ? "opened" : f)
+            )((m, v) => m === "block" ? "opened" : v)
           }),
-          S.width(
+          C.width(
             Pe(n.aside?.width, l.$.asideWidth)
           ),
-          S.bottom(h.map((g) => `${g}px`)),
+          C.bottom(b.map((m) => `${m}px`)),
           n.aside.content
         ) : null,
         n.footer ? d.footer(
           o.class(be("top", "none")),
           ke("white"),
-          S.height("100%"),
-          S.gridArea("footer"),
+          C.height("100%"),
+          C.gridArea("footer"),
           n.footer.content
         ) : null
       );
@@ -1246,31 +1246,31 @@ function oa(e) {
 }
 function Cr({ gap: e = "lg" } = {}, ...t) {
   return d.div(
-    o.class(T(e)((n) => oa(n ?? "lg"))),
+    o.class(I(e)((n) => oa(n ?? "lg"))),
     ...t
   );
 }
 function la({ open: e }, ...t) {
   return ne((n) => {
     const { status: a, setOpen: r, dispose: s } = Re({
-      initialStatus: v.get(e) ? "opened" : "closed",
+      initialStatus: h.get(e) ? "opened" : "closed",
       element: n
     });
-    return v.on(e, r), Be((i) => {
+    return h.on(e, r), Be((i) => {
       const c = G(null);
-      return T(
+      return I(
         a,
         i.$.height
       )((l, p) => l === "opened" && p > 0 ? p : null).on((l) => {
         l != null && c.set(l);
       }), a.on((l) => {
         if (n && l === "start-opening") {
-          const p = n.style.height, b = n.style.transition;
+          const p = n.style.height, f = 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 = p, n.style.transition = b, n.offsetHeight;
+          const S = n.scrollHeight;
+          S > 0 && c.set(S), n.style.height = p, n.style.transition = f, n.offsetHeight;
         }
-      }), R(
+      }), U(
         oe(s),
         o.style(
           c.map((l) => `--collapse-height: ${l != null ? `${l}px` : "auto"}`)
@@ -1285,7 +1285,7 @@ function sa(e) {
   return `${e}px`;
 }
 function $t(e) {
-  return v.map(e, sa);
+  return h.map(e, sa);
 }
 function Ir({
   body: e,
@@ -1299,152 +1299,152 @@ function Ir({
   footerHeight: u = 0,
   bottomStart: l,
   bottomEnd: p,
-  sidebarStart: b,
-  sidebarStartWidth: k = 0,
-  sidebarEnd: m,
+  sidebarStart: f,
+  sidebarStartWidth: S = 0,
+  sidebarEnd: g,
   sidebarEndWidth: y = 0,
-  anchorMode: h = "container-edge"
+  anchorMode: b = "container-edge"
 }) {
-  const x = G(0n), w = G(0n), g = $t(r), f = $t(k), C = G(16);
+  const k = G(0n), x = G(0n), m = $t(r), v = $t(S), w = G(16);
   return d.div(
     o.class("bc-nine-slice-container"),
     Be(($) => {
-      const D = T(
+      const D = I(
         $.$.width,
-        k,
+        S,
         y
-      )((A, N, K) => A - N - K), _ = T(
+      )((A, R, K) => A - R - K), _ = I(
         $.$.height,
         r,
         u
-      )((A, N, K) => A - N - K), I = T(
+      )((A, R, K) => A - R - K), T = I(
         t,
         D
-      )((A, N) => A > BigInt(N)), V = T(
+      )((A, R) => A > BigInt(R)), V = I(
         n,
         _
-      )((A, N) => A > BigInt(N)), O = T(
+      )((A, R) => A > BigInt(R)), O = I(
         D,
         V,
-        C
-      )((A, N, K) => N ? A - K : A), B = T(
+        w
+      )((A, R, K) => R ? A - K : A), E = I(
         _,
-        I,
-        C
-      )((A, N, K) => N ? A - K : A), F = T(
+        T,
+        w
+      )((A, R, K) => R ? A - K : A), N = I(
         t,
         O
-      )((A, N) => Number(A / BigInt(Math.max(1, N)))), ee = T(
+      )((A, R) => Number(A / BigInt(Math.max(1, R)))), te = I(
         n,
-        B
-      )((A, N) => Number(A / BigInt(Math.max(1, N)))), H = v.map(
-        h,
+        E
+      )((A, R) => Number(A / BigInt(Math.max(1, R)))), H = h.map(
+        b,
         (A) => A === "body-end" || A === "body-end-bottom"
-      ), U = Q(
+      ), F = Q(
         H,
-        () => S.left(
-          T(
-            k,
+        () => C.left(
+          I(
+            S,
             t,
             O,
             y
-          )((A, N, K, P) => {
-            const M = A + Number(N), j = A + K, J = Math.min(M, j);
+          )((A, R, K, P) => {
+            const B = A + Number(R), j = A + K, J = Math.min(B, j);
             return `${Math.max(A + P, J)}px`;
           })
         ),
-        () => S.right("0")
-      ), Y = v.map(
-        h,
+        () => C.right("0")
+      ), Y = h.map(
+        b,
         (A) => A === "body-bottom" || A === "body-end-bottom"
       ), se = Q(
         Y,
-        () => S.top(
-          T(
+        () => C.top(
+          I(
             r,
             n,
-            B,
+            E,
             u
-          )((A, N, K, P) => {
-            const M = A + Number(N), j = A + K, J = Math.min(M, j);
+          )((A, R, K, P) => {
+            const B = A + Number(R), j = A + K, J = Math.min(B, j);
             return `${Math.max(A + P, J)}px`;
           })
         ),
-        () => S.bottom("0")
-      ), Ie = T(
+        () => C.bottom("0")
+      ), Ie = I(
         V,
-        C
-      )((A, N) => A ? `${N}px` : "0"), q = T(
-        I,
-        C
-      )((A, N) => A ? `${N}px` : "0"), de = S.transform(
-        T(
-          w,
+        w
+      )((A, R) => A ? `${R}px` : "0"), q = I(
+        T,
+        w
+      )((A, R) => A ? `${R}px` : "0"), de = C.transform(
+        I(
           x,
-          I,
+          k,
+          T,
           V
-        )((A, N, K, P) => {
-          const M = K ? `translateX(-${A}px)` : "", j = P ? `translateY(-${N}px)` : "";
-          return `${M} ${j}`.trim() || "none";
+        )((A, R, K, P) => {
+          const B = K ? `translateX(-${A}px)` : "", j = P ? `translateY(-${R}px)` : "";
+          return `${B} ${j}`.trim() || "none";
         })
-      ), ye = S.transform(
-        w.map((A) => `translateX(-${A}px)`)
-      ), we = S.transform(
-        x.map((A) => `translateY(-${A}px)`)
-      ), De = T(
+      ), ye = C.transform(
+        x.map((A) => `translateX(-${A}px)`)
+      ), we = C.transform(
+        k.map((A) => `translateY(-${A}px)`)
+      ), De = I(
         n,
-        B
-      )((A, N) => A - BigInt(Math.max(1, N))), Ae = T(
+        E
+      )((A, R) => A - BigInt(Math.max(1, R))), Ae = I(
         t,
         O
-      )((A, N) => A - BigInt(Math.max(1, N)));
+      )((A, R) => A - BigInt(Math.max(1, R)));
       let z = null, Te = 0, $e = 0;
       const Ke = () => {
-        const A = De.value, N = Ae.value, K = V.value, P = I.value;
+        const A = De.value, R = Ae.value, K = V.value, P = T.value;
         if (K && $e !== 0) {
-          const M = It(
+          const B = It(
             je(0n, A),
             je(
               0n,
-              x.value + BigInt(Math.round($e))
+              k.value + BigInt(Math.round($e))
             )
           );
-          x.set(M);
+          k.set(B);
         }
         if (P && Te !== 0) {
-          const M = It(
-            je(0n, N),
+          const B = It(
+            je(0n, R),
             je(
               0n,
-              w.value + BigInt(Math.round(Te))
+              x.value + BigInt(Math.round(Te))
             )
           );
-          w.set(M);
+          x.set(B);
         }
         Te = 0, $e = 0, z = null;
       };
-      return I.on((A) => {
-        A || w.set(0n);
-      }), V.on((A) => {
+      return T.on((A) => {
         A || x.set(0n);
-      }), R(
+      }), V.on((A) => {
+        A || k.set(0n);
+      }), U(
         oe(() => {
           z && clearTimeout(z);
         }),
         L.wheel((A) => {
           A.preventDefault();
-          const { deltaX: N, deltaY: K } = A;
-          Te += N, $e += K, z || (z = setTimeout(Ke, 16));
+          const { deltaX: R, deltaY: K } = A;
+          Te += R, $e += K, z || (z = setTimeout(Ke, 16));
         }),
         d.div(
           o.class("bc-nine-slice-pane-container"),
-          S.right(Ie),
-          S.bottom(q),
+          C.right(Ie),
+          C.bottom(q),
           // top-start corner
           s != null ? d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-top-start"),
-            S.top("0"),
-            S.left("0"),
+            C.top("0"),
+            C.left("0"),
             // style.height(headerHeightPx),
             // style.width(sidebarStartWidthPx),
             s
@@ -1452,8 +1452,8 @@ function Ir({
           // top-center
           a != null ? d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-header"),
-            S.top("0"),
-            S.left(f),
+            C.top("0"),
+            C.left(v),
             // style.height(headerHeightPx),
             // style.width(visibleAreaWidthPx),
             d.div(
@@ -1465,30 +1465,30 @@ function Ir({
           // top-end corner
           i != null ? d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-top-end"),
-            S.top("0"),
-            U,
+            C.top("0"),
+            F,
             // style.height(headerHeightPx),
             // style.width(sidebarEndWidthPx),
             i
           ) : null,
           // middle-start sidebar
-          b != null ? d.div(
+          f != null ? d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-sidebar-start"),
-            S.left("0"),
-            S.top(g),
+            C.left("0"),
+            C.top(m),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarStartWidthPx),
             d.div(
               o.class("bc-nine-slice-pane-content"),
               we,
-              b
+              f
             )
           ) : null,
           // middle-center (main body)
           d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-body"),
-            S.left(f),
-            S.top(g),
+            C.left(v),
+            C.top(m),
             // style.width(visibleAreaWidth.map(toPx)),
             // style.height(visibleAreaHeight.map(toPx)),
             d.div(
@@ -1498,22 +1498,22 @@ function Ir({
             )
           ),
           // middle-end sidebar
-          m != null ? d.div(
+          g != null ? d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-sidebar-end"),
-            U,
-            S.top(g),
+            F,
+            C.top(m),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarEndWidthPx),
             d.div(
               o.class("bc-nine-slice-pane-content"),
               we,
-              m
+              g
             )
           ) : null,
           // bottom-start corner
           l != null ? d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-bottom-start"),
-            S.left("0"),
+            C.left("0"),
             se,
             // style.height(footerHeightPx),
             // style.width(sidebarStartWidthPx),
@@ -1522,7 +1522,7 @@ function Ir({
           // bottom-center
           c != null ? d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-footer"),
-            S.left(f),
+            C.left(v),
             se,
             // style.height(footerHeightPx),
             // style.width(visibleAreaWidthPx),
@@ -1535,7 +1535,7 @@ function Ir({
           // bottom-end corner
           p != null ? d.div(
             o.class("bc-nine-slice-pane bc-nine-slice-bottom-end"),
-            U,
+            F,
             se,
             // style.height(footerHeightPx),
             // style.width(sidebarEndWidthPx),
@@ -1545,17 +1545,17 @@ function Ir({
         // horizontal scrollbar
         d.div(
           o.class("bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar"),
-          S.overflowX("scroll"),
-          S.left("0"),
-          S.right(
-            T(
+          C.overflowX("scroll"),
+          C.left("0"),
+          C.right(
+            I(
               V,
-              C
-            )((A, N) => A ? `${N}px` : "0")
+              w
+            )((A, R) => A ? `${R}px` : "0")
           ),
-          S.bottom("0"),
-          S.height(
-            I.map(
+          C.bottom("0"),
+          C.height(
+            T.map(
               (A) => A ? "16px" : "0"
             )
           ),
@@ -1563,18 +1563,18 @@ function Ir({
             o.class(
               "bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar-thumb"
             ),
-            S.width(
-              F.map((A) => `${100 / Math.max(1, A)}%`)
+            C.width(
+              N.map((A) => `${100 / Math.max(1, A)}%`)
             ),
-            S.height("100%"),
-            S.backgroundColor("#ff000066")
+            C.height("100%"),
+            C.backgroundColor("#ff000066")
           ),
           L.scroll((A) => {
-            const N = A.target, K = N.scrollLeft, P = N.scrollWidth - N.clientWidth;
+            const R = A.target, K = R.scrollLeft, P = R.scrollWidth - R.clientWidth;
             if (P > 0) {
-              const M = K / P, j = Ae.value;
-              w.set(
-                BigInt(Math.round(Number(j) * M))
+              const B = K / P, j = Ae.value;
+              x.set(
+                BigInt(Math.round(Number(j) * B))
               );
             }
           })
@@ -1582,16 +1582,16 @@ function Ir({
         // vertical scrollbar
         d.div(
           o.class("bc-nine-slice-pane bc-nine-slice-vertical-scrollbar"),
-          S.overflowY("scroll"),
-          S.top("0"),
-          S.bottom(
-            T(
-              I,
-              C
-            )((A, N) => A ? `${N}px` : "0")
+          C.overflowY("scroll"),
+          C.top("0"),
+          C.bottom(
+            I(
+              T,
+              w
+            )((A, R) => A ? `${R}px` : "0")
           ),
-          S.right("0"),
-          S.width(
+          C.right("0"),
+          C.width(
             V.map(
               (A) => A ? "16px" : "0"
             )
@@ -1600,23 +1600,23 @@ function Ir({
             o.class(
               "bc-nine-slice-pane bc-nine-slice-vertical-scrollbar-thumb"
             ),
-            S.width("100%"),
-            S.height(
-              T(
+            C.width("100%"),
+            C.height(
+              I(
                 r,
                 u,
                 n,
-                ee
-              )((A, N, K, P) => `${100 / Math.max(1, P)}%`)
+                te
+              )((A, R, K, P) => `${100 / Math.max(1, P)}%`)
             ),
-            S.backgroundColor("#ff000066")
+            C.backgroundColor("#ff000066")
           ),
           L.scroll((A) => {
-            const N = A.target, K = N.scrollTop, P = N.scrollHeight - N.clientHeight;
+            const R = A.target, K = R.scrollTop, P = R.scrollHeight - R.clientHeight;
             if (P > 0) {
-              const M = K / P, j = De.value;
-              x.set(
-                BigInt(Math.round(Number(j) * M))
+              const B = K / P, j = De.value;
+              k.set(
+                BigInt(Math.round(Number(j) * B))
               );
             }
           })
@@ -1634,7 +1634,7 @@ function _t({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...r) {
   return d.div(
     o.class("bc-scrollable-panel"),
     o.class(
-      T(
+      I(
         s,
         a
       )((u, l) => {
@@ -1676,7 +1676,7 @@ function ia(e, t, n) {
 function Tr({ variant: e = "default", size: t = "md", roundedness: n = "lg" } = {}, ...a) {
   return d.div(
     o.class(
-      T(
+      I(
         e,
         t,
         n
@@ -1732,52 +1732,52 @@ const Ce = {
     onBeforeOpen: c,
     onAfterOpen: u,
     buildListboxContent: l
-  } = e, p = G(!1), b = G(-1), k = G(null), m = he("dropdown"), y = he("listbox");
-  let h, x;
-  const w = (f) => {
-    t?.(f), p.set(!1), b.set(-1), k.set(null), h?.focus();
-  }, g = (f) => {
-    const C = Ce.getValues(v.get(s));
-    switch (f.key) {
+  } = e, p = G(!1), f = G(-1), S = G(null), g = he("dropdown"), y = he("listbox");
+  let b, k;
+  const x = (v) => {
+    t?.(v), p.set(!1), f.set(-1), S.set(null), b?.focus();
+  }, m = (v) => {
+    const w = Ce.getValues(h.get(s));
+    switch (v.key) {
       case "ArrowDown": {
-        if (f.preventDefault(), !p.value)
-          p.set(!0), C.length > 0 && (b.set(0), k.set(C[0]));
+        if (v.preventDefault(), !p.value)
+          p.set(!0), w.length > 0 && (f.set(0), S.set(w[0]));
         else {
           const $ = Math.min(
-            b.value + 1,
-            C.length - 1
+            f.value + 1,
+            w.length - 1
           );
-          b.set($), k.set(C[$] ?? null);
+          f.set($), S.set(w[$] ?? null);
         }
         break;
       }
       case "ArrowUp": {
-        if (f.preventDefault(), p.value) {
-          const $ = Math.max(b.value - 1, 0);
-          b.set($), k.set(C[$] ?? null);
+        if (v.preventDefault(), p.value) {
+          const $ = Math.max(f.value - 1, 0);
+          f.set($), S.set(w[$] ?? null);
         }
         break;
       }
       case "Enter": {
-        if (f.preventDefault(), p.value && b.value >= 0) {
-          const $ = C[b.value];
-          $ != null && w($);
+        if (v.preventDefault(), p.value && f.value >= 0) {
+          const $ = w[f.value];
+          $ != null && x($);
         } else {
           c?.();
-          const $ = Ce.getValues(v.get(s));
-          p.set(!0), $.length > 0 && (b.set(0), k.set($[0])), setTimeout(() => u?.(), 0);
+          const $ = Ce.getValues(h.get(s));
+          p.set(!0), $.length > 0 && (f.set(0), S.set($[0])), setTimeout(() => u?.(), 0);
         }
         break;
       }
       case "Escape": {
-        p.value && (f.preventDefault(), p.set(!1), b.set(-1), k.set(null), h?.focus());
+        p.value && (v.preventDefault(), p.set(!1), f.set(-1), S.set(null), b?.focus());
         break;
       }
       case " ": {
-        if (v.get(i)) {
-          f.preventDefault();
-          const $ = Ce.getValues(v.get(s));
-          p.set(!p.value), p.value && $.length > 0 && (b.set(0), k.set($[0]));
+        if (h.get(i)) {
+          v.preventDefault();
+          const $ = Ce.getValues(h.get(s));
+          p.set(!p.value), p.value && $.length > 0 && (f.set(0), S.set($[0]));
         }
         break;
       }
@@ -1789,69 +1789,69 @@ const Ce = {
       input: Zt(
         o.class("bc-dropdown__trigger"),
         d.span(o.class("bc-dropdown__display"), r),
-        te(
+        ee(
           { icon: "ph:caret-up-down-bold", color: "neutral" },
           o.class("bc-dropdown__arrow")
         )
       )
     },
-    Be((f) => R(
-      ne((C) => (h = C, C.addEventListener("keydown", g), oe(
-        () => C.removeEventListener("keydown", g)
+    Be((v) => U(
+      ne((w) => (b = w, w.addEventListener("keydown", m), oe(
+        () => w.removeEventListener("keydown", m)
       ))),
       fe(e),
-      o.id(m),
+      o.id(g),
       o.tabindex(0),
-      E.controls(y),
-      E.expanded(p),
+      M.controls(y),
+      M.expanded(p),
       o.class("bc-dropdown"),
       o.role(a),
-      E.activedescendant(
-        T(
+      M.activedescendant(
+        I(
           p,
-          k
+          S
         )(
-          (C, $) => C && $ != null ? `dropdown-option-${String($)}` : ""
+          (w, $) => w && $ != null ? `dropdown-option-${String($)}` : ""
         )
       ),
       n != null ? L.blur(() => {
         setTimeout(() => {
-          x?.contains(document.activeElement) || (p.set(!1), b.set(-1), n());
+          k?.contains(document.activeElement) || (p.set(!1), f.set(-1), n());
         }, 100);
       }) : W,
       Ge({
         content: () => d.div(
-          ne((C) => {
-            x = C;
+          ne((w) => {
+            k = w;
           }),
-          S.minWidth(f.$.width.map((C) => `${C - 10}px`)),
+          C.minWidth(v.$.width.map((w) => `${w - 10}px`)),
           o.class("bc-dropdown__listbox"),
           o.role("listbox"),
           o.id(y),
-          E.labelledby(m),
+          M.labelledby(g),
           l({
-            dropdownId: m,
+            dropdownId: g,
             listboxId: y,
-            focusedValue: k,
-            handleKeyDown: g,
-            onSelect: w
+            focusedValue: S,
+            handleKeyDown: m,
+            onSelect: x
           })
         ),
         mainAxisOffset: 0,
         placement: "bottom-start",
         hasPopup: "listbox",
-        showOn: (C, $) => {
+        showOn: (w, $) => {
           const D = $;
           $ = () => {
-            p.set(!1), b.set(-1), k.set(null), D();
+            p.set(!1), f.set(-1), S.set(null), D();
           };
           const _ = () => {
             if (p.value)
               $();
             else {
               c?.();
-              const I = Ce.getValues(v.get(s));
-              p.set(!0), I.length > 0 && (b.set(0), k.set(I[0])), C(), setTimeout(() => u?.(), 0);
+              const T = Ce.getValues(h.get(s));
+              p.set(!0), T.length > 0 && (f.set(0), S.set(T[0])), w(), setTimeout(() => u?.(), 0);
             }
           };
           return L.click(_);
@@ -1866,28 +1866,28 @@ const Ce = {
   e,
   (s) => Et(s, {
     value: (i) => {
-      const c = T(
+      const c = I(
         i,
         n
-      )((l, p) => t(l.value, p)), u = T(
+      )((l, p) => t(l.value, p)), u = I(
         i,
         r
       )((l, p) => p != null && t(l.value, p));
       return d.div(
         o.class("bc-dropdown__option"),
         o.class(
-          T(
+          I(
             c,
             u,
             i
-          )((l, p, b) => {
-            const k = [];
-            return l && k.push("bc-dropdown__option--selected"), p && k.push("bc-dropdown__option--focused"), b.disabled && k.push("bc-dropdown__option--disabled"), k.join(" ");
+          )((l, p, f) => {
+            const S = [];
+            return l && S.push("bc-dropdown__option--selected"), p && S.push("bc-dropdown__option--focused"), f.disabled && S.push("bc-dropdown__option--disabled"), S.join(" ");
           })
         ),
         o.role("option"),
         o.id(i.map((l) => `dropdown-option-${String(l.value)}`)),
-        E.selected(c),
+        M.selected(c),
         An("value", i.$.value),
         Q(
           i.map((l) => !l.disabled),
@@ -1911,7 +1911,7 @@ const Ce = {
     group: (i) => d.div(
       o.class("bc-dropdown__group"),
       o.role("group"),
-      E.label(i.$.group),
+      M.label(i.$.group),
       d.div(o.class("bc-dropdown__group-label"), i.$.group),
       Le(
         i.$.options,
@@ -1934,23 +1934,23 @@ const Ce = {
     equality: r = (l, p) => l === p,
     placeholder: s,
     searchable: i = !1
-  } = e, c = T(
+  } = e, c = I(
     t,
     n
   )((l, p) => {
     if (l == null) return "";
-    const b = (k) => {
-      for (const m of k) {
-        if (m.type === "value" && r(m.value, l))
-          return m.label;
-        if (m.type === "group") {
-          const y = b(m.options);
+    const f = (S) => {
+      for (const g of S) {
+        if (g.type === "value" && r(g.value, l))
+          return g.label;
+        if (g.type === "group") {
+          const y = f(g.options);
           if (y) return y;
         }
       }
     };
-    return b(p) || String(l);
-  }), u = T(i)((l) => !l);
+    return f(p) || String(l);
+  }), u = I(i)((l) => !l);
   return Qt({
     ...e,
     role: "dropdown",
@@ -1966,7 +1966,7 @@ const Ce = {
     allowSpaceToggle: u,
     buildListboxContent: ({ focusedValue: l, onSelect: p }) => Le(
       n,
-      (b) => Xt(b, r, t, p, l)
+      (f) => Xt(f, r, t, p, l)
     )
   });
 }, ua = (e) => {
@@ -1984,30 +1984,30 @@ const Ce = {
   e,
   (i) => Et(i, {
     value: (c) => {
-      const u = T(
+      const u = I(
         c,
         n
-      )((p, b) => t(p.value, b)), l = T(
+      )((p, f) => t(p.value, f)), l = I(
         c,
         r
       )(
-        (p, b) => b != null && t(p.value, b)
+        (p, f) => f != null && t(p.value, f)
       );
       return d.div(
         o.class("bc-dropdown__option"),
         o.class(
-          T(
+          I(
             u,
             l,
             c
-          )((p, b, k) => {
-            const m = [];
-            return p && m.push("bc-dropdown__option--selected"), b && m.push("bc-dropdown__option--focused"), k.disabled && m.push("bc-dropdown__option--disabled"), m.join(" ");
+          )((p, f, S) => {
+            const g = [];
+            return p && g.push("bc-dropdown__option--selected"), f && g.push("bc-dropdown__option--focused"), S.disabled && g.push("bc-dropdown__option--disabled"), g.join(" ");
           })
         ),
         o.role("option"),
         o.id(c.map((p) => `dropdown-option-${String(p.value)}`)),
-        E.selected(u),
+        M.selected(u),
         Q(
           c.map((p) => !p.disabled),
           () => L.click(() => a(c.value.value)),
@@ -2033,7 +2033,7 @@ const Ce = {
     group: (c) => d.div(
       o.class("bc-dropdown__group"),
       o.role("group"),
-      E.label(c.$.group),
+      M.label(c.$.group),
       d.div(o.class("bc-dropdown__group-label"), c.$.group),
       Le(
         c.$.options,
@@ -2055,24 +2055,24 @@ const Ce = {
     loadOptions: n,
     renderOption: a,
     renderValue: r,
-    equality: s = (g, f) => g === f,
+    equality: s = (m, v) => m === v,
     placeholder: i,
     searchPlaceholder: c,
     debounceMs: u = 150
-  } = e, l = G(""), p = G(!1), b = G([]);
-  let k;
-  const m = v.toSignal(t), y = () => (r ?? a)(m);
-  let h = null;
-  const x = (g) => {
-    p.set(!0), Promise.resolve(n(g)).then((f) => {
-      b.set(f ?? []);
+  } = e, l = G(""), p = G(!1), f = G([]);
+  let S;
+  const g = h.toSignal(t), y = () => (r ?? a)(g);
+  let b = null;
+  const k = (m) => {
+    p.set(!0), Promise.resolve(n(m)).then((v) => {
+      f.set(v ?? []);
     }).catch(() => {
-      b.set([]);
+      f.set([]);
     }).finally(() => p.set(!1));
-  }, w = (g) => {
-    h != null && (clearTimeout(h), h = null), h = setTimeout(
+  }, x = (m) => {
+    b != null && (clearTimeout(b), b = null), b = setTimeout(
       () => {
-        x(g);
+        k(m);
       },
       Math.max(0, u)
     );
@@ -2081,19 +2081,19 @@ const Ce = {
     ...e,
     role: "combobox",
     display: Q(
-      T(t)((g) => g != null),
+      I(t)((m) => m != null),
       y,
-      () => ae(ie, (g) => g.$.selectOne)
+      () => ae(ie, (m) => m.$.selectOne)
     ),
-    optionsSource: b,
+    optionsSource: f,
     onBeforeOpen: () => {
-      const g = v.get(l);
-      w(g);
+      const m = h.get(l);
+      x(m);
     },
     onAfterOpen: () => {
-      k?.focus();
+      S?.focus();
     },
-    buildListboxContent: ({ focusedValue: g, handleKeyDown: f, onSelect: C }) => R(
+    buildListboxContent: ({ focusedValue: m, handleKeyDown: v, onSelect: w }) => U(
       // Search input at the top
       d.div(
         o.class("bc-dropdown__search"),
@@ -2101,34 +2101,34 @@ const Ce = {
           o.type("text"),
           o.class("bc-dropdown__search-input"),
           o.placeholder(
-            T(
+            I(
               c,
               i
             )(($, D) => $ ?? D ?? "Search")
           ),
           o.value(l),
-          ne(($) => (k = $, W)),
+          ne(($) => (S = $, W)),
           L.input(($) => {
             const D = $.target;
-            l.set(D.value), w(D.value);
+            l.set(D.value), x(D.value);
           }),
-          L.keydown(f)
+          L.keydown(v)
         )
       ),
       Q(
         p,
         () => d.div(
           o.class("bc-dropdown__loading"),
-          te({ icon: "ph:spinner-bold", color: "neutral" })
+          ee({ icon: "ph:spinner-bold", color: "neutral" })
         ),
         () => Le(
-          b,
+          f,
           ($) => en(
             $,
             s,
-            m,
-            C,
             g,
+            w,
+            m,
             a
           )
         )
@@ -2159,101 +2159,101 @@ function tn(e) {
     closable: u = !0,
     onClose: l,
     onAction: p,
-    ariaLabel: b,
-    ariaLabelledBy: k
-  } = e, m = he("menu"), y = G(-1), h = G([]);
-  let x = null;
-  return R(
+    ariaLabel: f,
+    ariaLabelledBy: S
+  } = e, g = he("menu"), y = G(-1), b = G([]);
+  let k = null;
+  return U(
     Ge({
-      content: () => ne((w) => {
-        x = document.activeElement;
-        const g = (_, I, V) => {
-          if (I.length === 0) return -1;
-          let O = _ + V, B = 0;
-          for (; B < I.length; ) {
-            O >= I.length && (O = 0), O < 0 && (O = I.length - 1);
-            const F = I[O];
-            if (F && F.getAttribute("aria-disabled") !== "true")
+      content: () => ne((x) => {
+        k = document.activeElement;
+        const m = (_, T, V) => {
+          if (T.length === 0) return -1;
+          let O = _ + V, E = 0;
+          for (; E < T.length; ) {
+            O >= T.length && (O = 0), O < 0 && (O = T.length - 1);
+            const N = T[O];
+            if (N && N.getAttribute("aria-disabled") !== "true")
               return O;
-            O += V, B++;
+            O += V, E++;
           }
           return _;
-        }, f = (_) => {
-          const I = h.value, V = y.value;
+        }, v = (_) => {
+          const T = b.value, V = y.value;
           switch (_.key) {
             case "ArrowDown":
               _.preventDefault(), _.stopPropagation();
-              const O = g(V, I, 1);
-              C(O, I);
+              const O = m(V, T, 1);
+              w(O, T);
               break;
             case "ArrowUp":
               _.preventDefault(), _.stopPropagation();
-              const B = g(V, I, -1);
-              C(B, I);
+              const E = m(V, T, -1);
+              w(E, T);
               break;
             case "Enter":
             case " ":
-              if (_.preventDefault(), _.stopPropagation(), V >= 0 && I[V]) {
-                const F = I[V];
-                if (F.getAttribute("aria-disabled") === "true")
+              if (_.preventDefault(), _.stopPropagation(), V >= 0 && T[V]) {
+                const N = T[V];
+                if (N.getAttribute("aria-disabled") === "true")
                   return;
-                const ee = F.getAttribute("data-key");
-                ee && p && p(ee), F.click(), l?.();
+                const te = N.getAttribute("data-key");
+                te && p && p(te), N.click(), l?.();
               }
               break;
             case "Escape":
               l?.();
               break;
             case "Home":
-              _.preventDefault(), _.stopPropagation(), I.length > 0 && C(0, I);
+              _.preventDefault(), _.stopPropagation(), T.length > 0 && w(0, T);
               break;
             case "End":
-              _.preventDefault(), _.stopPropagation(), I.length > 0 && C(I.length - 1, I);
+              _.preventDefault(), _.stopPropagation(), T.length > 0 && w(T.length - 1, T);
               break;
             case "ArrowRight":
-              if (_.preventDefault(), _.stopPropagation(), V >= 0 && I[V]) {
-                const F = I[V];
-                F.classList.contains(
+              if (_.preventDefault(), _.stopPropagation(), V >= 0 && T[V]) {
+                const N = T[V];
+                N.classList.contains(
                   "bc-menu-item--has-submenu"
-                ) && F.dispatchEvent(new Event("mouseenter"));
+                ) && N.dispatchEvent(new Event("mouseenter"));
               }
               break;
             case "ArrowLeft":
               _.preventDefault(), _.stopPropagation(), l?.();
               break;
           }
-        }, C = (_, I) => {
-          y.value >= 0 && I[y.value] && (I[y.value].classList.remove(
+        }, w = (_, T) => {
+          y.value >= 0 && T[y.value] && (T[y.value].classList.remove(
             "bc-menu-item--focused"
-          ), I[y.value].removeAttribute("aria-selected")), _ >= 0 && I[_] && (I[_].classList.add("bc-menu-item--focused"), I[_].setAttribute("aria-selected", "true"), y.set(_), typeof I[_].scrollIntoView == "function" && I[_].scrollIntoView({ block: "nearest" }));
+          ), T[y.value].removeAttribute("aria-selected")), _ >= 0 && T[_] && (T[_].classList.add("bc-menu-item--focused"), T[_].setAttribute("aria-selected", "true"), y.set(_), typeof T[_].scrollIntoView == "function" && T[_].scrollIntoView({ block: "nearest" }));
         }, $ = () => {
           const _ = Array.from(
-            w.querySelectorAll('[role="menuitem"]')
+            x.querySelectorAll('[role="menuitem"]')
           );
-          if (h.set(_), _.length > 0) {
-            const I = _.findIndex(
+          if (b.set(_), _.length > 0) {
+            const T = _.findIndex(
               (V) => V.getAttribute("aria-disabled") !== "true"
             );
-            I >= 0 && C(I, _);
+            T >= 0 && w(T, _);
           }
         }, D = new MutationObserver($);
-        return D.observe(w, { childList: !0, subtree: !0 }), setTimeout(() => {
-          $(), w.focus();
-        }, 0), document.addEventListener("keydown", f, !0), R(
+        return D.observe(x, { childList: !0, subtree: !0 }), setTimeout(() => {
+          $(), x.focus();
+        }, 0), document.addEventListener("keydown", v, !0), U(
           oe(() => {
-            D.disconnect(), document.removeEventListener("keydown", f, !0), x && x.focus();
+            D.disconnect(), document.removeEventListener("keydown", v, !0), k && k.focus();
           }),
           o.class("bc-menu"),
-          o.id(m),
+          o.id(g),
           o.role("menu"),
           o.tabindex(-1),
-          E.orientation("vertical"),
-          b ? E.label(b) : R(),
-          k ? E.labelledby(k) : R(),
-          E.activedescendant(
+          M.orientation("vertical"),
+          f ? M.label(f) : U(),
+          S ? M.labelledby(S) : U(),
+          M.activedescendant(
             y.map((_) => {
-              const I = h.value;
-              return _ >= 0 && I[_] ? I[_].id || `${m}-item-${_}` : "";
+              const T = b.value;
+              return _ >= 0 && T[_] ? T[_].id || `${g}-item-${_}` : "";
             })
           ),
           L.click((_) => {
@@ -2268,13 +2268,13 @@ function tn(e) {
           // Live region for screen reader announcements
           d.div(
             o.class("sr-only"),
-            E.live("polite"),
-            E.atomic(!0),
+            M.live("polite"),
+            M.atomic(!0),
             y.map((_) => {
-              const I = h.value;
-              if (_ >= 0 && I[_]) {
-                const V = I[_].textContent || "";
-                return I[_].getAttribute("aria-disabled") === "true" ? `${V}, disabled` : `${V}, ${_ + 1} of ${I.length}`;
+              const T = b.value;
+              if (_ >= 0 && T[_]) {
+                const V = T[_].textContent || "";
+                return T[_].getAttribute("aria-disabled") === "true" ? `${V}, disabled` : `${V}, ${_ + 1} of ${T.length}`;
               }
               return "";
             })
@@ -2304,25 +2304,25 @@ function Pr(e) {
     ariaLabel: c,
     submenu: u,
     submenuPlacement: l = "right-start"
-  } = e, p = t ?? he("menu-item"), b = `menu-item-${p}`, k = u != null;
+  } = e, p = t ?? he("menu-item"), f = `menu-item-${p}`, S = u != null;
   return d.div(
     o.class(
-      T(s)(
-        (m) => `bc-menu-item ${m ? "bc-menu-item--disabled" : ""} ${k ? "bc-menu-item--has-submenu" : ""}`
+      I(s)(
+        (g) => `bc-menu-item ${g ? "bc-menu-item--disabled" : ""} ${S ? "bc-menu-item--has-submenu" : ""}`
       )
     ),
-    o.id(b),
+    o.id(f),
     o.role("menuitem"),
     o.tabindex(-1),
     lt.key(p),
-    E.disabled(s),
-    E.selected(!1),
+    M.disabled(s),
+    M.selected(!1),
     // Will be updated by focus management
-    k ? E.expanded(!1) : R(),
-    c ? E.label(c) : R(),
-    L.click((m) => {
-      if (v.get(s)) {
-        m.preventDefault(), m.stopPropagation();
+    S ? M.expanded(!1) : U(),
+    c ? M.label(c) : U(),
+    L.click((g) => {
+      if (h.get(s)) {
+        g.preventDefault(), g.stopPropagation();
         return;
       }
       i?.();
@@ -2334,8 +2334,8 @@ function Pr(e) {
     // End content
     r && d.span(o.class("bc-menu-item__end"), r),
     // Submenu (if present)
-    k && u ? Ge({
-      content: () => R(
+    S && u ? Ge({
+      content: () => U(
         o.class("bc-menu bc-submenu"),
         o.role("menu"),
         ...u()
@@ -2348,7 +2348,7 @@ function Pr(e) {
       mainAxisOffset: 0,
       crossAxisOffset: 0,
       role: "menu"
-    }) : R()
+    }) : U()
   );
 }
 function nn(e = {}) {
@@ -2356,7 +2356,7 @@ function nn(e = {}) {
   return d.div(
     o.class("bc-menu-separator"),
     o.role("separator"),
-    E.orientation("horizontal"),
+    M.orientation("horizontal"),
     t && d.span(o.class("bc-menu-separator__label"), t)
   );
 }
@@ -2409,7 +2409,7 @@ function cn(e) {
     () => Le(
       t,
       (i) => Jt({
-        value: T(
+        value: I(
           i,
           n
         )((c, u) => fa(u, c, a)),
@@ -2427,46 +2427,46 @@ function un(e) {
     equality: a = (l, p) => l === p,
     placeholder: r
   } = e, s = (l) => {
-    const p = v.get(t);
+    const p = h.get(t);
     e.onChange?.(rn(p, l, a));
   }, i = (l) => {
-    const p = v.get(t);
+    const p = h.get(t);
     e.onChange?.(an(p, l, a));
-  }, c = (l) => T(t)((p) => on(p, l, a)), u = tn({
+  }, c = (l) => I(t)((p) => on(p, l, a)), u = tn({
     items: () => {
-      const l = v.get(n), p = [];
-      for (const b of l)
-        if (b.type === "value") {
-          const k = c(b.value);
+      const l = h.get(n), p = [];
+      for (const f of l)
+        if (f.type === "value") {
+          const S = c(f.value);
           p.push(
             d.div(
               o.role("menuitem"),
               o.tabindex(-1),
-              E.disabled(b.disabled === !0),
-              E.checked(k),
+              M.disabled(f.disabled === !0),
+              M.checked(S),
               o.class("bc-menu-item"),
-              d.span(o.class("bc-menu-item__content"), b.label),
-              L.click(() => i(b.value))
+              d.span(o.class("bc-menu-item__content"), f.label),
+              L.click(() => i(f.value))
             )
           );
-        } else b.type === "group" ? p.push(
+        } else f.type === "group" ? p.push(
           d.div(
             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);
+            d.div(o.class("bc-menu-group__label"), f.group),
+            ...f.options.map((S) => {
+              if (S.type === "value") {
+                const g = c(S.value);
                 return d.div(
                   o.role("menuitem"),
                   o.tabindex(-1),
-                  E.disabled(k.disabled === !0),
-                  E.checked(m),
+                  M.disabled(S.disabled === !0),
+                  M.checked(g),
                   o.class("bc-menu-item"),
-                  d.span(o.class("bc-menu-item__content"), k.label),
-                  L.click(() => i(k.value))
+                  d.span(o.class("bc-menu-item__content"), S.label),
+                  L.click(() => i(S.value))
                 );
               }
-              return R();
+              return U();
             })
           )
         ) : p.push(nn());
@@ -2481,7 +2481,7 @@ function un(e) {
   return ce({
     ...e,
     before: e.before ?? Ye({ icon: "tabler:tags", color: "neutral" }),
-    input: R(
+    input: U(
       o.class("bc-input-container__tags"),
       u,
       cn({
@@ -2519,65 +2519,65 @@ function dn(e) {
   const {
     value: t,
     options: n,
-    equality: a = (m, y) => m === y,
+    equality: a = (g, y) => g === y,
     placeholder: r,
     searchPlaceholder: s,
     filter: i
-  } = e, c = G(""), u = (m) => {
-    const y = v.get(t);
-    e.onChange?.(rn(y, m, a));
-  }, l = (m) => {
-    const y = v.get(t);
-    e.onChange?.(an(y, m, a));
-  }, p = (m) => T(t)((y) => on(y, m, a)), b = T(
+  } = e, c = G(""), u = (g) => {
+    const y = h.get(t);
+    e.onChange?.(rn(y, g, a));
+  }, l = (g) => {
+    const y = h.get(t);
+    e.onChange?.(an(y, g, a));
+  }, p = (g) => I(t)((y) => on(y, g, a)), f = I(
     n,
     c
-  )((m, y) => sn(m, y, i)), k = tn({
+  )((g, y) => sn(g, y, i)), S = tn({
     items: () => {
-      const m = [], y = v.get(b);
+      const g = [], y = h.get(f);
       if (y.length === 0)
-        return m.push(
+        return g.push(
           d.div(
             o.class("bc-dropdown__empty"),
-            ae(ie, (h) => h.$.noResults)
+            ae(ie, (b) => b.$.noResults)
           )
-        ), m;
-      for (const h of y)
-        if (h.type === "value") {
-          const x = p(h.value);
-          m.push(
+        ), g;
+      for (const b of y)
+        if (b.type === "value") {
+          const k = p(b.value);
+          g.push(
             d.div(
               o.role("menuitem"),
               o.tabindex(-1),
-              E.disabled(h.disabled === !0),
-              E.checked(x),
+              M.disabled(b.disabled === !0),
+              M.checked(k),
               o.class("bc-menu-item"),
-              d.span(o.class("bc-menu-item__content"), h.label),
-              L.click(() => l(h.value))
+              d.span(o.class("bc-menu-item__content"), b.label),
+              L.click(() => l(b.value))
             )
           );
-        } else h.type === "group" ? m.push(
+        } else b.type === "group" ? g.push(
           d.div(
             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 = p(x.value);
+            d.div(o.class("bc-menu-group__label"), b.group),
+            ...b.options.map((k) => {
+              if (k.type === "value") {
+                const x = p(k.value);
                 return d.div(
                   o.role("menuitem"),
                   o.tabindex(-1),
-                  E.disabled(x.disabled === !0),
-                  E.checked(w),
+                  M.disabled(k.disabled === !0),
+                  M.checked(x),
                   o.class("bc-menu-item"),
-                  d.span(o.class("bc-menu-item__content"), x.label),
-                  L.click(() => l(x.value))
+                  d.span(o.class("bc-menu-item__content"), k.label),
+                  L.click(() => l(k.value))
                 );
               }
-              return R();
+              return U();
             })
           )
-        ) : m.push(nn());
-      return m;
+        ) : g.push(nn());
+      return g;
     },
     placement: "bottom-start",
     showDelay: 0,
@@ -2585,24 +2585,24 @@ function dn(e) {
     // Open the menu when the search input gains focus
     // We intentionally do not auto-hide on blur here because the Menu
     // manages its own close behavior (outside click, Escape, etc.)
-    showOn: (m, y) => ne((h) => {
-      const x = h.querySelector(
+    showOn: (g, y) => ne((b) => {
+      const k = b.querySelector(
         ".bc-dropdown__search-input"
       );
-      if (x) {
-        const w = () => m();
-        return x.addEventListener("focus", w), oe(() => {
-          x.removeEventListener("focus", w);
+      if (k) {
+        const x = () => g();
+        return k.addEventListener("focus", x), oe(() => {
+          k.removeEventListener("focus", x);
         });
       }
-      return R();
+      return U();
     }),
     closable: !0
   });
   return ce({
     ...e,
     before: e.before ?? Ye({ icon: "tabler:tags", color: "neutral" }),
-    input: R(
+    input: U(
       o.class("bc-input-container__tags"),
       cn({
         values: t,
@@ -2619,21 +2619,21 @@ function dn(e) {
           o.type("text"),
           o.class("bc-dropdown__search-input"),
           o.placeholder(
-            T(
+            I(
               s,
               r
-            )((m, y) => m ?? y ?? "")
+            )((g, y) => g ?? y ?? "")
           ),
           o.value(c),
-          L.input((m) => {
-            const y = m.target;
+          L.input((g) => {
+            const y = g.target;
             c.set(y.value);
           }),
-          L.keydown((m) => {
-            (m.key === "ArrowUp" || m.key === "ArrowDown" || m.key === "Enter" || m.key === " ") && m.stopPropagation();
+          L.keydown((g) => {
+            (g.key === "ArrowUp" || g.key === "ArrowDown" || g.key === "Enter" || g.key === " ") && g.stopPropagation();
           })
         ),
-        k
+        S
       )
     )
   });
@@ -2665,7 +2665,7 @@ const Br = (e) => {
     ...e,
     input: pe["datetime-local"](
       fe(e),
-      o.value(v.map(t, ba)),
+      o.value(h.map(t, ba)),
       o.class("bc-input"),
       n != null ? L.blur(X(n)) : W,
       a != null ? L.change(X((r) => a(new Date(r)))) : W
@@ -2681,7 +2681,7 @@ const Br = (e) => {
   return Vn({
     ...r,
     maxFiles: 1,
-    value: v.map(t, (s) => s == null ? [] : [s]),
+    value: h.map(t, (s) => s == null ? [] : [s]),
     onChange: (s) => {
       a?.(s[0]);
     },
@@ -2707,7 +2707,7 @@ const Br = (e) => {
   pending: () => ae(
     ie,
     (t) => d.span(
-      te({
+      ee({
         icon: "line-md:loading-twotone-loop",
         title: t.$.loadingShort
       })
@@ -2717,11 +2717,11 @@ const Br = (e) => {
   const { value: t, onBlur: n, onChange: a, onInput: r, after: s, disabled: i, ...c } = e, u = Me(t, i, a ?? r);
   return Ee({
     ...c,
-    value: v.map(t, Bn),
+    value: h.map(t, Bn),
     onChange: a != null ? (l) => a(kt(l)) : void 0,
     onInput: r != null ? (l) => r(kt(l)) : void 0,
     onBlur: n,
-    after: s != null ? R(u, s) : u
+    after: s != null ? U(u, s) : u
   });
 }, Pt = (e) => {
   try {
@@ -2730,21 +2730,21 @@ const Br = (e) => {
     return null;
   }
 }, Rr = (e) => {
-  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;
-  }, l = n != null ? ae(ie, (m) => {
-    const y = T(
+  const { value: t, step: n, min: a, max: r, onChange: s, onInput: i, after: c } = e, u = (g) => {
+    const y = a != null ? h.get(a) : void 0, b = r != null ? h.get(r) : void 0;
+    return y != null && g < y ? y : b != null && g > b ? b : g;
+  }, l = n != null ? ae(ie, (g) => {
+    const y = I(
       t,
       a
-    )((w, g) => g == null ? !0 : (w ?? 0n) > g), h = T(
+    )((x, m) => m == null ? !0 : (x ?? 0n) > m), b = I(
       t,
       r
-    )((w, g) => g == null ? !0 : (w ?? 0n) < g), x = (w, g) => {
-      const f = v.get(t) ?? 0n, C = v.get(n), $ = g?.shiftKey ? 10n : 1n, D = f + C * $ * w, _ = a != null ? v.get(a) : void 0, I = r != null ? v.get(r) : void 0;
-      if (w < 0n && _ != null && D < _ || w > 0n && I != null && D > I) return;
+    )((x, m) => m == null ? !0 : (x ?? 0n) < m), k = (x, m) => {
+      const v = h.get(t) ?? 0n, w = h.get(n), $ = m?.shiftKey ? 10n : 1n, D = v + w * $ * x, _ = a != null ? h.get(a) : void 0, T = r != null ? h.get(r) : void 0;
+      if (x < 0n && _ != null && D < _ || x > 0n && T != null && D > T) return;
       const V = u(D);
-      V !== f && s && s(V);
+      V !== v && s && s(V);
     };
     return pt(
       o.class("bc-number-input-steppers"),
@@ -2754,14 +2754,14 @@ const Br = (e) => {
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         o.disabled(
-          T(
-            h,
+          I(
+            b,
             e.disabled ?? !1
-          )((w, g) => !w || g)
+          )((x, m) => !x || m)
         ),
-        L.click((w) => x(1n, w)),
-        E.label(m.$.incrementValue),
-        te({ icon: "line-md:plus", size: "xs" })
+        L.click((x) => k(1n, x)),
+        M.label(g.$.incrementValue),
+        ee({ icon: "line-md:plus", size: "xs" })
       ),
       d.button(
         o.type("button"),
@@ -2769,28 +2769,28 @@ const Br = (e) => {
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         o.disabled(
-          T(
+          I(
             y,
             e.disabled ?? !1
-          )((w, g) => !w || g)
+          )((x, m) => !x || m)
         ),
-        L.click((w) => x(-1n, w)),
-        E.label(m.$.decrementValue),
-        te({ icon: "line-md:minus", size: "xs" })
+        L.click((x) => k(-1n, x)),
+        M.label(g.$.decrementValue),
+        ee({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, p = c != null && l != null ? R(l, c) : c ?? l, b = s ? (m) => {
-    const y = Pt(m);
+  }) : null, p = c != null && l != null ? U(l, c) : c ?? l, f = s ? (g) => {
+    const y = Pt(g);
     y != null && s(u(y));
-  } : void 0, k = i ? (m) => {
-    const y = Pt(m);
+  } : void 0, S = i ? (g) => {
+    const y = Pt(g);
     y != null && i(u(y));
   } : void 0;
   return Ee({
     ...e,
-    value: v.map(t, (m) => m.toString()),
-    onChange: b,
-    onInput: k,
+    value: h.map(t, (g) => g.toString()),
+    onChange: f,
+    onInput: S,
     after: p,
     mask: null,
     allowMode: "digits",
@@ -2805,26 +2805,26 @@ const Br = (e) => {
   }
 }, Ur = (e) => {
   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;
+    const b = a != null ? h.get(a) : void 0, k = r != null ? h.get(r) : void 0;
+    return b != null && y < b ? b : k != null && y > k ? k : y;
   }, l = n != null ? ae(ie, (y) => {
-    const h = T(
+    const b = I(
       t,
       a
-    )((g, f) => {
-      const C = g ?? 0n;
-      return f == null ? !0 : C > f;
-    }), x = T(
+    )((m, v) => {
+      const w = m ?? 0n;
+      return v == null ? !0 : w > v;
+    }), k = I(
       t,
       r
-    )((g, f) => {
-      const C = g ?? 0n;
-      return f == null ? !0 : C < f;
-    }), w = (g, f) => {
-      const C = v.get(t) ?? 0n, $ = v.get(n), D = f?.shiftKey ? 10n : 1n, _ = C + $ * D * g, I = a != null ? v.get(a) : void 0, V = r != null ? v.get(r) : void 0;
-      if (g < 0n && I != null && _ < I || g > 0n && V != null && _ > V) return;
+    )((m, v) => {
+      const w = m ?? 0n;
+      return v == null ? !0 : w < v;
+    }), x = (m, v) => {
+      const w = h.get(t) ?? 0n, $ = h.get(n), D = v?.shiftKey ? 10n : 1n, _ = w + $ * D * m, T = a != null ? h.get(a) : void 0, V = r != null ? h.get(r) : void 0;
+      if (m < 0n && T != null && _ < T || m > 0n && V != null && _ > V) return;
       const O = u(_);
-      O !== C && s && s(O);
+      O !== w && s && s(O);
     };
     return pt(
       o.class("bc-number-input-steppers"),
@@ -2834,14 +2834,14 @@ const Br = (e) => {
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         o.disabled(
-          T(
-            x,
+          I(
+            k,
             e.disabled ?? !1
-          )((g, f) => !g || f)
+          )((m, v) => !m || v)
         ),
-        L.click((g) => w(1n, g)),
-        E.label(y.$.incrementValue),
-        te({ icon: "line-md:plus", size: "xs" })
+        L.click((m) => x(1n, m)),
+        M.label(y.$.incrementValue),
+        ee({ icon: "line-md:plus", size: "xs" })
       ),
       d.button(
         o.type("button"),
@@ -2849,42 +2849,42 @@ const Br = (e) => {
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         o.disabled(
-          T(
-            h,
+          I(
+            b,
             e.disabled ?? !1
-          )((g, f) => !g || f)
+          )((m, v) => !m || v)
         ),
-        L.click((g) => w(-1n, g)),
-        E.label(y.$.decrementValue),
-        te({ icon: "line-md:minus", size: "xs" })
+        L.click((m) => x(-1n, m)),
+        M.label(y.$.decrementValue),
+        ee({ icon: "line-md:minus", size: "xs" })
       )
     );
   }) : null, p = Me(
     t,
     e.disabled,
     s ?? i
-  ), b = c != null && l != null ? R(l, p, c) : c != null ? R(p, c) : l != null ? R(l, p) : p, k = s ? (y) => {
-    const h = Lt(y);
-    s(h === null ? null : u(h));
-  } : void 0, m = i ? (y) => {
-    const h = Lt(y);
-    i(h === null ? null : u(h));
+  ), f = c != null && l != null ? U(l, p, c) : c != null ? U(p, c) : l != null ? U(l, p) : p, S = s ? (y) => {
+    const b = Lt(y);
+    s(b === null ? null : u(b));
+  } : void 0, g = i ? (y) => {
+    const b = Lt(y);
+    i(b === null ? null : u(b));
   } : void 0;
   return Ee({
     ...e,
-    value: v.map(t, (y) => y == null ? "" : y.toString()),
-    onChange: k,
-    onInput: m,
-    after: b,
+    value: h.map(t, (y) => y == null ? "" : y.toString()),
+    onChange: S,
+    onInput: g,
+    after: f,
     mask: null,
     allowMode: "digits",
     class: "bc-number-input"
   });
 }, Fr = (e) => {
   const { value: t, onChange: n, onBlur: a, before: r } = e, s = G(""), i = (u) => {
-    n?.(v.get(t).filter((l) => l !== u));
+    n?.(h.get(t).filter((l) => l !== u));
   }, c = () => {
-    const u = s.value.trim(), l = v.get(t);
+    const u = s.value.trim(), l = h.get(t);
     u === "" || l.includes(u) || (s.set(""), n?.([...l, u]));
   };
   return ce({
@@ -2894,7 +2894,7 @@ const Br = (e) => {
       size: e.size,
       color: "neutral"
     }),
-    input: R(
+    input: U(
       o.class("bc-input-container__tags"),
       Le(
         t,
@@ -2923,7 +2923,7 @@ function qe(e) {
         ...t,
         input: pe[e.inputType](
           fe(t),
-          o.value(v.map(n, e.valueToString)),
+          o.value(h.map(n, e.valueToString)),
           o.class("bc-input"),
           a != null ? L.blur(X(a)) : W,
           r != null ? L.change(X((i) => r(e.parseValue(s, i)))) : W
@@ -2941,7 +2941,7 @@ function Je(e) {
         input: pe[e.inputType](
           fe(t),
           o.value(
-            v.map(n, (p) => p == null ? "" : e.valueToString(p))
+            h.map(n, (p) => p == null ? "" : e.valueToString(p))
           ),
           o.class("bc-input"),
           a != null ? L.blur(X(a)) : W,
@@ -2956,7 +2956,7 @@ function Je(e) {
             )
           ) : W
         ),
-        after: i != null ? R(u, i) : u
+        after: i != null ? U(u, i) : u
       })
     );
   };
@@ -2996,7 +2996,7 @@ const jr = qe({
       input: pe["datetime-local"](
         fe(e),
         o.value(
-          v.map(t, (s) => ga(Number(s.epochMilliseconds)))
+          h.map(t, (s) => ga(Number(s.epochMilliseconds)))
         ),
         o.class("bc-input"),
         n != null ? L.blur(X(n)) : W,
@@ -3019,7 +3019,7 @@ const jr = qe({
       input: pe["datetime-local"](
         fe(e),
         o.value(
-          v.map(
+          h.map(
             t,
             (l) => l == null ? null : ma(Number(l.epochMilliseconds))
           )
@@ -3037,7 +3037,7 @@ const jr = qe({
           )
         ) : W
       ),
-      after: s != null ? R(c, s) : c
+      after: s != null ? U(c, s) : c
     })
   );
 }, Jr = (e) => {
@@ -3047,12 +3047,12 @@ const jr = qe({
       ...e,
       input: pe["datetime-local"](
         fe(e),
-        o.value(v.map(t, (s) => s.toJSON())),
+        o.value(h.map(t, (s) => s.toJSON())),
         o.class("bc-input"),
         n != null ? L.blur(X(n)) : W,
         a != null ? L.change(
           X((s) => {
-            const i = r.PlainDateTime.from(s), c = v.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            const i = r.PlainDateTime.from(s), c = h.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
             return a(r.ZonedDateTime.from({ ...i, timeZone: c }));
           })
         ) : W
@@ -3066,25 +3066,25 @@ const jr = qe({
       ...e,
       input: pe["datetime-local"](
         fe(e),
-        o.value(v.map(t, (l) => l?.toJSON())),
+        o.value(h.map(t, (l) => l?.toJSON())),
         o.class("bc-input"),
         n != null ? L.blur(X(n)) : W,
         a != null ? L.change(
           X((l) => {
             if (l === "") return a(null);
-            const p = u.PlainDateTime.from(l), b = v.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
-            return a(u.ZonedDateTime.from({ ...p, timeZone: b }));
+            const p = u.PlainDateTime.from(l), f = h.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            return a(u.ZonedDateTime.from({ ...p, timeZone: f }));
           })
         ) : W,
         r != null ? L.input(
           X((l) => {
             if (l === "") return r(null);
-            const p = u.PlainDateTime.from(l), b = v.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
-            return r(u.ZonedDateTime.from({ ...p, timeZone: b }));
+            const p = u.PlainDateTime.from(l), f = h.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            return r(u.ZonedDateTime.from({ ...p, timeZone: f }));
           })
         ) : W
       ),
-      after: s != null ? R(c, s) : c
+      after: s != null ? U(c, s) : c
     })
   );
 }, Qr = qe({
@@ -3101,7 +3101,7 @@ const jr = qe({
     (a) => Ee({
       ...e,
       // Map Temporal value to MM-DD string
-      value: v.map(t, (r) => r.toString()),
+      value: h.map(t, (r) => r.toString()),
       onChange: n != null ? (r) => n(a.PlainMonthDay.from(`--${r}`)) : void 0,
       onInput: void 0,
       mask: "99-99",
@@ -3113,12 +3113,12 @@ const jr = qe({
   return ve(
     (c) => Ee({
       ...e,
-      value: v.map(t, (u) => u?.toString() ?? ""),
+      value: h.map(t, (u) => u?.toString() ?? ""),
       onChange: n != null ? (u) => n(u === "" ? null : c.PlainMonthDay.from(`--${u}`)) : void 0,
       onInput: a != null ? (u) => a(u === "" ? null : c.PlainMonthDay.from(`--${u}`)) : void 0,
       mask: "99-99",
       placeholder: "MM-DD",
-      after: r != null ? R(i, r) : i
+      after: r != null ? U(i, r) : i
     })
   );
 }, no = (e) => {
@@ -3126,7 +3126,7 @@ const jr = qe({
   return ve(
     (a) => Ee({
       ...e,
-      value: v.map(t, (r) => r.toString()),
+      value: h.map(t, (r) => r.toString()),
       onChange: n ? (r) => n(a.Duration.from(r)) : void 0,
       onInput: void 0,
       ...Mn(a.Duration.from),
@@ -3272,14 +3272,14 @@ function so({
       layout: "horizontal",
       content: Zt(
         o.class("bc-group--align-center bc-group--gap-2"),
-        te({
+        ee({
           icon: "ic:twotone-language",
           size: "lg",
           color: "neutral",
           title: a.$.locale
         }),
         Gt({
-          options: v.map(
+          options: h.map(
             e,
             (i) => i.map((c) => {
               let u = c.name;
@@ -3320,42 +3320,42 @@ function xa({
   onClose: c,
   class: u
 } = {}, ...l) {
-  const p = v.map(i, (b) => b != null);
+  const p = h.map(i, (f) => f != null);
   return d.section(
     o.class(
-      T(
+      I(
         n,
         p,
         t,
         e,
         u
       )(
-        (b, k, m, y, h) => [
+        (f, S, g, y, b) => [
           ya(
-            b,
-            k,
-            m,
+            f,
+            S,
+            g,
             y,
-            h
+            b
           )
         ].join(" ")
       )
     ),
     o.style(
-      T(
+      I(
         a,
         r
       )(
-        (b, k) => wa(b, k)
+        (f, S) => wa(f, S)
       )
     ),
-    E.live("polite"),
-    E.busy(e),
+    M.live("polite"),
+    M.busy(e),
     Q(
       e,
       () => d.div(
         o.class("bc-notification__visual bc-notification__loader"),
-        te({
+        ee({
           icon: "line-md:loading-twotone-loop",
           size: "lg",
           color: a,
@@ -3366,7 +3366,7 @@ function xa({
         p,
         () => d.div(
           o.class("bc-notification__visual bc-notification__icon"),
-          te({
+          ee({
             icon: i,
             size: "lg",
             color: a
@@ -3374,7 +3374,7 @@ function xa({
         ),
         () => d.div(
           o.class("bc-notification__visual bc-notification__accent"),
-          E.hidden(!0)
+          M.hidden(!0)
         )
       )
     ),
@@ -3430,26 +3430,26 @@ const Sa = new ka(), pn = {
         l >= 0 && n.splice(l, 1);
       };
     }
-    const r = [], s = ({ dismissAfter: u, onClose: l, animation: p = { fade: !0 }, ...b }, ...k) => {
-      t.update((h) => h + 1);
-      const m = u != null ? typeof u == "number" ? On(u * 1e3) : u : void 0, y = {
+    const r = [], s = ({ dismissAfter: u, onClose: l, animation: p = { fade: !0 }, ...f }, ...S) => {
+      t.update((b) => b + 1);
+      const g = u != null ? typeof u == "number" ? On(u * 1e3) : u : void 0, y = {
         animation: p,
-        class: v.toSignal(b.class),
-        loading: v.toSignal(b.loading ?? !1),
-        withCloseButton: v.toSignal(
-          b.withCloseButton == null && u == null ? !0 : b.withCloseButton ?? !0
+        class: h.toSignal(f.class),
+        loading: h.toSignal(f.loading ?? !1),
+        withCloseButton: h.toSignal(
+          f.withCloseButton == null && u == null ? !0 : f.withCloseButton ?? !0
         ),
-        withBorder: v.toSignal(b.withBorder ?? !1),
-        color: v.toSignal(b.color ?? "primary"),
-        radius: v.toSignal(b.radius ?? "md"),
-        title: b.title ?? W,
-        icon: v.toSignal(b.icon),
-        children: k,
-        listenRequestClose: (h) => (r.push(h), l?.(), () => {
+        withBorder: h.toSignal(f.withBorder ?? !1),
+        color: h.toSignal(f.color ?? "primary"),
+        radius: h.toSignal(f.radius ?? "md"),
+        title: f.title ?? W,
+        icon: h.toSignal(f.icon),
+        children: S,
+        listenRequestClose: (b) => (r.push(b), l?.(), () => {
         }),
-        delayedClose: m
+        delayedClose: g
       };
-      n.forEach((h) => h(y));
+      n.forEach((b) => b(y));
     }, i = () => {
       r.forEach((u) => u()), r.length = 0;
     }, c = Sa.attach({ show: s, clear: i });
@@ -3517,7 +3517,7 @@ function io({
       defaultAppearance: t ? n : "light",
       appearancePreferenceKey: a
     }), r && c(pn, { position: s }), In.attach(u(Ne));
-    const l = R(
+    const l = U(
       t ? Ln() : W,
       va(),
       r ? Ca() : W,
@@ -3541,31 +3541,31 @@ function co({
   search: u,
   nameddest: l,
   viewrect: p,
-  highlight: b,
-  allowfullscreen: k = !1
+  highlight: f,
+  allowfullscreen: S = !1
 }) {
-  const m = v.toSignal(
+  const g = h.toSignal(
     e
-  ).mapAsync(async (h) => {
-    if (h instanceof Blob) {
-      const x = await h.arrayBuffer(), w = new Blob([x], { type: "application/pdf" });
-      return URL.createObjectURL(w);
+  ).mapAsync(async (b) => {
+    if (b instanceof Blob) {
+      const k = await b.arrayBuffer(), x = new Blob([k], { type: "application/pdf" });
+      return URL.createObjectURL(x);
     } else {
-      if (h instanceof ArrayBuffer)
+      if (b instanceof ArrayBuffer)
         return URL.createObjectURL(
-          new Blob([h], { type: "application/pdf" })
+          new Blob([b], { type: "application/pdf" })
         );
-      if (h instanceof Uint8Array)
+      if (b instanceof Uint8Array)
         return URL.createObjectURL(
-          new Blob([new Uint8Array(h)], { type: "application/pdf" })
+          new Blob([new Uint8Array(b)], { type: "application/pdf" })
         );
-      if (typeof h == "string") {
-        const w = await (await fetch(h)).arrayBuffer(), g = new Blob([w], { type: "application/pdf" });
-        return URL.createObjectURL(g);
+      if (typeof b == "string") {
+        const x = await (await fetch(b)).arrayBuffer(), m = new Blob([x], { type: "application/pdf" });
+        return URL.createObjectURL(m);
       }
     }
-  }, null), y = T(
-    m,
+  }, null), y = I(
+    g,
     t,
     n,
     a,
@@ -3576,36 +3576,36 @@ function co({
     u,
     l,
     p,
-    b
-  )((h, x, w, g, f, C, $, D, _, I, 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}`), f != null && B.push(`view=${f}`), C != null && B.push(`pagemode=${C}`), $ === !1 && B.push("scrollbar=0"), D === !1 && B.push("navpanes=0"), _ != null && B.push(`search=${encodeURIComponent(_)}`), I != null && B.push(`nameddest=${encodeURIComponent(I)}`), V != null && B.push(`viewrect=${encodeURIComponent(V)}`), O != null && B.push(`highlight=${encodeURIComponent(O)}`);
-    const F = B.join("&");
-    return F ? `${h}#${F}` : h;
+    f
+  )((b, k, x, m, v, w, $, D, _, T, V, O) => {
+    if (b == null) return null;
+    const E = [];
+    k === !1 && E.push("toolbar=0"), x != null && x > 0 && E.push(`page=${x}`), m != null && m > 0 && E.push(`zoom=${m}`), v != null && E.push(`view=${v}`), w != null && E.push(`pagemode=${w}`), $ === !1 && E.push("scrollbar=0"), D === !1 && E.push("navpanes=0"), _ != null && E.push(`search=${encodeURIComponent(_)}`), T != null && E.push(`nameddest=${encodeURIComponent(T)}`), V != null && E.push(`viewrect=${encodeURIComponent(V)}`), O != null && E.push(`highlight=${encodeURIComponent(O)}`);
+    const N = E.join("&");
+    return N ? `${b}#${N}` : b;
   });
-  return m.on((h, x) => {
-    x != null && URL.revokeObjectURL(x);
+  return g.on((b, k) => {
+    k != null && URL.revokeObjectURL(k);
   }), d.div(
     oe(() => {
-      const h = m.value;
-      h != null && URL.revokeObjectURL(h);
+      const b = g.value;
+      b != null && URL.revokeObjectURL(b);
     }),
     o.class("h-full w-full"),
     // could also use embed or object. IFrame seems to work on Safari.
     d.iframe(
       o.class("h-full w-full"),
-      o.allowfullscreen(k),
+      o.allowfullscreen(S),
       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) => {
-        const x = h;
-        let w = !0;
-        return y.on((g) => {
-          g != null && (w ? (x.src = g, w = !1) : (x.src = "about:blank", setTimeout(() => {
-            x.src = g;
+      ne((b) => {
+        const k = b;
+        let x = !0;
+        return y.on((m) => {
+          m != null && (x ? (k.src = m, x = !1) : (k.src = "about:blank", setTimeout(() => {
+            k.src = m;
           }, 50)));
         }), W;
       })
@@ -3624,29 +3624,29 @@ function uo({
   scrollModeOnLoad: u,
   spreadModeOnLoad: l,
   enableScripting: p,
-  enablePrinting: b,
-  viewerUrl: k = null,
-  allowfullscreen: m = !0,
+  enablePrinting: f,
+  viewerUrl: S = null,
+  allowfullscreen: g = !0,
   class: y = null
 }) {
-  const h = v.toSignal(
+  const b = h.toSignal(
     e
-  ).mapAsync(async (w) => {
-    if (w instanceof Blob)
-      return URL.createObjectURL(w);
-    if (w instanceof ArrayBuffer)
+  ).mapAsync(async (x) => {
+    if (x instanceof Blob)
+      return URL.createObjectURL(x);
+    if (x instanceof ArrayBuffer)
       return URL.createObjectURL(
-        new Blob([w], { type: "application/pdf" })
+        new Blob([x], { type: "application/pdf" })
       );
-    if (w instanceof Uint8Array)
+    if (x instanceof Uint8Array)
       return URL.createObjectURL(
-        new Blob([new Uint8Array(w)], { type: "application/pdf" })
+        new Blob([new Uint8Array(x)], { type: "application/pdf" })
       );
-    if (typeof w == "string")
-      return w;
-  }, null), x = T(
-    h,
-    k,
+    if (typeof x == "string")
+      return x;
+  }, null), k = I(
+    b,
+    S,
     t,
     n,
     a,
@@ -3657,31 +3657,31 @@ function uo({
     u,
     l,
     p,
-    b
-  )((w, g, f, C, $, D, _, I, V, O, B, F, ee) => {
-    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));
+    f
+  )((x, m, v, w, $, D, _, T, V, O, E, N, te) => {
+    if (x == null) return null;
+    const H = m ?? "https://mozilla.github.io/pdf.js/web/viewer.html", F = new URLSearchParams();
+    F.set("file", encodeURIComponent(x));
     const Y = [];
-    f != null && f > 0 && Y.push(`page=${f}`), C != null && (typeof C == "string" ? Y.push(`zoom=${C}`) : Y.push(`zoom=${C}`)), $ != null && Y.push(`pagemode=${$}`), D != null && Y.push(`nameddest=${encodeURIComponent(D)}`), _ != null && Y.push(`search=${encodeURIComponent(_)}`), I != null && Y.push(`textLayer=${I}`), 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"}`), ee != null && Y.push(`enablePrinting=${ee ? "1" : "0"}`);
+    v != null && v > 0 && Y.push(`page=${v}`), w != null && (typeof w == "string" ? Y.push(`zoom=${w}`) : Y.push(`zoom=${w}`)), $ != null && Y.push(`pagemode=${$}`), D != null && Y.push(`nameddest=${encodeURIComponent(D)}`), _ != null && Y.push(`search=${encodeURIComponent(_)}`), T != null && Y.push(`textLayer=${T}`), V != null && Y.push(`sidebar=${V}`), O != null && Y.push(`scrollMode=${O}`), E != null && Y.push(`spreadMode=${E}`), N != null && Y.push(`enableScripting=${N ? "1" : "0"}`), te != null && Y.push(`enablePrinting=${te ? "1" : "0"}`);
     const se = Y.length > 0 ? `#${Y.join("&")}` : "";
-    return `${H}?${U.toString()}${se}`;
+    return `${H}?${F.toString()}${se}`;
   });
-  return h.on((w, g) => {
-    g != null && g.startsWith("blob:") && URL.revokeObjectURL(g);
+  return b.on((x, m) => {
+    m != null && m.startsWith("blob:") && URL.revokeObjectURL(m);
   }), d.div(
     oe(() => {
-      const w = h.value;
-      w != null && w.startsWith("blob:") && URL.revokeObjectURL(w);
+      const x = b.value;
+      x != null && x.startsWith("blob:") && URL.revokeObjectURL(x);
     }),
     o.class("bc-pdfjs-preview h-full w-full"),
     o.class(y),
     d.iframe(
       o.class("h-full w-full"),
-      o.allowfullscreen(m),
+      o.allowfullscreen(g),
       o.title("PDF Preview"),
       o.loading("lazy"),
-      o.src(x)
+      o.src(k)
     )
   );
 }
@@ -3689,13 +3689,13 @@ const po = ({ id: e, css: t }) => st("head", d.style(o.id(e), o.innerHTML(t)));
 function ge(e, t) {
   return t == null ? null : d.meta(
     o.name(e),
-    o.content(v.map(t, (n) => String(n)))
+    o.content(h.map(t, (n) => String(n)))
   );
 }
 function Z(e, t) {
   return t == null ? null : d.meta(
     o.property(e),
-    o.content(v.map(t, (n) => String(n)))
+    o.content(h.map(t, (n) => String(n)))
   );
 }
 function ze(e, t) {
@@ -3703,7 +3703,7 @@ function ze(e, t) {
 }
 function Ia(e, t) {
   return t == null ? null : Q(
-    v.map(t, (n) => Array.isArray(n)),
+    h.map(t, (n) => Array.isArray(n)),
     () => ze(e, t),
     () => Z(e, t)
   );
@@ -3736,7 +3736,7 @@ const fo = (e) => {
       "twitter:image:alt",
       Pe(e.twitterImageAlt, e.imageAlt)
     )
-  ), 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)), st("head", t.filter((n) => n != null).flat());
+  ), e.canonical != null && h.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)), st("head", t.filter((n) => n != null).flat());
 }, ft = ({
   viewTransition: e,
   state: t,
@@ -3786,22 +3786,22 @@ function Ta({
   replace: u,
   target: l,
   rel: p
-}, ...b) {
+}, ...f) {
   return Q(
     r,
     () => d.span(
       o.class(
-        T(
+        I(
           t,
           r
-        )((k, m) => Dt(k, m))
+        )((S, g) => Dt(S, g))
       ),
       o.style(
-        T(a)(
-          (k) => At(k ?? "base")
+        I(a)(
+          (S) => At(S ?? "base")
         )
       ),
-      ...b
+      ...f
     ),
     () => it(
       {
@@ -3814,17 +3814,17 @@ function Ta({
         })
       },
       o.class(
-        T(
+        I(
           t,
           r
-        )((k, m) => Dt(k, m))
+        )((S, g) => Dt(S, g))
       ),
       o.style(
-        T(n)((k) => At(k ?? "primary"))
+        I(n)((S) => At(S ?? "primary"))
       ),
       l ? o.target(l) : null,
       p ? o.rel(p) : null,
-      ...b
+      ...f
     )
   );
 }
@@ -3851,9 +3851,9 @@ function Pa(e, t, n) {
         const l = Array.from(
           new URLSearchParams(u.search).entries()
         ).sort(), p = Array.from(a.entries()).sort();
-        return l.length !== p.length ? !1 : l.every(([b, k], m) => {
-          const [y, h] = p[m];
-          return b === y && k === h;
+        return l.length !== p.length ? !1 : l.every(([f, S], g) => {
+          const [y, b] = p[g];
+          return f === y && S === b;
         });
       } catch {
         return e.pathname === t;
@@ -3863,7 +3863,7 @@ function Pa(e, t, n) {
   }
 }
 function bt(e, t) {
-  return t === "exact" ? T(e)((n) => n) : T(e)(
+  return t === "exact" ? I(e)((n) => n) : I(e)(
     (n) => (a) => Pa(a, n, t)
   );
 }
@@ -3876,7 +3876,7 @@ function bo({
   return ae(Ne, (s) => {
     const i = s.matchSignal(
       bt(e, t)
-    ), c = T(
+    ), c = I(
       i,
       n
     )((u, l) => l ?? !0 ? u : !1);
@@ -3902,18 +3902,18 @@ function go({
   disableWhenActive: u,
   variant: l = "filled",
   size: p = "md",
-  color: b = "base",
-  roundedness: k = "sm",
-  disabled: m = !1
+  color: f = "base",
+  roundedness: S = "sm",
+  disabled: g = !1
 }, ...y) {
-  return c !== void 0 || u !== void 0 ? ae(Ne, (h) => {
-    const x = c !== void 0 ? h.matchSignal(bt(e, c)) : T(h.location)(() => !1), w = T(
-      x,
+  return c !== void 0 || u !== void 0 ? ae(Ne, (b) => {
+    const k = c !== void 0 ? b.matchSignal(bt(e, c)) : I(b.location)(() => !1), x = I(
+      k,
       u
-    )((f, C) => !(C ?? !0) || !c ? !1 : f), g = T(
-      m,
-      w
-    )((f, C) => f || C);
+    )((v, w) => !(w ?? !0) || !c ? !1 : v), m = I(
+      g,
+      x
+    )((v, w) => v || w);
     return Vt(
       {
         href: e,
@@ -3925,9 +3925,9 @@ function go({
         rel: i,
         variant: l,
         size: p,
-        color: b,
-        roundedness: k,
-        disabled: g
+        color: f,
+        roundedness: S,
+        disabled: m
       },
       ...y
     );
@@ -3942,9 +3942,9 @@ function go({
       rel: i,
       variant: l,
       size: p,
-      color: b,
-      roundedness: k,
-      disabled: m
+      color: f,
+      roundedness: S,
+      disabled: g
     },
     ...y
   );
@@ -3961,31 +3961,31 @@ function Vt({
   size: u = "md",
   color: l = "base",
   roundedness: p = "sm",
-  disabled: b = !1,
-  fullWidth: k = !1,
-  loading: m = !1
+  disabled: f = !1,
+  fullWidth: S = !1,
+  loading: g = !1
 }, ...y) {
   return Q(
-    b ?? !1,
+    f ?? !1,
     () => d.span(
       o.class(
-        T(
+        I(
           u,
           p,
-          m,
-          k
+          g,
+          S
         )(wt)
       ),
       o.style(
-        T(
+        I(
           c,
           l,
-          b
+          f
         )(
-          (h, x, w) => xt(
-            h ?? "filled",
-            x ?? "base",
-            w
+          (b, k, x) => xt(
+            b ?? "filled",
+            k ?? "base",
+            x
           )
         )
       ),
@@ -4002,23 +4002,23 @@ function Vt({
         })
       },
       o.class(
-        T(
+        I(
           u,
           p,
-          m,
-          k
+          g,
+          S
         )(wt)
       ),
       o.style(
-        T(
+        I(
           c,
           l,
-          b
+          f
         )(
-          (h, x, w) => xt(
-            h ?? "filled",
-            x ?? "base",
-            w
+          (b, k, x) => xt(
+            b ?? "filled",
+            k ?? "base",
+            x
           )
         )
       ),
@@ -4041,7 +4041,7 @@ const La = {
 function mo({ backgroundMode: e = "light" }, ...t) {
   return Nt(
     La,
-    v.map(
+    h.map(
       e,
       (n) => ({
         backgroundMode: n
@@ -4050,7 +4050,7 @@ function mo({ backgroundMode: e = "light" }, ...t) {
     () => d.div(
       o.class("bc-sidebar"),
       o.class(
-        v.map(
+        h.map(
           e,
           (n) => n === "dark" ? "bc-sidebar--dark-bg" : ""
         )
@@ -4064,7 +4064,7 @@ function Bt({ rail: e, header: t }, ...n) {
     t != null ? d.div(o.class("bc-sidebar-group__header"), t) : null,
     d.div(
       o.class(
-        v.map(
+        h.map(
           e ?? !1,
           (a) => a ? "bc-sidebar-group--rail" : ""
         )
@@ -4090,14 +4090,14 @@ function Va(e, ...t) {
   return d.button(
     o.type("button"),
     L.click(e.onClick),
-    e.ariaExpanded != null ? E.expanded(
-      v.map(
+    e.ariaExpanded != null ? M.expanded(
+      h.map(
         e.ariaExpanded,
         (n) => n
       )
     ) : null,
-    e.ariaControls != null ? E.controls(e.ariaControls) : null,
-    e.ariaLabel != null ? E.label(e.ariaLabel) : null,
+    e.ariaControls != null ? M.controls(e.ariaControls) : null,
+    e.ariaLabel != null ? M.label(e.ariaLabel) : null,
     ...t
   );
 }
@@ -4106,7 +4106,7 @@ function Ba(e) {
   return e.icon != null && t.push(
     d.span(
       o.class("bc-sidebar-link--icon"),
-      te({ icon: e.icon })
+      ee({ icon: e.icon })
     )
   ), t.push(
     d.span(o.class("bc-sidebar-link__content"), e.content)
@@ -4119,7 +4119,7 @@ function Ba(e) {
       L.click((n, a) => {
         e.action?.onClick?.(a);
       }),
-      te({ icon: e.action?.icon })
+      ee({ icon: e.action?.icon })
     )
   ), "onClick" in e ? Va(e, ...t) : ae(Ne, (n) => {
     const a = n.matchSignal(
@@ -4142,7 +4142,7 @@ function ho({
   header: n,
   startOpen: a = !0
 }, ...r) {
-  const s = v.deriveProp(a), i = he("sidebar-group"), c = `${i}-content`;
+  const s = h.deriveProp(a), i = he("sidebar-group"), c = `${i}-content`;
   return Bt(
     {},
     o.class("bc-sidebar-group-collapsible"),
@@ -4162,7 +4162,7 @@ function ho({
       ariaControls: c,
       right: d.span(
         o.class("bc-sidebar-group-collapsible-indicator"),
-        te({ icon: "lucide:chevron-down", color: "base" })
+        ee({ icon: "lucide:chevron-down", color: "base" })
       ),
       content: n
     }),
@@ -4198,7 +4198,7 @@ function He(e, t, n) {
   let s = 0;
   for (; s < a; ) {
     const i = t[r];
-    if (!v.get(i.disabled ?? !1))
+    if (!h.get(i.disabled ?? !1))
       return r;
     r += n, r >= a ? r = 0 : r < 0 && (r = a - 1), s++;
   }
@@ -4216,84 +4216,84 @@ function yo(e) {
     orientation: u = "horizontal",
     showContent: l = !0,
     ariaLabel: p
-  } = e, b = he("tablist"), k = G(-1), m = T(n)((h) => t.find((x) => x.key === h)), y = (h) => {
-    if (v.get(c)) return;
-    const w = k.value, g = v.get(u) === "horizontal";
-    let f = w;
-    switch (h.key) {
-      case (g ? "ArrowRight" : "ArrowDown"):
-        h.preventDefault(), f = He(w, t, 1);
+  } = e, f = he("tablist"), S = G(-1), g = I(n)((b) => t.find((k) => k.key === b)), y = (b) => {
+    if (h.get(c)) return;
+    const x = S.value, m = h.get(u) === "horizontal";
+    let v = x;
+    switch (b.key) {
+      case (m ? "ArrowRight" : "ArrowDown"):
+        b.preventDefault(), v = He(x, t, 1);
         break;
-      case (g ? "ArrowLeft" : "ArrowUp"):
-        h.preventDefault(), f = He(w, t, -1);
+      case (m ? "ArrowLeft" : "ArrowUp"):
+        b.preventDefault(), v = He(x, t, -1);
         break;
       case "Home":
-        h.preventDefault(), f = He(-1, t, 1);
+        b.preventDefault(), v = He(-1, t, 1);
         break;
       case "End":
-        h.preventDefault(), f = He(t.length, t, -1);
+        b.preventDefault(), v = He(t.length, t, -1);
         break;
       case "Enter":
       case " ":
-        if (h.preventDefault(), w >= 0 && w < t.length) {
-          const C = t[w];
-          v.get(C.disabled ?? !1) || a?.(C.key);
+        if (b.preventDefault(), x >= 0 && x < t.length) {
+          const w = t[x];
+          h.get(w.disabled ?? !1) || a?.(w.key);
         }
         break;
     }
-    f !== w && f >= 0 && f < t.length && (k.set(f), setTimeout(() => {
-      const C = document.querySelector(
-        `[data-tab-index="${f}"]`
+    v !== x && v >= 0 && v < t.length && (S.set(v), setTimeout(() => {
+      const w = document.querySelector(
+        `[data-tab-index="${v}"]`
       );
-      C && C.focus();
+      w && w.focus();
     }, 0));
   };
   return d.div(
     o.class(
-      T(
+      I(
         r,
         u,
         c,
         s
       )(
-        (h, x, w, g) => Ma(
-          h ?? "md",
-          x ?? "horizontal",
-          w ?? !1,
-          g ?? "default"
+        (b, k, x, m) => Ma(
+          b ?? "md",
+          k ?? "horizontal",
+          x ?? !1,
+          m ?? "default"
         )
       )
     ),
     o.style(
-      T(
+      I(
         s,
         i
       )(
-        (h, x) => Ea(h ?? "default", x ?? "primary")
+        (b, k) => Ea(b ?? "default", k ?? "primary")
       )
     ),
     // Tab list
     d.div(
       o.class("bc-tabs__list"),
       o.role("tablist"),
-      o.id(b),
-      E.orientation(
+      o.id(f),
+      M.orientation(
         u ?? "horizontal"
       ),
-      p ? E.label(p) : R(),
+      p ? M.label(p) : U(),
       L.keydown(y),
-      ...t.map((h, x) => {
-        const w = T(n)(($) => $ === h.key), g = T(
+      ...t.map((b, k) => {
+        const x = I(n)(($) => $ === b.key), m = I(
           c,
-          h.disabled
-        )(($, D) => $ || D), f = `${b}-tab-${h.key}`, C = `${b}-panel-${h.key}`;
+          b.disabled
+        )(($, D) => $ || D), v = `${f}-tab-${b.key}`, w = `${f}-panel-${b.key}`;
         return d.button(
           o.type("button"),
           o.class(
-            T(
+            I(
               r,
-              w,
-              g
+              x,
+              m
             )(
               ($, D, _) => Oa(
                 $ ?? "md",
@@ -4302,44 +4302,44 @@ function yo(e) {
               )
             )
           ),
-          o.id(f),
+          o.id(v),
           o.role("tab"),
           o.tabindex(
-            T(
-              w,
-              k
-            )(($, D) => $ || D === x ? 0 : -1)
+            I(
+              x,
+              S
+            )(($, D) => $ || D === k ? 0 : -1)
           ),
-          E.selected(w),
-          E.controls(C),
-          E.disabled(g),
-          o.disabled(g),
-          lt["tab-index"](String(x)),
-          h.ariaLabel ? E.label(h.ariaLabel) : R(),
+          M.selected(x),
+          M.controls(w),
+          M.disabled(m),
+          o.disabled(m),
+          lt["tab-index"](String(k)),
+          b.ariaLabel ? M.label(b.ariaLabel) : U(),
           L.click(($) => {
-            $.preventDefault(), v.get(h.disabled ?? !1) || v.get(c) || (a?.(h.key), k.set(x));
+            $.preventDefault(), h.get(b.disabled ?? !1) || h.get(c) || (a?.(b.key), S.set(k));
           }),
           L.focus(() => {
-            k.set(x);
+            S.set(k);
           }),
-          h.label
+          b.label
         );
       })
     ),
     // Panel
     Q(
       l ?? !0,
-      () => Ue(m, (h) => {
-        const x = h.$.key, w = x.map((f) => `${b}-tab-${f}`), g = x.map((f) => `${b}-panel-${f}`);
+      () => Ue(g, (b) => {
+        const k = b.$.key, x = k.map((v) => `${f}-tab-${v}`), m = k.map((v) => `${f}-panel-${v}`);
         return d.div(
           o.class("bc-tabs__panels"),
           d.div(
             o.class("bc-tabs__panel"),
-            o.id(g),
+            o.id(m),
             o.role("tabpanel"),
             o.tabindex(0),
-            E.labelledby(w),
-            Rt(h, (f) => f.content())
+            M.labelledby(x),
+            Rt(b, (v) => v.content())
           )
         );
       })
@@ -4355,23 +4355,23 @@ function wo(e) {
         size: u = "md",
         side: l = "right",
         dismissable: p = !0,
-        showCloseButton: b = !0,
-        onClose: k,
-        overlayEffect: m = "opaque",
+        showCloseButton: f = !0,
+        onClose: S,
+        overlayEffect: g = "opaque",
         container: y = "body",
-        header: h,
-        body: x,
-        footer: w
+        header: b,
+        body: k,
+        footer: x
       } = c;
       a = n;
-      const g = G("capturing");
-      v.on(p, ($) => {
-        g.set($ ? "capturing" : "non-capturing");
+      const m = G("capturing");
+      h.on(p, ($) => {
+        m.set($ ? "capturing" : "non-capturing");
       });
-      const f = T(
-        h != null,
-        b
-      )(($, D) => $ || D), C = ne(($) => {
+      const v = I(
+        b != null,
+        f
+      )(($, D) => $ || D), w = ne(($) => {
         const D = Re({
           initialStatus: "closed",
           element: $
@@ -4381,25 +4381,25 @@ function wo(e) {
         }), a = () => {
           D.close();
         }, Ze(() => D.open());
-        const I = he("drawer"), V = h != null ? `${I}-header` : void 0, O = `${I}-body`;
+        const T = he("drawer"), V = b != null ? `${T}-header` : void 0, O = `${T}-body`;
         return d.div(
           o.class(
-            T(
+            I(
               u,
               l,
               D.status
             )(
-              (B, F, ee) => `bc-drawer bc-drawer--size-${B} bc-drawer--container-${y} bc-drawer--side-${F} bc-drawer--status-${ee}`
+              (E, N, te) => `bc-drawer bc-drawer--size-${E} bc-drawer--container-${y} bc-drawer--side-${N} bc-drawer--status-${te}`
             )
           ),
           // Essential ARIA attributes for drawer dialog
           o.role("dialog"),
-          E.modal(!0),
-          ...V ? [E.labelledby(V)] : [],
-          E.describedby(O),
+          M.modal(!0),
+          ...V ? [M.labelledby(V)] : [],
+          M.describedby(O),
           o.tabindex(-1),
           // Make drawer focusable for initial focus
-          o.id(I),
+          o.id(T),
           lt.focusTrap("true"),
           // Mark as focus trap container
           // Focus trap for keyboard navigation
@@ -4408,24 +4408,24 @@ function wo(e) {
             escapeDeactivates: !1,
             // Let Overlay handle escape key
             initialFocus: () => document.querySelector(
-              `#${I} [aria-label="Close drawer"]`
+              `#${T} [aria-label="Close drawer"]`
             ) || null
           }),
-          L.mousedown((B) => B.stopPropagation()),
+          L.mousedown((E) => E.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
-          Rt(f, (B) => _t(B ? {
+          Rt(v, (E) => _t(E ? {
             header: d.div(
               o.class("bc-drawer__header"),
-              d.div(o.id(V), h),
+              d.div(o.id(V), b),
               Q(
-                b,
+                f,
                 () => ae(
                   ie,
-                  (F) => Fe({
+                  (N) => Fe({
                     size: "sm",
                     onClick: r,
-                    label: F.$.closeDrawer
+                    label: N.$.closeDrawer
                   })
                 )
               )
@@ -4433,29 +4433,29 @@ function wo(e) {
             body: d.div(
               o.class("bc-drawer__body"),
               o.id(O),
-              x
+              k
             ),
-            footer: w && d.div(o.class("bc-drawer__footer"), w)
+            footer: x && d.div(o.class("bc-drawer__footer"), x)
           } : {
             body: d.div(
               o.class("bc-drawer__body"),
               o.id(O),
-              x
+              k
             ),
-            footer: w && d.div(o.class("bc-drawer__footer"), w)
+            footer: x && d.div(o.class("bc-drawer__footer"), x)
           }))
         );
       });
       t({
-        mode: g,
-        effect: m ?? "opaque",
+        mode: m,
+        effect: g ?? "opaque",
         container: y,
-        content: C,
+        content: w,
         onClickOutside: () => {
-          k?.(), r();
+          S?.(), r();
         },
         onEscape: () => {
-          k?.(), r();
+          S?.(), r();
         }
       });
     }, () => {
@@ -4485,10 +4485,10 @@ function xo(e) {
     crossAxisOffset: i = 0,
     showOn: c = "hover-focus"
   } = e, u = he("tooltip");
-  return R(
-    E.describedby(u),
+  return U(
+    M.describedby(u),
     Ge({
-      content: () => R(
+      content: () => U(
         o.class("bc-tooltip"),
         o.role("tooltip"),
         o.id(u),
@@ -4507,14 +4507,14 @@ function xo(e) {
       arrow: (l) => {
         const p = l.map(
           ({
-            placement: b
-          }) => b.includes("top") ? "down" : b.includes("bottom") ? "up" : b.includes("left") ? "right" : b.includes("right") ? "left" : "up"
+            placement: f
+          }) => f.includes("top") ? "down" : f.includes("bottom") ? "up" : f.includes("left") ? "right" : f.includes("right") ? "left" : "up"
         );
-        return R(
+        return U(
           o.class("bc-tooltip__arrow"),
-          o.class(p.map((b) => `bc-tooltip__arrow-${b}`)),
-          S.transform(
-            l.map(({ x: b, y: k }) => b == null && k == null ? "" : b != null ? `translate(${b}px, 0)` : `translate(0, ${k}px)`)
+          o.class(p.map((f) => `bc-tooltip__arrow-${f}`)),
+          C.transform(
+            l.map(({ x: f, y: S }) => f == null && S == null ? "" : f != null ? `translate(${f}px, 0)` : `translate(0, ${S}px)`)
           ),
           Na(p)
         );
@@ -4552,7 +4552,7 @@ function ko({
     o.class("bc-ribbon"),
     // Theme styles via CSS variables
     o.style(
-      T(
+      I(
         e,
         n,
         a,
@@ -4577,27 +4577,27 @@ function So(e, t) {
   return zt((c, u) => {
     let l = () => {
     };
-    return t((k) => {
+    return t((S) => {
       l = u;
-      const m = G(
+      const g = G(
         typeof n != "boolean" || n ? "capturing" : "non-capturing"
       );
       let y = typeof n == "boolean" ? n : !0;
-      v.on(n, (x) => {
-        y = x, m.set(x ? "capturing" : "non-capturing");
+      h.on(n, (k) => {
+        y = k, g.set(k ? "capturing" : "non-capturing");
       });
-      const h = d.div(
+      const b = d.div(
         o.class("bc-lightbox"),
         // Close button (top-end)
         Q(
           a,
           () => ae(
             ie,
-            (x) => d.div(
+            (k) => d.div(
               o.class("bc-lightbox__close"),
               Fe({
                 size: "md",
-                label: x.$.closeModal,
+                label: k.$.closeModal,
                 onClick: () => {
                   l(), u();
                 }
@@ -4611,19 +4611,19 @@ function So(e, t) {
           o.class("bc-lightbox__viewport"),
           // Visual padding applied here
           o.style(
-            T(i)(
-              (x) => `padding:${typeof x == "number" ? x + "px" : x}`
+            I(i)(
+              (k) => `padding:${typeof k == "number" ? k + "px" : k}`
             )
           ),
           // Content wrapper capped by viewport; overflow is clipped
-          d.div(o.class("bc-lightbox__content"), k)
+          d.div(o.class("bc-lightbox__content"), S)
         )
       );
       c({
-        mode: m,
+        mode: g,
         effect: r ?? "opaque",
         container: s,
-        content: h,
+        content: b,
         onClickOutside: () => {
           y && (l(), u());
         },
@@ -4652,27 +4652,27 @@ function Co({
 }, ...s) {
   const i = G(!0);
   return Q(i, () => {
-    const c = v.map(
+    const c = h.map(
       n,
       (u) => !!u || a != null
     );
     return d.div(
       o.class(
-        T(
+        I(
           c,
           r
         )((u, l) => Ua(u, l))
       ),
       o.style(
-        v.map(e, (u) => Fa(u))
+        h.map(e, (u) => Fa(u))
       ),
       d.div(
         o.class("bc-announcement-bar__content"),
         Q(
-          v.map(t, (u) => u != null),
+          h.map(t, (u) => u != null),
           () => d.div(
             o.class("bc-announcement-bar__icon"),
-            te({
+            ee({
               icon: t,
               size: "sm",
               accessibility: "decorative"
@@ -4723,37 +4723,37 @@ function Io(e) {
     pip: u = !1,
     playsinline: l = !0,
     width: p,
-    height: b,
-    progressInterval: k = 1e3,
-    seekTo: m,
+    height: f,
+    progressInterval: S = 1e3,
+    seekTo: g,
     config: y,
-    onReady: h,
-    onStart: x,
-    onPlay: w,
-    onPause: g,
-    onBuffer: f,
-    onBufferEnd: C,
+    onReady: b,
+    onStart: k,
+    onPlay: x,
+    onPause: m,
+    onBuffer: v,
+    onBufferEnd: w,
     onEnded: $,
     onError: D,
     onDuration: _,
-    onSeek: I,
+    onSeek: T,
     onProgress: V,
     onPlaybackRateChange: O,
-    onPlaybackQualityChange: B
+    onPlaybackQualityChange: E
   } = e;
-  function F(P) {
+  function N(P) {
     return /\.m3u8(\?|$)/i.test(P);
   }
-  function ee(P) {
+  function te(P) {
     try {
-      const M = P.canPlayType("application/vnd.apple.mpegurl");
-      return M === "probably" || M === "maybe";
+      const B = P.canPlayType("application/vnd.apple.mpegurl");
+      return B === "probably" || B === "maybe";
     } catch {
       return !1;
     }
   }
   const H = G("file");
-  let U = null, Y = null, se = null;
+  let F = null, Y = null, se = null;
   function Ie() {
     try {
       se?.destroy();
@@ -4763,20 +4763,20 @@ function Io(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());
+    h.on(t, (P) => {
+      typeof P == "string" && P.length > 0 && ja(P) ? H.value = "youtube" : (H.value = "file", F && de());
     })
   );
   async function de() {
-    const P = U;
+    const P = F;
     if (!P) return;
-    const M = v.get(t);
-    if (typeof M != "string" || M.length === 0) return;
+    const B = h.get(t);
+    if (typeof B != "string" || B.length === 0) return;
     Ie();
     const j = y?.file?.forceHLS ?? !1;
-    if (F(M) || j) {
-      if (ee(P)) {
-        P.setAttribute("src", M);
+    if (N(B) || j) {
+      if (te(P)) {
+        P.setAttribute("src", B);
         try {
           P.load();
         } catch {
@@ -4798,23 +4798,23 @@ function Io(e) {
             } catch {
             }
             const Qe = new xe(y?.hls);
-            se = Qe, Qe.attachMedia(P), Qe.loadSource(M);
+            se = Qe, Qe.attachMedia(P), Qe.loadSource(B);
           } else {
-            P.setAttribute("src", M);
+            P.setAttribute("src", B);
             try {
               P.load();
             } catch {
             }
           }
         } else {
-          P.setAttribute("src", M);
+          P.setAttribute("src", B);
           try {
             P.load();
           } catch {
           }
         }
       } catch (J) {
-        D?.(J), P.setAttribute("src", M);
+        D?.(J), P.setAttribute("src", B);
         try {
           P.load();
         } catch {
@@ -4822,7 +4822,7 @@ function Io(e) {
       }
       return;
     }
-    P.setAttribute("src", M);
+    P.setAttribute("src", B);
     try {
       P.load();
     } catch {
@@ -4830,11 +4830,11 @@ function Io(e) {
   }
   function ye() {
     Y?.();
-    const P = v.get(k) ?? 1e3;
+    const P = h.get(S) ?? 1e3;
     Y = Ct(() => {
-      const M = U;
-      if (!M) return;
-      const j = M.duration || 0, J = M.currentTime || 0, Oe = M.buffered?.length ? M.buffered.end(M.buffered.length - 1) : 0;
+      const B = F;
+      if (!B) return;
+      const j = B.duration || 0, J = B.currentTime || 0, Oe = B.buffered?.length ? B.buffered.end(B.buffered.length - 1) : 0;
       V?.({
         played: j > 0 ? J / j : 0,
         playedSeconds: J,
@@ -4849,38 +4849,38 @@ function Io(e) {
   }
   const De = d.video(
     ne((P) => {
-      U = P, h?.();
+      F = P, b?.();
       try {
-        U.playbackRate = v.get(c) ?? 1;
+        F.playbackRate = h.get(c) ?? 1;
       } 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?.());
+      F.muted = !!(h.get(i) ?? !1), F.loop = !!(h.get(a) ?? !1), F.controls = !!(h.get(r) ?? !1), F.playsInline != null && (!!(h.get(l) ?? !0) ? F.setAttribute("playsinline", "") : F.removeAttribute("playsinline")), h.get(n) && (F.play?.().catch(() => {
+      }), k?.());
       try {
-        const M = !!(v.get(u) ?? !1), j = document, J = U;
-        M ? typeof J.requestPictureInPicture == "function" && j.pictureInPictureElement !== U && J.requestPictureInPicture().catch(() => {
-        }) : j.pictureInPictureElement === U && typeof j.exitPictureInPicture == "function" && j.exitPictureInPicture().catch(() => {
+        const B = !!(h.get(u) ?? !1), j = document, J = F;
+        B ? typeof J.requestPictureInPicture == "function" && j.pictureInPictureElement !== F && J.requestPictureInPicture().catch(() => {
+        }) : j.pictureInPictureElement === F && typeof j.exitPictureInPicture == "function" && j.exitPictureInPicture().catch(() => {
         });
       } catch {
       }
       ye(), de();
     }),
     // size
-    S.width(
-      v.map(p, we)
+    C.width(
+      h.map(p, we)
     ),
-    S.height(
-      v.map(b, we)
+    C.height(
+      h.map(f, we)
     ),
     // Events
-    L.play(() => w?.()),
+    L.play(() => x?.()),
     L.playing(() => {
-      x?.(), C?.();
+      k?.(), w?.();
     }),
-    L.pause(() => g?.()),
-    L.waiting(() => f?.()),
+    L.pause(() => m?.()),
+    L.waiting(() => v?.()),
     L.canplay(() => {
-      const P = U?.duration;
+      const P = F?.duration;
       P != null && Number.isFinite(P) && _?.(P);
     }),
     L.ended(() => $?.()),
@@ -4890,40 +4890,40 @@ function Io(e) {
   );
   let Ae = null, z = null, Te = null;
   function $e() {
-    const P = v.get(t);
-    !Ae || typeof P != "string" || Ha().then((M) => {
+    const P = h.get(t);
+    !Ae || typeof P != "string" || Ha().then((B) => {
       const j = fn(P);
       if (j) {
         if (z) {
           z.loadVideoById({ videoId: j });
           return;
         }
-        z = new M.Player(Ae, {
+        z = new B.Player(Ae, {
           videoId: j,
           playerVars: Wa(e),
           events: {
             onReady: () => {
-              h?.(), A(), v.get(n) && x?.(), Ke();
+              b?.(), A(), h.get(n) && k?.(), Ke();
             },
             onStateChange: (J) => {
               switch (J.data) {
-                case M.PlayerState.PLAYING:
-                  w?.(), C?.();
+                case B.PlayerState.PLAYING:
+                  x?.(), w?.();
                   break;
-                case M.PlayerState.PAUSED:
-                  g?.();
+                case B.PlayerState.PAUSED:
+                  m?.();
                   break;
-                case M.PlayerState.BUFFERING:
-                  f?.();
+                case B.PlayerState.BUFFERING:
+                  v?.();
                   break;
-                case M.PlayerState.ENDED:
+                case B.PlayerState.ENDED:
                   $?.();
                   break;
               }
             },
             onError: (J) => D?.(J),
             onPlaybackRateChange: (J) => O?.(J.data),
-            onPlaybackQualityChange: (J) => B?.(J.data)
+            onPlaybackQualityChange: (J) => E?.(J.data)
           }
         });
       }
@@ -4931,116 +4931,116 @@ function Io(e) {
   }
   function Ke() {
     Te?.();
-    const P = v.get(k) ?? 1e3;
+    const P = h.get(S) ?? 1e3;
     Te = Ct(() => {
       if (!z) return;
-      const M = z.getDuration?.() ?? 0, j = z.getCurrentTime?.() ?? 0, J = z.getVideoLoadedFraction?.() ?? 0;
+      const B = z.getDuration?.() ?? 0, j = z.getCurrentTime?.() ?? 0, J = z.getVideoLoadedFraction?.() ?? 0;
       V?.({
-        played: M > 0 ? j / M : 0,
+        played: B > 0 ? j / B : 0,
         playedSeconds: j,
         loaded: J,
-        loadedSeconds: J * M
+        loadedSeconds: J * B
       });
     }, P);
   }
   function A() {
     if (!z) return;
     try {
-      const j = v.get(c) ?? 1;
+      const j = h.get(c) ?? 1;
       z.setPlaybackRate?.(j);
     } catch {
     }
     try {
       const j = Math.round(
-        Math.min(Math.max(v.get(s) ?? 1, 0), 1) * 100
+        Math.min(Math.max(h.get(s) ?? 1, 0), 1) * 100
       );
       z.setVolume?.(j);
     } catch {
     }
     try {
-      v.get(i) ?? !1 ? z.mute?.() : z.unMute?.();
+      h.get(i) ?? !1 ? z.mute?.() : z.unMute?.();
     } catch {
     }
-    v.get(n) ?? !1 ? z.playVideo?.() : z.pauseVideo?.();
-    const M = v.get(m);
-    typeof M == "number" && Number.isFinite(M) && (z.seekTo?.(M, !0), I?.(M));
+    h.get(n) ?? !1 ? z.playVideo?.() : z.pauseVideo?.();
+    const B = h.get(g);
+    typeof B == "number" && Number.isFinite(B) && (z.seekTo?.(B, !0), T?.(B));
   }
-  const N = d.div(
+  const R = d.div(
     ne((P) => {
-      Ae = P, $e(), h?.();
+      Ae = P, $e(), b?.();
     })
   );
   q.push(
-    v.on(t, () => {
+    h.on(t, () => {
       H.value === "youtube" && $e();
     })
   ), q.push(
-    v.on(n, () => {
-      H.value === "file" && U ? v.get(n) ? U.play?.().catch(() => {
-      }) : U.pause?.() : H.value === "youtube" && z && (v.get(n) ? z.playVideo?.() : z.pauseVideo?.());
+    h.on(n, () => {
+      H.value === "file" && F ? h.get(n) ? F.play?.().catch(() => {
+      }) : F.pause?.() : H.value === "youtube" && z && (h.get(n) ? z.playVideo?.() : z.pauseVideo?.());
     })
   ), q.push(
-    v.on(s, () => {
-      if (H.value === "file" && U)
-        U.volume = Math.min(Math.max(v.get(s) ?? 1, 0), 1);
+    h.on(s, () => {
+      if (H.value === "file" && F)
+        F.volume = Math.min(Math.max(h.get(s) ?? 1, 0), 1);
       else if (H.value === "youtube" && z) {
         const P = Math.round(
-          Math.min(Math.max(v.get(s) ?? 1, 0), 1) * 100
+          Math.min(Math.max(h.get(s) ?? 1, 0), 1) * 100
         );
         z.setVolume?.(P);
       }
     })
   ), q.push(
-    v.on(i, () => {
-      H.value === "file" && U ? U.muted = !!v.get(i) : H.value === "youtube" && z && (v.get(i) ? z.mute?.() : z.unMute?.());
+    h.on(i, () => {
+      H.value === "file" && F ? F.muted = !!h.get(i) : H.value === "youtube" && z && (h.get(i) ? z.mute?.() : z.unMute?.());
     })
   ), q.push(
-    v.on(c, () => {
-      if (H.value === "file" && U)
+    h.on(c, () => {
+      if (H.value === "file" && F)
         try {
-          U.playbackRate = v.get(c) ?? 1;
+          F.playbackRate = h.get(c) ?? 1;
         } catch {
         }
-      else H.value === "youtube" && z && z.setPlaybackRate?.(v.get(c) ?? 1);
+      else H.value === "youtube" && z && z.setPlaybackRate?.(h.get(c) ?? 1);
     })
   ), q.push(
-    v.on(u, async () => {
-      if (!(H.value !== "file" || !U))
+    h.on(u, async () => {
+      if (!(H.value !== "file" || !F))
         try {
-          const P = !!(v.get(u) ?? !1), M = document, j = U;
-          P ? typeof j.requestPictureInPicture == "function" && M.pictureInPictureElement !== U && await j.requestPictureInPicture()?.catch(() => {
-          }) : M.pictureInPictureElement === U && typeof M.exitPictureInPicture == "function" && await M.exitPictureInPicture()?.catch(() => {
+          const P = !!(h.get(u) ?? !1), B = document, j = F;
+          P ? typeof j.requestPictureInPicture == "function" && B.pictureInPictureElement !== F && await j.requestPictureInPicture()?.catch(() => {
+          }) : B.pictureInPictureElement === F && typeof B.exitPictureInPicture == "function" && await B.exitPictureInPicture()?.catch(() => {
           });
         } catch {
         }
     })
   ), q.push(
-    v.on(m ?? null, () => {
-      const P = v.get(m);
+    h.on(g ?? null, () => {
+      const P = h.get(g);
       if (P != null)
-        if (H.value === "file" && U)
+        if (H.value === "file" && F)
           try {
-            U.currentTime = P, I?.(P);
+            F.currentTime = P, T?.(P);
           } catch {
           }
-        else H.value === "youtube" && z && (z.seekTo?.(P, !0), I?.(P));
+        else H.value === "youtube" && z && (z.seekTo?.(P, !0), T?.(P));
     })
   );
   const K = d.div(
     o.class("bc-base-video"),
-    S.width(
-      v.map(p, we)
+    C.width(
+      h.map(p, we)
     ),
-    S.height(
-      v.map(b, we)
+    C.height(
+      h.map(f, we)
     ),
     Q(
-      v.map(H, (P) => P === "youtube"),
-      () => N,
+      h.map(H, (P) => P === "youtube"),
+      () => R,
       () => De
     )
   );
-  return R(oe(...q), K);
+  return U(oe(...q), K);
 }
 function fn(e) {
   const t = /[?&]v=([^&#]+)/.exec(e);
@@ -5052,12 +5052,12 @@ function fn(e) {
 }
 function Wa(e) {
   const t = {
-    autoplay: v.get(e.playing) ?? !1 ? 1 : 0,
-    controls: v.get(e.controls) ?? !1 ? 1 : 0,
+    autoplay: h.get(e.playing) ?? !1 ? 1 : 0,
+    controls: h.get(e.controls) ?? !1 ? 1 : 0,
     rel: 0,
-    playsinline: v.get(e.playsinline) ?? !0 ? 1 : 0,
+    playsinline: h.get(e.playsinline) ?? !0 ? 1 : 0,
     modestbranding: 1
-  }, n = v.get(e.loop) ?? !1, a = v.get(e.url), r = typeof a == "string" ? fn(a) : null;
+  }, n = h.get(e.loop) ?? !1, a = h.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) => {
@@ -5129,27 +5129,34 @@ function To({
   onPageChange: u,
   onLoadComplete: l
 }, ...p) {
-  const b = qa();
-  let k = rt(
-    v.get(e)
-  ), m = null, y = v.get(t);
-  return ae(ie, (h) => R(
+  const f = qa();
+  let S = rt(
+    h.get(e)
+  ), g = null, y = h.get(t), b = null;
+  return ae(ie, (k) => U(
     // Clean up PDF document when component unmounts
     oe(() => {
-      m != null && (m.destroy(), m = null);
+      if (b) {
+        try {
+          b.cancel();
+        } catch {
+        }
+        b = null;
+      }
+      g != null && (g.destroy(), g = null);
     }),
     Be((x) => {
-      const w = kn(
+      const m = kn(
         x.map(
-          (g) => g == null ? null : { width: g.width, height: g.height },
-          (g, f) => g != null && f != null && g.width === f.width && g.height === f.height
+          (v) => v == null ? null : { width: v.width, height: v.height },
+          (v, w) => v != null && w != null && v.width === w.width && v.height === w.height
         ),
         100
       );
       return Ue(
-        w,
-        (g) => Ut({
-          request: T(
+        m,
+        (v) => Ut({
+          request: I(
             e,
             t,
             n,
@@ -5158,83 +5165,82 @@ function To({
             s,
             i,
             c,
-            g
-          )((f, C, $, D, _, I, V, O, B) => ({
-            source: f,
-            page: C,
-            fit: $,
-            scale: D,
-            rotation: _,
-            quality: I,
-            renderTextLayer: V,
-            renderAnnotationLayer: O,
-            containerWidth: B.width,
-            containerHeight: B.height
+            v
+          )((w, $, D, _, T, V, O, E, N) => ({
+            source: w,
+            page: $,
+            fit: D,
+            scale: _,
+            rotation: T,
+            quality: V,
+            renderTextLayer: O,
+            renderAnnotationLayer: E,
+            containerWidth: N.width,
+            containerHeight: N.height
           })),
-          load: async ({ request: f }) => {
-            const C = await b, $ = f.source, D = rt($), _ = rt($);
-            (m == null || !Qa(k, D)) && (m != null && (m.destroy(), m = null), k = D, m = await C.getDocument(_).promise, l?.({ numPages: m.numPages }));
-            const I = f.page < 1 || f.page > m.numPages ? 1 : f.page;
-            u != null && I !== y && (y = I, u(I));
-            const V = await m.getPage(I);
-            let O;
-            if (f.fit === "none")
-              O = f.scale;
+          load: async ({ request: w }) => {
+            const $ = await f, D = w.source, _ = rt(D), T = rt(D);
+            (g == null || !Qa(S, _)) && (g != null && (g.destroy(), g = null), S = _, g = await $.getDocument(T).promise, l?.({ numPages: g.numPages }));
+            const V = w.page < 1 || w.page > g.numPages ? 1 : w.page;
+            u != null && V !== y && (y = V, u(V));
+            const O = await g.getPage(V);
+            let E;
+            if (w.fit === "none")
+              E = w.scale;
             else {
-              const H = V.getViewport({
+              const H = O.getViewport({
                 scale: 1,
-                rotation: f.rotation
-              }), U = H.width / H.height, Y = f.containerWidth / f.containerHeight;
-              switch (f.fit) {
+                rotation: w.rotation
+              }), F = H.width / H.height, Y = w.containerWidth / w.containerHeight;
+              switch (w.fit) {
                 case "width":
-                  O = f.containerWidth / H.width;
+                  E = w.containerWidth / H.width;
                   break;
                 case "height":
-                  O = f.containerHeight / H.height;
+                  E = w.containerHeight / H.height;
                   break;
                 case "contain":
-                  O = Math.min(
-                    f.containerWidth / H.width,
-                    f.containerHeight / H.height
+                  E = Math.min(
+                    w.containerWidth / H.width,
+                    w.containerHeight / H.height
                   );
                   break;
                 case "cover":
-                  U > Y ? O = f.containerHeight / H.height : O = f.containerWidth / H.width;
+                  F > Y ? E = w.containerHeight / H.height : E = w.containerWidth / H.width;
                   break;
               }
             }
-            const B = V.getViewport({
-              scale: O,
-              rotation: f.rotation
-            }), F = V.getViewport({
-              scale: O * f.quality,
-              rotation: f.rotation
+            const N = O.getViewport({
+              scale: E,
+              rotation: w.rotation
+            }), te = O.getViewport({
+              scale: E * w.quality,
+              rotation: w.rotation
             });
-            let ee = null;
             return {
-              pdfWidth: B.width,
-              pdfHeight: B.height,
-              canvasWidth: Math.floor(B.width),
-              canvasHeight: Math.floor(B.height),
-              highResWidth: Math.floor(F.width),
-              highResHeight: Math.floor(F.height),
-              render: async (H, U, Y) => {
-                if (ee)
+              pdfWidth: N.width,
+              pdfHeight: N.height,
+              canvasWidth: Math.floor(N.width),
+              canvasHeight: Math.floor(N.height),
+              highResWidth: Math.floor(te.width),
+              highResHeight: Math.floor(te.height),
+              render: async (H, F, Y) => {
+                if (b)
                   try {
-                    ee.cancel(), await ee.promise.catch(() => {
+                    b.cancel(), await b.promise.catch(() => {
                     });
                   } catch {
                   }
-                H.width = F.width, H.height = F.height, H.style.width = `${B.width}px`, H.style.height = `${B.height}px`;
+                H.width = te.width, H.height = te.height, H.style.width = `${N.width}px`, H.style.height = `${N.height}px`;
                 const se = H.getContext("2d");
                 if (!se)
                   throw new Error("Failed to get canvas context");
-                const Ie = V.render({
+                const Ie = O.render({
                   canvasContext: se,
                   canvas: H,
-                  viewport: F
+                  viewport: te
                 });
-                ee = Ie;
+                b = Ie;
                 try {
                   await Ie.promise;
                 } catch (q) {
@@ -5242,25 +5248,25 @@ function To({
                     throw q;
                   return;
                 } finally {
-                  ee === Ie && (ee = null);
+                  b === Ie && (b = null);
                 }
-                if (f.renderTextLayer && U != null) {
-                  U.innerHTML = "";
+                if (w.renderTextLayer && F != null) {
+                  F.innerHTML = "";
                   try {
-                    const q = await V.getTextContent(), de = C.TextLayer;
+                    const q = await O.getTextContent(), de = $.TextLayer;
                     de != null && await new de({
                       textContentSource: q,
-                      container: U,
-                      viewport: B
+                      container: F,
+                      viewport: N
                     }).render();
                   } catch (q) {
                     console.warn("Failed to render text layer:", q);
                   }
                 }
-                if (f.renderAnnotationLayer && Y != null) {
-                  Y.innerHTML = "", Y.style.width = `${B.width}px`, Y.style.height = `${B.height}px`;
+                if (w.renderAnnotationLayer && Y != null) {
+                  Y.innerHTML = "", Y.style.width = `${N.width}px`, Y.style.height = `${N.height}px`;
                   try {
-                    const q = await V.getAnnotations(), de = C.AnnotationLayer;
+                    const q = await O.getAnnotations(), de = $.AnnotationLayer;
                     if (de != null && q.length > 0) {
                       const ye = {
                         // Minimal link service for basic functionality
@@ -5275,15 +5281,15 @@ function To({
                       };
                       await new de({
                         div: Y,
-                        page: V,
-                        viewport: B,
+                        page: O,
+                        viewport: N,
                         linkService: ye,
                         annotationStorage: null
                       }).render({
-                        viewport: B,
+                        viewport: N,
                         div: Y,
                         annotations: q,
-                        page: V,
+                        page: O,
                         linkService: ye,
                         renderForms: !0
                       });
@@ -5295,32 +5301,32 @@ function To({
               }
             };
           },
-          convertError: (f) => f instanceof Error ? f.message : JSON.stringify(f),
+          convertError: (w) => w instanceof Error ? w.message : JSON.stringify(w),
           pending: () => d.div(
             o.class("bc-pdf-page-viewer__loading"),
-            te({
+            ee({
               icon: "line-md:loading-twotone-loop",
               size: "lg"
             }),
             d.span(
               o.class("bc-pdf-page-viewer__loading-text"),
-              h.map((f) => f.pdfPageViewer.loading)
+              k.map((w) => w.pdfPageViewer.loading)
             )
           ),
-          failure: ({ error: f }) => d.div(
+          failure: ({ error: w }) => d.div(
             o.class("bc-pdf-page-viewer__error"),
-            te({
+            ee({
               icon: "line-md:alert-circle",
               size: "lg",
               color: "danger"
             }),
-            d.span(o.class("bc-pdf-page-viewer__error-text"), f)
+            d.span(o.class("bc-pdf-page-viewer__error-text"), w)
           ),
-          success: ({ value: f }) => d.div(
+          success: ({ value: w }) => d.div(
             o.class(
-              v.map(
+              h.map(
                 n,
-                (C) => C === "none" ? "bc-pdf-page-viewer" : `bc-pdf-page-viewer bc-pdf-page-viewer--fit-${C}`
+                ($) => $ === "none" ? "bc-pdf-page-viewer" : `bc-pdf-page-viewer bc-pdf-page-viewer--fit-${$}`
               )
             ),
             // Wrapper for canvas and layers (provides positioning context)
@@ -5328,19 +5334,19 @@ function To({
               o.class("bc-pdf-page-viewer__content"),
               // Only set fixed dimensions when fit is 'none'
               Q(
-                v.map(n, (C) => C === "none"),
+                h.map(n, ($) => $ === "none"),
                 () => o.style(
-                  f.$.canvasWidth.map(
-                    (C) => `width: ${C}px; height: ${f.value.canvasHeight}px;`
+                  w.$.canvasWidth.map(
+                    ($) => `width: ${$}px; height: ${w.value.canvasHeight}px;`
                   )
                 ),
-                () => R()
+                () => U()
               ),
               // Canvas layer
               d.canvas(
                 o.class("bc-pdf-page-viewer__canvas"),
-                o.width(f.$.canvasWidth.map(String)),
-                o.height(f.$.canvasHeight.map(String)),
+                o.width(w.$.canvasWidth.map(String)),
+                o.height(w.$.canvasHeight.map(String)),
                 ...p
               ),
               // Text layer (for text selection)
@@ -5348,19 +5354,19 @@ function To({
               // Annotation layer (for links, forms, etc.)
               d.div(o.class("bc-pdf-page-viewer__annotation-layer"))
             ),
-            ne((C) => {
-              const $ = C.querySelector(
+            ne(($) => {
+              const D = $.querySelector(
                 ".bc-pdf-page-viewer__canvas"
-              ), D = C.querySelector(
+              ), _ = $.querySelector(
                 ".bc-pdf-page-viewer__text-layer"
-              ), _ = C.querySelector(
+              ), T = $.querySelector(
                 ".bc-pdf-page-viewer__annotation-layer"
               );
-              return v.on(f, async (I) => {
-                await I.render(
-                  $,
+              return h.on(w, async (V) => {
+                await V.render(
                   D,
-                  _
+                  _,
+                  T
                 );
               }), W;
             })
@@ -5434,7 +5440,7 @@ export {
   Pn as FocusTrap,
   ro as FormStatus,
   Zt as Group,
-  te as Icon,
+  ee as Icon,
   ce as InputContainer,
   Ye as InputIcon,
   dt as InputWrapper,