@tempots/beatui 0.26.0 → 0.27.0

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { prop as U, html as m, attr as s, computedOf as y, Use as Y, Empty as O, Value as C, WithElement as X, Fragment as M, aria as A, OnDispose as z, OneOfValue as jt, on as $, style as h, When as te, coalesce as zt, ForEach as pe, Ensure as Te, OneOfType as pt, dataAttr as Fe, NotEmpty as Wt, input as J, emitValue as P, emitValueAsDate as qt, Portal as mt, WithProvider as Zt, Task as Yt, Provide as bt, makeProviderMark as Gt, MapSignal as ft, svg as Ye, svgAttr as Ge } from "@tempots/dom";
+import { prop as U, html as m, attr as s, computedOf as y, Use as Y, Empty as O, Value as S, WithElement as X, Fragment as M, aria as A, OnDispose as z, OneOfValue as jt, on as $, style as h, When as te, coalesce as zt, ForEach as pe, Ensure as Te, OneOfType as pt, dataAttr as Fe, NotEmpty as Wt, input as J, emitValue as P, emitValueAsDate as qt, Portal as mt, WithProvider as Zt, Task as Yt, Provide as bt, makeProviderMark as Gt, MapSignal as ft, svg as Ye, svgAttr as Ge } from "@tempots/dom";
 import { Use as hs } from "@tempots/dom";
 import { PopOver as Kt, ElementRect as he, WindowSize as Xt, Query as Jt, Location as De, Anchor as He } from "@tempots/ui";
-import { B as ne, C as gt, n as Ie, r as Ke, I as j, s as re, a as Pe, e as q, g as G, h as ht, i as vt, j as Re, v as xt, d as yt, S as Ue, p as Qt, l as je, w as Xe, x as Je, y as Qe } from "./notice-DuvHeGyh.js";
-import { R as xs, G as ys, c as ws, a3 as Ss, E as Cs, a1 as ks, aa as Is, L as $s, M as _s, a2 as Ts, N as Ds, Q as As, P as Vs, U as Ls, T as Bs, Y as Ms, $ as Os, Z as Ns, W as Ps, V as Es, z as Fs, k as Hs, f as Rs, a7 as Us, a5 as js, F as zs, a9 as Ws, ab as qs, A as Zs, a8 as Ys, m as Gs, q as Ks, a4 as Xs, H as Js, K as Qs, a6 as el, a0 as tl, D as nl, t as al, X as sl, u as ll, J as rl } from "./notice-DuvHeGyh.js";
+import { B as ne, C as gt, n as Ie, r as Ke, I as j, s as re, a as Pe, e as q, g as G, h as ht, i as vt, j as Re, v as xt, d as yt, S as Ue, p as Qt, l as je, w as Xe, x as Je, y as Qe } from "./notice-DKO4C8y2.js";
+import { R as xs, G as ys, c as ws, a3 as Ss, E as Cs, a1 as ks, aa as Is, L as $s, M as _s, a2 as Ts, N as Ds, Q as As, P as Vs, U as Ls, T as Bs, Y as Ms, $ as Os, Z as Ns, W as Ps, V as Es, z as Fs, k as Hs, f as Rs, a7 as Us, a5 as js, F as zs, a9 as Ws, ab as qs, A as Zs, a8 as Ys, m as Gs, q as Ks, a4 as Xs, H as Js, K as Qs, a6 as el, a0 as tl, D as nl, t as al, X as sl, u as ll, J as rl } from "./notice-DKO4C8y2.js";
 import { T as wt, a as en } from "./theme-CJVt8QIc.js";
 import { t as il, am as ul, f as cl, J as dl, c as pl, N as ml, I as bl, K as fl, d as gl, k as hl, b as vl, a as xl, ab as yl, o as wl, a0 as Sl, ae as Cl, q as kl, H as Il, A as $l, al as _l, g as Tl, E as Dl, x as Al, aj as Vl, $ as Ll, a4 as Bl, j as Ml, i as Ol, h as Nl, Y as Pl, X as El, Q as Fl, P as Hl, S as Rl, R as Ul, W as jl, V as zl, U as Wl, T as ql, a8 as Zl, a7 as Yl, aa as Gl, a9 as Kl, n as Xl, m as Jl, l as Ql, _ as er, Z as tr, ad as nr, p as ar, G as sr, z as lr, ak as rr, D as or, C as ir, w as ur, v as cr, ai as dr, ah as pr, e as mr, a3 as br, a2 as fr, M as gr, L as hr, a5 as vr, a6 as xr, r as yr, O as wr, ac as Sr, s as Cr, F as kr, y as Ir, ag as $r, B as _r, u as Tr, af as Dr, a1 as Ar } from "./index-OrV7N-wE.js";
-import { S as tn, G as St, E as nn, F as an, N as Ct, a as oe, M as me, e as et, n as sn, W as Q, d as ln } from "./utils-CBZohCZi.js";
-import { g as Lr, i as Br, B as Mr, l as Or, O as Nr, C as Pr, j as Er, L as Fr, k as Hr, m as Rr, o as Ur, p as jr, I as zr, q as Wr, w as qr, r as Zr, A as Yr, H as Gr, s as Kr, u as Xr, z as Jr, K as Qr, v as eo, R as to, D as no, x as ao, T as so, y as lo, b as ro, U as oo, J as io, P as uo, Q as co, V as po, h as mo, c as bo, t as fo, f as go } from "./utils-CBZohCZi.js";
+import { S as tn, G as St, E as nn, F as an, N as Ct, a as oe, M as me, e as et, n as sn, W as Q, d as ln } from "./utils-DU4oGQiY.js";
+import { g as Lr, i as Br, B as Mr, l as Or, O as Nr, C as Pr, j as Er, L as Fr, k as Hr, m as Rr, o as Ur, p as jr, I as zr, q as Wr, w as qr, r as Zr, A as Yr, H as Gr, s as Kr, u as Xr, z as Jr, K as Qr, v as eo, R as to, D as no, x as ao, T as so, y as lo, b as ro, U as oo, J as io, P as uo, Q as co, V as po, h as mo, c as bo, t as fo, f as go } from "./utils-DU4oGQiY.js";
 import { g as $e } from "./timer-CQlK5LhW.js";
-import { u as ge, A as Ee, O as rn, F as on } from "./modal-5GSPw0e_.js";
-import { B as vo, C as xo, M as yo, a as wo, S as So, b as Co, c as ko, o as Io, s as $o, e as _o, d as To, f as Do } from "./modal-5GSPw0e_.js";
+import { u as ge, A as Ee, O as rn, F as on } from "./modal-Fect9dc4.js";
+import { B as vo, C as xo, M as yo, a as wo, S as So, b as Co, c as ko, o as Io, s as $o, e as _o, d as To, f as Do } from "./modal-Fect9dc4.js";
 import { L as Vo } from "./link-portal-Cr2l9f3k.js";
 import { b as Bo, e as Mo, i as Oo, a as No, c as Po, o as Eo, l as Fo, m as Ho, g as Ro, k as Uo, j as jo, n as zo, r as Wo, s as qo, d as Zo, h as Yo, t as Go } from "./colors-WfmhQ5e1.js";
 function _e(e) {
@@ -138,7 +138,7 @@ const kt = ({
         label: i.$.removeItem,
         color: "white",
         disabled: r,
-        onClick: () => t?.(C.get(e))
+        onClick: () => t?.(S.get(e))
       },
       s.class("bc-tag__close")
     )
@@ -203,19 +203,19 @@ function Ae(e) {
     const g = ge({
       initialStatus: "closed"
     }), v = re("flyout"), _ = U(!1);
-    let S = null, f = null, w = null, D = !1;
+    let C = null, f = null, w = null, D = !1;
     function V() {
-      k != null && (clearTimeout(k), k = null), L != null && (clearTimeout(L), L = null), w && (w(), w = null), f && (f(), f = null), S && (document.removeEventListener("keydown", S), S = null), _.set(!1), D = !1;
+      k != null && (clearTimeout(k), k = null), L != null && (clearTimeout(L), L = null), w && (w(), w = null), f && (f(), f = null), C && (document.removeEventListener("keydown", C), C = null), _.set(!1), D = !1;
     }
     function E() {
-      C.get(u) && (S = (H) => {
+      S.get(u) && (C = (H) => {
         H.key === "Escape" && N();
-      }, document.addEventListener("keydown", S)), D = !0, _.set(!0), x({
+      }, document.addEventListener("keydown", C)), D = !0, _.set(!0), x({
         placement: t ?? "top",
         mainAxisOffset: r,
         crossAxisOffset: i,
         onClickOutside: () => {
-          C.get(u) && N();
+          S.get(u) && N();
         },
         arrow: o,
         content: X((H) => {
@@ -223,7 +223,7 @@ function Ae(e) {
             g.open(), w = null;
           });
           const F = (W) => {
-            C.get(u) && W.key === "Escape" && (W.preventDefault(), W.stopPropagation(), N(), _.set(!1));
+            S.get(u) && W.key === "Escape" && (W.preventDefault(), W.stopPropagation(), N(), _.set(!1));
           };
           return document.addEventListener("keydown", F, !0), M(
             z(() => {
@@ -234,7 +234,7 @@ function Ae(e) {
             s.tabindex(-1),
             // Make focusable for screen readers
             Ee(
-              C.map(t, gn),
+              S.map(t, gn),
               g.status
             ),
             d ? s.role(d) : s.role("dialog"),
@@ -252,7 +252,7 @@ function Ae(e) {
         g.open();
         return;
       }
-      const H = C.get(a);
+      const H = S.get(a);
       k = setTimeout(() => {
         k = null, E();
       }, H);
@@ -263,7 +263,7 @@ function Ae(e) {
         p(), V();
         return;
       }
-      const H = C.get(l);
+      const H = S.get(l);
       L = setTimeout(() => {
         L = null, f && (f(), f = null), g.close(), f = g.onClosed(() => {
           p(), V();
@@ -429,13 +429,17 @@ function ae(e, n) {
   return `bc-panel ${(Array.isArray(e) ? e : [e]).map((a) => `bc-panel--side-${a}`).join(" ")} bc-panel--shadow-${n}`;
 }
 function ie(e) {
-  const n = Ie(e, "lighter", "light"), t = Ie(e, "lighter", "dark");
-  return [
-    `--panel-bg: ${n.backgroundColor}`,
-    `--panel-text: ${n.textColor}`,
-    `--panel-bg-dark: ${t.backgroundColor}`,
-    `--panel-text-dark: ${t.textColor}`
-  ].join("; ");
+  const n = S.toSignal(e).map(
+    (a) => Ie(a, "lighter", "light")
+  ), t = S.toSignal(e).map(
+    (a) => Ie(a, "lighter", "dark")
+  );
+  return M(
+    h.variable("--panel-bg", n.$.backgroundColor),
+    h.variable("--panel-text", n.$.textColor),
+    h.variable("--panel-bg-dark", t.$.backgroundColor),
+    h.variable("--panel-text-dark", t.$.textColor)
+  );
 }
 const se = {
   banner: {
@@ -658,7 +662,7 @@ function ma({
         a.menu != null,
         o,
         p.display
-      )(In), S = y(
+      )(In), C = y(
         a.aside != null,
         o,
         g.display
@@ -679,7 +683,7 @@ function ma({
           s.class(
             ae("none", t.banner.shadow ?? "none")
           ),
-          s.style(ie(t.banner.color ?? "white")),
+          ie(t.banner.color ?? "white"),
           h.height("100%"),
           h.gridArea("banner"),
           t.banner.content
@@ -688,7 +692,7 @@ function ma({
           s.class(
             ae("bottom", t.header?.shadow ?? "none")
           ),
-          s.style(ie(t.header?.color ?? "white")),
+          ie(t.header?.color ?? "white"),
           h.zIndex("20"),
           h.display(d ? "block" : "none"),
           h.gridArea("header"),
@@ -770,12 +774,12 @@ function ma({
               )
             )
           ),
-          s.style(
+          ie(t.menu?.color ?? "white"),
+          h.height(
             _.map(
-              () => ie(t.menu?.color ?? "white")
+              (f) => f === "float" ? "auto" : "100%"
             )
           ),
-          h.height("100%"),
           h.overflow("hidden"),
           h.gridArea("menu"),
           h.display(
@@ -799,7 +803,7 @@ function ma({
             )((f, w) => f === "block" ? "opened" : w)
           ),
           h.width(o.$.menuWidth),
-          h.bottom(v.map((f) => `${f}px`)),
+          h.bottom("0"),
           t.menu?.content
         ) : null,
         t.mainHeader ? m.header(
@@ -811,9 +815,7 @@ function ma({
               t.mainHeader?.shadow ?? "none"
             )
           ),
-          s.style(
-            ie(t.mainHeader?.color ?? "white")
-          ),
+          ie(t.mainHeader?.color ?? "white"),
           t.mainHeader.content
         ) : null,
         m.main(
@@ -823,7 +825,7 @@ function ma({
           s.class(
             ae("none", t.main?.shadow ?? "none")
           ),
-          s.style(ie(t.main?.color ?? "white")),
+          ie(t.main?.color ?? "white"),
           t.main.content
         ),
         t.mainFooter ? m.footer(
@@ -835,9 +837,7 @@ function ma({
               t.mainFooter?.shadow ?? "none"
             )
           ),
-          s.style(
-            ie(t.mainFooter?.color ?? "white")
-          ),
+          ie(t.mainFooter?.color ?? "white"),
           t.mainFooter.content
         ) : null,
         t.aside ? m.aside(
@@ -849,24 +849,22 @@ function ma({
           A.label(r.$.sidebar),
           s.role("complementary"),
           s.class(
-            S.map(
+            C.map(
               (f) => f === "float" ? ae("left", "md") : ae("left", "none")
             )
           ),
-          s.style(
-            S.map(() => ie("white"))
-          ),
+          ie("white"),
           h.height("100%"),
           h.gridArea("aside"),
           h.display(
             y(
-              S,
+              C,
               g.status
             )((f, w) => f === "none" && w === "closed" ? "none" : "block")
           ),
           h.position(
             y(
-              S,
+              C,
               g.status
             )((f, w) => f === "float" || f === "none" && w !== "closed" ? "fixed" : "initial")
           ),
@@ -874,7 +872,7 @@ function ma({
           Ee(
             "slide-left",
             y(
-              S,
+              C,
               g.status
             )((f, w) => f === "block" ? "opened" : w)
           ),
@@ -884,7 +882,7 @@ function ma({
         ) : null,
         t.footer ? m.footer(
           s.class(ae("top", "none")),
-          s.style(ie("white")),
+          ie("white"),
           h.height("100%"),
           h.gridArea("footer"),
           t.footer.content
@@ -912,10 +910,10 @@ function fa({ gap: e = "lg" } = {}, ...n) {
 function Tn({ open: e }, ...n) {
   return X((t) => {
     const { status: a, setOpen: l, dispose: r } = ge({
-      initialStatus: C.get(e) ? "opened" : "closed",
+      initialStatus: S.get(e) ? "opened" : "closed",
       element: t
     });
-    return C.on(e, l), he((i) => {
+    return S.on(e, l), he((i) => {
       const c = U(null);
       return y(
         a,
@@ -945,7 +943,7 @@ function Dn(e) {
   return `${e}px`;
 }
 function st(e) {
-  return C.map(e, Dn);
+  return S.map(e, Dn);
 }
 function ga({
   body: e,
@@ -965,11 +963,11 @@ function ga({
   sidebarEndWidth: g = 0,
   anchorMode: v = "container-edge"
 }) {
-  const _ = U(0n), S = U(0n), f = st(l), w = st(x), D = U(16);
+  const _ = U(0n), C = U(0n), f = st(l), w = st(x), D = U(16);
   return m.div(
     z(
       _.dispose,
-      S.dispose,
+      C.dispose,
       D.dispose
     ),
     s.class("bc-nine-slice-container"),
@@ -1002,7 +1000,7 @@ function ga({
       )((I, B) => Number(I / BigInt(Math.max(1, B)))), W = y(
         t,
         H
-      )((I, B) => Number(I / BigInt(Math.max(1, B)))), ve = C.map(
+      )((I, B) => Number(I / BigInt(Math.max(1, B)))), ve = S.map(
         v,
         (I) => I === "body-end" || I === "body-end-bottom"
       ), be = te(
@@ -1019,7 +1017,7 @@ function ga({
           })
         ),
         () => h.right("0")
-      ), xe = C.map(
+      ), xe = S.map(
         v,
         (I) => I === "body-bottom" || I === "body-end-bottom"
       ), de = te(
@@ -1044,7 +1042,7 @@ function ga({
         D
       )((I, B) => I ? `${B}px` : "0"), Rt = h.transform(
         y(
-          S,
+          C,
           _,
           T,
           L
@@ -1053,7 +1051,7 @@ function ga({
           return `${ee} ${le}`.trim() || "none";
         })
       ), qe = h.transform(
-        S.map((I) => `translateX(-${I}px)`)
+        C.map((I) => `translateX(-${I}px)`)
       ), Ze = h.transform(
         _.map((I) => `translateY(-${I}px)`)
       ), Ve = y(
@@ -1081,17 +1079,17 @@ function ga({
             Se(0n, B),
             Se(
               0n,
-              S.value + BigInt(Math.round(ye))
+              C.value + BigInt(Math.round(ye))
             )
           );
-          S.set(ee);
+          C.set(ee);
         }
         ye = 0, we = 0, fe = null;
       };
       return M(
         z(
           T.on((I) => {
-            I || S.set(0n);
+            I || C.set(0n);
           }),
           L.on((I) => {
             I || _.set(0n);
@@ -1244,7 +1242,7 @@ function ga({
             const B = I.target, R = B.scrollLeft, K = B.scrollWidth - B.clientWidth;
             if (K > 0) {
               const ee = R / K, le = Le.value;
-              S.set(
+              C.set(
                 BigInt(Math.round(Number(le) * ee))
               );
             }
@@ -1405,10 +1403,10 @@ const ue = {
     buildListboxContent: o
   } = e, d = U(!1), b = U(-1), x = U(null), p = re("dropdown"), g = re("listbox");
   let v, _;
-  const S = (w) => {
+  const C = (w) => {
     n?.(w), d.set(!1), b.set(-1), x.set(null), v?.focus();
   }, f = (w) => {
-    const D = ue.getValues(C.get(r));
+    const D = ue.getValues(S.get(r));
     switch (w.key) {
       case "ArrowDown": {
         if (w.preventDefault(), !d.value)
@@ -1432,10 +1430,10 @@ const ue = {
       case "Enter": {
         if (w.preventDefault(), d.value && b.value >= 0) {
           const V = D[b.value];
-          V != null && S(V);
+          V != null && C(V);
         } else {
           c?.();
-          const V = ue.getValues(C.get(r));
+          const V = ue.getValues(S.get(r));
           d.set(!0), V.length > 0 && (b.set(0), x.set(V[0])), setTimeout(() => u?.(), 0);
         }
         break;
@@ -1445,9 +1443,9 @@ const ue = {
         break;
       }
       case " ": {
-        if (C.get(i)) {
+        if (S.get(i)) {
           w.preventDefault();
-          const V = ue.getValues(C.get(r));
+          const V = ue.getValues(S.get(r));
           d.set(!d.value), d.value && V.length > 0 && (b.set(0), x.set(V[0]));
         }
         break;
@@ -1505,7 +1503,7 @@ const ue = {
             listboxId: g,
             focusedValue: x,
             handleKeyDown: f,
-            onSelect: S
+            onSelect: C
           })
         ),
         mainAxisOffset: 0,
@@ -1521,7 +1519,7 @@ const ue = {
               V();
             else {
               c?.();
-              const T = ue.getValues(C.get(r));
+              const T = ue.getValues(S.get(r));
               d.set(!0), T.length > 0 && (b.set(0), x.set(T[0])), D(), setTimeout(() => u?.(), 0);
             }
           };
@@ -1736,7 +1734,7 @@ const ue = {
     debounceMs: u = 150
   } = e, o = U(""), d = U(!1), b = U([]);
   let x;
-  const p = C.toSignal(n), g = () => (l ?? a)(p);
+  const p = S.toSignal(n), g = () => (l ?? a)(p);
   let v = null;
   const _ = (f) => {
     d.set(!0), Promise.resolve(t(f)).then((w) => {
@@ -1744,7 +1742,7 @@ const ue = {
     }).catch(() => {
       b.set([]);
     }).finally(() => d.set(!1));
-  }, S = (f) => {
+  }, C = (f) => {
     v != null && (clearTimeout(v), v = null), v = setTimeout(
       () => {
         _(f);
@@ -1762,8 +1760,8 @@ const ue = {
     ),
     optionsSource: b,
     onBeforeOpen: () => {
-      const f = C.get(o);
-      S(f);
+      const f = S.get(o);
+      C(f);
     },
     onAfterOpen: () => {
       x?.focus();
@@ -1785,7 +1783,7 @@ const ue = {
           X((V) => (x = V, O)),
           $.input((V) => {
             const E = V.target;
-            o.set(E.value), S(E.value);
+            o.set(E.value), C(E.value);
           }),
           $.keydown(w)
         )
@@ -1839,7 +1837,7 @@ function Dt(e) {
   } = e, p = re("menu"), g = U(-1), v = U([]);
   let _ = null;
   return Ae({
-    content: () => X((S) => {
+    content: () => X((C) => {
       _ = document.activeElement;
       const f = (k, T, L) => {
         if (T.length === 0) return -1;
@@ -1902,7 +1900,7 @@ function Dt(e) {
         ), T[g.value].removeAttribute("aria-selected")), k >= 0 && T[k] && (T[k].classList.add("bc-menu-item--focused"), T[k].setAttribute("aria-selected", "true"), g.set(k), typeof T[k].scrollIntoView == "function" && T[k].scrollIntoView({ block: "nearest" }));
       }, V = () => {
         const k = Array.from(
-          S.querySelectorAll('[role="menuitem"]')
+          C.querySelectorAll('[role="menuitem"]')
         );
         if (v.set(k), k.length > 0) {
           const T = k.findIndex(
@@ -1911,8 +1909,8 @@ function Dt(e) {
           T >= 0 && D(T, k);
         }
       }, E = new MutationObserver(V);
-      return E.observe(S, { childList: !0, subtree: !0 }), setTimeout(() => {
-        V(), S.focus();
+      return E.observe(C, { childList: !0, subtree: !0 }), setTimeout(() => {
+        V(), C.focus();
       }, 0), document.addEventListener("keydown", w, !0), M(
         z(() => {
           E.disconnect(), document.removeEventListener("keydown", w, !0), _ && _.focus();
@@ -1992,7 +1990,7 @@ function ya(e) {
     x ? A.expanded(!1) : M(),
     c ? A.label(c) : M(),
     $.click((p) => {
-      if (C.get(r)) {
+      if (S.get(r)) {
         p.preventDefault(), p.stopPropagation();
         return;
       }
@@ -2098,14 +2096,14 @@ function Pt(e) {
     equality: a = (o, d) => o === d,
     placeholder: l
   } = e, r = (o) => {
-    const d = C.get(n);
+    const d = S.get(n);
     e.onChange?.(Lt(d, o, a));
   }, i = (o) => {
-    const d = C.get(n);
+    const d = S.get(n);
     e.onChange?.(Vt(d, o, a));
   }, c = (o) => y(n)((d) => Bt(d, o, a)), u = Dt({
     items: () => {
-      const o = C.get(t), d = [];
+      const o = S.get(t), d = [];
       for (const b of o)
         if (b.type === "value") {
           const x = c(b.value);
@@ -2189,17 +2187,17 @@ function Et(e) {
     searchPlaceholder: r,
     filter: i
   } = e, c = U(""), u = (p) => {
-    const g = C.get(n);
+    const g = S.get(n);
     e.onChange?.(Lt(g, p, a));
   }, o = (p) => {
-    const g = C.get(n);
+    const g = S.get(n);
     e.onChange?.(Vt(g, p, a));
   }, d = (p) => y(n)((g) => Bt(g, p, a)), b = y(
     t,
     c
   )((p, g) => Ot(p, g, i)), x = Dt({
     items: () => {
-      const p = [], g = C.get(b);
+      const p = [], g = S.get(b);
       if (g.length === 0)
         return p.push(
           m.div(
@@ -2227,12 +2225,12 @@ function Et(e) {
             m.div(s.class("bc-menu-group__label"), v.group),
             ...v.options.map((_) => {
               if (_.type === "value") {
-                const S = d(_.value);
+                const C = d(_.value);
                 return m.div(
                   s.role("menuitem"),
                   s.tabindex(-1),
                   A.disabled(_.disabled === !0),
-                  A.checked(S),
+                  A.checked(C),
                   s.class("bc-menu-item"),
                   m.span(s.class("bc-menu-item__content"), _.label),
                   $.click(() => o(_.value))
@@ -2255,9 +2253,9 @@ function Et(e) {
         ".bc-dropdown__search-input"
       );
       if (_) {
-        const S = () => p();
-        return _.addEventListener("focus", S), z(() => {
-          _.removeEventListener("focus", S);
+        const C = () => p();
+        return _.addEventListener("focus", C), z(() => {
+          _.removeEventListener("focus", C);
         });
       }
       return M();
@@ -2330,7 +2328,7 @@ const Ia = (e) => {
     ...e,
     input: J["datetime-local"](
       G(e),
-      s.value(C.map(n, Nn)),
+      s.value(S.map(n, Nn)),
       s.class("bc-input"),
       t != null ? $.blur(P(t)) : O,
       a != null ? $.change(P((l) => a(new Date(l)))) : O
@@ -2346,7 +2344,7 @@ const Ia = (e) => {
   return an({
     ...l,
     maxFiles: 1,
-    value: C.map(n, (r) => r == null ? [] : [r]),
+    value: S.map(n, (r) => r == null ? [] : [r]),
     onChange: (r) => {
       a?.(r[0]);
     },
@@ -2382,7 +2380,7 @@ const Ia = (e) => {
   const { value: n, onBlur: t, onChange: a, onInput: l, after: r, disabled: i, ...c } = e, u = oe(n, i, a);
   return me({
     ...c,
-    value: C.map(n, sn),
+    value: S.map(n, sn),
     onChange: a != null ? (o) => a(et(o)) : void 0,
     onInput: l != null ? (o) => l(et(o)) : void 0,
     onBlur: t,
@@ -2396,18 +2394,18 @@ const Ia = (e) => {
   }
 }, Aa = (e) => {
   const { value: n, step: t, min: a, max: l, onChange: r, onInput: i, after: c } = e, u = (p) => {
-    const g = a != null ? C.get(a) : void 0, v = l != null ? C.get(l) : void 0;
+    const g = a != null ? S.get(a) : void 0, v = l != null ? S.get(l) : void 0;
     return g != null && p < g ? g : v != null && p > v ? v : p;
   }, o = t != null ? Y(ne, (p) => {
     const g = y(
       n,
       a
-    )((S, f) => f == null ? !0 : (S ?? 0n) > f), v = y(
+    )((C, f) => f == null ? !0 : (C ?? 0n) > f), v = y(
       n,
       l
-    )((S, f) => f == null ? !0 : (S ?? 0n) < f), _ = (S, f) => {
-      const w = C.get(n) ?? 0n, D = C.get(t), V = f?.shiftKey ? 10n : 1n, E = w + D * V * S, k = a != null ? C.get(a) : void 0, T = l != null ? C.get(l) : void 0;
-      if (S < 0n && k != null && E < k || S > 0n && T != null && E > T) return;
+    )((C, f) => f == null ? !0 : (C ?? 0n) < f), _ = (C, f) => {
+      const w = S.get(n) ?? 0n, D = S.get(t), V = f?.shiftKey ? 10n : 1n, E = w + D * V * C, k = a != null ? S.get(a) : void 0, T = l != null ? S.get(l) : void 0;
+      if (C < 0n && k != null && E < k || C > 0n && T != null && E > T) return;
       const L = u(E);
       L !== w && r && r(L);
     };
@@ -2421,9 +2419,9 @@ const Ia = (e) => {
           y(
             v,
             e.disabled ?? !1
-          )((S, f) => !S || f)
+          )((C, f) => !C || f)
         ),
-        $.click((S) => _(1n, S)),
+        $.click((C) => _(1n, C)),
         A.label(p.$.incrementValue),
         j({ icon: "line-md:plus", size: "xs" })
       ),
@@ -2435,9 +2433,9 @@ const Ia = (e) => {
           y(
             g,
             e.disabled ?? !1
-          )((S, f) => !S || f)
+          )((C, f) => !C || f)
         ),
-        $.click((S) => _(-1n, S)),
+        $.click((C) => _(-1n, C)),
         A.label(p.$.decrementValue),
         j({ icon: "line-md:minus", size: "xs" })
       )
@@ -2451,7 +2449,7 @@ const Ia = (e) => {
   } : void 0;
   return me({
     ...e,
-    value: C.map(n, (p) => p.toString()),
+    value: S.map(n, (p) => p.toString()),
     onChange: b,
     onInput: x,
     after: d,
@@ -2468,7 +2466,7 @@ const Ia = (e) => {
   }
 }, Va = (e) => {
   const { value: n, step: t, min: a, max: l, onChange: r, onInput: i, after: c } = e, u = (g) => {
-    const v = a != null ? C.get(a) : void 0, _ = l != null ? C.get(l) : void 0;
+    const v = a != null ? S.get(a) : void 0, _ = l != null ? S.get(l) : void 0;
     return v != null && g < v ? v : _ != null && g > _ ? _ : g;
   }, o = t != null ? Y(ne, (g) => {
     const v = y(
@@ -2483,8 +2481,8 @@ const Ia = (e) => {
     )((f, w) => {
       const D = f ?? 0n;
       return w == null ? !0 : D < w;
-    }), S = (f, w) => {
-      const D = C.get(n) ?? 0n, V = C.get(t), E = w?.shiftKey ? 10n : 1n, k = D + V * E * f, T = a != null ? C.get(a) : void 0, L = l != null ? C.get(l) : void 0;
+    }), C = (f, w) => {
+      const D = S.get(n) ?? 0n, V = S.get(t), E = w?.shiftKey ? 10n : 1n, k = D + V * E * f, T = a != null ? S.get(a) : void 0, L = l != null ? S.get(l) : void 0;
       if (f < 0n && T != null && k < T || f > 0n && L != null && k > L) return;
       const N = u(k);
       N !== D && r && r(N);
@@ -2501,7 +2499,7 @@ const Ia = (e) => {
             e.disabled ?? !1
           )((f, w) => !f || w)
         ),
-        $.click((f) => S(1n, f)),
+        $.click((f) => C(1n, f)),
         A.label(g.$.incrementValue),
         j({ icon: "line-md:plus", size: "xs" })
       ),
@@ -2515,7 +2513,7 @@ const Ia = (e) => {
             e.disabled ?? !1
           )((f, w) => !f || w)
         ),
-        $.click((f) => S(-1n, f)),
+        $.click((f) => C(-1n, f)),
         A.label(g.$.decrementValue),
         j({ icon: "line-md:minus", size: "xs" })
       )
@@ -2529,7 +2527,7 @@ const Ia = (e) => {
   } : void 0;
   return me({
     ...e,
-    value: C.map(n, (g) => g == null ? "" : g.toString()),
+    value: S.map(n, (g) => g == null ? "" : g.toString()),
     onChange: x,
     onInput: p,
     after: b,
@@ -2539,9 +2537,9 @@ const Ia = (e) => {
   });
 }, La = (e) => {
   const { value: n, onChange: t, onBlur: a, before: l } = e, r = U(""), i = (u) => {
-    t?.(C.get(n).filter((o) => o !== u));
+    t?.(S.get(n).filter((o) => o !== u));
   }, c = () => {
-    const u = r.value.trim(), o = C.get(n);
+    const u = r.value.trim(), o = S.get(n);
     u === "" || o.includes(u) || (r.set(""), t?.([...o, u]));
   };
   return q({
@@ -2580,7 +2578,7 @@ const Ia = (e) => {
       ...e,
       input: J.date(
         G(e),
-        s.value(C.map(n, (r) => r.toString())),
+        s.value(S.map(n, (r) => r.toString())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(P((r) => a(l.PlainDate.from(r)))) : O
@@ -2594,7 +2592,7 @@ const Ia = (e) => {
       ...e,
       input: J.date(
         G(e),
-        s.value(C.map(n, (u) => u?.toString() ?? "")),
+        s.value(S.map(n, (u) => u?.toString() ?? "")),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(
@@ -2613,7 +2611,7 @@ const Ia = (e) => {
       ...e,
       input: J.time(
         G(e),
-        s.value(C.map(n, (r) => r.toString())),
+        s.value(S.map(n, (r) => r.toString())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(P((r) => a(l.PlainTime.from(r)))) : O
@@ -2627,7 +2625,7 @@ const Ia = (e) => {
       ...e,
       input: J.time(
         G(e),
-        s.value(C.map(n, (u) => u?.toString())),
+        s.value(S.map(n, (u) => u?.toString())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(
@@ -2646,7 +2644,7 @@ const Ia = (e) => {
       ...e,
       input: J["datetime-local"](
         G(e),
-        s.value(C.map(n, (r) => r.toJSON())),
+        s.value(S.map(n, (r) => r.toJSON())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(P((r) => a(l.PlainDateTime.from(r)))) : O
@@ -2660,7 +2658,7 @@ const Ia = (e) => {
       ...e,
       input: J["datetime-local"](
         G(e),
-        s.value(C.map(n, (u) => u?.toJSON())),
+        s.value(S.map(n, (u) => u?.toJSON())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(
@@ -2683,7 +2681,7 @@ const Ia = (e) => {
       input: J["datetime-local"](
         G(e),
         s.value(
-          C.map(n, (r) => Pn(Number(r.epochMilliseconds)))
+          S.map(n, (r) => Pn(Number(r.epochMilliseconds)))
         ),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
@@ -2706,7 +2704,7 @@ const Ia = (e) => {
       input: J["datetime-local"](
         G(e),
         s.value(
-          C.map(
+          S.map(
             n,
             (u) => u == null ? null : En(Number(u.epochMilliseconds))
           )
@@ -2729,12 +2727,12 @@ const Ia = (e) => {
       ...e,
       input: J["datetime-local"](
         G(e),
-        s.value(C.map(n, (r) => r.toJSON())),
+        s.value(S.map(n, (r) => r.toJSON())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(
           P((r) => {
-            const i = l.PlainDateTime.from(r), c = C.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            const i = l.PlainDateTime.from(r), c = S.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
             return a(l.ZonedDateTime.from({ ...i, timeZone: c }));
           })
         ) : O
@@ -2748,13 +2746,13 @@ const Ia = (e) => {
       ...e,
       input: J["datetime-local"](
         G(e),
-        s.value(C.map(n, (u) => u?.toJSON())),
+        s.value(S.map(n, (u) => u?.toJSON())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(
           P((u) => {
             if (u === "") return a(null);
-            const o = c.PlainDateTime.from(u), d = C.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+            const o = c.PlainDateTime.from(u), d = S.get(e.placeholder) ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
             return a(c.ZonedDateTime.from({ ...o, timeZone: d }));
           })
         ) : O
@@ -2769,7 +2767,7 @@ const Ia = (e) => {
       ...e,
       input: J.month(
         G(e),
-        s.value(C.map(n, (r) => r.toString())),
+        s.value(S.map(n, (r) => r.toString())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(P((r) => a(l.PlainYearMonth.from(r)))) : O
@@ -2783,7 +2781,7 @@ const Ia = (e) => {
       ...e,
       input: J.month(
         G(e),
-        s.value(C.map(n, (u) => u?.toString())),
+        s.value(S.map(n, (u) => u?.toString())),
         s.class("bc-input"),
         t != null ? $.blur(P(t)) : O,
         a != null ? $.change(
@@ -2801,7 +2799,7 @@ const Ia = (e) => {
     (a) => me({
       ...e,
       // Map Temporal value to MM-DD string
-      value: C.map(n, (l) => l.toString()),
+      value: S.map(n, (l) => l.toString()),
       onChange: t != null ? (l) => t(a.PlainMonthDay.from(`--${l}`)) : void 0,
       onInput: void 0,
       mask: "99-99",
@@ -2813,7 +2811,7 @@ const Ia = (e) => {
   return Q(
     (i) => me({
       ...e,
-      value: C.map(n, (c) => c?.toString() ?? ""),
+      value: S.map(n, (c) => c?.toString() ?? ""),
       onChange: t != null ? (c) => t(c === "" ? null : i.PlainMonthDay.from(`--${c}`)) : void 0,
       onInput: void 0,
       mask: "99-99",
@@ -2826,7 +2824,7 @@ const Ia = (e) => {
   return Q(
     (a) => me({
       ...e,
-      value: C.map(n, (l) => l.toString()),
+      value: S.map(n, (l) => l.toString()),
       onChange: t ? (l) => t(a.Duration.from(l)) : void 0,
       onInput: void 0,
       ...ln(a.Duration.from),
@@ -2982,7 +2980,7 @@ function Ja({
           title: a.$.locale
         }),
         Ct({
-          options: C.map(
+          options: S.map(
             e,
             (i) => i.map((c) => {
               let u = c.name;
@@ -3007,13 +3005,13 @@ function Qa({ includeAuthI18n: e = !1 }, ...n) {
     t(De, {}), t(je, {}), t(ne, {}), t(wt, {});
     const a = M(en(), Hn(), ...n);
     return e ? Yt(
-      () => import("./translations-D4pKsgdi.js"),
+      () => import("./translations-BBguPjg9.js"),
       ({ AuthI18n: l }) => bt(l, {}, () => a)
     ) : a;
   });
 }
 function es({ content: e }) {
-  const n = C.toSignal(e), t = y(n)((a) => a.arrayBuffer()).mapAsync(
+  const n = S.toSignal(e), t = y(n)((a) => a.arrayBuffer()).mapAsync(
     async (a) => {
       const l = new Blob([await a], { type: "application/pdf" });
       return URL.createObjectURL(l);
@@ -3205,12 +3203,12 @@ function as({
   disabled: p = !1
 }, ...g) {
   return c !== void 0 || u !== void 0 ? Y(De, (v) => {
-    const _ = c !== void 0 ? v.matchSignal(We(e, c)) : y(v.location)(() => !1), S = y(
+    const _ = c !== void 0 ? v.matchSignal(We(e, c)) : y(v.location)(() => !1), C = y(
       _,
       u
     )((w, D) => !(D ?? !0) || !c ? !1 : w), f = y(
       p,
-      S
+      C
     )((w, D) => w || D);
     return ct(
       {
@@ -3347,7 +3345,7 @@ const Wn = {
 function ss({ backgroundMode: e = "light" }, ...n) {
   return bt(
     Wn,
-    C.map(
+    S.map(
       e,
       (t) => ({
         backgroundMode: t
@@ -3356,7 +3354,7 @@ function ss({ backgroundMode: e = "light" }, ...n) {
     () => m.div(
       s.class("bc-sidebar"),
       s.class(
-        C.map(
+        S.map(
           e,
           (t) => t === "dark" ? "bc-sidebar--dark-bg" : ""
         )
@@ -3370,7 +3368,7 @@ function dt({ rail: e, header: n }, ...t) {
     n != null ? m.div(s.class("bc-sidebar-group__header"), n) : null,
     m.div(
       s.class(
-        C.map(
+        S.map(
           e ?? !1,
           (a) => a ? "bc-sidebar-group--rail" : ""
         )
@@ -3396,7 +3394,7 @@ function Yn(e, ...n) {
   return m.button(
     $.click(e.onClick),
     e.ariaExpanded != null ? A.expanded(
-      C.map(
+      S.map(
         e.ariaExpanded,
         (t) => t
       )
@@ -3446,7 +3444,7 @@ function ls({
   header: t,
   startOpen: a = !0
 }, ...l) {
-  const r = C.deriveProp(a), i = re("sidebar-group"), c = `${i}-content`;
+  const r = S.deriveProp(a), i = re("sidebar-group"), c = `${i}-content`;
   return dt(
     {},
     s.class("bc-sidebar-group-collapsible"),
@@ -3491,7 +3489,7 @@ function Ce(e, n, t) {
   let r = 0;
   for (; r < a; ) {
     const i = n[l];
-    if (!C.get(i.disabled ?? !1))
+    if (!S.get(i.disabled ?? !1))
       return l;
     l += t, l >= a ? l = 0 : l < 0 && (l = a - 1), r++;
   }
@@ -3508,33 +3506,33 @@ function os(e) {
     showContent: c = !0,
     ariaLabel: u
   } = e, o = re("tablist"), d = U(-1), b = y(t)((p) => n.find((g) => g.key === p)), x = (p) => {
-    if (C.get(r)) return;
-    const v = d.value, _ = C.get(i) === "horizontal";
-    let S = v;
+    if (S.get(r)) return;
+    const v = d.value, _ = S.get(i) === "horizontal";
+    let C = v;
     switch (p.key) {
       case (_ ? "ArrowRight" : "ArrowDown"):
-        p.preventDefault(), S = Ce(v, n, 1);
+        p.preventDefault(), C = Ce(v, n, 1);
         break;
       case (_ ? "ArrowLeft" : "ArrowUp"):
-        p.preventDefault(), S = Ce(v, n, -1);
+        p.preventDefault(), C = Ce(v, n, -1);
         break;
       case "Home":
-        p.preventDefault(), S = Ce(-1, n, 1);
+        p.preventDefault(), C = Ce(-1, n, 1);
         break;
       case "End":
-        p.preventDefault(), S = Ce(n.length, n, -1);
+        p.preventDefault(), C = Ce(n.length, n, -1);
         break;
       case "Enter":
       case " ":
         if (p.preventDefault(), v >= 0 && v < n.length) {
           const f = n[v];
-          C.get(f.disabled ?? !1) || a?.(f.key);
+          S.get(f.disabled ?? !1) || a?.(f.key);
         }
         break;
     }
-    S !== v && S >= 0 && S < n.length && (d.set(S), setTimeout(() => {
+    C !== v && C >= 0 && C < n.length && (d.set(C), setTimeout(() => {
       const f = document.querySelector(
-        `[data-tab-index="${S}"]`
+        `[data-tab-index="${C}"]`
       );
       f && f.focus();
     }, 0));
@@ -3567,7 +3565,7 @@ function os(e) {
         const v = y(t)((w) => w === p.key), _ = y(
           r,
           p.disabled
-        )((w, D) => w || D), S = `${o}-tab-${p.key}`, f = `${o}-panel-${p.key}`;
+        )((w, D) => w || D), C = `${o}-tab-${p.key}`, f = `${o}-panel-${p.key}`;
         return m.button(
           s.class(
             y(
@@ -3582,7 +3580,7 @@ function os(e) {
               )
             )
           ),
-          s.id(S),
+          s.id(C),
           s.role("tab"),
           s.tabindex(
             y(
@@ -3597,7 +3595,7 @@ function os(e) {
           Fe["tab-index"](String(g)),
           p.ariaLabel ? A.label(p.ariaLabel) : M(),
           $.click((w) => {
-            w.preventDefault(), C.get(p.disabled ?? !1) || C.get(r) || (a?.(p.key), d.set(g));
+            w.preventDefault(), S.get(p.disabled ?? !1) || S.get(r) || (a?.(p.key), d.set(g));
           }),
           $.focus(() => {
             d.set(g);
@@ -3610,7 +3608,7 @@ function os(e) {
     te(
       c ?? !0,
       () => Te(b, (p) => {
-        const g = p.$.key, v = g.map((S) => `${o}-tab-${S}`), _ = g.map((S) => `${o}-panel-${S}`);
+        const g = p.$.key, v = g.map((C) => `${o}-tab-${C}`), _ = g.map((C) => `${o}-panel-${C}`);
         return m.div(
           s.class("bc-tabs__panels"),
           m.div(
@@ -3619,7 +3617,7 @@ function os(e) {
             s.role("tabpanel"),
             s.tabindex(0),
             A.labelledby(v),
-            ft(p, (S) => S.content())
+            ft(p, (C) => C.content())
           )
         );
       })
@@ -3750,11 +3748,11 @@ function ms(e) {
         container: g = "body",
         header: v,
         body: _,
-        footer: S
+        footer: C
       } = c;
       a = t;
       const f = U("capturing");
-      C.on(d, (V) => {
+      S.on(d, (V) => {
         f.set(V ? "capturing" : "non-capturing");
       });
       const w = y(
@@ -3824,14 +3822,14 @@ function ms(e) {
               s.id(N),
               _
             ),
-            footer: S && m.div(s.class("bc-drawer__footer"), S)
+            footer: C && m.div(s.class("bc-drawer__footer"), C)
           } : {
             body: m.div(
               s.class("bc-drawer__body"),
               s.id(N),
               _
             ),
-            footer: S && m.div(s.class("bc-drawer__footer"), S)
+            footer: C && m.div(s.class("bc-drawer__footer"), C)
           }))
         );
       });