@tempots/beatui 0.76.0 → 0.77.0

package/dist/{use-form-B7A865EM.js → use-form-DzA1RSrN.js}

@@ -1,11 +1,11 @@
-import { Use as X, coalesce as Y, aria as F, attr as o, html as f, on as I, Value as E, Empty as T, computedOf as w, When as x, dataAttr as j, TextNode as Z, prop as S, Fragment as q, emitValue as ee, emitValueAsNumber as se } from "@tempots/dom";
+import { Use as X, coalesce as Y, aria as F, attr as o, html as b, on as I, Value as E, Empty as T, computedOf as w, When as x, dataAttr as B, TextNode as Z, prop as S, Fragment as q, emitValue as ee, emitValueAsNumber as se } from "@tempots/dom";
 import { a as te, B as ne, c as R, b as re } from "./translations-DQxouiBG.js";
 const H = /* @__PURE__ */ new Map();
 function N(e) {
   const s = H.get(e) ?? 0;
   return H.set(e, s + 1), `${e}-${s}`;
 }
-const b = {
+const m = {
   /**
    * Creates a loading state.
    * @param previousValue - The previous value.
@@ -84,7 +84,7 @@ const b = {
    * @public
    */
   getOrElse(e, s) {
-    return b.isSuccess(e) ? e.value : s;
+    return m.isSuccess(e) ? e.value : s;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns the value from the alternative function.
@@ -95,7 +95,7 @@ const b = {
    * function.
    */
   getOrElseLazy(e, s) {
-    return b.isSuccess(e) ? e.value : s();
+    return m.isSuccess(e) ? e.value : s();
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `null`.
@@ -104,7 +104,7 @@ const b = {
    * @public
    */
   getOrNull(e) {
-    return b.isSuccess(e) ? e.value : null;
+    return m.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `undefined`.
@@ -113,7 +113,7 @@ const b = {
    * @public
    */
   getOrUndefined(e) {
-    return b.isSuccess(e) ? e.value : void 0;
+    return m.isSuccess(e) ? e.value : void 0;
   },
   /**
    * Gets the value of a `AsyncResult` if it is a `Success`, otherwise it throws the error contained in the `Failure`.
@@ -121,9 +121,9 @@ const b = {
    * @returns The value of the `AsyncResult` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (b.isSuccess(e))
+    if (m.isSuccess(e))
       return e.value;
-    throw b.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
+    throw m.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
   },
   /**
    * Based on the state of the result, it picks the appropriate function to call and returns the result.
@@ -139,7 +139,7 @@ const b = {
     failure: t,
     loading: n,
     notAsked: r = n
-  }) => b.isSuccess(e) ? s(e.value) : b.isFailure(e) ? t(e.error) : b.isNotAsked(e) ? r() : n(e.previousValue),
+  }) => m.isSuccess(e) ? s(e.value) : m.isFailure(e) ? t(e.error) : m.isNotAsked(e) ? r() : n(e.previousValue),
   /**
    * When the result is a success, it applies the function to the value.
    *
@@ -148,7 +148,7 @@ const b = {
    * @returns The result that was passed in.
    * @public
    */
-  whenSuccess: (e, s) => (b.isSuccess(e) && s(e.value), e),
+  whenSuccess: (e, s) => (m.isSuccess(e) && s(e.value), e),
   /**
    * When the result is a failure, it applies the function to the error.
    *
@@ -157,7 +157,7 @@ const b = {
    * @returns The result that was passed in.
    * @public
    */
-  whenFailure: (e, s) => (b.isFailure(e) && s(e.error), e),
+  whenFailure: (e, s) => (m.isFailure(e) && s(e.error), e),
   /**
    * Compares two results for equality.
    * @param r1 - The first result.
@@ -177,11 +177,11 @@ const b = {
   all: (e) => {
     const s = [];
     for (const t of e)
-      if (b.isSuccess(t))
+      if (m.isSuccess(t))
         s.push(t.value);
       else
         return t;
-    return b.success(s);
+    return m.success(s);
   },
   /**
    * Converts a Promise to an AsyncResult.
@@ -191,12 +191,12 @@ const b = {
   ofPromise: async (e) => {
     try {
       const s = await e;
-      return b.success(s);
+      return m.success(s);
     } catch (s) {
-      return b.failure(s instanceof Error ? s : new Error(String(s)));
+      return m.failure(s instanceof Error ? s : new Error(String(s)));
     }
   }
-}, V = (e, s) => e === s || e !== e && s !== s, g = {
+}, V = (e, s) => e === s || e !== e && s !== s, f = {
   /**
    * Creates a valid `Validation`.
    * @returns A `Validation` that is `Valid`.
@@ -234,14 +234,14 @@ const b = {
    * @param invalid - The mapping function for an invalid value.
    * @returns The mapped value.
    */
-  match: (e, s, t) => g.isValid(e) ? s() : t(e.error),
+  match: (e, s, t) => f.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) => g.match(
+  toResult: (e, s) => f.match(
     e,
     () => d.success(s),
     (t) => d.failure(t)
@@ -253,7 +253,7 @@ const b = {
    * @param apply - The function to execute when the `Validation` is valid.
    * @returns The `Validation` object.
    */
-  whenValid: (e, s) => (g.isValid(e) && s(), e),
+  whenValid: (e, s) => (f.isValid(e) && s(), e),
   /**
    * Execute a function when the `Validation` is invalid.
    *
@@ -261,7 +261,7 @@ const b = {
    * @param apply - The function to execute when the `Validation` is invalid.
    * @returns The `Validation` object.
    */
-  whenInvalid: (e, s) => (g.isInvalid(e) && s(e.error), e)
+  whenInvalid: (e, s) => (f.isInvalid(e) && s(e.error), e)
 }, d = {
   /**
    * Creates a successful `Result`.
@@ -308,8 +308,8 @@ const b = {
   toAsync(e) {
     return d.match(
       e,
-      (s) => b.success(s),
-      (s) => b.failure(s)
+      (s) => m.success(s),
+      (s) => m.failure(s)
     );
   },
   /**
@@ -321,8 +321,8 @@ const b = {
   toValidation(e) {
     return d.match(
       e,
-      () => g.valid,
-      (s) => g.invalid(s)
+      () => f.valid,
+      (s) => f.invalid(s)
     );
   },
   /**
@@ -486,7 +486,7 @@ function Se({
 function $(e) {
   return `bc-label bc-label--${e}`;
 }
-const De = (...e) => f.span(o.class($("emphasis")), ...e), ie = (...e) => f.span(o.class($("default")), ...e), ae = (...e) => f.span(o.class($("muted")), ...e), Ce = (...e) => f.span(o.class($("danger")), ...e), Ee = (e) => {
+const De = (...e) => b.span(o.class($("emphasis")), ...e), ie = (...e) => b.span(o.class($("default")), ...e), ae = (...e) => b.span(o.class($("muted")), ...e), Ce = (...e) => b.span(o.class($("danger")), ...e), Ee = (e) => {
   const {
     value: s,
     onBlur: t,
@@ -497,7 +497,7 @@ const De = (...e) => f.span(o.class($("emphasis")), ...e), ie = (...e) => f.span
     checkedIcon: a,
     uncheckedIcon: c,
     iconSize: p = "lg"
-  } = e, u = l ?? N("checkbox"), m = `${u}-label`, k = () => {
+  } = e, u = l ?? N("checkbox"), v = `${u}-label`, k = () => {
     if (E.get(i ?? !1)) return;
     const h = E.get(s);
     n?.(!h);
@@ -509,9 +509,9 @@ const De = (...e) => f.span(o.class($("emphasis")), ...e), ie = (...e) => f.span
       baseContainer: !0,
       growInput: !1,
       ...e,
-      input: f.span(
+      input: b.span(
         o.class("bc-checkbox-input"),
-        f.span(
+        b.span(
           o.class("bc-checkbox-input__checkbox"),
           o.class(
             E.map(
@@ -535,7 +535,7 @@ const De = (...e) => f.span(o.class($("emphasis")), ...e), ie = (...e) => f.span
           ),
           F.checked(s),
           F.disabled(i),
-          r != null ? F.labelledby(m) : T,
+          r != null ? F.labelledby(v) : T,
           I.keydown(D),
           t != null ? I.blur(t) : T,
           R({
@@ -544,15 +544,15 @@ const De = (...e) => f.span(o.class($("emphasis")), ...e), ie = (...e) => f.span
               a,
               c
             )(
-              (h, v, C) => h ? v ?? "akar-icons/check-box-fill" : C ?? "akar-icons/box"
+              (h, g, C) => h ? g ?? "akar-icons/check-box-fill" : C ?? "akar-icons/box"
             ),
             accessibility: "decorative",
             size: p
           })
         ),
-        r != null ? f.label(
+        r != null ? b.label(
           o.class("bc-checkbox-input__label"),
-          o.id(m),
+          o.id(v),
           o.for(u),
           ae(r)
         ) : T
@@ -560,7 +560,7 @@ const De = (...e) => f.span(o.class($("emphasis")), ...e), ie = (...e) => f.span
     },
     I.click(k)
   );
-}, le = f.span(
+}, le = b.span(
   o.class("bc-input-wrapper__required"),
   " *"
 );
@@ -588,14 +588,14 @@ const W = ({
   labelFor: c,
   hasError: p,
   disabled: u,
-  layout: m,
+  layout: v,
   labelWidth: k
 }, ...D) => {
-  const h = p ?? a != null, v = u ?? !1, C = m ?? "vertical", M = N("input-wrapper"), O = i ? `${M}-description` : void 0, B = a != null ? `${M}-error` : void 0, P = w(C)((y) => y !== "vertical"), Q = w(
+  const h = p ?? a != null, g = u ?? !1, C = v ?? "vertical", M = N("input-wrapper"), O = i ? `${M}-description` : void 0, j = a != null ? `${M}-error` : void 0, P = w(C)((y) => y !== "vertical"), Q = w(
     C,
     k ?? void 0
   )((y, A) => ue(y, A));
-  return f.div(
+  return b.div(
     o.class(E.map(C, (y) => ce(y))),
     o.class(
       E.map(
@@ -604,18 +604,18 @@ const W = ({
       )
     ),
     o.style(Q),
-    t != null || r != null ? f.div(
+    t != null || r != null ? b.div(
       o.class("bc-input-wrapper__header"),
-      f.div(
+      b.div(
         o.class("bc-input-wrapper__label-section"),
-        f.label(
+        b.label(
           o.class("bc-input-wrapper__label"),
           c != null ? o.for(c) : T,
-          f.span(
+          b.span(
             o.class(
               w(
                 h,
-                v
+                g
               )(
                 (y, A) => oe(
                   y ?? !1,
@@ -633,7 +633,7 @@ const W = ({
             P,
             i
           )((y, A) => y && A != null),
-          () => f.div(
+          () => b.div(
             o.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
@@ -645,20 +645,20 @@ const W = ({
       r != null ? ie(r) : T,
       n
     ) : T,
-    f.div(
+    b.div(
       o.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [O, B].filter(Boolean).length > 0 ? j.describedby(
-        [O, B].filter(Boolean).join(" ")
+      [O, j].filter(Boolean).length > 0 ? B.describedby(
+        [O, j].filter(Boolean).join(" ")
       ) : T,
-      s ? j.required("true") : T,
-      x(h, () => j.invalid("true")),
+      s ? B.required("true") : T,
+      x(h, () => B.invalid("true")),
       l
     ),
     // Show description at bottom only when not horizontal
     x(
       w(P, i)((y, A) => !y && A != null),
-      () => f.div(
+      () => b.div(
         o.class("bc-input-wrapper__description"),
         o.id(O),
         i
@@ -666,9 +666,9 @@ const W = ({
     ),
     x(
       h,
-      () => f.div(
+      () => b.div(
         o.class("bc-input-wrapper__error"),
-        o.id(B),
+        o.id(j),
         F.live("polite"),
         // Announce errors to screen readers
         o.role("alert"),
@@ -680,7 +680,7 @@ const W = ({
   );
 };
 function Te(...e) {
-  return f.div(o.class("bc-stack"), ...e);
+  return b.div(o.class("bc-stack"), ...e);
 }
 const he = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -762,13 +762,39 @@ function fe(e) {
     ...t.map(pe)
   ].join("");
 }
+const Ve = {
+  /** A valid validation result */
+  valid: f.valid,
+  /**
+   * Create an invalid validation with a message
+   */
+  invalid(e) {
+    return f.invalid({ message: e });
+  },
+  /**
+   * Create an invalid validation with field-specific errors.
+   * Values can be error messages (strings) or full ControllerError objects.
+   */
+  invalidFields(e) {
+    const s = {};
+    for (const [t, n] of Object.entries(e))
+      s[t] = typeof n == "string" ? { message: n } : n;
+    return f.invalid({ dependencies: s });
+  },
+  /**
+   * Create an invalid validation from a ControllerError object
+   */
+  fromError(e) {
+    return f.invalid(e);
+  }
+};
 function L(e) {
   return function(t) {
     if (t.type === "valid") return t;
     let n = t.error;
     for (const r of e)
-      if (n = n?.dependencies?.[r], n == null) return g.valid;
-    return g.invalid(n);
+      if (n = n?.dependencies?.[r], n == null) return f.valid;
+    return f.invalid(n);
   };
 }
 class _ {
@@ -1011,8 +1037,8 @@ class me extends _ {
     const a = n.map((u) => u ?? [], l);
     super(s, t, a, r, i, l);
     const c = a.on((u) => {
-      const m = this.#e.length - u.length;
-      m > 0 && (this.#e.splice(u.length, m).forEach((k, D) => {
+      const v = this.#e.length - u.length;
+      v > 0 && (this.#e.splice(u.length, v).forEach((k, D) => {
         const h = u.length + D;
         k.dispose(), this.#s.get(h)?.(), this.#s.delete(h), this.#t.delete(h), this.#r.get(h)?.(), this.#r.delete(h), this.#i.delete(h);
       }), this.#c(), this.#a());
@@ -1105,7 +1131,7 @@ class me extends _ {
     this.#l.set(this.dirty.value || s);
   };
 }
-function ge(e) {
+function ve(e) {
   function s(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -1113,9 +1139,9 @@ function ge(e) {
     (t) => typeof t == "object" && t.key != null ? s(t.key) : s(t)
   );
 }
-function ve(e) {
+function ge(e) {
   const s = e.filter((r) => r.path == null || r.path.length === 0).map((r) => r.message), t = e.filter((r) => r.path != null && r.path.length > 0).reduce((r, i) => {
-    const l = ge(i.path), a = l.pop();
+    const l = ve(i.path), a = l.pop();
     let c = r;
     for (const p of l)
       c.dependencies == null && (c.dependencies = {}), c.dependencies[p] == null && (c.dependencies[p] = {}), c = c.dependencies[p];
@@ -1135,25 +1161,25 @@ function ye({
   validationMode: r,
   validateDebounceMs: i
 }) {
-  const l = E.deriveProp(e), a = S(g.valid), c = S(!1), p = S(r ?? "onTouched"), u = (v) => {
-    a.set(v);
+  const l = E.deriveProp(e), a = S(f.valid), c = S(!1), p = S(r ?? "onTouched"), u = (g) => {
+    a.set(g);
   };
-  let m;
-  const k = async (v) => {
+  let v;
+  const k = async (g) => {
     if (t != null) {
-      const C = await t(v);
+      const C = await t(g);
       u(C);
     }
-  }, D = async (v) => {
-    l.set(v), s?.(v);
+  }, D = async (g) => {
+    l.set(g), s?.(g);
     const C = p.value;
     if (t != null) {
       if (C === "onSubmit")
         return;
       const M = i ?? 0;
-      M > 0 ? (m && clearTimeout(m), m = setTimeout(() => {
-        k(v);
-      }, M)) : await k(v);
+      M > 0 ? (v && clearTimeout(v), v = setTimeout(() => {
+        k(g);
+      }, M)) : await k(g);
     }
   }, h = new _(
     [],
@@ -1167,13 +1193,13 @@ function ye({
     n ?? V
   );
   return h.onDispose(() => {
-    c.dispose(), l.dispose(), a.dispose(), p.dispose(), m && clearTimeout(m);
+    c.dispose(), l.dispose(), a.dispose(), p.dispose(), v && clearTimeout(v);
   }), { controller: h, setStatus: u };
 }
 function G(e) {
   return q(o.disabled(e.disabled), o.name(e.name));
 }
-function Ve(e, {
+function Me(e, {
   triggerOn: s = "change"
 } = {}) {
   return q(
@@ -1182,7 +1208,7 @@ function Ve(e, {
     (s === "input" ? I.input : I.change)(ee(e.change))
   );
 }
-function Me(e, {
+function Fe(e, {
   triggerOn: s = "change"
 } = {}) {
   return q(
@@ -1194,9 +1220,9 @@ function Me(e, {
   );
 }
 function U(e) {
-  return e.issues != null ? g.invalid(ve(e.issues)) : g.valid;
+  return e.issues != null ? f.invalid(ge(e.issues)) : f.valid;
 }
-async function Fe({
+async function Oe({
   task: e,
   errorMessage: s,
   errorPath: t = ["root"],
@@ -1204,12 +1230,12 @@ async function Fe({
 }) {
   try {
     const r = await e();
-    return n != null ? n(r) : g.valid;
+    return n != null ? n(r) : f.valid;
   } catch (r) {
     const i = s ?? (r instanceof Error ? r.message : "Operation failed");
-    return t.length === 1 && t[0] === "root" ? g.invalid({
+    return t.length === 1 && t[0] === "root" ? f.invalid({
       message: i
-    }) : g.invalid({
+    }) : f.invalid({
       dependencies: J(t, i)
     });
   }
@@ -1226,10 +1252,10 @@ function J(e, s) {
     }
   };
 }
-function Oe({
+function xe({
   initialValue: e = {},
   schema: s,
-  onSubmit: t = async () => g.valid,
+  onSubmit: t = async () => f.valid,
   validationMode: n,
   validateDebounceMs: r
 }) {
@@ -1254,8 +1280,8 @@ function Oe({
           return;
         }
       }
-      const m = await t(c.signal.value);
-      a.set(!1), m.type === "invalid" && l(m);
+      const v = await t(c.signal.value);
+      a.set(!1), v.type === "invalid" && l(v);
     },
     submitting: a
   };
@@ -1272,7 +1298,7 @@ export {
   V as O,
   le as R,
   Te as S,
-  g as a,
+  f as a,
   Ee as b,
   _e as c,
   z as d,
@@ -1283,16 +1309,17 @@ export {
   de as i,
   Ae as j,
   fe as k,
-  ge as l,
+  Ve as l,
   he as m,
   ve as n,
-  G as o,
+  ge as o,
   Ie as p,
-  Ve as q,
+  G as q,
   Me as r,
   N as s,
-  Fe as t,
-  Oe as u,
-  U as v,
-  pe as w
+  Oe as t,
+  xe as u,
+  Fe as v,
+  pe as w,
+  U as x
 };