@tempots/beatui 0.51.0 → 0.51.1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-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 { prop as G, html as d, attr as s, computedOf as S, Fragment as E, OnDispose as Y, When as J, Value as m, Use as ne, Empty as R, input as se, on as $, emitValue as W, WithElement as ae, style as C, aria as B, OneOfValue as sn, Unless as ln, coalesce as Te, ForEach as _e, Ensure as Ye, OneOfType as Dt, dataAttr as nt, NotEmpty as on, emitValueAsDate as cn, Portal as at, makeProviderMark as Pt, WithBrowserCtx as un, renderWithContext as dn, WithProvider as fn, Task as pn, Provide as Lt, MapSignal as At, svg as ut, svgAttr as dt } from "@tempots/dom";
 import { Use as ss } from "@tempots/dom";
 import { PopOver as bn, ElementRect as Ee, WindowSize as gn, Query as mn, Location as Ve, NavigationService as hn, Anchor as rt } from "@tempots/ui";
 import { i as ce, t as we, h as ft, e as de, a as fe, I as ee, b as te, C as le, B as pt, c as ze, L as st, j as bt, k as gt } from "./translations-DoBmuZ5v.js";
@@ -115,7 +115,7 @@ function qa({
   circle: r = !1,
   fullWidth: l = !1
 }, ...i) {
-  return f.span(
+  return d.span(
     s.class(
       S(
         t,
@@ -123,11 +123,11 @@ function qa({
         r,
         l
       )(
-        (u, c, o, p) => Pn(
+        (u, c, o, f) => Pn(
           u ?? "md",
           c ?? "sm",
           o ?? !1,
-          p ?? !1
+          f ?? !1
         )
       )
     ),
@@ -142,7 +142,7 @@ function qa({
         )
       )
     ),
-    f.span(s.class("bc-badge__content"), ...i)
+    d.span(s.class("bc-badge__content"), ...i)
   );
 }
 function Za({
@@ -154,37 +154,45 @@ function Za({
 }) {
   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 + "/");
+  const c = (b) => b.dataTransfer?.types.includes("Files") ?? !1, o = (b, w) => w === "*/*" ? !0 : w.split(",").map((k) => k.trim()).some((k) => {
+    if (k === "*/*") return !0;
+    if (k.endsWith("/*")) {
+      const T = k.slice(0, -2);
+      return b.type.startsWith(T + "/");
     }
-    return 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)
+    return b.type === k || b.name.endsWith(k);
+  }), f = (b) => {
+    m.get(r) || c(b) && (b.preventDefault(), b.stopPropagation(), u++, u === 1 && (l.value = !0));
+  }, p = (b) => {
+    m.get(r) || c(b) && (b.preventDefault(), b.stopPropagation(), b.dataTransfer != null && (b.dataTransfer.dropEffect = "copy"));
+  }, x = (b) => {
+    m.get(r) || c(b) && (b.preventDefault(), b.stopPropagation(), u--, u === 0 && (l.value = !1));
+  }, v = (b) => {
+    if (m.get(r) || !c(b)) return;
+    b.preventDefault(), b.stopPropagation(), u = 0, l.value = !1;
+    const w = Array.from(b.dataTransfer?.files ?? []);
+    if (w.length > 0) {
+      const g = m.get(t), k = w.filter(
+        (T) => o(T, g)
       );
-      b.length > 0 && (i.value = b, e(b));
+      k.length > 0 && (i.value = k, e(k));
     }
   };
-  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", p), document.removeEventListener("dragover", g), document.removeEventListener("dragleave", x), document.removeEventListener("drop", h)), u = 0;
-    }, l, i),
+  typeof document < "u" && (document.addEventListener("dragenter", f), document.addEventListener("dragover", p), document.addEventListener("dragleave", x), document.addEventListener("drop", v));
+  const y = () => {
+    typeof document < "u" && (document.removeEventListener("dragenter", f), document.removeEventListener("dragover", p), document.removeEventListener("dragleave", x), document.removeEventListener("drop", v)), u = 0;
+  }, h = () => {
+    const b = document.createElement("input");
+    b.type = "file", b.multiple = !0, b.accept = m.get(t), b.style.display = "none", document.body.appendChild(b), b.addEventListener("change", () => {
+      const w = Array.from(b.files ?? []);
+      w.length > 0 && (i.value = w, e(w)), document.body.removeChild(b);
+    }), b.click();
+  };
+  return E(
+    Y(y, l, i),
     // Render overlay content to body when dragging (if content is provided)
     n != null ? J(l, () => n({ files: i })) : null,
-    a != null ? a({ isDragging: l, files: i }) : null
+    a != null ? a({ isDragging: l, files: i, selectFiles: h }) : null
   );
 }
 function An(e, t, n, a, r, l) {
@@ -206,7 +214,7 @@ function Ga({
   withRowBorders: u = !0,
   borderRadius: c
 } = {}, ...o) {
-  const p = S(
+  const f = S(
     e,
     t,
     n,
@@ -214,29 +222,29 @@ function Ga({
     i,
     u
   )(
-    (h, v, d, y, w, b) => An(
-      h ?? "md",
-      v ?? !1,
-      d ?? !1,
+    (v, y, h, b, w, g) => An(
+      v ?? "md",
       y ?? !1,
+      h ?? !1,
+      b ?? !1,
       w ?? !1,
-      b ?? !0
+      g ?? !0
     )
-  ), g = S(
+  ), p = S(
     n,
     a,
     l
-  )((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(" ");
+  )((v, y, h) => {
+    const b = ["bc-table-container"];
+    return v && b.push("bc-table-container--sticky"), y && b.push("bc-table-container--full-width"), h && b.push("bc-table-container--with-table-border"), b.join(" ");
   }), x = S(c)(
-    (h) => Bn(h)
+    (v) => Bn(v)
   );
-  return f.div(
-    Y(p, g, x),
-    s.class(g),
+  return d.div(
+    Y(f, p, x),
+    s.class(p),
     s.style(x),
-    f.table(s.class(p), ...o)
+    d.table(s.class(f), ...o)
   );
 }
 function Vn(e, t) {
@@ -263,7 +271,7 @@ const jt = ({
   size: a = "md",
   class: r,
   disabled: l
-}) => f.span(
+}) => d.span(
   s.class(
     S(
       a ?? "md",
@@ -277,7 +285,7 @@ const jt = ({
   ),
   // Allow external classes like bc-tag--disabled to be applied
   s.class(r),
-  f.span(e),
+  d.span(e),
   n != null ? ne(
     fe,
     (i) => qe(
@@ -302,15 +310,15 @@ function En({
     value: e,
     disabled: n,
     options: {
-      system: f.span(
+      system: d.span(
         s.title("System"),
         ee({ icon: "line-md:laptop", color: "gray" })
       ),
-      light: f.span(
+      light: d.span(
         s.title("Light"),
         ee({ icon: "line-md:sunny-twotone-loop", color: "yellow" })
       ),
-      dark: f.span(
+      dark: d.span(
         s.title("Dark"),
         ee({
           icon: "line-md:sunny-outline-to-moon-alt-loop-transition",
@@ -336,16 +344,16 @@ function Nn({
   onInput: n
 }) {
   let a = null;
-  return f.div(
+  return d.div(
     s.class("bc-color-input__swatch-container"),
-    f.span(
+    d.span(
       s.class("bc-color-input__swatch"),
       $.click(() => a?.showPicker()),
       se.color(
         ae((r) => (a = r, R)),
         s.value(e),
-        k.width("4px"),
-        k.height("4px"),
+        C.width("4px"),
+        C.height("4px"),
         t != null ? $.change(W(t)) : R,
         n != null ? $.input(W(n)) : R
       ),
@@ -385,21 +393,21 @@ function Ze(e) {
     showOn: u = "hover-focus",
     closable: c = !0,
     arrow: o,
-    role: p,
-    hasPopup: g = "dialog"
+    role: f,
+    hasPopup: p = "dialog"
   } = e;
-  return bn((x, h) => {
-    const v = Me({
+  return bn((x, v) => {
+    const y = Me({
       initialStatus: "closed"
-    }), 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), b && (b(), b = null), w && (document.removeEventListener("keydown", w), w = null), y.set(!1), C = !1;
+    }), h = he("flyout"), b = G(!1);
+    let w = null, g = null, k = !1;
+    function T() {
+      V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), g && (g(), g = null), w && (document.removeEventListener("keydown", w), w = null), b.set(!1), k = !1;
     }
     function L() {
       m.get(c) && (w = (F) => {
         F.key === "Escape" && M();
-      }, document.addEventListener("keydown", w)), C = !0, y.set(!0), x({
+      }, document.addEventListener("keydown", w)), k = !0, b.set(!0), x({
         placement: n ?? "top",
         mainAxisOffset: l,
         crossAxisOffset: i,
@@ -408,27 +416,27 @@ function Ze(e) {
         },
         arrow: o,
         content: ae((F) => {
-          v.setElement(F), b = We(() => {
-            v.open(), b = null;
+          y.setElement(F), g = We(() => {
+            y.open(), g = null;
           });
           const O = (H) => {
-            m.get(c) && H.key === "Escape" && (H.preventDefault(), H.stopPropagation(), M(), y.set(!1));
+            m.get(c) && H.key === "Escape" && (H.preventDefault(), H.stopPropagation(), M(), b.set(!1));
           };
           return document.addEventListener("keydown", O, !0), E(
             Y(() => {
-              _(), document.removeEventListener("keydown", O, !0);
+              T(), document.removeEventListener("keydown", O, !0);
             }),
             s.class("bc-flyout-container"),
-            s.id(d),
+            s.id(h),
             s.tabindex(-1),
             // Make focusable for screen readers
-            f.div(
+            d.div(
               s.class("bc-flyout"),
               tt({
                 animation: m.map(n, On),
-                status: v.status
+                status: y.status
               }),
-              p ? s.role(p) : s.role("dialog"),
+              f ? s.role(f) : s.role("dialog"),
               // Default to dialog role
               t()
             )
@@ -438,10 +446,10 @@ function Ze(e) {
     }
     let V = null;
     function P() {
-      if (V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), v.isOpened.value || v.isOpening.value || v.isStartOpening.value)
+      if (V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), y.isOpened.value || y.isOpening.value || y.isStartOpening.value)
         return;
-      if (v.isClosing.value || v.isStartClosing.value) {
-        v.open();
+      if (y.isClosing.value || y.isStartClosing.value) {
+        y.open();
         return;
       }
       const F = m.get(a);
@@ -451,27 +459,27 @@ function Ze(e) {
     }
     let I = null;
     function M() {
-      if (V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), y.set(!1), b && (b(), b = null, C)) {
-        h(), _();
+      if (V != null && (clearTimeout(V), V = null), I != null && (clearTimeout(I), I = null), b.set(!1), g && (g(), g = null, k)) {
+        v(), T();
         return;
       }
       const F = m.get(r);
       I = setTimeout(() => {
-        I = null, v.close(), v.listenOnClosed(() => {
-          h(), _();
+        I = null, y.close(), y.listenOnClosed(() => {
+          v(), T();
         });
       }, F);
     }
     return ae((F) => {
       const O = () => {
-        P(), y.set(!0);
+        P(), b.set(!0);
       }, H = () => {
-        M(), y.set(!1);
+        M(), b.set(!1);
       }, oe = E(
-        B.expanded(y),
-        B.controls(d),
+        B.expanded(b),
+        B.controls(h),
         B.haspopup(
-          g
+          p
         )
       );
       if (typeof u == "function")
@@ -482,7 +490,7 @@ function Ze(e) {
       const Q = u;
       return E(
         oe,
-        Y(y, v),
+        Y(b, y),
         sn(Q, {
           "hover-focus": () => E(
             $.mouseenter(() => O()),
@@ -542,38 +550,38 @@ function Xa({
   iconColor: u = "primary",
   iconSize: c = "md",
   backgroundColor: o,
-  borderColor: p,
-  titleColor: g,
+  borderColor: f,
+  titleColor: p,
   descriptionColor: x
 }) {
-  const h = l != null;
-  return f.div(
+  const v = l != null;
+  return d.div(
     s.class(
       S(
         a,
         r,
         i
       )(
-        (v, d, y) => Rn(
-          v ?? !1,
-          d ?? !1,
-          y ?? "md",
-          h
+        (y, h, b) => Rn(
+          y ?? !1,
+          h ?? !1,
+          b ?? "md",
+          v
         )
       )
     ),
     s.style(
       S(
         o,
+        f,
         p,
-        g,
         x
       )(
-        (v, d, y, w) => Fn(v, d, y, w)
+        (y, h, b, w) => Fn(y, h, b, w)
       )
     ),
     J(
-      h,
+      v,
       () => E(
         ln(
           r,
@@ -587,15 +595,15 @@ function Xa({
     ),
     B.disabled(r),
     // Icon container
-    f.div(
+    d.div(
       s.class("bc-action-card__icon"),
       ee({ icon: e, size: c, color: u })
     ),
     // Content container
-    f.div(
+    d.div(
       s.class("bc-action-card__content"),
-      f.div(s.class("bc-action-card__title"), t),
-      f.div(s.class("bc-action-card__description"), n)
+      d.div(s.class("bc-action-card__title"), t),
+      d.div(s.class("bc-action-card__description"), n)
     )
   );
 }
@@ -637,14 +645,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 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] };
+      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] };
     });
     return e({
       value: u,
       breakpoints: t,
       asList: r,
-      is: (o, p) => Hn(r, o, p)
+      is: (o, f) => Hn(r, o, f)
     });
   };
   return n === "element" ? Ee(l) : gn(l);
@@ -702,10 +710,10 @@ function ye(e) {
     (a) => de(a, "lighter", "dark")
   );
   return E(
-    k.variable("--panel-bg", t.$.backgroundColor),
-    k.variable("--panel-text", t.$.textColor),
-    k.variable("--panel-bg-dark", n.$.backgroundColor),
-    k.variable("--panel-text-dark", n.$.textColor)
+    C.variable("--panel-bg", t.$.backgroundColor),
+    C.variable("--panel-text", t.$.textColor),
+    C.variable("--panel-bg-dark", n.$.backgroundColor),
+    C.variable("--panel-text-dark", n.$.textColor)
   );
 }
 const me = {
@@ -808,15 +816,15 @@ function Yn({
       [null],
       [null]
     ];
+    const f = [];
+    f.push("1fr");
     const p = [];
-    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(
+    return a.banner && (p.push(a.banner[c] + "px"), o[0][1] = "banner"), (a.header || n.menu || n.aside) && (p.push(
       (a.header?.[c] ?? me.header[c]) + "px"
-    ), 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(`
+    ), 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(`
 `),
       displayMenu: !1,
       displayAside: !1,
@@ -833,15 +841,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 = [];
-    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(
+    return a.banner && (p.push(a.banner[c] + "px"), o[0][0] = "?banner", o[0][1] = "banner"), (a.header || n.aside) && (p.push(
       (a.header?.[c] ?? me.header[c]) + "px"
-    ), 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(`
+    ), 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(`
 `),
       displayMenu: !0,
       displayAside: !1,
@@ -858,13 +866,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 = [];
-    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(`
+    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(`
 `),
       displayMenu: !0,
       displayAside: !0,
@@ -919,90 +927,90 @@ function tr({
         vertical: a,
         horizontal: r,
         is: u
-      }), o = i.map(c), p = r.header != null || a.menu != null || a.aside != null, g = S(
+      }), o = i.map(c), f = r.header != null || a.menu != null || a.aside != null, p = S(
         a.aside != null,
         o
-      )((b, { displayAside: C }) => b && !C), x = S(
+      )((g, { displayAside: k }) => g && !k), x = S(
         a.menu != null,
         o
-      )((b, { displayMenu: C }) => b && !C), h = Me(), v = Me(), d = G(0), y = S(
+      )((g, { displayMenu: k }) => g && !k), v = Me(), y = Me(), h = G(0), b = S(
         a.menu != null,
         o,
-        h.display
+        v.display
       )(Gn), w = S(
         a.aside != null,
         o,
-        v.display
+        y.display
       )(Kn);
-      return f.div(
-        Y(d, h, v, o),
-        k.display("grid"),
-        k.height("100%"),
-        k.width("100%"),
-        k.gridTemplateColumns(o.$.columns),
-        k.gridTemplateRows(o.$.rows),
-        k.gridTemplateAreas(o.$.areas),
-        k.gridColumnGap("0"),
-        k.gridRowGap("0"),
-        n.banner ? f.header(
+      return d.div(
+        Y(h, v, y, o),
+        C.display("grid"),
+        C.height("100%"),
+        C.width("100%"),
+        C.gridTemplateColumns(o.$.columns),
+        C.gridTemplateRows(o.$.rows),
+        C.gridTemplateAreas(o.$.areas),
+        C.gridColumnGap("0"),
+        C.gridRowGap("0"),
+        n.banner ? d.header(
           s.class(
             be("none", n.banner.shadow ?? "none")
           ),
           ye(n.banner.color ?? "white"),
-          k.height("100%"),
-          k.gridArea("banner"),
+          C.height("100%"),
+          C.gridArea("banner"),
           n.banner.content
         ) : null,
-        f.header(
+        d.header(
           s.class(
             be("bottom", n.header?.shadow ?? "none")
           ),
           ye(n.header?.color ?? "white"),
-          k.zIndex("20"),
-          k.display(p ? "block" : "none"),
-          k.gridArea("header"),
-          Ee((b) => (b.$.bottom.feedProp(d), null)),
-          f.div(
-            k.display("flex"),
-            k.height("100%"),
-            f.div(
-              k.display(
-                x.map((b) => b ? "flex" : "none")
+          C.zIndex("20"),
+          C.display(f ? "block" : "none"),
+          C.gridArea("header"),
+          Ee((g) => (g.$.bottom.feedProp(h), null)),
+          d.div(
+            C.display("flex"),
+            C.height("100%"),
+            d.div(
+              C.display(
+                x.map((g) => g ? "flex" : "none")
               ),
-              k.alignItems("center"),
-              k.justifyContent("center"),
-              k.height("100%"),
-              k.width("60px"),
+              C.alignItems("center"),
+              C.justifyContent("center"),
+              C.height("100%"),
+              C.width("60px"),
               pt(
                 {
-                  onClick: () => h.toggle(),
+                  onClick: () => v.toggle(),
                   variant: "light",
                   color: "base"
                 },
                 B.label(l.$.toggleMenu),
                 ee({
-                  icon: h.display.map(
-                    (b) => b ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
+                  icon: v.display.map(
+                    (g) => g ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
                   )
                 })
               )
             ),
-            f.div(
-              k.height("100%"),
-              k.flexGrow("1"),
+            d.div(
+              C.height("100%"),
+              C.flexGrow("1"),
               n.header?.content
             ),
-            f.div(
-              k.alignItems("center"),
-              k.justifyContent("center"),
-              k.height("100%"),
-              k.width("60px"),
-              k.display(
-                g.map((b) => b ? "flex" : "none")
+            d.div(
+              C.alignItems("center"),
+              C.justifyContent("center"),
+              C.height("100%"),
+              C.width("60px"),
+              C.display(
+                p.map((g) => g ? "flex" : "none")
               ),
               pt(
                 {
-                  onClick: () => v.toggle(),
+                  onClick: () => y.toggle(),
                   roundedness: "full",
                   variant: "light",
                   color: "base"
@@ -1012,8 +1020,8 @@ function tr({
                   { icon: "line-md/chevron-left" },
                   s.style("transition: transform 0.2s ease-in-out"),
                   s.style(
-                    v.display.map(
-                      (b) => `transform: rotate(${b ? 180 : 0}deg)`
+                    y.display.map(
+                      (g) => `transform: rotate(${g ? 180 : 0}deg)`
                     )
                   )
                 )
@@ -1021,16 +1029,16 @@ function tr({
             )
           )
         ),
-        n.menu ? f.nav(
-          ae((b) => h.setElement(b)),
-          k.zIndex("10"),
+        n.menu ? d.nav(
+          ae((g) => v.setElement(g)),
+          C.zIndex("10"),
           // Add ARIA attributes for navigation landmark
           B.label(l.$.mainNavigation),
           s.role("navigation"),
-          k.overflow("hidden"),
+          C.overflow("hidden"),
           s.class(
-            y.map(
-              (b) => b === "float" ? be(
+            b.map(
+              (g) => g === "float" ? be(
                 "right",
                 n.menu?.shadow ?? "md"
               ) : be(
@@ -1040,40 +1048,40 @@ function tr({
             )
           ),
           ye(n.menu?.color ?? "white"),
-          k.height(
-            y.map(
-              (b) => b === "float" ? "auto" : "100%"
+          C.height(
+            b.map(
+              (g) => g === "float" ? "auto" : "100%"
             )
           ),
-          k.overflow("hidden"),
-          k.gridArea("menu"),
-          k.display(
+          C.overflow("hidden"),
+          C.gridArea("menu"),
+          C.display(
             S(
-              y,
-              h.status
-            )((b, C) => b === "none" && C === "closed" ? "none" : "block")
+              b,
+              v.status
+            )((g, k) => g === "none" && k === "closed" ? "none" : "block")
           ),
-          k.position(
+          C.position(
             S(
-              y,
-              h.status
-            )((b, C) => b === "float" || b === "none" && C !== "closed" ? "fixed" : "initial")
+              b,
+              v.status
+            )((g, k) => g === "float" || g === "none" && k !== "closed" ? "fixed" : "initial")
           ),
-          k.top(d.map((b) => `${b}px`)),
+          C.top(h.map((g) => `${g}px`)),
           tt({
             animation: { slide: "right" },
             status: S(
-              y,
-              h.status
-            )((b, C) => b === "block" ? "opened" : C)
+              b,
+              v.status
+            )((g, k) => g === "block" ? "opened" : k)
           }),
-          k.width(Te(n.menu?.width, o.$.menuWidth)),
-          k.bottom("0"),
+          C.width(Te(n.menu?.width, o.$.menuWidth)),
+          C.bottom("0"),
           n.menu?.content
         ) : null,
-        n.mainHeader ? f.header(
-          k.height("100%"),
-          k.gridArea("mainHeader"),
+        n.mainHeader ? d.header(
+          C.height("100%"),
+          C.gridArea("mainHeader"),
           s.class(
             be(
               "none",
@@ -1083,19 +1091,19 @@ function tr({
           ye(n.mainHeader?.color ?? "white"),
           n.mainHeader.content
         ) : null,
-        f.main(
-          k.height("100%"),
-          k.overflow("hidden"),
-          k.gridArea("main"),
+        d.main(
+          C.height("100%"),
+          C.overflow("hidden"),
+          C.gridArea("main"),
           s.class(
             be("none", n.main?.shadow ?? "none")
           ),
           ye(n.main?.color ?? "white"),
           n.main.content
         ),
-        n.mainFooter ? f.footer(
-          k.height("100%"),
-          k.gridArea("mainFooter"),
+        n.mainFooter ? d.footer(
+          C.height("100%"),
+          C.gridArea("mainFooter"),
           s.class(
             be(
               "none",
@@ -1105,53 +1113,53 @@ function tr({
           ye(n.mainFooter?.color ?? "white"),
           n.mainFooter.content
         ) : null,
-        n.aside ? f.aside(
-          ae((b) => {
-            v.setElement(b);
+        n.aside ? d.aside(
+          ae((g) => {
+            y.setElement(g);
           }),
-          k.zIndex("10"),
+          C.zIndex("10"),
           // Add ARIA attributes for aside landmark
           B.label(l.$.sidebar),
           s.role("complementary"),
           s.class(
             w.map(
-              (b) => b === "float" ? be("left", "md") : be("left", "none")
+              (g) => g === "float" ? be("left", "md") : be("left", "none")
             )
           ),
           ye("white"),
-          k.height("100%"),
-          k.gridArea("aside"),
-          k.display(
+          C.height("100%"),
+          C.gridArea("aside"),
+          C.display(
             S(
               w,
-              v.status
-            )((b, C) => b === "none" && C === "closed" ? "none" : "block")
+              y.status
+            )((g, k) => g === "none" && k === "closed" ? "none" : "block")
           ),
-          k.position(
+          C.position(
             S(
               w,
-              v.status
-            )((b, C) => b === "float" || b === "none" && C !== "closed" ? "fixed" : "initial")
+              y.status
+            )((g, k) => g === "float" || g === "none" && k !== "closed" ? "fixed" : "initial")
           ),
-          k.top(d.map((b) => `${b}px`)),
+          C.top(h.map((g) => `${g}px`)),
           tt({
             animation: { slide: "left" },
             status: S(
               w,
-              v.status
-            )((b, C) => b === "block" ? "opened" : C)
+              y.status
+            )((g, k) => g === "block" ? "opened" : k)
           }),
-          k.width(
+          C.width(
             Te(n.aside?.width, o.$.asideWidth)
           ),
-          k.bottom(d.map((b) => `${b}px`)),
+          C.bottom(h.map((g) => `${g}px`)),
           n.aside.content
         ) : null,
-        n.footer ? f.footer(
+        n.footer ? d.footer(
           s.class(be("top", "none")),
           ye("white"),
-          k.height("100%"),
-          k.gridArea("footer"),
+          C.height("100%"),
+          C.gridArea("footer"),
           n.footer.content
         ) : null
       );
@@ -1159,9 +1167,9 @@ function tr({
   );
 }
 function nr(...e) {
-  return f.div(
+  return d.div(
     s.class("bc-center-h"),
-    f.div(s.class("bc-center__content"), ...e)
+    d.div(s.class("bc-center__content"), ...e)
   );
 }
 function Qn(e) {
@@ -1169,7 +1177,7 @@ function Qn(e) {
   return e !== "lg" && t.push(`bc-center--gap-${e}`), t.join(" ");
 }
 function ar({ gap: e = "lg" } = {}, ...t) {
-  return f.div(
+  return d.div(
     s.class(S(e)((n) => Qn(n ?? "lg"))),
     ...t
   );
@@ -1184,15 +1192,15 @@ function Xn({ open: e }, ...t) {
       const u = G(null), c = S(
         a,
         i.$.height
-      )((o, p) => o === "opened" && p > 0 ? p : null);
+      )((o, f) => o === "opened" && f > 0 ? f : null);
       return c.on((o) => {
         o != null && u.set(o);
       }), a.on((o) => {
         if (n && o === "start-opening") {
-          const p = n.style.height, g = n.style.transition;
+          const f = n.style.height, p = 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 = p, n.style.transition = g, n.offsetHeight;
+          x > 0 && u.set(x), n.style.height = f, n.style.transition = p, n.offsetHeight;
         }
       }), E(
         Y(l, u, c),
@@ -1222,26 +1230,26 @@ function rr({
   footer: u,
   footerHeight: c = 0,
   bottomStart: o,
-  bottomEnd: p,
-  sidebarStart: g,
+  bottomEnd: f,
+  sidebarStart: p,
   sidebarStartWidth: x = 0,
-  sidebarEnd: h,
-  sidebarEndWidth: v = 0,
-  anchorMode: d = "container-edge"
+  sidebarEnd: v,
+  sidebarEndWidth: y = 0,
+  anchorMode: h = "container-edge"
 }) {
-  const y = G(0n), w = G(0n), b = xt(r), C = xt(x), _ = G(16);
-  return f.div(
+  const b = G(0n), w = G(0n), g = xt(r), k = xt(x), T = G(16);
+  return d.div(
     Y(
-      y.dispose,
+      b.dispose,
       w.dispose,
-      _.dispose
+      T.dispose
     ),
     s.class("bc-nine-slice-container"),
     Ee((L) => {
       const V = S(
         L.$.width,
         x,
-        v
+        y
       )((D, N, K) => D - N - K), P = S(
         L.$.height,
         r,
@@ -1255,11 +1263,11 @@ function rr({
       )((D, N) => D > BigInt(N)), F = S(
         V,
         M,
-        _
+        T
       )((D, N, K) => N ? D - K : D), O = S(
         P,
         I,
-        _
+        T
       )((D, N, K) => N ? D - K : D), H = S(
         t,
         F
@@ -1267,59 +1275,59 @@ function rr({
         n,
         O
       )((D, N) => Number(D / BigInt(Math.max(1, N)))), Q = m.map(
-        d,
+        h,
         (D) => D === "body-end" || D === "body-end-bottom"
       ), U = J(
         Q,
-        () => k.left(
+        () => C.left(
           S(
             x,
             t,
             F,
-            v
-          )((D, N, K, T) => {
+            y
+          )((D, N, K, _) => {
             const A = D + Number(N), j = D + K, Z = Math.min(A, j);
-            return `${Math.max(D + T, Z)}px`;
+            return `${Math.max(D + _, Z)}px`;
           })
         ),
-        () => k.right("0")
+        () => C.right("0")
       ), X = m.map(
-        d,
+        h,
         (D) => D === "body-bottom" || D === "body-end-bottom"
       ), pe = J(
         X,
-        () => k.top(
+        () => C.top(
           S(
             r,
             n,
             O,
             c
-          )((D, N, K, T) => {
+          )((D, N, K, _) => {
             const A = D + Number(N), j = D + K, Z = Math.min(A, j);
-            return `${Math.max(D + T, Z)}px`;
+            return `${Math.max(D + _, Z)}px`;
           })
         ),
-        () => k.bottom("0")
+        () => C.bottom("0")
       ), Ne = S(
         M,
-        _
+        T
       )((D, N) => D ? `${N}px` : "0"), ue = S(
         I,
-        _
-      )((D, N) => D ? `${N}px` : "0"), Oe = k.transform(
+        T
+      )((D, N) => D ? `${N}px` : "0"), Oe = C.transform(
         S(
           w,
-          y,
+          b,
           I,
           M
-        )((D, N, K, T) => {
-          const A = K ? `translateX(-${D}px)` : "", j = T ? `translateY(-${N}px)` : "";
+        )((D, N, K, _) => {
+          const A = K ? `translateX(-${D}px)` : "", j = _ ? `translateY(-${N}px)` : "";
           return `${A} ${j}`.trim() || "none";
         })
-      ), Re = k.transform(
+      ), Re = C.transform(
         w.map((D) => `translateX(-${D}px)`)
-      ), ke = k.transform(
-        y.map((D) => `translateY(-${D}px)`)
+      ), ke = C.transform(
+        b.map((D) => `translateY(-${D}px)`)
       ), Ae = S(
         n,
         O
@@ -1329,18 +1337,18 @@ function rr({
       )((D, N) => D - BigInt(Math.max(1, N)));
       let z = null, Se = 0, Ie = 0;
       const Ge = () => {
-        const D = Ae.value, N = Ce.value, K = M.value, T = I.value;
+        const D = Ae.value, N = Ce.value, K = M.value, _ = I.value;
         if (K && Ie !== 0) {
           const A = yt(
             Fe(0n, D),
             Fe(
               0n,
-              y.value + BigInt(Math.round(Ie))
+              b.value + BigInt(Math.round(Ie))
             )
           );
-          y.set(A);
+          b.set(A);
         }
-        if (T && Se !== 0) {
+        if (_ && Se !== 0) {
           const A = yt(
             Fe(0n, N),
             Fe(
@@ -1369,7 +1377,7 @@ function rr({
             D || w.set(0n);
           }),
           M.on((D) => {
-            D || y.set(0n);
+            D || b.set(0n);
           }),
           Ae.dispose,
           Ce.dispose,
@@ -1382,143 +1390,143 @@ function rr({
           const { deltaX: N, deltaY: K } = D;
           Se += N, Ie += K, z || (z = setTimeout(Ge, 16));
         }),
-        f.div(
+        d.div(
           s.class("bc-nine-slice-pane-container"),
-          k.right(Ne),
-          k.bottom(ue),
+          C.right(Ne),
+          C.bottom(ue),
           // top-start corner
-          l != null ? f.div(
+          l != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-top-start"),
-            k.top("0"),
-            k.left("0"),
+            C.top("0"),
+            C.left("0"),
             // style.height(headerHeightPx),
             // style.width(sidebarStartWidthPx),
             l
           ) : null,
           // top-center
-          a != null ? f.div(
+          a != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-header"),
-            k.top("0"),
-            k.left(C),
+            C.top("0"),
+            C.left(k),
             // style.height(headerHeightPx),
             // style.width(visibleAreaWidthPx),
-            f.div(
+            d.div(
               s.class("bc-nine-slice-pane-content"),
               Re,
               a
             )
           ) : null,
           // top-end corner
-          i != null ? f.div(
+          i != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-top-end"),
-            k.top("0"),
+            C.top("0"),
             U,
             // style.height(headerHeightPx),
             // style.width(sidebarEndWidthPx),
             i
           ) : null,
           // middle-start sidebar
-          g != null ? f.div(
+          p != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-sidebar-start"),
-            k.left("0"),
-            k.top(b),
+            C.left("0"),
+            C.top(g),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarStartWidthPx),
-            f.div(
+            d.div(
               s.class("bc-nine-slice-pane-content"),
               ke,
-              g
+              p
             )
           ) : null,
           // middle-center (main body)
-          f.div(
+          d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-body"),
-            k.left(C),
-            k.top(b),
+            C.left(k),
+            C.top(g),
             // style.width(visibleAreaWidth.map(toPx)),
             // style.height(visibleAreaHeight.map(toPx)),
-            f.div(
+            d.div(
               s.class("bc-nine-slice-pane-content"),
               Oe,
               e
             )
           ),
           // middle-end sidebar
-          h != null ? f.div(
+          v != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-sidebar-end"),
             U,
-            k.top(b),
+            C.top(g),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarEndWidthPx),
-            f.div(
+            d.div(
               s.class("bc-nine-slice-pane-content"),
               ke,
-              h
+              v
             )
           ) : null,
           // bottom-start corner
-          o != null ? f.div(
+          o != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-bottom-start"),
-            k.left("0"),
+            C.left("0"),
             pe,
             // style.height(footerHeightPx),
             // style.width(sidebarStartWidthPx),
             o
           ) : null,
           // bottom-center
-          u != null ? f.div(
+          u != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-footer"),
-            k.left(C),
+            C.left(k),
             pe,
             // style.height(footerHeightPx),
             // style.width(visibleAreaWidthPx),
-            f.div(
+            d.div(
               s.class("bc-nine-slice-pane-content"),
               Re,
               u
             )
           ) : null,
           // bottom-end corner
-          p != null ? f.div(
+          f != null ? d.div(
             s.class("bc-nine-slice-pane bc-nine-slice-bottom-end"),
             U,
             pe,
             // style.height(footerHeightPx),
             // style.width(sidebarEndWidthPx),
-            p
+            f
           ) : null
         ),
         // horizontal scrollbar
-        f.div(
+        d.div(
           s.class("bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar"),
-          k.overflowX("scroll"),
-          k.left("0"),
-          k.right(
+          C.overflowX("scroll"),
+          C.left("0"),
+          C.right(
             S(
               M,
-              _
+              T
             )((D, N) => D ? `${N}px` : "0")
           ),
-          k.bottom("0"),
-          k.height(
+          C.bottom("0"),
+          C.height(
             I.map(
               (D) => D ? "16px" : "0"
             )
           ),
-          f.div(
+          d.div(
             s.class(
               "bc-nine-slice-pane bc-nine-slice-horizontal-scrollbar-thumb"
             ),
-            k.width(
+            C.width(
               H.map((D) => `${100 / Math.max(1, D)}%`)
             ),
-            k.height("100%"),
-            k.backgroundColor("#ff000066")
+            C.height("100%"),
+            C.backgroundColor("#ff000066")
           ),
           $.scroll((D) => {
-            const N = D.target, K = N.scrollLeft, T = N.scrollWidth - N.clientWidth;
-            if (T > 0) {
-              const A = K / T, j = Ce.value;
+            const N = D.target, K = N.scrollLeft, _ = N.scrollWidth - N.clientWidth;
+            if (_ > 0) {
+              const A = K / _, j = Ce.value;
               w.set(
                 BigInt(Math.round(Number(j) * A))
               );
@@ -1526,42 +1534,42 @@ function rr({
           })
         ),
         // vertical scrollbar
-        f.div(
+        d.div(
           s.class("bc-nine-slice-pane bc-nine-slice-vertical-scrollbar"),
-          k.overflowY("scroll"),
-          k.top("0"),
-          k.bottom(
+          C.overflowY("scroll"),
+          C.top("0"),
+          C.bottom(
             S(
               I,
-              _
+              T
             )((D, N) => D ? `${N}px` : "0")
           ),
-          k.right("0"),
-          k.width(
+          C.right("0"),
+          C.width(
             M.map(
               (D) => D ? "16px" : "0"
             )
           ),
-          f.div(
+          d.div(
             s.class(
               "bc-nine-slice-pane bc-nine-slice-vertical-scrollbar-thumb"
             ),
-            k.width("100%"),
-            k.height(
+            C.width("100%"),
+            C.height(
               S(
                 r,
                 c,
                 n,
                 oe
-              )((D, N, K, T) => `${100 / Math.max(1, T)}%`)
+              )((D, N, K, _) => `${100 / Math.max(1, _)}%`)
             ),
-            k.backgroundColor("#ff000066")
+            C.backgroundColor("#ff000066")
           ),
           $.scroll((D) => {
-            const N = D.target, K = N.scrollTop, T = N.scrollHeight - N.clientHeight;
-            if (T > 0) {
-              const A = K / T, j = Ae.value;
-              y.set(
+            const N = D.target, K = N.scrollTop, _ = N.scrollHeight - N.clientHeight;
+            if (_ > 0) {
+              const A = K / _, j = Ae.value;
+              b.set(
                 BigInt(Math.round(Number(j) * A))
               );
             }
@@ -1574,10 +1582,10 @@ 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, p = c.scrollTop + c.clientHeight >= c.scrollHeight - 1;
-    o && p ? l.set("none") : o ? l.set("bottom") : p ? l.set("top") : l.set("both");
+    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");
   }
-  return f.div(
+  return d.div(
     s.class("bc-scrollable-panel"),
     s.class(
       S(
@@ -1597,9 +1605,9 @@ function kt({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...r) {
         }
       })
     ),
-    e && f.div(s.class("bc-scrollable-panel__header"), e),
-    f.div(s.class("bc-scrollable-panel--header-shadow"), f.div()),
-    f.div(
+    e && d.div(s.class("bc-scrollable-panel__header"), e),
+    d.div(s.class("bc-scrollable-panel--header-shadow"), d.div()),
+    d.div(
       s.class("bc-scrollable-panel__body"),
       ae(
         (c) => Y(We(() => i(c)))
@@ -1610,8 +1618,8 @@ function kt({ header: e, footer: t, body: n, shadowOnScroll: a = !0 }, ...r) {
       }),
       n
     ),
-    f.div(s.class("bc-scrollable-panel--footer-shadow"), f.div()),
-    t && f.div(s.class("bc-scrollable-panel__footer"), t),
+    d.div(s.class("bc-scrollable-panel--footer-shadow"), d.div()),
+    t && d.div(s.class("bc-scrollable-panel__footer"), t),
     ...r
   );
 }
@@ -1620,7 +1628,7 @@ 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 f.div(
+  return d.div(
     s.class(
       S(
         e,
@@ -1678,52 +1686,52 @@ const xe = {
     onBeforeOpen: u,
     onAfterOpen: c,
     buildListboxContent: o
-  } = 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) {
+  } = e, f = G(!1), p = G(-1), x = G(null), v = he("dropdown"), y = he("listbox");
+  let h, b;
+  const w = (k) => {
+    t?.(k), f.set(!1), p.set(-1), x.set(null), h?.focus();
+  }, g = (k) => {
+    const T = xe.getValues(m.get(l));
+    switch (k.key) {
       case "ArrowDown": {
-        if (C.preventDefault(), !p.value)
-          p.set(!0), _.length > 0 && (g.set(0), x.set(_[0]));
+        if (k.preventDefault(), !f.value)
+          f.set(!0), T.length > 0 && (p.set(0), x.set(T[0]));
         else {
           const L = Math.min(
-            g.value + 1,
-            _.length - 1
+            p.value + 1,
+            T.length - 1
           );
-          g.set(L), x.set(_[L] ?? null);
+          p.set(L), x.set(T[L] ?? null);
         }
         break;
       }
       case "ArrowUp": {
-        if (C.preventDefault(), p.value) {
-          const L = Math.max(g.value - 1, 0);
-          g.set(L), x.set(_[L] ?? null);
+        if (k.preventDefault(), f.value) {
+          const L = Math.max(p.value - 1, 0);
+          p.set(L), x.set(T[L] ?? null);
         }
         break;
       }
       case "Enter": {
-        if (C.preventDefault(), p.value && g.value >= 0) {
-          const L = _[g.value];
+        if (k.preventDefault(), f.value && p.value >= 0) {
+          const L = T[p.value];
           L != null && w(L);
         } else {
           u?.();
           const L = xe.getValues(m.get(l));
-          p.set(!0), L.length > 0 && (g.set(0), x.set(L[0])), setTimeout(() => c?.(), 0);
+          f.set(!0), L.length > 0 && (p.set(0), x.set(L[0])), setTimeout(() => c?.(), 0);
         }
         break;
       }
       case "Escape": {
-        p.value && (C.preventDefault(), p.set(!1), g.set(-1), x.set(null), d?.focus());
+        f.value && (k.preventDefault(), f.set(!1), p.set(-1), x.set(null), h?.focus());
         break;
       }
       case " ": {
         if (m.get(i)) {
-          C.preventDefault();
+          k.preventDefault();
           const L = xe.getValues(m.get(l));
-          p.set(!p.value), p.value && L.length > 0 && (g.set(0), x.set(L[0]));
+          f.set(!f.value), f.value && L.length > 0 && (p.set(0), x.set(L[0]));
         }
         break;
       }
@@ -1734,70 +1742,70 @@ const xe = {
       ...e,
       input: Ft(
         s.class("bc-dropdown__trigger"),
-        f.span(s.class("bc-dropdown__display"), r),
+        d.span(s.class("bc-dropdown__display"), r),
         ee(
           { icon: "ph:caret-up-down-bold", color: "neutral" },
           s.class("bc-dropdown__arrow")
         )
       )
     },
-    Ee((C) => E(
-      ae((_) => (d = _, _.addEventListener("keydown", b), Y(
-        () => _.removeEventListener("keydown", b)
+    Ee((k) => E(
+      ae((T) => (h = T, T.addEventListener("keydown", g), Y(
+        () => T.removeEventListener("keydown", g)
       ))),
       le(e),
-      s.id(h),
+      s.id(v),
       s.tabindex(0),
-      B.controls(v),
-      B.expanded(p),
+      B.controls(y),
+      B.expanded(f),
       s.class("bc-dropdown"),
       s.role(a),
       B.activedescendant(
         S(
-          p,
+          f,
           x
         )(
-          (_, L) => _ && L != null ? `dropdown-option-${String(L)}` : ""
+          (T, L) => T && L != null ? `dropdown-option-${String(L)}` : ""
         )
       ),
       n != null ? $.blur(() => {
         setTimeout(() => {
-          y?.contains(document.activeElement) || (p.set(!1), g.set(-1), n());
+          b?.contains(document.activeElement) || (f.set(!1), p.set(-1), n());
         }, 100);
       }) : R,
       Ze({
-        content: () => f.div(
-          ae((_) => {
-            y = _;
+        content: () => d.div(
+          ae((T) => {
+            b = T;
           }),
-          k.minWidth(C.$.width.map((_) => `${_ - 10}px`)),
+          C.minWidth(k.$.width.map((T) => `${T - 10}px`)),
           s.class("bc-dropdown__listbox"),
           s.role("listbox"),
-          s.id(v),
-          B.labelledby(h),
+          s.id(y),
+          B.labelledby(v),
           o({
-            dropdownId: h,
-            listboxId: v,
+            dropdownId: v,
+            listboxId: y,
             focusedValue: x,
-            handleKeyDown: b,
+            handleKeyDown: g,
             onSelect: w
           })
         ),
         mainAxisOffset: 0,
         placement: "bottom-start",
         hasPopup: "listbox",
-        showOn: (_, L) => {
+        showOn: (T, L) => {
           const V = L;
           L = () => {
-            p.set(!1), g.set(-1), x.set(null), V();
+            f.set(!1), p.set(-1), x.set(null), V();
           };
           const P = () => {
-            if (p.value)
+            if (f.value)
               L();
             else {
               u?.();
               const I = xe.getValues(m.get(l));
-              p.set(!0), I.length > 0 && (g.set(0), x.set(I[0])), _(), setTimeout(() => c?.(), 0);
+              f.set(!0), I.length > 0 && (p.set(0), x.set(I[0])), T(), setTimeout(() => c?.(), 0);
             }
           };
           return $.click(P);
@@ -1815,11 +1823,11 @@ const xe = {
       const u = S(
         i,
         n
-      )((o, p) => t(o.value, p)), c = S(
+      )((o, f) => t(o.value, f)), c = S(
         i,
         r
-      )((o, p) => p != null && t(o.value, p));
-      return f.div(
+      )((o, f) => f != null && t(o.value, f));
+      return d.div(
         Y(u.dispose),
         Y(c.dispose),
         s.class("bc-dropdown__option"),
@@ -1828,9 +1836,9 @@ const xe = {
             u,
             c,
             i
-          )((o, p, g) => {
+          )((o, f, p) => {
             const x = [];
-            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(" ");
+            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(" ");
           })
         ),
         s.role("option"),
@@ -1842,25 +1850,25 @@ const xe = {
           () => $.click(() => a(i.value.value)),
           () => R
         ),
-        f.div(
+        d.div(
           s.class("bc-dropdown__option-content"),
           // Before content - simple conditional rendering
-          i.value.before && f.span(
+          i.value.before && d.span(
             s.class("bc-dropdown__option-before"),
             i.value.before
           ),
           // Label
-          f.span(s.class("bc-dropdown__option-label"), i.$.label),
+          d.span(s.class("bc-dropdown__option-label"), i.$.label),
           // After content - simple conditional rendering
-          i.value.after && f.span(s.class("bc-dropdown__option-after"), i.value.after)
+          i.value.after && d.span(s.class("bc-dropdown__option-after"), i.value.after)
         )
       );
     },
-    group: (i) => f.div(
+    group: (i) => d.div(
       s.class("bc-dropdown__group"),
       s.role("group"),
       B.label(i.$.group),
-      f.div(s.class("bc-dropdown__group-label"), i.$.group),
+      d.div(s.class("bc-dropdown__group-label"), i.$.group),
       _e(
         i.$.options,
         (u) => Wt(
@@ -1872,32 +1880,32 @@ const xe = {
         )
       )
     ),
-    break: () => f.hr(s.class("bc-dropdown__separator"))
+    break: () => d.hr(s.class("bc-dropdown__separator"))
   })
 ), ta = (e) => {
   const {
     value: t,
     options: n,
     unselectedLabel: a,
-    equality: r = (o, p) => o === p,
+    equality: r = (o, f) => o === f,
     placeholder: l,
     searchable: i = !1
   } = e, u = S(
     t,
     n
-  )((o, p) => {
+  )((o, f) => {
     if (o == null) return "";
-    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;
+    const p = (x) => {
+      for (const v of x) {
+        if (v.type === "value" && r(v.value, o))
+          return v.label;
+        if (v.type === "group") {
+          const y = p(v.options);
+          if (y) return y;
         }
       }
     };
-    return g(p) || String(o);
+    return p(f) || String(o);
   }), c = S(i)((o) => !o);
   return zt({
     ...e,
@@ -1912,9 +1920,9 @@ const xe = {
     ),
     optionsSource: n,
     allowSpaceToggle: c,
-    buildListboxContent: ({ focusedValue: o, onSelect: p }) => _e(
+    buildListboxContent: ({ focusedValue: o, onSelect: f }) => _e(
       n,
-      (g) => Wt(g, r, t, p, o)
+      (p) => Wt(p, r, t, f, o)
     )
   });
 }, na = (e) => {
@@ -1935,13 +1943,13 @@ const xe = {
       const c = S(
         u,
         n
-      )((p, g) => t(p.value, g)), o = S(
+      )((f, p) => t(f.value, p)), o = S(
         u,
         r
       )(
-        (p, g) => g != null && t(p.value, g)
+        (f, p) => p != null && t(f.value, p)
       );
-      return f.div(
+      return d.div(
         Y(c.dispose),
         Y(o.dispose),
         s.class("bc-dropdown__option"),
@@ -1950,41 +1958,41 @@ const xe = {
             c,
             o,
             u
-          )((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(" ");
+          )((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(" ");
           })
         ),
         s.role("option"),
-        s.id(u.map((p) => `dropdown-option-${String(p.value)}`)),
+        s.id(u.map((f) => `dropdown-option-${String(f.value)}`)),
         B.selected(c),
         J(
-          u.map((p) => !p.disabled),
+          u.map((f) => !f.disabled),
           () => $.click(() => a(u.value.value)),
           () => R
         ),
-        f.div(
+        d.div(
           s.class("bc-dropdown__option-content"),
           // Before slot
-          u.value.before && f.span(
+          u.value.before && d.span(
             s.class("bc-dropdown__option-before"),
             u.value.before
           ),
           // Custom renderer for the main content
-          f.span(
+          d.span(
             s.class("bc-dropdown__option-label"),
             l(u.$.value)
           ),
           // After slot
-          u.value.after && f.span(s.class("bc-dropdown__option-after"), u.value.after)
+          u.value.after && d.span(s.class("bc-dropdown__option-after"), u.value.after)
         )
       );
     },
-    group: (u) => f.div(
+    group: (u) => d.div(
       s.class("bc-dropdown__group"),
       s.role("group"),
       B.label(u.$.group),
-      f.div(s.class("bc-dropdown__group-label"), u.$.group),
+      d.div(s.class("bc-dropdown__group-label"), u.$.group),
       _e(
         u.$.options,
         (c) => Yt(
@@ -1997,7 +2005,7 @@ const xe = {
         )
       )
     ),
-    break: () => f.hr(s.class("bc-dropdown__separator"))
+    break: () => d.hr(s.class("bc-dropdown__separator"))
   })
 ), aa = (e) => {
   const {
@@ -2005,24 +2013,24 @@ const xe = {
     loadOptions: n,
     renderOption: a,
     renderValue: r,
-    equality: l = (b, C) => b === C,
+    equality: l = (g, k) => g === k,
     placeholder: i,
     searchPlaceholder: u,
     debounceMs: c = 150
-  } = e, o = G(""), p = G(!1), g = G([]);
+  } = e, o = G(""), f = G(!1), p = G([]);
   let x;
-  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 ?? []);
+  const v = m.toSignal(t), y = () => (r ?? a)(v);
+  let h = null;
+  const b = (g) => {
+    f.set(!0), Promise.resolve(n(g)).then((k) => {
+      p.set(k ?? []);
     }).catch(() => {
-      g.set([]);
-    }).finally(() => p.set(!1));
-  }, w = (b) => {
-    d != null && (clearTimeout(d), d = null), d = setTimeout(
+      p.set([]);
+    }).finally(() => f.set(!1));
+  }, w = (g) => {
+    h != null && (clearTimeout(h), h = null), h = setTimeout(
       () => {
-        y(b);
+        b(g);
       },
       Math.max(0, c)
     );
@@ -2031,23 +2039,23 @@ const xe = {
     ...e,
     role: "combobox",
     display: J(
-      S(t)((b) => b != null),
-      v,
-      () => ne(fe, (b) => b.$.selectOne)
+      S(t)((g) => g != null),
+      y,
+      () => ne(fe, (g) => g.$.selectOne)
     ),
-    optionsSource: g,
+    optionsSource: p,
     onBeforeOpen: () => {
-      const b = m.get(o);
-      w(b);
+      const g = m.get(o);
+      w(g);
     },
     onAfterOpen: () => {
       x?.focus();
     },
-    buildListboxContent: ({ focusedValue: b, handleKeyDown: C, onSelect: _ }) => E(
+    buildListboxContent: ({ focusedValue: g, handleKeyDown: k, onSelect: T }) => E(
       // Search input at the top
-      f.div(
+      d.div(
         s.class("bc-dropdown__search"),
-        f.input(
+        d.input(
           s.type("text"),
           s.class("bc-dropdown__search-input"),
           s.placeholder(
@@ -2062,23 +2070,23 @@ const xe = {
             const V = L.target;
             o.set(V.value), w(V.value);
           }),
-          $.keydown(C)
+          $.keydown(k)
         )
       ),
       J(
-        p,
-        () => f.div(
+        f,
+        () => d.div(
           s.class("bc-dropdown__loading"),
           ee({ icon: "ph:spinner-bold", color: "neutral" })
         ),
         () => _e(
-          g,
+          p,
           (L) => Yt(
             L,
             l,
-            h,
-            _,
-            b,
+            v,
+            T,
+            g,
             a
           )
         )
@@ -2108,17 +2116,17 @@ function qt(e) {
     showOn: u = "click",
     closable: c = !0,
     onClose: o,
-    onAction: p,
-    ariaLabel: g,
+    onAction: f,
+    ariaLabel: p,
     ariaLabelledBy: x
-  } = e, h = he("menu"), v = G(-1), d = G([]);
-  let y = null;
+  } = e, v = he("menu"), y = G(-1), h = G([]);
+  let b = null;
   return E(
-    Y(v, d),
+    Y(y, h),
     Ze({
       content: () => ae((w) => {
-        y = document.activeElement;
-        const b = (P, I, M) => {
+        b = document.activeElement;
+        const g = (P, I, M) => {
           if (I.length === 0) return -1;
           let F = P + M, O = 0;
           for (; O < I.length; ) {
@@ -2129,18 +2137,18 @@ function qt(e) {
             F += M, O++;
           }
           return P;
-        }, C = (P) => {
-          const I = d.value, M = v.value;
+        }, k = (P) => {
+          const I = h.value, M = y.value;
           switch (P.key) {
             case "ArrowDown":
               P.preventDefault(), P.stopPropagation();
-              const F = b(M, I, 1);
-              _(F, I);
+              const F = g(M, I, 1);
+              T(F, I);
               break;
             case "ArrowUp":
               P.preventDefault(), P.stopPropagation();
-              const O = b(M, I, -1);
-              _(O, I);
+              const O = g(M, I, -1);
+              T(O, I);
               break;
             case "Enter":
             case " ":
@@ -2149,17 +2157,17 @@ function qt(e) {
                 if (H.getAttribute("aria-disabled") === "true")
                   return;
                 const oe = H.getAttribute("data-key");
-                oe && p && p(oe), H.click(), o?.();
+                oe && f && f(oe), H.click(), o?.();
               }
               break;
             case "Escape":
               o?.();
               break;
             case "Home":
-              P.preventDefault(), P.stopPropagation(), I.length > 0 && _(0, I);
+              P.preventDefault(), P.stopPropagation(), I.length > 0 && T(0, I);
               break;
             case "End":
-              P.preventDefault(), P.stopPropagation(), I.length > 0 && _(I.length - 1, I);
+              P.preventDefault(), P.stopPropagation(), I.length > 0 && T(I.length - 1, I);
               break;
             case "ArrowRight":
               if (P.preventDefault(), P.stopPropagation(), M >= 0 && I[M]) {
@@ -2173,38 +2181,38 @@ function qt(e) {
               P.preventDefault(), P.stopPropagation(), o?.();
               break;
           }
-        }, _ = (P, I) => {
-          v.value >= 0 && I[v.value] && (I[v.value].classList.remove(
+        }, T = (P, I) => {
+          y.value >= 0 && I[y.value] && (I[y.value].classList.remove(
             "bc-menu-item--focused"
-          ), 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" }));
+          ), I[y.value].removeAttribute("aria-selected")), P >= 0 && I[P] && (I[P].classList.add("bc-menu-item--focused"), I[P].setAttribute("aria-selected", "true"), y.set(P), typeof I[P].scrollIntoView == "function" && I[P].scrollIntoView({ block: "nearest" }));
         }, L = () => {
           const P = Array.from(
             w.querySelectorAll('[role="menuitem"]')
           );
-          if (d.set(P), P.length > 0) {
+          if (h.set(P), P.length > 0) {
             const I = P.findIndex(
               (M) => M.getAttribute("aria-disabled") !== "true"
             );
-            I >= 0 && _(I, P);
+            I >= 0 && T(I, P);
           }
         }, V = new MutationObserver(L);
         return V.observe(w, { childList: !0, subtree: !0 }), setTimeout(() => {
           L(), w.focus();
-        }, 0), document.addEventListener("keydown", C, !0), E(
+        }, 0), document.addEventListener("keydown", k, !0), E(
           Y(() => {
-            V.disconnect(), document.removeEventListener("keydown", C, !0), y && y.focus();
+            V.disconnect(), document.removeEventListener("keydown", k, !0), b && b.focus();
           }),
           s.class("bc-menu"),
-          s.id(h),
+          s.id(v),
           s.role("menu"),
           s.tabindex(-1),
           B.orientation("vertical"),
-          g ? B.label(g) : E(),
+          p ? B.label(p) : E(),
           x ? B.labelledby(x) : E(),
           B.activedescendant(
-            v.map((P) => {
-              const I = d.value;
-              return P >= 0 && I[P] ? I[P].id || `${h}-item-${P}` : "";
+            y.map((P) => {
+              const I = h.value;
+              return P >= 0 && I[P] ? I[P].id || `${v}-item-${P}` : "";
             })
           ),
           $.click((P) => {
@@ -2213,16 +2221,16 @@ function qt(e) {
             );
             if (M && M.getAttribute("aria-disabled") !== "true") {
               const F = M.getAttribute("data-key");
-              F && p && p(F);
+              F && f && f(F);
             }
           }),
           // Live region for screen reader announcements
-          f.div(
+          d.div(
             s.class("sr-only"),
             B.live("polite"),
             B.atomic(!0),
-            v.map((P) => {
-              const I = d.value;
+            y.map((P) => {
+              const I = h.value;
               if (P >= 0 && I[P]) {
                 const M = I[P].textContent || "";
                 return I[P].getAttribute("aria-disabled") === "true" ? `${M}, disabled` : `${M}, ${P + 1} of ${I.length}`;
@@ -2255,35 +2263,35 @@ function ir(e) {
     ariaLabel: u,
     submenu: c,
     submenuPlacement: o = "right-start"
-  } = e, p = t ?? he("menu-item"), g = `menu-item-${p}`, x = c != null;
-  return f.div(
+  } = e, f = t ?? he("menu-item"), p = `menu-item-${f}`, x = c != null;
+  return d.div(
     s.class(
       S(l)(
-        (h) => `bc-menu-item ${h ? "bc-menu-item--disabled" : ""} ${x ? "bc-menu-item--has-submenu" : ""}`
+        (v) => `bc-menu-item ${v ? "bc-menu-item--disabled" : ""} ${x ? "bc-menu-item--has-submenu" : ""}`
       )
     ),
-    s.id(g),
+    s.id(p),
     s.role("menuitem"),
     s.tabindex(-1),
-    nt.key(p),
+    nt.key(f),
     B.disabled(l),
     B.selected(!1),
     // Will be updated by focus management
     x ? B.expanded(!1) : E(),
     u ? B.label(u) : E(),
-    $.click((h) => {
+    $.click((v) => {
       if (m.get(l)) {
-        h.preventDefault(), h.stopPropagation();
+        v.preventDefault(), v.stopPropagation();
         return;
       }
       i?.();
     }),
     // Start content
-    a && f.span(s.class("bc-menu-item__start"), a),
+    a && d.span(s.class("bc-menu-item__start"), a),
     // Main content
-    f.span(s.class("bc-menu-item__content"), n),
+    d.span(s.class("bc-menu-item__content"), n),
     // End content
-    r && f.span(s.class("bc-menu-item__end"), r),
+    r && d.span(s.class("bc-menu-item__end"), r),
     // Submenu (if present)
     x && c ? Ze({
       content: () => E(
@@ -2304,11 +2312,11 @@ function ir(e) {
 }
 function Zt(e = {}) {
   const { label: t } = e;
-  return f.div(
+  return d.div(
     s.class("bc-menu-separator"),
     s.role("separator"),
     B.orientation("horizontal"),
-    t && f.span(s.class("bc-menu-separator__label"), t)
+    t && d.span(s.class("bc-menu-separator__label"), t)
   );
 }
 function Gt(e, t, n) {
@@ -2368,60 +2376,60 @@ function en(e) {
         disabled: r
       })
     ),
-    () => f.span(s.class("bc-input-container__placeholder"), e.placeholder)
+    () => d.span(s.class("bc-input-container__placeholder"), e.placeholder)
   );
 }
 function tn(e) {
   const {
     value: t,
     options: n,
-    equality: a = (o, p) => o === p,
+    equality: a = (o, f) => o === f,
     placeholder: r
   } = e, l = (o) => {
-    const p = m.get(t);
-    e.onChange?.(Kt(p, o, a));
+    const f = m.get(t);
+    e.onChange?.(Kt(f, o, a));
   }, i = (o) => {
-    const p = m.get(t);
-    e.onChange?.(Gt(p, o, a));
-  }, u = (o) => S(t)((p) => Qt(p, o, a)), c = qt({
+    const f = m.get(t);
+    e.onChange?.(Gt(f, o, a));
+  }, u = (o) => S(t)((f) => Qt(f, o, a)), c = qt({
     items: () => {
-      const o = m.get(n), p = [];
-      for (const g of o)
-        if (g.type === "value") {
-          const x = u(g.value);
-          p.push(
-            f.div(
+      const o = m.get(n), f = [];
+      for (const p of o)
+        if (p.type === "value") {
+          const x = u(p.value);
+          f.push(
+            d.div(
               s.role("menuitem"),
               s.tabindex(-1),
-              B.disabled(g.disabled === !0),
+              B.disabled(p.disabled === !0),
               B.checked(x),
               s.class("bc-menu-item"),
-              f.span(s.class("bc-menu-item__content"), g.label),
-              $.click(() => i(g.value))
+              d.span(s.class("bc-menu-item__content"), p.label),
+              $.click(() => i(p.value))
             )
           );
-        } else g.type === "group" ? p.push(
-          f.div(
+        } else p.type === "group" ? f.push(
+          d.div(
             s.class("bc-menu-group"),
-            f.div(s.class("bc-menu-group__label"), g.group),
-            ...g.options.map((x) => {
+            d.div(s.class("bc-menu-group__label"), p.group),
+            ...p.options.map((x) => {
               if (x.type === "value") {
-                const h = u(x.value);
-                return f.div(
+                const v = u(x.value);
+                return d.div(
                   s.role("menuitem"),
                   s.tabindex(-1),
                   B.disabled(x.disabled === !0),
-                  B.checked(h),
+                  B.checked(v),
                   s.class("bc-menu-item"),
-                  f.span(s.class("bc-menu-item__content"), x.label),
+                  d.span(s.class("bc-menu-item__content"), x.label),
                   $.click(() => i(x.value))
                 );
               }
               return E();
             })
           )
-        ) : p.push(Zt());
-      return p;
+        ) : f.push(Zt());
+      return f;
     },
     placement: "bottom-start",
     showDelay: 0,
@@ -2470,65 +2478,65 @@ function nn(e) {
   const {
     value: t,
     options: n,
-    equality: a = (h, v) => h === v,
+    equality: a = (v, y) => v === y,
     placeholder: r,
     searchPlaceholder: l,
     filter: i
-  } = 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(
+  } = e, u = G(""), c = (v) => {
+    const y = m.get(t);
+    e.onChange?.(Kt(y, v, a));
+  }, o = (v) => {
+    const y = m.get(t);
+    e.onChange?.(Gt(y, v, a));
+  }, f = (v) => S(t)((y) => Qt(y, v, a)), p = S(
     n,
     u
-  )((h, v) => Jt(h, v, i)), x = qt({
+  )((v, y) => Jt(v, y, i)), x = qt({
     items: () => {
-      const h = [], v = m.get(g);
-      if (v.length === 0)
-        return h.push(
-          f.div(
+      const v = [], y = m.get(p);
+      if (y.length === 0)
+        return v.push(
+          d.div(
             s.class("bc-dropdown__empty"),
-            ne(fe, (d) => d.$.noResults)
+            ne(fe, (h) => h.$.noResults)
           )
-        ), h;
-      for (const d of v)
-        if (d.type === "value") {
-          const y = p(d.value);
-          h.push(
-            f.div(
+        ), v;
+      for (const h of y)
+        if (h.type === "value") {
+          const b = f(h.value);
+          v.push(
+            d.div(
               s.role("menuitem"),
               s.tabindex(-1),
-              B.disabled(d.disabled === !0),
-              B.checked(y),
+              B.disabled(h.disabled === !0),
+              B.checked(b),
               s.class("bc-menu-item"),
-              f.span(s.class("bc-menu-item__content"), d.label),
-              $.click(() => o(d.value))
+              d.span(s.class("bc-menu-item__content"), h.label),
+              $.click(() => o(h.value))
             )
           );
-        } else d.type === "group" ? h.push(
-          f.div(
+        } else h.type === "group" ? v.push(
+          d.div(
             s.class("bc-menu-group"),
-            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(
+            d.div(s.class("bc-menu-group__label"), h.group),
+            ...h.options.map((b) => {
+              if (b.type === "value") {
+                const w = f(b.value);
+                return d.div(
                   s.role("menuitem"),
                   s.tabindex(-1),
-                  B.disabled(y.disabled === !0),
+                  B.disabled(b.disabled === !0),
                   B.checked(w),
                   s.class("bc-menu-item"),
-                  f.span(s.class("bc-menu-item__content"), y.label),
-                  $.click(() => o(y.value))
+                  d.span(s.class("bc-menu-item__content"), b.label),
+                  $.click(() => o(b.value))
                 );
               }
               return E();
             })
           )
-        ) : h.push(Zt());
-      return h;
+        ) : v.push(Zt());
+      return v;
     },
     placement: "bottom-start",
     showDelay: 0,
@@ -2536,14 +2544,14 @@ function nn(e) {
     // Open the menu when the search input gains focus
     // We intentionally do not auto-hide on blur here because the Menu
     // manages its own close behavior (outside click, Escape, etc.)
-    showOn: (h, v) => ae((d) => {
-      const y = d.querySelector(
+    showOn: (v, y) => ae((h) => {
+      const b = h.querySelector(
         ".bc-dropdown__search-input"
       );
-      if (y) {
-        const w = () => h();
-        return y.addEventListener("focus", w), Y(() => {
-          y.removeEventListener("focus", w);
+      if (b) {
+        const w = () => v();
+        return b.addEventListener("focus", w), Y(() => {
+          b.removeEventListener("focus", w);
         });
       }
       return E();
@@ -2564,24 +2572,24 @@ function nn(e) {
         onRemove: c
       }),
       // Always-visible search box replacing the selector button
-      f.div(
+      d.div(
         s.class("bc-input-container__tags-selector"),
-        f.input(
+        d.input(
           s.type("text"),
           s.class("bc-dropdown__search-input"),
           s.placeholder(
             S(
               l,
               r
-            )((h, v) => h ?? v ?? "")
+            )((v, y) => v ?? y ?? "")
           ),
           s.value(u),
-          $.input((h) => {
-            const v = h.target;
-            u.set(v.value);
+          $.input((v) => {
+            const y = v.target;
+            u.set(y.value);
           }),
-          $.keydown((h) => {
-            (h.key === "ArrowUp" || h.key === "ArrowDown" || h.key === "Enter" || h.key === " ") && h.stopPropagation();
+          $.keydown((v) => {
+            (v.key === "ArrowUp" || v.key === "ArrowDown" || v.key === "Enter" || v.key === " ") && v.stopPropagation();
           })
         ),
         x
@@ -2657,7 +2665,7 @@ const pr = (e) => {
   },
   pending: () => ne(
     fe,
-    (t) => f.span(
+    (t) => d.span(
       ee({
         icon: "line-md:loading-twotone-loop",
         title: t.$.loadingShort
@@ -2681,68 +2689,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 = (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(
+  const { value: t, step: n, min: a, max: r, onChange: l, onInput: i, after: u } = e, c = (v) => {
+    const y = a != null ? m.get(a) : void 0, h = r != null ? m.get(r) : void 0;
+    return y != null && v < y ? y : h != null && v > h ? h : v;
+  }, o = n != null ? ne(fe, (v) => {
+    const y = S(
       t,
       a
-    )((w, b) => b == null ? !0 : (w ?? 0n) > b), d = S(
+    )((w, g) => g == null ? !0 : (w ?? 0n) > g), h = S(
       t,
       r
-    )((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;
+    )((w, g) => g == null ? !0 : (w ?? 0n) < g), b = (w, g) => {
+      const k = m.get(t) ?? 0n, T = m.get(n), L = g?.shiftKey ? 10n : 1n, V = k + T * L * w, P = a != null ? m.get(a) : void 0, I = r != null ? m.get(r) : void 0;
       if (w < 0n && P != null && V < P || w > 0n && I != null && V > I) return;
       const M = c(V);
-      M !== C && l && l(M);
+      M !== k && l && l(M);
     };
     return ot(
       s.class("bc-number-input-steppers"),
-      f.button(
+      d.button(
         s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         s.disabled(
           S(
-            d,
+            h,
             e.disabled ?? !1
-          )((w, b) => !w || b)
+          )((w, g) => !w || g)
         ),
-        $.click((w) => y(1n, w)),
-        B.label(h.$.incrementValue),
+        $.click((w) => b(1n, w)),
+        B.label(v.$.incrementValue),
         ee({ icon: "line-md:plus", size: "xs" })
       ),
-      f.button(
+      d.button(
         s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         s.disabled(
           S(
-            v,
+            y,
             e.disabled ?? !1
-          )((w, b) => !w || b)
+          )((w, g) => !w || g)
         ),
-        $.click((w) => y(-1n, w)),
-        B.label(h.$.decrementValue),
+        $.click((w) => b(-1n, w)),
+        B.label(v.$.decrementValue),
         ee({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : 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));
+  }) : null, f = u != null && o != null ? E(o, u) : u ?? o, p = l ? (v) => {
+    const y = Ct(v);
+    y != null && l(c(y));
+  } : void 0, x = i ? (v) => {
+    const y = Ct(v);
+    y != null && i(c(y));
   } : void 0;
   return Le({
     ...e,
-    value: m.map(t, (h) => h.toString()),
-    onChange: g,
+    value: m.map(t, (v) => v.toString()),
+    onChange: p,
     onInput: x,
-    after: p,
+    after: f,
     mask: null,
     allowMode: "digits",
     class: "bc-number-input"
@@ -2755,74 +2763,74 @@ const pr = (e) => {
     return null;
   }
 }, yr = (e) => {
-  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(
+  const { value: t, step: n, min: a, max: r, onChange: l, onInput: i, after: u } = e, c = (y) => {
+    const h = a != null ? m.get(a) : void 0, b = r != null ? m.get(r) : void 0;
+    return h != null && y < h ? h : b != null && y > b ? b : y;
+  }, o = n != null ? ne(fe, (y) => {
+    const h = S(
       t,
       a
-    )((b, C) => {
-      const _ = b ?? 0n;
-      return C == null ? !0 : _ > C;
-    }), y = S(
+    )((g, k) => {
+      const T = g ?? 0n;
+      return k == null ? !0 : T > k;
+    }), b = S(
       t,
       r
-    )((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;
+    )((g, k) => {
+      const T = g ?? 0n;
+      return k == null ? !0 : T < k;
+    }), w = (g, k) => {
+      const T = m.get(t) ?? 0n, L = m.get(n), V = k?.shiftKey ? 10n : 1n, P = T + L * V * g, I = a != null ? m.get(a) : void 0, M = r != null ? m.get(r) : void 0;
+      if (g < 0n && I != null && P < I || g > 0n && M != null && P > M) return;
       const F = c(P);
-      F !== _ && l && l(F);
+      F !== T && l && l(F);
     };
     return ot(
       s.class("bc-number-input-steppers"),
       s.type("button"),
-      f.button(
+      d.button(
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         s.disabled(
           S(
-            y,
+            b,
             e.disabled ?? !1
-          )((b, C) => !b || C)
+          )((g, k) => !g || k)
         ),
-        $.click((b) => w(1n, b)),
-        B.label(v.$.incrementValue),
+        $.click((g) => w(1n, g)),
+        B.label(y.$.incrementValue),
         ee({ icon: "line-md:plus", size: "xs" })
       ),
-      f.button(
+      d.button(
         s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         s.disabled(
           S(
-            d,
+            h,
             e.disabled ?? !1
-          )((b, C) => !b || C)
+          )((g, k) => !g || k)
         ),
-        $.click((b) => w(-1n, b)),
-        B.label(v.$.decrementValue),
+        $.click((g) => w(-1n, g)),
+        B.label(y.$.decrementValue),
         ee({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : 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));
+  }) : null, f = ve(t, e.disabled, l), p = u != null && o != null ? E(o, f, u) : u != null ? E(f, u) : o != null ? E(o, f) : f, x = l ? (y) => {
+    const h = St(y);
+    l(h === null ? null : c(h));
+  } : void 0, v = i ? (y) => {
+    const h = St(y);
+    i(h === null ? null : c(h));
   } : void 0;
   return Le({
     ...e,
-    value: m.map(t, (v) => v == null ? "" : v.toString()),
+    value: m.map(t, (y) => y == null ? "" : y.toString()),
     onChange: x,
-    onInput: h,
-    after: g,
+    onInput: v,
+    after: p,
     mask: null,
     allowMode: "digits",
     class: "bc-number-input"
@@ -3042,8 +3050,8 @@ const pr = (e) => {
         a != null ? $.change(
           W((c) => {
             if (c === "") return a(null);
-            const o = u.PlainDateTime.from(c), p = m.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
-            return a(u.ZonedDateTime.from({ ...o, timeZone: p }));
+            const o = u.PlainDateTime.from(c), f = m.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            return a(u.ZonedDateTime.from({ ...o, timeZone: f }));
           })
         ) : R
       ),
@@ -3311,24 +3319,24 @@ function pa({
   onClose: u,
   class: c
 } = {}, ...o) {
-  const p = m.map(i, (g) => g != null);
-  return f.section(
-    Y(() => m.dispose(p)),
+  const f = m.map(i, (p) => p != null);
+  return d.section(
+    Y(() => m.dispose(f)),
     s.class(
       S(
         n,
-        p,
+        f,
         t,
         e,
         c
       )(
-        (g, x, h, v, d) => [
+        (p, x, v, y, h) => [
           da(
-            g,
+            p,
             x,
-            h,
             v,
-            d
+            y,
+            h
           )
         ].join(" ")
       )
@@ -3338,14 +3346,14 @@ function pa({
         a,
         r
       )(
-        (g, x) => fa(g, x)
+        (p, x) => fa(p, x)
       )
     ),
     B.live("polite"),
     B.busy(e),
     J(
       e,
-      () => f.div(
+      () => d.div(
         s.class("bc-notification__visual bc-notification__loader"),
         ee({
           icon: "line-md:loading-twotone-loop",
@@ -3355,25 +3363,25 @@ function pa({
         })
       ),
       () => J(
-        p,
-        () => f.div(
+        f,
+        () => d.div(
           s.class("bc-notification__visual bc-notification__icon"),
           ee({ icon: i, size: "lg", color: a })
         ),
-        () => f.div(
+        () => d.div(
           s.class("bc-notification__visual bc-notification__accent"),
           B.hidden(!0)
         )
       )
     ),
-    f.div(
+    d.div(
       s.class("bc-notification__body"),
-      l != null ? f.div(s.class("bc-notification__title"), l) : null,
-      f.div(s.class("bc-notification__content"), ...o)
+      l != null ? d.div(s.class("bc-notification__title"), l) : null,
+      d.div(s.class("bc-notification__content"), ...o)
     ),
     J(
       t,
-      () => f.div(
+      () => d.div(
         s.class("bc-notification__meta"),
         qe({
           size: "sm",
@@ -3418,26 +3426,26 @@ const ga = new ba(), an = {
         o >= 0 && n.splice(o, 1);
       };
     }
-    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),
+    const r = [], l = ({ dismissAfter: c, onClose: o, animation: f = { fade: !0 }, ...p }, ...x) => {
+      t.update((h) => h + 1);
+      const v = c != null ? typeof c == "number" ? Dn(c * 1e3) : c : void 0, y = {
+        animation: f,
+        class: m.toSignal(p.class),
+        loading: m.toSignal(p.loading ?? !1),
         withCloseButton: m.toSignal(
-          g.withCloseButton == null && c == null ? !0 : g.withCloseButton ?? !0
+          p.withCloseButton == null && c == null ? !0 : p.withCloseButton ?? !0
         ),
-        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),
+        withBorder: m.toSignal(p.withBorder ?? !1),
+        color: m.toSignal(p.color ?? "primary"),
+        radius: m.toSignal(p.radius ?? "md"),
+        title: p.title ?? R,
+        icon: m.toSignal(p.icon),
         children: x,
-        listenRequestClose: (d) => (r.push(d), o?.(), () => {
+        listenRequestClose: (h) => (r.push(h), o?.(), () => {
         }),
-        delayedClose: h
+        delayedClose: v
       };
-      n.forEach((d) => d(v));
+      n.forEach((h) => h(y));
     }, i = () => {
       r.forEach((c) => c()), r.length = 0;
     }, u = ga.attach({ show: l, clear: i });
@@ -3456,13 +3464,13 @@ const ga = new ba(), an = {
   }
 };
 function ma() {
-  return ne(an, ({ listenOnShow: e, position: t }) => f.div(
+  return ne(an, ({ listenOnShow: e, position: t }) => d.div(
     s.class("bc-notification-viewport"),
     s.class(`bc-notification-viewport--${t}`),
     un(
       (n) => Y(
         e((a) => {
-          const r = [], l = f.div(
+          const r = [], l = d.div(
             wn(
               {
                 animation: a.animation,
@@ -3513,7 +3521,7 @@ function Ur({
     );
     return e ? pn(
       () => import("./translations-BaKCl3Vc.js"),
-      ({ AuthI18n: p }) => Lt(p, {}, () => o)
+      ({ AuthI18n: f }) => Lt(f, {}, () => o)
     ) : o;
   });
 }
@@ -3528,32 +3536,32 @@ function jr({
   navpanes: u = !0,
   search: c,
   nameddest: o,
-  viewrect: p,
-  highlight: g,
+  viewrect: f,
+  highlight: p,
   allowfullscreen: x = !1
 }) {
-  const h = m.toSignal(
+  const v = m.toSignal(
     e
-  ).mapAsync(async (d) => {
-    if (d instanceof Blob) {
-      const y = await d.arrayBuffer(), w = new Blob([y], { type: "application/pdf" });
+  ).mapAsync(async (h) => {
+    if (h instanceof Blob) {
+      const b = await h.arrayBuffer(), w = new Blob([b], { type: "application/pdf" });
       return URL.createObjectURL(w);
     } else {
-      if (d instanceof ArrayBuffer)
+      if (h instanceof ArrayBuffer)
         return URL.createObjectURL(
-          new Blob([d], { type: "application/pdf" })
+          new Blob([h], { type: "application/pdf" })
         );
-      if (d instanceof Uint8Array)
+      if (h instanceof Uint8Array)
         return URL.createObjectURL(
-          new Blob([new Uint8Array(d)], { type: "application/pdf" })
+          new Blob([new Uint8Array(h)], { type: "application/pdf" })
         );
-      if (typeof d == "string") {
-        const w = await (await fetch(d)).arrayBuffer(), b = new Blob([w], { type: "application/pdf" });
-        return URL.createObjectURL(b);
+      if (typeof h == "string") {
+        const w = await (await fetch(h)).arrayBuffer(), g = new Blob([w], { type: "application/pdf" });
+        return URL.createObjectURL(g);
       }
     }
-  }, null), v = S(
-    h,
+  }, null), y = S(
+    v,
     t,
     n,
     a,
@@ -3563,42 +3571,42 @@ function jr({
     u,
     c,
     o,
-    p,
-    g
-  )((d, y, w, b, C, _, L, V, P, I, M, F) => {
-    if (d == null) return null;
+    f,
+    p
+  )((h, b, w, g, k, T, L, V, P, I, M, F) => {
+    if (h == null) return null;
     const O = [];
-    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)}`);
+    b === !1 && O.push("toolbar=0"), w != null && w > 0 && O.push(`page=${w}`), g != null && g > 0 && O.push(`zoom=${g}`), k != null && O.push(`view=${k}`), T != null && O.push(`pagemode=${T}`), L === !1 && O.push("scrollbar=0"), V === !1 && O.push("navpanes=0"), P != null && O.push(`search=${encodeURIComponent(P)}`), I != null && O.push(`nameddest=${encodeURIComponent(I)}`), M != null && O.push(`viewrect=${encodeURIComponent(M)}`), F != null && O.push(`highlight=${encodeURIComponent(F)}`);
     const H = O.join("&");
-    return H ? `${d}#${H}` : d;
+    return H ? `${h}#${H}` : h;
   });
-  return f.div(
+  return d.div(
     Y(
-      v,
-      h.on((d, y) => {
-        y != null && URL.revokeObjectURL(y);
+      y,
+      v.on((h, b) => {
+        b != null && URL.revokeObjectURL(b);
       }),
       () => {
-        const d = h.value;
-        d != null && URL.revokeObjectURL(d);
+        const h = v.value;
+        h != null && URL.revokeObjectURL(h);
       }
     ),
     s.class("h-full w-full"),
     // could also use embed or object. IFrame seems to work on Safari.
-    f.iframe(
+    d.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((d) => {
-        const y = d;
+      ae((h) => {
+        const b = h;
         let w = !0;
         return Y(
-          v.on((b) => {
-            b != null && (w ? (y.src = b, w = !1) : (y.src = "about:blank", setTimeout(() => {
-              y.src = b;
+          y.on((g) => {
+            g != null && (w ? (b.src = g, w = !1) : (b.src = "about:blank", setTimeout(() => {
+              b.src = g;
             }, 50)));
           })
         );
@@ -3617,13 +3625,13 @@ function Hr({
   sidebarViewOnLoad: u,
   scrollModeOnLoad: c,
   spreadModeOnLoad: o,
-  enableScripting: p,
-  enablePrinting: g,
+  enableScripting: f,
+  enablePrinting: p,
   viewerUrl: x = null,
-  allowfullscreen: h = !0,
-  class: v = null
+  allowfullscreen: v = !0,
+  class: y = null
 }) {
-  const d = m.toSignal(
+  const h = m.toSignal(
     e
   ).mapAsync(async (w) => {
     if (w instanceof Blob)
@@ -3638,8 +3646,8 @@ function Hr({
       );
     if (typeof w == "string")
       return w;
-  }, null), y = S(
-    d,
+  }, null), b = S(
+    h,
     x,
     t,
     n,
@@ -3650,48 +3658,48 @@ function Hr({
     u,
     c,
     o,
-    p,
-    g
-  )((w, b, C, _, L, V, P, I, M, F, O, H, oe) => {
+    f,
+    p
+  )((w, g, k, T, 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();
+    const Q = g ?? "https://mozilla.github.io/pdf.js/web/viewer.html", U = new URLSearchParams();
     U.set("file", encodeURIComponent(w));
     const X = [];
-    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"}`);
+    k != null && k > 0 && X.push(`page=${k}`), T != null && (typeof T == "string" ? X.push(`zoom=${T}`) : X.push(`zoom=${T}`)), L != null && X.push(`pagemode=${L}`), V != null && X.push(`nameddest=${encodeURIComponent(V)}`), P != null && X.push(`search=${encodeURIComponent(P)}`), I != null && X.push(`textLayer=${I}`), M != null && X.push(`sidebar=${M}`), F != null && X.push(`scrollMode=${F}`), O != null && X.push(`spreadMode=${O}`), H != null && X.push(`enableScripting=${H ? "1" : "0"}`), oe != null && X.push(`enablePrinting=${oe ? "1" : "0"}`);
     const pe = X.length > 0 ? `#${X.join("&")}` : "";
     return `${Q}?${U.toString()}${pe}`;
   });
-  return f.div(
+  return d.div(
     Y(
-      y,
-      d.on((w, b) => {
-        b != null && b.startsWith("blob:") && URL.revokeObjectURL(b);
+      b,
+      h.on((w, g) => {
+        g != null && g.startsWith("blob:") && URL.revokeObjectURL(g);
       }),
       () => {
-        const w = d.value;
+        const w = h.value;
         w != null && w.startsWith("blob:") && URL.revokeObjectURL(w);
       }
     ),
     s.class("bc-pdfjs-preview h-full w-full"),
-    s.class(v),
-    f.iframe(
+    s.class(y),
+    d.iframe(
       s.class("h-full w-full"),
-      s.allowfullscreen(h),
+      s.allowfullscreen(v),
       s.title("PDF Preview"),
       s.loading("lazy"),
-      s.src(y)
+      s.src(b)
     )
   );
 }
-const zr = ({ id: e, css: t }) => at("head", f.style(s.id(e), s.innerHTML(t)));
+const zr = ({ id: e, css: t }) => at("head", d.style(s.id(e), s.innerHTML(t)));
 function ge(e, t) {
-  return t == null ? null : f.meta(
+  return t == null ? null : d.meta(
     s.name(e),
     s.content(m.map(t, (n) => String(n)))
   );
 }
 function q(e, t) {
-  return t == null ? null : f.meta(
+  return t == null ? null : d.meta(
     s.property(e),
     s.content(m.map(t, (n) => String(n)))
   );
@@ -3734,7 +3742,7 @@ const Wr = (e) => {
       "twitter:image:alt",
       Te(e.twitterImageAlt, e.imageAlt)
     )
-  ), 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());
+  ), e.canonical != null && m.get(e.canonical) != null && t.push(d.link(s.rel("canonical"), s.href(e.canonical))), t.push(ge("robots", e.robots)), t.push(ge("keywords", e.keywords)), t.push(ge("author", e.metaAuthor)), at("head", t.filter((n) => n != null).flat());
 }, it = ({
   viewTransition: e,
   state: t,
@@ -3783,23 +3791,23 @@ function va({
   scroll: u,
   replace: c,
   target: o,
-  rel: p
-}, ...g) {
+  rel: f
+}, ...p) {
   return J(
     r,
-    () => f.span(
+    () => d.span(
       s.class(
         S(
           t,
           r
-        )((x, h) => It(x, h))
+        )((x, v) => It(x, v))
       ),
       s.style(
         S(a)(
           (x) => $t(x ?? "base")
         )
       ),
-      ...g
+      ...p
     ),
     () => rt(
       {
@@ -3815,14 +3823,14 @@ function va({
         S(
           t,
           r
-        )((x, h) => It(x, h))
+        )((x, v) => It(x, v))
       ),
       s.style(
         S(n)((x) => $t(x ?? "primary"))
       ),
       o ? s.target(o) : null,
-      p ? s.rel(p) : null,
-      ...g
+      f ? s.rel(f) : null,
+      ...p
     )
   );
 }
@@ -3848,10 +3856,10 @@ function xa(e, t, n) {
           return !1;
         const o = Array.from(
           new URLSearchParams(c.search).entries()
-        ).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;
+        ).sort(), f = Array.from(a.entries()).sort();
+        return o.length !== f.length ? !1 : o.every(([p, x], v) => {
+          const [y, h] = f[v];
+          return p === y && x === h;
         });
       } catch {
         return e.pathname === t;
@@ -3899,19 +3907,19 @@ function qr({
   matchMode: u,
   disableWhenActive: c,
   variant: o = "filled",
-  size: p = "md",
-  color: g = "base",
+  size: f = "md",
+  color: p = "base",
   roundedness: x = "sm",
-  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,
+  disabled: v = !1
+}, ...y) {
+  return u !== void 0 || c !== void 0 ? ne(Ve, (h) => {
+    const b = u !== void 0 ? h.matchSignal(ct(e, u)) : S(h.location)(() => !1), w = S(
+      b,
       c
-    )((C, _) => !(_ ?? !0) || !u ? !1 : C), b = S(
-      h,
+    )((k, T) => !(T ?? !0) || !u ? !1 : k), g = S(
+      v,
       w
-    )((C, _) => C || _);
+    )((k, T) => k || T);
     return Tt(
       {
         href: e,
@@ -3922,12 +3930,12 @@ function qr({
         target: l,
         rel: i,
         variant: o,
-        size: p,
-        color: g,
+        size: f,
+        color: p,
         roundedness: x,
-        disabled: b
+        disabled: g
       },
-      ...v
+      ...y
     );
   }) : Tt(
     {
@@ -3939,12 +3947,12 @@ function qr({
       target: l,
       rel: i,
       variant: o,
-      size: p,
-      color: g,
+      size: f,
+      color: p,
       roundedness: x,
-      disabled: h
+      disabled: v
     },
-    ...v
+    ...y
   );
 }
 function Tt({
@@ -3958,19 +3966,19 @@ function Tt({
   variant: u = "default",
   size: c = "md",
   color: o = "base",
-  roundedness: p = "sm",
-  disabled: g = !1,
+  roundedness: f = "sm",
+  disabled: p = !1,
   fullWidth: x = !1,
-  loading: h = !1
-}, ...v) {
+  loading: v = !1
+}, ...y) {
   return J(
-    g ?? !1,
-    () => f.span(
+    p ?? !1,
+    () => d.span(
       s.class(
         S(
           c,
-          p,
-          h,
+          f,
+          v,
           x
         )(bt)
       ),
@@ -3978,16 +3986,16 @@ function Tt({
         S(
           u,
           o,
-          g
+          p
         )(
-          (d, y, w) => gt(
-            d ?? "filled",
-            y ?? "base",
+          (h, b, w) => gt(
+            h ?? "filled",
+            b ?? "base",
             w
           )
         )
       ),
-      ...v
+      ...y
     ),
     () => rt(
       {
@@ -4002,8 +4010,8 @@ function Tt({
       s.class(
         S(
           c,
-          p,
-          h,
+          f,
+          v,
           x
         )(bt)
       ),
@@ -4011,18 +4019,18 @@ function Tt({
         S(
           u,
           o,
-          g
+          p
         )(
-          (d, y, w) => gt(
-            d ?? "filled",
-            y ?? "base",
+          (h, b, w) => gt(
+            h ?? "filled",
+            b ?? "base",
             w
           )
         )
       ),
       l ? s.target(l) : null,
       i ? s.rel(i) : null,
-      ...v
+      ...y
     )
   );
 }
@@ -4045,7 +4053,7 @@ function Zr({ backgroundMode: e = "light" }, ...t) {
         backgroundMode: n
       })
     ),
-    () => f.div(
+    () => d.div(
       s.class("bc-sidebar"),
       s.class(
         m.map(
@@ -4059,8 +4067,8 @@ function Zr({ backgroundMode: e = "light" }, ...t) {
 }
 function _t({ rail: e, header: t }, ...n) {
   return ot(
-    t != null ? f.div(s.class("bc-sidebar-group__header"), t) : null,
-    f.div(
+    t != null ? d.div(s.class("bc-sidebar-group__header"), t) : null,
+    d.div(
       s.class(
         m.map(
           e ?? !1,
@@ -4082,10 +4090,10 @@ function Ca(e, ...t) {
   return rt({ href: e.href, ...n }, ...t);
 }
 function Sa(...e) {
-  return f.span(...e);
+  return d.span(...e);
 }
 function Ia(e, ...t) {
-  return f.button(
+  return d.button(
     s.type("button"),
     $.click(e.onClick),
     e.ariaExpanded != null ? B.expanded(
@@ -4102,16 +4110,16 @@ function Ia(e, ...t) {
 function $a(e) {
   const t = [s.class("bc-sidebar-link")];
   return e.icon != null && t.push(
-    f.span(
+    d.span(
       s.class("bc-sidebar-link--icon"),
       ee({ icon: e.icon })
     )
   ), t.push(
-    f.span(s.class("bc-sidebar-link__content"), e.content)
+    d.span(s.class("bc-sidebar-link__content"), e.content)
   ), e.right != null && t.push(
-    f.span(s.class("bc-sidebar-link__right"), e.right)
+    d.span(s.class("bc-sidebar-link__right"), e.right)
   ), e.action != null && t.push(
-    f.button(
+    d.button(
       s.type("button"),
       s.class("bc-sidebar-link--action"),
       $.click((n, a) => {
@@ -4158,7 +4166,7 @@ function Gr({
       // Add ARIA attributes for the toggle button
       ariaExpanded: l,
       ariaControls: u,
-      right: f.span(
+      right: d.span(
         s.class("bc-sidebar-group-collapsible-indicator"),
         ee({ icon: "lucide:chevron-down", color: "base" })
       ),
@@ -4168,7 +4176,7 @@ function Gr({
   );
 }
 function Kr() {
-  return f.hr(s.class("bc-sidebar-separator"));
+  return d.hr(s.class("bc-sidebar-separator"));
 }
 function Ta(e, t, n, a) {
   const r = ["bc-tabs", `bc-tabs--${e}`, `bc-tabs--${t}`];
@@ -4213,41 +4221,41 @@ function Qr(e) {
     disabled: u = !1,
     orientation: c = "horizontal",
     showContent: o = !0,
-    ariaLabel: p
-  } = e, g = he("tablist"), x = G(-1), h = S(n)((d) => t.find((y) => y.key === d)), v = (d) => {
+    ariaLabel: f
+  } = e, p = he("tablist"), x = G(-1), v = S(n)((h) => t.find((b) => b.key === h)), y = (h) => {
     if (m.get(u)) return;
-    const w = x.value, b = m.get(c) === "horizontal";
-    let C = w;
-    switch (d.key) {
-      case (b ? "ArrowRight" : "ArrowDown"):
-        d.preventDefault(), C = Ue(w, t, 1);
+    const w = x.value, g = m.get(c) === "horizontal";
+    let k = w;
+    switch (h.key) {
+      case (g ? "ArrowRight" : "ArrowDown"):
+        h.preventDefault(), k = Ue(w, t, 1);
         break;
-      case (b ? "ArrowLeft" : "ArrowUp"):
-        d.preventDefault(), C = Ue(w, t, -1);
+      case (g ? "ArrowLeft" : "ArrowUp"):
+        h.preventDefault(), k = Ue(w, t, -1);
         break;
       case "Home":
-        d.preventDefault(), C = Ue(-1, t, 1);
+        h.preventDefault(), k = Ue(-1, t, 1);
         break;
       case "End":
-        d.preventDefault(), C = Ue(t.length, t, -1);
+        h.preventDefault(), k = Ue(t.length, t, -1);
         break;
       case "Enter":
       case " ":
-        if (d.preventDefault(), w >= 0 && w < t.length) {
-          const _ = t[w];
-          m.get(_.disabled ?? !1) || a?.(_.key);
+        if (h.preventDefault(), w >= 0 && w < t.length) {
+          const T = t[w];
+          m.get(T.disabled ?? !1) || a?.(T.key);
         }
         break;
     }
-    C !== w && C >= 0 && C < t.length && (x.set(C), setTimeout(() => {
-      const _ = document.querySelector(
-        `[data-tab-index="${C}"]`
+    k !== w && k >= 0 && k < t.length && (x.set(k), setTimeout(() => {
+      const T = document.querySelector(
+        `[data-tab-index="${k}"]`
       );
-      _ && _.focus();
+      T && T.focus();
     }, 0));
   };
-  return f.div(
-    Y(h, x),
+  return d.div(
+    Y(v, x),
     s.class(
       S(
         r,
@@ -4255,11 +4263,11 @@ function Qr(e) {
         u,
         l
       )(
-        (d, y, w, b) => Ta(
-          d ?? "md",
-          y ?? "horizontal",
+        (h, b, w, g) => Ta(
+          h ?? "md",
+          b ?? "horizontal",
           w ?? !1,
-          b ?? "default"
+          g ?? "default"
         )
       )
     ),
@@ -4268,32 +4276,32 @@ function Qr(e) {
         l,
         i
       )(
-        (d, y) => _a(d ?? "default", y ?? "primary")
+        (h, b) => _a(h ?? "default", b ?? "primary")
       )
     ),
     // Tab list
-    f.div(
+    d.div(
       s.class("bc-tabs__list"),
       s.role("tablist"),
-      s.id(g),
+      s.id(p),
       B.orientation(
         c ?? "horizontal"
       ),
-      p ? B.label(p) : E(),
-      $.keydown(v),
-      ...t.map((d, y) => {
-        const w = S(n)((L) => L === d.key), b = S(
+      f ? B.label(f) : E(),
+      $.keydown(y),
+      ...t.map((h, b) => {
+        const w = S(n)((L) => L === h.key), g = S(
           u,
-          d.disabled
-        )((L, V) => L || V), C = `${g}-tab-${d.key}`, _ = `${g}-panel-${d.key}`;
-        return f.button(
-          Y(w, b),
+          h.disabled
+        )((L, V) => L || V), k = `${p}-tab-${h.key}`, T = `${p}-panel-${h.key}`;
+        return d.button(
+          Y(w, g),
           s.type("button"),
           s.class(
             S(
               r,
               w,
-              b
+              g
             )(
               (L, V, P) => Da(
                 L ?? "md",
@@ -4302,45 +4310,45 @@ function Qr(e) {
               )
             )
           ),
-          s.id(C),
+          s.id(k),
           s.role("tab"),
           s.tabindex(
             S(
               w,
               x
-            )((L, V) => L || V === y ? 0 : -1)
+            )((L, V) => L || V === b ? 0 : -1)
           ),
           B.selected(w),
-          B.controls(_),
-          B.disabled(b),
-          s.disabled(b),
-          nt["tab-index"](String(y)),
-          d.ariaLabel ? B.label(d.ariaLabel) : E(),
+          B.controls(T),
+          B.disabled(g),
+          s.disabled(g),
+          nt["tab-index"](String(b)),
+          h.ariaLabel ? B.label(h.ariaLabel) : E(),
           $.click((L) => {
-            L.preventDefault(), m.get(d.disabled ?? !1) || m.get(u) || (a?.(d.key), x.set(y));
+            L.preventDefault(), m.get(h.disabled ?? !1) || m.get(u) || (a?.(h.key), x.set(b));
           }),
           $.focus(() => {
-            x.set(y);
+            x.set(b);
           }),
-          d.label
+          h.label
         );
       })
     ),
     // Panel
     J(
       o ?? !0,
-      () => 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),
+      () => Ye(v, (h) => {
+        const b = h.$.key, w = b.map((k) => `${p}-tab-${k}`), g = b.map((k) => `${p}-panel-${k}`);
+        return d.div(
+          Y(b),
           s.class("bc-tabs__panels"),
-          f.div(
+          d.div(
             s.class("bc-tabs__panel"),
-            s.id(b),
+            s.id(g),
             s.role("tabpanel"),
             s.tabindex(0),
             B.labelledby(w),
-            At(d, (C) => C.content())
+            At(h, (k) => k.content())
           )
         );
       })
@@ -4355,24 +4363,24 @@ function Xr(e) {
       const {
         size: c = "md",
         side: o = "right",
-        dismissable: p = !0,
-        showCloseButton: g = !0,
+        dismissable: f = !0,
+        showCloseButton: p = !0,
         onClose: x,
-        overlayEffect: h = "opaque",
-        container: v = "body",
-        header: d,
-        body: y,
+        overlayEffect: v = "opaque",
+        container: y = "body",
+        header: h,
+        body: b,
         footer: w
       } = u;
       a = n;
-      const b = G("capturing");
-      m.on(p, (L) => {
-        b.set(L ? "capturing" : "non-capturing");
+      const g = G("capturing");
+      m.on(f, (L) => {
+        g.set(L ? "capturing" : "non-capturing");
       });
-      const C = S(
-        d != null,
-        g
-      )((L, V) => L || V), _ = ae((L) => {
+      const k = S(
+        h != null,
+        p
+      )((L, V) => L || V), T = ae((L) => {
         const V = Me({
           initialStatus: "closed",
           element: L
@@ -4382,8 +4390,8 @@ function Xr(e) {
         }), a = () => {
           V.close();
         }, We(() => V.open());
-        const I = he("drawer"), M = d != null ? `${I}-header` : void 0, F = `${I}-body`;
-        return f.div(
+        const I = he("drawer"), M = h != null ? `${I}-header` : void 0, F = `${I}-body`;
+        return d.div(
           Y(V),
           s.class(
             S(
@@ -4391,7 +4399,7 @@ function Xr(e) {
               o,
               V.status
             )(
-              (O, H, oe) => `bc-drawer bc-drawer--size-${O} bc-drawer--container-${v} bc-drawer--side-${H} bc-drawer--status-${oe}`
+              (O, H, oe) => `bc-drawer bc-drawer--size-${O} bc-drawer--container-${y} bc-drawer--side-${H} bc-drawer--status-${oe}`
             )
           ),
           // Essential ARIA attributes for drawer dialog
@@ -4416,12 +4424,12 @@ function Xr(e) {
           $.mousedown((O) => O.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
-          At(C, (O) => kt(O ? {
-            header: f.div(
+          At(k, (O) => kt(O ? {
+            header: d.div(
               s.class("bc-drawer__header"),
-              f.div(s.id(M), d),
+              d.div(s.id(M), h),
               J(
-                g,
+                p,
                 () => ne(
                   fe,
                   (H) => qe({
@@ -4432,27 +4440,27 @@ function Xr(e) {
                 )
               )
             ),
-            body: f.div(
+            body: d.div(
               s.class("bc-drawer__body"),
               s.id(F),
-              y
+              b
             ),
-            footer: w && f.div(s.class("bc-drawer__footer"), w)
+            footer: w && d.div(s.class("bc-drawer__footer"), w)
           } : {
-            body: f.div(
+            body: d.div(
               s.class("bc-drawer__body"),
               s.id(F),
-              y
+              b
             ),
-            footer: w && f.div(s.class("bc-drawer__footer"), w)
+            footer: w && d.div(s.class("bc-drawer__footer"), w)
           }))
         );
       });
       t({
-        mode: b,
-        effect: h ?? "opaque",
-        container: v,
-        content: E(Y(b, C), _),
+        mode: g,
+        effect: v ?? "opaque",
+        container: y,
+        content: E(Y(g, k), T),
         onClickOutside: () => {
           x?.(), r();
         },
@@ -4507,18 +4515,18 @@ function Jr(e) {
       // Override the default dialog role for tooltips
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       arrow: (o) => {
-        const p = o.map(
+        const f = o.map(
           ({
-            placement: g
-          }) => g.includes("top") ? "down" : g.includes("bottom") ? "up" : g.includes("left") ? "right" : g.includes("right") ? "left" : "up"
+            placement: p
+          }) => p.includes("top") ? "down" : p.includes("bottom") ? "up" : p.includes("left") ? "right" : p.includes("right") ? "left" : "up"
         );
         return E(
           s.class("bc-tooltip__arrow"),
-          s.class(p.map((g) => `bc-tooltip__arrow-${g}`)),
-          k.transform(
-            o.map(({ x: g, y: x }) => g == null && x == null ? "" : g != null ? `translate(${g}px, 0)` : `translate(0, ${x}px)`)
+          s.class(f.map((p) => `bc-tooltip__arrow-${p}`)),
+          C.transform(
+            o.map(({ x: p, y: x }) => p == null && x == null ? "" : p != null ? `translate(${p}px, 0)` : `translate(0, ${x}px)`)
           ),
-          Pa(p)
+          Pa(f)
         );
       }
     })
@@ -4550,7 +4558,7 @@ function es({
   angle: l = 45,
   corner: i = "top-end"
 }, ...u) {
-  return f.div(
+  return d.div(
     s.class("bc-ribbon"),
     // Theme styles via CSS variables
     s.style(
@@ -4581,25 +4589,25 @@ function ts(e, t) {
     };
     return t((x) => {
       o = c;
-      const h = G(
+      const v = G(
         typeof n != "boolean" || n ? "capturing" : "non-capturing"
       );
-      let v = typeof n == "boolean" ? n : !0;
-      m.on(n, (y) => {
-        v = y, h.set(y ? "capturing" : "non-capturing");
+      let y = typeof n == "boolean" ? n : !0;
+      m.on(n, (b) => {
+        y = b, v.set(b ? "capturing" : "non-capturing");
       });
-      const d = f.div(
+      const h = d.div(
         s.class("bc-lightbox"),
         // Close button (top-end)
         J(
           a,
           () => ne(
             fe,
-            (y) => f.div(
+            (b) => d.div(
               s.class("bc-lightbox__close"),
               qe({
                 size: "md",
-                label: y.$.closeModal,
+                label: b.$.closeModal,
                 onClick: () => {
                   o(), c();
                 }
@@ -4609,28 +4617,28 @@ function ts(e, t) {
           () => null
         ),
         // Viewport (centering + padding)
-        f.div(
+        d.div(
           s.class("bc-lightbox__viewport"),
           // Visual padding applied here
           s.style(
             S(i)(
-              (y) => `padding:${typeof y == "number" ? y + "px" : y}`
+              (b) => `padding:${typeof b == "number" ? b + "px" : b}`
             )
           ),
           // Content wrapper capped by viewport; overflow is clipped
-          f.div(s.class("bc-lightbox__content"), x)
+          d.div(s.class("bc-lightbox__content"), x)
         )
       );
       u({
-        mode: h,
+        mode: v,
         effect: r ?? "opaque",
         container: l,
-        content: E(Y(h), d),
+        content: E(Y(v), h),
         onClickOutside: () => {
-          v && (o(), c());
+          y && (o(), c());
         },
         onEscape: () => {
-          v && (o(), c());
+          y && (o(), c());
         }
       });
     }, () => {
@@ -4663,17 +4671,17 @@ function ns(e) {
     playbackRate: u = 1,
     pip: c = !1,
     playsinline: o = !0,
-    width: p,
-    height: g,
+    width: f,
+    height: p,
     progressInterval: x = 1e3,
-    seekTo: h,
-    config: v,
-    onReady: d,
-    onStart: y,
+    seekTo: v,
+    config: y,
+    onReady: h,
+    onStart: b,
     onPlay: w,
-    onPause: b,
-    onBuffer: C,
-    onBufferEnd: _,
+    onPause: g,
+    onBuffer: k,
+    onBufferEnd: T,
     onEnded: L,
     onError: V,
     onDuration: P,
@@ -4682,12 +4690,12 @@ function ns(e) {
     onPlaybackRateChange: F,
     onPlaybackQualityChange: O
   } = e;
-  function H(T) {
-    return /\.m3u8(\?|$)/i.test(T);
+  function H(_) {
+    return /\.m3u8(\?|$)/i.test(_);
   }
-  function oe(T) {
+  function oe(_) {
     try {
-      const A = T.canPlayType("application/vnd.apple.mpegurl");
+      const A = _.canPlayType("application/vnd.apple.mpegurl");
       return A === "probably" || A === "maybe";
     } catch {
       return !1;
@@ -4704,22 +4712,22 @@ function ns(e) {
   }
   const ue = [];
   ue.push(
-    m.on(t, (T) => {
-      typeof T == "string" && T.length > 0 && Aa(T) ? Q.value = "youtube" : (Q.value = "file", U && Oe());
+    m.on(t, (_) => {
+      typeof _ == "string" && _.length > 0 && Aa(_) ? Q.value = "youtube" : (Q.value = "file", U && Oe());
     })
   );
   async function Oe() {
-    const T = U;
-    if (!T) return;
+    const _ = U;
+    if (!_) return;
     const A = m.get(t);
     if (typeof A != "string" || A.length === 0) return;
     Ne();
-    const j = v?.file?.forceHLS ?? !1;
+    const j = y?.file?.forceHLS ?? !1;
     if (H(A) || j) {
-      if (oe(T)) {
-        T.setAttribute("src", A);
+      if (oe(_)) {
+        _.setAttribute("src", A);
         try {
-          T.load();
+          _.load();
         } catch {
         }
         return;
@@ -4733,45 +4741,45 @@ function ns(e) {
         if (typeof $e == "function") {
           const De = $e;
           if (typeof De.isSupported == "function" && De.isSupported()) {
-            T.removeAttribute("src");
+            _.removeAttribute("src");
             try {
-              T.load();
+              _.load();
             } catch {
             }
-            const Ke = new De(v?.hls);
-            pe = Ke, Ke.attachMedia(T), Ke.loadSource(A);
+            const Ke = new De(y?.hls);
+            pe = Ke, Ke.attachMedia(_), Ke.loadSource(A);
           } else {
-            T.setAttribute("src", A);
+            _.setAttribute("src", A);
             try {
-              T.load();
+              _.load();
             } catch {
             }
           }
         } else {
-          T.setAttribute("src", A);
+          _.setAttribute("src", A);
           try {
-            T.load();
+            _.load();
           } catch {
           }
         }
       } catch (Z) {
-        V?.(Z), T.setAttribute("src", A);
+        V?.(Z), _.setAttribute("src", A);
         try {
-          T.load();
+          _.load();
         } catch {
         }
       }
       return;
     }
-    T.setAttribute("src", A);
+    _.setAttribute("src", A);
     try {
-      T.load();
+      _.load();
     } catch {
     }
   }
   function Re() {
     X?.();
-    const T = m.get(x) ?? 1e3;
+    const _ = m.get(x) ?? 1e3;
     X = vt(() => {
       const A = U;
       if (!A) return;
@@ -4782,21 +4790,21 @@ function ns(e) {
         loaded: j > 0 ? Math.min(Be, j) / j : 0,
         loadedSeconds: Math.min(Be, j)
       });
-    }, T);
+    }, _);
   }
-  function ke(T) {
-    if (T != null)
-      return typeof T == "number" ? `${T}px` : T;
+  function ke(_) {
+    if (_ != null)
+      return typeof _ == "number" ? `${_}px` : _;
   }
-  const Ae = f.video(
-    ae((T) => {
-      U = T, d?.();
+  const Ae = d.video(
+    ae((_) => {
+      U = _, h?.();
       try {
         U.playbackRate = m.get(u) ?? 1;
       } catch {
       }
       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?.());
+      }), b?.());
       try {
         const A = !!(m.get(c) ?? !1), j = document, Z = U;
         A ? typeof Z.requestPictureInPicture == "function" && j.pictureInPictureElement !== U && Z.requestPictureInPicture().catch(() => {
@@ -4807,33 +4815,33 @@ function ns(e) {
       Re(), Oe();
     }),
     // size
-    k.width(
-      m.map(p, ke)
+    C.width(
+      m.map(f, ke)
     ),
-    k.height(
-      m.map(g, ke)
+    C.height(
+      m.map(p, ke)
     ),
     // Events
     $.play(() => w?.()),
     $.playing(() => {
-      y?.(), _?.();
+      b?.(), T?.();
     }),
-    $.pause(() => b?.()),
-    $.waiting(() => C?.()),
+    $.pause(() => g?.()),
+    $.waiting(() => k?.()),
     $.canplay(() => {
-      const T = U?.duration;
-      T != null && Number.isFinite(T) && P?.(T);
+      const _ = U?.duration;
+      _ != null && Number.isFinite(_) && P?.(_);
     }),
     $.ended(() => L?.()),
-    $.error((T) => {
-      pe || V?.(T);
+    $.error((_) => {
+      pe || V?.(_);
     })
   );
   let Ce = null, z = null, Se = null;
   function Ie() {
-    const T = m.get(t);
-    !Ce || typeof T != "string" || Ba().then((A) => {
-      const j = rn(T);
+    const _ = m.get(t);
+    !Ce || typeof _ != "string" || Ba().then((A) => {
+      const j = rn(_);
       if (j) {
         if (z) {
           z.loadVideoById({ videoId: j });
@@ -4844,18 +4852,18 @@ function ns(e) {
           playerVars: Va(e),
           events: {
             onReady: () => {
-              d?.(), D(), m.get(n) && y?.(), Ge();
+              h?.(), D(), m.get(n) && b?.(), Ge();
             },
             onStateChange: (Z) => {
               switch (Z.data) {
                 case A.PlayerState.PLAYING:
-                  w?.(), _?.();
+                  w?.(), T?.();
                   break;
                 case A.PlayerState.PAUSED:
-                  b?.();
+                  g?.();
                   break;
                 case A.PlayerState.BUFFERING:
-                  C?.();
+                  k?.();
                   break;
                 case A.PlayerState.ENDED:
                   L?.();
@@ -4872,7 +4880,7 @@ function ns(e) {
   }
   function Ge() {
     Se?.();
-    const T = m.get(x) ?? 1e3;
+    const _ = m.get(x) ?? 1e3;
     Se = vt(() => {
       if (!z) return;
       const A = z.getDuration?.() ?? 0, j = z.getCurrentTime?.() ?? 0, Z = z.getVideoLoadedFraction?.() ?? 0;
@@ -4882,7 +4890,7 @@ function ns(e) {
         loaded: Z,
         loadedSeconds: Z * A
       });
-    }, T);
+    }, _);
   }
   function D() {
     if (!z) return;
@@ -4903,12 +4911,12 @@ function ns(e) {
     } catch {
     }
     m.get(n) ?? !1 ? z.playVideo?.() : z.pauseVideo?.();
-    const A = m.get(h);
+    const A = m.get(v);
     typeof A == "number" && Number.isFinite(A) && (z.seekTo?.(A, !0), I?.(A));
   }
-  const N = f.div(
-    ae((T) => {
-      Ce = T, Ie(), d?.();
+  const N = d.div(
+    ae((_) => {
+      Ce = _, Ie(), h?.();
     })
   );
   ue.push(
@@ -4925,10 +4933,10 @@ function ns(e) {
       if (Q.value === "file" && U)
         U.volume = Math.min(Math.max(m.get(l) ?? 1, 0), 1);
       else if (Q.value === "youtube" && z) {
-        const T = Math.round(
+        const _ = Math.round(
           Math.min(Math.max(m.get(l) ?? 1, 0), 1) * 100
         );
-        z.setVolume?.(T);
+        z.setVolume?.(_);
       }
     })
   ), ue.push(
@@ -4948,35 +4956,35 @@ function ns(e) {
     m.on(c, async () => {
       if (!(Q.value !== "file" || !U))
         try {
-          const T = !!(m.get(c) ?? !1), A = document, j = U;
-          T ? typeof j.requestPictureInPicture == "function" && A.pictureInPictureElement !== U && await j.requestPictureInPicture()?.catch(() => {
+          const _ = !!(m.get(c) ?? !1), A = document, j = U;
+          _ ? typeof j.requestPictureInPicture == "function" && A.pictureInPictureElement !== U && await j.requestPictureInPicture()?.catch(() => {
           }) : A.pictureInPictureElement === U && typeof A.exitPictureInPicture == "function" && await A.exitPictureInPicture()?.catch(() => {
           });
         } catch {
         }
     })
   ), ue.push(
-    m.on(h ?? null, () => {
-      const T = m.get(h);
-      if (T != null)
+    m.on(v ?? null, () => {
+      const _ = m.get(v);
+      if (_ != null)
         if (Q.value === "file" && U)
           try {
-            U.currentTime = T, I?.(T);
+            U.currentTime = _, I?.(_);
           } catch {
           }
-        else Q.value === "youtube" && z && (z.seekTo?.(T, !0), I?.(T));
+        else Q.value === "youtube" && z && (z.seekTo?.(_, !0), I?.(_));
     })
   );
-  const K = f.div(
+  const K = d.div(
     s.class("bc-base-video"),
-    k.width(
-      m.map(p, ke)
+    C.width(
+      m.map(f, ke)
     ),
-    k.height(
-      m.map(g, ke)
+    C.height(
+      m.map(p, ke)
     ),
     J(
-      m.map(Q, (T) => T === "youtube"),
+      m.map(Q, (_) => _ === "youtube"),
       () => N,
       () => Ae
     )