@tempots/beatui 0.35.0 → 0.36.0

package/dist/{notice-Cd9ElXwb.js → notice-C7o5d8Jw.js}

@@ -1,9 +1,9 @@
-import { Use as N, coalesce as R, aria as x, attr as o, html as b, on as D, Value as C, Empty as w, computedOf as _, When as V, dataAttr as q, input as Z, emitValue as M, prop as I, Fragment as F, emitValueAsNumber as ee, Unless as se, Ensure as te } from "@tempots/dom";
-import { a as L, B as ne, I as P, b as z, C as W } from "./translations-iam7PITs.js";
-const H = /* @__PURE__ */ new Map();
-function K(e) {
-  const s = H.get(e) ?? 0;
-  return H.set(e, s + 1), `${e}-${s}`;
+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}`;
 }
 const k = {
   /**
@@ -196,7 +196,7 @@ const k = {
       return k.failure(s instanceof Error ? s : new Error(String(s)));
     }
   }
-}, $ = (e, s) => e === s || e !== e && s !== s, S = {
+}, F = (e, s) => e === s || e !== e && s !== s, D = {
   /**
    * Creates a valid `Validation`.
    * @returns A `Validation` that is `Valid`.
@@ -234,14 +234,14 @@ const k = {
    * @param invalid - The mapping function for an invalid value.
    * @returns The mapped value.
    */
-  match: (e, s, t) => S.isValid(e) ? s() : t(e.error),
+  match: (e, s, t) => D.isValid(e) ? s() : t(e.error),
   /**
    * Maps the value of a `Validation` to a new `Validation`.
    * @param validation - The `Validation` to map.
    * @param value - The value to map.
    * @returns A new `Validation` with the mapped value.
    */
-  toResult: (e, s) => S.match(
+  toResult: (e, s) => D.match(
     e,
     () => m.success(s),
     (t) => m.failure(t)
@@ -253,7 +253,7 @@ const k = {
    * @param apply - The function to execute when the `Validation` is valid.
    * @returns The `Validation` object.
    */
-  whenValid: (e, s) => (S.isValid(e) && s(), e),
+  whenValid: (e, s) => (D.isValid(e) && s(), e),
   /**
    * Execute a function when the `Validation` is invalid.
    *
@@ -261,7 +261,7 @@ const k = {
    * @param apply - The function to execute when the `Validation` is invalid.
    * @returns The `Validation` object.
    */
-  whenInvalid: (e, s) => (S.isInvalid(e) && s(e.error), e)
+  whenInvalid: (e, s) => (D.isInvalid(e) && s(e.error), e)
 }, m = {
   /**
    * Creates a successful `Result`.
@@ -321,8 +321,8 @@ const k = {
   toValidation(e) {
     return m.match(
       e,
-      () => S.valid,
-      (s) => S.invalid(s)
+      () => D.valid,
+      (s) => D.invalid(s)
     );
   },
   /**
@@ -420,14 +420,14 @@ const k = {
     e,
     (n) => m.match(
       s,
-      (a) => m.success(t(n, a)),
-      (a) => m.failure(a)
+      (r) => m.success(t(n, r)),
+      (r) => m.failure(r)
     ),
     (n) => m.match(
       s,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (a) => m.failure(n),
-      (a) => m.failure(i(n, a))
+      (r) => m.failure(n),
+      (r) => m.failure(i(n, r))
     )
   ),
   /**
@@ -456,55 +456,55 @@ const k = {
     return m.success(s);
   }
 };
-function ie({
+function ae({
   size: e = "sm",
   icon: s = "line-md:close",
   disabled: t,
   roundedness: i = "full",
   color: n = "base",
-  onClick: a,
-  label: r
+  onClick: r,
+  label: a
 }, ...l) {
-  return N(L, (c) => {
-    const f = R(r, c.$.closeModal);
-    return ne(
+  return j(q, (c) => {
+    const p = G(a, c.$.closeModal);
+    return re(
       {
         variant: "text",
         size: e,
         roundedness: i,
         disabled: t,
         color: n,
-        onClick: a
+        onClick: r
       },
-      o.title(f),
-      x.label(f),
+      o.title(p),
+      P.label(p),
       ...l,
-      P({ icon: s, size: e ?? "sm" })
+      N({ icon: s, size: e ?? "sm" })
     );
   });
 }
-function j(e) {
+function z(e) {
   return `bc-label bc-label--${e}`;
 }
-const De = (...e) => b.span(o.class(j("emphasis")), ...e), ae = (...e) => b.span(o.class(j("default")), ...e), re = (...e) => b.span(o.class(j("muted")), ...e), Ee = (...e) => b.span(o.class(j("danger")), ...e), Te = (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 {
     value: s,
     onBlur: t,
     onChange: i,
     placeholder: n,
-    disabled: a,
-    id: r,
+    disabled: r,
+    id: a,
     checkedIcon: l,
     uncheckedIcon: c,
-    iconSize: f = "lg"
-  } = e, u = r ?? K("checkbox"), g = `${u}-label`, y = () => {
-    if (C.get(a ?? !1)) return;
-    const h = C.get(s);
-    i?.(!h);
-  }, v = (h) => {
-    C.get(a ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), y());
+    iconSize: p = "lg"
+  } = e, u = a ?? Q("checkbox"), g = `${u}-label`, S = () => {
+    if (C.get(r ?? !1)) return;
+    const d = C.get(s);
+    i?.(!d);
+  }, v = (d) => {
+    C.get(r ?? !1) || (d.key === " " || d.key === "Enter") && (d.preventDefault(), S());
   };
-  return z(
+  return U(
     {
       baseContainer: !0,
       growInput: !1,
@@ -516,79 +516,97 @@ const De = (...e) => b.span(o.class(j("emphasis")), ...e), ae = (...e) => b.span
           o.class(
             C.map(
               s,
-              (h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
+              (d) => d ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
           o.class(
             C.map(
-              a ?? !1,
-              (h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
+              r ?? !1,
+              (d) => d ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
           o.id(u),
           o.role("checkbox"),
           o.tabindex(
             C.map(
-              a ?? !1,
-              (h) => h ? -1 : 0
+              r ?? !1,
+              (d) => d ? -1 : 0
             )
           ),
-          x.checked(s),
-          x.disabled(a),
-          n != null ? x.labelledby(g) : w,
-          D.keydown(v),
-          t != null ? D.blur(t) : w,
-          P({
-            icon: _(
+          P.checked(s),
+          P.disabled(r),
+          n != null ? P.labelledby(g) : _,
+          I.keydown(v),
+          t != null ? I.blur(t) : _,
+          N({
+            icon: w(
               s,
               l,
               c
             )(
-              (h, d, p) => h ? d ?? "akar-icons/check-box-fill" : p ?? "akar-icons/box"
+              (d, h, f) => d ? h ?? "akar-icons/check-box-fill" : f ?? "akar-icons/box"
             ),
             accessibility: "decorative",
-            size: f
+            size: p
           })
         ),
         n != null ? b.label(
           o.class("bc-checkbox-input__label"),
           o.id(g),
           o.for(u),
-          re(n)
-        ) : w
+          ce(n)
+        ) : _
       )
     },
-    D.click(y)
+    I.click(S)
   );
-}, le = b.span(
+}, oe = b.span(
   o.class("bc-input-wrapper__required"),
   " *"
 );
-function ce(e) {
+function ue(e) {
   const s = ["bc-input-wrapper"];
-  return e && s.push("bc-input-wrapper--horizontal"), s.join(" ");
+  return e !== "vertical" && s.push(`bc-input-wrapper--${e}`), s.join(" ");
 }
-function oe(e, s) {
+function he(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(" ");
 }
-const G = ({
+function W(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: a,
-  error: r,
+  content: r,
+  error: a,
   labelFor: l,
   hasError: c,
-  disabled: f,
-  horizontal: u
-}, ...g) => {
-  const y = c ?? r != null, v = f ?? !1, h = u ?? !1, d = K("input-wrapper"), p = n ? `${d}-description` : void 0, E = r != null ? `${d}-error` : void 0;
+  disabled: p,
+  layout: u,
+  labelWidth: g
+}, ...S) => {
+  const v = c ?? a != null, d = p ?? !1, h = u ?? "vertical", f = Q("input-wrapper"), E = n ? `${f}-description` : void 0, A = a != null ? `${f}-error` : void 0, x = w(h)((y) => y !== "vertical");
   return b.div(
-    o.class(
-      C.map(h, (T) => ce(T))
+    o.class(C.map(h, (y) => ue(y))),
+    O(
+      w(
+        h,
+        g ?? void 0
+      )((y, V) => W(y, V) != null),
+      () => o.style(
+        C.map(
+          w(
+            h,
+            g ?? void 0
+          )((y, V) => W(y, V)),
+          (y) => y
+        )
+      )
     ),
     s != null || i != null ? b.div(
       o.class("bc-input-wrapper__header"),
@@ -596,82 +614,79 @@ const G = ({
         o.class("bc-input-wrapper__label-section"),
         b.label(
           o.class("bc-input-wrapper__label"),
-          l != null ? o.for(l) : w,
+          l != null ? o.for(l) : _,
           b.span(
             o.class(
-              _(
-                y,
-                v
+              w(
+                v,
+                d
               )(
-                (T, A) => oe(
-                  T ?? !1,
-                  A ?? !1
+                (y, V) => he(
+                  y ?? !1,
+                  V ?? !1
                 )
               )
             ),
             s
           ),
-          s != null && e ? le : w
+          s != null && e ? oe : _
         ),
         // Show description under label when horizontal
-        V(
-          _(
-            h,
+        O(
+          w(
+            x,
             n
-          )((T, A) => T && A != null),
+          )((y, V) => y && V != null),
           () => b.div(
             o.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            o.id(p),
+            o.id(E),
             n
           )
         )
       ),
-      i != null ? ae(i) : w,
+      i != null ? le(i) : _,
       t
-    ) : w,
+    ) : _,
     b.div(
       o.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [p, E].filter(Boolean).length > 0 ? q.describedby(
-        [p, E].filter(Boolean).join(" ")
-      ) : w,
-      e ? q.required("true") : w,
-      V(y, () => q.invalid("true")),
-      a
+      [E, A].filter(Boolean).length > 0 ? H.describedby(
+        [E, A].filter(Boolean).join(" ")
+      ) : _,
+      e ? H.required("true") : _,
+      O(v, () => H.invalid("true")),
+      r
     ),
     // Show description at bottom only when not horizontal
-    V(
-      _(
-        h,
-        n
-      )((T, A) => !T && A != null),
+    O(
+      w(x, n)((y, V) => !y && V != null),
       () => b.div(
         o.class("bc-input-wrapper__description"),
-        o.id(p),
+        o.id(E),
         n
       )
     ),
-    r != null ? V(
-      y,
+    a != null ? O(
+      v,
       () => b.div(
         o.class("bc-input-wrapper__error"),
-        o.id(E),
-        x.live("polite"),
+        o.id(A),
+        P.live("polite"),
         // Announce errors to screen readers
         o.role("alert"),
         // Mark as alert for immediate attention
-        r
+        a
       )
     ) : null,
-    ...g
+    ...S
   );
 };
-function Ie(...e) {
+function Ve(...e) {
   return b.div(o.class("bc-stack"), ...e);
 }
-const Ae = (e) => {
+const Oe = (e) => {
   const s = {
     name: "email",
     autocomplete: "email",
@@ -680,116 +695,116 @@ const Ae = (e) => {
     value: t,
     before: i,
     onBlur: n,
-    onChange: a,
-    onInput: r,
+    onChange: r,
+    onInput: a,
     placeholder: l
-  } = s, c = i ?? P({
+  } = s, c = i ?? N({
     icon: "line-md:email",
     size: "sm",
     color: "neutral"
   });
-  return N(
-    L,
-    (f) => z({
+  return j(
+    q,
+    (p) => U({
       ...e,
       before: c,
-      input: Z.email(
-        W(s),
-        o.placeholder(R(l, f.$.emailPlaceholderText)),
+      input: se.email(
+        J(s),
+        o.placeholder(G(l, p.$.emailPlaceholderText)),
         o.value(t),
         o.class("bc-input"),
-        n != null ? D.blur(M(n)) : w,
-        a != null ? D.change(M(a)) : w,
-        r != null ? D.input(M(r)) : w
+        n != null ? I.blur($(n)) : _,
+        r != null ? I.change($(r)) : _,
+        a != null ? I.input($(a)) : _
       )
     })
   );
-}, Ve = (e) => {
+}, Me = (e) => {
   const {
     value: s,
     onBlur: t,
     onChange: i,
     onInput: n,
-    before: a,
-    after: r,
+    before: r,
+    after: a,
     hasError: l,
     disabled: c,
-    autocomplete: f,
+    autocomplete: p,
     placeholder: u,
     ...g
-  } = e, y = {
+  } = e, S = {
     name: "password",
     disabled: c,
     ...g
-  }, v = I(!0), h = _(
+  }, v = T(!0), d = w(
     v,
-    f
-  )((d, p) => d ? p ?? "current-password" : "off");
-  return N(L, (d) => {
-    const p = _(
-      d.$.passwordPlaceholderText,
+    p
+  )((h, f) => h ? f ?? "current-password" : "off");
+  return j(q, (h) => {
+    const f = w(
+      h.$.passwordPlaceholderText,
       v,
       u
-    )((T, A, Y) => A ? "•••••••••••••••" : Y ?? T), E = b.button(
+    )((A, x, y) => x ? "•••••••••••••••" : y ?? A), E = b.button(
       o.type("button"),
       o.class("bc-input-container__password-toggle"),
-      x.label(d.$.togglePasswordVisibility),
-      D.click(() => v.update((T) => !T)),
-      V(
+      P.label(h.$.togglePasswordVisibility),
+      I.click(() => v.update((A) => !A)),
+      O(
         v,
-        () => P({ icon: "line-md:watch" }),
-        () => P({ icon: "line-md:watch-off" })
+        () => N({ icon: "line-md:watch" }),
+        () => N({ icon: "line-md:watch-off" })
       )
     );
-    return z({
-      before: a,
+    return U({
+      before: r,
       disabled: c,
       hasError: l,
       input: b.input(
-        W({
-          ...y,
-          autocomplete: h,
-          placeholder: p
+        J({
+          ...S,
+          autocomplete: d,
+          placeholder: f
         }),
-        V(
+        O(
           v,
-          () => F(o.type("password")),
-          () => F(o.type("text"))
+          () => B(o.type("password")),
+          () => B(o.type("text"))
         ),
         o.class("bc-input"),
         o.value(s),
-        t != null ? D.blur(M(t)) : w,
-        i != null ? D.change(M(i)) : w,
-        n != null ? D.input(M(n)) : w
+        t != null ? I.blur($(t)) : _,
+        i != null ? I.change($(i)) : _,
+        n != null ? I.input($(n)) : _
       ),
-      after: r != null ? F(E, r) : E
+      after: a != null ? B(E, a) : E
     });
   });
-}, ue = (
+}, de = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, s) => () => {
     e.markTouched(), s?.();
   }
-), he = (e, s) => (t) => {
+), pe = (e, s) => (t) => {
   e.change(t), s?.(t);
 };
-function J(e, s) {
-  const { controller: t, onBlur: i, onChange: n, ...a } = s;
+function Y(e, s) {
+  const { controller: t, onBlur: i, onChange: n, ...r } = s;
   return e({
     id: t.name,
     disabled: t.disabled,
     value: t.signal,
     hasError: t.errorVisible,
-    ...a,
-    onChange: he(t, n),
-    onBlur: ue(t, i)
+    ...r,
+    onChange: pe(t, n),
+    onBlur: de(t, i)
   });
 }
-function Oe(e, s, ...t) {
-  return G(
+function $e(e, s, ...t) {
+  return X(
     {
       ...s,
-      content: J(
+      content: Y(
         e,
         s
       )
@@ -797,49 +812,49 @@ function Oe(e, s, ...t) {
     ...t
   );
 }
-function de(e, s) {
-  const { toInput: t, fromInput: i, controller: n, ...a } = s, r = n.transform(t, i);
-  return J(e, {
-    ...a,
-    controller: r
+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, ...t) {
-  return G(
+function xe(e, s, ...t) {
+  return X(
     {
       ...s,
-      content: de(e, s)
+      content: fe(e, s)
     },
     ...t
   );
 }
-function $e(e) {
+function Fe(e) {
   return e.split(".").map((t) => {
     const i = t.match(/^\[(\d+)\]$/);
     return i ? Number(i[1]) : t;
   });
 }
-function pe(e) {
+function be(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function fe(e) {
+function me(e) {
   if (e.length === 0) return "";
   const [s, ...t] = e;
   return [
     typeof s == "number" ? `[${s}]` : s,
-    ...t.map(pe)
+    ...t.map(be)
   ].join("");
 }
-function B(e) {
+function L(e) {
   return function(t) {
     if (t.type === "valid") return t;
     let i = t.error;
     for (const n of e)
-      if (i = i?.dependencies?.[n], i == null) return S.valid;
-    return S.invalid(i);
+      if (i = i?.dependencies?.[n], i == null) return D.valid;
+    return D.invalid(i);
   };
 }
-class O {
+class M {
   path;
   change;
   signal;
@@ -851,34 +866,34 @@ class O {
   dirty;
   dependencyErrors;
   #e = {
-    disabled: I(!1),
-    touched: I(!1)
+    disabled: T(!1),
+    touched: T(!1)
   };
   #t;
-  #s = I(void 0);
+  #s = T(void 0);
   parent;
   disabled;
   #n = [];
   disabledOrHasErrors;
-  constructor(s, t, i, n, a, r = $) {
-    this.path = s, this.change = t, this.signal = i, this.status = n, this.#t = r, this.#s.set(i.value), this.error = n.map(
+  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, a.validationMode ? this.errorVisible = _(
+    ), this.hasError = this.error.map((l) => l != null), this.touched = this.#e.touched, r.validationMode ? this.errorVisible = w(
       this.hasError,
       this.touched,
-      a.validationMode
-    )((l, c, f) => f === "continuous" ? !!l : !!l && !!c) : this.errorVisible = _(
+      r.validationMode
+    )((l, c, p) => p === "continuous" ? !!l : !!l && !!c) : this.errorVisible = w(
       this.hasError,
       this.touched
-    )((l, c) => !!l && !!c), this.dirty = _(
+    )((l, c) => !!l && !!c), this.dirty = w(
       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 = a, this.disabled = _(
+    ), this.parent = r, this.disabled = w(
       this.#e.disabled,
-      a.disabled
-    )((l, c) => l || c), this.disabledOrHasErrors = _(
+      r.disabled
+    )((l, c) => l || c), this.disabledOrHasErrors = w(
       this.disabled,
       this.hasError
     )((l, c) => l || c), this.onDispose(() => {
@@ -886,7 +901,7 @@ class O {
     });
   }
   get name() {
-    return fe(this.path);
+    return me(this.path);
   }
   onDispose = (s) => {
     this.#n.push(s);
@@ -917,7 +932,7 @@ class O {
   reset = () => {
     this.change(this.#s.value);
   };
-  array = (s = $) => new me(
+  array = (s = F) => new ve(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -926,7 +941,7 @@ class O {
     this.parent,
     s
   );
-  object = (s = $) => new be(
+  object = (s = F) => new ge(
     this.path,
     this.change,
     this.signal,
@@ -934,34 +949,34 @@ class O {
     this.parent,
     s
   );
-  transform = (s, t, i = [], n = $) => new O(
+  transform = (s, t, i = [], n = F) => new M(
     [...this.path, ...i],
-    (a) => this.change(t(a)),
+    (r) => this.change(t(r)),
     this.signal.map(s, n),
-    this.status.map(B(i)),
+    this.status.map(L(i)),
     this.parent,
     n
   );
-  asyncTransform = (s, t, i, n = [], a = $) => new O(
+  asyncTransform = (s, t, i, n = [], r = F) => new M(
     [...this.path, ...n],
-    (r) => {
-      t(r).then((l) => this.change(l));
+    (a) => {
+      t(a).then((l) => this.change(l));
     },
-    this.signal.mapAsync(s, i, void 0, a),
-    this.status.map(B(n)),
+    this.signal.mapAsync(s, i, void 0, r),
+    this.status.map(L(n)),
     this.parent,
-    a
+    r
   );
 }
-class be extends O {
+class ge extends M {
   #e = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = I(!1);
+  #n = T(!1);
   touchedDeep = this.#n;
-  #a = /* @__PURE__ */ new Map();
+  #r = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
-  #l = I(!1);
+  #l = T(!1);
   dirtyDeep = this.#l;
   #o;
   #u;
@@ -974,20 +989,20 @@ class be extends O {
       }
     this.#n.set(this.touched.value || s);
   };
-  constructor(s, t, i, n, a, r) {
+  constructor(s, t, i, n, r, a) {
     super(
       s,
       t,
-      i.map((c) => c ?? {}, r),
+      i.map((c) => c ?? {}, a),
       n,
-      a,
-      r
+      r,
+      a
     ), this.#o = this.touched.on(() => {
       this.#c();
     }), this.#u = this.dirty.on(() => {
-      this.#r();
+      this.#a();
     });
-    const l = this.signal.on(() => this.#r());
+    const l = this.signal.on(() => this.#a());
     this.onDispose(() => {
       for (const c of this.#e.values())
         c.dispose();
@@ -995,22 +1010,22 @@ class be extends O {
       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.#a.clear(), this.#l.dispose(), this.#o(), this.#u(), l();
+      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#o(), this.#u(), l();
     });
   }
   field = (s) => {
     if (this.#e.has(s))
       return this.#e.get(s);
-    const t = async (r) => {
+    const t = async (a) => {
       this.change({
         ...this.signal.value,
-        [s]: r
+        [s]: a
       });
-    }, i = new O(
+    }, i = new M(
       [...this.path, s],
       t,
-      this.signal.map((r) => r[s]),
-      this.status.map(B([s])),
+      this.signal.map((a) => a[s]),
+      this.status.map(L([s])),
       {
         disabled: this.disabled,
         // propagate validationMode to children if present
@@ -1018,14 +1033,14 @@ class be extends O {
       }
     );
     this.#e.set(s, i);
-    const n = i.touched.on((r) => {
-      this.#t.set(s, r), this.#c();
+    const n = i.touched.on((a) => {
+      this.#t.set(s, a), this.#c();
     });
     this.#s.set(s, n);
-    const a = i.dirty.on((r) => {
-      this.#a.set(s, r), this.#r();
+    const r = i.dirty.on((a) => {
+      this.#r.set(s, a), this.#a();
     });
-    return this.#i.set(s, a), i;
+    return this.#i.set(s, r), i;
   };
   markAllTouched = () => {
     this.markTouched();
@@ -1043,9 +1058,9 @@ class be extends O {
     for (const t of this.#e.values())
       t.markPristine?.();
   };
-  #r = () => {
+  #a = () => {
     let s = !1;
-    for (const t of this.#a.values())
+    for (const t of this.#r.values())
       if (t) {
         s = !0;
         break;
@@ -1053,16 +1068,16 @@ class be extends O {
     this.#l.set(this.dirty.value || s);
   };
 }
-class me extends O {
+class ve extends M {
   #e = new Array();
   length;
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = I(!1);
+  #n = T(!1);
   touchedDeep = this.#n;
-  #a = /* @__PURE__ */ new Map();
+  #r = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
-  #l = I(!1);
+  #l = T(!1);
   dirtyDeep = this.#l;
   #o;
   #u;
@@ -1075,22 +1090,22 @@ class me extends O {
       }
     this.#n.set(this.touched.value || s);
   };
-  constructor(s, t, i, n, a, r) {
-    const l = i.map((u) => u ?? [], r);
-    super(s, t, l, n, a, r);
+  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) => {
       const g = this.#e.length - u.length;
-      g > 0 && (this.#e.splice(u.length, g).forEach((y, v) => {
-        const h = u.length + v;
-        y.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());
+      g > 0 && (this.#e.splice(u.length, g).forEach((S, v) => {
+        const d = u.length + v;
+        S.dispose(), this.#s.get(d)?.(), this.#s.delete(d), this.#t.delete(d), this.#i.get(d)?.(), this.#i.delete(d), this.#r.delete(d);
+      }), this.#c(), this.#a());
     });
     this.length = l.map((u) => u.length), this.#o = this.touched.on(() => {
       this.#c();
     }), this.#u = this.dirty.on(() => {
-      this.#r();
+      this.#a();
     });
-    const f = this.signal.on(() => this.#r());
+    const p = this.signal.on(() => this.#a());
     this.onDispose(() => {
       for (const u of this.#e)
         u.dispose();
@@ -1098,34 +1113,34 @@ class me extends O {
       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.#a.clear(), this.#l.dispose(), this.#o(), this.#u(), f();
+      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#o(), this.#u(), p();
     });
   }
   item = (s) => {
     if (this.#e[s])
       return this.#e[s];
-    const t = async (r) => {
+    const t = async (a) => {
       const l = this.signal.value.slice();
-      l[s] = r, this.change(l);
-    }, i = new O(
+      l[s] = a, this.change(l);
+    }, i = new M(
       [...this.path, s],
       t,
-      this.signal.map((r) => r[s]),
-      this.status.map(B([s])),
+      this.signal.map((a) => a[s]),
+      this.status.map(L([s])),
       {
         disabled: this.disabled,
         validationMode: this.parent.validationMode
       }
     );
     this.#e[s] = i;
-    const n = i.touched.on((r) => {
-      this.#t.set(s, r), this.#c();
+    const n = i.touched.on((a) => {
+      this.#t.set(s, a), this.#c();
     });
     this.#s.set(s, n);
-    const a = i.dirty.on((r) => {
-      this.#a.set(s, r), this.#r();
+    const r = i.dirty.on((a) => {
+      this.#r.set(s, a), this.#a();
     });
-    return this.#i.set(s, a), i;
+    return this.#i.set(s, r), i;
   };
   push = (...s) => {
     this.change([...this.signal.value, ...s]);
@@ -1148,8 +1163,8 @@ class me extends O {
   };
   move = (s, t, i = 1) => {
     if (i < 1 || s === t) return;
-    const n = this.signal.value.slice(), a = n.splice(s, i);
-    n.splice(t, 0, ...a), this.change(n);
+    const n = this.signal.value.slice(), r = n.splice(s, i);
+    n.splice(t, 0, ...r), this.change(n);
   };
   markAllTouched = () => {
     this.markTouched();
@@ -1163,9 +1178,9 @@ class me extends O {
     for (let t = 0; t < s; t++)
       this.item(t).markPristine?.();
   };
-  #r = () => {
+  #a = () => {
     let s = !1;
-    for (const t of this.#a.values())
+    for (const t of this.#r.values())
       if (t) {
         s = !0;
         break;
@@ -1173,7 +1188,7 @@ class me extends O {
     this.#l.set(this.dirty.value || s);
   };
 }
-function ge(e) {
+function ye(e) {
   function s(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -1181,13 +1196,13 @@ function ge(e) {
     (t) => typeof t == "object" && t.key != null ? s(t.key) : s(t)
   );
 }
-function ve(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 r = ge(a.path), l = r.pop();
+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();
     let c = n;
-    for (const f of r)
-      c.dependencies == null && (c.dependencies = {}), c.dependencies[f] == null && (c.dependencies[f] = {}), c = c.dependencies[f];
-    return c.dependencies == null && (c.dependencies = {}), c.dependencies[l] = { message: a.message }, 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;
   }, {}), i = s.join(`
 `);
   return {
@@ -1195,76 +1210,76 @@ function ve(e) {
     message: i != "" ? i : void 0
   };
 }
-function ye({
+function we({
   initialValue: e,
   onChange: s,
   validate: t,
   equals: i,
   validationMode: n,
-  validateDebounceMs: a
+  validateDebounceMs: r
 }) {
-  const r = C.deriveProp(e), l = I(S.valid), c = I(!1), f = I(n ?? "touchedOrSubmit"), u = (d) => {
-    l.set(d);
+  const a = C.deriveProp(e), l = T(D.valid), c = T(!1), p = T(n ?? "touchedOrSubmit"), u = (h) => {
+    l.set(h);
   };
   let g;
-  const y = async (d) => {
+  const S = async (h) => {
     if (t != null) {
-      const p = await t(d);
-      u(p);
+      const f = await t(h);
+      u(f);
     }
-  }, v = async (d) => {
-    r.set(d), s?.(d);
-    const p = f.value;
+  }, v = async (h) => {
+    a.set(h), s?.(h);
+    const f = p.value;
     if (t != null) {
-      if (p === "onSubmit")
+      if (f === "onSubmit")
         return;
-      const E = a ?? 0;
+      const E = r ?? 0;
       E > 0 ? (g && clearTimeout(g), g = setTimeout(() => {
-        y(d);
-      }, E)) : await y(d);
+        S(h);
+      }, E)) : await S(h);
     }
-  }, h = new O(
+  }, d = new M(
     [],
     v,
-    r,
+    a,
     l,
     {
       disabled: c,
-      validationMode: f
+      validationMode: p
     },
-    i ?? $
+    i ?? F
   );
-  return h.onDispose(() => {
-    c.dispose(), r.dispose(), l.dispose(), f.dispose(), g && clearTimeout(g);
-  }), { controller: h, setStatus: u };
+  return d.onDispose(() => {
+    c.dispose(), a.dispose(), l.dispose(), p.dispose(), g && clearTimeout(g);
+  }), { controller: d, setStatus: u };
 }
-function Q(e) {
-  return F(o.disabled(e.disabled), o.name(e.name));
+function Z(e) {
+  return B(o.disabled(e.disabled), o.name(e.name));
 }
-function xe(e, {
+function Pe(e, {
   triggerOn: s = "change"
 } = {}) {
-  return F(
-    Q(e),
+  return B(
+    Z(e),
     o.value(e.signal),
-    (s === "input" ? D.input : D.change)(M(e.change))
+    (s === "input" ? I.input : I.change)($(e.change))
   );
 }
-function Fe(e, {
+function Be(e, {
   triggerOn: s = "change"
 } = {}) {
-  return F(
-    Q(e),
+  return B(
+    Z(e),
     o.valueAsNumber(e.signal),
-    (s === "input" ? D.input : D.change)(
-      ee(e.change)
+    (s === "input" ? I.input : I.change)(
+      te(e.change)
     )
   );
 }
-function U(e) {
-  return e.issues != null ? S.invalid(ve(e.issues)) : S.valid;
+function K(e) {
+  return e.issues != null ? D.invalid(ke(e.issues)) : D.valid;
 }
-async function Pe({
+async function Ne({
   task: e,
   errorMessage: s,
   errorPath: t = ["root"],
@@ -1272,17 +1287,17 @@ async function Pe({
 }) {
   try {
     const n = await e();
-    return i != null ? i(n) : S.valid;
+    return i != null ? i(n) : D.valid;
   } catch (n) {
-    const a = s ?? (n instanceof Error ? n.message : "Operation failed");
-    return t.length === 1 && t[0] === "root" ? S.invalid({
-      message: a
-    }) : S.invalid({
-      dependencies: X(t, a)
+    const r = s ?? (n instanceof Error ? n.message : "Operation failed");
+    return t.length === 1 && t[0] === "root" ? D.invalid({
+      message: r
+    }) : D.invalid({
+      dependencies: ee(t, r)
     });
   }
 }
-function X(e, s) {
+function ee(e, s) {
   if (e.length === 1)
     return {
       [e[0]]: { message: s }
@@ -1290,45 +1305,45 @@ function X(e, s) {
   const [t, ...i] = e;
   return {
     [t]: {
-      dependencies: X(i, s)
+      dependencies: ee(i, s)
     }
   };
 }
-function Be({
+function Le({
   initialValue: e = {},
   schema: s,
-  onSubmit: t = async () => S.valid,
+  onSubmit: t = async () => D.valid,
   validationMode: i,
   validateDebounceMs: n
 }) {
-  const { controller: a, setStatus: r } = ye({
+  const { controller: r, setStatus: a } = we({
     initialValue: e,
     validationMode: i ?? "touchedOrSubmit",
     validateDebounceMs: n,
-    validate: (i ?? "touchedOrSubmit") === "onSubmit" ? void 0 : async (u) => U(
+    validate: (i ?? "touchedOrSubmit") === "onSubmit" ? void 0 : async (u) => K(
       await s["~standard"].validate(u)
     )
-  }), l = I(!1), c = a.object();
+  }), l = T(!1), c = r.object();
   return c.onDispose(l.dispose), {
     controller: c,
-    setStatus: r,
+    setStatus: a,
     submit: async (u) => {
       if (l.set(!0), u?.preventDefault(), c.markAllTouched(), (i ?? "touchedOrSubmit") === "onSubmit") {
-        const y = c.signal.value, v = U(
-          await s["~standard"].validate(y)
+        const S = c.signal.value, v = K(
+          await s["~standard"].validate(S)
         );
-        if (r(v), v.type === "invalid") {
+        if (a(v), v.type === "invalid") {
           l.set(!1);
           return;
         }
       }
       const g = await t(c.signal.value);
-      l.set(!1), g.type === "invalid" && r(g);
+      l.set(!1), g.type === "invalid" && a(g);
     },
     submitting: l
   };
 }
-function ke(e) {
+function Se(e) {
   switch (e) {
     case "success":
       return "material-symbols:check-circle-outline";
@@ -1341,7 +1356,7 @@ function ke(e) {
       return "material-symbols:info-outline";
   }
 }
-function we(e) {
+function Ce(e) {
   switch (e) {
     case "success":
       return "success";
@@ -1354,7 +1369,7 @@ function we(e) {
       return "info";
   }
 }
-function Se(e, s, t, i) {
+function _e(e, s, t, i) {
   const n = [
     "bc-notice",
     `bc-notice--${e}`,
@@ -1362,106 +1377,106 @@ function Se(e, s, t, i) {
   ];
   return t && n.push("bc-notice--dismissible"), i && i.length > 0 && n.push(i), n.join(" ");
 }
-function Ne({
+function je({
   variant: e = "info",
   tone: s = "subtle",
   role: t,
   title: i,
   icon: n,
-  closable: a = !1,
-  onDismiss: r,
+  closable: r = !1,
+  onDismiss: a,
   class: l
 }, ...c) {
-  const f = C.map(
-    a,
-    (d) => !!d || r != null
-  ), u = C.map(e, (d) => d ?? "info"), g = C.map(s, (d) => d ?? "subtle"), y = _(
+  const p = C.map(
+    r,
+    (h) => !!h || a != null
+  ), u = C.map(e, (h) => h ?? "info"), g = C.map(s, (h) => h ?? "subtle"), S = w(
     t,
     u
   )(
-    (d, p) => d ?? (p === "danger" ? "alert" : "status")
-  ), v = I(!0), h = N(
-    L,
-    (d) => b.div(
+    (h, f) => h ?? (f === "danger" ? "alert" : "status")
+  ), v = T(!0), d = j(
+    q,
+    (h) => b.div(
       o.class(
-        _(
+        w(
           u,
           g,
-          f,
+          p,
           l
-        )((p, E, T, A) => Se(p, E, T, A))
+        )((f, E, A, x) => _e(f, E, A, x))
       ),
       // Accessibility role mapping (always defined)
-      o.role(C.map(y, (p) => p)),
-      se(
-        C.map(n, (p) => p === !1),
+      o.role(C.map(S, (f) => f)),
+      ne(
+        C.map(n, (f) => f === !1),
         () => b.div(
           o.class("bc-notice__icon"),
-          P({
-            icon: _(
+          N({
+            icon: w(
               n,
               u
-            )((p, E) => p === void 0 ? ke(E) : String(p)),
+            )((f, E) => f === void 0 ? Se(E) : String(f)),
             size: "md",
-            color: C.map(u, we)
+            color: C.map(u, Ce)
           })
         )
       ),
       b.div(
         o.class("bc-notice__body"),
-        te(i, (p) => b.div(o.class("bc-notice__title"), p)),
+        ie(i, (f) => b.div(o.class("bc-notice__title"), f)),
         b.div(o.class("bc-notice__content"), ...c)
       ),
-      V(
-        f,
-        () => ie({
+      O(
+        p,
+        () => ae({
           size: "xs",
-          label: d.$.closeModal,
+          label: h.$.closeModal,
           onClick: () => {
-            v.set(!1), r?.();
+            v.set(!1), a?.();
           }
         })
       )
     )
   );
-  return V(v, () => h);
+  return O(v, () => d);
 }
 export {
-  me as A,
-  J as B,
-  ie as C,
-  Ee as D,
-  Ae as E,
-  G as I,
-  ae as L,
-  Me as M,
-  Ne as N,
-  $ as O,
-  Ve as P,
-  le as R,
-  Ie as S,
-  S as a,
-  Te as b,
-  Oe as c,
-  he as d,
-  O as e,
-  B as f,
-  de as g,
-  fe as h,
-  be as i,
-  ge as j,
-  ve as k,
-  ye as l,
-  ue as m,
-  Q as n,
-  xe as o,
-  $e as p,
-  Fe as q,
-  U as r,
-  K as s,
-  Pe as t,
-  Be as u,
-  De as v,
-  pe as w,
-  re as x
+  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,
+  D as a,
+  Ae as b,
+  $e as c,
+  pe 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
 };