@tempots/beatui 0.34.0 → 0.35.0

package/dist/index.es.js

@@ -1,16 +1,16 @@
-import { prop as Z, html as p, attr as s, computedOf as S, Use as te, Empty as R, Value as m, WithElement as ne, Fragment as N, aria as L, OnDispose as X, OneOfValue as Xt, on as I, style as y, coalesce as Ge, When as re, ForEach as Ie, Ensure as Re, OneOfType as Ct, dataAttr as Qe, NotEmpty as Jt, input as se, emitValue as j, emitValueAsDate as en, Portal as It, WithProvider as tn, Task as nn, Provide as $t, makeProviderMark as an, MapSignal as Tt, svg as lt, svgAttr as rt } from "@tempots/dom";
+import { prop as Z, html as p, attr as s, computedOf as S, Use as te, Empty as R, Value as g, WithElement as ne, Fragment as N, aria as L, OnDispose as X, OneOfValue as Xt, on as I, style as y, coalesce as Ge, When as re, ForEach as Ie, Ensure as Re, OneOfType as Ct, dataAttr as Qe, NotEmpty as Jt, input as se, emitValue as j, emitValueAsDate as en, Portal as It, WithProvider as tn, Task as nn, Provide as $t, makeProviderMark as an, MapSignal as Tt, svg as lt, svgAttr as rt } from "@tempots/dom";
 import { Use as Vs } from "@tempots/dom";
-import { PopOver as sn, ElementRect as Ve, WindowSize as ln, Query as rn, Location as De, NavigationService as on, Anchor as Xe } from "@tempots/ui";
+import { PopOver as sn, ElementRect as Ve, WindowSize as ln, Query as rn, Location as Pe, NavigationService as on, Anchor as Xe } from "@tempots/ui";
 import { a as oe, c as ge, h as Ee, I as Q, B as ot, b as J, C as ae, L as Je, t as it, g as ut, i as ct } from "./translations-iam7PITs.js";
 import { v as Ms, T as Ls, j as Bs, d as Ns, f as Es, p as Os, o as Fs, l as Rs, u as Hs, w as Us, k as js, q as zs, m as Ws, n as Ys, r as qs, s as Zs } from "./translations-iam7PITs.js";
 import { T as _t, a as un } from "./theme-B5pmbvQ_.js";
-import { t as Ks, am as Qs, f as Xs, J as Js, c as el, N as tl, I as nl, K as al, d as sl, k as ll, b as rl, a as ol, ab as il, o as ul, a0 as cl, ae as dl, q as pl, H as fl, A as bl, al as ml, g as gl, E as hl, x as vl, aj as yl, $ as xl, a4 as wl, j as Sl, i as kl, h as Cl, Y as Il, X as $l, Q as Tl, P as _l, S as Dl, R as Pl, W as Vl, V as Al, U as Ml, T as Ll, a8 as Bl, a7 as Nl, aa as El, a9 as Ol, n as Fl, m as Rl, l as Hl, _ as Ul, Z as jl, ad as zl, p as Wl, G as Yl, z as ql, ak as Zl, D as Gl, C as Kl, w as Ql, v as Xl, ai as Jl, ah as er, e as tr, a3 as nr, a2 as ar, M as sr, L as lr, a5 as rr, a6 as or, r as ir, O as ur, ac as cr, s as dr, F as pr, y as fr, ag as br, B as mr, u as gr, af as hr, a1 as vr } from "./index-DJJ67-RV.js";
-import { C as et, s as pe, m as Dt, d as Pt, I as tt, B as Vt, c as At, S as nt, e as cn } from "./notice-Cd9ElXwb.js";
-import { A as xr, g as wr, b as Sr, D as kr, E as Cr, v as Ir, L as $r, M as Tr, x as _r, N as Dr, i as Pr, P as Vr, R as Ar, n as Mr, q as Lr, o as Br, k as Nr, j as Er, f as Or, p as Fr, h as Rr, r as Hr, t as Ur, l as jr, u as zr, w as Wr } from "./notice-Cd9ElXwb.js";
+import { t as Ks, am as Qs, f as Xs, J as Js, c as el, N as tl, I as nl, K as al, d as sl, k as ll, b as rl, a as ol, ab as il, o as ul, a0 as cl, ae as dl, q as pl, H as fl, A as bl, al as ml, g as gl, E as hl, x as vl, aj as yl, $ as xl, a4 as wl, j as Sl, i as kl, h as Cl, Y as Il, X as $l, Q as Tl, P as _l, S as Pl, R as Dl, W as Vl, V as Al, U as Ml, T as Ll, a8 as Bl, a7 as Nl, aa as El, a9 as Ol, n as Fl, m as Rl, l as Hl, _ as Ul, Z as jl, ad as zl, p as Wl, G as Yl, z as ql, ak as Zl, D as Gl, C as Kl, w as Ql, v as Xl, ai as Jl, ah as er, e as tr, a3 as nr, a2 as ar, M as sr, L as lr, a5 as rr, a6 as or, r as ir, O as ur, ac as cr, s as dr, F as pr, y as fr, ag as br, B as mr, u as gr, af as hr, a1 as vr } from "./index-DJJ67-RV.js";
+import { C as et, s as pe, m as Pt, d as Dt, I as tt, B as Vt, c as At, S as nt, e as cn } from "./notice-Cd9ElXwb.js";
+import { A as xr, g as wr, b as Sr, D as kr, E as Cr, v as Ir, L as $r, M as Tr, x as _r, N as Pr, i as Dr, P as Vr, R as Ar, n as Mr, q as Lr, o as Br, k as Nr, j as Er, f as Or, p as Fr, h as Rr, r as Hr, t as Ur, l as jr, u as zr, w as Wr } from "./notice-Cd9ElXwb.js";
 import { S as dn, G as Mt, E as pn, F as fn, N as Lt, a as fe, M as $e, e as dt, n as bn, W as le, d as mn } from "./utils-g5YCiiS6.js";
-import { g as qr, i as Zr, B as Gr, l as Kr, O as Qr, C as Xr, j as Jr, L as eo, k as to, m as no, o as ao, p as so, I as lo, q as ro, w as oo, r as io, A as uo, H as co, s as po, u as fo, z as bo, K as mo, v as go, R as ho, D as vo, x as yo, T as xo, y as wo, b as So, U as ko, J as Co, P as Io, Q as $o, V as To, h as _o, c as Do, t as Po, f as Vo } from "./utils-g5YCiiS6.js";
+import { g as qr, i as Zr, B as Gr, l as Kr, O as Qr, C as Xr, j as Jr, L as eo, k as to, m as no, o as ao, p as so, I as lo, q as ro, w as oo, r as io, A as uo, H as co, s as po, u as fo, z as bo, K as mo, v as go, R as ho, D as vo, x as yo, T as xo, y as wo, b as So, U as ko, J as Co, P as Io, Q as $o, V as To, h as _o, c as Po, t as Do, f as Vo } from "./utils-g5YCiiS6.js";
 import { g as Oe, x as pt } from "./timer-DzWb416P.js";
-import { u as Pe, A as Ke, O as Bt, F as gn } from "./modal-Dm61yY5i.js";
+import { u as De, A as Ke, O as Bt, F as gn } from "./modal-Dm61yY5i.js";
 import { B as Mo, C as Lo, M as Bo, a as No, S as Eo, b as Oo, c as Fo, o as Ro, s as Ho, e as Uo, d as jo, f as zo } from "./modal-Dm61yY5i.js";
 import { L as Yo } from "./link-portal-Cr2l9f3k.js";
 import { g as hn } from "./colors-WfmhQ5e1.js";
@@ -71,8 +71,8 @@ function ka(e, n) {
   const t = ft(e), a = ft(n);
   if (!t || !a) return null;
   const l = (o, d, f) => {
-    const [x, g, h] = [o, d, f].map((v) => (v = v / 255, v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)));
-    return 0.2126 * x + 0.7152 * g + 0.0722 * h;
+    const [x, b, h] = [o, d, f].map((v) => (v = v / 255, v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)));
+    return 0.2126 * x + 0.7152 * b + 0.0722 * h;
   }, r = l(t.r, t.g, t.b), u = l(a.r, a.g, a.b), c = Math.max(r, u), i = Math.min(r, u);
   return (c + 0.05) / (i + 0.05);
 }
@@ -142,7 +142,7 @@ const Nt = ({
         label: u.$.removeItem,
         color: "white",
         disabled: r,
-        onClick: () => t?.(m.get(e))
+        onClick: () => t?.(g.get(e))
       },
       s.class("bc-tag__close")
     )
@@ -203,23 +203,23 @@ function He(e) {
     role: d,
     hasPopup: f = "dialog"
   } = e;
-  return sn((x, g) => {
-    const h = Pe({
+  return sn((x, b) => {
+    const h = De({
       initialStatus: "closed"
     }), v = pe("flyout"), k = Z(!1);
-    let C = null, b = null, w = null, P = !1;
+    let C = null, m = null, w = null, D = !1;
     function V() {
-      T != null && (clearTimeout(T), T = null), M != null && (clearTimeout(M), M = null), w && (w(), w = null), b && (b(), b = null), C && (document.removeEventListener("keydown", C), C = null), k.set(!1), P = !1;
+      T != null && (clearTimeout(T), T = null), M != null && (clearTimeout(M), M = null), w && (w(), w = null), m && (m(), m = null), C && (document.removeEventListener("keydown", C), C = null), k.set(!1), D = !1;
     }
     function E() {
-      m.get(i) && (C = (W) => {
+      g.get(i) && (C = (W) => {
         W.key === "Escape" && U();
-      }, document.addEventListener("keydown", C)), P = !0, k.set(!0), x({
+      }, document.addEventListener("keydown", C)), D = !0, k.set(!0), x({
         placement: t ?? "top",
         mainAxisOffset: r,
         crossAxisOffset: u,
         onClickOutside: () => {
-          m.get(i) && U();
+          g.get(i) && U();
         },
         arrow: o,
         content: ne((W) => {
@@ -227,7 +227,7 @@ function He(e) {
             h.open(), w = null;
           });
           const z = (G) => {
-            m.get(i) && G.key === "Escape" && (G.preventDefault(), G.stopPropagation(), U(), k.set(!1));
+            g.get(i) && G.key === "Escape" && (G.preventDefault(), G.stopPropagation(), U(), k.set(!1));
           };
           return document.addEventListener("keydown", z, !0), N(
             X(() => {
@@ -238,7 +238,7 @@ function He(e) {
             s.tabindex(-1),
             // Make focusable for screen readers
             Ke(
-              m.map(t, In),
+              g.map(t, In),
               h.status
             ),
             d ? s.role(d) : s.role("dialog"),
@@ -249,34 +249,34 @@ function He(e) {
       });
     }
     let T = null;
-    function D() {
-      if (T != null && (clearTimeout(T), T = null), M != null && (clearTimeout(M), M = null), b && (b(), b = null), h.isOpened.value || h.isOpening.value || h.isStartOpening.value)
+    function P() {
+      if (T != null && (clearTimeout(T), T = null), M != null && (clearTimeout(M), M = null), m && (m(), m = null), h.isOpened.value || h.isOpening.value || h.isStartOpening.value)
         return;
       if (h.isClosing.value || h.isStartClosing.value) {
         h.open();
         return;
       }
-      const W = m.get(a);
+      const W = g.get(a);
       T = setTimeout(() => {
         T = null, E();
       }, W);
     }
     let M = null;
     function U() {
-      if (T != null && (clearTimeout(T), T = null), M != null && (clearTimeout(M), M = null), k.set(!1), w && (w(), w = null, P)) {
-        g(), V();
+      if (T != null && (clearTimeout(T), T = null), M != null && (clearTimeout(M), M = null), k.set(!1), w && (w(), w = null, D)) {
+        b(), V();
         return;
       }
-      const W = m.get(l);
+      const W = g.get(l);
       M = setTimeout(() => {
-        M = null, b && (b(), b = null), h.close(), b = h.onClosed(() => {
-          g(), V();
+        M = null, m && (m(), m = null), h.close(), m = h.onClosed(() => {
+          b(), V();
         });
       }, W);
     }
     return ne((W) => {
       const z = () => {
-        D(), k.set(!0);
+        P(), k.set(!0);
       }, G = () => {
         U(), k.set(!1);
       }, K = N(
@@ -387,13 +387,13 @@ function Et(e, { breakpoints: n, mode: t = "viewport" }) {
   return t === "element" ? Ve(r) : ln(r);
 }
 let Ye = NaN;
-function Dn(e, n) {
+function Pn(e, n) {
   return e ? (isNaN(Ye) && (Ye = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(e) * Ye) : n;
 }
 function ee(e, n, t) {
-  return Dn(e.getPropertyValue(n), t);
+  return Pn(e.getPropertyValue(n), t);
 }
-function Pn(e) {
+function Dn(e) {
   return ne((n) => {
     const t = getComputedStyle(n), a = {
       zero: 0,
@@ -433,9 +433,9 @@ function ce(e, n) {
   return `bc-panel ${(Array.isArray(e) ? e : [e]).map((a) => `bc-panel--side-${a}`).join(" ")} bc-panel--shadow-${n}`;
 }
 function be(e) {
-  const n = m.toSignal(e).map(
+  const n = g.toSignal(e).map(
     (a) => ge(a, "lighter", "light")
-  ), t = m.toSignal(e).map(
+  ), t = g.toSignal(e).map(
     (a) => ge(a, "lighter", "dark")
   );
   return N(
@@ -553,7 +553,7 @@ function Vn({
     ), o[1][1] = "header"), a.mainHeader && (f.push(a.mainHeader[i] + "px"), o[2][1] = "mainHeader"), f.push("1fr"), o[3][1] = "main", a.mainFooter && (f.push(a.mainFooter[i] + "px"), o[4][1] = "mainFooter"), a.footer && (f.push(a.footer[i] + "px"), o[5][1] = "footer"), o = qe(o), {
       columns: d.join(" "),
       rows: f.join(" "),
-      areas: o.map((g) => `"${g.join(" ")}"`).join(`
+      areas: o.map((b) => `"${b.join(" ")}"`).join(`
 `),
       displayMenu: !1,
       displayAside: !1,
@@ -578,7 +578,7 @@ function Vn({
     ), o[1][0] = "?header", o[1][1] = "header"), a.mainHeader && (f.push(a.mainHeader[i] + "px"), o[2][1] = "mainHeader"), f.push("1fr"), o[3][1] = "main", a.mainFooter && (f.push(a.mainFooter[i] + "px"), o[4][1] = "mainFooter"), a.footer && (f.push(a.footer[i] + "px"), o[5][0] = "?footer", o[5][1] = "footer"), o = qe(o), {
       columns: d.join(" "),
       rows: f.join(" "),
-      areas: o.map((g) => `"${g.join(" ")}"`).join(`
+      areas: o.map((b) => `"${b.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !1,
@@ -601,7 +601,7 @@ function Vn({
     return a.banner && (f.push(a.banner[i] + "px"), o[0][0] = "?banner", o[0][1] = "banner", o[0][2] = "?banner"), a.header && (f.push(a.header[i] + "px"), o[1][0] = "?header", o[1][1] = "header", o[1][2] = "?header"), a.mainHeader && (f.push(a.mainHeader[i] + "px"), o[2][1] = "mainHeader"), f.push("1fr"), o[3][1] = "main", a.mainFooter && (f.push(a.mainFooter[i] + "px"), o[4][1] = "mainFooter"), a.footer && (f.push(a.footer[i] + "px"), o[5][0] = "?footer", o[5][1] = "footer", o[5][2] = "?footer"), o = qe(o), {
       columns: d.join(" "),
       rows: f.join(" "),
-      areas: o.map((g) => `"${g.join(" ")}"`).join(`
+      areas: o.map((b) => `"${b.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !0,
@@ -627,7 +627,7 @@ function Ln(e, { displayMenu: n }, t) {
 function Bn(e, { displayAside: n }, t) {
   return e ? n ? "block" : t ? "float" : "none" : "none";
 }
-function Da({
+function Pa({
   smallBreakpoint: e = "sm",
   mediumBreakpoint: n = "md",
   ...t
@@ -649,7 +649,7 @@ function Da({
   );
   return te(
     oe,
-    (r) => Pn(({ value: u, is: c }) => {
+    (r) => Dn(({ value: u, is: c }) => {
       const i = Vn({
         smallBreakpoint: e,
         mediumBreakpoint: n,
@@ -659,13 +659,13 @@ function Da({
       }), o = u.map(i), d = l.header != null || a.menu != null || a.aside != null, f = S(
         a.aside != null,
         o
-      )((b, { displayAside: w }) => b && !w), x = S(
+      )((m, { displayAside: w }) => m && !w), x = S(
         a.menu != null,
         o
-      )((b, { displayMenu: w }) => b && !w), g = Pe(), h = Pe(), v = Z(0), k = S(
+      )((m, { displayMenu: w }) => m && !w), b = De(), h = De(), v = Z(0), k = S(
         a.menu != null,
         o,
-        g.display
+        b.display
       )(Ln), C = S(
         a.aside != null,
         o,
@@ -673,7 +673,7 @@ function Da({
       )(Bn);
       return p.div(
         X(() => {
-          v.dispose(), g.dispose(), h.dispose();
+          v.dispose(), b.dispose(), h.dispose();
         }),
         y.display("grid"),
         y.height("100%"),
@@ -700,13 +700,13 @@ function Da({
           y.zIndex("20"),
           y.display(d ? "block" : "none"),
           y.gridArea("header"),
-          Ve((b) => (b.$.bottom.feedProp(v), null)),
+          Ve((m) => (m.$.bottom.feedProp(v), null)),
           p.div(
             y.display("flex"),
             y.height("100%"),
             p.div(
               y.display(
-                x.map((b) => b ? "flex" : "none")
+                x.map((m) => m ? "flex" : "none")
               ),
               y.alignItems("center"),
               y.justifyContent("center"),
@@ -714,14 +714,14 @@ function Da({
               y.width("60px"),
               ot(
                 {
-                  onClick: () => g.toggle(),
+                  onClick: () => b.toggle(),
                   variant: "light",
                   color: "base"
                 },
                 L.label(r.$.toggleMenu),
                 Q({
-                  icon: g.display.map(
-                    (b) => b ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
+                  icon: b.display.map(
+                    (m) => m ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
                   )
                 })
               )
@@ -737,7 +737,7 @@ function Da({
               y.height("100%"),
               y.width("60px"),
               y.display(
-                f.map((b) => b ? "flex" : "none")
+                f.map((m) => m ? "flex" : "none")
               ),
               ot(
                 {
@@ -752,7 +752,7 @@ function Da({
                   s.style("transition: transform 0.2s ease-in-out"),
                   s.style(
                     h.display.map(
-                      (b) => `transform: rotate(${b ? 180 : 0}deg)`
+                      (m) => `transform: rotate(${m ? 180 : 0}deg)`
                     )
                   )
                 )
@@ -761,7 +761,7 @@ function Da({
           )
         ),
         t.menu ? p.nav(
-          ne((b) => g.setElement(b)),
+          ne((m) => b.setElement(m)),
           y.zIndex("10"),
           // Add ARIA attributes for navigation landmark
           L.label(r.$.mainNavigation),
@@ -769,7 +769,7 @@ function Da({
           y.overflow("hidden"),
           s.class(
             k.map(
-              (b) => b === "float" ? ce(
+              (m) => m === "float" ? ce(
                 "right",
                 t.menu?.shadow ?? "md"
               ) : ce(
@@ -781,7 +781,7 @@ function Da({
           be(t.menu?.color ?? "white"),
           y.height(
             k.map(
-              (b) => b === "float" ? "auto" : "100%"
+              (m) => m === "float" ? "auto" : "100%"
             )
           ),
           y.overflow("hidden"),
@@ -789,22 +789,22 @@ function Da({
           y.display(
             S(
               k,
-              g.status
-            )((b, w) => b === "none" && w === "closed" ? "none" : "block")
+              b.status
+            )((m, w) => m === "none" && w === "closed" ? "none" : "block")
           ),
           y.position(
             S(
               k,
-              g.status
-            )((b, w) => b === "float" || b === "none" && w !== "closed" ? "fixed" : "initial")
+              b.status
+            )((m, w) => m === "float" || m === "none" && w !== "closed" ? "fixed" : "initial")
           ),
-          y.top(v.map((b) => `${b}px`)),
+          y.top(v.map((m) => `${m}px`)),
           Ke(
             "slide-right",
             S(
               k,
-              g.status
-            )((b, w) => b === "block" ? "opened" : w)
+              b.status
+            )((m, w) => m === "block" ? "opened" : w)
           ),
           y.width(Ge(t.menu?.width, o.$.menuWidth)),
           y.bottom("0"),
@@ -845,8 +845,8 @@ function Da({
           t.mainFooter.content
         ) : null,
         t.aside ? p.aside(
-          ne((b) => {
-            h.setElement(b);
+          ne((m) => {
+            h.setElement(m);
           }),
           y.zIndex("10"),
           // Add ARIA attributes for aside landmark
@@ -854,7 +854,7 @@ function Da({
           s.role("complementary"),
           s.class(
             C.map(
-              (b) => b === "float" ? ce("left", "md") : ce("left", "none")
+              (m) => m === "float" ? ce("left", "md") : ce("left", "none")
             )
           ),
           be("white"),
@@ -864,26 +864,26 @@ function Da({
             S(
               C,
               h.status
-            )((b, w) => b === "none" && w === "closed" ? "none" : "block")
+            )((m, w) => m === "none" && w === "closed" ? "none" : "block")
           ),
           y.position(
             S(
               C,
               h.status
-            )((b, w) => b === "float" || b === "none" && w !== "closed" ? "fixed" : "initial")
+            )((m, w) => m === "float" || m === "none" && w !== "closed" ? "fixed" : "initial")
           ),
-          y.top(v.map((b) => `${b}px`)),
+          y.top(v.map((m) => `${m}px`)),
           Ke(
             "slide-left",
             S(
               C,
               h.status
-            )((b, w) => b === "block" ? "opened" : w)
+            )((m, w) => m === "block" ? "opened" : w)
           ),
           y.width(
             Ge(t.aside?.width, o.$.asideWidth)
           ),
-          y.bottom(v.map((b) => `${b}px`)),
+          y.bottom(v.map((m) => `${m}px`)),
           t.aside.content
         ) : null,
         t.footer ? p.footer(
@@ -897,7 +897,7 @@ function Da({
     })
   );
 }
-function Pa(...e) {
+function Da(...e) {
   return p.div(
     s.class("bc-center-h"),
     p.div(s.class("bc-center__content"), ...e)
@@ -915,11 +915,11 @@ function Va({ gap: e = "lg" } = {}, ...n) {
 }
 function En({ open: e }, ...n) {
   return ne((t) => {
-    const { status: a, setOpen: l, dispose: r } = Pe({
-      initialStatus: m.get(e) ? "opened" : "closed",
+    const { status: a, setOpen: l, dispose: r } = De({
+      initialStatus: g.get(e) ? "opened" : "closed",
       element: t
     });
-    return m.on(e, l), Ve((u) => {
+    return g.on(e, l), Ve((u) => {
       const c = Z(null);
       return S(
         a,
@@ -949,7 +949,7 @@ function On(e) {
   return `${e}px`;
 }
 function gt(e) {
-  return m.map(e, On);
+  return g.map(e, On);
 }
 function Aa({
   body: e,
@@ -965,16 +965,16 @@ function Aa({
   bottomEnd: d,
   sidebarStart: f,
   sidebarStartWidth: x = 0,
-  sidebarEnd: g,
+  sidebarEnd: b,
   sidebarEndWidth: h = 0,
   anchorMode: v = "container-edge"
 }) {
-  const k = Z(0n), C = Z(0n), b = gt(l), w = gt(x), P = Z(16);
+  const k = Z(0n), C = Z(0n), m = gt(l), w = gt(x), D = Z(16);
   return p.div(
     X(
       k.dispose,
       C.dispose,
-      P.dispose
+      D.dispose
     ),
     s.class("bc-nine-slice-container"),
     Ve((V) => {
@@ -986,7 +986,7 @@ function Aa({
         V.$.height,
         l,
         i
-      )((_, B, q) => _ - B - q), D = S(
+      )((_, B, q) => _ - B - q), P = S(
         n,
         E
       )((_, B) => _ > BigInt(B)), M = S(
@@ -995,18 +995,18 @@ function Aa({
       )((_, B) => _ > BigInt(B)), U = S(
         E,
         M,
-        P
+        D
       )((_, B, q) => B ? _ - q : _), W = S(
         T,
-        D,
-        P
+        P,
+        D
       )((_, B, q) => B ? _ - q : _), z = S(
         n,
         U
       )((_, B) => Number(_ / BigInt(Math.max(1, B)))), G = S(
         t,
         W
-      )((_, B) => Number(_ / BigInt(Math.max(1, B)))), K = m.map(
+      )((_, B) => Number(_ / BigInt(Math.max(1, B)))), K = g.map(
         v,
         (_) => _ === "body-end" || _ === "body-end-bottom"
       ), F = re(
@@ -1023,7 +1023,7 @@ function Aa({
           })
         ),
         () => y.right("0")
-      ), he = m.map(
+      ), he = g.map(
         v,
         (_) => _ === "body-bottom" || _ === "body-end-bottom"
       ), ie = re(
@@ -1042,15 +1042,15 @@ function Aa({
         () => y.bottom("0")
       ), Ue = S(
         M,
-        P
+        D
       )((_, B) => _ ? `${B}px` : "0"), ue = S(
-        D,
-        P
+        P,
+        D
       )((_, B) => _ ? `${B}px` : "0"), Ae = y.transform(
         S(
           C,
           k,
-          D,
+          P,
           M
         )((_, B, q, $) => {
           const A = q ? `translateX(-${_}px)` : "", O = $ ? `translateY(-${B}px)` : "";
@@ -1069,7 +1069,7 @@ function Aa({
       )((_, B) => _ - BigInt(Math.max(1, B)));
       let H = null, xe = 0, we = 0;
       const je = () => {
-        const _ = Te.value, B = ye.value, q = M.value, $ = D.value;
+        const _ = Te.value, B = ye.value, q = M.value, $ = P.value;
         if (q && we !== 0) {
           const A = bt(
             Le(0n, _),
@@ -1094,7 +1094,7 @@ function Aa({
       };
       return N(
         X(
-          D.on((_) => {
+          P.on((_) => {
             _ || C.set(0n);
           }),
           M.on((_) => {
@@ -1150,7 +1150,7 @@ function Aa({
           f != null ? p.div(
             s.class("bc-nine-slice-pane bc-nine-slice-sidebar-start"),
             y.left("0"),
-            y.top(b),
+            y.top(m),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarStartWidthPx),
             p.div(
@@ -1163,7 +1163,7 @@ function Aa({
           p.div(
             s.class("bc-nine-slice-pane bc-nine-slice-body"),
             y.left(w),
-            y.top(b),
+            y.top(m),
             // style.width(visibleAreaWidth.map(toPx)),
             // style.height(visibleAreaHeight.map(toPx)),
             p.div(
@@ -1173,16 +1173,16 @@ function Aa({
             )
           ),
           // middle-end sidebar
-          g != null ? p.div(
+          b != null ? p.div(
             s.class("bc-nine-slice-pane bc-nine-slice-sidebar-end"),
             F,
-            y.top(b),
+            y.top(m),
             // style.height(visibleAreaHeightPx),
             // style.width(sidebarEndWidthPx),
             p.div(
               s.class("bc-nine-slice-pane-content"),
               ve,
-              g
+              b
             )
           ) : null,
           // bottom-start corner
@@ -1225,12 +1225,12 @@ function Aa({
           y.right(
             S(
               M,
-              P
+              D
             )((_, B) => _ ? `${B}px` : "0")
           ),
           y.bottom("0"),
           y.height(
-            D.map(
+            P.map(
               (_) => _ ? "16px" : "0"
             )
           ),
@@ -1261,8 +1261,8 @@ function Aa({
           y.top("0"),
           y.bottom(
             S(
-              D,
-              P
+              P,
+              D
             )((_, B) => _ ? `${B}px` : "0")
           ),
           y.right("0"),
@@ -1407,39 +1407,39 @@ const me = {
     onBeforeOpen: c,
     onAfterOpen: i,
     buildListboxContent: o
-  } = e, d = Z(!1), f = Z(-1), x = Z(null), g = pe("dropdown"), h = pe("listbox");
+  } = e, d = Z(!1), f = Z(-1), x = Z(null), b = pe("dropdown"), h = pe("listbox");
   let v, k;
   const C = (w) => {
     n?.(w), d.set(!1), f.set(-1), x.set(null), v?.focus();
-  }, b = (w) => {
-    const P = me.getValues(m.get(r));
+  }, m = (w) => {
+    const D = me.getValues(g.get(r));
     switch (w.key) {
       case "ArrowDown": {
         if (w.preventDefault(), !d.value)
-          d.set(!0), P.length > 0 && (f.set(0), x.set(P[0]));
+          d.set(!0), D.length > 0 && (f.set(0), x.set(D[0]));
         else {
           const V = Math.min(
             f.value + 1,
-            P.length - 1
+            D.length - 1
           );
-          f.set(V), x.set(P[V] ?? null);
+          f.set(V), x.set(D[V] ?? null);
         }
         break;
       }
       case "ArrowUp": {
         if (w.preventDefault(), d.value) {
           const V = Math.max(f.value - 1, 0);
-          f.set(V), x.set(P[V] ?? null);
+          f.set(V), x.set(D[V] ?? null);
         }
         break;
       }
       case "Enter": {
         if (w.preventDefault(), d.value && f.value >= 0) {
-          const V = P[f.value];
+          const V = D[f.value];
           V != null && C(V);
         } else {
           c?.();
-          const V = me.getValues(m.get(r));
+          const V = me.getValues(g.get(r));
           d.set(!0), V.length > 0 && (f.set(0), x.set(V[0])), setTimeout(() => i?.(), 0);
         }
         break;
@@ -1449,9 +1449,9 @@ const me = {
         break;
       }
       case " ": {
-        if (m.get(u)) {
+        if (g.get(u)) {
           w.preventDefault();
-          const V = me.getValues(m.get(r));
+          const V = me.getValues(g.get(r));
           d.set(!d.value), d.value && V.length > 0 && (f.set(0), x.set(V[0]));
         }
         break;
@@ -1471,11 +1471,11 @@ const me = {
       )
     },
     Ve((w) => N(
-      ne((P) => (v = P, P.addEventListener("keydown", b), X(
-        () => P.removeEventListener("keydown", b)
+      ne((D) => (v = D, D.addEventListener("keydown", m), X(
+        () => D.removeEventListener("keydown", m)
       ))),
       ae(e),
-      s.id(g),
+      s.id(b),
       s.tabindex(0),
       L.controls(h),
       L.expanded(d),
@@ -1486,7 +1486,7 @@ const me = {
           d,
           x
         )(
-          (P, V) => P && V != null ? `dropdown-option-${String(V)}` : ""
+          (D, V) => D && V != null ? `dropdown-option-${String(V)}` : ""
         )
       ),
       t != null ? I.blur(() => {
@@ -1496,26 +1496,26 @@ const me = {
       }) : R,
       He({
         content: () => p.div(
-          ne((P) => {
-            k = P;
+          ne((D) => {
+            k = D;
           }),
-          y.minWidth(w.$.width.map((P) => `${P - 10}px`)),
+          y.minWidth(w.$.width.map((D) => `${D - 10}px`)),
           s.class("bc-dropdown__listbox"),
           s.role("listbox"),
           s.id(h),
-          L.labelledby(g),
+          L.labelledby(b),
           o({
-            dropdownId: g,
+            dropdownId: b,
             listboxId: h,
             focusedValue: x,
-            handleKeyDown: b,
+            handleKeyDown: m,
             onSelect: C
           })
         ),
         mainAxisOffset: 0,
         placement: "bottom-start",
         hasPopup: "listbox",
-        showOn: (P, V) => {
+        showOn: (D, V) => {
           const E = V;
           V = () => {
             d.set(!1), f.set(-1), x.set(null), E();
@@ -1525,8 +1525,8 @@ const me = {
               V();
             else {
               c?.();
-              const D = me.getValues(m.get(r));
-              d.set(!0), D.length > 0 && (f.set(0), x.set(D[0])), P(), setTimeout(() => i?.(), 0);
+              const P = me.getValues(g.get(r));
+              d.set(!0), P.length > 0 && (f.set(0), x.set(P[0])), D(), setTimeout(() => i?.(), 0);
             }
           };
           return I.click(T);
@@ -1617,11 +1617,11 @@ const me = {
   )((o, d) => {
     if (o == null) return "";
     const f = (x) => {
-      for (const g of x) {
-        if (g.type === "value" && l(g.value, o))
-          return g.label;
-        if (g.type === "group") {
-          const h = f(g.options);
+      for (const b of x) {
+        if (b.type === "value" && l(b.value, o))
+          return b.label;
+        if (b.type === "group") {
+          const h = f(b.options);
           if (h) return h;
         }
       }
@@ -1651,8 +1651,8 @@ const me = {
   return Rn({
     ...l,
     value: n.signal,
-    onChange: Pt(n, t),
-    onBlur: Dt(n, a)
+    onChange: Dt(n, t),
+    onBlur: Pt(n, a)
   });
 }, La = (e) => tt({
   ...e,
@@ -1680,8 +1680,8 @@ const me = {
             o,
             c
           )((d, f, x) => {
-            const g = [];
-            return d && g.push("bc-dropdown__option--selected"), f && g.push("bc-dropdown__option--focused"), x.disabled && g.push("bc-dropdown__option--disabled"), g.join(" ");
+            const b = [];
+            return d && b.push("bc-dropdown__option--selected"), f && b.push("bc-dropdown__option--focused"), x.disabled && b.push("bc-dropdown__option--disabled"), b.join(" ");
           })
         ),
         s.role("option"),
@@ -1734,24 +1734,24 @@ const me = {
     loadOptions: t,
     renderOption: a,
     renderValue: l,
-    equality: r = (b, w) => b === w,
+    equality: r = (m, w) => m === w,
     placeholder: u,
     searchPlaceholder: c,
     debounceMs: i = 150
   } = e, o = Z(""), d = Z(!1), f = Z([]);
   let x;
-  const g = m.toSignal(n), h = () => (l ?? a)(g);
+  const b = g.toSignal(n), h = () => (l ?? a)(b);
   let v = null;
-  const k = (b) => {
-    d.set(!0), Promise.resolve(t(b)).then((w) => {
+  const k = (m) => {
+    d.set(!0), Promise.resolve(t(m)).then((w) => {
       f.set(w ?? []);
     }).catch(() => {
       f.set([]);
     }).finally(() => d.set(!1));
-  }, C = (b) => {
+  }, C = (m) => {
     v != null && (clearTimeout(v), v = null), v = setTimeout(
       () => {
-        k(b);
+        k(m);
       },
       Math.max(0, i)
     );
@@ -1760,19 +1760,19 @@ const me = {
     ...e,
     role: "combobox",
     display: re(
-      S(n)((b) => b != null),
+      S(n)((m) => m != null),
       h,
-      () => te(oe, (b) => b.$.selectOne)
+      () => te(oe, (m) => m.$.selectOne)
     ),
     optionsSource: f,
     onBeforeOpen: () => {
-      const b = m.get(o);
-      C(b);
+      const m = g.get(o);
+      C(m);
     },
     onAfterOpen: () => {
       x?.focus();
     },
-    buildListboxContent: ({ focusedValue: b, handleKeyDown: w, onSelect: P }) => N(
+    buildListboxContent: ({ focusedValue: m, handleKeyDown: w, onSelect: D }) => N(
       // Search input at the top
       p.div(
         s.class("bc-dropdown__search"),
@@ -1805,9 +1805,9 @@ const me = {
           (V) => Rt(
             V,
             r,
-            g,
-            P,
             b,
+            D,
+            m,
             a
           )
         )
@@ -1819,8 +1819,8 @@ const me = {
   return Un({
     ...l,
     value: n.signal,
-    onChange: Pt(n, t),
-    onBlur: Dt(n, a)
+    onChange: Dt(n, t),
+    onBlur: Pt(n, a)
   });
 }, Ba = (e) => tt({
   ...e,
@@ -1840,39 +1840,39 @@ function Ht(e) {
     onAction: d,
     ariaLabel: f,
     ariaLabelledBy: x
-  } = e, g = pe("menu"), h = Z(-1), v = Z([]);
+  } = e, b = pe("menu"), h = Z(-1), v = Z([]);
   let k = null;
   return He({
     content: () => ne((C) => {
       k = document.activeElement;
-      const b = (T, D, M) => {
-        if (D.length === 0) return -1;
+      const m = (T, P, M) => {
+        if (P.length === 0) return -1;
         let U = T + M, W = 0;
-        for (; W < D.length; ) {
-          U >= D.length && (U = 0), U < 0 && (U = D.length - 1);
-          const z = D[U];
+        for (; W < P.length; ) {
+          U >= P.length && (U = 0), U < 0 && (U = P.length - 1);
+          const z = P[U];
           if (z && z.getAttribute("aria-disabled") !== "true")
             return U;
           U += M, W++;
         }
         return T;
       }, w = (T) => {
-        const D = v.value, M = h.value;
+        const P = v.value, M = h.value;
         switch (T.key) {
           case "ArrowDown":
             T.preventDefault(), T.stopPropagation();
-            const U = b(M, D, 1);
-            P(U, D);
+            const U = m(M, P, 1);
+            D(U, P);
             break;
           case "ArrowUp":
             T.preventDefault(), T.stopPropagation();
-            const W = b(M, D, -1);
-            P(W, D);
+            const W = m(M, P, -1);
+            D(W, P);
             break;
           case "Enter":
           case " ":
-            if (T.preventDefault(), T.stopPropagation(), M >= 0 && D[M]) {
-              const z = D[M];
+            if (T.preventDefault(), T.stopPropagation(), M >= 0 && P[M]) {
+              const z = P[M];
               if (z.getAttribute("aria-disabled") === "true")
                 return;
               const G = z.getAttribute("data-key");
@@ -1883,14 +1883,14 @@ function Ht(e) {
             o?.();
             break;
           case "Home":
-            T.preventDefault(), T.stopPropagation(), D.length > 0 && P(0, D);
+            T.preventDefault(), T.stopPropagation(), P.length > 0 && D(0, P);
             break;
           case "End":
-            T.preventDefault(), T.stopPropagation(), D.length > 0 && P(D.length - 1, D);
+            T.preventDefault(), T.stopPropagation(), P.length > 0 && D(P.length - 1, P);
             break;
           case "ArrowRight":
-            if (T.preventDefault(), T.stopPropagation(), M >= 0 && D[M]) {
-              const z = D[M];
+            if (T.preventDefault(), T.stopPropagation(), M >= 0 && P[M]) {
+              const z = P[M];
               z.classList.contains(
                 "bc-menu-item--has-submenu"
               ) && z.dispatchEvent(new Event("mouseenter"));
@@ -1900,19 +1900,19 @@ function Ht(e) {
             T.preventDefault(), T.stopPropagation(), o?.();
             break;
         }
-      }, P = (T, D) => {
-        h.value >= 0 && D[h.value] && (D[h.value].classList.remove(
+      }, D = (T, P) => {
+        h.value >= 0 && P[h.value] && (P[h.value].classList.remove(
           "bc-menu-item--focused"
-        ), D[h.value].removeAttribute("aria-selected")), T >= 0 && D[T] && (D[T].classList.add("bc-menu-item--focused"), D[T].setAttribute("aria-selected", "true"), h.set(T), typeof D[T].scrollIntoView == "function" && D[T].scrollIntoView({ block: "nearest" }));
+        ), P[h.value].removeAttribute("aria-selected")), T >= 0 && P[T] && (P[T].classList.add("bc-menu-item--focused"), P[T].setAttribute("aria-selected", "true"), h.set(T), typeof P[T].scrollIntoView == "function" && P[T].scrollIntoView({ block: "nearest" }));
       }, V = () => {
         const T = Array.from(
           C.querySelectorAll('[role="menuitem"]')
         );
         if (v.set(T), T.length > 0) {
-          const D = T.findIndex(
+          const P = T.findIndex(
             (M) => M.getAttribute("aria-disabled") !== "true"
           );
-          D >= 0 && P(D, T);
+          P >= 0 && D(P, T);
         }
       }, E = new MutationObserver(V);
       return E.observe(C, { childList: !0, subtree: !0 }), setTimeout(() => {
@@ -1922,7 +1922,7 @@ function Ht(e) {
           E.disconnect(), document.removeEventListener("keydown", w, !0), k && k.focus();
         }),
         s.class("bc-menu"),
-        s.id(g),
+        s.id(b),
         s.role("menu"),
         s.tabindex(-1),
         L.orientation("vertical"),
@@ -1930,8 +1930,8 @@ function Ht(e) {
         x ? L.labelledby(x) : N(),
         L.activedescendant(
           h.map((T) => {
-            const D = v.value;
-            return T >= 0 && D[T] ? D[T].id || `${g}-item-${T}` : "";
+            const P = v.value;
+            return T >= 0 && P[T] ? P[T].id || `${b}-item-${T}` : "";
           })
         ),
         I.click((T) => {
@@ -1947,10 +1947,10 @@ function Ht(e) {
           L.live("polite"),
           L.atomic(!0),
           h.map((T) => {
-            const D = v.value;
-            if (T >= 0 && D[T]) {
-              const M = D[T].textContent || "";
-              return D[T].getAttribute("aria-disabled") === "true" ? `${M}, disabled` : `${M}, ${T + 1} of ${D.length}`;
+            const P = v.value;
+            if (T >= 0 && P[T]) {
+              const M = P[T].textContent || "";
+              return P[T].getAttribute("aria-disabled") === "true" ? `${M}, disabled` : `${M}, ${T + 1} of ${P.length}`;
             }
             return "";
           })
@@ -1983,7 +1983,7 @@ function Na(e) {
   return p.div(
     s.class(
       S(r)(
-        (g) => `bc-menu-item ${g ? "bc-menu-item--disabled" : ""} ${x ? "bc-menu-item--has-submenu" : ""}`
+        (b) => `bc-menu-item ${b ? "bc-menu-item--disabled" : ""} ${x ? "bc-menu-item--has-submenu" : ""}`
       )
     ),
     s.id(f),
@@ -1995,9 +1995,9 @@ function Na(e) {
     // Will be updated by focus management
     x ? L.expanded(!1) : N(),
     c ? L.label(c) : N(),
-    I.click((g) => {
-      if (m.get(r)) {
-        g.preventDefault(), g.stopPropagation();
+    I.click((b) => {
+      if (g.get(r)) {
+        b.preventDefault(), b.stopPropagation();
         return;
       }
       u?.();
@@ -2102,14 +2102,14 @@ function Gt(e) {
     equality: a = (o, d) => o === d,
     placeholder: l
   } = e, r = (o) => {
-    const d = m.get(n);
+    const d = g.get(n);
     e.onChange?.(zt(d, o, a));
   }, u = (o) => {
-    const d = m.get(n);
+    const d = g.get(n);
     e.onChange?.(jt(d, o, a));
   }, c = (o) => S(n)((d) => Wt(d, o, a)), i = Ht({
     items: () => {
-      const o = m.get(t), d = [];
+      const o = g.get(t), d = [];
       for (const f of o)
         if (f.type === "value") {
           const x = c(f.value);
@@ -2130,12 +2130,12 @@ function Gt(e) {
             p.div(s.class("bc-menu-group__label"), f.group),
             ...f.options.map((x) => {
               if (x.type === "value") {
-                const g = c(x.value);
+                const b = c(x.value);
                 return p.div(
                   s.role("menuitem"),
                   s.tabindex(-1),
                   L.disabled(x.disabled === !0),
-                  L.checked(g),
+                  L.checked(b),
                   s.class("bc-menu-item"),
                   p.span(s.class("bc-menu-item__content"), x.label),
                   I.click(() => u(x.value))
@@ -2188,33 +2188,33 @@ function Kt(e) {
   const {
     value: n,
     options: t,
-    equality: a = (g, h) => g === h,
+    equality: a = (b, h) => b === h,
     placeholder: l,
     searchPlaceholder: r,
     filter: u
-  } = e, c = Z(""), i = (g) => {
-    const h = m.get(n);
-    e.onChange?.(zt(h, g, a));
-  }, o = (g) => {
-    const h = m.get(n);
-    e.onChange?.(jt(h, g, a));
-  }, d = (g) => S(n)((h) => Wt(h, g, a)), f = S(
+  } = e, c = Z(""), i = (b) => {
+    const h = g.get(n);
+    e.onChange?.(zt(h, b, a));
+  }, o = (b) => {
+    const h = g.get(n);
+    e.onChange?.(jt(h, b, a));
+  }, d = (b) => S(n)((h) => Wt(h, b, a)), f = S(
     t,
     c
-  )((g, h) => qt(g, h, u)), x = Ht({
+  )((b, h) => qt(b, h, u)), x = Ht({
     items: () => {
-      const g = [], h = m.get(f);
+      const b = [], h = g.get(f);
       if (h.length === 0)
-        return g.push(
+        return b.push(
           p.div(
             s.class("bc-dropdown__empty"),
             te(oe, (v) => v.$.noResults)
           )
-        ), g;
+        ), b;
       for (const v of h)
         if (v.type === "value") {
           const k = d(v.value);
-          g.push(
+          b.push(
             p.div(
               s.role("menuitem"),
               s.tabindex(-1),
@@ -2225,7 +2225,7 @@ function Kt(e) {
               I.click(() => o(v.value))
             )
           );
-        } else v.type === "group" ? g.push(
+        } else v.type === "group" ? b.push(
           p.div(
             s.class("bc-menu-group"),
             p.div(s.class("bc-menu-group__label"), v.group),
@@ -2245,8 +2245,8 @@ function Kt(e) {
               return N();
             })
           )
-        ) : g.push(Ut());
-      return g;
+        ) : b.push(Ut());
+      return b;
     },
     placement: "bottom-start",
     showDelay: 0,
@@ -2254,12 +2254,12 @@ function Kt(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: (g, h) => ne((v) => {
+    showOn: (b, h) => ne((v) => {
       const k = v.querySelector(
         ".bc-dropdown__search-input"
       );
       if (k) {
-        const C = () => g();
+        const C = () => b();
         return k.addEventListener("focus", C), X(() => {
           k.removeEventListener("focus", C);
         });
@@ -2291,15 +2291,15 @@ function Kt(e) {
             S(
               r,
               l
-            )((g, h) => g ?? h ?? "")
+            )((b, h) => b ?? h ?? "")
           ),
           s.value(c),
-          I.input((g) => {
-            const h = g.target;
+          I.input((b) => {
+            const h = b.target;
             c.set(h.value);
           }),
-          I.keydown((g) => {
-            (g.key === "ArrowUp" || g.key === "ArrowDown" || g.key === "Enter" || g.key === " ") && g.stopPropagation();
+          I.keydown((b) => {
+            (b.key === "ArrowUp" || b.key === "ArrowDown" || b.key === "Enter" || b.key === " ") && b.stopPropagation();
           })
         ),
         x
@@ -2334,7 +2334,7 @@ const Ha = (e) => {
     ...e,
     input: se["datetime-local"](
       ae(e),
-      s.value(m.map(n, Wn)),
+      s.value(g.map(n, Wn)),
       s.class("bc-input"),
       t != null ? I.blur(j(t)) : R,
       a != null ? I.change(j((l) => a(new Date(l)))) : R
@@ -2350,7 +2350,7 @@ const Ha = (e) => {
   return fn({
     ...l,
     maxFiles: 1,
-    value: m.map(n, (r) => r == null ? [] : [r]),
+    value: g.map(n, (r) => r == null ? [] : [r]),
     onChange: (r) => {
       a?.(r[0]);
     },
@@ -2386,7 +2386,7 @@ const Ha = (e) => {
   const { value: n, onBlur: t, onChange: a, onInput: l, after: r, disabled: u, ...c } = e, i = fe(n, u, a);
   return $e({
     ...c,
-    value: m.map(n, bn),
+    value: g.map(n, bn),
     onChange: a != null ? (o) => a(dt(o)) : void 0,
     onInput: l != null ? (o) => l(dt(o)) : void 0,
     onBlur: t,
@@ -2399,19 +2399,19 @@ const Ha = (e) => {
     return null;
   }
 }, Ya = (e) => {
-  const { value: n, step: t, min: a, max: l, onChange: r, onInput: u, after: c } = e, i = (g) => {
-    const h = a != null ? m.get(a) : void 0, v = l != null ? m.get(l) : void 0;
-    return h != null && g < h ? h : v != null && g > v ? v : g;
-  }, o = t != null ? te(oe, (g) => {
+  const { value: n, step: t, min: a, max: l, onChange: r, onInput: u, after: c } = e, i = (b) => {
+    const h = a != null ? g.get(a) : void 0, v = l != null ? g.get(l) : void 0;
+    return h != null && b < h ? h : v != null && b > v ? v : b;
+  }, o = t != null ? te(oe, (b) => {
     const h = S(
       n,
       a
-    )((C, b) => b == null ? !0 : (C ?? 0n) > b), v = S(
+    )((C, m) => m == null ? !0 : (C ?? 0n) > m), v = S(
       n,
       l
-    )((C, b) => b == null ? !0 : (C ?? 0n) < b), k = (C, b) => {
-      const w = m.get(n) ?? 0n, P = m.get(t), V = b?.shiftKey ? 10n : 1n, E = w + P * V * C, T = a != null ? m.get(a) : void 0, D = l != null ? m.get(l) : void 0;
-      if (C < 0n && T != null && E < T || C > 0n && D != null && E > D) return;
+    )((C, m) => m == null ? !0 : (C ?? 0n) < m), k = (C, m) => {
+      const w = g.get(n) ?? 0n, D = g.get(t), V = m?.shiftKey ? 10n : 1n, E = w + D * V * C, T = a != null ? g.get(a) : void 0, P = l != null ? g.get(l) : void 0;
+      if (C < 0n && T != null && E < T || C > 0n && P != null && E > P) return;
       const M = i(E);
       M !== w && r && r(M);
     };
@@ -2426,10 +2426,10 @@ const Ha = (e) => {
           S(
             v,
             e.disabled ?? !1
-          )((C, b) => !C || b)
+          )((C, m) => !C || m)
         ),
         I.click((C) => k(1n, C)),
-        L.label(g.$.incrementValue),
+        L.label(b.$.incrementValue),
         Q({ icon: "line-md:plus", size: "xs" })
       ),
       p.button(
@@ -2441,23 +2441,23 @@ const Ha = (e) => {
           S(
             h,
             e.disabled ?? !1
-          )((C, b) => !C || b)
+          )((C, m) => !C || m)
         ),
         I.click((C) => k(-1n, C)),
-        L.label(g.$.decrementValue),
+        L.label(b.$.decrementValue),
         Q({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, d = c != null && o != null ? N(o, c) : c ?? o, f = r ? (g) => {
-    const h = vt(g);
+  }) : null, d = c != null && o != null ? N(o, c) : c ?? o, f = r ? (b) => {
+    const h = vt(b);
     h != null && r(i(h));
-  } : void 0, x = u ? (g) => {
-    const h = vt(g);
+  } : void 0, x = u ? (b) => {
+    const h = vt(b);
     h != null && u(i(h));
   } : void 0;
   return $e({
     ...e,
-    value: m.map(n, (g) => g.toString()),
+    value: g.map(n, (b) => b.toString()),
     onChange: f,
     onInput: x,
     after: d,
@@ -2474,26 +2474,26 @@ const Ha = (e) => {
   }
 }, qa = (e) => {
   const { value: n, step: t, min: a, max: l, onChange: r, onInput: u, after: c } = e, i = (h) => {
-    const v = a != null ? m.get(a) : void 0, k = l != null ? m.get(l) : void 0;
+    const v = a != null ? g.get(a) : void 0, k = l != null ? g.get(l) : void 0;
     return v != null && h < v ? v : k != null && h > k ? k : h;
   }, o = t != null ? te(oe, (h) => {
     const v = S(
       n,
       a
-    )((b, w) => {
-      const P = b ?? 0n;
-      return w == null ? !0 : P > w;
+    )((m, w) => {
+      const D = m ?? 0n;
+      return w == null ? !0 : D > w;
     }), k = S(
       n,
       l
-    )((b, w) => {
-      const P = b ?? 0n;
-      return w == null ? !0 : P < w;
-    }), C = (b, w) => {
-      const P = m.get(n) ?? 0n, V = m.get(t), E = w?.shiftKey ? 10n : 1n, T = P + V * E * b, D = a != null ? m.get(a) : void 0, M = l != null ? m.get(l) : void 0;
-      if (b < 0n && D != null && T < D || b > 0n && M != null && T > M) return;
+    )((m, w) => {
+      const D = m ?? 0n;
+      return w == null ? !0 : D < w;
+    }), C = (m, w) => {
+      const D = g.get(n) ?? 0n, V = g.get(t), E = w?.shiftKey ? 10n : 1n, T = D + V * E * m, P = a != null ? g.get(a) : void 0, M = l != null ? g.get(l) : void 0;
+      if (m < 0n && P != null && T < P || m > 0n && M != null && T > M) return;
       const U = i(T);
-      U !== P && r && r(U);
+      U !== D && r && r(U);
     };
     return nt(
       s.class("bc-number-input-steppers"),
@@ -2506,9 +2506,9 @@ const Ha = (e) => {
           S(
             k,
             e.disabled ?? !1
-          )((b, w) => !b || w)
+          )((m, w) => !m || w)
         ),
-        I.click((b) => C(1n, b)),
+        I.click((m) => C(1n, m)),
         L.label(h.$.incrementValue),
         Q({ icon: "line-md:plus", size: "xs" })
       ),
@@ -2521,9 +2521,9 @@ const Ha = (e) => {
           S(
             v,
             e.disabled ?? !1
-          )((b, w) => !b || w)
+          )((m, w) => !m || w)
         ),
-        I.click((b) => C(-1n, b)),
+        I.click((m) => C(-1n, m)),
         L.label(h.$.decrementValue),
         Q({ icon: "line-md:minus", size: "xs" })
       )
@@ -2531,15 +2531,15 @@ const Ha = (e) => {
   }) : null, d = fe(n, e.disabled, r), f = c != null && o != null ? N(o, d, c) : c != null ? N(d, c) : o != null ? N(o, d) : d, x = r ? (h) => {
     const v = yt(h);
     r(v === null ? null : i(v));
-  } : void 0, g = u ? (h) => {
+  } : void 0, b = u ? (h) => {
     const v = yt(h);
     u(v === null ? null : i(v));
   } : void 0;
   return $e({
     ...e,
-    value: m.map(n, (h) => h == null ? "" : h.toString()),
+    value: g.map(n, (h) => h == null ? "" : h.toString()),
     onChange: x,
-    onInput: g,
+    onInput: b,
     after: f,
     mask: null,
     allowMode: "digits",
@@ -2547,9 +2547,9 @@ const Ha = (e) => {
   });
 }, Za = (e) => {
   const { value: n, onChange: t, onBlur: a, before: l } = e, r = Z(""), u = (i) => {
-    t?.(m.get(n).filter((o) => o !== i));
+    t?.(g.get(n).filter((o) => o !== i));
   }, c = () => {
-    const i = r.value.trim(), o = m.get(n);
+    const i = r.value.trim(), o = g.get(n);
     i === "" || o.includes(i) || (r.set(""), t?.([...o, i]));
   };
   return J({
@@ -2588,7 +2588,7 @@ const Ha = (e) => {
       ...e,
       input: se.date(
         ae(e),
-        s.value(m.map(n, (r) => r.toString())),
+        s.value(g.map(n, (r) => r.toString())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(j((r) => a(l.PlainDate.from(r)))) : R
@@ -2602,7 +2602,7 @@ const Ha = (e) => {
       ...e,
       input: se.date(
         ae(e),
-        s.value(m.map(n, (i) => i?.toString() ?? "")),
+        s.value(g.map(n, (i) => i?.toString() ?? "")),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(
@@ -2621,7 +2621,7 @@ const Ha = (e) => {
       ...e,
       input: se.time(
         ae(e),
-        s.value(m.map(n, (r) => r.toString())),
+        s.value(g.map(n, (r) => r.toString())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(j((r) => a(l.PlainTime.from(r)))) : R
@@ -2635,7 +2635,7 @@ const Ha = (e) => {
       ...e,
       input: se.time(
         ae(e),
-        s.value(m.map(n, (i) => i?.toString())),
+        s.value(g.map(n, (i) => i?.toString())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(
@@ -2654,7 +2654,7 @@ const Ha = (e) => {
       ...e,
       input: se["datetime-local"](
         ae(e),
-        s.value(m.map(n, (r) => r.toJSON())),
+        s.value(g.map(n, (r) => r.toJSON())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(j((r) => a(l.PlainDateTime.from(r)))) : R
@@ -2668,7 +2668,7 @@ const Ha = (e) => {
       ...e,
       input: se["datetime-local"](
         ae(e),
-        s.value(m.map(n, (i) => i?.toJSON())),
+        s.value(g.map(n, (i) => i?.toJSON())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(
@@ -2691,7 +2691,7 @@ const Ha = (e) => {
       input: se["datetime-local"](
         ae(e),
         s.value(
-          m.map(n, (r) => Yn(Number(r.epochMilliseconds)))
+          g.map(n, (r) => Yn(Number(r.epochMilliseconds)))
         ),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
@@ -2714,7 +2714,7 @@ const Ha = (e) => {
       input: se["datetime-local"](
         ae(e),
         s.value(
-          m.map(
+          g.map(
             n,
             (i) => i == null ? null : qn(Number(i.epochMilliseconds))
           )
@@ -2737,12 +2737,12 @@ const Ha = (e) => {
       ...e,
       input: se["datetime-local"](
         ae(e),
-        s.value(m.map(n, (r) => r.toJSON())),
+        s.value(g.map(n, (r) => r.toJSON())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(
           j((r) => {
-            const u = l.PlainDateTime.from(r), c = m.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            const u = l.PlainDateTime.from(r), c = g.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
             return a(l.ZonedDateTime.from({ ...u, timeZone: c }));
           })
         ) : R
@@ -2756,13 +2756,13 @@ const Ha = (e) => {
       ...e,
       input: se["datetime-local"](
         ae(e),
-        s.value(m.map(n, (i) => i?.toJSON())),
+        s.value(g.map(n, (i) => i?.toJSON())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(
           j((i) => {
             if (i === "") return a(null);
-            const o = c.PlainDateTime.from(i), d = m.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            const o = c.PlainDateTime.from(i), d = g.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
             return a(c.ZonedDateTime.from({ ...o, timeZone: d }));
           })
         ) : R
@@ -2777,7 +2777,7 @@ const Ha = (e) => {
       ...e,
       input: se.month(
         ae(e),
-        s.value(m.map(n, (r) => r.toString())),
+        s.value(g.map(n, (r) => r.toString())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(j((r) => a(l.PlainYearMonth.from(r)))) : R
@@ -2791,7 +2791,7 @@ const Ha = (e) => {
       ...e,
       input: se.month(
         ae(e),
-        s.value(m.map(n, (i) => i?.toString())),
+        s.value(g.map(n, (i) => i?.toString())),
         s.class("bc-input"),
         t != null ? I.blur(j(t)) : R,
         a != null ? I.change(
@@ -2809,7 +2809,7 @@ const Ha = (e) => {
     (a) => $e({
       ...e,
       // Map Temporal value to MM-DD string
-      value: m.map(n, (l) => l.toString()),
+      value: g.map(n, (l) => l.toString()),
       onChange: t != null ? (l) => t(a.PlainMonthDay.from(`--${l}`)) : void 0,
       onInput: void 0,
       mask: "99-99",
@@ -2821,7 +2821,7 @@ const Ha = (e) => {
   return le(
     (u) => $e({
       ...e,
-      value: m.map(n, (c) => c?.toString() ?? ""),
+      value: g.map(n, (c) => c?.toString() ?? ""),
       onChange: t != null ? (c) => t(c === "" ? null : u.PlainMonthDay.from(`--${c}`)) : void 0,
       onInput: void 0,
       mask: "99-99",
@@ -2834,7 +2834,7 @@ const Ha = (e) => {
   return le(
     (a) => $e({
       ...e,
-      value: m.map(n, (l) => l.toString()),
+      value: g.map(n, (l) => l.toString()),
       onChange: t ? (l) => t(a.Duration.from(l)) : void 0,
       onInput: void 0,
       ...mn(a.Duration.from),
@@ -2990,7 +2990,7 @@ function bs({
           title: a.$.locale
         }),
         Lt({
-          options: m.map(
+          options: g.map(
             e,
             (u) => u.map((c) => {
               let i = c.name;
@@ -3017,10 +3017,10 @@ function ms({
   appearancePreferenceKey: a = "bui-appearance"
 }, ...l) {
   return tn(({ set: r, use: u }) => {
-    r(De, {}), r(Je, {}), r(oe, {}), r(_t, {
+    r(Pe, {}), r(Je, {}), r(oe, {}), r(_t, {
       defaultAppearance: n ? t : "light",
       appearancePreferenceKey: a
-    }), on.attach(u(De));
+    }), on.attach(u(Pe));
     const c = N(
       n ? un() : R,
       Gn(),
@@ -3032,27 +3032,45 @@ function ms({
     ) : c;
   });
 }
-function gs({ content: e }) {
-  const n = m.toSignal(e), t = S(n)((a) => a.arrayBuffer()).mapAsync(
-    async (a) => {
-      const l = new Blob([await a], { type: "application/pdf" });
-      return URL.createObjectURL(l);
+function gs({
+  content: e,
+  toolbar: n = !0,
+  page: t,
+  zoom: a,
+  view: l
+}) {
+  const r = g.toSignal(e), u = S(r)((i) => i.arrayBuffer()).mapAsync(
+    async (i) => {
+      const o = new Blob([await i], { type: "application/pdf" });
+      return URL.createObjectURL(o);
     },
     null
-  );
+  ), c = S(
+    u,
+    n,
+    t,
+    a,
+    l
+  )((i, o, d, f, x) => {
+    if (i == null) return null;
+    const b = [];
+    o === !1 && b.push("toolbar=0"), d != null && d > 0 && b.push(`page=${d}`), f != null && f > 0 && b.push(`zoom=${f}`), x != null && b.push(`view=${x}`);
+    const h = b.join("&");
+    return h ? `${i}#${h}` : i;
+  });
   return p.div(
     X(
-      t.on((a, l) => {
-        l != null && URL.revokeObjectURL(l);
+      u.on((i, o) => {
+        o != null && URL.revokeObjectURL(o);
       }),
       () => {
-        const a = t.value;
-        a != null && URL.revokeObjectURL(a);
+        const i = u.value;
+        i != null && URL.revokeObjectURL(i);
       }
     ),
     s.class("h-full w-full"),
     // could also use embed or object. IFrame seems to work on Safari.
-    p.iframe(s.class("h-full w-full"), s.src(t))
+    p.iframe(s.class("h-full w-full"), s.src(c))
   );
 }
 const hs = ({ id: e, css: n }) => It("head", p.style(s.id(e), s.innerHTML(n))), at = ({
@@ -3112,7 +3130,7 @@ function Kn({
         S(
           n,
           l
-        )((x, g) => xt(x, g))
+        )((x, b) => xt(x, b))
       ),
       s.style(
         S(a)(
@@ -3135,7 +3153,7 @@ function Kn({
         S(
           n,
           l
-        )((x, g) => xt(x, g))
+        )((x, b) => xt(x, b))
       ),
       s.style(
         S(t)((x) => wt(x ?? "primary"))
@@ -3169,8 +3187,8 @@ function Jn(e, n, t) {
         const o = Array.from(
           new URLSearchParams(i.search).entries()
         ).sort(), d = Array.from(a.entries()).sort();
-        return o.length !== d.length ? !1 : o.every(([f, x], g) => {
-          const [h, v] = d[g];
+        return o.length !== d.length ? !1 : o.every(([f, x], b) => {
+          const [h, v] = d[b];
           return f === h && x === v;
         });
       } catch {
@@ -3191,7 +3209,7 @@ function vs({
   disableWhenActive: t = !0,
   ...a
 }, ...l) {
-  return te(De, (r) => {
+  return te(Pe, (r) => {
     const u = r.matchSignal(
       st(e, n)
     ), c = S(
@@ -3222,16 +3240,16 @@ function ys({
   size: d = "md",
   color: f = "base",
   roundedness: x = "sm",
-  disabled: g = !1
+  disabled: b = !1
 }, ...h) {
-  return c !== void 0 || i !== void 0 ? te(De, (v) => {
+  return c !== void 0 || i !== void 0 ? te(Pe, (v) => {
     const k = c !== void 0 ? v.matchSignal(st(e, c)) : S(v.location)(() => !1), C = S(
       k,
       i
-    )((w, P) => !(P ?? !0) || !c ? !1 : w), b = S(
-      g,
+    )((w, D) => !(D ?? !0) || !c ? !1 : w), m = S(
+      b,
       C
-    )((w, P) => w || P);
+    )((w, D) => w || D);
     return St(
       {
         href: e,
@@ -3245,7 +3263,7 @@ function ys({
         size: d,
         color: f,
         roundedness: x,
-        disabled: b
+        disabled: m
       },
       ...h
     );
@@ -3262,7 +3280,7 @@ function ys({
       size: d,
       color: f,
       roundedness: x,
-      disabled: g
+      disabled: b
     },
     ...h
   );
@@ -3289,8 +3307,8 @@ function St({
           i,
           d
         )(
-          (g, h) => ut(
-            g ?? "md",
+          (b, h) => ut(
+            b ?? "md",
             h ?? "sm",
             !1
             // loading is always false for ButtonLink
@@ -3303,8 +3321,8 @@ function St({
           o,
           f
         )(
-          (g, h, v) => ct(
-            g ?? "filled",
+          (b, h, v) => ct(
+            b ?? "filled",
             h ?? "base",
             v
           )
@@ -3327,8 +3345,8 @@ function St({
           i,
           d
         )(
-          (g, h) => ut(
-            g ?? "md",
+          (b, h) => ut(
+            b ?? "md",
             h ?? "sm",
             !1
             // loading is always false for ButtonLink
@@ -3341,8 +3359,8 @@ function St({
           o,
           f
         )(
-          (g, h, v) => ct(
-            g ?? "filled",
+          (b, h, v) => ct(
+            b ?? "filled",
             h ?? "base",
             v
           )
@@ -3367,7 +3385,7 @@ const ea = {
 function xs({ backgroundMode: e = "light" }, ...n) {
   return $t(
     ea,
-    m.map(
+    g.map(
       e,
       (t) => ({
         backgroundMode: t
@@ -3376,7 +3394,7 @@ function xs({ backgroundMode: e = "light" }, ...n) {
     () => p.div(
       s.class("bc-sidebar"),
       s.class(
-        m.map(
+        g.map(
           e,
           (t) => t === "dark" ? "bc-sidebar--dark-bg" : ""
         )
@@ -3390,7 +3408,7 @@ function kt({ rail: e, header: n }, ...t) {
     n != null ? p.div(s.class("bc-sidebar-group__header"), n) : null,
     p.div(
       s.class(
-        m.map(
+        g.map(
           e ?? !1,
           (a) => a ? "bc-sidebar-group--rail" : ""
         )
@@ -3417,7 +3435,7 @@ function aa(e, ...n) {
     s.type("button"),
     I.click(e.onClick),
     e.ariaExpanded != null ? L.expanded(
-      m.map(
+      g.map(
         e.ariaExpanded,
         (t) => t
       )
@@ -3447,7 +3465,7 @@ function sa(e) {
       }),
       Q({ icon: e.action?.icon })
     )
-  ), "onClick" in e ? aa(e, ...n) : te(De, (t) => {
+  ), "onClick" in e ? aa(e, ...n) : te(Pe, (t) => {
     const a = t.matchSignal(
       st(e.href, "exact"),
       {
@@ -3468,7 +3486,7 @@ function ws({
   header: t,
   startOpen: a = !0
 }, ...l) {
-  const r = m.deriveProp(a), u = pe("sidebar-group"), c = `${u}-content`;
+  const r = g.deriveProp(a), u = pe("sidebar-group"), c = `${u}-content`;
   return kt(
     {},
     s.class("bc-sidebar-group-collapsible"),
@@ -3524,7 +3542,7 @@ function Be(e, n, t) {
   let r = 0;
   for (; r < a; ) {
     const u = n[l];
-    if (!m.get(u.disabled ?? !1))
+    if (!g.get(u.disabled ?? !1))
       return l;
     l += t, l >= a ? l = 0 : l < 0 && (l = a - 1), r++;
   }
@@ -3542,15 +3560,15 @@ function ks(e) {
     orientation: i = "horizontal",
     showContent: o = !0,
     ariaLabel: d
-  } = e, f = pe("tablist"), x = Z(-1), g = S(t)((v) => n.find((k) => k.key === v)), h = (v) => {
-    if (m.get(c)) return;
-    const C = x.value, b = m.get(i) === "horizontal";
+  } = e, f = pe("tablist"), x = Z(-1), b = S(t)((v) => n.find((k) => k.key === v)), h = (v) => {
+    if (g.get(c)) return;
+    const C = x.value, m = g.get(i) === "horizontal";
     let w = C;
     switch (v.key) {
-      case (b ? "ArrowRight" : "ArrowDown"):
+      case (m ? "ArrowRight" : "ArrowDown"):
         v.preventDefault(), w = Be(C, n, 1);
         break;
-      case (b ? "ArrowLeft" : "ArrowUp"):
+      case (m ? "ArrowLeft" : "ArrowUp"):
         v.preventDefault(), w = Be(C, n, -1);
         break;
       case "Home":
@@ -3562,16 +3580,16 @@ function ks(e) {
       case "Enter":
       case " ":
         if (v.preventDefault(), C >= 0 && C < n.length) {
-          const P = n[C];
-          m.get(P.disabled ?? !1) || a?.(P.key);
+          const D = n[C];
+          g.get(D.disabled ?? !1) || a?.(D.key);
         }
         break;
     }
     w !== C && w >= 0 && w < n.length && (x.set(w), setTimeout(() => {
-      const P = document.querySelector(
+      const D = document.querySelector(
         `[data-tab-index="${w}"]`
       );
-      P && P.focus();
+      D && D.focus();
     }, 0));
   };
   return p.div(
@@ -3582,11 +3600,11 @@ function ks(e) {
         c,
         r
       )(
-        (v, k, C, b) => la(
+        (v, k, C, m) => la(
           v ?? "md",
           k ?? "horizontal",
           C ?? !1,
-          b ?? "default"
+          m ?? "default"
         )
       )
     ),
@@ -3609,17 +3627,17 @@ function ks(e) {
       d ? L.label(d) : N(),
       I.keydown(h),
       ...n.map((v, k) => {
-        const C = S(t)((V) => V === v.key), b = S(
+        const C = S(t)((V) => V === v.key), m = S(
           c,
           v.disabled
-        )((V, E) => V || E), w = `${f}-tab-${v.key}`, P = `${f}-panel-${v.key}`;
+        )((V, E) => V || E), w = `${f}-tab-${v.key}`, D = `${f}-panel-${v.key}`;
         return p.button(
           s.type("button"),
           s.class(
             S(
               l,
               C,
-              b
+              m
             )(
               (V, E, T) => oa(
                 V ?? "md",
@@ -3637,13 +3655,13 @@ function ks(e) {
             )((V, E) => V || E === k ? 0 : -1)
           ),
           L.selected(C),
-          L.controls(P),
-          L.disabled(b),
-          s.disabled(b),
+          L.controls(D),
+          L.disabled(m),
+          s.disabled(m),
           Qe["tab-index"](String(k)),
           v.ariaLabel ? L.label(v.ariaLabel) : N(),
           I.click((V) => {
-            V.preventDefault(), m.get(v.disabled ?? !1) || m.get(c) || (a?.(v.key), x.set(k));
+            V.preventDefault(), g.get(v.disabled ?? !1) || g.get(c) || (a?.(v.key), x.set(k));
           }),
           I.focus(() => {
             x.set(k);
@@ -3655,13 +3673,13 @@ function ks(e) {
     // Panel
     re(
       o ?? !0,
-      () => Re(g, (v) => {
-        const k = v.$.key, C = k.map((w) => `${f}-tab-${w}`), b = k.map((w) => `${f}-panel-${w}`);
+      () => Re(b, (v) => {
+        const k = v.$.key, C = k.map((w) => `${f}-tab-${w}`), m = k.map((w) => `${f}-panel-${w}`);
         return p.div(
           s.class("bc-tabs__panels"),
           p.div(
             s.class("bc-tabs__panel"),
-            s.id(b),
+            s.id(m),
             s.role("tabpanel"),
             s.tabindex(0),
             L.labelledby(C),
@@ -3683,22 +3701,22 @@ function Cs(e) {
         dismissable: d = !0,
         showCloseButton: f = !0,
         onClose: x,
-        overlayEffect: g = "opaque",
+        overlayEffect: b = "opaque",
         container: h = "body",
         header: v,
         body: k,
         footer: C
       } = c;
       a = t;
-      const b = Z("capturing");
-      m.on(d, (V) => {
-        b.set(V ? "capturing" : "non-capturing");
+      const m = Z("capturing");
+      g.on(d, (V) => {
+        m.set(V ? "capturing" : "non-capturing");
       });
       const w = S(
         v != null,
         f
-      )((V, E) => V || E), P = ne((V) => {
-        const E = Pe({
+      )((V, E) => V || E), D = ne((V) => {
+        const E = De({
           initialStatus: "closed",
           element: V
         });
@@ -3707,7 +3725,7 @@ function Cs(e) {
             t();
           });
         }, Oe(() => E.open());
-        const D = pe("drawer"), M = v != null ? `${D}-header` : void 0, U = `${D}-body`;
+        const P = pe("drawer"), M = v != null ? `${P}-header` : void 0, U = `${P}-body`;
         return p.div(
           s.class(
             S(
@@ -3725,7 +3743,7 @@ function Cs(e) {
           L.describedby(U),
           s.tabindex(-1),
           // Make drawer focusable for initial focus
-          s.id(D),
+          s.id(P),
           Qe.focusTrap("true"),
           // Mark as focus trap container
           // Focus trap for keyboard navigation
@@ -3734,7 +3752,7 @@ function Cs(e) {
             escapeDeactivates: !1,
             // Let Overlay handle escape key
             initialFocus: () => document.querySelector(
-              `#${D} [aria-label="Close drawer"]`
+              `#${P} [aria-label="Close drawer"]`
             ) || null
           }),
           I.mousedown((W) => W.stopPropagation()),
@@ -3773,10 +3791,10 @@ function Cs(e) {
         );
       });
       n({
-        mode: b,
-        effect: g ?? "opaque",
+        mode: m,
+        effect: b ?? "opaque",
         container: h,
-        content: P,
+        content: D,
         onClickOutside: () => {
           x?.(), l();
         },
@@ -3848,17 +3866,18 @@ function Is(e) {
     })
   );
 }
-function ua(e, n, t, a, l) {
-  const r = ge(e, "solid", "light"), u = ge(e, "solid", "dark");
+function ua(e, n, t, a, l, r) {
+  const u = ge(e, "solid", "light"), c = ge(e, "solid", "dark");
   return [
-    `--ribbon-bg: ${r.backgroundColor}`,
-    `--ribbon-text: ${r.textColor}`,
-    `--ribbon-bg-dark: ${u.backgroundColor}`,
-    `--ribbon-text-dark: ${u.textColor}`,
+    `--ribbon-bg: ${u.backgroundColor}`,
+    `--ribbon-text: ${u.textColor}`,
+    `--ribbon-bg-dark: ${c.backgroundColor}`,
+    `--ribbon-text-dark: ${c.textColor}`,
     `--ribbon-inset: ${Ze(n)}`,
     `--ribbon-offset: ${Ze(t)}`,
     `--ribbon-width: ${Ze(a)}`,
-    `--ribbon-angle: ${l}deg`
+    `--ribbon-angle: ${l}deg`,
+    `--ribbon-corner: ${r}`
   ].join("; ");
 }
 function Ze(e) {
@@ -3870,17 +3889,25 @@ function $s({
   inset: t = 0,
   offset: a = 40,
   width: l = 100,
-  angle: r = 45
-}, ...u) {
+  angle: r = 45,
+  corner: u = "top-right"
+}, ...c) {
   return p.div(
     s.class("bc-ribbon"),
     // Theme styles via CSS variables
     s.style(
-      S(e, t, a, l, r)(ua)
+      S(
+        e,
+        t,
+        a,
+        l,
+        r,
+        u
+      )(ua)
     ),
     // Allow external classes
     s.class(n),
-    ...u
+    ...c
   );
 }
 function Ts(e, n) {
@@ -3896,12 +3923,12 @@ function Ts(e, n) {
     };
     return n((x) => {
       o = i;
-      const g = Z(
+      const b = Z(
         typeof t != "boolean" || t ? "capturing" : "non-capturing"
       );
       let h = typeof t == "boolean" ? t : !0;
-      m.on(t, (k) => {
-        h = k, g.set(k ? "capturing" : "non-capturing");
+      g.on(t, (k) => {
+        h = k, b.set(k ? "capturing" : "non-capturing");
       });
       const v = p.div(
         s.class("bc-lightbox"),
@@ -3937,7 +3964,7 @@ function Ts(e, n) {
         )
       );
       c({
-        mode: g,
+        mode: b,
         effect: l ?? "opaque",
         container: r,
         content: v,
@@ -3981,18 +4008,18 @@ function _s(e) {
     width: d,
     height: f,
     progressInterval: x = 1e3,
-    seekTo: g,
+    seekTo: b,
     config: h,
     onReady: v,
     onStart: k,
     onPlay: C,
-    onPause: b,
+    onPause: m,
     onBuffer: w,
-    onBufferEnd: P,
+    onBufferEnd: D,
     onEnded: V,
     onError: E,
     onDuration: T,
-    onSeek: D,
+    onSeek: P,
     onProgress: M,
     onPlaybackRateChange: U,
     onPlaybackQualityChange: W
@@ -4019,14 +4046,14 @@ function _s(e) {
   }
   const ue = [];
   ue.push(
-    m.on(n, ($) => {
+    g.on(n, ($) => {
       typeof $ == "string" && $.length > 0 && ca($) ? K.value = "youtube" : (K.value = "file", F && Ae());
     })
   );
   async function Ae() {
     const $ = F;
     if (!$) return;
-    const A = m.get(n);
+    const A = g.get(n);
     if (typeof A != "string" || A.length === 0) return;
     Ue();
     const O = h?.file?.forceHLS ?? !1;
@@ -4086,7 +4113,7 @@ function _s(e) {
   }
   function Me() {
     he?.();
-    const $ = m.get(x) ?? 1e3;
+    const $ = g.get(x) ?? 1e3;
     he = pt(() => {
       const A = F;
       if (!A) return;
@@ -4107,13 +4134,13 @@ function _s(e) {
     ne(($) => {
       F = $, v?.();
       try {
-        F.playbackRate = m.get(c) ?? 1;
+        F.playbackRate = g.get(c) ?? 1;
       } catch {
       }
-      F.muted = !!(m.get(u) ?? !1), F.loop = !!(m.get(a) ?? !1), F.controls = !!(m.get(l) ?? !1), F.playsInline != null && (!!(m.get(o) ?? !0) ? F.setAttribute("playsinline", "") : F.removeAttribute("playsinline")), m.get(t) && (F.play?.().catch(() => {
+      F.muted = !!(g.get(u) ?? !1), F.loop = !!(g.get(a) ?? !1), F.controls = !!(g.get(l) ?? !1), F.playsInline != null && (!!(g.get(o) ?? !0) ? F.setAttribute("playsinline", "") : F.removeAttribute("playsinline")), g.get(t) && (F.play?.().catch(() => {
       }), k?.());
       try {
-        const A = !!(m.get(i) ?? !1), O = document, Y = F;
+        const A = !!(g.get(i) ?? !1), O = document, Y = F;
         A ? typeof Y.requestPictureInPicture == "function" && O.pictureInPictureElement !== F && Y.requestPictureInPicture().catch(() => {
         }) : O.pictureInPictureElement === F && typeof O.exitPictureInPicture == "function" && O.exitPictureInPicture().catch(() => {
         });
@@ -4123,17 +4150,17 @@ function _s(e) {
     }),
     // size
     y.width(
-      m.map(d, ve)
+      g.map(d, ve)
     ),
     y.height(
-      m.map(f, ve)
+      g.map(f, ve)
     ),
     // Events
     I.play(() => C?.()),
     I.playing(() => {
-      k?.(), P?.();
+      k?.(), D?.();
     }),
-    I.pause(() => b?.()),
+    I.pause(() => m?.()),
     I.waiting(() => w?.()),
     I.canplay(() => {
       const $ = F?.duration;
@@ -4146,7 +4173,7 @@ function _s(e) {
   );
   let ye = null, H = null, xe = null;
   function we() {
-    const $ = m.get(n);
+    const $ = g.get(n);
     !ye || typeof $ != "string" || da().then((A) => {
       const O = Qt($);
       if (O) {
@@ -4159,15 +4186,15 @@ function _s(e) {
           playerVars: pa(e),
           events: {
             onReady: () => {
-              v?.(), _(), m.get(t) && k?.(), je();
+              v?.(), _(), g.get(t) && k?.(), je();
             },
             onStateChange: (Y) => {
               switch (Y.data) {
                 case A.PlayerState.PLAYING:
-                  C?.(), P?.();
+                  C?.(), D?.();
                   break;
                 case A.PlayerState.PAUSED:
-                  b?.();
+                  m?.();
                   break;
                 case A.PlayerState.BUFFERING:
                   w?.();
@@ -4187,7 +4214,7 @@ function _s(e) {
   }
   function je() {
     xe?.();
-    const $ = m.get(x) ?? 1e3;
+    const $ = g.get(x) ?? 1e3;
     xe = pt(() => {
       if (!H) return;
       const A = H.getDuration?.() ?? 0, O = H.getCurrentTime?.() ?? 0, Y = H.getVideoLoadedFraction?.() ?? 0;
@@ -4202,24 +4229,24 @@ function _s(e) {
   function _() {
     if (!H) return;
     try {
-      const O = m.get(c) ?? 1;
+      const O = g.get(c) ?? 1;
       H.setPlaybackRate?.(O);
     } catch {
     }
     try {
       const O = Math.round(
-        Math.min(Math.max(m.get(r) ?? 1, 0), 1) * 100
+        Math.min(Math.max(g.get(r) ?? 1, 0), 1) * 100
       );
       H.setVolume?.(O);
     } catch {
     }
     try {
-      m.get(u) ?? !1 ? H.mute?.() : H.unMute?.();
+      g.get(u) ?? !1 ? H.mute?.() : H.unMute?.();
     } catch {
     }
-    m.get(t) ?? !1 ? H.playVideo?.() : H.pauseVideo?.();
-    const A = m.get(g);
-    typeof A == "number" && Number.isFinite(A) && (H.seekTo?.(A, !0), D?.(A));
+    g.get(t) ?? !1 ? H.playVideo?.() : H.pauseVideo?.();
+    const A = g.get(b);
+    typeof A == "number" && Number.isFinite(A) && (H.seekTo?.(A, !0), P?.(A));
   }
   const B = p.div(
     ne(($) => {
@@ -4227,43 +4254,43 @@ function _s(e) {
     })
   );
   return ue.push(
-    m.on(n, () => {
+    g.on(n, () => {
       K.value === "youtube" && we();
     })
   ), ue.push(
-    m.on(t, () => {
-      K.value === "file" && F ? m.get(t) ? F.play?.().catch(() => {
-      }) : F.pause?.() : K.value === "youtube" && H && (m.get(t) ? H.playVideo?.() : H.pauseVideo?.());
+    g.on(t, () => {
+      K.value === "file" && F ? g.get(t) ? F.play?.().catch(() => {
+      }) : F.pause?.() : K.value === "youtube" && H && (g.get(t) ? H.playVideo?.() : H.pauseVideo?.());
     })
   ), ue.push(
-    m.on(r, () => {
+    g.on(r, () => {
       if (K.value === "file" && F)
-        F.volume = Math.min(Math.max(m.get(r) ?? 1, 0), 1);
+        F.volume = Math.min(Math.max(g.get(r) ?? 1, 0), 1);
       else if (K.value === "youtube" && H) {
         const $ = Math.round(
-          Math.min(Math.max(m.get(r) ?? 1, 0), 1) * 100
+          Math.min(Math.max(g.get(r) ?? 1, 0), 1) * 100
         );
         H.setVolume?.($);
       }
     })
   ), ue.push(
-    m.on(u, () => {
-      K.value === "file" && F ? F.muted = !!m.get(u) : K.value === "youtube" && H && (m.get(u) ? H.mute?.() : H.unMute?.());
+    g.on(u, () => {
+      K.value === "file" && F ? F.muted = !!g.get(u) : K.value === "youtube" && H && (g.get(u) ? H.mute?.() : H.unMute?.());
     })
   ), ue.push(
-    m.on(c, () => {
+    g.on(c, () => {
       if (K.value === "file" && F)
         try {
-          F.playbackRate = m.get(c) ?? 1;
+          F.playbackRate = g.get(c) ?? 1;
         } catch {
         }
-      else K.value === "youtube" && H && H.setPlaybackRate?.(m.get(c) ?? 1);
+      else K.value === "youtube" && H && H.setPlaybackRate?.(g.get(c) ?? 1);
     })
   ), ue.push(
-    m.on(i, async () => {
+    g.on(i, async () => {
       if (!(K.value !== "file" || !F))
         try {
-          const $ = !!(m.get(i) ?? !1), A = document, O = F;
+          const $ = !!(g.get(i) ?? !1), A = document, O = F;
           $ ? typeof O.requestPictureInPicture == "function" && A.pictureInPictureElement !== F && await O.requestPictureInPicture()?.catch(() => {
           }) : A.pictureInPictureElement === F && typeof A.exitPictureInPicture == "function" && await A.exitPictureInPicture()?.catch(() => {
           });
@@ -4271,27 +4298,27 @@ function _s(e) {
         }
     })
   ), ue.push(
-    m.on(g ?? null, () => {
-      const $ = m.get(g);
+    g.on(b ?? null, () => {
+      const $ = g.get(b);
       if ($ != null)
         if (K.value === "file" && F)
           try {
-            F.currentTime = $, D?.($);
+            F.currentTime = $, P?.($);
           } catch {
           }
-        else K.value === "youtube" && H && (H.seekTo?.($, !0), D?.($));
+        else K.value === "youtube" && H && (H.seekTo?.($, !0), P?.($));
     })
   ), p.div(
     X(...ue),
     s.class("bc-base-video"),
     y.width(
-      m.map(d, ve)
+      g.map(d, ve)
     ),
     y.height(
-      m.map(f, ve)
+      g.map(f, ve)
     ),
     re(
-      m.map(K, ($) => $ === "youtube"),
+      g.map(K, ($) => $ === "youtube"),
       () => B,
       () => Te
     )
@@ -4307,17 +4334,17 @@ function Qt(e) {
 }
 function pa(e) {
   const n = {
-    autoplay: m.get(e.playing) ?? !1 ? 1 : 0,
-    controls: m.get(e.controls) ?? !1 ? 1 : 0,
+    autoplay: g.get(e.playing) ?? !1 ? 1 : 0,
+    controls: g.get(e.controls) ?? !1 ? 1 : 0,
     rel: 0,
-    playsinline: m.get(e.playsinline) ?? !0 ? 1 : 0,
+    playsinline: g.get(e.playsinline) ?? !0 ? 1 : 0,
     modestbranding: 1
-  }, t = m.get(e.loop) ?? !1, a = m.get(e.url), l = typeof a == "string" ? Qt(a) : null;
+  }, t = g.get(e.loop) ?? !1, a = g.get(e.url), l = typeof a == "string" ? Qt(a) : null;
   return t && l && (n.loop = 1, n.playlist = l), n;
 }
 export {
   Ke as AnimatedToggleClass,
-  Da as AppShell,
+  Pa as AppShell,
   Cn as AppearanceSelector,
   xr as ArrayController,
   qr as Base64Input,
@@ -4339,7 +4366,7 @@ export {
   ys as ButtonLink,
   Qr as Card,
   Va as Center,
-  Pa as CenterH,
+  Da as CenterH,
   Sr as CheckboxInput,
   Zt as Chips,
   et as CloseButton,
@@ -4400,7 +4427,7 @@ export {
   no as NativeSelectControl,
   vs as NavigationLink,
   Aa as NineSliceScrollView,
-  Dr as Notice,
+  Pr as Notice,
   qa as NullableBigintInput,
   ao as NullableDateInput,
   so as NullableDateTimeInput,
@@ -4423,7 +4450,7 @@ export {
   mo as NullableUrlInput,
   ss as NullableZonedDateTimeInput,
   go as NumberInput,
-  Pr as ObjectController,
+  Dr as ObjectController,
   No as ObjectValidator,
   me as Option,
   Bt as Overlay,
@@ -4473,7 +4500,7 @@ export {
   ko as UnstyledDropZone,
   Co as UrlInput,
   Vs as Use,
-  Pn as WithBeatUIBreakpoint,
+  Dn as WithBeatUIBreakpoint,
   _a as WithBeatUIElementBreakpoint,
   Et as WithBreakpoint,
   le as WithTemporal,
@@ -4549,8 +4576,8 @@ export {
   $l as getFontFamilyVarName,
   Tl as getFontSizeVar,
   _l as getFontSizeVarName,
-  Dl as getFontWeightVar,
-  Pl as getFontWeightVarName,
+  Pl as getFontWeightVar,
+  Dl as getFontWeightVarName,
   Rs as getIconLocally,
   Vl as getLetterSpacingVar,
   Al as getLetterSpacingVarName,
@@ -4597,8 +4624,8 @@ export {
   Ws as makeI18nProvider,
   Or as makeMapValidation,
   Ys as makeMessages,
-  Dt as makeOnBlurHandler,
-  Pt as makeOnChangeHandler,
+  Pt as makeOnBlurHandler,
+  Dt as makeOnChangeHandler,
   rr as motionDurations,
   or as motionEasings,
   si as normalizeColorName,
@@ -4629,10 +4656,10 @@ export {
   ii as textColors,
   hr as textShadows,
   ui as themeColorNames,
-  Do as transformEmptyStringToUndefined,
-  Po as transformNullToUndefined,
+  Po as transformEmptyStringToUndefined,
+  Do as transformNullToUndefined,
   Vo as transformUndefinedToNull,
-  Pe as useAnimatedElementToggle,
+  De as useAnimatedElementToggle,
   Uo as useAnimatedToggle,
   jr as useController,
   jo as useFocusTrap,