@tempots/beatui 0.8.0 → 0.9.0

package/dist/index.es.js

@@ -5,9 +5,9 @@ var Qe = (e) => {
 var Nt = (e, n, t) => n in e ? Mt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var T = (e, n, t) => Nt(e, typeof n != "symbol" ? n + "" : n, t), Wt = (e, n, t) => n.has(e) || Qe("Cannot " + t);
 var H = (e, n, t) => (Wt(e, n, "read from private field"), t ? t.call(e) : n.get(e)), xe = (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 { makeProviderMark as He, localStorageProp as Pe, computedOf as w, html as h, attr as a, Value as $, Empty as C, dataAttr as he, When as z, Ensure as Me, aria as A, WithElement as M, OnDispose as G, Fragment as I, input as se, on as m, emitValue as B, emitValueAsDate as qt, Use as W, ForEach as Ne, OneOfType as Rt, style as v, emitValueAsNullableDate as Ut, emitValueAsNullableDateTime as zt, emitValueAsNumber as Oe, prop as q, Repeat as Gt, signal as Je, Portal as ut, emitChecked as Kt, WithProvider as Zt, OneOfValue as Xt, WithBrowserCtx as Yt, render as Qt, MapSignal as Jt, svg as et, svgAttr as tt } from "@tempots/dom";
-import { Use as _l } from "@tempots/dom";
-import { WhenInViewport as en, Resource as dt, useAppearance as tn, AutoSelect as nn, ElementRect as ye, Location as Ae, WindowSize as rn, PopOver as on, Anchor as We } from "@tempots/ui";
+import { makeProviderMark as Ae, localStorageProp as Oe, computedOf as $, html as h, attr as a, Value as w, Empty as C, dataAttr as he, When as G, Ensure as Me, aria as A, WithElement as M, OnDispose as R, Fragment as I, input as se, on as m, emitValue as B, emitValueAsDate as Rt, Use as W, ForEach as Ne, OneOfType as qt, style as v, emitValueAsNullableDate as Ut, emitValueAsNullableDateTime as zt, emitValueAsNumber as je, prop as q, Repeat as Gt, signal as Je, Portal as ut, emitChecked as Kt, WithProvider as Zt, OneOfValue as Xt, Provide as Yt, WithBrowserCtx as Qt, render as Jt, MapSignal as en, svg as et, svgAttr as tt } from "@tempots/dom";
+import { Use as Bl } from "@tempots/dom";
+import { WhenInViewport as tn, Resource as dt, useAppearance as nn, AutoSelect as rn, ElementRect as ye, Location as Te, WindowSize as on, PopOver as ln, Anchor as We } from "@tempots/ui";
 const pt = {
   loadingExtended: () => "Loading, please wait",
   loadingShort: () => "Loading...",
@@ -48,10 +48,10 @@ const pt = {
   he: () => "Hebrew",
   fa: () => "Persian",
   ur: () => "Urdu"
-}, ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, an = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: pt
-}, Symbol.toStringTag, { value: "Module" })), an = pt, sn = "en", cn = (e, n, t) => {
+}, Symbol.toStringTag, { value: "Module" })), sn = pt, cn = "en", un = (e, n, t) => {
   const r = e[n];
   return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((o, l) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -63,7 +63,7 @@ const pt = {
       )
     );
   });
-}, un = /* @__PURE__ */ new Set([
+}, dn = /* @__PURE__ */ new Set([
   "ar",
   // Arabic
   "he",
@@ -92,21 +92,21 @@ const pt = {
 function ht(e) {
   if (!e) return "ltr";
   const n = e.split(/[-_]/)[0].toLowerCase();
-  return un.has(n) ? "rtl" : "ltr";
+  return dn.has(n) ? "rtl" : "ltr";
 }
-function dn(e, n) {
+function pn(e, n) {
   return e === "auto" ? ht(n) : e;
 }
-function ao(e) {
+function co(e) {
   return `b-${e}`;
 }
-function so(e) {
+function io(e) {
   return ht(e) === "rtl";
 }
-function co(e) {
+function uo(e) {
   return e === "ltr" ? "rtl" : "ltr";
 }
-const pn = {
+const hn = {
   ltr: {
     "inline-start": "left",
     "inline-end": "right",
@@ -120,23 +120,23 @@ const pn = {
     "block-end": "bottom"
   }
 };
-function io(e, n) {
-  return pn[n][e];
+function po(e, n) {
+  return hn[n][e];
 }
 const we = {
-  mark: He("Locale"),
+  mark: Ae("Locale"),
   create: (e) => {
-    const n = Pe({
+    const n = Oe({
       defaultValue: navigator.language ?? "en-US",
       key: "beatui-locale"
-    }), t = Pe({
+    }), t = Oe({
       defaultValue: "auto",
       key: "beatui-direction-preference"
-    }), r = w(
+    }), r = $(
       n,
       t
     )(
-      (l, s) => dn(s, l)
+      (l, s) => pn(s, l)
     );
     return {
       value: {
@@ -152,22 +152,22 @@ const we = {
     };
   }
 };
-function Te(e) {
+function Ie(e) {
   return `bc-label bc-label--${e}`;
 }
-const uo = (...e) => h.span(a.class(Te("emphasis")), ...e), bt = (...e) => h.span(a.class(Te("default")), ...e), hn = (...e) => h.span(a.class(Te("muted")), ...e), po = (...e) => h.span(a.class(Te("error")), ...e), nt = /* @__PURE__ */ new Map();
+const ho = (...e) => h.span(a.class(Ie("emphasis")), ...e), bt = (...e) => h.span(a.class(Ie("default")), ...e), bn = (...e) => h.span(a.class(Ie("muted")), ...e), bo = (...e) => h.span(a.class(Ie("error")), ...e), nt = /* @__PURE__ */ new Map();
 function ue(e) {
   const n = nt.get(e) ?? 0;
   return nt.set(e, n + 1), `${e}-${n}`;
 }
-const bn = h.span(
+const fn = h.span(
   a.class("bc-input-wrapper__required"),
   " *"
 );
-function fn() {
+function gn() {
   return "bc-input-wrapper";
 }
-function gn(e, n) {
+function mn(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(" ");
 }
@@ -182,9 +182,9 @@ const ft = ({
   hasError: u,
   disabled: c
 }, ...i) => {
-  const p = u ?? $.map(l ?? null, (y) => y != null), d = c ?? !1, f = ue("input-wrapper"), b = r ? `${f}-description` : void 0, k = l ? `${f}-error` : void 0;
+  const p = u ?? w.map(l ?? null, (y) => y != null), d = c ?? !1, f = ue("input-wrapper"), b = r ? `${f}-description` : void 0, k = l ? `${f}-error` : void 0;
   return h.div(
-    a.class(fn()),
+    a.class(gn()),
     n != null || t != null ? h.div(
       a.class("bc-input-wrapper__header"),
       h.label(
@@ -192,11 +192,11 @@ const ft = ({
         s != null ? a.for(s) : C,
         h.span(
           a.class(
-            w(
+            $(
               p,
               d
             )(
-              (y, S) => gn(
+              (y, S) => mn(
                 y ?? !1,
                 S ?? !1
               )
@@ -204,7 +204,7 @@ const ft = ({
           ),
           n
         ),
-        n != null && e ? bn : C
+        n != null && e ? fn : C
       ),
       t != null ? bt(t) : C
     ) : C,
@@ -215,7 +215,7 @@ const ft = ({
         [b, k].filter(Boolean).join(" ")
       ) : C,
       e ? he.required("true") : C,
-      z(p, () => he.invalid("true")),
+      G(p, () => he.invalid("true")),
       o
     ),
     r != null ? h.div(
@@ -238,7 +238,7 @@ const ft = ({
     ...i
   );
 };
-function mn() {
+function kn() {
   return "bc-control-input-wrapper";
 }
 const K = ({
@@ -249,7 +249,7 @@ const K = ({
   content: o,
   controller: l
 }, ...s) => h.div(
-  a.class(mn()),
+  a.class(kn()),
   ft(
     {
       required: e,
@@ -274,7 +274,7 @@ const K = ({
   focusableSelector: s = "input, select, textarea",
   growInput: u = !0
 }) => {
-  const c = $.map(n ?? !1, (p) => p);
+  const c = w.map(n ?? !1, (p) => p);
   function i(p, d) {
     const f = ["bc-input-container"];
     return p ? f.push("bc-input-container--disabled") : f.push("bc-input-container--default"), d && f.push("bc-input-container--error"), f.join(" ");
@@ -286,10 +286,10 @@ const K = ({
         const f = p.querySelector(s);
         f == null || f.focus();
       };
-      return p.addEventListener("click", d), G(() => p.removeEventListener("click", d));
+      return p.addEventListener("click", d), R(() => p.removeEventListener("click", d));
     }),
     a.class(
-      w(
+      $(
         c,
         l ?? !1
       )(
@@ -300,7 +300,7 @@ const K = ({
     h.div(
       a.class("bc-input-container__input"),
       a.class(
-        $.map(
+        w.map(
           u,
           (p) => p ? "bc-input-container__input--grow" : ""
         )
@@ -330,7 +330,7 @@ const K = ({
   disabled: e.disabled,
   value: e.value,
   hasError: e.hasError
-}), qe = (e, n) => ({
+}), Re = (e, n) => ({
   ...Y(e),
   value: e.value.map(n)
 }), gt = (e) => {
@@ -342,10 +342,10 @@ const K = ({
       a.valueAsDate(n),
       a.class("bc-input"),
       t != null ? m.blur(B(t)) : C,
-      r != null ? m.change(qt(r)) : C
+      r != null ? m.change(Rt(r)) : C
     )
   });
-}, kn = (e) => {
+}, xn = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o } = e;
   return Q({
     ...e,
@@ -373,17 +373,17 @@ const K = ({
   }
 ), ee = (e, n) => (t) => {
   e.change(t), n == null || n(t);
-}, Re = (e, n, t) => (r) => {
+}, qe = (e, n, t) => (r) => {
   const o = n(r);
   e.change(o), t == null || t(o);
-}, ho = (e, n, t) => (r) => {
+}, fo = (e, n, t) => (r) => {
   n(r) ? (e.change(null), t == null || t(null)) : (e.change(r), t == null || t(r));
-}, bo = (e, ...n) => {
+}, go = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
-      content: kn({
+      content: xn({
         ...o,
         ...Y(o.controller),
         onChange: ee(o.controller, r),
@@ -392,7 +392,7 @@ const K = ({
     },
     ...n
   );
-}, fo = (e, ...n) => {
+}, mo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
@@ -406,27 +406,27 @@ const K = ({
     },
     ...n
   );
-}, xn = (e) => {
+}, vn = (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}`;
-}, vn = (e) => {
+}, yn = (e) => {
   const { value: n, onBlur: t, onChange: r } = e;
   return Q({
     ...e,
     input: se["datetime-local"](
       J(e),
-      a.value($.map(n, xn)),
+      a.value(w.map(n, vn)),
       a.class("bc-input"),
       t != null ? m.blur(B(t)) : C,
       r != null ? m.change(B((o) => r(new Date(o)))) : C
     )
   });
-}, go = (e, ...n) => {
+}, ko = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
-      content: vn({
+      content: yn({
         ...o,
         ...Y(o.controller),
         onChange: ee(o.controller, r),
@@ -435,7 +435,7 @@ const K = ({
     },
     ...n
   );
-}, yn = (e) => {
+}, wn = (e) => {
   const n = {
     name: "email",
     autocomplete: "email",
@@ -453,13 +453,13 @@ const K = ({
       l != null ? m.input(B(l)) : C
     )
   });
-}, mo = (e, ...n) => {
+}, xo = (e, ...n) => {
   const { onChange: t, onBlur: r, ...o } = e;
   return K(
     {
       label: "Email",
       ...o,
-      content: yn({
+      content: wn({
         ...o,
         ...Y(o.controller),
         onChange: ee(o.controller, t),
@@ -468,20 +468,20 @@ const K = ({
     },
     ...n
   );
-}, ko = {
+}, vo = {
   filling: { type: "filling" },
   submitting: { type: "submitting" },
   error: (e) => ({ type: "error", error: e }),
   success: { type: "success" }
-}, Ue = "$$tts-exp-", wn = (e, n) => M((t) => {
+}, Ue = "$$tts-exp-", $n = (e, n) => M((t) => {
   const r = `${Ue}${e}`;
-  return G($.on(n, (o) => Reflect.set(t, r, o)));
-}), xo = (e, n) => {
+  return R(w.on(n, (o) => Reflect.set(t, r, o)));
+}), yo = (e, n) => {
   const t = `${Ue}${e}`;
   return (r) => {
     n(Reflect.get(r.target, t));
   };
-}, $n = (e, n) => {
+}, Cn = (e, n) => {
   const t = `${Ue}${e}`;
   return (r) => {
     const o = r.target, l = o.selectedIndex, s = o.options[l];
@@ -507,16 +507,16 @@ const K = ({
   contains: (e, n, t = (r, o) => r === o) => $e.getOptionValues(e).some((r) => t(r, n))
 }, mt = (e, n, t) => Me(
   e,
-  (r) => Rt(r, {
+  (r) => qt(r, {
     value: (o) => {
-      const l = w(
+      const l = $(
         o,
         t
       )((s, u) => n(s.value, u));
       return h.option(
-        G(l.dispose),
+        R(l.dispose),
         a.selected(l),
-        wn("value", o.$.value),
+        $n("value", o.$.value),
         o.$.label
       );
     },
@@ -555,7 +555,7 @@ const K = ({
           const { removedNodes: d } = p[0];
           d.length > 0 && (u.selectedIndex = 0);
         });
-        return i.observe(c, { childList: !0 }), G(() => i.disconnect());
+        return i.observe(c, { childList: !0 }), R(() => i.disconnect());
       }),
       J(e),
       a.class("focus:outline-none bg-transparent"),
@@ -566,19 +566,19 @@ const K = ({
       ),
       Ne(o, (c) => mt(c, s, n)),
       t != null ? m.blur(t) : C,
-      r != null ? m.change($n("value", (c) => r(c))) : C
+      r != null ? m.change(Cn("value", (c) => r(c))) : C
     )
   });
-}, Cn = "bui-icons", Ce = /* @__PURE__ */ new Map(), kt = (() => {
+}, Sn = "bui-icons", Ce = /* @__PURE__ */ new Map(), kt = (() => {
   try {
     return typeof indexedDB < "u" && indexedDB !== null;
   } catch {
     return !1;
   }
 })();
-function Sn() {
+function En() {
   return kt ? new Promise((e, n) => {
-    const t = indexedDB.open(Cn, 1);
+    const t = indexedDB.open(Sn, 1);
     t.onupgradeneeded = function(r) {
       const o = r.target.result;
       o.objectStoreNames.contains("icons") || o.createObjectStore("icons");
@@ -589,8 +589,8 @@ function Sn() {
     };
   }) : Promise.reject(new Error("IndexedDB not available"));
 }
-const Se = kt ? Sn() : null;
-function En(e, n) {
+const Se = kt ? En() : null;
+function _n(e, n) {
   return new Promise(async (t, r) => {
     try {
       if (Se) {
@@ -603,7 +603,7 @@ function En(e, n) {
     }
   });
 }
-function _n(e) {
+function An(e) {
   return new Promise(async (n, t) => {
     try {
       if (Se) {
@@ -618,7 +618,7 @@ function _n(e) {
     }
   });
 }
-async function An(e) {
+async function Tn(e) {
   const n = `https://api.iconify.design/${e}.svg`;
   return fetch(n).then((t) => {
     if (t.status === 200)
@@ -626,19 +626,19 @@ async function An(e) {
     throw new Error(`Failed to load icon: ${e}`);
   });
 }
-async function Tn(e) {
-  const n = e.replace(":", "/"), t = await _n(n);
+async function In(e) {
+  const n = e.replace(":", "/"), t = await An(n);
   if (t)
     return t;
-  const r = await An(n);
-  return await En(n, r), r;
+  const r = await Tn(n);
+  return await _n(n, r), r;
 }
-function In(e, n) {
+function Bn(e, n) {
   const t = ["bc-icon", `bc-icon--${e}`];
   return n && t.push(`bu-fg--${n}`), t.join(" ");
 }
 function X({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "auto" }, ...l) {
-  const s = w(
+  const s = $(
     o,
     r
   )((u, c) => u === "decorative" ? !1 : u === "informative" ? !0 : c != null && c !== "");
@@ -646,22 +646,22 @@ function X({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "au
     re,
     (u) => h.span(
       a.class(
-        w(
+        $(
           n,
           t
-        )((c, i) => In(c ?? "md", i))
+        )((c, i) => Bn(c ?? "md", i))
       ),
       // Add accessibility attributes based on icon type
-      z(
+      G(
         s,
         () => I(a.role("img"), A.label(r ?? u.iconDescription())),
         () => A.hidden(!0)
       ),
-      en(
+      tn(
         { once: !0 },
         () => dt({
           request: e,
-          load: ({ request: c }) => Tn(c),
+          load: ({ request: c }) => In(c),
           mapError: String
         })({
           success: (c) => h.span(
@@ -672,7 +672,7 @@ function X({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "au
           loading: () => h.span(
             a.class("animate-spin"),
             // Loading state accessibility
-            z(
+            G(
               s,
               () => I(a.role("img"), A.label(u.loadingIcon())),
               () => A.hidden(!0)
@@ -683,7 +683,7 @@ function X({ icon: e, size: n = "md", color: t, title: r, accessibility: o = "au
             a.title(c),
             a.class("text-red-500"),
             // Error state accessibility
-            z(
+            G(
               s,
               () => I(a.role("img"), A.label(u.failedToLoadIcon())),
               () => A.hidden(!0)
@@ -983,7 +983,7 @@ const Ge = {
     900: "oklch(0.216 0.006 56.043)",
     950: "oklch(0.147 0.004 49.25)"
   }
-}, D = (e) => Object.entries(e), Be = (e, n) => e === n || e !== e && n !== n, rt = (e, n) => {
+}, D = (e) => Object.entries(e), Le = (e, n) => e === n || e !== e && n !== n, rt = (e, n) => {
   const t = setTimeout(e, n);
   return () => clearTimeout(t);
 }, ce = (e) => {
@@ -1009,19 +1009,19 @@ const Ge = {
 function vt(e) {
   return `--breakpoint-${e}`;
 }
-function vo(e) {
+function wo(e) {
   return `var(${vt(e)})`;
 }
-function yo(e) {
+function $o(e) {
   return `@media (width >= ${xt[e]})`;
 }
-function Bn() {
+function Ln() {
   const e = {};
   return D(xt).forEach(([n, t]) => {
     e[vt(n)] = t;
   }), e;
 }
-const Ln = [
+const Dn = [
   50,
   100,
   200,
@@ -1033,7 +1033,7 @@ const Ln = [
   800,
   900,
   950
-], Ie = [
+], Be = [
   "primary",
   "secondary",
   "base",
@@ -1041,8 +1041,8 @@ const Ln = [
   "warning",
   "error",
   "info"
-], wo = [
-  ...Ie,
+], Co = [
+  ...Be,
   ...D(Ge).map(([e]) => e)
 ], yt = {
   primary: "blue",
@@ -1052,7 +1052,7 @@ const Ln = [
   warning: "amber",
   error: "red",
   info: "blue"
-}, Dn = {
+}, Pn = {
   light: {
     background: ["base", 50],
     surface: ["base", 100],
@@ -1069,7 +1069,7 @@ const Ln = [
     raised: ["base", 600],
     overlay: ["base", 500]
   }
-}, Pn = {
+}, On = {
   light: {
     normal: ["base", 900],
     muted: ["base", 600],
@@ -1080,7 +1080,7 @@ const Ln = [
     muted: ["base", 400],
     inverted: ["base", 900]
   }
-}, On = {
+}, jn = {
   light: {
     border: ["base", 200],
     divider: ["base", 300],
@@ -1091,7 +1091,7 @@ const Ln = [
     divider: ["base", 600],
     inverted: ["base", 900]
   }
-}, jn = {
+}, Vn = {
   light: {
     focus: ["info", 700],
     hover: ["base", 100],
@@ -1103,16 +1103,16 @@ const Ln = [
     active: ["base", 700]
   }
 };
-function $o(e) {
-  return Ie.includes(e) ? yt[e] : e;
+function So(e) {
+  return Be.includes(e) ? yt[e] : e;
 }
-function je(e, n) {
+function Ve(e, n) {
   return `--color-${e}-${n}`;
 }
 function ve(e, n) {
-  return `var(${je(e, n)})`;
+  return `var(${Ve(e, n)})`;
 }
-const R = {
+const U = {
   // Special colors that don't follow the standard pattern
   special: {
     inherit: {
@@ -1181,7 +1181,7 @@ const R = {
     }
   }
 };
-function Co() {
+function Eo() {
   let e = `/*
  * Background Utilities - Auto-generated from design tokens
  *
@@ -1198,7 +1198,7 @@ function Co() {
 
 @layer components {
 `;
-  D(R.special).forEach(([t, r]) => {
+  D(U.special).forEach(([t, r]) => {
     e += `  .bu-bg--${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
@@ -1207,12 +1207,12 @@ function Co() {
 `;
   });
   const n = [
-    ...Ie,
+    ...Be,
     ...D(Ge).map(([t]) => t)
   ];
   return e += `  /* solid */
 `, n.forEach((t) => {
-    const r = R.variants.solid.light;
+    const r = U.variants.solid.light;
     e += `  .bu-bg--${t} {
 `, e += `    background-color: var(--color-${t}-${r.bgShade});
 `, e += `    color: ${r.textColor};
@@ -1220,7 +1220,7 @@ function Co() {
 `;
   }), e += `
 `, n.forEach((t) => {
-    const r = R.variants.solid.dark;
+    const r = U.variants.solid.dark;
     e += `  .b-dark .bu-bg--${t} {
 `, e += `    background-color: var(--color-${t}-${r.bgShade});
 `, e += `    color: ${r.textColor};
@@ -1228,14 +1228,14 @@ function Co() {
 `;
   }), e += `
 `, e += `  /* light */
-`, D(R.special).forEach(([t, r]) => {
+`, D(U.special).forEach(([t, r]) => {
     e += `  .bu-bg--light-${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
 `, e += `  }
 `;
   }), n.forEach((t) => {
-    const r = R.variants.light.light, o = R.overrides[t];
+    const r = U.variants.light.light, o = U.overrides[t];
     o ? (e += `  .bu-bg--light-${t} {
 `, e += `    background-color: ${o.light.backgroundColor};
 `, e += `    color: ${o.light.color};
@@ -1247,8 +1247,8 @@ function Co() {
 `);
   }), e += `
 `, e += `  /* light dark */
-`, D(R.special).forEach(([t, r]) => {
-    const o = R.overrides[t];
+`, D(U.special).forEach(([t, r]) => {
+    const o = U.overrides[t];
     o ? (e += `  .b-dark .bu-bg--light-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -1259,7 +1259,7 @@ function Co() {
 `, e += `  }
 `);
   }), n.forEach((t) => {
-    const r = R.variants.light.dark, o = R.overrides[t];
+    const r = U.variants.light.dark, o = U.overrides[t];
     o ? (e += `  .b-dark .bu-bg--light-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -1271,14 +1271,14 @@ function Co() {
 `);
   }), e += `
 `, e += `  /* lighter */
-`, D(R.special).forEach(([t, r]) => {
+`, D(U.special).forEach(([t, r]) => {
     e += `  .bu-bg--lighter-${t} {
 `, e += `    background-color: ${r.backgroundColor};
 `, e += `    color: ${r.color};
 `, e += `  }
 `;
   }), n.forEach((t) => {
-    const r = R.variants.lighter.light, o = R.overrides[t];
+    const r = U.variants.lighter.light, o = U.overrides[t];
     o ? (e += `  .bu-bg--lighter-${t} {
 `, e += `    background-color: ${o.light.backgroundColor};
 `, e += `    color: ${o.light.color};
@@ -1290,8 +1290,8 @@ function Co() {
 `);
   }), e += `
 `, e += `  /* light dark */
-`, D(R.special).forEach(([t, r]) => {
-    const o = R.overrides[t];
+`, D(U.special).forEach(([t, r]) => {
+    const o = U.overrides[t];
     o ? (e += `  .b-dark .bu-bg--lighter-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -1302,7 +1302,7 @@ function Co() {
 `, e += `  }
 `);
   }), n.forEach((t) => {
-    const r = R.variants.lighter.dark, o = R.overrides[t];
+    const r = U.variants.lighter.dark, o = U.overrides[t];
     o ? (e += `  .b-dark .bu-bg--lighter-${t} {
 `, e += `    background-color: ${o.dark.backgroundColor};
 `, e += `    color: ${o.dark.color};
@@ -1315,36 +1315,36 @@ function Co() {
   }), e += `}
 `, e;
 }
-function Vn() {
+function Fn() {
   const e = {};
   return e["--color-white"] = "white", e["--color-black"] = "black", e["--color-inherit"] = "inherit", D(Ge).forEach(([n, t]) => {
     D(t).forEach(([r, o]) => {
-      e[je(n, r)] = o;
+      e[Ve(n, r)] = o;
     });
-  }), Ie.forEach((n) => {
+  }), Be.forEach((n) => {
     const t = yt[n];
-    Ln.forEach((r) => {
-      e[je(n, r)] = ve(
+    Dn.forEach((r) => {
+      e[Ve(n, r)] = ve(
         t,
         r
       );
     });
-  }), D(Dn).forEach(([n, t]) => {
+  }), D(Pn).forEach(([n, t]) => {
     D(t).forEach(([r, [o, l]]) => {
       e[`--bg-${r}-${n}`] = ve(o, l);
     });
-  }), D(Pn).forEach(([n, t]) => {
+  }), D(On).forEach(([n, t]) => {
     D(t).forEach(([r, [o, l]]) => {
       e[`--text-${r}-${n}`] = ve(o, l);
     });
-  }), D(On).forEach(([n, t]) => {
+  }), D(jn).forEach(([n, t]) => {
     D(t).forEach(([r, [o, l]]) => {
       e[`--border-${r}-${n}`] = ve(
         o,
         l
       );
     });
-  }), D(jn).forEach(([n, t]) => {
+  }), D(Vn).forEach(([n, t]) => {
     D(t).forEach(([r, [o, l]]) => {
       e[`--interactive-${r}-${n}`] = ve(
         o,
@@ -1365,22 +1365,22 @@ const wt = {
 function $t(e) {
   return `--radius-${e}`;
 }
-function So(e) {
+function _o(e) {
   return `var(${$t(e)})`;
 }
-function Eo(e) {
+function Ao(e) {
   return `@media (width >= ${wt[e]})`;
 }
-function Fn() {
+function Hn() {
   const e = {};
   return D(wt).forEach(([n, t]) => {
     e[$t(n)] = t;
   }), e;
 }
-const Hn = "0.25rem", Mn = {
+const Mn = "0.25rem", Nn = {
   none: "0",
   px: "1px",
-  base: Hn,
+  base: Mn,
   xs: "calc(var(--spacing-base) / 2)",
   sm: "var(--spacing-base)",
   md: "calc(var(--spacing-base) * 1.5)",
@@ -1394,12 +1394,12 @@ const Hn = "0.25rem", Mn = {
 function Ct(e) {
   return `--spacing-${e}`;
 }
-function _o(e) {
+function To(e) {
   return `var(${Ct(e)})`;
 }
-function Nn() {
+function Wn() {
   const e = {};
-  return D(Mn).forEach(([n, t]) => {
+  return D(Nn).forEach(([n, t]) => {
     e[Ct(n)] = t;
   }), e;
 }
@@ -1435,7 +1435,7 @@ const St = {
   "9xl": ["8rem", { lineHeight: "1" }]
   // 128px
 };
-function Wn(e, n) {
+function Rn(e, n) {
   const t = Object.keys(St), r = t.indexOf(e);
   if (r === -1)
     throw new Error(`Invalid font size: ${e}`);
@@ -1452,21 +1452,21 @@ const qn = {
   bold: "700",
   extrabold: "800",
   black: "900"
-}, Rn = {
+}, Un = {
   none: "1",
   tight: "1.25",
   snug: "1.375",
   normal: "1.5",
   relaxed: "1.625",
   loose: "2"
-}, Un = {
+}, zn = {
   tighter: "-0.05em",
   tight: "-0.025em",
   normal: "0em",
   wide: "0.025em",
   wider: "0.05em",
   widest: "0.1em"
-}, zn = {
+}, Gn = {
   sans: [
     "system-ui",
     "-apple-system",
@@ -1503,49 +1503,49 @@ const qn = {
 function Et(e) {
   return `--font-size-${e}`;
 }
-function Ao(e) {
+function Io(e) {
   return `var(${Et(e)})`;
 }
 function _t(e) {
   return `--font-weight-${e}`;
 }
-function To(e) {
+function Bo(e) {
   return `var(${_t(e)})`;
 }
 function At(e) {
   return `--line-height-${e}`;
 }
-function Io(e) {
+function Lo(e) {
   return `var(${At(e)})`;
 }
 function Tt(e) {
   return `--letter-spacing-${e}`;
 }
-function Bo(e) {
+function Do(e) {
   return `var(${Tt(e)})`;
 }
 function It(e) {
   return `--font-family-${e}`;
 }
-function Lo(e) {
+function Po(e) {
   return `var(${It(e)})`;
 }
-function Gn() {
+function Kn() {
   const e = {};
   return Object.entries(St).forEach(([n, t]) => {
     const [r] = Array.isArray(t) ? t : [t];
     e[Et(n)] = r;
   }), Object.entries(qn).forEach(([n, t]) => {
     e[_t(n)] = t;
-  }), Object.entries(Rn).forEach(([n, t]) => {
-    e[At(n)] = t;
   }), Object.entries(Un).forEach(([n, t]) => {
-    e[Tt(n)] = t;
+    e[At(n)] = t;
   }), Object.entries(zn).forEach(([n, t]) => {
+    e[Tt(n)] = t;
+  }), Object.entries(Gn).forEach(([n, t]) => {
     e[It(n)] = t.join(", ");
   }), e;
 }
-const Kn = {
+const Zn = {
   // Base layers
   base: 0,
   raised: 10,
@@ -1566,16 +1566,16 @@ const Kn = {
 function Bt(e) {
   return `--z-index-${e}`;
 }
-function Do(e) {
+function Oo(e) {
   return `var(${Bt(e)})`;
 }
-function Zn() {
+function Xn() {
   const e = {};
-  return D(Kn).forEach(([n, t]) => {
+  return D(Zn).forEach(([n, t]) => {
     e[Bt(n)] = t.toString();
   }), e;
 }
-const Xn = {
+const Yn = {
   none: "none",
   "2xs": "0 1px rgb(0 0 0 / 0.05)",
   xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -1592,16 +1592,16 @@ const Xn = {
   "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 Yn(e) {
+function Qn(e) {
   return `--shadow-${e}`;
 }
-function Qn() {
+function Jn() {
   const e = {};
-  return D(Xn).forEach(([n, t]) => {
-    e[Yn(n)] = t;
+  return D(Yn).forEach(([n, t]) => {
+    e[Qn(n)] = t;
   }), e;
 }
-const Jn = {
+const er = {
   none: "none",
   "2xs": "0px 1px 0px rgb(0 0 0 / 0.15)",
   xs: "0px 1px 1px rgb(0 0 0 / 0.2)",
@@ -1609,50 +1609,50 @@ const Jn = {
   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 er(e) {
+function tr(e) {
   return `--text-shadow-${e}`;
 }
-function tr() {
+function nr() {
   const e = {};
-  return D(Jn).forEach(([n, t]) => {
-    e[er(n)] = t;
+  return D(er).forEach(([n, t]) => {
+    e[tr(n)] = t;
   }), e;
 }
-function Po() {
+function jo() {
   return {
-    ...Vn(),
-    ...Nn(),
-    ...Gn(),
-    ...Bn(),
     ...Fn(),
-    ...Qn(),
-    ...tr(),
-    ...Zn()
+    ...Wn(),
+    ...Kn(),
+    ...Ln(),
+    ...Hn(),
+    ...Jn(),
+    ...nr(),
+    ...Xn()
   };
 }
-function Oo(e, n) {
+function Vo(e, n) {
   return n == null && typeof window > "u" ? "" : getComputedStyle(n ?? document.documentElement).getPropertyValue(e).trim();
 }
-const nr = {
+const rr = {
   xs: "1.5",
   sm: "2",
   md: "2.5",
   lg: "3",
   xl: "4"
-}, rr = {
+}, or = {
   xs: "0",
   sm: "0",
   md: "0",
   lg: "0.25",
   xl: "0.5"
 };
-function or(e, n, t) {
+function lr(e, n, t) {
   const r = ["bc-tag"];
   return e ? r.push("bc-tag--disabled") : r.push(`bu-bg--${n}`), r.push(
-    `bu-text-${Wn(t, -1)} bu-px-${nr[t]} bu-py-${rr[t]}`
+    `bu-text-${Rn(t, -1)} bu-px-${rr[t]} bu-py-${or[t]}`
   ), r.join(" ");
 }
-const lr = ({
+const ar = ({
   disabled: e,
   value: n,
   color: t = "base",
@@ -1660,20 +1660,20 @@ const lr = ({
   size: o = "md"
 }) => h.span(
   a.class(
-    w(
+    $(
       e ?? !1,
       t ?? "base",
       o ?? "md"
-    )((l, s, u) => or(l, s, u))
+    )((l, s, u) => lr(l, s, u))
   ),
   h.span(n),
   r != null ? h.button(
     a.disabled(e),
     a.class("bc-tag__close"),
     h.span("×"),
-    m.click(() => r == null ? void 0 : r($.get(n)))
+    m.click(() => r == null ? void 0 : r(w.get(n)))
   ) : C
-), ar = (e) => dt({
+), sr = (e) => dt({
   request: e.request,
   load: e.load,
   mapError: String
@@ -1698,12 +1698,12 @@ const lr = ({
       })
     )
   )
-}), jo = (e, ...n) => {
+}), Fo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
-      content: ar({
+      content: sr({
         ...e,
         ...Y(o.controller),
         onChange: ee(o.controller, r),
@@ -1712,7 +1712,7 @@ const lr = ({
     },
     ...n
   );
-}, Vo = (e, ...n) => {
+}, Ho = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
@@ -1738,7 +1738,7 @@ const lr = ({
       r != null ? m.change(Ut(r)) : C
     )
   });
-}, Fo = (e, ...n) => {
+}, Mo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
@@ -1752,22 +1752,22 @@ const lr = ({
     },
     ...n
   );
-}, sr = (e) => {
+}, cr = (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")}`;
 }, Dt = (e) => {
-  const { value: n, onBlur: t, onChange: r } = e, o = $.map(n, (l) => l != null ? sr(l) : null);
+  const { value: n, onBlur: t, onChange: r } = e, o = w.map(n, (l) => l != null ? cr(l) : null);
   return Q({
     ...e,
     input: se["datetime-local"](
       J(e),
-      a.value($.map(o, (l) => l ?? null)),
+      a.value(w.map(o, (l) => l ?? null)),
       a.class("bc-input"),
       t != null ? m.blur(B(t)) : C,
       r != null ? m.change(zt(r)) : C
     )
   });
-}, Ho = (e, ...n) => {
+}, No = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
@@ -1781,18 +1781,18 @@ const lr = ({
     },
     ...n
   );
-}, Mo = (e, ...n) => {
+}, Wo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
       content: Lt({
         ...o,
-        ...qe(
+        ...Re(
           o.controller,
           (l) => l != null && l !== "" ? new Date(l) : null
         ),
-        onChange: Re(
+        onChange: qe(
           o.controller,
           (l) => l != null ? l.toISOString().split("T")[0] : null,
           r
@@ -1802,20 +1802,20 @@ const lr = ({
     },
     ...n
   );
-}, cr = (e) => new Date(e), ir = (e) => e.toISOString(), No = (e, ...n) => {
+}, ir = (e) => new Date(e), ur = (e) => e.toISOString(), Ro = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
       content: Dt({
         ...o,
-        ...qe(
+        ...Re(
           o.controller,
-          (l) => l != null && l !== "" ? cr(l) : null
+          (l) => l != null && l !== "" ? ir(l) : null
         ),
-        onChange: Re(
+        onChange: qe(
           o.controller,
-          (l) => l != null ? ir(l) : null,
+          (l) => l != null ? ur(l) : null,
           r
         ),
         onBlur: Z(o.controller, t)
@@ -1823,39 +1823,39 @@ const lr = ({
     },
     ...n
   );
-}, Ee = (e) => typeof e == "string" && e.trim() === "" ? null : e, Pt = (e) => e ?? "", ur = (e) => {
+}, Ee = (e) => typeof e == "string" && e.trim() === "" ? null : e, Pt = (e) => e ?? "", dr = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o, ...l } = e;
   return Q({
     ...l,
     input: se.text(
       J(l),
-      a.value($.map(n, Pt)),
+      a.value(w.map(n, Pt)),
       a.class("bc-input"),
       t != null ? m.blur(t) : C,
       r != null ? m.change(B((s) => r(Ee(s)))) : C,
       o != null ? m.input(B((s) => o(Ee(s)))) : C
     )
   });
-}, dr = (e) => {
+}, pr = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o, rows: l } = e;
   return Q({
     ...e,
     input: h.textarea(
       J(e),
       a.rows(l ?? 10),
-      a.value($.map(n, Pt)),
+      a.value(w.map(n, Pt)),
       a.class("bc-input"),
       t != null ? m.blur(t) : C,
       r != null ? m.change(B((s) => r(Ee(s)))) : C,
       o != null ? m.input(B((s) => o(Ee(s)))) : C
     )
   });
-}, Wo = (e, ...n) => {
+}, qo = (e, ...n) => {
   const { onBlur: t, onChange: r, rows: o, ...l } = e;
   return K(
     {
       ...l,
-      content: dr({
+      content: pr({
         ...l,
         ...Y(l.controller),
         rows: o,
@@ -1865,12 +1865,12 @@ const lr = ({
     },
     ...n
   );
-}, qo = (e, ...n) => {
+}, Uo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
-      content: ur({
+      content: dr({
         ...o,
         ...Y(o.controller),
         onChange: ee(o.controller, r),
@@ -1879,7 +1879,7 @@ const lr = ({
     },
     ...n
   );
-}, pr = (e) => {
+}, hr = (e) => {
   const { value: n, step: t, min: r, max: o, onBlur: l, onChange: s, onInput: u } = e;
   return Q({
     ...e,
@@ -1891,16 +1891,16 @@ const lr = ({
       a.max(o),
       a.class("bc-input bc-number-input"),
       l != null ? m.blur(B(l)) : C,
-      s != null ? m.change(Oe(s)) : C,
-      u != null ? m.input(Oe(u)) : C
+      s != null ? m.change(je(s)) : C,
+      u != null ? m.input(je(u)) : C
     )
   });
-}, Ro = (e, ...n) => {
+}, zo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
-      content: pr({
+      content: hr({
         ...o,
         ...Y(o.controller),
         onChange: ee(o.controller, r),
@@ -1909,7 +1909,7 @@ const lr = ({
     },
     ...n
   );
-}, hr = (e) => {
+}, br = (e) => {
   const {
     value: n,
     onBlur: t,
@@ -1925,12 +1925,12 @@ const lr = ({
   } = e, f = {
     name: "password",
     ...d
-  }, b = q(!0), k = w(
+  }, b = q(!0), k = $(
     b,
     i
   )((y, S) => y ? S ?? "current-password" : "off");
   return W(re, (y) => {
-    const S = w(
+    const S = $(
       y.passwordPlaceholderText(),
       b,
       p
@@ -1945,7 +1945,7 @@ const lr = ({
           autocomplete: k,
           placeholder: S
         }),
-        z(
+        G(
           b,
           () => I(a.type("password")),
           () => I(a.type("text"))
@@ -1960,7 +1960,7 @@ const lr = ({
         a.class("bc-input-container__password-toggle"),
         A.label(y.togglePasswordVisibility()),
         m.click(() => b.update((g) => !g)),
-        z(
+        G(
           b,
           () => X({ icon: "line-md--eye" }),
           () => X({ icon: "line-md--eye-off" })
@@ -1968,13 +1968,13 @@ const lr = ({
       )
     });
   });
-}, Uo = (e, ...n) => {
+}, Go = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       label: "Password",
       ...o,
-      content: hr({
+      content: br({
         ...o,
         ...Y(o.controller),
         onChange: ee(o.controller, r),
@@ -1984,10 +1984,10 @@ const lr = ({
     ...n
   );
 };
-function br(e, n) {
+function fr(e, n) {
   return e.length === n.length && e.every((t, r) => t === n[r]);
 }
-function fr({
+function gr({
   options: e,
   value: n,
   onChange: t,
@@ -2001,7 +2001,7 @@ function fr({
     s.map((p, d) => [p.key, d])
   ), c = q(
     s.map(() => ({ left: 0, width: 0 })),
-    br
+    fr
   );
   function i(p, d) {
     const f = [
@@ -2013,7 +2013,7 @@ function fr({
   }
   return h.div(
     a.class(
-      w(
+      $(
         r,
         o
       )(
@@ -2025,7 +2025,7 @@ function fr({
       h.div(
         a.class("bc-segmented-control__indicator"),
         v.width(
-          w(
+          $(
             n,
             c
           )((p, d) => {
@@ -2034,7 +2034,7 @@ function fr({
           })
         ),
         v.left(
-          w(
+          $(
             n,
             c
           )((p, d) => {
@@ -2046,12 +2046,12 @@ function fr({
       // clickable buttons
       s.map(({ label: p, key: d }, f) => h.button(
         m.click((b) => {
-          b.preventDefault(), $.get(o) || t == null || t(d);
+          b.preventDefault(), w.get(o) || t == null || t(d);
         }),
         a.disabled(o),
         a.class("bc-segmented-control__segment"),
         a.class(
-          $.map(n, (b) => b === d ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
+          w.map(n, (b) => b === d ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
         ),
         M((b) => {
           const k = ce(() => {
@@ -2063,7 +2063,7 @@ function fr({
               }, S;
             });
           });
-          return G(k);
+          return R(k);
         }),
         p
       ))
@@ -2071,18 +2071,18 @@ function fr({
     ...l
   );
 }
-const zo = (e, ...n) => {
+const Ko = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
       content: gt({
         ...o,
-        ...qe(
+        ...Re(
           o.controller,
           (l) => new Date(l)
         ),
-        onChange: Re(
+        onChange: qe(
           o.controller,
           (l) => l.toISOString(),
           r
@@ -2092,18 +2092,18 @@ const zo = (e, ...n) => {
     },
     ...n
   );
-}, gr = (e) => {
+}, mr = (e) => {
   const { value: n, onChange: t, onBlur: r } = e, o = q(""), l = (u) => {
-    t == null || t($.get(n).filter((c) => c !== u));
+    t == null || t(w.get(n).filter((c) => c !== u));
   }, s = () => {
-    const u = o.value.trim(), c = $.get(n);
+    const u = o.value.trim(), c = w.get(n);
     u === "" || c.includes(u) || (o.set(""), t == null || t([...c, u]));
   };
   return Q({
     ...e,
     input: I(
       a.class("bc-input-container__tags"),
-      Ne(n, (u) => lr({ value: u, onClose: () => l(u.value) })),
+      Ne(n, (u) => ar({ value: u, onClose: () => l(u.value) })),
       se.text(
         J(e),
         a.value(o),
@@ -2114,12 +2114,12 @@ const zo = (e, ...n) => {
       )
     )
   });
-}, Go = (e, ...n) => {
+}, Zo = (e, ...n) => {
   const { onBlur: t, onChange: r, ...o } = e;
   return K(
     {
       ...o,
-      content: gr({
+      content: mr({
         ...o,
         ...Y(o.controller),
         onChange: ee(o.controller, r),
@@ -2128,7 +2128,7 @@ const zo = (e, ...n) => {
     },
     ...n
   );
-}, mr = (e) => {
+}, kr = (e) => {
   const { value: n, onBlur: t, onChange: r, onInput: o, rows: l } = e;
   return Q({
     ...e,
@@ -2150,12 +2150,12 @@ const zo = (e, ...n) => {
       o != null ? m.input(B(o)) : C
     )
   });
-}, Ko = (e, ...n) => {
+}, Xo = (e, ...n) => {
   const { onBlur: t, onChange: r, rows: o, ...l } = e;
   return K(
     {
       ...l,
-      content: mr({
+      content: kr({
         ...l,
         ...Y(l.controller),
         rows: o,
@@ -2167,7 +2167,7 @@ const zo = (e, ...n) => {
     ...n
   );
 };
-function Zo(e, n, t) {
+function Yo(e, n, t) {
   return Me(
     e.value,
     () => {
@@ -2176,23 +2176,23 @@ function Zo(e, n, t) {
         (o) => o
       );
       return I(
-        G(() => r.dispose()),
+        R(() => r.dispose()),
         n(r)
       );
     },
     t
   );
 }
-function Xo(e, n, t) {
+function Qo(e, n, t) {
   const r = e.length.map((o) => o);
   return I(
-    G(() => r.dispose()),
+    R(() => r.dispose()),
     Gt(
       r,
       (o) => {
         const l = e.item(o.index), s = [];
         return I(
-          G(() => {
+          R(() => {
             l.dispose(), s.forEach((u) => u());
           }),
           n({
@@ -2246,21 +2246,21 @@ function Xo(e, n, t) {
     )
   );
 }
-function Yo(e) {
+function Jo(e) {
   return e.split(".").map((t) => {
     const r = t.match(/^\[(\d+)\]$/);
     return r ? Number(r[1]) : t;
   });
 }
-function kr(e) {
+function xr(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function xr(e) {
+function vr(e) {
   if (e.length === 0) return "";
   const [n, ...t] = e;
   return [
     typeof n == "number" ? `[${n}]` : n,
-    ...t.map(kr)
+    ...t.map(xr)
   ].join("");
 }
 function Ke(e) {
@@ -2307,7 +2307,7 @@ const Xe = class Xe {
     T(this, "enable", () => {
       H(this, pe).disabled.set(!1);
     });
-    T(this, "array", (n = Be) => new yr(
+    T(this, "array", (n = Le) => new wr(
       this.path,
       this.change,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2316,7 +2316,7 @@ const Xe = class Xe {
       this.parent,
       n
     ));
-    T(this, "object", (n = Be) => new vr(
+    T(this, "object", (n = Le) => new yr(
       this.path,
       this.change,
       this.value,
@@ -2324,7 +2324,7 @@ const Xe = class Xe {
       this.parent,
       n
     ));
-    T(this, "transform", (n, t, r = [], o = Be) => new Xe(
+    T(this, "transform", (n, t, r = [], o = Le) => new Xe(
       [...this.path, ...r],
       (l) => this.change(t(l)),
       this.value.map(n, o),
@@ -2333,7 +2333,7 @@ const Xe = class Xe {
     ));
     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 = w(
+    ), this.parent = l, this.disabled = $(
       H(this, pe).disabled,
       l.disabled
     )((s, u) => s || u), this.onDispose(() => {
@@ -2341,13 +2341,13 @@ const Xe = class Xe {
     });
   }
   get name() {
-    return xr(this.path);
+    return vr(this.path);
   }
 };
 pe = new WeakMap(), fe = new WeakMap();
 let be = Xe;
 var ie;
-class vr extends be {
+class yr extends be {
   constructor(t, r, o, l, s, u) {
     super(
       t,
@@ -2383,7 +2383,7 @@ class vr extends be {
 }
 ie = new WeakMap();
 var ae;
-class yr extends be {
+class wr extends be {
   constructor(t, r, o, l, s, u) {
     const c = o.map((p) => p ?? [], u);
     super(t, r, c, l, s);
@@ -2441,10 +2441,10 @@ class yr extends be {
 }
 ae = new WeakMap();
 const Ze = {
-  mark: He("Theme"),
+  mark: Ae("Theme"),
   // Create function returns the value and cleanup
   create: (e) => {
-    const n = tn(), t = Pe({
+    const n = nn(), t = Oe({
       key: "beatui-appearance-preference",
       defaultValue: "system"
     }), r = () => {
@@ -2452,7 +2452,7 @@ const Ze = {
     };
     return {
       value: {
-        appearance: w(
+        appearance: $(
           n,
           t
         )((s, u) => u === "system" ? s : u),
@@ -2464,15 +2464,15 @@ const Ze = {
       dispose: r
     };
   }
-}, wr = () => W(
+}, $r = () => W(
   Ze,
   ({ appearance: e }) => ut("body", a.class(e.map((n) => `b-${n}`)))
 );
-function $r({
+function Cr({
   value: e,
   onChange: n
 }) {
-  return fr({
+  return gr({
     size: "sm",
     value: e,
     options: {
@@ -2495,16 +2495,16 @@ function $r({
     onChange: n
   });
 }
-function Qo() {
+function el() {
   return W(
     Ze,
-    ({ appearancePreference: e, setAppearancePreference: n }) => $r({
+    ({ appearancePreference: e, setAppearancePreference: n }) => Cr({
       value: e,
       onChange: n
     })
   );
 }
-const Jo = (e) => {
+const tl = (e) => {
   const { value: n, onBlur: t, onChange: r, placeholder: o, id: l } = e, s = l ?? ue("checkbox"), u = `${s}-label`;
   return Q({
     growInput: !1,
@@ -2532,26 +2532,26 @@ const Jo = (e) => {
         a.class("bc-checkbox-input__label"),
         a.id(u),
         a.for(s),
-        hn(o)
+        bn(o)
       ) : C
     )
   });
-}, el = ({
+}, nl = ({
   startEditing: e,
   value: n,
   onChange: t,
   placeholder: r
 }) => {
-  const o = $.deriveProp(e ?? !1), l = q(!1);
+  const o = w.deriveProp(e ?? !1), l = q(!1);
   return h.div(
     a.class("bc-editable-text"),
-    z(
+    G(
       o,
       () => h.input(
         a.placeholder(r),
         a.value(n),
         a.class("bc-editable-text__input"),
-        nn(),
+        rn(),
         m.keydown((s) => {
           s.key === "Enter" ? o.set(!1) : s.key === "Escape" && (l.set(!0), o.set(!1));
         }),
@@ -2568,8 +2568,8 @@ const Jo = (e) => {
       () => h.span(
         m.click(() => o.set(!0)),
         a.class("bc-editable-text__display"),
-        z(
-          $.map(n, (s) => s != null && s.trim() !== ""),
+        G(
+          w.map(n, (s) => s != null && s.trim() !== ""),
           () => h.span(a.class("bc-editable-text__text"), n),
           () => h.span(
             a.class("bc-editable-text__placeholder"),
@@ -2585,7 +2585,7 @@ const Jo = (e) => {
       )
     )
   );
-}, tl = ({
+}, rl = ({
   value: e,
   onChange: n,
   offLabel: t,
@@ -2601,13 +2601,13 @@ const Jo = (e) => {
     return b && y.push("bc-switch--disabled"), y.join(" ");
   }
   const d = () => {
-    $.get(l) || n(!$.get(e));
+    w.get(l) || n(!w.get(e));
   }, f = (b) => {
-    $.get(l) || (b.key === " " || b.key === "Enter") && (b.preventDefault(), d());
+    w.get(l) || (b.key === " " || b.key === "Enter") && (b.preventDefault(), d());
   };
   return h.div(
     a.class(
-      w(
+      $(
         l ?? !1,
         s
       )(
@@ -2617,7 +2617,7 @@ const Jo = (e) => {
     a.id(c),
     a.role("switch"),
     a.tabindex(
-      $.map(l, (b) => b ? -1 : 0)
+      w.map(l, (b) => b ? -1 : 0)
     ),
     A.checked(e),
     A.disabled(l),
@@ -2628,7 +2628,7 @@ const Jo = (e) => {
     h.div(
       a.class("bc-switch__track"),
       a.class(
-        $.map(
+        w.map(
           e,
           (b) => b ? "bc-switch__track--on" : "bc-switch__track--off"
         )
@@ -2637,7 +2637,7 @@ const Jo = (e) => {
         A.hidden(!0),
         a.class("bc-switch__track-label bc-switch__track-label--off"),
         a.class(
-          $.map(
+          w.map(
             e,
             (b) => b ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
           )
@@ -2647,7 +2647,7 @@ const Jo = (e) => {
       r != null ? h.div(
         a.class("bc-switch__track-label bc-switch__track-label--on"),
         a.class(
-          $.map(
+          w.map(
             e,
             (b) => b ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
           )
@@ -2660,13 +2660,13 @@ const Jo = (e) => {
           ({ direction: k }) => h.div(
             a.class("bc-switch__thumb"),
             a.class(
-              $.map(
+              w.map(
                 e,
                 (y) => y ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
               )
             ),
             v.transform(
-              w(
+              $(
                 e,
                 b,
                 s,
@@ -2695,7 +2695,7 @@ const Jo = (e) => {
     )
   );
 };
-function Cr(e) {
+function Sr(e) {
   function n(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -2703,9 +2703,9 @@ function Cr(e) {
     (t) => typeof t == "object" && t.key != null ? n(t.key) : n(t)
   );
 }
-function Sr(e) {
+function Er(e) {
   const n = e.filter((o) => o.path == null || o.path.length === 0).map((o) => o.message), t = e.filter((o) => o.path != null && o.path.length > 0).reduce((o, l) => {
-    const s = Cr(l.path), u = s.pop();
+    const s = Sr(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];
@@ -2717,7 +2717,7 @@ function Sr(e) {
     error: r != "" ? r : void 0
   };
 }
-function Er({
+function _r({
   defaultValue: e,
   onChange: n,
   validate: t
@@ -2737,7 +2737,7 @@ function Er({
 function Ot(e) {
   return I(a.disabled(e.disabled), a.name(e.name));
 }
-function nl(e, {
+function ol(e, {
   triggerOn: n = "change"
 } = {}) {
   return I(
@@ -2746,35 +2746,35 @@ function nl(e, {
     (n === "input" ? m.input : m.change)(B(e.change))
   );
 }
-function rl(e, {
+function ll(e, {
   triggerOn: n = "change"
 } = {}) {
   return I(
     Ot(e),
     a.valueAsNumber(e.value),
     (n === "input" ? m.input : m.change)(
-      Oe(e.change)
+      je(e.change)
     )
   );
 }
-function _r(e) {
+function Ar(e) {
   return e.issues != null ? {
     type: "Invalid",
-    ...Sr(e.issues)
+    ...Er(e.issues)
   } : { type: "Valid" };
 }
-function ol({
+function al({
   defaultValue: e = {},
   schema: n
 }) {
-  return Er({
+  return _r({
     defaultValue: e,
-    validate: async (t) => _r(
+    validate: async (t) => Ar(
       await n["~standard"].validate(t)
     )
   }).object();
 }
-function ll({
+function sl({
   locales: e,
   onChange: n,
   updateLocale: t = !0
@@ -2784,7 +2784,7 @@ function ll({
     (r) => W(we, ({ locale: o, setLocale: l }) => ft({
       label: r.locale(),
       content: ze({
-        options: $.map(
+        options: w.map(
           e,
           (s) => s.map((u) => {
             let c = u.name;
@@ -2799,11 +2799,11 @@ function ll({
     }))
   );
 }
-function Ar(e) {
+function Tr(e) {
   const n = e.split("-"), t = [e];
   return n.length > 1 && t.push(n[0]), t;
 }
-function Tr({
+function Ir({
   locale: e,
   defaultLocale: n = "en-US",
   defaultMessages: t,
@@ -2812,7 +2812,7 @@ function Tr({
   const o = q(n), l = q(t), s = e.on(async (c) => {
     if (c === o.value) return;
     o.set(c);
-    const i = Ar(c);
+    const i = Tr(c);
     for (const p of i)
       try {
         const d = await r(p);
@@ -2835,7 +2835,7 @@ function Tr({
     console.warn(`No locale found for "'${e}", using fallback`), c === o.value && l.set(t);
   }), u = new Proxy({}, {
     get: (c, i) => function(...p) {
-      const d = l.at(i), f = w(
+      const d = l.at(i), f = $(
         d,
         ...p
       )((b, ...k) => {
@@ -2856,18 +2856,18 @@ function Tr({
     t: u
   };
 }
-function Ir({
+function Br({
   defaultLocale: e,
   defaultMessages: n,
   localeLoader: t,
   providerName: r = "I18nProvider"
 }) {
   return {
-    mark: He(r),
+    mark: Ae(r),
     create: (o, l) => {
       const {
         value: { locale: s }
-      } = l.getProvider(we.mark), { t: u, dispose: c } = Tr({
+      } = l.getProvider(we.mark), { t: u, dispose: c } = Ir({
         locale: s,
         defaultMessages: n,
         defaultLocale: e,
@@ -2880,19 +2880,19 @@ function Ir({
     }
   };
 }
-const re = Ir({
-  defaultLocale: sn,
-  defaultMessages: an,
-  localeLoader: async (e) => (await cn(/* @__PURE__ */ Object.assign({ "./locales/ar.ts": () => import("./ar-zUaskoUZ.js"), "./locales/de.ts": () => import("./de-C0vbdZdj.js"), "./locales/en.ts": () => Promise.resolve().then(() => ln), "./locales/es.ts": () => import("./es-BALLrljC.js"), "./locales/fa.ts": () => import("./fa-4g9jzgMM.js"), "./locales/fr.ts": () => import("./fr-CzyXyFEo.js"), "./locales/he.ts": () => import("./he-CBxtA7rr.js"), "./locales/hi.ts": () => import("./hi-B6LQz-RO.js"), "./locales/it.ts": () => import("./it-CFHKs1al.js"), "./locales/ja.ts": () => import("./ja-D6tNi1ze.js"), "./locales/ko.ts": () => import("./ko-71CknADn.js"), "./locales/nl.ts": () => import("./nl-CnSz3Cp_.js"), "./locales/pl.ts": () => import("./pl-og-2JJLB.js"), "./locales/pt.ts": () => import("./pt-M61qKkTf.js"), "./locales/ru.ts": () => import("./ru-CIn0tYwk.js"), "./locales/tr.ts": () => import("./tr-BXwpkxgd.js"), "./locales/ur.ts": () => import("./ur-B7AcyGH1.js"), "./locales/vi.ts": () => import("./vi-CaJ4-itr.js"), "./locales/zh.ts": () => import("./zh-cAmOB1FQ.js") }), `./locales/${e}.ts`, 3)).default,
+const re = Br({
+  defaultLocale: cn,
+  defaultMessages: sn,
+  localeLoader: async (e) => (await un(/* @__PURE__ */ Object.assign({ "./locales/ar.ts": () => import("./ar-zUaskoUZ.js"), "./locales/de.ts": () => import("./de-C0vbdZdj.js"), "./locales/en.ts": () => Promise.resolve().then(() => an), "./locales/es.ts": () => import("./es-BALLrljC.js"), "./locales/fa.ts": () => import("./fa-4g9jzgMM.js"), "./locales/fr.ts": () => import("./fr-CzyXyFEo.js"), "./locales/he.ts": () => import("./he-CBxtA7rr.js"), "./locales/hi.ts": () => import("./hi-B6LQz-RO.js"), "./locales/it.ts": () => import("./it-CFHKs1al.js"), "./locales/ja.ts": () => import("./ja-D6tNi1ze.js"), "./locales/ko.ts": () => import("./ko-71CknADn.js"), "./locales/nl.ts": () => import("./nl-CnSz3Cp_.js"), "./locales/pl.ts": () => import("./pl-og-2JJLB.js"), "./locales/pt.ts": () => import("./pt-M61qKkTf.js"), "./locales/ru.ts": () => import("./ru-CIn0tYwk.js"), "./locales/tr.ts": () => import("./tr-BXwpkxgd.js"), "./locales/ur.ts": () => import("./ur-B7AcyGH1.js"), "./locales/vi.ts": () => import("./vi-CaJ4-itr.js"), "./locales/zh.ts": () => import("./zh-cAmOB1FQ.js") }), `./locales/${e}.ts`, 3)).default,
   providerName: "BeatUII18n"
-}), Br = () => W(
+}), Lr = () => W(
   we,
   ({ direction: e }) => ut("body", a.class(e.map((n) => `b-${n}`)))
 );
-function al(...e) {
-  return Zt(({ set: n }) => (n(Ae, {}), n(we, {}), n(re, {}), n(Ze, {}), I(wr(), Br(), ...e)));
+function cl(...e) {
+  return Zt(({ set: n }) => (n(Te, {}), n(we, {}), n(re, {}), n(Ze, {}), I($r(), Lr(), ...e)));
 }
-function Ve(e, n, t, r, o, l) {
+function Fe(e, n, t, r, o, l) {
   const s = [
     "bc-button",
     `bu-text-${n}`,
@@ -2935,16 +2935,16 @@ function ge({
     (p) => h.button(
       a.type(e),
       a.disabled(
-        w(
+        $(
           n,
           t
         )((d, f) => d || f)
       ),
       // Add ARIA attributes for accessibility
       A.busy(t ?? !1),
-      z(t ?? !1, () => A.label(p.loadingExtended())),
+      G(t ?? !1, () => A.label(p.loadingExtended())),
       a.class(
-        w(
+        $(
           r,
           o,
           l,
@@ -2952,7 +2952,7 @@ function ge({
           n,
           t
         )(
-          (d, f, b, k, y, S) => Ve(
+          (d, f, b, k, y, S) => Fe(
             d ?? "filled",
             f ?? "md",
             b ?? "base",
@@ -2962,7 +2962,7 @@ function ge({
           )
         )
       ),
-      z(
+      G(
         t ?? !1,
         () => I(
           v.width(
@@ -2981,12 +2981,12 @@ function ge({
         ),
         () => I(m.click(u), ...c)
       ),
-      z(
+      G(
         t != null,
         () => ye(
-          (d) => G(
+          (d) => R(
             d.on((f) => {
-              $.get(t ?? !1) || i.set(f);
+              w.get(t ?? !1) || i.set(f);
             })
           )
         )
@@ -2994,15 +2994,38 @@ function ge({
     )
   );
 }
-const Lr = ["!=", "<=", ">=", "<", ">", "="];
-function Dr(e) {
-  for (const n of Lr)
+function il({ content: e }) {
+  const n = w.toSignal(e), t = $(n)((r) => r.arrayBuffer()).mapAsync(
+    async (r) => {
+      const o = new Blob([await r], { type: "application/pdf" });
+      return URL.createObjectURL(o);
+    },
+    null
+  );
+  return h.div(
+    R(
+      t.on((r, o) => {
+        o != null && URL.revokeObjectURL(o);
+      }),
+      () => {
+        const r = t.value;
+        r != null && URL.revokeObjectURL(r);
+      }
+    ),
+    a.class("h-full w-full"),
+    // could also use embed or object. IFrame seems to work on Safari.
+    h.iframe(a.class("h-full w-full"), a.src(t))
+  );
+}
+const Dr = ["!=", "<=", ">=", "<", ">", "="];
+function Pr(e) {
+  for (const n of Dr)
     if (typeof e == "string" && e.startsWith(n))
       return [n, e.slice(n.length)];
   return ["=", e];
 }
-function Pr(e, n, t) {
-  const [r, o] = Dr(n), l = e.findIndex((c) => c[1] === o);
+function Or(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;
@@ -3023,7 +3046,7 @@ function Pr(e, n, t) {
       return !1;
   }
 }
-function sl(e, n) {
+function ul(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]);
 }
@@ -3039,47 +3062,47 @@ function jt(e, { breakpoints: n, mode: t = "viewport" }) {
       value: u,
       breakpoints: n,
       asList: o,
-      is: (i, p) => Pr(o, i, p)
+      is: (i, p) => Or(o, i, p)
     });
   };
-  return t === "element" ? ye(l) : rn(l);
+  return t === "element" ? ye(l) : on(l);
 }
-let Le = NaN;
-function Or(e, n) {
-  return e ? (isNaN(Le) && (Le = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(e) * Le) : n;
+let De = NaN;
+function jr(e, n) {
+  return e ? (isNaN(De) && (De = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(e) * De) : n;
 }
-function U(e, n, t) {
-  return Or(e.getPropertyValue(n), t);
+function z(e, n, t) {
+  return jr(e.getPropertyValue(n), t);
 }
-function jr(e) {
+function Vr(e) {
   return M((n) => {
     const t = getComputedStyle(n), r = {
       zero: 0,
-      xs: U(t, "--breakpoint-xs", 640),
-      sm: U(t, "--breakpoint-sm", 768),
-      md: U(t, "--breakpoint-md", 1024),
-      lg: U(t, "--breakpoint-lg", 1280),
-      xl: U(t, "--breakpoint-xl", 1536)
+      xs: z(t, "--breakpoint-xs", 640),
+      sm: z(t, "--breakpoint-sm", 768),
+      md: z(t, "--breakpoint-md", 1024),
+      lg: z(t, "--breakpoint-lg", 1280),
+      xl: z(t, "--breakpoint-xl", 1536)
     };
     return jt(e, { breakpoints: r });
   });
 }
-function cl(e) {
+function dl(e) {
   return M((n) => {
     const t = getComputedStyle(n), r = {
       zero: 0,
-      "3xs": U(t, "--container-3xs", 256),
-      "2xs": U(t, "--container-2xs", 288),
-      xs: U(t, "--container-xs", 320),
-      sm: U(t, "--container-sm", 384),
-      md: U(t, "--container-md", 448),
-      lg: U(t, "--container-lg", 512),
-      xl: U(t, "--container-xl", 640),
-      "2xl": U(t, "--container-2xl", 768),
-      "3xl": U(t, "--container-3xl", 1024),
-      "4xl": U(t, "--container-4xl", 1280),
-      "5xl": U(t, "--container-5xl", 1536),
-      "6xl": U(t, "--container-6xl", 2048)
+      "3xs": z(t, "--container-3xs", 256),
+      "2xs": z(t, "--container-2xs", 288),
+      xs: z(t, "--container-xs", 320),
+      sm: z(t, "--container-sm", 384),
+      md: z(t, "--container-md", 448),
+      lg: z(t, "--container-lg", 512),
+      xl: z(t, "--container-xl", 640),
+      "2xl": z(t, "--container-2xl", 768),
+      "3xl": z(t, "--container-3xl", 1024),
+      "4xl": z(t, "--container-4xl", 1280),
+      "5xl": z(t, "--container-5xl", 1536),
+      "6xl": z(t, "--container-6xl", 2048)
     };
     return jt(e, {
       breakpoints: r,
@@ -3141,7 +3164,7 @@ function Vt({
     onClosed: i
   };
 }
-function il({
+function pl({
   initialStatus: e = "closed",
   duration: n,
   openDuration: t = n ?? 500,
@@ -3193,9 +3216,9 @@ function me({
     })
   };
 }
-function Fe(e, n) {
+function He(e, n) {
   return a.class(
-    w(
+    $(
       e,
       n
     )((t, r) => `bu-toggle--animated bu-toggle--${t} bu-toggle--${r}`)
@@ -3282,13 +3305,13 @@ function lt(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 De(e) {
+function Pe(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 Vr({
+function Fr({
   smallBreakpoint: e,
   mediumBreakpoint: n,
   vertical: t,
@@ -3310,7 +3333,7 @@ function Vr({
     const d = [];
     return r.banner && (d.push(r.banner[c] + "px"), i[0][1] = "banner"), (r.header || t.menu || t.aside) && (d.push(
       (((b = r.header) == null ? void 0 : b[c]) ?? le.header[c]) + "px"
-    ), i[1][1] = "header"), r.mainHeader && (d.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), d.push("1fr"), i[3][1] = "main", r.mainFooter && (d.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (d.push(r.footer[c] + "px"), i[5][1] = "footer"), i = De(i), {
+    ), i[1][1] = "header"), r.mainHeader && (d.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), d.push("1fr"), i[3][1] = "main", r.mainFooter && (d.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (d.push(r.footer[c] + "px"), i[5][1] = "footer"), i = Pe(i), {
       columns: p.join(" "),
       rows: d.join(" "),
       areas: i.map((k) => `"${k.join(" ")}"`).join(`
@@ -3336,7 +3359,7 @@ function Vr({
     const d = [];
     return r.banner && (d.push(r.banner[c] + "px"), i[0][0] = "?banner", i[0][1] = "banner"), (r.header || t.aside) && (d.push(
       (((b = r.header) == null ? void 0 : b[c]) ?? le.header[c]) + "px"
-    ), i[1][0] = "?header", i[1][1] = "header"), r.mainHeader && (d.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), d.push("1fr"), i[3][1] = "main", r.mainFooter && (d.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (d.push(r.footer[c] + "px"), i[5][0] = "?footer", i[5][1] = "footer"), i = De(i), {
+    ), i[1][0] = "?header", i[1][1] = "header"), r.mainHeader && (d.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), d.push("1fr"), i[3][1] = "main", r.mainFooter && (d.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (d.push(r.footer[c] + "px"), i[5][0] = "?footer", i[5][1] = "footer"), i = Pe(i), {
       columns: p.join(" "),
       rows: d.join(" "),
       areas: i.map((k) => `"${k.join(" ")}"`).join(`
@@ -3359,7 +3382,7 @@ function Vr({
     const p = [];
     t.menu && (p.push(t.menu[c] + "px"), i[2][0] = "?menu", i[3][0] = "menu", i[4][0] = "?menu"), p.push("1fr"), t.aside && (p.push(t.aside[c] + "px"), i[2][2] = "?aside", i[3][2] = "aside", i[4][2] = "?aside");
     const d = [];
-    return r.banner && (d.push(r.banner[c] + "px"), i[0][0] = "?banner", i[0][1] = "banner", i[0][2] = "?banner"), r.header && (d.push(r.header[c] + "px"), i[1][0] = "?header", i[1][1] = "header", i[1][2] = "?header"), r.mainHeader && (d.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), d.push("1fr"), i[3][1] = "main", r.mainFooter && (d.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (d.push(r.footer[c] + "px"), i[5][0] = "?footer", i[5][1] = "footer", i[5][2] = "?footer"), i = De(i), {
+    return r.banner && (d.push(r.banner[c] + "px"), i[0][0] = "?banner", i[0][1] = "banner", i[0][2] = "?banner"), r.header && (d.push(r.header[c] + "px"), i[1][0] = "?header", i[1][1] = "header", i[1][2] = "?header"), r.mainHeader && (d.push(r.mainHeader[c] + "px"), i[2][1] = "mainHeader"), d.push("1fr"), i[3][1] = "main", r.mainFooter && (d.push(r.mainFooter[c] + "px"), i[4][1] = "mainFooter"), r.footer && (d.push(r.footer[c] + "px"), i[5][0] = "?footer", i[5][1] = "footer", i[5][2] = "?footer"), i = Pe(i), {
       columns: p.join(" "),
       rows: d.join(" "),
       areas: i.map((b) => `"${b.join(" ")}"`).join(`
@@ -3375,33 +3398,33 @@ function Vr({
     breakpoint: i
   }) => o(`<=${e}`, c) ? l(i) : o(`<=${n}`, c) ? s(i) : u(i);
 }
-const Fr = ["menu", "aside"], Hr = [
+const Hr = ["menu", "aside"], Mr = [
   "banner",
   "header",
   "mainHeader",
   "mainFooter",
   "footer"
 ];
-function Mr(e, { displayMenu: n }, t) {
+function Nr(e, { displayMenu: n }, t) {
   return e ? n ? "block" : t ? "float" : "none" : "none";
 }
-function Nr(e, { displayAside: n }, t) {
+function Wr(e, { displayAside: n }, t) {
   return e ? n ? "block" : t ? "float" : "none" : "none";
 }
-function ul({
+function hl({
   smallBreakpoint: e = "sm",
   mediumBreakpoint: n = "md",
   ...t
 }) {
   const r = Object.fromEntries(
-    Fr.filter((l) => t[l]).map(
+    Hr.filter((l) => t[l]).map(
       (l) => [
         l,
         lt(t[l].width ?? {}, le[l])
       ]
     )
   ), o = Object.fromEntries(
-    Hr.filter((l) => t[l]).map(
+    Mr.filter((l) => t[l]).map(
       (l) => [
         l,
         lt(t[l].height ?? {}, le[l])
@@ -3410,31 +3433,31 @@ function ul({
   );
   return W(
     re,
-    (l) => jr(({ value: s, is: u }) => {
+    (l) => Vr(({ value: s, is: u }) => {
       var L, P, j, E, V, _, te, N, ne, F;
-      const c = Vr({
+      const c = Fr({
         smallBreakpoint: e,
         mediumBreakpoint: n,
         vertical: r,
         horizontal: o,
         is: u
-      }), i = s.map(c), p = o.header != null || r.menu != null || r.aside != null, d = w(
+      }), i = s.map(c), p = o.header != null || r.menu != null || r.aside != null, d = $(
         r.aside != null,
         i
-      )((x, { displayAside: O }) => x && !O), f = w(
+      )((x, { displayAside: O }) => x && !O), f = $(
         r.menu != null,
         i
-      )((x, { displayMenu: O }) => x && !O), b = me(), k = me(), y = q(0), S = w(
+      )((x, { displayMenu: O }) => x && !O), b = me(), k = me(), y = q(0), S = $(
         r.menu != null,
         i,
         b.display
-      )(Mr), g = w(
+      )(Nr), g = $(
         r.aside != null,
         i,
         k.display
-      )(Nr);
+      )(Wr);
       return h.div(
-        G(() => {
+        R(() => {
           y.dispose(), b.dispose(), k.dispose();
         }),
         v.height("100%"),
@@ -3552,21 +3575,21 @@ function ul({
           v.height("100%"),
           v.gridArea("menu"),
           v.display(
-            w(
+            $(
               S,
               b.status
             )((x, O) => x === "none" && O === "closed" ? "none" : "block")
           ),
           v.position(
-            w(
+            $(
               S,
               b.status
             )((x, O) => x === "float" || x === "none" && O !== "closed" ? "fixed" : "initial")
           ),
           v.top(y.map((x) => `${x}px`)),
-          Fe(
+          He(
             "slide-right",
-            w(
+            $(
               S,
               b.status
             )((x, O) => x === "block" ? "opened" : O)
@@ -3628,21 +3651,21 @@ function ul({
           v.height("100%"),
           v.gridArea("aside"),
           v.display(
-            w(
+            $(
               g,
               k.status
             )((x, O) => x === "none" && O === "closed" ? "none" : "block")
           ),
           v.position(
-            w(
+            $(
               g,
               k.status
             )((x, O) => x === "float" || x === "none" && O !== "closed" ? "fixed" : "initial")
           ),
           v.top(y.map((x) => `${x}px`)),
-          Fe(
+          He(
             "slide-left",
-            w(
+            $(
               g,
               k.status
             )((x, O) => x === "block" ? "opened" : O)
@@ -3661,19 +3684,19 @@ function ul({
     })
   );
 }
-function Wr(e, n, t) {
+function Rr(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 dl({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
+function bl({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
   return h.div(
     a.class(
-      w(
+      $(
         e,
         n,
         t
       )(
-        (o, l, s) => Wr(
+        (o, l, s) => Rr(
           o ?? "default",
           l ?? "md",
           s ?? "lg"
@@ -3683,7 +3706,7 @@ function dl({ variant: e = "default", size: n = "md", roundedness: t = "lg" } =
     ...r
   );
 }
-function pl(...e) {
+function fl(...e) {
   return h.div(
     a.class("bc-center-h"),
     h.div(a.class("bc-center__content"), ...e)
@@ -3693,13 +3716,13 @@ function qr(e) {
   const n = ["bc-center"];
   return e !== "lg" && n.push(`bc-center--gap-${e}`), n.join(" ");
 }
-function hl({ gap: e = "lg" } = {}, ...n) {
+function gl({ gap: e = "lg" } = {}, ...n) {
   return h.div(
-    a.class(w(e)((t) => qr(t ?? "lg"))),
+    a.class($(e)((t) => qr(t ?? "lg"))),
     ...n
   );
 }
-function bl(e, n = 0, t = () => !0) {
+function ml(e, n = 0, t = () => !0) {
   let r = null, o;
   const l = q(e.value);
   return e.on((s) => {
@@ -3710,7 +3733,7 @@ function bl(e, n = 0, t = () => !0) {
     r != null && clearTimeout(r);
   }), l;
 }
-const Rr = [
+const Ur = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
@@ -3723,8 +3746,8 @@ const Rr = [
   "details > summary:first-of-type",
   "details[open]"
 ].join(", ");
-function Ur(e) {
-  return Array.from(e.querySelectorAll(Rr)).filter(
+function zr(e) {
+  return Array.from(e.querySelectorAll(Ur)).filter(
     (n) => {
       const t = n;
       return t.offsetWidth > 0 && t.offsetHeight > 0 && !t.hasAttribute("inert") && window.getComputedStyle(t).visibility !== "hidden";
@@ -3745,7 +3768,7 @@ function _e(e = {}) {
     let i = n, p = null, d = [];
     typeof document < "u" && (p = document.activeElement);
     const f = () => {
-      d = Ur(c);
+      d = zr(c);
     }, b = (g) => {
       var L, P;
       if (i) {
@@ -3782,26 +3805,26 @@ function _e(e = {}) {
         g == null || g.focus();
       }, 0);
     };
-    return setTimeout(() => y(), 0), G(() => {
+    return setTimeout(() => y(), 0), R(() => {
       S();
     });
   });
 }
-function fl(e = {}) {
+function kl(e = {}) {
   return {
     activate: () => _e({ ...e, active: !0 }),
     deactivate: () => _e({ ...e, active: !1 })
   };
 }
-function zr({ open: e }, ...n) {
+function Gr({ open: e }, ...n) {
   return M((t) => {
     const { status: r, setOpen: o, dispose: l } = me({
-      initialStatus: $.get(e) ? "opened" : "closed",
+      initialStatus: w.get(e) ? "opened" : "closed",
       element: t
     });
-    return $.on(e, o), ye((s) => {
+    return w.on(e, o), ye((s) => {
       const u = q(null);
-      return w(
+      return $(
         r,
         s.$.height
       )((i, p) => i === "opened" && p > 0 ? p : null).on((i) => {
@@ -3814,8 +3837,8 @@ function zr({ open: e }, ...n) {
           f > 0 && u.set(f), t.style.height = p, t.style.transition = d, t.offsetHeight;
         }
       }), I(
-        G(l),
-        G(u.dispose),
+        R(l),
+        R(u.dispose),
         a.style(
           u.map((i) => `--collapse-height: ${i != null ? `${i}px` : "auto"}`)
         ),
@@ -3825,7 +3848,7 @@ function zr({ open: e }, ...n) {
     });
   });
 }
-function gl(...e) {
+function xl(...e) {
   return h.div(a.class("bc-group"), ...e);
 }
 function at({
@@ -3842,7 +3865,7 @@ function at({
   return h.div(
     a.class("bc-scrollable-panel"),
     a.class(
-      w(
+      $(
         o,
         r
       )((u, c) => {
@@ -3864,7 +3887,7 @@ function at({
     h.div(
       a.class("bc-scrollable-panel__body"),
       M(
-        (u) => G(ce(() => l(u)))
+        (u) => R(ce(() => l(u)))
       ),
       m.scroll((u) => {
         const c = u.target;
@@ -3876,19 +3899,19 @@ function at({
     n && h.div(a.class("bc-scrollable-panel__footer"), n)
   );
 }
-function Gr(e, n, t) {
+function Kr(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 ml({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
+function vl({ variant: e = "default", size: n = "md", roundedness: t = "lg" } = {}, ...r) {
   return h.div(
     a.class(
-      w(
+      $(
         e,
         n,
         t
       )(
-        (o, l, s) => Gr(
+        (o, l, s) => Kr(
           o ?? "default",
           l ?? "md",
           s ?? "lg"
@@ -3898,13 +3921,13 @@ function ml({ variant: e = "default", size: n = "md", roundedness: t = "lg" } =
     ...r
   );
 }
-function kl(...e) {
+function yl(...e) {
   return h.div(a.class("bc-stack"), ...e);
 }
-function Kr(e) {
+function Zr(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 Zr(e) {
+function Xr(e) {
   const {
     content: n,
     placement: t = "top",
@@ -3917,7 +3940,7 @@ function Zr(e) {
     arrow: i,
     role: p
   } = e;
-  return on((d, f) => {
+  return ln((d, f) => {
     const b = me({
       initialStatus: "closed"
     }), k = ue("flyout");
@@ -3926,7 +3949,7 @@ function Zr(e) {
       E != null && (clearTimeout(E), E = null), _ != null && (clearTimeout(_), _ = null), g && (g(), g = null), S && (S(), S = null), y && (document.removeEventListener("keydown", y), y = null), L = !1;
     }
     function j() {
-      $.get(c) && (y = (N) => {
+      w.get(c) && (y = (N) => {
         N.key === "Escape" && te();
       }, document.addEventListener("keydown", y)), L = !0, d({
         placement: t ?? "top",
@@ -3938,7 +3961,7 @@ function Zr(e) {
             b.open(), g = null;
           });
           const ne = (F) => {
-            if ($.get(c) && F.key === "Escape") {
+            if (w.get(c) && F.key === "Escape") {
               F.preventDefault(), F.stopPropagation(), te();
               const x = document.querySelector(
                 `[aria-controls="${k}"]`
@@ -3947,15 +3970,15 @@ function Zr(e) {
             }
           };
           return document.addEventListener("keydown", ne, !0), I(
-            G(() => {
+            R(() => {
               P(), document.removeEventListener("keydown", ne, !0);
             }),
             a.class("bc-flyout"),
             a.id(k),
             a.tabindex(-1),
             // Make focusable for screen readers
-            Fe(
-              $.map(t, Kr),
+            He(
+              w.map(t, Zr),
               b.status
             ),
             p ? a.role(p) : a.role("dialog"),
@@ -3973,7 +3996,7 @@ function Zr(e) {
         b.open();
         return;
       }
-      const N = $.get(r);
+      const N = w.get(r);
       E = setTimeout(() => {
         E = null, j();
       }, N);
@@ -3984,7 +4007,7 @@ function Zr(e) {
         f(), P();
         return;
       }
-      const N = $.get(o);
+      const N = w.get(o);
       _ = setTimeout(() => {
         _ = null, S && (S(), S = null), b.close(), S = b.onClosed(() => {
           f(), P();
@@ -4005,7 +4028,7 @@ function Zr(e) {
         return u(F, x);
       const O = u;
       return I(
-        G(() => {
+        R(() => {
           b.dispose();
         }),
         Xt(O, {
@@ -4031,7 +4054,7 @@ function Zr(e) {
               de(), x();
             }
             return I(
-              G(de),
+              R(de),
               m.click(() => {
                 F(), ce(() => {
                   document.addEventListener("click", ke, {
@@ -4066,7 +4089,7 @@ function st(e, n, t) {
     }
   return r.join(" ");
 }
-function Xr({
+function Yr({
   href: e,
   variant: n = "default",
   color: t = "primary",
@@ -4076,11 +4099,11 @@ function Xr({
   target: s,
   rel: u
 }, ...c) {
-  return z(
+  return G(
     o,
     () => h.span(
       a.class(
-        w(
+        $(
           n,
           r,
           o
@@ -4096,7 +4119,7 @@ function Xr({
         withViewTransition: l
       },
       a.class(
-        w(
+        $(
           n,
           t,
           o
@@ -4134,19 +4157,19 @@ function Ft(e, n, t) {
       return !1;
   }
 }
-function xl({
+function wl({
   href: e,
   matchMode: n = "exact",
   disableWhenActive: t = !0,
   ...r
 }, ...o) {
-  return W(Ae, (l) => {
-    const s = w(
+  return W(Te, (l) => {
+    const s = $(
       l,
       e,
       t
-    )((u, c, i) => i ?? !0 ? Ft(u, $.get(c), n) : !1);
-    return Xr(
+    )((u, c, i) => i ?? !0 ? Ft(u, w.get(c), n) : !1);
+    return Yr(
       {
         ...r,
         href: e,
@@ -4156,7 +4179,7 @@ function xl({
     );
   });
 }
-function vl({
+function $l({
   href: e,
   withViewTransition: n = !0,
   target: t,
@@ -4169,16 +4192,16 @@ function vl({
   roundedness: i = "sm",
   disabled: p = !1
 }, ...d) {
-  return o !== void 0 || l !== void 0 ? W(Ae, (f) => {
-    const b = w(
+  return o !== void 0 || l !== void 0 ? W(Te, (f) => {
+    const b = $(
       f,
       e,
       l
     )((y, S, g) => {
       if (!(g ?? !0) || !o) return !1;
-      const P = $.get(S);
+      const P = w.get(S);
       return Ft(y, P, o);
-    }), k = w(
+    }), k = $(
       p,
       b
     )((y, S) => y || S);
@@ -4222,18 +4245,18 @@ function ct({
   roundedness: u,
   disabled: c
 }, ...i) {
-  return z(
+  return G(
     c ?? !1,
     () => h.span(
       a.class(
-        w(
+        $(
           o,
           l,
           s,
           u,
           c
         )(
-          (p, d, f, b, k) => Ve(
+          (p, d, f, b, k) => Fe(
             p ?? "filled",
             d ?? "md",
             f ?? "base",
@@ -4252,14 +4275,14 @@ function ct({
         withViewTransition: n
       },
       a.class(
-        w(
+        $(
           o,
           l,
           s,
           u,
           c
         )(
-          (p, d, f, b, k) => Ve(
+          (p, d, f, b, k) => Fe(
             p ?? "filled",
             d ?? "md",
             f ?? "base",
@@ -4276,10 +4299,41 @@ function ct({
     )
   );
 }
+const Qr = {
+  mark: Ae("SidebarContext"),
+  create: (e) => ({
+    value: {
+      backgroundMode: "light"
+    },
+    dispose: () => {
+    }
+  })
+};
+function Cl({ backgroundMode: e = "light" }, ...n) {
+  return Yt(
+    Qr,
+    w.map(
+      e,
+      (t) => ({
+        backgroundMode: t
+      })
+    ),
+    () => h.div(
+      a.class("bc-sidebar"),
+      a.class(
+        w.map(
+          e,
+          (t) => t === "dark" ? "bc-sidebar--dark-bg" : ""
+        )
+      ),
+      ...n
+    )
+  );
+}
 function it({ rail: e }, ...n) {
   return h.div(
     a.class(
-      $.map(
+      w.map(
         e ?? !1,
         (t) => t ? "bc-sidebar-group--rail" : ""
       )
@@ -4288,13 +4342,13 @@ function it({ rail: e }, ...n) {
     ...n
   );
 }
-function Yr(e, ...n) {
+function Jr(e, ...n) {
   return We({ href: e.href, withViewTransition: !0 }, ...n);
 }
-function Qr(...e) {
+function eo(...e) {
   return h.span(...e);
 }
-function Jr(e, ...n) {
+function to(e, ...n) {
   return h.button(
     m.click(e.onClick),
     // Add ARIA attributes if provided using WithElement for dynamic updates
@@ -4303,25 +4357,25 @@ function Jr(e, ...n) {
         const r = (o) => {
           t.setAttribute("aria-expanded", String(o));
         };
-        r($.get(e.ariaExpanded)), typeof e.ariaExpanded == "object" && "on" in e.ariaExpanded && e.ariaExpanded.on(r);
+        r(w.get(e.ariaExpanded)), typeof e.ariaExpanded == "object" && "on" in e.ariaExpanded && e.ariaExpanded.on(r);
       }
       if (e.ariaControls != null) {
         const r = (o) => {
           t.setAttribute("aria-controls", o);
         };
-        r($.get(e.ariaControls)), typeof e.ariaControls == "object" && "on" in e.ariaControls && e.ariaControls.on(r);
+        r(w.get(e.ariaControls)), typeof e.ariaControls == "object" && "on" in e.ariaControls && e.ariaControls.on(r);
       }
       if (e.ariaLabel != null) {
         const r = (o) => {
           t.setAttribute("aria-label", o);
         };
-        r($.get(e.ariaLabel)), typeof e.ariaLabel == "object" && "on" in e.ariaLabel && e.ariaLabel.on(r);
+        r(w.get(e.ariaLabel)), typeof e.ariaLabel == "object" && "on" in e.ariaLabel && e.ariaLabel.on(r);
       }
     }),
     ...n
   );
 }
-function eo(e) {
+function no(e) {
   var t;
   const n = [a.class("bc-sidebar-link")];
   return e.icon != null && n.push(
@@ -4342,25 +4396,25 @@ function eo(e) {
       }),
       X({ icon: (t = e.action) == null ? void 0 : t.icon })
     )
-  ), "onClick" in e ? Jr(e, ...n) : W(Ae, (r) => {
-    const o = w(
+  ), "onClick" in e ? to(e, ...n) : W(Te, (r) => {
+    const o = $(
       r,
       e.href
     )(({ pathname: l }, s) => l === s);
-    return z(
+    return G(
       o,
-      () => Qr(...n),
-      () => Yr(e, ...n)
+      () => eo(...n),
+      () => Jr(e, ...n)
     );
   });
 }
-function yl({
+function Sl({
   rail: e = !0,
   icon: n,
   header: t,
   startOpen: r = !0
 }, ...o) {
-  const l = $.deriveProp(r), s = ue("sidebar-group"), u = `${s}-content`;
+  const l = w.deriveProp(r), s = ue("sidebar-group"), u = `${s}-content`;
   return it(
     {},
     a.class("bc-sidebar-group-collapsible"),
@@ -4372,7 +4426,7 @@ function yl({
     // Add ARIA attributes for group
     a.role("group"),
     a.id(s),
-    eo({
+    no({
       icon: n,
       onClick: () => l.update((c) => !c),
       // Add ARIA attributes for the toggle button
@@ -4384,11 +4438,11 @@ function yl({
       ),
       content: t
     }),
-    it({ rail: e }, a.id(u), zr({ open: l }, ...o))
+    it({ rail: e }, a.id(u), Gr({ open: l }, ...o))
   );
 }
 function Ht(e) {
-  return Yt((n) => {
+  return Qt((n) => {
     const t = [], r = () => t.forEach((l) => l());
     return e(({
       effect: l = "opaque",
@@ -4412,11 +4466,11 @@ function Ht(e) {
         f(), b(), j === "capturing" ? (document.addEventListener("keydown", k), f = () => document.removeEventListener("keydown", k), n.element.addEventListener("mousedown", y), b = () => n.element.removeEventListener("mousedown", y)) : (f = () => {
         }, b = () => {
         });
-      }, g = $.on(s, S);
+      }, g = w.on(s, S);
       t.push(g), t.push(() => {
         f(), b();
       });
-      const P = Qt((() => {
+      const P = Jt((() => {
         var E, V;
         const j = /* @__PURE__ */ new Set();
         for (const _ of n.element.querySelectorAll(
@@ -4434,7 +4488,7 @@ function Ht(e) {
           he.status(d.status.map(String)),
           he.overlay("true"),
           a.class(
-            w(
+            $(
               l ?? "opaque",
               s
             )(
@@ -4452,7 +4506,7 @@ function Ht(e) {
     }, r);
   });
 }
-function to(e, n) {
+function ro(e, n) {
   const {
     size: t = "md",
     dismissable: r = !0,
@@ -4468,15 +4522,15 @@ function to(e, n) {
     return n((k) => {
       d = p;
       const y = q("capturing");
-      $.on(r, (E) => {
+      w.on(r, (E) => {
         y.set(E ? "capturing" : "non-capturing");
       });
-      const S = w(
+      const S = $(
         k.header != null,
         o
       )((E, V) => E || V), g = ue("modal"), L = `${g}-header`, P = `${g}-body`, j = h.div(
         a.class(
-          w(
+          $(
             t,
             c
           )(
@@ -4497,9 +4551,9 @@ function to(e, n) {
         // Prevent overlay click-outside when clicking modal content
         // Focus trap implementation
         _e({
-          escapeDeactivates: $.get(r),
+          escapeDeactivates: w.get(r),
           onEscape: () => {
-            $.get(r) && (l == null || l(), p());
+            w.get(r) && (l == null || l(), p());
           },
           initialFocus: () => {
             const E = document.getElementById(g);
@@ -4518,7 +4572,7 @@ function to(e, n) {
         h.div(
           a.class("bc-modal__content"),
           // Header section
-          z(
+          G(
             S,
             () => h.div(
               a.class("bc-modal__header"),
@@ -4526,7 +4580,7 @@ function to(e, n) {
                 ...k.header ? [a.id(L)] : [],
                 k.header
               ),
-              z(
+              G(
                 o,
                 () => ge(
                   {
@@ -4565,11 +4619,11 @@ function to(e, n) {
     });
   });
 }
-function wl(e, n) {
+function El(e, n) {
   const { confirmText: t, cancelText: r, onConfirm: o, onCancel: l, ...s } = e;
   return W(
     re,
-    (u) => to({ showCloseButton: !1, ...s }, (c, i) => {
+    (u) => ro({ showCloseButton: !1, ...s }, (c, i) => {
       const p = () => {
         o == null || o(), i();
       }, d = () => {
@@ -4601,7 +4655,7 @@ function wl(e, n) {
     })
   );
 }
-function $l(e) {
+function _l(e) {
   return Ht((n, t) => {
     let r = t;
     const o = () => r();
@@ -4620,10 +4674,10 @@ function $l(e) {
       } = u;
       r = t;
       const L = q("capturing");
-      $.on(p, (E) => {
+      w.on(p, (E) => {
         L.set(E ? "capturing" : "non-capturing");
       });
-      const P = w(
+      const P = $(
         y != null,
         d
       )((E, V) => E || V), j = M((E) => {
@@ -4639,7 +4693,7 @@ function $l(e) {
         const te = ue("drawer"), N = y != null ? `${te}-header` : void 0, ne = `${te}-body`;
         return h.div(
           a.class(
-            w(
+            $(
               c,
               i,
               V.status
@@ -4660,8 +4714,8 @@ function $l(e) {
           // Focus trap for keyboard navigation
           _e({
             active: !0,
-            escapeDeactivates: $.get(p),
-            onEscape: $.get(p) ? o : void 0,
+            escapeDeactivates: w.get(p),
+            onEscape: w.get(p) ? o : void 0,
             initialFocus: () => document.querySelector(
               `#${te} [aria-label="Close drawer"]`
             ) || null
@@ -4669,11 +4723,11 @@ function $l(e) {
           m.mousedown((F) => F.stopPropagation()),
           // Prevent overlay click-outside when clicking drawer content
           // Drawer content container
-          Jt(P, (F) => at(F ? {
+          en(P, (F) => at(F ? {
             header: h.div(
               a.class("bc-drawer__header"),
               h.div(a.id(N), y),
-              z(
+              G(
                 d,
                 () => ge(
                   {
@@ -4719,7 +4773,7 @@ function $l(e) {
     });
   });
 }
-function no(e) {
+function oo(e) {
   const n = {
     up: "M0 16 L8 10 L16 16 Z",
     down: "M0 0 L8 6 L16 0 Z",
@@ -4731,7 +4785,7 @@ function no(e) {
     et.path(tt.d(e.map((t) => n[t])))
   );
 }
-function Cl(e) {
+function Al(e) {
   const {
     content: n,
     placement: t = "top",
@@ -4741,7 +4795,7 @@ function Cl(e) {
     crossAxisOffset: s = 0,
     showOn: u = "hover-focus"
   } = e, c = ue("tooltip");
-  return M((i) => (i.setAttribute("aria-describedby", c), Zr({
+  return M((i) => (i.setAttribute("aria-describedby", c), Xr({
     content: () => I(
       a.class("bc-tooltip"),
       a.role("tooltip"),
@@ -4770,200 +4824,203 @@ function Cl(e) {
         v.transform(
           p.map(({ x: f, y: b }) => f == null && b == null ? "" : f != null ? `translate(${f}px, 0)` : `translate(0, ${b}px)`)
         ),
-        no(d)
+        oo(d)
       );
     }
   })));
 }
 export {
-  Fe as AnimatedToggleClass,
-  ul as AppShell,
-  $r as AppearanceSelector,
-  yr as ArrayController,
-  al as BeatUI,
+  He as AnimatedToggleClass,
+  hl as AppShell,
+  Cr as AppearanceSelector,
+  wr as ArrayController,
+  cl as BeatUI,
   re as BeatUII18n,
   ge as Button,
-  vl as ButtonLink,
-  dl as Card,
-  hl as Center,
-  pl as CenterH,
-  Jo as CheckboxInput,
-  zr as Collapse,
-  yl as CollapsibleSidebarGroup,
+  $l as ButtonLink,
+  bl as Card,
+  gl as Center,
+  fl as CenterH,
+  tl as CheckboxInput,
+  Gr as Collapse,
+  Sl as CollapsibleSidebarGroup,
   J as CommonInputAttributes,
-  wl as ConfirmModal,
+  El as ConfirmModal,
   K as ControlInputWrapper,
   be as Controller,
-  fo as DateControl,
+  mo as DateControl,
   gt as DateInput,
-  go as DateTimeControl,
-  vn as DateTimeInput,
-  $l as Drawer,
-  el as EditableText,
-  mo as EmailControl,
-  yn as EmailInput,
-  uo as EmphasisLabel,
-  Zo as EnsureControl,
-  po as ErrorLabel,
-  wn as Expando,
-  Zr as Flyout,
+  ko as DateTimeControl,
+  yn as DateTimeInput,
+  _l as Drawer,
+  nl as EditableText,
+  xo as EmailControl,
+  wn as EmailInput,
+  ho as EmphasisLabel,
+  Yo as EnsureControl,
+  bo as ErrorLabel,
+  $n as Expando,
+  Xr as Flyout,
   _e as FocusTrap,
-  ko as FormStatus,
-  gl as Group,
+  vo as FormStatus,
+  xl as Group,
   X as Icon,
   Q as InputContainer,
   ft as InputWrapper,
-  pn as LOGICAL_PROPERTY_MAP,
+  hn as LOGICAL_PROPERTY_MAP,
   bt as Label,
-  ar as LazyNativeSelect,
-  jo as LazyNativeSelectControl,
-  Xr as Link,
-  Xo as ListControl,
+  sr as LazyNativeSelect,
+  Fo as LazyNativeSelectControl,
+  Yr as Link,
+  Qo as ListControl,
   we as Locale,
-  ll as LocaleSelector,
-  to as Modal,
-  hn as MutedLabel,
+  sl as LocaleSelector,
+  ro as Modal,
+  bn as MutedLabel,
+  il as NativePdfPreview,
   ze as NativeSelect,
-  Vo as NativeSelectControl,
-  xl as NavigationLink,
-  Fo as NullableDateControl,
+  Ho as NativeSelectControl,
+  wl as NavigationLink,
+  Mo as NullableDateControl,
   Lt as NullableDateInput,
-  Ho as NullableDateTimeControl,
+  No as NullableDateTimeControl,
   Dt as NullableDateTimeInput,
-  Mo as NullableStringDateControl,
-  No as NullableStringDateTimeControl,
-  dr as NullableTextArea,
-  Wo as NullableTextAreaControl,
-  qo as NullableTextControl,
-  ur as NullableTextInput,
-  Ro as NumberControl,
-  pr as NumberInput,
-  vr as ObjectController,
+  Wo as NullableStringDateControl,
+  Ro as NullableStringDateTimeControl,
+  pr as NullableTextArea,
+  qo as NullableTextAreaControl,
+  Uo as NullableTextControl,
+  dr as NullableTextInput,
+  zo as NumberControl,
+  hr as NumberInput,
+  yr as ObjectController,
   Ht as Overlay,
-  Uo as PasswordControl,
-  hr as PasswordInput,
-  bn as RequiredSymbol,
+  Go as PasswordControl,
+  br as PasswordInput,
+  fn as RequiredSymbol,
   at as ScrollablePanel,
-  fr as SegmentedControl,
+  gr as SegmentedControl,
   $e as SelectOption,
+  Cl as Sidebar,
+  Qr as SidebarContext,
   it as SidebarGroup,
-  eo as SidebarLink,
-  ml as Sink,
-  kl as Stack,
-  Qo as StandaloneAppearanceSelector,
-  zo as StringDateControl,
-  tl as Switch,
-  lr as Tag,
-  Go as TagsControl,
-  gr as TagsInput,
-  mr as TextArea,
-  Ko as TextAreaControl,
-  bo as TextControl,
-  kn as TextInput,
+  no as SidebarLink,
+  vl as Sink,
+  yl as Stack,
+  el as StandaloneAppearanceSelector,
+  Ko as StringDateControl,
+  rl as Switch,
+  ar as Tag,
+  Zo as TagsControl,
+  mr as TagsInput,
+  kr as TextArea,
+  Xo as TextAreaControl,
+  go as TextControl,
+  xn as TextInput,
   Ze as Theme,
-  wr as ThemeAppearance,
-  Cl as Tooltip,
-  _l as Use,
-  jr as WithBeatUIBreakpoint,
-  cl as WithBeatUIElementBreakpoint,
+  $r as ThemeAppearance,
+  Al as Tooltip,
+  Bl as Use,
+  Vr as WithBeatUIBreakpoint,
+  dl as WithBeatUIElementBreakpoint,
   jt as WithBreakpoint,
-  R as backgroundConfig,
-  Hn as baseSpacing,
-  Dn as bgColors,
-  On as borderColors,
+  U as backgroundConfig,
+  Mn as baseSpacing,
+  Pn as bgColors,
+  jn as borderColors,
   xt as breakpoints,
-  Wn as changeFontSize,
-  Ln as colorShades,
+  Rn as changeFontSize,
+  Dn as colorShades,
   Ge as colors,
-  Pr as compareBreakpoint,
+  Or as compareBreakpoint,
   Ot as connectCommonAttributes,
-  rl as connectNumberInput,
-  nl as connectStringInput,
-  Sr as convertStandardSchemaIssues,
-  Cr as convertStandardSchemaPathToPath,
-  sn as defaultLocale,
-  an as defaultMessages,
-  bl as delaySignal,
-  xo as emitExpando,
-  $n as emitOptionExpando,
+  ll as connectNumberInput,
+  ol as connectStringInput,
+  Er as convertStandardSchemaIssues,
+  Sr as convertStandardSchemaPathToPath,
+  cn as defaultLocale,
+  sn as defaultMessages,
+  ml as delaySignal,
+  yo as emitExpando,
+  Cn as emitOptionExpando,
   Ee as emptyToNull,
-  sl as findBreakpoint,
-  zn as fontFamily,
+  ul as findBreakpoint,
+  Gn as fontFamily,
   St as fontSize,
   qn as fontWeight,
-  Po as generateAllTokenVariables,
-  Co as generateBackgroundUtilities,
-  Bn as generateBreakpointVariables,
-  Ve as generateButtonClasses,
-  Vn as generateColorVariables,
+  jo as generateAllTokenVariables,
+  Eo as generateBackgroundUtilities,
+  Ln as generateBreakpointVariables,
+  Fe as generateButtonClasses,
+  Fn as generateColorVariables,
   st as generateLinkClasses,
-  Fn as generateRadiusVariables,
-  Nn as generateSpacingVariables,
-  Gn as generateTypographyVariables,
-  Zn as generateZIndexVariables,
-  yo as getBreakpointMediaQuery,
-  vo as getBreakpointVar,
+  Hn as generateRadiusVariables,
+  Wn as generateSpacingVariables,
+  Kn as generateTypographyVariables,
+  Xn as generateZIndexVariables,
+  $o as getBreakpointMediaQuery,
+  wo as getBreakpointVar,
   vt as getBreakpointVarName,
   ve as getColorVar,
-  je as getColorVarName,
-  ao as getDirectionClassName,
+  Ve as getColorVarName,
+  co as getDirectionClassName,
   ht as getDirectionFromLocale,
-  Lo as getFontFamilyVar,
+  Po as getFontFamilyVar,
   It as getFontFamilyVarName,
-  Ao as getFontSizeVar,
+  Io as getFontSizeVar,
   Et as getFontSizeVarName,
-  To as getFontWeightVar,
+  Bo as getFontWeightVar,
   _t as getFontWeightVarName,
-  _n as getIconLocally,
-  Bo as getLetterSpacingVar,
+  An as getIconLocally,
+  Do as getLetterSpacingVar,
   Tt as getLetterSpacingVarName,
-  Io as getLineHeightVar,
+  Lo as getLineHeightVar,
   At as getLineHeightVarName,
-  co as getOppositeDirection,
-  io as getPhysicalProperty,
-  Eo as getRadiusMediaQuery,
-  So as getRadiusVar,
+  uo as getOppositeDirection,
+  po as getPhysicalProperty,
+  Ao as getRadiusMediaQuery,
+  _o as getRadiusVar,
   $t as getRadiusVarName,
-  _o as getSpacingVar,
+  To as getSpacingVar,
   Ct as getSpacingVarName,
-  Oo as getTokenValue,
-  Do as getZIndexVar,
+  Vo as getTokenValue,
+  Oo as getZIndexVar,
   Bt as getZIndexVarName,
   Y as inputOptionsFromController,
-  qe as inputOptionsFromMappedController,
-  jn as interactiveColors,
+  Re as inputOptionsFromMappedController,
+  Vn as interactiveColors,
   kt as isIndexedDBAvailable,
-  so as isRTLLocale,
+  io as isRTLLocale,
   Ft as isUrlMatch,
-  Un as letterSpacing,
-  Rn as lineHeight,
-  Ir as makeI18nProvider,
+  zn as letterSpacing,
+  Un as lineHeight,
+  Br as makeI18nProvider,
   Ke as makeMapValidationResult,
-  Re as makeMappedOnChangeHandler,
-  Tr as makeMessages,
-  ho as makeNullableOnChangeHandler,
+  qe as makeMappedOnChangeHandler,
+  Ir as makeMessages,
+  fo as makeNullableOnChangeHandler,
   Z as makeOnBlurHandler,
   ee as makeOnChangeHandler,
-  $o as normalizeColorName,
+  So as normalizeColorName,
   Pt as nullToEmpty,
-  Yo as parsePath,
-  xr as pathToString,
+  Jo as parsePath,
+  vr as pathToString,
   wt as radius,
-  dn as resolveDirection,
-  Ie as semanticColorNames,
+  pn as resolveDirection,
+  Be as semanticColorNames,
   yt as semanticColors,
   ue as sessionId,
-  Mn as spacing,
-  _r as standardSchemaResultToValidationResult,
-  En as storeIconLocally,
-  Pn as textColors,
-  wo as themeColorNames,
+  Nn as spacing,
+  Ar as standardSchemaResultToValidationResult,
+  _n as storeIconLocally,
+  On as textColors,
+  Co as themeColorNames,
   me as useAnimatedElementToggle,
   Vt as useAnimatedToggle,
-  Er as useController,
-  fl as useFocusTrap,
-  ol as useForm,
-  il as useTimedToggle,
-  kr as wrapSegment,
-  Kn as zIndex
+  _r as useController,
+  kl as useFocusTrap,
+  al as useForm,
+  pl as useTimedToggle,
+  xr as wrapSegment,
+  Zn as zIndex
 };