@tempots/beatui 0.21.0 → 0.23.0

package/dist/{translations-ClgoCEFC.js → translations-924E7r4Q.js}

@@ -1,6 +1,7 @@
-import { makeProviderMark as Y, localStorageProp as W, computedOf as I, Use as O, html as p, attr as c, When as T, Fragment as M, aria as k, coalesce as G, style as j, prop as _, on as y, OnDispose as Z, Value as P, WithElement as ue, Empty as v, dataAttr as U, input as X, emitValue as $, emitValueAsNumber as de } from "@tempots/dom";
-import { WhenInViewport as he, Query as pe, ElementRect as fe } from "@tempots/ui";
-function K(e, {
+import { makeProviderMark as ae, localStorageProp as X, computedOf as k, Use as q, html as p, attr as c, When as _, Fragment as E, aria as x, coalesce as Q, style as H, prop as I, on as y, OnDispose as oe, Value as L, WithElement as ve, Empty as v, dataAttr as J, input as ie, emitValue as M, emitValueAsNumber as ke } from "@tempots/dom";
+import { WhenInViewport as ye, Query as we, ElementRect as Ce } from "@tempots/ui";
+import { b as xe, g as Se } from "./colors-5Nwx_gSj.js";
+function ee(e, {
   units: t = ["B", "KB", "MB", "GB", "TB"],
   decimalPlaces: s = 0,
   locale: n
@@ -28,12 +29,12 @@ function K(e, {
     maximumFractionDigits: r === 0 ? 0 : s
   }).format(a).replace("byte", t[r]);
 }
-const J = /* @__PURE__ */ new Map();
-function ee(e) {
-  const t = J.get(e) ?? 0;
-  return J.set(e, t + 1), `${e}-${t}`;
+const te = /* @__PURE__ */ new Map();
+function le(e) {
+  const t = te.get(e) ?? 0;
+  return te.set(e, t + 1), `${e}-${t}`;
 }
-const w = {
+const C = {
   /**
    * Creates a loading state.
    * @param previousValue - The previous value.
@@ -112,7 +113,7 @@ const w = {
    * @public
    */
   getOrElse(e, t) {
-    return w.isSuccess(e) ? e.value : t;
+    return C.isSuccess(e) ? e.value : t;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns the value from the alternative function.
@@ -123,7 +124,7 @@ const w = {
    * function.
    */
   getOrElseLazy(e, t) {
-    return w.isSuccess(e) ? e.value : t();
+    return C.isSuccess(e) ? e.value : t();
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `null`.
@@ -132,7 +133,7 @@ const w = {
    * @public
    */
   getOrNull(e) {
-    return w.isSuccess(e) ? e.value : null;
+    return C.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `undefined`.
@@ -141,7 +142,7 @@ const w = {
    * @public
    */
   getOrUndefined(e) {
-    return w.isSuccess(e) ? e.value : void 0;
+    return C.isSuccess(e) ? e.value : void 0;
   },
   /**
    * Gets the value of a `AsyncResult` if it is a `Success`, otherwise it throws the error contained in the `Failure`.
@@ -149,9 +150,9 @@ const w = {
    * @returns The value of the `AsyncResult` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (w.isSuccess(e))
+    if (C.isSuccess(e))
       return e.value;
-    throw w.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
+    throw C.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
   },
   /**
    * Based on the state of the result, it picks the appropriate function to call and returns the result.
@@ -167,7 +168,7 @@ const w = {
     failure: s,
     loading: n,
     notAsked: r = n
-  }) => w.isSuccess(e) ? t(e.value) : w.isFailure(e) ? s(e.error) : w.isNotAsked(e) ? r() : n(e.previousValue),
+  }) => C.isSuccess(e) ? t(e.value) : C.isFailure(e) ? s(e.error) : C.isNotAsked(e) ? r() : n(e.previousValue),
   /**
    * When the result is a success, it applies the function to the value.
    *
@@ -176,7 +177,7 @@ const w = {
    * @returns The result that was passed in.
    * @public
    */
-  whenSuccess: (e, t) => (w.isSuccess(e) && t(e.value), e),
+  whenSuccess: (e, t) => (C.isSuccess(e) && t(e.value), e),
   /**
    * When the result is a failure, it applies the function to the error.
    *
@@ -185,7 +186,7 @@ const w = {
    * @returns The result that was passed in.
    * @public
    */
-  whenFailure: (e, t) => (w.isFailure(e) && t(e.error), e),
+  whenFailure: (e, t) => (C.isFailure(e) && t(e.error), e),
   /**
    * Compares two results for equality.
    * @param r1 - The first result.
@@ -205,11 +206,11 @@ const w = {
   all: (e) => {
     const t = [];
     for (const s of e)
-      if (w.isSuccess(s))
+      if (C.isSuccess(s))
         t.push(s.value);
       else
         return s;
-    return w.success(t);
+    return C.success(t);
   },
   /**
    * Converts a Promise to an AsyncResult.
@@ -219,12 +220,12 @@ const w = {
   ofPromise: async (e) => {
     try {
       const t = await e;
-      return w.success(t);
+      return C.success(t);
     } catch (t) {
-      return w.failure(t instanceof Error ? t : new Error(String(t)));
+      return C.failure(t instanceof Error ? t : new Error(String(t)));
     }
   }
-}, L = (e, t) => e === t || e !== e && t !== t, D = {
+}, N = (e, t) => e === t || e !== e && t !== t, D = {
   /**
    * Creates a valid `Validation`.
    * @returns A `Validation` that is `Valid`.
@@ -271,8 +272,8 @@ const w = {
    */
   toResult: (e, t) => D.match(
     e,
-    () => f.success(t),
-    (s) => f.failure(s)
+    () => b.success(t),
+    (s) => b.failure(s)
   ),
   /**
    * Execute a function when the `Validation` is valid.
@@ -290,7 +291,7 @@ const w = {
    * @returns The `Validation` object.
    */
   whenInvalid: (e, t) => (D.isInvalid(e) && t(e.error), e)
-}, f = {
+}, b = {
   /**
    * Creates a successful `Result`.
    * @param value - The value to wrap in a `Success` type.
@@ -318,7 +319,7 @@ const w = {
    * @returns A new `Result` with the mapped value.
    * @public
    */
-  map: (e, t) => e.type === "Success" ? f.success(t(e.value)) : e,
+  map: (e, t) => e.type === "Success" ? b.success(t(e.value)) : e,
   /**
    * Maps the value of a `Result` to a new `Result`.
    * @param r - The `Result` to map.
@@ -334,10 +335,10 @@ const w = {
    * @public
    */
   toAsync(e) {
-    return f.match(
+    return b.match(
       e,
-      (t) => w.success(t),
-      (t) => w.failure(t)
+      (t) => C.success(t),
+      (t) => C.failure(t)
     );
   },
   /**
@@ -347,7 +348,7 @@ const w = {
    * @public
    */
   toValidation(e) {
-    return f.match(
+    return b.match(
       e,
       () => D.valid,
       (t) => D.invalid(t)
@@ -379,7 +380,7 @@ const w = {
    * @public
    */
   getOrElse(e, t) {
-    return f.isSuccess(e) ? e.value : t;
+    return b.isSuccess(e) ? e.value : t;
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns the result of the provided function.
@@ -389,7 +390,7 @@ const w = {
    * @public
    */
   getOrElseLazy(e, t) {
-    return f.isSuccess(e) ? e.value : t();
+    return b.isSuccess(e) ? e.value : t();
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns `null`.
@@ -398,7 +399,7 @@ const w = {
    * @public
    */
   getOrNull(e) {
-    return f.isSuccess(e) ? e.value : null;
+    return b.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns `undefined`.
@@ -407,7 +408,7 @@ const w = {
    * @public
    */
   getOrUndefined(e) {
-    return f.isSuccess(e) ? e.value : void 0;
+    return b.isSuccess(e) ? e.value : void 0;
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise it throws the error contained in the `Failure`.
@@ -415,7 +416,7 @@ const w = {
    * @returns The value of the `Result` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (f.isSuccess(e))
+    if (b.isSuccess(e))
       return e.value;
     throw e.error;
   },
@@ -426,15 +427,15 @@ const w = {
    * @returns The result of calling the appropriate function based on the state of the result.
    * @public
    */
-  match: (e, t, s) => f.isSuccess(e) ? t(e.value) : s(e.error),
+  match: (e, t, s) => b.isSuccess(e) ? t(e.value) : s(e.error),
   /**
    * Calls the provided function if the result is a success.
    * @param apply - The function to call if the result is a success.
    * @returns A function that takes a `Result` and calls the provided function if the result is a success.
    * @public
    */
-  whenSuccess: (e, t) => (f.isSuccess(e) && t(e.value), e),
-  whenFailure: (e, t) => (f.isFailure(e) && t(e.error), e),
+  whenSuccess: (e, t) => (b.isSuccess(e) && t(e.value), e),
+  whenFailure: (e, t) => (b.isFailure(e) && t(e.error), e),
   /**
    * Combines two results into a single result.
    * @param r1 - The first result.
@@ -444,18 +445,18 @@ const w = {
    * @returns The combined result.
    * @public
    */
-  combine: (e, t, s, n) => f.match(
+  combine: (e, t, s, n) => b.match(
     e,
-    (r) => f.match(
+    (r) => b.match(
       t,
-      (a) => f.success(s(r, a)),
-      (a) => f.failure(a)
+      (a) => b.success(s(r, a)),
+      (a) => b.failure(a)
     ),
-    (r) => f.match(
+    (r) => b.match(
       t,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (a) => f.failure(r),
-      (a) => f.failure(n(r, a))
+      (a) => b.failure(r),
+      (a) => b.failure(n(r, a))
     )
   ),
   /**
@@ -477,13 +478,13 @@ const w = {
   all: (e) => {
     const t = [];
     for (const s of e)
-      if (f.isSuccess(s))
+      if (b.isSuccess(s))
         t.push(s.value);
       else
         return s;
-    return f.success(t);
+    return b.success(t);
   }
-}, te = {
+}, ce = {
   loadingExtended: "Loading, please wait",
   loadingShort: "Loading...",
   locale: "Locale",
@@ -546,29 +547,29 @@ const w = {
     if (e || t) {
       const r = [];
       if (e != null && e > 1 && r.push(`up to ${e} files`), t && s) {
-        const a = K(t, {
+        const a = ee(t, {
           units: s
         });
         r.push(`max ${a} each`);
       }
       r.length > 0 && (n += ` (${r.join(", ")})`);
     } else if (t && s) {
-      const r = K(t, {
+      const r = ee(t, {
         units: s
       });
       n += ` (max ${r})`;
     }
     return n;
   }
-}, me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: te
-}, Symbol.toStringTag, { value: "Module" })), be = te, ge = "en", ve = (e, t, s) => {
+  default: ce
+}, Symbol.toStringTag, { value: "Module" })), Ie = ce, _e = "en", Ee = (e, t, s) => {
   const n = e[t];
   return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((r, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(a.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + t + (t.split("/").length !== s ? ". Note that variables only represent file names one level deep." : ""))));
   });
-}, ye = /* @__PURE__ */ new Set([
+}, Te = /* @__PURE__ */ new Set([
   "ar",
   // Arabic
   "he",
@@ -594,24 +595,24 @@ const w = {
   "in"
   // Indonesian (deprecated, but sometimes confused)
 ]);
-function se(e) {
+function ue(e) {
   if (!e) return "ltr";
   const t = e.split(/[-_]/)[0].toLowerCase();
-  return ye.has(t) ? "rtl" : "ltr";
+  return Te.has(t) ? "rtl" : "ltr";
 }
-function we(e, t) {
-  return e === "auto" ? se(t) : e;
+function Le(e, t) {
+  return e === "auto" ? ue(t) : e;
 }
-function Xe(e) {
+function mt(e) {
   return `b-${e}`;
 }
-function et(e) {
-  return se(e) === "rtl";
+function vt(e) {
+  return ue(e) === "rtl";
 }
-function tt(e) {
+function kt(e) {
   return e === "ltr" ? "rtl" : "ltr";
 }
-const ke = {
+const Me = {
   ltr: {
     "inline-start": "left",
     "inline-end": "right",
@@ -625,23 +626,23 @@ const ke = {
     "block-end": "bottom"
   }
 };
-function st(e, t) {
-  return ke[t][e];
+function yt(e, t) {
+  return Me[t][e];
 }
-const Se = {
-  mark: Y("Locale"),
+const Pe = {
+  mark: ae("Locale"),
   create: (e) => {
-    const t = W({
+    const t = X({
       defaultValue: navigator.language ?? "en-US",
       key: "beatui-locale"
-    }), s = W({
+    }), s = X({
       defaultValue: "auto",
       key: "beatui-direction-preference"
-    }), n = I(
+    }), n = k(
       t,
       s
     )(
-      (a, i) => we(i, a)
+      (a, o) => Le(o, a)
     );
     return {
       value: {
@@ -656,16 +657,117 @@ const Se = {
       }
     };
   }
-}, Ie = "bui-icons", N = /* @__PURE__ */ new Map(), ne = (() => {
+}, {
+  variants: Ve,
+  special: Ae,
+  overrides: Y
+} = xe;
+function B(e, t) {
+  switch (e) {
+    case "white":
+      return "var(--color-white)";
+    case "black":
+      return "var(--color-black)";
+    case "transparent":
+      return "transparent";
+    default:
+      return Se(e, t);
+  }
+}
+function de(e, t) {
+  const s = Ae[e];
+  if (!s) return;
+  if (t === "light")
+    return s;
+  const n = Y[e];
+  return n ? n[t] : s;
+}
+function O(e, t, s) {
+  const n = Y[e];
+  if (n) {
+    const a = n[s];
+    if (a)
+      return { backgroundColor: a.backgroundColor, textColor: a.color };
+  }
+  if (t === "solid") {
+    const a = de(e, s);
+    if (a)
+      return {
+        backgroundColor: a.backgroundColor,
+        textColor: a.color
+      };
+  }
+  const r = Ve[t][s];
+  return {
+    backgroundColor: B(e, r.bgShade),
+    textColor: r.textColor
+  };
+}
+const $e = {
+  light: { shade: 600, textColor: "var(--color-white)" },
+  dark: { shade: 600, textColor: "var(--text-inverted-dark)" }
+}, Be = {
+  light: { shade: 300, textColor: "var(--text-normal-light)" },
+  dark: { shade: 700, textColor: "var(--text-normal-dark)" }
+}, Oe = {
+  light: { shade: 400, textColor: "var(--text-normal-light)" },
+  dark: { shade: 600, textColor: "var(--text-normal-dark)" }
+};
+function V(e, t, s) {
+  const n = Y[e];
+  if (n) {
+    const a = n[s];
+    if (a)
+      return { backgroundColor: a.backgroundColor, textColor: a.color };
+  }
+  if (t === "solid") {
+    const a = de(e, s);
+    if (a)
+      return {
+        backgroundColor: a.backgroundColor,
+        textColor: a.color
+      };
+    const o = $e[s];
+    return {
+      backgroundColor: B(e, o.shade),
+      textColor: o.textColor
+    };
+  }
+  const r = t === "light" ? Be[s] : Oe[s];
+  return {
+    backgroundColor: B(e, r.shade),
+    textColor: r.textColor
+  };
+}
+function se(e, t) {
+  const s = t === "light" ? 500 : 600;
+  switch (e) {
+    case "white":
+      return t === "light" ? "var(--text-inverse-light)" : "var(--text-inverted-dark)";
+    case "black":
+      return "var(--color-black)";
+    case "transparent":
+      return "transparent";
+    default:
+      return B(e, s);
+  }
+}
+function j(e, t) {
+  return e === "white" ? "var(--color-white)" : e === "black" ? "var(--color-black)" : e === "transparent" ? "inherit" : B(e, t === "light" ? 800 : 200);
+}
+function ne(e, t, s) {
+  return t === "soft" ? B(e, s === "light" ? 300 : 700) : B(e, s === "light" ? 500 : 600);
+}
+const je = "bui-icons", U = /* @__PURE__ */ new Map(), he = (() => {
   try {
     return typeof indexedDB < "u" && indexedDB !== null;
   } catch {
     return !1;
   }
 })();
-function De() {
-  return ne ? new Promise((e, t) => {
-    const s = indexedDB.open(Ie, 1);
+function Ne() {
+  return he ? new Promise((e, t) => {
+    const s = indexedDB.open(je, 1);
     s.onupgradeneeded = function(n) {
       const r = n.target.result;
       r.objectStoreNames.contains("icons") || r.createObjectStore("icons");
@@ -676,36 +778,36 @@ function De() {
     };
   }) : Promise.reject(new Error("IndexedDB not available"));
 }
-const F = ne ? De() : null;
-function _e(e, t) {
+const z = he ? Ne() : null;
+function Fe(e, t) {
   return new Promise(async (s, n) => {
     try {
-      if (F) {
-        const a = (await F).transaction("icons", "readwrite");
+      if (z) {
+        const a = (await z).transaction("icons", "readwrite");
         a.objectStore("icons").put(t, e), a.oncomplete = s, a.onerror = n;
       } else
-        N.set(e, t), s(void 0);
+        U.set(e, t), s(void 0);
     } catch {
-      N.set(e, t), s(void 0);
+      U.set(e, t), s(void 0);
     }
   });
 }
-function Ce(e) {
+function qe(e) {
   return new Promise(async (t, s) => {
     try {
-      if (F) {
-        const i = (await F).transaction("icons", "readonly").objectStore("icons").get(e);
-        i.onsuccess = function() {
-          t(i.result);
-        }, i.onerror = s;
+      if (z) {
+        const o = (await z).transaction("icons", "readonly").objectStore("icons").get(e);
+        o.onsuccess = function() {
+          t(o.result);
+        }, o.onerror = s;
       } else
-        t(N.get(e) || null);
+        t(U.get(e) || null);
     } catch {
-      t(N.get(e) || null);
+      t(U.get(e) || null);
     }
   });
 }
-async function Ee(e) {
+async function Re(e) {
   const t = `https://api.iconify.design/${e}.svg`;
   return fetch(t).then((s) => {
     if (s.status === 200)
@@ -713,174 +815,244 @@ async function Ee(e) {
     throw new Error(`Failed to load icon: ${e}`);
   });
 }
-async function Te(e) {
-  const t = e.replace(":", "/"), s = await Ce(t);
+async function He(e) {
+  const t = e.replace(":", "/"), s = await qe(t);
   if (s)
     return s;
-  const n = await Ee(t);
-  return await _e(t, n), n;
+  const n = await Re(t);
+  return await Fe(t, n), n;
+}
+function Ue(e) {
+  return ["bc-icon", `bc-icon--${e}`].join(" ");
 }
-function Me(e, t) {
-  const s = ["bc-icon", `bc-icon--${e}`];
-  return t && s.push(`bu-fg-${t}`), s.join(" ");
+function ze(e, t = "solid") {
+  if (!e) return "";
+  const s = ne(e, t, "light"), n = ne(e, t, "dark");
+  return `--icon-color: ${s}; --icon-color-dark: ${n}`;
 }
-function B({ icon: e, size: t = "md", color: s, title: n, accessibility: r = "auto" }, ...a) {
-  const i = I(
+function F({
+  icon: e,
+  size: t = "md",
+  color: s,
+  title: n,
+  accessibility: r = "auto",
+  tone: a = "solid"
+}, ...o) {
+  const i = k(
     r,
     n
-  )((o, l) => o === "decorative" ? !1 : o === "informative" ? !0 : l != null && l !== "");
-  return O(
-    V,
-    (o) => p.span(
-      c.class("bu-content-box"),
+  )((l, h) => l === "decorative" ? !1 : l === "informative" ? !0 : h != null && h !== "");
+  return q(
+    R,
+    (l) => p.span(
       c.class(
-        I(
-          t,
-          s
-        )((l, h) => Me(l ?? "md", h))
+        k(t, s)((h) => Ue(h ?? "md"))
+      ),
+      c.style(
+        k(
+          s,
+          a
+        )(
+          (h, u) => ze(h ?? void 0, u ?? "solid")
+        )
       ),
       // Add accessibility attributes based on icon type
-      T(
+      _(
         i,
-        () => M(
+        () => E(
           c.role("img"),
-          k.label(G(n, o.$.iconDescription))
+          x.label(Q(n, l.$.iconDescription))
         ),
-        () => k.hidden(!0)
+        () => x.hidden(!0)
       ),
-      he(
+      ye(
         { once: !0 },
-        () => pe({
+        () => we({
           request: e,
-          load: ({ request: l }) => Te(l),
+          load: ({ request: h }) => He(h),
           convertError: String,
-          success: ({ value: l }) => p.span(
-            j.width("100%"),
-            j.height("100%"),
-            c.innerHTML(l)
+          success: ({ value: h }) => p.span(
+            H.width("100%"),
+            H.height("100%"),
+            c.innerHTML(h)
           ),
           pending: () => p.span(
             c.class("animate-spin"),
             // Loading state accessibility
-            T(
+            _(
               i,
-              () => M(c.role("img"), k.label(o.$.loadingIcon)),
-              () => k.hidden(!0)
+              () => E(c.role("img"), x.label(l.$.loadingIcon)),
+              () => x.hidden(!0)
             ),
             "↻"
           ),
-          failure: ({ error: l }) => p.span(
-            c.title(l),
+          failure: ({ error: h }) => p.span(
+            c.title(h),
             c.class("text-red-500"),
             // Error state accessibility
-            T(
+            _(
               i,
-              () => M(c.role("img"), k.label(o.$.failedToLoadIcon)),
-              () => k.hidden(!0)
+              () => E(c.role("img"), x.label(l.$.failedToLoadIcon)),
+              () => x.hidden(!0)
             ),
             "🚫"
           )
         })
       ),
-      ...a
+      ...o
     )
   );
 }
-function Pe(e, t, s, n, r, a) {
-  const i = [
+function Ge(e, t, s, n, r, a) {
+  const o = [
     "bc-button",
-    `bu-text-${t}`,
+    `bc-button--size-${t}`,
     `bc-control--padding-${t}`,
-    `bu-rounded-${n}`
+    `bc-control--rounded-${n}`
   ];
-  switch (a && i.push("bc-button--loading"), e) {
-    case "filled":
-      i.push(`bu-bg-${s}`), r || i.push(`hover:bu-bg-${s}`);
+  return a && o.push("bc-button--loading"), o.join(" ");
+}
+function We(e, t, s) {
+  const n = /* @__PURE__ */ new Map(), r = (a, o, i, l) => {
+    s || (n.set("--button-bg-hover", a), n.set("--button-text-hover", i), n.set("--button-bg-hover-dark", o), n.set("--button-text-hover-dark", l));
+  };
+  switch (e) {
+    case "filled": {
+      const a = O(t, "solid", "light"), o = O(t, "solid", "dark");
+      n.set("--button-bg", a.backgroundColor), n.set("--button-text", a.textColor), n.set("--button-bg-dark", o.backgroundColor), n.set("--button-text-dark", o.textColor);
+      const i = V(t, "solid", "light"), l = V(t, "solid", "dark");
+      r(
+        i.backgroundColor,
+        l.backgroundColor,
+        i.textColor,
+        l.textColor
+      );
       break;
-    case "light":
-      i.push(`bu-bg-light-${s}`), r || i.push(`hover:bu-bg-light-${s}`);
+    }
+    case "light": {
+      const a = O(t, "light", "light"), o = O(t, "light", "dark");
+      n.set("--button-bg", a.backgroundColor), n.set("--button-text", a.textColor), n.set("--button-bg-dark", o.backgroundColor), n.set("--button-text-dark", o.textColor);
+      const i = V(t, "light", "light"), l = V(t, "light", "dark");
+      r(
+        i.backgroundColor,
+        l.backgroundColor,
+        i.textColor,
+        l.textColor
+      );
       break;
-    case "outline":
-      i.push(`bu-border--${s}`), r || i.push(`hover:bu-bg-light-${s}`);
+    }
+    case "outline": {
+      n.set("--button-bg", "transparent"), n.set("--button-bg-dark", "transparent"), n.set("--button-border", se(t, "light")), n.set("--button-border-dark", se(t, "dark")), n.set("--button-text", j(t, "light")), n.set("--button-text-dark", j(t, "dark"));
+      const a = V(t, "light", "light"), o = V(t, "light", "dark");
+      r(
+        a.backgroundColor,
+        o.backgroundColor,
+        a.textColor,
+        o.textColor
+      );
       break;
-    case "default":
-      i.push("bu-bg-light-neutral"), i.push(`bu-text-${s}`), r || i.push("hover:bu-bg-light-base");
+    }
+    case "default": {
+      const a = O("neutral", "light", "light"), o = O("neutral", "light", "dark");
+      n.set("--button-bg", a.backgroundColor), n.set("--button-text", j(t, "light")), n.set("--button-bg-dark", o.backgroundColor), n.set("--button-text-dark", j(t, "dark"));
+      const i = V("base", "light", "light"), l = V("base", "light", "dark");
+      r(
+        i.backgroundColor,
+        l.backgroundColor,
+        n.get("--button-text") ?? a.textColor,
+        n.get("--button-text-dark") ?? o.textColor
+      );
       break;
-    case "text":
-      i.push("bu-bg-inherit"), i.push(`bu-text-${s}`), r || i.push("hover:bu-underline");
+    }
+    case "text": {
+      n.set("--button-bg", "transparent"), n.set("--button-bg-dark", "transparent"), n.set("--button-text", j(t, "light")), n.set("--button-text-dark", j(t, "dark")), s || n.set("--button-hover-decoration", "underline");
       break;
+    }
   }
-  return i.join(" ");
+  return Array.from(n.entries()).map(([a, o]) => `${a}: ${o}`).join("; ");
 }
-function $e({
+function Ke({
   type: e = "button",
   disabled: t,
   loading: s,
   variant: n = "filled",
   size: r = "md",
   color: a = "base",
-  roundedness: i = "sm",
-  onClick: o = () => {
+  roundedness: o = "sm",
+  onClick: i = () => {
   }
 }, ...l) {
-  const h = _(null);
-  return O(
-    V,
-    (d) => p.button(
+  const h = I(null);
+  return q(
+    R,
+    (u) => p.button(
       c.type(e),
       c.disabled(
-        I(
+        k(
           t,
           s
-        )((u, b) => u || b)
+        )((d, f) => d || f)
       ),
       // Add ARIA attributes for accessibility
-      k.busy(s ?? !1),
-      T(s ?? !1, () => k.label(d.$.loadingExtended)),
+      x.busy(s ?? !1),
+      _(s ?? !1, () => x.label(u.$.loadingExtended)),
       c.class(
-        I(
+        k(
           n,
           r,
           a,
-          i,
+          o,
           t,
           s
         )(
-          (u, b, g, S, m, C) => Pe(
-            u ?? "filled",
-            b ?? "md",
-            g ?? "base",
-            S ?? "sm",
-            m,
-            C
+          (d, f, m, w, g, S) => Ge(
+            d ?? "filled",
+            f ?? "md",
+            m ?? "base",
+            w ?? "sm",
+            g,
+            S
           )
         )
       ),
-      T(
+      c.style(
+        k(
+          n,
+          a,
+          t
+        )(
+          (d, f, m) => We(
+            d ?? "filled",
+            f ?? "base",
+            m
+          )
+        )
+      ),
+      _(
         s ?? !1,
-        () => M(
-          j.width(
-            h.map((u) => u == null ? "" : `${u.width}px`)
+        () => E(
+          H.width(
+            h.map((d) => d == null ? "" : `${d.width}px`)
           ),
-          j.height(
-            h.map((u) => u == null ? "" : `${u.height}px`)
+          H.height(
+            h.map((d) => d == null ? "" : `${d.height}px`)
           ),
-          B({ icon: "line-md:loading-twotone-loop", size: r ?? "md" }),
+          F({ icon: "line-md:loading-twotone-loop", size: r ?? "md" }),
           // Hidden live region for screen reader announcements
           p.span(
             c.class("sr-only"),
-            k.live("polite"),
-            d.$.loadingExtended
+            x.live("polite"),
+            u.$.loadingExtended
           )
         ),
-        () => M(y.click(o), ...l)
+        () => E(y.click(i), ...l)
       ),
-      T(
+      _(
         s != null,
-        () => fe(
-          (u) => Z(
-            u.on((b) => {
-              P.get(s ?? !1) || h.set(b);
+        () => Ce(
+          (d) => oe(
+            d.on((f) => {
+              L.get(s ?? !1) || h.set(f);
             })
           )
         )
@@ -888,18 +1060,18 @@ function $e({
     )
   );
 }
-function nt({
+function wt({
   size: e = "sm",
   icon: t = "line-md:close",
   disabled: s,
   roundedness: n = "full",
   color: r = "base",
   onClick: a,
-  label: i
-}, ...o) {
-  return O(V, (l) => {
-    const h = G(i, l.$.closeModal);
-    return $e(
+  label: o
+}, ...i) {
+  return q(R, (l) => {
+    const h = Q(o, l.$.closeModal);
+    return Ke(
       {
         variant: "text",
         size: e,
@@ -909,13 +1081,13 @@ function nt({
         onClick: a
       },
       c.title(h),
-      k.label(h),
-      ...o,
-      B({ icon: t, size: e ?? "sm" })
+      x.label(h),
+      ...i,
+      F({ icon: t, size: e ?? "sm" })
     );
   });
 }
-function Ae(e, t, s) {
+function Je(e, t, s) {
   const n = [
     e ? "bc-base-input-container" : "bc-input-container"
   ];
@@ -925,34 +1097,34 @@ function Ae(e, t, s) {
     e ? "bc-base-input-container--default" : "bc-input-container--default"
   ), s && n.push("bc-input-container--error"), n.join(" ");
 }
-const R = ({
+const W = ({
   baseContainer: e,
   disabled: t,
   input: s,
   before: n,
   after: r,
   hasError: a,
-  focusableSelector: i = "input, select, textarea",
-  growInput: o = !0
+  focusableSelector: o = "input, select, textarea",
+  growInput: i = !0
 }, ...l) => {
-  const h = P.map(t ?? !1, (d) => d);
+  const h = L.map(t ?? !1, (u) => u);
   return p.div(
-    ue((d) => {
-      const u = () => {
-        d.querySelector(i)?.focus();
+    ve((u) => {
+      const d = () => {
+        u.querySelector(o)?.focus();
       };
-      return d.addEventListener("click", u), Z(() => d.removeEventListener("click", u));
+      return u.addEventListener("click", d), oe(() => u.removeEventListener("click", d));
     }),
     c.class(
-      I(
+      k(
         e,
         h,
         a ?? !1
       )(
-        (d, u, b) => Ae(
-          d ?? !1,
+        (u, d, f) => Je(
           u ?? !1,
-          b ?? !1
+          d ?? !1,
+          f ?? !1
         )
       )
     ),
@@ -960,9 +1132,9 @@ const R = ({
     p.div(
       c.class("bc-input-container__input"),
       c.class(
-        P.map(
-          o,
-          (d) => d ? "bc-input-container__input--grow" : ""
+        L.map(
+          i,
+          (u) => u ? "bc-input-container__input--grow" : ""
         )
       ),
       s
@@ -971,18 +1143,18 @@ const R = ({
     ...l
   );
 };
-function H(e) {
+function K(e) {
   return `bc-label bc-label--${e}`;
 }
-const rt = (...e) => p.span(c.class(H("emphasis")), ...e), xe = (...e) => p.span(c.class(H("default")), ...e), Le = (...e) => p.span(c.class(H("muted")), ...e), at = (...e) => p.span(c.class(H("error")), ...e), it = (e) => {
-  const { value: t, onBlur: s, onChange: n, placeholder: r, disabled: a, id: i } = e, o = i ?? ee("checkbox"), l = `${o}-label`, h = () => {
-    if (P.get(a ?? !1)) return;
-    const u = P.get(t);
-    n?.(!u);
-  }, d = (u) => {
-    P.get(a ?? !1) || (u.key === " " || u.key === "Enter") && (u.preventDefault(), h());
+const Ct = (...e) => p.span(c.class(K("emphasis")), ...e), Qe = (...e) => p.span(c.class(K("default")), ...e), Ye = (...e) => p.span(c.class(K("muted")), ...e), xt = (...e) => p.span(c.class(K("error")), ...e), St = (e) => {
+  const { value: t, onBlur: s, onChange: n, placeholder: r, disabled: a, id: o } = e, i = o ?? le("checkbox"), l = `${i}-label`, h = () => {
+    if (L.get(a ?? !1)) return;
+    const d = L.get(t);
+    n?.(!d);
+  }, u = (d) => {
+    L.get(a ?? !1) || (d.key === " " || d.key === "Enter") && (d.preventDefault(), h());
   };
-  return R(
+  return W(
     {
       baseContainer: !0,
       growInput: !1,
@@ -992,93 +1164,94 @@ const rt = (...e) => p.span(c.class(H("emphasis")), ...e), xe = (...e) => p.span
         p.span(
           c.class("bc-checkbox-input__checkbox"),
           c.class(
-            P.map(
+            L.map(
               t,
-              (u) => u ? "bc-checkbox-input__checkbox--checked" : ""
+              (d) => d ? "bc-checkbox-input__checkbox--checked" : ""
             )
           ),
           c.class(
-            P.map(
+            L.map(
               a ?? !1,
-              (u) => u ? "bc-checkbox-input__checkbox--disabled" : ""
+              (d) => d ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
-          c.id(o),
+          c.id(i),
           c.role("checkbox"),
           c.tabindex(
-            P.map(
+            L.map(
               a ?? !1,
-              (u) => u ? -1 : 0
+              (d) => d ? -1 : 0
             )
           ),
-          k.checked(t),
-          k.disabled(a),
-          r != null ? k.labelledby(l) : v,
-          y.keydown(d),
+          x.checked(t),
+          x.disabled(a),
+          r != null ? x.labelledby(l) : v,
+          y.keydown(u),
           s != null ? y.blur(s) : v
         ),
         r != null ? p.label(
           c.class("bc-checkbox-input__label"),
           c.id(l),
-          c.for(o),
-          Le(r)
+          c.for(i),
+          Ye(r)
         ) : v
       )
     },
     y.click(h)
   );
-}, z = ({
+}, Z = ({
   autocomplete: e,
   autofocus: t,
   class: s,
   disabled: n,
   name: r,
   placeholder: a,
-  id: i,
-  required: o,
+  id: o,
+  required: i,
   hasError: l
-}) => M(
+}) => E(
   c.autocomplete(e),
   c.autofocus(t),
   c.class(s),
   c.disabled(n),
-  c.name(r ?? i),
+  c.name(r ?? o),
   c.placeholder(a),
-  c.id(i),
-  k.required(o),
-  l != null ? k.invalid(
+  c.id(o),
+  x.required(i),
+  l != null ? x.invalid(
     l ?? !1
   ) : null
-), Be = p.span(
+), Ze = p.span(
   c.class("bc-input-wrapper__required"),
   " *"
 );
-function Oe(e) {
+function Xe(e) {
   const t = ["bc-input-wrapper"];
   return e && t.push("bc-input-wrapper--horizontal"), t.join(" ");
 }
-function Ve(e, t) {
+function et(e, t) {
   const s = ["bc-input-wrapper__label-text"];
   return e ? s.push("bc-input-wrapper__label-text--error") : t ? s.push("bc-input-wrapper__label-text--disabled") : s.push("bc-input-wrapper__label-text--default"), s.join(" ");
 }
-const re = ({
+const pe = ({
   required: e,
   label: t,
-  context: s,
-  description: n,
-  content: r,
-  error: a,
+  labelChildren: s,
+  context: n,
+  description: r,
+  content: a,
+  error: o,
   labelFor: i,
-  hasError: o,
-  disabled: l,
-  horizontal: h
+  hasError: l,
+  disabled: h,
+  horizontal: u
 }, ...d) => {
-  const u = o ?? a != null, b = l ?? !1, g = h ?? !1, S = ee("input-wrapper"), m = n ? `${S}-description` : void 0, C = a != null ? `${S}-error` : void 0;
+  const f = l ?? o != null, m = h ?? !1, w = u ?? !1, g = le("input-wrapper"), S = r ? `${g}-description` : void 0, P = o != null ? `${g}-error` : void 0;
   return p.div(
     c.class(
-      P.map(g, (E) => Oe(E))
+      L.map(w, (T) => Xe(T))
     ),
-    t != null || s != null ? p.div(
+    t != null || n != null ? p.div(
       c.class("bc-input-wrapper__header"),
       p.div(
         c.class("bc-input-wrapper__label-section"),
@@ -1087,81 +1260,79 @@ const re = ({
           i != null ? c.for(i) : v,
           p.span(
             c.class(
-              I(
-                u,
-                b
+              k(
+                f,
+                m
               )(
-                (E, A) => Ve(
-                  E ?? !1,
-                  A ?? !1
+                (T, $) => et(
+                  T ?? !1,
+                  $ ?? !1
                 )
               )
             ),
             t
           ),
-          t != null && e ? Be : v
+          t != null && e ? Ze : v
         ),
         // Show description under label when horizontal
-        T(
-          I(
-            g,
-            n
-          )((E, A) => E && A != null),
+        _(
+          k(
+            w,
+            r
+          )((T, $) => T && $ != null),
           () => p.div(
             c.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            c.id(m),
-            n
+            c.id(S),
+            r
           )
         )
       ),
-      s != null ? xe(s) : v
+      n != null ? Qe(n) : v,
+      s
     ) : v,
     p.div(
       c.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [m, C].filter(Boolean).length > 0 ? U.describedby(
-        [m, C].filter(Boolean).join(" ")
+      [S, P].filter(Boolean).length > 0 ? J.describedby(
+        [S, P].filter(Boolean).join(" ")
       ) : v,
-      e ? U.required("true") : v,
-      T(u, () => U.invalid("true")),
-      r
+      e ? J.required("true") : v,
+      _(f, () => J.invalid("true")),
+      a
     ),
     // Show description at bottom only when not horizontal
-    T(
-      I(
-        g,
-        n
-      )((E, A) => !E && A != null),
+    _(
+      k(
+        w,
+        r
+      )((T, $) => !T && $ != null),
       () => p.div(
         c.class("bc-input-wrapper__description"),
-        c.id(m),
-        n
+        c.id(S),
+        r
       )
     ),
-    a != null ? T(
-      u,
+    o != null ? _(
+      f,
       () => p.div(
         c.class("bc-input-wrapper__error"),
-        c.id(C),
-        k.live("polite"),
+        c.id(P),
+        x.live("polite"),
         // Announce errors to screen readers
         c.role("alert"),
         // Mark as alert for immediate attention
-        a
+        o
       )
     ) : null,
     ...d
   );
 };
-function ot(...e) {
-  return p.div(c.class("bc-group"), ...e);
-}
-function lt(...e) {
+function Dt(...e) {
   return p.div(c.class("bc-stack"), ...e);
 }
-const ct = (e) => {
+const It = (e) => {
   const t = {
     name: "email",
     autocomplete: "email",
@@ -1171,111 +1342,111 @@ const ct = (e) => {
     before: n,
     onBlur: r,
     onChange: a,
-    onInput: i,
-    placeholder: o
-  } = t, l = n ?? B({
+    onInput: o,
+    placeholder: i
+  } = t, l = n ?? F({
     icon: "line-md:email",
     size: "sm",
     color: "neutral"
   });
-  return O(
-    V,
-    (h) => R({
+  return q(
+    R,
+    (h) => W({
       ...e,
       before: l,
-      input: X.email(
-        z(t),
-        c.placeholder(G(o, h.$.emailPlaceholderText)),
+      input: ie.email(
+        Z(t),
+        c.placeholder(Q(i, h.$.emailPlaceholderText)),
         c.value(s),
         c.class("bc-input"),
-        r != null ? y.blur($(r)) : v,
-        a != null ? y.change($(a)) : v,
-        i != null ? y.input($(i)) : v
+        r != null ? y.blur(M(r)) : v,
+        a != null ? y.change(M(a)) : v,
+        o != null ? y.input(M(o)) : v
       )
     })
   );
-}, ut = (e) => {
+}, _t = (e) => {
   const { value: t, onBlur: s, onChange: n, onInput: r } = e;
-  return R({
+  return W({
     ...e,
-    input: X.text(
-      z(e),
+    input: ie.text(
+      Z(e),
       c.value(t),
       c.class("bc-input"),
-      s != null ? y.blur($(s)) : v,
-      n != null ? y.change($(n)) : v,
-      r != null ? y.input($(r)) : v
+      s != null ? y.blur(M(s)) : v,
+      n != null ? y.change(M(n)) : v,
+      r != null ? y.input(M(r)) : v
     )
   });
-}, dt = (e) => {
+}, Et = (e) => {
   const {
     value: t,
     onBlur: s,
     onChange: n,
     onInput: r,
     before: a,
-    after: i,
-    hasError: o,
+    after: o,
+    hasError: i,
     disabled: l,
     autocomplete: h,
-    placeholder: d,
-    ...u
-  } = e, b = {
+    placeholder: u,
+    ...d
+  } = e, f = {
     name: "password",
     disabled: l,
-    ...u
-  }, g = _(!0), S = I(
-    g,
+    ...d
+  }, m = I(!0), w = k(
+    m,
     h
-  )((m, C) => m ? C ?? "current-password" : "off");
-  return O(V, (m) => {
-    const C = I(
-      m.$.passwordPlaceholderText,
-      g,
-      d
-    )((A, le, ce) => le ? "•••••••••••••••" : ce ?? A), E = p.button(
-      c.class("bc-input-container__password-toggle bu-text-light-gray"),
-      k.label(m.$.togglePasswordVisibility),
-      y.click(() => g.update((A) => !A)),
-      T(
-        g,
-        () => B({ icon: "line-md:watch" }),
-        () => B({ icon: "line-md:watch-off" })
+  )((g, S) => g ? S ?? "current-password" : "off");
+  return q(R, (g) => {
+    const S = k(
+      g.$.passwordPlaceholderText,
+      m,
+      u
+    )((T, $, me) => $ ? "•••••••••••••••" : me ?? T), P = p.button(
+      c.class("bc-input-container__password-toggle"),
+      x.label(g.$.togglePasswordVisibility),
+      y.click(() => m.update((T) => !T)),
+      _(
+        m,
+        () => F({ icon: "line-md:watch" }),
+        () => F({ icon: "line-md:watch-off" })
       )
     );
-    return R({
+    return W({
       before: a,
       disabled: l,
-      hasError: o,
+      hasError: i,
       input: p.input(
-        z({
-          ...b,
-          autocomplete: S,
-          placeholder: C
+        Z({
+          ...f,
+          autocomplete: w,
+          placeholder: S
         }),
-        T(
-          g,
-          () => M(c.type("password")),
-          () => M(c.type("text"))
+        _(
+          m,
+          () => E(c.type("password")),
+          () => E(c.type("text"))
         ),
         c.class("bc-input"),
         c.value(t),
-        s != null ? y.blur($(s)) : v,
-        n != null ? y.change($(n)) : v,
-        r != null ? y.input($(r)) : v
+        s != null ? y.blur(M(s)) : v,
+        n != null ? y.change(M(n)) : v,
+        r != null ? y.input(M(r)) : v
       ),
-      after: i != null ? M(E, i) : E
+      after: o != null ? E(P, o) : P
     });
   });
-}, je = (
+}, tt = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, t) => () => {
     e.markTouched(), t?.();
   }
-), Ne = (e, t) => (s) => {
+), st = (e, t) => (s) => {
   e.change(s), t?.(s);
 };
-function ae(e, t) {
+function fe(e, t) {
   const { controller: s, onBlur: n, onChange: r, ...a } = t;
   return e({
     id: s.name,
@@ -1283,15 +1454,15 @@ function ae(e, t) {
     value: s.value,
     hasError: s.errorVisible,
     ...a,
-    onChange: Ne(s, r),
-    onBlur: je(s, n)
+    onChange: st(s, r),
+    onBlur: tt(s, n)
   });
 }
-function ht(e, t, ...s) {
-  return re(
+function Tt(e, t, ...s) {
+  return pe(
     {
       ...t,
-      content: ae(
+      content: fe(
         e,
         t
       )
@@ -1299,40 +1470,40 @@ function ht(e, t, ...s) {
     ...s
   );
 }
-function Fe(e, t) {
-  const { toInput: s, fromInput: n, controller: r, ...a } = t, i = r.transform(s, n);
-  return ae(e, {
+function nt(e, t) {
+  const { toInput: s, fromInput: n, controller: r, ...a } = t, o = r.transform(s, n);
+  return fe(e, {
     ...a,
-    controller: i
+    controller: o
   });
 }
-function pt(e, t, ...s) {
-  return re(
+function Lt(e, t, ...s) {
+  return pe(
     {
       ...t,
-      content: Fe(e, t)
+      content: nt(e, t)
     },
     ...s
   );
 }
-function ft(e) {
+function Mt(e) {
   return e.split(".").map((s) => {
     const n = s.match(/^\[(\d+)\]$/);
     return n ? Number(n[1]) : s;
   });
 }
-function qe(e) {
+function rt(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function Re(e) {
+function at(e) {
   if (e.length === 0) return "";
   const [t, ...s] = e;
   return [
     typeof t == "number" ? `[${t}]` : t,
-    ...s.map(qe)
+    ...s.map(rt)
   ].join("");
 }
-function q(e) {
+function G(e) {
   return function(s) {
     if (s.type === "valid") return s;
     let n = s.error;
@@ -1341,7 +1512,7 @@ function q(e) {
     return D.invalid(n);
   };
 }
-class x {
+class A {
   path;
   change;
   value;
@@ -1353,42 +1524,42 @@ class x {
   dirty;
   dependencyErrors;
   #e = {
-    disabled: _(!1),
-    touched: _(!1)
+    disabled: I(!1),
+    touched: I(!1)
   };
   #s;
-  #t = _(void 0);
+  #t = I(void 0);
   parent;
   disabled;
   #n = [];
   disabledOrHasErrors;
-  constructor(t, s, n, r, a, i = L) {
-    this.path = t, this.change = s, this.value = n, this.status = r, this.#s = i, this.#t.set(n.value), this.error = r.map(
-      (o) => o?.type === "invalid" ? o.error?.message : void 0
-    ), this.hasError = this.error.map((o) => o != null), this.touched = this.#e.touched, a.validationMode ? this.errorVisible = I(
+  constructor(t, s, n, r, a, o = N) {
+    this.path = t, this.change = s, this.value = n, this.status = r, this.#s = o, this.#t.set(n.value), this.error = r.map(
+      (i) => i?.type === "invalid" ? i.error?.message : void 0
+    ), this.hasError = this.error.map((i) => i != null), this.touched = this.#e.touched, a.validationMode ? this.errorVisible = k(
       this.hasError,
       this.touched,
       a.validationMode
-    )((o, l, h) => h === "continuous" ? !!o : !!o && !!l) : this.errorVisible = I(
+    )((i, l, h) => h === "continuous" ? !!i : !!i && !!l) : this.errorVisible = k(
       this.hasError,
       this.touched
-    )((o, l) => !!o && !!l), this.dirty = I(
+    )((i, l) => !!i && !!l), this.dirty = k(
       this.value,
       this.#t
-    )((o, l) => !this.#s(o, l)), this.dependencyErrors = r.map(
-      (o) => o?.type === "invalid" ? o.error?.dependencies : void 0
-    ), this.parent = a, this.disabled = I(
+    )((i, l) => !this.#s(i, l)), this.dependencyErrors = r.map(
+      (i) => i?.type === "invalid" ? i.error?.dependencies : void 0
+    ), this.parent = a, this.disabled = k(
       this.#e.disabled,
       a.disabled
-    )((o, l) => o || l), this.disabledOrHasErrors = I(
+    )((i, l) => i || l), this.disabledOrHasErrors = k(
       this.disabled,
       this.hasError
-    )((o, l) => o || l), this.onDispose(() => {
+    )((i, l) => i || l), this.onDispose(() => {
       this.#e.disabled.dispose(), this.#e.touched.dispose(), this.disabled.dispose(), this.error.dispose(), this.errorVisible.dispose(), this.dirty.dispose(), this.#t.dispose(), this.dependencyErrors.dispose(), this.disabledOrHasErrors.dispose();
     });
   }
   get name() {
-    return Re(this.path);
+    return at(this.path);
   }
   onDispose = (t) => {
     this.#n.push(t);
@@ -1419,7 +1590,7 @@ class x {
   reset = () => {
     this.change(this.#t.value);
   };
-  array = (t = L) => new Ue(
+  array = (t = N) => new it(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -1428,7 +1599,7 @@ class x {
     this.parent,
     t
   );
-  object = (t = L) => new He(
+  object = (t = N) => new ot(
     this.path,
     this.change,
     this.value,
@@ -1436,35 +1607,35 @@ class x {
     this.parent,
     t
   );
-  transform = (t, s, n = [], r = L) => new x(
+  transform = (t, s, n = [], r = N) => new A(
     [...this.path, ...n],
     (a) => this.change(s(a)),
     this.value.map(t, r),
-    this.status.map(q(n)),
+    this.status.map(G(n)),
     this.parent,
     r
   );
-  asyncTransform = (t, s, n, r = [], a = L) => new x(
+  asyncTransform = (t, s, n, r = [], a = N) => new A(
     [...this.path, ...r],
-    (i) => {
-      s(i).then((o) => this.change(o));
+    (o) => {
+      s(o).then((i) => this.change(i));
     },
     this.value.mapAsync(t, n, void 0, a),
-    this.status.map(q(r)),
+    this.status.map(G(r)),
     this.parent,
     a
   );
 }
-class He extends x {
+class ot extends A {
   #e = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
-  #n = _(!1);
+  #n = I(!1);
   touchedDeep = this.#n;
   #a = /* @__PURE__ */ new Map();
   #r = /* @__PURE__ */ new Map();
-  #o = _(!1);
-  dirtyDeep = this.#o;
+  #i = I(!1);
+  dirtyDeep = this.#i;
   #c;
   #u;
   #l = () => {
@@ -1476,20 +1647,20 @@ class He extends x {
       }
     this.#n.set(this.touched.value || t);
   };
-  constructor(t, s, n, r, a, i) {
+  constructor(t, s, n, r, a, o) {
     super(
       t,
       s,
-      n.map((l) => l ?? {}, i),
+      n.map((l) => l ?? {}, o),
       r,
       a,
-      i
+      o
     ), this.#c = this.touched.on(() => {
       this.#l();
     }), this.#u = this.dirty.on(() => {
-      this.#i();
+      this.#o();
     });
-    const o = this.value.on(() => this.#i());
+    const i = this.value.on(() => this.#o());
     this.onDispose(() => {
       for (const l of this.#e.values())
         l.dispose();
@@ -1497,22 +1668,22 @@ class He extends x {
       for (const l of this.#t.values()) l();
       this.#t.clear(), this.#s.clear(), this.#n.dispose();
       for (const l of this.#r.values()) l();
-      this.#r.clear(), this.#a.clear(), this.#o.dispose(), this.#c(), this.#u(), o();
+      this.#r.clear(), this.#a.clear(), this.#i.dispose(), this.#c(), this.#u(), i();
     });
   }
   field = (t) => {
     if (this.#e.has(t))
       return this.#e.get(t);
-    const s = async (i) => {
+    const s = async (o) => {
       this.change({
         ...this.value.value,
-        [t]: i
+        [t]: o
       });
-    }, n = new x(
+    }, n = new A(
       [...this.path, t],
       s,
-      this.value.map((i) => i[t]),
-      this.status.map(q([t])),
+      this.value.map((o) => o[t]),
+      this.status.map(G([t])),
       {
         disabled: this.disabled,
         // propagate validationMode to children if present
@@ -1520,12 +1691,12 @@ class He extends x {
       }
     );
     this.#e.set(t, n);
-    const r = n.touched.on((i) => {
-      this.#s.set(t, i), this.#l();
+    const r = n.touched.on((o) => {
+      this.#s.set(t, o), this.#l();
     });
     this.#t.set(t, r);
-    const a = n.dirty.on((i) => {
-      this.#a.set(t, i), this.#i();
+    const a = n.dirty.on((o) => {
+      this.#a.set(t, o), this.#o();
     });
     return this.#r.set(t, a), n;
   };
@@ -1545,27 +1716,27 @@ class He extends x {
     for (const s of this.#e.values())
       s.markPristine?.();
   };
-  #i = () => {
+  #o = () => {
     let t = !1;
     for (const s of this.#a.values())
       if (s) {
         t = !0;
         break;
       }
-    this.#o.set(this.dirty.value || t);
+    this.#i.set(this.dirty.value || t);
   };
 }
-class Ue extends x {
+class it extends A {
   #e = new Array();
   length;
   #s = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
-  #n = _(!1);
+  #n = I(!1);
   touchedDeep = this.#n;
   #a = /* @__PURE__ */ new Map();
   #r = /* @__PURE__ */ new Map();
-  #o = _(!1);
-  dirtyDeep = this.#o;
+  #i = I(!1);
+  dirtyDeep = this.#i;
   #c;
   #u;
   #l = () => {
@@ -1577,55 +1748,55 @@ class Ue extends x {
       }
     this.#n.set(this.touched.value || t);
   };
-  constructor(t, s, n, r, a, i) {
-    const o = n.map((d) => d ?? [], i);
-    super(t, s, o, r, a, i);
-    const l = o.on((d) => {
-      const u = this.#e.length - d.length;
-      u > 0 && (this.#e.splice(d.length, u).forEach((b, g) => {
-        const S = d.length + g;
-        b.dispose(), this.#t.get(S)?.(), this.#t.delete(S), this.#s.delete(S), this.#r.get(S)?.(), this.#r.delete(S), this.#a.delete(S);
-      }), this.#l(), this.#i());
+  constructor(t, s, n, r, a, o) {
+    const i = n.map((u) => u ?? [], o);
+    super(t, s, i, r, a, o);
+    const l = i.on((u) => {
+      const d = this.#e.length - u.length;
+      d > 0 && (this.#e.splice(u.length, d).forEach((f, m) => {
+        const w = u.length + m;
+        f.dispose(), this.#t.get(w)?.(), this.#t.delete(w), this.#s.delete(w), this.#r.get(w)?.(), this.#r.delete(w), this.#a.delete(w);
+      }), this.#l(), this.#o());
     });
-    this.length = o.map((d) => d.length), this.#c = this.touched.on(() => {
+    this.length = i.map((u) => u.length), this.#c = this.touched.on(() => {
       this.#l();
     }), this.#u = this.dirty.on(() => {
-      this.#i();
+      this.#o();
     });
-    const h = this.value.on(() => this.#i());
+    const h = this.value.on(() => this.#o());
     this.onDispose(() => {
-      for (const d of this.#e)
-        d.dispose();
-      this.length.dispose(), this.#e.length = 0, l(), o.dispose();
-      for (const d of this.#t.values()) d();
+      for (const u of this.#e)
+        u.dispose();
+      this.length.dispose(), this.#e.length = 0, l(), i.dispose();
+      for (const u of this.#t.values()) u();
       this.#t.clear(), this.#s.clear(), this.#n.dispose();
-      for (const d of this.#r.values()) d();
-      this.#r.clear(), this.#a.clear(), this.#o.dispose(), this.#c(), this.#u(), h();
+      for (const u of this.#r.values()) u();
+      this.#r.clear(), this.#a.clear(), this.#i.dispose(), this.#c(), this.#u(), h();
     });
   }
   item = (t) => {
     if (this.#e[t])
       return this.#e[t];
-    const s = async (i) => {
-      const o = this.value.value.slice();
-      o[t] = i, this.change(o);
-    }, n = new x(
+    const s = async (o) => {
+      const i = this.value.value.slice();
+      i[t] = o, this.change(i);
+    }, n = new A(
       [...this.path, t],
       s,
-      this.value.map((i) => i[t]),
-      this.status.map(q([t])),
+      this.value.map((o) => o[t]),
+      this.status.map(G([t])),
       {
         disabled: this.disabled,
         validationMode: this.parent.validationMode
       }
     );
     this.#e[t] = n;
-    const r = n.touched.on((i) => {
-      this.#s.set(t, i), this.#l();
+    const r = n.touched.on((o) => {
+      this.#s.set(t, o), this.#l();
     });
     this.#t.set(t, r);
-    const a = n.dirty.on((i) => {
-      this.#a.set(t, i), this.#i();
+    const a = n.dirty.on((o) => {
+      this.#a.set(t, o), this.#o();
     });
     return this.#r.set(t, a), n;
   };
@@ -1665,17 +1836,17 @@ class Ue extends x {
     for (let s = 0; s < t; s++)
       this.item(s).markPristine?.();
   };
-  #i = () => {
+  #o = () => {
     let t = !1;
     for (const s of this.#a.values())
       if (s) {
         t = !0;
         break;
       }
-    this.#o.set(this.dirty.value || t);
+    this.#i.set(this.dirty.value || t);
   };
 }
-function Ge(e) {
+function lt(e) {
   function t(s) {
     return typeof s == "number" ? s : s.toString();
   }
@@ -1683,13 +1854,13 @@ function Ge(e) {
     (s) => typeof s == "object" && s.key != null ? t(s.key) : t(s)
   );
 }
-function ze(e) {
+function ct(e) {
   const t = e.filter((r) => r.path == null || r.path.length === 0).map((r) => r.message), s = e.filter((r) => r.path != null && r.path.length > 0).reduce((r, a) => {
-    const i = Ge(a.path), o = i.pop();
+    const o = lt(a.path), i = o.pop();
     let l = r;
-    for (const h of i)
+    for (const h of o)
       l.dependencies == null && (l.dependencies = {}), l.dependencies[h] == null && (l.dependencies[h] = {}), l = l.dependencies[h];
-    return l.dependencies == null && (l.dependencies = {}), l.dependencies[o] = { message: a.message }, r;
+    return l.dependencies == null && (l.dependencies = {}), l.dependencies[i] = { message: a.message }, r;
   }, {}), n = t.join(`
 `);
   return {
@@ -1697,7 +1868,7 @@ function ze(e) {
     message: n != "" ? n : void 0
   };
 }
-function We({
+function ut({
   initialValue: e,
   onChange: t,
   validate: s,
@@ -1705,68 +1876,68 @@ function We({
   validationMode: r,
   validateDebounceMs: a
 }) {
-  const i = P.deriveProp(e), o = _(D.valid), l = _(!1), h = _(r ?? "touchedOrSubmit"), d = (m) => {
-    o.set(m);
+  const o = L.deriveProp(e), i = I(D.valid), l = I(!1), h = I(r ?? "touchedOrSubmit"), u = (g) => {
+    i.set(g);
   };
-  let u;
-  const b = async (m) => {
+  let d;
+  const f = async (g) => {
     if (s != null) {
-      const C = await s(m);
-      d(C);
+      const S = await s(g);
+      u(S);
     }
-  }, g = async (m) => {
-    i.set(m), t?.(m);
-    const C = h.value;
+  }, m = async (g) => {
+    o.set(g), t?.(g);
+    const S = h.value;
     if (s != null) {
-      if (C === "onSubmit")
+      if (S === "onSubmit")
         return;
-      const E = a ?? 0;
-      E > 0 ? (u && clearTimeout(u), u = setTimeout(() => {
-        b(m);
-      }, E)) : await b(m);
+      const P = a ?? 0;
+      P > 0 ? (d && clearTimeout(d), d = setTimeout(() => {
+        f(g);
+      }, P)) : await f(g);
     }
-  }, S = new x(
+  }, w = new A(
     [],
-    g,
-    i,
+    m,
     o,
+    i,
     {
       disabled: l,
       validationMode: h
     },
-    n ?? L
+    n ?? N
   );
-  return S.onDispose(() => {
-    l.dispose(), i.dispose(), o.dispose(), h.dispose(), u && clearTimeout(u);
-  }), { controller: S, setStatus: d };
+  return w.onDispose(() => {
+    l.dispose(), o.dispose(), i.dispose(), h.dispose(), d && clearTimeout(d);
+  }), { controller: w, setStatus: u };
 }
-function ie(e) {
-  return M(c.disabled(e.disabled), c.name(e.name));
+function be(e) {
+  return E(c.disabled(e.disabled), c.name(e.name));
 }
-function mt(e, {
+function Pt(e, {
   triggerOn: t = "change"
 } = {}) {
-  return M(
-    ie(e),
+  return E(
+    be(e),
     c.value(e.value),
-    (t === "input" ? y.input : y.change)($(e.change))
+    (t === "input" ? y.input : y.change)(M(e.change))
   );
 }
-function bt(e, {
+function Vt(e, {
   triggerOn: t = "change"
 } = {}) {
-  return M(
-    ie(e),
+  return E(
+    be(e),
     c.valueAsNumber(e.value),
     (t === "input" ? y.input : y.change)(
-      de(e.change)
+      ke(e.change)
     )
   );
 }
-function Q(e) {
-  return e.issues != null ? D.invalid(ze(e.issues)) : D.valid;
+function re(e) {
+  return e.issues != null ? D.invalid(ct(e.issues)) : D.valid;
 }
-async function gt({
+async function At({
   task: e,
   errorMessage: t,
   errorPath: s = ["root"],
@@ -1780,11 +1951,11 @@ async function gt({
     return s.length === 1 && s[0] === "root" ? D.invalid({
       message: a
     }) : D.invalid({
-      dependencies: oe(s, a)
+      dependencies: ge(s, a)
     });
   }
 }
-function oe(e, t) {
+function ge(e, t) {
   if (e.length === 1)
     return {
       [e[0]]: { message: t }
@@ -1792,178 +1963,181 @@ function oe(e, t) {
   const [s, ...n] = e;
   return {
     [s]: {
-      dependencies: oe(n, t)
+      dependencies: ge(n, t)
     }
   };
 }
-function vt({
+function $t({
   initialValue: e = {},
   schema: t,
-  submit: s = async () => D.valid,
+  onSubmit: s = async () => D.valid,
   validationMode: n,
   validateDebounceMs: r
 }) {
-  const { controller: a, setStatus: i } = We({
+  const { controller: a, setStatus: o } = ut({
     initialValue: e,
     validationMode: n ?? "touchedOrSubmit",
     validateDebounceMs: r,
-    validate: (n ?? "touchedOrSubmit") === "onSubmit" ? void 0 : async (d) => Q(
-      await t["~standard"].validate(d)
+    validate: (n ?? "touchedOrSubmit") === "onSubmit" ? void 0 : async (u) => re(
+      await t["~standard"].validate(u)
     )
-  }), o = _(!1), l = a.object();
-  return l.onDispose(o.dispose), {
+  }), i = I(!1), l = a.object();
+  return l.onDispose(i.dispose), {
     controller: l,
-    setStatus: i,
-    onSubmit: async (d) => {
-      if (o.set(!0), d.preventDefault(), l.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
-        const b = l.value.value, g = Q(
-          await t["~standard"].validate(b)
+    setStatus: o,
+    submit: async (u) => {
+      if (i.set(!0), u?.preventDefault(), l.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
+        const f = l.value.value, m = re(
+          await t["~standard"].validate(f)
         );
-        if (i(g), g.type === "invalid") {
-          o.set(!1);
+        if (o(m), m.type === "invalid") {
+          i.set(!1);
           return;
         }
       }
-      const u = await s(l.value.value);
-      o.set(!1), u.type === "invalid" && i(u);
+      const d = await s(l.value.value);
+      i.set(!1), d.type === "invalid" && o(d);
     },
-    submitting: o
+    submitting: i
   };
 }
-function Ke(e) {
+function dt(e) {
   const t = e.split("-"), s = [e];
   return t.length > 1 && s.push(t[0]), s;
 }
-function Je({
+function ht({
   locale: e,
   defaultLocale: t = "en-US",
   defaultMessages: s,
   localeLoader: n
 }) {
-  const r = _(t), a = _(s), i = e.on(async (o) => {
-    if (o === r.value) return;
-    r.set(o);
-    const l = Ke(o);
+  const r = I(t), a = I(s), o = e.on(async (i) => {
+    if (i === r.value) return;
+    r.set(i);
+    const l = dt(i);
     for (const h of l)
       try {
-        const d = await n(h);
+        const u = await n(h);
         if (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          typeof d.default == "object" && Object.keys(d).length === 1
+          typeof u.default == "object" && Object.keys(u).length === 1
         ) {
           console.error(
             "It appears that you are trying to load a translation module without referencing the default export. Please use `(await import(...)).default` in your loader function."
           );
           return;
         }
-        if (o === r.value) {
-          a.set(d);
+        if (i === r.value) {
+          a.set(u);
           return;
         }
       } catch {
         continue;
       }
-    console.warn(`No locale found for "'${e}", using fallback`), o === r.value && a.set(s);
+    console.warn(`No locale found for "'${e}", using fallback`), i === r.value && a.set(s);
   });
   return {
     /** Clean up all resources and event listeners */
     dispose: () => {
-      i(), r.dispose(), a.dispose();
+      o(), r.dispose(), a.dispose();
     },
     /** Translation functions that return reactive signals */
     t: a
   };
 }
-function Qe({
+function pt({
   defaultLocale: e,
   defaultMessages: t,
   localeLoader: s,
   providerName: n = "I18nProvider"
 }) {
   return {
-    mark: Y(n),
+    mark: ae(n),
     create: (r, a) => {
       const {
-        value: { locale: i }
-      } = a.getProvider(Se.mark), { t: o, dispose: l } = Je({
-        locale: i,
+        value: { locale: o }
+      } = a.getProvider(Pe.mark), { t: i, dispose: l } = ht({
+        locale: o,
         defaultMessages: t,
         defaultLocale: e,
         localeLoader: s
       });
       return {
-        value: o,
+        value: i,
         dispose: l
       };
     }
   };
 }
-const V = Qe({
-  defaultLocale: ge,
-  defaultMessages: be,
-  localeLoader: async (e) => (await ve(/* @__PURE__ */ Object.assign({ "./locales/ar.ts": () => import("./ar-RkpJ2n6w.js"), "./locales/de.ts": () => import("./de-BdSVR4Zm.js"), "./locales/en.ts": () => Promise.resolve().then(() => me), "./locales/es.ts": () => import("./es-B_Qn5EUy.js"), "./locales/fa.ts": () => import("./fa-jBaLjqfG.js"), "./locales/fr.ts": () => import("./fr-B0KaMM2j.js"), "./locales/he.ts": () => import("./he-DjeYjcW7.js"), "./locales/hi.ts": () => import("./hi-DxBQV0uz.js"), "./locales/it.ts": () => import("./it-B4qZsicu.js"), "./locales/ja.ts": () => import("./ja-BnCSmhkg.js"), "./locales/ko.ts": () => import("./ko-D_gGkjrC.js"), "./locales/nl.ts": () => import("./nl-CsLCWUFF.js"), "./locales/pl.ts": () => import("./pl-Bsmj1KbZ.js"), "./locales/pt.ts": () => import("./pt-BR_NuRJS.js"), "./locales/ru.ts": () => import("./ru-CiQ_qKD_.js"), "./locales/tr.ts": () => import("./tr-Q9xP1nE4.js"), "./locales/ur.ts": () => import("./ur-CGTjSoJt.js"), "./locales/vi.ts": () => import("./vi-BF3HTFU9.js"), "./locales/zh.ts": () => import("./zh-BreM8U2w.js") }), `./locales/${e}.ts`, 3)).default,
+const R = pt({
+  defaultLocale: _e,
+  defaultMessages: Ie,
+  localeLoader: async (e) => (await Ee(/* @__PURE__ */ Object.assign({ "./locales/ar.ts": () => import("./ar-DuYtkwHz.js"), "./locales/de.ts": () => import("./de-BSxDfb1B.js"), "./locales/en.ts": () => Promise.resolve().then(() => De), "./locales/es.ts": () => import("./es-CAIPTBfa.js"), "./locales/fa.ts": () => import("./fa-COTldXuh.js"), "./locales/fr.ts": () => import("./fr-Djxzcm-x.js"), "./locales/he.ts": () => import("./he-C_CvtpO2.js"), "./locales/hi.ts": () => import("./hi-C47vc5OG.js"), "./locales/it.ts": () => import("./it-l8u4xqsP.js"), "./locales/ja.ts": () => import("./ja-Dr2Azv8X.js"), "./locales/ko.ts": () => import("./ko-C97MbNN9.js"), "./locales/nl.ts": () => import("./nl-BnDPAHZz.js"), "./locales/pl.ts": () => import("./pl-DYEVmpx5.js"), "./locales/pt.ts": () => import("./pt-C-cIHGoh.js"), "./locales/ru.ts": () => import("./ru-n2tT3Gv-.js"), "./locales/tr.ts": () => import("./tr-CFUAqbmS.js"), "./locales/ur.ts": () => import("./ur-B7kT0PwV.js"), "./locales/vi.ts": () => import("./vi-CA85io1z.js"), "./locales/zh.ts": () => import("./zh-cLh5uTFh.js") }), `./locales/${e}.ts`, 3)).default,
   providerName: "BeatUII18n"
 });
 export {
-  Je as $,
-  qe as A,
-  V as B,
-  nt as C,
-  Re as D,
-  ct as E,
-  He as F,
-  ot as G,
-  Ue as H,
-  B as I,
-  Ge as J,
-  ze as K,
-  xe as L,
-  pt as M,
-  We as N,
-  L as O,
-  dt as P,
-  ie as Q,
-  Be as R,
-  lt as S,
-  ut as T,
-  mt as U,
-  bt as V,
-  Q as W,
-  rt as X,
-  Le as Y,
-  at as Z,
-  ve as _,
-  $e as a,
-  se as a0,
-  we as a1,
-  Xe as a2,
-  et as a3,
-  tt as a4,
-  ke as a5,
-  st as a6,
+  Ct as $,
+  Fe as A,
+  R as B,
+  wt as C,
+  qe as D,
+  It as E,
+  nt as F,
+  Mt as G,
+  rt as H,
+  F as I,
+  at as J,
+  ot as K,
+  Qe as L,
+  Lt as M,
+  it as N,
+  N as O,
+  Et as P,
+  lt as Q,
+  Ze as R,
+  Dt as S,
+  _t as T,
+  ct as U,
+  ut as V,
+  be as W,
+  Pt as X,
+  Vt as Y,
+  re as Z,
+  Ee as _,
+  Ke as a,
+  Ye as a0,
+  xt as a1,
+  ht as a2,
+  ue as a3,
+  Le as a4,
+  mt as a5,
+  vt as a6,
+  kt as a7,
+  Me as a8,
+  yt as a9,
   D as b,
-  it as c,
-  ht as d,
-  R as e,
-  K as f,
-  z as g,
-  je as h,
-  Ne as i,
-  re as j,
-  be as k,
-  Se as l,
-  Qe as m,
-  x as n,
-  q as o,
-  ae as p,
-  Pe as q,
-  ge as r,
-  ee as s,
-  gt as t,
-  vt as u,
-  ne as v,
-  _e as w,
-  Ce as x,
-  Fe as y,
-  ft as z
+  St as c,
+  Tt as d,
+  W as e,
+  ee as f,
+  Z as g,
+  tt as h,
+  st as i,
+  pe as j,
+  Ie as k,
+  Pe as l,
+  pt as m,
+  A as n,
+  G as o,
+  O as p,
+  V as q,
+  fe as r,
+  le as s,
+  At as t,
+  $t as u,
+  j as v,
+  Ge as w,
+  We as x,
+  _e as y,
+  he as z
 };