@tempots/beatui 0.0.2 → 0.0.3

package/dist/index.es.js

@@ -1,1063 +1,1072 @@
-var Ye = Object.defineProperty;
-var Te = (t) => {
-  throw TypeError(t);
+var dn = Object.defineProperty;
+var Ne = (n) => {
+  throw TypeError(n);
 };
-var Je = (t, r, e) => r in t ? Ye(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
-var w = (t, r, e) => Je(t, typeof r != "symbol" ? r + "" : r, e), Ke = (t, r, e) => r.has(t) || Te("Cannot " + e);
-var S = (t, r, e) => (Ke(t, r, "read from private field"), e ? e.call(t) : r.get(t)), U = (t, r, e) => r.has(t) ? Te("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, e);
-import { makeProviderMark as Qe, localStorageProp as Ze, computedOf as $, Use as C, attr as a, html as p, on as m, aria as J, style as d, Value as A, Empty as x, Ensure as We, WithElement as q, OnDispose as K, Fragment as R, input as H, emitValue as v, emitValueAsDate as en, ForEach as pe, OneOfType as nn, emitValueAsNullableDate as tn, emitValueAsNullableDateTime as rn, emitValueAsNumber as oe, prop as P, When as ee, computed as Oe, emitChecked as sn, dataAttr as ae, render as ln, WithBrowserCtx as on } from "@tempots/dom";
-import { Use as Yt } from "@tempots/dom";
-import { useAppearence as an, WhenInViewport as un, Resource as Fe, ElementRect as de, AutoSelect as cn, WindowSize as pn } from "@tempots/ui";
-class dn {
-  button({ variant: r, size: e, color: n, roundedness: s }) {
-    const l = [
+var pn = (n, l, e) => l in n ? dn(n, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[l] = e;
+var w = (n, l, e) => pn(n, typeof l != "symbol" ? l + "" : l, e), mn = (n, l, e) => l.has(n) || Ne("Cannot " + e);
+var $ = (n, l, e) => (mn(n, l, "read from private field"), e ? e.call(n) : l.get(n)), Q = (n, l, e) => l.has(n) ? Ne("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(n) : l.set(n, e);
+import { makeProviderMark as gn, localStorageProp as bn, computedOf as y, Use as _, attr as c, html as h, on as m, aria as q, style as d, Value as S, Empty as k, Ensure as Pe, WithElement as z, OnDispose as K, Fragment as U, input as P, emitValue as v, emitValueAsDate as fn, ForEach as be, OneOfType as kn, emitValueAsNullableDate as xn, emitValueAsNullableDateTime as yn, emitValueAsNumber as ie, prop as W, When as le, computed as Fe, emitChecked as vn, dataAttr as he, render as wn, WithBrowserCtx as $n } from "@tempots/dom";
+import { Use as ql } from "@tempots/dom";
+import { useAppearence as Sn, WhenInViewport as _n, Resource as Me, ElementRect as ce, AutoSelect as Cn, WindowSize as En } from "@tempots/ui";
+class Bn {
+  button({ variant: l, size: e, color: t, roundedness: o }) {
+    const r = [
       "bc-button",
       `bu-text-${e}`,
       `bc-control--padding-${e}`,
-      `bc-control--rounded-${s}`
+      `bc-control--rounded-${o}`
     ];
-    switch (r) {
+    switch (l) {
       case "filled":
-        l.push(`bu-bg--${n}`), l.push(`hover:bu-bg--${n}`);
+        r.push(`bu-bg--${t}`), r.push(`hover:bu-bg--${t}`);
         break;
       case "light":
-        l.push(`bu-bg--light-${n}`), l.push(`hover:bu-bg--light-${n}`);
+        r.push(`bu-bg--light-${t}`), r.push(`hover:bu-bg--light-${t}`);
         break;
       case "outline":
-        l.push(`bu-border--${n}`), l.push(`hover:bu-bg--light-${n}`);
+        r.push(`bu-border--${t}`), r.push(`hover:bu-bg--light-${t}`);
         break;
       case "default":
-        l.push("bu-bg--light-neutral"), l.push(`bu-text--${n}`), l.push("hover:bu-bg--light-base");
+        r.push("bu-bg--light-neutral"), r.push(`bu-text--${t}`), r.push("hover:bu-bg--light-base");
         break;
       case "text":
-        l.push("bu-bg--inherit"), l.push(`bu-text--${n}`), l.push("hover:bu-underline");
+        r.push("bu-bg--inherit"), r.push(`bu-text--${t}`), r.push("hover:bu-underline");
         break;
     }
-    return l.join(" ");
+    return r.join(" ");
   }
-  overlay({ effect: r, mode: e }) {
-    return `bc-overlay bc-overlay--effect-${r} bc-overlay--mode-${e}`;
+  overlay({ effect: l, mode: e }) {
+    return `bc-overlay bc-overlay--effect-${l} bc-overlay--mode-${e}`;
   }
-  icon({ size: r, color: e }) {
-    const n = ["bc-icon", `bc-icon--${r}`];
-    return e && n.push(`bu-fg--${e}`), n.join(" ");
+  icon({ size: l, color: e }) {
+    const t = ["bc-icon", `bc-icon--${l}`];
+    return e && t.push(`bu-fg--${e}`), t.join(" ");
   }
-  panel({ side: r, color: e, shadow: n }) {
-    return `bc-panel ${(Array.isArray(r) ? r : [r]).map((l) => `bc-panel--side-${l}`).join(" ")} bu-bg--lighter-${e} bc-panel--shadow-${n}`;
+  panel({ side: l, color: e, shadow: t }) {
+    return `bc-panel ${(Array.isArray(l) ? l : [l]).map((r) => `bc-panel--side-${r}`).join(" ")} bu-bg--lighter-${e} bc-panel--shadow-${t}`;
   }
-  label(r) {
-    return `bc-label bc-label--${r.type}`;
+  label(l) {
+    return `bc-label bc-label--${l.type}`;
   }
-  inputContainer({ disabled: r, hasError: e }) {
-    const n = ["bc-input-container"];
-    return r ? n.push("bc-input-container--disabled") : n.push("bc-input-container--default"), e && n.push("bc-input-container--error"), n.join(" ");
+  inputContainer({ disabled: l, hasError: e }) {
+    const t = ["bc-input-container"];
+    return l ? t.push("bc-input-container--disabled") : t.push("bc-input-container--default"), e && t.push("bc-input-container--error"), t.join(" ");
   }
-  controlInputWrapper(r) {
+  controlInputWrapper(l) {
     return ["bc-control-input-wrapper"].join(" ");
   }
   controlInputWrapperLabelText({
-    hasError: r,
+    hasError: l,
     disabled: e
   }) {
-    const n = ["bc-control-input-wrapper__label-text"];
-    return r ? n.push("bc-control-input-wrapper__label-text--error") : e ? n.push("bc-control-input-wrapper__label-text--disabled") : n.push("bc-control-input-wrapper__label-text--default"), n.join(" ");
+    const t = ["bc-control-input-wrapper__label-text"];
+    return l ? t.push("bc-control-input-wrapper__label-text--error") : e ? t.push("bc-control-input-wrapper__label-text--disabled") : t.push("bc-control-input-wrapper__label-text--default"), t.join(" ");
   }
-  tag({ disabled: r, color: e = "base" }) {
-    const n = ["bc-tag"];
-    return r ? n.push("bc-tag--disabled") : n.push(`bc-tag--${e}`), n.join(" ");
+  tag({ disabled: l, color: e = "base" }) {
+    const t = ["bc-tag"];
+    return l ? t.push("bc-tag--disabled") : t.push(`bc-tag--${e}`), t.join(" ");
   }
-  checkboxInput(r) {
+  checkboxInput(l) {
     return "bc-checkbox-input";
   }
-  editableText(r) {
+  editableText(l) {
     return "bc-editable-text";
   }
-  numberInput(r) {
+  numberInput(l) {
     return "bc-number-input";
   }
   card({
-    variant: r = "default",
+    variant: l = "default",
     size: e = "md",
-    roundedness: n = "lg"
+    roundedness: t = "lg"
   }) {
-    const s = ["bc-card"];
-    return r !== "default" && s.push(`bc-card--${r}`), e !== "md" && s.push(`bc-card--padding-${e}`), n !== "lg" && s.push(`bc-card--rounded-${n}`), s.join(" ");
+    const o = ["bc-card"];
+    return l !== "default" && o.push(`bc-card--${l}`), e !== "md" && o.push(`bc-card--padding-${e}`), t !== "lg" && o.push(`bc-card--rounded-${t}`), o.join(" ");
   }
-  center({ gap: r = "lg" }) {
+  center({ gap: l = "lg" }) {
     const e = ["bc-center"];
-    return r !== "lg" && e.push(`bc-center--gap-${r}`), e.join(" ");
+    return l !== "lg" && e.push(`bc-center--gap-${l}`), e.join(" ");
   }
   sink({
-    variant: r = "default",
+    variant: l = "default",
     size: e = "md",
-    roundedness: n = "lg"
+    roundedness: t = "lg"
   }) {
-    const s = ["bc-sink"];
-    return r !== "default" && s.push(`bc-sink--${r}`), e !== "md" && s.push(`bc-sink--padding-${e}`), n !== "lg" && s.push(`bc-sink--rounded-${n}`), s.join(" ");
+    const o = ["bc-sink"];
+    return l !== "default" && o.push(`bc-sink--${l}`), e !== "md" && o.push(`bc-sink--padding-${e}`), t !== "lg" && o.push(`bc-sink--rounded-${t}`), o.join(" ");
   }
-  segmentedControl({ size: r = "sm" }) {
-    const e = ["bc-segmented-control"];
-    return r !== "sm" && e.push(`bc-segmented-control--size-${r}`), e.join(" ");
+  segmentedControl({ size: l = "sm" }) {
+    return [
+      "bc-segmented-control",
+      `bu-text-${l}`,
+      `bc-control--padding-${l}`
+    ].join(" ");
+  }
+  toggle({ disabled: l = !1, size: e = "md" }) {
+    const t = ["bc-toggle", `bu-text-${e}`, `bc-toggle--${e}`];
+    return l && t.push("bc-toggle--disabled"), t.join(" ");
   }
 }
-const _ = {
-  mark: Qe("Theme"),
+const C = {
+  mark: gn("Theme"),
   // Create function returns the value and cleanup
-  create: (t) => {
-    const r = new dn(), e = an(), n = Ze({
+  create: (n) => {
+    const l = new Bn(), e = Sn(), t = bn({
       key: "beatui-appearance-preference",
       defaultValue: "system"
-    }), s = () => {
-      e.dispose(), n.dispose();
-    }, l = $(
+    }), o = () => {
+      e.dispose(), t.dispose();
+    }, r = y(
       e,
-      n
-    )((c, i) => i === "system" ? c : i);
+      t
+    )((u, i) => i === "system" ? u : i);
     return {
       value: {
-        theme: r,
-        appearance: l,
-        appearancePreference: n,
-        setAppearancePreference: (c) => {
-          n.set(c);
+        theme: l,
+        appearance: r,
+        appearancePreference: t,
+        setAppearancePreference: (u) => {
+          t.set(u);
         }
       },
-      dispose: s
+      dispose: o
     };
   }
-}, ot = () => C(
-  _,
-  ({ appearance: t }) => a.class(t.map((r) => `b-${r}`))
+}, Dt = () => _(
+  C,
+  ({ appearance: n }) => c.class(n.map((l) => `b-${l}`))
 );
-function je({
-  type: t = "button",
-  disabled: r,
+function He({
+  type: n = "button",
+  disabled: l,
   variant: e = "filled",
-  size: n = "md",
-  color: s = "base",
-  roundedness: l = "sm",
-  onClick: o = () => {
+  size: t = "md",
+  color: o = "base",
+  roundedness: r = "sm",
+  onClick: s = () => {
   }
-}, ...c) {
-  return C(_, (i) => p.button(
-    a.type(t),
-    a.disabled(r),
-    a.class(
-      $(
+}, ...u) {
+  return _(C, (i) => h.button(
+    c.type(n),
+    c.disabled(l),
+    c.class(
+      y(
         i,
         e ?? "primary",
-        n ?? "md",
-        s,
-        l
+        t ?? "md",
+        o,
+        r
       )(
-        ({ theme: u }, h, g, b, y) => u.button({
-          variant: h,
+        ({ theme: a }, p, g, b, x) => a.button({
+          variant: p,
           size: g,
           color: b,
-          roundedness: y
+          roundedness: x
         })
       )
     ),
-    m.click(o),
-    ...c
+    m.click(s),
+    ...u
   ));
 }
-const mn = "bui-icons";
-function hn() {
-  return new Promise((t, r) => {
-    const e = indexedDB.open(mn, 1);
-    e.onupgradeneeded = function(n) {
-      const s = n.target.result;
-      s.objectStoreNames.contains("icons") || s.createObjectStore("icons");
+const In = "bui-icons";
+function An() {
+  return new Promise((n, l) => {
+    const e = indexedDB.open(In, 1);
+    e.onupgradeneeded = function(t) {
+      const o = t.target.result;
+      o.objectStoreNames.contains("icons") || o.createObjectStore("icons");
     }, e.onsuccess = function() {
-      t(e.result);
+      n(e.result);
     }, e.onerror = function() {
-      r(e.error);
+      l(e.error);
     };
   });
 }
-const Pe = hn();
-function gn(t, r) {
-  return new Promise(async (e, n) => {
-    const l = (await Pe).transaction("icons", "readwrite");
-    l.objectStore("icons").put(r, t), l.oncomplete = e, l.onerror = n;
+const Le = An();
+function Tn(n, l) {
+  return new Promise(async (e, t) => {
+    const r = (await Le).transaction("icons", "readwrite");
+    r.objectStore("icons").put(l, n), r.oncomplete = e, r.onerror = t;
   });
 }
-function fn(t) {
-  return new Promise(async (r, e) => {
-    const o = (await Pe).transaction("icons", "readonly").objectStore("icons").get(t);
-    o.onsuccess = function() {
-      r(o.result);
-    }, o.onerror = e;
+function On(n) {
+  return new Promise(async (l, e) => {
+    const s = (await Le).transaction("icons", "readonly").objectStore("icons").get(n);
+    s.onsuccess = function() {
+      l(s.result);
+    }, s.onerror = e;
   });
 }
-async function bn(t) {
-  const r = `https://api.iconify.design/${t}.svg`;
-  return fetch(r).then((e) => {
+async function Vn(n) {
+  const l = `https://api.iconify.design/${n}.svg`;
+  return fetch(l).then((e) => {
     if (e.status === 200)
       return e.text();
-    throw new Error(`Failed to load icon: ${t}`);
+    throw new Error(`Failed to load icon: ${n}`);
   });
 }
-async function xn(t) {
-  const r = t.replace(":", "/"), e = await fn(r);
+async function jn(n) {
+  const l = n.replace(":", "/"), e = await On(l);
   if (e)
     return e;
-  const n = await bn(r);
-  return await gn(r, n), n;
+  const t = await Vn(l);
+  return await Tn(l, t), t;
 }
-function Q({ icon: t, size: r = "md", color: e, title: n }, ...s) {
-  return C(_, ({ theme: l }) => p.span(
-    a.class(
-      $(
-        l,
+function Z({ icon: n, size: l = "md", color: e, title: t }, ...o) {
+  return _(C, ({ theme: r }) => h.span(
+    c.class(
+      y(
         r,
+        l,
         e
-      )((o, c, i) => o.icon({ size: c, color: i }))
+      )((s, u, i) => s.icon({ size: u, color: i }))
     ),
-    J.label(n),
-    un(
+    q.label(t),
+    _n(
       { once: !0 },
-      () => Fe({
-        request: t,
-        load: ({ request: o }) => xn(o),
+      () => Me({
+        request: n,
+        load: ({ request: s }) => jn(s),
         mapError: String
       })({
-        success: (o) => p.span(
+        success: (s) => h.span(
           d.width("100%"),
           d.height("100%"),
-          a.innerHTML(o)
+          c.innerHTML(s)
         ),
-        loading: () => p.span(a.class("animate-spin"), "↻"),
-        failure: (o) => p.span(a.title(o), a.class("text-red-500"), "🚫")
+        loading: () => h.span(c.class("animate-spin"), "↻"),
+        failure: (s) => h.span(c.title(s), c.class("text-red-500"), "🚫")
       })
     ),
-    ...s
+    ...o
   ));
 }
-const yn = ({
-  disabled: t,
-  value: r,
+const Nn = ({
+  disabled: n,
+  value: l,
   color: e = "base",
-  onClose: n
+  onClose: t
 }) => {
-  const s = A.map(t ?? !1, (o) => o), l = A.map(e ?? "base", (o) => o);
-  return C(_, (o) => p.span(
-    a.class(
-      $(
-        o,
+  const o = S.map(n ?? !1, (s) => s), r = S.map(e ?? "base", (s) => s);
+  return _(C, (s) => h.span(
+    c.class(
+      y(
         s,
-        l
+        o,
+        r
       )(
-        ({ theme: c }, i, u) => c.tag({
+        ({ theme: u }, i, a) => u.tag({
           disabled: i,
-          color: u
+          color: a
         })
       )
     ),
-    p.span(a.class("bc-tag__text"), r),
-    n != null ? p.button(
-      a.disabled(t),
-      a.class("bc-tag__close"),
-      p.span("×"),
-      m.click(() => n == null ? void 0 : n(A.get(r)))
-    ) : x
+    h.span(c.class("bc-tag__text"), l),
+    t != null ? h.button(
+      c.disabled(n),
+      c.class("bc-tag__close"),
+      h.span("×"),
+      m.click(() => t == null ? void 0 : t(S.get(l)))
+    ) : k
   ));
-}, at = (...t) => C(
-  _,
-  ({ theme: r }) => p.span(a.class(r.label({ type: "emphasis" })), ...t)
-), vn = (...t) => C(
-  _,
-  ({ theme: r }) => p.span(a.class(r.label({ type: "default" })), ...t)
-), wn = (...t) => C(
-  _,
-  ({ theme: r }) => p.span(a.class(r.label({ type: "muted" })), ...t)
-), ut = (...t) => C(
-  _,
-  ({ theme: r }) => p.span(a.class(r.label({ type: "error" })), ...t)
-), $n = p.span(
-  a.class("bc-control-input-wrapper__required"),
+}, Pt = (...n) => _(
+  C,
+  ({ theme: l }) => h.span(c.class(l.label({ type: "emphasis" })), ...n)
+), Fn = (...n) => _(
+  C,
+  ({ theme: l }) => h.span(c.class(l.label({ type: "default" })), ...n)
+), Hn = (...n) => _(
+  C,
+  ({ theme: l }) => h.span(c.class(l.label({ type: "muted" })), ...n)
+), Mt = (...n) => _(
+  C,
+  ({ theme: l }) => h.span(c.class(l.label({ type: "error" })), ...n)
+), Wn = h.span(
+  c.class("bc-control-input-wrapper__required"),
   " *"
-), k = ({
-  required: t,
-  label: r,
+), I = ({
+  required: n,
+  label: l,
   context: e,
-  description: n,
-  content: s,
-  controller: l
-}) => C(_, (o) => p.div(
-  a.class(
-    $(
-      o,
-      l.hasError,
-      l.disabled
+  description: t,
+  content: o,
+  controller: r
+}) => _(C, (s) => h.div(
+  c.class(
+    y(
+      s,
+      r.hasError,
+      r.disabled
     )(
-      ({ theme: c }, i, u) => c.controlInputWrapper({
+      ({ theme: u }, i, a) => u.controlInputWrapper({
         hasError: i,
-        disabled: u
+        disabled: a
       })
     )
   ),
-  r != null || e != null ? p.div(
-    a.class("bc-control-input-wrapper__header"),
-    p.label(
-      a.class("bc-control-input-wrapper__label"),
-      a.for(l.name),
-      p.span(
-        a.class(
-          $(
-            o,
-            l.hasError,
-            l.disabled
+  l != null || e != null ? h.div(
+    c.class("bc-control-input-wrapper__header"),
+    h.label(
+      c.class("bc-control-input-wrapper__label"),
+      c.for(r.name),
+      h.span(
+        c.class(
+          y(
+            s,
+            r.hasError,
+            r.disabled
           )(
-            ({ theme: c }, i, u) => c.controlInputWrapperLabelText({
+            ({ theme: u }, i, a) => u.controlInputWrapperLabelText({
               hasError: i,
-              disabled: u
+              disabled: a
             })
           )
         ),
-        r
+        l
       ),
-      r != null && t ? $n : x
+      l != null && n ? Wn : k
     ),
-    e != null ? vn(e) : x
-  ) : x,
-  p.div(a.class("bc-control-input-wrapper__content"), s),
-  n != null ? p.div(
-    a.class("bc-control-input-wrapper__description"),
-    n
-  ) : x,
-  We(
-    l.error,
-    (c) => p.div(a.class("bc-control-input-wrapper__error"), c)
+    e != null ? Fn(e) : k
+  ) : k,
+  h.div(c.class("bc-control-input-wrapper__content"), o),
+  t != null ? h.div(
+    c.class("bc-control-input-wrapper__description"),
+    t
+  ) : k,
+  Pe(
+    r.error,
+    (u) => h.div(c.class("bc-control-input-wrapper__error"), u)
   )
 )), O = ({
-  child: t,
-  disabled: r,
+  child: n,
+  disabled: l,
   input: e,
-  before: n,
-  after: s,
-  hasError: l,
-  focusableSelector: o = "input, select, textarea",
-  growInput: c = !0
+  before: t,
+  after: o,
+  hasError: r,
+  focusableSelector: s = "input, select, textarea",
+  growInput: u = !0
 }) => {
-  const i = A.map(r ?? !1, (u) => u);
-  return C(_, (u) => p.div(
-    t,
-    q((h) => {
+  const i = S.map(l ?? !1, (a) => a);
+  return _(C, (a) => h.div(
+    n,
+    z((p) => {
       const g = () => {
-        const b = h.querySelector(o);
+        const b = p.querySelector(s);
         b == null || b.focus();
       };
-      return h.addEventListener("click", g), K(() => h.removeEventListener("click", g));
+      return p.addEventListener("click", g), K(() => p.removeEventListener("click", g));
     }),
-    a.class(
-      $(
-        u,
+    c.class(
+      y(
+        a,
         i,
-        l ?? !1
+        r ?? !1
       )(
-        ({ theme: h }, g, b) => h.inputContainer({
+        ({ theme: p }, g, b) => p.inputContainer({
           disabled: g,
           hasError: b
         })
       )
     ),
-    n != null ? p.span(a.class("bc-input-container__before"), n) : null,
-    p.div(
-      a.class("bc-input-container__input"),
-      a.class(
-        A.map(
-          c,
-          (h) => h ? "bc-input-container__input--grow" : ""
+    t != null ? h.span(c.class("bc-input-container__before"), t) : null,
+    h.div(
+      c.class("bc-input-container__input"),
+      c.class(
+        S.map(
+          u,
+          (p) => p ? "bc-input-container__input--grow" : ""
         )
       ),
       e
     ),
-    s != null ? p.span(a.class("bc-input-container__after"), s) : null
+    o != null ? h.span(c.class("bc-input-container__after"), o) : null
   ));
-}, j = ({
-  autocomplete: t,
-  autofocus: r,
+}, V = ({
+  autocomplete: n,
+  autofocus: l,
   class: e,
-  disabled: n,
-  name: s,
-  placeholder: l,
-  id: o
-}) => R(
-  a.autocomplete(t),
-  a.autofocus(r),
-  a.class(e),
-  a.disabled(n),
-  a.name(s ?? o),
-  a.placeholder(l),
-  a.id(o)
-), T = (t) => ({
-  id: t.name,
-  disabled: t.disabled,
-  value: t.value,
-  hasError: t.hasError
-}), me = (t, r) => ({
-  ...T(t),
-  value: t.value.map(r)
-}), He = (t) => {
-  const { value: r, onBlur: e, onChange: n } = t;
+  disabled: t,
+  name: o,
+  placeholder: r,
+  id: s
+}) => U(
+  c.autocomplete(n),
+  c.autofocus(l),
+  c.class(e),
+  c.disabled(t),
+  c.name(o ?? s),
+  c.placeholder(r),
+  c.id(s)
+), T = (n) => ({
+  id: n.name,
+  disabled: n.disabled,
+  value: n.value,
+  hasError: n.hasError
+}), fe = (n, l) => ({
+  ...T(n),
+  value: n.value.map(l)
+}), Re = (n) => {
+  const { value: l, onBlur: e, onChange: t } = n;
   return O({
-    ...t,
-    input: H.date(
-      j(t),
-      a.valueAsDate(r),
-      a.class("bc-input"),
-      e != null ? m.blur(v(e)) : x,
-      n != null ? m.change(en(n)) : x
+    ...n,
+    input: P.date(
+      V(n),
+      c.valueAsDate(l),
+      c.class("bc-input"),
+      e != null ? m.blur(v(e)) : k,
+      t != null ? m.change(fn(t)) : k
     )
   });
-}, Sn = (t) => {
-  const { value: r, onBlur: e, onChange: n, onInput: s } = t;
+}, Dn = (n) => {
+  const { value: l, onBlur: e, onChange: t, onInput: o } = n;
   return O({
-    ...t,
-    input: H.text(
-      j(t),
-      a.value(r),
-      a.class("bc-input"),
-      e != null ? m.blur(v(e)) : x,
-      n != null ? m.change(v(n)) : x,
-      s != null ? m.input(v(s)) : x
+    ...n,
+    input: P.text(
+      V(n),
+      c.value(l),
+      c.class("bc-input"),
+      e != null ? m.blur(v(e)) : k,
+      t != null ? m.change(v(t)) : k,
+      o != null ? m.input(v(o)) : k
     )
   });
-}, E = (
+}, A = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (t, r) => () => {
-    r == null || r();
+  (n, l) => () => {
+    l == null || l();
   }
-), D = (t, r) => (e) => {
-  t.change(e), r == null || r(e);
-}, he = (t, r, e) => (n) => {
-  const s = r(n);
-  t.change(s), e == null || e(s);
-}, ct = (t, r, e) => (n) => {
-  r(n) ? (t.change(null), e == null || e(null)) : (t.change(n), e == null || e(n));
-}, it = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: Sn({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+), j = (n, l) => (e) => {
+  n.change(e), l == null || l(e);
+}, ke = (n, l, e) => (t) => {
+  const o = l(t);
+  n.change(o), e == null || e(o);
+}, Lt = (n, l, e) => (t) => {
+  l(t) ? (n.change(null), e == null || e(null)) : (n.change(t), e == null || e(t));
+}, Rt = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Dn({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, pt = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: He({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+}, qt = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Re({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, Cn = (t) => {
-  const r = t.getFullYear(), e = (t.getMonth() + 1).toString().padStart(2, "0"), n = t.getDate().toString().padStart(2, "0"), s = t.getHours().toString().padStart(2, "0"), l = t.getMinutes().toString().padStart(2, "0");
-  return `${r}-${e}-${n}T${s}:${l}`;
-}, _n = (t) => {
-  const { value: r, onBlur: e, onChange: n } = t;
+}, Pn = (n) => {
+  const l = n.getFullYear(), e = (n.getMonth() + 1).toString().padStart(2, "0"), t = n.getDate().toString().padStart(2, "0"), o = n.getHours().toString().padStart(2, "0"), r = n.getMinutes().toString().padStart(2, "0");
+  return `${l}-${e}-${t}T${o}:${r}`;
+}, Mn = (n) => {
+  const { value: l, onBlur: e, onChange: t } = n;
   return O({
-    ...t,
-    input: H["datetime-local"](
-      j(t),
-      a.value(A.map(r, Cn)),
-      a.class("bc-input"),
-      e != null ? m.blur(v(e)) : x,
-      n != null ? m.change(v((s) => n(new Date(s)))) : x
+    ...n,
+    input: P["datetime-local"](
+      V(n),
+      c.value(S.map(l, Pn)),
+      c.class("bc-input"),
+      e != null ? m.blur(v(e)) : k,
+      t != null ? m.change(v((o) => t(new Date(o)))) : k
     )
   });
-}, dt = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: _n({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+}, zt = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Mn({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, Bn = (t) => {
-  const r = {
+}, Ln = (n) => {
+  const l = {
     name: "email",
     autocomplete: "email",
     placeholder: "you@company.com",
-    ...t
-  }, { value: e, onBlur: n, onChange: s, onInput: l } = r;
+    ...n
+  }, { value: e, onBlur: t, onChange: o, onInput: r } = l;
   return O({
-    ...t,
-    input: H.email(
-      j(r),
-      a.value(e),
-      a.class("bc-input"),
-      n != null ? m.blur(v(n)) : x,
-      s != null ? m.change(v(s)) : x,
-      l != null ? m.input(v(l)) : x
+    ...n,
+    input: P.email(
+      V(l),
+      c.value(e),
+      c.class("bc-input"),
+      t != null ? m.blur(v(t)) : k,
+      o != null ? m.change(v(o)) : k,
+      r != null ? m.input(v(r)) : k
     )
   });
-}, mt = (t) => {
-  const { onChange: r, onBlur: e, ...n } = t;
-  return k({
+}, Ut = (n) => {
+  const { onChange: l, onBlur: e, ...t } = n;
+  return I({
     label: "Email",
-    ...n,
-    content: Bn({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, r),
-      onBlur: E(n.controller, e)
+    ...t,
+    content: Ln({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, l),
+      onBlur: A(t.controller, e)
     })
   });
-}, ht = {
+}, Gt = {
   filling: { type: "filling" },
   submitting: { type: "submitting" },
-  error: (t) => ({ type: "error", error: t }),
+  error: (n) => ({ type: "error", error: n }),
   success: { type: "success" }
-}, ge = "$$tts-exp-", In = (t, r) => q((e) => {
-  const n = `${ge}${t}`;
-  return K(A.on(r, (s) => Reflect.set(e, n, s)));
-}), gt = (t, r) => {
-  const e = `${ge}${t}`;
-  return (n) => {
-    r(Reflect.get(n.target, e));
+}, xe = "$$tts-exp-", Rn = (n, l) => z((e) => {
+  const t = `${xe}${n}`;
+  return K(S.on(l, (o) => Reflect.set(e, t, o)));
+}), Xt = (n, l) => {
+  const e = `${xe}${n}`;
+  return (t) => {
+    l(Reflect.get(t.target, e));
   };
-}, kn = (t, r) => {
-  const e = `${ge}${t}`;
-  return (n) => {
-    const s = n.target, l = s.selectedIndex, o = s.options[l];
-    r(Reflect.get(o, e));
+}, qn = (n, l) => {
+  const e = `${xe}${n}`;
+  return (t) => {
+    const o = t.target, r = o.selectedIndex, s = o.options[r];
+    l(Reflect.get(s, e));
   };
-}, ue = {
-  value: (t, r, e) => ({
+}, de = {
+  value: (n, l, e) => ({
     type: "value",
-    value: t,
-    label: r,
+    value: n,
+    label: l,
     disabled: e
   }),
-  group: (t, r, e) => ({
+  group: (n, l, e) => ({
     type: "group",
-    group: t,
-    options: r,
+    group: n,
+    options: l,
     disabled: e
   }),
   break: { type: "break" },
-  getOptionValues: (t) => t.flatMap(
-    (r) => r.type === "group" ? ue.getOptionValues(r.options) : r.type === "break" ? [] : [r.value]
+  getOptionValues: (n) => n.flatMap(
+    (l) => l.type === "group" ? de.getOptionValues(l.options) : l.type === "break" ? [] : [l.value]
   ),
-  contains: (t, r, e = (n, s) => n === s) => ue.getOptionValues(t).some((n) => e(n, r))
-}, Ve = (t, r, e) => We(
-  t,
-  (n) => nn(n, {
-    value: (s) => {
-      const l = $(
-        s,
+  contains: (n, l, e = (t, o) => t === o) => de.getOptionValues(n).some((t) => e(t, l))
+}, qe = (n, l, e) => Pe(
+  n,
+  (t) => kn(t, {
+    value: (o) => {
+      const r = y(
+        o,
         e
-      )((o, c) => r(o.value, c));
-      return p.option(
-        K(l.dispose),
-        a.selected(l),
-        In("value", s.$.value),
-        s.$.label
+      )((s, u) => l(s.value, u));
+      return h.option(
+        K(r.dispose),
+        c.selected(r),
+        Rn("value", o.$.value),
+        o.$.label
       );
     },
-    group: (s) => p.optgroup(
-      a.label(s.$.group),
-      pe(
-        s.$.options,
-        (l) => Ve(
-          l,
+    group: (o) => h.optgroup(
+      c.label(o.$.group),
+      be(
+        o.$.options,
+        (r) => qe(
           r,
+          l,
           e
         )
       )
     ),
-    break: () => p.hr()
+    break: () => h.hr()
   })
-), Me = (t) => {
+), ze = (n) => {
   const {
-    value: r,
+    value: l,
     onBlur: e,
-    onChange: n,
-    options: s,
-    unselectedLabel: l = "Select one ...",
-    equality: o = (i, u) => i === u
-  } = t;
-  let c;
+    onChange: t,
+    options: o,
+    unselectedLabel: r = "Select one ...",
+    equality: s = (i, a) => i === a
+  } = n;
+  let u;
   return O({
-    ...t,
+    ...n,
     child: m.click(() => {
-      c == null || c.focus(), typeof (c == null ? void 0 : c.showPicker) == "function" && c.showPicker();
+      u == null || u.focus(), typeof (u == null ? void 0 : u.showPicker) == "function" && u.showPicker();
     }),
-    input: p.select(
-      q((i) => {
-        c = i;
-        const u = new MutationObserver((h) => {
-          const { removedNodes: g } = h[0];
-          g.length > 0 && (c.selectedIndex = 0);
+    input: h.select(
+      z((i) => {
+        u = i;
+        const a = new MutationObserver((p) => {
+          const { removedNodes: g } = p[0];
+          g.length > 0 && (u.selectedIndex = 0);
         });
-        return u.observe(i, { childList: !0 }), K(() => u.disconnect());
+        return a.observe(i, { childList: !0 }), K(() => a.disconnect());
       }),
-      j(t),
-      a.class("focus:outline-none bg-transparent"),
-      a.class("w-full"),
-      p.option(a.hidden("hidden"), l),
-      pe(s, (i) => Ve(i, o, r)),
-      e != null ? m.blur(e) : x,
-      n != null ? m.change(kn("value", (i) => n(i))) : x
+      V(n),
+      c.class("focus:outline-none bg-transparent"),
+      c.class("w-full"),
+      h.option(c.hidden("hidden"), r),
+      be(o, (i) => qe(i, s, l)),
+      e != null ? m.blur(e) : k,
+      t != null ? m.change(qn("value", (i) => t(i))) : k
     )
   });
-}, En = (t) => Fe({
-  request: t.request,
-  load: t.load,
+}, zn = (n) => Me({
+  request: n.request,
+  load: n.load,
   mapError: String
 })({
-  success: (r) => {
-    const e = r.map(
-      (n) => n.map((s) => typeof s == "object" && "id" in s && "label" in s ? ue.value(s.id, s.label) : s)
+  success: (l) => {
+    const e = l.map(
+      (t) => t.map((o) => typeof o == "object" && "id" in o && "label" in o ? de.value(o.id, o.label) : o)
     );
-    return Me({
-      ...t,
+    return ze({
+      ...n,
       options: e,
-      unselectedLabel: t.unselectedLabel,
-      equality: t.equality
+      unselectedLabel: n.unselectedLabel,
+      equality: n.equality
     });
   },
-  loading: () => p.span(a.class("animate-spin"), J.label("Loading..."), "↻")
-}), ft = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: En({
-      ...t,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+  loading: () => h.span(c.class("animate-spin"), q.label("Loading..."), "↻")
+}), Qt = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: zn({
+      ...n,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, bt = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: Me({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+}, Yt = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: ze({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, Le = (t) => {
-  const { value: r, onBlur: e, onChange: n } = t;
+}, Ue = (n) => {
+  const { value: l, onBlur: e, onChange: t } = n;
   return O({
-    ...t,
-    input: H.date(
-      j(t),
-      a.valueAsDate(r),
-      a.class("bc-input"),
-      e != null ? m.blur(v(e)) : x,
-      n != null ? m.change(tn(n)) : x
+    ...n,
+    input: P.date(
+      V(n),
+      c.valueAsDate(l),
+      c.class("bc-input"),
+      e != null ? m.blur(v(e)) : k,
+      t != null ? m.change(xn(t)) : k
     )
   });
-}, xt = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: Le({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+}, Jt = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Ue({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, An = (t) => {
-  const r = t.getFullYear(), e = t.getMonth() + 1, n = t.getDate(), s = t.getHours(), l = t.getMinutes(), o = t.getSeconds();
-  return `${r}-${e.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${s.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
-}, qe = (t) => {
-  const { value: r, onBlur: e, onChange: n } = t, s = A.map(r, (l) => l != null ? An(l) : null);
+}, Un = (n) => {
+  const l = n.getFullYear(), e = n.getMonth() + 1, t = n.getDate(), o = n.getHours(), r = n.getMinutes(), s = n.getSeconds();
+  return `${l}-${e.toString().padStart(2, "0")}-${t.toString().padStart(2, "0")}T${o.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+}, Ge = (n) => {
+  const { value: l, onBlur: e, onChange: t } = n, o = S.map(l, (r) => r != null ? Un(r) : null);
   return O({
-    ...t,
-    input: H["datetime-local"](
-      j(t),
-      a.value(A.map(s, (l) => l ?? null)),
-      a.class("bc-input"),
-      e != null ? m.blur(v(e)) : x,
-      n != null ? m.change(rn(n)) : x
+    ...n,
+    input: P["datetime-local"](
+      V(n),
+      c.value(S.map(o, (r) => r ?? null)),
+      c.class("bc-input"),
+      e != null ? m.blur(v(e)) : k,
+      t != null ? m.change(yn(t)) : k
     )
   });
-}, yt = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: qe({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+}, Kt = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Ge({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, vt = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: Le({
-      ...n,
-      ...me(
-        n.controller,
-        (s) => s != null && s !== "" ? new Date(s) : null
+}, Zt = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Ue({
+      ...t,
+      ...fe(
+        t.controller,
+        (o) => o != null && o !== "" ? new Date(o) : null
       ),
-      onChange: he(
-        n.controller,
-        (s) => s != null ? s.toISOString().split("T")[0] : null,
+      onChange: ke(
+        t.controller,
+        (o) => o != null ? o.toISOString().split("T")[0] : null,
         e
       ),
-      onBlur: E(n.controller, r)
+      onBlur: A(t.controller, l)
     })
   });
-}, Tn = (t) => new Date(t), On = (t) => t.toISOString(), wt = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: qe({
-      ...n,
-      ...me(
-        n.controller,
-        (s) => s != null && s !== "" ? Tn(s) : null
+}, Gn = (n) => new Date(n), Xn = (n) => n.toISOString(), el = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Ge({
+      ...t,
+      ...fe(
+        t.controller,
+        (o) => o != null && o !== "" ? Gn(o) : null
       ),
-      onChange: he(
-        n.controller,
-        (s) => s != null ? On(s) : null,
+      onChange: ke(
+        t.controller,
+        (o) => o != null ? Xn(o) : null,
         e
       ),
-      onBlur: E(n.controller, r)
+      onBlur: A(t.controller, l)
     })
   });
-}, ne = (t) => typeof t == "string" && t.trim() === "" ? null : t, Re = (t) => t ?? "", jn = (t) => {
-  const { value: r, onBlur: e, onChange: n, onInput: s, ...l } = t;
+}, oe = (n) => typeof n == "string" && n.trim() === "" ? null : n, Xe = (n) => n ?? "", Qn = (n) => {
+  const { value: l, onBlur: e, onChange: t, onInput: o, ...r } = n;
   return O({
-    ...l,
-    input: H.text(
-      j(l),
-      a.value(A.map(r, Re)),
-      a.class("bc-input"),
-      e != null ? m.blur(e) : x,
-      n != null ? m.change(v((o) => n(ne(o)))) : x,
-      s != null ? m.input(v((o) => s(ne(o)))) : x
+    ...r,
+    input: P.text(
+      V(r),
+      c.value(S.map(l, Xe)),
+      c.class("bc-input"),
+      e != null ? m.blur(e) : k,
+      t != null ? m.change(v((s) => t(oe(s)))) : k,
+      o != null ? m.input(v((s) => o(oe(s)))) : k
     )
   });
-}, Dn = (t) => {
-  const { value: r, onBlur: e, onChange: n, onInput: s, rows: l } = t;
+}, Yn = (n) => {
+  const { value: l, onBlur: e, onChange: t, onInput: o, rows: r } = n;
   return O({
-    ...t,
-    input: p.textarea(
-      j(t),
-      a.rows(l ?? 10),
-      a.value(A.map(r, Re)),
-      a.class("bc-input"),
-      e != null ? m.blur(e) : x,
-      n != null ? m.change(v((o) => n(ne(o)))) : x,
-      s != null ? m.input(v((o) => s(ne(o)))) : x
+    ...n,
+    input: h.textarea(
+      V(n),
+      c.rows(r ?? 10),
+      c.value(S.map(l, Xe)),
+      c.class("bc-input"),
+      e != null ? m.blur(e) : k,
+      t != null ? m.change(v((s) => t(oe(s)))) : k,
+      o != null ? m.input(v((s) => o(oe(s)))) : k
     )
   });
-}, $t = (t) => {
-  const { onBlur: r, onChange: e, rows: n, ...s } = t;
-  return k({
-    ...s,
-    content: Dn({
-      ...s,
-      ...T(s.controller),
-      rows: n,
-      onChange: D(s.controller, e),
-      onBlur: E(s.controller, r)
+}, nl = (n) => {
+  const { onBlur: l, onChange: e, rows: t, ...o } = n;
+  return I({
+    ...o,
+    content: Yn({
+      ...o,
+      ...T(o.controller),
+      rows: t,
+      onChange: j(o.controller, e),
+      onBlur: A(o.controller, l)
     })
   });
-}, St = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: jn({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+}, tl = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Qn({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, Nn = (t) => {
-  const { value: r, step: e, min: n, max: s, onBlur: l, onChange: o, onInput: c, disabled: i } = t;
-  return C(_, (u) => O({
-    ...t,
-    input: H.number(
-      j(t),
-      a.valueAsNumber(r),
-      a.step(e),
-      a.min(n),
-      a.max(s),
-      a.class("bc-input"),
-      a.class(
-        $(
-          u,
+}, Jn = (n) => {
+  const { value: l, step: e, min: t, max: o, onBlur: r, onChange: s, onInput: u, disabled: i } = n;
+  return _(C, (a) => O({
+    ...n,
+    input: P.number(
+      V(n),
+      c.valueAsNumber(l),
+      c.step(e),
+      c.min(t),
+      c.max(o),
+      c.class("bc-input"),
+      c.class(
+        y(
+          a,
           i ?? !1
         )(
-          ({ theme: h }, g) => h.numberInput({
+          ({ theme: p }, g) => p.numberInput({
             disabled: g
           })
         )
       ),
-      l != null ? m.blur(v(l)) : x,
-      o != null ? m.change(oe(o)) : x,
-      c != null ? m.input(oe(c)) : x
+      r != null ? m.blur(v(r)) : k,
+      s != null ? m.change(ie(s)) : k,
+      u != null ? m.input(ie(u)) : k
     )
   }));
-}, Ct = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: Nn({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+}, ll = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Jn({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, Wn = (t) => {
+}, Kn = (n) => {
   const {
-    value: r,
+    value: l,
     onBlur: e,
-    onChange: n,
-    onInput: s,
-    before: l,
-    after: o,
-    hasError: c,
+    onChange: t,
+    onInput: o,
+    before: r,
+    after: s,
+    hasError: u,
     disabled: i,
-    autocomplete: u,
-    placeholder: h,
+    autocomplete: a,
+    placeholder: p,
     ...g
-  } = t, b = {
+  } = n, b = {
     name: "password",
     ...g
-  }, y = P(!0), B = $(
-    y,
-    u
-  )((V, z) => V ? z ?? "current-password" : "off"), W = $(
-    y,
-    h
-  )((V, z) => V ? "•••••••••••••••" : z ?? "secret password");
+  }, x = W(!0), E = y(
+    x,
+    a
+  )((M, G) => M ? G ?? "current-password" : "off"), H = y(
+    x,
+    p
+  )((M, G) => M ? "•••••••••••••••" : G ?? "secret password");
   return O({
-    before: l,
+    before: r,
     disabled: i,
-    hasError: c,
-    input: p.input(
-      j({
+    hasError: u,
+    input: h.input(
+      V({
         ...b,
-        autocomplete: B,
-        placeholder: W
+        autocomplete: E,
+        placeholder: H
       }),
-      ee(
-        y,
-        () => R(a.type("password")),
-        () => R(a.type("text"))
+      le(
+        x,
+        () => U(c.type("password")),
+        () => U(c.type("text"))
       ),
-      a.class("bc-input"),
-      a.value(r),
-      e != null ? m.blur(v(e)) : x,
-      n != null ? m.change(v(n)) : x,
-      s != null ? m.input(v(s)) : x
+      c.class("bc-input"),
+      c.value(l),
+      e != null ? m.blur(v(e)) : k,
+      t != null ? m.change(v(t)) : k,
+      o != null ? m.input(v(o)) : k
     ),
-    after: o ?? p.button(
-      a.class("bc-input-container__password-toggle"),
-      J.label("Toggle password visibility"),
-      m.click(() => y.update((V) => !V)),
-      ee(
-        y,
-        () => Q({ icon: "line-md--eye" }),
-        () => Q({ icon: "line-md--eye-off" })
+    after: s ?? h.button(
+      c.class("bc-input-container__password-toggle"),
+      q.label("Toggle password visibility"),
+      m.click(() => x.update((M) => !M)),
+      le(
+        x,
+        () => Z({ icon: "line-md--eye" }),
+        () => Z({ icon: "line-md--eye-off" })
       )
     )
   });
-}, _t = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
+}, ol = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
     label: "Password",
-    ...n,
-    content: Wn({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+    ...t,
+    content: Kn({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
 };
-function Fn(t, r) {
-  return t.length === r.length && t.every((e, n) => e === r[n]);
+function Zn(n, l) {
+  return n.length === l.length && n.every((e, t) => e === l[t]);
 }
-function Bt({
-  segments: t,
-  activeSegment: r = null,
+function rl({
+  segments: n,
+  activeSegment: l = null,
   onSegmentChange: e,
-  size: n = "sm"
+  size: t = "md"
 }) {
-  const s = A.toSignal(r ?? null).deriveProp(), l = P(
-    t.map(() => 0),
-    Fn
+  const o = S.toSignal(
+    l ?? null
+  ).deriveProp(), r = W(
+    n.map(() => 0),
+    Zn
   );
-  return C(_, (o) => p.div(
-    a.class(
-      $(
-        o,
-        n
+  return _(C, (s) => h.div(
+    c.class(
+      y(
+        s,
+        t
       )(
-        ({ theme: c }, i) => c.segmentedControl({
+        ({ theme: u }, i) => u.segmentedControl({
           size: i
         })
       )
     ),
-    p.div(
-      a.class("bc-segmented-control__container"),
+    h.div(
+      c.class("bc-segmented-control__container"),
       // sliding tab block
-      p.div(
-        a.class("bc-segmented-control__indicator"),
+      h.div(
+        c.class("bc-segmented-control__indicator"),
         d.display(
-          s.map((c) => c == null ? "none" : "block")
+          o.map((u) => u == null ? "none" : "block")
         ),
         d.width(
-          Oe(() => `${l.value[s.value ?? 0]}px`, [s, l])
+          Fe(() => `${r.value[o.value ?? 0]}px`, [o, r])
         ),
         d.left(
-          Oe(() => `${l.value.slice(0, s.value ?? 0).reduce((i, u) => i + u, 0)}px`, [s, l])
+          Fe(() => `${r.value.slice(0, o.value ?? 0).reduce((i, a) => i + a, 0)}px`, [o, r])
         )
       ),
       // clickable buttons
-      t.map(({ label: c, onSelect: i }, u) => p.button(
+      n.map(({ label: u, onSelect: i }, a) => h.button(
         // { href: href ?? '' },
-        m.click((h) => {
-          h.preventDefault(), s.set(u), e == null || e(u), i == null || i();
+        m.click((p) => {
+          p.preventDefault(), o.set(a), e == null || e(a), i == null || i();
         }),
-        a.class("bc-segmented-control__segment"),
-        a.class(
-          s.map((h) => h == null || h === u ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
+        c.class("bc-segmented-control__segment"),
+        c.class(
+          o.map((p) => p == null || p === a ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
         ),
-        de((h) => (h.on(({ width: g }) => {
-          l.update((b) => {
-            const y = [...b];
-            return y[u] = g, y;
+        ce((p) => (p.on(({ width: g }) => {
+          r.update((b) => {
+            const x = [...b];
+            return x[a] = g, x;
           });
-        }), c))
+        }), u))
       ))
     )
   ));
 }
-const It = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: He({
-      ...n,
-      ...me(
-        n.controller,
-        (s) => new Date(s)
+const sl = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: Re({
+      ...t,
+      ...fe(
+        t.controller,
+        (o) => new Date(o)
       ),
-      onChange: he(
-        n.controller,
-        (s) => s.toISOString(),
+      onChange: ke(
+        t.controller,
+        (o) => o.toISOString(),
         e
       ),
-      onBlur: E(n.controller, r)
+      onBlur: A(t.controller, l)
     })
   });
-}, Pn = (t) => {
-  const { value: r, onChange: e, onBlur: n } = t, s = P(""), l = (c) => {
-    e == null || e(A.get(r).filter((i) => i !== c));
-  }, o = () => {
-    const c = s.value.trim(), i = A.get(r);
-    c === "" || i.includes(c) || (s.set(""), e == null || e([...i, c]));
+}, et = (n) => {
+  const { value: l, onChange: e, onBlur: t } = n, o = W(""), r = (u) => {
+    e == null || e(S.get(l).filter((i) => i !== u));
+  }, s = () => {
+    const u = o.value.trim(), i = S.get(l);
+    u === "" || i.includes(u) || (o.set(""), e == null || e([...i, u]));
   };
   return O({
-    ...t,
-    input: R(
-      a.class("bc-input-container__tags"),
-      pe(r, (c) => yn({ value: c, onClose: () => l(c.value) })),
-      H.text(
-        j(t),
-        a.value(s),
-        a.class("bc-input bc-input-container__tags-input"),
-        m.input(v(s.set)),
-        e != null ? m.change(o) : x,
-        n != null ? m.blur(n) : x
+    ...n,
+    input: U(
+      c.class("bc-input-container__tags"),
+      be(l, (u) => Nn({ value: u, onClose: () => r(u.value) })),
+      P.text(
+        V(n),
+        c.value(o),
+        c.class("bc-input bc-input-container__tags-input"),
+        m.input(v(o.set)),
+        e != null ? m.change(s) : k,
+        t != null ? m.blur(t) : k
       )
     )
   });
-}, kt = (t) => {
-  const { onBlur: r, onChange: e, ...n } = t;
-  return k({
-    ...n,
-    content: Pn({
-      ...n,
-      ...T(n.controller),
-      onChange: D(n.controller, e),
-      onBlur: E(n.controller, r)
+}, cl = (n) => {
+  const { onBlur: l, onChange: e, ...t } = n;
+  return I({
+    ...t,
+    content: et({
+      ...t,
+      ...T(t.controller),
+      onChange: j(t.controller, e),
+      onBlur: A(t.controller, l)
     })
   });
-}, Hn = (t) => {
-  const { value: r, onBlur: e, onChange: n, onInput: s, rows: l } = t;
+}, nt = (n) => {
+  const { value: l, onBlur: e, onChange: t, onInput: o, rows: r } = n;
   return O({
-    ...t,
-    input: p.textarea(
-      j(t),
-      a.rows(l ?? 10),
-      a.value(r),
-      a.class("bc-input"),
-      e != null ? m.blur(v(e)) : x,
-      n != null ? m.change(v(n)) : x,
-      s != null ? m.input(v(s)) : x
+    ...n,
+    input: h.textarea(
+      V(n),
+      c.rows(r ?? 10),
+      c.value(l),
+      c.class("bc-input"),
+      e != null ? m.blur(v(e)) : k,
+      t != null ? m.change(v(t)) : k,
+      o != null ? m.input(v(o)) : k
     )
   });
-}, Et = (t) => {
-  const { onBlur: r, onChange: e, rows: n, ...s } = t;
-  return k({
-    ...s,
-    content: Hn({
-      ...s,
-      ...T(s.controller),
-      rows: n,
-      value: s.controller.value,
-      onChange: D(s.controller, e),
-      onBlur: E(s.controller, r)
+}, al = (n) => {
+  const { onBlur: l, onChange: e, rows: t, ...o } = n;
+  return I({
+    ...o,
+    content: nt({
+      ...o,
+      ...T(o.controller),
+      rows: t,
+      value: o.controller.value,
+      onChange: j(o.controller, e),
+      onBlur: A(o.controller, l)
     })
   });
 };
-function ze(t) {
+function Qe(n) {
   return function(e) {
-    var s;
+    var o;
     if (e.type === "Valid") return e;
-    const n = (s = e.dependencies) == null ? void 0 : s[t];
-    return n != null ? { type: "Invalid", ...n } : { type: "Valid" };
+    const t = (o = e.dependencies) == null ? void 0 : o[n];
+    return t != null ? { type: "Invalid", ...t } : { type: "Valid" };
   };
 }
-function At(t) {
-  return t.split(".").map((e) => {
-    const n = e.match(/^\[(\d+)\]$/);
-    return n ? Number(n[1]) : e;
+function ul(n) {
+  return n.split(".").map((e) => {
+    const t = e.match(/^\[(\d+)\]$/);
+    return t ? Number(t[1]) : e;
   });
 }
-function Vn(t) {
-  return typeof t == "number" ? `[${t}]` : `.${t}`;
+function tt(n) {
+  return typeof n == "number" ? `[${n}]` : `.${n}`;
 }
-function Mn(t) {
-  if (t.length === 0) return "";
-  const [r, ...e] = t;
+function lt(n) {
+  if (n.length === 0) return "";
+  const [l, ...e] = n;
   return [
-    typeof r == "number" ? `[${r}]` : r,
-    ...e.map(Vn)
+    typeof l == "number" ? `[${l}]` : l,
+    ...e.map(tt)
   ].join("");
 }
-var G;
-class te {
-  constructor(r, e, n, s, l) {
+var X;
+class re {
+  constructor(l, e, t, o, r) {
     w(this, "path");
     w(this, "change");
     w(this, "value");
@@ -1065,63 +1074,63 @@ class te {
     w(this, "error");
     w(this, "hasError");
     w(this, "dependencyErrors");
-    U(this, G, {
-      disabled: P(!1)
+    Q(this, X, {
+      disabled: W(!1)
     });
     w(this, "parent");
     w(this, "disabled");
     w(this, "disable", () => {
-      S(this, G).disabled.set(!0);
+      $(this, X).disabled.set(!0);
     });
     w(this, "enable", () => {
-      S(this, G).disabled.set(!1);
+      $(this, X).disabled.set(!1);
     });
-    this.path = r, this.change = e, this.value = n, this.status = s, this.error = s.map((o) => o.type === "Invalid" ? o.error : void 0), this.hasError = s.map((o) => o.type === "Invalid"), this.dependencyErrors = s.map(
-      (o) => o.type === "Invalid" ? o.dependencies : void 0
-    ), this.parent = l, this.disabled = $(
-      S(this, G).disabled,
-      l.disabled
-    )((o, c) => o || c);
+    this.path = l, this.change = e, this.value = t, this.status = o, this.error = o.map((s) => s.type === "Invalid" ? s.error : void 0), this.hasError = o.map((s) => s.type === "Invalid"), this.dependencyErrors = o.map(
+      (s) => s.type === "Invalid" ? s.dependencies : void 0
+    ), this.parent = r, this.disabled = y(
+      $(this, X).disabled,
+      r.disabled
+    )((s, u) => s || u);
   }
   get name() {
-    return Mn(this.path);
+    return lt(this.path);
   }
   dispose() {
-    S(this, G).disabled.dispose();
+    $(this, X).disabled.dispose();
   }
 }
-G = new WeakMap();
-var M, X;
-const be = class be extends te {
-  constructor(e, n, s, l, o) {
+X = new WeakMap();
+var L, Y;
+const ve = class ve extends re {
+  constructor(e, t, o, r, s) {
     super(
       e,
-      n,
-      s.map((c) => c ?? []),
-      l,
-      o
+      t,
+      o.map((u) => u ?? []),
+      r,
+      s
     );
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    U(this, M, new Array());
-    U(this, X, (e, n) => {
-      if (S(this, M)[e])
-        return S(this, M)[e];
-      const s = async (o) => {
-        const c = this.value.value.slice();
-        c[e] = o, this.change(c);
-      }, l = n(
+    Q(this, L, new Array());
+    Q(this, Y, (e, t) => {
+      if ($(this, L)[e])
+        return $(this, L)[e];
+      const o = async (s) => {
+        const u = this.value.value.slice();
+        u[e] = s, this.change(u);
+      }, r = t(
         [...this.path, e],
-        s,
-        this.value.map((o) => o[e]),
-        this.status.map(ze(e)),
+        o,
+        this.value.map((s) => s[e]),
+        this.status.map(Qe(e)),
         { disabled: this.disabled }
       );
-      return S(this, M)[e] = l, l;
+      return $(this, L)[e] = r, r;
     });
     w(this, "length", this.value.map((e) => e.length));
-    w(this, "item", (e) => S(this, X).call(this, e, (n, s, l, o, c) => new te(n, s, l, o, c)));
-    w(this, "list", (e) => S(this, X).call(this, e, (n, s, l, o, c) => new be(n, s, l, o, c)));
-    w(this, "group", (e) => S(this, X).call(this, e, (n, s, l, o, c) => new re(n, s, l, o, c)));
+    w(this, "item", (e) => $(this, Y).call(this, e, (t, o, r, s, u) => new re(t, o, r, s, u)));
+    w(this, "list", (e) => $(this, Y).call(this, e, (t, o, r, s, u) => new ve(t, o, r, s, u)));
+    w(this, "group", (e) => $(this, Y).call(this, e, (t, o, r, s, u) => new se(t, o, r, s, u)));
     w(this, "push", (...e) => {
       this.change([...this.value.value, ...e]);
     });
@@ -1137,385 +1146,488 @@ const be = class be extends te {
     w(this, "removeAt", (e) => {
       this.splice(e, 1);
     });
-    w(this, "splice", (e, n) => {
-      const s = S(this, M).splice(e, n);
-      for (const o of s)
-        o.dispose();
-      const l = this.value.value.slice();
-      l.splice(e, n), this.change(l);
+    w(this, "splice", (e, t) => {
+      const o = $(this, L).splice(e, t);
+      for (const s of o)
+        s.dispose();
+      const r = this.value.value.slice();
+      r.splice(e, t), this.change(r);
     });
   }
   dispose() {
     super.dispose();
-    for (const e of S(this, M))
+    for (const e of $(this, L))
       e.dispose();
-    S(this, M).length = 0;
+    $(this, L).length = 0;
   }
 };
-M = new WeakMap(), X = new WeakMap();
-let ce = be;
-var L, Y;
-const xe = class xe extends te {
-  constructor(e, n, s, l, o) {
+L = new WeakMap(), Y = new WeakMap();
+let pe = ve;
+var R, J;
+const we = class we extends re {
+  constructor(e, t, o, r, s) {
     super(
       e,
-      n,
-      s.map((c) => c ?? {}),
-      l,
-      o
+      t,
+      o.map((u) => u ?? {}),
+      r,
+      s
     );
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    U(this, L, /* @__PURE__ */ new Map());
-    U(this, Y, (e, n) => {
-      if (S(this, L).has(e))
-        return S(this, L).get(e);
-      const s = async (o) => {
+    Q(this, R, /* @__PURE__ */ new Map());
+    Q(this, J, (e, t) => {
+      if ($(this, R).has(e))
+        return $(this, R).get(e);
+      const o = async (s) => {
         this.change({
           ...this.value.value,
-          [e]: o
+          [e]: s
         });
-      }, l = n(
+      }, r = t(
         [...this.path, e],
-        s,
-        this.value.map((o) => o[e]),
-        this.status.map(ze(e)),
+        o,
+        this.value.map((s) => s[e]),
+        this.status.map(Qe(e)),
         { disabled: this.disabled }
       );
-      return S(this, L).set(
+      return $(this, R).set(
         e,
-        l
-      ), l;
+        r
+      ), r;
     });
-    w(this, "field", (e) => S(this, Y).call(this, e, (n, s, l, o, c) => new te(n, s, l, o, c)));
-    w(this, "list", (e) => S(this, Y).call(this, e, (n, s, l, o, c) => new ce(n, s, l, o, c)));
-    w(this, "group", (e) => S(this, Y).call(this, e, (n, s, l, o, c) => new xe(n, s, l, o, c)));
+    w(this, "field", (e) => $(this, J).call(this, e, (t, o, r, s, u) => new re(t, o, r, s, u)));
+    w(this, "list", (e) => $(this, J).call(this, e, (t, o, r, s, u) => new pe(t, o, r, s, u)));
+    w(this, "group", (e) => $(this, J).call(this, e, (t, o, r, s, u) => new we(t, o, r, s, u)));
   }
   dispose() {
     super.dispose();
-    for (const e of S(this, L).values())
+    for (const e of $(this, R).values())
       e.dispose();
-    S(this, L).clear();
+    $(this, R).clear();
   }
 };
-L = new WeakMap(), Y = new WeakMap();
-let re = xe;
-class Ln extends re {
+R = new WeakMap(), J = new WeakMap();
+let se = we;
+class ot extends se {
   dispose() {
     super.dispose(), this.parent.disabled.dispose(), this.value.dispose(), this.status.dispose();
   }
 }
-const Tt = (t) => {
-  const { value: r, onBlur: e, onChange: n, placeholder: s, disabled: l } = t;
-  return C(_, (o) => O({
+const il = (n) => {
+  const { value: l, onBlur: e, onChange: t, placeholder: o, disabled: r } = n;
+  return _(C, (s) => O({
     growInput: !1,
-    ...t,
-    input: p.span(
-      a.class(
-        $(
-          o,
-          l ?? !1
+    ...n,
+    input: h.span(
+      c.class(
+        y(
+          s,
+          r ?? !1
         )(
-          ({ theme: c }, i) => c.checkboxInput({
+          ({ theme: u }, i) => u.checkboxInput({
             disabled: i
           })
         )
       ),
-      H.checkbox(
-        j(t),
-        a.checked(r),
-        a.class("bc-checkbox-input__checkbox"),
-        e != null ? m.blur(v(e)) : x,
-        n != null ? m.change(sn(n)) : x
+      P.checkbox(
+        V(n),
+        c.checked(l),
+        c.class("bc-checkbox-input__checkbox"),
+        e != null ? m.blur(v(e)) : k,
+        t != null ? m.change(vn(t)) : k
       ),
-      s != null ? p.span(
-        a.class("bc-checkbox-input__label"),
-        wn(s)
-      ) : x
+      o != null ? h.span(
+        c.class("bc-checkbox-input__label"),
+        Hn(o)
+      ) : k
     )
   }));
-}, Ot = ({
-  startEditing: t,
-  value: r,
+}, hl = ({
+  startEditing: n,
+  value: l,
   onChange: e,
-  placeholder: n
+  placeholder: t
 }) => {
-  const s = A.deriveProp(t ?? !1), l = P(!1);
-  return C(_, (o) => p.div(
-    a.class(
-      $(
-        o,
-        s
+  const o = S.deriveProp(n ?? !1), r = W(!1);
+  return _(C, (s) => h.div(
+    c.class(
+      y(
+        s,
+        o
       )(
-        ({ theme: c }, i) => c.editableText({
+        ({ theme: u }, i) => u.editableText({
           isEditing: i
         })
       )
     ),
-    ee(
-      s,
-      () => p.input(
-        a.placeholder(n),
-        a.value(r),
-        a.class("bc-editable-text__input"),
-        cn(),
-        m.keydown((c) => {
-          c.key === "Enter" ? s.set(!1) : c.key === "Escape" && (l.set(!0), s.set(!1));
+    le(
+      o,
+      () => h.input(
+        c.placeholder(t),
+        c.value(l),
+        c.class("bc-editable-text__input"),
+        Cn(),
+        m.keydown((u) => {
+          u.key === "Enter" ? o.set(!1) : u.key === "Escape" && (r.set(!0), o.set(!1));
         }),
         m.blur(
-          v((c) => {
-            if (s.set(!1), l.value) {
-              l.set(!1);
+          v((u) => {
+            if (o.set(!1), r.value) {
+              r.set(!1);
               return;
             }
-            e(c);
+            e(u);
           })
         )
       ),
-      () => p.span(
-        m.click(() => s.set(!0)),
-        a.class("bc-editable-text__display"),
-        ee(
-          A.map(r, (c) => c != null && c.trim() !== ""),
-          () => p.span(a.class("bc-editable-text__text"), r),
-          () => p.span(
-            a.class("bc-editable-text__placeholder"),
-            n
+      () => h.span(
+        m.click(() => o.set(!0)),
+        c.class("bc-editable-text__display"),
+        le(
+          S.map(l, (u) => u != null && u.trim() !== ""),
+          () => h.span(c.class("bc-editable-text__text"), l),
+          () => h.span(
+            c.class("bc-editable-text__placeholder"),
+            t
           )
         ),
-        p.button(
-          a.class("bc-editable-text__edit-button"),
-          J.label("Edit"),
-          m.click(() => s.set(!0)),
-          Q({ icon: "line-md/pencil" })
+        h.button(
+          c.class("bc-editable-text__edit-button"),
+          q.label("Edit"),
+          m.click(() => o.set(!0)),
+          Z({ icon: "line-md/pencil" })
         )
       )
     )
   ));
-};
-function qn(t) {
-  function r(e) {
+}, dl = ({
+  value: n,
+  onChange: l,
+  offLabel: e,
+  onLabel: t,
+  label: o,
+  disabled: r = !1,
+  size: s = "md"
+}) => _(C, (u) => h.div(
+  c.class(
+    y(
+      u,
+      r ?? !1,
+      s
+    )(
+      ({ theme: i }, a, p) => i.toggle({
+        disabled: a,
+        size: p
+      })
+    )
+  ),
+  c.role("switch"),
+  q.checked(n),
+  m.click(() => {
+    S.get(r) || l(!S.get(n));
+  }),
+  o != null ? h.div(c.class("bc-toggle__label"), o) : null,
+  h.div(
+    c.class("bc-toggle__track"),
+    c.class(
+      S.map(
+        n,
+        (i) => i ? "bc-toggle__track--on" : "bc-toggle__track--off"
+      )
+    ),
+    e != null ? h.div(
+      q.hidden(!0),
+      c.class("bc-toggle__track-label bc-toggle__track-label--off"),
+      c.class(
+        S.map(
+          n,
+          (i) => i ? "bc-toggle__track-label--hidden" : "bc-toggle__track-label--visible"
+        )
+      ),
+      e
+    ) : null,
+    t != null ? h.div(
+      c.class("bc-toggle__track-label bc-toggle__track-label--on"),
+      c.class(
+        S.map(
+          n,
+          (i) => i ? "bc-toggle__track-label--visible" : "bc-toggle__track-label--hidden"
+        )
+      ),
+      t
+    ) : null,
+    ce(
+      (i) => h.div(
+        c.class("bc-toggle__thumb"),
+        c.class(
+          S.map(
+            n,
+            (a) => a ? "bc-toggle__thumb--on" : "bc-toggle__thumb--off"
+          )
+        ),
+        d.transform(
+          y(
+            n,
+            i,
+            s
+          )((a, { width: p }, g) => {
+            const b = (() => {
+              switch (g) {
+                case "xs":
+                  return 5;
+                case "sm":
+                  return 5.5;
+                case "md":
+                  return 6;
+                case "lg":
+                  return 7;
+                case "xl":
+                  return 8;
+              }
+            })();
+            return a ? `translateX(calc(${p}px - (var(--spacing-base) * ${b})))` : "translateX(0)";
+          })
+        )
+      )
+    )
+  )
+));
+function rt(n) {
+  function l(e) {
     return typeof e == "number" ? e : e.toString();
   }
-  return t.map(
-    (e) => typeof e == "object" && e.key != null ? r(e.key) : r(e)
+  return n.map(
+    (e) => typeof e == "object" && e.key != null ? l(e.key) : l(e)
   );
 }
-function Rn(t) {
-  const r = t.filter((s) => s.path == null || s.path.length === 0).map((s) => s.message), e = t.filter((s) => s.path != null && s.path.length > 0).reduce((s, l) => {
-    const o = qn(l.path), c = o.pop();
-    let i = s;
-    for (const u of o)
-      i.dependencies == null && (i.dependencies = {}), i.dependencies[u] == null && (i.dependencies[u] = {}), i = i.dependencies[u];
-    return i.dependencies == null && (i.dependencies = {}), i.dependencies[c] = { error: l.message }, s;
-  }, {}), n = r.join(`
+function st(n) {
+  const l = n.filter((o) => o.path == null || o.path.length === 0).map((o) => o.message), e = n.filter((o) => o.path != null && o.path.length > 0).reduce((o, r) => {
+    const s = rt(r.path), u = s.pop();
+    let i = o;
+    for (const a of s)
+      i.dependencies == null && (i.dependencies = {}), i.dependencies[a] == null && (i.dependencies[a] = {}), i = i.dependencies[a];
+    return i.dependencies == null && (i.dependencies = {}), i.dependencies[u] = { error: r.message }, o;
+  }, {}), t = l.join(`
 `);
   return {
     ...e,
-    error: n != "" ? n : void 0
+    error: t != "" ? t : void 0
   };
 }
-function Ge(t) {
-  return R(a.disabled(t.disabled), a.name(t.name));
+function Ye(n) {
+  return U(c.disabled(n.disabled), c.name(n.name));
 }
-function jt(t, {
-  triggerOn: r = "change"
+function pl(n, {
+  triggerOn: l = "change"
 } = {}) {
-  return R(
-    Ge(t),
-    a.value(t.value),
-    (r === "input" ? m.input : m.change)(v(t.change))
+  return U(
+    Ye(n),
+    c.value(n.value),
+    (l === "input" ? m.input : m.change)(v(n.change))
   );
 }
-function Dt(t, {
-  triggerOn: r = "change"
+function ml(n, {
+  triggerOn: l = "change"
 } = {}) {
-  return R(
-    Ge(t),
-    a.valueAsNumber(t.value),
-    (r === "input" ? m.input : m.change)(
-      oe(t.change)
+  return U(
+    Ye(n),
+    c.valueAsNumber(n.value),
+    (l === "input" ? m.input : m.change)(
+      ie(n.change)
     )
   );
 }
-function Nt({
-  defaultValue: t = {},
-  schema: r
+function gl({
+  defaultValue: n = {},
+  schema: l
 }) {
-  const e = P(t), n = P({ type: "Valid" }), s = P(!1), l = async (c) => {
-    e.set(c);
-    const i = await r["~standard"].validate(c);
-    i.issues != null ? n.set({
+  const e = W(n), t = W({ type: "Valid" }), o = W(!1), r = async (u) => {
+    e.set(u);
+    const i = await l["~standard"].validate(u);
+    i.issues != null ? t.set({
       type: "Invalid",
-      ...Rn(i.issues)
-    }) : n.set({ type: "Valid" });
+      ...st(i.issues)
+    }) : t.set({ type: "Valid" });
   };
-  return new Ln([], l, e, n, {
-    disabled: s
+  return new ot([], r, e, t, {
+    disabled: o
   });
 }
-const zn = ["!=", "<=", ">=", "<", ">", "="];
-function Gn(t) {
-  for (const r of zn)
-    if (typeof t == "string" && t.startsWith(r))
-      return [r, t.slice(r.length)];
-  return ["=", t];
-}
-function Un(t, r, e) {
-  const [n, s] = Gn(r), l = t.findIndex((i) => i[1] === s);
-  if (l === -1)
-    throw new Error(`Breakpoint ${String(s)} not found`);
-  const o = t[l][0], c = l < t.length - 1 ? t[l + 1][0] : 1 / 0;
-  switch (n) {
+const ct = ["!=", "<=", ">=", "<", ">", "="];
+function at(n) {
+  for (const l of ct)
+    if (typeof n == "string" && n.startsWith(l))
+      return [l, n.slice(l.length)];
+  return ["=", n];
+}
+function ut(n, l, e) {
+  const [t, o] = at(l), r = n.findIndex((i) => i[1] === o);
+  if (r === -1)
+    throw new Error(`Breakpoint ${String(o)} not found`);
+  const s = n[r][0], u = r < n.length - 1 ? n[r + 1][0] : 1 / 0;
+  switch (t) {
     case "=":
-      return e >= o && e < c;
+      return e >= s && e < u;
     case "!=":
-      return !(e >= o && e < c);
+      return !(e >= s && e < u);
     case "<=":
-      return e <= o;
+      return e <= s;
     case ">=":
-      return e >= o;
+      return e >= s;
     case "<":
-      return e < o;
+      return e < s;
     case ">":
-      return e > o;
+      return e > s;
     default:
       return !1;
   }
 }
-function Wt(t, r) {
-  const e = t.findIndex((n) => n[0] > r) - 1;
-  return e >= 0 ? t[e][1] : (t.length > 0 && r >= t[0][0], t[0][1]);
-}
-function Ue(t, { breakpoints: r, mode: e = "viewport" }) {
-  const s = [...Object.entries(r).map(
-    ([o, c]) => [c, o]
-  )].sort((o, c) => o[0] - c[0]), l = (o) => {
-    const c = o.map(({ width: u }) => {
-      const h = s.findIndex((g) => g[0] > u) - 1;
-      return h >= 0 ? { width: u, breakpoint: s[h][1] } : s.length > 0 && u >= s[0][0] ? { width: u, breakpoint: s[0][1] } : { width: u, breakpoint: s[0][1] };
+function bl(n, l) {
+  const e = n.findIndex((t) => t[0] > l) - 1;
+  return e >= 0 ? n[e][1] : (n.length > 0 && l >= n[0][0], n[0][1]);
+}
+function Je(n, { breakpoints: l, mode: e = "viewport" }) {
+  const o = [...Object.entries(l).map(
+    ([s, u]) => [u, s]
+  )].sort((s, u) => s[0] - u[0]), r = (s) => {
+    const u = s.map(({ width: a }) => {
+      const p = o.findIndex((g) => g[0] > a) - 1;
+      return p >= 0 ? { width: a, breakpoint: o[p][1] } : o.length > 0 && a >= o[0][0] ? { width: a, breakpoint: o[0][1] } : { width: a, breakpoint: o[0][1] };
     });
-    return t({
-      value: c,
-      breakpoints: r,
-      asList: s,
-      is: (u, h) => Un(s, u, h)
+    return n({
+      value: u,
+      breakpoints: l,
+      asList: o,
+      is: (a, p) => ut(o, a, p)
     });
   };
-  return e === "element" ? de(l) : pn(l);
+  return e === "element" ? ce(r) : En(r);
 }
-let se = NaN;
-function Xn(t, r) {
-  return t ? (isNaN(se) && (se = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(t) * se) : r;
+let ae = NaN;
+function it(n, l) {
+  return n ? (isNaN(ae) && (ae = parseFloat(getComputedStyle(document.documentElement).fontSize)), parseFloat(n) * ae) : l;
 }
-function I(t, r, e) {
-  return Xn(t.getPropertyValue(r), e);
+function B(n, l, e) {
+  return it(n.getPropertyValue(l), e);
 }
-function Yn(t) {
-  return q((r) => {
-    const e = getComputedStyle(r), n = {
+function ht(n) {
+  return z((l) => {
+    const e = getComputedStyle(l), t = {
       zero: 0,
-      xs: I(e, "--breakpoint-xs", 640),
-      sm: I(e, "--breakpoint-sm", 768),
-      md: I(e, "--breakpoint-md", 1024),
-      lg: I(e, "--breakpoint-lg", 1280),
-      xl: I(e, "--breakpoint-xl", 1536)
+      xs: B(e, "--breakpoint-xs", 640),
+      sm: B(e, "--breakpoint-sm", 768),
+      md: B(e, "--breakpoint-md", 1024),
+      lg: B(e, "--breakpoint-lg", 1280),
+      xl: B(e, "--breakpoint-xl", 1536)
     };
-    return Ue(t, { breakpoints: n });
+    return Je(n, { breakpoints: t });
   });
 }
-function Ft(t) {
-  return q((r) => {
-    const e = getComputedStyle(r), n = {
+function fl(n) {
+  return z((l) => {
+    const e = getComputedStyle(l), t = {
       zero: 0,
-      "3xs": I(e, "--container-3xs", 256),
-      "2xs": I(e, "--container-2xs", 288),
-      xs: I(e, "--container-xs", 320),
-      sm: I(e, "--container-sm", 384),
-      md: I(e, "--container-md", 448),
-      lg: I(e, "--container-lg", 512),
-      xl: I(e, "--container-xl", 640),
-      "2xl": I(e, "--container-2xl", 768),
-      "3xl": I(e, "--container-3xl", 1024),
-      "4xl": I(e, "--container-4xl", 1280),
-      "5xl": I(e, "--container-5xl", 1536),
-      "6xl": I(e, "--container-6xl", 2048)
+      "3xs": B(e, "--container-3xs", 256),
+      "2xs": B(e, "--container-2xs", 288),
+      xs: B(e, "--container-xs", 320),
+      sm: B(e, "--container-sm", 384),
+      md: B(e, "--container-md", 448),
+      lg: B(e, "--container-lg", 512),
+      xl: B(e, "--container-xl", 640),
+      "2xl": B(e, "--container-2xl", 768),
+      "3xl": B(e, "--container-3xl", 1024),
+      "4xl": B(e, "--container-4xl", 1280),
+      "5xl": B(e, "--container-5xl", 1536),
+      "6xl": B(e, "--container-6xl", 2048)
     };
-    return Ue(t, {
-      breakpoints: n,
+    return Je(n, {
+      breakpoints: t,
       mode: "element"
     });
   });
 }
-const fe = (t, r) => {
-  const e = setTimeout(t, r);
+const F = (n) => Object.entries(n), ee = (n, l) => {
+  const e = setTimeout(n, l);
   return () => clearTimeout(e);
 };
-function Jn({
-  initialStatus: t = "closed",
-  openedAfter: r,
+function Ke({
+  initialStatus: n = "closed",
+  openedAfter: l,
   closedAfter: e
 }) {
-  const n = P(t), s = () => {
-    n.set("start-opening");
-  }, l = () => {
-    n.set("closing");
-  }, o = () => {
-    n.value === "open" || n.value === "opening" ? l() : s();
-  }, c = (b) => {
-    b ? s() : l();
-  }, i = (b) => n.on((y) => {
-    y === "closed" && b();
+  const t = W(n), o = () => {
+    t.set("start-opening");
+  }, r = () => {
+    t.set("closing");
+  }, s = () => {
+    t.value === "open" || t.value === "opening" ? r() : o();
+  }, u = (b) => {
+    b ? o() : r();
+  }, i = (b) => t.on((x) => {
+    x === "closed" && b();
   });
-  let u = () => {
+  let a = () => {
   };
-  n.on((b) => {
-    u(), b === "start-opening" && (u = fe(() => n.set("opening"), 0)), b === "opening" && (u = r(() => n.set("open"))), b === "closing" && (u = e(() => n.set("closed")));
-  }), n.onDispose(() => u());
-  const h = n.map((b) => b !== "closed"), g = n.map((b) => b === "open" || b === "opening");
+  t.on((b) => {
+    a(), b === "start-opening" && (a = ee(() => t.set("opening"), 0)), b === "opening" && (a = l(() => t.set("open"))), b === "closing" && (a = e(() => t.set("closed")));
+  }), t.onDispose(() => a());
+  const p = t.map((b) => b !== "closed"), g = t.map((b) => b === "open" || b === "opening");
   return {
-    status: n,
-    open: s,
-    close: l,
-    toggle: o,
-    setOpen: c,
-    isOpen: h,
+    status: t,
+    open: o,
+    close: r,
+    toggle: s,
+    setOpen: u,
+    isOpen: p,
     displayOpen: g,
-    dispose: () => n.dispose(),
+    dispose: () => t.dispose(),
     onClosed: i
   };
 }
-function De(t, r) {
+function kl({
+  initialStatus: n = "closed",
+  duration: l,
+  openDuration: e = l ?? 500,
+  closeDuration: t = l ?? 500
+} = {}) {
+  return Ke({
+    initialStatus: n,
+    openedAfter: (o) => ee(o, e),
+    closedAfter: (o) => ee(o, t)
+  });
+}
+function We(n, l) {
   function e() {
-    if (t.getAnimations().length === 0) {
-      r();
+    if (n.getAnimations().length === 0) {
+      l();
       return;
     }
-    t.addEventListener("transitionend", e, { once: !0 });
+    n.addEventListener("transitionend", e, { once: !0 });
   }
-  const n = fe(e, 10);
+  const t = ee(e, 10);
   return () => {
-    n(), t.removeEventListener("transitionend", e);
+    t(), n.removeEventListener("transitionend", e);
   };
 }
-function ie({
-  initialStatus: t = "closed",
-  element: r
+function me({
+  initialStatus: n = "closed",
+  element: l
 } = {}) {
-  let e = r;
+  let e = l;
   return {
-    setElement: (n) => {
-      e = n;
+    setElement: (t) => {
+      e = t;
     },
-    ...Jn({
-      initialStatus: t,
-      openedAfter: (n) => e == null ? (n(), () => {
-      }) : De(e, n),
-      closedAfter: (n) => e == null ? (n(), () => {
-      }) : De(e, n)
+    ...Ke({
+      initialStatus: n,
+      openedAfter: (t) => e == null ? (t(), () => {
+      }) : We(e, t),
+      closedAfter: (t) => e == null ? (t(), () => {
+      }) : We(e, t)
     })
   };
 }
-const F = {
+const D = {
   banner: {
     zero: 32,
     xs: 32,
@@ -1573,42 +1685,42 @@ const F = {
     xl: 280
   }
 };
-function Ne(t, r) {
-  if (typeof t == "number")
+function De(n, l) {
+  if (typeof n == "number")
     return {
-      zero: t,
-      xs: t,
-      sm: t,
-      md: t,
-      lg: t,
-      xl: t
+      zero: n,
+      xs: n,
+      sm: n,
+      md: n,
+      lg: n,
+      xl: n
     };
   const e = {
-    zero: t.zero ?? r.zero,
-    xs: t.xs ?? r.xs,
-    sm: t.sm ?? r.sm,
-    md: t.md ?? r.md,
-    lg: t.lg ?? r.lg,
-    xl: t.xl ?? r.xl
+    zero: n.zero ?? l.zero,
+    xs: n.xs ?? l.xs,
+    sm: n.sm ?? l.sm,
+    md: n.md ?? l.md,
+    lg: n.lg ?? l.lg,
+    xl: n.xl ?? l.xl
   };
   return e.xs < e.zero && (e.xs = e.zero), e.sm < e.xs && (e.sm = e.xs), e.md < e.sm && (e.md = e.sm), e.lg < e.md && (e.lg = e.md), e.xl < e.lg && (e.xl = e.lg), e;
 }
-function le(t) {
-  t = t.filter((r) => r.some((e) => e != null && !e.startsWith("?")));
-  for (let r = 0; r < t[0].length; r++)
-    t.every((e) => e[r] == null || e[r].startsWith("?")) && (t = t.map((e) => e.filter((n, s) => s !== r)), r--);
-  return t = t.map((r) => r.map((e) => e != null && e.startsWith("?") ? e.slice(1) : e)), t;
+function ue(n) {
+  n = n.filter((l) => l.some((e) => e != null && !e.startsWith("?")));
+  for (let l = 0; l < n[0].length; l++)
+    n.every((e) => e[l] == null || e[l].startsWith("?")) && (n = n.map((e) => e.filter((t, o) => o !== l)), l--);
+  return n = n.map((l) => l.map((e) => e != null && e.startsWith("?") ? e.slice(1) : e)), n;
 }
-function Kn({
-  smallBreakpoint: t,
-  mediumBreakpoint: r,
+function dt({
+  smallBreakpoint: n,
+  mediumBreakpoint: l,
   vertical: e,
-  horizontal: n,
-  is: s
+  horizontal: t,
+  is: o
 }) {
-  function l(i) {
-    var y;
-    let u = [
+  function r(i) {
+    var x;
+    let a = [
       [null],
       [null],
       [null],
@@ -1616,25 +1728,25 @@ function Kn({
       [null],
       [null]
     ];
-    const h = [];
-    h.push("1fr");
+    const p = [];
+    p.push("1fr");
     const g = [];
-    return n.banner && (g.push(n.banner[i] + "px"), u[0][1] = "banner"), (n.header || e.menu || e.aside) && (g.push(
-      (((y = n.header) == null ? void 0 : y[i]) ?? F.header[i]) + "px"
-    ), u[1][1] = "header"), n.mainHeader && (g.push(n.mainHeader[i] + "px"), u[2][1] = "mainHeader"), g.push("1fr"), u[3][1] = "main", n.mainFooter && (g.push(n.mainFooter[i] + "px"), u[4][1] = "mainFooter"), n.footer && (g.push(n.footer[i] + "px"), u[5][1] = "footer"), u = le(u), {
-      columns: h.join(" "),
+    return t.banner && (g.push(t.banner[i] + "px"), a[0][1] = "banner"), (t.header || e.menu || e.aside) && (g.push(
+      (((x = t.header) == null ? void 0 : x[i]) ?? D.header[i]) + "px"
+    ), a[1][1] = "header"), t.mainHeader && (g.push(t.mainHeader[i] + "px"), a[2][1] = "mainHeader"), g.push("1fr"), a[3][1] = "main", t.mainFooter && (g.push(t.mainFooter[i] + "px"), a[4][1] = "mainFooter"), t.footer && (g.push(t.footer[i] + "px"), a[5][1] = "footer"), a = ue(a), {
+      columns: p.join(" "),
       rows: g.join(" "),
-      areas: u.map((B) => `"${B.join(" ")}"`).join(`
+      areas: a.map((E) => `"${E.join(" ")}"`).join(`
 `),
       displayMenu: !1,
       displayAside: !1,
-      menuWidth: F.menu[i] + "px",
-      asideWidth: F.aside[i] + "px"
+      menuWidth: D.menu[i] + "px",
+      asideWidth: D.aside[i] + "px"
     };
   }
-  function o(i) {
-    var y;
-    let u = [
+  function s(i) {
+    var x;
+    let a = [
       [null, null],
       [null, null],
       [null, null],
@@ -1642,24 +1754,24 @@ function Kn({
       [null, null],
       [null, null]
     ];
-    const h = [];
-    e.menu && (h.push(e.menu[i] + "px"), u[2][0] = "?menu", u[3][0] = "menu", u[4][0] = "?menu"), h.push("1fr");
+    const p = [];
+    e.menu && (p.push(e.menu[i] + "px"), a[2][0] = "?menu", a[3][0] = "menu", a[4][0] = "?menu"), p.push("1fr");
     const g = [];
-    return n.banner && (g.push(n.banner[i] + "px"), u[0][0] = "?banner", u[0][1] = "banner"), (n.header || e.aside) && (g.push(
-      (((y = n.header) == null ? void 0 : y[i]) ?? F.header[i]) + "px"
-    ), u[1][0] = "?header", u[1][1] = "header"), n.mainHeader && (g.push(n.mainHeader[i] + "px"), u[2][1] = "mainHeader"), g.push("1fr"), u[3][1] = "main", n.mainFooter && (g.push(n.mainFooter[i] + "px"), u[4][1] = "mainFooter"), n.footer && (g.push(n.footer[i] + "px"), u[5][0] = "?footer", u[5][1] = "footer"), u = le(u), {
-      columns: h.join(" "),
+    return t.banner && (g.push(t.banner[i] + "px"), a[0][0] = "?banner", a[0][1] = "banner"), (t.header || e.aside) && (g.push(
+      (((x = t.header) == null ? void 0 : x[i]) ?? D.header[i]) + "px"
+    ), a[1][0] = "?header", a[1][1] = "header"), t.mainHeader && (g.push(t.mainHeader[i] + "px"), a[2][1] = "mainHeader"), g.push("1fr"), a[3][1] = "main", t.mainFooter && (g.push(t.mainFooter[i] + "px"), a[4][1] = "mainFooter"), t.footer && (g.push(t.footer[i] + "px"), a[5][0] = "?footer", a[5][1] = "footer"), a = ue(a), {
+      columns: p.join(" "),
       rows: g.join(" "),
-      areas: u.map((B) => `"${B.join(" ")}"`).join(`
+      areas: a.map((E) => `"${E.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !1,
-      menuWidth: F.menu[i] + "px",
-      asideWidth: F.aside[i] + "px"
+      menuWidth: D.menu[i] + "px",
+      asideWidth: D.aside[i] + "px"
     };
   }
-  function c(i) {
-    let u = [
+  function u(i) {
+    let a = [
       [null, null, null],
       [null, null, null],
       [null, null, null],
@@ -1667,106 +1779,106 @@ function Kn({
       [null, null, null],
       [null, null, null]
     ];
-    const h = [];
-    e.menu && (h.push(e.menu[i] + "px"), u[2][0] = "?menu", u[3][0] = "menu", u[4][0] = "?menu"), h.push("1fr"), e.aside && (h.push(e.aside[i] + "px"), u[2][2] = "?aside", u[3][2] = "aside", u[4][2] = "?aside");
+    const p = [];
+    e.menu && (p.push(e.menu[i] + "px"), a[2][0] = "?menu", a[3][0] = "menu", a[4][0] = "?menu"), p.push("1fr"), e.aside && (p.push(e.aside[i] + "px"), a[2][2] = "?aside", a[3][2] = "aside", a[4][2] = "?aside");
     const g = [];
-    return n.banner && (g.push(n.banner[i] + "px"), u[0][0] = "?banner", u[0][1] = "banner", u[0][2] = "?banner"), n.header && (g.push(n.header[i] + "px"), u[1][0] = "?header", u[1][1] = "header", u[1][2] = "?header"), n.mainHeader && (g.push(n.mainHeader[i] + "px"), u[2][1] = "mainHeader"), g.push("1fr"), u[3][1] = "main", n.mainFooter && (g.push(n.mainFooter[i] + "px"), u[4][1] = "mainFooter"), n.footer && (g.push(n.footer[i] + "px"), u[5][0] = "?footer", u[5][1] = "footer", u[5][2] = "?footer"), u = le(u), {
-      columns: h.join(" "),
+    return t.banner && (g.push(t.banner[i] + "px"), a[0][0] = "?banner", a[0][1] = "banner", a[0][2] = "?banner"), t.header && (g.push(t.header[i] + "px"), a[1][0] = "?header", a[1][1] = "header", a[1][2] = "?header"), t.mainHeader && (g.push(t.mainHeader[i] + "px"), a[2][1] = "mainHeader"), g.push("1fr"), a[3][1] = "main", t.mainFooter && (g.push(t.mainFooter[i] + "px"), a[4][1] = "mainFooter"), t.footer && (g.push(t.footer[i] + "px"), a[5][0] = "?footer", a[5][1] = "footer", a[5][2] = "?footer"), a = ue(a), {
+      columns: p.join(" "),
       rows: g.join(" "),
-      areas: u.map((y) => `"${y.join(" ")}"`).join(`
+      areas: a.map((x) => `"${x.join(" ")}"`).join(`
 `),
       displayMenu: !0,
       displayAside: !0,
-      menuWidth: F.menu[i] + "px",
-      asideWidth: F.aside[i] + "px"
+      menuWidth: D.menu[i] + "px",
+      asideWidth: D.aside[i] + "px"
     };
   }
   return ({
     width: i,
-    breakpoint: u
-  }) => s(`<=${t}`, i) ? l(u) : s(`<=${r}`, i) ? o(u) : c(u);
+    breakpoint: a
+  }) => o(`<=${n}`, i) ? r(a) : o(`<=${l}`, i) ? s(a) : u(a);
 }
-const Qn = ["menu", "aside"], Zn = [
+const pt = ["menu", "aside"], mt = [
   "banner",
   "header",
   "mainHeader",
   "mainFooter",
   "footer"
 ];
-function et(t, { displayMenu: r }, e) {
-  return t ? r ? "block" : e ? "float" : "none" : "none";
+function gt(n, { displayMenu: l }, e) {
+  return n ? l ? "block" : e ? "float" : "none" : "none";
 }
-function nt(t, { displayAside: r }, e) {
-  return t ? r ? "block" : e ? "float" : "none" : "none";
+function bt(n, { displayAside: l }, e) {
+  return n ? l ? "block" : e ? "float" : "none" : "none";
 }
-function Pt({
-  smallBreakpoint: t = "sm",
-  mediumBreakpoint: r = "md",
+function xl({
+  smallBreakpoint: n = "sm",
+  mediumBreakpoint: l = "md",
   ...e
 }) {
-  return C(_, ({ theme: n }) => {
-    const s = Object.fromEntries(
-      Qn.filter((o) => e[o]).map(
-        (o) => [
-          o,
-          Ne(e[o].width ?? {}, F[o])
+  return _(C, ({ theme: t }) => {
+    const o = Object.fromEntries(
+      pt.filter((s) => e[s]).map(
+        (s) => [
+          s,
+          De(e[s].width ?? {}, D[s])
         ]
       )
-    ), l = Object.fromEntries(
-      Zn.filter((o) => e[o]).map(
-        (o) => [
-          o,
-          Ne(
-            e[o].height ?? {},
-            F[o]
+    ), r = Object.fromEntries(
+      mt.filter((s) => e[s]).map(
+        (s) => [
+          s,
+          De(
+            e[s].height ?? {},
+            D[s]
           )
         ]
       )
     );
-    return Yn(({ value: o, is: c }) => {
-      var ye, ve, we, $e, Se, Ce, _e, Be, Ie, ke;
-      const i = Kn({
-        smallBreakpoint: t,
-        mediumBreakpoint: r,
-        vertical: s,
-        horizontal: l,
-        is: c
-      }), u = o.map(i), h = $(
-        l.header != null,
-        s.menu != null,
-        s.aside != null
-      )((f, N, Z) => f || N || Z), g = $(
-        s.aside != null,
-        u
-      )((f, { displayAside: N }) => f && !N), b = $(
-        s.menu != null,
-        u
-      )((f, { displayMenu: N }) => f && !N), y = ie(), B = ie(), W = P(0), V = $(
-        s.menu != null,
-        u,
-        y.isOpen
-      )(et), z = $(
-        s.aside != null,
-        u,
-        B.isOpen
-      )(nt);
-      return p.div(
+    return ht(({ value: s, is: u }) => {
+      var $e, Se, _e, Ce, Ee, Be, Ie, Ae, Te, Oe;
+      const i = dt({
+        smallBreakpoint: n,
+        mediumBreakpoint: l,
+        vertical: o,
+        horizontal: r,
+        is: u
+      }), a = s.map(i), p = y(
+        r.header != null,
+        o.menu != null,
+        o.aside != null
+      )((f, N, ne) => f || N || ne), g = y(
+        o.aside != null,
+        a
+      )((f, { displayAside: N }) => f && !N), b = y(
+        o.menu != null,
+        a
+      )((f, { displayMenu: N }) => f && !N), x = me(), E = me(), H = W(0), M = y(
+        o.menu != null,
+        a,
+        x.isOpen
+      )(gt), G = y(
+        o.aside != null,
+        a,
+        E.isOpen
+      )(bt);
+      return h.div(
         K(() => {
-          W.dispose(), y.dispose(), B.dispose();
+          H.dispose(), x.dispose(), E.dispose();
         }),
         // attr.class(
         //   theme.panel({ side: 'none', color: 'base', shadow: 'none' })
         // ),
         d.height("100%"),
         d.display("grid"),
-        d.gridTemplateColumns(u.$.columns),
-        d.gridTemplateRows(u.$.rows),
-        d.gridTemplateAreas(u.$.areas),
+        d.gridTemplateColumns(a.$.columns),
+        d.gridTemplateRows(a.$.rows),
+        d.gridTemplateAreas(a.$.areas),
         d.gridColumnGap("0"),
         d.gridRowGap("0"),
-        e.banner ? p.header(
-          a.class(
-            n.panel({
+        e.banner ? h.header(
+          c.class(
+            t.panel({
               side: "none",
               color: e.banner.color ?? "white",
               shadow: e.banner.shadow ?? "none"
@@ -1776,24 +1888,24 @@ function Pt({
           d.gridArea("banner"),
           e.banner.content
         ) : null,
-        p.header(
-          a.class(
-            n.panel({
+        h.header(
+          c.class(
+            t.panel({
               side: "bottom",
-              color: ((ye = e.header) == null ? void 0 : ye.color) ?? "white",
-              shadow: ((ve = e.header) == null ? void 0 : ve.shadow) ?? "none"
+              color: (($e = e.header) == null ? void 0 : $e.color) ?? "white",
+              shadow: ((Se = e.header) == null ? void 0 : Se.shadow) ?? "none"
             })
           ),
-          a.class("bu-z-10"),
+          c.class("bu-z-10"),
           d.display(
-            h.map((f) => f ? "block" : "none")
+            p.map((f) => f ? "block" : "none")
           ),
           d.gridArea("header"),
-          de((f) => (f.$.bottom.feedProp(W), null)),
-          p.div(
+          ce((f) => (f.$.bottom.feedProp(H), null)),
+          h.div(
             d.display("flex"),
             d.height("100%"),
-            p.div(
+            h.div(
               d.display(
                 b.map((f) => f ? "flex" : "none")
               ),
@@ -1801,26 +1913,26 @@ function Pt({
               d.justifyContent("center"),
               d.height("100%"),
               d.width("60px"),
-              je(
+              He(
                 {
-                  onClick: () => y.toggle(),
+                  onClick: () => x.toggle(),
                   variant: "light",
                   color: "base"
                 },
-                J.label("Open menu"),
-                Q({
-                  icon: y.isOpen.map(
+                q.label("Open menu"),
+                Z({
+                  icon: x.isOpen.map(
                     (f) => f ? "line-md/menu-to-close-alt-transition" : "line-md/close-to-menu-alt-transition"
                   )
                 })
               )
             ),
-            p.div(
+            h.div(
               d.height("100%"),
               d.flexGrow("1"),
-              (we = e.header) == null ? void 0 : we.content
+              (_e = e.header) == null ? void 0 : _e.content
             ),
-            p.div(
+            h.div(
               d.alignItems("center"),
               d.justifyContent("center"),
               d.height("100%"),
@@ -1828,19 +1940,19 @@ function Pt({
               d.display(
                 g.map((f) => f ? "flex" : "none")
               ),
-              je(
+              He(
                 {
-                  onClick: () => B.toggle(),
+                  onClick: () => E.toggle(),
                   roundedness: "full",
                   variant: "light",
                   color: "base"
                 },
-                J.label("Open aside"),
-                Q(
+                q.label("Open aside"),
+                Z(
                   { icon: "line-md/chevron-left" },
-                  a.class("bu-transition-transform"),
-                  a.class(
-                    B.isOpen.map(
+                  c.class("bu-transition-transform"),
+                  c.class(
+                    E.isOpen.map(
                       (f) => f ? "bu-rotate-180" : ""
                     )
                   )
@@ -1849,22 +1961,22 @@ function Pt({
             )
           )
         ),
-        e.menu ? p.nav(
-          q((f) => {
-            y.setElement(f);
+        e.menu ? h.nav(
+          z((f) => {
+            x.setElement(f);
           }),
-          a.class(
-            V.map(
+          c.class(
+            M.map(
               (f) => {
-                var N, Z, Ee, Ae;
-                return f === "float" ? n.panel({
+                var N, ne, Ve, je;
+                return f === "float" ? t.panel({
                   side: "right",
                   color: ((N = e.menu) == null ? void 0 : N.color) ?? "white",
-                  shadow: ((Z = e.menu) == null ? void 0 : Z.shadow) ?? "md"
-                }) : n.panel({
+                  shadow: ((ne = e.menu) == null ? void 0 : ne.shadow) ?? "md"
+                }) : t.panel({
                   side: "right",
-                  color: ((Ee = e.menu) == null ? void 0 : Ee.color) ?? "white",
-                  shadow: ((Ae = e.menu) == null ? void 0 : Ae.shadow) ?? "none"
+                  color: ((Ve = e.menu) == null ? void 0 : Ve.color) ?? "white",
+                  shadow: ((je = e.menu) == null ? void 0 : je.shadow) ?? "none"
                 });
               }
             )
@@ -1872,76 +1984,76 @@ function Pt({
           d.height("100%"),
           d.gridArea("menu"),
           d.display(
-            V.map(
+            M.map(
               (f) => f === "none" ? "none" : "block"
             )
           ),
           d.position(
-            V.map(
+            M.map(
               (f) => f === "float" ? "fixed" : "initial"
             )
           ),
-          d.top(W.map((f) => `${f}px`)),
+          d.top(H.map((f) => `${f}px`)),
           d.transition("left 0.3s ease-in-out"),
           d.left(
-            $(
-              y.displayOpen,
-              u.$.menuWidth
+            y(
+              x.displayOpen,
+              a.$.menuWidth
             )((f, N) => f ? "0" : `-${N}`)
           ),
-          d.width(u.$.menuWidth),
-          d.bottom(W.map((f) => `${f}px`)),
-          ae.status(y.status.map(String)),
-          ($e = e.menu) == null ? void 0 : $e.content
+          d.width(a.$.menuWidth),
+          d.bottom(H.map((f) => `${f}px`)),
+          he.status(x.status.map(String)),
+          (Ce = e.menu) == null ? void 0 : Ce.content
         ) : null,
-        e.mainHeader ? p.header(
+        e.mainHeader ? h.header(
           d.height("100%"),
           d.gridArea("mainHeader"),
-          a.class(
-            n.panel({
+          c.class(
+            t.panel({
               side: "none",
-              color: ((Se = e.mainHeader) == null ? void 0 : Se.color) ?? "white",
-              shadow: ((Ce = e.mainHeader) == null ? void 0 : Ce.shadow) ?? "none"
+              color: ((Ee = e.mainHeader) == null ? void 0 : Ee.color) ?? "white",
+              shadow: ((Be = e.mainHeader) == null ? void 0 : Be.shadow) ?? "none"
             })
           ),
           e.mainHeader.content
         ) : null,
-        p.main(
+        h.main(
           d.height("100%"),
           d.overflow("hidden"),
           d.gridArea("main"),
-          a.class(
-            n.panel({
+          c.class(
+            t.panel({
               side: "none",
-              color: ((_e = e.main) == null ? void 0 : _e.color) ?? "white",
-              shadow: ((Be = e.main) == null ? void 0 : Be.shadow) ?? "none"
+              color: ((Ie = e.main) == null ? void 0 : Ie.color) ?? "white",
+              shadow: ((Ae = e.main) == null ? void 0 : Ae.shadow) ?? "none"
             })
           ),
           e.main.content
         ),
-        e.mainFooter ? p.footer(
+        e.mainFooter ? h.footer(
           d.height("100%"),
           d.gridArea("mainFooter"),
-          a.class(
-            n.panel({
+          c.class(
+            t.panel({
               side: "none",
-              color: ((Ie = e.mainFooter) == null ? void 0 : Ie.color) ?? "white",
-              shadow: ((ke = e.mainFooter) == null ? void 0 : ke.shadow) ?? "none"
+              color: ((Te = e.mainFooter) == null ? void 0 : Te.color) ?? "white",
+              shadow: ((Oe = e.mainFooter) == null ? void 0 : Oe.shadow) ?? "none"
             })
           ),
           e.mainFooter.content
         ) : null,
-        e.aside ? p.aside(
-          q((f) => {
-            B.setElement(f);
+        e.aside ? h.aside(
+          z((f) => {
+            E.setElement(f);
           }),
-          a.class(
-            z.map(
-              (f) => f === "float" ? n.panel({
+          c.class(
+            G.map(
+              (f) => f === "float" ? t.panel({
                 side: "left",
                 color: "white",
                 shadow: "md"
-              }) : n.panel({
+              }) : t.panel({
                 side: "left",
                 color: "white",
                 shadow: "none"
@@ -1951,30 +2063,30 @@ function Pt({
           d.height("100%"),
           d.gridArea("aside"),
           d.display(
-            z.map(
+            G.map(
               (f) => f === "none" ? "none" : "block"
             )
           ),
           d.position(
-            z.map(
+            G.map(
               (f) => f === "float" ? "fixed" : "initial"
             )
           ),
-          d.top(W.map((f) => `${f}px`)),
+          d.top(H.map((f) => `${f}px`)),
           d.transition("right 0.3s ease-in-out"),
           d.right(
-            $(
-              B.displayOpen,
-              u.$.asideWidth
+            y(
+              E.displayOpen,
+              a.$.asideWidth
             )((f, N) => f ? "0" : `-${N}`)
           ),
-          d.width(u.$.menuWidth),
-          d.bottom(W.map((f) => `${f}px`)),
+          d.width(a.$.menuWidth),
+          d.bottom(H.map((f) => `${f}px`)),
           e.aside.content
         ) : null,
-        e.footer ? p.footer(
-          a.class(
-            n.panel({
+        e.footer ? h.footer(
+          c.class(
+            t.panel({
               side: "top",
               color: "white",
               shadow: "none"
@@ -1988,240 +2100,918 @@ function Pt({
     });
   });
 }
-function Ht({ variant: t = "default", size: r = "md", roundedness: e = "lg" } = {}, ...n) {
-  return C(_, (s) => p.div(
-    a.class(
-      $(
-        s,
-        t,
-        r,
+function yl({ variant: n = "default", size: l = "md", roundedness: e = "lg" } = {}, ...t) {
+  return _(C, (o) => h.div(
+    c.class(
+      y(
+        o,
+        n,
+        l,
         e
       )(
-        ({ theme: l }, o, c, i) => l.card({
-          variant: o,
-          size: c,
+        ({ theme: r }, s, u, i) => r.card({
+          variant: s,
+          size: u,
           roundedness: i
         })
       )
     ),
-    ...n
+    ...t
   ));
 }
-function Vt(...t) {
-  return p.div(
-    a.class("bc-center-h"),
-    p.div(a.class("bc-center__content"), ...t)
+function vl(...n) {
+  return h.div(
+    c.class("bc-center-h"),
+    h.div(c.class("bc-center__content"), ...n)
   );
 }
-function Mt({ gap: t = "lg" } = {}, ...r) {
-  return C(_, (e) => p.div(
-    a.class(
-      $(
+function wl({ gap: n = "lg" } = {}, ...l) {
+  return _(C, (e) => h.div(
+    c.class(
+      y(
         e,
-        t
+        n
       )(
-        ({ theme: n }, s) => n.center({
-          gap: s
+        ({ theme: t }, o) => t.center({
+          gap: o
         })
       )
     ),
-    ...r
+    ...l
   ));
 }
-function Lt(...t) {
-  return p.div(a.class("bc-group"), ...t);
+function $l(...n) {
+  return h.div(c.class("bc-group"), ...n);
 }
-function qt({ variant: t = "default", size: r = "md", roundedness: e = "lg" } = {}, ...n) {
-  return C(_, (s) => p.div(
-    a.class(
-      $(
-        s,
-        t,
-        r,
+function Sl({ variant: n = "default", size: l = "md", roundedness: e = "lg" } = {}, ...t) {
+  return _(C, (o) => h.div(
+    c.class(
+      y(
+        o,
+        n,
+        l,
         e
       )(
-        ({ theme: l }, o, c, i) => l.sink({
-          variant: o,
-          size: c,
+        ({ theme: r }, s, u, i) => r.sink({
+          variant: s,
+          size: u,
           roundedness: i
         })
       )
     ),
-    ...n
+    ...t
   ));
 }
-function Rt(...t) {
-  return p.div(a.class("bc-stack"), ...t);
-}
-function tt(t) {
-  return ({ effect: r, ...e }, n) => {
-    const s = [], l = () => s.forEach((u) => u()), o = ie();
-    o.onClosed(l);
-    const i = ln((() => {
-      var h, g;
-      const u = /* @__PURE__ */ new Set();
-      for (const b of t.element.querySelectorAll(
+function _l(...n) {
+  return h.div(c.class("bc-stack"), ...n);
+}
+function ft(n) {
+  return ({ effect: l, ...e }, t) => {
+    const o = [], r = () => o.forEach((a) => a()), s = me();
+    s.onClosed(r);
+    const i = wn((() => {
+      var p, g;
+      const a = /* @__PURE__ */ new Set();
+      for (const b of n.element.querySelectorAll(
         ":scope > :not([data-overlay])"
       ))
-        b.hasAttribute("inert") ? u.add(b) : b.setAttribute("inert", "");
-      if (s.push(() => {
-        for (const b of t.element.querySelectorAll(
+        b.hasAttribute("inert") ? a.add(b) : b.setAttribute("inert", "");
+      if (o.push(() => {
+        for (const b of n.element.querySelectorAll(
           ":scope > :not([data-overlay])"
         ))
-          u.has(b) || b.removeAttribute("inert");
-        u.clear();
-      }), (g = (h = document.activeElement) == null ? void 0 : h.blur) == null || g.call(h), e.mode === "capturing") {
-        const b = (B) => {
-          var W;
-          B.key === "Escape" && ((W = e.onEscape) == null || W.call(e), o.close());
+          a.has(b) || b.removeAttribute("inert");
+        a.clear();
+      }), (g = (p = document.activeElement) == null ? void 0 : p.blur) == null || g.call(p), e.mode === "capturing") {
+        const b = (E) => {
+          var H;
+          E.key === "Escape" && ((H = e.onEscape) == null || H.call(e), s.close());
         };
-        document.addEventListener("keydown", b), s.push(
+        document.addEventListener("keydown", b), o.push(
           () => document.removeEventListener("keydown", b)
         );
-        const y = () => {
-          var B;
-          (B = e.onClickOutside) == null || B.call(e), o.close();
+        const x = () => {
+          var E;
+          (E = e.onClickOutside) == null || E.call(e), s.close();
         };
-        t.element.addEventListener("mousedown", y), s.push(
-          () => t.element.removeEventListener("mousedown", y)
+        n.element.addEventListener("mousedown", x), o.push(
+          () => n.element.removeEventListener("mousedown", x)
         );
       }
-      return p.div(
-        q((b) => o.setElement(b)),
-        ae.status(o.status.map(String)),
+      return h.div(
+        z((b) => s.setElement(b)),
+        he.status(s.status.map(String)),
         // style.backgroundColor(
         //   status.displayOpen.map((v): string => (v ? '' : 'rgba(0, 0, 0, 0)'))
         // ),
-        ae.overlay("true"),
-        C(
-          _,
-          ({ theme: b }) => a.class(
+        he.overlay("true"),
+        _(
+          C,
+          ({ theme: b }) => c.class(
             b.overlay({
-              effect: r ?? "visible",
+              effect: l ?? "visible",
               mode: e.mode ?? "capturing"
             })
           )
         ),
-        n(o.close)
+        t(s.close)
       );
-    })(), t.element, {
+    })(), n.element, {
       disposeWithParent: !0,
       clear: !1,
-      providers: t.providers
+      providers: n.providers
     });
-    return s.push(i), fe(() => o.open(), 0), l;
+    return o.push(i), ee(() => s.open(), 0), r;
   };
 }
-function Xe(t, r, e) {
-  return on((n) => {
-    const s = t(n), l = tt(s);
-    let o = () => {
+function Ze(n, l, e) {
+  return $n((t) => {
+    const o = n(t), r = ft(o);
+    let s = () => {
     };
-    const c = (i) => {
-      o(), o = l(r, i);
+    const u = (i) => {
+      s(), s = r(l, i);
     };
-    return R(K(o), e(c));
+    return U(K(s), e(u));
   });
 }
-function zt(t, r) {
-  return Xe((e) => e, t, r);
+function Cl(n, l) {
+  return Ze((e) => e, n, l);
 }
-function Gt(t, r) {
-  return Xe(
+function El(n, l) {
+  return Ze(
     (e) => e.makePortal("body"),
-    t,
-    r
+    n,
+    l
   );
 }
+const en = {
+  red: {
+    50: "oklch(0.971 0.013 17.38)",
+    100: "oklch(0.936 0.032 17.717)",
+    200: "oklch(0.885 0.062 18.334)",
+    300: "oklch(0.808 0.114 19.571)",
+    400: "oklch(0.704 0.191 22.216)",
+    500: "oklch(0.637 0.237 25.331)",
+    600: "oklch(0.577 0.245 27.325)",
+    700: "oklch(0.505 0.213 27.518)",
+    800: "oklch(0.444 0.177 26.899)",
+    900: "oklch(0.396 0.141 25.723)",
+    950: "oklch(0.258 0.092 26.042)"
+  },
+  orange: {
+    50: "oklch(0.98 0.016 73.684)",
+    100: "oklch(0.954 0.038 75.164)",
+    200: "oklch(0.901 0.076 70.697)",
+    300: "oklch(0.837 0.128 66.29)",
+    400: "oklch(0.75 0.183 55.934)",
+    500: "oklch(0.705 0.213 47.604)",
+    600: "oklch(0.646 0.222 41.116)",
+    700: "oklch(0.553 0.195 38.402)",
+    800: "oklch(0.47 0.157 37.304)",
+    900: "oklch(0.408 0.123 38.172)",
+    950: "oklch(0.266 0.079 36.259)"
+  },
+  amber: {
+    50: "oklch(0.987 0.022 95.277)",
+    100: "oklch(0.962 0.059 95.617)",
+    200: "oklch(0.924 0.12 95.746)",
+    300: "oklch(0.879 0.169 91.605)",
+    400: "oklch(0.828 0.189 84.429)",
+    500: "oklch(0.769 0.188 70.08)",
+    600: "oklch(0.666 0.179 58.318)",
+    700: "oklch(0.555 0.163 48.998)",
+    800: "oklch(0.473 0.137 46.201)",
+    900: "oklch(0.414 0.112 45.904)",
+    950: "oklch(0.279 0.077 45.635)"
+  },
+  yellow: {
+    50: "oklch(0.987 0.026 102.212)",
+    100: "oklch(0.973 0.071 103.193)",
+    200: "oklch(0.945 0.129 101.54)",
+    300: "oklch(0.905 0.182 98.111)",
+    400: "oklch(0.852 0.199 91.936)",
+    500: "oklch(0.795 0.184 86.047)",
+    600: "oklch(0.681 0.162 75.834)",
+    700: "oklch(0.554 0.135 66.442)",
+    800: "oklch(0.476 0.114 61.907)",
+    900: "oklch(0.421 0.095 57.708)",
+    950: "oklch(0.286 0.066 53.813)"
+  },
+  lime: {
+    50: "oklch(0.986 0.031 120.757)",
+    100: "oklch(0.967 0.067 122.328)",
+    200: "oklch(0.938 0.127 124.321)",
+    300: "oklch(0.897 0.196 126.665)",
+    400: "oklch(0.841 0.238 128.85)",
+    500: "oklch(0.768 0.233 130.85)",
+    600: "oklch(0.648 0.2 131.684)",
+    700: "oklch(0.532 0.157 131.589)",
+    800: "oklch(0.453 0.124 130.933)",
+    900: "oklch(0.405 0.101 131.063)",
+    950: "oklch(0.274 0.072 132.109)"
+  },
+  green: {
+    50: "oklch(0.982 0.018 155.826)",
+    100: "oklch(0.962 0.044 156.743)",
+    200: "oklch(0.925 0.084 155.995)",
+    300: "oklch(0.871 0.15 154.449)",
+    400: "oklch(0.792 0.209 151.711)",
+    500: "oklch(0.723 0.219 149.579)",
+    600: "oklch(0.627 0.194 149.214)",
+    700: "oklch(0.527 0.154 150.069)",
+    800: "oklch(0.448 0.119 151.328)",
+    900: "oklch(0.393 0.095 152.535)",
+    950: "oklch(0.266 0.065 152.934)"
+  },
+  emerald: {
+    50: "oklch(0.979 0.021 166.113)",
+    100: "oklch(0.95 0.052 163.051)",
+    200: "oklch(0.905 0.093 164.15)",
+    300: "oklch(0.845 0.143 164.978)",
+    400: "oklch(0.765 0.177 163.223)",
+    500: "oklch(0.696 0.17 162.48)",
+    600: "oklch(0.596 0.145 163.225)",
+    700: "oklch(0.508 0.118 165.612)",
+    800: "oklch(0.432 0.095 166.913)",
+    900: "oklch(0.378 0.077 168.94)",
+    950: "oklch(0.262 0.051 172.552)"
+  },
+  teal: {
+    50: "oklch(0.984 0.014 180.72)",
+    100: "oklch(0.953 0.051 180.801)",
+    200: "oklch(0.91 0.096 180.426)",
+    300: "oklch(0.855 0.138 181.071)",
+    400: "oklch(0.777 0.152 181.912)",
+    500: "oklch(0.704 0.14 182.503)",
+    600: "oklch(0.6 0.118 184.704)",
+    700: "oklch(0.511 0.096 186.391)",
+    800: "oklch(0.437 0.078 188.216)",
+    900: "oklch(0.386 0.063 188.416)",
+    950: "oklch(0.277 0.046 192.524)"
+  },
+  cyan: {
+    50: "oklch(0.984 0.019 200.873)",
+    100: "oklch(0.956 0.045 203.388)",
+    200: "oklch(0.917 0.08 205.041)",
+    300: "oklch(0.865 0.127 207.078)",
+    400: "oklch(0.789 0.154 211.53)",
+    500: "oklch(0.715 0.143 215.221)",
+    600: "oklch(0.609 0.126 221.723)",
+    700: "oklch(0.52 0.105 223.128)",
+    800: "oklch(0.45 0.085 224.283)",
+    900: "oklch(0.398 0.07 227.392)",
+    950: "oklch(0.302 0.056 229.695)"
+  },
+  sky: {
+    50: "oklch(0.977 0.013 236.62)",
+    100: "oklch(0.951 0.026 236.824)",
+    200: "oklch(0.901 0.058 230.902)",
+    300: "oklch(0.828 0.111 230.318)",
+    400: "oklch(0.746 0.16 232.661)",
+    500: "oklch(0.685 0.169 237.323)",
+    600: "oklch(0.588 0.158 241.966)",
+    700: "oklch(0.5 0.134 242.749)",
+    800: "oklch(0.443 0.11 240.79)",
+    900: "oklch(0.391 0.09 240.876)",
+    950: "oklch(0.293 0.066 243.157)"
+  },
+  blue: {
+    50: "oklch(0.97 0.014 254.604)",
+    100: "oklch(0.932 0.032 255.585)",
+    200: "oklch(0.882 0.059 254.128)",
+    300: "oklch(0.809 0.105 251.813)",
+    400: "oklch(0.707 0.165 254.624)",
+    500: "oklch(0.623 0.214 259.815)",
+    600: "oklch(0.546 0.245 262.881)",
+    700: "oklch(0.488 0.243 264.376)",
+    800: "oklch(0.424 0.199 265.638)",
+    900: "oklch(0.379 0.146 265.522)",
+    950: "oklch(0.282 0.091 267.935)"
+  },
+  indigo: {
+    50: "oklch(0.962 0.018 272.314)",
+    100: "oklch(0.93 0.034 272.788)",
+    200: "oklch(0.87 0.065 274.039)",
+    300: "oklch(0.785 0.115 274.713)",
+    400: "oklch(0.673 0.182 276.935)",
+    500: "oklch(0.585 0.233 277.117)",
+    600: "oklch(0.511 0.262 276.966)",
+    700: "oklch(0.457 0.24 277.023)",
+    800: "oklch(0.398 0.195 277.366)",
+    900: "oklch(0.359 0.144 278.697)",
+    950: "oklch(0.257 0.09 281.288)"
+  },
+  violet: {
+    50: "oklch(0.969 0.016 293.756)",
+    100: "oklch(0.943 0.029 294.588)",
+    200: "oklch(0.894 0.057 293.283)",
+    300: "oklch(0.811 0.111 293.571)",
+    400: "oklch(0.702 0.183 293.541)",
+    500: "oklch(0.606 0.25 292.717)",
+    600: "oklch(0.541 0.281 293.009)",
+    700: "oklch(0.491 0.27 292.581)",
+    800: "oklch(0.432 0.232 292.759)",
+    900: "oklch(0.38 0.189 293.745)",
+    950: "oklch(0.283 0.141 291.089)"
+  },
+  purple: {
+    50: "oklch(0.977 0.014 308.299)",
+    100: "oklch(0.946 0.033 307.174)",
+    200: "oklch(0.902 0.063 306.703)",
+    300: "oklch(0.827 0.119 306.383)",
+    400: "oklch(0.714 0.203 305.504)",
+    500: "oklch(0.627 0.265 303.9)",
+    600: "oklch(0.558 0.288 302.321)",
+    700: "oklch(0.496 0.265 301.924)",
+    800: "oklch(0.438 0.218 303.724)",
+    900: "oklch(0.381 0.176 304.987)",
+    950: "oklch(0.291 0.149 302.717)"
+  },
+  fuchsia: {
+    50: "oklch(0.977 0.017 320.058)",
+    100: "oklch(0.952 0.037 318.852)",
+    200: "oklch(0.903 0.076 319.62)",
+    300: "oklch(0.833 0.145 321.434)",
+    400: "oklch(0.74 0.238 322.16)",
+    500: "oklch(0.667 0.295 322.15)",
+    600: "oklch(0.591 0.293 322.896)",
+    700: "oklch(0.518 0.253 323.949)",
+    800: "oklch(0.452 0.211 324.591)",
+    900: "oklch(0.401 0.17 325.612)",
+    950: "oklch(0.293 0.136 325.661)"
+  },
+  pink: {
+    50: "oklch(0.971 0.014 343.198)",
+    100: "oklch(0.948 0.028 342.258)",
+    200: "oklch(0.899 0.061 343.231)",
+    300: "oklch(0.823 0.12 346.018)",
+    400: "oklch(0.718 0.202 349.761)",
+    500: "oklch(0.656 0.241 354.308)",
+    600: "oklch(0.592 0.249 0.584)",
+    700: "oklch(0.525 0.223 3.958)",
+    800: "oklch(0.459 0.187 3.815)",
+    900: "oklch(0.408 0.153 2.432)",
+    950: "oklch(0.284 0.109 3.907)"
+  },
+  rose: {
+    50: "oklch(0.969 0.015 12.422)",
+    100: "oklch(0.941 0.03 12.58)",
+    200: "oklch(0.892 0.058 10.001)",
+    300: "oklch(0.81 0.117 11.638)",
+    400: "oklch(0.712 0.194 13.428)",
+    500: "oklch(0.645 0.246 16.439)",
+    600: "oklch(0.586 0.253 17.585)",
+    700: "oklch(0.514 0.222 16.935)",
+    800: "oklch(0.455 0.188 13.697)",
+    900: "oklch(0.41 0.159 10.272)",
+    950: "oklch(0.271 0.105 12.094)"
+  },
+  slate: {
+    50: "oklch(0.984 0.003 247.858)",
+    100: "oklch(0.968 0.007 247.896)",
+    200: "oklch(0.929 0.013 255.508)",
+    300: "oklch(0.869 0.022 252.894)",
+    400: "oklch(0.704 0.04 256.788)",
+    500: "oklch(0.554 0.046 257.417)",
+    600: "oklch(0.446 0.043 257.281)",
+    700: "oklch(0.372 0.044 257.287)",
+    800: "oklch(0.279 0.041 260.031)",
+    900: "oklch(0.208 0.042 265.755)",
+    950: "oklch(0.129 0.042 264.695)"
+  },
+  gray: {
+    50: "oklch(0.985 0.002 247.839)",
+    100: "oklch(0.967 0.003 264.542)",
+    200: "oklch(0.928 0.006 264.531)",
+    300: "oklch(0.872 0.01 258.338)",
+    400: "oklch(0.707 0.022 261.325)",
+    500: "oklch(0.551 0.027 264.364)",
+    600: "oklch(0.446 0.03 256.802)",
+    700: "oklch(0.373 0.034 259.733)",
+    800: "oklch(0.278 0.033 256.848)",
+    900: "oklch(0.21 0.034 264.665)",
+    950: "oklch(0.13 0.028 261.692)"
+  },
+  zinc: {
+    50: "oklch(0.985 0 0)",
+    100: "oklch(0.967 0.001 286.375)",
+    200: "oklch(0.92 0.004 286.32)",
+    300: "oklch(0.871 0.006 286.286)",
+    400: "oklch(0.705 0.015 286.067)",
+    500: "oklch(0.552 0.016 285.938)",
+    600: "oklch(0.442 0.017 285.786)",
+    700: "oklch(0.37 0.013 285.805)",
+    800: "oklch(0.274 0.006 286.033)",
+    900: "oklch(0.21 0.006 285.885)",
+    950: "oklch(0.141 0.005 285.823)"
+  },
+  neutral: {
+    50: "oklch(0.985 0 0)",
+    100: "oklch(0.97 0 0)",
+    200: "oklch(0.922 0 0)",
+    300: "oklch(0.87 0 0)",
+    400: "oklch(0.708 0 0)",
+    500: "oklch(0.556 0 0)",
+    600: "oklch(0.439 0 0)",
+    700: "oklch(0.371 0 0)",
+    800: "oklch(0.269 0 0)",
+    900: "oklch(0.205 0 0)",
+    950: "oklch(0.145 0 0)"
+  },
+  stone: {
+    50: "oklch(0.985 0.001 106.423)",
+    100: "oklch(0.97 0.001 106.424)",
+    200: "oklch(0.923 0.003 48.717)",
+    300: "oklch(0.869 0.005 56.366)",
+    400: "oklch(0.709 0.01 56.259)",
+    500: "oklch(0.553 0.013 58.071)",
+    600: "oklch(0.444 0.011 73.639)",
+    700: "oklch(0.374 0.01 67.558)",
+    800: "oklch(0.268 0.007 34.298)",
+    900: "oklch(0.216 0.006 56.043)",
+    950: "oklch(0.147 0.004 49.25)"
+  }
+}, nn = {
+  sm: "40rem",
+  // 640px
+  md: "48rem",
+  // 768px
+  lg: "64rem",
+  // 1024px
+  xl: "80rem",
+  // 1280px
+  "2xl": "96rem"
+  // 1536px
+};
+function tn(n) {
+  return `--breakpoint-${n}`;
+}
+function Bl(n) {
+  return `var(${tn(n)})`;
+}
+function Il(n) {
+  return `@media (width >= ${nn[n]})`;
+}
+function kt() {
+  const n = {};
+  return F(nn).forEach(([l, e]) => {
+    n[tn(l)] = e;
+  }), n;
+}
+const xt = [
+  50,
+  100,
+  200,
+  300,
+  400,
+  500,
+  600,
+  700,
+  800,
+  900,
+  950
+], ye = [
+  "primary",
+  "secondary",
+  "base",
+  "success",
+  "warning",
+  "error",
+  "info"
+], Al = [
+  ...ye,
+  ...F(en).map(([n]) => n)
+], ln = {
+  primary: "blue",
+  secondary: "gray",
+  base: "gray",
+  success: "green",
+  warning: "amber",
+  error: "red",
+  info: "blue"
+}, yt = {
+  light: {
+    background: ["base", 50],
+    surface: ["base", 100],
+    subtle: ["base", 200],
+    elevated: ["base", 300],
+    raised: ["base", 400],
+    overlay: ["base", 500]
+  },
+  dark: {
+    background: ["base", 950],
+    surface: ["base", 900],
+    subtle: ["base", 800],
+    elevated: ["base", 700],
+    raised: ["base", 600],
+    overlay: ["base", 500]
+  }
+}, vt = {
+  light: {
+    normal: ["base", 900],
+    muted: ["base", 600],
+    inverted: ["base", 100]
+  },
+  dark: {
+    normal: ["base", 100],
+    muted: ["base", 400],
+    inverted: ["base", 900]
+  }
+}, wt = {
+  light: {
+    border: ["base", 200],
+    divider: ["base", 300],
+    inverted: ["base", 100]
+  },
+  dark: {
+    border: ["base", 700],
+    divider: ["base", 600],
+    inverted: ["base", 900]
+  }
+};
+function Tl(n) {
+  return ye.includes(n) ? ln[n] : n;
+}
+function ge(n, l) {
+  return `--color-${n}-${l}`;
+}
+function te(n, l) {
+  return `var(${ge(n, l)})`;
+}
+function $t() {
+  const n = {};
+  return n["--color-white"] = "white", n["--color-black"] = "black", n["--color-inherit"] = "inherit", F(en).forEach(([l, e]) => {
+    F(e).forEach(([t, o]) => {
+      n[ge(l, t)] = o;
+    });
+  }), ye.forEach((l) => {
+    const e = ln[l];
+    xt.forEach((t) => {
+      n[ge(l, t)] = te(
+        e,
+        t
+      );
+    });
+  }), F(yt).forEach(([l, e]) => {
+    F(e).forEach(([t, [o, r]]) => {
+      n[`--bg-${t}-${l}`] = te(o, r);
+    });
+  }), F(vt).forEach(([l, e]) => {
+    F(e).forEach(([t, [o, r]]) => {
+      n[`--text-${t}-${l}`] = te(o, r);
+    });
+  }), F(wt).forEach(([l, e]) => {
+    F(e).forEach(([t, [o, r]]) => {
+      n[`--border-${t}-${l}`] = te(
+        o,
+        r
+      );
+    });
+  }), n;
+}
+const on = {
+  none: "0",
+  xs: "calc(var(--spacing-base) / 2)",
+  sm: "var(--spacing-base)",
+  md: "calc(var(--spacing-base) * 1.5)",
+  lg: "calc(var(--spacing-base) * 2)",
+  xl: "calc(var(--spacing-base) * 3)",
+  full: "9999px"
+};
+function rn(n) {
+  return `--radius-${n}`;
+}
+function Ol(n) {
+  return `var(${rn(n)})`;
+}
+function Vl(n) {
+  return `@media (width >= ${on[n]})`;
+}
+function St() {
+  const n = {};
+  return F(on).forEach(([l, e]) => {
+    n[rn(l)] = e;
+  }), n;
+}
+const _t = "0.25rem", Ct = {
+  none: "0",
+  px: "1px",
+  base: _t,
+  xs: "calc(var(--spacing-base) / 2)",
+  sm: "var(--spacing-base)",
+  md: "calc(var(--spacing-base) * 1.5)",
+  lg: "calc(var(--spacing-base) * 2)",
+  xl: "calc(var(--spacing-base) * 3)",
+  "2xl": "calc(var(--spacing-base) * 4)",
+  "3xl": "calc(var(--spacing-base) * 6)",
+  full: "9999px"
+};
+function sn(n) {
+  return `--spacing-${n}`;
+}
+function jl(n) {
+  return `var(${sn(n)})`;
+}
+function Et() {
+  const n = {};
+  return F(Ct).forEach(([l, e]) => {
+    n[sn(l)] = e;
+  }), n;
+}
+const Bt = {
+  xs: ["0.75rem", { lineHeight: "1rem" }],
+  // 12px
+  sm: ["0.875rem", { lineHeight: "1.25rem" }],
+  // 14px
+  base: ["1rem", { lineHeight: "1.5rem" }],
+  // 16px
+  lg: ["1.125rem", { lineHeight: "1.75rem" }],
+  // 18px
+  xl: ["1.25rem", { lineHeight: "1.75rem" }],
+  // 20px
+  "2xl": ["1.5rem", { lineHeight: "2rem" }],
+  // 24px
+  "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+  // 30px
+  "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+  // 36px
+  "5xl": ["3rem", { lineHeight: "1" }],
+  // 48px
+  "6xl": ["3.75rem", { lineHeight: "1" }],
+  // 60px
+  "7xl": ["4.5rem", { lineHeight: "1" }],
+  // 72px
+  "8xl": ["6rem", { lineHeight: "1" }],
+  // 96px
+  "9xl": ["8rem", { lineHeight: "1" }]
+  // 128px
+}, It = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+}, At = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+}, Tt = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+}, Ot = {
+  sans: [
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    '"Segoe UI"',
+    "Roboto",
+    '"Helvetica Neue"',
+    "Arial",
+    '"Noto Sans"',
+    "sans-serif",
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+    '"Noto Color Emoji"'
+  ],
+  serif: [
+    "ui-serif",
+    "Georgia",
+    "Cambria",
+    '"Times New Roman"',
+    "Times",
+    "serif"
+  ],
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    '"SF Mono"',
+    "Consolas",
+    '"Liberation Mono"',
+    "Menlo",
+    "monospace"
+  ]
+};
+function cn(n) {
+  return `--font-size-${n}`;
+}
+function Nl(n) {
+  return `var(${cn(n)})`;
+}
+function Vt(n) {
+  return `--font-weight-${n}`;
+}
+function jt(n) {
+  return `var(${jt()})`;
+}
+function an(n) {
+  return `--line-height-${n}`;
+}
+function Fl(n) {
+  return `var(${an(n)})`;
+}
+function un(n) {
+  return `--letter-spacing-${n}`;
+}
+function Hl(n) {
+  return `var(${un(n)})`;
+}
+function hn(n) {
+  return `--font-family-${n}`;
+}
+function Wl(n) {
+  return `var(${hn(n)})`;
+}
+function Nt() {
+  const n = {};
+  return Object.entries(Bt).forEach(([l, e]) => {
+    const [t] = Array.isArray(e) ? e : [e];
+    n[cn(l)] = t;
+  }), Object.entries(It).forEach(([l, e]) => {
+    n[Vt(l)] = e;
+  }), Object.entries(At).forEach(([l, e]) => {
+    n[an(l)] = e;
+  }), Object.entries(Tt).forEach(([l, e]) => {
+    n[un(l)] = e;
+  }), Object.entries(Ot).forEach(([l, e]) => {
+    n[hn(l)] = e.join(", ");
+  }), n;
+}
+function Dl() {
+  return {
+    ...$t(),
+    ...Et(),
+    ...Nt(),
+    ...kt(),
+    ...St()
+  };
+}
+function Pl(n, l) {
+  return l == null && typeof window > "u" ? "" : getComputedStyle(l ?? document.documentElement).getPropertyValue(n).trim();
+}
+function Ml(n, l = 0, e = () => !0) {
+  let t = null, o;
+  const r = W(n.value);
+  return n.on((s) => {
+    o = s, e(s) ? t == null && (t = setTimeout(() => {
+      t = null, r.set(o);
+    }, l)) : r.set(s);
+  }), n.onDispose(() => {
+    t != null && clearTimeout(t);
+  }), r;
+}
 export {
-  Pt as AppShell,
-  je as Button,
-  Ht as Card,
-  Mt as Center,
-  Vt as CenterH,
-  Tt as CheckboxInput,
-  j as CommonInputAttributes,
-  k as ControlInputWrapper,
-  pt as DateControl,
-  He as DateInput,
-  dt as DateTimeControl,
-  _n as DateTimeInput,
-  Ot as EditableText,
-  mt as EmailControl,
-  Bn as EmailInput,
-  at as EmphasisLabel,
-  ut as ErrorLabel,
-  In as Expando,
-  Ln as FormController,
-  ht as FormStatus,
-  Lt as Group,
-  re as GroupController,
-  Q as Icon,
+  xl as AppShell,
+  Bn as BeatUITheme,
+  He as Button,
+  yl as Card,
+  wl as Center,
+  vl as CenterH,
+  il as CheckboxInput,
+  V as CommonInputAttributes,
+  I as ControlInputWrapper,
+  qt as DateControl,
+  Re as DateInput,
+  zt as DateTimeControl,
+  Mn as DateTimeInput,
+  hl as EditableText,
+  Ut as EmailControl,
+  Ln as EmailInput,
+  Pt as EmphasisLabel,
+  Mt as ErrorLabel,
+  Rn as Expando,
+  ot as FormController,
+  Gt as FormStatus,
+  $l as Group,
+  se as GroupController,
+  Z as Icon,
   O as InputContainer,
-  vn as Label,
-  En as LazyNativeSelect,
-  ft as LazyNativeSelectControl,
-  ce as ListController,
-  wn as MutedLabel,
-  Me as NativeSelect,
-  bt as NativeSelectControl,
-  xt as NullableDateControl,
-  Le as NullableDateInput,
-  yt as NullableDateTimeControl,
-  qe as NullableDateTimeInput,
-  vt as NullableStringDateControl,
-  wt as NullableStringDateTimeControl,
-  Dn as NullableTextArea,
-  $t as NullableTextAreaControl,
-  St as NullableTextControl,
-  jn as NullableTextInput,
-  Ct as NumberControl,
-  Nn as NumberInput,
-  Gt as OverlayBody,
-  zt as OverlayElement,
-  _t as PasswordControl,
-  Wn as PasswordInput,
-  $n as RequiredSymbol,
-  Bt as SegmentedControl,
-  ue as SelectOption,
-  qt as Sink,
-  Rt as Stack,
-  It as StringDateControl,
-  yn as Tag,
-  kt as TagsControl,
-  Pn as TagsInput,
-  Hn as TextArea,
-  Et as TextAreaControl,
-  it as TextControl,
-  Sn as TextInput,
-  _ as Theme,
-  ot as ThemeAppeareance,
-  Yt as Use,
-  te as ValueController,
-  Ue as WithBreakpoint,
-  Yn as WithTWBreakpoint,
-  Ft as WithTWElementBreakpoint,
-  Un as compareBreakpoint,
-  Ge as connectCommonAttributes,
-  Dt as connectNumberInput,
-  jt as connectStringInput,
-  Rn as convertStandardSchemaIssues,
-  qn as convertStandardSchemaPathToPath,
-  gt as emitExpando,
-  kn as emitOptionExpando,
-  ne as emptyToNull,
-  Wt as findBreakpoint,
+  Fn as Label,
+  zn as LazyNativeSelect,
+  Qt as LazyNativeSelectControl,
+  pe as ListController,
+  Hn as MutedLabel,
+  ze as NativeSelect,
+  Yt as NativeSelectControl,
+  Jt as NullableDateControl,
+  Ue as NullableDateInput,
+  Kt as NullableDateTimeControl,
+  Ge as NullableDateTimeInput,
+  Zt as NullableStringDateControl,
+  el as NullableStringDateTimeControl,
+  Yn as NullableTextArea,
+  nl as NullableTextAreaControl,
+  tl as NullableTextControl,
+  Qn as NullableTextInput,
+  ll as NumberControl,
+  Jn as NumberInput,
+  El as OverlayBody,
+  Cl as OverlayElement,
+  ol as PasswordControl,
+  Kn as PasswordInput,
+  Wn as RequiredSymbol,
+  rl as SegmentedControl,
+  de as SelectOption,
+  Sl as Sink,
+  _l as Stack,
+  sl as StringDateControl,
+  Nn as Tag,
+  cl as TagsControl,
+  et as TagsInput,
+  nt as TextArea,
+  al as TextAreaControl,
+  Rt as TextControl,
+  Dn as TextInput,
+  C as Theme,
+  Dt as ThemeAppeareance,
+  dl as Toggle,
+  ql as Use,
+  re as ValueController,
+  Je as WithBreakpoint,
+  ht as WithTWBreakpoint,
+  fl as WithTWElementBreakpoint,
+  _t as baseSpacing,
+  yt as bgColors,
+  wt as borderColors,
+  nn as breakpoints,
+  xt as colorShades,
+  en as colors,
+  ut as compareBreakpoint,
+  Ye as connectCommonAttributes,
+  ml as connectNumberInput,
+  pl as connectStringInput,
+  st as convertStandardSchemaIssues,
+  rt as convertStandardSchemaPathToPath,
+  Ml as delaySignal,
+  Xt as emitExpando,
+  qn as emitOptionExpando,
+  oe as emptyToNull,
+  bl as findBreakpoint,
+  Ot as fontFamily,
+  Bt as fontSize,
+  It as fontWeight,
+  Dl as generateAllTokenVariables,
+  kt as generateBreakpointVariables,
+  $t as generateColorVariables,
+  St as generateRadiusVariables,
+  Et as generateSpacingVariables,
+  Nt as generateTypographyVariables,
+  Il as getBreakpointMediaQuery,
+  Bl as getBreakpointVar,
+  tn as getBreakpointVarName,
+  te as getColorVar,
+  ge as getColorVarName,
+  Wl as getFontFamilyVar,
+  hn as getFontFamilyVarName,
+  Nl as getFontSizeVar,
+  cn as getFontSizeVarName,
+  jt as getFontWeightVar,
+  Vt as getFontWeightVarName,
+  Hl as getLetterSpacingVar,
+  un as getLetterSpacingVarName,
+  Fl as getLineHeightVar,
+  an as getLineHeightVarName,
+  Vl as getRadiusMediaQuery,
+  Ol as getRadiusVar,
+  rn as getRadiusVarName,
+  jl as getSpacingVar,
+  sn as getSpacingVarName,
+  Pl as getTokenValue,
   T as inputOptionsFromController,
-  me as inputOptionsFromMappedController,
-  ze as makeMapValidationResult,
-  he as makeMappedOnChangeHandler,
-  ct as makeNullableOnChangeHandler,
-  E as makeOnBlurHandler,
-  D as makeOnChangeHandler,
-  tt as makeOverlay,
-  Re as nullToEmpty,
-  At as parsePath,
-  Mn as pathToString,
-  Nt as useForm,
-  Vn as wrapSegment
+  fe as inputOptionsFromMappedController,
+  Tt as letterSpacing,
+  At as lineHeight,
+  Qe as makeMapValidationResult,
+  ke as makeMappedOnChangeHandler,
+  Lt as makeNullableOnChangeHandler,
+  A as makeOnBlurHandler,
+  j as makeOnChangeHandler,
+  ft as makeOverlay,
+  Tl as normalizeColorName,
+  Xe as nullToEmpty,
+  ul as parsePath,
+  lt as pathToString,
+  on as radius,
+  ye as semanticColorNames,
+  ln as semanticColors,
+  Ct as spacing,
+  vt as textColors,
+  Al as themeColorNames,
+  me as useAnimatedElementToggle,
+  Ke as useAnimatedToggle,
+  gl as useForm,
+  kl as useTimedToggle,
+  tt as wrapSegment
 };