@tempots/beatui 0.1.0 → 0.2.0

package/dist/index.es.js

@@ -4,9 +4,9 @@ var Me = (e) => {
 };
 var Cn = (e, t, n) => t in e ? $n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _ = (e, t, n) => Cn(e, typeof t != "symbol" ? t + "" : t, n), Sn = (e, t, n) => t.has(e) || Me("Cannot " + n);
-var j = (e, t, n) => (Sn(e, t, "read from private field"), n ? n.call(e) : t.get(e)), he = (e, t, n) => t.has(e) ? Me("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n);
-import { html as d, attr as s, computedOf as w, on as b, aria as Q, style as f, Empty as y, Value as C, Ensure as Ee, WithElement as X, OnDispose as N, Fragment as D, input as te, emitValue as E, emitValueAsDate as _n, ForEach as Ae, OneOfType as En, emitValueAsNullableDate as An, emitValueAsNullableDateTime as Tn, emitValueAsNumber as $e, prop as R, When as le, Repeat as Bn, signal as Pe, makeProviderMark as In, localStorageProp as Vn, Use as Te, Portal as On, emitChecked as jn, OneOfValue as Dn, WithBrowserCtx as Hn, render as Ln, dataAttr as We, MapSignal as Fn, svg as Ne, svgAttr as Re } from "@tempots/dom";
-import { Use as zo } from "@tempots/dom";
+var D = (e, t, n) => (Sn(e, t, "read from private field"), n ? n.call(e) : t.get(e)), he = (e, t, n) => t.has(e) ? Me("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n);
+import { html as h, attr as s, computedOf as w, on as m, aria as Q, style as f, Empty as y, Value as C, Ensure as Ee, WithElement as X, OnDispose as N, Fragment as H, input as te, emitValue as E, emitValueAsDate as _n, ForEach as Ae, OneOfType as En, emitValueAsNullableDate as An, emitValueAsNullableDateTime as Tn, emitValueAsNumber as $e, prop as R, When as le, Repeat as Bn, signal as Pe, makeProviderMark as In, localStorageProp as Vn, Use as Te, Portal as On, emitChecked as Dn, OneOfValue as Hn, WithBrowserCtx as jn, render as Ln, dataAttr as We, MapSignal as Fn, svg as Ne, svgAttr as Re } from "@tempots/dom";
+import { Use as Go } from "@tempots/dom";
 import { WhenInViewport as Mn, Resource as Xe, useAppearance as Pn, AutoSelect as Wn, ElementRect as fe, WindowSize as Nn, PopOver as Rn, Location as qn, Anchor as zn } from "@tempots/ui";
 function Un(e, t, n, r, o) {
   const l = [
@@ -44,7 +44,7 @@ function ue({
   onClick: a = () => {
   }
 }, ...u) {
-  return d.button(
+  return h.button(
     s.type(e),
     s.disabled(t),
     s.class(
@@ -55,16 +55,16 @@ function ue({
         l,
         t
       )(
-        (c, i, h, p, m) => Un(
+        (c, i, d, p, b) => Un(
           c ?? "filled",
           i ?? "md",
-          h ?? "base",
+          d ?? "base",
           p ?? "sm",
-          m
+          b
         )
       )
     ),
-    b.click(a),
+    m.click(a),
     ...u
   );
 }
@@ -137,7 +137,7 @@ function Jn(e, t) {
   return t && n.push(`bu-fg--${t}`), n.join(" ");
 }
 function Z({ icon: e, size: t = "md", color: n, title: r }, ...o) {
-  return d.span(
+  return h.span(
     s.class(
       w(
         t,
@@ -152,13 +152,13 @@ function Z({ icon: e, size: t = "md", color: n, title: r }, ...o) {
         load: ({ request: l }) => Qn(l),
         mapError: String
       })({
-        success: (l) => d.span(
+        success: (l) => h.span(
           f.width("100%"),
           f.height("100%"),
           s.innerHTML(l)
         ),
-        loading: () => d.span(s.class("animate-spin"), "↻"),
-        failure: (l) => d.span(s.title(l), s.class("text-red-500"), "🚫")
+        loading: () => h.span(s.class("animate-spin"), "↻"),
+        failure: (l) => h.span(s.title(l), s.class("text-red-500"), "🚫")
       })
     ),
     ...o
@@ -477,10 +477,10 @@ const Be = {
 function Qe(e) {
   return `--breakpoint-${e}`;
 }
-function Ir(e) {
+function Or(e) {
   return `var(${Qe(e)})`;
 }
-function Vr(e) {
+function Dr(e) {
   return `@media (width >= ${Ke[e]})`;
 }
 function et() {
@@ -509,7 +509,7 @@ const nt = [
   "warning",
   "error",
   "info"
-], Or = [
+], Hr = [
   ...ke,
   ...B(Be).map(([e]) => e)
 ], Je = {
@@ -649,7 +649,7 @@ const L = {
     }
   }
 };
-function Dr() {
+function Lr() {
   let e = `/*
  * Background Utilities - Auto-generated from design tokens
  *
@@ -833,10 +833,10 @@ const en = {
 function nn(e) {
   return `--radius-${e}`;
 }
-function Hr(e) {
+function Fr(e) {
   return `var(${nn(e)})`;
 }
-function Lr(e) {
+function Mr(e) {
   return `@media (width >= ${en[e]})`;
 }
 function at() {
@@ -862,7 +862,7 @@ const ct = "0.25rem", it = {
 function tn(e) {
   return `--spacing-${e}`;
 }
-function Fr(e) {
+function Pr(e) {
   return `var(${tn(e)})`;
 }
 function ut() {
@@ -971,31 +971,31 @@ const ht = {
 function on(e) {
   return `--font-size-${e}`;
 }
-function Mr(e) {
+function Wr(e) {
   return `var(${on(e)})`;
 }
 function ln(e) {
   return `--font-weight-${e}`;
 }
-function Pr(e) {
+function Nr(e) {
   return `var(${ln(e)})`;
 }
 function sn(e) {
   return `--line-height-${e}`;
 }
-function Wr(e) {
+function Rr(e) {
   return `var(${sn(e)})`;
 }
 function an(e) {
   return `--letter-spacing-${e}`;
 }
-function Nr(e) {
+function qr(e) {
   return `var(${an(e)})`;
 }
 function cn(e) {
   return `--font-family-${e}`;
 }
-function Rr(e) {
+function zr(e) {
   return `var(${cn(e)})`;
 }
 function mt() {
@@ -1034,7 +1034,7 @@ const ft = {
 function un(e) {
   return `--z-index-${e}`;
 }
-function qr(e) {
+function Ur(e) {
   return `var(${un(e)})`;
 }
 function kt() {
@@ -1086,7 +1086,7 @@ function Ct() {
     e[$t(t)] = n;
   }), e;
 }
-function zr() {
+function Gr() {
   return {
     ...st(),
     ...ut(),
@@ -1098,7 +1098,7 @@ function zr() {
     ...kt()
   };
 }
-function Ur(e, t) {
+function Zr(e, t) {
   return t == null && typeof window > "u" ? "" : getComputedStyle(t ?? document.documentElement).getPropertyValue(e).trim();
 }
 const St = {
@@ -1126,7 +1126,7 @@ const At = ({
   color: n = "base",
   onClose: r,
   size: o = "md"
-}) => d.span(
+}) => h.span(
   s.class(
     w(
       e ?? !1,
@@ -1134,70 +1134,100 @@ const At = ({
       o ?? "md"
     )((l, a, u) => Et(l, a, u))
   ),
-  d.span(t),
-  r != null ? d.button(
+  h.span(t),
+  r != null ? h.button(
     s.disabled(e),
     s.class("bc-tag__close"),
-    d.span("×"),
-    b.click(() => r == null ? void 0 : r(C.get(t)))
+    h.span("×"),
+    m.click(() => r == null ? void 0 : r(C.get(t)))
   ) : y
 );
 function xe(e) {
   return `bc-label bc-label--${e}`;
 }
-const Gr = (...e) => d.span(s.class(xe("emphasis")), ...e), dn = (...e) => d.span(s.class(xe("default")), ...e), Tt = (...e) => d.span(s.class(xe("muted")), ...e), Zr = (...e) => d.span(s.class(xe("error")), ...e), Bt = d.span(
-  s.class("bc-control-input-wrapper__required"),
+const Xr = (...e) => h.span(s.class(xe("emphasis")), ...e), dn = (...e) => h.span(s.class(xe("default")), ...e), Tt = (...e) => h.span(s.class(xe("muted")), ...e), Yr = (...e) => h.span(s.class(xe("error")), ...e), Bt = h.span(
+  s.class("bc-input-wrapper__required"),
   " *"
 );
 function It() {
-  return "bc-control-input-wrapper";
+  return "bc-input-wrapper";
 }
 function Vt(e, t) {
-  const n = ["bc-control-input-wrapper__label-text"];
-  return e ? n.push("bc-control-input-wrapper__label-text--error") : t ? n.push("bc-control-input-wrapper__label-text--disabled") : n.push("bc-control-input-wrapper__label-text--default"), n.join(" ");
+  const n = ["bc-input-wrapper__label-text"];
+  return e ? n.push("bc-input-wrapper__label-text--error") : t ? n.push("bc-input-wrapper__label-text--disabled") : n.push("bc-input-wrapper__label-text--default"), n.join(" ");
 }
-const M = ({
+const Ot = ({
   required: e,
   label: t,
   context: n,
   description: r,
   content: o,
-  controller: l
-}, ...a) => d.div(
-  s.class(It()),
-  t != null || n != null ? d.div(
-    s.class("bc-control-input-wrapper__header"),
-    d.label(
-      s.class("bc-control-input-wrapper__label"),
-      s.for(l.name),
-      d.span(
-        s.class(
-          w(
-            l.hasError,
-            l.disabled
-          )(
-            (u, c) => Vt(
-              u ?? !1,
-              c ?? !1
+  error: l,
+  labelFor: a,
+  hasError: u,
+  disabled: c
+}, ...i) => {
+  const d = u ?? C.map(l ?? null, (b) => b != null), p = c ?? !1;
+  return h.div(
+    s.class(It()),
+    t != null || n != null ? h.div(
+      s.class("bc-input-wrapper__header"),
+      h.label(
+        s.class("bc-input-wrapper__label"),
+        a != null ? s.for(a) : y,
+        h.span(
+          s.class(
+            w(
+              d,
+              p
+            )(
+              (b, g) => Vt(
+                b ?? !1,
+                g ?? !1
+              )
             )
-          )
+          ),
+          t
         ),
-        t
+        t != null && e ? Bt : y
       ),
-      t != null && e ? Bt : y
-    ),
-    n != null ? dn(n) : y
-  ) : y,
-  d.div(s.class("bc-control-input-wrapper__content"), o),
-  r != null ? d.div(
-    s.class("bc-control-input-wrapper__description"),
-    r
-  ) : y,
-  Ee(
-    l.error,
-    (u) => d.div(s.class("bc-control-input-wrapper__error"), u)
-  ),
-  ...a
+      n != null ? dn(n) : y
+    ) : y,
+    h.div(s.class("bc-input-wrapper__content"), o),
+    r != null ? h.div(s.class("bc-input-wrapper__description"), r) : y,
+    l != null ? Ee(
+      l,
+      (b) => h.div(s.class("bc-input-wrapper__error"), b)
+    ) : y,
+    ...i
+  );
+};
+function Dt() {
+  return "bc-control-input-wrapper";
+}
+const M = ({
+  required: e,
+  label: t,
+  context: n,
+  description: r,
+  content: o,
+  controller: l
+}, ...a) => h.div(
+  s.class(Dt()),
+  Ot(
+    {
+      required: e,
+      label: t,
+      context: n,
+      description: r,
+      content: o,
+      error: l.error.map((u) => u ?? null),
+      labelFor: l.name,
+      hasError: l.hasError,
+      disabled: l.disabled
+    },
+    ...a
+  )
 ), z = ({
   child: e,
   disabled: t,
@@ -1208,40 +1238,40 @@ const M = ({
   focusableSelector: a = "input, select, textarea",
   growInput: u = !0
 }) => {
-  const c = C.map(t ?? !1, (h) => h);
-  function i(h, p) {
-    const m = ["bc-input-container"];
-    return h ? m.push("bc-input-container--disabled") : m.push("bc-input-container--default"), p && m.push("bc-input-container--error"), m.join(" ");
+  const c = C.map(t ?? !1, (d) => d);
+  function i(d, p) {
+    const b = ["bc-input-container"];
+    return d ? b.push("bc-input-container--disabled") : b.push("bc-input-container--default"), p && b.push("bc-input-container--error"), b.join(" ");
   }
-  return d.div(
+  return h.div(
     e,
-    X((h) => {
+    X((d) => {
       const p = () => {
-        const m = h.querySelector(a);
-        m == null || m.focus();
+        const b = d.querySelector(a);
+        b == null || b.focus();
       };
-      return h.addEventListener("click", p), N(() => h.removeEventListener("click", p));
+      return d.addEventListener("click", p), N(() => d.removeEventListener("click", p));
     }),
     s.class(
       w(
         c,
         l ?? !1
       )(
-        (h, p) => i(h ?? !1, p ?? !1)
+        (d, p) => i(d ?? !1, p ?? !1)
       )
     ),
-    r != null ? d.span(s.class("bc-input-container__before"), r) : null,
-    d.div(
+    r != null ? h.span(s.class("bc-input-container__before"), r) : null,
+    h.div(
       s.class("bc-input-container__input"),
       s.class(
         C.map(
           u,
-          (h) => h ? "bc-input-container__input--grow" : ""
+          (d) => d ? "bc-input-container__input--grow" : ""
         )
       ),
       n
     ),
-    o != null ? d.span(s.class("bc-input-container__after"), o) : null
+    o != null ? h.span(s.class("bc-input-container__after"), o) : null
   );
 }, U = ({
   autocomplete: e,
@@ -1251,7 +1281,7 @@ const M = ({
   name: o,
   placeholder: l,
   id: a
-}) => D(
+}) => H(
   s.autocomplete(e),
   s.autofocus(t),
   s.class(n),
@@ -1275,11 +1305,11 @@ const M = ({
       U(e),
       s.valueAsDate(t),
       s.class("bc-input"),
-      n != null ? b.blur(E(n)) : y,
-      r != null ? b.change(_n(r)) : y
+      n != null ? m.blur(E(n)) : y,
+      r != null ? m.change(_n(r)) : y
     )
   });
-}, Ot = (e) => {
+}, Ht = (e) => {
   const { value: t, onBlur: n, onChange: r, onInput: o } = e;
   return z({
     ...e,
@@ -1287,9 +1317,9 @@ const M = ({
       U(e),
       s.value(t),
       s.class("bc-input"),
-      n != null ? b.blur(E(n)) : y,
-      r != null ? b.change(E(r)) : y,
-      o != null ? b.input(E(o)) : y
+      n != null ? m.blur(E(n)) : y,
+      r != null ? m.change(E(r)) : y,
+      o != null ? m.input(E(o)) : y
     )
   });
 }, P = (
@@ -1302,14 +1332,14 @@ const M = ({
 }, Ve = (e, t, n) => (r) => {
   const o = t(r);
   e.change(o), n == null || n(o);
-}, Xr = (e, t, n) => (r) => {
+}, Kr = (e, t, n) => (r) => {
   t(r) ? (e.change(null), n == null || n(null)) : (e.change(r), n == null || n(r));
-}, Yr = (e, ...t) => {
+}, Qr = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
       ...o,
-      content: Ot({
+      content: Ht({
         ...o,
         ...q(o.controller),
         onChange: G(o.controller, r),
@@ -1318,7 +1348,7 @@ const M = ({
     },
     ...t
   );
-}, Kr = (e, ...t) => {
+}, Jr = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
@@ -1335,7 +1365,7 @@ const M = ({
 }, jt = (e) => {
   const t = e.getFullYear(), n = (e.getMonth() + 1).toString().padStart(2, "0"), r = e.getDate().toString().padStart(2, "0"), o = e.getHours().toString().padStart(2, "0"), l = e.getMinutes().toString().padStart(2, "0");
   return `${t}-${n}-${r}T${o}:${l}`;
-}, Dt = (e) => {
+}, Lt = (e) => {
   const { value: t, onBlur: n, onChange: r } = e;
   return z({
     ...e,
@@ -1343,16 +1373,16 @@ const M = ({
       U(e),
       s.value(C.map(t, jt)),
       s.class("bc-input"),
-      n != null ? b.blur(E(n)) : y,
-      r != null ? b.change(E((o) => r(new Date(o)))) : y
+      n != null ? m.blur(E(n)) : y,
+      r != null ? m.change(E((o) => r(new Date(o)))) : y
     )
   });
-}, Qr = (e, ...t) => {
+}, eo = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
       ...o,
-      content: Dt({
+      content: Lt({
         ...o,
         ...q(o.controller),
         onChange: G(o.controller, r),
@@ -1361,7 +1391,7 @@ const M = ({
     },
     ...t
   );
-}, Ht = (e) => {
+}, Ft = (e) => {
   const t = {
     name: "email",
     autocomplete: "email",
@@ -1374,18 +1404,18 @@ const M = ({
       U(t),
       s.value(n),
       s.class("bc-input"),
-      r != null ? b.blur(E(r)) : y,
-      o != null ? b.change(E(o)) : y,
-      l != null ? b.input(E(l)) : y
+      r != null ? m.blur(E(r)) : y,
+      o != null ? m.change(E(o)) : y,
+      l != null ? m.input(E(l)) : y
     )
   });
-}, Jr = (e, ...t) => {
+}, no = (e, ...t) => {
   const { onChange: n, onBlur: r, ...o } = e;
   return M(
     {
       label: "Email",
       ...o,
-      content: Ht({
+      content: Ft({
         ...o,
         ...q(o.controller),
         onChange: G(o.controller, n),
@@ -1394,20 +1424,20 @@ const M = ({
     },
     ...t
   );
-}, eo = {
+}, to = {
   filling: { type: "filling" },
   submitting: { type: "submitting" },
   error: (e) => ({ type: "error", error: e }),
   success: { type: "success" }
-}, Oe = "$$tts-exp-", Lt = (e, t) => X((n) => {
+}, Oe = "$$tts-exp-", Mt = (e, t) => X((n) => {
   const r = `${Oe}${e}`;
   return N(C.on(t, (o) => Reflect.set(n, r, o)));
-}), no = (e, t) => {
+}), ro = (e, t) => {
   const n = `${Oe}${e}`;
   return (r) => {
     t(Reflect.get(r.target, n));
   };
-}, Ft = (e, t) => {
+}, Pt = (e, t) => {
   const n = `${Oe}${e}`;
   return (r) => {
     const o = r.target, l = o.selectedIndex, a = o.options[l];
@@ -1439,14 +1469,14 @@ const M = ({
         o,
         n
       )((a, u) => t(a.value, u));
-      return d.option(
+      return h.option(
         N(l.dispose),
         s.selected(l),
-        Lt("value", o.$.value),
+        Mt("value", o.$.value),
         o.$.label
       );
     },
-    group: (o) => d.optgroup(
+    group: (o) => h.optgroup(
       s.label(o.$.group),
       Ae(
         o.$.options,
@@ -1457,7 +1487,7 @@ const M = ({
         )
       )
     ),
-    break: () => d.hr()
+    break: () => h.hr()
   })
 ), gn = (e) => {
   const {
@@ -1471,14 +1501,14 @@ const M = ({
   let u;
   return z({
     ...e,
-    child: b.click(() => {
+    child: m.click(() => {
       u == null || u.focus(), typeof (u == null ? void 0 : u.showPicker) == "function" && u.showPicker();
     }),
-    input: d.select(
+    input: h.select(
       X((c) => {
         u = c;
-        const i = new MutationObserver((h) => {
-          const { removedNodes: p } = h[0];
+        const i = new MutationObserver((d) => {
+          const { removedNodes: p } = d[0];
           p.length > 0 && (u.selectedIndex = 0);
         });
         return i.observe(c, { childList: !0 }), N(() => i.disconnect());
@@ -1486,13 +1516,13 @@ const M = ({
       U(e),
       s.class("focus:outline-none bg-transparent"),
       s.class("w-full"),
-      d.option(s.hidden("hidden"), l),
+      h.option(s.hidden("hidden"), l),
       Ae(o, (c) => pn(c, a, t)),
-      n != null ? b.blur(n) : y,
-      r != null ? b.change(Ft("value", (c) => r(c))) : y
+      n != null ? m.blur(n) : y,
+      r != null ? m.change(Pt("value", (c) => r(c))) : y
     )
   });
-}, Mt = (e) => Xe({
+}, Wt = (e) => Xe({
   request: e.request,
   load: e.load,
   mapError: String
@@ -1508,13 +1538,13 @@ const M = ({
       equality: e.equality
     });
   },
-  loading: () => d.span(s.class("animate-spin"), Q.label("Loading..."), "↻")
-}), to = (e, ...t) => {
+  loading: () => h.span(s.class("animate-spin"), Q.label("Loading..."), "↻")
+}), oo = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
       ...o,
-      content: Mt({
+      content: Wt({
         ...e,
         ...q(o.controller),
         onChange: G(o.controller, r),
@@ -1523,7 +1553,7 @@ const M = ({
     },
     ...t
   );
-}, ro = (e, ...t) => {
+}, lo = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
@@ -1545,11 +1575,11 @@ const M = ({
       U(e),
       s.valueAsDate(t),
       s.class("bc-input"),
-      n != null ? b.blur(E(n)) : y,
-      r != null ? b.change(An(r)) : y
+      n != null ? m.blur(E(n)) : y,
+      r != null ? m.change(An(r)) : y
     )
   });
-}, oo = (e, ...t) => {
+}, so = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
@@ -1563,22 +1593,22 @@ const M = ({
     },
     ...t
   );
-}, Pt = (e) => {
+}, Nt = (e) => {
   const t = e.getFullYear(), n = e.getMonth() + 1, r = e.getDate(), o = e.getHours(), l = e.getMinutes(), a = e.getSeconds();
   return `${t}-${n.toString().padStart(2, "0")}-${r.toString().padStart(2, "0")}T${o.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}`;
 }, mn = (e) => {
-  const { value: t, onBlur: n, onChange: r } = e, o = C.map(t, (l) => l != null ? Pt(l) : null);
+  const { value: t, onBlur: n, onChange: r } = e, o = C.map(t, (l) => l != null ? Nt(l) : null);
   return z({
     ...e,
     input: te["datetime-local"](
       U(e),
       s.value(C.map(o, (l) => l ?? null)),
       s.class("bc-input"),
-      n != null ? b.blur(E(n)) : y,
-      r != null ? b.change(Tn(r)) : y
+      n != null ? m.blur(E(n)) : y,
+      r != null ? m.change(Tn(r)) : y
     )
   });
-}, lo = (e, ...t) => {
+}, ao = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
@@ -1592,7 +1622,7 @@ const M = ({
     },
     ...t
   );
-}, so = (e, ...t) => {
+}, co = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
@@ -1613,7 +1643,7 @@ const M = ({
     },
     ...t
   );
-}, Wt = (e) => new Date(e), Nt = (e) => e.toISOString(), ao = (e, ...t) => {
+}, Rt = (e) => new Date(e), qt = (e) => e.toISOString(), io = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
@@ -1622,11 +1652,11 @@ const M = ({
         ...o,
         ...Ie(
           o.controller,
-          (l) => l != null && l !== "" ? Wt(l) : null
+          (l) => l != null && l !== "" ? Rt(l) : null
         ),
         onChange: Ve(
           o.controller,
-          (l) => l != null ? Nt(l) : null,
+          (l) => l != null ? qt(l) : null,
           r
         ),
         onBlur: P(o.controller, n)
@@ -1634,7 +1664,7 @@ const M = ({
     },
     ...t
   );
-}, me = (e) => typeof e == "string" && e.trim() === "" ? null : e, fn = (e) => e ?? "", Rt = (e) => {
+}, me = (e) => typeof e == "string" && e.trim() === "" ? null : e, fn = (e) => e ?? "", zt = (e) => {
   const { value: t, onBlur: n, onChange: r, onInput: o, ...l } = e;
   return z({
     ...l,
@@ -1642,31 +1672,31 @@ const M = ({
       U(l),
       s.value(C.map(t, fn)),
       s.class("bc-input"),
-      n != null ? b.blur(n) : y,
-      r != null ? b.change(E((a) => r(me(a)))) : y,
-      o != null ? b.input(E((a) => o(me(a)))) : y
+      n != null ? m.blur(n) : y,
+      r != null ? m.change(E((a) => r(me(a)))) : y,
+      o != null ? m.input(E((a) => o(me(a)))) : y
     )
   });
-}, qt = (e) => {
+}, Ut = (e) => {
   const { value: t, onBlur: n, onChange: r, onInput: o, rows: l } = e;
   return z({
     ...e,
-    input: d.textarea(
+    input: h.textarea(
       U(e),
       s.rows(l ?? 10),
       s.value(C.map(t, fn)),
       s.class("bc-input"),
-      n != null ? b.blur(n) : y,
-      r != null ? b.change(E((a) => r(me(a)))) : y,
-      o != null ? b.input(E((a) => o(me(a)))) : y
+      n != null ? m.blur(n) : y,
+      r != null ? m.change(E((a) => r(me(a)))) : y,
+      o != null ? m.input(E((a) => o(me(a)))) : y
     )
   });
-}, co = (e, ...t) => {
+}, uo = (e, ...t) => {
   const { onBlur: n, onChange: r, rows: o, ...l } = e;
   return M(
     {
       ...l,
-      content: qt({
+      content: Ut({
         ...l,
         ...q(l.controller),
         rows: o,
@@ -1676,12 +1706,12 @@ const M = ({
     },
     ...t
   );
-}, io = (e, ...t) => {
+}, ho = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
       ...o,
-      content: Rt({
+      content: zt({
         ...o,
         ...q(o.controller),
         onChange: G(o.controller, r),
@@ -1690,7 +1720,7 @@ const M = ({
     },
     ...t
   );
-}, zt = (e) => {
+}, Gt = (e) => {
   const { value: t, step: n, min: r, max: o, onBlur: l, onChange: a, onInput: u } = e;
   return z({
     ...e,
@@ -1701,17 +1731,17 @@ const M = ({
       s.min(r),
       s.max(o),
       s.class("bc-input bc-number-input"),
-      l != null ? b.blur(E(l)) : y,
-      a != null ? b.change($e(a)) : y,
-      u != null ? b.input($e(u)) : y
+      l != null ? m.blur(E(l)) : y,
+      a != null ? m.change($e(a)) : y,
+      u != null ? m.input($e(u)) : y
     )
   });
-}, uo = (e, ...t) => {
+}, po = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
       ...o,
-      content: zt({
+      content: Gt({
         ...o,
         ...q(o.controller),
         onChange: G(o.controller, r),
@@ -1720,7 +1750,7 @@ const M = ({
     },
     ...t
   );
-}, Ut = (e) => {
+}, Zt = (e) => {
   const {
     value: t,
     onBlur: n,
@@ -1731,9 +1761,9 @@ const M = ({
     hasError: u,
     disabled: c,
     autocomplete: i,
-    placeholder: h,
+    placeholder: d,
     ...p
-  } = e, m = {
+  } = e, b = {
     name: "password",
     ...p
   }, g = R(!0), k = w(
@@ -1741,33 +1771,33 @@ const M = ({
     i
   )((S, x) => S ? x ?? "current-password" : "off"), $ = w(
     g,
-    h
+    d
   )((S, x) => S ? "•••••••••••••••" : x ?? "secret password");
   return z({
     before: l,
     disabled: c,
     hasError: u,
-    input: d.input(
+    input: h.input(
       U({
-        ...m,
+        ...b,
         autocomplete: k,
         placeholder: $
       }),
       le(
         g,
-        () => D(s.type("password")),
-        () => D(s.type("text"))
+        () => H(s.type("password")),
+        () => H(s.type("text"))
       ),
       s.class("bc-input"),
       s.value(t),
-      n != null ? b.blur(E(n)) : y,
-      r != null ? b.change(E(r)) : y,
-      o != null ? b.input(E(o)) : y
+      n != null ? m.blur(E(n)) : y,
+      r != null ? m.change(E(r)) : y,
+      o != null ? m.input(E(o)) : y
     ),
-    after: a ?? d.button(
+    after: a ?? h.button(
       s.class("bc-input-container__password-toggle"),
       Q.label("Toggle password visibility"),
-      b.click(() => g.update((S) => !S)),
+      m.click(() => g.update((S) => !S)),
       le(
         g,
         () => Z({ icon: "line-md--eye" }),
@@ -1775,13 +1805,13 @@ const M = ({
       )
     )
   });
-}, ho = (e, ...t) => {
+}, go = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
       label: "Password",
       ...o,
-      content: Ut({
+      content: Zt({
         ...o,
         ...q(o.controller),
         onChange: G(o.controller, r),
@@ -1791,68 +1821,68 @@ const M = ({
     ...t
   );
 };
-function Gt(e, t) {
+function Xt(e, t) {
   return e.length === t.length && e.every((n, r) => n === t[r]);
 }
-function Zt({
+function Yt({
   options: e,
   value: t,
   onChange: n,
   size: r = "md",
   disabled: o = !1
 }, ...l) {
-  const a = B(e).map(([h, p]) => ({
-    key: h,
+  const a = B(e).map(([d, p]) => ({
+    key: d,
     label: p
   })), u = Object.fromEntries(
-    a.map((h, p) => [h.key, p])
+    a.map((d, p) => [d.key, p])
   ), c = R(
     a.map(() => ({ left: 0, width: 0 })),
-    Gt
+    Xt
   );
-  function i(h, p) {
-    const m = [
+  function i(d, p) {
+    const b = [
       "bc-segmented-control",
-      `bu-text-${h}`,
-      `bc-segmented-control--${h}`
+      `bu-text-${d}`,
+      `bc-segmented-control--${d}`
     ];
-    return p && m.push("bc-segmented-control--disabled"), m.join(" ");
+    return p && b.push("bc-segmented-control--disabled"), b.join(" ");
   }
-  return d.div(
+  return h.div(
     s.class(
       w(
         r,
         o
       )(
-        (h, p) => i(h ?? "md", p ?? !1)
+        (d, p) => i(d ?? "md", p ?? !1)
       )
     ),
-    d.div(
+    h.div(
       s.class("bc-segmented-control__container"),
-      d.div(
+      h.div(
         s.class("bc-segmented-control__indicator"),
         f.width(
           w(
             t,
             c
-          )((h, p) => {
-            const { width: m } = p[u[h] ?? 0];
-            return `${m}px`;
+          )((d, p) => {
+            const { width: b } = p[u[d] ?? 0];
+            return `${b}px`;
           })
         ),
         f.left(
           w(
             t,
             c
-          )((h, p) => {
-            const { left: m } = p[u[h] ?? 0];
-            return `${m}px`;
+          )((d, p) => {
+            const { left: b } = p[u[d] ?? 0];
+            return `${b}px`;
           })
         )
       ),
       // clickable buttons
-      a.map(({ label: h, key: p }, m) => d.button(
-        b.click((g) => {
+      a.map(({ label: d, key: p }, b) => h.button(
+        m.click((g) => {
           g.preventDefault(), C.get(o) || n == null || n(p);
         }),
         s.disabled(o),
@@ -1864,7 +1894,7 @@ function Zt({
           const k = re(() => {
             c.update(($) => {
               const S = [...$];
-              return S[m] = {
+              return S[b] = {
                 width: g.offsetWidth,
                 left: g.offsetLeft
               }, S;
@@ -1872,13 +1902,13 @@ function Zt({
           });
           return N(k);
         }),
-        h
+        d
       ))
     ),
     ...l
   );
 }
-const po = (e, ...t) => {
+const bo = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
@@ -1899,7 +1929,7 @@ const po = (e, ...t) => {
     },
     ...t
   );
-}, Xt = (e) => {
+}, Kt = (e) => {
   const { value: t, onChange: n, onBlur: r } = e, o = R(""), l = (u) => {
     n == null || n(C.get(t).filter((c) => c !== u));
   }, a = () => {
@@ -1908,25 +1938,25 @@ const po = (e, ...t) => {
   };
   return z({
     ...e,
-    input: D(
+    input: H(
       s.class("bc-input-container__tags"),
       Ae(t, (u) => At({ value: u, onClose: () => l(u.value) })),
       te.text(
         U(e),
         s.value(o),
         s.class("bc-input bc-input-container__tags-input"),
-        b.input(E(o.set)),
-        n != null ? b.change(a) : y,
-        r != null ? b.blur(r) : y
+        m.input(E(o.set)),
+        n != null ? m.change(a) : y,
+        r != null ? m.blur(r) : y
       )
     )
   });
-}, go = (e, ...t) => {
+}, mo = (e, ...t) => {
   const { onBlur: n, onChange: r, ...o } = e;
   return M(
     {
       ...o,
-      content: Xt({
+      content: Kt({
         ...o,
         ...q(o.controller),
         onChange: G(o.controller, r),
@@ -1935,26 +1965,26 @@ const po = (e, ...t) => {
     },
     ...t
   );
-}, Yt = (e) => {
+}, Qt = (e) => {
   const { value: t, onBlur: n, onChange: r, onInput: o, rows: l } = e;
   return z({
     ...e,
-    input: d.textarea(
+    input: h.textarea(
       U(e),
       s.rows(l ?? 10),
       s.value(t),
       s.class("bc-input"),
-      n != null ? b.blur(E(n)) : y,
-      r != null ? b.change(E(r)) : y,
-      o != null ? b.input(E(o)) : y
+      n != null ? m.blur(E(n)) : y,
+      r != null ? m.change(E(r)) : y,
+      o != null ? m.input(E(o)) : y
     )
   });
-}, bo = (e, ...t) => {
+}, fo = (e, ...t) => {
   const { onBlur: n, onChange: r, rows: o, ...l } = e;
   return M(
     {
       ...l,
-      content: Yt({
+      content: Qt({
         ...l,
         ...q(l.controller),
         rows: o,
@@ -1966,7 +1996,7 @@ const po = (e, ...t) => {
     ...t
   );
 };
-function mo(e, t, n) {
+function ko(e, t, n) {
   return Ee(
     e.value,
     () => {
@@ -1974,7 +2004,7 @@ function mo(e, t, n) {
         (o) => o,
         (o) => o
       );
-      return D(
+      return H(
         N(() => r.dispose()),
         t(r)
       );
@@ -1982,15 +2012,15 @@ function mo(e, t, n) {
     n
   );
 }
-function fo(e, t, n) {
+function xo(e, t, n) {
   const r = e.length.map((o) => o);
-  return D(
+  return H(
     N(() => r.dispose()),
     Bn(
       r,
       (o) => {
         const l = e.item(o.index), a = [];
-        return D(
+        return H(
           N(() => {
             l.dispose(), a.forEach((u) => u());
           }),
@@ -2045,24 +2075,24 @@ function fo(e, t, n) {
     )
   );
 }
-function ko(e) {
+function vo(e) {
   return e.split(".").map((n) => {
     const r = n.match(/^\[(\d+)\]$/);
     return r ? Number(r[1]) : n;
   });
 }
-function Kt(e) {
+function Jt(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function Qt(e) {
+function er(e) {
   if (e.length === 0) return "";
   const [t, ...n] = e;
   return [
     typeof t == "number" ? `[${t}]` : t,
-    ...n.map(Kt)
+    ...n.map(Jt)
   ].join("");
 }
-function je(e) {
+function De(e) {
   return function(n) {
     var o;
     if (n.type === "Valid") return n;
@@ -2073,7 +2103,7 @@ function je(e) {
   };
 }
 var ae, ie;
-const De = class De {
+const He = class He {
   constructor(t, n, r, o, l) {
     _(this, "path");
     _(this, "change");
@@ -2089,24 +2119,24 @@ const De = class De {
     _(this, "disabled");
     he(this, ie, []);
     _(this, "onDispose", (t) => {
-      j(this, ie).push(t);
+      D(this, ie).push(t);
     });
     _(this, "dispose", () => {
-      for (const t of j(this, ie))
+      for (const t of D(this, ie))
         try {
           t();
         } catch (n) {
           console.error("Error in dispose callback:", n);
         }
-      j(this, ie).length = 0;
+      D(this, ie).length = 0;
     });
     _(this, "disable", () => {
-      j(this, ae).disabled.set(!0);
+      D(this, ae).disabled.set(!0);
     });
     _(this, "enable", () => {
-      j(this, ae).disabled.set(!1);
+      D(this, ae).disabled.set(!1);
     });
-    _(this, "array", (t = ve) => new er(
+    _(this, "array", (t = ve) => new tr(
       this.path,
       this.change,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2115,7 +2145,7 @@ const De = class De {
       this.parent,
       t
     ));
-    _(this, "object", (t = ve) => new Jt(
+    _(this, "object", (t = ve) => new nr(
       this.path,
       this.change,
       this.value,
@@ -2123,30 +2153,30 @@ const De = class De {
       this.parent,
       t
     ));
-    _(this, "transform", (t, n, r = [], o = ve) => new De(
+    _(this, "transform", (t, n, r = [], o = ve) => new He(
       [...this.path, ...r],
       (l) => this.change(n(l)),
       this.value.map(t, o),
-      this.status.map(je(r)),
+      this.status.map(De(r)),
       this.parent
     ));
     this.path = t, this.change = n, this.value = r, this.status = o, this.error = o.map((a) => a.type === "Invalid" ? a.error : void 0), this.hasError = this.error.map((a) => a != null), this.dependencyErrors = o.map(
       (a) => a.type === "Invalid" ? a.dependencies : void 0
     ), this.parent = l, this.disabled = w(
-      j(this, ae).disabled,
+      D(this, ae).disabled,
       l.disabled
     )((a, u) => a || u), this.onDispose(() => {
-      j(this, ae).disabled.dispose(), this.disabled.dispose(), this.error.dispose(), this.dependencyErrors.dispose();
+      D(this, ae).disabled.dispose(), this.disabled.dispose(), this.error.dispose(), this.dependencyErrors.dispose();
     });
   }
   get name() {
-    return Qt(this.path);
+    return er(this.path);
   }
 };
 ae = new WeakMap(), ie = new WeakMap();
-let ce = De;
+let ce = He;
 var oe;
-class Jt extends ce {
+class nr extends ce {
   constructor(n, r, o, l, a, u) {
     super(
       n,
@@ -2157,8 +2187,8 @@ class Jt extends ce {
     );
     he(this, oe, /* @__PURE__ */ new Map());
     _(this, "field", (n) => {
-      if (j(this, oe).has(n))
-        return j(this, oe).get(n);
+      if (D(this, oe).has(n))
+        return D(this, oe).get(n);
       const r = async (l) => {
         this.change({
           ...this.value.value,
@@ -2168,29 +2198,29 @@ class Jt extends ce {
         [...this.path, n],
         r,
         this.value.map((l) => l[n]),
-        this.status.map(je([n])),
+        this.status.map(De([n])),
         { disabled: this.disabled }
       );
-      return j(this, oe).set(n, o), o;
+      return D(this, oe).set(n, o), o;
     });
     this.onDispose(() => {
-      for (const c of j(this, oe).values())
+      for (const c of D(this, oe).values())
         c.dispose();
-      j(this, oe).clear();
+      D(this, oe).clear();
     });
   }
 }
 oe = new WeakMap();
 var ne;
-class er extends ce {
+class tr extends ce {
   constructor(n, r, o, l, a, u) {
-    const c = o.map((h) => h ?? [], u);
+    const c = o.map((d) => d ?? [], u);
     super(n, r, c, l, a);
     he(this, ne, new Array());
     _(this, "length");
     _(this, "item", (n) => {
-      if (j(this, ne)[n])
-        return j(this, ne)[n];
+      if (D(this, ne)[n])
+        return D(this, ne)[n];
       const r = async (l) => {
         const a = this.value.value.slice();
         a[n] = l, this.change(a);
@@ -2198,10 +2228,10 @@ class er extends ce {
         [...this.path, n],
         r,
         this.value.map((l) => l[n]),
-        this.status.map(je([n])),
+        this.status.map(De([n])),
         { disabled: this.disabled }
       );
-      return j(this, ne)[n] = o, o;
+      return D(this, ne)[n] = o, o;
     });
     _(this, "push", (...n) => {
       this.change([...this.value.value, ...n]);
@@ -2227,14 +2257,14 @@ class er extends ce {
       const l = this.value.value.slice(), a = l.splice(n, o);
       l.splice(r, 0, ...a), this.change(l);
     });
-    const i = c.on((h) => {
-      const p = j(this, ne).length - h.length;
-      p > 0 && j(this, ne).splice(h.length, p).forEach((m) => m.dispose());
+    const i = c.on((d) => {
+      const p = D(this, ne).length - d.length;
+      p > 0 && D(this, ne).splice(d.length, p).forEach((b) => b.dispose());
     });
-    this.length = c.map((h) => h.length), this.onDispose(() => {
-      for (const h of j(this, ne))
-        h.dispose();
-      this.length.dispose(), j(this, ne).length = 0, i(), c.dispose();
+    this.length = c.map((d) => d.length), this.onDispose(() => {
+      for (const d of D(this, ne))
+        d.dispose();
+      this.length.dispose(), D(this, ne).length = 0, i(), c.dispose();
     });
   }
 }
@@ -2263,27 +2293,27 @@ const kn = {
       dispose: r
     };
   }
-}, xo = () => Te(
+}, yo = () => Te(
   kn,
   ({ appearance: e }) => On("body", s.class(e.map((t) => `b-${t}`)))
 );
-function nr({
+function rr({
   value: e,
   onChange: t
 }) {
-  return Zt({
+  return Yt({
     size: "sm",
     value: e,
     options: {
-      system: d.span(
+      system: h.span(
         s.title("System"),
         Z({ icon: "line-md:laptop", color: "gray" })
       ),
-      light: d.span(
+      light: h.span(
         s.title("Light"),
         Z({ icon: "line-md:sunny-twotone-loop", color: "yellow" })
       ),
-      dark: d.span(
+      dark: h.span(
         s.title("Dark"),
         Z({
           icon: "line-md:sunny-outline-to-moon-alt-loop-transition",
@@ -2329,55 +2359,55 @@ function nr({
     // }),
   });
 }
-function vo() {
+function wo() {
   return Te(
     kn,
-    ({ appearancePreference: e, setAppearancePreference: t }) => nr({
+    ({ appearancePreference: e, setAppearancePreference: t }) => rr({
       value: e,
       onChange: t
     })
   );
 }
-const yo = (e) => {
+const $o = (e) => {
   const { value: t, onBlur: n, onChange: r, placeholder: o } = e;
   return z({
     growInput: !1,
     ...e,
-    input: d.span(
+    input: h.span(
       s.class("bc-checkbox-input"),
       te.checkbox(
         U(e),
         s.checked(t),
         s.class("bc-checkbox-input__checkbox"),
-        n != null ? b.blur(E(n)) : y,
-        r != null ? b.change(jn(r)) : y
+        n != null ? m.blur(E(n)) : y,
+        r != null ? m.change(Dn(r)) : y
       ),
-      o != null ? d.span(
+      o != null ? h.span(
         s.class("bc-checkbox-input__label"),
         Tt(o)
       ) : y
     )
   });
-}, wo = ({
+}, Co = ({
   startEditing: e,
   value: t,
   onChange: n,
   placeholder: r
 }) => {
   const o = C.deriveProp(e ?? !1), l = R(!1);
-  return d.div(
+  return h.div(
     s.class("bc-editable-text"),
     le(
       o,
-      () => d.input(
+      () => h.input(
         s.placeholder(r),
         s.value(t),
         s.class("bc-editable-text__input"),
         Wn(),
-        b.keydown((a) => {
+        m.keydown((a) => {
           a.key === "Enter" ? o.set(!1) : a.key === "Escape" && (l.set(!0), o.set(!1));
         }),
-        b.blur(
+        m.blur(
           E((a) => {
             if (o.set(!1), l.value) {
               l.set(!1);
@@ -2387,27 +2417,27 @@ const yo = (e) => {
           })
         )
       ),
-      () => d.span(
-        b.click(() => o.set(!0)),
+      () => h.span(
+        m.click(() => o.set(!0)),
         s.class("bc-editable-text__display"),
         le(
           C.map(t, (a) => a != null && a.trim() !== ""),
-          () => d.span(s.class("bc-editable-text__text"), t),
-          () => d.span(
+          () => h.span(s.class("bc-editable-text__text"), t),
+          () => h.span(
             s.class("bc-editable-text__placeholder"),
             r
           )
         ),
-        d.button(
+        h.button(
           s.class("bc-editable-text__edit-button"),
           Q.label("Edit"),
-          b.click(() => o.set(!0)),
+          m.click(() => o.set(!0)),
           Z({ icon: "line-md/pencil" })
         )
       )
     )
   );
-}, $o = ({
+}, So = ({
   value: e,
   onChange: t,
   offLabel: n,
@@ -2418,22 +2448,22 @@ const yo = (e) => {
   id: u
 }) => {
   const c = u ?? `switch-${Math.random().toString(36).substring(2, 11)}`, i = `${c}-label`;
-  function h(g, k) {
+  function d(g, k) {
     const $ = ["bc-switch", `bu-text-${k}`, `bc-switch--${k}`];
     return g && $.push("bc-switch--disabled"), $.join(" ");
   }
   const p = () => {
     C.get(l) || t(!C.get(e));
-  }, m = (g) => {
+  }, b = (g) => {
     C.get(l) || (g.key === " " || g.key === "Enter") && (g.preventDefault(), p());
   };
-  return d.div(
+  return h.div(
     s.class(
       w(
         l ?? !1,
         a
       )(
-        (g, k) => h(g ?? !1, k ?? "md")
+        (g, k) => d(g ?? !1, k ?? "md")
       )
     ),
     s.id(c),
@@ -2444,10 +2474,10 @@ const yo = (e) => {
     Q.checked(e),
     Q.disabled(l),
     Q.labelledby(o != null ? i : void 0),
-    b.click(p),
-    b.keydown(m),
+    m.click(p),
+    m.keydown(b),
     o != null ? dn(s.id(i), s.class(`bu-text-${a} bu-nowrap`), o) : null,
-    d.div(
+    h.div(
       s.class("bc-switch__track"),
       s.class(
         C.map(
@@ -2455,7 +2485,7 @@ const yo = (e) => {
           (g) => g ? "bc-switch__track--on" : "bc-switch__track--off"
         )
       ),
-      n != null ? d.div(
+      n != null ? h.div(
         Q.hidden(!0),
         s.class("bc-switch__track-label bc-switch__track-label--off"),
         s.class(
@@ -2466,7 +2496,7 @@ const yo = (e) => {
         ),
         n
       ) : null,
-      r != null ? d.div(
+      r != null ? h.div(
         s.class("bc-switch__track-label bc-switch__track-label--on"),
         s.class(
           C.map(
@@ -2477,7 +2507,7 @@ const yo = (e) => {
         r
       ) : null,
       fe(
-        (g) => d.div(
+        (g) => h.div(
           s.class("bc-switch__thumb"),
           s.class(
             C.map(
@@ -2513,7 +2543,7 @@ const yo = (e) => {
     )
   );
 };
-function tr(e) {
+function or(e) {
   function t(n) {
     return typeof n == "number" ? n : n.toString();
   }
@@ -2521,9 +2551,9 @@ function tr(e) {
     (n) => typeof n == "object" && n.key != null ? t(n.key) : t(n)
   );
 }
-function rr(e) {
+function lr(e) {
   const t = e.filter((o) => o.path == null || o.path.length === 0).map((o) => o.message), n = e.filter((o) => o.path != null && o.path.length > 0).reduce((o, l) => {
-    const a = tr(l.path), u = a.pop();
+    const a = or(l.path), u = a.pop();
     let c = o;
     for (const i of a)
       c.dependencies == null && (c.dependencies = {}), c.dependencies[i] == null && (c.dependencies[i] = {}), c = c.dependencies[i];
@@ -2535,7 +2565,7 @@ function rr(e) {
     error: r != "" ? r : void 0
   };
 }
-function or({
+function sr({
   defaultValue: e,
   onChange: t,
   validate: n
@@ -2553,54 +2583,54 @@ function or({
   }), u;
 }
 function xn(e) {
-  return D(s.disabled(e.disabled), s.name(e.name));
+  return H(s.disabled(e.disabled), s.name(e.name));
 }
-function Co(e, {
+function _o(e, {
   triggerOn: t = "change"
 } = {}) {
-  return D(
+  return H(
     xn(e),
     s.value(e.value),
-    (t === "input" ? b.input : b.change)(E(e.change))
+    (t === "input" ? m.input : m.change)(E(e.change))
   );
 }
-function So(e, {
+function Eo(e, {
   triggerOn: t = "change"
 } = {}) {
-  return D(
+  return H(
     xn(e),
     s.valueAsNumber(e.value),
-    (t === "input" ? b.input : b.change)(
+    (t === "input" ? m.input : m.change)(
       $e(e.change)
     )
   );
 }
-function lr(e) {
+function ar(e) {
   return e.issues != null ? {
     type: "Invalid",
-    ...rr(e.issues)
+    ...lr(e.issues)
   } : { type: "Valid" };
 }
-function _o({
+function Ao({
   defaultValue: e = {},
   schema: t
 }) {
-  return or({
+  return sr({
     defaultValue: e,
-    validate: async (n) => lr(
+    validate: async (n) => ar(
       await t["~standard"].validate(n)
     )
   }).object();
 }
-const sr = ["!=", "<=", ">=", "<", ">", "="];
-function ar(e) {
-  for (const t of sr)
+const cr = ["!=", "<=", ">=", "<", ">", "="];
+function ir(e) {
+  for (const t of cr)
     if (typeof e == "string" && e.startsWith(t))
       return [t, e.slice(t.length)];
   return ["=", e];
 }
-function cr(e, t, n) {
-  const [r, o] = ar(t), l = e.findIndex((c) => c[1] === o);
+function ur(e, t, n) {
+  const [r, o] = ir(t), l = e.findIndex((c) => c[1] === o);
   if (l === -1)
     throw new Error(`Breakpoint ${String(o)} not found`);
   const a = e[l][0], u = l < e.length - 1 ? e[l + 1][0] : 1 / 0;
@@ -2621,7 +2651,7 @@ function cr(e, t, n) {
       return !1;
   }
 }
-function Eo(e, t) {
+function To(e, t) {
   const n = e.findIndex((r) => r[0] > t) - 1;
   return n >= 0 ? e[n][1] : (e.length > 0 && t >= e[0][0], e[0][1]);
 }
@@ -2630,26 +2660,26 @@ function vn(e, { breakpoints: t, mode: n = "viewport" }) {
     ([a, u]) => [u, a]
   )].sort((a, u) => a[0] - u[0]), l = (a) => {
     const u = a.map(({ width: i }) => {
-      const h = o.findIndex((p) => p[0] > i) - 1;
-      return h >= 0 ? { width: i, breakpoint: o[h][1] } : o.length > 0 && i >= o[0][0] ? { width: i, breakpoint: o[0][1] } : { width: i, breakpoint: o[0][1] };
+      const d = o.findIndex((p) => p[0] > i) - 1;
+      return d >= 0 ? { width: i, breakpoint: o[d][1] } : o.length > 0 && i >= o[0][0] ? { width: i, breakpoint: o[0][1] } : { width: i, breakpoint: o[0][1] };
     });
     return e({
       value: u,
       breakpoints: t,
       asList: o,
-      is: (i, h) => cr(o, i, h)
+      is: (i, d) => ur(o, i, d)
     });
   };
   return n === "element" ? fe(l) : Nn(l);
 }
 let ye = NaN;
-function ir(e, t) {
+function dr(e, t) {
   return e ? (isNaN(ye) && (ye = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(e) * ye) : t;
 }
 function F(e, t, n) {
-  return ir(e.getPropertyValue(t), n);
+  return dr(e.getPropertyValue(t), n);
 }
-function ur(e) {
+function hr(e) {
   return X((t) => {
     const n = getComputedStyle(t), r = {
       zero: 0,
@@ -2662,7 +2692,7 @@ function ur(e) {
     return vn(e, { breakpoints: r });
   });
 }
-function Ao(e) {
+function Bo(e) {
   return X((t) => {
     const n = getComputedStyle(t), r = {
       zero: 0,
@@ -2703,25 +2733,25 @@ function yn({
   }, i = (x) => r.on((V) => {
     V === "closed" && x();
   });
-  let h = () => {
+  let d = () => {
   };
   r.on((x) => {
-    switch (h(), x) {
+    switch (d(), x) {
       case "start-opening":
-        h = re(() => r.set("opening"));
+        d = re(() => r.set("opening"));
         break;
       case "opening":
-        h = t(() => r.set("opened"));
+        d = t(() => r.set("opened"));
         break;
       case "start-closing":
-        h = re(() => r.set("closing"));
+        d = re(() => r.set("closing"));
         break;
       case "closing":
-        h = n(() => r.set("closed"));
+        d = n(() => r.set("closed"));
         break;
     }
-  }), r.onDispose(() => h());
-  const p = r.map((x) => x === "closed"), m = r.map((x) => x === "start-opening"), g = r.map((x) => x === "opening"), k = r.map((x) => x === "opened"), $ = r.map((x) => x === "closing"), S = r.map((x) => x === "start-closing");
+  }), r.onDispose(() => d());
+  const p = r.map((x) => x === "closed"), b = r.map((x) => x === "start-opening"), g = r.map((x) => x === "opening"), k = r.map((x) => x === "opened"), $ = r.map((x) => x === "closing"), S = r.map((x) => x === "start-closing");
   return {
     status: r,
     open: o,
@@ -2730,7 +2760,7 @@ function yn({
     setOpen: u,
     display: a,
     isClosed: p,
-    isStartOpening: m,
+    isStartOpening: b,
     isOpening: g,
     isOpened: k,
     isClosing: $,
@@ -2739,7 +2769,7 @@ function yn({
     onClosed: i
   };
 }
-function To({
+function Io({
   initialStatus: e = "closed",
   duration: t,
   openDuration: n = t ?? 500,
@@ -2763,8 +2793,8 @@ function ze(e, t) {
     i.target === e && o();
   }
   const c = re(() => {
-    var h, p;
-    if (typeof window < "u" && ((p = (h = window.navigator) == null ? void 0 : h.userAgent) == null ? void 0 : p.includes("jsdom"))) {
+    var d, p;
+    if (typeof window < "u" && ((p = (d = window.navigator) == null ? void 0 : d.userAgent) == null ? void 0 : p.includes("jsdom"))) {
       r = setTimeout(o, 16);
       return;
     }
@@ -2887,7 +2917,7 @@ function we(e) {
     e.every((n) => n[t] == null || n[t].startsWith("?")) && (e = e.map((n) => n.filter((r, o) => o !== t)), t--);
   return e = e.map((t) => t.map((n) => n != null && n.startsWith("?") ? n.slice(1) : n)), e;
 }
-function dr({
+function pr({
   smallBreakpoint: e,
   mediumBreakpoint: t,
   vertical: n,
@@ -2904,13 +2934,13 @@ function dr({
       [null],
       [null]
     ];
-    const h = [];
-    h.push("1fr");
+    const d = [];
+    d.push("1fr");
     const p = [];
     return r.banner && (p.push(r.banner[c] + "px"), i[0][1] = "banner"), (r.header || n.menu || n.aside) && (p.push(
       (((g = r.header) == null ? void 0 : g[c]) ?? ee.header[c]) + "px"
     ), i[1][1] = "header"), r.mainHeader && (p.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), p.push("1fr"), i[3][1] = "main", r.mainFooter && (p.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (p.push(r.footer[c] + "px"), i[5][1] = "footer"), i = we(i), {
-      columns: h.join(" "),
+      columns: d.join(" "),
       rows: p.join(" "),
       areas: i.map((k) => `"${k.join(" ")}"`).join(`
 `),
@@ -2930,13 +2960,13 @@ function dr({
       [null, null],
       [null, null]
     ];
-    const h = [];
-    n.menu && (h.push(n.menu[c] + "px"), i[2][0] = "?menu", i[3][0] = "menu", i[4][0] = "?menu"), h.push("1fr");
+    const d = [];
+    n.menu && (d.push(n.menu[c] + "px"), i[2][0] = "?menu", i[3][0] = "menu", i[4][0] = "?menu"), d.push("1fr");
     const p = [];
     return r.banner && (p.push(r.banner[c] + "px"), i[0][0] = "?banner", i[0][1] = "banner"), (r.header || n.aside) && (p.push(
       (((g = r.header) == null ? void 0 : g[c]) ?? ee.header[c]) + "px"
     ), i[1][0] = "?header", i[1][1] = "header"), r.mainHeader && (p.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), p.push("1fr"), i[3][1] = "main", r.mainFooter && (p.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (p.push(r.footer[c] + "px"), i[5][0] = "?footer", i[5][1] = "footer"), i = we(i), {
-      columns: h.join(" "),
+      columns: d.join(" "),
       rows: p.join(" "),
       areas: i.map((k) => `"${k.join(" ")}"`).join(`
 `),
@@ -2955,11 +2985,11 @@ function dr({
       [null, null, null],
       [null, null, null]
     ];
-    const h = [];
-    n.menu && (h.push(n.menu[c] + "px"), i[2][0] = "?menu", i[3][0] = "menu", i[4][0] = "?menu"), h.push("1fr"), n.aside && (h.push(n.aside[c] + "px"), i[2][2] = "?aside", i[3][2] = "aside", i[4][2] = "?aside");
+    const d = [];
+    n.menu && (d.push(n.menu[c] + "px"), i[2][0] = "?menu", i[3][0] = "menu", i[4][0] = "?menu"), d.push("1fr"), n.aside && (d.push(n.aside[c] + "px"), i[2][2] = "?aside", i[3][2] = "aside", i[4][2] = "?aside");
     const p = [];
     return r.banner && (p.push(r.banner[c] + "px"), i[0][0] = "?banner", i[0][1] = "banner", i[0][2] = "?banner"), r.header && (p.push(r.header[c] + "px"), i[1][0] = "?header", i[1][1] = "header", i[1][2] = "?header"), r.mainHeader && (p.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), p.push("1fr"), i[3][1] = "main", r.mainFooter && (p.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (p.push(r.footer[c] + "px"), i[5][0] = "?footer", i[5][1] = "footer", i[5][2] = "?footer"), i = we(i), {
-      columns: h.join(" "),
+      columns: d.join(" "),
       rows: p.join(" "),
       areas: i.map((g) => `"${g.join(" ")}"`).join(`
 `),
@@ -2974,65 +3004,65 @@ function dr({
     breakpoint: i
   }) => o(`<=${e}`, c) ? l(i) : o(`<=${t}`, c) ? a(i) : u(i);
 }
-const hr = ["menu", "aside"], pr = [
+const gr = ["menu", "aside"], br = [
   "banner",
   "header",
   "mainHeader",
   "mainFooter",
   "footer"
 ];
-function gr(e, { displayMenu: t }, n) {
+function mr(e, { displayMenu: t }, n) {
   return e ? t ? "block" : n ? "float" : "none" : "none";
 }
-function br(e, { displayAside: t }, n) {
+function fr(e, { displayAside: t }, n) {
   return e ? t ? "block" : n ? "float" : "none" : "none";
 }
-function Bo({
+function Vo({
   smallBreakpoint: e = "sm",
   mediumBreakpoint: t = "md",
   ...n
 }) {
   const r = Object.fromEntries(
-    hr.filter((l) => n[l]).map(
+    gr.filter((l) => n[l]).map(
       (l) => [
         l,
         Ue(n[l].width ?? {}, ee[l])
       ]
     )
   ), o = Object.fromEntries(
-    pr.filter((l) => n[l]).map(
+    br.filter((l) => n[l]).map(
       (l) => [
         l,
         Ue(n[l].height ?? {}, ee[l])
       ]
     )
   );
-  return ur(({ value: l, is: a }) => {
+  return hr(({ value: l, is: a }) => {
     var x, V, Y, A, O, T, I, K, W, se;
-    const u = dr({
+    const u = pr({
       smallBreakpoint: e,
       mediumBreakpoint: t,
       vertical: r,
       horizontal: o,
       is: a
-    }), c = l.map(u), i = o.header != null || r.menu != null || r.aside != null, h = w(
+    }), c = l.map(u), i = o.header != null || r.menu != null || r.aside != null, d = w(
       r.aside != null,
       c
-    )((v, { displayAside: H }) => v && !H), p = w(
+    )((v, { displayAside: j }) => v && !j), p = w(
       r.menu != null,
       c
-    )((v, { displayMenu: H }) => v && !H), m = de(), g = de(), k = R(0), $ = w(
+    )((v, { displayMenu: j }) => v && !j), b = de(), g = de(), k = R(0), $ = w(
       r.menu != null,
       c,
-      m.display
-    )(gr), S = w(
+      b.display
+    )(mr), S = w(
       r.aside != null,
       c,
       g.display
-    )(br);
-    return d.div(
+    )(fr);
+    return h.div(
       N(() => {
-        k.dispose(), m.dispose(), g.dispose();
+        k.dispose(), b.dispose(), g.dispose();
       }),
       f.height("100%"),
       f.display("grid"),
@@ -3041,7 +3071,7 @@ function Bo({
       f.gridTemplateAreas(c.$.areas),
       f.gridColumnGap("0"),
       f.gridRowGap("0"),
-      n.banner ? d.header(
+      n.banner ? h.header(
         s.class(
           J(
             "none",
@@ -3053,7 +3083,7 @@ function Bo({
         f.gridArea("banner"),
         n.banner.content
       ) : null,
-      d.header(
+      h.header(
         s.class(
           J(
             "bottom",
@@ -3065,10 +3095,10 @@ function Bo({
         f.display(i ? "block" : "none"),
         f.gridArea("header"),
         fe((v) => (v.$.bottom.feedProp(k), null)),
-        d.div(
+        h.div(
           f.display("flex"),
           f.height("100%"),
-          d.div(
+          h.div(
             f.display(
               p.map((v) => v ? "flex" : "none")
             ),
@@ -3078,30 +3108,30 @@ function Bo({
             f.width("60px"),
             ue(
               {
-                onClick: () => m.toggle(),
+                onClick: () => b.toggle(),
                 variant: "light",
                 color: "base"
               },
               Q.label("Open menu"),
               Z({
-                icon: m.display.map(
+                icon: b.display.map(
                   (v) => v ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
                 )
               })
             )
           ),
-          d.div(
+          h.div(
             f.height("100%"),
             f.flexGrow("1"),
             (Y = n.header) == null ? void 0 : Y.content
           ),
-          d.div(
+          h.div(
             f.alignItems("center"),
             f.justifyContent("center"),
             f.height("100%"),
             f.width("60px"),
             f.display(
-              h.map((v) => v ? "flex" : "none")
+              d.map((v) => v ? "flex" : "none")
             ),
             ue(
               {
@@ -3124,17 +3154,17 @@ function Bo({
           )
         )
       ),
-      n.menu ? d.nav(
-        X((v) => m.setElement(v)),
+      n.menu ? h.nav(
+        X((v) => b.setElement(v)),
         s.class("bu-z-10"),
         s.class(
           $.map(
             (v) => {
-              var H, He, Le, Fe;
+              var j, je, Le, Fe;
               return v === "float" ? J(
                 "right",
-                ((H = n.menu) == null ? void 0 : H.color) ?? "white",
-                ((He = n.menu) == null ? void 0 : He.shadow) ?? "md"
+                ((j = n.menu) == null ? void 0 : j.color) ?? "white",
+                ((je = n.menu) == null ? void 0 : je.shadow) ?? "md"
               ) : J(
                 "right",
                 ((Le = n.menu) == null ? void 0 : Le.color) ?? "white",
@@ -3148,28 +3178,28 @@ function Bo({
         f.display(
           w(
             $,
-            m.status
-          )((v, H) => v === "none" && H === "closed" ? "none" : "block")
+            b.status
+          )((v, j) => v === "none" && j === "closed" ? "none" : "block")
         ),
         f.position(
           w(
             $,
-            m.status
-          )((v, H) => v === "float" || v === "none" && H !== "closed" ? "fixed" : "initial")
+            b.status
+          )((v, j) => v === "float" || v === "none" && j !== "closed" ? "fixed" : "initial")
         ),
         f.top(k.map((v) => `${v}px`)),
         _e(
           "slide-right",
           w(
             $,
-            m.status
-          )((v, H) => v === "block" ? "opened" : H)
+            b.status
+          )((v, j) => v === "block" ? "opened" : j)
         ),
         f.width(c.$.menuWidth),
         f.bottom(k.map((v) => `${v}px`)),
         (A = n.menu) == null ? void 0 : A.content
       ) : null,
-      n.mainHeader ? d.header(
+      n.mainHeader ? h.header(
         f.height("100%"),
         f.gridArea("mainHeader"),
         s.class(
@@ -3181,7 +3211,7 @@ function Bo({
         ),
         n.mainHeader.content
       ) : null,
-      d.main(
+      h.main(
         f.height("100%"),
         f.overflow("hidden"),
         f.gridArea("main"),
@@ -3194,7 +3224,7 @@ function Bo({
         ),
         n.main.content
       ),
-      n.mainFooter ? d.footer(
+      n.mainFooter ? h.footer(
         f.height("100%"),
         f.gridArea("mainFooter"),
         s.class(
@@ -3206,7 +3236,7 @@ function Bo({
         ),
         n.mainFooter.content
       ) : null,
-      n.aside ? d.aside(
+      n.aside ? h.aside(
         X((v) => {
           g.setElement(v);
         }),
@@ -3222,13 +3252,13 @@ function Bo({
           w(
             S,
             g.status
-          )((v, H) => v === "none" && H === "closed" ? "none" : "block")
+          )((v, j) => v === "none" && j === "closed" ? "none" : "block")
         ),
         f.position(
           w(
             S,
             g.status
-          )((v, H) => v === "float" || v === "none" && H !== "closed" ? "fixed" : "initial")
+          )((v, j) => v === "float" || v === "none" && j !== "closed" ? "fixed" : "initial")
         ),
         f.top(k.map((v) => `${v}px`)),
         _e(
@@ -3236,13 +3266,13 @@ function Bo({
           w(
             S,
             g.status
-          )((v, H) => v === "block" ? "opened" : H)
+          )((v, j) => v === "block" ? "opened" : j)
         ),
         f.width(c.$.asideWidth),
         f.bottom(k.map((v) => `${v}px`)),
         n.aside.content
       ) : null,
-      n.footer ? d.footer(
+      n.footer ? h.footer(
         s.class(J("top", "white", "none")),
         f.height("100%"),
         f.gridArea("footer"),
@@ -3251,19 +3281,19 @@ function Bo({
     );
   });
 }
-function mr(e, t, n) {
+function kr(e, t, n) {
   const r = ["bc-card"];
   return e !== "default" && r.push(`bc-card--${e}`), t !== "md" && r.push(`bc-card--padding-${t}`), n !== "lg" && r.push(`bc-card--rounded-${n}`), r.join(" ");
 }
-function Io({ variant: e = "default", size: t = "md", roundedness: n = "lg" } = {}, ...r) {
-  return d.div(
+function Oo({ variant: e = "default", size: t = "md", roundedness: n = "lg" } = {}, ...r) {
+  return h.div(
     s.class(
       w(
         e,
         t,
         n
       )(
-        (o, l, a) => mr(
+        (o, l, a) => kr(
           o ?? "default",
           l ?? "md",
           a ?? "lg"
@@ -3273,19 +3303,19 @@ function Io({ variant: e = "default", size: t = "md", roundedness: n = "lg" } =
     ...r
   );
 }
-function Vo(...e) {
-  return d.div(
+function Do(...e) {
+  return h.div(
     s.class("bc-center-h"),
-    d.div(s.class("bc-center__content"), ...e)
+    h.div(s.class("bc-center__content"), ...e)
   );
 }
-function fr(e) {
+function xr(e) {
   const t = ["bc-center"];
   return e !== "lg" && t.push(`bc-center--gap-${e}`), t.join(" ");
 }
-function Oo({ gap: e = "lg" } = {}, ...t) {
-  return d.div(
-    s.class(w(e)((n) => fr(n ?? "lg"))),
+function Ho({ gap: e = "lg" } = {}, ...t) {
+  return h.div(
+    s.class(w(e)((n) => xr(n ?? "lg"))),
     ...t
   );
 }
@@ -3300,7 +3330,7 @@ function jo(e, t = 0, n = () => !0) {
     r != null && clearTimeout(r);
   }), l;
 }
-function kr({ open: e }, ...t) {
+function vr({ open: e }, ...t) {
   return X((n) => {
     const { status: r, setOpen: o, dispose: l } = de({
       initialStatus: C.get(e) ? "opened" : "closed",
@@ -3311,16 +3341,16 @@ function kr({ open: e }, ...t) {
       return w(
         r,
         a.$.height
-      )((i, h) => i === "opened" && h > 0 ? h : null).on((i) => {
+      )((i, d) => i === "opened" && d > 0 ? d : null).on((i) => {
         i != null && u.set(i);
       }), r.on((i) => {
         if (n && i === "start-opening") {
-          const h = n.style.height, p = n.style.transition;
+          const d = n.style.height, p = n.style.transition;
           n.style.transition = "none", n.style.height = "auto", n.offsetHeight;
-          const m = n.scrollHeight;
-          m > 0 && u.set(m), n.style.height = h, n.style.transition = p, n.offsetHeight;
+          const b = n.scrollHeight;
+          b > 0 && u.set(b), n.style.height = d, n.style.transition = p, n.offsetHeight;
         }
-      }), D(
+      }), H(
         N(l),
         N(u.dispose),
         s.style(
@@ -3332,8 +3362,8 @@ function kr({ open: e }, ...t) {
     });
   });
 }
-function Do(...e) {
-  return d.div(s.class("bc-group"), ...e);
+function Lo(...e) {
+  return h.div(s.class("bc-group"), ...e);
 }
 function Ge({
   header: e,
@@ -3346,7 +3376,7 @@ function Ge({
     const c = u.scrollTop === 0, i = u.scrollTop + u.clientHeight >= u.scrollHeight - 1;
     c && i ? o.set("none") : c ? o.set("bottom") : i ? o.set("top") : o.set("both");
   }
-  return d.div(
+  return h.div(
     s.class("bc-scrollable-panel"),
     s.class(
       w(
@@ -3366,36 +3396,36 @@ function Ge({
         }
       })
     ),
-    e && d.div(s.class("bc-scrollable-panel__header"), e),
-    d.div(s.class("bc-scrollable-panel--header-shadow"), d.div()),
-    d.div(
+    e && h.div(s.class("bc-scrollable-panel__header"), e),
+    h.div(s.class("bc-scrollable-panel--header-shadow"), h.div()),
+    h.div(
       s.class("bc-scrollable-panel__body"),
       X(
         (u) => N(re(() => l(u)))
       ),
-      b.scroll((u) => {
+      m.scroll((u) => {
         const c = u.target;
         l(c);
       }),
       n
     ),
-    d.div(s.class("bc-scrollable-panel--footer-shadow"), d.div()),
-    t && d.div(s.class("bc-scrollable-panel__footer"), t)
+    h.div(s.class("bc-scrollable-panel--footer-shadow"), h.div()),
+    t && h.div(s.class("bc-scrollable-panel__footer"), t)
   );
 }
-function xr(e, t, n) {
+function yr(e, t, n) {
   const r = ["bc-sink"];
   return e !== "default" && r.push(`bc-sink--${e}`), t !== "md" && r.push(`bc-sink--padding-${t}`), n !== "lg" && r.push(`bc-sink--rounded-${n}`), r.join(" ");
 }
-function Ho({ variant: e = "default", size: t = "md", roundedness: n = "lg" } = {}, ...r) {
-  return d.div(
+function Fo({ variant: e = "default", size: t = "md", roundedness: n = "lg" } = {}, ...r) {
+  return h.div(
     s.class(
       w(
         e,
         t,
         n
       )(
-        (o, l, a) => xr(
+        (o, l, a) => yr(
           o ?? "default",
           l ?? "md",
           a ?? "lg"
@@ -3405,13 +3435,13 @@ function Ho({ variant: e = "default", size: t = "md", roundedness: n = "lg" } =
     ...r
   );
 }
-function Lo(...e) {
-  return d.div(s.class("bc-stack"), ...e);
+function Mo(...e) {
+  return h.div(s.class("bc-stack"), ...e);
 }
-function vr(e) {
+function wr(e) {
   return e.startsWith("top") ? "flyout-top" : e.startsWith("bottom") ? "flyout-bottom" : e.startsWith("left") ? "flyout-left" : e.startsWith("right") ? "flyout-right" : "scale-fade";
 }
-function yr(e) {
+function $r(e) {
   const {
     content: t,
     placement: n = "top",
@@ -3422,9 +3452,9 @@ function yr(e) {
     showOn: u = "hover-focus",
     closable: c = !0,
     arrow: i,
-    role: h
+    role: d
   } = e;
-  return Rn((p, m) => {
+  return Rn((p, b) => {
     const g = de({
       initialStatus: "closed"
     });
@@ -3442,16 +3472,16 @@ function yr(e) {
         arrow: i,
         content: X((W) => (g.setElement(W), S = re(() => {
           g.open(), S = null;
-        }), D(
+        }), H(
           N(() => {
             V();
           }),
           s.class("bc-flyout"),
           _e(
-            C.map(n, vr),
+            C.map(n, wr),
             g.status
           ),
-          h ? s.role(h) : null,
+          d ? s.role(d) : null,
           t()
         )))
       });
@@ -3472,37 +3502,37 @@ function yr(e) {
     let T = null;
     function I() {
       if (A != null && (clearTimeout(A), A = null), T != null && (clearTimeout(T), T = null), S && (S(), S = null, x)) {
-        m(), V();
+        b(), V();
         return;
       }
       const W = C.get(o);
       T = setTimeout(() => {
         T = null, $ && ($(), $ = null), g.close(), $ = g.onClosed(() => {
-          m(), V();
+          b(), V();
         });
       }, W);
     }
     if (typeof u == "function")
       return u(O, I);
     const K = u;
-    return D(
+    return H(
       N(() => {
         g.dispose();
       }),
-      Dn(K, {
-        "hover-focus": () => D(
-          b.mouseenter(() => O()),
-          b.mouseleave(() => I()),
-          b.focus(() => O()),
-          b.blur(() => I())
+      Hn(K, {
+        "hover-focus": () => H(
+          m.mouseenter(() => O()),
+          m.mouseleave(() => I()),
+          m.focus(() => O()),
+          m.blur(() => I())
         ),
-        hover: () => D(
-          b.mouseenter(() => O()),
-          b.mouseleave(() => I())
+        hover: () => H(
+          m.mouseenter(() => O()),
+          m.mouseleave(() => I())
         ),
-        focus: () => D(
-          b.focus(() => O()),
-          b.blur(() => I())
+        focus: () => H(
+          m.focus(() => O()),
+          m.blur(() => I())
         ),
         click: () => {
           function W() {
@@ -3511,9 +3541,9 @@ function yr(e) {
           function se() {
             W(), I();
           }
-          return D(
+          return H(
             N(W),
-            b.click(() => {
+            m.click(() => {
               O(), re(() => {
                 document.addEventListener("click", se, {
                   once: !0
@@ -3528,7 +3558,7 @@ function yr(e) {
   });
 }
 function Ze({ rail: e }, ...t) {
-  return d.div(
+  return h.div(
     s.class(
       C.map(
         e ?? !1,
@@ -3539,49 +3569,49 @@ function Ze({ rail: e }, ...t) {
     ...t
   );
 }
-function wr(e, ...t) {
+function Cr(e, ...t) {
   return zn({ href: e.href, withViewTransition: !0 }, ...t);
 }
-function $r(...e) {
-  return d.span(...e);
+function Sr(...e) {
+  return h.span(...e);
 }
-function Cr(e, ...t) {
-  return d.button(b.click(e.onClick), ...t);
+function _r(e, ...t) {
+  return h.button(m.click(e.onClick), ...t);
 }
-function Sr(e) {
+function Er(e) {
   var n;
   const t = [s.class("bc-sidebar-link")];
   return e.icon != null && t.push(
-    d.span(
+    h.span(
       s.class("bc-sidebar-link--icon"),
       Z({ icon: e.icon })
     )
   ), t.push(
-    d.span(s.class("bc-sidebar-link__content"), e.content)
+    h.span(s.class("bc-sidebar-link__content"), e.content)
   ), e.right != null && t.push(
-    d.span(s.class("bc-sidebar-link__right"), e.right)
+    h.span(s.class("bc-sidebar-link__right"), e.right)
   ), e.action != null && t.push(
-    d.button(
+    h.button(
       s.class("bc-sidebar-link--action"),
-      b.click((r, o) => {
+      m.click((r, o) => {
         var l, a;
         (a = (l = e.action) == null ? void 0 : l.onClick) == null || a.call(l, o);
       }),
       Z({ icon: (n = e.action) == null ? void 0 : n.icon })
     )
-  ), "onClick" in e ? Cr(e, ...t) : Te(qn, (r) => {
+  ), "onClick" in e ? _r(e, ...t) : Te(qn, (r) => {
     const o = w(
       r,
       e.href
     )(({ pathname: l }, a) => l === a);
     return le(
       o,
-      () => $r(...t),
-      () => wr(e, ...t)
+      () => Sr(...t),
+      () => Cr(e, ...t)
     );
   });
 }
-function Fo({
+function Po({
   rail: e = !0,
   icon: t,
   header: n,
@@ -3596,24 +3626,24 @@ function Fo({
         (a) => a ? "bc-sidebar-group-collapsible--open" : "bc-sidebar-group-collapsible--closed"
       )
     ),
-    Sr({
+    Er({
       icon: t,
       onClick: () => l.update((a) => !a),
-      right: d.span(
+      right: h.span(
         s.class("bc-sidebar-group-collapsible-indicator"),
         Z({ icon: "lucide:chevron-down", color: "base" })
       ),
       content: n
     }),
-    Ze({ rail: e }, kr({ open: l }, ...o))
+    Ze({ rail: e }, vr({ open: l }, ...o))
   );
 }
-function Mo(e, t) {
+function Wo(e, t) {
   return e(() => {
   });
 }
 function wn(e) {
-  return Hn((t) => {
+  return jn((t) => {
     const n = [], r = () => n.forEach((l) => l());
     return e(({
       effect: l = "opaque",
@@ -3621,12 +3651,12 @@ function wn(e) {
       onClickOutside: u,
       onEscape: c,
       content: i,
-      container: h = "body"
+      container: d = "body"
     }) => {
-      h === "body" && (t = t.makePortal("body"));
+      d === "body" && (t = t.makePortal("body"));
       const p = de();
       p.onClosed(r);
-      let m = () => {
+      let b = () => {
       }, g = () => {
       };
       const k = (A) => {
@@ -3634,12 +3664,12 @@ function wn(e) {
       }, $ = () => {
         u == null || u(), p.close();
       }, S = (A) => {
-        m(), g(), A === "capturing" ? (document.addEventListener("keydown", k), m = () => document.removeEventListener("keydown", k), t.element.addEventListener("mousedown", $), g = () => t.element.removeEventListener("mousedown", $)) : (m = () => {
+        b(), g(), A === "capturing" ? (document.addEventListener("keydown", k), b = () => document.removeEventListener("keydown", k), t.element.addEventListener("mousedown", $), g = () => t.element.removeEventListener("mousedown", $)) : (b = () => {
         }, g = () => {
         });
       }, x = C.on(a, S);
       n.push(x), n.push(() => {
-        m(), g();
+        b(), g();
       });
       const Y = Ln((() => {
         var O, T;
@@ -3654,7 +3684,7 @@ function wn(e) {
           ))
             A.has(I) || I.removeAttribute("inert");
           A.clear();
-        }), (T = (O = document.activeElement) == null ? void 0 : O.blur) == null || T.call(O), d.div(
+        }), (T = (O = document.activeElement) == null ? void 0 : O.blur) == null || T.call(O), h.div(
           X((I) => p.setElement(I)),
           We.status(p.status.map(String)),
           We.overlay("true"),
@@ -3677,7 +3707,7 @@ function wn(e) {
     }, r);
   });
 }
-function _r(e, t) {
+function Ar(e, t) {
   const {
     size: n = "md",
     dismissable: r = !0,
@@ -3687,11 +3717,11 @@ function _r(e, t) {
     container: u = "body",
     position: c = "center"
   } = e;
-  return wn((i, h) => {
+  return wn((i, d) => {
     let p = () => {
     };
     return t((k) => {
-      p = h;
+      p = d;
       const $ = R("capturing");
       C.on(r, (V) => {
         $.set(V ? "capturing" : "non-capturing");
@@ -3699,7 +3729,7 @@ function _r(e, t) {
       const S = w(
         k.header != null,
         o
-      )((V, Y) => V || Y), x = d.div(
+      )((V, Y) => V || Y), x = h.div(
         s.class(
           w(
             n,
@@ -3708,17 +3738,17 @@ function _r(e, t) {
             (V, Y) => `bc-modal bc-modal--size-${V} bc-modal--container-${u} bc-modal--position-${Y}`
           )
         ),
-        b.mousedown((V) => V.stopPropagation()),
+        m.mousedown((V) => V.stopPropagation()),
         // Prevent overlay click-outside when clicking modal content
         // Modal content container
-        d.div(
+        h.div(
           s.class("bc-modal__content"),
           // Header section
           le(
             S,
-            () => d.div(
+            () => h.div(
               s.class("bc-modal__header"),
-              d.div(k.header),
+              h.div(k.header),
               le(
                 o,
                 () => ue(
@@ -3726,7 +3756,7 @@ function _r(e, t) {
                     variant: "text",
                     size: "sm",
                     onClick: () => {
-                      p(), h();
+                      p(), d();
                     }
                   },
                   Q.label("Close modal"),
@@ -3736,9 +3766,9 @@ function _r(e, t) {
             )
           ),
           // Body section
-          d.div(s.class("bc-modal__body"), k.body),
+          h.div(s.class("bc-modal__body"), k.body),
           // Footer section
-          k.footer && d.div(s.class("bc-modal__footer"), k.footer)
+          k.footer && h.div(s.class("bc-modal__footer"), k.footer)
         )
       );
       i({
@@ -3747,18 +3777,18 @@ function _r(e, t) {
         container: u,
         content: x,
         onClickOutside: () => {
-          l == null || l(), h();
+          l == null || l(), d();
         },
         onEscape: () => {
-          l == null || l(), h();
+          l == null || l(), d();
         }
       });
     }, () => {
-      p(), h();
+      p(), d();
     });
   });
 }
-function Po(e, t) {
+function No(e, t) {
   const {
     confirmText: n = "Confirm",
     cancelText: r = "Cancel",
@@ -3766,23 +3796,23 @@ function Po(e, t) {
     onCancel: l,
     ...a
   } = e;
-  return _r(
+  return Ar(
     { showCloseButton: !1, ...a },
     (u, c) => {
       const i = () => {
         o == null || o(), c();
-      }, h = () => {
+      }, d = () => {
         l == null || l(), c();
       };
-      return t((m) => {
+      return t((b) => {
         u({
-          body: m,
-          footer: D(
+          body: b,
+          footer: H(
             s.class("bu-justify-end"),
             ue(
               {
                 variant: "outline",
-                onClick: h
+                onClick: d
               },
               r
             ),
@@ -3800,7 +3830,7 @@ function Po(e, t) {
     }
   );
 }
-function Wo(e) {
+function Ro(e) {
   return wn((t, n) => {
     let r = n;
     const o = () => r();
@@ -3808,9 +3838,9 @@ function Wo(e) {
       const {
         size: c = "md",
         side: i = "right",
-        dismissable: h = !0,
+        dismissable: d = !0,
         showCloseButton: p = !0,
-        onClose: m,
+        onClose: b,
         overlayEffect: g = "opaque",
         container: k = "body",
         header: $,
@@ -3819,7 +3849,7 @@ function Wo(e) {
       } = u;
       r = n;
       const V = R("capturing");
-      C.on(h, (O) => {
+      C.on(d, (O) => {
         V.set(O ? "capturing" : "non-capturing");
       });
       const Y = w(
@@ -3834,7 +3864,7 @@ function Wo(e) {
           T.close(), T.onClosed(() => {
             n();
           });
-        }, re(() => T.open()), d.div(
+        }, re(() => T.open()), h.div(
           s.class(
             w(
               c,
@@ -3844,13 +3874,13 @@ function Wo(e) {
               (K, W, se) => `bc-drawer bc-drawer--size-${K} bc-drawer--container-${k} bc-drawer--side-${W} bc-drawer--status-${se}`
             )
           ),
-          b.mousedown((K) => K.stopPropagation()),
+          m.mousedown((K) => K.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
           Fn(Y, (K) => Ge(K ? {
-            header: d.div(
+            header: h.div(
               s.class("bc-drawer__header"),
-              d.div($),
+              h.div($),
               le(
                 p,
                 () => ue(
@@ -3864,11 +3894,11 @@ function Wo(e) {
                 )
               )
             ),
-            body: d.div(s.class("bc-drawer__body"), S),
-            footer: x && d.div(s.class("bc-drawer__footer"), x)
+            body: h.div(s.class("bc-drawer__body"), S),
+            footer: x && h.div(s.class("bc-drawer__footer"), x)
           } : {
-            body: d.div(s.class("bc-drawer__body"), S),
-            footer: x && d.div(s.class("bc-drawer__footer"), x)
+            body: h.div(s.class("bc-drawer__body"), S),
+            footer: x && h.div(s.class("bc-drawer__footer"), x)
           }))
         );
       });
@@ -3878,10 +3908,10 @@ function Wo(e) {
         container: k,
         content: A,
         onClickOutside: () => {
-          m == null || m(), o();
+          b == null || b(), o();
         },
         onEscape: () => {
-          m == null || m(), o();
+          b == null || b(), o();
         }
       });
     }, () => {
@@ -3889,7 +3919,7 @@ function Wo(e) {
     });
   });
 }
-function Er(e) {
+function Tr(e) {
   const t = {
     up: "M0 16 L8 10 L16 16 Z",
     down: "M0 0 L8 6 L16 0 Z",
@@ -3901,7 +3931,7 @@ function Er(e) {
     Ne.path(Re.d(e.map((n) => t[n])))
   );
 }
-function No(e) {
+function qo(e) {
   const {
     content: t,
     placement: n = "top",
@@ -3911,8 +3941,8 @@ function No(e) {
     crossAxisOffset: a = 0,
     showOn: u = "hover-focus"
   } = e;
-  return yr({
-    content: () => D(s.class("bc-tooltip"), s.role("tooltip"), t),
+  return $r({
+    content: () => H(s.class("bc-tooltip"), s.role("tooltip"), t),
     placement: n,
     showDelay: r,
     hideDelay: o,
@@ -3924,102 +3954,103 @@ function No(e) {
     arrow: (c) => {
       const i = c.map(
         ({
-          placement: h
-        }) => h.includes("top") ? "down" : h.includes("bottom") ? "up" : h.includes("left") ? "right" : h.includes("right") ? "left" : "up"
+          placement: d
+        }) => d.includes("top") ? "down" : d.includes("bottom") ? "up" : d.includes("left") ? "right" : d.includes("right") ? "left" : "up"
       );
-      return D(
+      return H(
         s.class("bc-tooltip__arrow"),
-        s.class(i.map((h) => `bc-tooltip__arrow-${h}`)),
+        s.class(i.map((d) => `bc-tooltip__arrow-${d}`)),
         f.transform(
-          c.map(({ x: h, y: p }) => h == null && p == null ? "" : h != null ? `translate(${h}px, 0)` : `translate(0, ${p}px)`)
+          c.map(({ x: d, y: p }) => d == null && p == null ? "" : d != null ? `translate(${d}px, 0)` : `translate(0, ${p}px)`)
         ),
-        Er(i)
+        Tr(i)
       );
     }
   });
 }
 export {
   _e as AnimatedToggleClass,
-  Bo as AppShell,
-  nr as AppearanceSelector,
-  er as ArrayController,
+  Vo as AppShell,
+  rr as AppearanceSelector,
+  tr as ArrayController,
   ue as Button,
-  Io as Card,
-  Oo as Center,
-  Vo as CenterH,
-  yo as CheckboxInput,
-  kr as Collapse,
-  Fo as CollapsibleSidebarGroup,
+  Oo as Card,
+  Ho as Center,
+  Do as CenterH,
+  $o as CheckboxInput,
+  vr as Collapse,
+  Po as CollapsibleSidebarGroup,
   U as CommonInputAttributes,
-  Po as ConfirmModal,
+  No as ConfirmModal,
   M as ControlInputWrapper,
   ce as Controller,
-  Kr as DateControl,
+  Jr as DateControl,
   hn as DateInput,
-  Qr as DateTimeControl,
-  Dt as DateTimeInput,
-  Wo as Drawer,
-  wo as EditableText,
-  Jr as EmailControl,
-  Ht as EmailInput,
-  Gr as EmphasisLabel,
-  mo as EnsureControl,
-  Zr as ErrorLabel,
-  Lt as Expando,
-  yr as Flyout,
-  eo as FormStatus,
-  Do as Group,
+  eo as DateTimeControl,
+  Lt as DateTimeInput,
+  Ro as Drawer,
+  Co as EditableText,
+  no as EmailControl,
+  Ft as EmailInput,
+  Xr as EmphasisLabel,
+  ko as EnsureControl,
+  Yr as ErrorLabel,
+  Mt as Expando,
+  $r as Flyout,
+  to as FormStatus,
+  Lo as Group,
   Z as Icon,
   z as InputContainer,
+  Ot as InputWrapper,
   dn as Label,
-  Mt as LazyNativeSelect,
-  to as LazyNativeSelectControl,
-  fo as ListControl,
-  Mo as Menu,
-  _r as Modal,
+  Wt as LazyNativeSelect,
+  oo as LazyNativeSelectControl,
+  xo as ListControl,
+  Wo as Menu,
+  Ar as Modal,
   Tt as MutedLabel,
   gn as NativeSelect,
-  ro as NativeSelectControl,
-  oo as NullableDateControl,
+  lo as NativeSelectControl,
+  so as NullableDateControl,
   bn as NullableDateInput,
-  lo as NullableDateTimeControl,
+  ao as NullableDateTimeControl,
   mn as NullableDateTimeInput,
-  so as NullableStringDateControl,
-  ao as NullableStringDateTimeControl,
-  qt as NullableTextArea,
-  co as NullableTextAreaControl,
-  io as NullableTextControl,
-  Rt as NullableTextInput,
-  uo as NumberControl,
-  zt as NumberInput,
-  Jt as ObjectController,
+  co as NullableStringDateControl,
+  io as NullableStringDateTimeControl,
+  Ut as NullableTextArea,
+  uo as NullableTextAreaControl,
+  ho as NullableTextControl,
+  zt as NullableTextInput,
+  po as NumberControl,
+  Gt as NumberInput,
+  nr as ObjectController,
   wn as Overlay,
-  ho as PasswordControl,
-  Ut as PasswordInput,
+  go as PasswordControl,
+  Zt as PasswordInput,
   Bt as RequiredSymbol,
   Ge as ScrollablePanel,
-  Zt as SegmentedControl,
+  Yt as SegmentedControl,
   Se as SelectOption,
   Ze as SidebarGroup,
-  Sr as SidebarLink,
-  Ho as Sink,
-  Lo as Stack,
-  vo as StandaloneAppearanceSelector,
-  po as StringDateControl,
-  $o as Switch,
+  Er as SidebarLink,
+  Fo as Sink,
+  Mo as Stack,
+  wo as StandaloneAppearanceSelector,
+  bo as StringDateControl,
+  So as Switch,
   At as Tag,
-  go as TagsControl,
-  Xt as TagsInput,
-  Yt as TextArea,
-  bo as TextAreaControl,
-  Yr as TextControl,
-  Ot as TextInput,
+  mo as TagsControl,
+  Kt as TagsInput,
+  Qt as TextArea,
+  fo as TextAreaControl,
+  Qr as TextControl,
+  Ht as TextInput,
   kn as Theme,
-  xo as ThemeAppearance,
-  No as Tooltip,
-  zo as Use,
-  ur as WithBeatUIBreakpoint,
-  Ao as WithBeatUIElementBreakpoint,
+  yo as ThemeAppearance,
+  qo as Tooltip,
+  Go as Use,
+  hr as WithBeatUIBreakpoint,
+  Bo as WithBeatUIElementBreakpoint,
   vn as WithBreakpoint,
   L as backgroundConfig,
   ct as baseSpacing,
@@ -4029,51 +4060,51 @@ export {
   dt as changeFontSize,
   nt as colorShades,
   Be as colors,
-  cr as compareBreakpoint,
+  ur as compareBreakpoint,
   xn as connectCommonAttributes,
-  So as connectNumberInput,
-  Co as connectStringInput,
-  rr as convertStandardSchemaIssues,
-  tr as convertStandardSchemaPathToPath,
+  Eo as connectNumberInput,
+  _o as connectStringInput,
+  lr as convertStandardSchemaIssues,
+  or as convertStandardSchemaPathToPath,
   jo as delaySignal,
-  no as emitExpando,
-  Ft as emitOptionExpando,
+  ro as emitExpando,
+  Pt as emitOptionExpando,
   me as emptyToNull,
-  Eo as findBreakpoint,
+  To as findBreakpoint,
   bt as fontFamily,
   rn as fontSize,
   ht as fontWeight,
-  zr as generateAllTokenVariables,
-  Dr as generateBackgroundUtilities,
+  Gr as generateAllTokenVariables,
+  Lr as generateBackgroundUtilities,
   et as generateBreakpointVariables,
   st as generateColorVariables,
   at as generateRadiusVariables,
   ut as generateSpacingVariables,
   mt as generateTypographyVariables,
   kt as generateZIndexVariables,
-  Vr as getBreakpointMediaQuery,
-  Ir as getBreakpointVar,
+  Dr as getBreakpointMediaQuery,
+  Or as getBreakpointVar,
   Qe as getBreakpointVarName,
   pe as getColorVar,
   Ce as getColorVarName,
-  Rr as getFontFamilyVar,
+  zr as getFontFamilyVar,
   cn as getFontFamilyVarName,
-  Mr as getFontSizeVar,
+  Wr as getFontSizeVar,
   on as getFontSizeVarName,
-  Pr as getFontWeightVar,
+  Nr as getFontWeightVar,
   ln as getFontWeightVarName,
   Yn as getIconLocally,
-  Nr as getLetterSpacingVar,
+  qr as getLetterSpacingVar,
   an as getLetterSpacingVarName,
-  Wr as getLineHeightVar,
+  Rr as getLineHeightVar,
   sn as getLineHeightVarName,
-  Lr as getRadiusMediaQuery,
-  Hr as getRadiusVar,
+  Mr as getRadiusMediaQuery,
+  Fr as getRadiusVar,
   nn as getRadiusVarName,
-  Fr as getSpacingVar,
+  Pr as getSpacingVar,
   tn as getSpacingVarName,
-  Ur as getTokenValue,
-  qr as getZIndexVar,
+  Zr as getTokenValue,
+  Ur as getZIndexVar,
   un as getZIndexVarName,
   q as inputOptionsFromController,
   Ie as inputOptionsFromMappedController,
@@ -4081,28 +4112,28 @@ export {
   Ye as isIndexedDBAvailable,
   gt as letterSpacing,
   pt as lineHeight,
-  je as makeMapValidationResult,
+  De as makeMapValidationResult,
   Ve as makeMappedOnChangeHandler,
-  Xr as makeNullableOnChangeHandler,
+  Kr as makeNullableOnChangeHandler,
   P as makeOnBlurHandler,
   G as makeOnChangeHandler,
   jr as normalizeColorName,
   fn as nullToEmpty,
-  ko as parsePath,
-  Qt as pathToString,
+  vo as parsePath,
+  er as pathToString,
   en as radius,
   ke as semanticColorNames,
   Je as semanticColors,
   it as spacing,
-  lr as standardSchemaResultToValidationResult,
+  ar as standardSchemaResultToValidationResult,
   Xn as storeIconLocally,
   rt as textColors,
-  Or as themeColorNames,
+  Hr as themeColorNames,
   de as useAnimatedElementToggle,
   yn as useAnimatedToggle,
-  or as useController,
-  _o as useForm,
-  To as useTimedToggle,
-  Kt as wrapSegment,
+  sr as useController,
+  Ao as useForm,
+  Io as useTimedToggle,
+  Jt as wrapSegment,
   ft as zIndex
 };