@tempots/beatui 0.53.0 → 0.54.1

package/dist/{notice-DTTyRbwh.js → notice-BS0d903Q.js}

@@ -1,11 +1,11 @@
-import { Use as q, coalesce as Q, aria as B, attr as c, html as b, on as E, Value as y, Empty as _, computedOf as C, OnDispose as X, When as O, dataAttr as R, input as ne, emitValue as $, prop as I, Fragment as x, emitValueAsNumber as ie, Unless as re, Ensure as ae } from "@tempots/dom";
-import { a as z, B as le, I as L, b as W, c as oe, C as Y } from "./translations-CG5-f9U8.js";
+import { Use as q, coalesce as Q, aria as x, attr as o, html as f, on as E, Value as C, Empty as _, computedOf as k, When as O, dataAttr as R, input as te, emitValue as F, prop as I, Fragment as P, emitValueAsNumber as ne, Unless as ie, Ensure as re } from "@tempots/dom";
+import { a as z, B as ae, I as N, b as W, c as le, C as X } from "./translations-CaTkLRHu.js";
 const K = /* @__PURE__ */ new Map();
 function H(e) {
   const s = K.get(e) ?? 0;
   return K.set(e, s + 1), `${e}-${s}`;
 }
-const S = {
+const w = {
   /**
    * Creates a loading state.
    * @param previousValue - The previous value.
@@ -84,7 +84,7 @@ const S = {
    * @public
    */
   getOrElse(e, s) {
-    return S.isSuccess(e) ? e.value : s;
+    return w.isSuccess(e) ? e.value : s;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns the value from the alternative function.
@@ -95,7 +95,7 @@ const S = {
    * function.
    */
   getOrElseLazy(e, s) {
-    return S.isSuccess(e) ? e.value : s();
+    return w.isSuccess(e) ? e.value : s();
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `null`.
@@ -104,7 +104,7 @@ const S = {
    * @public
    */
   getOrNull(e) {
-    return S.isSuccess(e) ? e.value : null;
+    return w.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `undefined`.
@@ -113,7 +113,7 @@ const S = {
    * @public
    */
   getOrUndefined(e) {
-    return S.isSuccess(e) ? e.value : void 0;
+    return w.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`.
@@ -121,9 +121,9 @@ const S = {
    * @returns The value of the `AsyncResult` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (S.isSuccess(e))
+    if (w.isSuccess(e))
       return e.value;
-    throw S.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
+    throw w.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.
@@ -139,7 +139,7 @@ const S = {
     failure: t,
     loading: n,
     notAsked: i = n
-  }) => S.isSuccess(e) ? s(e.value) : S.isFailure(e) ? t(e.error) : S.isNotAsked(e) ? i() : n(e.previousValue),
+  }) => w.isSuccess(e) ? s(e.value) : w.isFailure(e) ? t(e.error) : w.isNotAsked(e) ? i() : n(e.previousValue),
   /**
    * When the result is a success, it applies the function to the value.
    *
@@ -148,7 +148,7 @@ const S = {
    * @returns The result that was passed in.
    * @public
    */
-  whenSuccess: (e, s) => (S.isSuccess(e) && s(e.value), e),
+  whenSuccess: (e, s) => (w.isSuccess(e) && s(e.value), e),
   /**
    * When the result is a failure, it applies the function to the error.
    *
@@ -157,7 +157,7 @@ const S = {
    * @returns The result that was passed in.
    * @public
    */
-  whenFailure: (e, s) => (S.isFailure(e) && s(e.error), e),
+  whenFailure: (e, s) => (w.isFailure(e) && s(e.error), e),
   /**
    * Compares two results for equality.
    * @param r1 - The first result.
@@ -177,11 +177,11 @@ const S = {
   all: (e) => {
     const s = [];
     for (const t of e)
-      if (S.isSuccess(t))
+      if (w.isSuccess(t))
         s.push(t.value);
       else
         return t;
-    return S.success(s);
+    return w.success(s);
   },
   /**
    * Converts a Promise to an AsyncResult.
@@ -191,12 +191,12 @@ const S = {
   ofPromise: async (e) => {
     try {
       const s = await e;
-      return S.success(s);
+      return w.success(s);
     } catch (s) {
-      return S.failure(s instanceof Error ? s : new Error(String(s)));
+      return w.failure(s instanceof Error ? s : new Error(String(s)));
     }
   }
-}, P = (e, s) => e === s || e !== e && s !== s, D = {
+}, $ = (e, s) => e === s || e !== e && s !== s, D = {
   /**
    * Creates a valid `Validation`.
    * @returns A `Validation` that is `Valid`.
@@ -308,8 +308,8 @@ const S = {
   toAsync(e) {
     return m.match(
       e,
-      (s) => S.success(s),
-      (s) => S.failure(s)
+      (s) => w.success(s),
+      (s) => w.failure(s)
     );
   },
   /**
@@ -465,9 +465,9 @@ function ce({
   onClick: r,
   label: l
 }, ...a) {
-  return q(z, (o) => {
-    const f = Q(l, o.$.closeModal);
-    return le(
+  return q(z, (c) => {
+    const p = Q(l, c.$.closeModal);
+    return ae(
       {
         variant: "text",
         size: e,
@@ -476,17 +476,17 @@ function ce({
         color: i,
         onClick: r
       },
-      c.title(f),
-      B.label(f),
+      o.title(p),
+      x.label(p),
       ...a,
-      L({ icon: s, size: e ?? "sm" })
+      N({ icon: s, size: e ?? "sm" })
     );
   });
 }
 function U(e) {
   return `bc-label bc-label--${e}`;
 }
-const Ve = (...e) => b.span(c.class(U("emphasis")), ...e), ue = (...e) => b.span(c.class(U("default")), ...e), he = (...e) => b.span(c.class(U("muted")), ...e), Oe = (...e) => b.span(c.class(U("danger")), ...e), Me = (e) => {
+const Ae = (...e) => f.span(o.class(U("emphasis")), ...e), oe = (...e) => f.span(o.class(U("default")), ...e), ue = (...e) => f.span(o.class(U("muted")), ...e), Ve = (...e) => f.span(o.class(U("danger")), ...e), Oe = (e) => {
   const {
     value: s,
     onBlur: t,
@@ -495,80 +495,80 @@ const Ve = (...e) => b.span(c.class(U("emphasis")), ...e), ue = (...e) => b.span
     disabled: r,
     id: l,
     checkedIcon: a,
-    uncheckedIcon: o,
-    iconSize: f = "lg"
-  } = e, u = l ?? H("checkbox"), g = `${u}-label`, w = () => {
-    if (y.get(r ?? !1)) return;
-    const h = y.get(s);
-    n?.(!h);
-  }, v = (h) => {
-    y.get(r ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), w());
+    uncheckedIcon: c,
+    iconSize: p = "lg"
+  } = e, h = l ?? H("checkbox"), b = `${h}-label`, S = () => {
+    if (C.get(r ?? !1)) return;
+    const u = C.get(s);
+    n?.(!u);
+  }, v = (u) => {
+    C.get(r ?? !1) || (u.key === " " || u.key === "Enter") && (u.preventDefault(), S());
   };
   return W(
     {
       baseContainer: !0,
       growInput: !1,
       ...e,
-      input: b.span(
-        c.class("bc-checkbox-input"),
-        b.span(
-          c.class("bc-checkbox-input__checkbox"),
-          c.class(
-            y.map(
+      input: f.span(
+        o.class("bc-checkbox-input"),
+        f.span(
+          o.class("bc-checkbox-input__checkbox"),
+          o.class(
+            C.map(
               s,
-              (h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
+              (u) => u ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
-          c.class(
-            y.map(
+          o.class(
+            C.map(
               r ?? !1,
-              (h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
+              (u) => u ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
-          c.id(u),
-          c.role("checkbox"),
-          c.tabindex(
-            y.map(
+          o.id(h),
+          o.role("checkbox"),
+          o.tabindex(
+            C.map(
               r ?? !1,
-              (h) => h ? -1 : 0
+              (u) => u ? -1 : 0
             )
           ),
-          B.checked(s),
-          B.disabled(r),
-          i != null ? B.labelledby(g) : _,
+          x.checked(s),
+          x.disabled(r),
+          i != null ? x.labelledby(b) : _,
           E.keydown(v),
           t != null ? E.blur(t) : _,
-          L({
-            icon: C(
+          N({
+            icon: k(
               s,
               a,
-              o
+              c
             )(
-              (h, d, p) => h ? d ?? "akar-icons/check-box-fill" : p ?? "akar-icons/box"
+              (u, d, g) => u ? d ?? "akar-icons/check-box-fill" : g ?? "akar-icons/box"
             ),
             accessibility: "decorative",
-            size: f
+            size: p
           })
         ),
-        i != null ? b.label(
-          c.class("bc-checkbox-input__label"),
-          c.id(g),
-          c.for(u),
-          he(i)
+        i != null ? f.label(
+          o.class("bc-checkbox-input__label"),
+          o.id(b),
+          o.for(h),
+          ue(i)
         ) : _
       )
     },
-    E.click(w)
+    E.click(S)
   );
-}, de = b.span(
-  c.class("bc-input-wrapper__required"),
+}, he = f.span(
+  o.class("bc-input-wrapper__required"),
   " *"
 );
-function pe(e) {
+function de(e) {
   const s = ["bc-input-wrapper"];
   return e !== "vertical" && s.push(`bc-input-wrapper--${e}`), s.join(" ");
 }
-function fe(e, s) {
+function pe(e, s) {
   const t = ["bc-input-wrapper__label-text"];
   return e ? t.push("bc-input-wrapper__label-text--error") : s ? t.push("bc-input-wrapper__label-text--disabled") : t.push("bc-input-wrapper__label-text--default"), t.join(" ");
 }
@@ -576,7 +576,7 @@ function G(e, s) {
   if (e === "horizontal-fixed" && s != null)
     return `--input-wrapper-label-width: ${s}`;
 }
-const Z = ({
+const Y = ({
   fullWidth: e = !1,
   required: s,
   label: t,
@@ -585,105 +585,104 @@ const Z = ({
   description: r,
   content: l,
   error: a,
-  labelFor: o,
-  hasError: f,
-  disabled: u,
-  layout: g,
-  labelWidth: w
+  labelFor: c,
+  hasError: p,
+  disabled: h,
+  layout: b,
+  labelWidth: S
 }, ...v) => {
-  const h = f ?? a != null, d = u ?? !1, p = g ?? "vertical", T = H("input-wrapper"), A = r ? `${T}-description` : void 0, F = a != null ? `${T}-error` : void 0, N = C(p)((k) => k !== "vertical");
-  return b.div(
-    X(N),
-    c.class(y.map(p, (k) => pe(k))),
-    c.class(
-      y.map(
+  const u = p ?? a != null, d = h ?? !1, g = b ?? "vertical", T = H("input-wrapper"), A = r ? `${T}-description` : void 0, B = a != null ? `${T}-error` : void 0, L = k(g)((y) => y !== "vertical");
+  return f.div(
+    o.class(C.map(g, (y) => de(y))),
+    o.class(
+      C.map(
         e,
-        (k) => k ? "bc-input-wrapper--full-width" : ""
+        (y) => y ? "bc-input-wrapper--full-width" : ""
       )
     ),
     O(
-      C(
-        p,
-        w ?? void 0
-      )((k, V) => G(k, V) != null),
-      () => c.style(
-        y.map(
-          C(
-            p,
-            w ?? void 0
-          )((k, V) => G(k, V)),
-          (k) => k
+      k(
+        g,
+        S ?? void 0
+      )((y, V) => G(y, V) != null),
+      () => o.style(
+        C.map(
+          k(
+            g,
+            S ?? void 0
+          )((y, V) => G(y, V)),
+          (y) => y
         )
       )
     ),
-    t != null || i != null ? b.div(
-      c.class("bc-input-wrapper__header"),
-      b.div(
-        c.class("bc-input-wrapper__label-section"),
-        b.label(
-          c.class("bc-input-wrapper__label"),
-          o != null ? c.for(o) : _,
-          b.span(
-            c.class(
-              C(
-                h,
+    t != null || i != null ? f.div(
+      o.class("bc-input-wrapper__header"),
+      f.div(
+        o.class("bc-input-wrapper__label-section"),
+        f.label(
+          o.class("bc-input-wrapper__label"),
+          c != null ? o.for(c) : _,
+          f.span(
+            o.class(
+              k(
+                u,
                 d
               )(
-                (k, V) => fe(
-                  k ?? !1,
+                (y, V) => pe(
+                  y ?? !1,
                   V ?? !1
                 )
               )
             ),
             t
           ),
-          t != null && s ? de : _
+          t != null && s ? he : _
         ),
         // Show description under label when horizontal
         O(
-          C(
-            N,
+          k(
+            L,
             r
-          )((k, V) => k && V != null),
-          () => b.div(
-            c.class(
+          )((y, V) => y && V != null),
+          () => f.div(
+            o.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            c.id(A),
+            o.id(A),
             r
           )
         )
       ),
-      i != null ? ue(i) : _,
+      i != null ? oe(i) : _,
       n
     ) : _,
-    b.div(
-      c.class("bc-input-wrapper__content"),
+    f.div(
+      o.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [A, F].filter(Boolean).length > 0 ? R.describedby(
-        [A, F].filter(Boolean).join(" ")
+      [A, B].filter(Boolean).length > 0 ? R.describedby(
+        [A, B].filter(Boolean).join(" ")
       ) : _,
       s ? R.required("true") : _,
-      O(h, () => R.invalid("true")),
+      O(u, () => R.invalid("true")),
       l
     ),
     // Show description at bottom only when not horizontal
     O(
-      C(N, r)((k, V) => !k && V != null),
-      () => b.div(
-        c.class("bc-input-wrapper__description"),
-        c.id(A),
+      k(L, r)((y, V) => !y && V != null),
+      () => f.div(
+        o.class("bc-input-wrapper__description"),
+        o.id(A),
         r
       )
     ),
     a != null ? O(
-      h,
-      () => b.div(
-        c.class("bc-input-wrapper__error"),
-        c.id(F),
-        B.live("polite"),
+      u,
+      () => f.div(
+        o.class("bc-input-wrapper__error"),
+        o.id(B),
+        x.live("polite"),
         // Announce errors to screen readers
-        c.role("alert"),
+        o.role("alert"),
         // Mark as alert for immediate attention
         a
       )
@@ -691,10 +690,10 @@ const Z = ({
     ...v
   );
 };
-function Fe(...e) {
-  return b.div(c.class("bc-stack"), ...e);
+function Me(...e) {
+  return f.div(o.class("bc-stack"), ...e);
 }
-const $e = (e) => {
+const Fe = (e) => {
   const s = {
     name: "email",
     autocomplete: "email",
@@ -706,28 +705,28 @@ const $e = (e) => {
     onChange: r,
     onInput: l,
     placeholder: a
-  } = s, o = n ?? oe({
+  } = s, c = n ?? le({
     icon: "line-md:email",
     size: e.size,
     color: "neutral"
   });
   return q(
     z,
-    (f) => W({
+    (p) => W({
       ...e,
-      before: o,
-      input: ne.email(
-        Y(s),
-        c.placeholder(Q(a, f.$.emailPlaceholderText)),
-        c.value(t),
-        c.class("bc-input"),
-        i != null ? E.blur($(i)) : _,
-        r != null ? E.change($(r)) : _,
-        l != null ? E.input($(l)) : _
+      before: c,
+      input: te.email(
+        X(s),
+        o.placeholder(Q(a, p.$.emailPlaceholderText)),
+        o.value(t),
+        o.class("bc-input"),
+        i != null ? E.blur(F(i)) : _,
+        r != null ? E.change(F(r)) : _,
+        l != null ? E.input(F(l)) : _
       )
     })
   );
-}, xe = (e) => {
+}, $e = (e) => {
   const {
     value: s,
     onBlur: t,
@@ -736,67 +735,67 @@ const $e = (e) => {
     before: r,
     after: l,
     hasError: a,
-    disabled: o,
-    autocomplete: f,
-    placeholder: u,
-    ...g
-  } = e, w = {
+    disabled: c,
+    autocomplete: p,
+    placeholder: h,
+    ...b
+  } = e, S = {
     name: "password",
-    disabled: o,
-    ...g
-  }, v = I(!0), h = C(
+    disabled: c,
+    ...b
+  }, v = I(!0), u = k(
     v,
-    f
-  )((d, p) => d ? p ?? "current-password" : "off");
+    p
+  )((d, g) => d ? g ?? "current-password" : "off");
   return q(z, (d) => {
-    const p = C(
+    const g = k(
       d.$.passwordPlaceholderText,
       v,
-      u
-    )((A, F, N) => F ? "•••••••••••••••" : N ?? A), T = b.button(
-      c.type("button"),
-      c.class("bc-input-container__password-toggle"),
-      B.label(d.$.togglePasswordVisibility),
+      h
+    )((A, B, L) => B ? "•••••••••••••••" : L ?? A), T = f.button(
+      o.type("button"),
+      o.class("bc-input-container__password-toggle"),
+      x.label(d.$.togglePasswordVisibility),
       E.click(() => v.update((A) => !A)),
       O(
         v,
-        () => L({ icon: "line-md:watch" }),
-        () => L({ icon: "line-md:watch-off" })
+        () => N({ icon: "line-md:watch" }),
+        () => N({ icon: "line-md:watch-off" })
       )
     );
     return W({
       before: r,
-      disabled: o,
+      disabled: c,
       hasError: a,
-      input: b.input(
-        Y({
-          ...w,
-          autocomplete: h,
-          placeholder: p
+      input: f.input(
+        X({
+          ...S,
+          autocomplete: u,
+          placeholder: g
         }),
         O(
           v,
-          () => x(c.type("password")),
-          () => x(c.type("text"))
+          () => P(o.type("password")),
+          () => P(o.type("text"))
         ),
-        c.class("bc-input"),
-        c.value(s),
-        t != null ? E.blur($(t)) : _,
-        n != null ? E.change($(n)) : _,
-        i != null ? E.input($(i)) : _
+        o.class("bc-input"),
+        o.value(s),
+        t != null ? E.blur(F(t)) : _,
+        n != null ? E.change(F(n)) : _,
+        i != null ? E.input(F(i)) : _
       ),
-      after: l != null ? x(T, l) : T
+      after: l != null ? P(T, l) : T
     });
   });
-}, be = (
+}, fe = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, s) => () => {
     e.markTouched(), s?.();
   }
-), me = (e, s) => (t) => {
+), be = (e, s) => (t) => {
   e.change(t), s?.(t);
 };
-function ee(e, s) {
+function Z(e, s) {
   const { controller: t, onBlur: n, onChange: i, id: r, ...l } = s;
   return e({
     id: r ?? t.name,
@@ -805,17 +804,17 @@ function ee(e, s) {
     hasError: t.errorVisible,
     name: t.name,
     ...l,
-    onChange: me(t, i),
-    onBlur: be(t, n)
+    onChange: be(t, i),
+    onBlur: fe(t, n)
   });
 }
-function Pe(e, { id: s, labelFor: t, ...n }, ...i) {
+function xe(e, { id: s, labelFor: t, ...n }, ...i) {
   const r = s ?? n.controller.name ?? H("control");
-  return Z(
+  return Y(
     {
       ...n,
       labelFor: t ?? r,
-      content: ee(
+      content: Z(
         (a) => e({ ...a, id: r }),
         n
       )
@@ -823,24 +822,24 @@ function Pe(e, { id: s, labelFor: t, ...n }, ...i) {
     ...i
   );
 }
-function ge(e, s) {
+function me(e, s) {
   const { toInput: t, fromInput: n, controller: i, ...r } = s, l = i.transform(t, n);
-  return ee(e, {
+  return Z(e, {
     ...r,
     controller: l
   });
 }
-function Be(e, {
+function Pe(e, {
   id: s,
   labelFor: t,
   ...n
 }, ...i) {
   const r = s ?? n.controller.name ?? H("control");
-  return Z(
+  return Y(
     {
       ...n,
       labelFor: t ?? r,
-      content: ge(e, {
+      content: me(e, {
         ...n,
         id: r
       })
@@ -848,21 +847,21 @@ function Be(e, {
     ...i
   );
 }
-function Ne(e) {
+function Be(e) {
   return e.split(".").map((t) => {
     const n = t.match(/^\[(\d+)\]$/);
     return n ? Number(n[1]) : t;
   });
 }
-function ve(e) {
+function ge(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function ye(e) {
+function ve(e) {
   if (e.length === 0) return "";
   const [s, ...t] = e;
   return [
     typeof s == "number" ? `[${s}]` : s,
-    ...t.map(ve)
+    ...t.map(ge)
   ].join("");
 }
 function j(e) {
@@ -895,33 +894,33 @@ class M {
   disabled;
   #n = [];
   disabledOrHasErrors;
-  constructor(s, t, n, i, r, l = P) {
+  constructor(s, t, n, i, r, l = $) {
     this.path = s, this.change = t, this.signal = n, this.status = i, this.#t = l, this.#s.set(n.value), this.error = i.map(
       (a) => a?.type === "invalid" ? a.error?.message : void 0
-    ), this.hasError = this.error.map((a) => a != null), this.touched = this.#e.touched, r.validationMode ? this.errorVisible = C(
+    ), this.hasError = this.error.map((a) => a != null), this.touched = this.#e.touched, r.validationMode ? this.errorVisible = k(
       this.hasError,
       this.touched,
       r.validationMode
-    )((a, o, f) => f === "continuous" ? !!a : !!a && !!o) : this.errorVisible = C(
+    )((a, c, p) => p === "continuous" ? !!a : !!a && !!c) : this.errorVisible = k(
       this.hasError,
       this.touched
-    )((a, o) => !!a && !!o), this.dirty = C(
+    )((a, c) => !!a && !!c), this.dirty = k(
       this.signal,
       this.#s
-    )((a, o) => !this.#t(a, o)), this.dependencyErrors = i.map(
+    )((a, c) => !this.#t(a, c)), this.dependencyErrors = i.map(
       (a) => a?.type === "invalid" ? a.error?.dependencies : void 0
-    ), this.parent = r, this.disabled = C(
+    ), this.parent = r, this.disabled = k(
       this.#e.disabled,
       r.disabled
-    )((a, o) => a || o), this.disabledOrHasErrors = C(
+    )((a, c) => a || c), this.disabledOrHasErrors = k(
       this.disabled,
       this.hasError
-    )((a, o) => a || o), this.onDispose(() => {
+    )((a, c) => a || c), this.onDispose(() => {
       this.#e.disabled.dispose(), this.#e.touched.dispose(), this.disabled.dispose(), this.error.dispose(), this.errorVisible.dispose(), this.dirty.dispose(), this.#s.dispose(), this.dependencyErrors.dispose(), this.disabledOrHasErrors.dispose();
     });
   }
   get name() {
-    return ye(this.path);
+    return ve(this.path);
   }
   onDispose = (s) => {
     this.#n.push(s);
@@ -952,7 +951,7 @@ class M {
   reset = () => {
     this.change(this.#s.value);
   };
-  array = (s = P) => new ke(
+  array = (s = $) => new we(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -961,7 +960,7 @@ class M {
     this.parent,
     s
   );
-  object = (s = P) => new we(
+  object = (s = $) => new ye(
     this.path,
     this.change,
     this.signal,
@@ -969,7 +968,7 @@ class M {
     this.parent,
     s
   );
-  transform = (s, t, n = [], i = P) => new M(
+  transform = (s, t, n = [], i = $) => new M(
     [...this.path, ...n],
     (r) => this.change(t(r)),
     this.signal.map(s, i),
@@ -977,7 +976,7 @@ class M {
     this.parent,
     i
   );
-  asyncTransform = (s, t, n, i = [], r = P) => new M(
+  asyncTransform = (s, t, n, i = [], r = $) => new M(
     [...this.path, ...i],
     (l) => {
       t(l).then((a) => this.change(a));
@@ -988,7 +987,7 @@ class M {
     r
   );
 }
-class we extends M {
+class ye extends M {
   #e = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
@@ -998,9 +997,9 @@ class we extends M {
   #i = /* @__PURE__ */ new Map();
   #l = I(!1);
   dirtyDeep = this.#l;
-  #c;
+  #o;
   #u;
-  #o = () => {
+  #c = () => {
     let s = !1;
     for (const t of this.#t.values())
       if (t) {
@@ -1013,24 +1012,24 @@ class we extends M {
     super(
       s,
       t,
-      n.map((o) => o ?? {}, l),
+      n.map((c) => c ?? {}, l),
       i,
       r,
       l
-    ), this.#c = this.touched.on(() => {
-      this.#o();
+    ), this.#o = this.touched.on(() => {
+      this.#c();
     }), this.#u = this.dirty.on(() => {
       this.#a();
     });
     const a = this.signal.on(() => this.#a());
     this.onDispose(() => {
-      for (const o of this.#e.values())
-        o.dispose();
+      for (const c of this.#e.values())
+        c.dispose();
       this.#e.clear();
-      for (const o of this.#s.values()) o();
+      for (const c of this.#s.values()) c();
       this.#s.clear(), this.#t.clear(), this.#n.dispose();
-      for (const o of this.#i.values()) o();
-      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#c(), this.#u(), a();
+      for (const c of this.#i.values()) c();
+      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#o(), this.#u(), a();
     });
   }
   field = (s) => {
@@ -1054,7 +1053,7 @@ class we extends M {
     );
     this.#e.set(s, n);
     const i = n.touched.on((l) => {
-      this.#t.set(s, l), this.#o();
+      this.#t.set(s, l), this.#c();
     });
     this.#s.set(s, i);
     const r = n.dirty.on((l) => {
@@ -1088,7 +1087,7 @@ class we extends M {
     this.#l.set(this.dirty.value || s);
   };
 }
-class ke extends M {
+class we extends M {
   #e = new Array();
   length;
   #t = /* @__PURE__ */ new Map();
@@ -1099,9 +1098,9 @@ class ke extends M {
   #i = /* @__PURE__ */ new Map();
   #l = I(!1);
   dirtyDeep = this.#l;
-  #c;
+  #o;
   #u;
-  #o = () => {
+  #c = () => {
     let s = !1;
     for (const t of this.#t.values())
       if (t) {
@@ -1111,29 +1110,29 @@ class ke extends M {
     this.#n.set(this.touched.value || s);
   };
   constructor(s, t, n, i, r, l) {
-    const a = n.map((u) => u ?? [], l);
+    const a = n.map((h) => h ?? [], l);
     super(s, t, a, i, r, l);
-    const o = a.on((u) => {
-      const g = this.#e.length - u.length;
-      g > 0 && (this.#e.splice(u.length, g).forEach((w, v) => {
-        const h = u.length + v;
-        w.dispose(), this.#s.get(h)?.(), this.#s.delete(h), this.#t.delete(h), this.#i.get(h)?.(), this.#i.delete(h), this.#r.delete(h);
-      }), this.#o(), this.#a());
+    const c = a.on((h) => {
+      const b = this.#e.length - h.length;
+      b > 0 && (this.#e.splice(h.length, b).forEach((S, v) => {
+        const u = h.length + v;
+        S.dispose(), this.#s.get(u)?.(), this.#s.delete(u), this.#t.delete(u), this.#i.get(u)?.(), this.#i.delete(u), this.#r.delete(u);
+      }), this.#c(), this.#a());
     });
-    this.length = a.map((u) => u.length), this.#c = this.touched.on(() => {
-      this.#o();
+    this.length = a.map((h) => h.length), this.#o = this.touched.on(() => {
+      this.#c();
     }), this.#u = this.dirty.on(() => {
       this.#a();
     });
-    const f = this.signal.on(() => this.#a());
+    const p = this.signal.on(() => this.#a());
     this.onDispose(() => {
-      for (const u of this.#e)
-        u.dispose();
-      this.length.dispose(), this.#e.length = 0, o(), a.dispose();
-      for (const u of this.#s.values()) u();
+      for (const h of this.#e)
+        h.dispose();
+      this.length.dispose(), this.#e.length = 0, c(), a.dispose();
+      for (const h of this.#s.values()) h();
       this.#s.clear(), this.#t.clear(), this.#n.dispose();
-      for (const u of this.#i.values()) u();
-      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#c(), this.#u(), f();
+      for (const h of this.#i.values()) h();
+      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#o(), this.#u(), p();
     });
   }
   item = (s) => {
@@ -1154,7 +1153,7 @@ class ke extends M {
     );
     this.#e[s] = n;
     const i = n.touched.on((l) => {
-      this.#t.set(s, l), this.#o();
+      this.#t.set(s, l), this.#c();
     });
     this.#s.set(s, i);
     const r = n.dirty.on((l) => {
@@ -1208,7 +1207,7 @@ class ke extends M {
     this.#l.set(this.dirty.value || s);
   };
 }
-function Se(e) {
+function ke(e) {
   function s(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -1216,13 +1215,13 @@ function Se(e) {
     (t) => typeof t == "object" && t.key != null ? s(t.key) : s(t)
   );
 }
-function Ce(e) {
+function Se(e) {
   const s = e.filter((i) => i.path == null || i.path.length === 0).map((i) => i.message), t = e.filter((i) => i.path != null && i.path.length > 0).reduce((i, r) => {
-    const l = Se(r.path), a = l.pop();
-    let o = i;
-    for (const f of l)
-      o.dependencies == null && (o.dependencies = {}), o.dependencies[f] == null && (o.dependencies[f] = {}), o = o.dependencies[f];
-    return o.dependencies == null && (o.dependencies = {}), o.dependencies[a] = { message: r.message }, i;
+    const l = ke(r.path), a = l.pop();
+    let c = i;
+    for (const p of l)
+      c.dependencies == null && (c.dependencies = {}), c.dependencies[p] == null && (c.dependencies[p] = {}), c = c.dependencies[p];
+    return c.dependencies == null && (c.dependencies = {}), c.dependencies[a] = { message: r.message }, i;
   }, {}), n = s.join(`
 `);
   return {
@@ -1230,7 +1229,7 @@ function Ce(e) {
     message: n != "" ? n : void 0
   };
 }
-function _e({
+function Ce({
   initialValue: e,
   onChange: s,
   validate: t,
@@ -1238,68 +1237,68 @@ function _e({
   validationMode: i,
   validateDebounceMs: r
 }) {
-  const l = y.deriveProp(e), a = I(D.valid), o = I(!1), f = I(i ?? "touchedOrSubmit"), u = (d) => {
+  const l = C.deriveProp(e), a = I(D.valid), c = I(!1), p = I(i ?? "touchedOrSubmit"), h = (d) => {
     a.set(d);
   };
-  let g;
-  const w = async (d) => {
+  let b;
+  const S = async (d) => {
     if (t != null) {
-      const p = await t(d);
-      u(p);
+      const g = await t(d);
+      h(g);
     }
   }, v = async (d) => {
     l.set(d), s?.(d);
-    const p = f.value;
+    const g = p.value;
     if (t != null) {
-      if (p === "onSubmit")
+      if (g === "onSubmit")
         return;
       const T = r ?? 0;
-      T > 0 ? (g && clearTimeout(g), g = setTimeout(() => {
-        w(d);
-      }, T)) : await w(d);
+      T > 0 ? (b && clearTimeout(b), b = setTimeout(() => {
+        S(d);
+      }, T)) : await S(d);
     }
-  }, h = new M(
+  }, u = new M(
     [],
     v,
     l,
     a,
     {
-      disabled: o,
-      validationMode: f
+      disabled: c,
+      validationMode: p
     },
-    n ?? P
+    n ?? $
   );
-  return h.onDispose(() => {
-    o.dispose(), l.dispose(), a.dispose(), f.dispose(), g && clearTimeout(g);
-  }), { controller: h, setStatus: u };
+  return u.onDispose(() => {
+    c.dispose(), l.dispose(), a.dispose(), p.dispose(), b && clearTimeout(b);
+  }), { controller: u, setStatus: h };
 }
-function se(e) {
-  return x(c.disabled(e.disabled), c.name(e.name));
+function ee(e) {
+  return P(o.disabled(e.disabled), o.name(e.name));
 }
-function Le(e, {
+function Ne(e, {
   triggerOn: s = "change"
 } = {}) {
-  return x(
-    se(e),
-    c.value(e.signal),
-    (s === "input" ? E.input : E.change)($(e.change))
+  return P(
+    ee(e),
+    o.value(e.signal),
+    (s === "input" ? E.input : E.change)(F(e.change))
   );
 }
-function je(e, {
+function Le(e, {
   triggerOn: s = "change"
 } = {}) {
-  return x(
-    se(e),
-    c.valueAsNumber(e.signal),
+  return P(
+    ee(e),
+    o.valueAsNumber(e.signal),
     (s === "input" ? E.input : E.change)(
-      ie(e.change)
+      ne(e.change)
     )
   );
 }
 function J(e) {
-  return e.issues != null ? D.invalid(Ce(e.issues)) : D.valid;
+  return e.issues != null ? D.invalid(Se(e.issues)) : D.valid;
 }
-async function qe({
+async function je({
   task: e,
   errorMessage: s,
   errorPath: t = ["root"],
@@ -1313,11 +1312,11 @@ async function qe({
     return t.length === 1 && t[0] === "root" ? D.invalid({
       message: r
     }) : D.invalid({
-      dependencies: te(t, r)
+      dependencies: se(t, r)
     });
   }
 }
-function te(e, s) {
+function se(e, s) {
   if (e.length === 1)
     return {
       [e[0]]: { message: s }
@@ -1325,48 +1324,48 @@ function te(e, s) {
   const [t, ...n] = e;
   return {
     [t]: {
-      dependencies: te(n, s)
+      dependencies: se(n, s)
     }
   };
 }
-function ze({
+function qe({
   initialValue: e = {},
   schema: s,
   onSubmit: t = async () => D.valid,
   validationMode: n,
   validateDebounceMs: i
 }) {
-  const { controller: r, setStatus: l } = _e({
+  const { controller: r, setStatus: l } = Ce({
     initialValue: e,
     validationMode: n ?? "touchedOrSubmit",
     validateDebounceMs: i,
-    validate: (n ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (u) => J(
-      await s["~standard"].validate(u)
+    validate: (n ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (h) => J(
+      await s["~standard"].validate(h)
     )
-  }), a = I(!1), o = r.object();
-  return o.onDispose(a.dispose), {
-    controller: o,
+  }), a = I(!1), c = r.object();
+  return c.onDispose(a.dispose), {
+    controller: c,
     setStatus: l,
-    submit: async (u) => {
-      if (a.set(!0), u?.preventDefault(), o.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
-        const w = o.signal.value, v = s?.["~standard"].validate;
+    submit: async (h) => {
+      if (a.set(!0), h?.preventDefault(), c.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
+        const S = c.signal.value, v = s?.["~standard"].validate;
         if (v == null) {
           a.set(!1);
           return;
         }
-        const h = J(await v(w));
-        if (l(h), h.type === "invalid") {
+        const u = J(await v(S));
+        if (l(u), u.type === "invalid") {
           a.set(!1);
           return;
         }
       }
-      const g = await t(o.signal.value);
-      a.set(!1), g.type === "invalid" && l(g);
+      const b = await t(c.signal.value);
+      a.set(!1), b.type === "invalid" && l(b);
     },
     submitting: a
   };
 }
-function De(e) {
+function _e(e) {
   switch (e) {
     case "success":
       return "material-symbols:check-circle-outline";
@@ -1379,7 +1378,7 @@ function De(e) {
       return "material-symbols:info-outline";
   }
 }
-function Ee(e) {
+function De(e) {
   switch (e) {
     case "success":
       return "success";
@@ -1392,7 +1391,7 @@ function Ee(e) {
       return "info";
   }
 }
-function Ie(e, s, t, n) {
+function Ee(e, s, t, n) {
   const i = [
     "bc-notice",
     `bc-notice--${e}`,
@@ -1400,7 +1399,7 @@ function Ie(e, s, t, n) {
   ];
   return t && i.push("bc-notice--dismissible"), n && n.length > 0 && i.push(n), i.join(" ");
 }
-function He({
+function ze({
   variant: e = "info",
   tone: s = "subtle",
   role: t,
@@ -1409,106 +1408,105 @@ function He({
   closable: r = !1,
   onDismiss: l,
   class: a
-}, ...o) {
-  const f = y.map(
-    r,
-    (d) => !!d || l != null
-  ), u = y.map(e, (d) => d ?? "info"), g = y.map(s, (d) => d ?? "subtle"), w = C(
-    t,
-    u
-  )(
-    (d, p) => d ?? (p === "danger" ? "alert" : "status")
-  ), v = I(!0), h = q(
-    z,
-    (d) => b.div(
-      c.class(
-        C(
-          u,
-          g,
-          f,
-          a
-        )((p, T, A, F) => Ie(p, T, A, F))
-      ),
-      // Accessibility role mapping (always defined)
-      c.role(y.map(w, (p) => p)),
-      re(
-        y.map(i, (p) => p === !1),
-        () => b.div(
-          c.class("bc-notice__icon"),
-          L({
-            icon: C(
-              i,
-              u
-            )((p, T) => p === void 0 ? De(T) : String(p)),
-            size: "md",
-            color: y.map(u, Ee)
+}, ...c) {
+  const p = I(!0);
+  return O(p, () => {
+    const h = C.map(
+      r,
+      (u) => !!u || l != null
+    ), b = C.map(e, (u) => u ?? "info"), S = C.map(s, (u) => u ?? "subtle"), v = k(
+      t,
+      b
+    )(
+      (u, d) => u ?? (d === "danger" ? "alert" : "status")
+    );
+    return q(
+      z,
+      (u) => f.div(
+        o.class(
+          k(
+            b,
+            S,
+            h,
+            a
+          )((d, g, T, A) => Ee(d, g, T, A))
+        ),
+        // Accessibility role mapping (always defined)
+        o.role(C.map(v, (d) => d)),
+        ie(
+          C.map(i, (d) => d === !1),
+          () => f.div(
+            o.class("bc-notice__icon"),
+            N({
+              icon: k(
+                i,
+                b
+              )(
+                (d, g) => d === void 0 ? _e(g) : String(d)
+              ),
+              size: "md",
+              color: C.map(b, De)
+            })
+          )
+        ),
+        f.div(
+          o.class("bc-notice__body"),
+          re(
+            n,
+            (d) => f.div(o.class("bc-notice__title"), d)
+          ),
+          f.div(o.class("bc-notice__content"), ...c)
+        ),
+        O(
+          h,
+          () => ce({
+            size: "xs",
+            label: u.$.closeModal,
+            onClick: () => {
+              p.set(!1), l?.();
+            }
           })
         )
-      ),
-      b.div(
-        c.class("bc-notice__body"),
-        ae(n, (p) => b.div(c.class("bc-notice__title"), p)),
-        b.div(c.class("bc-notice__content"), ...o)
-      ),
-      O(
-        f,
-        () => ce({
-          size: "xs",
-          label: d.$.closeModal,
-          onClick: () => {
-            v.set(!1), l?.();
-          }
-        })
       )
-    )
-  );
-  return x(
-    X(
-      () => {
-        y.dispose(f), y.dispose(u), y.dispose(g);
-      },
-      w,
-      v
-    ),
-    O(v, () => h)
-  );
+    );
+  });
 }
 export {
-  ke as A,
-  ee as B,
+  we as A,
+  Z as B,
   ce as C,
-  Oe as D,
-  $e as E,
-  Z as I,
-  ue as L,
-  Be as M,
-  He as N,
-  P as O,
-  xe as P,
-  de as R,
-  Fe as S,
+  Ve as D,
+  Fe as E,
+  Y as I,
+  oe as L,
+  Pe as M,
+  ze as N,
+  $ as O,
+  $e as P,
+  he as R,
+  Me as S,
   D as a,
-  Me as b,
-  Pe as c,
-  me as d,
+  Oe as b,
+  xe as c,
+  be as d,
   M as e,
   j as f,
-  ge as g,
-  ye as h,
-  we as i,
-  Se as j,
-  Ce as k,
-  _e as l,
-  be as m,
-  se as n,
-  Le as o,
-  Ne as p,
-  je as q,
+  me as g,
+  ve as h,
+  ye as i,
+  ke as j,
+  Se as k,
+  Ce as l,
+  fe as m,
+  ee as n,
+  Ne as o,
+  Be as p,
+  Le as q,
   J as r,
   H as s,
-  qe as t,
-  ze as u,
-  Ve as v,
-  ve as w,
-  he as x
+  je as t,
+  qe as u,
+  Ae as v,
+  ge as w,
+  ue as x
 };