@tempots/beatui 1.4.0 → 1.5.0

package/dist/{use-form-D_TJyZhP.js → use-form-CmQdxpOi.js}

@@ -1,313 +1,351 @@
-import { computedOf as k, html as m, attr as c, Value as C, Empty as T, When as A, dataAttr as P, aria as x, Use as q, coalesce as G, on as E, TextNode as J, prop as w, Fragment as $, emitValueAsNumber as Q, emitValue as X } from "@tempots/dom";
-import { B as Y, I as L } from "./translations-DT5QQ4WO.js";
-import { B as Z, I as ee } from "./input-container-CO3DNqpp.js";
-import { L as te, M as se } from "./stack-BLMteGTn.js";
-import { s as j } from "./session-id-3KiilioY.js";
-import { Validation as g, strictEqual as V } from "@tempots/std";
-const ne = m.span(
-  c.class("bc-input-wrapper__required"),
-  " *"
-);
-function ie(s) {
-  const e = ["bc-input-wrapper"];
-  return s !== "vertical" && e.push(`bc-input-wrapper--${s}`), e.join(" ");
+import { ProviderNotFoundError as ee, makeProviderMark as te, Provide as se, Use as N, html as b, attr as c, computedOf as v, Value as T, Empty as _, When as x, dataAttr as W, aria as S, coalesce as ie, on as F, TextNode as ne, prop as D, Fragment as P, emitValueAsNumber as ae, emitValue as le } from "@tempots/dom";
+import { B as re, I as U } from "./translations-DT5QQ4WO.js";
+import { B as oe, I as ce } from "./input-container-CO3DNqpp.js";
+import { L as de, M as he } from "./stack-BLMteGTn.js";
+import { s as B } from "./session-id-3KiilioY.js";
+import { Validation as g, strictEqual as M } from "@tempots/std";
+const ue = {
+  layout: "vertical",
+  labelWidth: "7.5rem",
+  size: "md",
+  gap: "md",
+  columns: 1,
+  minFieldWidth: "15rem",
+  compact: !1
+}, j = {
+  mark: te("FieldLayout"),
+  create: (s = {}, e) => {
+    let t = ue;
+    try {
+      t = e.getProvider(j.mark).value;
+    } catch (n) {
+      if (!(n instanceof ee))
+        throw n;
+    }
+    return { value: {
+      layout: s.layout ?? t.layout,
+      labelWidth: s.labelWidth ?? t.labelWidth,
+      size: s.size ?? t.size,
+      gap: s.gap ?? t.gap,
+      columns: s.columns ?? t.columns,
+      minFieldWidth: s.minFieldWidth ?? t.minFieldWidth,
+      compact: s.compact ?? t.compact
+    }, dispose: () => {
+    } };
+  }
+}, pe = b.span(c.class("bc-field__required"), " *");
+function fe(s, e) {
+  const t = ["bc-field"];
+  return s !== "vertical" && t.push(`bc-field--${s}`), e && t.push("bc-field--compact"), t.join(" ");
 }
-function re(s, e) {
-  const t = ["bc-input-wrapper__label-text"];
-  return s ? t.push("bc-input-wrapper__label-text--error") : e ? t.push("bc-input-wrapper__label-text--disabled") : t.push("bc-input-wrapper__label-text--default"), t.join(" ");
+function me(s, e) {
+  const t = ["bc-field__label-text"];
+  return s ? t.push("bc-field__label-text--error") : e ? t.push("bc-field__label-text--disabled") : t.push("bc-field__label-text--default"), t.join(" ");
 }
-function ae(s, e) {
-  if (s === "horizontal-fixed" && e != null)
-    return `--input-wrapper-label-width: ${e}`;
+function be(s, e, t) {
+  const i = [];
+  return (s === "horizontal-fixed" || s === "horizontal-end" || s === "responsive") && e != null && i.push(`--field-label-width: ${e}`), t != null && t > 0 && i.push(`grid-column: span ${t}`), i.length > 0 ? i.join("; ") : void 0;
 }
-const z = ({
-  fullWidth: s = !1,
-  required: e,
-  label: t,
-  labelChildren: n,
-  context: i,
-  description: o,
-  content: a,
-  error: r,
-  labelFor: l,
-  hasError: d,
-  disabled: u,
-  layout: p,
-  labelWidth: v
-}, ...y) => {
-  const f = d ?? r != null, h = u ?? !1, D = p ?? "vertical", I = j("input-wrapper"), S = o ? `${I}-description` : void 0, O = r != null ? `${I}-error` : void 0, H = k(D)((b) => b !== "vertical"), K = k(
-    D,
-    v ?? void 0
-  )((b, M) => ae(b, M));
-  return m.div(
-    c.class(C.map(D, (b) => ie(b))),
+function ge(s, e, t) {
+  const {
+    fullWidth: i = !1,
+    required: n,
+    label: r,
+    labelChildren: l,
+    context: a,
+    description: o,
+    content: u,
+    error: h,
+    labelFor: p,
+    hasError: y,
+    disabled: k,
+    span: m
+  } = e, d = y ?? h != null, w = k ?? !1, I = e.layout ?? s.layout, G = e.labelWidth ?? s.labelWidth, J = e.compact ?? s.compact, L = B("input-wrapper"), V = o ? `${L}-description` : void 0, O = h != null ? `${L}-error` : void 0, $ = v(I)(
+    (f) => f !== "vertical" && f !== "responsive"
+  ), Q = v(
+    I,
+    G,
+    m ?? void 0
+  )(
+    (f, C, Z) => be(f, T.get(C), Z)
+  ), X = v(
+    I,
+    J
+  )((f, C) => fe(f, C ?? !1));
+  return b.div(
+    c.class(X),
     c.class(
-      C.map(
-        s,
-        (b) => b ? "bc-input-wrapper--full-width" : ""
-      )
+      T.map(i, (f) => f ? "bc-field--full-width" : "")
     ),
-    c.style(K),
-    t != null || i != null ? m.div(
-      c.class("bc-input-wrapper__header"),
-      m.div(
-        c.class("bc-input-wrapper__label-section"),
-        m.label(
-          c.class("bc-input-wrapper__label"),
-          l != null ? c.for(l) : T,
-          m.span(
+    c.style(Q),
+    r != null || a != null ? b.div(
+      c.class("bc-field__header"),
+      b.div(
+        c.class("bc-field__label-section"),
+        b.label(
+          c.class("bc-field__label"),
+          p != null ? c.for(p) : _,
+          b.span(
             c.class(
-              k(
-                f,
-                h
+              v(
+                d,
+                w
               )(
-                (b, M) => re(
-                  b ?? !1,
-                  M ?? !1
+                (f, C) => me(
+                  f ?? !1,
+                  C ?? !1
                 )
               )
             ),
-            t
+            r
           ),
-          t != null && e ? ne : T
+          r != null && n ? pe : _
         ),
         // Show description under label when horizontal
-        A(
-          k(
-            H,
+        x(
+          v(
+            $,
             o
-          )((b, M) => b && M != null),
-          () => m.div(
+          )((f, C) => f && C != null),
+          () => b.div(
             c.class(
-              "bc-input-wrapper__description bc-input-wrapper__description--under-label"
+              "bc-field__description bc-field__description--under-label"
             ),
-            c.id(S),
+            c.id(V),
             o
           )
         )
       ),
-      i != null ? te(i) : T,
-      n
-    ) : T,
-    m.div(
-      c.class("bc-input-wrapper__content"),
+      a != null ? de(a) : _,
+      l
+    ) : _,
+    b.div(
+      c.class("bc-field__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [S, O].filter(Boolean).length > 0 ? P(
+      [V, O].filter(Boolean).length > 0 ? W(
         "describedby",
-        [S, O].filter(Boolean).join(" ")
-      ) : T,
-      e ? P("required", "true") : T,
-      A(f, () => P("invalid", "true")),
-      a
+        [V, O].filter(Boolean).join(" ")
+      ) : _,
+      n ? W("required", "true") : _,
+      x(d, () => W("invalid", "true")),
+      u
     ),
     // Show description at bottom only when not horizontal
-    A(
-      k(H, o)((b, M) => !b && M != null),
-      () => m.div(
-        c.class("bc-input-wrapper__description"),
-        c.id(S),
+    x(
+      v($, o)((f, C) => !f && C != null),
+      () => b.div(
+        c.class("bc-field__description"),
+        c.id(V),
         o
       )
     ),
-    A(
-      f,
-      () => m.div(
-        c.class("bc-input-wrapper__error"),
+    x(
+      d,
+      () => b.div(
+        c.class("bc-field__error"),
         c.id(O),
-        x.live("polite"),
+        S.live("polite"),
         // Announce errors to screen readers
         c.role("alert"),
         // Mark as alert for immediate attention
-        r
+        h
       )
     ),
-    ...y
+    ...t
+  );
+}
+const q = (s, ...e) => {
+  const t = {};
+  return s.layout !== void 0 && (t.layout = s.layout), s.labelWidth !== void 0 && (t.labelWidth = s.labelWidth), s.compact !== void 0 && (t.compact = s.compact), se(
+    j,
+    t,
+    () => N(j, (i) => ge(i, s, e))
   );
 };
-function De({
+function Ae({
   size: s = "sm",
   icon: e = "line-md:close",
   disabled: t,
-  roundedness: n = "full",
-  color: i = "base",
-  onClick: o,
-  label: a
-}, ...r) {
-  return q(Y, (l) => {
-    const d = G(a, l.$.closeModal);
-    return Z(
+  roundedness: i = "full",
+  color: n = "base",
+  onClick: r,
+  label: l
+}, ...a) {
+  return N(re, (o) => {
+    const u = ie(l, o.$.closeModal);
+    return oe(
       {
         variant: "text",
         size: s,
-        roundedness: n,
+        roundedness: i,
         disabled: t,
-        color: i,
-        onClick: o
+        color: n,
+        onClick: r
       },
-      c.title(d),
-      x.label(d),
-      ...r,
-      L({ icon: e, size: s ?? "sm" })
+      c.title(u),
+      S.label(u),
+      ...a,
+      U({ icon: e, size: s ?? "sm" })
     );
   });
 }
-const Ce = (s) => {
+const Be = (s) => {
   const {
     value: e,
     onBlur: t,
-    onChange: n,
-    onInput: i,
-    placeholder: o,
-    disabled: a,
-    id: r,
-    activeIcon: l,
-    inactiveIcon: d,
-    size: u = "md"
-  } = s, p = r ?? j("checkbox"), v = `${p}-label`, y = () => {
-    if (C.get(a ?? !1)) return;
-    const h = C.get(e);
-    n?.(!h), i?.(!h);
-  }, f = (h) => {
-    C.get(a ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), y());
+    onChange: i,
+    onInput: n,
+    placeholder: r,
+    disabled: l,
+    id: a,
+    activeIcon: o,
+    inactiveIcon: u,
+    size: h = "md"
+  } = s, p = a ?? B("checkbox"), y = `${p}-label`, k = () => {
+    if (T.get(l ?? !1)) return;
+    const d = T.get(e);
+    i?.(!d), n?.(!d);
+  }, m = (d) => {
+    T.get(l ?? !1) || (d.key === " " || d.key === "Enter") && (d.preventDefault(), k());
   };
-  return ee(
+  return ce(
     {
       baseContainer: !0,
       growInput: !1,
       ...s,
-      input: m.span(
+      input: b.span(
         c.class("bc-checkbox-input"),
-        m.span(
+        b.span(
           c.class("bc-checkbox-input__checkbox"),
           c.class(
-            C.map(
+            T.map(
               e,
-              (h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
+              (d) => d ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
           c.class(
-            C.map(
-              a ?? !1,
-              (h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
+            T.map(
+              l ?? !1,
+              (d) => d ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
           c.id(p),
           c.role("checkbox"),
           c.tabindex(
-            C.map(
-              a ?? !1,
-              (h) => h ? -1 : 0
+            T.map(
+              l ?? !1,
+              (d) => d ? -1 : 0
             )
           ),
-          x.checked(e),
-          x.disabled(a),
-          o != null ? x.labelledby(v) : T,
-          E.keydown(f),
-          t != null ? E.blur(t) : T,
-          L({
-            icon: k(
+          S.checked(e),
+          S.disabled(l),
+          r != null ? S.labelledby(y) : _,
+          F.keydown(m),
+          t != null ? F.blur(t) : _,
+          U({
+            icon: v(
               e,
-              l,
-              d
+              o,
+              u
             )(
-              (h, D, I) => h ? D ?? "ri:checkbox-fill" : I ?? "mdi:checkbox-blank-outline"
+              (d, w, I) => d ? w ?? "ri:checkbox-fill" : I ?? "mdi:checkbox-blank-outline"
             ),
             accessibility: "decorative",
-            size: u
+            size: h
           })
         ),
-        o != null ? m.label(
+        r != null ? b.label(
           c.class("bc-checkbox-input__label"),
-          c.id(v),
+          c.id(y),
           c.for(p),
-          se(o)
-        ) : T
+          he(r)
+        ) : _
       )
     },
-    E.click(y)
+    F.click(k)
   );
-}, oe = (
+}, ve = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   ((s, e) => () => {
     s.markTouched(), e?.();
   })
-), F = (s, e) => (t) => {
+), z = (s, e) => (t) => {
   s.change(t), e?.(t);
 };
-function W(s, e) {
-  const { controller: t, onBlur: n, onChange: i, id: o, triggerOn: a, ...r } = e;
+function R(s, e) {
+  const { controller: t, onBlur: i, onChange: n, id: r, triggerOn: l, ...a } = e;
   return s({
-    id: o ?? t.name,
+    id: r ?? t.name,
     disabled: t.disabled,
     value: t.signal,
     hasError: t.errorVisible,
     name: t.name,
-    ...r,
-    onInput: a === "input" ? F(t, i) : void 0,
-    onChange: a !== "input" ? F(t, i) : void 0,
-    onBlur: oe(t, n)
+    ...a,
+    onInput: l === "input" ? z(t, n) : void 0,
+    onChange: l !== "input" ? z(t, n) : void 0,
+    onBlur: ve(t, i)
   });
 }
-function Te(s, { id: e, labelFor: t, ...n }, ...i) {
-  const o = e ?? n.controller.name ?? j("control"), a = t ?? o;
-  return z(
+function Oe(s, { id: e, labelFor: t, ...i }, ...n) {
+  const r = e ?? i.controller.name ?? B("control"), l = t ?? r;
+  return q(
     {
-      ...n,
-      hasError: n.controller.errorVisible,
+      ...i,
+      hasError: i.controller.errorVisible,
       // TODO: Remove Primitive annotation once @tempots/dom TextNode is generic
-      error: J(n.controller.error.map((r) => r ?? "")),
-      labelFor: a,
-      content: W(
-        (r) => s({ ...r, id: o }),
-        n
+      error: ne(i.controller.error.map((a) => a ?? "")),
+      labelFor: l,
+      content: R(
+        (a) => s({ ...a, id: r }),
+        i
       )
     },
-    ...i
+    ...n
   );
 }
-function le(s, e) {
-  const { toInput: t, fromInput: n, controller: i, ...o } = e, a = i.transform(t, n);
-  return W(s, {
-    ...o,
-    controller: a
+function ye(s, e) {
+  const { toInput: t, fromInput: i, controller: n, ...r } = e, l = n.transform(t, i);
+  return R(s, {
+    ...r,
+    controller: l
   });
 }
-function _e(s, {
+function We(s, {
   id: e,
   labelFor: t,
-  ...n
-}, ...i) {
-  const o = e ?? n.controller.name ?? j("control");
-  return z(
+  ...i
+}, ...n) {
+  const r = e ?? i.controller.name ?? B("control");
+  return q(
     {
-      ...n,
-      labelFor: t ?? o,
-      content: le(s, {
-        ...n,
-        id: o
+      ...i,
+      labelFor: t ?? r,
+      content: ye(s, {
+        ...i,
+        id: r
       })
     },
-    ...i
+    ...n
   );
 }
-function Ie(s) {
+function je(s) {
   return s.split(".").map((t) => {
-    const n = t.match(/^\[(\d+)\]$/);
-    return n ? Number(n[1]) : t;
+    const i = t.match(/^\[(\d+)\]$/);
+    return i ? Number(i[1]) : t;
   });
 }
-function ce(s) {
+function ke(s) {
   return typeof s == "number" ? `[${s}]` : `.${s}`;
 }
-function he(s) {
+function De(s) {
   if (s.length === 0) return "";
   const [e, ...t] = s;
   return [
     typeof e == "number" ? `[${e}]` : e,
-    ...t.map(ce)
+    ...t.map(ke)
   ].join("");
 }
-const Me = {
+const Pe = {
   /** A valid validation result */
   valid: g.valid,
   /**
@@ -322,8 +360,8 @@ const Me = {
    */
   invalidFields(s) {
     const e = {};
-    for (const [t, n] of Object.entries(s))
-      e[t] = typeof n == "string" ? { message: n } : n;
+    for (const [t, i] of Object.entries(s))
+      e[t] = typeof i == "string" ? { message: i } : i;
     return g.invalid({ dependencies: e });
   },
   /**
@@ -333,16 +371,16 @@ const Me = {
     return g.invalid(s);
   }
 };
-function B(s) {
+function A(s) {
   return function(t) {
     if (t.type === "valid") return t;
-    let n = t.error;
-    for (const i of s)
-      if (n = n?.dependencies?.[i], n == null) return g.valid;
-    return g.invalid(n);
+    let i = t.error;
+    for (const n of s)
+      if (i = i?.dependencies?.[n], i == null) return g.valid;
+    return g.invalid(i);
   };
 }
-class _ {
+class E {
   /** The path segments identifying this controller's position in the form hierarchy (e.g., ['user', 'email']). */
   path;
   /** Callback to propagate value changes up to the parent form. */
@@ -364,16 +402,16 @@ class _ {
   /** Reactive signal containing nested field errors for child controllers. */
   dependencyErrors;
   #e = {
-    disabled: w(!1),
-    touched: w(!1)
+    disabled: D(!1),
+    touched: D(!1)
   };
   #s;
-  #t = w(void 0);
+  #t = D(void 0);
   /** Parent controller context providing disabled state and optional validation mode. */
   parent;
   /** Reactive signal indicating whether this field is disabled (combines local and parent disabled state). */
   disabled;
-  #n = [];
+  #i = [];
   /** Reactive signal indicating whether this field is disabled OR has errors (useful for submit button state). */
   disabledOrHasErrors;
   /**
@@ -386,28 +424,28 @@ class _ {
    * @param parent - Parent context with disabled state and optional validation mode
    * @param equals - Equality function for dirty tracking (defaults to strictEqual)
    */
-  constructor(e, t, n, i, o, a = V) {
-    this.path = e, this.change = t, this.signal = n, this.status = i, this.#s = a, this.#t.set(n.value), this.error = i.map(
-      (r) => r?.type === "invalid" ? r.error?.message : void 0
-    ), this.hasError = this.error.map((r) => r != null), this.touched = this.#e.touched, o.validationMode ? this.errorVisible = k(
+  constructor(e, t, i, n, r, l = M) {
+    this.path = e, this.change = t, this.signal = i, this.status = n, this.#s = l, this.#t.set(i.value), this.error = n.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 = v(
       this.hasError,
       this.touched,
-      o.validationMode
-    )((r, l, d) => d === "eager" ? !!r : !!r && !!l) : this.errorVisible = k(
+      r.validationMode
+    )((a, o, u) => u === "eager" ? !!a : !!a && !!o) : this.errorVisible = v(
       this.hasError,
       this.touched
-    )((r, l) => !!r && !!l), this.dirty = k(
+    )((a, o) => !!a && !!o), this.dirty = v(
       this.signal,
       this.#t
-    )((r, l) => !this.#s(r, l)), this.dependencyErrors = i.map(
-      (r) => r?.type === "invalid" ? r.error?.dependencies : void 0
-    ), this.parent = o, this.disabled = k(
+    )((a, o) => !this.#s(a, o)), this.dependencyErrors = n.map(
+      (a) => a?.type === "invalid" ? a.error?.dependencies : void 0
+    ), this.parent = r, this.disabled = v(
       this.#e.disabled,
-      o.disabled
-    )((r, l) => r || l), this.disabledOrHasErrors = k(
+      r.disabled
+    )((a, o) => a || o), this.disabledOrHasErrors = v(
       this.disabled,
       this.hasError
-    )((r, l) => r || l), this.onDispose(() => {
+    )((a, o) => a || o), this.onDispose(() => {
       this.#e.disabled.dispose(), this.#e.touched.dispose(), this.disabled.dispose(), this.error.dispose(), this.errorVisible.dispose(), this.dirty.dispose(), this.#t.dispose(), this.dependencyErrors.dispose(), this.disabledOrHasErrors.dispose();
     });
   }
@@ -415,7 +453,7 @@ class _ {
    * Returns the field name as a dot-separated string (e.g., "user.email").
    */
   get name() {
-    return he(this.path);
+    return De(this.path);
   }
   /**
    * Registers a callback to be executed when this controller is disposed.
@@ -423,20 +461,20 @@ class _ {
    * @param callback - Function to execute on disposal
    */
   onDispose = (e) => {
-    this.#n.push(e);
+    this.#i.push(e);
   };
   /**
    * Disposes all internal resources and registered callbacks.
    * Should be called when the controller is no longer needed to prevent memory leaks.
    */
   dispose = () => {
-    for (const e of this.#n)
+    for (const e of this.#i)
       try {
         e();
       } catch (t) {
         console.error("Error in dispose callback:", t);
       }
-    this.#n.length = 0;
+    this.#i.length = 0;
   };
   /**
    * Sets the disabled state for this field.
@@ -484,7 +522,7 @@ class _ {
    * @param equals - Equality function for array comparison (defaults to strictEqual)
    * @returns An ArrayController instance
    */
-  array = (e = V) => new de(
+  array = (e = M) => new Te(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -499,7 +537,7 @@ class _ {
    * @param equals - Equality function for object comparison (defaults to strictEqual)
    * @returns An ObjectController instance
    */
-  object = (e = V) => new ue(
+  object = (e = M) => new Ce(
     this.path,
     this.change,
     this.signal,
@@ -527,13 +565,13 @@ class _ {
    * )
    * ```
    */
-  transform = (e, t, n = [], i = V) => new _(
-    [...this.path, ...n],
-    (o) => this.change(t(o)),
-    this.signal.map(e, i),
-    this.status.map(B(n)),
+  transform = (e, t, i = [], n = M) => new E(
+    [...this.path, ...i],
+    (r) => this.change(t(r)),
+    this.signal.map(e, n),
+    this.status.map(A(i)),
     this.parent,
-    i
+    n
   );
   /**
    * Creates a transformed controller with async bidirectional mapping.
@@ -547,62 +585,62 @@ class _ {
    * @param equals - Equality function for the transformed type
    * @returns A new Controller instance managing the async-transformed value
    */
-  asyncTransform = (e, t, n, i = [], o = V) => new _(
-    [...this.path, ...i],
-    (a) => {
-      t(a).then((r) => this.change(r));
+  asyncTransform = (e, t, i, n = [], r = M) => new E(
+    [...this.path, ...n],
+    (l) => {
+      t(l).then((a) => this.change(a));
     },
-    this.signal.mapAsync(e, n, void 0, o),
-    this.status.map(B(i)),
+    this.signal.mapAsync(e, i, void 0, r),
+    this.status.map(A(n)),
     this.parent,
-    o
+    r
   );
 }
-class ue extends _ {
+class Ce extends E {
   #e = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
-  #n = w(!1);
+  #i = D(!1);
   /** Reactive signal indicating whether this field or any child field is touched. */
-  touchedDeep = this.#n;
-  #r = /* @__PURE__ */ new Map();
-  #i = /* @__PURE__ */ new Map();
-  #o = w(!1);
+  touchedDeep = this.#i;
+  #a = /* @__PURE__ */ new Map();
+  #n = /* @__PURE__ */ new Map();
+  #r = D(!1);
   /** Reactive signal indicating whether this field or any child field is dirty. */
-  dirtyDeep = this.#o;
+  dirtyDeep = this.#r;
   #c;
-  #h;
-  #l = () => {
+  #d;
+  #o = () => {
     let e = !1;
     for (const t of this.#s.values())
       if (t) {
         e = !0;
         break;
       }
-    this.#n.set(this.touched.value || e);
+    this.#i.set(this.touched.value || e);
   };
-  constructor(e, t, n, i, o, a) {
+  constructor(e, t, i, n, r, l) {
     super(
       e,
       t,
-      n.map((l) => l ?? {}, a),
-      i,
-      o,
-      a
+      i.map((o) => o ?? {}, l),
+      n,
+      r,
+      l
     ), this.#c = this.touched.on(() => {
+      this.#o();
+    }), this.#d = this.dirty.on(() => {
       this.#l();
-    }), this.#h = this.dirty.on(() => {
-      this.#a();
     });
-    const r = this.signal.on(() => this.#a());
+    const a = this.signal.on(() => this.#l());
     this.onDispose(() => {
-      for (const l of this.#e.values())
-        l.dispose();
+      for (const o of this.#e.values())
+        o.dispose();
       this.#e.clear();
-      for (const l of this.#t.values()) l();
-      this.#t.clear(), this.#s.clear(), this.#n.dispose();
-      for (const l of this.#i.values()) l();
-      this.#i.clear(), this.#r.clear(), this.#o.dispose(), this.#c(), this.#h(), r();
+      for (const o of this.#t.values()) o();
+      this.#t.clear(), this.#s.clear(), this.#i.dispose();
+      for (const o of this.#n.values()) o();
+      this.#n.clear(), this.#a.clear(), this.#r.dispose(), this.#c(), this.#d(), a();
     });
   }
   /**
@@ -622,31 +660,31 @@ class ue extends _ {
   field = (e) => {
     if (this.#e.has(e))
       return this.#e.get(e);
-    const t = async (a) => {
+    const t = async (l) => {
       this.change({
         ...this.signal.value,
-        [e]: a
+        [e]: l
       });
-    }, n = new _(
+    }, i = new E(
       [...this.path, e],
       t,
-      this.signal.map((a) => a[e]),
-      this.status.map(B([e])),
+      this.signal.map((l) => l[e]),
+      this.status.map(A([e])),
       {
         disabled: this.disabled,
         // propagate validationMode to children if present
         validationMode: this.parent.validationMode
       }
     );
-    this.#e.set(e, n);
-    const i = n.touched.on((a) => {
-      this.#s.set(e, a), this.#l();
+    this.#e.set(e, i);
+    const n = i.touched.on((l) => {
+      this.#s.set(e, l), this.#o();
     });
-    this.#t.set(e, i);
-    const o = n.dirty.on((a) => {
-      this.#r.set(e, a), this.#a();
+    this.#t.set(e, n);
+    const r = i.dirty.on((l) => {
+      this.#a.set(e, l), this.#l();
     });
-    return this.#i.set(e, o), n;
+    return this.#n.set(e, r), i;
   };
   /**
    * Marks this field and all child fields as touched recursively.
@@ -671,65 +709,65 @@ class ue extends _ {
     for (const t of this.#e.values())
       t.markPristine?.();
   };
-  #a = () => {
+  #l = () => {
     let e = !1;
-    for (const t of this.#r.values())
+    for (const t of this.#a.values())
       if (t) {
         e = !0;
         break;
       }
-    this.#o.set(this.dirty.value || e);
+    this.#r.set(this.dirty.value || e);
   };
 }
-class de extends _ {
+class Te extends E {
   #e = new Array();
   /** Reactive signal containing the current array length. */
   length;
   #s = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
-  #n = w(!1);
+  #i = D(!1);
   /** Reactive signal indicating whether this array or any item is touched. */
-  touchedDeep = this.#n;
-  #r = /* @__PURE__ */ new Map();
-  #i = /* @__PURE__ */ new Map();
-  #o = w(!1);
+  touchedDeep = this.#i;
+  #a = /* @__PURE__ */ new Map();
+  #n = /* @__PURE__ */ new Map();
+  #r = D(!1);
   /** Reactive signal indicating whether this array or any item is dirty. */
-  dirtyDeep = this.#o;
+  dirtyDeep = this.#r;
   #c;
-  #h;
-  #l = () => {
+  #d;
+  #o = () => {
     let e = !1;
     for (const t of this.#s.values())
       if (t) {
         e = !0;
         break;
       }
-    this.#n.set(this.touched.value || e);
+    this.#i.set(this.touched.value || e);
   };
-  constructor(e, t, n, i, o, a) {
-    const r = n.map((u) => u ?? [], a);
-    super(e, t, r, i, o, a);
-    const l = r.on((u) => {
-      const p = this.#e.length - u.length;
-      p > 0 && (this.#e.splice(u.length, p).forEach((v, y) => {
-        const f = u.length + y;
-        v.dispose(), this.#t.get(f)?.(), this.#t.delete(f), this.#s.delete(f), this.#i.get(f)?.(), this.#i.delete(f), this.#r.delete(f);
-      }), this.#l(), this.#a());
+  constructor(e, t, i, n, r, l) {
+    const a = i.map((h) => h ?? [], l);
+    super(e, t, a, n, r, l);
+    const o = a.on((h) => {
+      const p = this.#e.length - h.length;
+      p > 0 && (this.#e.splice(h.length, p).forEach((y, k) => {
+        const m = h.length + k;
+        y.dispose(), this.#t.get(m)?.(), this.#t.delete(m), this.#s.delete(m), this.#n.get(m)?.(), this.#n.delete(m), this.#a.delete(m);
+      }), this.#o(), this.#l());
     });
-    this.length = r.map((u) => u.length), this.#c = this.touched.on(() => {
+    this.length = a.map((h) => h.length), this.#c = this.touched.on(() => {
+      this.#o();
+    }), this.#d = this.dirty.on(() => {
       this.#l();
-    }), this.#h = this.dirty.on(() => {
-      this.#a();
     });
-    const d = this.signal.on(() => this.#a());
+    const u = this.signal.on(() => this.#l());
     this.onDispose(() => {
-      for (const u of this.#e)
-        u.dispose();
-      this.length.dispose(), this.#e.length = 0, l(), r.dispose();
-      for (const u of this.#t.values()) u();
-      this.#t.clear(), this.#s.clear(), this.#n.dispose();
-      for (const u of this.#i.values()) u();
-      this.#i.clear(), this.#r.clear(), this.#o.dispose(), this.#c(), this.#h(), d();
+      for (const h of this.#e)
+        h.dispose();
+      this.length.dispose(), this.#e.length = 0, o(), a.dispose();
+      for (const h of this.#t.values()) h();
+      this.#t.clear(), this.#s.clear(), this.#i.dispose();
+      for (const h of this.#n.values()) h();
+      this.#n.clear(), this.#a.clear(), this.#r.dispose(), this.#c(), this.#d(), u();
     });
   }
   /**
@@ -748,28 +786,28 @@ class de extends _ {
   item = (e) => {
     if (this.#e[e])
       return this.#e[e];
-    const t = async (a) => {
-      const r = this.signal.value.slice();
-      r[e] = a, this.change(r);
-    }, n = new _(
+    const t = async (l) => {
+      const a = this.signal.value.slice();
+      a[e] = l, this.change(a);
+    }, i = new E(
       [...this.path, e],
       t,
-      this.signal.map((a) => a[e]),
-      this.status.map(B([e])),
+      this.signal.map((l) => l[e]),
+      this.status.map(A([e])),
       {
         disabled: this.disabled,
         validationMode: this.parent.validationMode
       }
     );
-    this.#e[e] = n;
-    const i = n.touched.on((a) => {
-      this.#s.set(e, a), this.#l();
+    this.#e[e] = i;
+    const n = i.touched.on((l) => {
+      this.#s.set(e, l), this.#o();
     });
-    this.#t.set(e, i);
-    const o = n.dirty.on((a) => {
-      this.#r.set(e, a), this.#a();
+    this.#t.set(e, n);
+    const r = i.dirty.on((l) => {
+      this.#a.set(e, l), this.#l();
     });
-    return this.#i.set(e, o), n;
+    return this.#n.set(e, r), i;
   };
   /**
    * Appends one or more items to the end of the array.
@@ -814,8 +852,8 @@ class de extends _ {
    * @param deleteCount - Number of items to remove (optional)
    */
   splice = (e, t) => {
-    const n = this.signal.value.slice();
-    n.splice(e, t), this.change(n);
+    const i = this.signal.value.slice();
+    i.splice(e, t), this.change(i);
   };
   /**
    * Moves one or more items from one index to another within the array.
@@ -830,10 +868,10 @@ class de extends _ {
    * controller.move(2, 0, 2) // Move items at index 2-3 to the beginning
    * ```
    */
-  move = (e, t, n = 1) => {
-    if (n < 1 || e === t) return;
-    const i = this.signal.value.slice(), o = i.splice(e, n);
-    i.splice(t, 0, ...o), this.change(i);
+  move = (e, t, i = 1) => {
+    if (i < 1 || e === t) return;
+    const n = this.signal.value.slice(), r = n.splice(e, i);
+    n.splice(t, 0, ...r), this.change(n);
   };
   /**
    * Marks this array and all item controllers as touched recursively.
@@ -854,17 +892,17 @@ class de extends _ {
     for (let t = 0; t < e; t++)
       this.item(t).markPristine?.();
   };
-  #a = () => {
+  #l = () => {
     let e = !1;
-    for (const t of this.#r.values())
+    for (const t of this.#a.values())
       if (t) {
         e = !0;
         break;
       }
-    this.#o.set(this.dirty.value || e);
+    this.#r.set(this.dirty.value || e);
   };
 }
-function pe(s) {
+function _e(s) {
   function e(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -872,179 +910,181 @@ function pe(s) {
     (t) => typeof t == "object" && t.key != null ? e(t.key) : e(t)
   );
 }
-function fe(s) {
-  const e = s.filter((i) => i.path == null || i.path.length === 0).map((i) => i.message), t = s.filter((i) => i.path != null && i.path.length > 0).reduce((i, o) => {
-    const a = pe(o.path), r = a.pop();
-    let l = i;
-    for (const d of a)
-      l.dependencies == null && (l.dependencies = {}), l.dependencies[d] == null && (l.dependencies[d] = {}), l = l.dependencies[d];
-    return l.dependencies == null && (l.dependencies = {}), l.dependencies[r] = { message: o.message }, i;
-  }, {}), n = e.join(`
+function we(s) {
+  const e = s.filter((n) => n.path == null || n.path.length === 0).map((n) => n.message), t = s.filter((n) => n.path != null && n.path.length > 0).reduce((n, r) => {
+    const l = _e(r.path), a = l.pop();
+    let o = n;
+    for (const u of l)
+      o.dependencies == null && (o.dependencies = {}), o.dependencies[u] == null && (o.dependencies[u] = {}), o = o.dependencies[u];
+    return o.dependencies == null && (o.dependencies = {}), o.dependencies[a] = { message: r.message }, n;
+  }, {}), i = e.join(`
 `);
   return {
     ...t,
-    message: n != "" ? n : void 0
+    message: i != "" ? i : void 0
   };
 }
-function be({
+function Ie({
   initialValue: s,
   onChange: e,
   validate: t,
-  equals: n,
-  validationMode: i,
-  validateDebounceMs: o
+  equals: i,
+  validationMode: n,
+  validateDebounceMs: r
 }) {
-  const a = C.deriveProp(s), r = w(g.valid), l = w(!1), d = w(i ?? "onTouched"), u = (h) => {
-    r.set(h);
+  const l = T.deriveProp(s), a = D(g.valid), o = D(!1), u = D(n ?? "onTouched"), h = (d) => {
+    a.set(d);
   };
   let p;
-  const v = async (h) => {
+  const y = async (d) => {
     if (t != null) {
-      const D = await t(h);
-      u(D);
+      const w = await t(d);
+      h(w);
     }
-  }, y = async (h) => {
-    a.set(h), e?.(h);
-    const D = d.value;
+  }, k = async (d) => {
+    l.set(d), e?.(d);
+    const w = u.value;
     if (t != null) {
-      if (D === "onSubmit")
+      if (w === "onSubmit")
         return;
-      const I = o ?? 0;
+      const I = r ?? 0;
       I > 0 ? (p && clearTimeout(p), p = setTimeout(() => {
-        v(h);
-      }, I)) : await v(h);
+        y(d);
+      }, I)) : await y(d);
     }
-  }, f = new _(
+  }, m = new E(
     [],
-    y,
+    k,
+    l,
     a,
-    r,
     {
-      disabled: l,
-      validationMode: d
+      disabled: o,
+      validationMode: u
     },
-    n ?? V
+    i ?? M
   );
-  return f.onDispose(() => {
-    l.dispose(), a.dispose(), r.dispose(), d.dispose(), p && clearTimeout(p);
-  }), { controller: f, setStatus: u };
+  return m.onDispose(() => {
+    o.dispose(), l.dispose(), a.dispose(), u.dispose(), p && clearTimeout(p);
+  }), { controller: m, setStatus: h };
 }
-function R(s) {
-  return $(c.disabled(s.disabled), c.name(s.name));
+function K(s) {
+  return P(c.disabled(s.disabled), c.name(s.name));
 }
-function Ee(s, {
+function Le(s, {
   triggerOn: e = "change"
 } = {}) {
-  return $(
-    R(s),
+  return P(
+    K(s),
     c.value(s.signal),
-    (e === "input" ? E.input : E.change)(X(s.change))
+    (e === "input" ? F.input : F.change)(le(s.change))
   );
 }
-function Ve(s, {
+function $e(s, {
   triggerOn: e = "change"
 } = {}) {
-  return $(
-    R(s),
+  return P(
+    K(s),
     c.valueAsNumber(s.signal),
-    (e === "input" ? E.input : E.change)(
-      Q(s.change)
+    (e === "input" ? F.input : F.change)(
+      ae(s.change)
     )
   );
 }
-function N(s) {
-  return s.issues != null ? g.invalid(fe(s.issues)) : g.valid;
+function H(s) {
+  return s.issues != null ? g.invalid(we(s.issues)) : g.valid;
 }
-async function xe({
+async function ze({
   task: s,
   errorMessage: e,
   errorPath: t = ["root"],
-  validation: n
+  validation: i
 }) {
   try {
-    const i = await s();
-    return n != null ? n(i) : g.valid;
-  } catch (i) {
-    const o = e ?? (i instanceof Error ? i.message : "Operation failed");
+    const n = await s();
+    return i != null ? i(n) : g.valid;
+  } catch (n) {
+    const r = e ?? (n instanceof Error ? n.message : "Operation failed");
     return t.length === 1 && t[0] === "root" ? g.invalid({
-      message: o
+      message: r
     }) : g.invalid({
-      dependencies: U(t, o)
+      dependencies: Y(t, r)
     });
   }
 }
-function U(s, e) {
+function Y(s, e) {
   if (s.length === 1)
     return {
       [s[0]]: { message: e }
     };
-  const [t, ...n] = s;
+  const [t, ...i] = s;
   return {
     [t]: {
-      dependencies: U(n, e)
+      dependencies: Y(i, e)
     }
   };
 }
-function Se({
+function He({
   initialValue: s = {},
   schema: e,
   onSubmit: t = async () => g.valid,
-  validationMode: n,
-  validateDebounceMs: i
+  validationMode: i,
+  validateDebounceMs: n
 }) {
-  const { controller: o, setStatus: a } = be({
+  const { controller: r, setStatus: l } = Ie({
     initialValue: s,
-    validationMode: n ?? "onTouched",
-    validateDebounceMs: i,
-    validate: (n ?? "onTouched") === "onSubmit" || e == null ? void 0 : async (u) => N(
-      await e["~standard"].validate(u)
+    validationMode: i ?? "onTouched",
+    validateDebounceMs: n,
+    validate: (i ?? "onTouched") === "onSubmit" || e == null ? void 0 : async (h) => H(
+      await e["~standard"].validate(h)
     )
-  }), r = w(!1), l = o.object();
-  return l.onDispose(() => r.dispose()), {
-    controller: l,
-    setStatus: a,
-    submit: async (u) => {
-      if (r.set(!0), u?.preventDefault(), l.markAllTouched(), e != null) {
-        const v = l.signal.value, y = N(
-          await e["~standard"].validate(v)
+  }), a = D(!1), o = r.object();
+  return o.onDispose(() => a.dispose()), {
+    controller: o,
+    setStatus: l,
+    submit: async (h) => {
+      if (a.set(!0), h?.preventDefault(), o.markAllTouched(), e != null) {
+        const y = o.signal.value, k = H(
+          await e["~standard"].validate(y)
         );
-        if (a(y), y.type === "invalid") {
-          r.set(!1);
+        if (l(k), k.type === "invalid") {
+          a.set(!1);
           return;
         }
       }
-      const p = await t(l.signal.value);
-      r.set(!1), p.type === "invalid" && a(p);
+      const p = await t(o.signal.value);
+      a.set(!1), p.type === "invalid" && l(p);
     },
-    submitting: r
+    submitting: a
   };
 }
 export {
-  de as A,
-  W as B,
-  De as C,
-  z as I,
-  _e as M,
-  ue as O,
-  ne as R,
-  Ce as a,
-  Te as b,
-  F as c,
-  _ as d,
-  B as e,
-  be as f,
-  le as g,
-  Me as h,
-  R as i,
-  Ve as j,
-  Ee as k,
-  fe as l,
-  oe as m,
-  pe as n,
-  he as o,
-  Ie as p,
-  N as s,
-  xe as t,
-  Se as u,
-  ce as w
+  Te as A,
+  R as B,
+  Ae as C,
+  q as F,
+  We as M,
+  Ce as O,
+  pe as R,
+  Be as a,
+  Oe as b,
+  z as c,
+  E as d,
+  A as e,
+  Ie as f,
+  j as g,
+  ye as h,
+  Pe as i,
+  ue as j,
+  K as k,
+  $e as l,
+  ve as m,
+  Le as n,
+  we as o,
+  _e as p,
+  je as q,
+  De as r,
+  H as s,
+  ze as t,
+  He as u,
+  ke as w
 };