@tempots/beatui 0.4.0 → 0.5.0

package/dist/index.es.js

@@ -1,23 +1,23 @@
-var _t = Object.defineProperty;
+var Bt = Object.defineProperty;
 var qe = (e) => {
   throw TypeError(e);
 };
-var At = (e, n, t) => n in e ? _t(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var B = (e, n, t) => At(e, typeof n != "symbol" ? n + "" : n, t), Tt = (e, n, t) => n.has(e) || qe("Cannot " + t);
-var j = (e, n, t) => (Tt(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 C, html as p, attr as a, When as G, Fragment as D, 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 Le, WithElement as F, input as oe, emitValue as I, emitValueAsDate as Bt, ForEach as Oe, OneOfType as It, emitValueAsNullableDate as Dt, emitValueAsNullableDateTime as Lt, emitValueAsNumber as Te, Repeat as Ot, signal as Ne, makeProviderMark as Qe, localStorageProp as Je, Use as Ve, Portal as Vt, emitChecked as jt, OneOfValue as Ft, WithBrowserCtx as Ht, render as Mt, MapSignal as Pt, svg as Re, svgAttr as ze } from "@tempots/dom";
-import { Use as tl } from "@tempots/dom";
-import { WhenInViewport as Wt, Resource as et, ElementRect as xe, useAppearance as qt, AutoSelect as Nt, WindowSize as Rt, PopOver as zt, Location as Ut, Anchor as Gt } from "@tempots/ui";
-const Zt = "bui-icons", ve = /* @__PURE__ */ new Map(), tt = (() => {
+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 = (() => {
   try {
     return typeof indexedDB < "u" && indexedDB !== null;
   } catch {
     return !1;
   }
 })();
-function Kt() {
-  return tt ? new Promise((e, n) => {
-    const t = indexedDB.open(Zt, 1);
+function Xt() {
+  return ot ? new Promise((e, n) => {
+    const t = indexedDB.open(Kt, 1);
     t.onupgradeneeded = function(r) {
       const o = r.target.result;
       o.objectStoreNames.contains("icons") || o.createObjectStore("icons");
@@ -28,8 +28,8 @@ function Kt() {
     };
   }) : Promise.reject(new Error("IndexedDB not available"));
 }
-const ye = tt ? Kt() : null;
-function Xt(e, n) {
+const ye = ot ? Xt() : null;
+function Yt(e, n) {
   return new Promise(async (t, r) => {
     try {
       if (ye) {
@@ -42,7 +42,7 @@ function Xt(e, n) {
     }
   });
 }
-function Yt(e) {
+function Qt(e) {
   return new Promise(async (n, t) => {
     try {
       if (ye) {
@@ -57,7 +57,7 @@ function Yt(e) {
     }
   });
 }
-async function Qt(e) {
+async function Jt(e) {
   const n = `https://api.iconify.design/${e}.svg`;
   return fetch(n).then((t) => {
     if (t.status === 200)
@@ -65,44 +65,44 @@ async function Qt(e) {
     throw new Error(`Failed to load icon: ${e}`);
   });
 }
-async function Jt(e) {
-  const n = e.replace(":", "/"), t = await Yt(n);
+async function en(e) {
+  const n = e.replace(":", "/"), t = await Qt(n);
   if (t)
     return t;
-  const r = await Qt(n);
-  return await Xt(n, r), r;
+  const r = await Jt(n);
+  return await Yt(n, r), r;
 }
-function en(e, n) {
+function tn(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 = C(
+  const s = $(
     o,
     r
   )((u, c) => u === "decorative" ? !1 : u === "informative" ? !0 : c != null && c !== "");
   return p.span(
     a.class(
-      C(
+      $(
         n,
         t
-      )((u, c) => en(u ?? "md", c))
+      )((u, c) => tn(u ?? "md", c))
     ),
     // Add accessibility attributes based on icon type
     G(
       s,
-      () => D(
+      () => L(
         a.role("img"),
         // TODO translation
         A.label(r || "Icon")
       ),
       () => A.hidden(!0)
     ),
-    Wt(
+    Rt(
       { once: !0 },
-      () => et({
+      () => tt({
         request: e,
-        load: ({ request: u }) => Jt(u),
+        load: ({ request: u }) => en(u),
         mapError: String
       })({
         success: (u) => p.span(
@@ -115,7 +115,7 @@ function K({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "au
           // Loading state accessibility
           G(
             s,
-            () => D(
+            () => L(
               a.role("img"),
               // TODO translation
               A.label("Loading icon")
@@ -130,7 +130,7 @@ function K({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "au
           // Error state accessibility
           G(
             s,
-            () => D(
+            () => L(
               a.role("img"),
               // TODO translation
               A.label("Failed to load icon")
@@ -144,7 +144,7 @@ function K({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "au
     ...l
   );
 }
-function tn(e, n, t, r, o, l) {
+function nn(e, n, t, r, o, l) {
   const s = [
     "bc-button",
     `bu-text-${n}`,
@@ -185,14 +185,14 @@ function be({
   return p.button(
     a.type(e),
     a.disabled(
-      C(n, t)((d, h) => d || h)
+      $(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(
-      C(
+      $(
         r,
         o,
         l,
@@ -200,19 +200,19 @@ function be({
         n,
         t
       )(
-        (d, h, g, b, v, $) => tn(
+        (d, h, f, b, v, C) => nn(
           d ?? "filled",
           h ?? "md",
-          g ?? "base",
+          f ?? "base",
           b ?? "sm",
           v,
-          $
+          C
         )
       )
     ),
     G(
       t ?? !1,
-      () => D(
+      () => L(
         x.width(
           i.map((d) => d == null ? "" : `${d.width}px`)
         ),
@@ -228,7 +228,7 @@ function be({
           "Loading, please wait"
         )
       ),
-      () => D(m.click(u), ...c)
+      () => L(m.click(u), ...c)
     ),
     G(
       t != null,
@@ -529,7 +529,7 @@ const je = {
     900: "oklch(0.216 0.006 56.043)",
     950: "oklch(0.147 0.004 49.25)"
   }
-}, L = (e) => Object.entries(e), Ee = (e, n) => e === n || e !== e && n !== n, Ue = (e, n) => {
+}, D = (e) => Object.entries(e), _e = (e, n) => e === n || e !== e && n !== n, ze = (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);
   };
-}, nt = {
+}, lt = {
   sm: "40rem",
   // 640px
   md: "48rem",
@@ -552,22 +552,22 @@ const je = {
   "2xl": "96rem"
   // 1536px
 };
-function rt(e) {
+function at(e) {
   return `--breakpoint-${e}`;
 }
-function Hr(e) {
-  return `var(${rt(e)})`;
+function Wr(e) {
+  return `var(${at(e)})`;
 }
-function Mr(e) {
-  return `@media (width >= ${nt[e]})`;
+function qr(e) {
+  return `@media (width >= ${lt[e]})`;
 }
-function nn() {
+function rn() {
   const e = {};
-  return L(nt).forEach(([n, t]) => {
-    e[rt(n)] = t;
+  return D(lt).forEach(([n, t]) => {
+    e[at(n)] = t;
   }), e;
 }
-const rn = [
+const on = [
   50,
   100,
   200,
@@ -579,7 +579,7 @@ const rn = [
   800,
   900,
   950
-], Ce = [
+], Se = [
   "primary",
   "secondary",
   "base",
@@ -587,10 +587,10 @@ const rn = [
   "warning",
   "error",
   "info"
-], Pr = [
-  ...Ce,
-  ...L(je).map(([e]) => e)
-], ot = {
+], Nr = [
+  ...Se,
+  ...D(je).map(([e]) => e)
+], st = {
   primary: "blue",
   secondary: "gray",
   base: "gray",
@@ -598,7 +598,7 @@ const rn = [
   warning: "amber",
   error: "red",
   info: "blue"
-}, on = {
+}, ln = {
   light: {
     background: ["base", 50],
     surface: ["base", 100],
@@ -615,7 +615,7 @@ const rn = [
     raised: ["base", 600],
     overlay: ["base", 500]
   }
-}, ln = {
+}, an = {
   light: {
     normal: ["base", 900],
     muted: ["base", 600],
@@ -626,7 +626,7 @@ const rn = [
     muted: ["base", 400],
     inverted: ["base", 900]
   }
-}, an = {
+}, sn = {
   light: {
     border: ["base", 200],
     divider: ["base", 300],
@@ -637,7 +637,7 @@ const rn = [
     divider: ["base", 600],
     inverted: ["base", 900]
   }
-}, sn = {
+}, cn = {
   light: {
     focus: ["info", 700],
     hover: ["base", 100],
@@ -649,16 +649,16 @@ const rn = [
     active: ["base", 700]
   }
 };
-function Wr(e) {
-  return Ce.includes(e) ? ot[e] : e;
+function Rr(e) {
+  return Se.includes(e) ? st[e] : e;
 }
-function Be(e, n) {
+function Ie(e, n) {
   return `--color-${e}-${n}`;
 }
 function ke(e, n) {
-  return `var(${Be(e, n)})`;
+  return `var(${Ie(e, n)})`;
 }
-const P = {
+const M = {
   // Special colors that don't follow the standard pattern
   special: {
     inherit: {
@@ -727,7 +727,7 @@ const P = {
     }
   }
 };
-function qr() {
+function Ur() {
   let e = `/*
  * Background Utilities - Auto-generated from design tokens
  *
@@ -744,7 +744,7 @@ function qr() {
 
 @layer components {
 `;
-  L(P.special).forEach(([t, r]) => {
+  D(M.special).forEach(([t, r]) => {
     e += `  .bu-bg--${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
@@ -753,12 +753,12 @@ function qr() {
 `;
   });
   const n = [
-    ...Ce,
-    ...L(je).map(([t]) => t)
+    ...Se,
+    ...D(je).map(([t]) => t)
   ];
   return e += `  /* solid */
 `, n.forEach((t) => {
-    const r = P.variants.solid.light;
+    const r = M.variants.solid.light;
     e += `  .bu-bg--${t} {
 `, e += `    background-color: var(--color-${t}-${r.bgShade});
 `, e += `    color: ${r.textColor};
@@ -766,7 +766,7 @@ function qr() {
 `;
   }), e += `
 `, n.forEach((t) => {
-    const r = P.variants.solid.dark;
+    const r = M.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 qr() {
 `;
   }), e += `
 `, e += `  /* light */
-`, L(P.special).forEach(([t, r]) => {
+`, D(M.special).forEach(([t, r]) => {
     e += `  .bu-bg--light-${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
 `, e += `  }
 `;
   }), n.forEach((t) => {
-    const r = P.variants.light.light, o = P.overrides[t];
+    const r = M.variants.light.light, o = M.overrides[t];
     o ? (e += `  .bu-bg--light-${t} {
 `, e += `    background-color: ${o.light.backgroundColor};
 `, e += `    color: ${o.light.color};
@@ -793,8 +793,8 @@ function qr() {
 `);
   }), e += `
 `, e += `  /* light dark */
-`, L(P.special).forEach(([t, r]) => {
-    const o = P.overrides[t];
+`, D(M.special).forEach(([t, r]) => {
+    const o = M.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 qr() {
 `, e += `  }
 `);
   }), n.forEach((t) => {
-    const r = P.variants.light.dark, o = P.overrides[t];
+    const r = M.variants.light.dark, o = M.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 qr() {
 `);
   }), e += `
 `, e += `  /* lighter */
-`, L(P.special).forEach(([t, r]) => {
+`, D(M.special).forEach(([t, r]) => {
     e += `  .bu-bg--lighter-${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
 `, e += `  }
 `;
   }), n.forEach((t) => {
-    const r = P.variants.lighter.light, o = P.overrides[t];
+    const r = M.variants.lighter.light, o = M.overrides[t];
     o ? (e += `  .bu-bg--lighter-${t} {
 `, e += `    background-color: ${o.light.backgroundColor};
 `, e += `    color: ${o.light.color};
@@ -836,8 +836,8 @@ function qr() {
 `);
   }), e += `
 `, e += `  /* light dark */
-`, L(P.special).forEach(([t, r]) => {
-    const o = P.overrides[t];
+`, D(M.special).forEach(([t, r]) => {
+    const o = M.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 qr() {
 `, e += `  }
 `);
   }), n.forEach((t) => {
-    const r = P.variants.lighter.dark, o = P.overrides[t];
+    const r = M.variants.lighter.dark, o = M.overrides[t];
     o ? (e += `  .b-dark .bu-bg--lighter-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -861,37 +861,37 @@ function qr() {
   }), e += `}
 `, e;
 }
-function cn() {
+function un() {
   const e = {};
-  return e["--color-white"] = "white", e["--color-black"] = "black", e["--color-inherit"] = "inherit", L(je).forEach(([n, t]) => {
-    L(t).forEach(([r, o]) => {
-      e[Be(n, r)] = o;
+  return e["--color-white"] = "white", e["--color-black"] = "black", e["--color-inherit"] = "inherit", D(je).forEach(([n, t]) => {
+    D(t).forEach(([r, o]) => {
+      e[Ie(n, r)] = o;
     });
-  }), Ce.forEach((n) => {
-    const t = ot[n];
-    rn.forEach((r) => {
-      e[Be(n, r)] = ke(
+  }), Se.forEach((n) => {
+    const t = st[n];
+    on.forEach((r) => {
+      e[Ie(n, r)] = ke(
         t,
         r
       );
     });
-  }), L(on).forEach(([n, t]) => {
-    L(t).forEach(([r, [o, l]]) => {
+  }), D(ln).forEach(([n, t]) => {
+    D(t).forEach(([r, [o, l]]) => {
       e[`--bg-${r}-${n}`] = ke(o, l);
     });
-  }), L(ln).forEach(([n, t]) => {
-    L(t).forEach(([r, [o, l]]) => {
+  }), D(an).forEach(([n, t]) => {
+    D(t).forEach(([r, [o, l]]) => {
       e[`--text-${r}-${n}`] = ke(o, l);
     });
-  }), L(an).forEach(([n, t]) => {
-    L(t).forEach(([r, [o, l]]) => {
+  }), D(sn).forEach(([n, t]) => {
+    D(t).forEach(([r, [o, l]]) => {
       e[`--border-${r}-${n}`] = ke(
         o,
         l
       );
     });
-  }), L(sn).forEach(([n, t]) => {
-    L(t).forEach(([r, [o, l]]) => {
+  }), D(cn).forEach(([n, t]) => {
+    D(t).forEach(([r, [o, l]]) => {
       e[`--interactive-${r}-${n}`] = ke(
         o,
         l
@@ -899,7 +899,7 @@ function cn() {
     });
   }), e;
 }
-const lt = {
+const ct = {
   none: "0",
   xs: "calc(var(--spacing-base) / 2)",
   sm: "var(--spacing-base)",
@@ -908,25 +908,25 @@ const lt = {
   xl: "calc(var(--spacing-base) * 3)",
   full: "9999px"
 };
-function at(e) {
+function it(e) {
   return `--radius-${e}`;
 }
-function Nr(e) {
-  return `var(${at(e)})`;
+function zr(e) {
+  return `var(${it(e)})`;
 }
-function Rr(e) {
-  return `@media (width >= ${lt[e]})`;
+function Gr(e) {
+  return `@media (width >= ${ct[e]})`;
 }
-function un() {
+function dn() {
   const e = {};
-  return L(lt).forEach(([n, t]) => {
-    e[at(n)] = t;
+  return D(ct).forEach(([n, t]) => {
+    e[it(n)] = t;
   }), e;
 }
-const dn = "0.25rem", hn = {
+const hn = "0.25rem", pn = {
   none: "0",
   px: "1px",
-  base: dn,
+  base: hn,
   xs: "calc(var(--spacing-base) / 2)",
   sm: "var(--spacing-base)",
   md: "calc(var(--spacing-base) * 1.5)",
@@ -937,19 +937,19 @@ const dn = "0.25rem", hn = {
   "4xl": "calc(var(--spacing-base) * 8)",
   full: "2000px"
 };
-function st(e) {
+function ut(e) {
   return `--spacing-${e}`;
 }
-function zr(e) {
-  return `var(${st(e)})`;
+function Zr(e) {
+  return `var(${ut(e)})`;
 }
-function pn() {
+function bn() {
   const e = {};
-  return L(hn).forEach(([n, t]) => {
-    e[st(n)] = t;
+  return D(pn).forEach(([n, t]) => {
+    e[ut(n)] = t;
   }), e;
 }
-const ct = {
+const dt = {
   "3xs": ["0.5rem", { lineHeight: "0.75rem" }],
   // 8px
   "2xs": ["0.625rem", { lineHeight: "0.75rem" }],
@@ -981,8 +981,8 @@ const ct = {
   "9xl": ["8rem", { lineHeight: "1" }]
   // 128px
 };
-function bn(e, n) {
-  const t = Object.keys(ct), r = t.indexOf(e);
+function fn(e, n) {
+  const t = Object.keys(dt), 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);
@@ -998,21 +998,21 @@ const gn = {
   bold: "700",
   extrabold: "800",
   black: "900"
-}, fn = {
+}, mn = {
   none: "1",
   tight: "1.25",
   snug: "1.375",
   normal: "1.5",
   relaxed: "1.625",
   loose: "2"
-}, mn = {
+}, kn = {
   tighter: "-0.05em",
   tight: "-0.025em",
   normal: "0em",
   wide: "0.025em",
   wider: "0.05em",
   widest: "0.1em"
-}, kn = {
+}, xn = {
   sans: [
     "system-ui",
     "-apple-system",
@@ -1046,52 +1046,52 @@ const gn = {
     "monospace"
   ]
 };
-function it(e) {
+function ht(e) {
   return `--font-size-${e}`;
 }
-function Ur(e) {
-  return `var(${it(e)})`;
+function Kr(e) {
+  return `var(${ht(e)})`;
 }
-function ut(e) {
+function pt(e) {
   return `--font-weight-${e}`;
 }
-function Gr(e) {
-  return `var(${ut(e)})`;
+function Xr(e) {
+  return `var(${pt(e)})`;
 }
-function dt(e) {
+function bt(e) {
   return `--line-height-${e}`;
 }
-function Zr(e) {
-  return `var(${dt(e)})`;
+function Yr(e) {
+  return `var(${bt(e)})`;
 }
-function ht(e) {
+function ft(e) {
   return `--letter-spacing-${e}`;
 }
-function Kr(e) {
-  return `var(${ht(e)})`;
+function Qr(e) {
+  return `var(${ft(e)})`;
 }
-function pt(e) {
+function gt(e) {
   return `--font-family-${e}`;
 }
-function Xr(e) {
-  return `var(${pt(e)})`;
+function Jr(e) {
+  return `var(${gt(e)})`;
 }
-function xn() {
+function vn() {
   const e = {};
-  return Object.entries(ct).forEach(([n, t]) => {
+  return Object.entries(dt).forEach(([n, t]) => {
     const [r] = Array.isArray(t) ? t : [t];
-    e[it(n)] = r;
+    e[ht(n)] = r;
   }), Object.entries(gn).forEach(([n, t]) => {
-    e[ut(n)] = t;
-  }), Object.entries(fn).forEach(([n, t]) => {
-    e[dt(n)] = t;
+    e[pt(n)] = t;
   }), Object.entries(mn).forEach(([n, t]) => {
-    e[ht(n)] = t;
+    e[bt(n)] = t;
   }), Object.entries(kn).forEach(([n, t]) => {
-    e[pt(n)] = t.join(", ");
+    e[ft(n)] = t;
+  }), Object.entries(xn).forEach(([n, t]) => {
+    e[gt(n)] = t.join(", ");
   }), e;
 }
-const vn = {
+const yn = {
   // Base layers
   base: 0,
   raised: 10,
@@ -1109,19 +1109,19 @@ const vn = {
   // Maximum priority
   maximum: 100
 };
-function bt(e) {
+function mt(e) {
   return `--z-index-${e}`;
 }
-function Yr(e) {
-  return `var(${bt(e)})`;
+function eo(e) {
+  return `var(${mt(e)})`;
 }
-function yn() {
+function wn() {
   const e = {};
-  return L(vn).forEach(([n, t]) => {
-    e[bt(n)] = t.toString();
+  return D(yn).forEach(([n, t]) => {
+    e[mt(n)] = t.toString();
   }), e;
 }
-const wn = {
+const $n = {
   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 wn = {
   "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 $n(e) {
+function Cn(e) {
   return `--shadow-${e}`;
 }
-function Cn() {
+function Sn() {
   const e = {};
-  return L(wn).forEach(([n, t]) => {
-    e[$n(n)] = t;
+  return D($n).forEach(([n, t]) => {
+    e[Cn(n)] = t;
   }), e;
 }
-const Sn = {
+const En = {
   none: "none",
   "2xs": "0px 1px 0px rgb(0 0 0 / 0.15)",
   xs: "0px 1px 1px rgb(0 0 0 / 0.2)",
@@ -1155,50 +1155,50 @@ const Sn = {
   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 En(e) {
+function _n(e) {
   return `--text-shadow-${e}`;
 }
-function _n() {
+function An() {
   const e = {};
-  return L(Sn).forEach(([n, t]) => {
-    e[En(n)] = t;
+  return D(En).forEach(([n, t]) => {
+    e[_n(n)] = t;
   }), e;
 }
-function Qr() {
+function to() {
   return {
-    ...cn(),
-    ...pn(),
-    ...xn(),
-    ...nn(),
     ...un(),
-    ...Cn(),
-    ..._n(),
-    ...yn()
+    ...bn(),
+    ...vn(),
+    ...rn(),
+    ...dn(),
+    ...Sn(),
+    ...An(),
+    ...wn()
   };
 }
-function Jr(e, n) {
+function no(e, n) {
   return n == null && typeof window > "u" ? "" : getComputedStyle(n ?? document.documentElement).getPropertyValue(e).trim();
 }
-const An = {
+const Tn = {
   xs: "1.5",
   sm: "2",
   md: "2.5",
   lg: "3",
   xl: "4"
-}, Tn = {
+}, Bn = {
   xs: "0",
   sm: "0",
   md: "0",
   lg: "0.25",
   xl: "0.5"
 };
-function Bn(e, n, t) {
+function In(e, n, t) {
   const r = ["bc-tag"];
   return e ? r.push("bc-tag--disabled") : r.push(`bu-bg--${n}`), r.push(
-    `bu-text-${bn(t, -1)} bu-px-${An[t]} bu-py-${Tn[t]}`
+    `bu-text-${fn(t, -1)} bu-px-${Tn[t]} bu-py-${Bn[t]}`
   ), r.join(" ");
 }
-const In = ({
+const Ln = ({
   disabled: e,
   value: n,
   color: t = "base",
@@ -1206,11 +1206,11 @@ const In = ({
   size: o = "md"
 }) => p.span(
   a.class(
-    C(
+    $(
       e ?? !1,
       t ?? "base",
       o ?? "md"
-    )((l, s, u) => Bn(l, s, u))
+    )((l, s, u) => In(l, s, u))
   ),
   p.span(n),
   r != null ? p.button(
@@ -1220,26 +1220,26 @@ const In = ({
     m.click(() => r == null ? void 0 : r(w.get(n)))
   ) : y
 );
-function Se(e) {
+function Ee(e) {
   return `bc-label bc-label--${e}`;
 }
-const eo = (...e) => p.span(a.class(Se("emphasis")), ...e), gt = (...e) => p.span(a.class(Se("default")), ...e), Dn = (...e) => p.span(a.class(Se("muted")), ...e), to = (...e) => p.span(a.class(Se("error")), ...e), Ge = /* @__PURE__ */ new Map();
+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 Ln = p.span(
+const On = p.span(
   a.class("bc-input-wrapper__required"),
   " *"
 );
-function On() {
+function Vn() {
   return "bc-input-wrapper";
 }
-function Vn(e, n) {
+function jn(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 jn = ({
+const Fn = ({
   required: e,
   label: n,
   context: t,
@@ -1250,9 +1250,9 @@ const jn = ({
   hasError: u,
   disabled: c
 }, ...i) => {
-  const d = u ?? w.map(l ?? null, ($) => $ != null), h = c ?? !1, g = se("input-wrapper"), b = r ? `${g}-description` : void 0, v = l ? `${g}-error` : void 0;
+  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;
   return p.div(
-    a.class(On()),
+    a.class(Vn()),
     n != null || t != null ? p.div(
       a.class("bc-input-wrapper__header"),
       p.label(
@@ -1260,21 +1260,21 @@ const jn = ({
         s != null ? a.for(s) : y,
         p.span(
           a.class(
-            C(
+            $(
               d,
               h
             )(
-              ($, S) => Vn(
-                $ ?? !1,
+              (C, S) => jn(
+                C ?? !1,
                 S ?? !1
               )
             )
           ),
           n
         ),
-        n != null && e ? Ln : y
+        n != null && e ? On : y
       ),
-      t != null ? gt(t) : y
+      t != null ? kt(t) : y
     ) : y,
     p.div(
       a.class("bc-input-wrapper__content"),
@@ -1291,22 +1291,22 @@ const jn = ({
       a.id(b),
       r
     ) : y,
-    l != null ? Le(
+    l != null ? Oe(
       l,
-      ($) => p.div(
+      (C) => p.div(
         a.class("bc-input-wrapper__error"),
         a.id(v),
         A.live("polite"),
         // Announce errors to screen readers
         a.role("alert"),
         // Mark as alert for immediate attention
-        $
+        C
       )
     ) : y,
     ...i
   );
 };
-function Fn() {
+function Hn() {
   return "bc-control-input-wrapper";
 }
 const R = ({
@@ -1317,8 +1317,8 @@ const R = ({
   content: o,
   controller: l
 }, ...s) => p.div(
-  a.class(Fn()),
-  jn(
+  a.class(Hn()),
+  Fn(
     {
       required: e,
       label: n,
@@ -1344,20 +1344,20 @@ const R = ({
 }) => {
   const c = w.map(n ?? !1, (d) => d);
   function i(d, h) {
-    const g = ["bc-input-container"];
-    return d ? g.push("bc-input-container--disabled") : g.push("bc-input-container--default"), h && g.push("bc-input-container--error"), g.join(" ");
+    const f = ["bc-input-container"];
+    return d ? f.push("bc-input-container--disabled") : f.push("bc-input-container--default"), h && f.push("bc-input-container--error"), f.join(" ");
   }
   return p.div(
     e,
     F((d) => {
       const h = () => {
-        const g = d.querySelector(s);
-        g == null || g.focus();
+        const f = d.querySelector(s);
+        f == null || f.focus();
       };
       return d.addEventListener("click", h), N(() => d.removeEventListener("click", h));
     }),
     a.class(
-      C(
+      $(
         c,
         l ?? !1
       )(
@@ -1385,7 +1385,7 @@ const R = ({
   name: o,
   placeholder: l,
   id: s
-}) => D(
+}) => L(
   a.autocomplete(e),
   a.autofocus(n),
   a.class(t),
@@ -1401,7 +1401,7 @@ const R = ({
 }), Fe = (e, n) => ({
   ...Z(e),
   value: e.value.map(n)
-}), ft = (e) => {
+}), xt = (e) => {
   const { value: n, onBlur: t, onChange: r } = e;
   return X({
     ...e,
@@ -1410,10 +1410,10 @@ const R = ({
       a.valueAsDate(n),
       a.class("bc-input"),
       t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(Bt(r)) : y
+      r != null ? m.change(Dt(r)) : y
     )
   });
-}, Hn = (e) => {
+}, Pn = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o } = e;
   return X({
     ...e,
@@ -1434,7 +1434,7 @@ const R = ({
       o != null ? m.input(I(o)) : y
     )
   });
-}, z = (
+}, U = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, n) => () => {
     n == null || n();
@@ -1444,32 +1444,32 @@ const R = ({
 }, He = (e, n, t) => (r) => {
   const o = n(r);
   e.change(o), t == null || t(o);
-}, no = (e, n, t) => (r) => {
+}, lo = (e, n, t) => (r) => {
   n(r) ? (e.change(null), t == null || t(null)) : (e.change(r), t == null || t(r));
-}, ro = (e, ...n) => {
+}, ao = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: Hn({
+      content: Pn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, oo = (e, ...n) => {
+}, so = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: ft({
+      content: xt({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
@@ -1477,7 +1477,7 @@ const R = ({
 }, Mn = (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}`;
-}, Pn = (e) => {
+}, Wn = (e) => {
   const { value: n, onBlur: t, onChange: r } = e;
   return X({
     ...e,
@@ -1489,21 +1489,21 @@ const R = ({
       r != null ? m.change(I((o) => r(new Date(o)))) : y
     )
   });
-}, lo = (e, ...n) => {
+}, co = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: Pn({
+      content: Wn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, Wn = (e) => {
+}, qn = (e) => {
   const n = {
     name: "email",
     autocomplete: "email",
@@ -1521,41 +1521,41 @@ const R = ({
       l != null ? m.input(I(l)) : y
     )
   });
-}, ao = (e, ...n) => {
+}, io = (e, ...n) => {
   const { onChange: t, onBlur: r, ...o } = e;
   return R(
     {
       label: "Email",
       ...o,
-      content: Wn({
+      content: qn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, t),
-        onBlur: z(o.controller, r)
+        onBlur: U(o.controller, r)
       })
     },
     ...n
   );
-}, so = {
+}, uo = {
   filling: { type: "filling" },
   submitting: { type: "submitting" },
   error: (e) => ({ type: "error", error: e }),
   success: { type: "success" }
-}, Me = "$$tts-exp-", qn = (e, n) => F((t) => {
-  const r = `${Me}${e}`;
+}, Pe = "$$tts-exp-", Nn = (e, n) => F((t) => {
+  const r = `${Pe}${e}`;
   return N(w.on(n, (o) => Reflect.set(t, r, o)));
-}), co = (e, n) => {
-  const t = `${Me}${e}`;
+}), ho = (e, n) => {
+  const t = `${Pe}${e}`;
   return (r) => {
     n(Reflect.get(r.target, t));
   };
-}, Nn = (e, n) => {
-  const t = `${Me}${e}`;
+}, Rn = (e, n) => {
+  const t = `${Pe}${e}`;
   return (r) => {
     const o = r.target, l = o.selectedIndex, s = o.options[l];
     n(Reflect.get(s, t));
   };
-}, Ie = {
+}, Le = {
   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" ? Ie.getOptionValues(n.options) : n.type === "break" ? [] : [n.value]
+    (n) => n.type === "group" ? Le.getOptionValues(n.options) : n.type === "break" ? [] : [n.value]
   ),
-  contains: (e, n, t = (r, o) => r === o) => Ie.getOptionValues(e).some((r) => t(r, n))
-}, mt = (e, n, t) => Le(
+  contains: (e, n, t = (r, o) => r === o) => Le.getOptionValues(e).some((r) => t(r, n))
+}, vt = (e, n, t) => Oe(
   e,
-  (r) => It(r, {
+  (r) => Ot(r, {
     value: (o) => {
-      const l = C(
+      const l = $(
         o,
         t
       )((s, u) => n(s.value, u));
       return p.option(
         N(l.dispose),
         a.selected(l),
-        qn("value", o.$.value),
+        Nn("value", o.$.value),
         o.$.label
       );
     },
     group: (o) => p.optgroup(
       a.label(o.$.group),
-      Oe(
+      Ve(
         o.$.options,
-        (l) => mt(
+        (l) => vt(
           l,
           n,
           t
@@ -1601,7 +1601,7 @@ const R = ({
     ),
     break: () => p.hr()
   })
-), kt = (e) => {
+), yt = (e) => {
   const {
     value: n,
     onBlur: t,
@@ -1630,21 +1630,21 @@ const R = ({
       a.class("focus:outline-none bg-transparent"),
       a.class("w-full"),
       p.option(a.hidden("hidden"), l),
-      Oe(o, (c) => mt(c, s, n)),
+      Ve(o, (c) => vt(c, s, n)),
       t != null ? m.blur(t) : y,
-      r != null ? m.change(Nn("value", (c) => r(c))) : y
+      r != null ? m.change(Rn("value", (c) => r(c))) : y
     )
   });
-}, Rn = (e) => et({
+}, Un = (e) => tt({
   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 ? Ie.value(o.id, o.label) : o)
+      (r) => r.map((o) => typeof o == "object" && "id" in o && "label" in o ? Le.value(o.id, o.label) : o)
     );
-    return kt({
+    return yt({
       ...e,
       options: t,
       unselectedLabel: e.unselectedLabel,
@@ -1657,35 +1657,35 @@ const R = ({
     A.label("Loading..."),
     "↻"
   )
-}), io = (e, ...n) => {
+}), po = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: Rn({
+      content: Un({
         ...e,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, uo = (e, ...n) => {
+}, bo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: kt({
+      content: yt({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, xt = (e) => {
+}, wt = (e) => {
   const { value: n, onBlur: t, onChange: r } = e;
   return X({
     ...e,
@@ -1694,19 +1694,19 @@ const R = ({
       a.valueAsDate(n),
       a.class("bc-input"),
       t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(Dt(r)) : y
+      r != null ? m.change(Vt(r)) : y
     )
   });
-}, ho = (e, ...n) => {
+}, fo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: xt({
+      content: wt({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
@@ -1714,7 +1714,7 @@ const R = ({
 }, 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")}`;
-}, vt = (e) => {
+}, $t = (e) => {
   const { value: n, onBlur: t, onChange: r } = e, o = w.map(n, (l) => l != null ? zn(l) : null);
   return X({
     ...e,
@@ -1723,29 +1723,29 @@ const R = ({
       a.value(w.map(o, (l) => l ?? null)),
       a.class("bc-input"),
       t != null ? m.blur(I(t)) : y,
-      r != null ? m.change(Lt(r)) : y
+      r != null ? m.change(jt(r)) : y
     )
   });
-}, po = (e, ...n) => {
+}, go = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: vt({
+      content: $t({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, bo = (e, ...n) => {
+}, mo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: xt({
+      content: wt({
         ...o,
         ...Fe(
           o.controller,
@@ -1756,89 +1756,89 @@ const R = ({
           (l) => l != null ? l.toISOString().split("T")[0] : null,
           r
         ),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, Un = (e) => new Date(e), Gn = (e) => e.toISOString(), go = (e, ...n) => {
+}, Gn = (e) => new Date(e), Zn = (e) => e.toISOString(), ko = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: vt({
+      content: $t({
         ...o,
         ...Fe(
           o.controller,
-          (l) => l != null && l !== "" ? Un(l) : null
+          (l) => l != null && l !== "" ? Gn(l) : null
         ),
         onChange: He(
           o.controller,
-          (l) => l != null ? Gn(l) : null,
+          (l) => l != null ? Zn(l) : null,
           r
         ),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, we = (e) => typeof e == "string" && e.trim() === "" ? null : e, yt = (e) => e ?? "", Zn = (e) => {
+}, we = (e) => typeof e == "string" && e.trim() === "" ? null : e, Ct = (e) => e ?? "", Kn = (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, yt)),
+      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
     )
   });
-}, Kn = (e) => {
+}, Xn = (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, yt)),
+      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
     )
   });
-}, fo = (e, ...n) => {
+}, xo = (e, ...n) => {
   const { onBlur: t, onChange: r, rows: o, ...l } = e;
   return R(
     {
       ...l,
-      content: Kn({
+      content: Xn({
         ...l,
         ...Z(l.controller),
         rows: o,
         onChange: Q(l.controller, r),
-        onBlur: z(l.controller, t)
+        onBlur: U(l.controller, t)
       })
     },
     ...n
   );
-}, mo = (e, ...n) => {
+}, vo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: Zn({
+      content: Kn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, Xn = (e) => {
+}, Yn = (e) => {
   const { value: n, step: t, min: r, max: o, onBlur: l, onChange: s, onInput: u } = e;
   return X({
     ...e,
@@ -1850,25 +1850,25 @@ const R = ({
       a.max(o),
       a.class("bc-input bc-number-input"),
       l != null ? m.blur(I(l)) : y,
-      s != null ? m.change(Te(s)) : y,
-      u != null ? m.input(Te(u)) : y
+      s != null ? m.change(Be(s)) : y,
+      u != null ? m.input(Be(u)) : y
     )
   });
-}, ko = (e, ...n) => {
+}, yo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: Xn({
+      content: Yn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, Yn = (e) => {
+}, Qn = (e) => {
   const {
     value: n,
     onBlur: t,
@@ -1881,31 +1881,31 @@ const R = ({
     autocomplete: i,
     placeholder: d,
     ...h
-  } = e, g = {
+  } = e, f = {
     name: "password",
     ...h
-  }, b = q(!0), v = C(
+  }, b = q(!0), v = $(
     b,
     i
-  )((S, f) => S ? f ?? "current-password" : "off"), $ = C(
+  )((S, g) => S ? g ?? "current-password" : "off"), C = $(
     b,
     d
     // TODO translation
-  )((S, f) => S ? "•••••••••••••••" : f ?? "secret password");
+  )((S, g) => S ? "•••••••••••••••" : g ?? "secret password");
   return X({
     before: l,
     disabled: c,
     hasError: u,
     input: p.input(
       Y({
-        ...g,
+        ...f,
         autocomplete: v,
-        placeholder: $
+        placeholder: C
       }),
       G(
         b,
-        () => D(a.type("password")),
-        () => D(a.type("text"))
+        () => L(a.type("password")),
+        () => L(a.type("text"))
       ),
       a.class("bc-input"),
       a.value(n),
@@ -1925,52 +1925,52 @@ const R = ({
       )
     )
   });
-}, xo = (e, ...n) => {
+}, wo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       label: "Password",
       ...o,
-      content: Yn({
+      content: Qn({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
 };
-function Qn(e, n) {
+function Jn(e, n) {
   return e.length === n.length && e.every((t, r) => t === n[r]);
 }
-function Jn({
+function er({
   options: e,
   value: n,
   onChange: t,
   size: r = "md",
   disabled: o = !1
 }, ...l) {
-  const s = L(e).map(([d, h]) => ({
+  const s = 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 })),
-    Qn
+    Jn
   );
   function i(d, h) {
-    const g = [
+    const f = [
       "bc-segmented-control",
       `bu-text-${d}`,
       `bc-segmented-control--${d}`
     ];
-    return h && g.push("bc-segmented-control--disabled"), g.join(" ");
+    return h && f.push("bc-segmented-control--disabled"), f.join(" ");
   }
   return p.div(
     a.class(
-      C(
+      $(
         r,
         o
       )(
@@ -1982,26 +1982,26 @@ function Jn({
       p.div(
         a.class("bc-segmented-control__indicator"),
         x.width(
-          C(
+          $(
             n,
             c
           )((d, h) => {
-            const { width: g } = h[u[d] ?? 0];
-            return `${g}px`;
+            const { width: f } = h[u[d] ?? 0];
+            return `${f}px`;
           })
         ),
         x.left(
-          C(
+          $(
             n,
             c
           )((d, h) => {
-            const { left: g } = h[u[d] ?? 0];
-            return `${g}px`;
+            const { left: f } = h[u[d] ?? 0];
+            return `${f}px`;
           })
         )
       ),
       // clickable buttons
-      s.map(({ label: d, key: h }, g) => p.button(
+      s.map(({ label: d, key: h }, f) => p.button(
         m.click((b) => {
           b.preventDefault(), w.get(o) || t == null || t(h);
         }),
@@ -2012,9 +2012,9 @@ function Jn({
         ),
         F((b) => {
           const v = le(() => {
-            c.update(($) => {
-              const S = [...$];
-              return S[g] = {
+            c.update((C) => {
+              const S = [...C];
+              return S[f] = {
                 width: b.offsetWidth,
                 left: b.offsetLeft
               }, S;
@@ -2028,12 +2028,12 @@ function Jn({
     ...l
   );
 }
-const vo = (e, ...n) => {
+const $o = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: ft({
+      content: xt({
         ...o,
         ...Fe(
           o.controller,
@@ -2044,12 +2044,12 @@ const vo = (e, ...n) => {
           (l) => l.toISOString(),
           r
         ),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, er = (e) => {
+}, tr = (e) => {
   const { value: n, onChange: t, onBlur: r } = e, o = q(""), l = (u) => {
     t == null || t(w.get(n).filter((c) => c !== u));
   }, s = () => {
@@ -2058,9 +2058,9 @@ const vo = (e, ...n) => {
   };
   return X({
     ...e,
-    input: D(
+    input: L(
       a.class("bc-input-container__tags"),
-      Oe(n, (u) => In({ value: u, onClose: () => l(u.value) })),
+      Ve(n, (u) => Ln({ value: u, onClose: () => l(u.value) })),
       oe.text(
         Y(e),
         a.value(o),
@@ -2071,21 +2071,21 @@ const vo = (e, ...n) => {
       )
     )
   });
-}, yo = (e, ...n) => {
+}, Co = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return R(
     {
       ...o,
-      content: er({
+      content: tr({
         ...o,
         ...Z(o.controller),
         onChange: Q(o.controller, r),
-        onBlur: z(o.controller, t)
+        onBlur: U(o.controller, t)
       })
     },
     ...n
   );
-}, tr = (e) => {
+}, nr = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o, rows: l } = e;
   return X({
     ...e,
@@ -2107,32 +2107,32 @@ const vo = (e, ...n) => {
       o != null ? m.input(I(o)) : y
     )
   });
-}, wo = (e, ...n) => {
+}, So = (e, ...n) => {
   const { onBlur: t, onChange: r, rows: o, ...l } = e;
   return R(
     {
       ...l,
-      content: tr({
+      content: nr({
         ...l,
         ...Z(l.controller),
         rows: o,
         value: l.controller.value,
         onChange: Q(l.controller, r),
-        onBlur: z(l.controller, t)
+        onBlur: U(l.controller, t)
       })
     },
     ...n
   );
 };
-function $o(e, n, t) {
-  return Le(
+function Eo(e, n, t) {
+  return Oe(
     e.value,
     () => {
       const r = e.transform(
         (o) => o,
         (o) => o
       );
-      return D(
+      return L(
         N(() => r.dispose()),
         n(r)
       );
@@ -2140,15 +2140,15 @@ function $o(e, n, t) {
     t
   );
 }
-function Co(e, n, t) {
+function _o(e, n, t) {
   const r = e.length.map((o) => o);
-  return D(
+  return L(
     N(() => r.dispose()),
-    Ot(
+    Ft(
       r,
       (o) => {
         const l = e.item(o.index), s = [];
-        return D(
+        return L(
           N(() => {
             l.dispose(), s.forEach((u) => u());
           }),
@@ -2203,24 +2203,24 @@ function Co(e, n, t) {
     )
   );
 }
-function So(e) {
+function Ao(e) {
   return e.split(".").map((t) => {
     const r = t.match(/^\[(\d+)\]$/);
     return r ? Number(r[1]) : t;
   });
 }
-function nr(e) {
+function rr(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function rr(e) {
+function or(e) {
   if (e.length === 0) return "";
   const [n, ...t] = e;
   return [
     typeof n == "number" ? `[${n}]` : n,
-    ...t.map(nr)
+    ...t.map(rr)
   ].join("");
 }
-function Pe(e) {
+function Me(e) {
   return function(t) {
     var o;
     if (t.type === "Valid") return t;
@@ -2264,7 +2264,7 @@ const We = class We {
     B(this, "enable", () => {
       j(this, ie).disabled.set(!1);
     });
-    B(this, "array", (n = Ee) => new lr(
+    B(this, "array", (n = _e) => new ar(
       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 = Ee) => new or(
+    B(this, "object", (n = _e) => new lr(
       this.path,
       this.change,
       this.value,
@@ -2281,16 +2281,16 @@ const We = class We {
       this.parent,
       n
     ));
-    B(this, "transform", (n, t, r = [], o = Ee) => new We(
+    B(this, "transform", (n, t, r = [], o = _e) => new We(
       [...this.path, ...r],
       (l) => this.change(t(l)),
       this.value.map(n, o),
-      this.status.map(Pe(r)),
+      this.status.map(Me(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 = C(
+    ), this.parent = l, this.disabled = $(
       j(this, ie).disabled,
       l.disabled
     )((s, u) => s || u), this.onDispose(() => {
@@ -2298,13 +2298,13 @@ const We = class We {
     });
   }
   get name() {
-    return rr(this.path);
+    return or(this.path);
   }
 };
 ie = new WeakMap(), pe = new WeakMap();
 let de = We;
 var ae;
-class or extends de {
+class lr extends de {
   constructor(t, r, o, l, s, u) {
     super(
       t,
@@ -2326,7 +2326,7 @@ class or extends de {
         [...this.path, t],
         r,
         this.value.map((l) => l[t]),
-        this.status.map(Pe([t])),
+        this.status.map(Me([t])),
         { disabled: this.disabled }
       );
       return j(this, ae).set(t, o), o;
@@ -2340,7 +2340,7 @@ class or extends de {
 }
 ae = new WeakMap();
 var re;
-class lr extends de {
+class ar extends de {
   constructor(t, r, o, l, s, u) {
     const c = o.map((d) => d ?? [], u);
     super(t, r, c, l, s);
@@ -2356,7 +2356,7 @@ class lr extends de {
         [...this.path, t],
         r,
         this.value.map((l) => l[t]),
-        this.status.map(Pe([t])),
+        this.status.map(Me([t])),
         { disabled: this.disabled }
       );
       return j(this, re)[t] = o, o;
@@ -2387,7 +2387,7 @@ class lr extends de {
     });
     const i = c.on((d) => {
       const h = j(this, re).length - d.length;
-      h > 0 && j(this, re).splice(d.length, h).forEach((g) => g.dispose());
+      h > 0 && j(this, re).splice(d.length, h).forEach((f) => f.dispose());
     });
     this.length = c.map((d) => d.length), this.onDispose(() => {
       for (const d of j(this, re))
@@ -2397,11 +2397,11 @@ class lr extends de {
   }
 }
 re = new WeakMap();
-const wt = {
-  mark: Qe("Theme"),
+const St = {
+  mark: Je("Theme"),
   // Create function returns the value and cleanup
   create: (e) => {
-    const n = qt(), t = Je({
+    const n = Ut(), t = et({
       key: "beatui-appearance-preference",
       defaultValue: "system"
     }), r = () => {
@@ -2409,7 +2409,7 @@ const wt = {
     };
     return {
       value: {
-        appearance: C(
+        appearance: $(
           n,
           t
         )((s, u) => u === "system" ? s : u),
@@ -2421,15 +2421,15 @@ const wt = {
       dispose: r
     };
   }
-}, Eo = () => Ve(
-  wt,
-  ({ appearance: e }) => Vt("body", a.class(e.map((n) => `b-${n}`)))
+}, To = () => Ce(
+  St,
+  ({ appearance: e }) => Ht("body", a.class(e.map((n) => `b-${n}`)))
 );
-function ar({
+function sr({
   value: e,
   onChange: n
 }) {
-  return Jn({
+  return er({
     size: "sm",
     value: e,
     options: {
@@ -2452,16 +2452,16 @@ function ar({
     onChange: n
   });
 }
-function _o() {
-  return Ve(
-    wt,
-    ({ appearancePreference: e, setAppearancePreference: n }) => ar({
+function Bo() {
+  return Ce(
+    St,
+    ({ appearancePreference: e, setAppearancePreference: n }) => sr({
       value: e,
       onChange: n
     })
   );
 }
-const Ao = (e) => {
+const Io = (e) => {
   const { value: n, onBlur: t, onChange: r, placeholder: o, id: l } = e, s = l ?? se("checkbox"), u = `${s}-label`;
   return X({
     growInput: !1,
@@ -2478,12 +2478,12 @@ const Ao = (e) => {
         F((c) => {
           const i = c.closest("[data-describedby]");
           if (i) {
-            const d = i.getAttribute("data-describedby"), h = i.getAttribute("data-required"), g = i.getAttribute("data-invalid");
-            d && c.setAttribute("aria-describedby", d), h === "true" && c.setAttribute("aria-required", "true"), g === "true" && c.setAttribute("aria-invalid", "true");
+            const d = i.getAttribute("data-describedby"), h = i.getAttribute("data-required"), f = i.getAttribute("data-invalid");
+            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(jt(r)) : y
+        r != null ? m.change(Pt(r)) : y
       ),
       o != null ? p.label(
         a.class("bc-checkbox-input__label"),
@@ -2493,7 +2493,7 @@ const Ao = (e) => {
       ) : y
     )
   });
-}, To = ({
+}, Lo = ({
   startEditing: e,
   value: n,
   onChange: t,
@@ -2508,7 +2508,7 @@ const Ao = (e) => {
         a.placeholder(r),
         a.value(n),
         a.class("bc-editable-text__input"),
-        Nt(),
+        zt(),
         m.keydown((s) => {
           s.key === "Enter" ? o.set(!1) : s.key === "Escape" && (l.set(!0), o.set(!1));
         }),
@@ -2543,7 +2543,7 @@ const Ao = (e) => {
       )
     )
   );
-}, Bo = ({
+}, Do = ({
   value: e,
   onChange: n,
   offLabel: t,
@@ -2555,17 +2555,17 @@ const Ao = (e) => {
 }) => {
   const c = u ?? se("switch"), i = `${c}-label`;
   function d(b, v) {
-    const $ = ["bc-switch", `bu-text-${v}`, `bc-switch--${v}`];
-    return b && $.push("bc-switch--disabled"), $.join(" ");
+    const C = ["bc-switch", `bu-text-${v}`, `bc-switch--${v}`];
+    return b && C.push("bc-switch--disabled"), C.join(" ");
   }
   const h = () => {
     w.get(l) || n(!w.get(e));
-  }, g = (b) => {
+  }, f = (b) => {
     w.get(l) || (b.key === " " || b.key === "Enter") && (b.preventDefault(), h());
   };
   return p.div(
     a.class(
-      C(
+      $(
         l ?? !1,
         s
       )(
@@ -2581,8 +2581,8 @@ const Ao = (e) => {
     A.disabled(l),
     A.labelledby(o != null ? i : void 0),
     m.click(h),
-    m.keydown(g),
-    o != null ? gt(a.id(i), a.class(`bu-text-${s} bu-nowrap`), o) : null,
+    m.keydown(f),
+    o != null ? kt(a.id(i), a.class(`bu-text-${s} bu-nowrap`), o) : null,
     p.div(
       a.class("bc-switch__track"),
       a.class(
@@ -2622,12 +2622,12 @@ const Ao = (e) => {
             )
           ),
           x.transform(
-            C(
+            $(
               e,
               b,
               s
-            )((v, { width: $ }, S) => {
-              const f = (() => {
+            )((v, { width: C }, S) => {
+              const g = (() => {
                 switch (S) {
                   case "xs":
                     return 5;
@@ -2641,7 +2641,7 @@ const Ao = (e) => {
                     return 8;
                 }
               })();
-              return v ? `translateX(calc(${$}px - (var(--spacing-base) * ${f})))` : "translateX(0)";
+              return v ? `translateX(calc(${C}px - (var(--spacing-base) * ${g})))` : "translateX(0)";
             })
           )
         )
@@ -2649,7 +2649,7 @@ const Ao = (e) => {
     )
   );
 };
-function sr(e) {
+function cr(e) {
   function n(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -2657,9 +2657,9 @@ function sr(e) {
     (t) => typeof t == "object" && t.key != null ? n(t.key) : n(t)
   );
 }
-function cr(e) {
+function ir(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 = sr(l.path), u = s.pop();
+    const s = cr(l.path), u = s.pop();
     let c = o;
     for (const i of s)
       c.dependencies == null && (c.dependencies = {}), c.dependencies[i] == null && (c.dependencies[i] = {}), c = c.dependencies[i];
@@ -2671,7 +2671,7 @@ function cr(e) {
     error: r != "" ? r : void 0
   };
 }
-function ir({
+function ur({
   defaultValue: e,
   onChange: n,
   validate: t
@@ -2688,55 +2688,55 @@ function ir({
     l.dispose(), r.dispose(), o.dispose();
   }), u;
 }
-function $t(e) {
-  return D(a.disabled(e.disabled), a.name(e.name));
+function Et(e) {
+  return L(a.disabled(e.disabled), a.name(e.name));
 }
-function Io(e, {
+function Oo(e, {
   triggerOn: n = "change"
 } = {}) {
-  return D(
-    $t(e),
+  return L(
+    Et(e),
     a.value(e.value),
     (n === "input" ? m.input : m.change)(I(e.change))
   );
 }
-function Do(e, {
+function Vo(e, {
   triggerOn: n = "change"
 } = {}) {
-  return D(
-    $t(e),
+  return L(
+    Et(e),
     a.valueAsNumber(e.value),
     (n === "input" ? m.input : m.change)(
-      Te(e.change)
+      Be(e.change)
     )
   );
 }
-function ur(e) {
+function dr(e) {
   return e.issues != null ? {
     type: "Invalid",
-    ...cr(e.issues)
+    ...ir(e.issues)
   } : { type: "Valid" };
 }
-function Lo({
+function jo({
   defaultValue: e = {},
   schema: n
 }) {
-  return ir({
+  return ur({
     defaultValue: e,
-    validate: async (t) => ur(
+    validate: async (t) => dr(
       await n["~standard"].validate(t)
     )
   }).object();
 }
-const dr = ["!=", "<=", ">=", "<", ">", "="];
-function hr(e) {
-  for (const n of dr)
+const hr = ["!=", "<=", ">=", "<", ">", "="];
+function pr(e) {
+  for (const n of hr)
     if (typeof e == "string" && e.startsWith(n))
       return [n, e.slice(n.length)];
   return ["=", e];
 }
-function pr(e, n, t) {
-  const [r, o] = hr(n), l = e.findIndex((c) => c[1] === o);
+function br(e, n, t) {
+  const [r, o] = pr(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;
@@ -2757,11 +2757,11 @@ function pr(e, n, t) {
       return !1;
   }
 }
-function Oo(e, n) {
+function Fo(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 Ct(e, { breakpoints: n, mode: t = "viewport" }) {
+function _t(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) => {
@@ -2773,17 +2773,17 @@ function Ct(e, { breakpoints: n, mode: t = "viewport" }) {
       value: u,
       breakpoints: n,
       asList: o,
-      is: (i, d) => pr(o, i, d)
+      is: (i, d) => br(o, i, d)
     });
   };
-  return t === "element" ? xe(l) : Rt(l);
+  return t === "element" ? xe(l) : Gt(l);
 }
-let _e = NaN;
-function br(e, n) {
-  return e ? (isNaN(_e) && (_e = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(e) * _e) : n;
+let Ae = NaN;
+function fr(e, n) {
+  return e ? (isNaN(Ae) && (Ae = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(e) * Ae) : n;
 }
 function W(e, n, t) {
-  return br(e.getPropertyValue(n), t);
+  return fr(e.getPropertyValue(n), t);
 }
 function gr(e) {
   return F((n) => {
@@ -2795,10 +2795,10 @@ function gr(e) {
       lg: W(t, "--breakpoint-lg", 1280),
       xl: W(t, "--breakpoint-xl", 1536)
     };
-    return Ct(e, { breakpoints: r });
+    return _t(e, { breakpoints: r });
   });
 }
-function Vo(e) {
+function Ho(e) {
   return F((n) => {
     const t = getComputedStyle(n), r = {
       zero: 0,
@@ -2815,13 +2815,13 @@ function Vo(e) {
       "5xl": W(t, "--container-5xl", 1536),
       "6xl": W(t, "--container-6xl", 2048)
     };
-    return Ct(e, {
+    return _t(e, {
       breakpoints: r,
       mode: "element"
     });
   });
 }
-function St({
+function At({
   initialStatus: e = "closed",
   openedAfter: n,
   closedAfter: t
@@ -2831,18 +2831,18 @@ function St({
   }, l = () => {
     r.set("start-closing");
   }, s = r.map(
-    (f) => f !== "closed" && f !== "start-closing" && f !== "closing"
-  ), u = (f) => {
-    f ? o() : l();
+    (g) => g !== "closed" && g !== "start-closing" && g !== "closing"
+  ), u = (g) => {
+    g ? o() : l();
   }, c = () => {
     u(!s.value);
-  }, i = (f) => r.on((V) => {
-    V === "closed" && f();
+  }, i = (g) => r.on((V) => {
+    V === "closed" && g();
   });
   let d = () => {
   };
-  r.on((f) => {
-    switch (d(), f) {
+  r.on((g) => {
+    switch (d(), g) {
       case "start-opening":
         d = le(() => r.set("opening"));
         break;
@@ -2857,7 +2857,7 @@ function St({
         break;
     }
   }), r.onDispose(() => d());
-  const h = r.map((f) => f === "closed"), g = r.map((f) => f === "start-opening"), b = r.map((f) => f === "opening"), v = r.map((f) => f === "opened"), $ = r.map((f) => f === "closing"), S = r.map((f) => f === "start-closing");
+  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");
   return {
     status: r,
     open: o,
@@ -2866,25 +2866,25 @@ function St({
     setOpen: u,
     display: s,
     isClosed: h,
-    isStartOpening: g,
+    isStartOpening: f,
     isOpening: b,
     isOpened: v,
-    isClosing: $,
+    isClosing: C,
     isStartClosing: S,
     dispose: () => r.dispose(),
     onClosed: i
   };
 }
-function jo({
+function Po({
   initialStatus: e = "closed",
   duration: n,
   openDuration: t = n ?? 500,
   closeDuration: r = n ?? 500
 } = {}) {
-  return St({
+  return At({
     initialStatus: e,
-    openedAfter: (o) => Ue(o, t),
-    closedAfter: (o) => Ue(o, r)
+    openedAfter: (o) => ze(o, t),
+    closedAfter: (o) => ze(o, r)
   });
 }
 function Ze(e, n) {
@@ -2910,7 +2910,7 @@ function Ze(e, n) {
     t = !0, c(), r && (clearTimeout(r), r = null), e.removeEventListener("transitionend", l), e.removeEventListener("animationend", s);
   };
 }
-function ge({
+function fe({
   initialStatus: e = "closed",
   element: n
 } = {}) {
@@ -2919,7 +2919,7 @@ function ge({
     setElement: (r) => {
       t = r;
     },
-    ...St({
+    ...At({
       initialStatus: e,
       openedAfter: (r) => t == null ? (r(), () => {
       }) : Ze(t, r),
@@ -2930,7 +2930,7 @@ function ge({
 }
 function De(e, n) {
   return a.class(
-    C(
+    $(
       e,
       n
     )((t, r) => `bu-toggle--animated bu-toggle--${t} bu-toggle--${r}`)
@@ -3017,13 +3017,13 @@ function Ke(e, n) {
   };
   return t.xs < t.zero && (t.xs = t.zero), t.sm < t.xs && (t.sm = t.xs), t.md < t.sm && (t.md = t.sm), t.lg < t.md && (t.lg = t.md), t.xl < t.lg && (t.xl = t.lg), t;
 }
-function Ae(e) {
+function Te(e) {
   e = e.filter((n) => n.some((t) => t != null && !t.startsWith("?")));
   for (let n = 0; n < e[0].length; n++)
     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 fr({
+function mr({
   smallBreakpoint: e,
   mediumBreakpoint: n,
   vertical: t,
@@ -3045,7 +3045,7 @@ function fr({
     const h = [];
     return r.banner && (h.push(r.banner[c] + "px"), i[0][1] = "banner"), (r.header || t.menu || t.aside) && (h.push(
       (((b = r.header) == null ? void 0 : b[c]) ?? ne.header[c]) + "px"
-    ), 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 = Ae(i), {
+    ), 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(`
@@ -3071,7 +3071,7 @@ function fr({
     const h = [];
     return r.banner && (h.push(r.banner[c] + "px"), i[0][0] = "?banner", i[0][1] = "banner"), (r.header || t.aside) && (h.push(
       (((b = r.header) == null ? void 0 : b[c]) ?? ne.header[c]) + "px"
-    ), 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 = Ae(i), {
+    ), 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(`
@@ -3094,7 +3094,7 @@ function fr({
     const d = [];
     t.menu && (d.push(t.menu[c] + "px"), i[2][0] = "?menu", i[3][0] = "menu", i[4][0] = "?menu"), d.push("1fr"), t.aside && (d.push(t.aside[c] + "px"), i[2][2] = "?aside", i[3][2] = "aside", i[4][2] = "?aside");
     const h = [];
-    return r.banner && (h.push(r.banner[c] + "px"), i[0][0] = "?banner", i[0][1] = "banner", i[0][2] = "?banner"), r.header && (h.push(r.header[c] + "px"), i[1][0] = "?header", i[1][1] = "header", i[1][2] = "?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[5][2] = "?footer"), i = Ae(i), {
+    return r.banner && (h.push(r.banner[c] + "px"), i[0][0] = "?banner", i[0][1] = "banner", i[0][2] = "?banner"), r.header && (h.push(r.header[c] + "px"), i[1][0] = "?header", i[1][1] = "header", i[1][2] = "?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[5][2] = "?footer"), i = Te(i), {
       columns: d.join(" "),
       rows: h.join(" "),
       areas: i.map((b) => `"${b.join(" ")}"`).join(`
@@ -3110,33 +3110,33 @@ function fr({
     breakpoint: i
   }) => o(`<=${e}`, c) ? l(i) : o(`<=${n}`, c) ? s(i) : u(i);
 }
-const mr = ["menu", "aside"], kr = [
+const kr = ["menu", "aside"], xr = [
   "banner",
   "header",
   "mainHeader",
   "mainFooter",
   "footer"
 ];
-function xr(e, { displayMenu: n }, t) {
+function vr(e, { displayMenu: n }, t) {
   return e ? n ? "block" : t ? "float" : "none" : "none";
 }
-function vr(e, { displayAside: n }, t) {
+function yr(e, { displayAside: n }, t) {
   return e ? n ? "block" : t ? "float" : "none" : "none";
 }
-function Fo({
+function Mo({
   smallBreakpoint: e = "sm",
   mediumBreakpoint: n = "md",
   ...t
 }) {
   const r = Object.fromEntries(
-    mr.filter((l) => t[l]).map(
+    kr.filter((l) => t[l]).map(
       (l) => [
         l,
         Ke(t[l].width ?? {}, ne[l])
       ]
     )
   ), o = Object.fromEntries(
-    kr.filter((l) => t[l]).map(
+    xr.filter((l) => t[l]).map(
       (l) => [
         l,
         Ke(t[l].height ?? {}, ne[l])
@@ -3144,31 +3144,31 @@ function Fo({
     )
   );
   return gr(({ value: l, is: s }) => {
-    var f, V, U, H, E, O, T, J, M, ee;
-    const u = fr({
+    var g, V, z, H, E, O, T, J, P, ee;
+    const u = mr({
       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 = C(
+    }), c = l.map(u), i = o.header != null || r.menu != null || r.aside != null, d = $(
       r.aside != null,
       c
-    )((k, { displayAside: _ }) => k && !_), h = C(
+    )((k, { displayAside: _ }) => k && !_), h = $(
       r.menu != null,
       c
-    )((k, { displayMenu: _ }) => k && !_), g = ge(), b = ge(), v = q(0), $ = C(
+    )((k, { displayMenu: _ }) => k && !_), f = fe(), b = fe(), v = q(0), C = $(
       r.menu != null,
       c,
-      g.display
-    )(xr), S = C(
+      f.display
+    )(vr), S = $(
       r.aside != null,
       c,
       b.display
-    )(vr);
+    )(yr);
     return p.div(
       N(() => {
-        v.dispose(), g.dispose(), b.dispose();
+        v.dispose(), f.dispose(), b.dispose();
       }),
       x.height("100%"),
       x.display("grid"),
@@ -3193,7 +3193,7 @@ function Fo({
         a.class(
           te(
             "bottom",
-            ((f = t.header) == null ? void 0 : f.color) ?? "white",
+            ((g = t.header) == null ? void 0 : g.color) ?? "white",
             ((V = t.header) == null ? void 0 : V.shadow) ?? "none"
           )
         ),
@@ -3214,14 +3214,14 @@ function Fo({
             x.width("60px"),
             be(
               {
-                onClick: () => g.toggle(),
+                onClick: () => f.toggle(),
                 variant: "light",
                 color: "base"
               },
               // TODO translation
               A.label("Open menu"),
               K({
-                icon: g.display.map(
+                icon: f.display.map(
                   (k) => k ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
                 )
               })
@@ -3230,7 +3230,7 @@ function Fo({
           p.div(
             x.height("100%"),
             x.flexGrow("1"),
-            (U = t.header) == null ? void 0 : U.content
+            (z = t.header) == null ? void 0 : z.content
           ),
           p.div(
             x.alignItems("center"),
@@ -3263,16 +3263,16 @@ function Fo({
         )
       ),
       t.menu ? p.nav(
-        F((k) => g.setElement(k)),
+        F((k) => f.setElement(k)),
         a.class("bu-z-10"),
         // Add ARIA attributes for navigation landmark
         // TODO translation
         A.label("Main navigation"),
         a.role("navigation"),
         a.class(
-          $.map(
+          C.map(
             (k) => {
-              var _, he, ce, fe;
+              var _, he, ce, ge;
               return k === "float" ? te(
                 "right",
                 ((_ = t.menu) == null ? void 0 : _.color) ?? "white",
@@ -3280,7 +3280,7 @@ function Fo({
               ) : te(
                 "right",
                 ((ce = t.menu) == null ? void 0 : ce.color) ?? "white",
-                ((fe = t.menu) == null ? void 0 : fe.shadow) ?? "none"
+                ((ge = t.menu) == null ? void 0 : ge.shadow) ?? "none"
               );
             }
           )
@@ -3288,23 +3288,23 @@ function Fo({
         x.height("100%"),
         x.gridArea("menu"),
         x.display(
-          C(
-            $,
-            g.status
+          $(
+            C,
+            f.status
           )((k, _) => k === "none" && _ === "closed" ? "none" : "block")
         ),
         x.position(
-          C(
-            $,
-            g.status
+          $(
+            C,
+            f.status
           )((k, _) => k === "float" || k === "none" && _ !== "closed" ? "fixed" : "initial")
         ),
         x.top(v.map((k) => `${k}px`)),
         De(
           "slide-right",
-          C(
-            $,
-            g.status
+          $(
+            C,
+            f.status
           )((k, _) => k === "block" ? "opened" : _)
         ),
         x.width(c.$.menuWidth),
@@ -3342,7 +3342,7 @@ function Fo({
         a.class(
           te(
             "none",
-            ((M = t.mainFooter) == null ? void 0 : M.color) ?? "white",
+            ((P = t.mainFooter) == null ? void 0 : P.color) ?? "white",
             ((ee = t.mainFooter) == null ? void 0 : ee.shadow) ?? "none"
           )
         ),
@@ -3365,13 +3365,13 @@ function Fo({
         x.height("100%"),
         x.gridArea("aside"),
         x.display(
-          C(
+          $(
             S,
             b.status
           )((k, _) => k === "none" && _ === "closed" ? "none" : "block")
         ),
         x.position(
-          C(
+          $(
             S,
             b.status
           )((k, _) => k === "float" || k === "none" && _ !== "closed" ? "fixed" : "initial")
@@ -3379,7 +3379,7 @@ function Fo({
         x.top(v.map((k) => `${k}px`)),
         De(
           "slide-left",
-          C(
+          $(
             S,
             b.status
           )((k, _) => k === "block" ? "opened" : _)
@@ -3397,19 +3397,19 @@ function Fo({
     );
   });
 }
-function yr(e, n, t) {
+function wr(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 Ho({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
+function Wo({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
   return p.div(
     a.class(
-      C(
+      $(
         e,
         n,
         t
       )(
-        (o, l, s) => yr(
+        (o, l, s) => wr(
           o ?? "default",
           l ?? "md",
           s ?? "lg"
@@ -3419,23 +3419,23 @@ function Ho({ variant: e = "default", size: n = "md", roundedness: t = "lg" } =
     ...r
   );
 }
-function Mo(...e) {
+function qo(...e) {
   return p.div(
     a.class("bc-center-h"),
     p.div(a.class("bc-center__content"), ...e)
   );
 }
-function wr(e) {
+function $r(e) {
   const n = ["bc-center"];
   return e !== "lg" && n.push(`bc-center--gap-${e}`), n.join(" ");
 }
-function Po({ gap: e = "lg" } = {}, ...n) {
+function No({ gap: e = "lg" } = {}, ...n) {
   return p.div(
-    a.class(C(e)((t) => wr(t ?? "lg"))),
+    a.class($(e)((t) => $r(t ?? "lg"))),
     ...n
   );
 }
-function Wo(e, n = 0, t = () => !0) {
+function Ro(e, n = 0, t = () => !0) {
   let r = null, o;
   const l = q(e.value);
   return e.on((s) => {
@@ -3446,7 +3446,7 @@ function Wo(e, n = 0, t = () => !0) {
     r != null && clearTimeout(r);
   }), l;
 }
-const $r = [
+const Cr = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
@@ -3459,8 +3459,8 @@ const $r = [
   "details > summary:first-of-type",
   "details[open]"
 ].join(", ");
-function Cr(e) {
-  return Array.from(e.querySelectorAll($r)).filter(
+function Sr(e) {
+  return Array.from(e.querySelectorAll(Cr)).filter(
     (n) => {
       const t = n;
       return t.offsetWidth > 0 && t.offsetHeight > 0 && !t.hasAttribute("inert") && window.getComputedStyle(t).visibility !== "hidden";
@@ -3480,64 +3480,64 @@ function $e(e = {}) {
   return F((c) => {
     let i = n, d = null, h = [];
     typeof document < "u" && (d = document.activeElement);
-    const g = () => {
-      h = Cr(c);
-    }, b = (f) => {
-      var V, U;
+    const f = () => {
+      h = Sr(c);
+    }, b = (g) => {
+      var V, z;
       if (i) {
-        if (t && f.key === "Escape") {
-          f.preventDefault(), r == null || r();
+        if (t && g.key === "Escape") {
+          g.preventDefault(), r == null || r();
           return;
         }
-        if (f.key === "Tab") {
-          if (g(), h.length === 0) {
-            f.preventDefault();
+        if (g.key === "Tab") {
+          if (f(), h.length === 0) {
+            g.preventDefault();
             return;
           }
           const H = h.indexOf(
             document.activeElement
           );
-          f.shiftKey ? H <= 0 && (f.preventDefault(), (V = h[h.length - 1]) == null || V.focus()) : H >= h.length - 1 && (f.preventDefault(), (U = h[0]) == null || U.focus());
+          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());
         }
       }
-    }, v = (f) => {
+    }, v = (g) => {
       if (!i || !s) return;
-      const V = f.target;
+      const V = g.target;
       c.contains(V) || u == null || u();
-    }, $ = () => {
+    }, C = () => {
       if (!i) return;
-      g();
-      let f = null;
-      typeof o == "function" ? f = o() : o ? f = o : h.length > 0 && (f = h[0]), f && setTimeout(() => {
-        f == null || f.focus();
+      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);
     }, S = () => {
       i = !1, document.removeEventListener("keydown", b, !0), document.removeEventListener("click", v, !0);
-      let f = null;
-      typeof l == "function" ? f = l() : l ? f = l : d && (f = d), f && document.body.contains(f) && setTimeout(() => {
-        f == null || f.focus();
+      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(() => $(), 0), N(() => {
+    return setTimeout(() => C(), 0), N(() => {
       S();
     });
   });
 }
-function qo(e = {}) {
+function Uo(e = {}) {
   return {
     activate: () => $e({ ...e, active: !0 }),
     deactivate: () => $e({ ...e, active: !1 })
   };
 }
-function Sr({ open: e }, ...n) {
+function Er({ open: e }, ...n) {
   return F((t) => {
-    const { status: r, setOpen: o, dispose: l } = ge({
+    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 C(
+      return $(
         r,
         s.$.height
       )((i, d) => i === "opened" && d > 0 ? d : null).on((i) => {
@@ -3546,10 +3546,10 @@ function Sr({ open: e }, ...n) {
         if (t && i === "start-opening") {
           const d = t.style.height, h = t.style.transition;
           t.style.transition = "none", t.style.height = "auto", t.offsetHeight;
-          const g = t.scrollHeight;
-          g > 0 && u.set(g), t.style.height = d, t.style.transition = h, t.offsetHeight;
+          const f = t.scrollHeight;
+          f > 0 && u.set(f), t.style.height = d, t.style.transition = h, t.offsetHeight;
         }
-      }), D(
+      }), L(
         N(l),
         N(u.dispose),
         a.style(
@@ -3561,7 +3561,7 @@ function Sr({ open: e }, ...n) {
     });
   });
 }
-function No(...e) {
+function zo(...e) {
   return p.div(a.class("bc-group"), ...e);
 }
 function Xe({
@@ -3578,7 +3578,7 @@ function Xe({
   return p.div(
     a.class("bc-scrollable-panel"),
     a.class(
-      C(
+      $(
         o,
         r
       )((u, c) => {
@@ -3612,19 +3612,19 @@ function Xe({
     n && p.div(a.class("bc-scrollable-panel__footer"), n)
   );
 }
-function Er(e, n, t) {
+function _r(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 Ro({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
+function Go({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
   return p.div(
     a.class(
-      C(
+      $(
         e,
         n,
         t
       )(
-        (o, l, s) => Er(
+        (o, l, s) => _r(
           o ?? "default",
           l ?? "md",
           s ?? "lg"
@@ -3634,13 +3634,13 @@ function Ro({ variant: e = "default", size: n = "md", roundedness: t = "lg" } =
     ...r
   );
 }
-function zo(...e) {
+function Zo(...e) {
   return p.div(a.class("bc-stack"), ...e);
 }
-function _r(e) {
+function Ar(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 Ar(e) {
+function Tr(e) {
   const {
     content: n,
     placement: t = "top",
@@ -3653,25 +3653,25 @@ function Ar(e) {
     arrow: i,
     role: d
   } = e;
-  return zt((h, g) => {
-    const b = ge({
+  return Zt((h, f) => {
+    const b = fe({
       initialStatus: "closed"
     }), v = se("flyout");
-    let $ = null, S = null, f = null, V = !1;
-    function U() {
-      E != null && (clearTimeout(E), E = null), T != null && (clearTimeout(T), T = null), f && (f(), f = null), S && (S(), S = null), $ && (document.removeEventListener("keydown", $), $ = null), V = !1;
+    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;
     }
     function H() {
-      w.get(c) && ($ = (M) => {
-        M.key === "Escape" && J();
-      }, document.addEventListener("keydown", $)), V = !0, h({
+      w.get(c) && (C = (P) => {
+        P.key === "Escape" && J();
+      }, document.addEventListener("keydown", C)), V = !0, h({
         placement: t ?? "top",
         mainAxisOffset: l,
         crossAxisOffset: s,
         arrow: i,
-        content: F((M) => {
-          b.setElement(M), f = le(() => {
-            b.open(), f = null;
+        content: F((P) => {
+          b.setElement(P), g = le(() => {
+            b.open(), g = null;
           });
           const ee = (k) => {
             if (w.get(c) && k.key === "Escape") {
@@ -3682,16 +3682,16 @@ function Ar(e) {
               _ && _.setAttribute("aria-expanded", "false");
             }
           };
-          return document.addEventListener("keydown", ee, !0), D(
+          return document.addEventListener("keydown", ee, !0), L(
             N(() => {
-              U(), document.removeEventListener("keydown", ee, !0);
+              z(), document.removeEventListener("keydown", ee, !0);
             }),
             a.class("bc-flyout"),
             a.id(v),
             a.tabindex(-1),
             // Make focusable for screen readers
             De(
-              w.map(t, _r),
+              w.map(t, Ar),
               b.status
             ),
             d ? a.role(d) : a.role("dialog"),
@@ -3709,27 +3709,27 @@ function Ar(e) {
         b.open();
         return;
       }
-      const M = w.get(r);
+      const P = w.get(r);
       E = setTimeout(() => {
         E = null, H();
-      }, M);
+      }, P);
     }
     let T = null;
     function J() {
-      if (E != null && (clearTimeout(E), E = null), T != null && (clearTimeout(T), T = null), f && (f(), f = null, V)) {
-        g(), U();
+      if (E != null && (clearTimeout(E), E = null), T != null && (clearTimeout(T), T = null), g && (g(), g = null, V)) {
+        f(), z();
         return;
       }
-      const M = w.get(o);
+      const P = w.get(o);
       T = setTimeout(() => {
         T = null, S && (S(), S = null), b.close(), S = b.onClosed(() => {
-          g(), U();
+          f(), z();
         });
-      }, M);
+      }, P);
     }
-    return F((M) => {
+    return F((P) => {
       const ee = (ce) => {
-        M.setAttribute("aria-expanded", ce.toString()), M.setAttribute("aria-controls", v), M.hasAttribute("aria-haspopup") || M.setAttribute("aria-haspopup", "dialog");
+        P.setAttribute("aria-expanded", ce.toString()), P.setAttribute("aria-controls", v), P.hasAttribute("aria-haspopup") || P.setAttribute("aria-haspopup", "dialog");
       };
       ee(!1);
       const k = () => {
@@ -3740,37 +3740,37 @@ function Ar(e) {
       if (typeof u == "function")
         return u(k, _);
       const he = u;
-      return D(
+      return L(
         N(() => {
           b.dispose();
         }),
-        Ft(he, {
-          "hover-focus": () => D(
+        Mt(he, {
+          "hover-focus": () => L(
             m.mouseenter(() => k()),
             m.mouseleave(() => _()),
             m.focus(() => k()),
             m.blur(() => _())
           ),
-          hover: () => D(
+          hover: () => L(
             m.mouseenter(() => k()),
             m.mouseleave(() => _())
           ),
-          focus: () => D(
+          focus: () => L(
             m.focus(() => k()),
             m.blur(() => _())
           ),
           click: () => {
             function ce() {
-              document.removeEventListener("click", fe);
+              document.removeEventListener("click", ge);
             }
-            function fe() {
+            function ge() {
               ce(), _();
             }
-            return D(
+            return L(
               N(ce),
               m.click(() => {
                 k(), le(() => {
-                  document.addEventListener("click", fe, {
+                  document.addEventListener("click", ge, {
                     once: !0
                   });
                 });
@@ -3783,7 +3783,116 @@ function Ar(e) {
     });
   });
 }
-function Ye({ rail: e }, ...n) {
+function Ye(e, n, t) {
+  const r = ["bc-link"];
+  if (r.push(`bu-text--${n}`), t)
+    r.push("bc-link--disabled");
+  else
+    switch (e) {
+      case "plain":
+        r.push("bc-link--plain");
+        break;
+      case "hover":
+        r.push("bc-link--hover");
+        break;
+      case "default":
+      default:
+        r.push("bc-link--default");
+        break;
+    }
+  return r.join(" ");
+}
+function Br({
+  href: e,
+  variant: n = "default",
+  color: t = "primary",
+  colorDisabled: r = "base",
+  disabled: o = !1,
+  withViewTransition: l = !0,
+  target: s,
+  rel: u
+}, ...c) {
+  return G(
+    o,
+    () => p.span(
+      a.class(
+        $(
+          n,
+          r,
+          o
+        )(
+          (i, d, h) => Ye(i, d, h)
+        )
+      ),
+      ...c
+    ),
+    () => nt(
+      {
+        href: e,
+        withViewTransition: l
+      },
+      a.class(
+        $(
+          n,
+          t,
+          o
+        )(
+          (i, d, h) => Ye(i, d, h)
+        )
+      ),
+      s ? a.target(s) : null,
+      u ? a.rel(u) : null,
+      ...c
+    )
+  );
+}
+function Ir(e, n, t) {
+  const r = Object.keys(e.search).length > 0 ? "?" + new URLSearchParams(e.search).toString() : "", o = e.hash || "";
+  switch (t) {
+    case "exact":
+      return e.pathname + r + o === n;
+    case "prefix":
+      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);
+        if (e.pathname !== l.pathname)
+          return !1;
+        const c = Array.from(s.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;
+        });
+      } catch {
+        return e.pathname === n;
+      }
+    default:
+      return !1;
+  }
+}
+function Ko({
+  href: e,
+  matchMode: n = "exact",
+  disableWhenActive: t = !0,
+  ...r
+}, ...o) {
+  return Ce(rt, (l) => {
+    const s = $(
+      l,
+      e,
+      t
+    )((u, c, i) => i ?? !0 ? Ir(u, w.get(c), n) : !1);
+    return Br(
+      {
+        ...r,
+        href: e,
+        disabled: s
+      },
+      ...o
+    );
+  });
+}
+function Qe({ rail: e }, ...n) {
   return p.div(
     a.class(
       w.map(
@@ -3795,13 +3904,13 @@ function Ye({ rail: e }, ...n) {
     ...n
   );
 }
-function Tr(e, ...n) {
-  return Gt({ href: e.href, withViewTransition: !0 }, ...n);
+function Lr(e, ...n) {
+  return nt({ href: e.href, withViewTransition: !0 }, ...n);
 }
-function Br(...e) {
+function Dr(...e) {
   return p.span(...e);
 }
-function Ir(e, ...n) {
+function Or(e, ...n) {
   return p.button(
     m.click(e.onClick),
     // Add ARIA attributes if provided using WithElement for dynamic updates
@@ -3828,7 +3937,7 @@ function Ir(e, ...n) {
     ...n
   );
 }
-function Dr(e) {
+function Vr(e) {
   var t;
   const n = [a.class("bc-sidebar-link")];
   return e.icon != null && n.push(
@@ -3849,26 +3958,26 @@ function Dr(e) {
       }),
       K({ icon: (t = e.action) == null ? void 0 : t.icon })
     )
-  ), "onClick" in e ? Ir(e, ...n) : Ve(Ut, (r) => {
-    const o = C(
+  ), "onClick" in e ? Or(e, ...n) : Ce(rt, (r) => {
+    const o = $(
       r,
       e.href
     )(({ pathname: l }, s) => l === s);
     return G(
       o,
-      () => Br(...n),
-      () => Tr(e, ...n)
+      () => Dr(...n),
+      () => Lr(e, ...n)
     );
   });
 }
-function Uo({
+function Xo({
   rail: e = !0,
   icon: n,
   header: t,
   startOpen: r = !0
 }, ...o) {
   const l = w.deriveProp(r), s = se("sidebar-group"), u = `${s}-content`;
-  return Ye(
+  return Qe(
     {},
     a.class("bc-sidebar-group-collapsible"),
     a.class(
@@ -3879,7 +3988,7 @@ function Uo({
     // Add ARIA attributes for group
     a.role("group"),
     a.id(s),
-    Dr({
+    Vr({
       icon: n,
       onClick: () => l.update((c) => !c),
       // Add ARIA attributes for the toggle button
@@ -3891,15 +4000,15 @@ function Uo({
       ),
       content: t
     }),
-    Ye({ rail: e }, a.id(u), Sr({ open: l }, ...o))
+    Qe({ rail: e }, a.id(u), Er({ open: l }, ...o))
   );
 }
-function Go(e, n) {
+function Yo(e, n) {
   return e(() => {
   });
 }
-function Et(e) {
-  return Ht((n) => {
+function Tt(e) {
+  return Wt((n) => {
     const t = [], r = () => t.forEach((l) => l());
     return e(({
       effect: l = "opaque",
@@ -3910,24 +4019,24 @@ function Et(e) {
       container: d = "body"
     }) => {
       d === "body" && (n = n.makePortal("body"));
-      const h = ge();
+      const h = fe();
       h.onClosed(r);
-      let g = () => {
+      let f = () => {
       }, b = () => {
       };
       const v = (H) => {
         H.key === "Escape" && (c == null || c(), h.close());
-      }, $ = () => {
+      }, C = () => {
         u == null || u(), h.close();
       }, S = (H) => {
-        g(), b(), H === "capturing" ? (document.addEventListener("keydown", v), g = () => document.removeEventListener("keydown", v), n.element.addEventListener("mousedown", $), b = () => n.element.removeEventListener("mousedown", $)) : (g = () => {
+        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 = () => {
         }, b = () => {
         });
-      }, f = w.on(s, S);
-      t.push(f), t.push(() => {
-        g(), b();
+      }, g = w.on(s, S);
+      t.push(g), t.push(() => {
+        f(), b();
       });
-      const U = Mt((() => {
+      const z = qt((() => {
         var E, O;
         const H = /* @__PURE__ */ new Set();
         for (const T of n.element.querySelectorAll(
@@ -3945,7 +4054,7 @@ function Et(e) {
           ue.status(h.status.map(String)),
           ue.overlay("true"),
           a.class(
-            C(
+            $(
               l ?? "opaque",
               s
             )(
@@ -3959,11 +4068,11 @@ function Et(e) {
         clear: !1,
         providers: n.providers
       });
-      t.push(U), le(() => h.open());
+      t.push(z), le(() => h.open());
     }, r);
   });
 }
-function Lr(e, n) {
+function jr(e, n) {
   const {
     size: t = "md",
     dismissable: r = !0,
@@ -3973,21 +4082,21 @@ function Lr(e, n) {
     container: u = "body",
     position: c = "center"
   } = e;
-  return Et((i, d) => {
+  return Tt((i, d) => {
     let h = () => {
     };
     return n((v) => {
       h = d;
-      const $ = q("capturing");
+      const C = q("capturing");
       w.on(r, (E) => {
-        $.set(E ? "capturing" : "non-capturing");
+        C.set(E ? "capturing" : "non-capturing");
       });
-      const S = C(
+      const S = $(
         v.header != null,
         o
-      )((E, O) => E || O), f = se("modal"), V = `${f}-header`, U = `${f}-body`, H = p.div(
+      )((E, O) => E || O), g = se("modal"), V = `${g}-header`, z = `${g}-body`, H = p.div(
         a.class(
-          C(
+          $(
             t,
             c
           )(
@@ -3998,10 +4107,10 @@ function Lr(e, n) {
         a.role("dialog"),
         A.modal(!0),
         ...v.header ? [A.labelledby(V)] : [],
-        A.describedby(U),
+        A.describedby(z),
         a.tabindex(-1),
         // Make modal focusable for initial focus
-        a.id(f),
+        a.id(g),
         ue.focusTrap("true"),
         // Mark as focus trap container
         m.mousedown((E) => E.stopPropagation()),
@@ -4013,7 +4122,7 @@ function Lr(e, n) {
             w.get(r) && (l == null || l(), d());
           },
           initialFocus: () => {
-            const E = document.getElementById(f);
+            const E = document.getElementById(g);
             if (!E) return null;
             const O = E.querySelector(
               '[aria-label="Close modal"]'
@@ -4055,13 +4164,13 @@ function Lr(e, n) {
             )
           ),
           // Body section
-          p.div(a.class("bc-modal__body"), a.id(U), v.body),
+          p.div(a.class("bc-modal__body"), a.id(z), v.body),
           // Footer section
           v.footer && p.div(a.class("bc-modal__footer"), v.footer)
         )
       );
       i({
-        mode: $,
+        mode: C,
         effect: s ?? "opaque",
         container: u,
         content: H,
@@ -4077,7 +4186,7 @@ function Lr(e, n) {
     });
   });
 }
-function Zo(e, n) {
+function Qo(e, n) {
   const {
     // TODO translation
     confirmText: t = "Confirm",
@@ -4087,7 +4196,7 @@ function Zo(e, n) {
     onCancel: l,
     ...s
   } = e;
-  return Lr(
+  return jr(
     { showCloseButton: !1, ...s },
     (u, c) => {
       const i = () => {
@@ -4095,10 +4204,10 @@ function Zo(e, n) {
       }, d = () => {
         l == null || l(), c();
       };
-      return n((g) => {
+      return n((f) => {
         u({
-          body: g,
-          footer: D(
+          body: f,
+          footer: L(
             a.class("bu-justify-end"),
             be(
               {
@@ -4121,8 +4230,8 @@ function Zo(e, n) {
     }
   );
 }
-function Ko(e) {
-  return Et((n, t) => {
+function Jo(e) {
+  return Tt((n, t) => {
     let r = t;
     const o = () => r();
     return e((u) => {
@@ -4131,23 +4240,23 @@ function Ko(e) {
         side: i = "right",
         dismissable: d = !0,
         showCloseButton: h = !0,
-        onClose: g,
+        onClose: f,
         overlayEffect: b = "opaque",
         container: v = "body",
-        header: $,
+        header: C,
         body: S,
-        footer: f
+        footer: g
       } = u;
       r = t;
       const V = q("capturing");
       w.on(d, (E) => {
         V.set(E ? "capturing" : "non-capturing");
       });
-      const U = C(
-        $ != null,
+      const z = $(
+        C != null,
         h
       )((E, O) => E || O), H = F((E) => {
-        const O = ge({
+        const O = fe({
           initialStatus: "closed",
           element: E
         });
@@ -4156,10 +4265,10 @@ function Ko(e) {
             t();
           });
         }, le(() => O.open());
-        const J = se("drawer"), M = $ != null ? `${J}-header` : void 0, ee = `${J}-body`;
+        const J = se("drawer"), P = C != null ? `${J}-header` : void 0, ee = `${J}-body`;
         return p.div(
           a.class(
-            C(
+            $(
               c,
               i,
               O.status
@@ -4170,7 +4279,7 @@ function Ko(e) {
           // Essential ARIA attributes for drawer dialog
           a.role("dialog"),
           A.modal(!0),
-          ...M ? [A.labelledby(M)] : [],
+          ...P ? [A.labelledby(P)] : [],
           A.describedby(ee),
           a.tabindex(-1),
           // Make drawer focusable for initial focus
@@ -4189,10 +4298,10 @@ function Ko(e) {
           m.mousedown((k) => k.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
-          Pt(U, (k) => Xe(k ? {
+          Nt(z, (k) => Xe(k ? {
             header: p.div(
               a.class("bc-drawer__header"),
-              p.div(a.id(M), $),
+              p.div(a.id(P), C),
               G(
                 h,
                 () => be(
@@ -4212,14 +4321,14 @@ function Ko(e) {
               a.id(ee),
               S
             ),
-            footer: f && p.div(a.class("bc-drawer__footer"), f)
+            footer: g && p.div(a.class("bc-drawer__footer"), g)
           } : {
             body: p.div(
               a.class("bc-drawer__body"),
               a.id(ee),
               S
             ),
-            footer: f && p.div(a.class("bc-drawer__footer"), f)
+            footer: g && p.div(a.class("bc-drawer__footer"), g)
           }))
         );
       });
@@ -4229,10 +4338,10 @@ function Ko(e) {
         container: v,
         content: H,
         onClickOutside: () => {
-          g == null || g(), o();
+          f == null || f(), o();
         },
         onEscape: () => {
-          g == null || g(), o();
+          f == null || f(), o();
         }
       });
     }, () => {
@@ -4240,7 +4349,7 @@ function Ko(e) {
     });
   });
 }
-function Or(e) {
+function Fr(e) {
   const n = {
     up: "M0 16 L8 10 L16 16 Z",
     down: "M0 0 L8 6 L16 0 Z",
@@ -4248,11 +4357,11 @@ function Or(e) {
     right: "M0 0 L6 8 L0 16 Z"
   };
   return Re.svg(
-    ze.viewBox("0 0 16 16"),
-    Re.path(ze.d(e.map((t) => n[t])))
+    Ue.viewBox("0 0 16 16"),
+    Re.path(Ue.d(e.map((t) => n[t])))
   );
 }
-function Xo(e) {
+function el(e) {
   const {
     content: n,
     placement: t = "top",
@@ -4262,8 +4371,8 @@ function Xo(e) {
     crossAxisOffset: s = 0,
     showOn: u = "hover-focus"
   } = e, c = se("tooltip");
-  return F((i) => (i.setAttribute("aria-describedby", c), Ar({
-    content: () => D(
+  return F((i) => (i.setAttribute("aria-describedby", c), Tr({
+    content: () => L(
       a.class("bc-tooltip"),
       a.role("tooltip"),
       a.id(c),
@@ -4282,21 +4391,21 @@ function Xo(e) {
     arrow: (d) => {
       const h = d.map(
         ({
-          placement: g
-        }) => g.includes("top") ? "down" : g.includes("bottom") ? "up" : g.includes("left") ? "right" : g.includes("right") ? "left" : "up"
+          placement: f
+        }) => f.includes("top") ? "down" : f.includes("bottom") ? "up" : f.includes("left") ? "right" : f.includes("right") ? "left" : "up"
       );
-      return D(
+      return L(
         a.class("bc-tooltip__arrow"),
-        a.class(h.map((g) => `bc-tooltip__arrow-${g}`)),
+        a.class(h.map((f) => `bc-tooltip__arrow-${f}`)),
         x.transform(
-          d.map(({ x: g, y: b }) => g == null && b == null ? "" : g != null ? `translate(${g}px, 0)` : `translate(0, ${b}px)`)
+          d.map(({ x: f, y: b }) => f == null && b == null ? "" : f != null ? `translate(${f}px, 0)` : `translate(0, ${b}px)`)
         ),
-        Or(h)
+        Fr(h)
       );
     }
   })));
 }
-function Yo({
+function tl({
   locale: e,
   defaultLocale: n = "en-US",
   defaultMessages: t,
@@ -4321,14 +4430,14 @@ function Yo({
     get: (c, i) => {
       const d = s.at(i);
       return function(...h) {
-        return C(
+        return $(
           d,
           ...h
         )(
-          (g, ...b) => (
+          (f, ...b) => (
             // Call the message function with provided arguments
             // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
-            g(...b)
+            f(...b)
           )
         );
       };
@@ -4343,10 +4452,10 @@ function Yo({
     t: u
   };
 }
-const Qo = {
-  mark: Qe("Locale"),
+const nl = {
+  mark: Je("Locale"),
   create: (e) => {
-    const n = Je({
+    const n = et({
       defaultValue: navigator.language ?? "en-US",
       key: "beatui-locale"
     });
@@ -4363,175 +4472,179 @@ const Qo = {
 };
 export {
   De as AnimatedToggleClass,
-  Fo as AppShell,
-  ar as AppearanceSelector,
-  lr as ArrayController,
+  Mo as AppShell,
+  sr as AppearanceSelector,
+  ar as ArrayController,
   be as Button,
-  Ho as Card,
-  Po as Center,
-  Mo as CenterH,
-  Ao as CheckboxInput,
-  Sr as Collapse,
-  Uo as CollapsibleSidebarGroup,
+  Wo as Card,
+  No as Center,
+  qo as CenterH,
+  Io as CheckboxInput,
+  Er as Collapse,
+  Xo as CollapsibleSidebarGroup,
   Y as CommonInputAttributes,
-  Zo as ConfirmModal,
+  Qo as ConfirmModal,
   R as ControlInputWrapper,
   de as Controller,
-  oo as DateControl,
-  ft as DateInput,
-  lo as DateTimeControl,
-  Pn as DateTimeInput,
-  Ko as Drawer,
-  To as EditableText,
-  ao as EmailControl,
-  Wn as EmailInput,
-  eo as EmphasisLabel,
-  $o as EnsureControl,
-  to as ErrorLabel,
-  qn as Expando,
-  Ar as Flyout,
+  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,
-  so as FormStatus,
-  No as Group,
+  uo as FormStatus,
+  zo as Group,
   K as Icon,
   X as InputContainer,
-  jn as InputWrapper,
-  gt as Label,
-  Rn as LazyNativeSelect,
-  io as LazyNativeSelectControl,
-  Co as ListControl,
-  Qo as Locale,
-  Go as Menu,
-  Lr as Modal,
+  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,
-  kt as NativeSelect,
-  uo as NativeSelectControl,
-  ho as NullableDateControl,
-  xt as NullableDateInput,
-  po as NullableDateTimeControl,
-  vt as NullableDateTimeInput,
-  bo as NullableStringDateControl,
-  go as NullableStringDateTimeControl,
-  Kn as NullableTextArea,
-  fo as NullableTextAreaControl,
-  mo as NullableTextControl,
-  Zn as NullableTextInput,
-  ko as NumberControl,
-  Xn as NumberInput,
-  or as ObjectController,
-  Et as Overlay,
-  xo as PasswordControl,
-  Yn as PasswordInput,
-  Ln as RequiredSymbol,
+  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,
-  Jn as SegmentedControl,
-  Ie as SelectOption,
-  Ye as SidebarGroup,
-  Dr as SidebarLink,
-  Ro as Sink,
-  zo as Stack,
-  _o as StandaloneAppearanceSelector,
-  vo as StringDateControl,
-  Bo as Switch,
-  In as Tag,
-  yo as TagsControl,
-  er as TagsInput,
-  tr as TextArea,
-  wo as TextAreaControl,
-  ro as TextControl,
-  Hn as TextInput,
-  wt as Theme,
-  Eo as ThemeAppearance,
-  Xo as Tooltip,
-  tl as Use,
+  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,
+  ao as TextControl,
+  Pn as TextInput,
+  St as Theme,
+  To as ThemeAppearance,
+  el as Tooltip,
+  ll as Use,
   gr as WithBeatUIBreakpoint,
-  Vo as WithBeatUIElementBreakpoint,
-  Ct as WithBreakpoint,
-  P as backgroundConfig,
-  dn as baseSpacing,
-  on as bgColors,
-  an as borderColors,
-  nt as breakpoints,
-  bn as changeFontSize,
-  rn as colorShades,
+  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,
-  pr as compareBreakpoint,
-  $t as connectCommonAttributes,
-  Do as connectNumberInput,
-  Io as connectStringInput,
-  cr as convertStandardSchemaIssues,
-  sr as convertStandardSchemaPathToPath,
-  Wo as delaySignal,
-  co as emitExpando,
-  Nn as emitOptionExpando,
+  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,
-  Oo as findBreakpoint,
-  kn as fontFamily,
-  ct as fontSize,
+  Fo as findBreakpoint,
+  xn as fontFamily,
+  dt as fontSize,
   gn as fontWeight,
-  Qr as generateAllTokenVariables,
-  qr as generateBackgroundUtilities,
-  nn as generateBreakpointVariables,
-  cn as generateColorVariables,
-  un as generateRadiusVariables,
-  pn as generateSpacingVariables,
-  xn as generateTypographyVariables,
-  yn as generateZIndexVariables,
-  Mr as getBreakpointMediaQuery,
-  Hr as getBreakpointVar,
-  rt as getBreakpointVarName,
+  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,
   ke as getColorVar,
-  Be as getColorVarName,
-  Xr as getFontFamilyVar,
-  pt as getFontFamilyVarName,
-  Ur as getFontSizeVar,
-  it as getFontSizeVarName,
-  Gr as getFontWeightVar,
-  ut as getFontWeightVarName,
-  Yt as getIconLocally,
-  Kr as getLetterSpacingVar,
-  ht as getLetterSpacingVarName,
-  Zr as getLineHeightVar,
-  dt as getLineHeightVarName,
-  Rr as getRadiusMediaQuery,
-  Nr as getRadiusVar,
-  at as getRadiusVarName,
-  zr as getSpacingVar,
-  st as getSpacingVarName,
-  Jr as getTokenValue,
-  Yr as getZIndexVar,
-  bt as getZIndexVarName,
+  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,
   Z as inputOptionsFromController,
   Fe as inputOptionsFromMappedController,
-  sn as interactiveColors,
-  tt as isIndexedDBAvailable,
-  mn as letterSpacing,
-  fn as lineHeight,
-  Pe as makeMapValidationResult,
+  cn as interactiveColors,
+  ot as isIndexedDBAvailable,
+  Ir as isUrlMatch,
+  kn as letterSpacing,
+  mn as lineHeight,
+  Me as makeMapValidationResult,
   He as makeMappedOnChangeHandler,
-  Yo as makeMessages,
-  no as makeNullableOnChangeHandler,
-  z as makeOnBlurHandler,
+  tl as makeMessages,
+  lo as makeNullableOnChangeHandler,
+  U as makeOnBlurHandler,
   Q as makeOnChangeHandler,
-  Wr as normalizeColorName,
-  yt as nullToEmpty,
-  So as parsePath,
-  rr as pathToString,
-  lt as radius,
-  Ce as semanticColorNames,
-  ot as semanticColors,
+  Rr as normalizeColorName,
+  Ct as nullToEmpty,
+  Ao as parsePath,
+  or as pathToString,
+  ct as radius,
+  Se as semanticColorNames,
+  st as semanticColors,
   se as sessionId,
-  hn as spacing,
-  ur as standardSchemaResultToValidationResult,
-  Xt as storeIconLocally,
-  ln as textColors,
-  Pr as themeColorNames,
-  ge as useAnimatedElementToggle,
-  St as useAnimatedToggle,
-  ir as useController,
-  qo as useFocusTrap,
-  Lo as useForm,
-  jo as useTimedToggle,
-  nr as wrapSegment,
-  vn as zIndex
+  pn as spacing,
+  dr as standardSchemaResultToValidationResult,
+  Yt as storeIconLocally,
+  an as textColors,
+  Nr 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
 };