@tempots/beatui 0.69.0 → 0.71.0

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

@@ -1,11 +1,11 @@
-import { Use as q, coalesce as Q, aria as x, attr as c, html as f, on as D, Value as S, Empty as C, computedOf as w, When as V, dataAttr as R, input as ne, emitValue as F, prop as E, Fragment as N, TextNode as re, emitValueAsNumber as ie, Unless as ae, Ensure as le } from "@tempots/dom";
-import { a as z, B as oe, I as B, b as W, c as ce, C as X } from "./translations-BUTBIDsS.js";
-const K = /* @__PURE__ */ new Map();
-function H(e) {
-  const s = K.get(e) ?? 0;
-  return K.set(e, s + 1), `${e}-${s}`;
+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 { 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 y = {
+const b = {
   /**
    * Creates a loading state.
    * @param previousValue - The previous value.
@@ -84,7 +84,7 @@ const y = {
    * @public
    */
   getOrElse(e, s) {
-    return y.isSuccess(e) ? e.value : s;
+    return b.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 y = {
    * function.
    */
   getOrElseLazy(e, s) {
-    return y.isSuccess(e) ? e.value : s();
+    return b.isSuccess(e) ? e.value : s();
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `null`.
@@ -104,7 +104,7 @@ const y = {
    * @public
    */
   getOrNull(e) {
-    return y.isSuccess(e) ? e.value : null;
+    return b.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value if the result is a success; otherwise, returns `undefined`.
@@ -113,7 +113,7 @@ const y = {
    * @public
    */
   getOrUndefined(e) {
-    return y.isSuccess(e) ? e.value : void 0;
+    return b.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 y = {
    * @returns The value of the `AsyncResult` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (y.isSuccess(e))
+    if (b.isSuccess(e))
       return e.value;
-    throw y.isFailure(e) ? e.error : new Error("Cannot get value from a not-asked or loading result");
+    throw b.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 y = {
     failure: t,
     loading: n,
     notAsked: r = n
-  }) => y.isSuccess(e) ? s(e.value) : y.isFailure(e) ? t(e.error) : y.isNotAsked(e) ? r() : n(e.previousValue),
+  }) => b.isSuccess(e) ? s(e.value) : b.isFailure(e) ? t(e.error) : b.isNotAsked(e) ? r() : n(e.previousValue),
   /**
    * When the result is a success, it applies the function to the value.
    *
@@ -148,7 +148,7 @@ const y = {
    * @returns The result that was passed in.
    * @public
    */
-  whenSuccess: (e, s) => (y.isSuccess(e) && s(e.value), e),
+  whenSuccess: (e, s) => (b.isSuccess(e) && s(e.value), e),
   /**
    * When the result is a failure, it applies the function to the error.
    *
@@ -157,7 +157,7 @@ const y = {
    * @returns The result that was passed in.
    * @public
    */
-  whenFailure: (e, s) => (y.isFailure(e) && s(e.error), e),
+  whenFailure: (e, s) => (b.isFailure(e) && s(e.error), e),
   /**
    * Compares two results for equality.
    * @param r1 - The first result.
@@ -177,11 +177,11 @@ const y = {
   all: (e) => {
     const s = [];
     for (const t of e)
-      if (y.isSuccess(t))
+      if (b.isSuccess(t))
         s.push(t.value);
       else
         return t;
-    return y.success(s);
+    return b.success(s);
   },
   /**
    * Converts a Promise to an AsyncResult.
@@ -191,12 +191,12 @@ const y = {
   ofPromise: async (e) => {
     try {
       const s = await e;
-      return y.success(s);
+      return b.success(s);
     } catch (s) {
-      return y.failure(s instanceof Error ? s : new Error(String(s)));
+      return b.failure(s instanceof Error ? s : new Error(String(s)));
     }
   }
-}, $ = (e, s) => e === s || e !== e && s !== s, _ = {
+}, V = (e, s) => e === s || e !== e && s !== s, g = {
   /**
    * Creates a valid `Validation`.
    * @returns A `Validation` that is `Valid`.
@@ -234,17 +234,17 @@ const y = {
    * @param invalid - The mapping function for an invalid value.
    * @returns The mapped value.
    */
-  match: (e, s, t) => _.isValid(e) ? s() : t(e.error),
+  match: (e, s, t) => g.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) => _.match(
+  toResult: (e, s) => g.match(
     e,
-    () => m.success(s),
-    (t) => m.failure(t)
+    () => d.success(s),
+    (t) => d.failure(t)
   ),
   /**
    * Execute a function when the `Validation` is valid.
@@ -253,7 +253,7 @@ const y = {
    * @param apply - The function to execute when the `Validation` is valid.
    * @returns The `Validation` object.
    */
-  whenValid: (e, s) => (_.isValid(e) && s(), e),
+  whenValid: (e, s) => (g.isValid(e) && s(), e),
   /**
    * Execute a function when the `Validation` is invalid.
    *
@@ -261,8 +261,8 @@ const y = {
    * @param apply - The function to execute when the `Validation` is invalid.
    * @returns The `Validation` object.
    */
-  whenInvalid: (e, s) => (_.isInvalid(e) && s(e.error), e)
-}, m = {
+  whenInvalid: (e, s) => (g.isInvalid(e) && s(e.error), e)
+}, d = {
   /**
    * Creates a successful `Result`.
    * @param value - The value to wrap in a `Success` type.
@@ -290,7 +290,7 @@ const y = {
    * @returns A new `Result` with the mapped value.
    * @public
    */
-  map: (e, s) => e.type === "Success" ? m.success(s(e.value)) : e,
+  map: (e, s) => e.type === "Success" ? d.success(s(e.value)) : e,
   /**
    * Maps the value of a `Result` to a new `Result`.
    * @param r - The `Result` to map.
@@ -306,10 +306,10 @@ const y = {
    * @public
    */
   toAsync(e) {
-    return m.match(
+    return d.match(
       e,
-      (s) => y.success(s),
-      (s) => y.failure(s)
+      (s) => b.success(s),
+      (s) => b.failure(s)
     );
   },
   /**
@@ -319,10 +319,10 @@ const y = {
    * @public
    */
   toValidation(e) {
-    return m.match(
+    return d.match(
       e,
-      () => _.valid,
-      (s) => _.invalid(s)
+      () => g.valid,
+      (s) => g.invalid(s)
     );
   },
   /**
@@ -351,7 +351,7 @@ const y = {
    * @public
    */
   getOrElse(e, s) {
-    return m.isSuccess(e) ? e.value : s;
+    return d.isSuccess(e) ? e.value : s;
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns the result of the provided function.
@@ -361,7 +361,7 @@ const y = {
    * @public
    */
   getOrElseLazy(e, s) {
-    return m.isSuccess(e) ? e.value : s();
+    return d.isSuccess(e) ? e.value : s();
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns `null`.
@@ -370,7 +370,7 @@ const y = {
    * @public
    */
   getOrNull(e) {
-    return m.isSuccess(e) ? e.value : null;
+    return d.isSuccess(e) ? e.value : null;
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise returns `undefined`.
@@ -379,7 +379,7 @@ const y = {
    * @public
    */
   getOrUndefined(e) {
-    return m.isSuccess(e) ? e.value : void 0;
+    return d.isSuccess(e) ? e.value : void 0;
   },
   /**
    * Gets the value of a `Result` if it is a `Success`, otherwise it throws the error contained in the `Failure`.
@@ -387,7 +387,7 @@ const y = {
    * @returns The value of the `Result` if it is a `Success`.
    */
   getUnsafe: (e) => {
-    if (m.isSuccess(e))
+    if (d.isSuccess(e))
       return e.value;
     throw e.error;
   },
@@ -398,15 +398,15 @@ const y = {
    * @returns The result of calling the appropriate function based on the state of the result.
    * @public
    */
-  match: (e, s, t) => m.isSuccess(e) ? s(e.value) : t(e.error),
+  match: (e, s, t) => d.isSuccess(e) ? s(e.value) : t(e.error),
   /**
    * Calls the provided function if the result is a success.
    * @param apply - The function to call if the result is a success.
    * @returns A function that takes a `Result` and calls the provided function if the result is a success.
    * @public
    */
-  whenSuccess: (e, s) => (m.isSuccess(e) && s(e.value), e),
-  whenFailure: (e, s) => (m.isFailure(e) && s(e.error), e),
+  whenSuccess: (e, s) => (d.isSuccess(e) && s(e.value), e),
+  whenFailure: (e, s) => (d.isFailure(e) && s(e.error), e),
   /**
    * Combines two results into a single result.
    * @param r1 - The first result.
@@ -416,18 +416,18 @@ const y = {
    * @returns The combined result.
    * @public
    */
-  combine: (e, s, t, n) => m.match(
+  combine: (e, s, t, n) => d.match(
     e,
-    (r) => m.match(
+    (r) => d.match(
       s,
-      (i) => m.success(t(r, i)),
-      (i) => m.failure(i)
+      (i) => d.success(t(r, i)),
+      (i) => d.failure(i)
     ),
-    (r) => m.match(
+    (r) => d.match(
       s,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (i) => m.failure(r),
-      (i) => m.failure(n(r, i))
+      (i) => d.failure(r),
+      (i) => d.failure(n(r, i))
     )
   ),
   /**
@@ -449,14 +449,14 @@ const y = {
   all: (e) => {
     const s = [];
     for (const t of e)
-      if (m.isSuccess(t))
+      if (d.isSuccess(t))
         s.push(t.value);
       else
         return t;
-    return m.success(s);
+    return d.success(s);
   }
 };
-function ue({
+function Se({
   size: e = "sm",
   icon: s = "line-md:close",
   disabled: t,
@@ -465,9 +465,9 @@ function ue({
   onClick: i,
   label: l
 }, ...a) {
-  return q(z, (o) => {
-    const p = Q(l, o.$.closeModal);
-    return oe(
+  return X(te, (c) => {
+    const p = Y(l, c.$.closeModal);
+    return ne(
       {
         variant: "text",
         size: e,
@@ -476,17 +476,17 @@ function ue({
         color: r,
         onClick: i
       },
-      c.title(p),
-      x.label(p),
+      o.title(p),
+      F.label(p),
       ...a,
-      B({ icon: s, size: e ?? "sm" })
+      R({ icon: s, size: e ?? "sm" })
     );
   });
 }
-function U(e) {
+function $(e) {
   return `bc-label bc-label--${e}`;
 }
-const Me = (...e) => f.span(c.class(U("emphasis")), ...e), he = (...e) => f.span(c.class(U("default")), ...e), de = (...e) => f.span(c.class(U("muted")), ...e), Oe = (...e) => f.span(c.class(U("danger")), ...e), Fe = (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 {
     value: s,
     onBlur: t,
@@ -495,88 +495,88 @@ const Me = (...e) => f.span(c.class(U("emphasis")), ...e), he = (...e) => f.span
     disabled: i,
     id: l,
     checkedIcon: a,
-    uncheckedIcon: o,
+    uncheckedIcon: c,
     iconSize: p = "lg"
-  } = e, h = l ?? H("checkbox"), b = `${h}-label`, k = () => {
-    if (S.get(i ?? !1)) return;
-    const u = S.get(s);
-    n?.(!u);
-  }, g = (u) => {
-    S.get(i ?? !1) || (u.key === " " || u.key === "Enter") && (u.preventDefault(), k());
+  } = e, u = l ?? N("checkbox"), m = `${u}-label`, k = () => {
+    if (E.get(i ?? !1)) return;
+    const h = E.get(s);
+    n?.(!h);
+  }, D = (h) => {
+    E.get(i ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), k());
   };
-  return W(
+  return re(
     {
       baseContainer: !0,
       growInput: !1,
       ...e,
       input: f.span(
-        c.class("bc-checkbox-input"),
+        o.class("bc-checkbox-input"),
         f.span(
-          c.class("bc-checkbox-input__checkbox"),
-          c.class(
-            S.map(
+          o.class("bc-checkbox-input__checkbox"),
+          o.class(
+            E.map(
               s,
-              (u) => u ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
+              (h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
-          c.class(
-            S.map(
+          o.class(
+            E.map(
               i ?? !1,
-              (u) => u ? "bc-checkbox-input__checkbox--disabled" : ""
+              (h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
-          c.id(h),
-          c.role("checkbox"),
-          c.tabindex(
-            S.map(
+          o.id(u),
+          o.role("checkbox"),
+          o.tabindex(
+            E.map(
               i ?? !1,
-              (u) => u ? -1 : 0
+              (h) => h ? -1 : 0
             )
           ),
-          x.checked(s),
-          x.disabled(i),
-          r != null ? x.labelledby(b) : C,
-          D.keydown(g),
-          t != null ? D.blur(t) : C,
-          B({
+          F.checked(s),
+          F.disabled(i),
+          r != null ? F.labelledby(m) : T,
+          I.keydown(D),
+          t != null ? I.blur(t) : T,
+          R({
             icon: w(
               s,
               a,
-              o
+              c
             )(
-              (u, d, v) => u ? d ?? "akar-icons/check-box-fill" : v ?? "akar-icons/box"
+              (h, v, C) => h ? v ?? "akar-icons/check-box-fill" : C ?? "akar-icons/box"
             ),
             accessibility: "decorative",
             size: p
           })
         ),
         r != null ? f.label(
-          c.class("bc-checkbox-input__label"),
-          c.id(b),
-          c.for(h),
-          de(r)
-        ) : C
+          o.class("bc-checkbox-input__label"),
+          o.id(m),
+          o.for(u),
+          ae(r)
+        ) : T
       )
     },
-    D.click(k)
+    I.click(k)
   );
-}, pe = f.span(
-  c.class("bc-input-wrapper__required"),
+}, le = f.span(
+  o.class("bc-input-wrapper__required"),
   " *"
 );
-function fe(e) {
+function ce(e) {
   const s = ["bc-input-wrapper"];
   return e !== "vertical" && s.push(`bc-input-wrapper--${e}`), s.join(" ");
 }
-function be(e, s) {
+function oe(e, s) {
   const t = ["bc-input-wrapper__label-text"];
   return e ? t.push("bc-input-wrapper__label-text--error") : s ? t.push("bc-input-wrapper__label-text--disabled") : t.push("bc-input-wrapper__label-text--default"), t.join(" ");
 }
-function me(e, s) {
+function ue(e, s) {
   if (e === "horizontal-fixed" && s != null)
     return `--input-wrapper-label-width: ${s}`;
 }
-const Y = ({
+const W = ({
   fullWidth: e = !1,
   required: s,
   label: t,
@@ -585,206 +585,112 @@ const Y = ({
   description: i,
   content: l,
   error: a,
-  labelFor: o,
+  labelFor: c,
   hasError: p,
-  disabled: h,
-  layout: b,
+  disabled: u,
+  layout: m,
   labelWidth: k
-}, ...g) => {
-  const u = p ?? a != null, d = h ?? !1, v = b ?? "vertical", I = H("input-wrapper"), A = i ? `${I}-description` : void 0, P = a != null ? `${I}-error` : void 0, L = w(v)((T) => T !== "vertical"), te = w(
-    v,
+}, ...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(
+    C,
     k ?? void 0
-  )((T, O) => me(T, O));
+  )((y, A) => ue(y, A));
   return f.div(
-    c.class(S.map(v, (T) => fe(T))),
-    c.class(
-      S.map(
+    o.class(E.map(C, (y) => ce(y))),
+    o.class(
+      E.map(
         e,
-        (T) => T ? "bc-input-wrapper--full-width" : ""
+        (y) => y ? "bc-input-wrapper--full-width" : ""
       )
     ),
-    c.style(te),
+    o.style(Q),
     t != null || r != null ? f.div(
-      c.class("bc-input-wrapper__header"),
+      o.class("bc-input-wrapper__header"),
       f.div(
-        c.class("bc-input-wrapper__label-section"),
+        o.class("bc-input-wrapper__label-section"),
         f.label(
-          c.class("bc-input-wrapper__label"),
-          o != null ? c.for(o) : C,
+          o.class("bc-input-wrapper__label"),
+          c != null ? o.for(c) : T,
           f.span(
-            c.class(
+            o.class(
               w(
-                u,
-                d
+                h,
+                v
               )(
-                (T, O) => be(
-                  T ?? !1,
-                  O ?? !1
+                (y, A) => oe(
+                  y ?? !1,
+                  A ?? !1
                 )
               )
             ),
             t
           ),
-          t != null && s ? pe : C
+          t != null && s ? le : T
         ),
         // Show description under label when horizontal
-        V(
+        x(
           w(
-            L,
+            P,
             i
-          )((T, O) => T && O != null),
+          )((y, A) => y && A != null),
           () => f.div(
-            c.class(
+            o.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            c.id(A),
+            o.id(O),
             i
           )
         )
       ),
-      r != null ? he(r) : C,
+      r != null ? ie(r) : T,
       n
-    ) : C,
+    ) : T,
     f.div(
-      c.class("bc-input-wrapper__content"),
+      o.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [A, P].filter(Boolean).length > 0 ? R.describedby(
-        [A, P].filter(Boolean).join(" ")
-      ) : C,
-      s ? R.required("true") : C,
-      V(u, () => R.invalid("true")),
+      [O, B].filter(Boolean).length > 0 ? j.describedby(
+        [O, B].filter(Boolean).join(" ")
+      ) : T,
+      s ? j.required("true") : T,
+      x(h, () => j.invalid("true")),
       l
     ),
     // Show description at bottom only when not horizontal
-    V(
-      w(L, i)((T, O) => !T && O != null),
+    x(
+      w(P, i)((y, A) => !y && A != null),
       () => f.div(
-        c.class("bc-input-wrapper__description"),
-        c.id(A),
+        o.class("bc-input-wrapper__description"),
+        o.id(O),
         i
       )
     ),
-    V(
-      u,
+    x(
+      h,
       () => f.div(
-        c.class("bc-input-wrapper__error"),
-        c.id(P),
-        x.live("polite"),
+        o.class("bc-input-wrapper__error"),
+        o.id(B),
+        F.live("polite"),
         // Announce errors to screen readers
-        c.role("alert"),
+        o.role("alert"),
         // Mark as alert for immediate attention
         a
       )
     ),
-    ...g
+    ...D
   );
 };
-function $e(...e) {
-  return f.div(c.class("bc-stack"), ...e);
+function Te(...e) {
+  return f.div(o.class("bc-stack"), ...e);
 }
-const xe = (e) => {
-  const s = {
-    name: "email",
-    autocomplete: "email",
-    ...e
-  }, {
-    value: t,
-    before: n,
-    onBlur: r,
-    onChange: i,
-    onInput: l,
-    placeholder: a
-  } = s, o = n ?? ce({
-    icon: "line-md:email",
-    size: e.size,
-    color: "neutral"
-  });
-  return q(
-    z,
-    (p) => W({
-      ...e,
-      before: o,
-      input: ne.email(
-        X(s),
-        c.placeholder(Q(a, p.$.emailPlaceholderText)),
-        c.value(t),
-        c.class("bc-input"),
-        r != null ? D.blur(F(r)) : C,
-        i != null ? D.change(F(i)) : C,
-        l != null ? D.input(F(l)) : C
-      )
-    })
-  );
-}, Ne = (e) => {
-  const {
-    value: s,
-    onBlur: t,
-    onChange: n,
-    onInput: r,
-    before: i,
-    after: l,
-    hasError: a,
-    disabled: o,
-    autocomplete: p,
-    placeholder: h,
-    ...b
-  } = e, k = {
-    name: "password",
-    disabled: o,
-    ...b
-  }, g = E(!0), u = w(
-    g,
-    p
-  )((d, v) => d ? v ?? "current-password" : "off");
-  return q(z, (d) => {
-    const v = w(
-      d.$.passwordPlaceholderText,
-      g,
-      h
-    )((A, P, L) => P ? "•••••••••••••••" : L ?? A), I = f.button(
-      c.type("button"),
-      c.class("bc-input-container__password-toggle"),
-      x.label(d.$.togglePasswordVisibility),
-      D.click(() => g.update((A) => !A)),
-      V(
-        g,
-        () => B({ icon: "line-md:watch" }),
-        () => B({ icon: "line-md:watch-off" })
-      )
-    );
-    return W({
-      before: i,
-      disabled: o,
-      hasError: a,
-      input: f.input(
-        X({
-          ...k,
-          autocomplete: u,
-          placeholder: v
-        }),
-        V(
-          g,
-          () => N(c.type("password")),
-          () => N(c.type("text"))
-        ),
-        c.class("bc-input"),
-        c.value(s),
-        t != null ? D.blur(F(t)) : C,
-        n != null ? D.change(F(n)) : C,
-        r != null ? D.input(F(r)) : C
-      ),
-      after: l != null ? N(I, l) : I
-    });
-  });
-}, ge = (
+const he = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, s) => () => {
     e.markTouched(), s?.();
   }
-), G = (e, s) => (t) => {
+), z = (e, s) => (t) => {
   e.change(t), s?.(t);
 };
-function Z(e, s) {
+function K(e, s) {
   const { controller: t, onBlur: n, onChange: r, id: i, triggerOn: l, ...a } = s;
   return e({
     id: i ?? t.name,
@@ -793,20 +699,20 @@ function Z(e, s) {
     hasError: t.errorVisible,
     name: t.name,
     ...a,
-    onInput: l === "input" ? G(t, r) : void 0,
-    onChange: l !== "input" ? G(t, r) : void 0,
-    onBlur: ge(t, n)
+    onInput: l === "input" ? z(t, r) : void 0,
+    onChange: l !== "input" ? z(t, r) : void 0,
+    onBlur: he(t, n)
   });
 }
-function Pe(e, { id: s, labelFor: t, ...n }, ...r) {
-  const i = s ?? n.controller.name ?? H("control"), l = t ?? i;
-  return Y(
+function _e(e, { id: s, labelFor: t, ...n }, ...r) {
+  const i = s ?? n.controller.name ?? N("control"), l = t ?? i;
+  return W(
     {
       ...n,
       hasError: n.controller.errorVisible,
-      error: re(n.controller.error.map((a) => a ?? "")),
+      error: Z(n.controller.error.map((a) => a ?? "")),
       labelFor: l,
-      content: Z(
+      content: K(
         (a) => e({ ...a, id: i }),
         n
       )
@@ -814,24 +720,24 @@ function Pe(e, { id: s, labelFor: t, ...n }, ...r) {
     ...r
   );
 }
-function ve(e, s) {
+function de(e, s) {
   const { toInput: t, fromInput: n, controller: r, ...i } = s, l = r.transform(t, n);
-  return Z(e, {
+  return K(e, {
     ...i,
     controller: l
   });
 }
-function Be(e, {
+function Ae(e, {
   id: s,
   labelFor: t,
   ...n
 }, ...r) {
-  const i = s ?? n.controller.name ?? H("control");
-  return Y(
+  const i = s ?? n.controller.name ?? N("control");
+  return W(
     {
       ...n,
       labelFor: t ?? i,
-      content: ve(e, {
+      content: de(e, {
         ...n,
         id: i
       })
@@ -839,33 +745,33 @@ function Be(e, {
     ...r
   );
 }
-function Le(e) {
+function Ie(e) {
   return e.split(".").map((t) => {
     const n = t.match(/^\[(\d+)\]$/);
     return n ? Number(n[1]) : t;
   });
 }
-function ye(e) {
+function pe(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function we(e) {
+function fe(e) {
   if (e.length === 0) return "";
   const [s, ...t] = e;
   return [
     typeof s == "number" ? `[${s}]` : s,
-    ...t.map(ye)
+    ...t.map(pe)
   ].join("");
 }
-function j(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 _.valid;
-    return _.invalid(n);
+      if (n = n?.dependencies?.[r], n == null) return g.valid;
+    return g.invalid(n);
   };
 }
-class M {
+class _ {
   path;
   change;
   signal;
@@ -877,42 +783,42 @@ class M {
   dirty;
   dependencyErrors;
   #e = {
-    disabled: E(!1),
-    touched: E(!1)
+    disabled: S(!1),
+    touched: S(!1)
   };
   #t;
-  #s = E(void 0);
+  #s = S(void 0);
   parent;
   disabled;
   #n = [];
   disabledOrHasErrors;
-  constructor(s, t, n, r, i, l = $) {
+  constructor(s, t, n, r, i, l = V) {
     this.path = s, this.change = t, this.signal = n, this.status = r, this.#t = l, this.#s.set(n.value), this.error = r.map(
       (a) => a?.type === "invalid" ? a.error?.message : void 0
     ), this.hasError = this.error.map((a) => a != null), this.touched = this.#e.touched, i.validationMode ? this.errorVisible = w(
       this.hasError,
       this.touched,
       i.validationMode
-    )((a, o, p) => p === "eager" ? !!a : !!a && !!o) : this.errorVisible = w(
+    )((a, c, p) => p === "eager" ? !!a : !!a && !!c) : this.errorVisible = w(
       this.hasError,
       this.touched
-    )((a, o) => !!a && !!o), this.dirty = w(
+    )((a, c) => !!a && !!c), this.dirty = w(
       this.signal,
       this.#s
-    )((a, o) => !this.#t(a, o)), this.dependencyErrors = r.map(
+    )((a, c) => !this.#t(a, c)), this.dependencyErrors = r.map(
       (a) => a?.type === "invalid" ? a.error?.dependencies : void 0
     ), this.parent = i, this.disabled = w(
       this.#e.disabled,
       i.disabled
-    )((a, o) => a || o), this.disabledOrHasErrors = w(
+    )((a, c) => a || c), this.disabledOrHasErrors = w(
       this.disabled,
       this.hasError
-    )((a, o) => a || o), this.onDispose(() => {
+    )((a, c) => a || c), this.onDispose(() => {
       this.#e.disabled.dispose(), this.#e.touched.dispose(), this.disabled.dispose(), this.error.dispose(), this.errorVisible.dispose(), this.dirty.dispose(), this.#s.dispose(), this.dependencyErrors.dispose(), this.disabledOrHasErrors.dispose();
     });
   }
   get name() {
-    return we(this.path);
+    return fe(this.path);
   }
   onDispose = (s) => {
     this.#n.push(s);
@@ -943,7 +849,7 @@ class M {
   reset = () => {
     this.change(this.#s.value);
   };
-  array = (s = $) => new Se(
+  array = (s = V) => new me(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -952,7 +858,7 @@ class M {
     this.parent,
     s
   );
-  object = (s = $) => new ke(
+  object = (s = V) => new be(
     this.path,
     this.change,
     this.signal,
@@ -960,38 +866,38 @@ class M {
     this.parent,
     s
   );
-  transform = (s, t, n = [], r = $) => new M(
+  transform = (s, t, n = [], r = V) => new _(
     [...this.path, ...n],
     (i) => this.change(t(i)),
     this.signal.map(s, r),
-    this.status.map(j(n)),
+    this.status.map(L(n)),
     this.parent,
     r
   );
-  asyncTransform = (s, t, n, r = [], i = $) => new M(
+  asyncTransform = (s, t, n, r = [], i = V) => new _(
     [...this.path, ...r],
     (l) => {
       t(l).then((a) => this.change(a));
     },
     this.signal.mapAsync(s, n, void 0, i),
-    this.status.map(j(r)),
+    this.status.map(L(r)),
     this.parent,
     i
   );
 }
-class ke extends M {
+class be extends _ {
   #e = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = E(!1);
+  #n = S(!1);
   touchedDeep = this.#n;
   #i = /* @__PURE__ */ new Map();
   #r = /* @__PURE__ */ new Map();
-  #l = E(!1);
+  #l = S(!1);
   dirtyDeep = this.#l;
-  #c;
+  #o;
   #u;
-  #o = () => {
+  #c = () => {
     let s = !1;
     for (const t of this.#t.values())
       if (t) {
@@ -1004,24 +910,24 @@ class ke extends M {
     super(
       s,
       t,
-      n.map((o) => o ?? {}, l),
+      n.map((c) => c ?? {}, l),
       r,
       i,
       l
-    ), this.#c = this.touched.on(() => {
-      this.#o();
+    ), this.#o = this.touched.on(() => {
+      this.#c();
     }), this.#u = this.dirty.on(() => {
       this.#a();
     });
     const a = this.signal.on(() => this.#a());
     this.onDispose(() => {
-      for (const o of this.#e.values())
-        o.dispose();
+      for (const c of this.#e.values())
+        c.dispose();
       this.#e.clear();
-      for (const o of this.#s.values()) o();
+      for (const c of this.#s.values()) c();
       this.#s.clear(), this.#t.clear(), this.#n.dispose();
-      for (const o of this.#r.values()) o();
-      this.#r.clear(), this.#i.clear(), this.#l.dispose(), this.#c(), this.#u(), a();
+      for (const c of this.#r.values()) c();
+      this.#r.clear(), this.#i.clear(), this.#l.dispose(), this.#o(), this.#u(), a();
     });
   }
   field = (s) => {
@@ -1032,11 +938,11 @@ class ke extends M {
         ...this.signal.value,
         [s]: l
       });
-    }, n = new M(
+    }, n = new _(
       [...this.path, s],
       t,
       this.signal.map((l) => l[s]),
-      this.status.map(j([s])),
+      this.status.map(L([s])),
       {
         disabled: this.disabled,
         // propagate validationMode to children if present
@@ -1045,7 +951,7 @@ class ke extends M {
     );
     this.#e.set(s, n);
     const r = n.touched.on((l) => {
-      this.#t.set(s, l), this.#o();
+      this.#t.set(s, l), this.#c();
     });
     this.#s.set(s, r);
     const i = n.dirty.on((l) => {
@@ -1079,20 +985,20 @@ class ke extends M {
     this.#l.set(this.dirty.value || s);
   };
 }
-class Se extends M {
+class me extends _ {
   #e = new Array();
   length;
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = E(!1);
+  #n = S(!1);
   touchedDeep = this.#n;
   #i = /* @__PURE__ */ new Map();
   #r = /* @__PURE__ */ new Map();
-  #l = E(!1);
+  #l = S(!1);
   dirtyDeep = this.#l;
-  #c;
+  #o;
   #u;
-  #o = () => {
+  #c = () => {
     let s = !1;
     for (const t of this.#t.values())
       if (t) {
@@ -1102,29 +1008,29 @@ class Se extends M {
     this.#n.set(this.touched.value || s);
   };
   constructor(s, t, n, r, i, l) {
-    const a = n.map((h) => h ?? [], l);
+    const a = n.map((u) => u ?? [], l);
     super(s, t, a, r, i, l);
-    const o = a.on((h) => {
-      const b = this.#e.length - h.length;
-      b > 0 && (this.#e.splice(h.length, b).forEach((k, g) => {
-        const u = h.length + g;
-        k.dispose(), this.#s.get(u)?.(), this.#s.delete(u), this.#t.delete(u), this.#r.get(u)?.(), this.#r.delete(u), this.#i.delete(u);
-      }), this.#o(), this.#a());
+    const c = a.on((u) => {
+      const m = this.#e.length - u.length;
+      m > 0 && (this.#e.splice(u.length, m).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());
     });
-    this.length = a.map((h) => h.length), this.#c = this.touched.on(() => {
-      this.#o();
+    this.length = a.map((u) => u.length), this.#o = this.touched.on(() => {
+      this.#c();
     }), this.#u = this.dirty.on(() => {
       this.#a();
     });
     const p = this.signal.on(() => this.#a());
     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.#s.values()) h();
+      for (const u of this.#e)
+        u.dispose();
+      this.length.dispose(), this.#e.length = 0, c(), a.dispose();
+      for (const u of this.#s.values()) u();
       this.#s.clear(), this.#t.clear(), this.#n.dispose();
-      for (const h of this.#r.values()) h();
-      this.#r.clear(), this.#i.clear(), this.#l.dispose(), this.#c(), this.#u(), p();
+      for (const u of this.#r.values()) u();
+      this.#r.clear(), this.#i.clear(), this.#l.dispose(), this.#o(), this.#u(), p();
     });
   }
   item = (s) => {
@@ -1133,11 +1039,11 @@ class Se extends M {
     const t = async (l) => {
       const a = this.signal.value.slice();
       a[s] = l, this.change(a);
-    }, n = new M(
+    }, n = new _(
       [...this.path, s],
       t,
       this.signal.map((l) => l[s]),
-      this.status.map(j([s])),
+      this.status.map(L([s])),
       {
         disabled: this.disabled,
         validationMode: this.parent.validationMode
@@ -1145,7 +1051,7 @@ class Se extends M {
     );
     this.#e[s] = n;
     const r = n.touched.on((l) => {
-      this.#t.set(s, l), this.#o();
+      this.#t.set(s, l), this.#c();
     });
     this.#s.set(s, r);
     const i = n.dirty.on((l) => {
@@ -1199,7 +1105,7 @@ class Se extends M {
     this.#l.set(this.dirty.value || s);
   };
 }
-function Ce(e) {
+function ge(e) {
   function s(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -1207,13 +1113,13 @@ function Ce(e) {
     (t) => typeof t == "object" && t.key != null ? s(t.key) : s(t)
   );
 }
-function _e(e) {
+function ve(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 = Ce(i.path), a = l.pop();
-    let o = r;
+    const l = ge(i.path), a = l.pop();
+    let c = r;
     for (const p of l)
-      o.dependencies == null && (o.dependencies = {}), o.dependencies[p] == null && (o.dependencies[p] = {}), o = o.dependencies[p];
-    return o.dependencies == null && (o.dependencies = {}), o.dependencies[a] = { message: i.message }, r;
+      c.dependencies == null && (c.dependencies = {}), c.dependencies[p] == null && (c.dependencies[p] = {}), c = c.dependencies[p];
+    return c.dependencies == null && (c.dependencies = {}), c.dependencies[a] = { message: i.message }, r;
   }, {}), n = s.join(`
 `);
   return {
@@ -1221,7 +1127,7 @@ function _e(e) {
     message: n != "" ? n : void 0
   };
 }
-function De({
+function ye({
   initialValue: e,
   onChange: s,
   validate: t,
@@ -1229,68 +1135,68 @@ function De({
   validationMode: r,
   validateDebounceMs: i
 }) {
-  const l = S.deriveProp(e), a = E(_.valid), o = E(!1), p = E(r ?? "onTouched"), h = (d) => {
-    a.set(d);
+  const l = E.deriveProp(e), a = S(g.valid), c = S(!1), p = S(r ?? "onTouched"), u = (v) => {
+    a.set(v);
   };
-  let b;
-  const k = async (d) => {
+  let m;
+  const k = async (v) => {
     if (t != null) {
-      const v = await t(d);
-      h(v);
+      const C = await t(v);
+      u(C);
     }
-  }, g = async (d) => {
-    l.set(d), s?.(d);
-    const v = p.value;
+  }, D = async (v) => {
+    l.set(v), s?.(v);
+    const C = p.value;
     if (t != null) {
-      if (v === "onSubmit")
+      if (C === "onSubmit")
         return;
-      const I = i ?? 0;
-      I > 0 ? (b && clearTimeout(b), b = setTimeout(() => {
-        k(d);
-      }, I)) : await k(d);
+      const M = i ?? 0;
+      M > 0 ? (m && clearTimeout(m), m = setTimeout(() => {
+        k(v);
+      }, M)) : await k(v);
     }
-  }, u = new M(
+  }, h = new _(
     [],
-    g,
+    D,
     l,
     a,
     {
-      disabled: o,
+      disabled: c,
       validationMode: p
     },
-    n ?? $
+    n ?? V
   );
-  return u.onDispose(() => {
-    o.dispose(), l.dispose(), a.dispose(), p.dispose(), b && clearTimeout(b);
-  }), { controller: u, setStatus: h };
+  return h.onDispose(() => {
+    c.dispose(), l.dispose(), a.dispose(), p.dispose(), m && clearTimeout(m);
+  }), { controller: h, setStatus: u };
 }
-function ee(e) {
-  return N(c.disabled(e.disabled), c.name(e.name));
+function G(e) {
+  return q(o.disabled(e.disabled), o.name(e.name));
 }
-function je(e, {
+function Ve(e, {
   triggerOn: s = "change"
 } = {}) {
-  return N(
-    ee(e),
-    c.value(e.signal),
-    (s === "input" ? D.input : D.change)(F(e.change))
+  return q(
+    G(e),
+    o.value(e.signal),
+    (s === "input" ? I.input : I.change)(ee(e.change))
   );
 }
-function qe(e, {
+function Me(e, {
   triggerOn: s = "change"
 } = {}) {
-  return N(
-    ee(e),
-    c.valueAsNumber(e.signal),
-    (s === "input" ? D.input : D.change)(
-      ie(e.change)
+  return q(
+    G(e),
+    o.valueAsNumber(e.signal),
+    (s === "input" ? I.input : I.change)(
+      se(e.change)
     )
   );
 }
-function J(e) {
-  return e.issues != null ? _.invalid(_e(e.issues)) : _.valid;
+function U(e) {
+  return e.issues != null ? g.invalid(ve(e.issues)) : g.valid;
 }
-async function ze({
+async function Fe({
   task: e,
   errorMessage: s,
   errorPath: t = ["root"],
@@ -1298,17 +1204,17 @@ async function ze({
 }) {
   try {
     const r = await e();
-    return n != null ? n(r) : _.valid;
+    return n != null ? n(r) : g.valid;
   } catch (r) {
     const i = s ?? (r instanceof Error ? r.message : "Operation failed");
-    return t.length === 1 && t[0] === "root" ? _.invalid({
+    return t.length === 1 && t[0] === "root" ? g.invalid({
       message: i
-    }) : _.invalid({
-      dependencies: se(t, i)
+    }) : g.invalid({
+      dependencies: J(t, i)
     });
   }
 }
-function se(e, s) {
+function J(e, s) {
   if (e.length === 1)
     return {
       [e[0]]: { message: s }
@@ -1316,186 +1222,77 @@ function se(e, s) {
   const [t, ...n] = e;
   return {
     [t]: {
-      dependencies: se(n, s)
+      dependencies: J(n, s)
     }
   };
 }
-function He({
+function Oe({
   initialValue: e = {},
   schema: s,
-  onSubmit: t = async () => _.valid,
+  onSubmit: t = async () => g.valid,
   validationMode: n,
   validateDebounceMs: r
 }) {
-  const { controller: i, setStatus: l } = De({
+  const { controller: i, setStatus: l } = ye({
     initialValue: e,
     validationMode: n ?? "onTouched",
     validateDebounceMs: r,
-    validate: (n ?? "onTouched") === "onSubmit" || s == null ? void 0 : async (h) => J(
-      await s["~standard"].validate(h)
+    validate: (n ?? "onTouched") === "onSubmit" || s == null ? void 0 : async (u) => U(
+      await s["~standard"].validate(u)
     )
-  }), a = E(!1), o = i.object();
-  return o.onDispose(a.dispose), {
-    controller: o,
+  }), a = S(!1), c = i.object();
+  return c.onDispose(a.dispose), {
+    controller: c,
     setStatus: l,
-    submit: async (h) => {
-      if (a.set(!0), h?.preventDefault(), o.markAllTouched(), s != null) {
-        const k = o.signal.value, g = J(
+    submit: async (u) => {
+      if (a.set(!0), u?.preventDefault(), c.markAllTouched(), s != null) {
+        const k = c.signal.value, D = U(
           await s["~standard"].validate(k)
         );
-        if (l(g), g.type === "invalid") {
+        if (l(D), D.type === "invalid") {
           a.set(!1);
           return;
         }
       }
-      const b = await t(o.signal.value);
-      a.set(!1), b.type === "invalid" && l(b);
+      const m = await t(c.signal.value);
+      a.set(!1), m.type === "invalid" && l(m);
     },
     submitting: a
   };
 }
-function Te(e) {
-  switch (e) {
-    case "success":
-      return "material-symbols:check-circle-outline";
-    case "warning":
-      return "material-symbols:warning-outline";
-    case "danger":
-      return "material-symbols:error-outline";
-    case "info":
-    default:
-      return "material-symbols:info-outline";
-  }
-}
-function Ee(e) {
-  switch (e) {
-    case "success":
-      return "success";
-    case "warning":
-      return "warning";
-    case "danger":
-      return "danger";
-    case "info":
-    default:
-      return "info";
-  }
-}
-function Ie(e, s, t, n) {
-  const r = [
-    "bc-notice",
-    `bc-notice--${e}`,
-    `bc-notice--tone-${s}`
-  ];
-  return t && r.push("bc-notice--dismissible"), n && n.length > 0 && r.push(n), r.join(" ");
-}
-function Ue({
-  variant: e = "info",
-  tone: s = "subtle",
-  role: t,
-  title: n,
-  icon: r,
-  closable: i = !1,
-  onDismiss: l,
-  class: a
-}, ...o) {
-  const p = E(!0);
-  return V(p, () => {
-    const h = S.map(
-      i,
-      (u) => !!u || l != null
-    ), b = S.map(e, (u) => u ?? "info"), k = S.map(s, (u) => u ?? "subtle"), g = w(
-      t,
-      b
-    )(
-      (u, d) => u ?? (d === "danger" ? "alert" : "status")
-    );
-    return q(
-      z,
-      (u) => f.div(
-        c.class(
-          w(
-            b,
-            k,
-            h,
-            a
-          )((d, v, I, A) => Ie(d, v, I, A))
-        ),
-        // Accessibility role mapping (always defined)
-        c.role(S.map(g, (d) => d)),
-        ae(
-          S.map(r, (d) => d === !1),
-          () => f.div(
-            c.class("bc-notice__icon"),
-            B({
-              icon: w(
-                r,
-                b
-              )(
-                (d, v) => d === void 0 ? Te(v) : String(d)
-              ),
-              size: "md",
-              color: S.map(b, Ee)
-            })
-          )
-        ),
-        f.div(
-          c.class("bc-notice__body"),
-          le(
-            n,
-            (d) => f.div(c.class("bc-notice__title"), d)
-          ),
-          f.div(c.class("bc-notice__content"), ...o)
-        ),
-        V(
-          h,
-          () => ue({
-            size: "xs",
-            label: u.$.closeModal,
-            onClick: () => {
-              p.set(!1), l?.();
-            }
-          })
-        )
-      )
-    );
-  });
-}
 export {
-  Se as A,
-  Z as B,
-  ue as C,
-  Oe as D,
-  xe as E,
-  Y as I,
-  he as L,
-  Be as M,
-  Ue as N,
-  $ as O,
-  Ne as P,
-  pe as R,
-  $e as S,
-  _ as a,
-  Fe as b,
-  Pe as c,
-  G as d,
-  M as e,
-  j as f,
-  ve as g,
-  we as h,
-  ke as i,
-  Ce as j,
-  _e as k,
-  De as l,
-  ge as m,
-  ee as n,
-  je as o,
-  Le as p,
-  qe as q,
-  J as r,
-  H as s,
-  ze as t,
-  He as u,
-  Me as v,
-  ye as w,
-  de as x
+  me as A,
+  K as B,
+  Se as C,
+  Ce as D,
+  De as E,
+  W as I,
+  ie as L,
+  ae as M,
+  V as O,
+  le as R,
+  Te as S,
+  g as a,
+  Ee as b,
+  _e as c,
+  z as d,
+  _ as e,
+  L as f,
+  be as g,
+  ye as h,
+  de as i,
+  Ae as j,
+  fe as k,
+  ge as l,
+  he as m,
+  ve as n,
+  G as o,
+  Ie as p,
+  Ve as q,
+  Me as r,
+  N as s,
+  Fe as t,
+  Oe as u,
+  U as v,
+  pe as w
 };