@tempots/beatui 0.29.0 → 0.30.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 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 De, 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 zt, on as $, style as h, coalesce as Pe, When as te, ForEach as pe, Ensure as De, OneOfType as mt, dataAttr as He, NotEmpty as Wt, input as J, emitValue as P, emitValueAsDate as qt, Portal as bt, WithProvider as Zt, Task as Yt, Provide as ft, makeProviderMark as Gt, MapSignal as gt, svg as Ge, svgAttr as Ke } from "@tempots/dom";
 import { Use as vs } from "@tempots/dom";
-import { PopOver as Kt, ElementRect as ve, WindowSize as Xt, Query as Jt, Location as ge, NavigationService as Qt, Anchor as He } from "@tempots/ui";
-import { B as ne, C as gt, n as $e, 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 en, l as je, w as Xe, x as Je, y as Qe } from "./notice-DKO4C8y2.js";
-import { R as ys, G as ws, c as Ss, a3 as Cs, E as ks, a1 as Is, aa as $s, L as _s, M as Ts, a2 as Ds, N as As, Q as Vs, P as Ls, U as Bs, T as Ms, Y as Os, $ as Ns, Z as Ps, W as Es, V as Fs, z as Hs, k as Rs, f as Us, a7 as js, a5 as zs, F as Ws, a9 as qs, ab as Zs, A as Ys, a8 as Gs, m as Ks, q as Xs, a4 as Js, H as Qs, K as el, a6 as tl, a0 as nl, D as al, t as sl, X as ll, u as rl, J as ol } from "./notice-DKO4C8y2.js";
-import { T as wt, a as tn } from "./theme-CJVt8QIc.js";
+import { PopOver as Kt, ElementRect as ve, WindowSize as Xt, Query as Jt, Location as ge, NavigationService as Qt, Anchor as Re } from "@tempots/ui";
+import { B as ne, C as ht, n as $e, r as Xe, I as j, s as re, a as Ee, e as q, g as G, h as vt, i as xt, j as Ue, v as yt, d as wt, S as je, p as en, l as ze, w as Je, x as Qe, y as et } from "./notice-DVEacWKt.js";
+import { R as ys, G as ws, c as Ss, a3 as Cs, E as ks, a1 as Is, aa as $s, L as _s, M as Ts, a2 as Ds, N as As, Q as Vs, P as Ls, U as Bs, T as Ms, Y as Os, $ as Ns, Z as Ps, W as Es, V as Fs, z as Hs, k as Rs, f as Us, a7 as js, a5 as zs, F as Ws, a9 as qs, ab as Zs, A as Ys, a8 as Gs, m as Ks, q as Xs, a4 as Js, H as Qs, K as el, a6 as tl, a0 as nl, D as al, t as sl, X as ll, u as rl, J as ol } from "./notice-DVEacWKt.js";
+import { T as St, a as tn } from "./theme-CJVt8QIc.js";
 import { t as ul, am as cl, f as dl, J as pl, c as ml, N as bl, I as fl, K as gl, d as hl, k as vl, b as xl, a as yl, ab as wl, o as Sl, a0 as Cl, ae as kl, q as Il, H as $l, A as _l, al as Tl, g as Dl, E as Al, x as Vl, aj as Ll, $ as Bl, a4 as Ml, j as Ol, i as Nl, h as Pl, Y as El, X as Fl, Q as Hl, P as Rl, S as Ul, R as jl, W as zl, V as Wl, U as ql, T as Zl, a8 as Yl, a7 as Gl, aa as Kl, a9 as Xl, n as Jl, m as Ql, l as er, _ as tr, Z as nr, ad as ar, p as sr, G as lr, z as rr, ak as or, D as ir, C as ur, w as cr, v as dr, ai as pr, ah as mr, e as br, a3 as fr, a2 as gr, M as hr, L as vr, a5 as xr, a6 as yr, r as wr, O as Sr, ac as Cr, s as kr, F as Ir, y as $r, ag as _r, B as Tr, u as Dr, af as Ar, a1 as Vr } from "./index-DJJ67-RV.js";
-import { S as nn, G as St, E as an, F as sn, N as Ct, a as oe, M as me, e as et, n as ln, W as Q, d as rn } from "./utils-BvhSkzHe.js";
-import { g as Br, i as Mr, B as Or, l as Nr, O as Pr, C as Er, j as Fr, L as Hr, k as Rr, m as Ur, o as jr, p as zr, I as Wr, q as qr, w as Zr, r as Yr, A as Gr, H as Kr, s as Xr, u as Jr, z as Qr, K as eo, v as to, R as no, D as ao, x as so, T as lo, y as ro, b as oo, U as io, J as uo, P as co, Q as po, V as mo, h as bo, c as fo, t as go, f as ho } from "./utils-BvhSkzHe.js";
+import { S as nn, G as Ct, E as an, F as sn, N as kt, a as oe, M as me, e as tt, n as ln, W as Q, d as rn } from "./utils-D1op9R8_.js";
+import { g as Br, i as Mr, B as Or, l as Nr, O as Pr, C as Er, j as Fr, L as Hr, k as Rr, m as Ur, o as jr, p as zr, I as Wr, q as qr, w as Zr, r as Yr, A as Gr, H as Kr, s as Xr, u as Jr, z as Qr, K as eo, v as to, R as no, D as ao, x as so, T as lo, y as ro, b as oo, U as io, J as uo, P as co, Q as po, V as mo, h as bo, c as fo, t as go, f as ho } from "./utils-D1op9R8_.js";
 import { g as _e } from "./timer-CQlK5LhW.js";
-import { u as he, A as Ee, O as on, F as un } from "./modal-Fect9dc4.js";
-import { B as xo, C as yo, M as wo, a as So, S as Co, b as ko, c as Io, o as $o, s as _o, e as To, d as Do, f as Ao } from "./modal-Fect9dc4.js";
+import { u as he, A as Fe, O as on, F as un } from "./modal-DvGSDVSv.js";
+import { B as xo, C as yo, M as wo, a as So, S as Co, b as ko, c as Io, o as $o, s as _o, e as To, d as Do, f as Ao } from "./modal-DvGSDVSv.js";
 import { L as Lo } from "./link-portal-Cr2l9f3k.js";
 import { b as Mo, e as Oo, i as No, a as Po, c as Eo, o as Fo, l as Ho, m as Ro, g as Uo, k as jo, j as zo, n as Wo, r as qo, s as Zo, d as Yo, h as Go, t as Ko } from "./colors-WfmhQ5e1.js";
 function Te(e) {
@@ -53,7 +53,7 @@ function oa(e, n, t) {
   };
   return `#${a(e)}${a(n)}${a(t)}`;
 }
-function tt(e) {
+function nt(e) {
   const n = ce(e);
   if (!n) return null;
   const t = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
@@ -64,7 +64,7 @@ function tt(e) {
   } : null;
 }
 function ia(e, n) {
-  const t = tt(e), a = tt(n);
+  const t = nt(e), a = nt(n);
   if (!t || !a) return null;
   const l = (o, d, b) => {
     const [x, p, g] = [o, d, b].map((v) => (v = v / 255, v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)));
@@ -83,7 +83,7 @@ function ua(e, n = 0, t = () => !0) {
     a != null && clearTimeout(a);
   }), r;
 }
-const nt = (e, n) => e < n ? e : n, Ce = (e, n) => e > n ? e : n, Me = ["xs", "sm", "md", "lg", "xl"];
+const at = (e, n) => e < n ? e : n, Ce = (e, n) => e > n ? e : n, Me = ["xs", "sm", "md", "lg", "xl"];
 function ca(e, n = 1) {
   const t = Me.indexOf(e);
   if (t === -1)
@@ -96,7 +96,7 @@ function bn(e, n) {
   return e !== "md" && t.push(`bc-tag--${e}`), n && t.push("bc-tag--disabled"), t.join(" ");
 }
 function fn(e) {
-  const n = $e(e, "light", "light"), t = $e(e, "light", "dark"), a = Ke(e, "light", "light"), l = Ke(e, "light", "dark");
+  const n = $e(e, "light", "light"), t = $e(e, "light", "dark"), a = Xe(e, "light", "light"), l = Xe(e, "light", "dark");
   return [
     `--tag-bg: ${n.backgroundColor}`,
     `--tag-text: ${n.textColor}`,
@@ -108,7 +108,7 @@ function fn(e) {
     `--tag-text-hover-dark: ${l.textColor}`
   ].join("; ");
 }
-const kt = ({
+const It = ({
   value: e,
   color: n = "base",
   onClose: t,
@@ -132,7 +132,7 @@ const kt = ({
   m.span(e),
   t != null ? Y(
     ne,
-    (i) => gt(
+    (i) => ht(
       {
         size: "xs",
         label: i.$.removeItem,
@@ -175,7 +175,7 @@ function gn({
 }
 function da() {
   return Y(
-    wt,
+    St,
     ({ appearancePreference: e, setAppearancePreference: n }) => gn({
       value: e,
       onChange: n
@@ -233,7 +233,7 @@ function Ae(e) {
             s.id(v),
             s.tabindex(-1),
             // Make focusable for screen readers
-            Ee(
+            Fe(
               S.map(t, hn),
               g.status
             ),
@@ -293,7 +293,7 @@ function Ae(e) {
         z(() => {
           g.dispose();
         }),
-        jt(be, {
+        zt(be, {
           "hover-focus": () => M(
             $.mouseenter(() => F()),
             $.mouseleave(() => W()),
@@ -365,7 +365,7 @@ function pa(e, n) {
   const t = e.findIndex((a) => a[0] > n) - 1;
   return t >= 0 ? e[t][1] : (e.length > 0 && n >= e[0][0], e[0][1]);
 }
-function It(e, { breakpoints: n, mode: t = "viewport" }) {
+function $t(e, { breakpoints: n, mode: t = "viewport" }) {
   const l = [...Object.entries(n).map(
     ([i, c]) => [c, i]
   )].sort((i, c) => i[0] - c[0]), r = (i) => {
@@ -399,7 +399,7 @@ function Sn(e) {
       lg: Z(t, "--breakpoint-lg", 1280),
       xl: Z(t, "--breakpoint-xl", 1536)
     };
-    return It(e, { breakpoints: a });
+    return $t(e, { breakpoints: a });
   });
 }
 function ma(e) {
@@ -419,7 +419,7 @@ function ma(e) {
       "5xl": Z(t, "--container-5xl", 1536),
       "6xl": Z(t, "--container-6xl", 2048)
     };
-    return It(e, {
+    return $t(e, {
       breakpoints: a,
       mode: "element"
     });
@@ -499,7 +499,7 @@ const se = {
     xl: 280
   }
 };
-function at(e, n) {
+function st(e, n) {
   if (typeof e == "number")
     return {
       zero: e,
@@ -632,14 +632,14 @@ function ba({
     kn.filter((r) => t[r]).map(
       (r) => [
         r,
-        at(t[r].width ?? {}, se[r])
+        st(t[r].width ?? {}, se[r])
       ]
     )
   ), l = Object.fromEntries(
     In.filter((r) => t[r]).map(
       (r) => [
         r,
-        at(t[r].height ?? {}, se[r])
+        st(t[r].height ?? {}, se[r])
       ]
     )
   );
@@ -708,7 +708,7 @@ function ba({
               h.justifyContent("center"),
               h.height("100%"),
               h.width("60px"),
-              Pe(
+              Ee(
                 {
                   onClick: () => p.toggle(),
                   variant: "light",
@@ -735,7 +735,7 @@ function ba({
               h.display(
                 b.map((f) => f ? "flex" : "none")
               ),
-              Pe(
+              Ee(
                 {
                   onClick: () => g.toggle(),
                   roundedness: "full",
@@ -795,14 +795,14 @@ function ba({
             )((f, w) => f === "float" || f === "none" && w !== "closed" ? "fixed" : "initial")
           ),
           h.top(v.map((f) => `${f}px`)),
-          Ee(
+          Fe(
             "slide-right",
             y(
               _,
               p.status
             )((f, w) => f === "block" ? "opened" : w)
           ),
-          h.width(o.$.menuWidth),
+          h.width(Pe(t.menu?.width, o.$.menuWidth)),
           h.bottom("0"),
           t.menu?.content
         ) : null,
@@ -869,14 +869,16 @@ function ba({
             )((f, w) => f === "float" || f === "none" && w !== "closed" ? "fixed" : "initial")
           ),
           h.top(v.map((f) => `${f}px`)),
-          Ee(
+          Fe(
             "slide-left",
             y(
               C,
               g.status
             )((f, w) => f === "block" ? "opened" : w)
           ),
-          h.width(o.$.asideWidth),
+          h.width(
+            Pe(t.aside?.width, o.$.asideWidth)
+          ),
           h.bottom(v.map((f) => `${f}px`)),
           t.aside.content
         ) : null,
@@ -942,7 +944,7 @@ function Dn({ open: e }, ...n) {
 function An(e) {
   return `${e}px`;
 }
-function st(e) {
+function lt(e) {
   return S.map(e, An);
 }
 function ha({
@@ -963,7 +965,7 @@ function ha({
   sidebarEndWidth: g = 0,
   anchorMode: v = "container-edge"
 }) {
-  const _ = U(0n), C = U(0n), f = st(l), w = st(x), D = U(16);
+  const _ = U(0n), C = U(0n), f = lt(l), w = lt(x), D = U(16);
   return m.div(
     z(
       _.dispose,
@@ -1034,13 +1036,13 @@ function ha({
           })
         ),
         () => h.bottom("0")
-      ), Ft = y(
+      ), Ht = y(
         L,
         D
-      )((I, B) => I ? `${B}px` : "0"), Ht = y(
+      )((I, B) => I ? `${B}px` : "0"), Rt = y(
         T,
         D
-      )((I, B) => I ? `${B}px` : "0"), Rt = h.transform(
+      )((I, B) => I ? `${B}px` : "0"), Ut = h.transform(
         y(
           C,
           _,
@@ -1050,9 +1052,9 @@ function ha({
           const ee = R ? `translateX(-${I}px)` : "", le = K ? `translateY(-${B}px)` : "";
           return `${ee} ${le}`.trim() || "none";
         })
-      ), qe = h.transform(
-        C.map((I) => `translateX(-${I}px)`)
       ), Ze = h.transform(
+        C.map((I) => `translateX(-${I}px)`)
+      ), Ye = h.transform(
         _.map((I) => `translateY(-${I}px)`)
       ), Ve = y(
         t,
@@ -1062,10 +1064,10 @@ function ha({
         N
       )((I, B) => I - BigInt(Math.max(1, B)));
       let fe = null, we = 0, Se = 0;
-      const Ut = () => {
+      const jt = () => {
         const I = Ve.value, B = Le.value, R = L.value, K = T.value;
         if (R && Se !== 0) {
-          const ee = nt(
+          const ee = at(
             Ce(0n, I),
             Ce(
               0n,
@@ -1075,7 +1077,7 @@ function ha({
           _.set(ee);
         }
         if (K && we !== 0) {
-          const ee = nt(
+          const ee = at(
             Ce(0n, B),
             Ce(
               0n,
@@ -1103,12 +1105,12 @@ function ha({
         $.wheel((I) => {
           I.preventDefault();
           const { deltaX: B, deltaY: R } = I;
-          we += B, Se += R, fe || (fe = setTimeout(Ut, 16));
+          we += B, Se += R, fe || (fe = setTimeout(jt, 16));
         }),
         m.div(
           s.class("bc-nine-slice-pane-container"),
-          h.right(Ft),
-          h.bottom(Ht),
+          h.right(Ht),
+          h.bottom(Rt),
           // top-start corner
           r != null ? m.div(
             s.class("bc-nine-slice-pane bc-nine-slice-top-start"),
@@ -1127,7 +1129,7 @@ function ha({
             // style.width(visibleAreaWidthPx),
             m.div(
               s.class("bc-nine-slice-pane-content"),
-              qe,
+              Ze,
               a
             )
           ) : null,
@@ -1149,7 +1151,7 @@ function ha({
             // style.width(sidebarStartWidthPx),
             m.div(
               s.class("bc-nine-slice-pane-content"),
-              Ze,
+              Ye,
               b
             )
           ) : null,
@@ -1162,7 +1164,7 @@ function ha({
             // style.height(visibleAreaHeight.map(toPx)),
             m.div(
               s.class("bc-nine-slice-pane-content"),
-              Rt,
+              Ut,
               e
             )
           ),
@@ -1175,7 +1177,7 @@ function ha({
             // style.width(sidebarEndWidthPx),
             m.div(
               s.class("bc-nine-slice-pane-content"),
-              Ze,
+              Ye,
               p
             )
           ) : null,
@@ -1197,7 +1199,7 @@ function ha({
             // style.width(visibleAreaWidthPx),
             m.div(
               s.class("bc-nine-slice-pane-content"),
-              qe,
+              Ze,
               c
             )
           ) : null,
@@ -1294,7 +1296,7 @@ function ha({
     })
   );
 }
-function lt({ header: e, footer: n, body: t, shadowOnScroll: a = !0 }, ...l) {
+function rt({ header: e, footer: n, body: t, shadowOnScroll: a = !0 }, ...l) {
   const r = U("none");
   function i(u) {
     const o = u.scrollTop === 0, d = u.scrollTop + u.clientHeight >= u.scrollHeight - 1;
@@ -1390,7 +1392,7 @@ const ue = {
     (n) => n.type === "group" ? ue.getValues(n.options) : n.type === "break" ? [] : [n.value]
   ),
   contains: (e, n, t = (a, l) => a === l) => ue.getValues(e).some((a) => t(a, n))
-}, $t = (e) => {
+}, _t = (e) => {
   const {
     onChange: n,
     onBlur: t,
@@ -1455,7 +1457,7 @@ const ue = {
   return q(
     {
       ...e,
-      input: St(
+      input: Ct(
         s.class("bc-dropdown__trigger"),
         m.span(s.class("bc-dropdown__display"), l),
         j(
@@ -1531,9 +1533,9 @@ const ue = {
       })
     ))
   );
-}, _t = (e, n, t, a, l) => De(
+}, Tt = (e, n, t, a, l) => De(
   e,
-  (r) => pt(r, {
+  (r) => mt(r, {
     value: (i) => {
       const c = y(
         i,
@@ -1586,7 +1588,7 @@ const ue = {
       m.div(s.class("bc-dropdown__group-label"), i.$.group),
       pe(
         i.$.options,
-        (c) => _t(
+        (c) => Tt(
           c,
           n,
           t,
@@ -1622,7 +1624,7 @@ const ue = {
     };
     return b(d) || String(o);
   }), u = y(i)((o) => !o);
-  return $t({
+  return _t({
     ...e,
     role: "dropdown",
     display: te(
@@ -1630,14 +1632,14 @@ const ue = {
       () => c,
       () => Y(
         ne,
-        (o) => zt(r, a, o.$.selectOne)
+        (o) => Pe(r, a, o.$.selectOne)
       )
     ),
     optionsSource: t,
     allowSpaceToggle: u,
     buildListboxContent: ({ focusedValue: o, onSelect: d }) => pe(
       t,
-      (b) => _t(b, l, n, d, o)
+      (b) => Tt(b, l, n, d, o)
     )
   });
 }, Bn = (e) => {
@@ -1645,15 +1647,15 @@ const ue = {
   return Ln({
     ...l,
     value: n.value,
-    onChange: vt(n, t),
-    onBlur: ht(n, a)
+    onChange: xt(n, t),
+    onBlur: vt(n, a)
   });
-}, xa = (e) => Re({
+}, xa = (e) => Ue({
   ...e,
   content: Bn(e)
-}), Tt = (e, n, t, a, l, r) => De(
+}), Dt = (e, n, t, a, l, r) => De(
   e,
-  (i) => pt(i, {
+  (i) => mt(i, {
     value: (c) => {
       const u = y(
         c,
@@ -1710,7 +1712,7 @@ const ue = {
       m.div(s.class("bc-dropdown__group-label"), c.$.group),
       pe(
         c.$.options,
-        (u) => Tt(
+        (u) => Dt(
           u,
           n,
           t,
@@ -1750,7 +1752,7 @@ const ue = {
       Math.max(0, u)
     );
   };
-  return $t({
+  return _t({
     ...e,
     role: "combobox",
     display: te(
@@ -1796,7 +1798,7 @@ const ue = {
         ),
         () => pe(
           b,
-          (V) => Tt(
+          (V) => Dt(
             V,
             r,
             p,
@@ -1813,14 +1815,14 @@ const ue = {
   return Mn({
     ...l,
     value: n.value,
-    onChange: vt(n, t),
-    onBlur: ht(n, a)
+    onChange: xt(n, t),
+    onBlur: vt(n, a)
   });
-}, ya = (e) => Re({
+}, ya = (e) => Ue({
   ...e,
   content: On(e)
 });
-function Dt(e) {
+function At(e) {
   const {
     items: n,
     placement: t = "bottom-start",
@@ -1983,7 +1985,7 @@ function wa(e) {
     s.id(b),
     s.role("menuitem"),
     s.tabindex(-1),
-    Fe.key(d),
+    He.key(d),
     A.disabled(r),
     A.selected(!1),
     // Will be updated by focus management
@@ -2020,7 +2022,7 @@ function wa(e) {
     }) : M()
   );
 }
-function At(e = {}) {
+function Vt(e = {}) {
   const { label: n } = e;
   return m.div(
     s.class("bc-menu-separator"),
@@ -2029,21 +2031,21 @@ function At(e = {}) {
     n && m.span(s.class("bc-menu-separator__label"), n)
   );
 }
-function Vt(e, n, t) {
+function Lt(e, n, t) {
   return e.some((l) => t(l, n)) ? e.filter((l) => !t(l, n)) : [...e, n];
 }
-function Lt(e, n, t) {
+function Bt(e, n, t) {
   return e.filter((a) => !t(a, n));
 }
-function Bt(e, n, t) {
+function Mt(e, n, t) {
   return e.some((a) => t(a, n));
 }
-function Mt(e, n, t) {
+function Ot(e, n, t) {
   for (const a of e)
     if (a.type === "value") {
       if (t(a.value, n)) return { label: a.label };
     } else if (a.type === "group") {
-      const l = Mt(
+      const l = Ot(
         a.options,
         n,
         t
@@ -2052,9 +2054,9 @@ function Mt(e, n, t) {
     }
 }
 function Nn(e, n, t) {
-  return Mt(e, n, t)?.label ?? String(n);
+  return Ot(e, n, t)?.label ?? String(n);
 }
-function Ot(e, n, t) {
+function Nt(e, n, t) {
   const a = n.trim().toLowerCase(), l = t ?? ((i, c) => c.label.toLowerCase().includes(i));
   if (a === "") return e;
   const r = [];
@@ -2062,7 +2064,7 @@ function Ot(e, n, t) {
     if (i.type === "value")
       l(a, { label: i.label }) && r.push(i);
     else if (i.type === "group") {
-      const c = Ot(
+      const c = Nt(
         i.options,
         a,
         l
@@ -2071,13 +2073,13 @@ function Ot(e, n, t) {
     }
   return r;
 }
-function Nt(e) {
+function Pt(e) {
   const { values: n, options: t, equality: a, disabled: l, onRemove: r } = e;
   return Wt(
     n,
     () => pe(
       n,
-      (i) => kt({
+      (i) => It({
         value: y(
           i,
           t
@@ -2089,7 +2091,7 @@ function Nt(e) {
     () => m.span(s.class("bc-input-container__placeholder"), e.placeholder)
   );
 }
-function Pt(e) {
+function Et(e) {
   const {
     value: n,
     options: t,
@@ -2097,11 +2099,11 @@ function Pt(e) {
     placeholder: l
   } = e, r = (o) => {
     const d = S.get(n);
-    e.onChange?.(Lt(d, o, a));
+    e.onChange?.(Bt(d, o, a));
   }, i = (o) => {
     const d = S.get(n);
-    e.onChange?.(Vt(d, o, a));
-  }, c = (o) => y(n)((d) => Bt(d, o, a)), u = Dt({
+    e.onChange?.(Lt(d, o, a));
+  }, c = (o) => y(n)((d) => Mt(d, o, a)), u = At({
     items: () => {
       const o = S.get(t), d = [];
       for (const b of o)
@@ -2138,7 +2140,7 @@ function Pt(e) {
               return M();
             })
           )
-        ) : d.push(At());
+        ) : d.push(Vt());
       return d;
     },
     placement: "bottom-start",
@@ -2152,7 +2154,7 @@ function Pt(e) {
     before: e.before ?? j({ icon: "tabler:tags", color: "neutral" }),
     input: M(
       s.class("bc-input-container__tags"),
-      Nt({
+      Pt({
         values: n,
         placeholder: l,
         options: t,
@@ -2173,12 +2175,12 @@ function Pt(e) {
   });
 }
 function Sa(e) {
-  return xt(Pt, e);
+  return yt(Et, e);
 }
 function Ca(e) {
-  return yt(Pt, e);
+  return wt(Et, e);
 }
-function Et(e) {
+function Ft(e) {
   const {
     value: n,
     options: t,
@@ -2188,14 +2190,14 @@ function Et(e) {
     filter: i
   } = e, c = U(""), u = (p) => {
     const g = S.get(n);
-    e.onChange?.(Lt(g, p, a));
+    e.onChange?.(Bt(g, p, a));
   }, o = (p) => {
     const g = S.get(n);
-    e.onChange?.(Vt(g, p, a));
-  }, d = (p) => y(n)((g) => Bt(g, p, a)), b = y(
+    e.onChange?.(Lt(g, p, a));
+  }, d = (p) => y(n)((g) => Mt(g, p, a)), b = y(
     t,
     c
-  )((p, g) => Ot(p, g, i)), x = Dt({
+  )((p, g) => Nt(p, g, i)), x = At({
     items: () => {
       const p = [], g = S.get(b);
       if (g.length === 0)
@@ -2239,7 +2241,7 @@ function Et(e) {
               return M();
             })
           )
-        ) : p.push(At());
+        ) : p.push(Vt());
       return p;
     },
     placement: "bottom-start",
@@ -2267,7 +2269,7 @@ function Et(e) {
     before: e.before ?? j({ icon: "tabler:tags", color: "neutral" }),
     input: M(
       s.class("bc-input-container__tags"),
-      Nt({
+      Pt({
         values: n,
         options: t,
         placeholder: l,
@@ -2302,10 +2304,10 @@ function Et(e) {
   });
 }
 function ka(e) {
-  return xt(Et, e);
+  return yt(Ft, e);
 }
 function Ia(e) {
-  return yt(Et, e);
+  return wt(Ft, e);
 }
 const $a = (e) => {
   const { value: n, onBlur: t, onChange: a } = e;
@@ -2360,7 +2362,7 @@ const $a = (e) => {
     const t = n.map(
       (a) => a.map((l) => typeof l == "object" && "id" in l && "label" in l ? ue.value(l.id, l.label) : l)
     );
-    return Ct({
+    return kt({
       ...e,
       options: t,
       unselectedLabel: e.unselectedLabel,
@@ -2381,12 +2383,12 @@ const $a = (e) => {
   return me({
     ...c,
     value: S.map(n, ln),
-    onChange: a != null ? (o) => a(et(o)) : void 0,
-    onInput: l != null ? (o) => l(et(o)) : void 0,
+    onChange: a != null ? (o) => a(tt(o)) : void 0,
+    onInput: l != null ? (o) => l(tt(o)) : void 0,
     onBlur: t,
     after: r != null ? M(u, r) : u
   });
-}, rt = (e) => {
+}, ot = (e) => {
   try {
     return BigInt(e);
   } catch {
@@ -2409,9 +2411,10 @@ const $a = (e) => {
       const L = u(E);
       L !== w && r && r(L);
     };
-    return Ue(
+    return je(
       s.class("bc-number-input-steppers"),
       m.button(
+        s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
@@ -2426,6 +2429,7 @@ const $a = (e) => {
         j({ icon: "line-md:plus", size: "xs" })
       ),
       m.button(
+        s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
@@ -2441,10 +2445,10 @@ const $a = (e) => {
       )
     );
   }) : null, d = c != null && o != null ? M(o, c) : c ?? o, b = r ? (p) => {
-    const g = rt(p);
+    const g = ot(p);
     g != null && r(u(g));
   } : void 0, x = i ? (p) => {
-    const g = rt(p);
+    const g = ot(p);
     g != null && i(u(g));
   } : void 0;
   return me({
@@ -2457,7 +2461,7 @@ const $a = (e) => {
     allowMode: "digits",
     class: "bc-number-input"
   });
-}, ot = (e) => {
+}, it = (e) => {
   if (e == null || e === "") return null;
   try {
     return BigInt(e);
@@ -2487,8 +2491,9 @@ const $a = (e) => {
       const N = u(k);
       N !== D && r && r(N);
     };
-    return Ue(
+    return je(
       s.class("bc-number-input-steppers"),
+      s.type("button"),
       m.button(
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
@@ -2504,6 +2509,7 @@ const $a = (e) => {
         j({ icon: "line-md:plus", size: "xs" })
       ),
       m.button(
+        s.type("button"),
         s.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
@@ -2519,10 +2525,10 @@ const $a = (e) => {
       )
     );
   }) : null, d = oe(n, e.disabled, r), b = c != null && o != null ? M(o, d, c) : c != null ? M(d, c) : o != null ? M(o, d) : d, x = r ? (g) => {
-    const v = ot(g);
+    const v = it(g);
     r(v === null ? null : u(v));
   } : void 0, p = i ? (g) => {
-    const v = ot(g);
+    const v = it(g);
     i(v === null ? null : u(v));
   } : void 0;
   return me({
@@ -2555,7 +2561,7 @@ const $a = (e) => {
       s.class("bc-input-container__tags"),
       pe(
         n,
-        (u) => kt({
+        (u) => It({
           value: u,
           onClose: () => i(u.value),
           disabled: e.disabled
@@ -2969,9 +2975,9 @@ function Qa({
 }) {
   return Y(
     ne,
-    (a) => Y(je, ({ locale: l, setLocale: r }) => Re({
+    (a) => Y(ze, ({ locale: l, setLocale: r }) => Ue({
       horizontal: !0,
-      content: St(
+      content: Ct(
         s.class("bc-group--align-center bc-group--gap-2"),
         j({
           icon: "ic:twotone-language",
@@ -2979,7 +2985,7 @@ function Qa({
           color: "neutral",
           title: a.$.locale
         }),
-        Ct({
+        kt({
           options: S.map(
             e,
             (i) => i.map((c) => {
@@ -2997,16 +3003,16 @@ function Qa({
   );
 }
 const Rn = () => Y(
-  je,
-  ({ direction: e }) => mt("body", s.class(e.map((n) => `b-${n}`)))
+  ze,
+  ({ direction: e }) => bt("body", s.class(e.map((n) => `b-${n}`)))
 );
 function es({ includeAuthI18n: e = !1 }, ...n) {
   return Zt(({ set: t, use: a }) => {
-    t(ge, {}), t(je, {}), t(ne, {}), t(wt, {}), Qt.attach(a(ge));
+    t(ge, {}), t(ze, {}), t(ne, {}), t(St, {}), Qt.attach(a(ge));
     const l = M(tn(), Rn(), ...n);
     return e ? Yt(
-      () => import("./translations-BBguPjg9.js"),
-      ({ AuthI18n: r }) => bt(r, {}, () => l)
+      () => import("./translations-DdNHXAWr.js"),
+      ({ AuthI18n: r }) => ft(r, {}, () => l)
     ) : l;
   });
 }
@@ -3033,7 +3039,7 @@ function ts({ content: e }) {
     m.iframe(s.class("h-full w-full"), s.src(t))
   );
 }
-const ns = ({ id: e, css: n }) => mt("head", m.style(s.id(e), s.innerHTML(n))), ze = ({
+const ns = ({ id: e, css: n }) => bt("head", m.style(s.id(e), s.innerHTML(n))), We = ({
   viewTransition: e,
   state: n,
   scroll: t,
@@ -3042,7 +3048,7 @@ const ns = ({ id: e, css: n }) => mt("head", m.style(s.id(e), s.innerHTML(n))),
   const l = {};
   return n !== void 0 && (l.state = n), t !== void 0 && (l.scroll = t), a !== void 0 && (l.replace = a), e !== void 0 && (l.viewTransition = e), l;
 };
-function it(e, n) {
+function ut(e, n) {
   const t = ["bc-link"];
   if (n)
     t.push("bc-link--disabled");
@@ -3061,8 +3067,8 @@ function it(e, n) {
     }
   return t.join(" ");
 }
-function ut(e) {
-  const n = Xe(e, "light"), t = Xe(e, "dark");
+function ct(e) {
+  const n = Je(e, "light"), t = Je(e, "dark");
   return [
     `--link-color: ${n}`,
     `--link-color-dark: ${t}`,
@@ -3090,19 +3096,19 @@ function Un({
         y(
           n,
           l
-        )((x, p) => it(x, p))
+        )((x, p) => ut(x, p))
       ),
       s.style(
         y(a)(
-          (x) => ut(x ?? "base")
+          (x) => ct(x ?? "base")
         )
       ),
       ...b
     ),
-    () => He(
+    () => Re(
       {
         href: e,
-        ...ze({
+        ...We({
           viewTransition: r,
           state: i,
           scroll: c,
@@ -3113,10 +3119,10 @@ function Un({
         y(
           n,
           l
-        )((x, p) => it(x, p))
+        )((x, p) => ut(x, p))
       ),
       s.style(
-        y(t)((x) => ut(x ?? "primary"))
+        y(t)((x) => ct(x ?? "primary"))
       ),
       o ? s.target(o) : null,
       d ? s.rel(d) : null,
@@ -3158,7 +3164,7 @@ function Wn(e, n, t) {
       return !1;
   }
 }
-function We(e, n) {
+function qe(e, n) {
   return n === "exact" ? y(e)((t) => t) : y(e)(
     (t) => (a) => Wn(a, t, n)
   );
@@ -3171,7 +3177,7 @@ function as({
 }, ...l) {
   return Y(ge, (r) => {
     const i = r.matchSignal(
-      We(e, n)
+      qe(e, n)
     ), c = y(
       i,
       t
@@ -3203,14 +3209,14 @@ function ss({
   disabled: p = !1
 }, ...g) {
   return c !== void 0 || u !== void 0 ? Y(ge, (v) => {
-    const _ = c !== void 0 ? v.matchSignal(We(e, c)) : y(v.location)(() => !1), C = y(
+    const _ = c !== void 0 ? v.matchSignal(qe(e, c)) : y(v.location)(() => !1), C = y(
       _,
       u
     )((w, D) => !(D ?? !0) || !c ? !1 : w), f = y(
       p,
       C
     )((w, D) => w || D);
-    return ct(
+    return dt(
       {
         href: e,
         viewTransition: n,
@@ -3227,7 +3233,7 @@ function ss({
       },
       ...g
     );
-  }) : ct(
+  }) : dt(
     {
       href: e,
       viewTransition: n,
@@ -3245,7 +3251,7 @@ function ss({
     ...g
   );
 }
-function ct({
+function dt({
   href: e,
   viewTransition: n,
   state: t,
@@ -3267,7 +3273,7 @@ function ct({
           u,
           d
         )(
-          (p, g) => Je(
+          (p, g) => Qe(
             p ?? "md",
             g ?? "sm",
             !1
@@ -3281,7 +3287,7 @@ function ct({
           o,
           b
         )(
-          (p, g, v) => Qe(
+          (p, g, v) => et(
             p ?? "filled",
             g ?? "base",
             v
@@ -3290,10 +3296,10 @@ function ct({
       ),
       ...x
     ),
-    () => He(
+    () => Re(
       {
         href: e,
-        ...ze({
+        ...We({
           viewTransition: n,
           state: t,
           scroll: a,
@@ -3305,7 +3311,7 @@ function ct({
           u,
           d
         )(
-          (p, g) => Je(
+          (p, g) => Qe(
             p ?? "md",
             g ?? "sm",
             !1
@@ -3319,7 +3325,7 @@ function ct({
           o,
           b
         )(
-          (p, g, v) => Qe(
+          (p, g, v) => et(
             p ?? "filled",
             g ?? "base",
             v
@@ -3343,7 +3349,7 @@ const qn = {
   })
 };
 function ls({ backgroundMode: e = "light" }, ...n) {
-  return bt(
+  return ft(
     qn,
     S.map(
       e,
@@ -3363,8 +3369,8 @@ function ls({ backgroundMode: e = "light" }, ...n) {
     )
   );
 }
-function dt({ rail: e, header: n }, ...t) {
-  return Ue(
+function pt({ rail: e, header: n }, ...t) {
+  return je(
     n != null ? m.div(s.class("bc-sidebar-group__header"), n) : null,
     m.div(
       s.class(
@@ -3379,19 +3385,20 @@ function dt({ rail: e, header: n }, ...t) {
   );
 }
 function Zn(e, ...n) {
-  const t = ze({
+  const t = We({
     viewTransition: e.viewTransition ?? !0,
     state: e.state,
     scroll: e.scroll,
     replace: e.replace
   });
-  return He({ href: e.href, ...t }, ...n);
+  return Re({ href: e.href, ...t }, ...n);
 }
 function Yn(...e) {
   return m.span(...e);
 }
 function Gn(e, ...n) {
   return m.button(
+    s.type("button"),
     $.click(e.onClick),
     e.ariaExpanded != null ? A.expanded(
       S.map(
@@ -3417,6 +3424,7 @@ function Kn(e) {
     m.span(s.class("bc-sidebar-link__right"), e.right)
   ), e.action != null && n.push(
     m.button(
+      s.type("button"),
       s.class("bc-sidebar-link--action"),
       $.click((t, a) => {
         e.action?.onClick?.(a);
@@ -3425,7 +3433,7 @@ function Kn(e) {
     )
   ), "onClick" in e ? Gn(e, ...n) : Y(ge, (t) => {
     const a = t.matchSignal(
-      We(e.href, "exact"),
+      qe(e.href, "exact"),
       {
         includeSearch: !1,
         includeHash: !1
@@ -3445,7 +3453,7 @@ function rs({
   startOpen: a = !0
 }, ...l) {
   const r = S.deriveProp(a), i = re("sidebar-group"), c = `${i}-content`;
-  return dt(
+  return pt(
     {},
     s.class("bc-sidebar-group-collapsible"),
     s.class(
@@ -3468,7 +3476,7 @@ function rs({
       ),
       content: t
     }),
-    dt({ rail: e }, s.id(c), Dn({ open: r }, ...l))
+    pt({ rail: e }, s.id(c), Dn({ open: r }, ...l))
   );
 }
 function os() {
@@ -3567,6 +3575,7 @@ function is(e) {
           p.disabled
         )((w, D) => w || D), C = `${o}-tab-${p.key}`, f = `${o}-panel-${p.key}`;
         return m.button(
+          s.type("button"),
           s.class(
             y(
               l,
@@ -3592,7 +3601,7 @@ function is(e) {
           A.controls(f),
           A.disabled(_),
           s.disabled(_),
-          Fe["tab-index"](String(g)),
+          He["tab-index"](String(g)),
           p.ariaLabel ? A.label(p.ariaLabel) : M(),
           $.click((w) => {
             w.preventDefault(), S.get(p.disabled ?? !1) || S.get(r) || (a?.(p.key), d.set(g));
@@ -3617,7 +3626,7 @@ function is(e) {
             s.role("tabpanel"),
             s.tabindex(0),
             A.labelledby(v),
-            ft(p, (C) => C.content())
+            gt(p, (C) => C.content())
           )
         );
       })
@@ -3705,7 +3714,7 @@ function us(...e) {
   );
 }
 function cs(e, ...n) {
-  return Pe(
+  return Ee(
     {
       color: "neutral",
       roundedness: "md",
@@ -3787,7 +3796,7 @@ function bs(e) {
           s.tabindex(-1),
           // Make drawer focusable for initial focus
           s.id(T),
-          Fe.focusTrap("true"),
+          He.focusTrap("true"),
           // Mark as focus trap container
           // Focus trap for keyboard navigation
           un({
@@ -3801,7 +3810,7 @@ function bs(e) {
           $.mousedown((H) => H.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
-          ft(w, (H) => lt(H ? {
+          gt(w, (H) => rt(H ? {
             header: m.div(
               s.class("bc-drawer__header"),
               m.div(s.id(L), v),
@@ -3809,7 +3818,7 @@ function bs(e) {
                 b,
                 () => Y(
                   ne,
-                  (F) => gt({
+                  (F) => ht({
                     size: "sm",
                     onClick: l,
                     label: F.$.closeDrawer
@@ -3857,9 +3866,9 @@ function Qn(e) {
     left: "M16 0 L10 8 L16 16 Z",
     right: "M0 0 L6 8 L0 16 Z"
   };
-  return Ye.svg(
-    Ge.viewBox("0 0 16 16"),
-    Ye.path(Ge.d(e.map((t) => n[t])))
+  return Ge.svg(
+    Ke.viewBox("0 0 16 16"),
+    Ge.path(Ke.d(e.map((t) => n[t])))
   );
 }
 function fs(e) {
@@ -3910,7 +3919,7 @@ function fs(e) {
   );
 }
 export {
-  Ee as AnimatedToggleClass,
+  Fe as AnimatedToggleClass,
   ba as AppShell,
   gn as AppearanceSelector,
   ys as ArrayController,
@@ -3918,7 +3927,7 @@ export {
   Mr as Base64sInput,
   On as BaseComboboxControl,
   ka as BaseComboboxTagsControl,
-  xt as BaseControl,
+  yt as BaseControl,
   Bn as BaseDropdownControl,
   Or as BaseListControl,
   ws as BaseMappedControl,
@@ -3928,14 +3937,14 @@ export {
   ne as BeatUII18n,
   Va as BigintInput,
   xo as BooleanValidator,
-  Pe as Button,
+  Ee as Button,
   ss as ButtonLink,
   Pr as Card,
   ga as Center,
   fa as CenterH,
   Ss as CheckboxInput,
-  Nt as Chips,
-  gt as CloseButton,
+  Pt as Chips,
+  ht as CloseButton,
   Dn as Collapse,
   rs as CollapsibleSidebarGroup,
   Hn as ColorController,
@@ -3943,16 +3952,16 @@ export {
   ya as ComboboxControl,
   Mn as ComboboxInput,
   Ia as ComboboxTagsControl,
-  Et as ComboboxTagsInput,
+  Ft as ComboboxTagsInput,
   G as CommonInputAttributes,
   yo as ConfirmModal,
-  yt as Control,
+  wt as Control,
   en as Controller,
   Cs as DangerLabel,
   $a as DateInput,
   _a as DateTimeInput,
   bs as Drawer,
-  $t as DropdownBase,
+  _t as DropdownBase,
   xa as DropdownControl,
   Ln as DropdownInput,
   Ya as DurationInput,
@@ -3966,10 +3975,10 @@ export {
   Ae as Flyout,
   un as FocusTrap,
   Ka as FormStatus,
-  St as Group,
+  Ct as Group,
   j as Icon,
   q as InputContainer,
-  Re as InputWrapper,
+  Ue as InputWrapper,
   Ha as InstantInput,
   $s as LOGICAL_PROPERTY_MAP,
   _s as Label,
@@ -3978,17 +3987,17 @@ export {
   Lo as LinkPortal,
   Hr as ListControl,
   Rr as ListInput,
-  je as Locale,
+  ze as Locale,
   Qa as LocaleSelector,
   Ts as MappedControl,
   me as MaskInput,
-  Dt as Menu,
+  At as Menu,
   wa as MenuItem,
-  At as MenuSeparator,
+  Vt as MenuSeparator,
   wo as Modal,
   Ds as MutedLabel,
   ts as NativePdfPreview,
-  Ct as NativeSelect,
+  kt as NativeSelect,
   Ur as NativeSelectControl,
   as as NavigationLink,
   ha as NineSliceScrollView,
@@ -4027,31 +4036,31 @@ export {
   za as PlainYearMonthInput,
   no as RatingInput,
   Bs as RequiredSymbol,
-  lt as ScrollablePanel,
+  rt as ScrollablePanel,
   nn as SegmentedInput,
   Ca as SelectTagsControl,
-  Pt as SelectTagsInput,
+  Et as SelectTagsInput,
   ls as Sidebar,
   Yn as SidebarActiveLink,
   Gn as SidebarClickLink,
   qn as SidebarContext,
-  dt as SidebarGroup,
+  pt as SidebarGroup,
   Kn as SidebarLink,
   os as SidebarSeparator,
   Zn as SidebarUrlLink,
   va as Sink,
   ao as SliderInput,
-  Ue as Stack,
+  je as Stack,
   da as StandaloneAppearanceSelector,
   Co as StringValidator,
   ns as StylePortal,
   so as Switch,
   is as Tabs,
-  kt as Tag,
+  It as Tag,
   Ba as TagsInput,
   lo as TextArea,
   Ms as TextInput,
-  wt as Theme,
+  St as Theme,
   tn as ThemeAppearance,
   us as Toolbar,
   cs as ToolbarButton,
@@ -4066,7 +4075,7 @@ export {
   vs as Use,
   Sn as WithBeatUIBreakpoint,
   ma as WithBeatUIElementBreakpoint,
-  It as WithBreakpoint,
+  $t as WithBreakpoint,
   Q as WithTemporal,
   Ua as ZonedDateTimeInput,
   Mo as backgroundConfig,
@@ -4088,14 +4097,14 @@ export {
   Fs as convertStandardSchemaPathToPath,
   ml as createBeatuiPreset,
   Xa as createColorController,
-  We as createLocationMatcher,
+  qe as createLocationMatcher,
   Io as createStandardSchema,
   Hs as defaultLocale,
   Rs as defaultMessages,
   ua as delaySignal,
   co as emitExpando,
   po as emitOptionExpando,
-  et as emptyToNull,
+  tt as emptyToNull,
   mo as ensureTemporal,
   bo as fileToBase64,
   pa as findBreakpoint,
@@ -4105,14 +4114,14 @@ export {
   Us as formatFileSize,
   hl as generateAllTokenVariables,
   vl as generateBreakpointVariables,
-  Je as generateButtonClasses,
-  Qe as generateButtonStyles,
+  Qe as generateButtonClasses,
+  et as generateButtonStyles,
   Fo as generateColorVariables,
   Ho as generateCoreColorVariables,
   xl as generateCoreTokenVariables,
   yl as generateFontFamilyOverrideVariables,
-  it as generateLinkClasses,
-  ut as generateLinkStyles,
+  ut as generateLinkClasses,
+  ct as generateLinkStyles,
   wl as generateMotionVariables,
   Sl as generateRadiusVariables,
   Ro as generateSemanticColorVariables,
@@ -4172,7 +4181,7 @@ export {
   br as getTokenValue,
   fr as getZIndexVar,
   gr as getZIndexVarName,
-  tt as hexToRgb,
+  nt as hexToRgb,
   ca as increaseSize,
   zo as interactiveColors,
   Ys as isIndexedDBAvailable,
@@ -4188,8 +4197,8 @@ export {
   Ks as makeI18nProvider,
   Xs as makeMapValidation,
   Js as makeMessages,
-  ht as makeOnBlurHandler,
-  vt as makeOnChangeHandler,
+  vt as makeOnBlurHandler,
+  xt as makeOnChangeHandler,
   xr as motionDurations,
   yr as motionEasings,
   Wo as normalizeColorName,