@tempots/beatui 0.5.0 → 0.6.0

package/dist/index.es.js

@@ -1,23 +1,23 @@
-var Bt = Object.defineProperty;
-var qe = (e) => {
+var Dt = Object.defineProperty;
+var Ue = (e) => {
   throw TypeError(e);
 };
-var It = (e, n, t) => n in e ? Bt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var B = (e, n, t) => It(e, typeof n != "symbol" ? n + "" : n, t), Lt = (e, n, t) => n.has(e) || qe("Cannot " + t);
-var j = (e, n, t) => (Lt(e, n, "read from private field"), t ? t.call(e) : n.get(e)), me = (e, n, t) => n.has(e) ? qe("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, t);
-import { computedOf as $, html as p, attr as a, When as G, Fragment as L, aria as A, style as x, prop as q, on as m, OnDispose as N, Value as w, Empty as y, dataAttr as ue, Ensure as Oe, WithElement as F, input as oe, emitValue as I, emitValueAsDate as Dt, ForEach as Ve, OneOfType as Ot, emitValueAsNullableDate as Vt, emitValueAsNullableDateTime as jt, emitValueAsNumber as Be, Repeat as Ft, signal as Ne, makeProviderMark as Je, localStorageProp as et, Use as Ce, Portal as Ht, emitChecked as Pt, OneOfValue as Mt, WithBrowserCtx as Wt, render as qt, MapSignal as Nt, svg as Re, svgAttr as Ue } from "@tempots/dom";
-import { Use as ll } from "@tempots/dom";
-import { WhenInViewport as Rt, Resource as tt, ElementRect as xe, useAppearance as Ut, AutoSelect as zt, WindowSize as Gt, PopOver as Zt, Anchor as nt, Location as rt } from "@tempots/ui";
-const Kt = "bui-icons", ve = /* @__PURE__ */ new Map(), ot = (() => {
+var Ot = (e, n, t) => n in e ? Dt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var B = (e, n, t) => Ot(e, typeof n != "symbol" ? n + "" : n, t), Vt = (e, n, t) => n.has(e) || Ue("Cannot " + t);
+var j = (e, n, t) => (Vt(e, n, "read from private field"), t ? t.call(e) : n.get(e)), me = (e, n, t) => n.has(e) ? Ue("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, t);
+import { computedOf as y, html as p, attr as s, When as N, Fragment as L, aria as A, style as v, prop as R, on as m, OnDispose as U, Value as w, Empty as $, dataAttr as ue, Ensure as Ve, WithElement as F, input as oe, emitValue as I, emitValueAsDate as jt, ForEach as je, OneOfType as Ft, emitValueAsNullableDate as Ht, emitValueAsNullableDateTime as Pt, emitValueAsNumber as Be, Repeat as Mt, signal as ze, makeProviderMark as rt, localStorageProp as ot, Use as xe, Portal as Wt, emitChecked as qt, OneOfValue as Nt, WithBrowserCtx as Rt, render as Ut, MapSignal as zt, svg as Ge, svgAttr as Ze } from "@tempots/dom";
+import { Use as al } from "@tempots/dom";
+import { WhenInViewport as Gt, Resource as lt, ElementRect as ve, useAppearance as Zt, AutoSelect as Kt, WindowSize as Xt, PopOver as Yt, Anchor as Fe, Location as He } from "@tempots/ui";
+const Qt = "bui-icons", ye = /* @__PURE__ */ new Map(), st = (() => {
   try {
     return typeof indexedDB < "u" && indexedDB !== null;
   } catch {
     return !1;
   }
 })();
-function Xt() {
-  return ot ? new Promise((e, n) => {
-    const t = indexedDB.open(Kt, 1);
+function Jt() {
+  return st ? new Promise((e, n) => {
+    const t = indexedDB.open(Qt, 1);
     t.onupgradeneeded = function(r) {
       const o = r.target.result;
       o.objectStoreNames.contains("icons") || o.createObjectStore("icons");
@@ -28,36 +28,36 @@ function Xt() {
     };
   }) : Promise.reject(new Error("IndexedDB not available"));
 }
-const ye = ot ? Xt() : null;
-function Yt(e, n) {
+const we = st ? Jt() : null;
+function en(e, n) {
   return new Promise(async (t, r) => {
     try {
-      if (ye) {
-        const l = (await ye).transaction("icons", "readwrite");
+      if (we) {
+        const l = (await we).transaction("icons", "readwrite");
         l.objectStore("icons").put(n, e), l.oncomplete = t, l.onerror = r;
       } else
-        ve.set(e, n), t(void 0);
+        ye.set(e, n), t(void 0);
     } catch {
-      ve.set(e, n), t(void 0);
+      ye.set(e, n), t(void 0);
     }
   });
 }
-function Qt(e) {
+function tn(e) {
   return new Promise(async (n, t) => {
     try {
-      if (ye) {
-        const s = (await ye).transaction("icons", "readonly").objectStore("icons").get(e);
-        s.onsuccess = function() {
-          n(s.result);
-        }, s.onerror = t;
+      if (we) {
+        const a = (await we).transaction("icons", "readonly").objectStore("icons").get(e);
+        a.onsuccess = function() {
+          n(a.result);
+        }, a.onerror = t;
       } else
-        n(ve.get(e) || null);
+        n(ye.get(e) || null);
     } catch {
-      n(ve.get(e) || null);
+      n(ye.get(e) || null);
     }
   });
 }
-async function Jt(e) {
+async function nn(e) {
   const n = `https://api.iconify.design/${e}.svg`;
   return fetch(n).then((t) => {
     if (t.status === 200)
@@ -65,58 +65,58 @@ async function Jt(e) {
     throw new Error(`Failed to load icon: ${e}`);
   });
 }
-async function en(e) {
-  const n = e.replace(":", "/"), t = await Qt(n);
+async function rn(e) {
+  const n = e.replace(":", "/"), t = await tn(n);
   if (t)
     return t;
-  const r = await Jt(n);
-  return await Yt(n, r), r;
+  const r = await nn(n);
+  return await en(n, r), r;
 }
-function tn(e, n) {
+function on(e, n) {
   const t = ["bc-icon", `bc-icon--${e}`];
   return n && t.push(`bu-fg--${n}`), t.join(" ");
 }
 function K({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "auto" }, ...l) {
-  const s = $(
+  const a = y(
     o,
     r
   )((u, c) => u === "decorative" ? !1 : u === "informative" ? !0 : c != null && c !== "");
   return p.span(
-    a.class(
-      $(
+    s.class(
+      y(
         n,
         t
-      )((u, c) => tn(u ?? "md", c))
+      )((u, c) => on(u ?? "md", c))
     ),
     // Add accessibility attributes based on icon type
-    G(
-      s,
+    N(
+      a,
       () => L(
-        a.role("img"),
+        s.role("img"),
         // TODO translation
         A.label(r || "Icon")
       ),
       () => A.hidden(!0)
     ),
-    Rt(
+    Gt(
       { once: !0 },
-      () => tt({
+      () => lt({
         request: e,
-        load: ({ request: u }) => en(u),
+        load: ({ request: u }) => rn(u),
         mapError: String
       })({
         success: (u) => p.span(
-          x.width("100%"),
-          x.height("100%"),
-          a.innerHTML(u)
+          v.width("100%"),
+          v.height("100%"),
+          s.innerHTML(u)
         ),
         loading: () => p.span(
-          a.class("animate-spin"),
+          s.class("animate-spin"),
           // Loading state accessibility
-          G(
-            s,
+          N(
+            a,
             () => L(
-              a.role("img"),
+              s.role("img"),
               // TODO translation
               A.label("Loading icon")
             ),
@@ -125,13 +125,13 @@ function K({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "au
           "↻"
         ),
         failure: (u) => p.span(
-          a.title(u),
-          a.class("text-red-500"),
+          s.title(u),
+          s.class("text-red-500"),
           // Error state accessibility
-          G(
-            s,
+          N(
+            a,
             () => L(
-              a.role("img"),
+              s.role("img"),
               // TODO translation
               A.label("Failed to load icon")
             ),
@@ -144,31 +144,31 @@ function K({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "au
     ...l
   );
 }
-function nn(e, n, t, r, o, l) {
-  const s = [
+function Ie(e, n, t, r, o, l) {
+  const a = [
     "bc-button",
     `bu-text-${n}`,
     `bc-control--padding-${n}`,
     `bc-control--rounded-${r}`
   ];
-  switch (l && s.push("bc-button--loading"), e) {
+  switch (l && a.push("bc-button--loading"), e) {
     case "filled":
-      s.push(`bu-bg--${t}`), o || s.push(`hover:bu-bg--${t}`);
+      a.push(`bu-bg--${t}`), o || a.push(`hover:bu-bg--${t}`);
       break;
     case "light":
-      s.push(`bu-bg--light-${t}`), o || s.push(`hover:bu-bg--light-${t}`);
+      a.push(`bu-bg--light-${t}`), o || a.push(`hover:bu-bg--light-${t}`);
       break;
     case "outline":
-      s.push(`bu-border--${t}`), o || s.push(`hover:bu-bg--light-${t}`);
+      a.push(`bu-border--${t}`), o || a.push(`hover:bu-bg--light-${t}`);
       break;
     case "default":
-      s.push("bu-bg--light-neutral"), s.push(`bu-text--${t}`), o || s.push("hover:bu-bg--light-base");
+      a.push("bu-bg--light-neutral"), a.push(`bu-text--${t}`), o || a.push("hover:bu-bg--light-base");
       break;
     case "text":
-      s.push("bu-bg--inherit"), s.push(`bu-text--${t}`), o || s.push("hover:bu-underline");
+      a.push("bu-bg--inherit"), a.push(`bu-text--${t}`), o || a.push("hover:bu-underline");
       break;
   }
-  return s.join(" ");
+  return a.join(" ");
 }
 function be({
   type: e = "button",
@@ -177,52 +177,52 @@ function be({
   variant: r = "filled",
   size: o = "md",
   color: l = "base",
-  roundedness: s = "sm",
+  roundedness: a = "sm",
   onClick: u = () => {
   }
 }, ...c) {
-  const i = q(null);
+  const i = R(null);
   return p.button(
-    a.type(e),
-    a.disabled(
-      $(n, t)((d, h) => d || h)
+    s.type(e),
+    s.disabled(
+      y(n, t)((d, h) => d || h)
     ),
     // Add ARIA attributes for accessibility
     A.busy(t ?? !1),
     // TODO translation
-    G(t ?? !1, () => A.label("Loading, please wait")),
-    a.class(
-      $(
+    N(t ?? !1, () => A.label("Loading, please wait")),
+    s.class(
+      y(
         r,
         o,
         l,
-        s,
+        a,
         n,
         t
       )(
-        (d, h, f, b, v, C) => nn(
+        (d, h, f, b, k, C) => Ie(
           d ?? "filled",
           h ?? "md",
           f ?? "base",
           b ?? "sm",
-          v,
+          k,
           C
         )
       )
     ),
-    G(
+    N(
       t ?? !1,
       () => L(
-        x.width(
+        v.width(
           i.map((d) => d == null ? "" : `${d.width}px`)
         ),
-        x.height(
+        v.height(
           i.map((d) => d == null ? "" : `${d.height}px`)
         ),
         K({ icon: "line-md:loading-twotone-loop", size: o ?? "md" }),
         // Hidden live region for screen reader announcements
         p.span(
-          a.class("sr-only"),
+          s.class("sr-only"),
           A.live("polite"),
           // TODO translation
           "Loading, please wait"
@@ -230,10 +230,10 @@ function be({
       ),
       () => L(m.click(u), ...c)
     ),
-    G(
+    N(
       t != null,
-      () => xe(
-        (d) => N(
+      () => ve(
+        (d) => U(
           d.on((h) => {
             w.get(t ?? !1) || i.set(h);
           })
@@ -242,7 +242,7 @@ function be({
     )
   );
 }
-const je = {
+const Pe = {
   red: {
     50: "oklch(0.971 0.013 17.38)",
     100: "oklch(0.936 0.032 17.717)",
@@ -529,7 +529,7 @@ const je = {
     900: "oklch(0.216 0.006 56.043)",
     950: "oklch(0.147 0.004 49.25)"
   }
-}, D = (e) => Object.entries(e), _e = (e, n) => e === n || e !== e && n !== n, ze = (e, n) => {
+}, D = (e) => Object.entries(e), _e = (e, n) => e === n || e !== e && n !== n, Ke = (e, n) => {
   const t = setTimeout(e, n);
   return () => clearTimeout(t);
 }, le = (e) => {
@@ -540,7 +540,7 @@ const je = {
   return n == null && (n = requestAnimationFrame(t)), () => {
     n != null && (cancelAnimationFrame(n), n = null);
   };
-}, lt = {
+}, at = {
   sm: "40rem",
   // 640px
   md: "48rem",
@@ -552,22 +552,22 @@ const je = {
   "2xl": "96rem"
   // 1536px
 };
-function at(e) {
+function ct(e) {
   return `--breakpoint-${e}`;
 }
-function Wr(e) {
-  return `var(${at(e)})`;
-}
 function qr(e) {
-  return `@media (width >= ${lt[e]})`;
+  return `var(${ct(e)})`;
+}
+function Nr(e) {
+  return `@media (width >= ${at[e]})`;
 }
-function rn() {
+function ln() {
   const e = {};
-  return D(lt).forEach(([n, t]) => {
-    e[at(n)] = t;
+  return D(at).forEach(([n, t]) => {
+    e[ct(n)] = t;
   }), e;
 }
-const on = [
+const sn = [
   50,
   100,
   200,
@@ -587,10 +587,10 @@ const on = [
   "warning",
   "error",
   "info"
-], Nr = [
+], Rr = [
   ...Se,
-  ...D(je).map(([e]) => e)
-], st = {
+  ...D(Pe).map(([e]) => e)
+], it = {
   primary: "blue",
   secondary: "gray",
   base: "gray",
@@ -598,7 +598,7 @@ const on = [
   warning: "amber",
   error: "red",
   info: "blue"
-}, ln = {
+}, an = {
   light: {
     background: ["base", 50],
     surface: ["base", 100],
@@ -615,7 +615,7 @@ const on = [
     raised: ["base", 600],
     overlay: ["base", 500]
   }
-}, an = {
+}, cn = {
   light: {
     normal: ["base", 900],
     muted: ["base", 600],
@@ -626,7 +626,7 @@ const on = [
     muted: ["base", 400],
     inverted: ["base", 900]
   }
-}, sn = {
+}, un = {
   light: {
     border: ["base", 200],
     divider: ["base", 300],
@@ -637,7 +637,7 @@ const on = [
     divider: ["base", 600],
     inverted: ["base", 900]
   }
-}, cn = {
+}, dn = {
   light: {
     focus: ["info", 700],
     hover: ["base", 100],
@@ -649,16 +649,16 @@ const on = [
     active: ["base", 700]
   }
 };
-function Rr(e) {
-  return Se.includes(e) ? st[e] : e;
+function Ur(e) {
+  return Se.includes(e) ? it[e] : e;
 }
-function Ie(e, n) {
+function Le(e, n) {
   return `--color-${e}-${n}`;
 }
 function ke(e, n) {
-  return `var(${Ie(e, n)})`;
+  return `var(${Le(e, n)})`;
 }
-const M = {
+const W = {
   // Special colors that don't follow the standard pattern
   special: {
     inherit: {
@@ -727,7 +727,7 @@ const M = {
     }
   }
 };
-function Ur() {
+function zr() {
   let e = `/*
  * Background Utilities - Auto-generated from design tokens
  *
@@ -744,7 +744,7 @@ function Ur() {
 
 @layer components {
 `;
-  D(M.special).forEach(([t, r]) => {
+  D(W.special).forEach(([t, r]) => {
     e += `  .bu-bg--${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
@@ -754,11 +754,11 @@ function Ur() {
   });
   const n = [
     ...Se,
-    ...D(je).map(([t]) => t)
+    ...D(Pe).map(([t]) => t)
   ];
   return e += `  /* solid */
 `, n.forEach((t) => {
-    const r = M.variants.solid.light;
+    const r = W.variants.solid.light;
     e += `  .bu-bg--${t} {
 `, e += `    background-color: var(--color-${t}-${r.bgShade});
 `, e += `    color: ${r.textColor};
@@ -766,7 +766,7 @@ function Ur() {
 `;
   }), e += `
 `, n.forEach((t) => {
-    const r = M.variants.solid.dark;
+    const r = W.variants.solid.dark;
     e += `  .b-dark .bu-bg--${t} {
 `, e += `    background-color: var(--color-${t}-${r.bgShade});
 `, e += `    color: ${r.textColor};
@@ -774,14 +774,14 @@ function Ur() {
 `;
   }), e += `
 `, e += `  /* light */
-`, D(M.special).forEach(([t, r]) => {
+`, D(W.special).forEach(([t, r]) => {
     e += `  .bu-bg--light-${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
 `, e += `  }
 `;
   }), n.forEach((t) => {
-    const r = M.variants.light.light, o = M.overrides[t];
+    const r = W.variants.light.light, o = W.overrides[t];
     o ? (e += `  .bu-bg--light-${t} {
 `, e += `    background-color: ${o.light.backgroundColor};
 `, e += `    color: ${o.light.color};
@@ -793,8 +793,8 @@ function Ur() {
 `);
   }), e += `
 `, e += `  /* light dark */
-`, D(M.special).forEach(([t, r]) => {
-    const o = M.overrides[t];
+`, D(W.special).forEach(([t, r]) => {
+    const o = W.overrides[t];
     o ? (e += `  .b-dark .bu-bg--light-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -805,7 +805,7 @@ function Ur() {
 `, e += `  }
 `);
   }), n.forEach((t) => {
-    const r = M.variants.light.dark, o = M.overrides[t];
+    const r = W.variants.light.dark, o = W.overrides[t];
     o ? (e += `  .b-dark .bu-bg--light-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -817,14 +817,14 @@ function Ur() {
 `);
   }), e += `
 `, e += `  /* lighter */
-`, D(M.special).forEach(([t, r]) => {
+`, D(W.special).forEach(([t, r]) => {
     e += `  .bu-bg--lighter-${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
 `, e += `  }
 `;
   }), n.forEach((t) => {
-    const r = M.variants.lighter.light, o = M.overrides[t];
+    const r = W.variants.lighter.light, o = W.overrides[t];
     o ? (e += `  .bu-bg--lighter-${t} {
 `, e += `    background-color: ${o.light.backgroundColor};
 `, e += `    color: ${o.light.color};
@@ -836,8 +836,8 @@ function Ur() {
 `);
   }), e += `
 `, e += `  /* light dark */
-`, D(M.special).forEach(([t, r]) => {
-    const o = M.overrides[t];
+`, D(W.special).forEach(([t, r]) => {
+    const o = W.overrides[t];
     o ? (e += `  .b-dark .bu-bg--lighter-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -848,7 +848,7 @@ function Ur() {
 `, e += `  }
 `);
   }), n.forEach((t) => {
-    const r = M.variants.lighter.dark, o = M.overrides[t];
+    const r = W.variants.lighter.dark, o = W.overrides[t];
     o ? (e += `  .b-dark .bu-bg--lighter-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -861,36 +861,36 @@ function Ur() {
   }), e += `}
 `, e;
 }
-function un() {
+function hn() {
   const e = {};
-  return e["--color-white"] = "white", e["--color-black"] = "black", e["--color-inherit"] = "inherit", D(je).forEach(([n, t]) => {
+  return e["--color-white"] = "white", e["--color-black"] = "black", e["--color-inherit"] = "inherit", D(Pe).forEach(([n, t]) => {
     D(t).forEach(([r, o]) => {
-      e[Ie(n, r)] = o;
+      e[Le(n, r)] = o;
     });
   }), Se.forEach((n) => {
-    const t = st[n];
-    on.forEach((r) => {
-      e[Ie(n, r)] = ke(
+    const t = it[n];
+    sn.forEach((r) => {
+      e[Le(n, r)] = ke(
         t,
         r
       );
     });
-  }), D(ln).forEach(([n, t]) => {
+  }), D(an).forEach(([n, t]) => {
     D(t).forEach(([r, [o, l]]) => {
       e[`--bg-${r}-${n}`] = ke(o, l);
     });
-  }), D(an).forEach(([n, t]) => {
+  }), D(cn).forEach(([n, t]) => {
     D(t).forEach(([r, [o, l]]) => {
       e[`--text-${r}-${n}`] = ke(o, l);
     });
-  }), D(sn).forEach(([n, t]) => {
+  }), D(un).forEach(([n, t]) => {
     D(t).forEach(([r, [o, l]]) => {
       e[`--border-${r}-${n}`] = ke(
         o,
         l
       );
     });
-  }), D(cn).forEach(([n, t]) => {
+  }), D(dn).forEach(([n, t]) => {
     D(t).forEach(([r, [o, l]]) => {
       e[`--interactive-${r}-${n}`] = ke(
         o,
@@ -899,7 +899,7 @@ function un() {
     });
   }), e;
 }
-const ct = {
+const ut = {
   none: "0",
   xs: "calc(var(--spacing-base) / 2)",
   sm: "var(--spacing-base)",
@@ -908,25 +908,25 @@ const ct = {
   xl: "calc(var(--spacing-base) * 3)",
   full: "9999px"
 };
-function it(e) {
+function dt(e) {
   return `--radius-${e}`;
 }
-function zr(e) {
-  return `var(${it(e)})`;
-}
 function Gr(e) {
-  return `@media (width >= ${ct[e]})`;
+  return `var(${dt(e)})`;
 }
-function dn() {
+function Zr(e) {
+  return `@media (width >= ${ut[e]})`;
+}
+function pn() {
   const e = {};
-  return D(ct).forEach(([n, t]) => {
-    e[it(n)] = t;
+  return D(ut).forEach(([n, t]) => {
+    e[dt(n)] = t;
   }), e;
 }
-const hn = "0.25rem", pn = {
+const bn = "0.25rem", fn = {
   none: "0",
   px: "1px",
-  base: hn,
+  base: bn,
   xs: "calc(var(--spacing-base) / 2)",
   sm: "var(--spacing-base)",
   md: "calc(var(--spacing-base) * 1.5)",
@@ -937,19 +937,19 @@ const hn = "0.25rem", pn = {
   "4xl": "calc(var(--spacing-base) * 8)",
   full: "2000px"
 };
-function ut(e) {
+function ht(e) {
   return `--spacing-${e}`;
 }
-function Zr(e) {
-  return `var(${ut(e)})`;
+function Kr(e) {
+  return `var(${ht(e)})`;
 }
-function bn() {
+function gn() {
   const e = {};
-  return D(pn).forEach(([n, t]) => {
-    e[ut(n)] = t;
+  return D(fn).forEach(([n, t]) => {
+    e[ht(n)] = t;
   }), e;
 }
-const dt = {
+const pt = {
   "3xs": ["0.5rem", { lineHeight: "0.75rem" }],
   // 8px
   "2xs": ["0.625rem", { lineHeight: "0.75rem" }],
@@ -981,14 +981,14 @@ const dt = {
   "9xl": ["8rem", { lineHeight: "1" }]
   // 128px
 };
-function fn(e, n) {
-  const t = Object.keys(dt), r = t.indexOf(e);
+function mn(e, n) {
+  const t = Object.keys(pt), r = t.indexOf(e);
   if (r === -1)
     throw new Error(`Invalid font size: ${e}`);
   const o = Math.min(Math.max(r + n, 0), t.length - 1);
   return t[o];
 }
-const gn = {
+const kn = {
   thin: "100",
   extralight: "200",
   light: "300",
@@ -998,21 +998,21 @@ const gn = {
   bold: "700",
   extrabold: "800",
   black: "900"
-}, mn = {
+}, xn = {
   none: "1",
   tight: "1.25",
   snug: "1.375",
   normal: "1.5",
   relaxed: "1.625",
   loose: "2"
-}, kn = {
+}, vn = {
   tighter: "-0.05em",
   tight: "-0.025em",
   normal: "0em",
   wide: "0.025em",
   wider: "0.05em",
   widest: "0.1em"
-}, xn = {
+}, yn = {
   sans: [
     "system-ui",
     "-apple-system",
@@ -1046,52 +1046,52 @@ const gn = {
     "monospace"
   ]
 };
-function ht(e) {
+function bt(e) {
   return `--font-size-${e}`;
 }
-function Kr(e) {
-  return `var(${ht(e)})`;
+function Xr(e) {
+  return `var(${bt(e)})`;
 }
-function pt(e) {
+function ft(e) {
   return `--font-weight-${e}`;
 }
-function Xr(e) {
-  return `var(${pt(e)})`;
+function Yr(e) {
+  return `var(${ft(e)})`;
 }
-function bt(e) {
+function gt(e) {
   return `--line-height-${e}`;
 }
-function Yr(e) {
-  return `var(${bt(e)})`;
+function Qr(e) {
+  return `var(${gt(e)})`;
 }
-function ft(e) {
+function mt(e) {
   return `--letter-spacing-${e}`;
 }
-function Qr(e) {
-  return `var(${ft(e)})`;
+function Jr(e) {
+  return `var(${mt(e)})`;
 }
-function gt(e) {
+function kt(e) {
   return `--font-family-${e}`;
 }
-function Jr(e) {
-  return `var(${gt(e)})`;
+function eo(e) {
+  return `var(${kt(e)})`;
 }
-function vn() {
+function wn() {
   const e = {};
-  return Object.entries(dt).forEach(([n, t]) => {
+  return Object.entries(pt).forEach(([n, t]) => {
     const [r] = Array.isArray(t) ? t : [t];
-    e[ht(n)] = r;
-  }), Object.entries(gn).forEach(([n, t]) => {
-    e[pt(n)] = t;
-  }), Object.entries(mn).forEach(([n, t]) => {
-    e[bt(n)] = t;
+    e[bt(n)] = r;
   }), Object.entries(kn).forEach(([n, t]) => {
     e[ft(n)] = t;
   }), Object.entries(xn).forEach(([n, t]) => {
-    e[gt(n)] = t.join(", ");
+    e[gt(n)] = t;
+  }), Object.entries(vn).forEach(([n, t]) => {
+    e[mt(n)] = t;
+  }), Object.entries(yn).forEach(([n, t]) => {
+    e[kt(n)] = t.join(", ");
   }), e;
 }
-const yn = {
+const $n = {
   // Base layers
   base: 0,
   raised: 10,
@@ -1109,19 +1109,19 @@ const yn = {
   // Maximum priority
   maximum: 100
 };
-function mt(e) {
+function xt(e) {
   return `--z-index-${e}`;
 }
-function eo(e) {
-  return `var(${mt(e)})`;
+function to(e) {
+  return `var(${xt(e)})`;
 }
-function wn() {
+function Cn() {
   const e = {};
-  return D(yn).forEach(([n, t]) => {
-    e[mt(n)] = t.toString();
+  return D($n).forEach(([n, t]) => {
+    e[xt(n)] = t.toString();
   }), e;
 }
-const $n = {
+const Sn = {
   none: "none",
   "2xs": "0 1px rgb(0 0 0 / 0.05)",
   xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -1138,16 +1138,16 @@ const $n = {
   "top-xl": "0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
   "top-2xl": "0 -25px 50px -12px rgb(0 0 0 / 0.25)"
 };
-function Cn(e) {
+function En(e) {
   return `--shadow-${e}`;
 }
-function Sn() {
+function _n() {
   const e = {};
-  return D($n).forEach(([n, t]) => {
-    e[Cn(n)] = t;
+  return D(Sn).forEach(([n, t]) => {
+    e[En(n)] = t;
   }), e;
 }
-const En = {
+const An = {
   none: "none",
   "2xs": "0px 1px 0px rgb(0 0 0 / 0.15)",
   xs: "0px 1px 1px rgb(0 0 0 / 0.2)",
@@ -1155,116 +1155,116 @@ const En = {
   md: "0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1)",
   lg: "0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1)"
 };
-function _n(e) {
+function Tn(e) {
   return `--text-shadow-${e}`;
 }
-function An() {
+function Bn() {
   const e = {};
-  return D(En).forEach(([n, t]) => {
-    e[_n(n)] = t;
+  return D(An).forEach(([n, t]) => {
+    e[Tn(n)] = t;
   }), e;
 }
-function to() {
+function no() {
   return {
-    ...un(),
-    ...bn(),
-    ...vn(),
-    ...rn(),
-    ...dn(),
-    ...Sn(),
-    ...An(),
-    ...wn()
+    ...hn(),
+    ...gn(),
+    ...wn(),
+    ...ln(),
+    ...pn(),
+    ..._n(),
+    ...Bn(),
+    ...Cn()
   };
 }
-function no(e, n) {
+function ro(e, n) {
   return n == null && typeof window > "u" ? "" : getComputedStyle(n ?? document.documentElement).getPropertyValue(e).trim();
 }
-const Tn = {
+const In = {
   xs: "1.5",
   sm: "2",
   md: "2.5",
   lg: "3",
   xl: "4"
-}, Bn = {
+}, Ln = {
   xs: "0",
   sm: "0",
   md: "0",
   lg: "0.25",
   xl: "0.5"
 };
-function In(e, n, t) {
+function Dn(e, n, t) {
   const r = ["bc-tag"];
   return e ? r.push("bc-tag--disabled") : r.push(`bu-bg--${n}`), r.push(
-    `bu-text-${fn(t, -1)} bu-px-${Tn[t]} bu-py-${Bn[t]}`
+    `bu-text-${mn(t, -1)} bu-px-${In[t]} bu-py-${Ln[t]}`
   ), r.join(" ");
 }
-const Ln = ({
+const On = ({
   disabled: e,
   value: n,
   color: t = "base",
   onClose: r,
   size: o = "md"
 }) => p.span(
-  a.class(
-    $(
+  s.class(
+    y(
       e ?? !1,
       t ?? "base",
       o ?? "md"
-    )((l, s, u) => In(l, s, u))
+    )((l, a, u) => Dn(l, a, u))
   ),
   p.span(n),
   r != null ? p.button(
-    a.disabled(e),
-    a.class("bc-tag__close"),
+    s.disabled(e),
+    s.class("bc-tag__close"),
     p.span("×"),
     m.click(() => r == null ? void 0 : r(w.get(n)))
-  ) : y
+  ) : $
 );
 function Ee(e) {
   return `bc-label bc-label--${e}`;
 }
-const ro = (...e) => p.span(a.class(Ee("emphasis")), ...e), kt = (...e) => p.span(a.class(Ee("default")), ...e), Dn = (...e) => p.span(a.class(Ee("muted")), ...e), oo = (...e) => p.span(a.class(Ee("error")), ...e), Ge = /* @__PURE__ */ new Map();
-function se(e) {
-  const n = Ge.get(e) ?? 0;
-  return Ge.set(e, n + 1), `${e}-${n}`;
+const oo = (...e) => p.span(s.class(Ee("emphasis")), ...e), vt = (...e) => p.span(s.class(Ee("default")), ...e), Vn = (...e) => p.span(s.class(Ee("muted")), ...e), lo = (...e) => p.span(s.class(Ee("error")), ...e), Xe = /* @__PURE__ */ new Map();
+function ae(e) {
+  const n = Xe.get(e) ?? 0;
+  return Xe.set(e, n + 1), `${e}-${n}`;
 }
-const On = p.span(
-  a.class("bc-input-wrapper__required"),
+const jn = p.span(
+  s.class("bc-input-wrapper__required"),
   " *"
 );
-function Vn() {
+function Fn() {
   return "bc-input-wrapper";
 }
-function jn(e, n) {
+function Hn(e, n) {
   const t = ["bc-input-wrapper__label-text"];
   return e ? t.push("bc-input-wrapper__label-text--error") : n ? t.push("bc-input-wrapper__label-text--disabled") : t.push("bc-input-wrapper__label-text--default"), t.join(" ");
 }
-const Fn = ({
+const Pn = ({
   required: e,
   label: n,
   context: t,
   description: r,
   content: o,
   error: l,
-  labelFor: s,
+  labelFor: a,
   hasError: u,
   disabled: c
 }, ...i) => {
-  const d = u ?? w.map(l ?? null, (C) => C != null), h = c ?? !1, f = se("input-wrapper"), b = r ? `${f}-description` : void 0, v = l ? `${f}-error` : void 0;
+  const d = u ?? w.map(l ?? null, (C) => C != null), h = c ?? !1, f = ae("input-wrapper"), b = r ? `${f}-description` : void 0, k = l ? `${f}-error` : void 0;
   return p.div(
-    a.class(Vn()),
+    s.class(Fn()),
     n != null || t != null ? p.div(
-      a.class("bc-input-wrapper__header"),
+      s.class("bc-input-wrapper__header"),
       p.label(
-        a.class("bc-input-wrapper__label"),
-        s != null ? a.for(s) : y,
+        s.class("bc-input-wrapper__label"),
+        a != null ? s.for(a) : $,
         p.span(
-          a.class(
-            $(
+          s.class(
+            y(
               d,
               h
             )(
-              (C, S) => jn(
+              (C, S) => Hn(
                 C ?? !1,
                 S ?? !1
               )
@@ -1272,53 +1272,53 @@ const Fn = ({
           ),
           n
         ),
-        n != null && e ? On : y
+        n != null && e ? jn : $
       ),
-      t != null ? kt(t) : y
-    ) : y,
+      t != null ? vt(t) : $
+    ) : $,
     p.div(
-      a.class("bc-input-wrapper__content"),
+      s.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [b, v].filter(Boolean).length > 0 ? ue.describedby(
-        [b, v].filter(Boolean).join(" ")
-      ) : y,
-      e ? ue.required("true") : y,
-      G(d, () => ue.invalid("true")),
+      [b, k].filter(Boolean).length > 0 ? ue.describedby(
+        [b, k].filter(Boolean).join(" ")
+      ) : $,
+      e ? ue.required("true") : $,
+      N(d, () => ue.invalid("true")),
       o
     ),
     r != null ? p.div(
-      a.class("bc-input-wrapper__description"),
-      a.id(b),
+      s.class("bc-input-wrapper__description"),
+      s.id(b),
       r
-    ) : y,
-    l != null ? Oe(
+    ) : $,
+    l != null ? Ve(
       l,
       (C) => p.div(
-        a.class("bc-input-wrapper__error"),
-        a.id(v),
+        s.class("bc-input-wrapper__error"),
+        s.id(k),
         A.live("polite"),
         // Announce errors to screen readers
-        a.role("alert"),
+        s.role("alert"),
         // Mark as alert for immediate attention
         C
       )
-    ) : y,
+    ) : $,
     ...i
   );
 };
-function Hn() {
+function Mn() {
   return "bc-control-input-wrapper";
 }
-const R = ({
+const z = ({
   required: e,
   label: n,
   context: t,
   description: r,
   content: o,
   controller: l
-}, ...s) => p.div(
-  a.class(Hn()),
-  Fn(
+}, ...a) => p.div(
+  s.class(Mn()),
+  Pn(
     {
       required: e,
       label: n,
@@ -1330,7 +1330,7 @@ const R = ({
       hasError: l.hasError,
       disabled: l.disabled
     },
-    ...s
+    ...a
   )
 ), X = ({
   child: e,
@@ -1339,7 +1339,7 @@ const R = ({
   before: r,
   after: o,
   hasError: l,
-  focusableSelector: s = "input, select, textarea",
+  focusableSelector: a = "input, select, textarea",
   growInput: u = !0
 }) => {
   const c = w.map(n ?? !1, (d) => d);
@@ -1351,23 +1351,23 @@ const R = ({
     e,
     F((d) => {
       const h = () => {
-        const f = d.querySelector(s);
+        const f = d.querySelector(a);
         f == null || f.focus();
       };
-      return d.addEventListener("click", h), N(() => d.removeEventListener("click", h));
+      return d.addEventListener("click", h), U(() => d.removeEventListener("click", h));
     }),
-    a.class(
-      $(
+    s.class(
+      y(
         c,
         l ?? !1
       )(
         (d, h) => i(d ?? !1, h ?? !1)
       )
     ),
-    r != null ? p.span(a.class("bc-input-container__before"), r) : null,
+    r != null ? p.span(s.class("bc-input-container__before"), r) : null,
     p.div(
-      a.class("bc-input-container__input"),
-      a.class(
+      s.class("bc-input-container__input"),
+      s.class(
         w.map(
           u,
           (d) => d ? "bc-input-container__input--grow" : ""
@@ -1375,7 +1375,7 @@ const R = ({
       ),
       t
     ),
-    o != null ? p.span(a.class("bc-input-container__after"), o) : null
+    o != null ? p.span(s.class("bc-input-container__after"), o) : null
   );
 }, Y = ({
   autocomplete: e,
@@ -1384,126 +1384,126 @@ const R = ({
   disabled: r,
   name: o,
   placeholder: l,
-  id: s
+  id: a
 }) => L(
-  a.autocomplete(e),
-  a.autofocus(n),
-  a.class(t),
-  a.disabled(r),
-  a.name(o ?? s),
-  a.placeholder(l),
-  a.id(s)
+  s.autocomplete(e),
+  s.autofocus(n),
+  s.class(t),
+  s.disabled(r),
+  s.name(o ?? a),
+  s.placeholder(l),
+  s.id(a)
 ), Z = (e) => ({
   id: e.name,
   disabled: e.disabled,
   value: e.value,
   hasError: e.hasError
-}), Fe = (e, n) => ({
+}), Me = (e, n) => ({
   ...Z(e),
   value: e.value.map(n)
-}), xt = (e) => {
+}), yt = (e) => {
   const { value: n, onBlur: t, onChange: r } = e;
   return X({
     ...e,
     input: oe.date(
       Y(e),
-      a.valueAsDate(n),
-      a.class("bc-input"),
-      t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(Dt(r)) : y
+      s.valueAsDate(n),
+      s.class("bc-input"),
+      t != null ? m.blur(I(t)) : $,
+      r != null ? m.change(jt(r)) : $
     )
   });
-}, Pn = (e) => {
+}, Wn = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o } = e;
   return X({
     ...e,
     input: oe.text(
       Y(e),
-      a.value(n),
-      a.class("bc-input"),
+      s.value(n),
+      s.class("bc-input"),
       // Add accessibility attributes from parent wrapper
       F((l) => {
-        const s = l.closest("[data-describedby]");
-        if (s) {
-          const u = s.getAttribute("data-describedby"), c = s.getAttribute("data-required"), i = s.getAttribute("data-invalid");
+        const a = l.closest("[data-describedby]");
+        if (a) {
+          const u = a.getAttribute("data-describedby"), c = a.getAttribute("data-required"), i = a.getAttribute("data-invalid");
           u && l.setAttribute("aria-describedby", u), c === "true" && l.setAttribute("aria-required", "true"), i === "true" && l.setAttribute("aria-invalid", "true");
         }
       }),
-      t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(I(r)) : y,
-      o != null ? m.input(I(o)) : y
+      t != null ? m.blur(I(t)) : $,
+      r != null ? m.change(I(r)) : $,
+      o != null ? m.input(I(o)) : $
     )
   });
-}, U = (
+}, G = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, n) => () => {
     n == null || n();
   }
 ), Q = (e, n) => (t) => {
   e.change(t), n == null || n(t);
-}, He = (e, n, t) => (r) => {
+}, We = (e, n, t) => (r) => {
   const o = n(r);
   e.change(o), t == null || t(o);
-}, lo = (e, n, t) => (r) => {
+}, so = (e, n, t) => (r) => {
   n(r) ? (e.change(null), t == null || t(null)) : (e.change(r), t == null || t(r));
 }, ao = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: Pn({
+      content: Wn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, so = (e, ...n) => {
+}, co = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: xt({
+      content: yt({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, Mn = (e) => {
+}, qn = (e) => {
   const n = e.getFullYear(), t = (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 `${n}-${t}-${r}T${o}:${l}`;
-}, Wn = (e) => {
+}, Nn = (e) => {
   const { value: n, onBlur: t, onChange: r } = e;
   return X({
     ...e,
     input: oe["datetime-local"](
       Y(e),
-      a.value(w.map(n, Mn)),
-      a.class("bc-input"),
-      t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(I((o) => r(new Date(o)))) : y
+      s.value(w.map(n, qn)),
+      s.class("bc-input"),
+      t != null ? m.blur(I(t)) : $,
+      r != null ? m.change(I((o) => r(new Date(o)))) : $
     )
   });
-}, co = (e, ...n) => {
+}, io = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: Wn({
+      content: Nn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, qn = (e) => {
+}, Rn = (e) => {
   const n = {
     name: "email",
     autocomplete: "email",
@@ -1514,48 +1514,48 @@ const R = ({
     ...e,
     input: oe.email(
       Y(n),
-      a.value(t),
-      a.class("bc-input"),
-      r != null ? m.blur(I(r)) : y,
-      o != null ? m.change(I(o)) : y,
-      l != null ? m.input(I(l)) : y
+      s.value(t),
+      s.class("bc-input"),
+      r != null ? m.blur(I(r)) : $,
+      o != null ? m.change(I(o)) : $,
+      l != null ? m.input(I(l)) : $
     )
   });
-}, io = (e, ...n) => {
+}, uo = (e, ...n) => {
   const { onChange: t, onBlur: r, ...o } = e;
-  return R(
+  return z(
     {
       label: "Email",
       ...o,
-      content: qn({
+      content: Rn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, t),
-        onBlur: U(o.controller, r)
+        onBlur: G(o.controller, r)
       })
     },
     ...n
   );
-}, uo = {
+}, ho = {
   filling: { type: "filling" },
   submitting: { type: "submitting" },
   error: (e) => ({ type: "error", error: e }),
   success: { type: "success" }
-}, Pe = "$$tts-exp-", Nn = (e, n) => F((t) => {
-  const r = `${Pe}${e}`;
-  return N(w.on(n, (o) => Reflect.set(t, r, o)));
-}), ho = (e, n) => {
-  const t = `${Pe}${e}`;
+}, qe = "$$tts-exp-", Un = (e, n) => F((t) => {
+  const r = `${qe}${e}`;
+  return U(w.on(n, (o) => Reflect.set(t, r, o)));
+}), po = (e, n) => {
+  const t = `${qe}${e}`;
   return (r) => {
     n(Reflect.get(r.target, t));
   };
-}, Rn = (e, n) => {
-  const t = `${Pe}${e}`;
+}, zn = (e, n) => {
+  const t = `${qe}${e}`;
   return (r) => {
-    const o = r.target, l = o.selectedIndex, s = o.options[l];
-    n(Reflect.get(s, t));
+    const o = r.target, l = o.selectedIndex, a = o.options[l];
+    n(Reflect.get(a, t));
   };
-}, Le = {
+}, De = {
   value: (e, n, t) => ({
     type: "value",
     value: e,
@@ -1570,29 +1570,29 @@ const R = ({
   }),
   break: { type: "break" },
   getOptionValues: (e) => e.flatMap(
-    (n) => n.type === "group" ? Le.getOptionValues(n.options) : n.type === "break" ? [] : [n.value]
+    (n) => n.type === "group" ? De.getOptionValues(n.options) : n.type === "break" ? [] : [n.value]
   ),
-  contains: (e, n, t = (r, o) => r === o) => Le.getOptionValues(e).some((r) => t(r, n))
-}, vt = (e, n, t) => Oe(
+  contains: (e, n, t = (r, o) => r === o) => De.getOptionValues(e).some((r) => t(r, n))
+}, wt = (e, n, t) => Ve(
   e,
-  (r) => Ot(r, {
+  (r) => Ft(r, {
     value: (o) => {
-      const l = $(
+      const l = y(
         o,
         t
-      )((s, u) => n(s.value, u));
+      )((a, u) => n(a.value, u));
       return p.option(
-        N(l.dispose),
-        a.selected(l),
-        Nn("value", o.$.value),
+        U(l.dispose),
+        s.selected(l),
+        Un("value", o.$.value),
         o.$.label
       );
     },
     group: (o) => p.optgroup(
-      a.label(o.$.group),
-      Ve(
+      s.label(o.$.group),
+      je(
         o.$.options,
-        (l) => vt(
+        (l) => wt(
           l,
           n,
           t
@@ -1601,7 +1601,7 @@ const R = ({
     ),
     break: () => p.hr()
   })
-), yt = (e) => {
+), $t = (e) => {
   const {
     value: n,
     onBlur: t,
@@ -1609,7 +1609,7 @@ const R = ({
     options: o,
     // TODO translation
     unselectedLabel: l = "Select one ...",
-    equality: s = (c, i) => c === i
+    equality: a = (c, i) => c === i
   } = e;
   let u;
   return X({
@@ -1624,27 +1624,27 @@ const R = ({
           const { removedNodes: h } = d[0];
           h.length > 0 && (u.selectedIndex = 0);
         });
-        return i.observe(c, { childList: !0 }), N(() => i.disconnect());
+        return i.observe(c, { childList: !0 }), U(() => i.disconnect());
       }),
       Y(e),
-      a.class("focus:outline-none bg-transparent"),
-      a.class("w-full"),
-      p.option(a.hidden("hidden"), l),
-      Ve(o, (c) => vt(c, s, n)),
-      t != null ? m.blur(t) : y,
-      r != null ? m.change(Rn("value", (c) => r(c))) : y
+      s.class("focus:outline-none bg-transparent"),
+      s.class("w-full"),
+      p.option(s.hidden("hidden"), l),
+      je(o, (c) => wt(c, a, n)),
+      t != null ? m.blur(t) : $,
+      r != null ? m.change(zn("value", (c) => r(c))) : $
     )
   });
-}, Un = (e) => tt({
+}, Gn = (e) => lt({
   request: e.request,
   load: e.load,
   mapError: String
 })({
   success: (n) => {
     const t = n.map(
-      (r) => r.map((o) => typeof o == "object" && "id" in o && "label" in o ? Le.value(o.id, o.label) : o)
+      (r) => r.map((o) => typeof o == "object" && "id" in o && "label" in o ? De.value(o.id, o.label) : o)
     );
-    return yt({
+    return $t({
       ...e,
       options: t,
       unselectedLabel: e.unselectedLabel,
@@ -1652,230 +1652,230 @@ const R = ({
     });
   },
   loading: () => p.span(
-    a.class("animate-spin"),
+    s.class("animate-spin"),
     // TODO translation
     A.label("Loading..."),
     "↻"
   )
-}), po = (e, ...n) => {
+}), bo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: Un({
+      content: Gn({
         ...e,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, bo = (e, ...n) => {
+}, fo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: yt({
+      content: $t({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, wt = (e) => {
+}, Ct = (e) => {
   const { value: n, onBlur: t, onChange: r } = e;
   return X({
     ...e,
     input: oe.date(
       Y(e),
-      a.valueAsDate(n),
-      a.class("bc-input"),
-      t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(Vt(r)) : y
+      s.valueAsDate(n),
+      s.class("bc-input"),
+      t != null ? m.blur(I(t)) : $,
+      r != null ? m.change(Ht(r)) : $
     )
   });
-}, fo = (e, ...n) => {
+}, go = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: wt({
+      content: Ct({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, zn = (e) => {
-  const n = e.getFullYear(), t = e.getMonth() + 1, r = e.getDate(), o = e.getHours(), l = e.getMinutes(), s = e.getSeconds();
-  return `${n}-${t.toString().padStart(2, "0")}-${r.toString().padStart(2, "0")}T${o.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
-}, $t = (e) => {
-  const { value: n, onBlur: t, onChange: r } = e, o = w.map(n, (l) => l != null ? zn(l) : null);
+}, Zn = (e) => {
+  const n = e.getFullYear(), t = e.getMonth() + 1, r = e.getDate(), o = e.getHours(), l = e.getMinutes(), a = e.getSeconds();
+  return `${n}-${t.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")}`;
+}, St = (e) => {
+  const { value: n, onBlur: t, onChange: r } = e, o = w.map(n, (l) => l != null ? Zn(l) : null);
   return X({
     ...e,
     input: oe["datetime-local"](
       Y(e),
-      a.value(w.map(o, (l) => l ?? null)),
-      a.class("bc-input"),
-      t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(jt(r)) : y
+      s.value(w.map(o, (l) => l ?? null)),
+      s.class("bc-input"),
+      t != null ? m.blur(I(t)) : $,
+      r != null ? m.change(Pt(r)) : $
     )
   });
-}, go = (e, ...n) => {
+}, mo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: $t({
+      content: St({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, mo = (e, ...n) => {
+}, ko = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: wt({
+      content: Ct({
         ...o,
-        ...Fe(
+        ...Me(
           o.controller,
           (l) => l != null && l !== "" ? new Date(l) : null
         ),
-        onChange: He(
+        onChange: We(
           o.controller,
           (l) => l != null ? l.toISOString().split("T")[0] : null,
           r
         ),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, Gn = (e) => new Date(e), Zn = (e) => e.toISOString(), ko = (e, ...n) => {
+}, Kn = (e) => new Date(e), Xn = (e) => e.toISOString(), xo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: $t({
+      content: St({
         ...o,
-        ...Fe(
+        ...Me(
           o.controller,
-          (l) => l != null && l !== "" ? Gn(l) : null
+          (l) => l != null && l !== "" ? Kn(l) : null
         ),
-        onChange: He(
+        onChange: We(
           o.controller,
-          (l) => l != null ? Zn(l) : null,
+          (l) => l != null ? Xn(l) : null,
           r
         ),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, we = (e) => typeof e == "string" && e.trim() === "" ? null : e, Ct = (e) => e ?? "", Kn = (e) => {
+}, $e = (e) => typeof e == "string" && e.trim() === "" ? null : e, Et = (e) => e ?? "", Yn = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o, ...l } = e;
   return X({
     ...l,
     input: oe.text(
       Y(l),
-      a.value(w.map(n, Ct)),
-      a.class("bc-input"),
-      t != null ? m.blur(t) : y,
-      r != null ? m.change(I((s) => r(we(s)))) : y,
-      o != null ? m.input(I((s) => o(we(s)))) : y
+      s.value(w.map(n, Et)),
+      s.class("bc-input"),
+      t != null ? m.blur(t) : $,
+      r != null ? m.change(I((a) => r($e(a)))) : $,
+      o != null ? m.input(I((a) => o($e(a)))) : $
     )
   });
-}, Xn = (e) => {
+}, Qn = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o, rows: l } = e;
   return X({
     ...e,
     input: p.textarea(
       Y(e),
-      a.rows(l ?? 10),
-      a.value(w.map(n, Ct)),
-      a.class("bc-input"),
-      t != null ? m.blur(t) : y,
-      r != null ? m.change(I((s) => r(we(s)))) : y,
-      o != null ? m.input(I((s) => o(we(s)))) : y
+      s.rows(l ?? 10),
+      s.value(w.map(n, Et)),
+      s.class("bc-input"),
+      t != null ? m.blur(t) : $,
+      r != null ? m.change(I((a) => r($e(a)))) : $,
+      o != null ? m.input(I((a) => o($e(a)))) : $
     )
   });
-}, xo = (e, ...n) => {
+}, vo = (e, ...n) => {
   const { onBlur: t, onChange: r, rows: o, ...l } = e;
-  return R(
+  return z(
     {
       ...l,
-      content: Xn({
+      content: Qn({
         ...l,
         ...Z(l.controller),
         rows: o,
         onChange: Q(l.controller, r),
-        onBlur: U(l.controller, t)
+        onBlur: G(l.controller, t)
       })
     },
     ...n
   );
-}, vo = (e, ...n) => {
+}, yo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: Kn({
+      content: Yn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, Yn = (e) => {
-  const { value: n, step: t, min: r, max: o, onBlur: l, onChange: s, onInput: u } = e;
+}, Jn = (e) => {
+  const { value: n, step: t, min: r, max: o, onBlur: l, onChange: a, onInput: u } = e;
   return X({
     ...e,
     input: oe.number(
       Y(e),
-      a.valueAsNumber(n),
-      a.step(t),
-      a.min(r),
-      a.max(o),
-      a.class("bc-input bc-number-input"),
-      l != null ? m.blur(I(l)) : y,
-      s != null ? m.change(Be(s)) : y,
-      u != null ? m.input(Be(u)) : y
+      s.valueAsNumber(n),
+      s.step(t),
+      s.min(r),
+      s.max(o),
+      s.class("bc-input bc-number-input"),
+      l != null ? m.blur(I(l)) : $,
+      a != null ? m.change(Be(a)) : $,
+      u != null ? m.input(Be(u)) : $
     )
   });
-}, yo = (e, ...n) => {
+}, wo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: Yn({
+      content: Jn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, Qn = (e) => {
+}, er = (e) => {
   const {
     value: n,
     onBlur: t,
     onChange: r,
     onInput: o,
     before: l,
-    after: s,
+    after: a,
     hasError: u,
     disabled: c,
     autocomplete: i,
@@ -1884,10 +1884,10 @@ const R = ({
   } = e, f = {
     name: "password",
     ...h
-  }, b = q(!0), v = $(
+  }, b = R(!0), k = y(
     b,
     i
-  )((S, g) => S ? g ?? "current-password" : "off"), C = $(
+  )((S, g) => S ? g ?? "current-password" : "off"), C = y(
     b,
     d
     // TODO translation
@@ -1899,66 +1899,66 @@ const R = ({
     input: p.input(
       Y({
         ...f,
-        autocomplete: v,
+        autocomplete: k,
         placeholder: C
       }),
-      G(
+      N(
         b,
-        () => L(a.type("password")),
-        () => L(a.type("text"))
+        () => L(s.type("password")),
+        () => L(s.type("text"))
       ),
-      a.class("bc-input"),
-      a.value(n),
-      t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(I(r)) : y,
-      o != null ? m.input(I(o)) : y
+      s.class("bc-input"),
+      s.value(n),
+      t != null ? m.blur(I(t)) : $,
+      r != null ? m.change(I(r)) : $,
+      o != null ? m.input(I(o)) : $
     ),
-    after: s ?? p.button(
-      a.class("bc-input-container__password-toggle"),
+    after: a ?? p.button(
+      s.class("bc-input-container__password-toggle"),
       // TODO translation
       A.label("Toggle password visibility"),
       m.click(() => b.update((S) => !S)),
-      G(
+      N(
         b,
         () => K({ icon: "line-md--eye" }),
         () => K({ icon: "line-md--eye-off" })
       )
     )
   });
-}, wo = (e, ...n) => {
+}, $o = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       label: "Password",
       ...o,
-      content: Qn({
+      content: er({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
 };
-function Jn(e, n) {
+function tr(e, n) {
   return e.length === n.length && e.every((t, r) => t === n[r]);
 }
-function er({
+function nr({
   options: e,
   value: n,
   onChange: t,
   size: r = "md",
   disabled: o = !1
 }, ...l) {
-  const s = D(e).map(([d, h]) => ({
+  const a = D(e).map(([d, h]) => ({
     key: d,
     label: h
   })), u = Object.fromEntries(
-    s.map((d, h) => [d.key, h])
-  ), c = q(
-    s.map(() => ({ left: 0, width: 0 })),
-    Jn
+    a.map((d, h) => [d.key, h])
+  ), c = R(
+    a.map(() => ({ left: 0, width: 0 })),
+    tr
   );
   function i(d, h) {
     const f = [
@@ -1969,8 +1969,8 @@ function er({
     return h && f.push("bc-segmented-control--disabled"), f.join(" ");
   }
   return p.div(
-    a.class(
-      $(
+    s.class(
+      y(
         r,
         o
       )(
@@ -1978,11 +1978,11 @@ function er({
       )
     ),
     p.div(
-      a.class("bc-segmented-control__container"),
+      s.class("bc-segmented-control__container"),
       p.div(
-        a.class("bc-segmented-control__indicator"),
-        x.width(
-          $(
+        s.class("bc-segmented-control__indicator"),
+        v.width(
+          y(
             n,
             c
           )((d, h) => {
@@ -1990,8 +1990,8 @@ function er({
             return `${f}px`;
           })
         ),
-        x.left(
-          $(
+        v.left(
+          y(
             n,
             c
           )((d, h) => {
@@ -2001,17 +2001,17 @@ function er({
         )
       ),
       // clickable buttons
-      s.map(({ label: d, key: h }, f) => p.button(
+      a.map(({ label: d, key: h }, f) => p.button(
         m.click((b) => {
           b.preventDefault(), w.get(o) || t == null || t(h);
         }),
-        a.disabled(o),
-        a.class("bc-segmented-control__segment"),
-        a.class(
+        s.disabled(o),
+        s.class("bc-segmented-control__segment"),
+        s.class(
           w.map(n, (b) => b === h ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
         ),
         F((b) => {
-          const v = le(() => {
+          const k = le(() => {
             c.update((C) => {
               const S = [...C];
               return S[f] = {
@@ -2020,7 +2020,7 @@ function er({
               }, S;
             });
           });
-          return N(v);
+          return U(k);
         }),
         d
       ))
@@ -2028,104 +2028,104 @@ function er({
     ...l
   );
 }
-const $o = (e, ...n) => {
+const Co = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: xt({
+      content: yt({
         ...o,
-        ...Fe(
+        ...Me(
           o.controller,
           (l) => new Date(l)
         ),
-        onChange: He(
+        onChange: We(
           o.controller,
           (l) => l.toISOString(),
           r
         ),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, tr = (e) => {
-  const { value: n, onChange: t, onBlur: r } = e, o = q(""), l = (u) => {
+}, rr = (e) => {
+  const { value: n, onChange: t, onBlur: r } = e, o = R(""), l = (u) => {
     t == null || t(w.get(n).filter((c) => c !== u));
-  }, s = () => {
+  }, a = () => {
     const u = o.value.trim(), c = w.get(n);
     u === "" || c.includes(u) || (o.set(""), t == null || t([...c, u]));
   };
   return X({
     ...e,
     input: L(
-      a.class("bc-input-container__tags"),
-      Ve(n, (u) => Ln({ value: u, onClose: () => l(u.value) })),
+      s.class("bc-input-container__tags"),
+      je(n, (u) => On({ value: u, onClose: () => l(u.value) })),
       oe.text(
         Y(e),
-        a.value(o),
-        a.class("bc-input bc-input-container__tags-input"),
+        s.value(o),
+        s.class("bc-input bc-input-container__tags-input"),
         m.input(I(o.set)),
-        t != null ? m.change(s) : y,
-        r != null ? m.blur(r) : y
+        t != null ? m.change(a) : $,
+        r != null ? m.blur(r) : $
       )
     )
   });
-}, Co = (e, ...n) => {
+}, So = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
-  return R(
+  return z(
     {
       ...o,
-      content: tr({
+      content: rr({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: U(o.controller, t)
+        onBlur: G(o.controller, t)
       })
     },
     ...n
   );
-}, nr = (e) => {
+}, or = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o, rows: l } = e;
   return X({
     ...e,
     input: p.textarea(
       Y(e),
-      a.rows(l ?? 10),
-      a.value(n),
-      a.class("bc-input"),
+      s.rows(l ?? 10),
+      s.value(n),
+      s.class("bc-input"),
       // Add accessibility attributes from parent wrapper
-      F((s) => {
-        const u = s.closest("[data-describedby]");
+      F((a) => {
+        const u = a.closest("[data-describedby]");
         if (u) {
           const c = u.getAttribute("data-describedby"), i = u.getAttribute("data-required"), d = u.getAttribute("data-invalid");
-          c && s.setAttribute("aria-describedby", c), i === "true" && s.setAttribute("aria-required", "true"), d === "true" && s.setAttribute("aria-invalid", "true");
+          c && a.setAttribute("aria-describedby", c), i === "true" && a.setAttribute("aria-required", "true"), d === "true" && a.setAttribute("aria-invalid", "true");
         }
       }),
-      t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(I(r)) : y,
-      o != null ? m.input(I(o)) : y
+      t != null ? m.blur(I(t)) : $,
+      r != null ? m.change(I(r)) : $,
+      o != null ? m.input(I(o)) : $
     )
   });
-}, So = (e, ...n) => {
+}, Eo = (e, ...n) => {
   const { onBlur: t, onChange: r, rows: o, ...l } = e;
-  return R(
+  return z(
     {
       ...l,
-      content: nr({
+      content: or({
         ...l,
         ...Z(l.controller),
         rows: o,
         value: l.controller.value,
         onChange: Q(l.controller, r),
-        onBlur: U(l.controller, t)
+        onBlur: G(l.controller, t)
       })
     },
     ...n
   );
 };
-function Eo(e, n, t) {
-  return Oe(
+function _o(e, n, t) {
+  return Ve(
     e.value,
     () => {
       const r = e.transform(
@@ -2133,24 +2133,24 @@ function Eo(e, n, t) {
         (o) => o
       );
       return L(
-        N(() => r.dispose()),
+        U(() => r.dispose()),
         n(r)
       );
     },
     t
   );
 }
-function _o(e, n, t) {
+function Ao(e, n, t) {
   const r = e.length.map((o) => o);
   return L(
-    N(() => r.dispose()),
-    Ft(
+    U(() => r.dispose()),
+    Mt(
       r,
       (o) => {
-        const l = e.item(o.index), s = [];
+        const l = e.item(o.index), a = [];
         return L(
-          N(() => {
-            l.dispose(), s.forEach((u) => u());
+          U(() => {
+            l.dispose(), a.forEach((u) => u());
           }),
           n({
             list: e,
@@ -2178,23 +2178,23 @@ function _o(e, n, t) {
               const c = (() => {
                 switch (u) {
                   case "up":
-                    return Ne(o.index > 0);
+                    return ze(o.index > 0);
                   case "down":
                     return e.length.map((i) => o.index < i - 1);
                 }
               })();
-              return s.push(() => c.dispose()), c;
+              return a.push(() => c.dispose()), c;
             },
             cannotMove: (u) => {
               const c = (() => {
                 switch (u) {
                   case "up":
-                    return Ne(o.index === 0);
+                    return ze(o.index === 0);
                   case "down":
                     return e.length.map((i) => o.index === i - 1);
                 }
               })();
-              return s.push(() => c.dispose()), c;
+              return a.push(() => c.dispose()), c;
             }
           })
         );
@@ -2203,24 +2203,24 @@ function _o(e, n, t) {
     )
   );
 }
-function Ao(e) {
+function To(e) {
   return e.split(".").map((t) => {
     const r = t.match(/^\[(\d+)\]$/);
     return r ? Number(r[1]) : t;
   });
 }
-function rr(e) {
+function lr(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function or(e) {
+function sr(e) {
   if (e.length === 0) return "";
   const [n, ...t] = e;
   return [
     typeof n == "number" ? `[${n}]` : n,
-    ...t.map(rr)
+    ...t.map(lr)
   ].join("");
 }
-function Me(e) {
+function Ne(e) {
   return function(t) {
     var o;
     if (t.type === "Valid") return t;
@@ -2231,7 +2231,7 @@ function Me(e) {
   };
 }
 var ie, pe;
-const We = class We {
+const Re = class Re {
   constructor(n, t, r, o, l) {
     B(this, "path");
     B(this, "change");
@@ -2241,7 +2241,7 @@ const We = class We {
     B(this, "hasError");
     B(this, "dependencyErrors");
     me(this, ie, {
-      disabled: q(!1)
+      disabled: R(!1)
     });
     B(this, "parent");
     B(this, "disabled");
@@ -2264,7 +2264,7 @@ const We = class We {
     B(this, "enable", () => {
       j(this, ie).disabled.set(!1);
     });
-    B(this, "array", (n = _e) => new ar(
+    B(this, "array", (n = _e) => new cr(
       this.path,
       this.change,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2273,7 +2273,7 @@ const We = class We {
       this.parent,
       n
     ));
-    B(this, "object", (n = _e) => new lr(
+    B(this, "object", (n = _e) => new ar(
       this.path,
       this.change,
       this.value,
@@ -2281,42 +2281,42 @@ const We = class We {
       this.parent,
       n
     ));
-    B(this, "transform", (n, t, r = [], o = _e) => new We(
+    B(this, "transform", (n, t, r = [], o = _e) => new Re(
       [...this.path, ...r],
       (l) => this.change(t(l)),
       this.value.map(n, o),
-      this.status.map(Me(r)),
+      this.status.map(Ne(r)),
       this.parent
     ));
-    this.path = n, this.change = t, this.value = r, this.status = o, this.error = o.map((s) => s.type === "Invalid" ? s.error : void 0), this.hasError = this.error.map((s) => s != null), this.dependencyErrors = o.map(
-      (s) => s.type === "Invalid" ? s.dependencies : void 0
-    ), this.parent = l, this.disabled = $(
+    this.path = n, this.change = t, 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 = y(
       j(this, ie).disabled,
       l.disabled
-    )((s, u) => s || u), this.onDispose(() => {
+    )((a, u) => a || u), this.onDispose(() => {
       j(this, ie).disabled.dispose(), this.disabled.dispose(), this.error.dispose(), this.dependencyErrors.dispose();
     });
   }
   get name() {
-    return or(this.path);
+    return sr(this.path);
   }
 };
 ie = new WeakMap(), pe = new WeakMap();
-let de = We;
-var ae;
-class lr extends de {
-  constructor(t, r, o, l, s, u) {
+let de = Re;
+var se;
+class ar extends de {
+  constructor(t, r, o, l, a, u) {
     super(
       t,
       r,
       o.map((c) => c ?? {}, u),
       l,
-      s
+      a
     );
-    me(this, ae, /* @__PURE__ */ new Map());
+    me(this, se, /* @__PURE__ */ new Map());
     B(this, "field", (t) => {
-      if (j(this, ae).has(t))
-        return j(this, ae).get(t);
+      if (j(this, se).has(t))
+        return j(this, se).get(t);
       const r = async (l) => {
         this.change({
           ...this.value.value,
@@ -2326,37 +2326,37 @@ class lr extends de {
         [...this.path, t],
         r,
         this.value.map((l) => l[t]),
-        this.status.map(Me([t])),
+        this.status.map(Ne([t])),
         { disabled: this.disabled }
       );
-      return j(this, ae).set(t, o), o;
+      return j(this, se).set(t, o), o;
     });
     this.onDispose(() => {
-      for (const c of j(this, ae).values())
+      for (const c of j(this, se).values())
         c.dispose();
-      j(this, ae).clear();
+      j(this, se).clear();
     });
   }
 }
-ae = new WeakMap();
+se = new WeakMap();
 var re;
-class ar extends de {
-  constructor(t, r, o, l, s, u) {
+class cr extends de {
+  constructor(t, r, o, l, a, u) {
     const c = o.map((d) => d ?? [], u);
-    super(t, r, c, l, s);
+    super(t, r, c, l, a);
     me(this, re, new Array());
     B(this, "length");
     B(this, "item", (t) => {
       if (j(this, re)[t])
         return j(this, re)[t];
       const r = async (l) => {
-        const s = this.value.value.slice();
-        s[t] = l, this.change(s);
+        const a = this.value.value.slice();
+        a[t] = l, this.change(a);
       }, o = new de(
         [...this.path, t],
         r,
         this.value.map((l) => l[t]),
-        this.status.map(Me([t])),
+        this.status.map(Ne([t])),
         { disabled: this.disabled }
       );
       return j(this, re)[t] = o, o;
@@ -2382,8 +2382,8 @@ class ar extends de {
     });
     B(this, "move", (t, r, o = 1) => {
       if (o < 1 || t === r) return;
-      const l = this.value.value.slice(), s = l.splice(t, o);
-      l.splice(r, 0, ...s), this.change(l);
+      const l = this.value.value.slice(), a = l.splice(t, o);
+      l.splice(r, 0, ...a), this.change(l);
     });
     const i = c.on((d) => {
       const h = j(this, re).length - d.length;
@@ -2397,11 +2397,11 @@ class ar extends de {
   }
 }
 re = new WeakMap();
-const St = {
-  mark: Je("Theme"),
+const _t = {
+  mark: rt("Theme"),
   // Create function returns the value and cleanup
   create: (e) => {
-    const n = Ut(), t = et({
+    const n = Zt(), t = ot({
       key: "beatui-appearance-preference",
       defaultValue: "system"
     }), r = () => {
@@ -2409,40 +2409,40 @@ const St = {
     };
     return {
       value: {
-        appearance: $(
+        appearance: y(
           n,
           t
-        )((s, u) => u === "system" ? s : u),
+        )((a, u) => u === "system" ? a : u),
         appearancePreference: t,
-        setAppearancePreference: (s) => {
-          t.set(s);
+        setAppearancePreference: (a) => {
+          t.set(a);
         }
       },
       dispose: r
     };
   }
-}, To = () => Ce(
-  St,
-  ({ appearance: e }) => Ht("body", a.class(e.map((n) => `b-${n}`)))
+}, Bo = () => xe(
+  _t,
+  ({ appearance: e }) => Wt("body", s.class(e.map((n) => `b-${n}`)))
 );
-function sr({
+function ir({
   value: e,
   onChange: n
 }) {
-  return er({
+  return nr({
     size: "sm",
     value: e,
     options: {
       system: p.span(
-        a.title("System"),
+        s.title("System"),
         K({ icon: "line-md:laptop", color: "gray" })
       ),
       light: p.span(
-        a.title("Light"),
+        s.title("Light"),
         K({ icon: "line-md:sunny-twotone-loop", color: "yellow" })
       ),
       dark: p.span(
-        a.title("Dark"),
+        s.title("Dark"),
         K({
           icon: "line-md:sunny-outline-to-moon-alt-loop-transition",
           color: "blue"
@@ -2452,28 +2452,28 @@ function sr({
     onChange: n
   });
 }
-function Bo() {
-  return Ce(
-    St,
-    ({ appearancePreference: e, setAppearancePreference: n }) => sr({
+function Io() {
+  return xe(
+    _t,
+    ({ appearancePreference: e, setAppearancePreference: n }) => ir({
       value: e,
       onChange: n
     })
   );
 }
-const Io = (e) => {
-  const { value: n, onBlur: t, onChange: r, placeholder: o, id: l } = e, s = l ?? se("checkbox"), u = `${s}-label`;
+const Lo = (e) => {
+  const { value: n, onBlur: t, onChange: r, placeholder: o, id: l } = e, a = l ?? ae("checkbox"), u = `${a}-label`;
   return X({
     growInput: !1,
     ...e,
     input: p.span(
-      a.class("bc-checkbox-input"),
+      s.class("bc-checkbox-input"),
       oe.checkbox(
         Y(e),
-        a.checked(n),
-        a.class("bc-checkbox-input__checkbox"),
-        a.id(s),
-        o != null ? A.labelledby(u) : y,
+        s.checked(n),
+        s.class("bc-checkbox-input__checkbox"),
+        s.id(a),
+        o != null ? A.labelledby(u) : $,
         // Add accessibility attributes from parent wrapper
         F((c) => {
           const i = c.closest("[data-describedby]");
@@ -2482,59 +2482,59 @@ const Io = (e) => {
             d && c.setAttribute("aria-describedby", d), h === "true" && c.setAttribute("aria-required", "true"), f === "true" && c.setAttribute("aria-invalid", "true");
           }
         }),
-        t != null ? m.blur(I(t)) : y,
-        r != null ? m.change(Pt(r)) : y
+        t != null ? m.blur(I(t)) : $,
+        r != null ? m.change(qt(r)) : $
       ),
       o != null ? p.label(
-        a.class("bc-checkbox-input__label"),
-        a.id(u),
-        a.for(s),
-        Dn(o)
-      ) : y
+        s.class("bc-checkbox-input__label"),
+        s.id(u),
+        s.for(a),
+        Vn(o)
+      ) : $
     )
   });
-}, Lo = ({
+}, Do = ({
   startEditing: e,
   value: n,
   onChange: t,
   placeholder: r
 }) => {
-  const o = w.deriveProp(e ?? !1), l = q(!1);
+  const o = w.deriveProp(e ?? !1), l = R(!1);
   return p.div(
-    a.class("bc-editable-text"),
-    G(
+    s.class("bc-editable-text"),
+    N(
       o,
       () => p.input(
-        a.placeholder(r),
-        a.value(n),
-        a.class("bc-editable-text__input"),
-        zt(),
-        m.keydown((s) => {
-          s.key === "Enter" ? o.set(!1) : s.key === "Escape" && (l.set(!0), o.set(!1));
+        s.placeholder(r),
+        s.value(n),
+        s.class("bc-editable-text__input"),
+        Kt(),
+        m.keydown((a) => {
+          a.key === "Enter" ? o.set(!1) : a.key === "Escape" && (l.set(!0), o.set(!1));
         }),
         m.blur(
-          I((s) => {
+          I((a) => {
             if (o.set(!1), l.value) {
               l.set(!1);
               return;
             }
-            t(s);
+            t(a);
           })
         )
       ),
       () => p.span(
         m.click(() => o.set(!0)),
-        a.class("bc-editable-text__display"),
-        G(
-          w.map(n, (s) => s != null && s.trim() !== ""),
-          () => p.span(a.class("bc-editable-text__text"), n),
+        s.class("bc-editable-text__display"),
+        N(
+          w.map(n, (a) => a != null && a.trim() !== ""),
+          () => p.span(s.class("bc-editable-text__text"), n),
           () => p.span(
-            a.class("bc-editable-text__placeholder"),
+            s.class("bc-editable-text__placeholder"),
             r
           )
         ),
         p.button(
-          a.class("bc-editable-text__edit-button"),
+          s.class("bc-editable-text__edit-button"),
           // TODO translation
           A.label("Edit"),
           m.click(() => o.set(!0)),
@@ -2543,19 +2543,19 @@ const Io = (e) => {
       )
     )
   );
-}, Do = ({
+}, Oo = ({
   value: e,
   onChange: n,
   offLabel: t,
   onLabel: r,
   label: o,
   disabled: l = !1,
-  size: s = "md",
+  size: a = "md",
   id: u
 }) => {
-  const c = u ?? se("switch"), i = `${c}-label`;
-  function d(b, v) {
-    const C = ["bc-switch", `bu-text-${v}`, `bc-switch--${v}`];
+  const c = u ?? ae("switch"), i = `${c}-label`;
+  function d(b, k) {
+    const C = ["bc-switch", `bu-text-${k}`, `bc-switch--${k}`];
     return b && C.push("bc-switch--disabled"), C.join(" ");
   }
   const h = () => {
@@ -2564,17 +2564,17 @@ const Io = (e) => {
     w.get(l) || (b.key === " " || b.key === "Enter") && (b.preventDefault(), h());
   };
   return p.div(
-    a.class(
-      $(
+    s.class(
+      y(
         l ?? !1,
-        s
+        a
       )(
-        (b, v) => d(b ?? !1, v ?? "md")
+        (b, k) => d(b ?? !1, k ?? "md")
       )
     ),
-    a.id(c),
-    a.role("switch"),
-    a.tabindex(
+    s.id(c),
+    s.role("switch"),
+    s.tabindex(
       w.map(l, (b) => b ? -1 : 0)
     ),
     A.checked(e),
@@ -2582,10 +2582,10 @@ const Io = (e) => {
     A.labelledby(o != null ? i : void 0),
     m.click(h),
     m.keydown(f),
-    o != null ? kt(a.id(i), a.class(`bu-text-${s} bu-nowrap`), o) : null,
+    o != null ? vt(s.id(i), s.class(`bu-text-${a} bu-nowrap`), o) : null,
     p.div(
-      a.class("bc-switch__track"),
-      a.class(
+      s.class("bc-switch__track"),
+      s.class(
         w.map(
           e,
           (b) => b ? "bc-switch__track--on" : "bc-switch__track--off"
@@ -2593,8 +2593,8 @@ const Io = (e) => {
       ),
       t != null ? p.div(
         A.hidden(!0),
-        a.class("bc-switch__track-label bc-switch__track-label--off"),
-        a.class(
+        s.class("bc-switch__track-label bc-switch__track-label--off"),
+        s.class(
           w.map(
             e,
             (b) => b ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
@@ -2603,8 +2603,8 @@ const Io = (e) => {
         t
       ) : null,
       r != null ? p.div(
-        a.class("bc-switch__track-label bc-switch__track-label--on"),
-        a.class(
+        s.class("bc-switch__track-label bc-switch__track-label--on"),
+        s.class(
           w.map(
             e,
             (b) => b ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
@@ -2612,21 +2612,21 @@ const Io = (e) => {
         ),
         r
       ) : null,
-      xe(
+      ve(
         (b) => p.div(
-          a.class("bc-switch__thumb"),
-          a.class(
+          s.class("bc-switch__thumb"),
+          s.class(
             w.map(
               e,
-              (v) => v ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
+              (k) => k ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
             )
           ),
-          x.transform(
-            $(
+          v.transform(
+            y(
               e,
               b,
-              s
-            )((v, { width: C }, S) => {
+              a
+            )((k, { width: C }, S) => {
               const g = (() => {
                 switch (S) {
                   case "xs":
@@ -2641,7 +2641,7 @@ const Io = (e) => {
                     return 8;
                 }
               })();
-              return v ? `translateX(calc(${C}px - (var(--spacing-base) * ${g})))` : "translateX(0)";
+              return k ? `translateX(calc(${C}px - (var(--spacing-base) * ${g})))` : "translateX(0)";
             })
           )
         )
@@ -2649,7 +2649,7 @@ const Io = (e) => {
     )
   );
 };
-function cr(e) {
+function ur(e) {
   function n(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -2657,11 +2657,11 @@ function cr(e) {
     (t) => typeof t == "object" && t.key != null ? n(t.key) : n(t)
   );
 }
-function ir(e) {
+function dr(e) {
   const n = e.filter((o) => o.path == null || o.path.length === 0).map((o) => o.message), t = e.filter((o) => o.path != null && o.path.length > 0).reduce((o, l) => {
-    const s = cr(l.path), u = s.pop();
+    const a = ur(l.path), u = a.pop();
     let c = o;
-    for (const i of s)
+    for (const i of a)
       c.dependencies == null && (c.dependencies = {}), c.dependencies[i] == null && (c.dependencies[i] = {}), c = c.dependencies[i];
     return c.dependencies == null && (c.dependencies = {}), c.dependencies[u] = { error: l.message }, o;
   }, {}), r = n.join(`
@@ -2671,101 +2671,101 @@ function ir(e) {
     error: r != "" ? r : void 0
   };
 }
-function ur({
+function hr({
   defaultValue: e,
   onChange: n,
   validate: t
 }) {
-  const r = q(e), o = q({ type: "Valid" }), l = q(!1), s = async (c) => {
+  const r = R(e), o = R({ type: "Valid" }), l = R(!1), a = async (c) => {
     if (r.set(c), n == null || n(c), t != null) {
       const i = await t(c);
       o.set(i);
     }
-  }, u = new de([], s, r, o, {
+  }, u = new de([], a, r, o, {
     disabled: l
   });
   return u.onDispose(() => {
     l.dispose(), r.dispose(), o.dispose();
   }), u;
 }
-function Et(e) {
-  return L(a.disabled(e.disabled), a.name(e.name));
+function At(e) {
+  return L(s.disabled(e.disabled), s.name(e.name));
 }
-function Oo(e, {
+function Vo(e, {
   triggerOn: n = "change"
 } = {}) {
   return L(
-    Et(e),
-    a.value(e.value),
+    At(e),
+    s.value(e.value),
     (n === "input" ? m.input : m.change)(I(e.change))
   );
 }
-function Vo(e, {
+function jo(e, {
   triggerOn: n = "change"
 } = {}) {
   return L(
-    Et(e),
-    a.valueAsNumber(e.value),
+    At(e),
+    s.valueAsNumber(e.value),
     (n === "input" ? m.input : m.change)(
       Be(e.change)
     )
   );
 }
-function dr(e) {
+function pr(e) {
   return e.issues != null ? {
     type: "Invalid",
-    ...ir(e.issues)
+    ...dr(e.issues)
   } : { type: "Valid" };
 }
-function jo({
+function Fo({
   defaultValue: e = {},
   schema: n
 }) {
-  return ur({
+  return hr({
     defaultValue: e,
-    validate: async (t) => dr(
+    validate: async (t) => pr(
       await n["~standard"].validate(t)
     )
   }).object();
 }
-const hr = ["!=", "<=", ">=", "<", ">", "="];
-function pr(e) {
-  for (const n of hr)
+const br = ["!=", "<=", ">=", "<", ">", "="];
+function fr(e) {
+  for (const n of br)
     if (typeof e == "string" && e.startsWith(n))
       return [n, e.slice(n.length)];
   return ["=", e];
 }
-function br(e, n, t) {
-  const [r, o] = pr(n), l = e.findIndex((c) => c[1] === o);
+function gr(e, n, t) {
+  const [r, o] = fr(n), l = e.findIndex((c) => c[1] === o);
   if (l === -1)
     throw new Error(`Breakpoint ${String(o)} not found`);
-  const s = e[l][0], u = l < e.length - 1 ? e[l + 1][0] : 1 / 0;
+  const a = e[l][0], u = l < e.length - 1 ? e[l + 1][0] : 1 / 0;
   switch (r) {
     case "=":
-      return t >= s && t < u;
+      return t >= a && t < u;
     case "!=":
-      return !(t >= s && t < u);
+      return !(t >= a && t < u);
     case "<=":
-      return t <= s;
+      return t <= a;
     case ">=":
-      return t >= s;
+      return t >= a;
     case "<":
-      return t < s;
+      return t < a;
     case ">":
-      return t > s;
+      return t > a;
     default:
       return !1;
   }
 }
-function Fo(e, n) {
+function Ho(e, n) {
   const t = e.findIndex((r) => r[0] > n) - 1;
   return t >= 0 ? e[t][1] : (e.length > 0 && n >= e[0][0], e[0][1]);
 }
-function _t(e, { breakpoints: n, mode: t = "viewport" }) {
+function Tt(e, { breakpoints: n, mode: t = "viewport" }) {
   const o = [...Object.entries(n).map(
-    ([s, u]) => [u, s]
-  )].sort((s, u) => s[0] - u[0]), l = (s) => {
-    const u = s.map(({ width: i }) => {
+    ([a, u]) => [u, a]
+  )].sort((a, u) => a[0] - u[0]), l = (a) => {
+    const u = a.map(({ width: i }) => {
       const d = o.findIndex((h) => h[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] };
     });
@@ -2773,71 +2773,71 @@ function _t(e, { breakpoints: n, mode: t = "viewport" }) {
       value: u,
       breakpoints: n,
       asList: o,
-      is: (i, d) => br(o, i, d)
+      is: (i, d) => gr(o, i, d)
     });
   };
-  return t === "element" ? xe(l) : Gt(l);
+  return t === "element" ? ve(l) : Xt(l);
 }
 let Ae = NaN;
-function fr(e, n) {
+function mr(e, n) {
   return e ? (isNaN(Ae) && (Ae = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(e) * Ae) : n;
 }
-function W(e, n, t) {
-  return fr(e.getPropertyValue(n), t);
+function q(e, n, t) {
+  return mr(e.getPropertyValue(n), t);
 }
-function gr(e) {
+function kr(e) {
   return F((n) => {
     const t = getComputedStyle(n), r = {
       zero: 0,
-      xs: W(t, "--breakpoint-xs", 640),
-      sm: W(t, "--breakpoint-sm", 768),
-      md: W(t, "--breakpoint-md", 1024),
-      lg: W(t, "--breakpoint-lg", 1280),
-      xl: W(t, "--breakpoint-xl", 1536)
+      xs: q(t, "--breakpoint-xs", 640),
+      sm: q(t, "--breakpoint-sm", 768),
+      md: q(t, "--breakpoint-md", 1024),
+      lg: q(t, "--breakpoint-lg", 1280),
+      xl: q(t, "--breakpoint-xl", 1536)
     };
-    return _t(e, { breakpoints: r });
+    return Tt(e, { breakpoints: r });
   });
 }
-function Ho(e) {
+function Po(e) {
   return F((n) => {
     const t = getComputedStyle(n), r = {
       zero: 0,
-      "3xs": W(t, "--container-3xs", 256),
-      "2xs": W(t, "--container-2xs", 288),
-      xs: W(t, "--container-xs", 320),
-      sm: W(t, "--container-sm", 384),
-      md: W(t, "--container-md", 448),
-      lg: W(t, "--container-lg", 512),
-      xl: W(t, "--container-xl", 640),
-      "2xl": W(t, "--container-2xl", 768),
-      "3xl": W(t, "--container-3xl", 1024),
-      "4xl": W(t, "--container-4xl", 1280),
-      "5xl": W(t, "--container-5xl", 1536),
-      "6xl": W(t, "--container-6xl", 2048)
+      "3xs": q(t, "--container-3xs", 256),
+      "2xs": q(t, "--container-2xs", 288),
+      xs: q(t, "--container-xs", 320),
+      sm: q(t, "--container-sm", 384),
+      md: q(t, "--container-md", 448),
+      lg: q(t, "--container-lg", 512),
+      xl: q(t, "--container-xl", 640),
+      "2xl": q(t, "--container-2xl", 768),
+      "3xl": q(t, "--container-3xl", 1024),
+      "4xl": q(t, "--container-4xl", 1280),
+      "5xl": q(t, "--container-5xl", 1536),
+      "6xl": q(t, "--container-6xl", 2048)
     };
-    return _t(e, {
+    return Tt(e, {
       breakpoints: r,
       mode: "element"
     });
   });
 }
-function At({
+function Bt({
   initialStatus: e = "closed",
   openedAfter: n,
   closedAfter: t
 }) {
-  const r = q(e), o = () => {
+  const r = R(e), o = () => {
     r.set("start-opening");
   }, l = () => {
     r.set("start-closing");
-  }, s = r.map(
+  }, a = r.map(
     (g) => g !== "closed" && g !== "start-closing" && g !== "closing"
   ), u = (g) => {
     g ? o() : l();
   }, c = () => {
-    u(!s.value);
-  }, i = (g) => r.on((V) => {
-    V === "closed" && g();
+    u(!a.value);
+  }, i = (g) => r.on((O) => {
+    O === "closed" && g();
   });
   let d = () => {
   };
@@ -2857,37 +2857,37 @@ function At({
         break;
     }
   }), r.onDispose(() => d());
-  const h = r.map((g) => g === "closed"), f = r.map((g) => g === "start-opening"), b = r.map((g) => g === "opening"), v = r.map((g) => g === "opened"), C = r.map((g) => g === "closing"), S = r.map((g) => g === "start-closing");
+  const h = r.map((g) => g === "closed"), f = r.map((g) => g === "start-opening"), b = r.map((g) => g === "opening"), k = r.map((g) => g === "opened"), C = r.map((g) => g === "closing"), S = r.map((g) => g === "start-closing");
   return {
     status: r,
     open: o,
     close: l,
     toggle: c,
     setOpen: u,
-    display: s,
+    display: a,
     isClosed: h,
     isStartOpening: f,
     isOpening: b,
-    isOpened: v,
+    isOpened: k,
     isClosing: C,
     isStartClosing: S,
     dispose: () => r.dispose(),
     onClosed: i
   };
 }
-function Po({
+function Mo({
   initialStatus: e = "closed",
   duration: n,
   openDuration: t = n ?? 500,
   closeDuration: r = n ?? 500
 } = {}) {
-  return At({
+  return Bt({
     initialStatus: e,
-    openedAfter: (o) => ze(o, t),
-    closedAfter: (o) => ze(o, r)
+    openedAfter: (o) => Ke(o, t),
+    closedAfter: (o) => Ke(o, r)
   });
 }
-function Ze(e, n) {
+function Ye(e, n) {
   let t = !1, r = null;
   function o() {
     t || (t = !0, r && (clearTimeout(r), r = null), n());
@@ -2895,7 +2895,7 @@ function Ze(e, n) {
   function l(i) {
     i.target === e && o();
   }
-  function s(i) {
+  function a(i) {
     i.target === e && o();
   }
   const c = le(() => {
@@ -2904,10 +2904,10 @@ function Ze(e, n) {
       r = setTimeout(o, 16);
       return;
     }
-    e.getAnimations().length === 0 ? (e.addEventListener("transitionend", l, { once: !0 }), e.addEventListener("animationend", s, { once: !0 }), r = setTimeout(o, 550)) : (e.addEventListener("transitionend", l, { once: !0 }), e.addEventListener("animationend", s, { once: !0 }));
+    e.getAnimations().length === 0 ? (e.addEventListener("transitionend", l, { once: !0 }), e.addEventListener("animationend", a, { once: !0 }), r = setTimeout(o, 550)) : (e.addEventListener("transitionend", l, { once: !0 }), e.addEventListener("animationend", a, { once: !0 }));
   });
   return () => {
-    t = !0, c(), r && (clearTimeout(r), r = null), e.removeEventListener("transitionend", l), e.removeEventListener("animationend", s);
+    t = !0, c(), r && (clearTimeout(r), r = null), e.removeEventListener("transitionend", l), e.removeEventListener("animationend", a);
   };
 }
 function fe({
@@ -2919,18 +2919,18 @@ function fe({
     setElement: (r) => {
       t = r;
     },
-    ...At({
+    ...Bt({
       initialStatus: e,
       openedAfter: (r) => t == null ? (r(), () => {
-      }) : Ze(t, r),
+      }) : Ye(t, r),
       closedAfter: (r) => t == null ? (r(), () => {
-      }) : Ze(t, r)
+      }) : Ye(t, r)
     })
   };
 }
-function De(e, n) {
-  return a.class(
-    $(
+function Oe(e, n) {
+  return s.class(
+    y(
       e,
       n
     )((t, r) => `bu-toggle--animated bu-toggle--${t} bu-toggle--${r}`)
@@ -2997,7 +2997,7 @@ const ne = {
     xl: 280
   }
 };
-function Ke(e, n) {
+function Qe(e, n) {
   if (typeof e == "number")
     return {
       zero: e,
@@ -3023,7 +3023,7 @@ function Te(e) {
     e.every((t) => t[n] == null || t[n].startsWith("?")) && (e = e.map((t) => t.filter((r, o) => o !== n)), n--);
   return e = e.map((n) => n.map((t) => t != null && t.startsWith("?") ? t.slice(1) : t)), e;
 }
-function mr({
+function xr({
   smallBreakpoint: e,
   mediumBreakpoint: n,
   vertical: t,
@@ -3048,7 +3048,7 @@ function mr({
     ), i[1][1] = "header"), r.mainHeader && (h.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), h.push("1fr"), i[3][1] = "main", r.mainFooter && (h.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (h.push(r.footer[c] + "px"), i[5][1] = "footer"), i = Te(i), {
       columns: d.join(" "),
       rows: h.join(" "),
-      areas: i.map((v) => `"${v.join(" ")}"`).join(`
+      areas: i.map((k) => `"${k.join(" ")}"`).join(`
 `),
       displayMenu: !1,
       displayAside: !1,
@@ -3056,7 +3056,7 @@ function mr({
       asideWidth: ne.aside[c] + "px"
     };
   }
-  function s(c) {
+  function a(c) {
     var b;
     let i = [
       [null, null],
@@ -3074,7 +3074,7 @@ function mr({
     ), i[1][0] = "?header", i[1][1] = "header"), r.mainHeader && (h.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), h.push("1fr"), i[3][1] = "main", r.mainFooter && (h.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (h.push(r.footer[c] + "px"), i[5][0] = "?footer", i[5][1] = "footer"), i = Te(i), {
       columns: d.join(" "),
       rows: h.join(" "),
-      areas: i.map((v) => `"${v.join(" ")}"`).join(`
+      areas: i.map((k) => `"${k.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !1,
@@ -3108,110 +3108,110 @@ function mr({
   return ({
     width: c,
     breakpoint: i
-  }) => o(`<=${e}`, c) ? l(i) : o(`<=${n}`, c) ? s(i) : u(i);
+  }) => o(`<=${e}`, c) ? l(i) : o(`<=${n}`, c) ? a(i) : u(i);
 }
-const kr = ["menu", "aside"], xr = [
+const vr = ["menu", "aside"], yr = [
   "banner",
   "header",
   "mainHeader",
   "mainFooter",
   "footer"
 ];
-function vr(e, { displayMenu: n }, t) {
+function wr(e, { displayMenu: n }, t) {
   return e ? n ? "block" : t ? "float" : "none" : "none";
 }
-function yr(e, { displayAside: n }, t) {
+function $r(e, { displayAside: n }, t) {
   return e ? n ? "block" : t ? "float" : "none" : "none";
 }
-function Mo({
+function Wo({
   smallBreakpoint: e = "sm",
   mediumBreakpoint: n = "md",
   ...t
 }) {
   const r = Object.fromEntries(
-    kr.filter((l) => t[l]).map(
+    vr.filter((l) => t[l]).map(
       (l) => [
         l,
-        Ke(t[l].width ?? {}, ne[l])
+        Qe(t[l].width ?? {}, ne[l])
       ]
     )
   ), o = Object.fromEntries(
-    xr.filter((l) => t[l]).map(
+    yr.filter((l) => t[l]).map(
       (l) => [
         l,
-        Ke(t[l].height ?? {}, ne[l])
+        Qe(t[l].height ?? {}, ne[l])
       ]
     )
   );
-  return gr(({ value: l, is: s }) => {
-    var g, V, z, H, E, O, T, J, P, ee;
-    const u = mr({
+  return kr(({ value: l, is: a }) => {
+    var g, O, M, H, E, V, T, J, P, ee;
+    const u = xr({
       smallBreakpoint: e,
       mediumBreakpoint: n,
       vertical: r,
       horizontal: o,
-      is: s
-    }), c = l.map(u), i = o.header != null || r.menu != null || r.aside != null, d = $(
+      is: a
+    }), c = l.map(u), i = o.header != null || r.menu != null || r.aside != null, d = y(
       r.aside != null,
       c
-    )((k, { displayAside: _ }) => k && !_), h = $(
+    )((x, { displayAside: _ }) => x && !_), h = y(
       r.menu != null,
       c
-    )((k, { displayMenu: _ }) => k && !_), f = fe(), b = fe(), v = q(0), C = $(
+    )((x, { displayMenu: _ }) => x && !_), f = fe(), b = fe(), k = R(0), C = y(
       r.menu != null,
       c,
       f.display
-    )(vr), S = $(
+    )(wr), S = y(
       r.aside != null,
       c,
       b.display
-    )(yr);
+    )($r);
     return p.div(
-      N(() => {
-        v.dispose(), f.dispose(), b.dispose();
+      U(() => {
+        k.dispose(), f.dispose(), b.dispose();
       }),
-      x.height("100%"),
-      x.display("grid"),
-      x.gridTemplateColumns(c.$.columns),
-      x.gridTemplateRows(c.$.rows),
-      x.gridTemplateAreas(c.$.areas),
-      x.gridColumnGap("0"),
-      x.gridRowGap("0"),
+      v.height("100%"),
+      v.display("grid"),
+      v.gridTemplateColumns(c.$.columns),
+      v.gridTemplateRows(c.$.rows),
+      v.gridTemplateAreas(c.$.areas),
+      v.gridColumnGap("0"),
+      v.gridRowGap("0"),
       t.banner ? p.header(
-        a.class(
+        s.class(
           te(
             "none",
             t.banner.color ?? "white",
             t.banner.shadow ?? "none"
           )
         ),
-        x.height("100%"),
-        x.gridArea("banner"),
+        v.height("100%"),
+        v.gridArea("banner"),
         t.banner.content
       ) : null,
       p.header(
-        a.class(
+        s.class(
           te(
             "bottom",
             ((g = t.header) == null ? void 0 : g.color) ?? "white",
-            ((V = t.header) == null ? void 0 : V.shadow) ?? "none"
+            ((O = t.header) == null ? void 0 : O.shadow) ?? "none"
           )
         ),
-        a.class("bu-z-20"),
-        x.display(i ? "block" : "none"),
-        x.gridArea("header"),
-        xe((k) => (k.$.bottom.feedProp(v), null)),
+        s.class("bu-z-20"),
+        v.display(i ? "block" : "none"),
+        v.gridArea("header"),
+        ve((x) => (x.$.bottom.feedProp(k), null)),
         p.div(
-          x.display("flex"),
-          x.height("100%"),
+          v.display("flex"),
+          v.height("100%"),
           p.div(
-            x.display(
-              h.map((k) => k ? "flex" : "none")
+            v.display(
+              h.map((x) => x ? "flex" : "none")
             ),
-            x.alignItems("center"),
-            x.justifyContent("center"),
-            x.height("100%"),
-            x.width("60px"),
+            v.alignItems("center"),
+            v.justifyContent("center"),
+            v.height("100%"),
+            v.width("60px"),
             be(
               {
                 onClick: () => f.toggle(),
@@ -3222,23 +3222,23 @@ function Mo({
               A.label("Open menu"),
               K({
                 icon: f.display.map(
-                  (k) => k ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
+                  (x) => x ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
                 )
               })
             )
           ),
           p.div(
-            x.height("100%"),
-            x.flexGrow("1"),
-            (z = t.header) == null ? void 0 : z.content
+            v.height("100%"),
+            v.flexGrow("1"),
+            (M = t.header) == null ? void 0 : M.content
           ),
           p.div(
-            x.alignItems("center"),
-            x.justifyContent("center"),
-            x.height("100%"),
-            x.width("60px"),
-            x.display(
-              d.map((k) => k ? "flex" : "none")
+            v.alignItems("center"),
+            v.justifyContent("center"),
+            v.height("100%"),
+            v.width("60px"),
+            v.display(
+              d.map((x) => x ? "flex" : "none")
             ),
             be(
               {
@@ -3251,10 +3251,10 @@ function Mo({
               A.label("Open aside"),
               K(
                 { icon: "line-md/chevron-left" },
-                a.class("bu-transition-transform"),
-                a.class(
+                s.class("bu-transition-transform"),
+                s.class(
                   b.display.map(
-                    (k) => k ? "bu-rotate-180" : ""
+                    (x) => x ? "bu-rotate-180" : ""
                   )
                 )
               )
@@ -3263,17 +3263,17 @@ function Mo({
         )
       ),
       t.menu ? p.nav(
-        F((k) => f.setElement(k)),
-        a.class("bu-z-10"),
+        F((x) => f.setElement(x)),
+        s.class("bu-z-10"),
         // Add ARIA attributes for navigation landmark
         // TODO translation
         A.label("Main navigation"),
-        a.role("navigation"),
-        a.class(
+        s.role("navigation"),
+        s.class(
           C.map(
-            (k) => {
+            (x) => {
               var _, he, ce, ge;
-              return k === "float" ? te(
+              return x === "float" ? te(
                 "right",
                 ((_ = t.menu) == null ? void 0 : _.color) ?? "white",
                 ((he = t.menu) == null ? void 0 : he.shadow) ?? "md"
@@ -3285,49 +3285,49 @@ function Mo({
             }
           )
         ),
-        x.height("100%"),
-        x.gridArea("menu"),
-        x.display(
-          $(
+        v.height("100%"),
+        v.gridArea("menu"),
+        v.display(
+          y(
             C,
             f.status
-          )((k, _) => k === "none" && _ === "closed" ? "none" : "block")
+          )((x, _) => x === "none" && _ === "closed" ? "none" : "block")
         ),
-        x.position(
-          $(
+        v.position(
+          y(
             C,
             f.status
-          )((k, _) => k === "float" || k === "none" && _ !== "closed" ? "fixed" : "initial")
+          )((x, _) => x === "float" || x === "none" && _ !== "closed" ? "fixed" : "initial")
         ),
-        x.top(v.map((k) => `${k}px`)),
-        De(
+        v.top(k.map((x) => `${x}px`)),
+        Oe(
           "slide-right",
-          $(
+          y(
             C,
             f.status
-          )((k, _) => k === "block" ? "opened" : _)
+          )((x, _) => x === "block" ? "opened" : _)
         ),
-        x.width(c.$.menuWidth),
-        x.bottom(v.map((k) => `${k}px`)),
+        v.width(c.$.menuWidth),
+        v.bottom(k.map((x) => `${x}px`)),
         (H = t.menu) == null ? void 0 : H.content
       ) : null,
       t.mainHeader ? p.header(
-        x.height("100%"),
-        x.gridArea("mainHeader"),
-        a.class(
+        v.height("100%"),
+        v.gridArea("mainHeader"),
+        s.class(
           te(
             "none",
             ((E = t.mainHeader) == null ? void 0 : E.color) ?? "white",
-            ((O = t.mainHeader) == null ? void 0 : O.shadow) ?? "none"
+            ((V = t.mainHeader) == null ? void 0 : V.shadow) ?? "none"
           )
         ),
         t.mainHeader.content
       ) : null,
       p.main(
-        x.height("100%"),
-        x.overflow("hidden"),
-        x.gridArea("main"),
-        a.class(
+        v.height("100%"),
+        v.overflow("hidden"),
+        v.gridArea("main"),
+        s.class(
           te(
             "none",
             ((T = t.main) == null ? void 0 : T.color) ?? "white",
@@ -3337,9 +3337,9 @@ function Mo({
         t.main.content
       ),
       t.mainFooter ? p.footer(
-        x.height("100%"),
-        x.gridArea("mainFooter"),
-        a.class(
+        v.height("100%"),
+        v.gridArea("mainFooter"),
+        s.class(
           te(
             "none",
             ((P = t.mainFooter) == null ? void 0 : P.color) ?? "white",
@@ -3349,104 +3349,104 @@ function Mo({
         t.mainFooter.content
       ) : null,
       t.aside ? p.aside(
-        F((k) => {
-          b.setElement(k);
+        F((x) => {
+          b.setElement(x);
         }),
-        a.class("bu-z-10"),
+        s.class("bu-z-10"),
         // Add ARIA attributes for aside landmark
         // TODO translation
         A.label("Sidebar"),
-        a.role("complementary"),
-        a.class(
+        s.role("complementary"),
+        s.class(
           S.map(
-            (k) => k === "float" ? te("left", "white", "md") : te("left", "white", "none")
+            (x) => x === "float" ? te("left", "white", "md") : te("left", "white", "none")
           )
         ),
-        x.height("100%"),
-        x.gridArea("aside"),
-        x.display(
-          $(
+        v.height("100%"),
+        v.gridArea("aside"),
+        v.display(
+          y(
             S,
             b.status
-          )((k, _) => k === "none" && _ === "closed" ? "none" : "block")
+          )((x, _) => x === "none" && _ === "closed" ? "none" : "block")
         ),
-        x.position(
-          $(
+        v.position(
+          y(
             S,
             b.status
-          )((k, _) => k === "float" || k === "none" && _ !== "closed" ? "fixed" : "initial")
+          )((x, _) => x === "float" || x === "none" && _ !== "closed" ? "fixed" : "initial")
         ),
-        x.top(v.map((k) => `${k}px`)),
-        De(
+        v.top(k.map((x) => `${x}px`)),
+        Oe(
           "slide-left",
-          $(
+          y(
             S,
             b.status
-          )((k, _) => k === "block" ? "opened" : _)
+          )((x, _) => x === "block" ? "opened" : _)
         ),
-        x.width(c.$.asideWidth),
-        x.bottom(v.map((k) => `${k}px`)),
+        v.width(c.$.asideWidth),
+        v.bottom(k.map((x) => `${x}px`)),
         t.aside.content
       ) : null,
       t.footer ? p.footer(
-        a.class(te("top", "white", "none")),
-        x.height("100%"),
-        x.gridArea("footer"),
+        s.class(te("top", "white", "none")),
+        v.height("100%"),
+        v.gridArea("footer"),
         t.footer.content
       ) : null
     );
   });
 }
-function wr(e, n, t) {
+function Cr(e, n, t) {
   const r = ["bc-card"];
   return e !== "default" && r.push(`bc-card--${e}`), n !== "md" && r.push(`bc-card--padding-${n}`), t !== "lg" && r.push(`bc-card--rounded-${t}`), r.join(" ");
 }
-function Wo({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
+function qo({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
   return p.div(
-    a.class(
-      $(
+    s.class(
+      y(
         e,
         n,
         t
       )(
-        (o, l, s) => wr(
+        (o, l, a) => Cr(
           o ?? "default",
           l ?? "md",
-          s ?? "lg"
+          a ?? "lg"
         )
       )
     ),
     ...r
   );
 }
-function qo(...e) {
+function No(...e) {
   return p.div(
-    a.class("bc-center-h"),
-    p.div(a.class("bc-center__content"), ...e)
+    s.class("bc-center-h"),
+    p.div(s.class("bc-center__content"), ...e)
   );
 }
-function $r(e) {
+function Sr(e) {
   const n = ["bc-center"];
   return e !== "lg" && n.push(`bc-center--gap-${e}`), n.join(" ");
 }
-function No({ gap: e = "lg" } = {}, ...n) {
+function Ro({ gap: e = "lg" } = {}, ...n) {
   return p.div(
-    a.class($(e)((t) => $r(t ?? "lg"))),
+    s.class(y(e)((t) => Sr(t ?? "lg"))),
     ...n
   );
 }
-function Ro(e, n = 0, t = () => !0) {
+function Uo(e, n = 0, t = () => !0) {
   let r = null, o;
-  const l = q(e.value);
-  return e.on((s) => {
-    o = s, t(s) ? r == null && (r = setTimeout(() => {
+  const l = R(e.value);
+  return e.on((a) => {
+    o = a, t(a) ? r == null && (r = setTimeout(() => {
       r = null, l.set(o);
-    }, n)) : l.set(s);
+    }, n)) : l.set(a);
   }), e.onDispose(() => {
     r != null && clearTimeout(r);
   }), l;
 }
-const Cr = [
+const Er = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
@@ -3459,31 +3459,31 @@ const Cr = [
   "details > summary:first-of-type",
   "details[open]"
 ].join(", ");
-function Sr(e) {
-  return Array.from(e.querySelectorAll(Cr)).filter(
+function _r(e) {
+  return Array.from(e.querySelectorAll(Er)).filter(
     (n) => {
       const t = n;
       return t.offsetWidth > 0 && t.offsetHeight > 0 && !t.hasAttribute("inert") && window.getComputedStyle(t).visibility !== "hidden";
     }
   );
 }
-function $e(e = {}) {
+function Ce(e = {}) {
   const {
     active: n = !0,
     escapeDeactivates: t = !0,
     onEscape: r,
     initialFocus: o,
     returnFocus: l,
-    clickOutsideDeactivates: s = !1,
+    clickOutsideDeactivates: a = !1,
     onClickOutside: u
   } = e;
   return F((c) => {
     let i = n, d = null, h = [];
     typeof document < "u" && (d = document.activeElement);
     const f = () => {
-      h = Sr(c);
+      h = _r(c);
     }, b = (g) => {
-      var V, z;
+      var O, M;
       if (i) {
         if (t && g.key === "Escape") {
           g.preventDefault(), r == null || r();
@@ -3497,49 +3497,49 @@ function $e(e = {}) {
           const H = h.indexOf(
             document.activeElement
           );
-          g.shiftKey ? H <= 0 && (g.preventDefault(), (V = h[h.length - 1]) == null || V.focus()) : H >= h.length - 1 && (g.preventDefault(), (z = h[0]) == null || z.focus());
+          g.shiftKey ? H <= 0 && (g.preventDefault(), (O = h[h.length - 1]) == null || O.focus()) : H >= h.length - 1 && (g.preventDefault(), (M = h[0]) == null || M.focus());
         }
       }
-    }, v = (g) => {
-      if (!i || !s) return;
-      const V = g.target;
-      c.contains(V) || u == null || u();
+    }, k = (g) => {
+      if (!i || !a) return;
+      const O = g.target;
+      c.contains(O) || u == null || u();
     }, C = () => {
       if (!i) return;
       f();
       let g = null;
       typeof o == "function" ? g = o() : o ? g = o : h.length > 0 && (g = h[0]), g && setTimeout(() => {
         g == null || g.focus();
-      }, 50), document.addEventListener("keydown", b, !0), s && document.addEventListener("click", v, !0);
+      }, 50), document.addEventListener("keydown", b, !0), a && document.addEventListener("click", k, !0);
     }, S = () => {
-      i = !1, document.removeEventListener("keydown", b, !0), document.removeEventListener("click", v, !0);
+      i = !1, document.removeEventListener("keydown", b, !0), document.removeEventListener("click", k, !0);
       let g = null;
       typeof l == "function" ? g = l() : l ? g = l : d && (g = d), g && document.body.contains(g) && setTimeout(() => {
         g == null || g.focus();
       }, 0);
     };
-    return setTimeout(() => C(), 0), N(() => {
+    return setTimeout(() => C(), 0), U(() => {
       S();
     });
   });
 }
-function Uo(e = {}) {
+function zo(e = {}) {
   return {
-    activate: () => $e({ ...e, active: !0 }),
-    deactivate: () => $e({ ...e, active: !1 })
+    activate: () => Ce({ ...e, active: !0 }),
+    deactivate: () => Ce({ ...e, active: !1 })
   };
 }
-function Er({ open: e }, ...n) {
+function Ar({ open: e }, ...n) {
   return F((t) => {
     const { status: r, setOpen: o, dispose: l } = fe({
       initialStatus: w.get(e) ? "opened" : "closed",
       element: t
     });
-    return w.on(e, o), xe((s) => {
-      const u = q(null);
-      return $(
+    return w.on(e, o), ve((a) => {
+      const u = R(null);
+      return y(
         r,
-        s.$.height
+        a.$.height
       )((i, d) => i === "opened" && d > 0 ? d : null).on((i) => {
         i != null && u.set(i);
       }), r.on((i) => {
@@ -3550,35 +3550,35 @@ function Er({ open: e }, ...n) {
           f > 0 && u.set(f), t.style.height = d, t.style.transition = h, t.offsetHeight;
         }
       }), L(
-        N(l),
-        N(u.dispose),
-        a.style(
+        U(l),
+        U(u.dispose),
+        s.style(
           u.map((i) => `--collapse-height: ${i != null ? `${i}px` : "auto"}`)
         ),
-        a.class(r.map((i) => `bc-collapse bc-collapse--${i}`)),
+        s.class(r.map((i) => `bc-collapse bc-collapse--${i}`)),
         ...n
       );
     });
   });
 }
-function zo(...e) {
-  return p.div(a.class("bc-group"), ...e);
+function Go(...e) {
+  return p.div(s.class("bc-group"), ...e);
 }
-function Xe({
+function Je({
   header: e,
   footer: n,
   body: t,
   shadowOnScroll: r = !0
 }) {
-  const o = q("none");
+  const o = R("none");
   function l(u) {
     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 p.div(
-    a.class("bc-scrollable-panel"),
-    a.class(
-      $(
+    s.class("bc-scrollable-panel"),
+    s.class(
+      y(
         o,
         r
       )((u, c) => {
@@ -3595,12 +3595,12 @@ function Xe({
         }
       })
     ),
-    e && p.div(a.class("bc-scrollable-panel__header"), e),
-    p.div(a.class("bc-scrollable-panel--header-shadow"), p.div()),
+    e && p.div(s.class("bc-scrollable-panel__header"), e),
+    p.div(s.class("bc-scrollable-panel--header-shadow"), p.div()),
     p.div(
-      a.class("bc-scrollable-panel__body"),
+      s.class("bc-scrollable-panel__body"),
       F(
-        (u) => N(le(() => l(u)))
+        (u) => U(le(() => l(u)))
       ),
       m.scroll((u) => {
         const c = u.target;
@@ -3608,93 +3608,93 @@ function Xe({
       }),
       t
     ),
-    p.div(a.class("bc-scrollable-panel--footer-shadow"), p.div()),
-    n && p.div(a.class("bc-scrollable-panel__footer"), n)
+    p.div(s.class("bc-scrollable-panel--footer-shadow"), p.div()),
+    n && p.div(s.class("bc-scrollable-panel__footer"), n)
   );
 }
-function _r(e, n, t) {
+function Tr(e, n, t) {
   const r = ["bc-sink"];
   return e !== "default" && r.push(`bc-sink--${e}`), n !== "md" && r.push(`bc-sink--padding-${n}`), t !== "lg" && r.push(`bc-sink--rounded-${t}`), r.join(" ");
 }
-function Go({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
+function Zo({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
   return p.div(
-    a.class(
-      $(
+    s.class(
+      y(
         e,
         n,
         t
       )(
-        (o, l, s) => _r(
+        (o, l, a) => Tr(
           o ?? "default",
           l ?? "md",
-          s ?? "lg"
+          a ?? "lg"
         )
       )
     ),
     ...r
   );
 }
-function Zo(...e) {
-  return p.div(a.class("bc-stack"), ...e);
+function Ko(...e) {
+  return p.div(s.class("bc-stack"), ...e);
 }
-function Ar(e) {
+function Br(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 Tr(e) {
+function Ir(e) {
   const {
     content: n,
     placement: t = "top",
     showDelay: r = 250,
     hideDelay: o = 500,
     mainAxisOffset: l = 8,
-    crossAxisOffset: s = 0,
+    crossAxisOffset: a = 0,
     showOn: u = "hover-focus",
     closable: c = !0,
     arrow: i,
     role: d
   } = e;
-  return Zt((h, f) => {
+  return Yt((h, f) => {
     const b = fe({
       initialStatus: "closed"
-    }), v = se("flyout");
-    let C = null, S = null, g = null, V = !1;
-    function z() {
-      E != null && (clearTimeout(E), E = null), T != null && (clearTimeout(T), T = null), g && (g(), g = null), S && (S(), S = null), C && (document.removeEventListener("keydown", C), C = null), V = !1;
+    }), k = ae("flyout");
+    let C = null, S = null, g = null, O = !1;
+    function M() {
+      E != null && (clearTimeout(E), E = null), T != null && (clearTimeout(T), T = null), g && (g(), g = null), S && (S(), S = null), C && (document.removeEventListener("keydown", C), C = null), O = !1;
     }
     function H() {
       w.get(c) && (C = (P) => {
         P.key === "Escape" && J();
-      }, document.addEventListener("keydown", C)), V = !0, h({
+      }, document.addEventListener("keydown", C)), O = !0, h({
         placement: t ?? "top",
         mainAxisOffset: l,
-        crossAxisOffset: s,
+        crossAxisOffset: a,
         arrow: i,
         content: F((P) => {
           b.setElement(P), g = le(() => {
             b.open(), g = null;
           });
-          const ee = (k) => {
-            if (w.get(c) && k.key === "Escape") {
-              k.preventDefault(), k.stopPropagation(), J();
+          const ee = (x) => {
+            if (w.get(c) && x.key === "Escape") {
+              x.preventDefault(), x.stopPropagation(), J();
               const _ = document.querySelector(
-                `[aria-controls="${v}"]`
+                `[aria-controls="${k}"]`
               );
               _ && _.setAttribute("aria-expanded", "false");
             }
           };
           return document.addEventListener("keydown", ee, !0), L(
-            N(() => {
-              z(), document.removeEventListener("keydown", ee, !0);
+            U(() => {
+              M(), document.removeEventListener("keydown", ee, !0);
             }),
-            a.class("bc-flyout"),
-            a.id(v),
-            a.tabindex(-1),
+            s.class("bc-flyout"),
+            s.id(k),
+            s.tabindex(-1),
             // Make focusable for screen readers
-            De(
-              w.map(t, Ar),
+            Oe(
+              w.map(t, Br),
               b.status
             ),
-            d ? a.role(d) : a.role("dialog"),
+            d ? s.role(d) : s.role("dialog"),
             // Default to dialog role
             n()
           );
@@ -3702,7 +3702,7 @@ function Tr(e) {
       });
     }
     let E = null;
-    function O() {
+    function V() {
       if (E != null && (clearTimeout(E), E = null), T != null && (clearTimeout(T), T = null), S && (S(), S = null), b.isOpened.value || b.isOpening.value || b.isStartOpening.value)
         return;
       if (b.isClosing.value || b.isStartClosing.value) {
@@ -3716,47 +3716,47 @@ function Tr(e) {
     }
     let T = null;
     function J() {
-      if (E != null && (clearTimeout(E), E = null), T != null && (clearTimeout(T), T = null), g && (g(), g = null, V)) {
-        f(), z();
+      if (E != null && (clearTimeout(E), E = null), T != null && (clearTimeout(T), T = null), g && (g(), g = null, O)) {
+        f(), M();
         return;
       }
       const P = w.get(o);
       T = setTimeout(() => {
         T = null, S && (S(), S = null), b.close(), S = b.onClosed(() => {
-          f(), z();
+          f(), M();
         });
       }, P);
     }
     return F((P) => {
       const ee = (ce) => {
-        P.setAttribute("aria-expanded", ce.toString()), P.setAttribute("aria-controls", v), P.hasAttribute("aria-haspopup") || P.setAttribute("aria-haspopup", "dialog");
+        P.setAttribute("aria-expanded", ce.toString()), P.setAttribute("aria-controls", k), P.hasAttribute("aria-haspopup") || P.setAttribute("aria-haspopup", "dialog");
       };
       ee(!1);
-      const k = () => {
-        O(), ee(!0);
+      const x = () => {
+        V(), ee(!0);
       }, _ = () => {
         J(), ee(!1);
       };
       if (typeof u == "function")
-        return u(k, _);
+        return u(x, _);
       const he = u;
       return L(
-        N(() => {
+        U(() => {
           b.dispose();
         }),
-        Mt(he, {
+        Nt(he, {
           "hover-focus": () => L(
-            m.mouseenter(() => k()),
+            m.mouseenter(() => x()),
             m.mouseleave(() => _()),
-            m.focus(() => k()),
+            m.focus(() => x()),
             m.blur(() => _())
           ),
           hover: () => L(
-            m.mouseenter(() => k()),
+            m.mouseenter(() => x()),
             m.mouseleave(() => _())
           ),
           focus: () => L(
-            m.focus(() => k()),
+            m.focus(() => x()),
             m.blur(() => _())
           ),
           click: () => {
@@ -3767,9 +3767,9 @@ function Tr(e) {
               ce(), _();
             }
             return L(
-              N(ce),
+              U(ce),
               m.click(() => {
-                k(), le(() => {
+                x(), le(() => {
                   document.addEventListener("click", ge, {
                     once: !0
                   });
@@ -3783,7 +3783,7 @@ function Tr(e) {
     });
   });
 }
-function Ye(e, n, t) {
+function et(e, n, t) {
   const r = ["bc-link"];
   if (r.push(`bu-text--${n}`), t)
     r.push("bc-link--disabled");
@@ -3802,51 +3802,51 @@ function Ye(e, n, t) {
     }
   return r.join(" ");
 }
-function Br({
+function Lr({
   href: e,
   variant: n = "default",
   color: t = "primary",
   colorDisabled: r = "base",
   disabled: o = !1,
   withViewTransition: l = !0,
-  target: s,
+  target: a,
   rel: u
 }, ...c) {
-  return G(
+  return N(
     o,
     () => p.span(
-      a.class(
-        $(
+      s.class(
+        y(
           n,
           r,
           o
         )(
-          (i, d, h) => Ye(i, d, h)
+          (i, d, h) => et(i, d, h)
         )
       ),
       ...c
     ),
-    () => nt(
+    () => Fe(
       {
         href: e,
         withViewTransition: l
       },
-      a.class(
-        $(
+      s.class(
+        y(
           n,
           t,
           o
         )(
-          (i, d, h) => Ye(i, d, h)
+          (i, d, h) => et(i, d, h)
         )
       ),
-      s ? a.target(s) : null,
-      u ? a.rel(u) : null,
+      a ? s.target(a) : null,
+      u ? s.rel(u) : null,
       ...c
     )
   );
 }
-function Ir(e, n, t) {
+function It(e, n, t) {
   const r = Object.keys(e.search).length > 0 ? "?" + new URLSearchParams(e.search).toString() : "", o = e.hash || "";
   switch (t) {
     case "exact":
@@ -3855,13 +3855,13 @@ function Ir(e, n, t) {
       return e.pathname.startsWith(n) || (e.pathname + r).startsWith(n);
     case "params":
       try {
-        const l = new URL(n, window.location.origin), s = new URLSearchParams(l.search), u = new URLSearchParams(e.search);
+        const l = new URL(n, window.location.origin), a = new URLSearchParams(l.search), u = new URLSearchParams(e.search);
         if (e.pathname !== l.pathname)
           return !1;
-        const c = Array.from(s.entries()).sort(), i = Array.from(u.entries()).sort();
+        const c = Array.from(a.entries()).sort(), i = Array.from(u.entries()).sort();
         return c.length !== i.length ? !1 : c.every(([d, h], f) => {
-          const [b, v] = i[f];
-          return d === b && h === v;
+          const [b, k] = i[f];
+          return d === b && h === k;
         });
       } catch {
         return e.pathname === n;
@@ -3870,47 +3870,167 @@ function Ir(e, n, t) {
       return !1;
   }
 }
-function Ko({
+function Xo({
   href: e,
   matchMode: n = "exact",
   disableWhenActive: t = !0,
   ...r
 }, ...o) {
-  return Ce(rt, (l) => {
-    const s = $(
+  return xe(He, (l) => {
+    const a = y(
       l,
       e,
       t
-    )((u, c, i) => i ?? !0 ? Ir(u, w.get(c), n) : !1);
-    return Br(
+    )((u, c, i) => i ?? !0 ? It(u, w.get(c), n) : !1);
+    return Lr(
       {
         ...r,
         href: e,
-        disabled: s
+        disabled: a
       },
       ...o
     );
   });
 }
-function Qe({ rail: e }, ...n) {
+function Yo({
+  href: e,
+  withViewTransition: n = !0,
+  target: t,
+  rel: r,
+  matchMode: o,
+  disableWhenActive: l,
+  variant: a = "filled",
+  size: u = "md",
+  color: c = "base",
+  roundedness: i = "sm",
+  disabled: d = !1
+}, ...h) {
+  return o !== void 0 || l !== void 0 ? xe(He, (f) => {
+    const b = y(
+      f,
+      e,
+      l
+    )((C, S, g) => {
+      if (!(g ?? !0) || !o) return !1;
+      const M = w.get(S);
+      return It(C, M, o);
+    }), k = y(
+      d,
+      b
+    )((C, S) => C || S);
+    return tt(
+      {
+        href: e,
+        withViewTransition: n,
+        target: t,
+        rel: r,
+        variant: a,
+        size: u,
+        color: c,
+        roundedness: i,
+        disabled: k
+      },
+      ...h
+    );
+  }) : tt(
+    {
+      href: e,
+      withViewTransition: n,
+      target: t,
+      rel: r,
+      variant: a,
+      size: u,
+      color: c,
+      roundedness: i,
+      disabled: d
+    },
+    ...h
+  );
+}
+function tt({
+  href: e,
+  withViewTransition: n,
+  target: t,
+  rel: r,
+  variant: o,
+  size: l,
+  color: a,
+  roundedness: u,
+  disabled: c
+}, ...i) {
+  return N(
+    c ?? !1,
+    () => p.span(
+      s.class(
+        y(
+          o,
+          l,
+          a,
+          u,
+          c
+        )(
+          (d, h, f, b, k) => Ie(
+            d ?? "filled",
+            h ?? "md",
+            f ?? "base",
+            b ?? "sm",
+            k,
+            !1
+            // loading is always false for ButtonLink
+          )
+        )
+      ),
+      ...i
+    ),
+    () => Fe(
+      {
+        href: e,
+        withViewTransition: n
+      },
+      s.class(
+        y(
+          o,
+          l,
+          a,
+          u,
+          c
+        )(
+          (d, h, f, b, k) => Ie(
+            d ?? "filled",
+            h ?? "md",
+            f ?? "base",
+            b ?? "sm",
+            k,
+            !1
+            // loading is always false for ButtonLink
+          )
+        )
+      ),
+      t ? s.target(t) : null,
+      r ? s.rel(r) : null,
+      ...i
+    )
+  );
+}
+function nt({ rail: e }, ...n) {
   return p.div(
-    a.class(
+    s.class(
       w.map(
         e ?? !1,
         (t) => t ? "bc-sidebar-group--rail" : ""
       )
     ),
-    a.class("bc-sidebar-group"),
+    s.class("bc-sidebar-group"),
     ...n
   );
 }
-function Lr(e, ...n) {
-  return nt({ href: e.href, withViewTransition: !0 }, ...n);
+function Dr(e, ...n) {
+  return Fe({ href: e.href, withViewTransition: !0 }, ...n);
 }
-function Dr(...e) {
+function Or(...e) {
   return p.span(...e);
 }
-function Or(e, ...n) {
+function Vr(e, ...n) {
   return p.button(
     m.click(e.onClick),
     // Add ARIA attributes if provided using WithElement for dynamic updates
@@ -3937,82 +4057,82 @@ function Or(e, ...n) {
     ...n
   );
 }
-function Vr(e) {
+function jr(e) {
   var t;
-  const n = [a.class("bc-sidebar-link")];
+  const n = [s.class("bc-sidebar-link")];
   return e.icon != null && n.push(
     p.span(
-      a.class("bc-sidebar-link--icon"),
+      s.class("bc-sidebar-link--icon"),
       K({ icon: e.icon })
     )
   ), n.push(
-    p.span(a.class("bc-sidebar-link__content"), e.content)
+    p.span(s.class("bc-sidebar-link__content"), e.content)
   ), e.right != null && n.push(
-    p.span(a.class("bc-sidebar-link__right"), e.right)
+    p.span(s.class("bc-sidebar-link__right"), e.right)
   ), e.action != null && n.push(
     p.button(
-      a.class("bc-sidebar-link--action"),
+      s.class("bc-sidebar-link--action"),
       m.click((r, o) => {
-        var l, s;
-        (s = (l = e.action) == null ? void 0 : l.onClick) == null || s.call(l, o);
+        var l, a;
+        (a = (l = e.action) == null ? void 0 : l.onClick) == null || a.call(l, o);
       }),
       K({ icon: (t = e.action) == null ? void 0 : t.icon })
     )
-  ), "onClick" in e ? Or(e, ...n) : Ce(rt, (r) => {
-    const o = $(
+  ), "onClick" in e ? Vr(e, ...n) : xe(He, (r) => {
+    const o = y(
       r,
       e.href
-    )(({ pathname: l }, s) => l === s);
-    return G(
+    )(({ pathname: l }, a) => l === a);
+    return N(
       o,
-      () => Dr(...n),
-      () => Lr(e, ...n)
+      () => Or(...n),
+      () => Dr(e, ...n)
     );
   });
 }
-function Xo({
+function Qo({
   rail: e = !0,
   icon: n,
   header: t,
   startOpen: r = !0
 }, ...o) {
-  const l = w.deriveProp(r), s = se("sidebar-group"), u = `${s}-content`;
-  return Qe(
+  const l = w.deriveProp(r), a = ae("sidebar-group"), u = `${a}-content`;
+  return nt(
     {},
-    a.class("bc-sidebar-group-collapsible"),
-    a.class(
+    s.class("bc-sidebar-group-collapsible"),
+    s.class(
       l.map(
         (c) => c ? "bc-sidebar-group-collapsible--open" : "bc-sidebar-group-collapsible--closed"
       )
     ),
     // Add ARIA attributes for group
-    a.role("group"),
-    a.id(s),
-    Vr({
+    s.role("group"),
+    s.id(a),
+    jr({
       icon: n,
       onClick: () => l.update((c) => !c),
       // Add ARIA attributes for the toggle button
       ariaExpanded: l,
       ariaControls: u,
       right: p.span(
-        a.class("bc-sidebar-group-collapsible-indicator"),
+        s.class("bc-sidebar-group-collapsible-indicator"),
         K({ icon: "lucide:chevron-down", color: "base" })
       ),
       content: t
     }),
-    Qe({ rail: e }, a.id(u), Er({ open: l }, ...o))
+    nt({ rail: e }, s.id(u), Ar({ open: l }, ...o))
   );
 }
-function Yo(e, n) {
+function Jo(e, n) {
   return e(() => {
   });
 }
-function Tt(e) {
-  return Wt((n) => {
+function Lt(e) {
+  return Rt((n) => {
     const t = [], r = () => t.forEach((l) => l());
     return e(({
       effect: l = "opaque",
-      mode: s = "capturing",
+      mode: a = "capturing",
       onClickOutside: u,
       onEscape: c,
       content: i,
@@ -4024,20 +4144,20 @@ function Tt(e) {
       let f = () => {
       }, b = () => {
       };
-      const v = (H) => {
+      const k = (H) => {
         H.key === "Escape" && (c == null || c(), h.close());
       }, C = () => {
         u == null || u(), h.close();
       }, S = (H) => {
-        f(), b(), H === "capturing" ? (document.addEventListener("keydown", v), f = () => document.removeEventListener("keydown", v), n.element.addEventListener("mousedown", C), b = () => n.element.removeEventListener("mousedown", C)) : (f = () => {
+        f(), b(), H === "capturing" ? (document.addEventListener("keydown", k), f = () => document.removeEventListener("keydown", k), n.element.addEventListener("mousedown", C), b = () => n.element.removeEventListener("mousedown", C)) : (f = () => {
         }, b = () => {
         });
-      }, g = w.on(s, S);
+      }, g = w.on(a, S);
       t.push(g), t.push(() => {
         f(), b();
       });
-      const z = qt((() => {
-        var E, O;
+      const M = Ut((() => {
+        var E, V;
         const H = /* @__PURE__ */ new Set();
         for (const T of n.element.querySelectorAll(
           ":scope > :not([data-overlay])"
@@ -4049,14 +4169,14 @@ function Tt(e) {
           ))
             H.has(T) || T.removeAttribute("inert");
           H.clear();
-        }), (O = (E = document.activeElement) == null ? void 0 : E.blur) == null || O.call(E), p.div(
+        }), (V = (E = document.activeElement) == null ? void 0 : E.blur) == null || V.call(E), p.div(
           F((T) => h.setElement(T)),
           ue.status(h.status.map(String)),
           ue.overlay("true"),
-          a.class(
-            $(
+          s.class(
+            y(
               l ?? "opaque",
-              s
+              a
             )(
               (T, J) => `bc-overlay bc-overlay--effect-${T} bc-overlay--mode-${J}`
             )
@@ -4068,55 +4188,55 @@ function Tt(e) {
         clear: !1,
         providers: n.providers
       });
-      t.push(z), le(() => h.open());
+      t.push(M), le(() => h.open());
     }, r);
   });
 }
-function jr(e, n) {
+function Fr(e, n) {
   const {
     size: t = "md",
     dismissable: r = !0,
     showCloseButton: o = !0,
     onClose: l,
-    overlayEffect: s = "opaque",
+    overlayEffect: a = "opaque",
     container: u = "body",
     position: c = "center"
   } = e;
-  return Tt((i, d) => {
+  return Lt((i, d) => {
     let h = () => {
     };
-    return n((v) => {
+    return n((k) => {
       h = d;
-      const C = q("capturing");
+      const C = R("capturing");
       w.on(r, (E) => {
         C.set(E ? "capturing" : "non-capturing");
       });
-      const S = $(
-        v.header != null,
+      const S = y(
+        k.header != null,
         o
-      )((E, O) => E || O), g = se("modal"), V = `${g}-header`, z = `${g}-body`, H = p.div(
-        a.class(
-          $(
+      )((E, V) => E || V), g = ae("modal"), O = `${g}-header`, M = `${g}-body`, H = p.div(
+        s.class(
+          y(
             t,
             c
           )(
-            (E, O) => `bc-modal bc-modal--size-${E} bc-modal--container-${u} bc-modal--position-${O}`
+            (E, V) => `bc-modal bc-modal--size-${E} bc-modal--container-${u} bc-modal--position-${V}`
           )
         ),
         // Essential ARIA attributes for modal dialog
-        a.role("dialog"),
+        s.role("dialog"),
         A.modal(!0),
-        ...v.header ? [A.labelledby(V)] : [],
-        A.describedby(z),
-        a.tabindex(-1),
+        ...k.header ? [A.labelledby(O)] : [],
+        A.describedby(M),
+        s.tabindex(-1),
         // Make modal focusable for initial focus
-        a.id(g),
+        s.id(g),
         ue.focusTrap("true"),
         // Mark as focus trap container
         m.mousedown((E) => E.stopPropagation()),
         // Prevent overlay click-outside when clicking modal content
         // Focus trap implementation
-        $e({
+        Ce({
           escapeDeactivates: w.get(r),
           onEscape: () => {
             w.get(r) && (l == null || l(), d());
@@ -4124,10 +4244,10 @@ function jr(e, n) {
           initialFocus: () => {
             const E = document.getElementById(g);
             if (!E) return null;
-            const O = E.querySelector(
+            const V = E.querySelector(
               '[aria-label="Close modal"]'
             );
-            if (O) return O;
+            if (V) return V;
             const T = E.querySelector(
               'button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
             );
@@ -4136,17 +4256,17 @@ function jr(e, n) {
         }),
         // Modal content container
         p.div(
-          a.class("bc-modal__content"),
+          s.class("bc-modal__content"),
           // Header section
-          G(
+          N(
             S,
             () => p.div(
-              a.class("bc-modal__header"),
+              s.class("bc-modal__header"),
               p.div(
-                ...v.header ? [a.id(V)] : [],
-                v.header
+                ...k.header ? [s.id(O)] : [],
+                k.header
               ),
-              G(
+              N(
                 o,
                 () => be(
                   {
@@ -4164,14 +4284,14 @@ function jr(e, n) {
             )
           ),
           // Body section
-          p.div(a.class("bc-modal__body"), a.id(z), v.body),
+          p.div(s.class("bc-modal__body"), s.id(M), k.body),
           // Footer section
-          v.footer && p.div(a.class("bc-modal__footer"), v.footer)
+          k.footer && p.div(s.class("bc-modal__footer"), k.footer)
         )
       );
       i({
         mode: C,
-        effect: s ?? "opaque",
+        effect: a ?? "opaque",
         container: u,
         content: H,
         onClickOutside: () => {
@@ -4186,7 +4306,7 @@ function jr(e, n) {
     });
   });
 }
-function Qo(e, n) {
+function el(e, n) {
   const {
     // TODO translation
     confirmText: t = "Confirm",
@@ -4194,10 +4314,10 @@ function Qo(e, n) {
     cancelText: r = "Cancel",
     onConfirm: o,
     onCancel: l,
-    ...s
+    ...a
   } = e;
-  return jr(
-    { showCloseButton: !1, ...s },
+  return Fr(
+    { showCloseButton: !1, ...a },
     (u, c) => {
       const i = () => {
         o == null || o(), c();
@@ -4208,7 +4328,7 @@ function Qo(e, n) {
         u({
           body: f,
           footer: L(
-            a.class("bu-justify-end"),
+            s.class("bu-justify-end"),
             be(
               {
                 variant: "outline",
@@ -4230,8 +4350,8 @@ function Qo(e, n) {
     }
   );
 }
-function Jo(e) {
-  return Tt((n, t) => {
+function tl(e) {
+  return Lt((n, t) => {
     let r = t;
     const o = () => r();
     return e((u) => {
@@ -4242,52 +4362,52 @@ function Jo(e) {
         showCloseButton: h = !0,
         onClose: f,
         overlayEffect: b = "opaque",
-        container: v = "body",
+        container: k = "body",
         header: C,
         body: S,
         footer: g
       } = u;
       r = t;
-      const V = q("capturing");
+      const O = R("capturing");
       w.on(d, (E) => {
-        V.set(E ? "capturing" : "non-capturing");
+        O.set(E ? "capturing" : "non-capturing");
       });
-      const z = $(
+      const M = y(
         C != null,
         h
-      )((E, O) => E || O), H = F((E) => {
-        const O = fe({
+      )((E, V) => E || V), H = F((E) => {
+        const V = fe({
           initialStatus: "closed",
           element: E
         });
         r = () => {
-          O.close(), O.onClosed(() => {
+          V.close(), V.onClosed(() => {
             t();
           });
-        }, le(() => O.open());
-        const J = se("drawer"), P = C != null ? `${J}-header` : void 0, ee = `${J}-body`;
+        }, le(() => V.open());
+        const J = ae("drawer"), P = C != null ? `${J}-header` : void 0, ee = `${J}-body`;
         return p.div(
-          a.class(
-            $(
+          s.class(
+            y(
               c,
               i,
-              O.status
+              V.status
             )(
-              (k, _, he) => `bc-drawer bc-drawer--size-${k} bc-drawer--container-${v} bc-drawer--side-${_} bc-drawer--status-${he}`
+              (x, _, he) => `bc-drawer bc-drawer--size-${x} bc-drawer--container-${k} bc-drawer--side-${_} bc-drawer--status-${he}`
             )
           ),
           // Essential ARIA attributes for drawer dialog
-          a.role("dialog"),
+          s.role("dialog"),
           A.modal(!0),
           ...P ? [A.labelledby(P)] : [],
           A.describedby(ee),
-          a.tabindex(-1),
+          s.tabindex(-1),
           // Make drawer focusable for initial focus
-          a.id(J),
+          s.id(J),
           ue.focusTrap("true"),
           // Mark as focus trap container
           // Focus trap for keyboard navigation
-          $e({
+          Ce({
             active: !0,
             escapeDeactivates: w.get(d),
             onEscape: w.get(d) ? o : void 0,
@@ -4295,14 +4415,14 @@ function Jo(e) {
               `#${J} [aria-label="Close drawer"]`
             ) || null
           }),
-          m.mousedown((k) => k.stopPropagation()),
+          m.mousedown((x) => x.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
-          Nt(z, (k) => Xe(k ? {
+          zt(M, (x) => Je(x ? {
             header: p.div(
-              a.class("bc-drawer__header"),
-              p.div(a.id(P), C),
-              G(
+              s.class("bc-drawer__header"),
+              p.div(s.id(P), C),
+              N(
                 h,
                 () => be(
                   {
@@ -4317,25 +4437,25 @@ function Jo(e) {
               )
             ),
             body: p.div(
-              a.class("bc-drawer__body"),
-              a.id(ee),
+              s.class("bc-drawer__body"),
+              s.id(ee),
               S
             ),
-            footer: g && p.div(a.class("bc-drawer__footer"), g)
+            footer: g && p.div(s.class("bc-drawer__footer"), g)
           } : {
             body: p.div(
-              a.class("bc-drawer__body"),
-              a.id(ee),
+              s.class("bc-drawer__body"),
+              s.id(ee),
               S
             ),
-            footer: g && p.div(a.class("bc-drawer__footer"), g)
+            footer: g && p.div(s.class("bc-drawer__footer"), g)
           }))
         );
       });
       n({
-        mode: V,
+        mode: O,
         effect: b ?? "opaque",
-        container: v,
+        container: k,
         content: H,
         onClickOutside: () => {
           f == null || f(), o();
@@ -4349,40 +4469,40 @@ function Jo(e) {
     });
   });
 }
-function Fr(e) {
+function Hr(e) {
   const n = {
     up: "M0 16 L8 10 L16 16 Z",
     down: "M0 0 L8 6 L16 0 Z",
     left: "M16 0 L10 8 L16 16 Z",
     right: "M0 0 L6 8 L0 16 Z"
   };
-  return Re.svg(
-    Ue.viewBox("0 0 16 16"),
-    Re.path(Ue.d(e.map((t) => n[t])))
+  return Ge.svg(
+    Ze.viewBox("0 0 16 16"),
+    Ge.path(Ze.d(e.map((t) => n[t])))
   );
 }
-function el(e) {
+function nl(e) {
   const {
     content: n,
     placement: t = "top",
     showDelay: r = 250,
     hideDelay: o = 500,
     mainAxisOffset: l = 8,
-    crossAxisOffset: s = 0,
+    crossAxisOffset: a = 0,
     showOn: u = "hover-focus"
-  } = e, c = se("tooltip");
-  return F((i) => (i.setAttribute("aria-describedby", c), Tr({
+  } = e, c = ae("tooltip");
+  return F((i) => (i.setAttribute("aria-describedby", c), Ir({
     content: () => L(
-      a.class("bc-tooltip"),
-      a.role("tooltip"),
-      a.id(c),
+      s.class("bc-tooltip"),
+      s.role("tooltip"),
+      s.id(c),
       n
     ),
     placement: t,
     showDelay: r,
     hideDelay: o,
     mainAxisOffset: l,
-    crossAxisOffset: s,
+    crossAxisOffset: a,
     showOn: u,
     closable: !0,
     role: "tooltip",
@@ -4395,23 +4515,23 @@ function el(e) {
         }) => f.includes("top") ? "down" : f.includes("bottom") ? "up" : f.includes("left") ? "right" : f.includes("right") ? "left" : "up"
       );
       return L(
-        a.class("bc-tooltip__arrow"),
-        a.class(h.map((f) => `bc-tooltip__arrow-${f}`)),
-        x.transform(
+        s.class("bc-tooltip__arrow"),
+        s.class(h.map((f) => `bc-tooltip__arrow-${f}`)),
+        v.transform(
           d.map(({ x: f, y: b }) => f == null && b == null ? "" : f != null ? `translate(${f}px, 0)` : `translate(0, ${b}px)`)
         ),
-        Fr(h)
+        Hr(h)
       );
     }
   })));
 }
-function tl({
+function rl({
   locale: e,
   defaultLocale: n = "en-US",
   defaultMessages: t,
   localeLoader: r
 }) {
-  const o = q({
+  const o = R({
     locale: n,
     messages: t
   }), l = e.on((c) => {
@@ -4426,11 +4546,11 @@ function tl({
         messages: t
       }), console.error("Failed to load locale", i);
     }));
-  }), s = o.$.messages, u = new Proxy({}, {
+  }), a = o.$.messages, u = new Proxy({}, {
     get: (c, i) => {
-      const d = s.at(i);
+      const d = a.at(i);
       return function(...h) {
-        return $(
+        return y(
           d,
           ...h
         )(
@@ -4452,10 +4572,10 @@ function tl({
     t: u
   };
 }
-const nl = {
-  mark: Je("Locale"),
+const ol = {
+  mark: rt("Locale"),
   create: (e) => {
-    const n = et({
+    const n = ot({
       defaultValue: navigator.language ?? "en-US",
       key: "beatui-locale"
     });
@@ -4471,180 +4591,182 @@ const nl = {
   }
 };
 export {
-  De as AnimatedToggleClass,
-  Mo as AppShell,
-  sr as AppearanceSelector,
-  ar as ArrayController,
+  Oe as AnimatedToggleClass,
+  Wo as AppShell,
+  ir as AppearanceSelector,
+  cr as ArrayController,
   be as Button,
-  Wo as Card,
-  No as Center,
-  qo as CenterH,
-  Io as CheckboxInput,
-  Er as Collapse,
-  Xo as CollapsibleSidebarGroup,
+  Yo as ButtonLink,
+  qo as Card,
+  Ro as Center,
+  No as CenterH,
+  Lo as CheckboxInput,
+  Ar as Collapse,
+  Qo as CollapsibleSidebarGroup,
   Y as CommonInputAttributes,
-  Qo as ConfirmModal,
-  R as ControlInputWrapper,
+  el as ConfirmModal,
+  z as ControlInputWrapper,
   de as Controller,
-  so as DateControl,
-  xt as DateInput,
-  co as DateTimeControl,
-  Wn as DateTimeInput,
-  Jo as Drawer,
-  Lo as EditableText,
-  io as EmailControl,
-  qn as EmailInput,
-  ro as EmphasisLabel,
-  Eo as EnsureControl,
-  oo as ErrorLabel,
-  Nn as Expando,
-  Tr as Flyout,
-  $e as FocusTrap,
-  uo as FormStatus,
-  zo as Group,
+  co as DateControl,
+  yt as DateInput,
+  io as DateTimeControl,
+  Nn as DateTimeInput,
+  tl as Drawer,
+  Do as EditableText,
+  uo as EmailControl,
+  Rn as EmailInput,
+  oo as EmphasisLabel,
+  _o as EnsureControl,
+  lo as ErrorLabel,
+  Un as Expando,
+  Ir as Flyout,
+  Ce as FocusTrap,
+  ho as FormStatus,
+  Go as Group,
   K as Icon,
   X as InputContainer,
-  Fn as InputWrapper,
-  kt as Label,
-  Un as LazyNativeSelect,
-  po as LazyNativeSelectControl,
-  Br as Link,
-  _o as ListControl,
-  nl as Locale,
-  Yo as Menu,
-  jr as Modal,
-  Dn as MutedLabel,
-  yt as NativeSelect,
-  bo as NativeSelectControl,
-  Ko as NavigationLink,
-  fo as NullableDateControl,
-  wt as NullableDateInput,
-  go as NullableDateTimeControl,
-  $t as NullableDateTimeInput,
-  mo as NullableStringDateControl,
-  ko as NullableStringDateTimeControl,
-  Xn as NullableTextArea,
-  xo as NullableTextAreaControl,
-  vo as NullableTextControl,
-  Kn as NullableTextInput,
-  yo as NumberControl,
-  Yn as NumberInput,
-  lr as ObjectController,
-  Tt as Overlay,
-  wo as PasswordControl,
-  Qn as PasswordInput,
-  On as RequiredSymbol,
-  Xe as ScrollablePanel,
-  er as SegmentedControl,
-  Le as SelectOption,
-  Qe as SidebarGroup,
-  Vr as SidebarLink,
-  Go as Sink,
-  Zo as Stack,
-  Bo as StandaloneAppearanceSelector,
-  $o as StringDateControl,
-  Do as Switch,
-  Ln as Tag,
-  Co as TagsControl,
-  tr as TagsInput,
-  nr as TextArea,
-  So as TextAreaControl,
+  Pn as InputWrapper,
+  vt as Label,
+  Gn as LazyNativeSelect,
+  bo as LazyNativeSelectControl,
+  Lr as Link,
+  Ao as ListControl,
+  ol as Locale,
+  Jo as Menu,
+  Fr as Modal,
+  Vn as MutedLabel,
+  $t as NativeSelect,
+  fo as NativeSelectControl,
+  Xo as NavigationLink,
+  go as NullableDateControl,
+  Ct as NullableDateInput,
+  mo as NullableDateTimeControl,
+  St as NullableDateTimeInput,
+  ko as NullableStringDateControl,
+  xo as NullableStringDateTimeControl,
+  Qn as NullableTextArea,
+  vo as NullableTextAreaControl,
+  yo as NullableTextControl,
+  Yn as NullableTextInput,
+  wo as NumberControl,
+  Jn as NumberInput,
+  ar as ObjectController,
+  Lt as Overlay,
+  $o as PasswordControl,
+  er as PasswordInput,
+  jn as RequiredSymbol,
+  Je as ScrollablePanel,
+  nr as SegmentedControl,
+  De as SelectOption,
+  nt as SidebarGroup,
+  jr as SidebarLink,
+  Zo as Sink,
+  Ko as Stack,
+  Io as StandaloneAppearanceSelector,
+  Co as StringDateControl,
+  Oo as Switch,
+  On as Tag,
+  So as TagsControl,
+  rr as TagsInput,
+  or as TextArea,
+  Eo as TextAreaControl,
   ao as TextControl,
-  Pn as TextInput,
-  St as Theme,
-  To as ThemeAppearance,
-  el as Tooltip,
-  ll as Use,
-  gr as WithBeatUIBreakpoint,
-  Ho as WithBeatUIElementBreakpoint,
-  _t as WithBreakpoint,
-  M as backgroundConfig,
-  hn as baseSpacing,
-  ln as bgColors,
-  sn as borderColors,
-  lt as breakpoints,
-  fn as changeFontSize,
-  on as colorShades,
-  je as colors,
-  br as compareBreakpoint,
-  Et as connectCommonAttributes,
-  Vo as connectNumberInput,
-  Oo as connectStringInput,
-  ir as convertStandardSchemaIssues,
-  cr as convertStandardSchemaPathToPath,
-  Ro as delaySignal,
-  ho as emitExpando,
-  Rn as emitOptionExpando,
-  we as emptyToNull,
-  Fo as findBreakpoint,
-  xn as fontFamily,
-  dt as fontSize,
-  gn as fontWeight,
-  to as generateAllTokenVariables,
-  Ur as generateBackgroundUtilities,
-  rn as generateBreakpointVariables,
-  un as generateColorVariables,
-  Ye as generateLinkClasses,
-  dn as generateRadiusVariables,
-  bn as generateSpacingVariables,
-  vn as generateTypographyVariables,
-  wn as generateZIndexVariables,
-  qr as getBreakpointMediaQuery,
-  Wr as getBreakpointVar,
-  at as getBreakpointVarName,
+  Wn as TextInput,
+  _t as Theme,
+  Bo as ThemeAppearance,
+  nl as Tooltip,
+  al as Use,
+  kr as WithBeatUIBreakpoint,
+  Po as WithBeatUIElementBreakpoint,
+  Tt as WithBreakpoint,
+  W as backgroundConfig,
+  bn as baseSpacing,
+  an as bgColors,
+  un as borderColors,
+  at as breakpoints,
+  mn as changeFontSize,
+  sn as colorShades,
+  Pe as colors,
+  gr as compareBreakpoint,
+  At as connectCommonAttributes,
+  jo as connectNumberInput,
+  Vo as connectStringInput,
+  dr as convertStandardSchemaIssues,
+  ur as convertStandardSchemaPathToPath,
+  Uo as delaySignal,
+  po as emitExpando,
+  zn as emitOptionExpando,
+  $e as emptyToNull,
+  Ho as findBreakpoint,
+  yn as fontFamily,
+  pt as fontSize,
+  kn as fontWeight,
+  no as generateAllTokenVariables,
+  zr as generateBackgroundUtilities,
+  ln as generateBreakpointVariables,
+  Ie as generateButtonClasses,
+  hn as generateColorVariables,
+  et as generateLinkClasses,
+  pn as generateRadiusVariables,
+  gn as generateSpacingVariables,
+  wn as generateTypographyVariables,
+  Cn as generateZIndexVariables,
+  Nr as getBreakpointMediaQuery,
+  qr as getBreakpointVar,
+  ct as getBreakpointVarName,
   ke as getColorVar,
-  Ie as getColorVarName,
-  Jr as getFontFamilyVar,
-  gt as getFontFamilyVarName,
-  Kr as getFontSizeVar,
-  ht as getFontSizeVarName,
-  Xr as getFontWeightVar,
-  pt as getFontWeightVarName,
-  Qt as getIconLocally,
-  Qr as getLetterSpacingVar,
-  ft as getLetterSpacingVarName,
-  Yr as getLineHeightVar,
-  bt as getLineHeightVarName,
-  Gr as getRadiusMediaQuery,
-  zr as getRadiusVar,
-  it as getRadiusVarName,
-  Zr as getSpacingVar,
-  ut as getSpacingVarName,
-  no as getTokenValue,
-  eo as getZIndexVar,
-  mt as getZIndexVarName,
+  Le as getColorVarName,
+  eo as getFontFamilyVar,
+  kt as getFontFamilyVarName,
+  Xr as getFontSizeVar,
+  bt as getFontSizeVarName,
+  Yr as getFontWeightVar,
+  ft as getFontWeightVarName,
+  tn as getIconLocally,
+  Jr as getLetterSpacingVar,
+  mt as getLetterSpacingVarName,
+  Qr as getLineHeightVar,
+  gt as getLineHeightVarName,
+  Zr as getRadiusMediaQuery,
+  Gr as getRadiusVar,
+  dt as getRadiusVarName,
+  Kr as getSpacingVar,
+  ht as getSpacingVarName,
+  ro as getTokenValue,
+  to as getZIndexVar,
+  xt as getZIndexVarName,
   Z as inputOptionsFromController,
-  Fe as inputOptionsFromMappedController,
-  cn as interactiveColors,
-  ot as isIndexedDBAvailable,
-  Ir as isUrlMatch,
-  kn as letterSpacing,
-  mn as lineHeight,
-  Me as makeMapValidationResult,
-  He as makeMappedOnChangeHandler,
-  tl as makeMessages,
-  lo as makeNullableOnChangeHandler,
-  U as makeOnBlurHandler,
+  Me as inputOptionsFromMappedController,
+  dn as interactiveColors,
+  st as isIndexedDBAvailable,
+  It as isUrlMatch,
+  vn as letterSpacing,
+  xn as lineHeight,
+  Ne as makeMapValidationResult,
+  We as makeMappedOnChangeHandler,
+  rl as makeMessages,
+  so as makeNullableOnChangeHandler,
+  G as makeOnBlurHandler,
   Q as makeOnChangeHandler,
-  Rr as normalizeColorName,
-  Ct as nullToEmpty,
-  Ao as parsePath,
-  or as pathToString,
-  ct as radius,
+  Ur as normalizeColorName,
+  Et as nullToEmpty,
+  To as parsePath,
+  sr as pathToString,
+  ut as radius,
   Se as semanticColorNames,
-  st as semanticColors,
-  se as sessionId,
-  pn as spacing,
-  dr as standardSchemaResultToValidationResult,
-  Yt as storeIconLocally,
-  an as textColors,
-  Nr as themeColorNames,
+  it as semanticColors,
+  ae as sessionId,
+  fn as spacing,
+  pr as standardSchemaResultToValidationResult,
+  en as storeIconLocally,
+  cn as textColors,
+  Rr as themeColorNames,
   fe as useAnimatedElementToggle,
-  At as useAnimatedToggle,
-  ur as useController,
-  Uo as useFocusTrap,
-  jo as useForm,
-  Po as useTimedToggle,
-  rr as wrapSegment,
-  yn as zIndex
+  Bt as useAnimatedToggle,
+  hr as useController,
+  zo as useFocusTrap,
+  Fo as useForm,
+  Mo as useTimedToggle,
+  lr as wrapSegment,
+  $n as zIndex
 };