@tempots/beatui 1.7.5 → 1.9.0

package/dist/use-form-8NnZ-KHk.js

@@ -1,1090 +0,0 @@
-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-BCMP-h52.js";
-import { B as oe, I as ce } from "./input-container-8JFB11xN.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 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 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;
-}
-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(
-      T.map(i, (f) => f ? "bc-field--full-width" : "")
-    ),
-    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(
-              v(
-                d,
-                w
-              )(
-                (f, C) => me(
-                  f ?? !1,
-                  C ?? !1
-                )
-              )
-            ),
-            r
-          ),
-          r != null && n ? pe : _
-        ),
-        // Show description under label when horizontal
-        x(
-          v(
-            $,
-            o
-          )((f, C) => f && C != null),
-          () => b.div(
-            c.class(
-              "bc-field__description bc-field__description--under-label"
-            ),
-            c.id(V),
-            o
-          )
-        )
-      ),
-      a != null ? de(a) : _,
-      l
-    ) : _,
-    b.div(
-      c.class("bc-field__content"),
-      // Add data attributes to help inputs inherit accessibility information
-      [V, O].filter(Boolean).length > 0 ? W(
-        "describedby",
-        [V, O].filter(Boolean).join(" ")
-      ) : _,
-      n ? W("required", "true") : _,
-      x(d, () => W("invalid", "true")),
-      u
-    ),
-    // Show description at bottom only when not horizontal
-    x(
-      v($, o)((f, C) => !f && C != null),
-      () => b.div(
-        c.class("bc-field__description"),
-        c.id(V),
-        o
-      )
-    ),
-    x(
-      d,
-      () => b.div(
-        c.class("bc-field__error"),
-        c.id(O),
-        S.live("polite"),
-        // Announce errors to screen readers
-        c.role("alert"),
-        // Mark as alert for immediate attention
-        h
-      )
-    ),
-    ...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 Ae({
-  size: s = "sm",
-  icon: e = "line-md:close",
-  disabled: t,
-  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: i,
-        disabled: t,
-        color: n,
-        onClick: r
-      },
-      c.title(u),
-      S.label(u),
-      ...a,
-      U({ icon: e, size: s ?? "sm" })
-    );
-  });
-}
-const Be = (s) => {
-  const {
-    value: e,
-    onBlur: t,
-    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 ce(
-    {
-      baseContainer: !0,
-      growInput: !1,
-      ...s,
-      input: b.span(
-        c.class("bc-checkbox-input"),
-        b.span(
-          c.class("bc-checkbox-input__checkbox"),
-          c.class(
-            T.map(
-              e,
-              (d) => d ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
-            )
-          ),
-          c.class(
-            T.map(
-              l ?? !1,
-              (d) => d ? "bc-checkbox-input__checkbox--disabled" : ""
-            )
-          ),
-          c.id(p),
-          c.role("checkbox"),
-          c.tabindex(
-            T.map(
-              l ?? !1,
-              (d) => d ? -1 : 0
-            )
-          ),
-          S.checked(e),
-          S.disabled(l),
-          r != null ? S.labelledby(y) : _,
-          F.keydown(m),
-          t != null ? F.blur(t) : _,
-          U({
-            icon: v(
-              e,
-              o,
-              u
-            )(
-              (d, w, I) => d ? w ?? "ri:checkbox-fill" : I ?? "mdi:checkbox-blank-outline"
-            ),
-            accessibility: "decorative",
-            size: h
-          })
-        ),
-        r != null ? b.label(
-          c.class("bc-checkbox-input__label"),
-          c.id(y),
-          c.for(p),
-          he(r)
-        ) : _
-      )
-    },
-    F.click(k)
-  );
-}, ve = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ((s, e) => () => {
-    s.markTouched(), e?.();
-  })
-), z = (s, e) => (t) => {
-  s.change(t), e?.(t);
-};
-function R(s, e) {
-  const { controller: t, onBlur: i, onChange: n, id: r, triggerOn: l, ...a } = e;
-  return s({
-    id: r ?? t.name,
-    disabled: t.disabled,
-    value: t.signal,
-    hasError: t.errorVisible,
-    name: t.name,
-    ...a,
-    onInput: l === "input" ? z(t, n) : void 0,
-    onChange: l !== "input" ? z(t, n) : void 0,
-    onBlur: ve(t, i)
-  });
-}
-function Oe(s, { id: e, labelFor: t, ...i }, ...n) {
-  const r = e ?? i.controller.name ?? B("control"), l = t ?? r;
-  return q(
-    {
-      ...i,
-      hasError: i.controller.errorVisible,
-      // TODO: Remove Primitive annotation once @tempots/dom TextNode is generic
-      error: ne(i.controller.error.map((a) => a ?? "")),
-      labelFor: l,
-      content: R(
-        (a) => s({ ...a, id: r }),
-        i
-      )
-    },
-    ...n
-  );
-}
-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 We(s, {
-  id: e,
-  labelFor: t,
-  ...i
-}, ...n) {
-  const r = e ?? i.controller.name ?? B("control");
-  return q(
-    {
-      ...i,
-      labelFor: t ?? r,
-      content: ye(s, {
-        ...i,
-        id: r
-      })
-    },
-    ...n
-  );
-}
-function je(s) {
-  return s.split(".").map((t) => {
-    const i = t.match(/^\[(\d+)\]$/);
-    return i ? Number(i[1]) : t;
-  });
-}
-function ke(s) {
-  return typeof s == "number" ? `[${s}]` : `.${s}`;
-}
-function De(s) {
-  if (s.length === 0) return "";
-  const [e, ...t] = s;
-  return [
-    typeof e == "number" ? `[${e}]` : e,
-    ...t.map(ke)
-  ].join("");
-}
-const Pe = {
-  /** A valid validation result */
-  valid: g.valid,
-  /**
-   * Create an invalid validation with a message
-   */
-  invalid(s) {
-    return g.invalid({ message: s });
-  },
-  /**
-   * Create an invalid validation with field-specific errors.
-   * Values can be error messages (strings) or full ControllerError objects.
-   */
-  invalidFields(s) {
-    const e = {};
-    for (const [t, i] of Object.entries(s))
-      e[t] = typeof i == "string" ? { message: i } : i;
-    return g.invalid({ dependencies: e });
-  },
-  /**
-   * Create an invalid validation from a ControllerError object
-   */
-  fromError(s) {
-    return g.invalid(s);
-  }
-};
-function A(s) {
-  return function(t) {
-    if (t.type === "valid") return t;
-    let i = t.error;
-    for (const n of s)
-      if (i = i?.dependencies?.[n], i == null) return g.valid;
-    return g.invalid(i);
-  };
-}
-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. */
-  change;
-  /** Reactive signal containing the current field value. */
-  signal;
-  /** Reactive signal containing the current validation state (valid, pending, or invalid with errors). */
-  status;
-  /** Reactive signal containing the current error message string, or undefined if valid. */
-  error;
-  /** Reactive signal indicating whether this field has any errors. */
-  hasError;
-  /** Reactive signal tracking whether the user has interacted with this field. */
-  touched;
-  /** Reactive signal indicating whether errors should be shown (respects validation mode and touched state). */
-  errorVisible;
-  /** Reactive signal tracking whether the current value differs from the baseline. */
-  dirty;
-  /** Reactive signal containing nested field errors for child controllers. */
-  dependencyErrors;
-  #e = {
-    disabled: D(!1),
-    touched: D(!1)
-  };
-  #s;
-  #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;
-  #i = [];
-  /** Reactive signal indicating whether this field is disabled OR has errors (useful for submit button state). */
-  disabledOrHasErrors;
-  /**
-   * Creates a new Controller instance.
-   *
-   * @param path - Field path segments in the form hierarchy
-   * @param change - Callback to propagate value changes
-   * @param signal - Reactive signal holding the field value
-   * @param status - Reactive signal holding validation state
-   * @param parent - Parent context with disabled state and optional validation mode
-   * @param equals - Equality function for dirty tracking (defaults to strictEqual)
-   */
-  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,
-      r.validationMode
-    )((a, o, u) => u === "eager" ? !!a : !!a && !!o) : this.errorVisible = v(
-      this.hasError,
-      this.touched
-    )((a, o) => !!a && !!o), this.dirty = v(
-      this.signal,
-      this.#t
-    )((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,
-      r.disabled
-    )((a, o) => a || o), this.disabledOrHasErrors = v(
-      this.disabled,
-      this.hasError
-    )((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();
-    });
-  }
-  /**
-   * Returns the field name as a dot-separated string (e.g., "user.email").
-   */
-  get name() {
-    return De(this.path);
-  }
-  /**
-   * Registers a callback to be executed when this controller is disposed.
-   *
-   * @param callback - Function to execute on disposal
-   */
-  onDispose = (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.#i)
-      try {
-        e();
-      } catch (t) {
-        console.error("Error in dispose callback:", t);
-      }
-    this.#i.length = 0;
-  };
-  /**
-   * Sets the disabled state for this field.
-   *
-   * @param disabled - Whether the field should be disabled
-   */
-  setDisabled = (e) => {
-    this.#e.disabled.set(e);
-  };
-  /**
-   * Disables this field.
-   */
-  disable = () => this.setDisabled(!0);
-  /**
-   * Enables this field.
-   */
-  enable = () => this.setDisabled(!1);
-  /**
-   * Marks this field as touched (user has interacted with it).
-   */
-  markTouched = () => {
-    this.#e.touched.set(!0);
-  };
-  /**
-   * Resets the touched state to false.
-   */
-  resetTouched = () => {
-    this.#e.touched.set(!1);
-  };
-  /**
-   * Marks the current value as the new baseline for dirty tracking.
-   */
-  markPristine = () => {
-    this.#t.set(this.signal.value);
-  };
-  /**
-   * Resets the field value to the baseline value.
-   */
-  reset = () => {
-    this.change(this.#t.value);
-  };
-  /**
-   * Casts this controller to an ArrayController for managing array values.
-   *
-   * @param equals - Equality function for array comparison (defaults to strictEqual)
-   * @returns An ArrayController instance
-   */
-  array = (e = M) => new Te(
-    this.path,
-    this.change,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.signal,
-    this.status,
-    this.parent,
-    e
-  );
-  /**
-   * Casts this controller to an ObjectController for managing object values with field access.
-   *
-   * @param equals - Equality function for object comparison (defaults to strictEqual)
-   * @returns An ObjectController instance
-   */
-  object = (e = M) => new Ce(
-    this.path,
-    this.change,
-    this.signal,
-    this.status,
-    this.parent,
-    e
-  );
-  /**
-   * Creates a transformed controller that maps values bidirectionally.
-   * Useful for converting between internal and display representations.
-   *
-   * @template Out - The transformed value type
-   * @param transform - Function to convert from T to Out
-   * @param untransform - Function to convert from Out back to T
-   * @param subpath - Optional path segments to append
-   * @param equals - Equality function for the transformed type
-   * @returns A new Controller instance managing the transformed value
-   *
-   * @example
-   * ```typescript
-   * // Transform number to string for text input
-   * const stringController = numberController.transform(
-   *   (n) => n.toString(),
-   *   (s) => parseFloat(s) || 0
-   * )
-   * ```
-   */
-  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,
-    n
-  );
-  /**
-   * Creates a transformed controller with async bidirectional mapping.
-   * Useful for async operations like fetching related data or formatting.
-   *
-   * @template Out - The transformed value type
-   * @param transform - Async function to convert from T to Out
-   * @param untransform - Async function to convert from Out back to T
-   * @param alt - Fallback value while async transform is pending
-   * @param subpath - Optional path segments to append
-   * @param equals - Equality function for the transformed type
-   * @returns A new Controller instance managing the async-transformed value
-   */
-  asyncTransform = (e, t, i, n = [], r = M) => new E(
-    [...this.path, ...n],
-    (l) => {
-      t(l).then((a) => this.change(a));
-    },
-    this.signal.mapAsync(e, i, void 0, r),
-    this.status.map(A(n)),
-    this.parent,
-    r
-  );
-}
-class Ce extends E {
-  #e = /* @__PURE__ */ new Map();
-  #s = /* @__PURE__ */ new Map();
-  #t = /* @__PURE__ */ new Map();
-  #i = D(!1);
-  /** Reactive signal indicating whether this field or any child field is touched. */
-  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.#r;
-  #c;
-  #d;
-  #o = () => {
-    let e = !1;
-    for (const t of this.#s.values())
-      if (t) {
-        e = !0;
-        break;
-      }
-    this.#i.set(this.touched.value || e);
-  };
-  constructor(e, t, i, n, r, l) {
-    super(
-      e,
-      t,
-      i.map((o) => o ?? {}, l),
-      n,
-      r,
-      l
-    ), this.#c = this.touched.on(() => {
-      this.#o();
-    }), this.#d = this.dirty.on(() => {
-      this.#l();
-    });
-    const a = this.signal.on(() => this.#l());
-    this.onDispose(() => {
-      for (const o of this.#e.values())
-        o.dispose();
-      this.#e.clear();
-      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();
-    });
-  }
-  /**
-   * Gets or creates a controller for a specific field in the object.
-   * Controllers are cached and reused for the same field name.
-   *
-   * @template K - The field key type
-   * @param field - The field name to access
-   * @returns A Controller instance for the specified field
-   *
-   * @example
-   * ```typescript
-   * const emailController = userController.field('email')
-   * const nameController = userController.field('name')
-   * ```
-   */
-  field = (e) => {
-    if (this.#e.has(e))
-      return this.#e.get(e);
-    const t = async (l) => {
-      this.change({
-        ...this.signal.value,
-        [e]: l
-      });
-    }, i = new E(
-      [...this.path, e],
-      t,
-      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, i);
-    const n = i.touched.on((l) => {
-      this.#s.set(e, l), this.#o();
-    });
-    this.#t.set(e, n);
-    const r = i.dirty.on((l) => {
-      this.#a.set(e, l), this.#l();
-    });
-    return this.#n.set(e, r), i;
-  };
-  /**
-   * Marks this field and all child fields as touched recursively.
-   * Useful for showing all validation errors when a form is submitted.
-   */
-  markAllTouched = () => {
-    this.markTouched();
-    const e = this.signal.value;
-    for (const t of Object.keys(e))
-      this.field(t).markTouched();
-    for (const t of this.#e.values())
-      t.markTouched();
-  };
-  /**
-   * Marks this field and all child fields as pristine (resets baseline) recursively.
-   */
-  markAllPristine = () => {
-    this.markPristine();
-    const e = this.signal.value;
-    for (const t of Object.keys(e))
-      this.field(t).markPristine?.();
-    for (const t of this.#e.values())
-      t.markPristine?.();
-  };
-  #l = () => {
-    let e = !1;
-    for (const t of this.#a.values())
-      if (t) {
-        e = !0;
-        break;
-      }
-    this.#r.set(this.dirty.value || e);
-  };
-}
-class Te extends E {
-  #e = new Array();
-  /** Reactive signal containing the current array length. */
-  length;
-  #s = /* @__PURE__ */ new Map();
-  #t = /* @__PURE__ */ new Map();
-  #i = D(!1);
-  /** Reactive signal indicating whether this array or any item is touched. */
-  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.#r;
-  #c;
-  #d;
-  #o = () => {
-    let e = !1;
-    for (const t of this.#s.values())
-      if (t) {
-        e = !0;
-        break;
-      }
-    this.#i.set(this.touched.value || e);
-  };
-  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 = a.map((h) => h.length), this.#c = this.touched.on(() => {
-      this.#o();
-    }), this.#d = this.dirty.on(() => {
-      this.#l();
-    });
-    const u = this.signal.on(() => this.#l());
-    this.onDispose(() => {
-      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();
-    });
-  }
-  /**
-   * Gets or creates a controller for a specific array item by index.
-   * Controllers are cached and reused for the same index.
-   *
-   * @param index - The zero-based index of the item
-   * @returns A Controller instance for the specified item
-   *
-   * @example
-   * ```typescript
-   * const firstTaskController = tasksController.item(0)
-   * const secondTaskController = tasksController.item(1)
-   * ```
-   */
-  item = (e) => {
-    if (this.#e[e])
-      return this.#e[e];
-    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((l) => l[e]),
-      this.status.map(A([e])),
-      {
-        disabled: this.disabled,
-        validationMode: this.parent.validationMode
-      }
-    );
-    this.#e[e] = i;
-    const n = i.touched.on((l) => {
-      this.#s.set(e, l), this.#o();
-    });
-    this.#t.set(e, n);
-    const r = i.dirty.on((l) => {
-      this.#a.set(e, l), this.#l();
-    });
-    return this.#n.set(e, r), i;
-  };
-  /**
-   * Appends one or more items to the end of the array.
-   *
-   * @param value - Items to append
-   */
-  push = (...e) => {
-    this.change([...this.signal.value, ...e]);
-  };
-  /**
-   * Removes the last item from the array.
-   */
-  pop = () => {
-    this.splice(this.signal.value.length - 1, 1);
-  };
-  /**
-   * Removes the first item from the array.
-   */
-  shift = () => {
-    this.splice(0, 1);
-  };
-  /**
-   * Inserts one or more items at the beginning of the array.
-   *
-   * @param value - Items to prepend
-   */
-  unshift = (...e) => {
-    this.change([...e, ...this.signal.value]);
-  };
-  /**
-   * Removes the item at the specified index.
-   *
-   * @param index - Zero-based index of the item to remove
-   */
-  removeAt = (e) => {
-    this.splice(e, 1);
-  };
-  /**
-   * Removes items from the array starting at the specified index.
-   *
-   * @param start - Zero-based index to start removing items
-   * @param deleteCount - Number of items to remove (optional)
-   */
-  splice = (e, t) => {
-    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.
-   *
-   * @param from - Source index to move from
-   * @param to - Destination index to move to
-   * @param length - Number of items to move (defaults to 1)
-   *
-   * @example
-   * ```typescript
-   * controller.move(0, 2) // Move first item to third position
-   * controller.move(2, 0, 2) // Move items at index 2-3 to the beginning
-   * ```
-   */
-  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.
-   * Useful for showing all validation errors when a form is submitted.
-   */
-  markAllTouched = () => {
-    this.markTouched();
-    const e = this.signal.value.length;
-    for (let t = 0; t < e; t++)
-      this.item(t).markTouched();
-  };
-  /**
-   * Marks this array and all item controllers as pristine (resets baseline) recursively.
-   */
-  markAllPristine = () => {
-    this.markPristine();
-    const e = this.signal.value.length;
-    for (let t = 0; t < e; t++)
-      this.item(t).markPristine?.();
-  };
-  #l = () => {
-    let e = !1;
-    for (const t of this.#a.values())
-      if (t) {
-        e = !0;
-        break;
-      }
-    this.#r.set(this.dirty.value || e);
-  };
-}
-function _e(s) {
-  function e(t) {
-    return typeof t == "number" ? t : t.toString();
-  }
-  return s.map(
-    (t) => typeof t == "object" && t.key != null ? e(t.key) : e(t)
-  );
-}
-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: i != "" ? i : void 0
-  };
-}
-function Ie({
-  initialValue: s,
-  onChange: e,
-  validate: t,
-  equals: i,
-  validationMode: n,
-  validateDebounceMs: r
-}) {
-  const l = T.deriveProp(s), a = D(g.valid), o = D(!1), u = D(n ?? "onTouched"), h = (d) => {
-    a.set(d);
-  };
-  let p;
-  const y = async (d) => {
-    if (t != null) {
-      const w = await t(d);
-      h(w);
-    }
-  }, k = async (d) => {
-    l.set(d), e?.(d);
-    const w = u.value;
-    if (t != null) {
-      if (w === "onSubmit")
-        return;
-      const I = r ?? 0;
-      I > 0 ? (p && clearTimeout(p), p = setTimeout(() => {
-        y(d);
-      }, I)) : await y(d);
-    }
-  }, m = new E(
-    [],
-    k,
-    l,
-    a,
-    {
-      disabled: o,
-      validationMode: u
-    },
-    i ?? M
-  );
-  return m.onDispose(() => {
-    o.dispose(), l.dispose(), a.dispose(), u.dispose(), p && clearTimeout(p);
-  }), { controller: m, setStatus: h };
-}
-function K(s) {
-  return P(c.disabled(s.disabled), c.name(s.name));
-}
-function Le(s, {
-  triggerOn: e = "change"
-} = {}) {
-  return P(
-    K(s),
-    c.value(s.signal),
-    (e === "input" ? F.input : F.change)(le(s.change))
-  );
-}
-function $e(s, {
-  triggerOn: e = "change"
-} = {}) {
-  return P(
-    K(s),
-    c.valueAsNumber(s.signal),
-    (e === "input" ? F.input : F.change)(
-      ae(s.change)
-    )
-  );
-}
-function H(s) {
-  return s.issues != null ? g.invalid(we(s.issues)) : g.valid;
-}
-async function ze({
-  task: s,
-  errorMessage: e,
-  errorPath: t = ["root"],
-  validation: i
-}) {
-  try {
-    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: r
-    }) : g.invalid({
-      dependencies: Y(t, r)
-    });
-  }
-}
-function Y(s, e) {
-  if (s.length === 1)
-    return {
-      [s[0]]: { message: e }
-    };
-  const [t, ...i] = s;
-  return {
-    [t]: {
-      dependencies: Y(i, e)
-    }
-  };
-}
-function He({
-  initialValue: s = {},
-  schema: e,
-  onSubmit: t = async () => g.valid,
-  validationMode: i,
-  validateDebounceMs: n
-}) {
-  const { controller: r, setStatus: l } = Ie({
-    initialValue: s,
-    validationMode: i ?? "onTouched",
-    validateDebounceMs: n,
-    validate: (i ?? "onTouched") === "onSubmit" || e == null ? void 0 : async (h) => H(
-      await e["~standard"].validate(h)
-    )
-  }), 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 (l(k), k.type === "invalid") {
-          a.set(!1);
-          return;
-        }
-      }
-      const p = await t(o.signal.value);
-      a.set(!1), p.type === "invalid" && l(p);
-    },
-    submitting: a
-  };
-}
-export {
-  Te as A,
-  R as B,
-  Ae as C,
-  q as F,
-  We as M,
-  Ce as O,
-  pe as R,
-  Pe as a,
-  Be as b,
-  Oe as c,
-  z as d,
-  E as e,
-  A as f,
-  Ie as g,
-  j as h,
-  ye 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
-};