@tempots/beatui 0.22.0 → 0.24.0

package/dist/{translations-924E7r4Q.js → translations-GO9sIajX.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 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 { 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-5Nwx_gSj.js";
+import { b as xe, g as Se } from "./colors-WfmhQ5e1.js";
 function ee(e, {
   units: t = ["B", "KB", "MB", "GB", "TB"],
   decimalPlaces: s = 0,
@@ -272,8 +272,8 @@ const C = {
    */
   toResult: (e, t) => D.match(
     e,
-    () => b.success(t),
-    (s) => b.failure(s)
+    () => g.success(t),
+    (s) => g.failure(s)
   ),
   /**
    * Execute a function when the `Validation` is valid.
@@ -291,7 +291,7 @@ const C = {
    * @returns The `Validation` object.
    */
   whenInvalid: (e, t) => (D.isInvalid(e) && t(e.error), e)
-}, b = {
+}, g = {
   /**
    * 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" ? b.success(t(e.value)) : e,
+  map: (e, t) => e.type === "Success" ? g.success(t(e.value)) : e,
   /**
    * Maps the value of a `Result` to a new `Result`.
    * @param r - The `Result` to map.
@@ -335,7 +335,7 @@ const C = {
    * @public
    */
   toAsync(e) {
-    return b.match(
+    return g.match(
       e,
       (t) => C.success(t),
       (t) => C.failure(t)
@@ -348,7 +348,7 @@ const C = {
    * @public
    */
   toValidation(e) {
-    return b.match(
+    return g.match(
       e,
       () => D.valid,
       (t) => D.invalid(t)
@@ -380,7 +380,7 @@ const C = {
    * @public
    */
   getOrElse(e, t) {
-    return b.isSuccess(e) ? e.value : t;
+    return g.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 b.isSuccess(e) ? e.value : t();
+    return g.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 b.isSuccess(e) ? e.value : null;
+    return g.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 b.isSuccess(e) ? e.value : void 0;
+    return g.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 (b.isSuccess(e))
+    if (g.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) => b.isSuccess(e) ? t(e.value) : s(e.error),
+  match: (e, t, s) => g.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) => (b.isSuccess(e) && t(e.value), e),
-  whenFailure: (e, t) => (b.isFailure(e) && t(e.error), e),
+  whenSuccess: (e, t) => (g.isSuccess(e) && t(e.value), e),
+  whenFailure: (e, t) => (g.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) => b.match(
+  combine: (e, t, s, n) => g.match(
     e,
-    (r) => b.match(
+    (r) => g.match(
       t,
-      (a) => b.success(s(r, a)),
-      (a) => b.failure(a)
+      (a) => g.success(s(r, a)),
+      (a) => g.failure(a)
     ),
-    (r) => b.match(
+    (r) => g.match(
       t,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (a) => b.failure(r),
-      (a) => b.failure(n(r, a))
+      (a) => g.failure(r),
+      (a) => g.failure(n(r, a))
     )
   ),
   /**
@@ -478,11 +478,11 @@ const C = {
   all: (e) => {
     const t = [];
     for (const s of e)
-      if (b.isSuccess(s))
+      if (g.isSuccess(s))
         t.push(s.value);
       else
         return s;
-    return b.success(t);
+    return g.success(t);
   }
 }, ce = {
   loadingExtended: "Loading, please wait",
@@ -841,19 +841,19 @@ function F({
   const i = k(
     r,
     n
-  )((l, h) => l === "decorative" ? !1 : l === "informative" ? !0 : h != null && h !== "");
+  )((l, d) => l === "decorative" ? !1 : l === "informative" ? !0 : d != null && d !== "");
   return q(
     R,
     (l) => p.span(
       c.class(
-        k(t, s)((h) => Ue(h ?? "md"))
+        k(t, s)((d) => Ue(d ?? "md"))
       ),
       c.style(
         k(
           s,
           a
         )(
-          (h, u) => ze(h ?? void 0, u ?? "solid")
+          (d, u) => ze(d ?? void 0, u ?? "solid")
         )
       ),
       // Add accessibility attributes based on icon type
@@ -869,12 +869,12 @@ function F({
         { once: !0 },
         () => we({
           request: e,
-          load: ({ request: h }) => He(h),
+          load: ({ request: d }) => He(d),
           convertError: String,
-          success: ({ value: h }) => p.span(
+          success: ({ value: d }) => p.span(
             H.width("100%"),
             H.height("100%"),
-            c.innerHTML(h)
+            c.innerHTML(d)
           ),
           pending: () => p.span(
             c.class("animate-spin"),
@@ -886,8 +886,8 @@ function F({
             ),
             "↻"
           ),
-          failure: ({ error: h }) => p.span(
-            c.title(h),
+          failure: ({ error: d }) => p.span(
+            c.title(d),
             c.class("text-red-500"),
             // Error state accessibility
             _(
@@ -903,23 +903,31 @@ function F({
     )
   );
 }
-function Ge(e, t, s, n, r, a) {
-  const o = [
+function Ge(e, t, s) {
+  const n = [
     "bc-button",
-    `bc-button--size-${t}`,
-    `bc-control--padding-${t}`,
-    `bc-control--rounded-${n}`
+    `bc-button--size-${e}`,
+    `bc-control--padding-${e}`,
+    `bc-control--rounded-${t}`
   ];
-  return a && o.push("bc-button--loading"), o.join(" ");
+  return s && n.push("bc-button--loading"), n.join(" ");
 }
 function We(e, t, s) {
-  const n = /* @__PURE__ */ new Map(), r = (a, o, i, l) => {
+  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) => {
     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);
+      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))"
+      ), n.set(
+        "--button-text-shadow-dark",
+        "var(--text-shadow-button-filled, var(--text-shadow-sm))"
+      );
       const i = V(t, "solid", "light"), l = V(t, "solid", "dark");
       r(
         i.backgroundColor,
@@ -942,7 +950,13 @@ 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("--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(
+        "--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");
       r(
         a.backgroundColor,
@@ -954,7 +968,13 @@ function We(e, t, s) {
     }
     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("--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(
+        "--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");
       r(
         i.backgroundColor,
@@ -982,7 +1002,7 @@ function Ke({
   onClick: i = () => {
   }
 }, ...l) {
-  const h = I(null);
+  const d = I(null);
   return q(
     R,
     (u) => p.button(
@@ -991,28 +1011,18 @@ function Ke({
         k(
           t,
           s
-        )((d, f) => d || f)
+        )((h, b) => h || b)
       ),
       // Add ARIA attributes for accessibility
       x.busy(s ?? !1),
       _(s ?? !1, () => x.label(u.$.loadingExtended)),
       c.class(
         k(
-          n,
           r,
-          a,
           o,
-          t,
           s
         )(
-          (d, f, m, w, g, S) => Ge(
-            d ?? "filled",
-            f ?? "md",
-            m ?? "base",
-            w ?? "sm",
-            g,
-            S
-          )
+          (h, b, m) => Ge(h ?? "md", b ?? "sm", m)
         )
       ),
       c.style(
@@ -1021,9 +1031,9 @@ function Ke({
           a,
           t
         )(
-          (d, f, m) => We(
-            d ?? "filled",
-            f ?? "base",
+          (h, b, m) => We(
+            h ?? "filled",
+            b ?? "base",
             m
           )
         )
@@ -1032,10 +1042,10 @@ function Ke({
         s ?? !1,
         () => E(
           H.width(
-            h.map((d) => d == null ? "" : `${d.width}px`)
+            d.map((h) => h == null ? "" : `${h.width}px`)
           ),
           H.height(
-            h.map((d) => d == null ? "" : `${d.height}px`)
+            d.map((h) => h == null ? "" : `${h.height}px`)
           ),
           F({ icon: "line-md:loading-twotone-loop", size: r ?? "md" }),
           // Hidden live region for screen reader announcements
@@ -1045,14 +1055,14 @@ function Ke({
             u.$.loadingExtended
           )
         ),
-        () => E(y.click(i), ...l)
+        () => E(w.click(i), ...l)
       ),
       _(
         s != null,
         () => Ce(
-          (d) => oe(
-            d.on((f) => {
-              L.get(s ?? !1) || h.set(f);
+          (h) => oe(
+            h.on((b) => {
+              L.get(s ?? !1) || d.set(b);
             })
           )
         )
@@ -1070,7 +1080,7 @@ function wt({
   label: o
 }, ...i) {
   return q(R, (l) => {
-    const h = Q(o, l.$.closeModal);
+    const d = Q(o, l.$.closeModal);
     return Ke(
       {
         variant: "text",
@@ -1080,8 +1090,8 @@ function wt({
         color: r,
         onClick: a
       },
-      c.title(h),
-      x.label(h),
+      c.title(d),
+      x.label(d),
       ...i,
       F({ icon: t, size: e ?? "sm" })
     );
@@ -1107,24 +1117,24 @@ const W = ({
   focusableSelector: o = "input, select, textarea",
   growInput: i = !0
 }, ...l) => {
-  const h = L.map(t ?? !1, (u) => u);
+  const d = L.map(t ?? !1, (u) => u);
   return p.div(
     ve((u) => {
-      const d = () => {
+      const h = () => {
         u.querySelector(o)?.focus();
       };
-      return u.addEventListener("click", d), oe(() => u.removeEventListener("click", d));
+      return u.addEventListener("click", h), oe(() => u.removeEventListener("click", h));
     }),
     c.class(
       k(
         e,
-        h,
+        d,
         a ?? !1
       )(
-        (u, d, f) => Je(
+        (u, h, b) => Je(
           u ?? !1,
-          d ?? !1,
-          f ?? !1
+          h ?? !1,
+          b ?? !1
         )
       )
     ),
@@ -1146,13 +1156,23 @@ 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("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 = () => {
+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 {
+    value: t,
+    onBlur: s,
+    onChange: n,
+    placeholder: r,
+    disabled: a,
+    id: o,
+    checkedIcon: i,
+    uncheckedIcon: l,
+    iconSize: d = "lg"
+  } = e, u = o ?? le("checkbox"), h = `${u}-label`, b = () => {
     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());
+    const f = L.get(t);
+    n?.(!f);
+  }, m = (f) => {
+    L.get(a ?? !1) || (f.key === " " || f.key === "Enter") && (f.preventDefault(), b());
   };
   return W(
     {
@@ -1166,38 +1186,49 @@ const Ct = (...e) => p.span(c.class(K("emphasis")), ...e), Qe = (...e) => p.span
           c.class(
             L.map(
               t,
-              (d) => d ? "bc-checkbox-input__checkbox--checked" : ""
+              (f) => f ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
           c.class(
             L.map(
               a ?? !1,
-              (d) => d ? "bc-checkbox-input__checkbox--disabled" : ""
+              (f) => f ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
-          c.id(i),
+          c.id(u),
           c.role("checkbox"),
           c.tabindex(
             L.map(
               a ?? !1,
-              (d) => d ? -1 : 0
+              (f) => f ? -1 : 0
             )
           ),
           x.checked(t),
           x.disabled(a),
-          r != null ? x.labelledby(l) : v,
-          y.keydown(u),
-          s != null ? y.blur(s) : v
+          r != null ? x.labelledby(h) : y,
+          w.keydown(m),
+          s != null ? w.blur(s) : y,
+          F({
+            icon: k(
+              t,
+              i,
+              l
+            )(
+              (f, v, S) => f ? v ?? "akar-icons/check-box-fill" : S ?? "akar-icons/box"
+            ),
+            accessibility: "decorative",
+            size: d
+          })
         ),
         r != null ? p.label(
           c.class("bc-checkbox-input__label"),
-          c.id(l),
-          c.for(i),
+          c.id(h),
+          c.for(u),
           Ye(r)
-        ) : v
+        ) : y
       )
     },
-    y.click(h)
+    w.click(b)
   );
 }, Z = ({
   autocomplete: e,
@@ -1243,13 +1274,13 @@ const pe = ({
   error: o,
   labelFor: i,
   hasError: l,
-  disabled: h,
+  disabled: d,
   horizontal: u
-}, ...d) => {
-  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;
+}, ...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;
   return p.div(
     c.class(
-      L.map(w, (T) => Xe(T))
+      L.map(f, (T) => Xe(T))
     ),
     t != null || n != null ? p.div(
       c.class("bc-input-wrapper__header"),
@@ -1257,11 +1288,11 @@ const pe = ({
         c.class("bc-input-wrapper__label-section"),
         p.label(
           c.class("bc-input-wrapper__label"),
-          i != null ? c.for(i) : v,
+          i != null ? c.for(i) : y,
           p.span(
             c.class(
               k(
-                f,
+                b,
                 m
               )(
                 (T, $) => et(
@@ -1272,12 +1303,12 @@ const pe = ({
             ),
             t
           ),
-          t != null && e ? Ze : v
+          t != null && e ? Ze : y
         ),
         // Show description under label when horizontal
         _(
           k(
-            w,
+            f,
             r
           )((T, $) => T && $ != null),
           () => p.div(
@@ -1289,23 +1320,23 @@ const pe = ({
           )
         )
       ),
-      n != null ? Qe(n) : v,
+      n != null ? Qe(n) : y,
       s
-    ) : v,
+    ) : y,
     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(" ")
-      ) : v,
-      e ? J.required("true") : v,
-      _(f, () => J.invalid("true")),
+      ) : y,
+      e ? J.required("true") : y,
+      _(b, () => J.invalid("true")),
       a
     ),
     // Show description at bottom only when not horizontal
     _(
       k(
-        w,
+        f,
         r
       )((T, $) => !T && $ != null),
       () => p.div(
@@ -1315,7 +1346,7 @@ const pe = ({
       )
     ),
     o != null ? _(
-      f,
+      b,
       () => p.div(
         c.class("bc-input-wrapper__error"),
         c.id(P),
@@ -1326,7 +1357,7 @@ const pe = ({
         o
       )
     ) : null,
-    ...d
+    ...h
   );
 };
 function Dt(...e) {
@@ -1351,17 +1382,17 @@ const It = (e) => {
   });
   return q(
     R,
-    (h) => W({
+    (d) => W({
       ...e,
       before: l,
       input: ie.email(
         Z(t),
-        c.placeholder(Q(i, h.$.emailPlaceholderText)),
+        c.placeholder(Q(i, d.$.emailPlaceholderText)),
         c.value(s),
         c.class("bc-input"),
-        r != null ? y.blur(M(r)) : v,
-        a != null ? y.change(M(a)) : v,
-        o != null ? y.input(M(o)) : v
+        r != null ? w.blur(M(r)) : y,
+        a != null ? w.change(M(a)) : y,
+        o != null ? w.input(M(o)) : y
       )
     })
   );
@@ -1373,9 +1404,9 @@ const It = (e) => {
       Z(e),
       c.value(t),
       c.class("bc-input"),
-      s != null ? y.blur(M(s)) : v,
-      n != null ? y.change(M(n)) : v,
-      r != null ? y.input(M(r)) : v
+      s != null ? w.blur(M(s)) : y,
+      n != null ? w.change(M(n)) : y,
+      r != null ? w.input(M(r)) : y
     )
   });
 }, Et = (e) => {
@@ -1388,26 +1419,26 @@ const It = (e) => {
     after: o,
     hasError: i,
     disabled: l,
-    autocomplete: h,
+    autocomplete: d,
     placeholder: u,
-    ...d
-  } = e, f = {
+    ...h
+  } = e, b = {
     name: "password",
     disabled: l,
-    ...d
-  }, m = I(!0), w = k(
+    ...h
+  }, m = I(!0), f = k(
     m,
-    h
-  )((g, S) => g ? S ?? "current-password" : "off");
-  return q(R, (g) => {
+    d
+  )((v, S) => v ? S ?? "current-password" : "off");
+  return q(R, (v) => {
     const S = k(
-      g.$.passwordPlaceholderText,
+      v.$.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)),
+      x.label(v.$.togglePasswordVisibility),
+      w.click(() => m.update((T) => !T)),
       _(
         m,
         () => F({ icon: "line-md:watch" }),
@@ -1420,8 +1451,8 @@ const It = (e) => {
       hasError: i,
       input: p.input(
         Z({
-          ...f,
-          autocomplete: w,
+          ...b,
+          autocomplete: f,
           placeholder: S
         }),
         _(
@@ -1431,9 +1462,9 @@ const It = (e) => {
         ),
         c.class("bc-input"),
         c.value(t),
-        s != null ? y.blur(M(s)) : v,
-        n != null ? y.change(M(n)) : v,
-        r != null ? y.input(M(r)) : v
+        s != null ? w.blur(M(s)) : y,
+        n != null ? w.change(M(n)) : y,
+        r != null ? w.input(M(r)) : y
       ),
       after: o != null ? E(P, o) : P
     });
@@ -1540,7 +1571,7 @@ class A {
       this.hasError,
       this.touched,
       a.validationMode
-    )((i, l, h) => h === "continuous" ? !!i : !!i && !!l) : this.errorVisible = k(
+    )((i, l, d) => d === "continuous" ? !!i : !!i && !!l) : this.errorVisible = k(
       this.hasError,
       this.touched
     )((i, l) => !!i && !!l), this.dirty = k(
@@ -1752,10 +1783,10 @@ class it extends A {
     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);
+      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);
       }), this.#l(), this.#o());
     });
     this.length = i.map((u) => u.length), this.#c = this.touched.on(() => {
@@ -1763,7 +1794,7 @@ class it extends A {
     }), this.#u = this.dirty.on(() => {
       this.#o();
     });
-    const h = this.value.on(() => this.#o());
+    const d = this.value.on(() => this.#o());
     this.onDispose(() => {
       for (const u of this.#e)
         u.dispose();
@@ -1771,7 +1802,7 @@ class it extends A {
       for (const u of this.#t.values()) u();
       this.#t.clear(), this.#s.clear(), this.#n.dispose();
       for (const u of this.#r.values()) u();
-      this.#r.clear(), this.#a.clear(), this.#i.dispose(), this.#c(), this.#u(), h();
+      this.#r.clear(), this.#a.clear(), this.#i.dispose(), this.#c(), this.#u(), d();
     });
   }
   item = (t) => {
@@ -1858,8 +1889,8 @@ 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 o = lt(a.path), i = o.pop();
     let l = r;
-    for (const h of o)
-      l.dependencies == null && (l.dependencies = {}), l.dependencies[h] == null && (l.dependencies[h] = {}), l = l.dependencies[h];
+    for (const d of o)
+      l.dependencies == null && (l.dependencies = {}), l.dependencies[d] == null && (l.dependencies[d] = {}), l = l.dependencies[d];
     return l.dependencies == null && (l.dependencies = {}), l.dependencies[i] = { message: a.message }, r;
   }, {}), n = t.join(`
 `);
@@ -1876,40 +1907,40 @@ function ut({
   validationMode: r,
   validateDebounceMs: a
 }) {
-  const o = L.deriveProp(e), i = I(D.valid), l = I(!1), h = I(r ?? "touchedOrSubmit"), u = (g) => {
-    i.set(g);
+  const o = L.deriveProp(e), i = I(D.valid), l = I(!1), d = I(r ?? "touchedOrSubmit"), u = (v) => {
+    i.set(v);
   };
-  let d;
-  const f = async (g) => {
+  let h;
+  const b = async (v) => {
     if (s != null) {
-      const S = await s(g);
+      const S = await s(v);
       u(S);
     }
-  }, m = async (g) => {
-    o.set(g), t?.(g);
-    const S = h.value;
+  }, m = async (v) => {
+    o.set(v), t?.(v);
+    const S = d.value;
     if (s != null) {
       if (S === "onSubmit")
         return;
       const P = a ?? 0;
-      P > 0 ? (d && clearTimeout(d), d = setTimeout(() => {
-        f(g);
-      }, P)) : await f(g);
+      P > 0 ? (h && clearTimeout(h), h = setTimeout(() => {
+        b(v);
+      }, P)) : await b(v);
     }
-  }, w = new A(
+  }, f = new A(
     [],
     m,
     o,
     i,
     {
       disabled: l,
-      validationMode: h
+      validationMode: d
     },
     n ?? N
   );
-  return w.onDispose(() => {
-    l.dispose(), o.dispose(), i.dispose(), h.dispose(), d && clearTimeout(d);
-  }), { controller: w, setStatus: u };
+  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));
@@ -1920,7 +1951,7 @@ function Pt(e, {
   return E(
     be(e),
     c.value(e.value),
-    (t === "input" ? y.input : y.change)(M(e.change))
+    (t === "input" ? w.input : w.change)(M(e.change))
   );
 }
 function Vt(e, {
@@ -1929,7 +1960,7 @@ function Vt(e, {
   return E(
     be(e),
     c.valueAsNumber(e.value),
-    (t === "input" ? y.input : y.change)(
+    (t === "input" ? w.input : w.change)(
       ke(e.change)
     )
   );
@@ -1987,16 +2018,16 @@ function $t({
     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)
+        const b = l.value.value, m = re(
+          await t["~standard"].validate(b)
         );
         if (o(m), m.type === "invalid") {
           i.set(!1);
           return;
         }
       }
-      const d = await s(l.value.value);
-      i.set(!1), d.type === "invalid" && o(d);
+      const h = await s(l.value.value);
+      i.set(!1), h.type === "invalid" && o(h);
     },
     submitting: i
   };
@@ -2015,9 +2046,9 @@ function ht({
     if (i === r.value) return;
     r.set(i);
     const l = dt(i);
-    for (const h of l)
+    for (const d of l)
       try {
-        const u = await n(h);
+        const u = await n(d);
         if (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           typeof u.default == "object" && Object.keys(u).length === 1
@@ -2034,7 +2065,7 @@ function ht({
       } catch {
         continue;
       }
-    console.warn(`No locale found for "'${e}", using fallback`), i === r.value && a.set(s);
+    console.warn(`No locale found for "${e.value}", using fallback`), i === r.value && a.set(s);
   });
   return {
     /** Clean up all resources and event listeners */
@@ -2072,49 +2103,50 @@ function pt({
 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,
+  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,
   providerName: "BeatUII18n"
 });
 export {
-  Ct as $,
-  Fe as A,
+  re as $,
+  he as A,
   R as B,
   wt as C,
-  qe as D,
+  Fe as D,
   It as E,
-  nt as F,
-  Mt as G,
-  rt as H,
+  qe as F,
+  nt as G,
+  Mt as H,
   F as I,
-  at as J,
-  ot as K,
+  rt as J,
+  at as K,
   Qe as L,
   Lt as M,
-  it as N,
+  ot as N,
   N as O,
   Et as P,
-  lt as Q,
+  it 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,
+  lt as U,
+  ct as V,
+  ut as W,
+  be as X,
+  Pt as Y,
+  Vt 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,
+  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,
@@ -2127,17 +2159,17 @@ export {
   Ie as k,
   Pe as l,
   pt as m,
-  A as n,
-  G as o,
-  O as p,
-  V as q,
-  fe as r,
+  O as n,
+  se as o,
+  A as p,
+  G as q,
+  V 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
+  fe as v,
+  j as w,
+  Ge as x,
+  We as y,
+  _e as z
 };