@tempots/beatui 0.25.0 → 0.27.0

package/dist/{translations-GO9sIajX.js → notice-DKO4C8y2.js}

@@ -1,6 +1,6 @@
-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 w, OnDispose as oe, Value as L, WithElement as ve, Empty as y, 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-WfmhQ5e1.js";
+import { makeProviderMark as ae, localStorageProp as X, computedOf as y, Use as q, html as p, attr as c, When as E, Fragment as M, aria as S, coalesce as Q, style as H, prop as I, on as C, OnDispose as oe, Value as D, WithElement as ve, Empty as w, dataAttr as J, input as ie, emitValue as P, emitValueAsNumber as ke, Unless as ye, Ensure as we } from "@tempots/dom";
+import { WhenInViewport as Ce, Query as xe, ElementRect as Se } from "@tempots/ui";
+import { b as De, g as Ie } from "./colors-WfmhQ5e1.js";
 function ee(e, {
   units: t = ["B", "KB", "MB", "GB", "TB"],
   decimalPlaces: s = 0,
@@ -34,7 +34,7 @@ function le(e) {
   const t = te.get(e) ?? 0;
   return te.set(e, t + 1), `${e}-${t}`;
 }
-const C = {
+const x = {
   /**
    * Creates a loading state.
    * @param previousValue - The previous value.
@@ -113,7 +113,7 @@ const C = {
    * @public
    */
   getOrElse(e, t) {
-    return C.isSuccess(e) ? e.value : t;
+    return x.isSuccess(e) ? e.value : t;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns the value from the alternative function.
@@ -124,7 +124,7 @@ const C = {
    * function.
    */
   getOrElseLazy(e, t) {
-    return C.isSuccess(e) ? e.value : t();
+    return x.isSuccess(e) ? e.value : t();
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `null`.
@@ -133,7 +133,7 @@ const C = {
    * @public
    */
   getOrNull(e) {
-    return C.isSuccess(e) ? e.value : null;
+    return x.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `undefined`.
@@ -142,7 +142,7 @@ const C = {
    * @public
    */
   getOrUndefined(e) {
-    return C.isSuccess(e) ? e.value : void 0;
+    return x.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`.
@@ -150,9 +150,9 @@ const C = {
    * @returns The value of the `AsyncResult` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (C.isSuccess(e))
+    if (x.isSuccess(e))
       return e.value;
-    throw C.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
+    throw x.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.
@@ -168,7 +168,7 @@ const C = {
     failure: s,
     loading: n,
     notAsked: r = n
-  }) => C.isSuccess(e) ? t(e.value) : C.isFailure(e) ? s(e.error) : C.isNotAsked(e) ? r() : n(e.previousValue),
+  }) => x.isSuccess(e) ? t(e.value) : x.isFailure(e) ? s(e.error) : x.isNotAsked(e) ? r() : n(e.previousValue),
   /**
    * When the result is a success, it applies the function to the value.
    *
@@ -177,7 +177,7 @@ const C = {
    * @returns The result that was passed in.
    * @public
    */
-  whenSuccess: (e, t) => (C.isSuccess(e) && t(e.value), e),
+  whenSuccess: (e, t) => (x.isSuccess(e) && t(e.value), e),
   /**
    * When the result is a failure, it applies the function to the error.
    *
@@ -186,7 +186,7 @@ const C = {
    * @returns The result that was passed in.
    * @public
    */
-  whenFailure: (e, t) => (C.isFailure(e) && t(e.error), e),
+  whenFailure: (e, t) => (x.isFailure(e) && t(e.error), e),
   /**
    * Compares two results for equality.
    * @param r1 - The first result.
@@ -206,11 +206,11 @@ const C = {
   all: (e) => {
     const t = [];
     for (const s of e)
-      if (C.isSuccess(s))
+      if (x.isSuccess(s))
         t.push(s.value);
       else
         return s;
-    return C.success(t);
+    return x.success(t);
   },
   /**
    * Converts a Promise to an AsyncResult.
@@ -220,12 +220,12 @@ const C = {
   ofPromise: async (e) => {
     try {
       const t = await e;
-      return C.success(t);
+      return x.success(t);
     } catch (t) {
-      return C.failure(t instanceof Error ? t : new Error(String(t)));
+      return x.failure(t instanceof Error ? t : new Error(String(t)));
     }
   }
-}, N = (e, t) => e === t || e !== e && t !== t, D = {
+}, F = (e, t) => e === t || e !== e && t !== t, _ = {
   /**
    * Creates a valid `Validation`.
    * @returns A `Validation` that is `Valid`.
@@ -263,17 +263,17 @@ const C = {
    * @param invalid - The mapping function for an invalid value.
    * @returns The mapped value.
    */
-  match: (e, t, s) => D.isValid(e) ? t() : s(e.error),
+  match: (e, t, s) => _.isValid(e) ? t() : s(e.error),
   /**
    * Maps the value of a `Validation` to a new `Validation`.
    * @param validation - The `Validation` to map.
    * @param value - The value to map.
    * @returns A new `Validation` with the mapped value.
    */
-  toResult: (e, t) => D.match(
+  toResult: (e, t) => _.match(
     e,
-    () => g.success(t),
-    (s) => g.failure(s)
+    () => k.success(t),
+    (s) => k.failure(s)
   ),
   /**
    * Execute a function when the `Validation` is valid.
@@ -282,7 +282,7 @@ const C = {
    * @param apply - The function to execute when the `Validation` is valid.
    * @returns The `Validation` object.
    */
-  whenValid: (e, t) => (D.isValid(e) && t(), e),
+  whenValid: (e, t) => (_.isValid(e) && t(), e),
   /**
    * Execute a function when the `Validation` is invalid.
    *
@@ -290,8 +290,8 @@ const C = {
    * @param apply - The function to execute when the `Validation` is invalid.
    * @returns The `Validation` object.
    */
-  whenInvalid: (e, t) => (D.isInvalid(e) && t(e.error), e)
-}, g = {
+  whenInvalid: (e, t) => (_.isInvalid(e) && t(e.error), e)
+}, k = {
   /**
    * Creates a successful `Result`.
    * @param value - The value to wrap in a `Success` type.
@@ -319,7 +319,7 @@ const C = {
    * @returns A new `Result` with the mapped value.
    * @public
    */
-  map: (e, t) => e.type === "Success" ? g.success(t(e.value)) : e,
+  map: (e, t) => e.type === "Success" ? k.success(t(e.value)) : e,
   /**
    * Maps the value of a `Result` to a new `Result`.
    * @param r - The `Result` to map.
@@ -335,10 +335,10 @@ const C = {
    * @public
    */
   toAsync(e) {
-    return g.match(
+    return k.match(
       e,
-      (t) => C.success(t),
-      (t) => C.failure(t)
+      (t) => x.success(t),
+      (t) => x.failure(t)
     );
   },
   /**
@@ -348,10 +348,10 @@ const C = {
    * @public
    */
   toValidation(e) {
-    return g.match(
+    return k.match(
       e,
-      () => D.valid,
-      (t) => D.invalid(t)
+      () => _.valid,
+      (t) => _.invalid(t)
     );
   },
   /**
@@ -380,7 +380,7 @@ const C = {
    * @public
    */
   getOrElse(e, t) {
-    return g.isSuccess(e) ? e.value : t;
+    return k.isSuccess(e) ? e.value : t;
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns the result of the provided function.
@@ -390,7 +390,7 @@ const C = {
    * @public
    */
   getOrElseLazy(e, t) {
-    return g.isSuccess(e) ? e.value : t();
+    return k.isSuccess(e) ? e.value : t();
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns `null`.
@@ -399,7 +399,7 @@ const C = {
    * @public
    */
   getOrNull(e) {
-    return g.isSuccess(e) ? e.value : null;
+    return k.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns `undefined`.
@@ -408,7 +408,7 @@ const C = {
    * @public
    */
   getOrUndefined(e) {
-    return g.isSuccess(e) ? e.value : void 0;
+    return k.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`.
@@ -416,7 +416,7 @@ const C = {
    * @returns The value of the `Result` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (g.isSuccess(e))
+    if (k.isSuccess(e))
       return e.value;
     throw e.error;
   },
@@ -427,15 +427,15 @@ const C = {
    * @returns The result of calling the appropriate function based on the state of the result.
    * @public
    */
-  match: (e, t, s) => g.isSuccess(e) ? t(e.value) : s(e.error),
+  match: (e, t, s) => k.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) => (g.isSuccess(e) && t(e.value), e),
-  whenFailure: (e, t) => (g.isFailure(e) && t(e.error), e),
+  whenSuccess: (e, t) => (k.isSuccess(e) && t(e.value), e),
+  whenFailure: (e, t) => (k.isFailure(e) && t(e.error), e),
   /**
    * Combines two results into a single result.
    * @param r1 - The first result.
@@ -445,18 +445,18 @@ const C = {
    * @returns The combined result.
    * @public
    */
-  combine: (e, t, s, n) => g.match(
+  combine: (e, t, s, n) => k.match(
     e,
-    (r) => g.match(
+    (r) => k.match(
       t,
-      (a) => g.success(s(r, a)),
-      (a) => g.failure(a)
+      (a) => k.success(s(r, a)),
+      (a) => k.failure(a)
     ),
-    (r) => g.match(
+    (r) => k.match(
       t,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (a) => g.failure(r),
-      (a) => g.failure(n(r, a))
+      (a) => k.failure(r),
+      (a) => k.failure(n(r, a))
     )
   ),
   /**
@@ -478,11 +478,11 @@ const C = {
   all: (e) => {
     const t = [];
     for (const s of e)
-      if (g.isSuccess(s))
+      if (k.isSuccess(s))
         t.push(s.value);
       else
         return s;
-    return g.success(t);
+    return k.success(t);
   }
 }, ce = {
   loadingExtended: "Loading, please wait",
@@ -561,15 +561,15 @@ const C = {
     }
     return n;
   }
-}, De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ce
-}, Symbol.toStringTag, { value: "Module" })), Ie = ce, _e = "en", Ee = (e, t, s) => {
+}, Symbol.toStringTag, { value: "Module" })), Ee = ce, Te = "en", Le = (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." : ""))));
   });
-}, Te = /* @__PURE__ */ new Set([
+}, Me = /* @__PURE__ */ new Set([
   "ar",
   // Arabic
   "he",
@@ -598,21 +598,21 @@ const C = {
 function ue(e) {
   if (!e) return "ltr";
   const t = e.split(/[-_]/)[0].toLowerCase();
-  return Te.has(t) ? "rtl" : "ltr";
+  return Me.has(t) ? "rtl" : "ltr";
 }
-function Le(e, t) {
+function Pe(e, t) {
   return e === "auto" ? ue(t) : e;
 }
-function mt(e) {
+function xt(e) {
   return `b-${e}`;
 }
-function vt(e) {
+function St(e) {
   return ue(e) === "rtl";
 }
-function kt(e) {
+function Dt(e) {
   return e === "ltr" ? "rtl" : "ltr";
 }
-const Me = {
+const Ve = {
   ltr: {
     "inline-start": "left",
     "inline-end": "right",
@@ -626,10 +626,10 @@ const Me = {
     "block-end": "bottom"
   }
 };
-function yt(e, t) {
-  return Me[t][e];
+function It(e, t) {
+  return Ve[t][e];
 }
-const Pe = {
+const Ae = {
   mark: ae("Locale"),
   create: (e) => {
     const t = X({
@@ -638,11 +638,11 @@ const Pe = {
     }), s = X({
       defaultValue: "auto",
       key: "beatui-direction-preference"
-    }), n = k(
+    }), n = y(
       t,
       s
     )(
-      (a, o) => Le(o, a)
+      (a, o) => Pe(o, a)
     );
     return {
       value: {
@@ -658,10 +658,10 @@ const Pe = {
     };
   }
 }, {
-  variants: Ve,
-  special: Ae,
+  variants: $e,
+  special: Be,
   overrides: Y
-} = xe;
+} = De;
 function B(e, t) {
   switch (e) {
     case "white":
@@ -671,18 +671,18 @@ function B(e, t) {
     case "transparent":
       return "transparent";
     default:
-      return Se(e, t);
+      return Ie(e, t);
   }
 }
 function de(e, t) {
-  const s = Ae[e];
+  const s = Be[e];
   if (!s) return;
   if (t === "light")
     return s;
   const n = Y[e];
   return n ? n[t] : s;
 }
-function O(e, t, s) {
+function j(e, t, s) {
   const n = Y[e];
   if (n) {
     const a = n[s];
@@ -697,23 +697,23 @@ function O(e, t, s) {
         textColor: a.color
       };
   }
-  const r = Ve[t][s];
+  const r = $e[t][s];
   return {
     backgroundColor: B(e, r.bgShade),
     textColor: r.textColor
   };
 }
-const $e = {
+const Oe = {
   light: { shade: 600, textColor: "var(--color-white)" },
   dark: { shade: 600, textColor: "var(--text-inverted-dark)" }
-}, Be = {
+}, je = {
   light: { shade: 300, textColor: "var(--text-normal-light)" },
   dark: { shade: 700, textColor: "var(--text-normal-dark)" }
-}, Oe = {
+}, Ne = {
   light: { shade: 400, textColor: "var(--text-normal-light)" },
   dark: { shade: 600, textColor: "var(--text-normal-dark)" }
 };
-function V(e, t, s) {
+function A(e, t, s) {
   const n = Y[e];
   if (n) {
     const a = n[s];
@@ -727,13 +727,13 @@ function V(e, t, s) {
         backgroundColor: a.backgroundColor,
         textColor: a.color
       };
-    const o = $e[s];
+    const o = Oe[s];
     return {
       backgroundColor: B(e, o.shade),
       textColor: o.textColor
     };
   }
-  const r = t === "light" ? Be[s] : Oe[s];
+  const r = t === "light" ? je[s] : Ne[s];
   return {
     backgroundColor: B(e, r.shade),
     textColor: r.textColor
@@ -752,22 +752,22 @@ function se(e, t) {
       return B(e, s);
   }
 }
-function j(e, t) {
+function N(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 = (() => {
+const Fe = "bui-icons", U = /* @__PURE__ */ new Map(), he = (() => {
   try {
     return typeof indexedDB < "u" && indexedDB !== null;
   } catch {
     return !1;
   }
 })();
-function Ne() {
+function qe() {
   return he ? new Promise((e, t) => {
-    const s = indexedDB.open(je, 1);
+    const s = indexedDB.open(Fe, 1);
     s.onupgradeneeded = function(n) {
       const r = n.target.result;
       r.objectStoreNames.contains("icons") || r.createObjectStore("icons");
@@ -778,8 +778,8 @@ function Ne() {
     };
   }) : Promise.reject(new Error("IndexedDB not available"));
 }
-const z = he ? Ne() : null;
-function Fe(e, t) {
+const z = he ? qe() : null;
+function Re(e, t) {
   return new Promise(async (s, n) => {
     try {
       if (z) {
@@ -792,7 +792,7 @@ function Fe(e, t) {
     }
   });
 }
-function qe(e) {
+function He(e) {
   return new Promise(async (t, s) => {
     try {
       if (z) {
@@ -807,7 +807,7 @@ function qe(e) {
     }
   });
 }
-async function Re(e) {
+async function Ue(e) {
   const t = `https://api.iconify.design/${e}.svg`;
   return fetch(t).then((s) => {
     if (s.status === 200)
@@ -815,22 +815,22 @@ async function Re(e) {
     throw new Error(`Failed to load icon: ${e}`);
   });
 }
-async function He(e) {
-  const t = e.replace(":", "/"), s = await qe(t);
+async function ze(e) {
+  const t = e.replace(":", "/"), s = await He(t);
   if (s)
     return s;
-  const n = await Re(t);
-  return await Fe(t, n), n;
+  const n = await Ue(t);
+  return await Re(t, n), n;
 }
-function Ue(e) {
+function Ge(e) {
   return ["bc-icon", `bc-icon--${e}`].join(" ");
 }
-function ze(e, t = "solid") {
+function We(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 F({
+function O({
   icon: e,
   size: t = "md",
   color: s,
@@ -838,7 +838,7 @@ function F({
   accessibility: r = "auto",
   tone: a = "solid"
 }, ...o) {
-  const i = k(
+  const i = y(
     r,
     n
   )((l, d) => l === "decorative" ? !1 : l === "informative" ? !0 : d != null && d !== "");
@@ -846,30 +846,30 @@ function F({
     R,
     (l) => p.span(
       c.class(
-        k(t, s)((d) => Ue(d ?? "md"))
+        y(t, s)((d) => Ge(d ?? "md"))
       ),
       c.style(
-        k(
+        y(
           s,
           a
         )(
-          (d, u) => ze(d ?? void 0, u ?? "solid")
+          (d, u) => We(d ?? void 0, u ?? "solid")
         )
       ),
       // Add accessibility attributes based on icon type
-      _(
+      E(
         i,
-        () => E(
+        () => M(
           c.role("img"),
-          x.label(Q(n, l.$.iconDescription))
+          S.label(Q(n, l.$.iconDescription))
         ),
-        () => x.hidden(!0)
+        () => S.hidden(!0)
       ),
-      ye(
+      Ce(
         { once: !0 },
-        () => we({
+        () => xe({
           request: e,
-          load: ({ request: d }) => He(d),
+          load: ({ request: d }) => ze(d),
           convertError: String,
           success: ({ value: d }) => p.span(
             H.width("100%"),
@@ -879,10 +879,10 @@ function F({
           pending: () => p.span(
             c.class("animate-spin"),
             // Loading state accessibility
-            _(
+            E(
               i,
-              () => E(c.role("img"), x.label(l.$.loadingIcon)),
-              () => x.hidden(!0)
+              () => M(c.role("img"), S.label(l.$.loadingIcon)),
+              () => S.hidden(!0)
             ),
             "↻"
           ),
@@ -890,10 +890,10 @@ function F({
             c.title(d),
             c.class("text-red-500"),
             // Error state accessibility
-            _(
+            E(
               i,
-              () => E(c.role("img"), x.label(l.$.failedToLoadIcon)),
-              () => x.hidden(!0)
+              () => M(c.role("img"), S.label(l.$.failedToLoadIcon)),
+              () => S.hidden(!0)
             ),
             "🚫"
           )
@@ -903,7 +903,7 @@ function F({
     )
   );
 }
-function Ge(e, t, s) {
+function Ke(e, t, s) {
   const n = [
     "bc-button",
     `bc-button--size-${e}`,
@@ -912,7 +912,7 @@ function Ge(e, t, s) {
   ];
   return s && n.push("bc-button--loading"), n.join(" ");
 }
-function We(e, t, s) {
+function Je(e, t, s) {
   const n = /* @__PURE__ */ new Map();
   n.set("--button-text-shadow", "var(--text-shadow-none)"), n.set("--button-text-shadow-dark", "var(--text-shadow-none)");
   const r = (a, o, i, l) => {
@@ -920,7 +920,7 @@ function We(e, t, s) {
   };
   switch (e) {
     case "filled": {
-      const a = O(t, "solid", "light"), o = O(t, "solid", "dark");
+      const a = j(t, "solid", "light"), o = j(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), n.set(
         "--button-text-shadow",
         "var(--text-shadow-button-filled, var(--text-shadow-sm))"
@@ -928,7 +928,7 @@ function We(e, t, s) {
         "--button-text-shadow-dark",
         "var(--text-shadow-button-filled, var(--text-shadow-sm))"
       );
-      const i = V(t, "solid", "light"), l = V(t, "solid", "dark");
+      const i = A(t, "solid", "light"), l = A(t, "solid", "dark");
       r(
         i.backgroundColor,
         l.backgroundColor,
@@ -938,9 +938,9 @@ function We(e, t, s) {
       break;
     }
     case "light": {
-      const a = O(t, "light", "light"), o = O(t, "light", "dark");
+      const a = j(t, "light", "light"), o = j(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");
+      const i = A(t, "light", "light"), l = A(t, "light", "dark");
       r(
         i.backgroundColor,
         l.backgroundColor,
@@ -950,14 +950,14 @@ function We(e, t, s) {
       break;
     }
     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")), n.set(
+      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", N(t, "light")), n.set("--button-text-dark", N(t, "dark")), n.set(
         "--button-text-shadow",
         "var(--text-shadow-button-light, var(--text-shadow-xs))"
       ), n.set(
         "--button-text-shadow-dark",
         "var(--text-shadow-button-light, var(--text-shadow-xs))"
       );
-      const a = V(t, "light", "light"), o = V(t, "light", "dark");
+      const a = A(t, "light", "light"), o = A(t, "light", "dark");
       r(
         a.backgroundColor,
         o.backgroundColor,
@@ -967,15 +967,15 @@ function We(e, t, s) {
       break;
     }
     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")), n.set(
+      const a = j("neutral", "light", "light"), o = j("neutral", "light", "dark");
+      n.set("--button-bg", a.backgroundColor), n.set("--button-text", N(t, "light")), n.set("--button-bg-dark", o.backgroundColor), n.set("--button-text-dark", N(t, "dark")), n.set(
         "--button-text-shadow",
         "var(--text-shadow-button-default, var(--text-shadow-2xs))"
       ), n.set(
         "--button-text-shadow-dark",
         "var(--text-shadow-button-default, var(--text-shadow-2xs))"
       );
-      const i = V("base", "light", "light"), l = V("base", "light", "dark");
+      const i = A("base", "light", "light"), l = A("base", "light", "dark");
       r(
         i.backgroundColor,
         l.backgroundColor,
@@ -985,13 +985,13 @@ function We(e, t, s) {
       break;
     }
     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");
+      n.set("--button-bg", "transparent"), n.set("--button-bg-dark", "transparent"), n.set("--button-text", N(t, "light")), n.set("--button-text-dark", N(t, "dark")), s || n.set("--button-hover-decoration", "underline");
       break;
     }
   }
   return Array.from(n.entries()).map(([a, o]) => `${a}: ${o}`).join("; ");
 }
-function Ke({
+function Qe({
   type: e = "button",
   disabled: t,
   loading: s,
@@ -1008,61 +1008,61 @@ function Ke({
     (u) => p.button(
       c.type(e),
       c.disabled(
-        k(
+        y(
           t,
           s
-        )((h, b) => h || b)
+        )((h, g) => h || g)
       ),
       // Add ARIA attributes for accessibility
-      x.busy(s ?? !1),
-      _(s ?? !1, () => x.label(u.$.loadingExtended)),
+      S.busy(s ?? !1),
+      E(s ?? !1, () => S.label(u.$.loadingExtended)),
       c.class(
-        k(
+        y(
           r,
           o,
           s
         )(
-          (h, b, m) => Ge(h ?? "md", b ?? "sm", m)
+          (h, g, v) => Ke(h ?? "md", g ?? "sm", v)
         )
       ),
       c.style(
-        k(
+        y(
           n,
           a,
           t
         )(
-          (h, b, m) => We(
+          (h, g, v) => Je(
             h ?? "filled",
-            b ?? "base",
-            m
+            g ?? "base",
+            v
           )
         )
       ),
-      _(
+      E(
         s ?? !1,
-        () => E(
+        () => M(
           H.width(
             d.map((h) => h == null ? "" : `${h.width}px`)
           ),
           H.height(
             d.map((h) => h == null ? "" : `${h.height}px`)
           ),
-          F({ icon: "line-md:loading-twotone-loop", size: r ?? "md" }),
+          O({ icon: "line-md:loading-twotone-loop", size: r ?? "md" }),
           // Hidden live region for screen reader announcements
           p.span(
             c.class("sr-only"),
-            x.live("polite"),
+            S.live("polite"),
             u.$.loadingExtended
           )
         ),
-        () => E(w.click(i), ...l)
+        () => M(C.click(i), ...l)
       ),
-      _(
+      E(
         s != null,
-        () => Ce(
+        () => Se(
           (h) => oe(
-            h.on((b) => {
-              L.get(s ?? !1) || d.set(b);
+            h.on((g) => {
+              D.get(s ?? !1) || d.set(g);
             })
           )
         )
@@ -1070,7 +1070,7 @@ function Ke({
     )
   );
 }
-function wt({
+function Ye({
   size: e = "sm",
   icon: t = "line-md:close",
   disabled: s,
@@ -1081,7 +1081,7 @@ function wt({
 }, ...i) {
   return q(R, (l) => {
     const d = Q(o, l.$.closeModal);
-    return Ke(
+    return Qe(
       {
         variant: "text",
         size: e,
@@ -1091,13 +1091,13 @@ function wt({
         onClick: a
       },
       c.title(d),
-      x.label(d),
+      S.label(d),
       ...i,
-      F({ icon: t, size: e ?? "sm" })
+      O({ icon: t, size: e ?? "sm" })
     );
   });
 }
-function Je(e, t, s) {
+function Ze(e, t, s) {
   const n = [
     e ? "bc-base-input-container" : "bc-input-container"
   ];
@@ -1117,7 +1117,7 @@ const W = ({
   focusableSelector: o = "input, select, textarea",
   growInput: i = !0
 }, ...l) => {
-  const d = L.map(t ?? !1, (u) => u);
+  const d = D.map(t ?? !1, (u) => u);
   return p.div(
     ve((u) => {
       const h = () => {
@@ -1126,15 +1126,15 @@ const W = ({
       return u.addEventListener("click", h), oe(() => u.removeEventListener("click", h));
     }),
     c.class(
-      k(
+      y(
         e,
         d,
         a ?? !1
       )(
-        (u, h, b) => Je(
+        (u, h, g) => Ze(
           u ?? !1,
           h ?? !1,
-          b ?? !1
+          g ?? !1
         )
       )
     ),
@@ -1142,7 +1142,7 @@ const W = ({
     p.div(
       c.class("bc-input-container__input"),
       c.class(
-        L.map(
+        D.map(
           i,
           (u) => u ? "bc-input-container__input--grow" : ""
         )
@@ -1156,7 +1156,7 @@ const W = ({
 function K(e) {
   return `bc-label bc-label--${e}`;
 }
-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("danger")), ...e), St = (e) => {
+const _t = (...e) => p.span(c.class(K("emphasis")), ...e), Xe = (...e) => p.span(c.class(K("default")), ...e), et = (...e) => p.span(c.class(K("muted")), ...e), Et = (...e) => p.span(c.class(K("danger")), ...e), Tt = (e) => {
   const {
     value: t,
     onBlur: s,
@@ -1167,12 +1167,12 @@ const Ct = (...e) => p.span(c.class(K("emphasis")), ...e), Qe = (...e) => p.span
     checkedIcon: i,
     uncheckedIcon: l,
     iconSize: d = "lg"
-  } = e, u = o ?? le("checkbox"), h = `${u}-label`, b = () => {
-    if (L.get(a ?? !1)) return;
-    const f = L.get(t);
+  } = e, u = o ?? le("checkbox"), h = `${u}-label`, g = () => {
+    if (D.get(a ?? !1)) return;
+    const f = D.get(t);
     n?.(!f);
-  }, m = (f) => {
-    L.get(a ?? !1) || (f.key === " " || f.key === "Enter") && (f.preventDefault(), b());
+  }, v = (f) => {
+    D.get(a ?? !1) || (f.key === " " || f.key === "Enter") && (f.preventDefault(), g());
   };
   return W(
     {
@@ -1184,13 +1184,13 @@ const Ct = (...e) => p.span(c.class(K("emphasis")), ...e), Qe = (...e) => p.span
         p.span(
           c.class("bc-checkbox-input__checkbox"),
           c.class(
-            L.map(
+            D.map(
               t,
               (f) => f ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
           c.class(
-            L.map(
+            D.map(
               a ?? !1,
               (f) => f ? "bc-checkbox-input__checkbox--disabled" : ""
             )
@@ -1198,23 +1198,23 @@ const Ct = (...e) => p.span(c.class(K("emphasis")), ...e), Qe = (...e) => p.span
           c.id(u),
           c.role("checkbox"),
           c.tabindex(
-            L.map(
+            D.map(
               a ?? !1,
               (f) => f ? -1 : 0
             )
           ),
-          x.checked(t),
-          x.disabled(a),
-          r != null ? x.labelledby(h) : y,
-          w.keydown(m),
-          s != null ? w.blur(s) : y,
-          F({
-            icon: k(
+          S.checked(t),
+          S.disabled(a),
+          r != null ? S.labelledby(h) : w,
+          C.keydown(v),
+          s != null ? C.blur(s) : w,
+          O({
+            icon: y(
               t,
               i,
               l
             )(
-              (f, v, S) => f ? v ?? "akar-icons/check-box-fill" : S ?? "akar-icons/box"
+              (f, b, m) => f ? b ?? "akar-icons/check-box-fill" : m ?? "akar-icons/box"
             ),
             accessibility: "decorative",
             size: d
@@ -1224,11 +1224,11 @@ const Ct = (...e) => p.span(c.class(K("emphasis")), ...e), Qe = (...e) => p.span
           c.class("bc-checkbox-input__label"),
           c.id(h),
           c.for(u),
-          Ye(r)
-        ) : y
+          et(r)
+        ) : w
       )
     },
-    w.click(b)
+    C.click(g)
   );
 }, Z = ({
   autocomplete: e,
@@ -1240,7 +1240,7 @@ const Ct = (...e) => p.span(c.class(K("emphasis")), ...e), Qe = (...e) => p.span
   id: o,
   required: i,
   hasError: l
-}) => E(
+}) => M(
   c.autocomplete(e),
   c.autofocus(t),
   c.class(s),
@@ -1248,19 +1248,19 @@ const Ct = (...e) => p.span(c.class(K("emphasis")), ...e), Qe = (...e) => p.span
   c.name(r ?? o),
   c.placeholder(a),
   c.id(o),
-  x.required(i),
-  l != null ? x.invalid(
+  S.required(i),
+  l != null ? S.invalid(
     l ?? !1
   ) : null
-), Ze = p.span(
+), tt = p.span(
   c.class("bc-input-wrapper__required"),
   " *"
 );
-function Xe(e) {
+function st(e) {
   const t = ["bc-input-wrapper"];
   return e && t.push("bc-input-wrapper--horizontal"), t.join(" ");
 }
-function et(e, t) {
+function nt(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(" ");
 }
@@ -1277,10 +1277,10 @@ const pe = ({
   disabled: d,
   horizontal: u
 }, ...h) => {
-  const b = l ?? o != null, m = d ?? !1, f = u ?? !1, v = le("input-wrapper"), S = r ? `${v}-description` : void 0, P = o != null ? `${v}-error` : void 0;
+  const g = l ?? o != null, v = d ?? !1, f = u ?? !1, b = le("input-wrapper"), m = r ? `${b}-description` : void 0, T = o != null ? `${b}-error` : void 0;
   return p.div(
     c.class(
-      L.map(f, (T) => Xe(T))
+      D.map(f, (L) => st(L))
     ),
     t != null || n != null ? p.div(
       c.class("bc-input-wrapper__header"),
@@ -1288,69 +1288,69 @@ const pe = ({
         c.class("bc-input-wrapper__label-section"),
         p.label(
           c.class("bc-input-wrapper__label"),
-          i != null ? c.for(i) : y,
+          i != null ? c.for(i) : w,
           p.span(
             c.class(
-              k(
-                b,
-                m
+              y(
+                g,
+                v
               )(
-                (T, $) => et(
-                  T ?? !1,
-                  $ ?? !1
+                (L, V) => nt(
+                  L ?? !1,
+                  V ?? !1
                 )
               )
             ),
             t
           ),
-          t != null && e ? Ze : y
+          t != null && e ? tt : w
         ),
         // Show description under label when horizontal
-        _(
-          k(
+        E(
+          y(
             f,
             r
-          )((T, $) => T && $ != null),
+          )((L, V) => L && V != null),
           () => p.div(
             c.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            c.id(S),
+            c.id(m),
             r
           )
         )
       ),
-      n != null ? Qe(n) : y,
+      n != null ? Xe(n) : w,
       s
-    ) : y,
+    ) : w,
     p.div(
       c.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [S, P].filter(Boolean).length > 0 ? J.describedby(
-        [S, P].filter(Boolean).join(" ")
-      ) : y,
-      e ? J.required("true") : y,
-      _(b, () => J.invalid("true")),
+      [m, T].filter(Boolean).length > 0 ? J.describedby(
+        [m, T].filter(Boolean).join(" ")
+      ) : w,
+      e ? J.required("true") : w,
+      E(g, () => J.invalid("true")),
       a
     ),
     // Show description at bottom only when not horizontal
-    _(
-      k(
+    E(
+      y(
         f,
         r
-      )((T, $) => !T && $ != null),
+      )((L, V) => !L && V != null),
       () => p.div(
         c.class("bc-input-wrapper__description"),
-        c.id(S),
+        c.id(m),
         r
       )
     ),
-    o != null ? _(
-      b,
+    o != null ? E(
+      g,
       () => p.div(
         c.class("bc-input-wrapper__error"),
-        c.id(P),
-        x.live("polite"),
+        c.id(T),
+        S.live("polite"),
         // Announce errors to screen readers
         c.role("alert"),
         // Mark as alert for immediate attention
@@ -1360,10 +1360,10 @@ const pe = ({
     ...h
   );
 };
-function Dt(...e) {
+function Lt(...e) {
   return p.div(c.class("bc-stack"), ...e);
 }
-const It = (e) => {
+const Mt = (e) => {
   const t = {
     name: "email",
     autocomplete: "email",
@@ -1375,7 +1375,7 @@ const It = (e) => {
     onChange: a,
     onInput: o,
     placeholder: i
-  } = t, l = n ?? F({
+  } = t, l = n ?? O({
     icon: "line-md:email",
     size: "sm",
     color: "neutral"
@@ -1390,13 +1390,13 @@ const It = (e) => {
         c.placeholder(Q(i, d.$.emailPlaceholderText)),
         c.value(s),
         c.class("bc-input"),
-        r != null ? w.blur(M(r)) : y,
-        a != null ? w.change(M(a)) : y,
-        o != null ? w.input(M(o)) : y
+        r != null ? C.blur(P(r)) : w,
+        a != null ? C.change(P(a)) : w,
+        o != null ? C.input(P(o)) : w
       )
     })
   );
-}, _t = (e) => {
+}, Pt = (e) => {
   const { value: t, onBlur: s, onChange: n, onInput: r } = e;
   return W({
     ...e,
@@ -1404,12 +1404,12 @@ const It = (e) => {
       Z(e),
       c.value(t),
       c.class("bc-input"),
-      s != null ? w.blur(M(s)) : y,
-      n != null ? w.change(M(n)) : y,
-      r != null ? w.input(M(r)) : y
+      s != null ? C.blur(P(s)) : w,
+      n != null ? C.change(P(n)) : w,
+      r != null ? C.input(P(r)) : w
     )
   });
-}, Et = (e) => {
+}, Vt = (e) => {
   const {
     value: t,
     onBlur: s,
@@ -1422,27 +1422,27 @@ const It = (e) => {
     autocomplete: d,
     placeholder: u,
     ...h
-  } = e, b = {
+  } = e, g = {
     name: "password",
     disabled: l,
     ...h
-  }, m = I(!0), f = k(
-    m,
+  }, v = I(!0), f = y(
+    v,
     d
-  )((v, S) => v ? S ?? "current-password" : "off");
-  return q(R, (v) => {
-    const S = k(
-      v.$.passwordPlaceholderText,
-      m,
+  )((b, m) => b ? m ?? "current-password" : "off");
+  return q(R, (b) => {
+    const m = y(
+      b.$.passwordPlaceholderText,
+      v,
       u
-    )((T, $, me) => $ ? "•••••••••••••••" : me ?? T), P = p.button(
+    )((L, V, me) => V ? "•••••••••••••••" : me ?? L), T = p.button(
       c.class("bc-input-container__password-toggle"),
-      x.label(v.$.togglePasswordVisibility),
-      w.click(() => m.update((T) => !T)),
-      _(
-        m,
-        () => F({ icon: "line-md:watch" }),
-        () => F({ icon: "line-md:watch-off" })
+      S.label(b.$.togglePasswordVisibility),
+      C.click(() => v.update((L) => !L)),
+      E(
+        v,
+        () => O({ icon: "line-md:watch" }),
+        () => O({ icon: "line-md:watch-off" })
       )
     );
     return W({
@@ -1451,30 +1451,30 @@ const It = (e) => {
       hasError: i,
       input: p.input(
         Z({
-          ...b,
+          ...g,
           autocomplete: f,
-          placeholder: S
+          placeholder: m
         }),
-        _(
-          m,
-          () => E(c.type("password")),
-          () => E(c.type("text"))
+        E(
+          v,
+          () => M(c.type("password")),
+          () => M(c.type("text"))
         ),
         c.class("bc-input"),
         c.value(t),
-        s != null ? w.blur(M(s)) : y,
-        n != null ? w.change(M(n)) : y,
-        r != null ? w.input(M(r)) : y
+        s != null ? C.blur(P(s)) : w,
+        n != null ? C.change(P(n)) : w,
+        r != null ? C.input(P(r)) : w
       ),
-      after: o != null ? E(P, o) : P
+      after: o != null ? M(T, o) : T
     });
   });
-}, tt = (
+}, rt = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, t) => () => {
     e.markTouched(), t?.();
   }
-), st = (e, t) => (s) => {
+), at = (e, t) => (s) => {
   e.change(s), t?.(s);
 };
 function fe(e, t) {
@@ -1485,11 +1485,11 @@ function fe(e, t) {
     value: s.value,
     hasError: s.errorVisible,
     ...a,
-    onChange: st(s, r),
-    onBlur: tt(s, n)
+    onChange: at(s, r),
+    onBlur: rt(s, n)
   });
 }
-function Tt(e, t, ...s) {
+function At(e, t, ...s) {
   return pe(
     {
       ...t,
@@ -1501,37 +1501,37 @@ function Tt(e, t, ...s) {
     ...s
   );
 }
-function nt(e, t) {
+function ot(e, t) {
   const { toInput: s, fromInput: n, controller: r, ...a } = t, o = r.transform(s, n);
   return fe(e, {
     ...a,
     controller: o
   });
 }
-function Lt(e, t, ...s) {
+function $t(e, t, ...s) {
   return pe(
     {
       ...t,
-      content: nt(e, t)
+      content: ot(e, t)
     },
     ...s
   );
 }
-function Mt(e) {
+function Bt(e) {
   return e.split(".").map((s) => {
     const n = s.match(/^\[(\d+)\]$/);
     return n ? Number(n[1]) : s;
   });
 }
-function rt(e) {
+function it(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function at(e) {
+function lt(e) {
   if (e.length === 0) return "";
   const [t, ...s] = e;
   return [
     typeof t == "number" ? `[${t}]` : t,
-    ...s.map(rt)
+    ...s.map(it)
   ].join("");
 }
 function G(e) {
@@ -1539,11 +1539,11 @@ function G(e) {
     if (s.type === "valid") return s;
     let n = s.error;
     for (const r of e)
-      if (n = n?.dependencies?.[r], n == null) return D.valid;
-    return D.invalid(n);
+      if (n = n?.dependencies?.[r], n == null) return _.valid;
+    return _.invalid(n);
   };
 }
-class A {
+class $ {
   path;
   change;
   value;
@@ -1564,25 +1564,25 @@ class A {
   disabled;
   #n = [];
   disabledOrHasErrors;
-  constructor(t, s, n, r, a, o = N) {
+  constructor(t, s, n, r, a, o = F) {
     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.error.map((i) => i != null), this.touched = this.#e.touched, a.validationMode ? this.errorVisible = y(
       this.hasError,
       this.touched,
       a.validationMode
-    )((i, l, d) => d === "continuous" ? !!i : !!i && !!l) : this.errorVisible = k(
+    )((i, l, d) => d === "continuous" ? !!i : !!i && !!l) : this.errorVisible = y(
       this.hasError,
       this.touched
-    )((i, l) => !!i && !!l), this.dirty = k(
+    )((i, l) => !!i && !!l), this.dirty = y(
       this.value,
       this.#t
     )((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.parent = a, this.disabled = y(
       this.#e.disabled,
       a.disabled
-    )((i, l) => i || l), this.disabledOrHasErrors = k(
+    )((i, l) => i || l), this.disabledOrHasErrors = y(
       this.disabled,
       this.hasError
     )((i, l) => i || l), this.onDispose(() => {
@@ -1590,7 +1590,7 @@ class A {
     });
   }
   get name() {
-    return at(this.path);
+    return lt(this.path);
   }
   onDispose = (t) => {
     this.#n.push(t);
@@ -1621,7 +1621,7 @@ class A {
   reset = () => {
     this.change(this.#t.value);
   };
-  array = (t = N) => new it(
+  array = (t = F) => new ut(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -1630,7 +1630,7 @@ class A {
     this.parent,
     t
   );
-  object = (t = N) => new ot(
+  object = (t = F) => new ct(
     this.path,
     this.change,
     this.value,
@@ -1638,7 +1638,7 @@ class A {
     this.parent,
     t
   );
-  transform = (t, s, n = [], r = N) => new A(
+  transform = (t, s, n = [], r = F) => new $(
     [...this.path, ...n],
     (a) => this.change(s(a)),
     this.value.map(t, r),
@@ -1646,7 +1646,7 @@ class A {
     this.parent,
     r
   );
-  asyncTransform = (t, s, n, r = [], a = N) => new A(
+  asyncTransform = (t, s, n, r = [], a = F) => new $(
     [...this.path, ...r],
     (o) => {
       s(o).then((i) => this.change(i));
@@ -1657,7 +1657,7 @@ class A {
     a
   );
 }
-class ot extends A {
+class ct extends $ {
   #e = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
@@ -1710,7 +1710,7 @@ class ot extends A {
         ...this.value.value,
         [t]: o
       });
-    }, n = new A(
+    }, n = new $(
       [...this.path, t],
       s,
       this.value.map((o) => o[t]),
@@ -1757,7 +1757,7 @@ class ot extends A {
     this.#i.set(this.dirty.value || t);
   };
 }
-class it extends A {
+class ut extends $ {
   #e = new Array();
   length;
   #s = /* @__PURE__ */ new Map();
@@ -1784,9 +1784,9 @@ class it extends A {
     super(t, s, i, r, a, o);
     const l = i.on((u) => {
       const h = this.#e.length - u.length;
-      h > 0 && (this.#e.splice(u.length, h).forEach((b, m) => {
-        const f = u.length + m;
-        b.dispose(), this.#t.get(f)?.(), this.#t.delete(f), this.#s.delete(f), this.#r.get(f)?.(), this.#r.delete(f), this.#a.delete(f);
+      h > 0 && (this.#e.splice(u.length, h).forEach((g, v) => {
+        const f = u.length + v;
+        g.dispose(), this.#t.get(f)?.(), this.#t.delete(f), this.#s.delete(f), this.#r.get(f)?.(), this.#r.delete(f), this.#a.delete(f);
       }), this.#l(), this.#o());
     });
     this.length = i.map((u) => u.length), this.#c = this.touched.on(() => {
@@ -1811,7 +1811,7 @@ class it extends A {
     const s = async (o) => {
       const i = this.value.value.slice();
       i[t] = o, this.change(i);
-    }, n = new A(
+    }, n = new $(
       [...this.path, t],
       s,
       this.value.map((o) => o[t]),
@@ -1877,7 +1877,7 @@ class it extends A {
     this.#i.set(this.dirty.value || t);
   };
 }
-function lt(e) {
+function dt(e) {
   function t(s) {
     return typeof s == "number" ? s : s.toString();
   }
@@ -1885,9 +1885,9 @@ function lt(e) {
     (s) => typeof s == "object" && s.key != null ? t(s.key) : t(s)
   );
 }
-function ct(e) {
+function ht(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 o = lt(a.path), i = o.pop();
+    const o = dt(a.path), i = o.pop();
     let l = r;
     for (const d of o)
       l.dependencies == null && (l.dependencies = {}), l.dependencies[d] == null && (l.dependencies[d] = {}), l = l.dependencies[d];
@@ -1899,7 +1899,7 @@ function ct(e) {
     message: n != "" ? n : void 0
   };
 }
-function ut({
+function pt({
   initialValue: e,
   onChange: t,
   validate: s,
@@ -1907,68 +1907,68 @@ function ut({
   validationMode: r,
   validateDebounceMs: a
 }) {
-  const o = L.deriveProp(e), i = I(D.valid), l = I(!1), d = I(r ?? "touchedOrSubmit"), u = (v) => {
-    i.set(v);
+  const o = D.deriveProp(e), i = I(_.valid), l = I(!1), d = I(r ?? "touchedOrSubmit"), u = (b) => {
+    i.set(b);
   };
   let h;
-  const b = async (v) => {
+  const g = async (b) => {
     if (s != null) {
-      const S = await s(v);
-      u(S);
+      const m = await s(b);
+      u(m);
     }
-  }, m = async (v) => {
-    o.set(v), t?.(v);
-    const S = d.value;
+  }, v = async (b) => {
+    o.set(b), t?.(b);
+    const m = d.value;
     if (s != null) {
-      if (S === "onSubmit")
+      if (m === "onSubmit")
         return;
-      const P = a ?? 0;
-      P > 0 ? (h && clearTimeout(h), h = setTimeout(() => {
-        b(v);
-      }, P)) : await b(v);
+      const T = a ?? 0;
+      T > 0 ? (h && clearTimeout(h), h = setTimeout(() => {
+        g(b);
+      }, T)) : await g(b);
     }
-  }, f = new A(
+  }, f = new $(
     [],
-    m,
+    v,
     o,
     i,
     {
       disabled: l,
       validationMode: d
     },
-    n ?? N
+    n ?? F
   );
   return f.onDispose(() => {
     l.dispose(), o.dispose(), i.dispose(), d.dispose(), h && clearTimeout(h);
   }), { controller: f, setStatus: u };
 }
 function be(e) {
-  return E(c.disabled(e.disabled), c.name(e.name));
+  return M(c.disabled(e.disabled), c.name(e.name));
 }
-function Pt(e, {
+function Ot(e, {
   triggerOn: t = "change"
 } = {}) {
-  return E(
+  return M(
     be(e),
     c.value(e.value),
-    (t === "input" ? w.input : w.change)(M(e.change))
+    (t === "input" ? C.input : C.change)(P(e.change))
   );
 }
-function Vt(e, {
+function jt(e, {
   triggerOn: t = "change"
 } = {}) {
-  return E(
+  return M(
     be(e),
     c.valueAsNumber(e.value),
-    (t === "input" ? w.input : w.change)(
+    (t === "input" ? C.input : C.change)(
       ke(e.change)
     )
   );
 }
 function re(e) {
-  return e.issues != null ? D.invalid(ct(e.issues)) : D.valid;
+  return e.issues != null ? _.invalid(ht(e.issues)) : _.valid;
 }
-async function At({
+async function Nt({
   task: e,
   errorMessage: t,
   errorPath: s = ["root"],
@@ -1976,12 +1976,12 @@ async function At({
 }) {
   try {
     const r = await e();
-    return n != null ? n(r) : D.valid;
+    return n != null ? n(r) : _.valid;
   } catch (r) {
     const a = t ?? (r instanceof Error ? r.message : "Operation failed");
-    return s.length === 1 && s[0] === "root" ? D.invalid({
+    return s.length === 1 && s[0] === "root" ? _.invalid({
       message: a
-    }) : D.invalid({
+    }) : _.invalid({
       dependencies: ge(s, a)
     });
   }
@@ -1998,14 +1998,14 @@ function ge(e, t) {
     }
   };
 }
-function $t({
+function Ft({
   initialValue: e = {},
   schema: t,
-  onSubmit: s = async () => D.valid,
+  onSubmit: s = async () => _.valid,
   validationMode: n,
   validateDebounceMs: r
 }) {
-  const { controller: a, setStatus: o } = ut({
+  const { controller: a, setStatus: o } = pt({
     initialValue: e,
     validationMode: n ?? "touchedOrSubmit",
     validateDebounceMs: r,
@@ -2018,10 +2018,10 @@ function $t({
     setStatus: o,
     submit: async (u) => {
       if (i.set(!0), u?.preventDefault(), l.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
-        const b = l.value.value, m = re(
-          await t["~standard"].validate(b)
+        const g = l.value.value, v = re(
+          await t["~standard"].validate(g)
         );
-        if (o(m), m.type === "invalid") {
+        if (o(v), v.type === "invalid") {
           i.set(!1);
           return;
         }
@@ -2032,11 +2032,11 @@ function $t({
     submitting: i
   };
 }
-function dt(e) {
+function ft(e) {
   const t = e.split("-"), s = [e];
   return t.length > 1 && s.push(t[0]), s;
 }
-function ht({
+function bt({
   locale: e,
   defaultLocale: t = "en-US",
   defaultMessages: s,
@@ -2045,7 +2045,7 @@ function ht({
   const r = I(t), a = I(s), o = e.on(async (i) => {
     if (i === r.value) return;
     r.set(i);
-    const l = dt(i);
+    const l = ft(i);
     for (const d of l)
       try {
         const u = await n(d);
@@ -2076,7 +2076,7 @@ function ht({
     t: a
   };
 }
-function pt({
+function gt({
   defaultLocale: e,
   defaultMessages: t,
   localeLoader: s,
@@ -2087,7 +2087,7 @@ function pt({
     create: (r, a) => {
       const {
         value: { locale: o }
-      } = a.getProvider(Pe.mark), { t: i, dispose: l } = ht({
+      } = a.getProvider(Ae.mark), { t: i, dispose: l } = bt({
         locale: o,
         defaultMessages: t,
         defaultLocale: e,
@@ -2100,76 +2100,175 @@ function pt({
     }
   };
 }
-const R = pt({
-  defaultLocale: _e,
-  defaultMessages: Ie,
-  localeLoader: async (e) => (await Ee(/* @__PURE__ */ Object.assign({ "./locales/ar.ts": () => import("./ar-BgrUqaxG.js"), "./locales/de.ts": () => import("./de-D_sdCcAw.js"), "./locales/en.ts": () => Promise.resolve().then(() => De), "./locales/es.ts": () => import("./es-DczvLqEV.js"), "./locales/fa.ts": () => import("./fa-DhPP5Tgo.js"), "./locales/fr.ts": () => import("./fr-D3WwoeQg.js"), "./locales/he.ts": () => import("./he-CFhi-6Rs.js"), "./locales/hi.ts": () => import("./hi-Cqy8JcS7.js"), "./locales/it.ts": () => import("./it-CtMArqSp.js"), "./locales/ja.ts": () => import("./ja-UFqZT78C.js"), "./locales/ko.ts": () => import("./ko-B5LB1_X_.js"), "./locales/nl.ts": () => import("./nl-DCfHVqzQ.js"), "./locales/pl.ts": () => import("./pl-UcTv39q1.js"), "./locales/pt.ts": () => import("./pt-CXsgmVtb.js"), "./locales/ru.ts": () => import("./ru-C0MvZW2g.js"), "./locales/tr.ts": () => import("./tr-CIIkc1uL.js"), "./locales/ur.ts": () => import("./ur-Cpx9oyTV.js"), "./locales/vi.ts": () => import("./vi-D24AUQ01.js"), "./locales/zh.ts": () => import("./zh-25YFRjoV.js") }), `./locales/${e}.ts`, 3)).default,
+const R = gt({
+  defaultLocale: Te,
+  defaultMessages: Ee,
+  localeLoader: async (e) => (await Le(/* @__PURE__ */ Object.assign({ "./locales/ar.ts": () => import("./ar-L29B4drg.js"), "./locales/de.ts": () => import("./de-BL9YMCWJ.js"), "./locales/en.ts": () => Promise.resolve().then(() => _e), "./locales/es.ts": () => import("./es-CS4u7MZp.js"), "./locales/fa.ts": () => import("./fa-_5IxCXGI.js"), "./locales/fr.ts": () => import("./fr-B-ZWm43Y.js"), "./locales/he.ts": () => import("./he-J-Bcrgy9.js"), "./locales/hi.ts": () => import("./hi-ClGaIH71.js"), "./locales/it.ts": () => import("./it-Dv8tmKm5.js"), "./locales/ja.ts": () => import("./ja-BpqiZN5f.js"), "./locales/ko.ts": () => import("./ko-Bpa6y038.js"), "./locales/nl.ts": () => import("./nl-B5HYWGRz.js"), "./locales/pl.ts": () => import("./pl-DksXqLHk.js"), "./locales/pt.ts": () => import("./pt-7-6UhRtW.js"), "./locales/ru.ts": () => import("./ru-I676X0Bt.js"), "./locales/tr.ts": () => import("./tr-CssmRZfH.js"), "./locales/ur.ts": () => import("./ur-BCWL2ev1.js"), "./locales/vi.ts": () => import("./vi-D5K4x_hN.js"), "./locales/zh.ts": () => import("./zh-HUwi9F-w.js") }), `./locales/${e}.ts`, 3)).default,
   providerName: "BeatUII18n"
 });
+function mt(e) {
+  switch (e) {
+    case "success":
+      return "material-symbols:check-circle-outline";
+    case "warning":
+      return "material-symbols:warning-outline";
+    case "danger":
+      return "material-symbols:error-outline";
+    case "info":
+    default:
+      return "material-symbols:info-outline";
+  }
+}
+function vt(e) {
+  switch (e) {
+    case "success":
+      return "success";
+    case "warning":
+      return "warning";
+    case "danger":
+      return "danger";
+    case "info":
+    default:
+      return "info";
+  }
+}
+function kt(e, t, s, n) {
+  const r = [
+    "bc-notice",
+    `bc-notice--${e}`,
+    `bc-notice--tone-${t}`
+  ];
+  return s && r.push("bc-notice--dismissible"), n && n.length > 0 && r.push(n), r.join(" ");
+}
+function qt({
+  variant: e = "info",
+  tone: t = "subtle",
+  role: s,
+  title: n,
+  icon: r,
+  closable: a = !1,
+  onDismiss: o,
+  class: i
+}, ...l) {
+  const d = D.map(
+    a,
+    (b) => !!b || o != null
+  ), u = D.map(e, (b) => b ?? "info"), h = D.map(t, (b) => b ?? "subtle"), g = y(
+    s,
+    u
+  )(
+    (b, m) => b ?? (m === "danger" ? "alert" : "status")
+  ), v = I(!0), f = q(
+    R,
+    (b) => p.div(
+      c.class(
+        y(
+          u,
+          h,
+          d,
+          i
+        )((m, T, L, V) => kt(m, T, L, V))
+      ),
+      // Accessibility role mapping (always defined)
+      c.role(D.map(g, (m) => m)),
+      ye(
+        D.map(r, (m) => m === !1),
+        () => p.div(
+          c.class("bc-notice__icon"),
+          O({
+            icon: y(
+              r,
+              u
+            )((m, T) => m === void 0 ? mt(T) : String(m)),
+            size: "md",
+            color: D.map(u, vt)
+          })
+        )
+      ),
+      p.div(
+        c.class("bc-notice__body"),
+        we(n, (m) => p.div(c.class("bc-notice__title"), m)),
+        p.div(c.class("bc-notice__content"), ...l)
+      ),
+      E(
+        d,
+        () => Ye({
+          size: "xs",
+          label: b.$.closeModal,
+          onClick: () => {
+            v.set(!1), o?.();
+          }
+        })
+      )
+    )
+  );
+  return E(v, () => f);
+}
 export {
-  re as $,
+  jt as $,
   he as A,
   R as B,
-  wt as C,
-  Fe as D,
-  It as E,
-  qe as F,
-  nt as G,
-  Mt as H,
-  F as I,
-  rt as J,
-  at as K,
-  Qe as L,
-  Lt as M,
-  ot as N,
-  N as O,
-  Et as P,
-  it as Q,
-  Ze as R,
-  Dt as S,
-  _t as T,
-  lt as U,
-  ct as V,
-  ut as W,
-  be as X,
-  Pt as Y,
-  Vt as Z,
-  Ee as _,
-  Ke as a,
-  Ct as a0,
-  Ye as a1,
-  xt as a2,
-  ht as a3,
-  ue as a4,
-  Le as a5,
-  mt as a6,
-  vt as a7,
-  kt as a8,
-  Me as a9,
-  yt as aa,
-  D as b,
-  St as c,
-  Tt as d,
+  Ye as C,
+  Re as D,
+  Mt as E,
+  He as F,
+  ot as G,
+  Bt as H,
+  O as I,
+  it as J,
+  lt as K,
+  Xe as L,
+  $t as M,
+  qt as N,
+  F as O,
+  Vt as P,
+  ct as Q,
+  ut as R,
+  Lt as S,
+  Pt as T,
+  tt as U,
+  dt as V,
+  ht as W,
+  pt as X,
+  be as Y,
+  Ot as Z,
+  Le as _,
+  Qe as a,
+  re as a0,
+  _t as a1,
+  et as a2,
+  Et as a3,
+  bt as a4,
+  ue as a5,
+  Pe as a6,
+  xt as a7,
+  St as a8,
+  Dt as a9,
+  Ve as aa,
+  It as ab,
+  _ as b,
+  Tt as c,
+  At as d,
   W as e,
   ee as f,
   Z as g,
-  tt as h,
-  st as i,
+  rt as h,
+  at as i,
   pe as j,
-  Ie as k,
-  Pe as l,
-  pt as m,
-  O as n,
+  Ee as k,
+  Ae as l,
+  gt as m,
+  j as n,
   se as o,
-  A as p,
+  $ as p,
   G as q,
-  V as r,
+  A as r,
   le as s,
-  At as t,
-  $t as u,
+  Nt as t,
+  Ft as u,
   fe as v,
-  j as w,
-  Ge as x,
-  We as y,
-  _e as z
+  N as w,
+  Ke as x,
+  Je as y,
+  Te as z
 };