@tempots/beatui 0.38.0 → 0.40.0

package/dist/{notice-BuYqG6zM.js → notice-C4n5jXi6.js}

@@ -1,11 +1,11 @@
-import { Use as j, coalesce as G, aria as P, attr as o, html as b, on as I, Value as C, Empty as _, computedOf as w, When as O, dataAttr as H, input as se, emitValue as $, prop as T, Fragment as B, emitValueAsNumber as te, Unless as ne, Ensure as ie } from "@tempots/dom";
-import { a as q, B as re, I as N, b as U, C as J } from "./translations-iam7PITs.js";
-const R = /* @__PURE__ */ new Map();
-function Q(e) {
-  const s = R.get(e) ?? 0;
-  return R.set(e, s + 1), `${e}-${s}`;
+import { Use as q, coalesce as J, aria as B, attr as o, html as b, on as E, Value as y, Empty as _, computedOf as C, OnDispose as Q, When as O, dataAttr as U, input as ne, emitValue as x, prop as I, Fragment as F, emitValueAsNumber as ie, Unless as ae, Ensure as re } from "@tempots/dom";
+import { a as z, B as le, I as N, b as R, C as X } from "./translations-DEEflRUY.js";
+const W = /* @__PURE__ */ new Map();
+function Y(e) {
+  const s = W.get(e) ?? 0;
+  return W.set(e, s + 1), `${e}-${s}`;
 }
-const k = {
+const S = {
   /**
    * Creates a loading state.
    * @param previousValue - The previous value.
@@ -84,7 +84,7 @@ const k = {
    * @public
    */
   getOrElse(e, s) {
-    return k.isSuccess(e) ? e.value : s;
+    return S.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 k = {
    * function.
    */
   getOrElseLazy(e, s) {
-    return k.isSuccess(e) ? e.value : s();
+    return S.isSuccess(e) ? e.value : s();
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `null`.
@@ -104,7 +104,7 @@ const k = {
    * @public
    */
   getOrNull(e) {
-    return k.isSuccess(e) ? e.value : null;
+    return S.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `undefined`.
@@ -113,7 +113,7 @@ const k = {
    * @public
    */
   getOrUndefined(e) {
-    return k.isSuccess(e) ? e.value : void 0;
+    return S.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 k = {
    * @returns The value of the `AsyncResult` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (k.isSuccess(e))
+    if (S.isSuccess(e))
       return e.value;
-    throw k.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
+    throw S.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 k = {
     failure: t,
     loading: i,
     notAsked: n = i
-  }) => k.isSuccess(e) ? s(e.value) : k.isFailure(e) ? t(e.error) : k.isNotAsked(e) ? n() : i(e.previousValue),
+  }) => S.isSuccess(e) ? s(e.value) : S.isFailure(e) ? t(e.error) : S.isNotAsked(e) ? n() : i(e.previousValue),
   /**
    * When the result is a success, it applies the function to the value.
    *
@@ -148,7 +148,7 @@ const k = {
    * @returns The result that was passed in.
    * @public
    */
-  whenSuccess: (e, s) => (k.isSuccess(e) && s(e.value), e),
+  whenSuccess: (e, s) => (S.isSuccess(e) && s(e.value), e),
   /**
    * When the result is a failure, it applies the function to the error.
    *
@@ -157,7 +157,7 @@ const k = {
    * @returns The result that was passed in.
    * @public
    */
-  whenFailure: (e, s) => (k.isFailure(e) && s(e.error), e),
+  whenFailure: (e, s) => (S.isFailure(e) && s(e.error), e),
   /**
    * Compares two results for equality.
    * @param r1 - The first result.
@@ -177,11 +177,11 @@ const k = {
   all: (e) => {
     const s = [];
     for (const t of e)
-      if (k.isSuccess(t))
+      if (S.isSuccess(t))
         s.push(t.value);
       else
         return t;
-    return k.success(s);
+    return S.success(s);
   },
   /**
    * Converts a Promise to an AsyncResult.
@@ -191,12 +191,12 @@ const k = {
   ofPromise: async (e) => {
     try {
       const s = await e;
-      return k.success(s);
+      return S.success(s);
     } catch (s) {
-      return k.failure(s instanceof Error ? s : new Error(String(s)));
+      return S.failure(s instanceof Error ? s : new Error(String(s)));
     }
   }
-}, F = (e, s) => e === s || e !== e && s !== s, D = {
+}, P = (e, s) => e === s || e !== e && s !== s, D = {
   /**
    * Creates a valid `Validation`.
    * @returns A `Validation` that is `Valid`.
@@ -308,8 +308,8 @@ const k = {
   toAsync(e) {
     return m.match(
       e,
-      (s) => k.success(s),
-      (s) => k.failure(s)
+      (s) => S.success(s),
+      (s) => S.failure(s)
     );
   },
   /**
@@ -420,14 +420,14 @@ const k = {
     e,
     (n) => m.match(
       s,
-      (r) => m.success(t(n, r)),
-      (r) => m.failure(r)
+      (a) => m.success(t(n, a)),
+      (a) => m.failure(a)
     ),
     (n) => m.match(
       s,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (r) => m.failure(n),
-      (r) => m.failure(i(n, r))
+      (a) => m.failure(n),
+      (a) => m.failure(i(n, a))
     )
   ),
   /**
@@ -456,55 +456,55 @@ const k = {
     return m.success(s);
   }
 };
-function ae({
+function ce({
   size: e = "sm",
   icon: s = "line-md:close",
   disabled: t,
   roundedness: i = "full",
   color: n = "base",
-  onClick: r,
-  label: a
-}, ...l) {
-  return j(q, (c) => {
-    const p = G(a, c.$.closeModal);
-    return re(
+  onClick: a,
+  label: l
+}, ...r) {
+  return q(z, (c) => {
+    const f = J(l, c.$.closeModal);
+    return le(
       {
         variant: "text",
         size: e,
         roundedness: i,
         disabled: t,
         color: n,
-        onClick: r
+        onClick: a
       },
-      o.title(p),
-      P.label(p),
-      ...l,
+      o.title(f),
+      B.label(f),
+      ...r,
       N({ icon: s, size: e ?? "sm" })
     );
   });
 }
-function z(e) {
+function H(e) {
   return `bc-label bc-label--${e}`;
 }
-const Ie = (...e) => b.span(o.class(z("emphasis")), ...e), le = (...e) => b.span(o.class(z("default")), ...e), ce = (...e) => b.span(o.class(z("muted")), ...e), Te = (...e) => b.span(o.class(z("danger")), ...e), Ae = (e) => {
+const Ae = (...e) => b.span(o.class(H("emphasis")), ...e), oe = (...e) => b.span(o.class(H("default")), ...e), ue = (...e) => b.span(o.class(H("muted")), ...e), Ve = (...e) => b.span(o.class(H("danger")), ...e), Oe = (e) => {
   const {
     value: s,
     onBlur: t,
     onChange: i,
     placeholder: n,
-    disabled: r,
-    id: a,
-    checkedIcon: l,
+    disabled: a,
+    id: l,
+    checkedIcon: r,
     uncheckedIcon: c,
-    iconSize: p = "lg"
-  } = e, u = a ?? Q("checkbox"), g = `${u}-label`, S = () => {
-    if (C.get(r ?? !1)) return;
-    const h = C.get(s);
+    iconSize: f = "lg"
+  } = e, u = l ?? Y("checkbox"), g = `${u}-label`, w = () => {
+    if (y.get(a ?? !1)) return;
+    const h = y.get(s);
     i?.(!h);
   }, v = (h) => {
-    C.get(r ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), S());
+    y.get(a ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), w());
   };
-  return U(
+  return R(
     {
       baseContainer: !0,
       growInput: !1,
@@ -514,179 +514,187 @@ const Ie = (...e) => b.span(o.class(z("emphasis")), ...e), le = (...e) => b.span
         b.span(
           o.class("bc-checkbox-input__checkbox"),
           o.class(
-            C.map(
+            y.map(
               s,
               (h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
           o.class(
-            C.map(
-              r ?? !1,
+            y.map(
+              a ?? !1,
               (h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
           o.id(u),
           o.role("checkbox"),
           o.tabindex(
-            C.map(
-              r ?? !1,
+            y.map(
+              a ?? !1,
               (h) => h ? -1 : 0
             )
           ),
-          P.checked(s),
-          P.disabled(r),
-          n != null ? P.labelledby(g) : _,
-          I.keydown(v),
-          t != null ? I.blur(t) : _,
+          B.checked(s),
+          B.disabled(a),
+          n != null ? B.labelledby(g) : _,
+          E.keydown(v),
+          t != null ? E.blur(t) : _,
           N({
-            icon: w(
+            icon: C(
               s,
-              l,
+              r,
               c
             )(
-              (h, d, f) => h ? d ?? "akar-icons/check-box-fill" : f ?? "akar-icons/box"
+              (h, d, p) => h ? d ?? "akar-icons/check-box-fill" : p ?? "akar-icons/box"
             ),
             accessibility: "decorative",
-            size: p
+            size: f
           })
         ),
         n != null ? b.label(
           o.class("bc-checkbox-input__label"),
           o.id(g),
           o.for(u),
-          ce(n)
+          ue(n)
         ) : _
       )
     },
-    I.click(S)
+    E.click(w)
   );
-}, oe = b.span(
+}, he = b.span(
   o.class("bc-input-wrapper__required"),
   " *"
 );
-function ue(e) {
+function de(e) {
   const s = ["bc-input-wrapper"];
   return e !== "vertical" && s.push(`bc-input-wrapper--${e}`), s.join(" ");
 }
-function he(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(" ");
 }
-function W(e, s) {
+function K(e, s) {
   if (e === "horizontal-fixed" && s != null)
     return `--input-wrapper-label-width: ${s}`;
 }
-const X = ({
-  required: e,
-  label: s,
-  labelChildren: t,
-  context: i,
-  description: n,
-  content: r,
-  error: a,
-  labelFor: l,
-  hasError: c,
-  disabled: p,
-  layout: u,
-  labelWidth: g
-}, ...S) => {
-  const v = c ?? a != null, h = p ?? !1, d = u ?? "vertical", f = Q("input-wrapper"), E = n ? `${f}-description` : void 0, A = a != null ? `${f}-error` : void 0, x = w(d)((y) => y !== "vertical");
+const Z = ({
+  fullWidth: e = !1,
+  required: s,
+  label: t,
+  labelChildren: i,
+  context: n,
+  description: a,
+  content: l,
+  error: r,
+  labelFor: c,
+  hasError: f,
+  disabled: u,
+  layout: g,
+  labelWidth: w
+}, ...v) => {
+  const h = f ?? r != null, d = u ?? !1, p = g ?? "vertical", T = Y("input-wrapper"), A = a ? `${T}-description` : void 0, $ = r != null ? `${T}-error` : void 0, L = C(p)((k) => k !== "vertical");
   return b.div(
-    o.class(C.map(d, (y) => ue(y))),
+    Q(L),
+    o.class(y.map(p, (k) => de(k))),
+    o.class(
+      y.map(
+        e,
+        (k) => k ? "bc-input-wrapper--full-width" : ""
+      )
+    ),
     O(
-      w(
-        d,
-        g ?? void 0
-      )((y, V) => W(y, V) != null),
+      C(
+        p,
+        w ?? void 0
+      )((k, V) => K(k, V) != null),
       () => o.style(
-        C.map(
-          w(
-            d,
-            g ?? void 0
-          )((y, V) => W(y, V)),
-          (y) => y
+        y.map(
+          C(
+            p,
+            w ?? void 0
+          )((k, V) => K(k, V)),
+          (k) => k
         )
       )
     ),
-    s != null || i != null ? b.div(
+    t != null || n != null ? b.div(
       o.class("bc-input-wrapper__header"),
       b.div(
         o.class("bc-input-wrapper__label-section"),
         b.label(
           o.class("bc-input-wrapper__label"),
-          l != null ? o.for(l) : _,
+          c != null ? o.for(c) : _,
           b.span(
             o.class(
-              w(
-                v,
-                h
+              C(
+                h,
+                d
               )(
-                (y, V) => he(
-                  y ?? !1,
+                (k, V) => pe(
+                  k ?? !1,
                   V ?? !1
                 )
               )
             ),
-            s
+            t
           ),
-          s != null && e ? oe : _
+          t != null && s ? he : _
         ),
         // Show description under label when horizontal
         O(
-          w(
-            x,
-            n
-          )((y, V) => y && V != null),
+          C(
+            L,
+            a
+          )((k, V) => k && V != null),
           () => b.div(
             o.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            o.id(E),
-            n
+            o.id(A),
+            a
           )
         )
       ),
-      i != null ? le(i) : _,
-      t
+      n != null ? oe(n) : _,
+      i
     ) : _,
     b.div(
       o.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [E, A].filter(Boolean).length > 0 ? H.describedby(
-        [E, A].filter(Boolean).join(" ")
+      [A, $].filter(Boolean).length > 0 ? U.describedby(
+        [A, $].filter(Boolean).join(" ")
       ) : _,
-      e ? H.required("true") : _,
-      O(v, () => H.invalid("true")),
-      r
+      s ? U.required("true") : _,
+      O(h, () => U.invalid("true")),
+      l
     ),
     // Show description at bottom only when not horizontal
     O(
-      w(x, n)((y, V) => !y && V != null),
+      C(L, a)((k, V) => !k && V != null),
       () => b.div(
         o.class("bc-input-wrapper__description"),
-        o.id(E),
-        n
+        o.id(A),
+        a
       )
     ),
-    a != null ? O(
-      v,
+    r != null ? O(
+      h,
       () => b.div(
         o.class("bc-input-wrapper__error"),
-        o.id(A),
-        P.live("polite"),
+        o.id($),
+        B.live("polite"),
         // Announce errors to screen readers
         o.role("alert"),
         // Mark as alert for immediate attention
-        a
+        r
       )
     ) : null,
-    ...S
+    ...v
   );
 };
-function Ve(...e) {
+function Me(...e) {
   return b.div(o.class("bc-stack"), ...e);
 }
-const Oe = (e) => {
+const $e = (e) => {
   const s = {
     name: "email",
     autocomplete: "email",
@@ -695,116 +703,116 @@ const Oe = (e) => {
     value: t,
     before: i,
     onBlur: n,
-    onChange: r,
-    onInput: a,
-    placeholder: l
+    onChange: a,
+    onInput: l,
+    placeholder: r
   } = s, c = i ?? N({
     icon: "line-md:email",
     size: "sm",
     color: "neutral"
   });
-  return j(
-    q,
-    (p) => U({
+  return q(
+    z,
+    (f) => R({
       ...e,
       before: c,
-      input: se.email(
-        J(s),
-        o.placeholder(G(l, p.$.emailPlaceholderText)),
+      input: ne.email(
+        X(s),
+        o.placeholder(J(r, f.$.emailPlaceholderText)),
         o.value(t),
         o.class("bc-input"),
-        n != null ? I.blur($(n)) : _,
-        r != null ? I.change($(r)) : _,
-        a != null ? I.input($(a)) : _
+        n != null ? E.blur(x(n)) : _,
+        a != null ? E.change(x(a)) : _,
+        l != null ? E.input(x(l)) : _
       )
     })
   );
-}, Me = (e) => {
+}, xe = (e) => {
   const {
     value: s,
     onBlur: t,
     onChange: i,
     onInput: n,
-    before: r,
-    after: a,
-    hasError: l,
+    before: a,
+    after: l,
+    hasError: r,
     disabled: c,
-    autocomplete: p,
+    autocomplete: f,
     placeholder: u,
     ...g
-  } = e, S = {
+  } = e, w = {
     name: "password",
     disabled: c,
     ...g
-  }, v = T(!0), h = w(
+  }, v = I(!0), h = C(
     v,
-    p
-  )((d, f) => d ? f ?? "current-password" : "off");
-  return j(q, (d) => {
-    const f = w(
+    f
+  )((d, p) => d ? p ?? "current-password" : "off");
+  return q(z, (d) => {
+    const p = C(
       d.$.passwordPlaceholderText,
       v,
       u
-    )((A, x, y) => x ? "•••••••••••••••" : y ?? A), E = b.button(
+    )((A, $, L) => $ ? "•••••••••••••••" : L ?? A), T = b.button(
       o.type("button"),
       o.class("bc-input-container__password-toggle"),
-      P.label(d.$.togglePasswordVisibility),
-      I.click(() => v.update((A) => !A)),
+      B.label(d.$.togglePasswordVisibility),
+      E.click(() => v.update((A) => !A)),
       O(
         v,
         () => N({ icon: "line-md:watch" }),
         () => N({ icon: "line-md:watch-off" })
       )
     );
-    return U({
-      before: r,
+    return R({
+      before: a,
       disabled: c,
-      hasError: l,
+      hasError: r,
       input: b.input(
-        J({
-          ...S,
+        X({
+          ...w,
           autocomplete: h,
-          placeholder: f
+          placeholder: p
         }),
         O(
           v,
-          () => B(o.type("password")),
-          () => B(o.type("text"))
+          () => F(o.type("password")),
+          () => F(o.type("text"))
         ),
         o.class("bc-input"),
         o.value(s),
-        t != null ? I.blur($(t)) : _,
-        i != null ? I.change($(i)) : _,
-        n != null ? I.input($(n)) : _
+        t != null ? E.blur(x(t)) : _,
+        i != null ? E.change(x(i)) : _,
+        n != null ? E.input(x(n)) : _
       ),
-      after: a != null ? B(E, a) : E
+      after: l != null ? F(T, l) : T
     });
   });
-}, de = (
+}, fe = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, s) => () => {
     e.markTouched(), s?.();
   }
-), pe = (e, s) => (t) => {
+), be = (e, s) => (t) => {
   e.change(t), s?.(t);
 };
-function Y(e, s) {
-  const { controller: t, onBlur: i, onChange: n, ...r } = s;
+function ee(e, s) {
+  const { controller: t, onBlur: i, onChange: n, ...a } = s;
   return e({
     id: t.name,
     disabled: t.disabled,
     value: t.signal,
     hasError: t.errorVisible,
-    ...r,
-    onChange: pe(t, n),
-    onBlur: de(t, i)
+    ...a,
+    onChange: be(t, n),
+    onBlur: fe(t, i)
   });
 }
-function $e(e, s, ...t) {
-  return X(
+function Fe(e, s, ...t) {
+  return Z(
     {
       ...s,
-      content: Y(
+      content: ee(
         e,
         s
       )
@@ -812,40 +820,40 @@ function $e(e, s, ...t) {
     ...t
   );
 }
-function fe(e, s) {
-  const { toInput: t, fromInput: i, controller: n, ...r } = s, a = n.transform(t, i);
-  return Y(e, {
-    ...r,
-    controller: a
+function me(e, s) {
+  const { toInput: t, fromInput: i, controller: n, ...a } = s, l = n.transform(t, i);
+  return ee(e, {
+    ...a,
+    controller: l
   });
 }
-function xe(e, s, ...t) {
-  return X(
+function Pe(e, s, ...t) {
+  return Z(
     {
       ...s,
-      content: fe(e, s)
+      content: me(e, s)
     },
     ...t
   );
 }
-function Fe(e) {
+function Be(e) {
   return e.split(".").map((t) => {
     const i = t.match(/^\[(\d+)\]$/);
     return i ? Number(i[1]) : t;
   });
 }
-function be(e) {
+function ge(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function me(e) {
+function ve(e) {
   if (e.length === 0) return "";
   const [s, ...t] = e;
   return [
     typeof s == "number" ? `[${s}]` : s,
-    ...t.map(be)
+    ...t.map(ge)
   ].join("");
 }
-function L(e) {
+function j(e) {
   return function(t) {
     if (t.type === "valid") return t;
     let i = t.error;
@@ -866,42 +874,42 @@ class M {
   dirty;
   dependencyErrors;
   #e = {
-    disabled: T(!1),
-    touched: T(!1)
+    disabled: I(!1),
+    touched: I(!1)
   };
   #t;
-  #s = T(void 0);
+  #s = I(void 0);
   parent;
   disabled;
   #n = [];
   disabledOrHasErrors;
-  constructor(s, t, i, n, r, a = F) {
-    this.path = s, this.change = t, this.signal = i, this.status = n, this.#t = a, this.#s.set(i.value), this.error = n.map(
-      (l) => l?.type === "invalid" ? l.error?.message : void 0
-    ), this.hasError = this.error.map((l) => l != null), this.touched = this.#e.touched, r.validationMode ? this.errorVisible = w(
+  constructor(s, t, i, n, a, l = P) {
+    this.path = s, this.change = t, this.signal = i, this.status = n, this.#t = l, this.#s.set(i.value), this.error = n.map(
+      (r) => r?.type === "invalid" ? r.error?.message : void 0
+    ), this.hasError = this.error.map((r) => r != null), this.touched = this.#e.touched, a.validationMode ? this.errorVisible = C(
       this.hasError,
       this.touched,
-      r.validationMode
-    )((l, c, p) => p === "continuous" ? !!l : !!l && !!c) : this.errorVisible = w(
+      a.validationMode
+    )((r, c, f) => f === "continuous" ? !!r : !!r && !!c) : this.errorVisible = C(
       this.hasError,
       this.touched
-    )((l, c) => !!l && !!c), this.dirty = w(
+    )((r, c) => !!r && !!c), this.dirty = C(
       this.signal,
       this.#s
-    )((l, c) => !this.#t(l, c)), this.dependencyErrors = n.map(
-      (l) => l?.type === "invalid" ? l.error?.dependencies : void 0
-    ), this.parent = r, this.disabled = w(
+    )((r, c) => !this.#t(r, c)), this.dependencyErrors = n.map(
+      (r) => r?.type === "invalid" ? r.error?.dependencies : void 0
+    ), this.parent = a, this.disabled = C(
       this.#e.disabled,
-      r.disabled
-    )((l, c) => l || c), this.disabledOrHasErrors = w(
+      a.disabled
+    )((r, c) => r || c), this.disabledOrHasErrors = C(
       this.disabled,
       this.hasError
-    )((l, c) => l || c), this.onDispose(() => {
+    )((r, c) => r || 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 me(this.path);
+    return ve(this.path);
   }
   onDispose = (s) => {
     this.#n.push(s);
@@ -932,7 +940,7 @@ class M {
   reset = () => {
     this.change(this.#s.value);
   };
-  array = (s = F) => new ve(
+  array = (s = P) => new we(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -941,7 +949,7 @@ class M {
     this.parent,
     s
   );
-  object = (s = F) => new ge(
+  object = (s = P) => new ye(
     this.path,
     this.change,
     this.signal,
@@ -949,34 +957,34 @@ class M {
     this.parent,
     s
   );
-  transform = (s, t, i = [], n = F) => new M(
+  transform = (s, t, i = [], n = P) => new M(
     [...this.path, ...i],
-    (r) => this.change(t(r)),
+    (a) => this.change(t(a)),
     this.signal.map(s, n),
-    this.status.map(L(i)),
+    this.status.map(j(i)),
     this.parent,
     n
   );
-  asyncTransform = (s, t, i, n = [], r = F) => new M(
+  asyncTransform = (s, t, i, n = [], a = P) => new M(
     [...this.path, ...n],
-    (a) => {
-      t(a).then((l) => this.change(l));
+    (l) => {
+      t(l).then((r) => this.change(r));
     },
-    this.signal.mapAsync(s, i, void 0, r),
-    this.status.map(L(n)),
+    this.signal.mapAsync(s, i, void 0, a),
+    this.status.map(j(n)),
     this.parent,
-    r
+    a
   );
 }
-class ge extends M {
+class ye extends M {
   #e = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = T(!1);
+  #n = I(!1);
   touchedDeep = this.#n;
-  #r = /* @__PURE__ */ new Map();
+  #a = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
-  #l = T(!1);
+  #l = I(!1);
   dirtyDeep = this.#l;
   #o;
   #u;
@@ -989,20 +997,20 @@ class ge extends M {
       }
     this.#n.set(this.touched.value || s);
   };
-  constructor(s, t, i, n, r, a) {
+  constructor(s, t, i, n, a, l) {
     super(
       s,
       t,
-      i.map((c) => c ?? {}, a),
+      i.map((c) => c ?? {}, l),
       n,
-      r,
-      a
+      a,
+      l
     ), this.#o = this.touched.on(() => {
       this.#c();
     }), this.#u = this.dirty.on(() => {
-      this.#a();
+      this.#r();
     });
-    const l = this.signal.on(() => this.#a());
+    const r = this.signal.on(() => this.#r());
     this.onDispose(() => {
       for (const c of this.#e.values())
         c.dispose();
@@ -1010,22 +1018,22 @@ class ge extends M {
       for (const c of this.#s.values()) c();
       this.#s.clear(), this.#t.clear(), this.#n.dispose();
       for (const c of this.#i.values()) c();
-      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#o(), this.#u(), l();
+      this.#i.clear(), this.#a.clear(), this.#l.dispose(), this.#o(), this.#u(), r();
     });
   }
   field = (s) => {
     if (this.#e.has(s))
       return this.#e.get(s);
-    const t = async (a) => {
+    const t = async (l) => {
       this.change({
         ...this.signal.value,
-        [s]: a
+        [s]: l
       });
     }, i = new M(
       [...this.path, s],
       t,
-      this.signal.map((a) => a[s]),
-      this.status.map(L([s])),
+      this.signal.map((l) => l[s]),
+      this.status.map(j([s])),
       {
         disabled: this.disabled,
         // propagate validationMode to children if present
@@ -1033,14 +1041,14 @@ class ge extends M {
       }
     );
     this.#e.set(s, i);
-    const n = i.touched.on((a) => {
-      this.#t.set(s, a), this.#c();
+    const n = i.touched.on((l) => {
+      this.#t.set(s, l), this.#c();
     });
     this.#s.set(s, n);
-    const r = i.dirty.on((a) => {
-      this.#r.set(s, a), this.#a();
+    const a = i.dirty.on((l) => {
+      this.#a.set(s, l), this.#r();
     });
-    return this.#i.set(s, r), i;
+    return this.#i.set(s, a), i;
   };
   markAllTouched = () => {
     this.markTouched();
@@ -1058,9 +1066,9 @@ class ge extends M {
     for (const t of this.#e.values())
       t.markPristine?.();
   };
-  #a = () => {
+  #r = () => {
     let s = !1;
-    for (const t of this.#r.values())
+    for (const t of this.#a.values())
       if (t) {
         s = !0;
         break;
@@ -1068,16 +1076,16 @@ class ge extends M {
     this.#l.set(this.dirty.value || s);
   };
 }
-class ve extends M {
+class we extends M {
   #e = new Array();
   length;
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = T(!1);
+  #n = I(!1);
   touchedDeep = this.#n;
-  #r = /* @__PURE__ */ new Map();
+  #a = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
-  #l = T(!1);
+  #l = I(!1);
   dirtyDeep = this.#l;
   #o;
   #u;
@@ -1090,57 +1098,57 @@ class ve extends M {
       }
     this.#n.set(this.touched.value || s);
   };
-  constructor(s, t, i, n, r, a) {
-    const l = i.map((u) => u ?? [], a);
-    super(s, t, l, n, r, a);
-    const c = l.on((u) => {
+  constructor(s, t, i, n, a, l) {
+    const r = i.map((u) => u ?? [], l);
+    super(s, t, r, n, a, l);
+    const c = r.on((u) => {
       const g = this.#e.length - u.length;
-      g > 0 && (this.#e.splice(u.length, g).forEach((S, v) => {
+      g > 0 && (this.#e.splice(u.length, g).forEach((w, v) => {
         const h = u.length + v;
-        S.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.#c(), this.#a());
+        w.dispose(), this.#s.get(h)?.(), this.#s.delete(h), this.#t.delete(h), this.#i.get(h)?.(), this.#i.delete(h), this.#a.delete(h);
+      }), this.#c(), this.#r());
     });
-    this.length = l.map((u) => u.length), this.#o = this.touched.on(() => {
+    this.length = r.map((u) => u.length), this.#o = this.touched.on(() => {
       this.#c();
     }), this.#u = this.dirty.on(() => {
-      this.#a();
+      this.#r();
     });
-    const p = this.signal.on(() => this.#a());
+    const f = this.signal.on(() => this.#r());
     this.onDispose(() => {
       for (const u of this.#e)
         u.dispose();
-      this.length.dispose(), this.#e.length = 0, c(), l.dispose();
+      this.length.dispose(), this.#e.length = 0, c(), r.dispose();
       for (const u of this.#s.values()) u();
       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.#o(), this.#u(), p();
+      this.#i.clear(), this.#a.clear(), this.#l.dispose(), this.#o(), this.#u(), f();
     });
   }
   item = (s) => {
     if (this.#e[s])
       return this.#e[s];
-    const t = async (a) => {
-      const l = this.signal.value.slice();
-      l[s] = a, this.change(l);
+    const t = async (l) => {
+      const r = this.signal.value.slice();
+      r[s] = l, this.change(r);
     }, i = new M(
       [...this.path, s],
       t,
-      this.signal.map((a) => a[s]),
-      this.status.map(L([s])),
+      this.signal.map((l) => l[s]),
+      this.status.map(j([s])),
       {
         disabled: this.disabled,
         validationMode: this.parent.validationMode
       }
     );
     this.#e[s] = i;
-    const n = i.touched.on((a) => {
-      this.#t.set(s, a), this.#c();
+    const n = i.touched.on((l) => {
+      this.#t.set(s, l), this.#c();
     });
     this.#s.set(s, n);
-    const r = i.dirty.on((a) => {
-      this.#r.set(s, a), this.#a();
+    const a = i.dirty.on((l) => {
+      this.#a.set(s, l), this.#r();
     });
-    return this.#i.set(s, r), i;
+    return this.#i.set(s, a), i;
   };
   push = (...s) => {
     this.change([...this.signal.value, ...s]);
@@ -1163,8 +1171,8 @@ class ve extends M {
   };
   move = (s, t, i = 1) => {
     if (i < 1 || s === t) return;
-    const n = this.signal.value.slice(), r = n.splice(s, i);
-    n.splice(t, 0, ...r), this.change(n);
+    const n = this.signal.value.slice(), a = n.splice(s, i);
+    n.splice(t, 0, ...a), this.change(n);
   };
   markAllTouched = () => {
     this.markTouched();
@@ -1178,9 +1186,9 @@ class ve extends M {
     for (let t = 0; t < s; t++)
       this.item(t).markPristine?.();
   };
-  #a = () => {
+  #r = () => {
     let s = !1;
-    for (const t of this.#r.values())
+    for (const t of this.#a.values())
       if (t) {
         s = !0;
         break;
@@ -1188,7 +1196,7 @@ class ve extends M {
     this.#l.set(this.dirty.value || s);
   };
 }
-function ye(e) {
+function ke(e) {
   function s(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -1196,13 +1204,13 @@ function ye(e) {
     (t) => typeof t == "object" && t.key != null ? s(t.key) : s(t)
   );
 }
-function ke(e) {
-  const s = e.filter((n) => n.path == null || n.path.length === 0).map((n) => n.message), t = e.filter((n) => n.path != null && n.path.length > 0).reduce((n, r) => {
-    const a = ye(r.path), l = a.pop();
+function Se(e) {
+  const s = e.filter((n) => n.path == null || n.path.length === 0).map((n) => n.message), t = e.filter((n) => n.path != null && n.path.length > 0).reduce((n, a) => {
+    const l = ke(a.path), r = l.pop();
     let c = n;
-    for (const p of a)
-      c.dependencies == null && (c.dependencies = {}), c.dependencies[p] == null && (c.dependencies[p] = {}), c = c.dependencies[p];
-    return c.dependencies == null && (c.dependencies = {}), c.dependencies[l] = { message: r.message }, n;
+    for (const f of l)
+      c.dependencies == null && (c.dependencies = {}), c.dependencies[f] == null && (c.dependencies[f] = {}), c = c.dependencies[f];
+    return c.dependencies == null && (c.dependencies = {}), c.dependencies[r] = { message: a.message }, n;
   }, {}), i = s.join(`
 `);
   return {
@@ -1210,76 +1218,76 @@ function ke(e) {
     message: i != "" ? i : void 0
   };
 }
-function we({
+function Ce({
   initialValue: e,
   onChange: s,
   validate: t,
   equals: i,
   validationMode: n,
-  validateDebounceMs: r
+  validateDebounceMs: a
 }) {
-  const a = C.deriveProp(e), l = T(D.valid), c = T(!1), p = T(n ?? "touchedOrSubmit"), u = (d) => {
-    l.set(d);
+  const l = y.deriveProp(e), r = I(D.valid), c = I(!1), f = I(n ?? "touchedOrSubmit"), u = (d) => {
+    r.set(d);
   };
   let g;
-  const S = async (d) => {
+  const w = async (d) => {
     if (t != null) {
-      const f = await t(d);
-      u(f);
+      const p = await t(d);
+      u(p);
     }
   }, v = async (d) => {
-    a.set(d), s?.(d);
-    const f = p.value;
+    l.set(d), s?.(d);
+    const p = f.value;
     if (t != null) {
-      if (f === "onSubmit")
+      if (p === "onSubmit")
         return;
-      const E = r ?? 0;
-      E > 0 ? (g && clearTimeout(g), g = setTimeout(() => {
-        S(d);
-      }, E)) : await S(d);
+      const T = a ?? 0;
+      T > 0 ? (g && clearTimeout(g), g = setTimeout(() => {
+        w(d);
+      }, T)) : await w(d);
     }
   }, h = new M(
     [],
     v,
-    a,
     l,
+    r,
     {
       disabled: c,
-      validationMode: p
+      validationMode: f
     },
-    i ?? F
+    i ?? P
   );
   return h.onDispose(() => {
-    c.dispose(), a.dispose(), l.dispose(), p.dispose(), g && clearTimeout(g);
+    c.dispose(), l.dispose(), r.dispose(), f.dispose(), g && clearTimeout(g);
   }), { controller: h, setStatus: u };
 }
-function Z(e) {
-  return B(o.disabled(e.disabled), o.name(e.name));
+function se(e) {
+  return F(o.disabled(e.disabled), o.name(e.name));
 }
-function Pe(e, {
+function Ne(e, {
   triggerOn: s = "change"
 } = {}) {
-  return B(
-    Z(e),
+  return F(
+    se(e),
     o.value(e.signal),
-    (s === "input" ? I.input : I.change)($(e.change))
+    (s === "input" ? E.input : E.change)(x(e.change))
   );
 }
-function Be(e, {
+function Le(e, {
   triggerOn: s = "change"
 } = {}) {
-  return B(
-    Z(e),
+  return F(
+    se(e),
     o.valueAsNumber(e.signal),
-    (s === "input" ? I.input : I.change)(
-      te(e.change)
+    (s === "input" ? E.input : E.change)(
+      ie(e.change)
     )
   );
 }
-function K(e) {
-  return e.issues != null ? D.invalid(ke(e.issues)) : D.valid;
+function G(e) {
+  return e.issues != null ? D.invalid(Se(e.issues)) : D.valid;
 }
-async function Ne({
+async function je({
   task: e,
   errorMessage: s,
   errorPath: t = ["root"],
@@ -1289,15 +1297,15 @@ async function Ne({
     const n = await e();
     return i != null ? i(n) : D.valid;
   } catch (n) {
-    const r = s ?? (n instanceof Error ? n.message : "Operation failed");
+    const a = s ?? (n instanceof Error ? n.message : "Operation failed");
     return t.length === 1 && t[0] === "root" ? D.invalid({
-      message: r
+      message: a
     }) : D.invalid({
-      dependencies: ee(t, r)
+      dependencies: te(t, a)
     });
   }
 }
-function ee(e, s) {
+function te(e, s) {
   if (e.length === 1)
     return {
       [e[0]]: { message: s }
@@ -1305,48 +1313,48 @@ function ee(e, s) {
   const [t, ...i] = e;
   return {
     [t]: {
-      dependencies: ee(i, s)
+      dependencies: te(i, s)
     }
   };
 }
-function Le({
+function qe({
   initialValue: e = {},
   schema: s,
   onSubmit: t = async () => D.valid,
   validationMode: i,
   validateDebounceMs: n
 }) {
-  const { controller: r, setStatus: a } = we({
+  const { controller: a, setStatus: l } = Ce({
     initialValue: e,
     validationMode: i ?? "touchedOrSubmit",
     validateDebounceMs: n,
-    validate: (i ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (u) => K(
+    validate: (i ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (u) => G(
       await s["~standard"].validate(u)
     )
-  }), l = T(!1), c = r.object();
-  return c.onDispose(l.dispose), {
+  }), r = I(!1), c = a.object();
+  return c.onDispose(r.dispose), {
     controller: c,
-    setStatus: a,
+    setStatus: l,
     submit: async (u) => {
-      if (l.set(!0), u?.preventDefault(), c.markAllTouched(), (i ?? "touchedOrSubmit") === "onSubmit") {
-        const S = c.signal.value, v = s?.["~standard"].validate;
+      if (r.set(!0), u?.preventDefault(), c.markAllTouched(), (i ?? "touchedOrSubmit") === "onSubmit") {
+        const w = c.signal.value, v = s?.["~standard"].validate;
         if (v == null) {
-          l.set(!1);
+          r.set(!1);
           return;
         }
-        const h = K(await v(S));
-        if (a(h), h.type === "invalid") {
-          l.set(!1);
+        const h = G(await v(w));
+        if (l(h), h.type === "invalid") {
+          r.set(!1);
           return;
         }
       }
       const g = await t(c.signal.value);
-      l.set(!1), g.type === "invalid" && a(g);
+      r.set(!1), g.type === "invalid" && l(g);
     },
-    submitting: l
+    submitting: r
   };
 }
-function Se(e) {
+function _e(e) {
   switch (e) {
     case "success":
       return "material-symbols:check-circle-outline";
@@ -1359,7 +1367,7 @@ function Se(e) {
       return "material-symbols:info-outline";
   }
 }
-function Ce(e) {
+function De(e) {
   switch (e) {
     case "success":
       return "success";
@@ -1372,7 +1380,7 @@ function Ce(e) {
       return "info";
   }
 }
-function _e(e, s, t, i) {
+function Ee(e, s, t, i) {
   const n = [
     "bc-notice",
     `bc-notice--${e}`,
@@ -1380,106 +1388,115 @@ function _e(e, s, t, i) {
   ];
   return t && n.push("bc-notice--dismissible"), i && i.length > 0 && n.push(i), n.join(" ");
 }
-function je({
+function ze({
   variant: e = "info",
   tone: s = "subtle",
   role: t,
   title: i,
   icon: n,
-  closable: r = !1,
-  onDismiss: a,
-  class: l
+  closable: a = !1,
+  onDismiss: l,
+  class: r
 }, ...c) {
-  const p = C.map(
-    r,
-    (d) => !!d || a != null
-  ), u = C.map(e, (d) => d ?? "info"), g = C.map(s, (d) => d ?? "subtle"), S = w(
+  const f = y.map(
+    a,
+    (d) => !!d || l != null
+  ), u = y.map(e, (d) => d ?? "info"), g = y.map(s, (d) => d ?? "subtle"), w = C(
     t,
     u
   )(
-    (d, f) => d ?? (f === "danger" ? "alert" : "status")
-  ), v = T(!0), h = j(
-    q,
+    (d, p) => d ?? (p === "danger" ? "alert" : "status")
+  ), v = I(!0), h = q(
+    z,
     (d) => b.div(
       o.class(
-        w(
+        C(
           u,
           g,
-          p,
-          l
-        )((f, E, A, x) => _e(f, E, A, x))
+          f,
+          r
+        )((p, T, A, $) => Ee(p, T, A, $))
       ),
       // Accessibility role mapping (always defined)
-      o.role(C.map(S, (f) => f)),
-      ne(
-        C.map(n, (f) => f === !1),
+      o.role(y.map(w, (p) => p)),
+      ae(
+        y.map(n, (p) => p === !1),
         () => b.div(
           o.class("bc-notice__icon"),
           N({
-            icon: w(
+            icon: C(
               n,
               u
-            )((f, E) => f === void 0 ? Se(E) : String(f)),
+            )((p, T) => p === void 0 ? _e(T) : String(p)),
             size: "md",
-            color: C.map(u, Ce)
+            color: y.map(u, De)
           })
         )
       ),
       b.div(
         o.class("bc-notice__body"),
-        ie(i, (f) => b.div(o.class("bc-notice__title"), f)),
+        re(i, (p) => b.div(o.class("bc-notice__title"), p)),
         b.div(o.class("bc-notice__content"), ...c)
       ),
       O(
-        p,
-        () => ae({
+        f,
+        () => ce({
           size: "xs",
           label: d.$.closeModal,
           onClick: () => {
-            v.set(!1), a?.();
+            v.set(!1), l?.();
           }
         })
       )
     )
   );
-  return O(v, () => h);
+  return F(
+    Q(
+      () => {
+        y.dispose(f), y.dispose(u), y.dispose(g);
+      },
+      w,
+      v
+    ),
+    O(v, () => h)
+  );
 }
 export {
-  ve as A,
-  Y as B,
-  ae as C,
-  Te as D,
-  Oe as E,
-  X as I,
-  le as L,
-  xe as M,
-  je as N,
-  F as O,
-  Me as P,
-  oe as R,
-  Ve as S,
+  we as A,
+  ee as B,
+  ce as C,
+  Ve as D,
+  $e as E,
+  Z as I,
+  oe as L,
+  Pe as M,
+  ze as N,
+  P as O,
+  xe as P,
+  he as R,
+  Me as S,
   D as a,
-  Ae as b,
-  $e as c,
-  pe as d,
+  Oe as b,
+  Fe as c,
+  be as d,
   M as e,
-  L as f,
-  fe as g,
-  me as h,
-  ge as i,
-  ye as j,
-  ke as k,
-  we as l,
-  de as m,
-  Z as n,
-  Pe as o,
-  Fe as p,
-  Be as q,
-  K as r,
-  Q as s,
-  Ne as t,
-  Le as u,
-  Ie as v,
-  be as w,
-  ce as x
+  j as f,
+  me as g,
+  ve as h,
+  ye as i,
+  ke as j,
+  Se as k,
+  Ce as l,
+  fe as m,
+  se as n,
+  Ne as o,
+  Be as p,
+  Le as q,
+  G as r,
+  Y as s,
+  je as t,
+  qe as u,
+  Ae as v,
+  ge as w,
+  ue as x
 };