@tempots/beatui 0.50.3 → 0.51.0

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 f, 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 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 { 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";
@@ -115,24 +115,24 @@ function qa({
   circle: r = !1,
   fullWidth: l = !1
 }, ...i) {
-  return d.span(
+  return f.span(
     s.class(
-      C(
+      S(
         t,
         a,
         r,
         l
       )(
-        (u, c, o, f) => Pn(
+        (u, c, o, p) => Pn(
           u ?? "md",
           c ?? "sm",
           o ?? !1,
-          f ?? !1
+          p ?? !1
         )
       )
     ),
     s.style(
-      C(
+      S(
         e,
         n
       )(
@@ -142,47 +142,49 @@ function qa({
         )
       )
     ),
-    d.span(s.class("bc-badge__content"), ...i)
+    f.span(s.class("bc-badge__content"), ...i)
   );
 }
 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 = (d) => d.dataTransfer?.types.includes("Files") ?? !1, o = (d, y) => y === "*/*" ? !0 : y.split(",").map((b) => b.trim()).some((b) => {
+    if (b === "*/*") return !0;
+    if (b.endsWith("/*")) {
+      const C = b.slice(0, -2);
+      return d.type.startsWith(C + "/");
     }
-    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"));
-  }, p = (b) => {
-    h.get(a) || u(b) && (b.preventDefault(), b.stopPropagation(), i--, i === 0 && (r.value = !1));
-  }, 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)
+    return d.type === b || d.name.endsWith(b);
+  }), p = (d) => {
+    m.get(r) || c(d) && (d.preventDefault(), d.stopPropagation(), u++, u === 1 && (l.value = !0));
+  }, g = (d) => {
+    m.get(r) || c(d) && (d.preventDefault(), d.stopPropagation(), d.dataTransfer != null && (d.dataTransfer.dropEffect = "copy"));
+  }, x = (d) => {
+    m.get(r) || c(d) && (d.preventDefault(), d.stopPropagation(), u--, u === 0 && (l.value = !1));
+  }, h = (d) => {
+    if (m.get(r) || !c(d)) return;
+    d.preventDefault(), d.stopPropagation(), u = 0, l.value = !1;
+    const y = Array.from(d.dataTransfer?.files ?? []);
+    if (y.length > 0) {
+      const w = m.get(t), b = y.filter(
+        (C) => o(C, w)
       );
-      y.length > 0 && (l.value = y, e(y));
+      b.length > 0 && (i.value = b, e(b));
     }
   };
-  return typeof document < "u" && (document.addEventListener("dragenter", o), document.addEventListener("dragover", f), document.addEventListener("dragleave", p), document.addEventListener("drop", x)), E(
+  return typeof document < "u" && (document.addEventListener("dragenter", p), document.addEventListener("dragover", g), document.addEventListener("dragleave", x), document.addEventListener("drop", h)), 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.removeEventListener("dragenter", p), document.removeEventListener("dragover", g), document.removeEventListener("dragleave", x), document.removeEventListener("drop", h)), u = 0;
+    }, 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 }) : null
   );
 }
 function An(e, t, n, a, r, l) {
@@ -204,7 +206,7 @@ function Ga({
   withRowBorders: u = !0,
   borderRadius: c
 } = {}, ...o) {
-  const f = C(
+  const p = S(
     e,
     t,
     n,
@@ -212,29 +214,29 @@ function Ga({
     i,
     u
   )(
-    (v, b, m, w, y, g) => An(
-      v ?? "md",
-      b ?? !1,
-      m ?? !1,
-      w ?? !1,
+    (h, v, d, y, w, b) => An(
+      h ?? "md",
+      v ?? !1,
+      d ?? !1,
       y ?? !1,
-      g ?? !0
+      w ?? !1,
+      b ?? !0
     )
-  ), p = C(
+  ), g = 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) => Bn(v)
+  )((h, v, d) => {
+    const y = ["bc-table-container"];
+    return h && y.push("bc-table-container--sticky"), v && y.push("bc-table-container--full-width"), d && y.push("bc-table-container--with-table-border"), y.join(" ");
+  }), x = S(c)(
+    (h) => Bn(h)
   );
-  return d.div(
-    Y(f, p, x),
-    s.class(p),
+  return f.div(
+    Y(p, g, x),
+    s.class(g),
     s.style(x),
-    d.table(s.class(f), ...o)
+    f.table(s.class(p), ...o)
   );
 }
 function Vn(e, t) {
@@ -261,21 +263,21 @@ const jt = ({
   size: a = "md",
   class: r,
   disabled: l
-}) => d.span(
+}) => f.span(
   s.class(
-    C(
+    S(
       a ?? "md",
       l ?? !1
     )((i, u) => Vn(i, u))
   ),
   s.style(
-    C(t)(
+    S(t)(
       (i) => Mn(i ?? "base")
     )
   ),
   // Allow external classes like bc-tag--disabled to be applied
   s.class(r),
-  d.span(e),
+  f.span(e),
   n != null ? ne(
     fe,
     (i) => qe(
@@ -284,7 +286,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")
     )
@@ -300,15 +302,15 @@ function En({
     value: e,
     disabled: n,
     options: {
-      system: d.span(
+      system: f.span(
         s.title("System"),
         ee({ icon: "line-md:laptop", color: "gray" })
       ),
-      light: d.span(
+      light: f.span(
         s.title("Light"),
         ee({ icon: "line-md:sunny-twotone-loop", color: "yellow" })
       ),
-      dark: d.span(
+      dark: f.span(
         s.title("Dark"),
         ee({
           icon: "line-md:sunny-outline-to-moon-alt-loop-transition",
@@ -334,9 +336,9 @@ function Nn({
   onInput: n
 }) {
   let a = null;
-  return d.div(
+  return f.div(
     s.class("bc-color-input__swatch-container"),
-    d.span(
+    f.span(
       s.class("bc-color-input__swatch"),
       $.click(() => a?.showPicker()),
       se.color(
@@ -347,7 +349,7 @@ function Nn({
         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}`))
     )
   );
 }
@@ -383,50 +385,50 @@ function Ze(e) {
     showOn: u = "hover-focus",
     closable: c = !0,
     arrow: o,
-    role: f,
-    hasPopup: p = "dialog"
+    role: p,
+    hasPopup: g = "dialog"
   } = e;
-  return bn((x, v) => {
-    const b = Me({
+  return bn((x, h) => {
+    const v = Me({
       initialStatus: "closed"
-    }), m = he("flyout"), w = G(!1);
-    let y = null, g = null, S = !1;
+    }), d = he("flyout"), y = G(!1);
+    let w = null, b = null, C = !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;
+      V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), b && (b(), b = null), w && (document.removeEventListener("keydown", w), w = null), y.set(!1), C = !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)), C = !0, y.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;
+          v.setElement(F), b = We(() => {
+            v.open(), b = 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(), y.set(!1));
           };
           return document.addEventListener("keydown", O, !0), E(
             Y(() => {
               _(), document.removeEventListener("keydown", O, !0);
             }),
             s.class("bc-flyout-container"),
-            s.id(m),
+            s.id(d),
             s.tabindex(-1),
             // Make focusable for screen readers
-            d.div(
+            f.div(
               s.class("bc-flyout"),
               tt({
-                animation: h.map(n, On),
-                status: b.status
+                animation: m.map(n, On),
+                status: v.status
               }),
-              f ? s.role(f) : s.role("dialog"),
+              p ? s.role(p) : s.role("dialog"),
               // Default to dialog role
               t()
             )
@@ -436,40 +438,40 @@ 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), v.isOpened.value || v.isOpening.value || v.isStartOpening.value)
         return;
-      if (b.isClosing.value || b.isStartClosing.value) {
-        b.open();
+      if (v.isClosing.value || v.isStartClosing.value) {
+        v.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), y.set(!1), b && (b(), b = null, C)) {
+        h(), _();
         return;
       }
-      const F = h.get(r);
+      const F = m.get(r);
       I = setTimeout(() => {
-        I = null, b.close(), b.listenOnClosed(() => {
-          v(), _();
+        I = null, v.close(), v.listenOnClosed(() => {
+          h(), _();
         });
       }, F);
     }
     return ae((F) => {
       const O = () => {
-        P(), w.set(!0);
+        P(), y.set(!0);
       }, H = () => {
-        M(), w.set(!1);
+        M(), y.set(!1);
       }, oe = E(
-        B.expanded(w),
-        B.controls(m),
+        B.expanded(y),
+        B.controls(d),
         B.haspopup(
-          p
+          g
         )
       );
       if (typeof u == "function")
@@ -480,7 +482,7 @@ function Ze(e) {
       const Q = u;
       return E(
         oe,
-        Y(w, b),
+        Y(y, v),
         sn(Q, {
           "hover-focus": () => E(
             $.mouseenter(() => O()),
@@ -540,38 +542,38 @@ function Xa({
   iconColor: u = "primary",
   iconSize: c = "md",
   backgroundColor: o,
-  borderColor: f,
-  titleColor: p,
+  borderColor: p,
+  titleColor: g,
   descriptionColor: x
 }) {
-  const v = l != null;
-  return d.div(
+  const h = l != null;
+  return f.div(
     s.class(
-      C(
+      S(
         a,
         r,
         i
       )(
-        (b, m, w) => Rn(
-          b ?? !1,
-          m ?? !1,
-          w ?? "md",
-          v
+        (v, d, y) => Rn(
+          v ?? !1,
+          d ?? !1,
+          y ?? "md",
+          h
         )
       )
     ),
     s.style(
-      C(
+      S(
         o,
-        f,
         p,
+        g,
         x
       )(
-        (b, m, w, y) => Fn(b, m, w, y)
+        (v, d, y, w) => Fn(v, d, y, w)
       )
     ),
     J(
-      v,
+      h,
       () => E(
         ln(
           r,
@@ -585,15 +587,15 @@ function Xa({
     ),
     B.disabled(r),
     // Icon container
-    d.div(
+    f.div(
       s.class("bc-action-card__icon"),
       ee({ icon: e, size: c, color: u })
     ),
     // Content container
-    d.div(
+    f.div(
       s.class("bc-action-card__content"),
-      d.div(s.class("bc-action-card__title"), t),
-      d.div(s.class("bc-action-card__description"), n)
+      f.div(s.class("bc-action-card__title"), t),
+      f.div(s.class("bc-action-card__description"), n)
     )
   );
 }
@@ -635,14 +637,14 @@ function Ht(e, { breakpoints: t, mode: n = "viewport" }) {
     ([i, u]) => [u, i]
   )].sort((i, u) => i[0] - u[0]), l = (i) => {
     const u = i.map(({ width: o }) => {
-      const f = r.findIndex((p) => p[0] > o) - 1;
-      return f >= 0 ? { width: o, breakpoint: r[f][1] } : r.length > 0 && o >= r[0][0] ? { width: o, breakpoint: r[0][1] } : { width: o, breakpoint: r[0][1] };
+      const p = r.findIndex((g) => g[0] > o) - 1;
+      return p >= 0 ? { width: o, breakpoint: r[p][1] } : r.length > 0 && o >= r[0][0] ? { width: o, breakpoint: r[0][1] } : { width: o, breakpoint: r[0][1] };
     });
     return e({
       value: u,
       breakpoints: t,
       asList: r,
-      is: (o, f) => Hn(r, o, f)
+      is: (o, p) => Hn(r, o, p)
     });
   };
   return n === "element" ? Ee(l) : gn(l);
@@ -694,9 +696,9 @@ 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(
@@ -806,15 +808,15 @@ function Yn({
       [null],
       [null]
     ];
-    const f = [];
-    f.push("1fr");
     const p = [];
-    return a.banner && (p.push(a.banner[c] + "px"), o[0][1] = "banner"), (a.header || n.menu || n.aside) && (p.push(
+    p.push("1fr");
+    const g = [];
+    return a.banner && (g.push(a.banner[c] + "px"), o[0][1] = "banner"), (a.header || n.menu || n.aside) && (g.push(
       (a.header?.[c] ?? me.header[c]) + "px"
-    ), o[1][1] = "header"), a.mainHeader && (p.push(a.mainHeader[c] + "px"), o[2][1] = "mainHeader"), p.push("1fr"), o[3][1] = "main", a.mainFooter && (p.push(a.mainFooter[c] + "px"), o[4][1] = "mainFooter"), a.footer && (p.push(a.footer[c] + "px"), o[5][1] = "footer"), o = Je(o), {
-      columns: f.join(" "),
-      rows: p.join(" "),
-      areas: o.map((v) => `"${v.join(" ")}"`).join(`
+    ), o[1][1] = "header"), a.mainHeader && (g.push(a.mainHeader[c] + "px"), o[2][1] = "mainHeader"), g.push("1fr"), o[3][1] = "main", a.mainFooter && (g.push(a.mainFooter[c] + "px"), o[4][1] = "mainFooter"), a.footer && (g.push(a.footer[c] + "px"), o[5][1] = "footer"), o = Je(o), {
+      columns: p.join(" "),
+      rows: g.join(" "),
+      areas: o.map((h) => `"${h.join(" ")}"`).join(`
 `),
       displayMenu: !1,
       displayAside: !1,
@@ -831,15 +833,15 @@ function Yn({
       [null, null],
       [null, null]
     ];
-    const f = [];
-    n.menu && (f.push(n.menu[c] + "px"), o[2][0] = "?menu", o[3][0] = "menu", o[4][0] = "?menu"), f.push("1fr");
     const p = [];
-    return a.banner && (p.push(a.banner[c] + "px"), o[0][0] = "?banner", o[0][1] = "banner"), (a.header || n.aside) && (p.push(
+    n.menu && (p.push(n.menu[c] + "px"), o[2][0] = "?menu", o[3][0] = "menu", o[4][0] = "?menu"), p.push("1fr");
+    const g = [];
+    return a.banner && (g.push(a.banner[c] + "px"), o[0][0] = "?banner", o[0][1] = "banner"), (a.header || n.aside) && (g.push(
       (a.header?.[c] ?? me.header[c]) + "px"
-    ), o[1][0] = "?header", o[1][1] = "header"), a.mainHeader && (p.push(a.mainHeader[c] + "px"), o[2][1] = "mainHeader"), p.push("1fr"), o[3][1] = "main", a.mainFooter && (p.push(a.mainFooter[c] + "px"), o[4][1] = "mainFooter"), a.footer && (p.push(a.footer[c] + "px"), o[5][0] = "?footer", o[5][1] = "footer"), o = Je(o), {
-      columns: f.join(" "),
-      rows: p.join(" "),
-      areas: o.map((v) => `"${v.join(" ")}"`).join(`
+    ), o[1][0] = "?header", o[1][1] = "header"), a.mainHeader && (g.push(a.mainHeader[c] + "px"), o[2][1] = "mainHeader"), g.push("1fr"), o[3][1] = "main", a.mainFooter && (g.push(a.mainFooter[c] + "px"), o[4][1] = "mainFooter"), a.footer && (g.push(a.footer[c] + "px"), o[5][0] = "?footer", o[5][1] = "footer"), o = Je(o), {
+      columns: p.join(" "),
+      rows: g.join(" "),
+      areas: o.map((h) => `"${h.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !1,
@@ -856,13 +858,13 @@ function Yn({
       [null, null, null],
       [null, null, null]
     ];
-    const f = [];
-    n.menu && (f.push(n.menu[c] + "px"), o[2][0] = "?menu", o[3][0] = "menu", o[4][0] = "?menu"), f.push("1fr"), n.aside && (f.push(n.aside[c] + "px"), o[2][2] = "?aside", o[3][2] = "aside", o[4][2] = "?aside");
     const p = [];
-    return a.banner && (p.push(a.banner[c] + "px"), o[0][0] = "?banner", o[0][1] = "banner", o[0][2] = "?banner"), a.header && (p.push(a.header[c] + "px"), o[1][0] = "?header", o[1][1] = "header", o[1][2] = "?header"), a.mainHeader && (p.push(a.mainHeader[c] + "px"), o[2][1] = "mainHeader"), p.push("1fr"), o[3][1] = "main", a.mainFooter && (p.push(a.mainFooter[c] + "px"), o[4][1] = "mainFooter"), a.footer && (p.push(a.footer[c] + "px"), o[5][0] = "?footer", o[5][1] = "footer", o[5][2] = "?footer"), o = Je(o), {
-      columns: f.join(" "),
-      rows: p.join(" "),
-      areas: o.map((v) => `"${v.join(" ")}"`).join(`
+    n.menu && (p.push(n.menu[c] + "px"), o[2][0] = "?menu", o[3][0] = "menu", o[4][0] = "?menu"), p.push("1fr"), n.aside && (p.push(n.aside[c] + "px"), o[2][2] = "?aside", o[3][2] = "aside", o[4][2] = "?aside");
+    const g = [];
+    return a.banner && (g.push(a.banner[c] + "px"), o[0][0] = "?banner", o[0][1] = "banner", o[0][2] = "?banner"), a.header && (g.push(a.header[c] + "px"), o[1][0] = "?header", o[1][1] = "header", o[1][2] = "?header"), a.mainHeader && (g.push(a.mainHeader[c] + "px"), o[2][1] = "mainHeader"), g.push("1fr"), o[3][1] = "main", a.mainFooter && (g.push(a.mainFooter[c] + "px"), o[4][1] = "mainFooter"), a.footer && (g.push(a.footer[c] + "px"), o[5][0] = "?footer", o[5][1] = "footer", o[5][2] = "?footer"), o = Je(o), {
+      columns: p.join(" "),
+      rows: g.join(" "),
+      areas: o.map((h) => `"${h.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !0,
@@ -917,23 +919,23 @@ 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), p = r.header != null || a.menu != null || a.aside != null, g = S(
         a.aside != null,
         o
-      )((g, { displayAside: S }) => g && !S), x = C(
+      )((b, { displayAside: C }) => b && !C), x = S(
         a.menu != null,
         o
-      )((g, { displayMenu: S }) => g && !S), v = Me(), b = Me(), m = G(0), w = C(
+      )((b, { displayMenu: C }) => b && !C), h = Me(), v = Me(), d = G(0), y = S(
         a.menu != null,
         o,
-        v.display
-      )(Gn), y = C(
+        h.display
+      )(Gn), w = S(
         a.aside != null,
         o,
-        b.display
+        v.display
       )(Kn);
-      return d.div(
-        Y(m, v, b, o),
+      return f.div(
+        Y(d, h, v, o),
         k.display("grid"),
         k.height("100%"),
         k.width("100%"),
@@ -942,7 +944,7 @@ function tr({
         k.gridTemplateAreas(o.$.areas),
         k.gridColumnGap("0"),
         k.gridRowGap("0"),
-        n.banner ? d.header(
+        n.banner ? f.header(
           s.class(
             be("none", n.banner.shadow ?? "none")
           ),
@@ -951,21 +953,21 @@ function tr({
           k.gridArea("banner"),
           n.banner.content
         ) : null,
-        d.header(
+        f.header(
           s.class(
             be("bottom", n.header?.shadow ?? "none")
           ),
           ye(n.header?.color ?? "white"),
           k.zIndex("20"),
-          k.display(f ? "block" : "none"),
+          k.display(p ? "block" : "none"),
           k.gridArea("header"),
-          Ee((g) => (g.$.bottom.feedProp(m), null)),
-          d.div(
+          Ee((b) => (b.$.bottom.feedProp(d), null)),
+          f.div(
             k.display("flex"),
             k.height("100%"),
-            d.div(
+            f.div(
               k.display(
-                x.map((g) => g ? "flex" : "none")
+                x.map((b) => b ? "flex" : "none")
               ),
               k.alignItems("center"),
               k.justifyContent("center"),
@@ -973,34 +975,34 @@ function tr({
               k.width("60px"),
               pt(
                 {
-                  onClick: () => v.toggle(),
+                  onClick: () => h.toggle(),
                   variant: "light",
                   color: "base"
                 },
                 B.label(l.$.toggleMenu),
                 ee({
-                  icon: v.display.map(
-                    (g) => g ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
+                  icon: h.display.map(
+                    (b) => b ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
                   )
                 })
               )
             ),
-            d.div(
+            f.div(
               k.height("100%"),
               k.flexGrow("1"),
               n.header?.content
             ),
-            d.div(
+            f.div(
               k.alignItems("center"),
               k.justifyContent("center"),
               k.height("100%"),
               k.width("60px"),
               k.display(
-                p.map((g) => g ? "flex" : "none")
+                g.map((b) => b ? "flex" : "none")
               ),
               pt(
                 {
-                  onClick: () => b.toggle(),
+                  onClick: () => v.toggle(),
                   roundedness: "full",
                   variant: "light",
                   color: "base"
@@ -1010,8 +1012,8 @@ function tr({
                   { icon: "line-md/chevron-left" },
                   s.style("transition: transform 0.2s ease-in-out"),
                   s.style(
-                    b.display.map(
-                      (g) => `transform: rotate(${g ? 180 : 0}deg)`
+                    v.display.map(
+                      (b) => `transform: rotate(${b ? 180 : 0}deg)`
                     )
                   )
                 )
@@ -1019,16 +1021,16 @@ function tr({
             )
           )
         ),
-        n.menu ? d.nav(
-          ae((g) => v.setElement(g)),
+        n.menu ? f.nav(
+          ae((b) => h.setElement(b)),
           k.zIndex("10"),
           // Add ARIA attributes for navigation landmark
           B.label(l.$.mainNavigation),
           s.role("navigation"),
           k.overflow("hidden"),
           s.class(
-            w.map(
-              (g) => g === "float" ? be(
+            y.map(
+              (b) => b === "float" ? be(
                 "right",
                 n.menu?.shadow ?? "md"
               ) : be(
@@ -1039,37 +1041,37 @@ function tr({
           ),
           ye(n.menu?.color ?? "white"),
           k.height(
-            w.map(
-              (g) => g === "float" ? "auto" : "100%"
+            y.map(
+              (b) => b === "float" ? "auto" : "100%"
             )
           ),
           k.overflow("hidden"),
           k.gridArea("menu"),
           k.display(
-            C(
-              w,
-              v.status
-            )((g, S) => g === "none" && S === "closed" ? "none" : "block")
+            S(
+              y,
+              h.status
+            )((b, C) => b === "none" && C === "closed" ? "none" : "block")
           ),
           k.position(
-            C(
-              w,
-              v.status
-            )((g, S) => g === "float" || g === "none" && S !== "closed" ? "fixed" : "initial")
+            S(
+              y,
+              h.status
+            )((b, C) => b === "float" || b === "none" && C !== "closed" ? "fixed" : "initial")
           ),
-          k.top(m.map((g) => `${g}px`)),
+          k.top(d.map((b) => `${b}px`)),
           tt({
             animation: { slide: "right" },
-            status: C(
-              w,
-              v.status
-            )((g, S) => g === "block" ? "opened" : S)
+            status: S(
+              y,
+              h.status
+            )((b, C) => b === "block" ? "opened" : C)
           }),
           k.width(Te(n.menu?.width, o.$.menuWidth)),
           k.bottom("0"),
           n.menu?.content
         ) : null,
-        n.mainHeader ? d.header(
+        n.mainHeader ? f.header(
           k.height("100%"),
           k.gridArea("mainHeader"),
           s.class(
@@ -1081,7 +1083,7 @@ function tr({
           ye(n.mainHeader?.color ?? "white"),
           n.mainHeader.content
         ) : null,
-        d.main(
+        f.main(
           k.height("100%"),
           k.overflow("hidden"),
           k.gridArea("main"),
@@ -1091,7 +1093,7 @@ function tr({
           ye(n.main?.color ?? "white"),
           n.main.content
         ),
-        n.mainFooter ? d.footer(
+        n.mainFooter ? f.footer(
           k.height("100%"),
           k.gridArea("mainFooter"),
           s.class(
@@ -1103,49 +1105,49 @@ function tr({
           ye(n.mainFooter?.color ?? "white"),
           n.mainFooter.content
         ) : null,
-        n.aside ? d.aside(
-          ae((g) => {
-            b.setElement(g);
+        n.aside ? f.aside(
+          ae((b) => {
+            v.setElement(b);
           }),
           k.zIndex("10"),
           // Add ARIA attributes for aside landmark
           B.label(l.$.sidebar),
           s.role("complementary"),
           s.class(
-            y.map(
-              (g) => g === "float" ? be("left", "md") : be("left", "none")
+            w.map(
+              (b) => b === "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")
+            S(
+              w,
+              v.status
+            )((b, C) => b === "none" && C === "closed" ? "none" : "block")
           ),
           k.position(
-            C(
-              y,
-              b.status
-            )((g, S) => g === "float" || g === "none" && S !== "closed" ? "fixed" : "initial")
+            S(
+              w,
+              v.status
+            )((b, C) => b === "float" || b === "none" && C !== "closed" ? "fixed" : "initial")
           ),
-          k.top(m.map((g) => `${g}px`)),
+          k.top(d.map((b) => `${b}px`)),
           tt({
             animation: { slide: "left" },
-            status: C(
-              y,
-              b.status
-            )((g, S) => g === "block" ? "opened" : S)
+            status: S(
+              w,
+              v.status
+            )((b, C) => b === "block" ? "opened" : C)
           }),
           k.width(
             Te(n.aside?.width, o.$.asideWidth)
           ),
-          k.bottom(m.map((g) => `${g}px`)),
+          k.bottom(d.map((b) => `${b}px`)),
           n.aside.content
         ) : null,
-        n.footer ? d.footer(
+        n.footer ? f.footer(
           s.class(be("top", "none")),
           ye("white"),
           k.height("100%"),
@@ -1157,9 +1159,9 @@ function tr({
   );
 }
 function nr(...e) {
-  return d.div(
+  return f.div(
     s.class("bc-center-h"),
-    d.div(s.class("bc-center__content"), ...e)
+    f.div(s.class("bc-center__content"), ...e)
   );
 }
 function Qn(e) {
@@ -1167,30 +1169,30 @@ function Qn(e) {
   return e !== "lg" && t.push(`bc-center--gap-${e}`), t.join(" ");
 }
 function ar({ gap: e = "lg" } = {}, ...t) {
-  return d.div(
-    s.class(C(e)((n) => Qn(n ?? "lg"))),
+  return f.div(
+    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);
+      )((o, p) => o === "opened" && p > 0 ? p : null);
       return c.on((o) => {
         o != null && u.set(o);
       }), a.on((o) => {
         if (n && o === "start-opening") {
-          const f = n.style.height, p = n.style.transition;
+          const p = n.style.height, g = n.style.transition;
           n.style.transition = "none", n.style.height = "auto", n.offsetHeight;
           const x = n.scrollHeight;
-          x > 0 && u.set(x), n.style.height = f, n.style.transition = p, n.offsetHeight;
+          x > 0 && u.set(x), n.style.height = p, n.style.transition = g, n.offsetHeight;
         }
       }), E(
         Y(l, u, c),
@@ -1207,7 +1209,7 @@ function Jn(e) {
   return `${e}px`;
 }
 function xt(e) {
-  return h.map(e, Jn);
+  return m.map(e, Jn);
 }
 function rr({
   body: e,
@@ -1220,74 +1222,74 @@ function rr({
   footer: u,
   footerHeight: c = 0,
   bottomStart: o,
-  bottomEnd: f,
-  sidebarStart: p,
+  bottomEnd: p,
+  sidebarStart: g,
   sidebarStartWidth: x = 0,
-  sidebarEnd: v,
-  sidebarEndWidth: b = 0,
-  anchorMode: m = "container-edge"
+  sidebarEnd: h,
+  sidebarEndWidth: v = 0,
+  anchorMode: d = "container-edge"
 }) {
-  const w = G(0n), y = G(0n), g = xt(r), S = xt(x), _ = G(16);
-  return d.div(
+  const y = G(0n), w = G(0n), b = xt(r), C = xt(x), _ = G(16);
+  return f.div(
     Y(
-      w.dispose,
       y.dispose,
+      w.dispose,
       _.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(
+        v
+      )((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(
+      )((D, N, K) => N ? D - K : D), O = S(
         P,
         I,
         _
-      )((D, N, K) => N ? D - K : D), H = C(
+      )((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(
+        d,
         (D) => D === "body-end" || D === "body-end-bottom"
       ), U = J(
         Q,
         () => k.left(
-          C(
+          S(
             x,
             t,
             F,
-            b
+            v
           )((D, N, K, T) => {
             const A = D + Number(N), j = D + K, Z = Math.min(A, j);
             return `${Math.max(D + T, Z)}px`;
           })
         ),
         () => k.right("0")
-      ), X = h.map(
-        m,
+      ), X = m.map(
+        d,
         (D) => D === "body-bottom" || D === "body-end-bottom"
       ), pe = J(
         X,
         () => k.top(
-          C(
+          S(
             r,
             n,
             O,
@@ -1298,16 +1300,16 @@ function rr({
           })
         ),
         () => k.bottom("0")
-      ), Ne = C(
+      ), Ne = S(
         M,
         _
-      )((D, N) => D ? `${N}px` : "0"), ue = C(
+      )((D, N) => D ? `${N}px` : "0"), ue = S(
         I,
         _
       )((D, N) => D ? `${N}px` : "0"), Oe = k.transform(
-        C(
-          y,
+        S(
           w,
+          y,
           I,
           M
         )((D, N, K, T) => {
@@ -1315,13 +1317,13 @@ function rr({
           return `${A} ${j}`.trim() || "none";
         })
       ), Re = k.transform(
-        y.map((D) => `translateX(-${D}px)`)
+        w.map((D) => `translateX(-${D}px)`)
       ), ke = k.transform(
-        w.map((D) => `translateY(-${D}px)`)
-      ), Ae = C(
+        y.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)));
@@ -1333,20 +1335,20 @@ function rr({
             Fe(0n, D),
             Fe(
               0n,
-              w.value + BigInt(Math.round(Ie))
+              y.value + BigInt(Math.round(Ie))
             )
           );
-          w.set(A);
+          y.set(A);
         }
         if (T && 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 +1356,7 @@ function rr({
         Y(
           I,
           M,
-          () => h.dispose(Q),
+          () => m.dispose(Q),
           V,
           P,
           F,
@@ -1364,10 +1366,10 @@ function rr({
           Ne,
           ue,
           I.on((D) => {
-            D || y.set(0n);
+            D || w.set(0n);
           }),
           M.on((D) => {
-            D || w.set(0n);
+            D || y.set(0n);
           }),
           Ae.dispose,
           Ce.dispose,
@@ -1380,12 +1382,12 @@ function rr({
           const { deltaX: N, deltaY: K } = D;
           Se += N, Ie += K, z || (z = setTimeout(Ge, 16));
         }),
-        d.div(
+        f.div(
           s.class("bc-nine-slice-pane-container"),
           k.right(Ne),
           k.bottom(ue),
           // top-start corner
-          l != null ? d.div(
+          l != null ? f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-top-start"),
             k.top("0"),
             k.left("0"),
@@ -1394,20 +1396,20 @@ function rr({
             l
           ) : null,
           // top-center
-          a != null ? d.div(
+          a != null ? f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-header"),
             k.top("0"),
-            k.left(S),
+            k.left(C),
             // style.height(headerHeightPx),
             // style.width(visibleAreaWidthPx),
-            d.div(
+            f.div(
               s.class("bc-nine-slice-pane-content"),
               Re,
               a
             )
           ) : null,
           // top-end corner
-          i != null ? d.div(
+          i != null ? f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-top-end"),
             k.top("0"),
             U,
@@ -1416,46 +1418,46 @@ function rr({
             i
           ) : null,
           // middle-start sidebar
-          p != null ? d.div(
+          g != null ? f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-sidebar-start"),
             k.left("0"),
-            k.top(g),
+            k.top(b),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarStartWidthPx),
-            d.div(
+            f.div(
               s.class("bc-nine-slice-pane-content"),
               ke,
-              p
+              g
             )
           ) : null,
           // middle-center (main body)
-          d.div(
+          f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-body"),
-            k.left(S),
-            k.top(g),
+            k.left(C),
+            k.top(b),
             // style.width(visibleAreaWidth.map(toPx)),
             // style.height(visibleAreaHeight.map(toPx)),
-            d.div(
+            f.div(
               s.class("bc-nine-slice-pane-content"),
               Oe,
               e
             )
           ),
           // middle-end sidebar
-          v != null ? d.div(
+          h != null ? f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-sidebar-end"),
             U,
-            k.top(g),
+            k.top(b),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarEndWidthPx),
-            d.div(
+            f.div(
               s.class("bc-nine-slice-pane-content"),
               ke,
-              v
+              h
             )
           ) : null,
           // bottom-start corner
-          o != null ? d.div(
+          o != null ? f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-bottom-start"),
             k.left("0"),
             pe,
@@ -1464,35 +1466,35 @@ function rr({
             o
           ) : null,
           // bottom-center
-          u != null ? d.div(
+          u != null ? f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-footer"),
-            k.left(S),
+            k.left(C),
             pe,
             // style.height(footerHeightPx),
             // style.width(visibleAreaWidthPx),
-            d.div(
+            f.div(
               s.class("bc-nine-slice-pane-content"),
               Re,
               u
             )
           ) : null,
           // bottom-end corner
-          f != null ? d.div(
+          p != null ? f.div(
             s.class("bc-nine-slice-pane bc-nine-slice-bottom-end"),
             U,
             pe,
             // style.height(footerHeightPx),
             // style.width(sidebarEndWidthPx),
-            f
+            p
           ) : null
         ),
         // horizontal scrollbar
-        d.div(
+        f.div(
           s.class("bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar"),
           k.overflowX("scroll"),
           k.left("0"),
           k.right(
-            C(
+            S(
               M,
               _
             )((D, N) => D ? `${N}px` : "0")
@@ -1503,7 +1505,7 @@ function rr({
               (D) => D ? "16px" : "0"
             )
           ),
-          d.div(
+          f.div(
             s.class(
               "bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar-thumb"
             ),
@@ -1517,19 +1519,19 @@ function rr({
             const N = D.target, K = N.scrollLeft, T = N.scrollWidth - N.clientWidth;
             if (T > 0) {
               const A = K / T, j = Ce.value;
-              y.set(
+              w.set(
                 BigInt(Math.round(Number(j) * A))
               );
             }
           })
         ),
         // vertical scrollbar
-        d.div(
+        f.div(
           s.class("bc-nine-slice-pane bc-nine-slice-vertical-scrollbar"),
           k.overflowY("scroll"),
           k.top("0"),
           k.bottom(
-            C(
+            S(
               I,
               _
             )((D, N) => D ? `${N}px` : "0")
@@ -1540,13 +1542,13 @@ function rr({
               (D) => D ? "16px" : "0"
             )
           ),
-          d.div(
+          f.div(
             s.class(
               "bc-nine-slice-pane bc-nine-slice-vertical-scrollbar-thumb"
             ),
             k.width("100%"),
             k.height(
-              C(
+              S(
                 r,
                 c,
                 n,
@@ -1559,7 +1561,7 @@ function rr({
             const N = D.target, K = N.scrollTop, T = N.scrollHeight - N.clientHeight;
             if (T > 0) {
               const A = K / T, j = Ae.value;
-              w.set(
+              y.set(
                 BigInt(Math.round(Number(j) * A))
               );
             }
@@ -1572,13 +1574,13 @@ function rr({
 function kt({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...r) {
   const l = G("none");
   function i(c) {
-    const o = c.scrollTop === 0, f = c.scrollTop + c.clientHeight >= c.scrollHeight - 1;
-    o && f ? l.set("none") : o ? l.set("bottom") : f ? l.set("top") : l.set("both");
+    const o = c.scrollTop === 0, p = c.scrollTop + c.clientHeight >= c.scrollHeight - 1;
+    o && p ? l.set("none") : o ? l.set("bottom") : p ? l.set("top") : l.set("both");
   }
-  return d.div(
+  return f.div(
     s.class("bc-scrollable-panel"),
     s.class(
-      C(
+      S(
         l,
         a
       )((c, o) => {
@@ -1595,9 +1597,9 @@ function kt({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...r) {
         }
       })
     ),
-    e && d.div(s.class("bc-scrollable-panel__header"), e),
-    d.div(s.class("bc-scrollable-panel--header-shadow"), d.div()),
-    d.div(
+    e && f.div(s.class("bc-scrollable-panel__header"), e),
+    f.div(s.class("bc-scrollable-panel--header-shadow"), f.div()),
+    f.div(
       s.class("bc-scrollable-panel__body"),
       ae(
         (c) => Y(We(() => i(c)))
@@ -1608,8 +1610,8 @@ function kt({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...r) {
       }),
       n
     ),
-    d.div(s.class("bc-scrollable-panel--footer-shadow"), d.div()),
-    t && d.div(s.class("bc-scrollable-panel__footer"), t),
+    f.div(s.class("bc-scrollable-panel--footer-shadow"), f.div()),
+    t && f.div(s.class("bc-scrollable-panel__footer"), t),
     ...r
   );
 }
@@ -1618,9 +1620,9 @@ function ea(e, t, n) {
   return e !== "default" && a.push(`bc-sink--${e}`), t !== "md" && a.push(`bc-sink--padding-${t}`), n !== "lg" && a.push(`bc-sink--rounded-${n}`), a.join(" ");
 }
 function sr({ variant: e = "default", size: t = "md", roundedness: n = "lg" } = {}, ...a) {
-  return d.div(
+  return f.div(
     s.class(
-      C(
+      S(
         e,
         t,
         n
@@ -1676,52 +1678,52 @@ 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, p = G(!1), g = G(-1), x = G(null), h = he("dropdown"), v = he("listbox");
+  let d, y;
+  const w = (C) => {
+    t?.(C), p.set(!1), g.set(-1), x.set(null), d?.focus();
+  }, b = (C) => {
+    const _ = xe.getValues(m.get(l));
+    switch (C.key) {
       case "ArrowDown": {
-        if (S.preventDefault(), !f.value)
-          f.set(!0), _.length > 0 && (p.set(0), x.set(_[0]));
+        if (C.preventDefault(), !p.value)
+          p.set(!0), _.length > 0 && (g.set(0), x.set(_[0]));
         else {
           const L = Math.min(
-            p.value + 1,
+            g.value + 1,
             _.length - 1
           );
-          p.set(L), x.set(_[L] ?? null);
+          g.set(L), x.set(_[L] ?? null);
         }
         break;
       }
       case "ArrowUp": {
-        if (S.preventDefault(), f.value) {
-          const L = Math.max(p.value - 1, 0);
-          p.set(L), x.set(_[L] ?? null);
+        if (C.preventDefault(), p.value) {
+          const L = Math.max(g.value - 1, 0);
+          g.set(L), x.set(_[L] ?? null);
         }
         break;
       }
       case "Enter": {
-        if (S.preventDefault(), f.value && p.value >= 0) {
-          const L = _[p.value];
-          L != null && y(L);
+        if (C.preventDefault(), p.value && g.value >= 0) {
+          const L = _[g.value];
+          L != null && w(L);
         } else {
           u?.();
-          const L = xe.getValues(h.get(l));
-          f.set(!0), L.length > 0 && (p.set(0), x.set(L[0])), setTimeout(() => c?.(), 0);
+          const L = xe.getValues(m.get(l));
+          p.set(!0), L.length > 0 && (g.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());
+        p.value && (C.preventDefault(), p.set(!1), g.set(-1), x.set(null), d?.focus());
         break;
       }
       case " ": {
-        if (h.get(i)) {
-          S.preventDefault();
-          const L = xe.getValues(h.get(l));
-          f.set(!f.value), f.value && L.length > 0 && (p.set(0), x.set(L[0]));
+        if (m.get(i)) {
+          C.preventDefault();
+          const L = xe.getValues(m.get(l));
+          p.set(!p.value), p.value && L.length > 0 && (g.set(0), x.set(L[0]));
         }
         break;
       }
@@ -1732,27 +1734,27 @@ const xe = {
       ...e,
       input: Ft(
         s.class("bc-dropdown__trigger"),
-        d.span(s.class("bc-dropdown__display"), r),
+        f.span(s.class("bc-dropdown__display"), r),
         ee(
           { icon: "ph:caret-up-down-bold", color: "neutral" },
           s.class("bc-dropdown__arrow")
         )
       )
     },
-    Ee((S) => E(
-      ae((_) => (m = _, _.addEventListener("keydown", g), Y(
-        () => _.removeEventListener("keydown", g)
+    Ee((C) => E(
+      ae((_) => (d = _, _.addEventListener("keydown", b), Y(
+        () => _.removeEventListener("keydown", b)
       ))),
       le(e),
-      s.id(v),
+      s.id(h),
       s.tabindex(0),
-      B.controls(b),
-      B.expanded(f),
+      B.controls(v),
+      B.expanded(p),
       s.class("bc-dropdown"),
       s.role(a),
       B.activedescendant(
-        C(
-          f,
+        S(
+          p,
           x
         )(
           (_, L) => _ && L != null ? `dropdown-option-${String(L)}` : ""
@@ -1760,25 +1762,25 @@ const xe = {
       ),
       n != null ? $.blur(() => {
         setTimeout(() => {
-          w?.contains(document.activeElement) || (f.set(!1), p.set(-1), n());
+          y?.contains(document.activeElement) || (p.set(!1), g.set(-1), n());
         }, 100);
       }) : R,
       Ze({
-        content: () => d.div(
+        content: () => f.div(
           ae((_) => {
-            w = _;
+            y = _;
           }),
-          k.minWidth(S.$.width.map((_) => `${_ - 10}px`)),
+          k.minWidth(C.$.width.map((_) => `${_ - 10}px`)),
           s.class("bc-dropdown__listbox"),
           s.role("listbox"),
-          s.id(b),
-          B.labelledby(v),
+          s.id(v),
+          B.labelledby(h),
           o({
-            dropdownId: v,
-            listboxId: b,
+            dropdownId: h,
+            listboxId: v,
             focusedValue: x,
-            handleKeyDown: g,
-            onSelect: y
+            handleKeyDown: b,
+            onSelect: w
           })
         ),
         mainAxisOffset: 0,
@@ -1787,15 +1789,15 @@ const xe = {
         showOn: (_, L) => {
           const V = L;
           L = () => {
-            f.set(!1), p.set(-1), x.set(null), V();
+            p.set(!1), g.set(-1), x.set(null), V();
           };
           const P = () => {
-            if (f.value)
+            if (p.value)
               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));
+              p.set(!0), I.length > 0 && (g.set(0), x.set(I[0])), _(), setTimeout(() => c?.(), 0);
             }
           };
           return $.click(P);
@@ -1810,25 +1812,25 @@ 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, p) => t(o.value, p)), c = S(
         i,
         r
-      )((o, f) => f != null && t(o.value, f));
-      return d.div(
+      )((o, p) => p != null && t(o.value, p));
+      return f.div(
         Y(u.dispose),
         Y(c.dispose),
         s.class("bc-dropdown__option"),
         s.class(
-          C(
+          S(
             u,
             c,
             i
-          )((o, f, p) => {
+          )((o, p, g) => {
             const x = [];
-            return o && x.push("bc-dropdown__option--selected"), f && x.push("bc-dropdown__option--focused"), p.disabled && x.push("bc-dropdown__option--disabled"), x.join(" ");
+            return o && x.push("bc-dropdown__option--selected"), p && x.push("bc-dropdown__option--focused"), g.disabled && x.push("bc-dropdown__option--disabled"), x.join(" ");
           })
         ),
         s.role("option"),
@@ -1840,25 +1842,25 @@ const xe = {
           () => $.click(() => a(i.value.value)),
           () => R
         ),
-        d.div(
+        f.div(
           s.class("bc-dropdown__option-content"),
           // Before content - simple conditional rendering
-          i.value.before && d.span(
+          i.value.before && f.span(
             s.class("bc-dropdown__option-before"),
             i.value.before
           ),
           // Label
-          d.span(s.class("bc-dropdown__option-label"), i.$.label),
+          f.span(s.class("bc-dropdown__option-label"), i.$.label),
           // After content - simple conditional rendering
-          i.value.after && d.span(s.class("bc-dropdown__option-after"), i.value.after)
+          i.value.after && f.span(s.class("bc-dropdown__option-after"), i.value.after)
         )
       );
     },
-    group: (i) => d.div(
+    group: (i) => f.div(
       s.class("bc-dropdown__group"),
       s.role("group"),
       B.label(i.$.group),
-      d.div(s.class("bc-dropdown__group-label"), i.$.group),
+      f.div(s.class("bc-dropdown__group-label"), i.$.group),
       _e(
         i.$.options,
         (u) => Wt(
@@ -1870,33 +1872,33 @@ const xe = {
         )
       )
     ),
-    break: () => d.hr(s.class("bc-dropdown__separator"))
+    break: () => f.hr(s.class("bc-dropdown__separator"))
   })
 ), ta = (e) => {
   const {
     value: t,
     options: n,
     unselectedLabel: a,
-    equality: r = (o, f) => o === f,
+    equality: r = (o, p) => o === p,
     placeholder: l,
     searchable: i = !1
-  } = e, u = C(
+  } = e, u = S(
     t,
     n
-  )((o, f) => {
+  )((o, p) => {
     if (o == null) return "";
-    const p = (x) => {
-      for (const v of x) {
-        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 g = (x) => {
+      for (const h of x) {
+        if (h.type === "value" && r(h.value, o))
+          return h.label;
+        if (h.type === "group") {
+          const v = g(h.options);
+          if (v) return v;
         }
       }
     };
-    return p(f) || String(o);
-  }), c = C(i)((o) => !o);
+    return g(p) || String(o);
+  }), c = S(i)((o) => !o);
   return zt({
     ...e,
     role: "dropdown",
@@ -1910,9 +1912,9 @@ const xe = {
     ),
     optionsSource: n,
     allowSpaceToggle: c,
-    buildListboxContent: ({ focusedValue: o, onSelect: f }) => _e(
+    buildListboxContent: ({ focusedValue: o, onSelect: p }) => _e(
       n,
-      (p) => Wt(p, r, t, f, o)
+      (g) => Wt(g, r, t, p, o)
     )
   });
 }, na = (e) => {
@@ -1930,59 +1932,59 @@ const xe = {
   e,
   (i) => Dt(i, {
     value: (u) => {
-      const c = C(
+      const c = S(
         u,
         n
-      )((f, p) => t(f.value, p)), o = C(
+      )((p, g) => t(p.value, g)), o = S(
         u,
         r
       )(
-        (f, p) => p != null && t(f.value, p)
+        (p, g) => g != null && t(p.value, g)
       );
-      return d.div(
+      return f.div(
         Y(c.dispose),
         Y(o.dispose),
         s.class("bc-dropdown__option"),
         s.class(
-          C(
+          S(
             c,
             o,
             u
-          )((f, p, x) => {
-            const v = [];
-            return f && v.push("bc-dropdown__option--selected"), p && v.push("bc-dropdown__option--focused"), x.disabled && v.push("bc-dropdown__option--disabled"), v.join(" ");
+          )((p, g, x) => {
+            const h = [];
+            return p && h.push("bc-dropdown__option--selected"), g && h.push("bc-dropdown__option--focused"), x.disabled && h.push("bc-dropdown__option--disabled"), h.join(" ");
           })
         ),
         s.role("option"),
-        s.id(u.map((f) => `dropdown-option-${String(f.value)}`)),
+        s.id(u.map((p) => `dropdown-option-${String(p.value)}`)),
         B.selected(c),
         J(
-          u.map((f) => !f.disabled),
+          u.map((p) => !p.disabled),
           () => $.click(() => a(u.value.value)),
           () => R
         ),
-        d.div(
+        f.div(
           s.class("bc-dropdown__option-content"),
           // Before slot
-          u.value.before && d.span(
+          u.value.before && f.span(
             s.class("bc-dropdown__option-before"),
             u.value.before
           ),
           // Custom renderer for the main content
-          d.span(
+          f.span(
             s.class("bc-dropdown__option-label"),
             l(u.$.value)
           ),
           // After slot
-          u.value.after && d.span(s.class("bc-dropdown__option-after"), u.value.after)
+          u.value.after && f.span(s.class("bc-dropdown__option-after"), u.value.after)
         )
       );
     },
-    group: (u) => d.div(
+    group: (u) => f.div(
       s.class("bc-dropdown__group"),
       s.role("group"),
       B.label(u.$.group),
-      d.div(s.class("bc-dropdown__group-label"), u.$.group),
+      f.div(s.class("bc-dropdown__group-label"), u.$.group),
       _e(
         u.$.options,
         (c) => Yt(
@@ -1995,7 +1997,7 @@ const xe = {
         )
       )
     ),
-    break: () => d.hr(s.class("bc-dropdown__separator"))
+    break: () => f.hr(s.class("bc-dropdown__separator"))
   })
 ), aa = (e) => {
   const {
@@ -2003,24 +2005,24 @@ const xe = {
     loadOptions: n,
     renderOption: a,
     renderValue: r,
-    equality: l = (g, S) => g === S,
+    equality: l = (b, C) => b === C,
     placeholder: i,
     searchPlaceholder: u,
     debounceMs: c = 150
-  } = e, o = G(""), f = G(!1), p = G([]);
+  } = e, o = G(""), p = G(!1), g = 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 h = m.toSignal(t), v = () => (r ?? a)(h);
+  let d = null;
+  const y = (b) => {
+    p.set(!0), Promise.resolve(n(b)).then((C) => {
+      g.set(C ?? []);
     }).catch(() => {
-      p.set([]);
-    }).finally(() => f.set(!1));
-  }, y = (g) => {
-    m != null && (clearTimeout(m), m = null), m = setTimeout(
+      g.set([]);
+    }).finally(() => p.set(!1));
+  }, w = (b) => {
+    d != null && (clearTimeout(d), d = null), d = setTimeout(
       () => {
-        w(g);
+        y(b);
       },
       Math.max(0, c)
     );
@@ -2029,27 +2031,27 @@ const xe = {
     ...e,
     role: "combobox",
     display: J(
-      C(t)((g) => g != null),
-      b,
-      () => ne(fe, (g) => g.$.selectOne)
+      S(t)((b) => b != null),
+      v,
+      () => ne(fe, (b) => b.$.selectOne)
     ),
-    optionsSource: p,
+    optionsSource: g,
     onBeforeOpen: () => {
-      const g = h.get(o);
-      y(g);
+      const b = m.get(o);
+      w(b);
     },
     onAfterOpen: () => {
       x?.focus();
     },
-    buildListboxContent: ({ focusedValue: g, handleKeyDown: S, onSelect: _ }) => E(
+    buildListboxContent: ({ focusedValue: b, handleKeyDown: C, onSelect: _ }) => E(
       // Search input at the top
-      d.div(
+      f.div(
         s.class("bc-dropdown__search"),
-        d.input(
+        f.input(
           s.type("text"),
           s.class("bc-dropdown__search-input"),
           s.placeholder(
-            C(
+            S(
               u,
               i
             )((L, V) => L ?? V ?? "Search")
@@ -2058,25 +2060,25 @@ 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(C)
         )
       ),
       J(
-        f,
-        () => d.div(
+        p,
+        () => f.div(
           s.class("bc-dropdown__loading"),
           ee({ icon: "ph:spinner-bold", color: "neutral" })
         ),
         () => _e(
-          p,
+          g,
           (L) => Yt(
             L,
             l,
-            v,
+            h,
             _,
-            g,
+            b,
             a
           )
         )
@@ -2106,17 +2108,17 @@ function qt(e) {
     showOn: u = "click",
     closable: c = !0,
     onClose: o,
-    onAction: f,
-    ariaLabel: p,
+    onAction: p,
+    ariaLabel: g,
     ariaLabelledBy: x
-  } = e, v = he("menu"), b = G(-1), m = G([]);
-  let w = null;
+  } = e, h = he("menu"), v = G(-1), d = G([]);
+  let y = null;
   return E(
-    Y(b, m),
+    Y(v, d),
     Ze({
-      content: () => ae((y) => {
-        w = document.activeElement;
-        const g = (P, I, M) => {
+      content: () => ae((w) => {
+        y = document.activeElement;
+        const b = (P, I, M) => {
           if (I.length === 0) return -1;
           let F = P + M, O = 0;
           for (; O < I.length; ) {
@@ -2127,17 +2129,17 @@ function qt(e) {
             F += M, O++;
           }
           return P;
-        }, S = (P) => {
-          const I = m.value, M = b.value;
+        }, C = (P) => {
+          const I = d.value, M = v.value;
           switch (P.key) {
             case "ArrowDown":
               P.preventDefault(), P.stopPropagation();
-              const F = g(M, I, 1);
+              const F = b(M, I, 1);
               _(F, I);
               break;
             case "ArrowUp":
               P.preventDefault(), P.stopPropagation();
-              const O = g(M, I, -1);
+              const O = b(M, I, -1);
               _(O, I);
               break;
             case "Enter":
@@ -2147,7 +2149,7 @@ function qt(e) {
                 if (H.getAttribute("aria-disabled") === "true")
                   return;
                 const oe = H.getAttribute("data-key");
-                oe && f && f(oe), H.click(), o?.();
+                oe && p && p(oe), H.click(), o?.();
               }
               break;
             case "Escape":
@@ -2172,37 +2174,37 @@ function qt(e) {
               break;
           }
         }, _ = (P, I) => {
-          b.value >= 0 && I[b.value] && (I[b.value].classList.remove(
+          v.value >= 0 && I[v.value] && (I[v.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[v.value].removeAttribute("aria-selected")), P >= 0 && I[P] && (I[P].classList.add("bc-menu-item--focused"), I[P].setAttribute("aria-selected", "true"), v.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 (d.set(P), P.length > 0) {
             const I = P.findIndex(
               (M) => M.getAttribute("aria-disabled") !== "true"
             );
             I >= 0 && _(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", C, !0), E(
           Y(() => {
-            V.disconnect(), document.removeEventListener("keydown", S, !0), w && w.focus();
+            V.disconnect(), document.removeEventListener("keydown", C, !0), y && y.focus();
           }),
           s.class("bc-menu"),
-          s.id(v),
+          s.id(h),
           s.role("menu"),
           s.tabindex(-1),
           B.orientation("vertical"),
-          p ? B.label(p) : E(),
+          g ? B.label(g) : E(),
           x ? B.labelledby(x) : E(),
           B.activedescendant(
-            b.map((P) => {
-              const I = m.value;
-              return P >= 0 && I[P] ? I[P].id || `${v}-item-${P}` : "";
+            v.map((P) => {
+              const I = d.value;
+              return P >= 0 && I[P] ? I[P].id || `${h}-item-${P}` : "";
             })
           ),
           $.click((P) => {
@@ -2211,16 +2213,16 @@ function qt(e) {
             );
             if (M && M.getAttribute("aria-disabled") !== "true") {
               const F = M.getAttribute("data-key");
-              F && f && f(F);
+              F && p && p(F);
             }
           }),
           // Live region for screen reader announcements
-          d.div(
+          f.div(
             s.class("sr-only"),
             B.live("polite"),
             B.atomic(!0),
-            b.map((P) => {
-              const I = m.value;
+            v.map((P) => {
+              const I = d.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}`;
@@ -2253,35 +2255,35 @@ function ir(e) {
     ariaLabel: u,
     submenu: c,
     submenuPlacement: o = "right-start"
-  } = e, f = t ?? he("menu-item"), p = `menu-item-${f}`, x = c != null;
-  return d.div(
+  } = e, p = t ?? he("menu-item"), g = `menu-item-${p}`, x = c != null;
+  return f.div(
     s.class(
-      C(l)(
-        (v) => `bc-menu-item ${v ? "bc-menu-item--disabled" : ""} ${x ? "bc-menu-item--has-submenu" : ""}`
+      S(l)(
+        (h) => `bc-menu-item ${h ? "bc-menu-item--disabled" : ""} ${x ? "bc-menu-item--has-submenu" : ""}`
       )
     ),
-    s.id(p),
+    s.id(g),
     s.role("menuitem"),
     s.tabindex(-1),
-    nt.key(f),
+    nt.key(p),
     B.disabled(l),
     B.selected(!1),
     // Will be updated by focus management
     x ? B.expanded(!1) : E(),
     u ? B.label(u) : E(),
-    $.click((v) => {
-      if (h.get(l)) {
-        v.preventDefault(), v.stopPropagation();
+    $.click((h) => {
+      if (m.get(l)) {
+        h.preventDefault(), h.stopPropagation();
         return;
       }
       i?.();
     }),
     // Start content
-    a && d.span(s.class("bc-menu-item__start"), a),
+    a && f.span(s.class("bc-menu-item__start"), a),
     // Main content
-    d.span(s.class("bc-menu-item__content"), n),
+    f.span(s.class("bc-menu-item__content"), n),
     // End content
-    r && d.span(s.class("bc-menu-item__end"), r),
+    r && f.span(s.class("bc-menu-item__end"), r),
     // Submenu (if present)
     x && c ? Ze({
       content: () => E(
@@ -2302,11 +2304,11 @@ function ir(e) {
 }
 function Zt(e = {}) {
   const { label: t } = e;
-  return d.div(
+  return f.div(
     s.class("bc-menu-separator"),
     s.role("separator"),
     B.orientation("horizontal"),
-    t && d.span(s.class("bc-menu-separator__label"), t)
+    t && f.span(s.class("bc-menu-separator__label"), t)
   );
 }
 function Gt(e, t, n) {
@@ -2358,7 +2360,7 @@ function en(e) {
     () => _e(
       t,
       (i) => jt({
-        value: C(
+        value: S(
           i,
           n
         )((u, c) => sa(c, u, a)),
@@ -2366,60 +2368,60 @@ function en(e) {
         disabled: r
       })
     ),
-    () => d.span(s.class("bc-input-container__placeholder"), e.placeholder)
+    () => f.span(s.class("bc-input-container__placeholder"), e.placeholder)
   );
 }
 function tn(e) {
   const {
     value: t,
     options: n,
-    equality: a = (o, f) => o === f,
+    equality: a = (o, p) => o === p,
     placeholder: r
   } = e, l = (o) => {
-    const f = h.get(t);
-    e.onChange?.(Kt(f, o, a));
+    const p = m.get(t);
+    e.onChange?.(Kt(p, o, a));
   }, i = (o) => {
-    const f = h.get(t);
-    e.onChange?.(Gt(f, o, a));
-  }, u = (o) => C(t)((f) => Qt(f, o, a)), c = qt({
+    const p = m.get(t);
+    e.onChange?.(Gt(p, o, a));
+  }, u = (o) => S(t)((p) => Qt(p, o, a)), c = qt({
     items: () => {
-      const o = h.get(n), f = [];
-      for (const p of o)
-        if (p.type === "value") {
-          const x = u(p.value);
-          f.push(
-            d.div(
+      const o = m.get(n), p = [];
+      for (const g of o)
+        if (g.type === "value") {
+          const x = u(g.value);
+          p.push(
+            f.div(
               s.role("menuitem"),
               s.tabindex(-1),
-              B.disabled(p.disabled === !0),
+              B.disabled(g.disabled === !0),
               B.checked(x),
               s.class("bc-menu-item"),
-              d.span(s.class("bc-menu-item__content"), p.label),
-              $.click(() => i(p.value))
+              f.span(s.class("bc-menu-item__content"), g.label),
+              $.click(() => i(g.value))
             )
           );
-        } else p.type === "group" ? f.push(
-          d.div(
+        } else g.type === "group" ? p.push(
+          f.div(
             s.class("bc-menu-group"),
-            d.div(s.class("bc-menu-group__label"), p.group),
-            ...p.options.map((x) => {
+            f.div(s.class("bc-menu-group__label"), g.group),
+            ...g.options.map((x) => {
               if (x.type === "value") {
-                const v = u(x.value);
-                return d.div(
+                const h = u(x.value);
+                return f.div(
                   s.role("menuitem"),
                   s.tabindex(-1),
                   B.disabled(x.disabled === !0),
-                  B.checked(v),
+                  B.checked(h),
                   s.class("bc-menu-item"),
-                  d.span(s.class("bc-menu-item__content"), x.label),
+                  f.span(s.class("bc-menu-item__content"), x.label),
                   $.click(() => i(x.value))
                 );
               }
               return E();
             })
           )
-        ) : f.push(Zt());
-      return f;
+        ) : p.push(Zt());
+      return p;
     },
     placement: "bottom-start",
     showDelay: 0,
@@ -2468,65 +2470,65 @@ function nn(e) {
   const {
     value: t,
     options: n,
-    equality: a = (v, b) => v === b,
+    equality: a = (h, v) => h === v,
     placeholder: r,
     searchPlaceholder: l,
     filter: i
-  } = e, u = G(""), c = (v) => {
-    const b = h.get(t);
-    e.onChange?.(Kt(b, 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(
+  } = e, u = G(""), c = (h) => {
+    const v = m.get(t);
+    e.onChange?.(Kt(v, h, a));
+  }, o = (h) => {
+    const v = m.get(t);
+    e.onChange?.(Gt(v, h, a));
+  }, p = (h) => S(t)((v) => Qt(v, h, a)), g = S(
     n,
     u
-  )((v, b) => Jt(v, b, i)), x = qt({
+  )((h, v) => Jt(h, v, i)), x = qt({
     items: () => {
-      const v = [], b = h.get(p);
-      if (b.length === 0)
-        return v.push(
-          d.div(
+      const h = [], v = m.get(g);
+      if (v.length === 0)
+        return h.push(
+          f.div(
             s.class("bc-dropdown__empty"),
-            ne(fe, (m) => m.$.noResults)
+            ne(fe, (d) => d.$.noResults)
           )
-        ), v;
-      for (const m of b)
-        if (m.type === "value") {
-          const w = f(m.value);
-          v.push(
-            d.div(
+        ), h;
+      for (const d of v)
+        if (d.type === "value") {
+          const y = p(d.value);
+          h.push(
+            f.div(
               s.role("menuitem"),
               s.tabindex(-1),
-              B.disabled(m.disabled === !0),
-              B.checked(w),
+              B.disabled(d.disabled === !0),
+              B.checked(y),
               s.class("bc-menu-item"),
-              d.span(s.class("bc-menu-item__content"), m.label),
-              $.click(() => o(m.value))
+              f.span(s.class("bc-menu-item__content"), d.label),
+              $.click(() => o(d.value))
             )
           );
-        } else m.type === "group" ? v.push(
-          d.div(
+        } else d.type === "group" ? h.push(
+          f.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);
-                return d.div(
+            f.div(s.class("bc-menu-group__label"), d.group),
+            ...d.options.map((y) => {
+              if (y.type === "value") {
+                const w = p(y.value);
+                return f.div(
                   s.role("menuitem"),
                   s.tabindex(-1),
-                  B.disabled(w.disabled === !0),
-                  B.checked(y),
+                  B.disabled(y.disabled === !0),
+                  B.checked(w),
                   s.class("bc-menu-item"),
-                  d.span(s.class("bc-menu-item__content"), w.label),
-                  $.click(() => o(w.value))
+                  f.span(s.class("bc-menu-item__content"), y.label),
+                  $.click(() => o(y.value))
                 );
               }
               return E();
             })
           )
-        ) : v.push(Zt());
-      return v;
+        ) : h.push(Zt());
+      return h;
     },
     placement: "bottom-start",
     showDelay: 0,
@@ -2534,14 +2536,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: (h, v) => ae((d) => {
+      const y = d.querySelector(
         ".bc-dropdown__search-input"
       );
-      if (w) {
-        const y = () => v();
-        return w.addEventListener("focus", y), Y(() => {
-          w.removeEventListener("focus", y);
+      if (y) {
+        const w = () => h();
+        return y.addEventListener("focus", w), Y(() => {
+          y.removeEventListener("focus", w);
         });
       }
       return E();
@@ -2562,24 +2564,24 @@ function nn(e) {
         onRemove: c
       }),
       // Always-visible search box replacing the selector button
-      d.div(
+      f.div(
         s.class("bc-input-container__tags-selector"),
-        d.input(
+        f.input(
           s.type("text"),
           s.class("bc-dropdown__search-input"),
           s.placeholder(
-            C(
+            S(
               l,
               r
-            )((v, b) => v ?? b ?? "")
+            )((h, v) => h ?? v ?? "")
           ),
           s.value(u),
-          $.input((v) => {
-            const b = v.target;
-            u.set(b.value);
+          $.input((h) => {
+            const v = h.target;
+            u.set(v.value);
           }),
-          $.keydown((v) => {
-            (v.key === "ArrowUp" || v.key === "ArrowDown" || v.key === "Enter" || v.key === " ") && v.stopPropagation();
+          $.keydown((h) => {
+            (h.key === "ArrowUp" || h.key === "ArrowDown" || h.key === "Enter" || h.key === " ") && h.stopPropagation();
           })
         ),
         x
@@ -2614,7 +2616,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 +2632,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]);
     },
@@ -2655,7 +2657,7 @@ const pr = (e) => {
   },
   pending: () => ne(
     fe,
-    (t) => d.span(
+    (t) => f.span(
       ee({
         icon: "line-md:loading-twotone-loop",
         title: t.$.loadingShort
@@ -2666,7 +2668,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,
@@ -2679,68 +2681,68 @@ const pr = (e) => {
     return null;
   }
 }, 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;
-  }, o = n != null ? ne(fe, (v) => {
-    const b = C(
+  const { value: t, step: n, min: a, max: r, onChange: l, onInput: i, after: u } = e, c = (h) => {
+    const v = a != null ? m.get(a) : void 0, d = r != null ? m.get(r) : void 0;
+    return v != null && h < v ? v : d != null && h > d ? d : h;
+  }, o = n != null ? ne(fe, (h) => {
+    const v = S(
       t,
       a
-    )((y, g) => g == null ? !0 : (y ?? 0n) > g), m = C(
+    )((w, b) => b == null ? !0 : (w ?? 0n) > b), d = 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, b) => b == null ? !0 : (w ?? 0n) < b), y = (w, b) => {
+      const C = m.get(t) ?? 0n, _ = m.get(n), L = b?.shiftKey ? 10n : 1n, V = C + _ * 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 !== C && l && l(M);
     };
     return ot(
       s.class("bc-number-input-steppers"),
-      d.button(
+      f.button(
         s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         s.disabled(
-          C(
-            m,
+          S(
+            d,
             e.disabled ?? !1
-          )((y, g) => !y || g)
+          )((w, b) => !w || b)
         ),
-        $.click((y) => w(1n, y)),
-        B.label(v.$.incrementValue),
+        $.click((w) => y(1n, w)),
+        B.label(h.$.incrementValue),
         ee({ icon: "line-md:plus", size: "xs" })
       ),
-      d.button(
+      f.button(
         s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         s.disabled(
-          C(
-            b,
+          S(
+            v,
             e.disabled ?? !1
-          )((y, g) => !y || g)
+          )((w, b) => !w || b)
         ),
-        $.click((y) => w(-1n, y)),
-        B.label(v.$.decrementValue),
+        $.click((w) => y(-1n, w)),
+        B.label(h.$.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));
-  } : void 0, x = i ? (v) => {
-    const b = Ct(v);
-    b != null && i(c(b));
+  }) : null, p = u != null && o != null ? E(o, u) : u ?? o, g = l ? (h) => {
+    const v = Ct(h);
+    v != null && l(c(v));
+  } : void 0, x = i ? (h) => {
+    const v = Ct(h);
+    v != null && i(c(v));
   } : void 0;
   return Le({
     ...e,
-    value: h.map(t, (v) => v.toString()),
-    onChange: p,
+    value: m.map(t, (h) => h.toString()),
+    onChange: g,
     onInput: x,
-    after: f,
+    after: p,
     mask: null,
     allowMode: "digits",
     class: "bc-number-input"
@@ -2753,83 +2755,83 @@ 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 = (v) => {
+    const d = a != null ? m.get(a) : void 0, y = r != null ? m.get(r) : void 0;
+    return d != null && v < d ? d : y != null && v > y ? y : v;
+  }, o = n != null ? ne(fe, (v) => {
+    const d = S(
       t,
       a
-    )((g, S) => {
-      const _ = g ?? 0n;
-      return S == null ? !0 : _ > S;
-    }), w = C(
+    )((b, C) => {
+      const _ = b ?? 0n;
+      return C == null ? !0 : _ > C;
+    }), y = 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;
-      if (g < 0n && I != null && P < I || g > 0n && M != null && P > M) return;
+    )((b, C) => {
+      const _ = b ?? 0n;
+      return C == null ? !0 : _ < C;
+    }), w = (b, C) => {
+      const _ = m.get(t) ?? 0n, L = m.get(n), V = C?.shiftKey ? 10n : 1n, P = _ + L * V * b, I = a != null ? m.get(a) : void 0, M = r != null ? m.get(r) : void 0;
+      if (b < 0n && I != null && P < I || b > 0n && M != null && P > M) return;
       const F = c(P);
       F !== _ && l && l(F);
     };
     return ot(
       s.class("bc-number-input-steppers"),
       s.type("button"),
-      d.button(
+      f.button(
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         s.disabled(
-          C(
-            w,
+          S(
+            y,
             e.disabled ?? !1
-          )((g, S) => !g || S)
+          )((b, C) => !b || C)
         ),
-        $.click((g) => y(1n, g)),
-        B.label(b.$.incrementValue),
+        $.click((b) => w(1n, b)),
+        B.label(v.$.incrementValue),
         ee({ icon: "line-md:plus", size: "xs" })
       ),
-      d.button(
+      f.button(
         s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         s.disabled(
-          C(
-            m,
+          S(
+            d,
             e.disabled ?? !1
-          )((g, S) => !g || S)
+          )((b, C) => !b || C)
         ),
-        $.click((g) => y(-1n, g)),
-        B.label(b.$.decrementValue),
+        $.click((b) => w(-1n, b)),
+        B.label(v.$.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, p = ve(t, e.disabled, l), g = u != null && o != null ? E(o, p, u) : u != null ? E(p, u) : o != null ? E(o, p) : p, x = l ? (v) => {
+    const d = St(v);
+    l(d === null ? null : c(d));
+  } : void 0, h = i ? (v) => {
+    const d = St(v);
+    i(d === null ? null : c(d));
   } : void 0;
   return Le({
     ...e,
-    value: h.map(t, (b) => b == null ? "" : b.toString()),
+    value: m.map(t, (v) => v == null ? "" : v.toString()),
     onChange: x,
-    onInput: v,
-    after: p,
+    onInput: h,
+    after: g,
     mask: null,
     allowMode: "digits",
     class: "bc-number-input"
   });
 }, 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 +2868,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 +2882,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 +2901,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 +2915,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 +2934,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 +2948,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 +2971,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 +2994,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 +3017,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,14 +3036,14 @@ 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;
-            return a(u.ZonedDateTime.from({ ...o, timeZone: f }));
+            const o = u.PlainDateTime.from(c), p = m.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            return a(u.ZonedDateTime.from({ ...o, timeZone: p }));
           })
         ) : R
       ),
@@ -3055,7 +3057,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 +3071,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 +3089,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 +3101,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 +3114,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 +3270,7 @@ function Fr({
           title: a.$.locale
         }),
         Ut({
-          options: h.map(
+          options: m.map(
             e,
             (i) => i.map((u) => {
               let c = u.name;
@@ -3309,41 +3311,41 @@ function pa({
   onClose: u,
   class: c
 } = {}, ...o) {
-  const f = h.map(i, (p) => p != null);
-  return d.section(
-    Y(() => h.dispose(f)),
+  const p = m.map(i, (g) => g != null);
+  return f.section(
+    Y(() => m.dispose(p)),
     s.class(
-      C(
+      S(
         n,
-        f,
+        p,
         t,
         e,
         c
       )(
-        (p, x, v, b, m) => [
+        (g, x, h, v, d) => [
           da(
-            p,
+            g,
             x,
+            h,
             v,
-            b,
-            m
+            d
           )
         ].join(" ")
       )
     ),
     s.style(
-      C(
+      S(
         a,
         r
       )(
-        (p, x) => fa(p, x)
+        (g, x) => fa(g, x)
       )
     ),
     B.live("polite"),
     B.busy(e),
     J(
       e,
-      () => d.div(
+      () => f.div(
         s.class("bc-notification__visual bc-notification__loader"),
         ee({
           icon: "line-md:loading-twotone-loop",
@@ -3353,25 +3355,25 @@ function pa({
         })
       ),
       () => J(
-        f,
-        () => d.div(
+        p,
+        () => f.div(
           s.class("bc-notification__visual bc-notification__icon"),
           ee({ icon: i, size: "lg", color: a })
         ),
-        () => d.div(
+        () => f.div(
           s.class("bc-notification__visual bc-notification__accent"),
           B.hidden(!0)
         )
       )
     ),
-    d.div(
+    f.div(
       s.class("bc-notification__body"),
-      l != null ? d.div(s.class("bc-notification__title"), l) : null,
-      d.div(s.class("bc-notification__content"), ...o)
+      l != null ? f.div(s.class("bc-notification__title"), l) : null,
+      f.div(s.class("bc-notification__content"), ...o)
     ),
     J(
       t,
-      () => d.div(
+      () => f.div(
         s.class("bc-notification__meta"),
         qe({
           size: "sm",
@@ -3416,26 +3418,26 @@ const ga = new ba(), an = {
         o >= 0 && n.splice(o, 1);
       };
     }
-    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 = {
-        animation: f,
-        class: h.toSignal(p.class),
-        loading: h.toSignal(p.loading ?? !1),
-        withCloseButton: h.toSignal(
-          p.withCloseButton == null && c == null ? !0 : p.withCloseButton ?? !0
+    const r = [], l = ({ dismissAfter: c, onClose: o, animation: p = { fade: !0 }, ...g }, ...x) => {
+      t.update((d) => d + 1);
+      const h = c != null ? typeof c == "number" ? Dn(c * 1e3) : c : void 0, v = {
+        animation: p,
+        class: m.toSignal(g.class),
+        loading: m.toSignal(g.loading ?? !1),
+        withCloseButton: m.toSignal(
+          g.withCloseButton == null && c == null ? !0 : g.withCloseButton ?? !0
         ),
-        withBorder: h.toSignal(p.withBorder ?? !1),
-        color: h.toSignal(p.color ?? "primary"),
-        radius: h.toSignal(p.radius ?? "md"),
-        title: p.title ?? R,
-        icon: h.toSignal(p.icon),
+        withBorder: m.toSignal(g.withBorder ?? !1),
+        color: m.toSignal(g.color ?? "primary"),
+        radius: m.toSignal(g.radius ?? "md"),
+        title: g.title ?? R,
+        icon: m.toSignal(g.icon),
         children: x,
-        listenRequestClose: (m) => (r.push(m), o?.(), () => {
+        listenRequestClose: (d) => (r.push(d), o?.(), () => {
         }),
-        delayedClose: v
+        delayedClose: h
       };
-      n.forEach((m) => m(b));
+      n.forEach((d) => d(v));
     }, i = () => {
       r.forEach((c) => c()), r.length = 0;
     }, u = ga.attach({ show: l, clear: i });
@@ -3454,13 +3456,13 @@ const ga = new ba(), an = {
   }
 };
 function ma() {
-  return ne(an, ({ listenOnShow: e, position: t }) => d.div(
+  return ne(an, ({ listenOnShow: e, position: t }) => f.div(
     s.class("bc-notification-viewport"),
     s.class(`bc-notification-viewport--${t}`),
     un(
       (n) => Y(
         e((a) => {
-          const r = [], l = d.div(
+          const r = [], l = f.div(
             wn(
               {
                 animation: a.animation,
@@ -3511,7 +3513,7 @@ function Ur({
     );
     return e ? pn(
       () => import("./translations-BaKCl3Vc.js"),
-      ({ AuthI18n: f }) => Lt(f, {}, () => o)
+      ({ AuthI18n: p }) => Lt(p, {}, () => o)
     ) : o;
   });
 }
@@ -3526,32 +3528,32 @@ function jr({
   navpanes: u = !0,
   search: c,
   nameddest: o,
-  viewrect: f,
-  highlight: p,
+  viewrect: p,
+  highlight: g,
   allowfullscreen: x = !1
 }) {
-  const v = h.toSignal(
+  const h = 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 (d) => {
+    if (d instanceof Blob) {
+      const y = await d.arrayBuffer(), w = new Blob([y], { type: "application/pdf" });
+      return URL.createObjectURL(w);
     } else {
-      if (m instanceof ArrayBuffer)
+      if (d instanceof ArrayBuffer)
         return URL.createObjectURL(
-          new Blob([m], { type: "application/pdf" })
+          new Blob([d], { type: "application/pdf" })
         );
-      if (m instanceof Uint8Array)
+      if (d instanceof Uint8Array)
         return URL.createObjectURL(
-          new Blob([new Uint8Array(m)], { type: "application/pdf" })
+          new Blob([new Uint8Array(d)], { type: "application/pdf" })
         );
-      if (typeof m == "string") {
-        const y = await (await fetch(m)).arrayBuffer(), g = new Blob([y], { type: "application/pdf" });
-        return URL.createObjectURL(g);
+      if (typeof d == "string") {
+        const w = await (await fetch(d)).arrayBuffer(), b = new Blob([w], { type: "application/pdf" });
+        return URL.createObjectURL(b);
       }
     }
-  }, null), b = C(
-    v,
+  }, null), v = S(
+    h,
     t,
     n,
     a,
@@ -3561,42 +3563,42 @@ function jr({
     u,
     c,
     o,
-    f,
-    p
-  )((m, w, y, g, S, _, L, V, P, I, M, F) => {
-    if (m == null) return null;
+    p,
+    g
+  )((d, y, w, b, C, _, L, V, P, I, M, F) => {
+    if (d == 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)}`);
+    y === !1 && O.push("toolbar=0"), w != null && w > 0 && O.push(`page=${w}`), b != null && b > 0 && O.push(`zoom=${b}`), C != null && O.push(`view=${C}`), _ != 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)}`);
     const H = O.join("&");
-    return H ? `${m}#${H}` : m;
+    return H ? `${d}#${H}` : d;
   });
-  return d.div(
+  return f.div(
     Y(
-      b,
-      v.on((m, w) => {
-        w != null && URL.revokeObjectURL(w);
+      v,
+      h.on((d, y) => {
+        y != null && URL.revokeObjectURL(y);
       }),
       () => {
-        const m = v.value;
-        m != null && URL.revokeObjectURL(m);
+        const d = h.value;
+        d != null && URL.revokeObjectURL(d);
       }
     ),
     s.class("h-full w-full"),
     // could also use embed or object. IFrame seems to work on Safari.
-    d.iframe(
+    f.iframe(
       s.class("h-full w-full"),
       s.allowfullscreen(x),
       s.title("PDF Preview"),
       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((d) => {
+        const y = d;
+        let w = !0;
         return Y(
-          b.on((g) => {
-            g != null && (y ? (w.src = g, y = !1) : (w.src = "about:blank", setTimeout(() => {
-              w.src = g;
+          v.on((b) => {
+            b != null && (w ? (y.src = b, w = !1) : (y.src = "about:blank", setTimeout(() => {
+              y.src = b;
             }, 50)));
           })
         );
@@ -3615,29 +3617,29 @@ function Hr({
   sidebarViewOnLoad: u,
   scrollModeOnLoad: c,
   spreadModeOnLoad: o,
-  enableScripting: f,
-  enablePrinting: p,
+  enableScripting: p,
+  enablePrinting: g,
   viewerUrl: x = null,
-  allowfullscreen: v = !0,
-  class: b = null
+  allowfullscreen: h = !0,
+  class: v = null
 }) {
-  const m = h.toSignal(
+  const d = 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), y = S(
+    d,
     x,
     t,
     n,
@@ -3648,50 +3650,50 @@ function Hr({
     u,
     c,
     o,
-    f,
-    p
-  )((y, g, S, _, L, V, P, I, M, F, O, H, oe) => {
-    if (y == null) return null;
-    const Q = g ?? "https://mozilla.github.io/pdf.js/web/viewer.html", U = new URLSearchParams();
-    U.set("file", encodeURIComponent(y));
+    p,
+    g
+  )((w, b, C, _, L, V, P, I, M, F, O, H, oe) => {
+    if (w == null) return null;
+    const Q = b ?? "https://mozilla.github.io/pdf.js/web/viewer.html", U = new URLSearchParams();
+    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"}`);
+    C != null && C > 0 && X.push(`page=${C}`), _ != 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"}`);
     const pe = X.length > 0 ? `#${X.join("&")}` : "";
     return `${Q}?${U.toString()}${pe}`;
   });
-  return d.div(
+  return f.div(
     Y(
-      w,
-      m.on((y, g) => {
-        g != null && g.startsWith("blob:") && URL.revokeObjectURL(g);
+      y,
+      d.on((w, b) => {
+        b != null && b.startsWith("blob:") && URL.revokeObjectURL(b);
       }),
       () => {
-        const y = m.value;
-        y != null && y.startsWith("blob:") && URL.revokeObjectURL(y);
+        const w = d.value;
+        w != null && w.startsWith("blob:") && URL.revokeObjectURL(w);
       }
     ),
     s.class("bc-pdfjs-preview h-full w-full"),
-    s.class(b),
-    d.iframe(
+    s.class(v),
+    f.iframe(
       s.class("h-full w-full"),
-      s.allowfullscreen(v),
+      s.allowfullscreen(h),
       s.title("PDF Preview"),
       s.loading("lazy"),
-      s.src(w)
+      s.src(y)
     )
   );
 }
-const zr = ({ id: e, css: t }) => at("head", d.style(s.id(e), s.innerHTML(t)));
+const zr = ({ id: e, css: t }) => at("head", f.style(s.id(e), s.innerHTML(t)));
 function ge(e, t) {
-  return t == null ? null : d.meta(
+  return t == null ? null : f.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(
+  return t == null ? null : f.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 +3701,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 +3734,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(f.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,
@@ -3781,23 +3783,23 @@ function va({
   scroll: u,
   replace: c,
   target: o,
-  rel: f
-}, ...p) {
+  rel: p
+}, ...g) {
   return J(
     r,
-    () => d.span(
+    () => f.span(
       s.class(
-        C(
+        S(
           t,
           r
-        )((x, v) => It(x, v))
+        )((x, h) => It(x, h))
       ),
       s.style(
-        C(a)(
+        S(a)(
           (x) => $t(x ?? "base")
         )
       ),
-      ...p
+      ...g
     ),
     () => rt(
       {
@@ -3810,17 +3812,17 @@ function va({
         })
       },
       s.class(
-        C(
+        S(
           t,
           r
-        )((x, v) => It(x, v))
+        )((x, h) => It(x, h))
       ),
       s.style(
-        C(n)((x) => $t(x ?? "primary"))
+        S(n)((x) => $t(x ?? "primary"))
       ),
       o ? s.target(o) : null,
-      f ? s.rel(f) : null,
-      ...p
+      p ? s.rel(p) : null,
+      ...g
     )
   );
 }
@@ -3846,10 +3848,10 @@ function xa(e, t, n) {
           return !1;
         const o = Array.from(
           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;
+        ).sort(), p = Array.from(a.entries()).sort();
+        return o.length !== p.length ? !1 : o.every(([g, x], h) => {
+          const [v, d] = p[h];
+          return g === v && x === d;
         });
       } catch {
         return e.pathname === t;
@@ -3859,7 +3861,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 +3874,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);
@@ -3897,19 +3899,19 @@ function qr({
   matchMode: u,
   disableWhenActive: c,
   variant: o = "filled",
-  size: f = "md",
-  color: p = "base",
+  size: p = "md",
+  color: g = "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,
+  disabled: h = !1
+}, ...v) {
+  return u !== void 0 || c !== void 0 ? ne(Ve, (d) => {
+    const y = u !== void 0 ? d.matchSignal(ct(e, u)) : S(d.location)(() => !1), w = S(
+      y,
       c
-    )((S, _) => !(_ ?? !0) || !u ? !1 : S), g = C(
-      v,
-      y
-    )((S, _) => S || _);
+    )((C, _) => !(_ ?? !0) || !u ? !1 : C), b = S(
+      h,
+      w
+    )((C, _) => C || _);
     return Tt(
       {
         href: e,
@@ -3920,12 +3922,12 @@ function qr({
         target: l,
         rel: i,
         variant: o,
-        size: f,
-        color: p,
+        size: p,
+        color: g,
         roundedness: x,
-        disabled: g
+        disabled: b
       },
-      ...b
+      ...v
     );
   }) : Tt(
     {
@@ -3937,12 +3939,12 @@ function qr({
       target: l,
       rel: i,
       variant: o,
-      size: f,
-      color: p,
+      size: p,
+      color: g,
       roundedness: x,
-      disabled: v
+      disabled: h
     },
-    ...b
+    ...v
   );
 }
 function Tt({
@@ -3956,36 +3958,36 @@ function Tt({
   variant: u = "default",
   size: c = "md",
   color: o = "base",
-  roundedness: f = "sm",
-  disabled: p = !1,
+  roundedness: p = "sm",
+  disabled: g = !1,
   fullWidth: x = !1,
-  loading: v = !1
-}, ...b) {
+  loading: h = !1
+}, ...v) {
   return J(
-    p ?? !1,
-    () => d.span(
+    g ?? !1,
+    () => f.span(
       s.class(
-        C(
+        S(
           c,
-          f,
-          v,
+          p,
+          h,
           x
         )(bt)
       ),
       s.style(
-        C(
+        S(
           u,
           o,
-          p
+          g
         )(
-          (m, w, y) => gt(
-            m ?? "filled",
-            w ?? "base",
-            y
+          (d, y, w) => gt(
+            d ?? "filled",
+            y ?? "base",
+            w
           )
         )
       ),
-      ...b
+      ...v
     ),
     () => rt(
       {
@@ -3998,29 +4000,29 @@ function Tt({
         })
       },
       s.class(
-        C(
+        S(
           c,
-          f,
-          v,
+          p,
+          h,
           x
         )(bt)
       ),
       s.style(
-        C(
+        S(
           u,
           o,
-          p
+          g
         )(
-          (m, w, y) => gt(
-            m ?? "filled",
-            w ?? "base",
-            y
+          (d, y, w) => gt(
+            d ?? "filled",
+            y ?? "base",
+            w
           )
         )
       ),
       l ? s.target(l) : null,
       i ? s.rel(i) : null,
-      ...b
+      ...v
     )
   );
 }
@@ -4037,16 +4039,16 @@ const ka = {
 function Zr({ backgroundMode: e = "light" }, ...t) {
   return Lt(
     ka,
-    h.map(
+    m.map(
       e,
       (n) => ({
         backgroundMode: n
       })
     ),
-    () => d.div(
+    () => f.div(
       s.class("bc-sidebar"),
       s.class(
-        h.map(
+        m.map(
           e,
           (n) => n === "dark" ? "bc-sidebar--dark-bg" : ""
         )
@@ -4057,10 +4059,10 @@ function Zr({ backgroundMode: e = "light" }, ...t) {
 }
 function _t({ rail: e, header: t }, ...n) {
   return ot(
-    t != null ? d.div(s.class("bc-sidebar-group__header"), t) : null,
-    d.div(
+    t != null ? f.div(s.class("bc-sidebar-group__header"), t) : null,
+    f.div(
       s.class(
-        h.map(
+        m.map(
           e ?? !1,
           (a) => a ? "bc-sidebar-group--rail" : ""
         )
@@ -4080,14 +4082,14 @@ function Ca(e, ...t) {
   return rt({ href: e.href, ...n }, ...t);
 }
 function Sa(...e) {
-  return d.span(...e);
+  return f.span(...e);
 }
 function Ia(e, ...t) {
-  return d.button(
+  return f.button(
     s.type("button"),
     $.click(e.onClick),
     e.ariaExpanded != null ? B.expanded(
-      h.map(
+      m.map(
         e.ariaExpanded,
         (n) => n
       )
@@ -4100,16 +4102,16 @@ function Ia(e, ...t) {
 function $a(e) {
   const t = [s.class("bc-sidebar-link")];
   return e.icon != null && t.push(
-    d.span(
+    f.span(
       s.class("bc-sidebar-link--icon"),
       ee({ icon: e.icon })
     )
   ), t.push(
-    d.span(s.class("bc-sidebar-link__content"), e.content)
+    f.span(s.class("bc-sidebar-link__content"), e.content)
   ), e.right != null && t.push(
-    d.span(s.class("bc-sidebar-link__right"), e.right)
+    f.span(s.class("bc-sidebar-link__right"), e.right)
   ), e.action != null && t.push(
-    d.button(
+    f.button(
       s.type("button"),
       s.class("bc-sidebar-link--action"),
       $.click((n, a) => {
@@ -4138,7 +4140,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"),
@@ -4156,7 +4158,7 @@ function Gr({
       // Add ARIA attributes for the toggle button
       ariaExpanded: l,
       ariaControls: u,
-      right: d.span(
+      right: f.span(
         s.class("bc-sidebar-group-collapsible-indicator"),
         ee({ icon: "lucide:chevron-down", color: "base" })
       ),
@@ -4166,7 +4168,7 @@ function Gr({
   );
 }
 function Kr() {
-  return d.hr(s.class("bc-sidebar-separator"));
+  return f.hr(s.class("bc-sidebar-separator"));
 }
 function Ta(e, t, n, a) {
   const r = ["bc-tabs", `bc-tabs--${e}`, `bc-tabs--${t}`];
@@ -4194,7 +4196,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++;
   }
@@ -4211,87 +4213,87 @@ function Qr(e) {
     disabled: u = !1,
     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) {
-      case (g ? "ArrowRight" : "ArrowDown"):
-        m.preventDefault(), S = Ue(y, t, 1);
+    ariaLabel: p
+  } = e, g = he("tablist"), x = G(-1), h = S(n)((d) => t.find((y) => y.key === d)), v = (d) => {
+    if (m.get(u)) return;
+    const w = x.value, b = m.get(c) === "horizontal";
+    let C = w;
+    switch (d.key) {
+      case (b ? "ArrowRight" : "ArrowDown"):
+        d.preventDefault(), C = Ue(w, t, 1);
         break;
-      case (g ? "ArrowLeft" : "ArrowUp"):
-        m.preventDefault(), S = Ue(y, t, -1);
+      case (b ? "ArrowLeft" : "ArrowUp"):
+        d.preventDefault(), C = Ue(w, t, -1);
         break;
       case "Home":
-        m.preventDefault(), S = Ue(-1, t, 1);
+        d.preventDefault(), C = Ue(-1, t, 1);
         break;
       case "End":
-        m.preventDefault(), S = Ue(t.length, t, -1);
+        d.preventDefault(), C = 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 (d.preventDefault(), w >= 0 && w < t.length) {
+          const _ = t[w];
+          m.get(_.disabled ?? !1) || a?.(_.key);
         }
         break;
     }
-    S !== y && S >= 0 && S < t.length && (x.set(S), setTimeout(() => {
+    C !== w && C >= 0 && C < t.length && (x.set(C), setTimeout(() => {
       const _ = document.querySelector(
-        `[data-tab-index="${S}"]`
+        `[data-tab-index="${C}"]`
       );
       _ && _.focus();
     }, 0));
   };
-  return d.div(
-    Y(v, x),
+  return f.div(
+    Y(h, x),
     s.class(
-      C(
+      S(
         r,
         c,
         u,
         l
       )(
-        (m, w, y, g) => Ta(
-          m ?? "md",
-          w ?? "horizontal",
-          y ?? !1,
-          g ?? "default"
+        (d, y, w, b) => Ta(
+          d ?? "md",
+          y ?? "horizontal",
+          w ?? !1,
+          b ?? "default"
         )
       )
     ),
     s.style(
-      C(
+      S(
         l,
         i
       )(
-        (m, w) => _a(m ?? "default", w ?? "primary")
+        (d, y) => _a(d ?? "default", y ?? "primary")
       )
     ),
     // Tab list
-    d.div(
+    f.div(
       s.class("bc-tabs__list"),
       s.role("tablist"),
-      s.id(p),
+      s.id(g),
       B.orientation(
         c ?? "horizontal"
       ),
-      f ? B.label(f) : E(),
-      $.keydown(b),
-      ...t.map((m, w) => {
-        const y = C(n)((L) => L === m.key), g = C(
+      p ? B.label(p) : E(),
+      $.keydown(v),
+      ...t.map((d, y) => {
+        const w = S(n)((L) => L === d.key), b = S(
           u,
-          m.disabled
-        )((L, V) => L || V), S = `${p}-tab-${m.key}`, _ = `${p}-panel-${m.key}`;
-        return d.button(
-          Y(y, g),
+          d.disabled
+        )((L, V) => L || V), C = `${g}-tab-${d.key}`, _ = `${g}-panel-${d.key}`;
+        return f.button(
+          Y(w, b),
           s.type("button"),
           s.class(
-            C(
+            S(
               r,
-              y,
-              g
+              w,
+              b
             )(
               (L, V, P) => Da(
                 L ?? "md",
@@ -4300,45 +4302,45 @@ function Qr(e) {
               )
             )
           ),
-          s.id(S),
+          s.id(C),
           s.role("tab"),
           s.tabindex(
-            C(
-              y,
+            S(
+              w,
               x
-            )((L, V) => L || V === w ? 0 : -1)
+            )((L, V) => L || V === y ? 0 : -1)
           ),
-          B.selected(y),
+          B.selected(w),
           B.controls(_),
-          B.disabled(g),
-          s.disabled(g),
-          nt["tab-index"](String(w)),
-          m.ariaLabel ? B.label(m.ariaLabel) : E(),
+          B.disabled(b),
+          s.disabled(b),
+          nt["tab-index"](String(y)),
+          d.ariaLabel ? B.label(d.ariaLabel) : E(),
           $.click((L) => {
-            L.preventDefault(), h.get(m.disabled ?? !1) || h.get(u) || (a?.(m.key), x.set(w));
+            L.preventDefault(), m.get(d.disabled ?? !1) || m.get(u) || (a?.(d.key), x.set(y));
           }),
           $.focus(() => {
-            x.set(w);
+            x.set(y);
           }),
-          m.label
+          d.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}`);
-        return d.div(
-          Y(w),
+      () => Ye(h, (d) => {
+        const y = d.$.key, w = y.map((C) => `${g}-tab-${C}`), b = y.map((C) => `${g}-panel-${C}`);
+        return f.div(
+          Y(y),
           s.class("bc-tabs__panels"),
-          d.div(
+          f.div(
             s.class("bc-tabs__panel"),
-            s.id(g),
+            s.id(b),
             s.role("tabpanel"),
             s.tabindex(0),
-            B.labelledby(y),
-            At(m, (S) => S.content())
+            B.labelledby(w),
+            At(d, (C) => C.content())
           )
         );
       })
@@ -4353,23 +4355,23 @@ function Xr(e) {
       const {
         size: c = "md",
         side: o = "right",
-        dismissable: f = !0,
-        showCloseButton: p = !0,
+        dismissable: p = !0,
+        showCloseButton: g = !0,
         onClose: x,
-        overlayEffect: v = "opaque",
-        container: b = "body",
-        header: m,
-        body: w,
-        footer: y
+        overlayEffect: h = "opaque",
+        container: v = "body",
+        header: d,
+        body: y,
+        footer: w
       } = u;
       a = n;
-      const g = G("capturing");
-      h.on(f, (L) => {
-        g.set(L ? "capturing" : "non-capturing");
+      const b = G("capturing");
+      m.on(p, (L) => {
+        b.set(L ? "capturing" : "non-capturing");
       });
-      const S = C(
-        m != null,
-        p
+      const C = S(
+        d != null,
+        g
       )((L, V) => L || V), _ = ae((L) => {
         const V = Me({
           initialStatus: "closed",
@@ -4380,16 +4382,16 @@ function Xr(e) {
         }), a = () => {
           V.close();
         }, We(() => V.open());
-        const I = he("drawer"), M = m != null ? `${I}-header` : void 0, F = `${I}-body`;
-        return d.div(
+        const I = he("drawer"), M = d != null ? `${I}-header` : void 0, F = `${I}-body`;
+        return f.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-${v} bc-drawer--side-${H} bc-drawer--status-${oe}`
             )
           ),
           // Essential ARIA attributes for drawer dialog
@@ -4414,12 +4416,12 @@ function Xr(e) {
           $.mousedown((O) => O.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
-          At(S, (O) => kt(O ? {
-            header: d.div(
+          At(C, (O) => kt(O ? {
+            header: f.div(
               s.class("bc-drawer__header"),
-              d.div(s.id(M), m),
+              f.div(s.id(M), d),
               J(
-                p,
+                g,
                 () => ne(
                   fe,
                   (H) => qe({
@@ -4430,27 +4432,27 @@ function Xr(e) {
                 )
               )
             ),
-            body: d.div(
+            body: f.div(
               s.class("bc-drawer__body"),
               s.id(F),
-              w
+              y
             ),
-            footer: y && d.div(s.class("bc-drawer__footer"), y)
+            footer: w && f.div(s.class("bc-drawer__footer"), w)
           } : {
-            body: d.div(
+            body: f.div(
               s.class("bc-drawer__body"),
               s.id(F),
-              w
+              y
             ),
-            footer: y && d.div(s.class("bc-drawer__footer"), y)
+            footer: w && f.div(s.class("bc-drawer__footer"), w)
           }))
         );
       });
       t({
-        mode: g,
-        effect: v ?? "opaque",
-        container: b,
-        content: E(Y(g, S), _),
+        mode: b,
+        effect: h ?? "opaque",
+        container: v,
+        content: E(Y(b, C), _),
         onClickOutside: () => {
           x?.(), r();
         },
@@ -4505,18 +4507,18 @@ function Jr(e) {
       // Override the default dialog role for tooltips
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       arrow: (o) => {
-        const f = o.map(
+        const p = o.map(
           ({
-            placement: p
-          }) => p.includes("top") ? "down" : p.includes("bottom") ? "up" : p.includes("left") ? "right" : p.includes("right") ? "left" : "up"
+            placement: g
+          }) => g.includes("top") ? "down" : g.includes("bottom") ? "up" : g.includes("left") ? "right" : g.includes("right") ? "left" : "up"
         );
         return E(
           s.class("bc-tooltip__arrow"),
-          s.class(f.map((p) => `bc-tooltip__arrow-${p}`)),
+          s.class(p.map((g) => `bc-tooltip__arrow-${g}`)),
           k.transform(
-            o.map(({ x: p, y: x }) => p == null && x == null ? "" : p != null ? `translate(${p}px, 0)` : `translate(0, ${x}px)`)
+            o.map(({ x: g, y: x }) => g == null && x == null ? "" : g != null ? `translate(${g}px, 0)` : `translate(0, ${x}px)`)
           ),
-          Pa(f)
+          Pa(p)
         );
       }
     })
@@ -4548,11 +4550,11 @@ function es({
   angle: l = 45,
   corner: i = "top-end"
 }, ...u) {
-  return d.div(
+  return f.div(
     s.class("bc-ribbon"),
     // Theme styles via CSS variables
     s.style(
-      C(
+      S(
         e,
         n,
         a,
@@ -4579,25 +4581,25 @@ function ts(e, t) {
     };
     return t((x) => {
       o = c;
-      const v = G(
+      const h = 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 v = typeof n == "boolean" ? n : !0;
+      m.on(n, (y) => {
+        v = y, h.set(y ? "capturing" : "non-capturing");
       });
-      const m = d.div(
+      const d = f.div(
         s.class("bc-lightbox"),
         // Close button (top-end)
         J(
           a,
           () => ne(
             fe,
-            (w) => d.div(
+            (y) => f.div(
               s.class("bc-lightbox__close"),
               qe({
                 size: "md",
-                label: w.$.closeModal,
+                label: y.$.closeModal,
                 onClick: () => {
                   o(), c();
                 }
@@ -4607,28 +4609,28 @@ function ts(e, t) {
           () => null
         ),
         // Viewport (centering + padding)
-        d.div(
+        f.div(
           s.class("bc-lightbox__viewport"),
           // Visual padding applied here
           s.style(
-            C(i)(
-              (w) => `padding:${typeof w == "number" ? w + "px" : w}`
+            S(i)(
+              (y) => `padding:${typeof y == "number" ? y + "px" : y}`
             )
           ),
           // Content wrapper capped by viewport; overflow is clipped
-          d.div(s.class("bc-lightbox__content"), x)
+          f.div(s.class("bc-lightbox__content"), x)
         )
       );
       u({
-        mode: v,
+        mode: h,
         effect: r ?? "opaque",
         container: l,
-        content: E(Y(v), m),
+        content: E(Y(h), d),
         onClickOutside: () => {
-          b && (o(), c());
+          v && (o(), c());
         },
         onEscape: () => {
-          b && (o(), c());
+          v && (o(), c());
         }
       });
     }, () => {
@@ -4661,16 +4663,16 @@ function ns(e) {
     playbackRate: u = 1,
     pip: c = !1,
     playsinline: o = !0,
-    width: f,
-    height: p,
+    width: p,
+    height: g,
     progressInterval: x = 1e3,
-    seekTo: v,
-    config: b,
-    onReady: m,
-    onStart: w,
-    onPlay: y,
-    onPause: g,
-    onBuffer: S,
+    seekTo: h,
+    config: v,
+    onReady: d,
+    onStart: y,
+    onPlay: w,
+    onPause: b,
+    onBuffer: C,
     onBufferEnd: _,
     onEnded: L,
     onError: V,
@@ -4702,17 +4704,17 @@ function ns(e) {
   }
   const ue = [];
   ue.push(
-    h.on(t, (T) => {
+    m.on(t, (T) => {
       typeof T == "string" && T.length > 0 && Aa(T) ? Q.value = "youtube" : (Q.value = "file", U && Oe());
     })
   );
   async function Oe() {
     const T = U;
     if (!T) return;
-    const A = h.get(t);
+    const A = m.get(t);
     if (typeof A != "string" || A.length === 0) return;
     Ne();
-    const j = b?.file?.forceHLS ?? !1;
+    const j = v?.file?.forceHLS ?? !1;
     if (H(A) || j) {
       if (oe(T)) {
         T.setAttribute("src", A);
@@ -4736,7 +4738,7 @@ function ns(e) {
               T.load();
             } catch {
             }
-            const Ke = new De(b?.hls);
+            const Ke = new De(v?.hls);
             pe = Ke, Ke.attachMedia(T), Ke.loadSource(A);
           } else {
             T.setAttribute("src", A);
@@ -4769,7 +4771,7 @@ function ns(e) {
   }
   function Re() {
     X?.();
-    const T = h.get(x) ?? 1e3;
+    const T = m.get(x) ?? 1e3;
     X = vt(() => {
       const A = U;
       if (!A) return;
@@ -4786,17 +4788,17 @@ function ns(e) {
     if (T != null)
       return typeof T == "number" ? `${T}px` : T;
   }
-  const Ae = d.video(
+  const Ae = f.video(
     ae((T) => {
-      U = T, m?.();
+      U = T, d?.();
       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(() => {
+      }), y?.());
       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(() => {
         });
@@ -4806,18 +4808,18 @@ function ns(e) {
     }),
     // size
     k.width(
-      h.map(f, ke)
+      m.map(p, ke)
     ),
     k.height(
-      h.map(p, ke)
+      m.map(g, ke)
     ),
     // Events
-    $.play(() => y?.()),
+    $.play(() => w?.()),
     $.playing(() => {
-      w?.(), _?.();
+      y?.(), _?.();
     }),
-    $.pause(() => g?.()),
-    $.waiting(() => S?.()),
+    $.pause(() => b?.()),
+    $.waiting(() => C?.()),
     $.canplay(() => {
       const T = U?.duration;
       T != null && Number.isFinite(T) && P?.(T);
@@ -4829,7 +4831,7 @@ function ns(e) {
   );
   let Ce = null, z = null, Se = null;
   function Ie() {
-    const T = h.get(t);
+    const T = m.get(t);
     !Ce || typeof T != "string" || Ba().then((A) => {
       const j = rn(T);
       if (j) {
@@ -4842,18 +4844,18 @@ function ns(e) {
           playerVars: Va(e),
           events: {
             onReady: () => {
-              m?.(), D(), h.get(n) && w?.(), Ge();
+              d?.(), D(), m.get(n) && y?.(), Ge();
             },
             onStateChange: (Z) => {
               switch (Z.data) {
                 case A.PlayerState.PLAYING:
-                  y?.(), _?.();
+                  w?.(), _?.();
                   break;
                 case A.PlayerState.PAUSED:
-                  g?.();
+                  b?.();
                   break;
                 case A.PlayerState.BUFFERING:
-                  S?.();
+                  C?.();
                   break;
                 case A.PlayerState.ENDED:
                   L?.();
@@ -4870,7 +4872,7 @@ function ns(e) {
   }
   function Ge() {
     Se?.();
-    const T = h.get(x) ?? 1e3;
+    const T = m.get(x) ?? 1e3;
     Se = vt(() => {
       if (!z) return;
       const A = z.getDuration?.() ?? 0, j = z.getCurrentTime?.() ?? 0, Z = z.getVideoLoadedFraction?.() ?? 0;
@@ -4885,68 +4887,68 @@ function ns(e) {
   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(h);
     typeof A == "number" && Number.isFinite(A) && (z.seekTo?.(A, !0), I?.(A));
   }
-  const N = d.div(
+  const N = f.div(
     ae((T) => {
-      Ce = T, Ie(), m?.();
+      Ce = T, Ie(), d?.();
     })
   );
   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
+          Math.min(Math.max(m.get(l) ?? 1, 0), 1) * 100
         );
         z.setVolume?.(T);
       }
     })
   ), 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;
+          const T = !!(m.get(c) ?? !1), A = document, j = U;
           T ? typeof j.requestPictureInPicture == "function" && A.pictureInPictureElement !== U && await j.requestPictureInPicture()?.catch(() => {
           }) : A.pictureInPictureElement === U && typeof A.exitPictureInPicture == "function" && await A.exitPictureInPicture()?.catch(() => {
           });
@@ -4954,8 +4956,8 @@ function ns(e) {
         }
     })
   ), ue.push(
-    h.on(v ?? null, () => {
-      const T = h.get(v);
+    m.on(h ?? null, () => {
+      const T = m.get(h);
       if (T != null)
         if (Q.value === "file" && U)
           try {
@@ -4965,16 +4967,16 @@ function ns(e) {
         else Q.value === "youtube" && z && (z.seekTo?.(T, !0), I?.(T));
     })
   );
-  const K = d.div(
+  const K = f.div(
     s.class("bc-base-video"),
     k.width(
-      h.map(f, ke)
+      m.map(p, ke)
     ),
     k.height(
-      h.map(p, ke)
+      m.map(g, ke)
     ),
     J(
-      h.map(Q, (T) => T === "youtube"),
+      m.map(Q, (T) => T === "youtube"),
       () => N,
       () => Ae
     )
@@ -4991,12 +4993,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 {