@tempots/beatui 0.50.3 → 0.51.1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { prop as G, html as d, attr as s, computedOf as C, Fragment as E, OnDispose as Y, When as J, Value as h, Use as ne, Empty as R, input as se, on as $, emitValue as W, WithElement as ae, style as k, aria as B, OneOfValue as sn, Unless as ln, coalesce as Te, ForEach as _e, Ensure as Ye, OneOfType as Dt, dataAttr as nt, NotEmpty as on, emitValueAsDate as cn, Portal as at, makeProviderMark as Pt, WithBrowserCtx as un, renderWithContext as dn, WithProvider as fn, Task as pn, Provide as Lt, MapSignal as At, svg as ut, svgAttr as dt } from "@tempots/dom";
+import { prop as G, html as d, attr as s, computedOf as S, Fragment as E, OnDispose as Y, When as J, Value as m, Use as ne, Empty as R, input as se, on as $, emitValue as W, WithElement as ae, style as C, aria as B, OneOfValue as sn, Unless as ln, coalesce as Te, ForEach as _e, Ensure as Ye, OneOfType as Dt, dataAttr as nt, NotEmpty as on, emitValueAsDate as cn, Portal as at, makeProviderMark as Pt, WithBrowserCtx as un, renderWithContext as dn, WithProvider as fn, Task as pn, Provide as Lt, MapSignal as At, svg as ut, svgAttr as dt } from "@tempots/dom";
 import { Use as ss } from "@tempots/dom";
 import { PopOver as bn, ElementRect as Ee, WindowSize as gn, Query as mn, Location as Ve, NavigationService as hn, Anchor as rt } from "@tempots/ui";
 import { i as ce, t as we, h as ft, e as de, a as fe, I as ee, b as te, C as le, B as pt, c as ze, L as st, j as bt, k as gt } from "./translations-DoBmuZ5v.js";
@@ -117,7 +117,7 @@ function qa({
 }, ...i) {
   return d.span(
     s.class(
-      C(
+      S(
         t,
         a,
         r,
@@ -132,7 +132,7 @@ function qa({
       )
     ),
     s.style(
-      C(
+      S(
         e,
         n
       )(
@@ -148,41 +148,51 @@ function qa({
 function Za({
   onChange: e,
   accept: t = "*/*",
-  content: n,
-  disabled: a = !1
+  onDragContent: n,
+  content: a,
+  disabled: r = !1
 }) {
-  const r = G(!1), l = G([]);
-  let i = 0;
-  const u = (b) => b.dataTransfer?.types.includes("Files") ?? !1, c = (b, m) => m === "*/*" ? !0 : m.split(",").map((y) => y.trim()).some((y) => {
-    if (y === "*/*") return !0;
-    if (y.endsWith("/*")) {
-      const g = y.slice(0, -2);
-      return b.type.startsWith(g + "/");
+  const l = G(!1), i = G([]);
+  let u = 0;
+  const c = (b) => b.dataTransfer?.types.includes("Files") ?? !1, o = (b, w) => w === "*/*" ? !0 : w.split(",").map((k) => k.trim()).some((k) => {
+    if (k === "*/*") return !0;
+    if (k.endsWith("/*")) {
+      const T = k.slice(0, -2);
+      return b.type.startsWith(T + "/");
     }
-    return b.type === y || b.name.endsWith(y);
-  }), o = (b) => {
-    h.get(a) || u(b) && (b.preventDefault(), b.stopPropagation(), i++, i === 1 && (r.value = !0));
-  }, f = (b) => {
-    h.get(a) || u(b) && (b.preventDefault(), b.stopPropagation(), b.dataTransfer != null && (b.dataTransfer.dropEffect = "copy"));
+    return b.type === k || b.name.endsWith(k);
+  }), f = (b) => {
+    m.get(r) || c(b) && (b.preventDefault(), b.stopPropagation(), u++, u === 1 && (l.value = !0));
   }, p = (b) => {
-    h.get(a) || u(b) && (b.preventDefault(), b.stopPropagation(), i--, i === 0 && (r.value = !1));
+    m.get(r) || c(b) && (b.preventDefault(), b.stopPropagation(), b.dataTransfer != null && (b.dataTransfer.dropEffect = "copy"));
   }, x = (b) => {
-    if (h.get(a) || !u(b)) return;
-    b.preventDefault(), b.stopPropagation(), i = 0, r.value = !1;
-    const m = Array.from(b.dataTransfer?.files ?? []);
-    if (m.length > 0) {
-      const w = h.get(t), y = m.filter(
-        (g) => c(g, w)
+    m.get(r) || c(b) && (b.preventDefault(), b.stopPropagation(), u--, u === 0 && (l.value = !1));
+  }, v = (b) => {
+    if (m.get(r) || !c(b)) return;
+    b.preventDefault(), b.stopPropagation(), u = 0, l.value = !1;
+    const w = Array.from(b.dataTransfer?.files ?? []);
+    if (w.length > 0) {
+      const g = m.get(t), k = w.filter(
+        (T) => o(T, g)
       );
-      y.length > 0 && (l.value = y, e(y));
+      k.length > 0 && (i.value = k, e(k));
     }
   };
-  return typeof document < "u" && (document.addEventListener("dragenter", o), document.addEventListener("dragover", f), document.addEventListener("dragleave", p), document.addEventListener("drop", x)), E(
-    Y(() => {
-      typeof document < "u" && (document.removeEventListener("dragenter", o), document.removeEventListener("dragover", f), document.removeEventListener("dragleave", p), document.removeEventListener("drop", x)), i = 0;
-    }, r, l),
+  typeof document < "u" && (document.addEventListener("dragenter", f), document.addEventListener("dragover", p), document.addEventListener("dragleave", x), document.addEventListener("drop", v));
+  const y = () => {
+    typeof document < "u" && (document.removeEventListener("dragenter", f), document.removeEventListener("dragover", p), document.removeEventListener("dragleave", x), document.removeEventListener("drop", v)), u = 0;
+  }, h = () => {
+    const b = document.createElement("input");
+    b.type = "file", b.multiple = !0, b.accept = m.get(t), b.style.display = "none", document.body.appendChild(b), b.addEventListener("change", () => {
+      const w = Array.from(b.files ?? []);
+      w.length > 0 && (i.value = w, e(w)), document.body.removeChild(b);
+    }), b.click();
+  };
+  return E(
+    Y(y, l, i),
     // Render overlay content to body when dragging (if content is provided)
-    n != null ? J(r, () => n({ isDragging: r, files: l })) : null
+    n != null ? J(l, () => n({ files: i })) : null,
+    a != null ? a({ isDragging: l, files: i, selectFiles: h }) : null
   );
 }
 function An(e, t, n, a, r, l) {
@@ -204,7 +214,7 @@ function Ga({
   withRowBorders: u = !0,
   borderRadius: c
 } = {}, ...o) {
-  const f = C(
+  const f = S(
     e,
     t,
     n,
@@ -212,22 +222,22 @@ function Ga({
     i,
     u
   )(
-    (v, b, m, w, y, g) => An(
+    (v, y, h, b, w, g) => An(
       v ?? "md",
+      y ?? !1,
+      h ?? !1,
       b ?? !1,
-      m ?? !1,
       w ?? !1,
-      y ?? !1,
       g ?? !0
     )
-  ), p = C(
+  ), p = S(
     n,
     a,
     l
-  )((v, b, m) => {
-    const w = ["bc-table-container"];
-    return v && w.push("bc-table-container--sticky"), b && w.push("bc-table-container--full-width"), m && w.push("bc-table-container--with-table-border"), w.join(" ");
-  }), x = C(c)(
+  )((v, y, h) => {
+    const b = ["bc-table-container"];
+    return v && b.push("bc-table-container--sticky"), y && b.push("bc-table-container--full-width"), h && b.push("bc-table-container--with-table-border"), b.join(" ");
+  }), x = S(c)(
     (v) => Bn(v)
   );
   return d.div(
@@ -263,13 +273,13 @@ const jt = ({
   disabled: l
 }) => d.span(
   s.class(
-    C(
+    S(
       a ?? "md",
       l ?? !1
     )((i, u) => Vn(i, u))
   ),
   s.style(
-    C(t)(
+    S(t)(
       (i) => Mn(i ?? "base")
     )
   ),
@@ -284,7 +294,7 @@ const jt = ({
         label: i.$.removeItem,
         color: "white",
         disabled: l,
-        onClick: () => n?.(h.get(e))
+        onClick: () => n?.(m.get(e))
       },
       s.class("bc-tag__close")
     )
@@ -342,12 +352,12 @@ function Nn({
       se.color(
         ae((r) => (a = r, R)),
         s.value(e),
-        k.width("4px"),
-        k.height("4px"),
+        C.width("4px"),
+        C.height("4px"),
         t != null ? $.change(W(t)) : R,
         n != null ? $.input(W(n)) : R
       ),
-      s.style(h.map(e, (r) => `background-color: ${r}`))
+      s.style(m.map(e, (r) => `background-color: ${r}`))
     )
   );
 }
@@ -387,44 +397,44 @@ function Ze(e) {
     hasPopup: p = "dialog"
   } = e;
   return bn((x, v) => {
-    const b = Me({
+    const y = Me({
       initialStatus: "closed"
-    }), m = he("flyout"), w = G(!1);
-    let y = null, g = null, S = !1;
-    function _() {
-      V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), g && (g(), g = null), y && (document.removeEventListener("keydown", y), y = null), w.set(!1), S = !1;
+    }), h = he("flyout"), b = G(!1);
+    let w = null, g = null, k = !1;
+    function T() {
+      V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), g && (g(), g = null), w && (document.removeEventListener("keydown", w), w = null), b.set(!1), k = !1;
     }
     function L() {
-      h.get(c) && (y = (F) => {
+      m.get(c) && (w = (F) => {
         F.key === "Escape" && M();
-      }, document.addEventListener("keydown", y)), S = !0, w.set(!0), x({
+      }, document.addEventListener("keydown", w)), k = !0, b.set(!0), x({
         placement: n ?? "top",
         mainAxisOffset: l,
         crossAxisOffset: i,
         onClickOutside: () => {
-          h.get(c) && M();
+          m.get(c) && M();
         },
         arrow: o,
         content: ae((F) => {
-          b.setElement(F), g = We(() => {
-            b.open(), g = null;
+          y.setElement(F), g = We(() => {
+            y.open(), g = null;
           });
           const O = (H) => {
-            h.get(c) && H.key === "Escape" && (H.preventDefault(), H.stopPropagation(), M(), w.set(!1));
+            m.get(c) && H.key === "Escape" && (H.preventDefault(), H.stopPropagation(), M(), b.set(!1));
           };
           return document.addEventListener("keydown", O, !0), E(
             Y(() => {
-              _(), document.removeEventListener("keydown", O, !0);
+              T(), document.removeEventListener("keydown", O, !0);
             }),
             s.class("bc-flyout-container"),
-            s.id(m),
+            s.id(h),
             s.tabindex(-1),
             // Make focusable for screen readers
             d.div(
               s.class("bc-flyout"),
               tt({
-                animation: h.map(n, On),
-                status: b.status
+                animation: m.map(n, On),
+                status: y.status
               }),
               f ? s.role(f) : s.role("dialog"),
               // Default to dialog role
@@ -436,38 +446,38 @@ function Ze(e) {
     }
     let V = null;
     function P() {
-      if (V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), b.isOpened.value || b.isOpening.value || b.isStartOpening.value)
+      if (V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), y.isOpened.value || y.isOpening.value || y.isStartOpening.value)
         return;
-      if (b.isClosing.value || b.isStartClosing.value) {
-        b.open();
+      if (y.isClosing.value || y.isStartClosing.value) {
+        y.open();
         return;
       }
-      const F = h.get(a);
+      const F = m.get(a);
       V = setTimeout(() => {
         V = null, L();
       }, F);
     }
     let I = null;
     function M() {
-      if (V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), w.set(!1), g && (g(), g = null, S)) {
-        v(), _();
+      if (V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), b.set(!1), g && (g(), g = null, k)) {
+        v(), T();
         return;
       }
-      const F = h.get(r);
+      const F = m.get(r);
       I = setTimeout(() => {
-        I = null, b.close(), b.listenOnClosed(() => {
-          v(), _();
+        I = null, y.close(), y.listenOnClosed(() => {
+          v(), T();
         });
       }, F);
     }
     return ae((F) => {
       const O = () => {
-        P(), w.set(!0);
+        P(), b.set(!0);
       }, H = () => {
-        M(), w.set(!1);
+        M(), b.set(!1);
       }, oe = E(
-        B.expanded(w),
-        B.controls(m),
+        B.expanded(b),
+        B.controls(h),
         B.haspopup(
           p
         )
@@ -480,7 +490,7 @@ function Ze(e) {
       const Q = u;
       return E(
         oe,
-        Y(w, b),
+        Y(b, y),
         sn(Q, {
           "hover-focus": () => E(
             $.mouseenter(() => O()),
@@ -547,27 +557,27 @@ function Xa({
   const v = l != null;
   return d.div(
     s.class(
-      C(
+      S(
         a,
         r,
         i
       )(
-        (b, m, w) => Rn(
-          b ?? !1,
-          m ?? !1,
-          w ?? "md",
+        (y, h, b) => Rn(
+          y ?? !1,
+          h ?? !1,
+          b ?? "md",
           v
         )
       )
     ),
     s.style(
-      C(
+      S(
         o,
         f,
         p,
         x
       )(
-        (b, m, w, y) => Fn(b, m, w, y)
+        (y, h, b, w) => Fn(y, h, b, w)
       )
     ),
     J(
@@ -694,16 +704,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 ye(e) {
-  const t = h.toSignal(e).map(
+  const t = m.toSignal(e).map(
     (a) => de(a, "lighter", "light")
-  ), n = h.toSignal(e).map(
+  ), n = m.toSignal(e).map(
     (a) => de(a, "lighter", "dark")
   );
   return E(
-    k.variable("--panel-bg", t.$.backgroundColor),
-    k.variable("--panel-text", t.$.textColor),
-    k.variable("--panel-bg-dark", n.$.backgroundColor),
-    k.variable("--panel-text-dark", n.$.textColor)
+    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 = {
@@ -917,38 +927,38 @@ function tr({
         vertical: a,
         horizontal: r,
         is: u
-      }), o = i.map(c), f = r.header != null || a.menu != null || a.aside != null, p = C(
+      }), o = i.map(c), f = r.header != null || a.menu != null || a.aside != null, p = S(
         a.aside != null,
         o
-      )((g, { displayAside: S }) => g && !S), x = C(
+      )((g, { displayAside: k }) => g && !k), x = S(
         a.menu != null,
         o
-      )((g, { displayMenu: S }) => g && !S), v = Me(), b = Me(), m = G(0), w = C(
+      )((g, { displayMenu: k }) => g && !k), v = Me(), y = Me(), h = G(0), b = S(
         a.menu != null,
         o,
         v.display
-      )(Gn), y = C(
+      )(Gn), w = S(
         a.aside != null,
         o,
-        b.display
+        y.display
       )(Kn);
       return d.div(
-        Y(m, v, b, o),
-        k.display("grid"),
-        k.height("100%"),
-        k.width("100%"),
-        k.gridTemplateColumns(o.$.columns),
-        k.gridTemplateRows(o.$.rows),
-        k.gridTemplateAreas(o.$.areas),
-        k.gridColumnGap("0"),
-        k.gridRowGap("0"),
+        Y(h, v, y, o),
+        C.display("grid"),
+        C.height("100%"),
+        C.width("100%"),
+        C.gridTemplateColumns(o.$.columns),
+        C.gridTemplateRows(o.$.rows),
+        C.gridTemplateAreas(o.$.areas),
+        C.gridColumnGap("0"),
+        C.gridRowGap("0"),
         n.banner ? d.header(
           s.class(
             be("none", n.banner.shadow ?? "none")
           ),
           ye(n.banner.color ?? "white"),
-          k.height("100%"),
-          k.gridArea("banner"),
+          C.height("100%"),
+          C.gridArea("banner"),
           n.banner.content
         ) : null,
         d.header(
@@ -956,21 +966,21 @@ function tr({
             be("bottom", n.header?.shadow ?? "none")
           ),
           ye(n.header?.color ?? "white"),
-          k.zIndex("20"),
-          k.display(f ? "block" : "none"),
-          k.gridArea("header"),
-          Ee((g) => (g.$.bottom.feedProp(m), null)),
+          C.zIndex("20"),
+          C.display(f ? "block" : "none"),
+          C.gridArea("header"),
+          Ee((g) => (g.$.bottom.feedProp(h), null)),
           d.div(
-            k.display("flex"),
-            k.height("100%"),
+            C.display("flex"),
+            C.height("100%"),
             d.div(
-              k.display(
+              C.display(
                 x.map((g) => g ? "flex" : "none")
               ),
-              k.alignItems("center"),
-              k.justifyContent("center"),
-              k.height("100%"),
-              k.width("60px"),
+              C.alignItems("center"),
+              C.justifyContent("center"),
+              C.height("100%"),
+              C.width("60px"),
               pt(
                 {
                   onClick: () => v.toggle(),
@@ -986,21 +996,21 @@ function tr({
               )
             ),
             d.div(
-              k.height("100%"),
-              k.flexGrow("1"),
+              C.height("100%"),
+              C.flexGrow("1"),
               n.header?.content
             ),
             d.div(
-              k.alignItems("center"),
-              k.justifyContent("center"),
-              k.height("100%"),
-              k.width("60px"),
-              k.display(
+              C.alignItems("center"),
+              C.justifyContent("center"),
+              C.height("100%"),
+              C.width("60px"),
+              C.display(
                 p.map((g) => g ? "flex" : "none")
               ),
               pt(
                 {
-                  onClick: () => b.toggle(),
+                  onClick: () => y.toggle(),
                   roundedness: "full",
                   variant: "light",
                   color: "base"
@@ -1010,7 +1020,7 @@ function tr({
                   { icon: "line-md/chevron-left" },
                   s.style("transition: transform 0.2s ease-in-out"),
                   s.style(
-                    b.display.map(
+                    y.display.map(
                       (g) => `transform: rotate(${g ? 180 : 0}deg)`
                     )
                   )
@@ -1021,13 +1031,13 @@ function tr({
         ),
         n.menu ? d.nav(
           ae((g) => v.setElement(g)),
-          k.zIndex("10"),
+          C.zIndex("10"),
           // Add ARIA attributes for navigation landmark
           B.label(l.$.mainNavigation),
           s.role("navigation"),
-          k.overflow("hidden"),
+          C.overflow("hidden"),
           s.class(
-            w.map(
+            b.map(
               (g) => g === "float" ? be(
                 "right",
                 n.menu?.shadow ?? "md"
@@ -1038,40 +1048,40 @@ function tr({
             )
           ),
           ye(n.menu?.color ?? "white"),
-          k.height(
-            w.map(
+          C.height(
+            b.map(
               (g) => g === "float" ? "auto" : "100%"
             )
           ),
-          k.overflow("hidden"),
-          k.gridArea("menu"),
-          k.display(
-            C(
-              w,
+          C.overflow("hidden"),
+          C.gridArea("menu"),
+          C.display(
+            S(
+              b,
               v.status
-            )((g, S) => g === "none" && S === "closed" ? "none" : "block")
+            )((g, k) => g === "none" && k === "closed" ? "none" : "block")
           ),
-          k.position(
-            C(
-              w,
+          C.position(
+            S(
+              b,
               v.status
-            )((g, S) => g === "float" || g === "none" && S !== "closed" ? "fixed" : "initial")
+            )((g, k) => g === "float" || g === "none" && k !== "closed" ? "fixed" : "initial")
           ),
-          k.top(m.map((g) => `${g}px`)),
+          C.top(h.map((g) => `${g}px`)),
           tt({
             animation: { slide: "right" },
-            status: C(
-              w,
+            status: S(
+              b,
               v.status
-            )((g, S) => g === "block" ? "opened" : S)
+            )((g, k) => g === "block" ? "opened" : k)
           }),
-          k.width(Te(n.menu?.width, o.$.menuWidth)),
-          k.bottom("0"),
+          C.width(Te(n.menu?.width, o.$.menuWidth)),
+          C.bottom("0"),
           n.menu?.content
         ) : null,
         n.mainHeader ? d.header(
-          k.height("100%"),
-          k.gridArea("mainHeader"),
+          C.height("100%"),
+          C.gridArea("mainHeader"),
           s.class(
             be(
               "none",
@@ -1082,9 +1092,9 @@ function tr({
           n.mainHeader.content
         ) : null,
         d.main(
-          k.height("100%"),
-          k.overflow("hidden"),
-          k.gridArea("main"),
+          C.height("100%"),
+          C.overflow("hidden"),
+          C.gridArea("main"),
           s.class(
             be("none", n.main?.shadow ?? "none")
           ),
@@ -1092,8 +1102,8 @@ function tr({
           n.main.content
         ),
         n.mainFooter ? d.footer(
-          k.height("100%"),
-          k.gridArea("mainFooter"),
+          C.height("100%"),
+          C.gridArea("mainFooter"),
           s.class(
             be(
               "none",
@@ -1105,51 +1115,51 @@ function tr({
         ) : null,
         n.aside ? d.aside(
           ae((g) => {
-            b.setElement(g);
+            y.setElement(g);
           }),
-          k.zIndex("10"),
+          C.zIndex("10"),
           // Add ARIA attributes for aside landmark
           B.label(l.$.sidebar),
           s.role("complementary"),
           s.class(
-            y.map(
+            w.map(
               (g) => g === "float" ? be("left", "md") : be("left", "none")
             )
           ),
           ye("white"),
-          k.height("100%"),
-          k.gridArea("aside"),
-          k.display(
-            C(
-              y,
-              b.status
-            )((g, S) => g === "none" && S === "closed" ? "none" : "block")
+          C.height("100%"),
+          C.gridArea("aside"),
+          C.display(
+            S(
+              w,
+              y.status
+            )((g, k) => g === "none" && k === "closed" ? "none" : "block")
           ),
-          k.position(
-            C(
-              y,
-              b.status
-            )((g, S) => g === "float" || g === "none" && S !== "closed" ? "fixed" : "initial")
+          C.position(
+            S(
+              w,
+              y.status
+            )((g, k) => g === "float" || g === "none" && k !== "closed" ? "fixed" : "initial")
           ),
-          k.top(m.map((g) => `${g}px`)),
+          C.top(h.map((g) => `${g}px`)),
           tt({
             animation: { slide: "left" },
-            status: C(
-              y,
-              b.status
-            )((g, S) => g === "block" ? "opened" : S)
+            status: S(
+              w,
+              y.status
+            )((g, k) => g === "block" ? "opened" : k)
           }),
-          k.width(
+          C.width(
             Te(n.aside?.width, o.$.asideWidth)
           ),
-          k.bottom(m.map((g) => `${g}px`)),
+          C.bottom(h.map((g) => `${g}px`)),
           n.aside.content
         ) : null,
         n.footer ? d.footer(
           s.class(be("top", "none")),
           ye("white"),
-          k.height("100%"),
-          k.gridArea("footer"),
+          C.height("100%"),
+          C.gridArea("footer"),
           n.footer.content
         ) : null
       );
@@ -1168,18 +1178,18 @@ function Qn(e) {
 }
 function ar({ gap: e = "lg" } = {}, ...t) {
   return d.div(
-    s.class(C(e)((n) => Qn(n ?? "lg"))),
+    s.class(S(e)((n) => Qn(n ?? "lg"))),
     ...t
   );
 }
 function Xn({ open: e }, ...t) {
   return ae((n) => {
     const { status: a, setOpen: r, dispose: l } = Me({
-      initialStatus: h.get(e) ? "opened" : "closed",
+      initialStatus: m.get(e) ? "opened" : "closed",
       element: n
     });
-    return h.on(e, r), Ee((i) => {
-      const u = G(null), c = C(
+    return m.on(e, r), Ee((i) => {
+      const u = G(null), c = S(
         a,
         i.$.height
       )((o, f) => o === "opened" && f > 0 ? f : null);
@@ -1207,7 +1217,7 @@ function Jn(e) {
   return `${e}px`;
 }
 function xt(e) {
-  return h.map(e, Jn);
+  return m.map(e, Jn);
 }
 function rr({
   body: e,
@@ -1224,129 +1234,129 @@ function rr({
   sidebarStart: p,
   sidebarStartWidth: x = 0,
   sidebarEnd: v,
-  sidebarEndWidth: b = 0,
-  anchorMode: m = "container-edge"
+  sidebarEndWidth: y = 0,
+  anchorMode: h = "container-edge"
 }) {
-  const w = G(0n), y = G(0n), g = xt(r), S = xt(x), _ = G(16);
+  const b = G(0n), w = G(0n), g = xt(r), k = xt(x), T = G(16);
   return d.div(
     Y(
+      b.dispose,
       w.dispose,
-      y.dispose,
-      _.dispose
+      T.dispose
     ),
     s.class("bc-nine-slice-container"),
     Ee((L) => {
-      const V = C(
+      const V = S(
         L.$.width,
         x,
-        b
-      )((D, N, K) => D - N - K), P = C(
+        y
+      )((D, N, K) => D - N - K), P = S(
         L.$.height,
         r,
         c
-      )((D, N, K) => D - N - K), I = C(
+      )((D, N, K) => D - N - K), I = S(
         t,
         V
-      )((D, N) => D > BigInt(N)), M = C(
+      )((D, N) => D > BigInt(N)), M = S(
         n,
         P
-      )((D, N) => D > BigInt(N)), F = C(
+      )((D, N) => D > BigInt(N)), F = S(
         V,
         M,
-        _
-      )((D, N, K) => N ? D - K : D), O = C(
+        T
+      )((D, N, K) => N ? D - K : D), O = S(
         P,
         I,
-        _
-      )((D, N, K) => N ? D - K : D), H = C(
+        T
+      )((D, N, K) => N ? D - K : D), H = S(
         t,
         F
-      )((D, N) => Number(D / BigInt(Math.max(1, N)))), oe = C(
+      )((D, N) => Number(D / BigInt(Math.max(1, N)))), oe = S(
         n,
         O
-      )((D, N) => Number(D / BigInt(Math.max(1, N)))), Q = h.map(
-        m,
+      )((D, N) => Number(D / BigInt(Math.max(1, N)))), Q = m.map(
+        h,
         (D) => D === "body-end" || D === "body-end-bottom"
       ), U = J(
         Q,
-        () => k.left(
-          C(
+        () => C.left(
+          S(
             x,
             t,
             F,
-            b
-          )((D, N, K, T) => {
+            y
+          )((D, N, K, _) => {
             const A = D + Number(N), j = D + K, Z = Math.min(A, j);
-            return `${Math.max(D + T, Z)}px`;
+            return `${Math.max(D + _, Z)}px`;
           })
         ),
-        () => k.right("0")
-      ), X = h.map(
-        m,
+        () => C.right("0")
+      ), X = m.map(
+        h,
         (D) => D === "body-bottom" || D === "body-end-bottom"
       ), pe = J(
         X,
-        () => k.top(
-          C(
+        () => C.top(
+          S(
             r,
             n,
             O,
             c
-          )((D, N, K, T) => {
+          )((D, N, K, _) => {
             const A = D + Number(N), j = D + K, Z = Math.min(A, j);
-            return `${Math.max(D + T, Z)}px`;
+            return `${Math.max(D + _, Z)}px`;
           })
         ),
-        () => k.bottom("0")
-      ), Ne = C(
+        () => C.bottom("0")
+      ), Ne = S(
         M,
-        _
-      )((D, N) => D ? `${N}px` : "0"), ue = C(
+        T
+      )((D, N) => D ? `${N}px` : "0"), ue = S(
         I,
-        _
-      )((D, N) => D ? `${N}px` : "0"), Oe = k.transform(
-        C(
-          y,
+        T
+      )((D, N) => D ? `${N}px` : "0"), Oe = C.transform(
+        S(
           w,
+          b,
           I,
           M
-        )((D, N, K, T) => {
-          const A = K ? `translateX(-${D}px)` : "", j = T ? `translateY(-${N}px)` : "";
+        )((D, N, K, _) => {
+          const A = K ? `translateX(-${D}px)` : "", j = _ ? `translateY(-${N}px)` : "";
           return `${A} ${j}`.trim() || "none";
         })
-      ), Re = k.transform(
-        y.map((D) => `translateX(-${D}px)`)
-      ), ke = k.transform(
-        w.map((D) => `translateY(-${D}px)`)
-      ), Ae = C(
+      ), Re = C.transform(
+        w.map((D) => `translateX(-${D}px)`)
+      ), ke = C.transform(
+        b.map((D) => `translateY(-${D}px)`)
+      ), Ae = S(
         n,
         O
-      )((D, N) => D - BigInt(Math.max(1, N))), Ce = C(
+      )((D, N) => D - BigInt(Math.max(1, N))), Ce = S(
         t,
         F
       )((D, N) => D - BigInt(Math.max(1, N)));
       let z = null, Se = 0, Ie = 0;
       const Ge = () => {
-        const D = Ae.value, N = Ce.value, K = M.value, T = I.value;
+        const D = Ae.value, N = Ce.value, K = M.value, _ = I.value;
         if (K && Ie !== 0) {
           const A = yt(
             Fe(0n, D),
             Fe(
               0n,
-              w.value + BigInt(Math.round(Ie))
+              b.value + BigInt(Math.round(Ie))
             )
           );
-          w.set(A);
+          b.set(A);
         }
-        if (T && Se !== 0) {
+        if (_ && Se !== 0) {
           const A = yt(
             Fe(0n, N),
             Fe(
               0n,
-              y.value + BigInt(Math.round(Se))
+              w.value + BigInt(Math.round(Se))
             )
           );
-          y.set(A);
+          w.set(A);
         }
         Se = 0, Ie = 0, z = null;
       };
@@ -1354,7 +1364,7 @@ function rr({
         Y(
           I,
           M,
-          () => h.dispose(Q),
+          () => m.dispose(Q),
           V,
           P,
           F,
@@ -1364,10 +1374,10 @@ function rr({
           Ne,
           ue,
           I.on((D) => {
-            D || y.set(0n);
+            D || w.set(0n);
           }),
           M.on((D) => {
-            D || w.set(0n);
+            D || b.set(0n);
           }),
           Ae.dispose,
           Ce.dispose,
@@ -1382,13 +1392,13 @@ function rr({
         }),
         d.div(
           s.class("bc-nine-slice-pane-container"),
-          k.right(Ne),
-          k.bottom(ue),
+          C.right(Ne),
+          C.bottom(ue),
           // top-start corner
           l != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-top-start"),
-            k.top("0"),
-            k.left("0"),
+            C.top("0"),
+            C.left("0"),
             // style.height(headerHeightPx),
             // style.width(sidebarStartWidthPx),
             l
@@ -1396,8 +1406,8 @@ function rr({
           // top-center
           a != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-header"),
-            k.top("0"),
-            k.left(S),
+            C.top("0"),
+            C.left(k),
             // style.height(headerHeightPx),
             // style.width(visibleAreaWidthPx),
             d.div(
@@ -1409,7 +1419,7 @@ function rr({
           // top-end corner
           i != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-top-end"),
-            k.top("0"),
+            C.top("0"),
             U,
             // style.height(headerHeightPx),
             // style.width(sidebarEndWidthPx),
@@ -1418,8 +1428,8 @@ function rr({
           // middle-start sidebar
           p != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-sidebar-start"),
-            k.left("0"),
-            k.top(g),
+            C.left("0"),
+            C.top(g),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarStartWidthPx),
             d.div(
@@ -1431,8 +1441,8 @@ function rr({
           // middle-center (main body)
           d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-body"),
-            k.left(S),
-            k.top(g),
+            C.left(k),
+            C.top(g),
             // style.width(visibleAreaWidth.map(toPx)),
             // style.height(visibleAreaHeight.map(toPx)),
             d.div(
@@ -1445,7 +1455,7 @@ function rr({
           v != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-sidebar-end"),
             U,
-            k.top(g),
+            C.top(g),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarEndWidthPx),
             d.div(
@@ -1457,7 +1467,7 @@ function rr({
           // bottom-start corner
           o != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-bottom-start"),
-            k.left("0"),
+            C.left("0"),
             pe,
             // style.height(footerHeightPx),
             // style.width(sidebarStartWidthPx),
@@ -1466,7 +1476,7 @@ function rr({
           // bottom-center
           u != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-footer"),
-            k.left(S),
+            C.left(k),
             pe,
             // style.height(footerHeightPx),
             // style.width(visibleAreaWidthPx),
@@ -1489,16 +1499,16 @@ function rr({
         // horizontal scrollbar
         d.div(
           s.class("bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar"),
-          k.overflowX("scroll"),
-          k.left("0"),
-          k.right(
-            C(
+          C.overflowX("scroll"),
+          C.left("0"),
+          C.right(
+            S(
               M,
-              _
+              T
             )((D, N) => D ? `${N}px` : "0")
           ),
-          k.bottom("0"),
-          k.height(
+          C.bottom("0"),
+          C.height(
             I.map(
               (D) => D ? "16px" : "0"
             )
@@ -1507,17 +1517,17 @@ function rr({
             s.class(
               "bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar-thumb"
             ),
-            k.width(
+            C.width(
               H.map((D) => `${100 / Math.max(1, D)}%`)
             ),
-            k.height("100%"),
-            k.backgroundColor("#ff000066")
+            C.height("100%"),
+            C.backgroundColor("#ff000066")
           ),
           $.scroll((D) => {
-            const N = D.target, K = N.scrollLeft, T = N.scrollWidth - N.clientWidth;
-            if (T > 0) {
-              const A = K / T, j = Ce.value;
-              y.set(
+            const N = D.target, K = N.scrollLeft, _ = N.scrollWidth - N.clientWidth;
+            if (_ > 0) {
+              const A = K / _, j = Ce.value;
+              w.set(
                 BigInt(Math.round(Number(j) * A))
               );
             }
@@ -1526,16 +1536,16 @@ function rr({
         // vertical scrollbar
         d.div(
           s.class("bc-nine-slice-pane bc-nine-slice-vertical-scrollbar"),
-          k.overflowY("scroll"),
-          k.top("0"),
-          k.bottom(
-            C(
+          C.overflowY("scroll"),
+          C.top("0"),
+          C.bottom(
+            S(
               I,
-              _
+              T
             )((D, N) => D ? `${N}px` : "0")
           ),
-          k.right("0"),
-          k.width(
+          C.right("0"),
+          C.width(
             M.map(
               (D) => D ? "16px" : "0"
             )
@@ -1544,22 +1554,22 @@ function rr({
             s.class(
               "bc-nine-slice-pane bc-nine-slice-vertical-scrollbar-thumb"
             ),
-            k.width("100%"),
-            k.height(
-              C(
+            C.width("100%"),
+            C.height(
+              S(
                 r,
                 c,
                 n,
                 oe
-              )((D, N, K, T) => `${100 / Math.max(1, T)}%`)
+              )((D, N, K, _) => `${100 / Math.max(1, _)}%`)
             ),
-            k.backgroundColor("#ff000066")
+            C.backgroundColor("#ff000066")
           ),
           $.scroll((D) => {
-            const N = D.target, K = N.scrollTop, T = N.scrollHeight - N.clientHeight;
-            if (T > 0) {
-              const A = K / T, j = Ae.value;
-              w.set(
+            const N = D.target, K = N.scrollTop, _ = N.scrollHeight - N.clientHeight;
+            if (_ > 0) {
+              const A = K / _, j = Ae.value;
+              b.set(
                 BigInt(Math.round(Number(j) * A))
               );
             }
@@ -1578,7 +1588,7 @@ function kt({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...r) {
   return d.div(
     s.class("bc-scrollable-panel"),
     s.class(
-      C(
+      S(
         l,
         a
       )((c, o) => {
@@ -1620,7 +1630,7 @@ function ea(e, t, n) {
 function sr({ variant: e = "default", size: t = "md", roundedness: n = "lg" } = {}, ...a) {
   return d.div(
     s.class(
-      C(
+      S(
         e,
         t,
         n
@@ -1676,51 +1686,51 @@ const xe = {
     onBeforeOpen: u,
     onAfterOpen: c,
     buildListboxContent: o
-  } = e, f = G(!1), p = G(-1), x = G(null), v = he("dropdown"), b = he("listbox");
-  let m, w;
-  const y = (S) => {
-    t?.(S), f.set(!1), p.set(-1), x.set(null), m?.focus();
-  }, g = (S) => {
-    const _ = xe.getValues(h.get(l));
-    switch (S.key) {
+  } = e, f = G(!1), p = G(-1), x = G(null), v = he("dropdown"), y = he("listbox");
+  let h, b;
+  const w = (k) => {
+    t?.(k), f.set(!1), p.set(-1), x.set(null), h?.focus();
+  }, g = (k) => {
+    const T = xe.getValues(m.get(l));
+    switch (k.key) {
       case "ArrowDown": {
-        if (S.preventDefault(), !f.value)
-          f.set(!0), _.length > 0 && (p.set(0), x.set(_[0]));
+        if (k.preventDefault(), !f.value)
+          f.set(!0), T.length > 0 && (p.set(0), x.set(T[0]));
         else {
           const L = Math.min(
             p.value + 1,
-            _.length - 1
+            T.length - 1
           );
-          p.set(L), x.set(_[L] ?? null);
+          p.set(L), x.set(T[L] ?? null);
         }
         break;
       }
       case "ArrowUp": {
-        if (S.preventDefault(), f.value) {
+        if (k.preventDefault(), f.value) {
           const L = Math.max(p.value - 1, 0);
-          p.set(L), x.set(_[L] ?? null);
+          p.set(L), x.set(T[L] ?? null);
         }
         break;
       }
       case "Enter": {
-        if (S.preventDefault(), f.value && p.value >= 0) {
-          const L = _[p.value];
-          L != null && y(L);
+        if (k.preventDefault(), f.value && p.value >= 0) {
+          const L = T[p.value];
+          L != null && w(L);
         } else {
           u?.();
-          const L = xe.getValues(h.get(l));
+          const L = xe.getValues(m.get(l));
           f.set(!0), L.length > 0 && (p.set(0), x.set(L[0])), setTimeout(() => c?.(), 0);
         }
         break;
       }
       case "Escape": {
-        f.value && (S.preventDefault(), f.set(!1), p.set(-1), x.set(null), m?.focus());
+        f.value && (k.preventDefault(), f.set(!1), p.set(-1), x.set(null), h?.focus());
         break;
       }
       case " ": {
-        if (h.get(i)) {
-          S.preventDefault();
-          const L = xe.getValues(h.get(l));
+        if (m.get(i)) {
+          k.preventDefault();
+          const L = xe.getValues(m.get(l));
           f.set(!f.value), f.value && L.length > 0 && (p.set(0), x.set(L[0]));
         }
         break;
@@ -1739,52 +1749,52 @@ const xe = {
         )
       )
     },
-    Ee((S) => E(
-      ae((_) => (m = _, _.addEventListener("keydown", g), Y(
-        () => _.removeEventListener("keydown", g)
+    Ee((k) => E(
+      ae((T) => (h = T, T.addEventListener("keydown", g), Y(
+        () => T.removeEventListener("keydown", g)
       ))),
       le(e),
       s.id(v),
       s.tabindex(0),
-      B.controls(b),
+      B.controls(y),
       B.expanded(f),
       s.class("bc-dropdown"),
       s.role(a),
       B.activedescendant(
-        C(
+        S(
           f,
           x
         )(
-          (_, L) => _ && L != null ? `dropdown-option-${String(L)}` : ""
+          (T, L) => T && L != null ? `dropdown-option-${String(L)}` : ""
         )
       ),
       n != null ? $.blur(() => {
         setTimeout(() => {
-          w?.contains(document.activeElement) || (f.set(!1), p.set(-1), n());
+          b?.contains(document.activeElement) || (f.set(!1), p.set(-1), n());
         }, 100);
       }) : R,
       Ze({
         content: () => d.div(
-          ae((_) => {
-            w = _;
+          ae((T) => {
+            b = T;
           }),
-          k.minWidth(S.$.width.map((_) => `${_ - 10}px`)),
+          C.minWidth(k.$.width.map((T) => `${T - 10}px`)),
           s.class("bc-dropdown__listbox"),
           s.role("listbox"),
-          s.id(b),
+          s.id(y),
           B.labelledby(v),
           o({
             dropdownId: v,
-            listboxId: b,
+            listboxId: y,
             focusedValue: x,
             handleKeyDown: g,
-            onSelect: y
+            onSelect: w
           })
         ),
         mainAxisOffset: 0,
         placement: "bottom-start",
         hasPopup: "listbox",
-        showOn: (_, L) => {
+        showOn: (T, L) => {
           const V = L;
           L = () => {
             f.set(!1), p.set(-1), x.set(null), V();
@@ -1794,8 +1804,8 @@ const xe = {
               L();
             else {
               u?.();
-              const I = xe.getValues(h.get(l));
-              f.set(!0), I.length > 0 && (p.set(0), x.set(I[0])), _(), setTimeout(() => c?.(), 0);
+              const I = xe.getValues(m.get(l));
+              f.set(!0), I.length > 0 && (p.set(0), x.set(I[0])), T(), setTimeout(() => c?.(), 0);
             }
           };
           return $.click(P);
@@ -1810,10 +1820,10 @@ const xe = {
   e,
   (l) => Dt(l, {
     value: (i) => {
-      const u = C(
+      const u = S(
         i,
         n
-      )((o, f) => t(o.value, f)), c = C(
+      )((o, f) => t(o.value, f)), c = S(
         i,
         r
       )((o, f) => f != null && t(o.value, f));
@@ -1822,7 +1832,7 @@ const xe = {
         Y(c.dispose),
         s.class("bc-dropdown__option"),
         s.class(
-          C(
+          S(
             u,
             c,
             i
@@ -1880,7 +1890,7 @@ const xe = {
     equality: r = (o, f) => o === f,
     placeholder: l,
     searchable: i = !1
-  } = e, u = C(
+  } = e, u = S(
     t,
     n
   )((o, f) => {
@@ -1890,13 +1900,13 @@ const xe = {
         if (v.type === "value" && r(v.value, o))
           return v.label;
         if (v.type === "group") {
-          const b = p(v.options);
-          if (b) return b;
+          const y = p(v.options);
+          if (y) return y;
         }
       }
     };
     return p(f) || String(o);
-  }), c = C(i)((o) => !o);
+  }), c = S(i)((o) => !o);
   return zt({
     ...e,
     role: "dropdown",
@@ -1930,10 +1940,10 @@ const xe = {
   e,
   (i) => Dt(i, {
     value: (u) => {
-      const c = C(
+      const c = S(
         u,
         n
-      )((f, p) => t(f.value, p)), o = C(
+      )((f, p) => t(f.value, p)), o = S(
         u,
         r
       )(
@@ -1944,7 +1954,7 @@ const xe = {
         Y(o.dispose),
         s.class("bc-dropdown__option"),
         s.class(
-          C(
+          S(
             c,
             o,
             u
@@ -2003,24 +2013,24 @@ const xe = {
     loadOptions: n,
     renderOption: a,
     renderValue: r,
-    equality: l = (g, S) => g === S,
+    equality: l = (g, k) => g === k,
     placeholder: i,
     searchPlaceholder: u,
     debounceMs: c = 150
   } = e, o = G(""), f = G(!1), p = G([]);
   let x;
-  const v = h.toSignal(t), b = () => (r ?? a)(v);
-  let m = null;
-  const w = (g) => {
-    f.set(!0), Promise.resolve(n(g)).then((S) => {
-      p.set(S ?? []);
+  const v = m.toSignal(t), y = () => (r ?? a)(v);
+  let h = null;
+  const b = (g) => {
+    f.set(!0), Promise.resolve(n(g)).then((k) => {
+      p.set(k ?? []);
     }).catch(() => {
       p.set([]);
     }).finally(() => f.set(!1));
-  }, y = (g) => {
-    m != null && (clearTimeout(m), m = null), m = setTimeout(
+  }, w = (g) => {
+    h != null && (clearTimeout(h), h = null), h = setTimeout(
       () => {
-        w(g);
+        b(g);
       },
       Math.max(0, c)
     );
@@ -2029,19 +2039,19 @@ const xe = {
     ...e,
     role: "combobox",
     display: J(
-      C(t)((g) => g != null),
-      b,
+      S(t)((g) => g != null),
+      y,
       () => ne(fe, (g) => g.$.selectOne)
     ),
     optionsSource: p,
     onBeforeOpen: () => {
-      const g = h.get(o);
-      y(g);
+      const g = m.get(o);
+      w(g);
     },
     onAfterOpen: () => {
       x?.focus();
     },
-    buildListboxContent: ({ focusedValue: g, handleKeyDown: S, onSelect: _ }) => E(
+    buildListboxContent: ({ focusedValue: g, handleKeyDown: k, onSelect: T }) => E(
       // Search input at the top
       d.div(
         s.class("bc-dropdown__search"),
@@ -2049,7 +2059,7 @@ const xe = {
           s.type("text"),
           s.class("bc-dropdown__search-input"),
           s.placeholder(
-            C(
+            S(
               u,
               i
             )((L, V) => L ?? V ?? "Search")
@@ -2058,9 +2068,9 @@ const xe = {
           ae((L) => (x = L, R)),
           $.input((L) => {
             const V = L.target;
-            o.set(V.value), y(V.value);
+            o.set(V.value), w(V.value);
           }),
-          $.keydown(S)
+          $.keydown(k)
         )
       ),
       J(
@@ -2075,7 +2085,7 @@ const xe = {
             L,
             l,
             v,
-            _,
+            T,
             g,
             a
           )
@@ -2109,13 +2119,13 @@ function qt(e) {
     onAction: f,
     ariaLabel: p,
     ariaLabelledBy: x
-  } = e, v = he("menu"), b = G(-1), m = G([]);
-  let w = null;
+  } = e, v = he("menu"), y = G(-1), h = G([]);
+  let b = null;
   return E(
-    Y(b, m),
+    Y(y, h),
     Ze({
-      content: () => ae((y) => {
-        w = document.activeElement;
+      content: () => ae((w) => {
+        b = document.activeElement;
         const g = (P, I, M) => {
           if (I.length === 0) return -1;
           let F = P + M, O = 0;
@@ -2127,18 +2137,18 @@ function qt(e) {
             F += M, O++;
           }
           return P;
-        }, S = (P) => {
-          const I = m.value, M = b.value;
+        }, k = (P) => {
+          const I = h.value, M = y.value;
           switch (P.key) {
             case "ArrowDown":
               P.preventDefault(), P.stopPropagation();
               const F = g(M, I, 1);
-              _(F, I);
+              T(F, I);
               break;
             case "ArrowUp":
               P.preventDefault(), P.stopPropagation();
               const O = g(M, I, -1);
-              _(O, I);
+              T(O, I);
               break;
             case "Enter":
             case " ":
@@ -2154,10 +2164,10 @@ function qt(e) {
               o?.();
               break;
             case "Home":
-              P.preventDefault(), P.stopPropagation(), I.length > 0 && _(0, I);
+              P.preventDefault(), P.stopPropagation(), I.length > 0 && T(0, I);
               break;
             case "End":
-              P.preventDefault(), P.stopPropagation(), I.length > 0 && _(I.length - 1, I);
+              P.preventDefault(), P.stopPropagation(), I.length > 0 && T(I.length - 1, I);
               break;
             case "ArrowRight":
               if (P.preventDefault(), P.stopPropagation(), M >= 0 && I[M]) {
@@ -2171,26 +2181,26 @@ function qt(e) {
               P.preventDefault(), P.stopPropagation(), o?.();
               break;
           }
-        }, _ = (P, I) => {
-          b.value >= 0 && I[b.value] && (I[b.value].classList.remove(
+        }, T = (P, I) => {
+          y.value >= 0 && I[y.value] && (I[y.value].classList.remove(
             "bc-menu-item--focused"
-          ), I[b.value].removeAttribute("aria-selected")), P >= 0 && I[P] && (I[P].classList.add("bc-menu-item--focused"), I[P].setAttribute("aria-selected", "true"), b.set(P), typeof I[P].scrollIntoView == "function" && I[P].scrollIntoView({ block: "nearest" }));
+          ), I[y.value].removeAttribute("aria-selected")), P >= 0 && I[P] && (I[P].classList.add("bc-menu-item--focused"), I[P].setAttribute("aria-selected", "true"), y.set(P), typeof I[P].scrollIntoView == "function" && I[P].scrollIntoView({ block: "nearest" }));
         }, L = () => {
           const P = Array.from(
-            y.querySelectorAll('[role="menuitem"]')
+            w.querySelectorAll('[role="menuitem"]')
           );
-          if (m.set(P), P.length > 0) {
+          if (h.set(P), P.length > 0) {
             const I = P.findIndex(
               (M) => M.getAttribute("aria-disabled") !== "true"
             );
-            I >= 0 && _(I, P);
+            I >= 0 && T(I, P);
           }
         }, V = new MutationObserver(L);
-        return V.observe(y, { childList: !0, subtree: !0 }), setTimeout(() => {
-          L(), y.focus();
-        }, 0), document.addEventListener("keydown", S, !0), E(
+        return V.observe(w, { childList: !0, subtree: !0 }), setTimeout(() => {
+          L(), w.focus();
+        }, 0), document.addEventListener("keydown", k, !0), E(
           Y(() => {
-            V.disconnect(), document.removeEventListener("keydown", S, !0), w && w.focus();
+            V.disconnect(), document.removeEventListener("keydown", k, !0), b && b.focus();
           }),
           s.class("bc-menu"),
           s.id(v),
@@ -2200,8 +2210,8 @@ function qt(e) {
           p ? B.label(p) : E(),
           x ? B.labelledby(x) : E(),
           B.activedescendant(
-            b.map((P) => {
-              const I = m.value;
+            y.map((P) => {
+              const I = h.value;
               return P >= 0 && I[P] ? I[P].id || `${v}-item-${P}` : "";
             })
           ),
@@ -2219,8 +2229,8 @@ function qt(e) {
             s.class("sr-only"),
             B.live("polite"),
             B.atomic(!0),
-            b.map((P) => {
-              const I = m.value;
+            y.map((P) => {
+              const I = h.value;
               if (P >= 0 && I[P]) {
                 const M = I[P].textContent || "";
                 return I[P].getAttribute("aria-disabled") === "true" ? `${M}, disabled` : `${M}, ${P + 1} of ${I.length}`;
@@ -2256,7 +2266,7 @@ function ir(e) {
   } = e, f = t ?? he("menu-item"), p = `menu-item-${f}`, x = c != null;
   return d.div(
     s.class(
-      C(l)(
+      S(l)(
         (v) => `bc-menu-item ${v ? "bc-menu-item--disabled" : ""} ${x ? "bc-menu-item--has-submenu" : ""}`
       )
     ),
@@ -2270,7 +2280,7 @@ function ir(e) {
     x ? B.expanded(!1) : E(),
     u ? B.label(u) : E(),
     $.click((v) => {
-      if (h.get(l)) {
+      if (m.get(l)) {
         v.preventDefault(), v.stopPropagation();
         return;
       }
@@ -2358,7 +2368,7 @@ function en(e) {
     () => _e(
       t,
       (i) => jt({
-        value: C(
+        value: S(
           i,
           n
         )((u, c) => sa(c, u, a)),
@@ -2376,14 +2386,14 @@ function tn(e) {
     equality: a = (o, f) => o === f,
     placeholder: r
   } = e, l = (o) => {
-    const f = h.get(t);
+    const f = m.get(t);
     e.onChange?.(Kt(f, o, a));
   }, i = (o) => {
-    const f = h.get(t);
+    const f = m.get(t);
     e.onChange?.(Gt(f, o, a));
-  }, u = (o) => C(t)((f) => Qt(f, o, a)), c = qt({
+  }, u = (o) => S(t)((f) => Qt(f, o, a)), c = qt({
     items: () => {
-      const o = h.get(n), f = [];
+      const o = m.get(n), f = [];
       for (const p of o)
         if (p.type === "value") {
           const x = u(p.value);
@@ -2468,58 +2478,58 @@ function nn(e) {
   const {
     value: t,
     options: n,
-    equality: a = (v, b) => v === b,
+    equality: a = (v, y) => v === y,
     placeholder: r,
     searchPlaceholder: l,
     filter: i
   } = e, u = G(""), c = (v) => {
-    const b = h.get(t);
-    e.onChange?.(Kt(b, v, a));
+    const y = m.get(t);
+    e.onChange?.(Kt(y, v, a));
   }, o = (v) => {
-    const b = h.get(t);
-    e.onChange?.(Gt(b, v, a));
-  }, f = (v) => C(t)((b) => Qt(b, v, a)), p = C(
+    const y = m.get(t);
+    e.onChange?.(Gt(y, v, a));
+  }, f = (v) => S(t)((y) => Qt(y, v, a)), p = S(
     n,
     u
-  )((v, b) => Jt(v, b, i)), x = qt({
+  )((v, y) => Jt(v, y, i)), x = qt({
     items: () => {
-      const v = [], b = h.get(p);
-      if (b.length === 0)
+      const v = [], y = m.get(p);
+      if (y.length === 0)
         return v.push(
           d.div(
             s.class("bc-dropdown__empty"),
-            ne(fe, (m) => m.$.noResults)
+            ne(fe, (h) => h.$.noResults)
           )
         ), v;
-      for (const m of b)
-        if (m.type === "value") {
-          const w = f(m.value);
+      for (const h of y)
+        if (h.type === "value") {
+          const b = f(h.value);
           v.push(
             d.div(
               s.role("menuitem"),
               s.tabindex(-1),
-              B.disabled(m.disabled === !0),
-              B.checked(w),
+              B.disabled(h.disabled === !0),
+              B.checked(b),
               s.class("bc-menu-item"),
-              d.span(s.class("bc-menu-item__content"), m.label),
-              $.click(() => o(m.value))
+              d.span(s.class("bc-menu-item__content"), h.label),
+              $.click(() => o(h.value))
             )
           );
-        } else m.type === "group" ? v.push(
+        } else h.type === "group" ? v.push(
           d.div(
             s.class("bc-menu-group"),
-            d.div(s.class("bc-menu-group__label"), m.group),
-            ...m.options.map((w) => {
-              if (w.type === "value") {
-                const y = f(w.value);
+            d.div(s.class("bc-menu-group__label"), h.group),
+            ...h.options.map((b) => {
+              if (b.type === "value") {
+                const w = f(b.value);
                 return d.div(
                   s.role("menuitem"),
                   s.tabindex(-1),
-                  B.disabled(w.disabled === !0),
-                  B.checked(y),
+                  B.disabled(b.disabled === !0),
+                  B.checked(w),
                   s.class("bc-menu-item"),
-                  d.span(s.class("bc-menu-item__content"), w.label),
-                  $.click(() => o(w.value))
+                  d.span(s.class("bc-menu-item__content"), b.label),
+                  $.click(() => o(b.value))
                 );
               }
               return E();
@@ -2534,14 +2544,14 @@ function nn(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: (v, b) => ae((m) => {
-      const w = m.querySelector(
+    showOn: (v, y) => ae((h) => {
+      const b = h.querySelector(
         ".bc-dropdown__search-input"
       );
-      if (w) {
-        const y = () => v();
-        return w.addEventListener("focus", y), Y(() => {
-          w.removeEventListener("focus", y);
+      if (b) {
+        const w = () => v();
+        return b.addEventListener("focus", w), Y(() => {
+          b.removeEventListener("focus", w);
         });
       }
       return E();
@@ -2568,15 +2578,15 @@ function nn(e) {
           s.type("text"),
           s.class("bc-dropdown__search-input"),
           s.placeholder(
-            C(
+            S(
               l,
               r
-            )((v, b) => v ?? b ?? "")
+            )((v, y) => v ?? y ?? "")
           ),
           s.value(u),
           $.input((v) => {
-            const b = v.target;
-            u.set(b.value);
+            const y = v.target;
+            u.set(y.value);
           }),
           $.keydown((v) => {
             (v.key === "ArrowUp" || v.key === "ArrowDown" || v.key === "Enter" || v.key === " ") && v.stopPropagation();
@@ -2614,7 +2624,7 @@ const pr = (e) => {
     ...e,
     input: se["datetime-local"](
       le(e),
-      s.value(h.map(t, la)),
+      s.value(m.map(t, la)),
       s.class("bc-input"),
       n != null ? $.blur(W(n)) : R,
       a != null ? $.change(W((r) => a(new Date(r)))) : R
@@ -2630,7 +2640,7 @@ const pr = (e) => {
   return In({
     ...r,
     maxFiles: 1,
-    value: h.map(t, (l) => l == null ? [] : [l]),
+    value: m.map(t, (l) => l == null ? [] : [l]),
     onChange: (l) => {
       a?.(l[0]);
     },
@@ -2666,7 +2676,7 @@ const pr = (e) => {
   const { value: t, onBlur: n, onChange: a, onInput: r, after: l, disabled: i, ...u } = e, c = ve(t, i, a);
   return Le({
     ...u,
-    value: h.map(t, $n),
+    value: m.map(t, $n),
     onChange: a != null ? (o) => a(mt(o)) : void 0,
     onInput: r != null ? (o) => r(mt(o)) : void 0,
     onBlur: n,
@@ -2680,20 +2690,20 @@ const pr = (e) => {
   }
 }, vr = (e) => {
   const { value: t, step: n, min: a, max: r, onChange: l, onInput: i, after: u } = e, c = (v) => {
-    const b = a != null ? h.get(a) : void 0, m = r != null ? h.get(r) : void 0;
-    return b != null && v < b ? b : m != null && v > m ? m : v;
+    const y = a != null ? m.get(a) : void 0, h = r != null ? m.get(r) : void 0;
+    return y != null && v < y ? y : h != null && v > h ? h : v;
   }, o = n != null ? ne(fe, (v) => {
-    const b = C(
+    const y = S(
       t,
       a
-    )((y, g) => g == null ? !0 : (y ?? 0n) > g), m = C(
+    )((w, g) => g == null ? !0 : (w ?? 0n) > g), h = S(
       t,
       r
-    )((y, g) => g == null ? !0 : (y ?? 0n) < g), w = (y, g) => {
-      const S = h.get(t) ?? 0n, _ = h.get(n), L = g?.shiftKey ? 10n : 1n, V = S + _ * L * y, P = a != null ? h.get(a) : void 0, I = r != null ? h.get(r) : void 0;
-      if (y < 0n && P != null && V < P || y > 0n && I != null && V > I) return;
+    )((w, g) => g == null ? !0 : (w ?? 0n) < g), b = (w, g) => {
+      const k = m.get(t) ?? 0n, T = m.get(n), L = g?.shiftKey ? 10n : 1n, V = k + T * L * w, P = a != null ? m.get(a) : void 0, I = r != null ? m.get(r) : void 0;
+      if (w < 0n && P != null && V < P || w > 0n && I != null && V > I) return;
       const M = c(V);
-      M !== S && l && l(M);
+      M !== k && l && l(M);
     };
     return ot(
       s.class("bc-number-input-steppers"),
@@ -2703,12 +2713,12 @@ const pr = (e) => {
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         s.disabled(
-          C(
-            m,
+          S(
+            h,
             e.disabled ?? !1
-          )((y, g) => !y || g)
+          )((w, g) => !w || g)
         ),
-        $.click((y) => w(1n, y)),
+        $.click((w) => b(1n, w)),
         B.label(v.$.incrementValue),
         ee({ icon: "line-md:plus", size: "xs" })
       ),
@@ -2718,26 +2728,26 @@ const pr = (e) => {
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         s.disabled(
-          C(
-            b,
+          S(
+            y,
             e.disabled ?? !1
-          )((y, g) => !y || g)
+          )((w, g) => !w || g)
         ),
-        $.click((y) => w(-1n, y)),
+        $.click((w) => b(-1n, w)),
         B.label(v.$.decrementValue),
         ee({ icon: "line-md:minus", size: "xs" })
       )
     );
   }) : null, f = u != null && o != null ? E(o, u) : u ?? o, p = l ? (v) => {
-    const b = Ct(v);
-    b != null && l(c(b));
+    const y = Ct(v);
+    y != null && l(c(y));
   } : void 0, x = i ? (v) => {
-    const b = Ct(v);
-    b != null && i(c(b));
+    const y = Ct(v);
+    y != null && i(c(y));
   } : void 0;
   return Le({
     ...e,
-    value: h.map(t, (v) => v.toString()),
+    value: m.map(t, (v) => v.toString()),
     onChange: p,
     onInput: x,
     after: f,
@@ -2753,27 +2763,27 @@ const pr = (e) => {
     return null;
   }
 }, yr = (e) => {
-  const { value: t, step: n, min: a, max: r, onChange: l, onInput: i, after: u } = e, c = (b) => {
-    const m = a != null ? h.get(a) : void 0, w = r != null ? h.get(r) : void 0;
-    return m != null && b < m ? m : w != null && b > w ? w : b;
-  }, o = n != null ? ne(fe, (b) => {
-    const m = C(
+  const { value: t, step: n, min: a, max: r, onChange: l, onInput: i, after: u } = e, c = (y) => {
+    const h = a != null ? m.get(a) : void 0, b = r != null ? m.get(r) : void 0;
+    return h != null && y < h ? h : b != null && y > b ? b : y;
+  }, o = n != null ? ne(fe, (y) => {
+    const h = S(
       t,
       a
-    )((g, S) => {
-      const _ = g ?? 0n;
-      return S == null ? !0 : _ > S;
-    }), w = C(
+    )((g, k) => {
+      const T = g ?? 0n;
+      return k == null ? !0 : T > k;
+    }), b = S(
       t,
       r
-    )((g, S) => {
-      const _ = g ?? 0n;
-      return S == null ? !0 : _ < S;
-    }), y = (g, S) => {
-      const _ = h.get(t) ?? 0n, L = h.get(n), V = S?.shiftKey ? 10n : 1n, P = _ + L * V * g, I = a != null ? h.get(a) : void 0, M = r != null ? h.get(r) : void 0;
+    )((g, k) => {
+      const T = g ?? 0n;
+      return k == null ? !0 : T < k;
+    }), w = (g, k) => {
+      const T = m.get(t) ?? 0n, L = m.get(n), V = k?.shiftKey ? 10n : 1n, P = T + L * V * g, I = a != null ? m.get(a) : void 0, M = r != null ? m.get(r) : void 0;
       if (g < 0n && I != null && P < I || g > 0n && M != null && P > M) return;
       const F = c(P);
-      F !== _ && l && l(F);
+      F !== T && l && l(F);
     };
     return ot(
       s.class("bc-number-input-steppers"),
@@ -2783,13 +2793,13 @@ const pr = (e) => {
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         s.disabled(
-          C(
-            w,
+          S(
+            b,
             e.disabled ?? !1
-          )((g, S) => !g || S)
+          )((g, k) => !g || k)
         ),
-        $.click((g) => y(1n, g)),
-        B.label(b.$.incrementValue),
+        $.click((g) => w(1n, g)),
+        B.label(y.$.incrementValue),
         ee({ icon: "line-md:plus", size: "xs" })
       ),
       d.button(
@@ -2798,26 +2808,26 @@ const pr = (e) => {
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         s.disabled(
-          C(
-            m,
+          S(
+            h,
             e.disabled ?? !1
-          )((g, S) => !g || S)
+          )((g, k) => !g || k)
         ),
-        $.click((g) => y(-1n, g)),
-        B.label(b.$.decrementValue),
+        $.click((g) => w(-1n, g)),
+        B.label(y.$.decrementValue),
         ee({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, f = ve(t, e.disabled, l), p = u != null && o != null ? E(o, f, u) : u != null ? E(f, u) : o != null ? E(o, f) : f, x = l ? (b) => {
-    const m = St(b);
-    l(m === null ? null : c(m));
-  } : void 0, v = i ? (b) => {
-    const m = St(b);
-    i(m === null ? null : c(m));
+  }) : null, f = ve(t, e.disabled, l), p = u != null && o != null ? E(o, f, u) : u != null ? E(f, u) : o != null ? E(o, f) : f, x = l ? (y) => {
+    const h = St(y);
+    l(h === null ? null : c(h));
+  } : void 0, v = i ? (y) => {
+    const h = St(y);
+    i(h === null ? null : c(h));
   } : void 0;
   return Le({
     ...e,
-    value: h.map(t, (b) => b == null ? "" : b.toString()),
+    value: m.map(t, (y) => y == null ? "" : y.toString()),
     onChange: x,
     onInput: v,
     after: p,
@@ -2827,9 +2837,9 @@ const pr = (e) => {
   });
 }, wr = (e) => {
   const { value: t, onChange: n, onBlur: a, before: r } = e, l = G(""), i = (c) => {
-    n?.(h.get(t).filter((o) => o !== c));
+    n?.(m.get(t).filter((o) => o !== c));
   }, u = () => {
-    const c = l.value.trim(), o = h.get(t);
+    const c = l.value.trim(), o = m.get(t);
     c === "" || o.includes(c) || (l.set(""), n?.([...o, c]));
   };
   return te({
@@ -2866,7 +2876,7 @@ const pr = (e) => {
       ...e,
       input: se.date(
         le(e),
-        s.value(h.map(t, (l) => l.toString())),
+        s.value(m.map(t, (l) => l.toString())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(W((l) => a(r.PlainDate.from(l)))) : R
@@ -2880,7 +2890,7 @@ const pr = (e) => {
       ...e,
       input: se.date(
         le(e),
-        s.value(h.map(t, (c) => c?.toString() ?? "")),
+        s.value(m.map(t, (c) => c?.toString() ?? "")),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(
@@ -2899,7 +2909,7 @@ const pr = (e) => {
       ...e,
       input: se.time(
         le(e),
-        s.value(h.map(t, (l) => l.toString())),
+        s.value(m.map(t, (l) => l.toString())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(W((l) => a(r.PlainTime.from(l)))) : R
@@ -2913,7 +2923,7 @@ const pr = (e) => {
       ...e,
       input: se.time(
         le(e),
-        s.value(h.map(t, (c) => c?.toString())),
+        s.value(m.map(t, (c) => c?.toString())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(
@@ -2932,7 +2942,7 @@ const pr = (e) => {
       ...e,
       input: se["datetime-local"](
         le(e),
-        s.value(h.map(t, (l) => l.toJSON())),
+        s.value(m.map(t, (l) => l.toJSON())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(W((l) => a(r.PlainDateTime.from(l)))) : R
@@ -2946,7 +2956,7 @@ const pr = (e) => {
       ...e,
       input: se["datetime-local"](
         le(e),
-        s.value(h.map(t, (c) => c?.toJSON())),
+        s.value(m.map(t, (c) => c?.toJSON())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(
@@ -2969,7 +2979,7 @@ const pr = (e) => {
       input: se["datetime-local"](
         le(e),
         s.value(
-          h.map(t, (l) => oa(Number(l.epochMilliseconds)))
+          m.map(t, (l) => oa(Number(l.epochMilliseconds)))
         ),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
@@ -2992,7 +3002,7 @@ const pr = (e) => {
       input: se["datetime-local"](
         le(e),
         s.value(
-          h.map(
+          m.map(
             t,
             (c) => c == null ? null : ia(Number(c.epochMilliseconds))
           )
@@ -3015,12 +3025,12 @@ const pr = (e) => {
       ...e,
       input: se["datetime-local"](
         le(e),
-        s.value(h.map(t, (l) => l.toJSON())),
+        s.value(m.map(t, (l) => l.toJSON())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(
           W((l) => {
-            const i = r.PlainDateTime.from(l), u = h.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            const i = r.PlainDateTime.from(l), u = m.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
             return a(r.ZonedDateTime.from({ ...i, timeZone: u }));
           })
         ) : R
@@ -3034,13 +3044,13 @@ const pr = (e) => {
       ...e,
       input: se["datetime-local"](
         le(e),
-        s.value(h.map(t, (c) => c?.toJSON())),
+        s.value(m.map(t, (c) => c?.toJSON())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(
           W((c) => {
             if (c === "") return a(null);
-            const o = u.PlainDateTime.from(c), f = h.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            const o = u.PlainDateTime.from(c), f = m.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
             return a(u.ZonedDateTime.from({ ...o, timeZone: f }));
           })
         ) : R
@@ -3055,7 +3065,7 @@ const pr = (e) => {
       ...e,
       input: se.month(
         le(e),
-        s.value(h.map(t, (l) => l.toString())),
+        s.value(m.map(t, (l) => l.toString())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(W((l) => a(r.PlainYearMonth.from(l)))) : R
@@ -3069,7 +3079,7 @@ const pr = (e) => {
       ...e,
       input: se.month(
         le(e),
-        s.value(h.map(t, (c) => c?.toString())),
+        s.value(m.map(t, (c) => c?.toString())),
         s.class("bc-input"),
         n != null ? $.blur(W(n)) : R,
         a != null ? $.change(
@@ -3087,7 +3097,7 @@ const pr = (e) => {
     (a) => Le({
       ...e,
       // Map Temporal value to MM-DD string
-      value: h.map(t, (r) => r.toString()),
+      value: m.map(t, (r) => r.toString()),
       onChange: n != null ? (r) => n(a.PlainMonthDay.from(`--${r}`)) : void 0,
       onInput: void 0,
       mask: "99-99",
@@ -3099,7 +3109,7 @@ const pr = (e) => {
   return ie(
     (i) => Le({
       ...e,
-      value: h.map(t, (u) => u?.toString() ?? ""),
+      value: m.map(t, (u) => u?.toString() ?? ""),
       onChange: n != null ? (u) => n(u === "" ? null : i.PlainMonthDay.from(`--${u}`)) : void 0,
       onInput: void 0,
       mask: "99-99",
@@ -3112,7 +3122,7 @@ const pr = (e) => {
   return ie(
     (a) => Le({
       ...e,
-      value: h.map(t, (r) => r.toString()),
+      value: m.map(t, (r) => r.toString()),
       onChange: n ? (r) => n(a.Duration.from(r)) : void 0,
       onInput: void 0,
       ...Tn(a.Duration.from),
@@ -3268,7 +3278,7 @@ function Fr({
           title: a.$.locale
         }),
         Ut({
-          options: h.map(
+          options: m.map(
             e,
             (i) => i.map((u) => {
               let c = u.name;
@@ -3309,30 +3319,30 @@ function pa({
   onClose: u,
   class: c
 } = {}, ...o) {
-  const f = h.map(i, (p) => p != null);
+  const f = m.map(i, (p) => p != null);
   return d.section(
-    Y(() => h.dispose(f)),
+    Y(() => m.dispose(f)),
     s.class(
-      C(
+      S(
         n,
         f,
         t,
         e,
         c
       )(
-        (p, x, v, b, m) => [
+        (p, x, v, y, h) => [
           da(
             p,
             x,
             v,
-            b,
-            m
+            y,
+            h
           )
         ].join(" ")
       )
     ),
     s.style(
-      C(
+      S(
         a,
         r
       )(
@@ -3417,25 +3427,25 @@ const ga = new ba(), an = {
       };
     }
     const r = [], l = ({ dismissAfter: c, onClose: o, animation: f = { fade: !0 }, ...p }, ...x) => {
-      t.update((m) => m + 1);
-      const v = c != null ? typeof c == "number" ? Dn(c * 1e3) : c : void 0, b = {
+      t.update((h) => h + 1);
+      const v = c != null ? typeof c == "number" ? Dn(c * 1e3) : c : void 0, y = {
         animation: f,
-        class: h.toSignal(p.class),
-        loading: h.toSignal(p.loading ?? !1),
-        withCloseButton: h.toSignal(
+        class: m.toSignal(p.class),
+        loading: m.toSignal(p.loading ?? !1),
+        withCloseButton: m.toSignal(
           p.withCloseButton == null && c == null ? !0 : p.withCloseButton ?? !0
         ),
-        withBorder: h.toSignal(p.withBorder ?? !1),
-        color: h.toSignal(p.color ?? "primary"),
-        radius: h.toSignal(p.radius ?? "md"),
+        withBorder: m.toSignal(p.withBorder ?? !1),
+        color: m.toSignal(p.color ?? "primary"),
+        radius: m.toSignal(p.radius ?? "md"),
         title: p.title ?? R,
-        icon: h.toSignal(p.icon),
+        icon: m.toSignal(p.icon),
         children: x,
-        listenRequestClose: (m) => (r.push(m), o?.(), () => {
+        listenRequestClose: (h) => (r.push(h), o?.(), () => {
         }),
         delayedClose: v
       };
-      n.forEach((m) => m(b));
+      n.forEach((h) => h(y));
     }, i = () => {
       r.forEach((c) => c()), r.length = 0;
     }, u = ga.attach({ show: l, clear: i });
@@ -3530,27 +3540,27 @@ function jr({
   highlight: p,
   allowfullscreen: x = !1
 }) {
-  const v = h.toSignal(
+  const v = m.toSignal(
     e
-  ).mapAsync(async (m) => {
-    if (m instanceof Blob) {
-      const w = await m.arrayBuffer(), y = new Blob([w], { type: "application/pdf" });
-      return URL.createObjectURL(y);
+  ).mapAsync(async (h) => {
+    if (h instanceof Blob) {
+      const b = await h.arrayBuffer(), w = new Blob([b], { type: "application/pdf" });
+      return URL.createObjectURL(w);
     } else {
-      if (m instanceof ArrayBuffer)
+      if (h instanceof ArrayBuffer)
         return URL.createObjectURL(
-          new Blob([m], { type: "application/pdf" })
+          new Blob([h], { type: "application/pdf" })
         );
-      if (m instanceof Uint8Array)
+      if (h instanceof Uint8Array)
         return URL.createObjectURL(
-          new Blob([new Uint8Array(m)], { type: "application/pdf" })
+          new Blob([new Uint8Array(h)], { type: "application/pdf" })
         );
-      if (typeof m == "string") {
-        const y = await (await fetch(m)).arrayBuffer(), g = new Blob([y], { 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);
       }
     }
-  }, null), b = C(
+  }, null), y = S(
     v,
     t,
     n,
@@ -3563,22 +3573,22 @@ function jr({
     o,
     f,
     p
-  )((m, w, y, g, S, _, L, V, P, I, M, F) => {
-    if (m == null) return null;
+  )((h, b, w, g, k, T, L, V, P, I, M, F) => {
+    if (h == null) return null;
     const O = [];
-    w === !1 && O.push("toolbar=0"), y != null && y > 0 && O.push(`page=${y}`), g != null && g > 0 && O.push(`zoom=${g}`), S != null && O.push(`view=${S}`), _ != null && O.push(`pagemode=${_}`), L === !1 && O.push("scrollbar=0"), V === !1 && O.push("navpanes=0"), P != null && O.push(`search=${encodeURIComponent(P)}`), I != null && O.push(`nameddest=${encodeURIComponent(I)}`), M != null && O.push(`viewrect=${encodeURIComponent(M)}`), F != null && O.push(`highlight=${encodeURIComponent(F)}`);
+    b === !1 && O.push("toolbar=0"), w != null && w > 0 && O.push(`page=${w}`), g != null && g > 0 && O.push(`zoom=${g}`), k != null && O.push(`view=${k}`), T != null && O.push(`pagemode=${T}`), L === !1 && O.push("scrollbar=0"), V === !1 && O.push("navpanes=0"), P != null && O.push(`search=${encodeURIComponent(P)}`), I != null && O.push(`nameddest=${encodeURIComponent(I)}`), M != null && O.push(`viewrect=${encodeURIComponent(M)}`), F != null && O.push(`highlight=${encodeURIComponent(F)}`);
     const H = O.join("&");
-    return H ? `${m}#${H}` : m;
+    return H ? `${h}#${H}` : h;
   });
   return d.div(
     Y(
-      b,
-      v.on((m, w) => {
-        w != null && URL.revokeObjectURL(w);
+      y,
+      v.on((h, b) => {
+        b != null && URL.revokeObjectURL(b);
       }),
       () => {
-        const m = v.value;
-        m != null && URL.revokeObjectURL(m);
+        const h = v.value;
+        h != null && URL.revokeObjectURL(h);
       }
     ),
     s.class("h-full w-full"),
@@ -3590,13 +3600,13 @@ function jr({
       s.loading("lazy"),
       // Force iframe reload when URL changes (including fragment changes)
       // by manually updating src instead of using attr.src
-      ae((m) => {
-        const w = m;
-        let y = !0;
+      ae((h) => {
+        const b = h;
+        let w = !0;
         return Y(
-          b.on((g) => {
-            g != null && (y ? (w.src = g, y = !1) : (w.src = "about:blank", setTimeout(() => {
-              w.src = g;
+          y.on((g) => {
+            g != null && (w ? (b.src = g, w = !1) : (b.src = "about:blank", setTimeout(() => {
+              b.src = g;
             }, 50)));
           })
         );
@@ -3619,25 +3629,25 @@ function Hr({
   enablePrinting: p,
   viewerUrl: x = null,
   allowfullscreen: v = !0,
-  class: b = null
+  class: y = null
 }) {
-  const m = h.toSignal(
+  const h = m.toSignal(
     e
-  ).mapAsync(async (y) => {
-    if (y instanceof Blob)
-      return URL.createObjectURL(y);
-    if (y instanceof ArrayBuffer)
+  ).mapAsync(async (w) => {
+    if (w instanceof Blob)
+      return URL.createObjectURL(w);
+    if (w instanceof ArrayBuffer)
       return URL.createObjectURL(
-        new Blob([y], { type: "application/pdf" })
+        new Blob([w], { type: "application/pdf" })
       );
-    if (y instanceof Uint8Array)
+    if (w instanceof Uint8Array)
       return URL.createObjectURL(
-        new Blob([new Uint8Array(y)], { type: "application/pdf" })
+        new Blob([new Uint8Array(w)], { type: "application/pdf" })
       );
-    if (typeof y == "string")
-      return y;
-  }, null), w = C(
-    m,
+    if (typeof w == "string")
+      return w;
+  }, null), b = S(
+    h,
     x,
     t,
     n,
@@ -3650,34 +3660,34 @@ function Hr({
     o,
     f,
     p
-  )((y, g, S, _, L, V, P, I, M, F, O, H, oe) => {
-    if (y == null) return null;
+  )((w, g, k, T, L, V, P, I, M, F, O, H, oe) => {
+    if (w == null) return null;
     const Q = g ?? "https://mozilla.github.io/pdf.js/web/viewer.html", U = new URLSearchParams();
-    U.set("file", encodeURIComponent(y));
+    U.set("file", encodeURIComponent(w));
     const X = [];
-    S != null && S > 0 && X.push(`page=${S}`), _ != null && (typeof _ == "string" ? X.push(`zoom=${_}`) : X.push(`zoom=${_}`)), L != null && X.push(`pagemode=${L}`), V != null && X.push(`nameddest=${encodeURIComponent(V)}`), P != null && X.push(`search=${encodeURIComponent(P)}`), I != null && X.push(`textLayer=${I}`), M != null && X.push(`sidebar=${M}`), F != null && X.push(`scrollMode=${F}`), O != null && X.push(`spreadMode=${O}`), H != null && X.push(`enableScripting=${H ? "1" : "0"}`), oe != null && X.push(`enablePrinting=${oe ? "1" : "0"}`);
+    k != null && k > 0 && X.push(`page=${k}`), T != null && (typeof T == "string" ? X.push(`zoom=${T}`) : X.push(`zoom=${T}`)), L != null && X.push(`pagemode=${L}`), V != null && X.push(`nameddest=${encodeURIComponent(V)}`), P != null && X.push(`search=${encodeURIComponent(P)}`), I != null && X.push(`textLayer=${I}`), M != null && X.push(`sidebar=${M}`), F != null && X.push(`scrollMode=${F}`), O != null && X.push(`spreadMode=${O}`), H != null && X.push(`enableScripting=${H ? "1" : "0"}`), oe != null && X.push(`enablePrinting=${oe ? "1" : "0"}`);
     const pe = X.length > 0 ? `#${X.join("&")}` : "";
     return `${Q}?${U.toString()}${pe}`;
   });
   return d.div(
     Y(
-      w,
-      m.on((y, g) => {
+      b,
+      h.on((w, g) => {
         g != null && g.startsWith("blob:") && URL.revokeObjectURL(g);
       }),
       () => {
-        const y = m.value;
-        y != null && y.startsWith("blob:") && URL.revokeObjectURL(y);
+        const w = h.value;
+        w != null && w.startsWith("blob:") && URL.revokeObjectURL(w);
       }
     ),
     s.class("bc-pdfjs-preview h-full w-full"),
-    s.class(b),
+    s.class(y),
     d.iframe(
       s.class("h-full w-full"),
       s.allowfullscreen(v),
       s.title("PDF Preview"),
       s.loading("lazy"),
-      s.src(w)
+      s.src(b)
     )
   );
 }
@@ -3685,13 +3695,13 @@ const zr = ({ id: e, css: t }) => at("head", d.style(s.id(e), s.innerHTML(t)));
 function ge(e, t) {
   return t == null ? null : d.meta(
     s.name(e),
-    s.content(h.map(t, (n) => String(n)))
+    s.content(m.map(t, (n) => String(n)))
   );
 }
 function q(e, t) {
   return t == null ? null : d.meta(
     s.property(e),
-    s.content(h.map(t, (n) => String(n)))
+    s.content(m.map(t, (n) => String(n)))
   );
 }
 function He(e, t) {
@@ -3699,7 +3709,7 @@ function He(e, t) {
 }
 function ha(e, t) {
   return t == null ? null : J(
-    h.map(t, (n) => Array.isArray(n)),
+    m.map(t, (n) => Array.isArray(n)),
     () => He(e, t),
     () => q(e, t)
   );
@@ -3732,7 +3742,7 @@ const Wr = (e) => {
       "twitter:image:alt",
       Te(e.twitterImageAlt, e.imageAlt)
     )
-  ), e.canonical != null && h.get(e.canonical) != null && t.push(d.link(s.rel("canonical"), s.href(e.canonical))), t.push(ge("robots", e.robots)), t.push(ge("keywords", e.keywords)), t.push(ge("author", e.metaAuthor)), at("head", t.filter((n) => n != null).flat());
+  ), e.canonical != null && m.get(e.canonical) != null && t.push(d.link(s.rel("canonical"), s.href(e.canonical))), t.push(ge("robots", e.robots)), t.push(ge("keywords", e.keywords)), t.push(ge("author", e.metaAuthor)), at("head", t.filter((n) => n != null).flat());
 }, it = ({
   viewTransition: e,
   state: t,
@@ -3787,13 +3797,13 @@ function va({
     r,
     () => d.span(
       s.class(
-        C(
+        S(
           t,
           r
         )((x, v) => It(x, v))
       ),
       s.style(
-        C(a)(
+        S(a)(
           (x) => $t(x ?? "base")
         )
       ),
@@ -3810,13 +3820,13 @@ function va({
         })
       },
       s.class(
-        C(
+        S(
           t,
           r
         )((x, v) => It(x, v))
       ),
       s.style(
-        C(n)((x) => $t(x ?? "primary"))
+        S(n)((x) => $t(x ?? "primary"))
       ),
       o ? s.target(o) : null,
       f ? s.rel(f) : null,
@@ -3848,8 +3858,8 @@ function xa(e, t, n) {
           new URLSearchParams(c.search).entries()
         ).sort(), f = Array.from(a.entries()).sort();
         return o.length !== f.length ? !1 : o.every(([p, x], v) => {
-          const [b, m] = f[v];
-          return p === b && x === m;
+          const [y, h] = f[v];
+          return p === y && x === h;
         });
       } catch {
         return e.pathname === t;
@@ -3859,7 +3869,7 @@ function xa(e, t, n) {
   }
 }
 function ct(e, t) {
-  return t === "exact" ? C(e)((n) => n) : C(e)(
+  return t === "exact" ? S(e)((n) => n) : S(e)(
     (n) => (a) => xa(a, n, t)
   );
 }
@@ -3872,7 +3882,7 @@ function Yr({
   return ne(Ve, (l) => {
     const i = l.matchSignal(
       ct(e, t)
-    ), u = C(
+    ), u = S(
       i,
       n
     )((c, o) => o ?? !0 ? c : !1);
@@ -3901,15 +3911,15 @@ function qr({
   color: p = "base",
   roundedness: x = "sm",
   disabled: v = !1
-}, ...b) {
-  return u !== void 0 || c !== void 0 ? ne(Ve, (m) => {
-    const w = u !== void 0 ? m.matchSignal(ct(e, u)) : C(m.location)(() => !1), y = C(
-      w,
+}, ...y) {
+  return u !== void 0 || c !== void 0 ? ne(Ve, (h) => {
+    const b = u !== void 0 ? h.matchSignal(ct(e, u)) : S(h.location)(() => !1), w = S(
+      b,
       c
-    )((S, _) => !(_ ?? !0) || !u ? !1 : S), g = C(
+    )((k, T) => !(T ?? !0) || !u ? !1 : k), g = S(
       v,
-      y
-    )((S, _) => S || _);
+      w
+    )((k, T) => k || T);
     return Tt(
       {
         href: e,
@@ -3925,7 +3935,7 @@ function qr({
         roundedness: x,
         disabled: g
       },
-      ...b
+      ...y
     );
   }) : Tt(
     {
@@ -3942,7 +3952,7 @@ function qr({
       roundedness: x,
       disabled: v
     },
-    ...b
+    ...y
   );
 }
 function Tt({
@@ -3960,12 +3970,12 @@ function Tt({
   disabled: p = !1,
   fullWidth: x = !1,
   loading: v = !1
-}, ...b) {
+}, ...y) {
   return J(
     p ?? !1,
     () => d.span(
       s.class(
-        C(
+        S(
           c,
           f,
           v,
@@ -3973,19 +3983,19 @@ function Tt({
         )(bt)
       ),
       s.style(
-        C(
+        S(
           u,
           o,
           p
         )(
-          (m, w, y) => gt(
-            m ?? "filled",
-            w ?? "base",
-            y
+          (h, b, w) => gt(
+            h ?? "filled",
+            b ?? "base",
+            w
           )
         )
       ),
-      ...b
+      ...y
     ),
     () => rt(
       {
@@ -3998,7 +4008,7 @@ function Tt({
         })
       },
       s.class(
-        C(
+        S(
           c,
           f,
           v,
@@ -4006,21 +4016,21 @@ function Tt({
         )(bt)
       ),
       s.style(
-        C(
+        S(
           u,
           o,
           p
         )(
-          (m, w, y) => gt(
-            m ?? "filled",
-            w ?? "base",
-            y
+          (h, b, w) => gt(
+            h ?? "filled",
+            b ?? "base",
+            w
           )
         )
       ),
       l ? s.target(l) : null,
       i ? s.rel(i) : null,
-      ...b
+      ...y
     )
   );
 }
@@ -4037,7 +4047,7 @@ const ka = {
 function Zr({ backgroundMode: e = "light" }, ...t) {
   return Lt(
     ka,
-    h.map(
+    m.map(
       e,
       (n) => ({
         backgroundMode: n
@@ -4046,7 +4056,7 @@ function Zr({ backgroundMode: e = "light" }, ...t) {
     () => d.div(
       s.class("bc-sidebar"),
       s.class(
-        h.map(
+        m.map(
           e,
           (n) => n === "dark" ? "bc-sidebar--dark-bg" : ""
         )
@@ -4060,7 +4070,7 @@ function _t({ rail: e, header: t }, ...n) {
     t != null ? d.div(s.class("bc-sidebar-group__header"), t) : null,
     d.div(
       s.class(
-        h.map(
+        m.map(
           e ?? !1,
           (a) => a ? "bc-sidebar-group--rail" : ""
         )
@@ -4087,7 +4097,7 @@ function Ia(e, ...t) {
     s.type("button"),
     $.click(e.onClick),
     e.ariaExpanded != null ? B.expanded(
-      h.map(
+      m.map(
         e.ariaExpanded,
         (n) => n
       )
@@ -4138,7 +4148,7 @@ function Gr({
   header: n,
   startOpen: a = !0
 }, ...r) {
-  const l = h.deriveProp(a), i = he("sidebar-group"), u = `${i}-content`;
+  const l = m.deriveProp(a), i = he("sidebar-group"), u = `${i}-content`;
   return _t(
     {},
     s.class("bc-sidebar-group-collapsible"),
@@ -4194,7 +4204,7 @@ function Ue(e, t, n) {
   let l = 0;
   for (; l < a; ) {
     const i = t[r];
-    if (!h.get(i.disabled ?? !1))
+    if (!m.get(i.disabled ?? !1))
       return r;
     r += n, r >= a ? r = 0 : r < 0 && (r = a - 1), l++;
   }
@@ -4212,61 +4222,61 @@ function Qr(e) {
     orientation: c = "horizontal",
     showContent: o = !0,
     ariaLabel: f
-  } = e, p = he("tablist"), x = G(-1), v = C(n)((m) => t.find((w) => w.key === m)), b = (m) => {
-    if (h.get(u)) return;
-    const y = x.value, g = h.get(c) === "horizontal";
-    let S = y;
-    switch (m.key) {
+  } = e, p = he("tablist"), x = G(-1), v = S(n)((h) => t.find((b) => b.key === h)), y = (h) => {
+    if (m.get(u)) return;
+    const w = x.value, g = m.get(c) === "horizontal";
+    let k = w;
+    switch (h.key) {
       case (g ? "ArrowRight" : "ArrowDown"):
-        m.preventDefault(), S = Ue(y, t, 1);
+        h.preventDefault(), k = Ue(w, t, 1);
         break;
       case (g ? "ArrowLeft" : "ArrowUp"):
-        m.preventDefault(), S = Ue(y, t, -1);
+        h.preventDefault(), k = Ue(w, t, -1);
         break;
       case "Home":
-        m.preventDefault(), S = Ue(-1, t, 1);
+        h.preventDefault(), k = Ue(-1, t, 1);
         break;
       case "End":
-        m.preventDefault(), S = Ue(t.length, t, -1);
+        h.preventDefault(), k = Ue(t.length, t, -1);
         break;
       case "Enter":
       case " ":
-        if (m.preventDefault(), y >= 0 && y < t.length) {
-          const _ = t[y];
-          h.get(_.disabled ?? !1) || a?.(_.key);
+        if (h.preventDefault(), w >= 0 && w < t.length) {
+          const T = t[w];
+          m.get(T.disabled ?? !1) || a?.(T.key);
         }
         break;
     }
-    S !== y && S >= 0 && S < t.length && (x.set(S), setTimeout(() => {
-      const _ = document.querySelector(
-        `[data-tab-index="${S}"]`
+    k !== w && k >= 0 && k < t.length && (x.set(k), setTimeout(() => {
+      const T = document.querySelector(
+        `[data-tab-index="${k}"]`
       );
-      _ && _.focus();
+      T && T.focus();
     }, 0));
   };
   return d.div(
     Y(v, x),
     s.class(
-      C(
+      S(
         r,
         c,
         u,
         l
       )(
-        (m, w, y, g) => Ta(
-          m ?? "md",
-          w ?? "horizontal",
-          y ?? !1,
+        (h, b, w, g) => Ta(
+          h ?? "md",
+          b ?? "horizontal",
+          w ?? !1,
           g ?? "default"
         )
       )
     ),
     s.style(
-      C(
+      S(
         l,
         i
       )(
-        (m, w) => _a(m ?? "default", w ?? "primary")
+        (h, b) => _a(h ?? "default", b ?? "primary")
       )
     ),
     // Tab list
@@ -4278,19 +4288,19 @@ function Qr(e) {
         c ?? "horizontal"
       ),
       f ? B.label(f) : E(),
-      $.keydown(b),
-      ...t.map((m, w) => {
-        const y = C(n)((L) => L === m.key), g = C(
+      $.keydown(y),
+      ...t.map((h, b) => {
+        const w = S(n)((L) => L === h.key), g = S(
           u,
-          m.disabled
-        )((L, V) => L || V), S = `${p}-tab-${m.key}`, _ = `${p}-panel-${m.key}`;
+          h.disabled
+        )((L, V) => L || V), k = `${p}-tab-${h.key}`, T = `${p}-panel-${h.key}`;
         return d.button(
-          Y(y, g),
+          Y(w, g),
           s.type("button"),
           s.class(
-            C(
+            S(
               r,
-              y,
+              w,
               g
             )(
               (L, V, P) => Da(
@@ -4300,45 +4310,45 @@ function Qr(e) {
               )
             )
           ),
-          s.id(S),
+          s.id(k),
           s.role("tab"),
           s.tabindex(
-            C(
-              y,
+            S(
+              w,
               x
-            )((L, V) => L || V === w ? 0 : -1)
+            )((L, V) => L || V === b ? 0 : -1)
           ),
-          B.selected(y),
-          B.controls(_),
+          B.selected(w),
+          B.controls(T),
           B.disabled(g),
           s.disabled(g),
-          nt["tab-index"](String(w)),
-          m.ariaLabel ? B.label(m.ariaLabel) : E(),
+          nt["tab-index"](String(b)),
+          h.ariaLabel ? B.label(h.ariaLabel) : E(),
           $.click((L) => {
-            L.preventDefault(), h.get(m.disabled ?? !1) || h.get(u) || (a?.(m.key), x.set(w));
+            L.preventDefault(), m.get(h.disabled ?? !1) || m.get(u) || (a?.(h.key), x.set(b));
           }),
           $.focus(() => {
-            x.set(w);
+            x.set(b);
           }),
-          m.label
+          h.label
         );
       })
     ),
     // Panel
     J(
       o ?? !0,
-      () => Ye(v, (m) => {
-        const w = m.$.key, y = w.map((S) => `${p}-tab-${S}`), g = w.map((S) => `${p}-panel-${S}`);
+      () => Ye(v, (h) => {
+        const b = h.$.key, w = b.map((k) => `${p}-tab-${k}`), g = b.map((k) => `${p}-panel-${k}`);
         return d.div(
-          Y(w),
+          Y(b),
           s.class("bc-tabs__panels"),
           d.div(
             s.class("bc-tabs__panel"),
             s.id(g),
             s.role("tabpanel"),
             s.tabindex(0),
-            B.labelledby(y),
-            At(m, (S) => S.content())
+            B.labelledby(w),
+            At(h, (k) => k.content())
           )
         );
       })
@@ -4357,20 +4367,20 @@ function Xr(e) {
         showCloseButton: p = !0,
         onClose: x,
         overlayEffect: v = "opaque",
-        container: b = "body",
-        header: m,
-        body: w,
-        footer: y
+        container: y = "body",
+        header: h,
+        body: b,
+        footer: w
       } = u;
       a = n;
       const g = G("capturing");
-      h.on(f, (L) => {
+      m.on(f, (L) => {
         g.set(L ? "capturing" : "non-capturing");
       });
-      const S = C(
-        m != null,
+      const k = S(
+        h != null,
         p
-      )((L, V) => L || V), _ = ae((L) => {
+      )((L, V) => L || V), T = ae((L) => {
         const V = Me({
           initialStatus: "closed",
           element: L
@@ -4380,16 +4390,16 @@ function Xr(e) {
         }), a = () => {
           V.close();
         }, We(() => V.open());
-        const I = he("drawer"), M = m != null ? `${I}-header` : void 0, F = `${I}-body`;
+        const I = he("drawer"), M = h != null ? `${I}-header` : void 0, F = `${I}-body`;
         return d.div(
           Y(V),
           s.class(
-            C(
+            S(
               c,
               o,
               V.status
             )(
-              (O, H, oe) => `bc-drawer bc-drawer--size-${O} bc-drawer--container-${b} bc-drawer--side-${H} bc-drawer--status-${oe}`
+              (O, H, oe) => `bc-drawer bc-drawer--size-${O} bc-drawer--container-${y} bc-drawer--side-${H} bc-drawer--status-${oe}`
             )
           ),
           // Essential ARIA attributes for drawer dialog
@@ -4414,10 +4424,10 @@ function Xr(e) {
           $.mousedown((O) => O.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
-          At(S, (O) => kt(O ? {
+          At(k, (O) => kt(O ? {
             header: d.div(
               s.class("bc-drawer__header"),
-              d.div(s.id(M), m),
+              d.div(s.id(M), h),
               J(
                 p,
                 () => ne(
@@ -4433,24 +4443,24 @@ function Xr(e) {
             body: d.div(
               s.class("bc-drawer__body"),
               s.id(F),
-              w
+              b
             ),
-            footer: y && d.div(s.class("bc-drawer__footer"), y)
+            footer: w && d.div(s.class("bc-drawer__footer"), w)
           } : {
             body: d.div(
               s.class("bc-drawer__body"),
               s.id(F),
-              w
+              b
             ),
-            footer: y && d.div(s.class("bc-drawer__footer"), y)
+            footer: w && d.div(s.class("bc-drawer__footer"), w)
           }))
         );
       });
       t({
         mode: g,
         effect: v ?? "opaque",
-        container: b,
-        content: E(Y(g, S), _),
+        container: y,
+        content: E(Y(g, k), T),
         onClickOutside: () => {
           x?.(), r();
         },
@@ -4513,7 +4523,7 @@ function Jr(e) {
         return E(
           s.class("bc-tooltip__arrow"),
           s.class(f.map((p) => `bc-tooltip__arrow-${p}`)),
-          k.transform(
+          C.transform(
             o.map(({ x: p, y: x }) => p == null && x == null ? "" : p != null ? `translate(${p}px, 0)` : `translate(0, ${x}px)`)
           ),
           Pa(f)
@@ -4552,7 +4562,7 @@ function es({
     s.class("bc-ribbon"),
     // Theme styles via CSS variables
     s.style(
-      C(
+      S(
         e,
         n,
         a,
@@ -4582,22 +4592,22 @@ function ts(e, t) {
       const v = G(
         typeof n != "boolean" || n ? "capturing" : "non-capturing"
       );
-      let b = typeof n == "boolean" ? n : !0;
-      h.on(n, (w) => {
-        b = w, v.set(w ? "capturing" : "non-capturing");
+      let y = typeof n == "boolean" ? n : !0;
+      m.on(n, (b) => {
+        y = b, v.set(b ? "capturing" : "non-capturing");
       });
-      const m = d.div(
+      const h = d.div(
         s.class("bc-lightbox"),
         // Close button (top-end)
         J(
           a,
           () => ne(
             fe,
-            (w) => d.div(
+            (b) => d.div(
               s.class("bc-lightbox__close"),
               qe({
                 size: "md",
-                label: w.$.closeModal,
+                label: b.$.closeModal,
                 onClick: () => {
                   o(), c();
                 }
@@ -4611,8 +4621,8 @@ function ts(e, t) {
           s.class("bc-lightbox__viewport"),
           // Visual padding applied here
           s.style(
-            C(i)(
-              (w) => `padding:${typeof w == "number" ? w + "px" : w}`
+            S(i)(
+              (b) => `padding:${typeof b == "number" ? b + "px" : b}`
             )
           ),
           // Content wrapper capped by viewport; overflow is clipped
@@ -4623,12 +4633,12 @@ function ts(e, t) {
         mode: v,
         effect: r ?? "opaque",
         container: l,
-        content: E(Y(v), m),
+        content: E(Y(v), h),
         onClickOutside: () => {
-          b && (o(), c());
+          y && (o(), c());
         },
         onEscape: () => {
-          b && (o(), c());
+          y && (o(), c());
         }
       });
     }, () => {
@@ -4665,13 +4675,13 @@ function ns(e) {
     height: p,
     progressInterval: x = 1e3,
     seekTo: v,
-    config: b,
-    onReady: m,
-    onStart: w,
-    onPlay: y,
+    config: y,
+    onReady: h,
+    onStart: b,
+    onPlay: w,
     onPause: g,
-    onBuffer: S,
-    onBufferEnd: _,
+    onBuffer: k,
+    onBufferEnd: T,
     onEnded: L,
     onError: V,
     onDuration: P,
@@ -4680,12 +4690,12 @@ function ns(e) {
     onPlaybackRateChange: F,
     onPlaybackQualityChange: O
   } = e;
-  function H(T) {
-    return /\.m3u8(\?|$)/i.test(T);
+  function H(_) {
+    return /\.m3u8(\?|$)/i.test(_);
   }
-  function oe(T) {
+  function oe(_) {
     try {
-      const A = T.canPlayType("application/vnd.apple.mpegurl");
+      const A = _.canPlayType("application/vnd.apple.mpegurl");
       return A === "probably" || A === "maybe";
     } catch {
       return !1;
@@ -4702,22 +4712,22 @@ function ns(e) {
   }
   const ue = [];
   ue.push(
-    h.on(t, (T) => {
-      typeof T == "string" && T.length > 0 && Aa(T) ? Q.value = "youtube" : (Q.value = "file", U && Oe());
+    m.on(t, (_) => {
+      typeof _ == "string" && _.length > 0 && Aa(_) ? Q.value = "youtube" : (Q.value = "file", U && Oe());
     })
   );
   async function Oe() {
-    const T = U;
-    if (!T) return;
-    const A = h.get(t);
+    const _ = U;
+    if (!_) return;
+    const A = m.get(t);
     if (typeof A != "string" || A.length === 0) return;
     Ne();
-    const j = b?.file?.forceHLS ?? !1;
+    const j = y?.file?.forceHLS ?? !1;
     if (H(A) || j) {
-      if (oe(T)) {
-        T.setAttribute("src", A);
+      if (oe(_)) {
+        _.setAttribute("src", A);
         try {
-          T.load();
+          _.load();
         } catch {
         }
         return;
@@ -4731,45 +4741,45 @@ function ns(e) {
         if (typeof $e == "function") {
           const De = $e;
           if (typeof De.isSupported == "function" && De.isSupported()) {
-            T.removeAttribute("src");
+            _.removeAttribute("src");
             try {
-              T.load();
+              _.load();
             } catch {
             }
-            const Ke = new De(b?.hls);
-            pe = Ke, Ke.attachMedia(T), Ke.loadSource(A);
+            const Ke = new De(y?.hls);
+            pe = Ke, Ke.attachMedia(_), Ke.loadSource(A);
           } else {
-            T.setAttribute("src", A);
+            _.setAttribute("src", A);
             try {
-              T.load();
+              _.load();
             } catch {
             }
           }
         } else {
-          T.setAttribute("src", A);
+          _.setAttribute("src", A);
           try {
-            T.load();
+            _.load();
           } catch {
           }
         }
       } catch (Z) {
-        V?.(Z), T.setAttribute("src", A);
+        V?.(Z), _.setAttribute("src", A);
         try {
-          T.load();
+          _.load();
         } catch {
         }
       }
       return;
     }
-    T.setAttribute("src", A);
+    _.setAttribute("src", A);
     try {
-      T.load();
+      _.load();
     } catch {
     }
   }
   function Re() {
     X?.();
-    const T = h.get(x) ?? 1e3;
+    const _ = m.get(x) ?? 1e3;
     X = vt(() => {
       const A = U;
       if (!A) return;
@@ -4780,23 +4790,23 @@ function ns(e) {
         loaded: j > 0 ? Math.min(Be, j) / j : 0,
         loadedSeconds: Math.min(Be, j)
       });
-    }, T);
+    }, _);
   }
-  function ke(T) {
-    if (T != null)
-      return typeof T == "number" ? `${T}px` : T;
+  function ke(_) {
+    if (_ != null)
+      return typeof _ == "number" ? `${_}px` : _;
   }
   const Ae = d.video(
-    ae((T) => {
-      U = T, m?.();
+    ae((_) => {
+      U = _, h?.();
       try {
-        U.playbackRate = h.get(u) ?? 1;
+        U.playbackRate = m.get(u) ?? 1;
       } catch {
       }
-      U.muted = !!(h.get(i) ?? !1), U.loop = !!(h.get(a) ?? !1), U.controls = !!(h.get(r) ?? !1), U.playsInline != null && (!!(h.get(o) ?? !0) ? U.setAttribute("playsinline", "") : U.removeAttribute("playsinline")), h.get(n) && (U.play?.().catch(() => {
-      }), w?.());
+      U.muted = !!(m.get(i) ?? !1), U.loop = !!(m.get(a) ?? !1), U.controls = !!(m.get(r) ?? !1), U.playsInline != null && (!!(m.get(o) ?? !0) ? U.setAttribute("playsinline", "") : U.removeAttribute("playsinline")), m.get(n) && (U.play?.().catch(() => {
+      }), b?.());
       try {
-        const A = !!(h.get(c) ?? !1), j = document, Z = U;
+        const A = !!(m.get(c) ?? !1), j = document, Z = U;
         A ? typeof Z.requestPictureInPicture == "function" && j.pictureInPictureElement !== U && Z.requestPictureInPicture().catch(() => {
         }) : j.pictureInPictureElement === U && typeof j.exitPictureInPicture == "function" && j.exitPictureInPicture().catch(() => {
         });
@@ -4805,33 +4815,33 @@ function ns(e) {
       Re(), Oe();
     }),
     // size
-    k.width(
-      h.map(f, ke)
+    C.width(
+      m.map(f, ke)
     ),
-    k.height(
-      h.map(p, ke)
+    C.height(
+      m.map(p, ke)
     ),
     // Events
-    $.play(() => y?.()),
+    $.play(() => w?.()),
     $.playing(() => {
-      w?.(), _?.();
+      b?.(), T?.();
     }),
     $.pause(() => g?.()),
-    $.waiting(() => S?.()),
+    $.waiting(() => k?.()),
     $.canplay(() => {
-      const T = U?.duration;
-      T != null && Number.isFinite(T) && P?.(T);
+      const _ = U?.duration;
+      _ != null && Number.isFinite(_) && P?.(_);
     }),
     $.ended(() => L?.()),
-    $.error((T) => {
-      pe || V?.(T);
+    $.error((_) => {
+      pe || V?.(_);
     })
   );
   let Ce = null, z = null, Se = null;
   function Ie() {
-    const T = h.get(t);
-    !Ce || typeof T != "string" || Ba().then((A) => {
-      const j = rn(T);
+    const _ = m.get(t);
+    !Ce || typeof _ != "string" || Ba().then((A) => {
+      const j = rn(_);
       if (j) {
         if (z) {
           z.loadVideoById({ videoId: j });
@@ -4842,18 +4852,18 @@ function ns(e) {
           playerVars: Va(e),
           events: {
             onReady: () => {
-              m?.(), D(), h.get(n) && w?.(), Ge();
+              h?.(), D(), m.get(n) && b?.(), Ge();
             },
             onStateChange: (Z) => {
               switch (Z.data) {
                 case A.PlayerState.PLAYING:
-                  y?.(), _?.();
+                  w?.(), T?.();
                   break;
                 case A.PlayerState.PAUSED:
                   g?.();
                   break;
                 case A.PlayerState.BUFFERING:
-                  S?.();
+                  k?.();
                   break;
                 case A.PlayerState.ENDED:
                   L?.();
@@ -4870,7 +4880,7 @@ function ns(e) {
   }
   function Ge() {
     Se?.();
-    const T = h.get(x) ?? 1e3;
+    const _ = m.get(x) ?? 1e3;
     Se = vt(() => {
       if (!z) return;
       const A = z.getDuration?.() ?? 0, j = z.getCurrentTime?.() ?? 0, Z = z.getVideoLoadedFraction?.() ?? 0;
@@ -4880,101 +4890,101 @@ function ns(e) {
         loaded: Z,
         loadedSeconds: Z * A
       });
-    }, T);
+    }, _);
   }
   function D() {
     if (!z) return;
     try {
-      const j = h.get(u) ?? 1;
+      const j = m.get(u) ?? 1;
       z.setPlaybackRate?.(j);
     } catch {
     }
     try {
       const j = Math.round(
-        Math.min(Math.max(h.get(l) ?? 1, 0), 1) * 100
+        Math.min(Math.max(m.get(l) ?? 1, 0), 1) * 100
       );
       z.setVolume?.(j);
     } catch {
     }
     try {
-      h.get(i) ?? !1 ? z.mute?.() : z.unMute?.();
+      m.get(i) ?? !1 ? z.mute?.() : z.unMute?.();
     } catch {
     }
-    h.get(n) ?? !1 ? z.playVideo?.() : z.pauseVideo?.();
-    const A = h.get(v);
+    m.get(n) ?? !1 ? z.playVideo?.() : z.pauseVideo?.();
+    const A = m.get(v);
     typeof A == "number" && Number.isFinite(A) && (z.seekTo?.(A, !0), I?.(A));
   }
   const N = d.div(
-    ae((T) => {
-      Ce = T, Ie(), m?.();
+    ae((_) => {
+      Ce = _, Ie(), h?.();
     })
   );
   ue.push(
-    h.on(t, () => {
+    m.on(t, () => {
       Q.value === "youtube" && Ie();
     })
   ), ue.push(
-    h.on(n, () => {
-      Q.value === "file" && U ? h.get(n) ? U.play?.().catch(() => {
-      }) : U.pause?.() : Q.value === "youtube" && z && (h.get(n) ? z.playVideo?.() : z.pauseVideo?.());
+    m.on(n, () => {
+      Q.value === "file" && U ? m.get(n) ? U.play?.().catch(() => {
+      }) : U.pause?.() : Q.value === "youtube" && z && (m.get(n) ? z.playVideo?.() : z.pauseVideo?.());
     })
   ), ue.push(
-    h.on(l, () => {
+    m.on(l, () => {
       if (Q.value === "file" && U)
-        U.volume = Math.min(Math.max(h.get(l) ?? 1, 0), 1);
+        U.volume = Math.min(Math.max(m.get(l) ?? 1, 0), 1);
       else if (Q.value === "youtube" && z) {
-        const T = Math.round(
-          Math.min(Math.max(h.get(l) ?? 1, 0), 1) * 100
+        const _ = Math.round(
+          Math.min(Math.max(m.get(l) ?? 1, 0), 1) * 100
         );
-        z.setVolume?.(T);
+        z.setVolume?.(_);
       }
     })
   ), ue.push(
-    h.on(i, () => {
-      Q.value === "file" && U ? U.muted = !!h.get(i) : Q.value === "youtube" && z && (h.get(i) ? z.mute?.() : z.unMute?.());
+    m.on(i, () => {
+      Q.value === "file" && U ? U.muted = !!m.get(i) : Q.value === "youtube" && z && (m.get(i) ? z.mute?.() : z.unMute?.());
     })
   ), ue.push(
-    h.on(u, () => {
+    m.on(u, () => {
       if (Q.value === "file" && U)
         try {
-          U.playbackRate = h.get(u) ?? 1;
+          U.playbackRate = m.get(u) ?? 1;
         } catch {
         }
-      else Q.value === "youtube" && z && z.setPlaybackRate?.(h.get(u) ?? 1);
+      else Q.value === "youtube" && z && z.setPlaybackRate?.(m.get(u) ?? 1);
     })
   ), ue.push(
-    h.on(c, async () => {
+    m.on(c, async () => {
       if (!(Q.value !== "file" || !U))
         try {
-          const T = !!(h.get(c) ?? !1), A = document, j = U;
-          T ? typeof j.requestPictureInPicture == "function" && A.pictureInPictureElement !== U && await j.requestPictureInPicture()?.catch(() => {
+          const _ = !!(m.get(c) ?? !1), A = document, j = U;
+          _ ? typeof j.requestPictureInPicture == "function" && A.pictureInPictureElement !== U && await j.requestPictureInPicture()?.catch(() => {
           }) : A.pictureInPictureElement === U && typeof A.exitPictureInPicture == "function" && await A.exitPictureInPicture()?.catch(() => {
           });
         } catch {
         }
     })
   ), ue.push(
-    h.on(v ?? null, () => {
-      const T = h.get(v);
-      if (T != null)
+    m.on(v ?? null, () => {
+      const _ = m.get(v);
+      if (_ != null)
         if (Q.value === "file" && U)
           try {
-            U.currentTime = T, I?.(T);
+            U.currentTime = _, I?.(_);
           } catch {
           }
-        else Q.value === "youtube" && z && (z.seekTo?.(T, !0), I?.(T));
+        else Q.value === "youtube" && z && (z.seekTo?.(_, !0), I?.(_));
     })
   );
   const K = d.div(
     s.class("bc-base-video"),
-    k.width(
-      h.map(f, ke)
+    C.width(
+      m.map(f, ke)
     ),
-    k.height(
-      h.map(p, ke)
+    C.height(
+      m.map(p, ke)
     ),
     J(
-      h.map(Q, (T) => T === "youtube"),
+      m.map(Q, (_) => _ === "youtube"),
       () => N,
       () => Ae
     )
@@ -4991,12 +5001,12 @@ function rn(e) {
 }
 function Va(e) {
   const t = {
-    autoplay: h.get(e.playing) ?? !1 ? 1 : 0,
-    controls: h.get(e.controls) ?? !1 ? 1 : 0,
+    autoplay: m.get(e.playing) ?? !1 ? 1 : 0,
+    controls: m.get(e.controls) ?? !1 ? 1 : 0,
     rel: 0,
-    playsinline: h.get(e.playsinline) ?? !0 ? 1 : 0,
+    playsinline: m.get(e.playsinline) ?? !0 ? 1 : 0,
     modestbranding: 1
-  }, n = h.get(e.loop) ?? !1, a = h.get(e.url), r = typeof a == "string" ? rn(a) : null;
+  }, n = m.get(e.loop) ?? !1, a = m.get(e.url), r = typeof a == "string" ? rn(a) : null;
   return n && r && (t.loop = 1, t.playlist = r), t;
 }
 export {