@tempots/beatui 0.41.0 → 0.43.0

package/dist/{notice-B5Yn_3Ay.js → notice-HsPYb-CP.js}

@@ -1,9 +1,9 @@
-import { Use as q, coalesce as J, aria as B, attr as o, html as b, on as E, Value as y, Empty as _, computedOf as C, OnDispose as Q, When as O, dataAttr as U, input as ne, emitValue as x, prop as I, Fragment as F, emitValueAsNumber as ie, Unless as ae, Ensure as re } from "@tempots/dom";
-import { a as z, B as le, I as L, b as R, c as ce, C as X } from "./translations-D-fMB_IO.js";
-const W = /* @__PURE__ */ new Map();
-function Y(e) {
-  const s = W.get(e) ?? 0;
-  return W.set(e, s + 1), `${e}-${s}`;
+import { Use as q, coalesce as Q, aria as B, attr as c, html as b, on as E, Value as y, Empty as _, computedOf as C, OnDispose as X, When as O, dataAttr as R, input as ne, emitValue as $, prop as I, Fragment as x, emitValueAsNumber as ie, Unless as re, Ensure as ae } from "@tempots/dom";
+import { a as z, B as le, I as L, b as W, c as oe, C as Y } from "./translations-D-fMB_IO.js";
+const K = /* @__PURE__ */ new Map();
+function H(e) {
+  const s = K.get(e) ?? 0;
+  return K.set(e, s + 1), `${e}-${s}`;
 }
 const S = {
   /**
@@ -137,9 +137,9 @@ const S = {
   match: (e, {
     success: s,
     failure: t,
-    loading: i,
-    notAsked: n = i
-  }) => S.isSuccess(e) ? s(e.value) : S.isFailure(e) ? t(e.error) : S.isNotAsked(e) ? n() : i(e.previousValue),
+    loading: n,
+    notAsked: i = n
+  }) => S.isSuccess(e) ? s(e.value) : S.isFailure(e) ? t(e.error) : S.isNotAsked(e) ? i() : n(e.previousValue),
   /**
    * When the result is a success, it applies the function to the value.
    *
@@ -166,8 +166,8 @@ const S = {
    * @returns `true` if the results are equal, `false` otherwise.
    */
   equals: (e, s, t = {
-    valueEquals: (i, n) => i === n,
-    errorEquals: (i, n) => i === n
+    valueEquals: (n, i) => n === i,
+    errorEquals: (n, i) => n === i
   }) => e.type === "AsyncSuccess" && s.type === "AsyncSuccess" ? t.valueEquals(e.value, s.value) : e.type === "AsyncFailure" && s.type === "AsyncFailure" ? t.errorEquals(e.error, s.error) : e.type === "Loading" && s.type === "Loading" ? t.valueEquals(e.previousValue, s.previousValue) : e.type === "NotAsked" && s.type === "NotAsked",
   /**
    * Combines multiple results into a single result.
@@ -416,18 +416,18 @@ const S = {
    * @returns The combined result.
    * @public
    */
-  combine: (e, s, t, i) => m.match(
+  combine: (e, s, t, n) => m.match(
     e,
-    (n) => m.match(
+    (i) => m.match(
       s,
-      (a) => m.success(t(n, a)),
-      (a) => m.failure(a)
+      (r) => m.success(t(i, r)),
+      (r) => m.failure(r)
     ),
-    (n) => m.match(
+    (i) => m.match(
       s,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (a) => m.failure(n),
-      (a) => m.failure(i(n, a))
+      (r) => m.failure(i),
+      (r) => m.failure(n(i, r))
     )
   ),
   /**
@@ -438,8 +438,8 @@ const S = {
    * @returns `true` if the results are equal, `false` otherwise.
    */
   equals: (e, s, t = {
-    valueEquals: (i, n) => i === n,
-    errorEquals: (i, n) => i === n
+    valueEquals: (n, i) => n === i,
+    errorEquals: (n, i) => n === i
   }) => e.type === "Success" && s.type === "Success" ? t.valueEquals(e.value, s.value) : e.type === "Failure" && s.type === "Failure" ? t.errorEquals(e.error, s.error) : !1,
   /**
    * Combines multiple results into a single result.
@@ -456,93 +456,93 @@ const S = {
     return m.success(s);
   }
 };
-function oe({
+function ce({
   size: e = "sm",
   icon: s = "line-md:close",
   disabled: t,
-  roundedness: i = "full",
-  color: n = "base",
-  onClick: a,
+  roundedness: n = "full",
+  color: i = "base",
+  onClick: r,
   label: l
-}, ...r) {
-  return q(z, (c) => {
-    const f = J(l, c.$.closeModal);
+}, ...a) {
+  return q(z, (o) => {
+    const f = Q(l, o.$.closeModal);
     return le(
       {
         variant: "text",
         size: e,
-        roundedness: i,
+        roundedness: n,
         disabled: t,
-        color: n,
-        onClick: a
+        color: i,
+        onClick: r
       },
-      o.title(f),
+      c.title(f),
       B.label(f),
-      ...r,
+      ...a,
       L({ icon: s, size: e ?? "sm" })
     );
   });
 }
-function H(e) {
+function U(e) {
   return `bc-label bc-label--${e}`;
 }
-const Ve = (...e) => b.span(o.class(H("emphasis")), ...e), ue = (...e) => b.span(o.class(H("default")), ...e), he = (...e) => b.span(o.class(H("muted")), ...e), Oe = (...e) => b.span(o.class(H("danger")), ...e), Me = (e) => {
+const Ve = (...e) => b.span(c.class(U("emphasis")), ...e), ue = (...e) => b.span(c.class(U("default")), ...e), he = (...e) => b.span(c.class(U("muted")), ...e), Oe = (...e) => b.span(c.class(U("danger")), ...e), Me = (e) => {
   const {
     value: s,
     onBlur: t,
-    onChange: i,
-    placeholder: n,
-    disabled: a,
+    onChange: n,
+    placeholder: i,
+    disabled: r,
     id: l,
-    checkedIcon: r,
-    uncheckedIcon: c,
+    checkedIcon: a,
+    uncheckedIcon: o,
     iconSize: f = "lg"
-  } = e, u = l ?? Y("checkbox"), g = `${u}-label`, w = () => {
-    if (y.get(a ?? !1)) return;
+  } = e, u = l ?? H("checkbox"), g = `${u}-label`, w = () => {
+    if (y.get(r ?? !1)) return;
     const h = y.get(s);
-    i?.(!h);
+    n?.(!h);
   }, v = (h) => {
-    y.get(a ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), w());
+    y.get(r ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), w());
   };
-  return R(
+  return W(
     {
       baseContainer: !0,
       growInput: !1,
       ...e,
       input: b.span(
-        o.class("bc-checkbox-input"),
+        c.class("bc-checkbox-input"),
         b.span(
-          o.class("bc-checkbox-input__checkbox"),
-          o.class(
+          c.class("bc-checkbox-input__checkbox"),
+          c.class(
             y.map(
               s,
               (h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
-          o.class(
+          c.class(
             y.map(
-              a ?? !1,
+              r ?? !1,
               (h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
-          o.id(u),
-          o.role("checkbox"),
-          o.tabindex(
+          c.id(u),
+          c.role("checkbox"),
+          c.tabindex(
             y.map(
-              a ?? !1,
+              r ?? !1,
               (h) => h ? -1 : 0
             )
           ),
           B.checked(s),
-          B.disabled(a),
-          n != null ? B.labelledby(g) : _,
+          B.disabled(r),
+          i != null ? B.labelledby(g) : _,
           E.keydown(v),
           t != null ? E.blur(t) : _,
           L({
             icon: C(
               s,
-              r,
-              c
+              a,
+              o
             )(
               (h, d, p) => h ? d ?? "akar-icons/check-box-fill" : p ?? "akar-icons/box"
             ),
@@ -550,18 +550,18 @@ const Ve = (...e) => b.span(o.class(H("emphasis")), ...e), ue = (...e) => b.span
             size: f
           })
         ),
-        n != null ? b.label(
-          o.class("bc-checkbox-input__label"),
-          o.id(g),
-          o.for(u),
-          he(n)
+        i != null ? b.label(
+          c.class("bc-checkbox-input__label"),
+          c.id(g),
+          c.for(u),
+          he(i)
         ) : _
       )
     },
     E.click(w)
   );
 }, de = b.span(
-  o.class("bc-input-wrapper__required"),
+  c.class("bc-input-wrapper__required"),
   " *"
 );
 function pe(e) {
@@ -572,7 +572,7 @@ function fe(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 K(e, s) {
+function G(e, s) {
   if (e === "horizontal-fixed" && s != null)
     return `--input-wrapper-label-width: ${s}`;
 }
@@ -580,22 +580,22 @@ const Z = ({
   fullWidth: e = !1,
   required: s,
   label: t,
-  labelChildren: i,
-  context: n,
-  description: a,
+  labelChildren: n,
+  context: i,
+  description: r,
   content: l,
-  error: r,
-  labelFor: c,
+  error: a,
+  labelFor: o,
   hasError: f,
   disabled: u,
   layout: g,
   labelWidth: w
 }, ...v) => {
-  const h = f ?? r != null, d = u ?? !1, p = g ?? "vertical", T = Y("input-wrapper"), A = a ? `${T}-description` : void 0, $ = r != null ? `${T}-error` : void 0, N = C(p)((k) => k !== "vertical");
+  const h = f ?? a != null, d = u ?? !1, p = g ?? "vertical", T = H("input-wrapper"), A = r ? `${T}-description` : void 0, F = a != null ? `${T}-error` : void 0, N = C(p)((k) => k !== "vertical");
   return b.div(
-    Q(N),
-    o.class(y.map(p, (k) => pe(k))),
-    o.class(
+    X(N),
+    c.class(y.map(p, (k) => pe(k))),
+    c.class(
       y.map(
         e,
         (k) => k ? "bc-input-wrapper--full-width" : ""
@@ -605,26 +605,26 @@ const Z = ({
       C(
         p,
         w ?? void 0
-      )((k, V) => K(k, V) != null),
-      () => o.style(
+      )((k, V) => G(k, V) != null),
+      () => c.style(
         y.map(
           C(
             p,
             w ?? void 0
-          )((k, V) => K(k, V)),
+          )((k, V) => G(k, V)),
           (k) => k
         )
       )
     ),
-    t != null || n != null ? b.div(
-      o.class("bc-input-wrapper__header"),
+    t != null || i != null ? b.div(
+      c.class("bc-input-wrapper__header"),
       b.div(
-        o.class("bc-input-wrapper__label-section"),
+        c.class("bc-input-wrapper__label-section"),
         b.label(
-          o.class("bc-input-wrapper__label"),
-          c != null ? o.for(c) : _,
+          c.class("bc-input-wrapper__label"),
+          o != null ? c.for(o) : _,
           b.span(
-            o.class(
+            c.class(
               C(
                 h,
                 d
@@ -643,106 +643,106 @@ const Z = ({
         O(
           C(
             N,
-            a
+            r
           )((k, V) => k && V != null),
           () => b.div(
-            o.class(
+            c.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            o.id(A),
-            a
+            c.id(A),
+            r
           )
         )
       ),
-      n != null ? ue(n) : _,
-      i
+      i != null ? ue(i) : _,
+      n
     ) : _,
     b.div(
-      o.class("bc-input-wrapper__content"),
+      c.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [A, $].filter(Boolean).length > 0 ? U.describedby(
-        [A, $].filter(Boolean).join(" ")
+      [A, F].filter(Boolean).length > 0 ? R.describedby(
+        [A, F].filter(Boolean).join(" ")
       ) : _,
-      s ? U.required("true") : _,
-      O(h, () => U.invalid("true")),
+      s ? R.required("true") : _,
+      O(h, () => R.invalid("true")),
       l
     ),
     // Show description at bottom only when not horizontal
     O(
-      C(N, a)((k, V) => !k && V != null),
+      C(N, r)((k, V) => !k && V != null),
       () => b.div(
-        o.class("bc-input-wrapper__description"),
-        o.id(A),
-        a
+        c.class("bc-input-wrapper__description"),
+        c.id(A),
+        r
       )
     ),
-    r != null ? O(
+    a != null ? O(
       h,
       () => b.div(
-        o.class("bc-input-wrapper__error"),
-        o.id($),
+        c.class("bc-input-wrapper__error"),
+        c.id(F),
         B.live("polite"),
         // Announce errors to screen readers
-        o.role("alert"),
+        c.role("alert"),
         // Mark as alert for immediate attention
-        r
+        a
       )
     ) : null,
     ...v
   );
 };
-function $e(...e) {
-  return b.div(o.class("bc-stack"), ...e);
+function Fe(...e) {
+  return b.div(c.class("bc-stack"), ...e);
 }
-const xe = (e) => {
+const $e = (e) => {
   const s = {
     name: "email",
     autocomplete: "email",
     ...e
   }, {
     value: t,
-    before: i,
-    onBlur: n,
-    onChange: a,
+    before: n,
+    onBlur: i,
+    onChange: r,
     onInput: l,
-    placeholder: r
-  } = s, c = i ?? ce({
+    placeholder: a
+  } = s, o = n ?? oe({
     icon: "line-md:email",
     size: e.size,
     color: "neutral"
   });
   return q(
     z,
-    (f) => R({
+    (f) => W({
       ...e,
-      before: c,
+      before: o,
       input: ne.email(
-        X(s),
-        o.placeholder(J(r, f.$.emailPlaceholderText)),
-        o.value(t),
-        o.class("bc-input"),
-        n != null ? E.blur(x(n)) : _,
-        a != null ? E.change(x(a)) : _,
-        l != null ? E.input(x(l)) : _
+        Y(s),
+        c.placeholder(Q(a, f.$.emailPlaceholderText)),
+        c.value(t),
+        c.class("bc-input"),
+        i != null ? E.blur($(i)) : _,
+        r != null ? E.change($(r)) : _,
+        l != null ? E.input($(l)) : _
       )
     })
   );
-}, Fe = (e) => {
+}, xe = (e) => {
   const {
     value: s,
     onBlur: t,
-    onChange: i,
-    onInput: n,
-    before: a,
+    onChange: n,
+    onInput: i,
+    before: r,
     after: l,
-    hasError: r,
-    disabled: c,
+    hasError: a,
+    disabled: o,
     autocomplete: f,
     placeholder: u,
     ...g
   } = e, w = {
     name: "password",
-    disabled: c,
+    disabled: o,
     ...g
   }, v = I(!0), h = C(
     v,
@@ -753,9 +753,9 @@ const xe = (e) => {
       d.$.passwordPlaceholderText,
       v,
       u
-    )((A, $, N) => $ ? "•••••••••••••••" : N ?? A), T = b.button(
-      o.type("button"),
-      o.class("bc-input-container__password-toggle"),
+    )((A, F, N) => F ? "•••••••••••••••" : N ?? A), T = b.button(
+      c.type("button"),
+      c.class("bc-input-container__password-toggle"),
       B.label(d.$.togglePasswordVisibility),
       E.click(() => v.update((A) => !A)),
       O(
@@ -764,28 +764,28 @@ const xe = (e) => {
         () => L({ icon: "line-md:watch-off" })
       )
     );
-    return R({
-      before: a,
-      disabled: c,
-      hasError: r,
+    return W({
+      before: r,
+      disabled: o,
+      hasError: a,
       input: b.input(
-        X({
+        Y({
           ...w,
           autocomplete: h,
           placeholder: p
         }),
         O(
           v,
-          () => F(o.type("password")),
-          () => F(o.type("text"))
+          () => x(c.type("password")),
+          () => x(c.type("text"))
         ),
-        o.class("bc-input"),
-        o.value(s),
-        t != null ? E.blur(x(t)) : _,
-        i != null ? E.change(x(i)) : _,
-        n != null ? E.input(x(n)) : _
+        c.class("bc-input"),
+        c.value(s),
+        t != null ? E.blur($(t)) : _,
+        n != null ? E.change($(n)) : _,
+        i != null ? E.input($(i)) : _
       ),
-      after: l != null ? F(T, l) : T
+      after: l != null ? x(T, l) : T
     });
   });
 }, be = (
@@ -797,49 +797,61 @@ const xe = (e) => {
   e.change(t), s?.(t);
 };
 function ee(e, s) {
-  const { controller: t, onBlur: i, onChange: n, ...a } = s;
+  const { controller: t, onBlur: n, onChange: i, id: r, ...l } = s;
   return e({
-    id: t.name,
+    id: r ?? t.name,
     disabled: t.disabled,
     value: t.signal,
     hasError: t.errorVisible,
-    ...a,
-    onChange: me(t, n),
-    onBlur: be(t, i)
+    name: t.name,
+    ...l,
+    onChange: me(t, i),
+    onBlur: be(t, n)
   });
 }
-function Pe(e, s, ...t) {
+function Pe(e, { id: s, labelFor: t, ...n }, ...i) {
+  const r = s ?? n.controller.name ?? H("control");
   return Z(
     {
-      ...s,
+      ...n,
+      labelFor: t ?? r,
       content: ee(
-        e,
-        s
+        (a) => e({ ...a, id: r }),
+        n
       )
     },
-    ...t
+    ...i
   );
 }
 function ge(e, s) {
-  const { toInput: t, fromInput: i, controller: n, ...a } = s, l = n.transform(t, i);
+  const { toInput: t, fromInput: n, controller: i, ...r } = s, l = i.transform(t, n);
   return ee(e, {
-    ...a,
+    ...r,
     controller: l
   });
 }
-function Be(e, s, ...t) {
+function Be(e, {
+  id: s,
+  labelFor: t,
+  ...n
+}, ...i) {
+  const r = s ?? n.controller.name ?? H("control");
   return Z(
     {
-      ...s,
-      content: ge(e, s)
+      ...n,
+      labelFor: t ?? r,
+      content: ge(e, {
+        ...n,
+        id: r
+      })
     },
-    ...t
+    ...i
   );
 }
 function Ne(e) {
   return e.split(".").map((t) => {
-    const i = t.match(/^\[(\d+)\]$/);
-    return i ? Number(i[1]) : t;
+    const n = t.match(/^\[(\d+)\]$/);
+    return n ? Number(n[1]) : t;
   });
 }
 function ve(e) {
@@ -856,10 +868,10 @@ function ye(e) {
 function j(e) {
   return function(t) {
     if (t.type === "valid") return t;
-    let i = t.error;
-    for (const n of e)
-      if (i = i?.dependencies?.[n], i == null) return D.valid;
-    return D.invalid(i);
+    let n = t.error;
+    for (const i of e)
+      if (n = n?.dependencies?.[i], n == null) return D.valid;
+    return D.invalid(n);
   };
 }
 class M {
@@ -883,28 +895,28 @@ class M {
   disabled;
   #n = [];
   disabledOrHasErrors;
-  constructor(s, t, i, n, a, l = P) {
-    this.path = s, this.change = t, this.signal = i, this.status = n, this.#t = l, this.#s.set(i.value), this.error = n.map(
-      (r) => r?.type === "invalid" ? r.error?.message : void 0
-    ), this.hasError = this.error.map((r) => r != null), this.touched = this.#e.touched, a.validationMode ? this.errorVisible = C(
+  constructor(s, t, n, i, r, l = P) {
+    this.path = s, this.change = t, this.signal = n, this.status = i, this.#t = l, this.#s.set(n.value), this.error = i.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 = C(
       this.hasError,
       this.touched,
-      a.validationMode
-    )((r, c, f) => f === "continuous" ? !!r : !!r && !!c) : this.errorVisible = C(
+      r.validationMode
+    )((a, o, f) => f === "continuous" ? !!a : !!a && !!o) : this.errorVisible = C(
       this.hasError,
       this.touched
-    )((r, c) => !!r && !!c), this.dirty = C(
+    )((a, o) => !!a && !!o), this.dirty = C(
       this.signal,
       this.#s
-    )((r, c) => !this.#t(r, c)), this.dependencyErrors = n.map(
-      (r) => r?.type === "invalid" ? r.error?.dependencies : void 0
-    ), this.parent = a, this.disabled = C(
+    )((a, o) => !this.#t(a, o)), this.dependencyErrors = i.map(
+      (a) => a?.type === "invalid" ? a.error?.dependencies : void 0
+    ), this.parent = r, this.disabled = C(
       this.#e.disabled,
-      a.disabled
-    )((r, c) => r || c), this.disabledOrHasErrors = C(
+      r.disabled
+    )((a, o) => a || o), this.disabledOrHasErrors = C(
       this.disabled,
       this.hasError
-    )((r, c) => r || c), 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.#s.dispose(), this.dependencyErrors.dispose(), this.disabledOrHasErrors.dispose();
     });
   }
@@ -957,23 +969,23 @@ class M {
     this.parent,
     s
   );
-  transform = (s, t, i = [], n = P) => new M(
-    [...this.path, ...i],
-    (a) => this.change(t(a)),
-    this.signal.map(s, n),
-    this.status.map(j(i)),
+  transform = (s, t, n = [], i = P) => new M(
+    [...this.path, ...n],
+    (r) => this.change(t(r)),
+    this.signal.map(s, i),
+    this.status.map(j(n)),
     this.parent,
-    n
+    i
   );
-  asyncTransform = (s, t, i, n = [], a = P) => new M(
-    [...this.path, ...n],
+  asyncTransform = (s, t, n, i = [], r = P) => new M(
+    [...this.path, ...i],
     (l) => {
-      t(l).then((r) => this.change(r));
+      t(l).then((a) => this.change(a));
     },
-    this.signal.mapAsync(s, i, void 0, a),
-    this.status.map(j(n)),
+    this.signal.mapAsync(s, n, void 0, r),
+    this.status.map(j(i)),
     this.parent,
-    a
+    r
   );
 }
 class we extends M {
@@ -982,13 +994,13 @@ class we extends M {
   #s = /* @__PURE__ */ new Map();
   #n = I(!1);
   touchedDeep = this.#n;
-  #a = /* @__PURE__ */ new Map();
+  #r = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
   #l = I(!1);
   dirtyDeep = this.#l;
-  #o;
+  #c;
   #u;
-  #c = () => {
+  #o = () => {
     let s = !1;
     for (const t of this.#t.values())
       if (t) {
@@ -997,28 +1009,28 @@ class we extends M {
       }
     this.#n.set(this.touched.value || s);
   };
-  constructor(s, t, i, n, a, l) {
+  constructor(s, t, n, i, r, l) {
     super(
       s,
       t,
-      i.map((c) => c ?? {}, l),
-      n,
-      a,
+      n.map((o) => o ?? {}, l),
+      i,
+      r,
       l
-    ), this.#o = this.touched.on(() => {
-      this.#c();
+    ), this.#c = this.touched.on(() => {
+      this.#o();
     }), this.#u = this.dirty.on(() => {
-      this.#r();
+      this.#a();
     });
-    const r = this.signal.on(() => this.#r());
+    const a = this.signal.on(() => this.#a());
     this.onDispose(() => {
-      for (const c of this.#e.values())
-        c.dispose();
+      for (const o of this.#e.values())
+        o.dispose();
       this.#e.clear();
-      for (const c of this.#s.values()) c();
+      for (const o of this.#s.values()) o();
       this.#s.clear(), this.#t.clear(), this.#n.dispose();
-      for (const c of this.#i.values()) c();
-      this.#i.clear(), this.#a.clear(), this.#l.dispose(), this.#o(), this.#u(), r();
+      for (const o of this.#i.values()) o();
+      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#c(), this.#u(), a();
     });
   }
   field = (s) => {
@@ -1029,7 +1041,7 @@ class we extends M {
         ...this.signal.value,
         [s]: l
       });
-    }, i = new M(
+    }, n = new M(
       [...this.path, s],
       t,
       this.signal.map((l) => l[s]),
@@ -1040,15 +1052,15 @@ class we extends M {
         validationMode: this.parent.validationMode
       }
     );
-    this.#e.set(s, i);
-    const n = i.touched.on((l) => {
-      this.#t.set(s, l), this.#c();
+    this.#e.set(s, n);
+    const i = n.touched.on((l) => {
+      this.#t.set(s, l), this.#o();
     });
-    this.#s.set(s, n);
-    const a = i.dirty.on((l) => {
-      this.#a.set(s, l), this.#r();
+    this.#s.set(s, i);
+    const r = n.dirty.on((l) => {
+      this.#r.set(s, l), this.#a();
     });
-    return this.#i.set(s, a), i;
+    return this.#i.set(s, r), n;
   };
   markAllTouched = () => {
     this.markTouched();
@@ -1066,9 +1078,9 @@ class we extends M {
     for (const t of this.#e.values())
       t.markPristine?.();
   };
-  #r = () => {
+  #a = () => {
     let s = !1;
-    for (const t of this.#a.values())
+    for (const t of this.#r.values())
       if (t) {
         s = !0;
         break;
@@ -1083,13 +1095,13 @@ class ke extends M {
   #s = /* @__PURE__ */ new Map();
   #n = I(!1);
   touchedDeep = this.#n;
-  #a = /* @__PURE__ */ new Map();
+  #r = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
   #l = I(!1);
   dirtyDeep = this.#l;
-  #o;
+  #c;
   #u;
-  #c = () => {
+  #o = () => {
     let s = !1;
     for (const t of this.#t.values())
       if (t) {
@@ -1098,39 +1110,39 @@ class ke extends M {
       }
     this.#n.set(this.touched.value || s);
   };
-  constructor(s, t, i, n, a, l) {
-    const r = i.map((u) => u ?? [], l);
-    super(s, t, r, n, a, l);
-    const c = r.on((u) => {
+  constructor(s, t, n, i, r, l) {
+    const a = n.map((u) => u ?? [], l);
+    super(s, t, a, i, r, l);
+    const o = a.on((u) => {
       const g = this.#e.length - u.length;
       g > 0 && (this.#e.splice(u.length, g).forEach((w, v) => {
         const h = u.length + v;
-        w.dispose(), this.#s.get(h)?.(), this.#s.delete(h), this.#t.delete(h), this.#i.get(h)?.(), this.#i.delete(h), this.#a.delete(h);
-      }), this.#c(), this.#r());
+        w.dispose(), this.#s.get(h)?.(), this.#s.delete(h), this.#t.delete(h), this.#i.get(h)?.(), this.#i.delete(h), this.#r.delete(h);
+      }), this.#o(), this.#a());
     });
-    this.length = r.map((u) => u.length), this.#o = this.touched.on(() => {
-      this.#c();
+    this.length = a.map((u) => u.length), this.#c = this.touched.on(() => {
+      this.#o();
     }), this.#u = this.dirty.on(() => {
-      this.#r();
+      this.#a();
     });
-    const f = this.signal.on(() => this.#r());
+    const f = this.signal.on(() => this.#a());
     this.onDispose(() => {
       for (const u of this.#e)
         u.dispose();
-      this.length.dispose(), this.#e.length = 0, c(), r.dispose();
+      this.length.dispose(), this.#e.length = 0, o(), a.dispose();
       for (const u of this.#s.values()) u();
       this.#s.clear(), this.#t.clear(), this.#n.dispose();
       for (const u of this.#i.values()) u();
-      this.#i.clear(), this.#a.clear(), this.#l.dispose(), this.#o(), this.#u(), f();
+      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#c(), this.#u(), f();
     });
   }
   item = (s) => {
     if (this.#e[s])
       return this.#e[s];
     const t = async (l) => {
-      const r = this.signal.value.slice();
-      r[s] = l, this.change(r);
-    }, i = new M(
+      const a = this.signal.value.slice();
+      a[s] = l, this.change(a);
+    }, n = new M(
       [...this.path, s],
       t,
       this.signal.map((l) => l[s]),
@@ -1140,15 +1152,15 @@ class ke extends M {
         validationMode: this.parent.validationMode
       }
     );
-    this.#e[s] = i;
-    const n = i.touched.on((l) => {
-      this.#t.set(s, l), this.#c();
+    this.#e[s] = n;
+    const i = n.touched.on((l) => {
+      this.#t.set(s, l), this.#o();
     });
-    this.#s.set(s, n);
-    const a = i.dirty.on((l) => {
-      this.#a.set(s, l), this.#r();
+    this.#s.set(s, i);
+    const r = n.dirty.on((l) => {
+      this.#r.set(s, l), this.#a();
     });
-    return this.#i.set(s, a), i;
+    return this.#i.set(s, r), n;
   };
   push = (...s) => {
     this.change([...this.signal.value, ...s]);
@@ -1166,13 +1178,13 @@ class ke extends M {
     this.splice(s, 1);
   };
   splice = (s, t) => {
-    const i = this.signal.value.slice();
-    i.splice(s, t), this.change(i);
+    const n = this.signal.value.slice();
+    n.splice(s, t), this.change(n);
   };
-  move = (s, t, i = 1) => {
-    if (i < 1 || s === t) return;
-    const n = this.signal.value.slice(), a = n.splice(s, i);
-    n.splice(t, 0, ...a), this.change(n);
+  move = (s, t, n = 1) => {
+    if (n < 1 || s === t) return;
+    const i = this.signal.value.slice(), r = i.splice(s, n);
+    i.splice(t, 0, ...r), this.change(i);
   };
   markAllTouched = () => {
     this.markTouched();
@@ -1186,9 +1198,9 @@ class ke extends M {
     for (let t = 0; t < s; t++)
       this.item(t).markPristine?.();
   };
-  #r = () => {
+  #a = () => {
     let s = !1;
-    for (const t of this.#a.values())
+    for (const t of this.#r.values())
       if (t) {
         s = !0;
         break;
@@ -1205,29 +1217,29 @@ function Se(e) {
   );
 }
 function Ce(e) {
-  const s = e.filter((n) => n.path == null || n.path.length === 0).map((n) => n.message), t = e.filter((n) => n.path != null && n.path.length > 0).reduce((n, a) => {
-    const l = Se(a.path), r = l.pop();
-    let c = n;
+  const s = e.filter((i) => i.path == null || i.path.length === 0).map((i) => i.message), t = e.filter((i) => i.path != null && i.path.length > 0).reduce((i, r) => {
+    const l = Se(r.path), a = l.pop();
+    let o = i;
     for (const f of l)
-      c.dependencies == null && (c.dependencies = {}), c.dependencies[f] == null && (c.dependencies[f] = {}), c = c.dependencies[f];
-    return c.dependencies == null && (c.dependencies = {}), c.dependencies[r] = { message: a.message }, n;
-  }, {}), i = s.join(`
+      o.dependencies == null && (o.dependencies = {}), o.dependencies[f] == null && (o.dependencies[f] = {}), o = o.dependencies[f];
+    return o.dependencies == null && (o.dependencies = {}), o.dependencies[a] = { message: r.message }, i;
+  }, {}), n = s.join(`
 `);
   return {
     ...t,
-    message: i != "" ? i : void 0
+    message: n != "" ? n : void 0
   };
 }
 function _e({
   initialValue: e,
   onChange: s,
   validate: t,
-  equals: i,
-  validationMode: n,
-  validateDebounceMs: a
+  equals: n,
+  validationMode: i,
+  validateDebounceMs: r
 }) {
-  const l = y.deriveProp(e), r = I(D.valid), c = I(!1), f = I(n ?? "touchedOrSubmit"), u = (d) => {
-    r.set(d);
+  const l = y.deriveProp(e), a = I(D.valid), o = I(!1), f = I(i ?? "touchedOrSubmit"), u = (d) => {
+    a.set(d);
   };
   let g;
   const w = async (d) => {
@@ -1241,7 +1253,7 @@ function _e({
     if (t != null) {
       if (p === "onSubmit")
         return;
-      const T = a ?? 0;
+      const T = r ?? 0;
       T > 0 ? (g && clearTimeout(g), g = setTimeout(() => {
         w(d);
       }, T)) : await w(d);
@@ -1250,58 +1262,58 @@ function _e({
     [],
     v,
     l,
-    r,
+    a,
     {
-      disabled: c,
+      disabled: o,
       validationMode: f
     },
-    i ?? P
+    n ?? P
   );
   return h.onDispose(() => {
-    c.dispose(), l.dispose(), r.dispose(), f.dispose(), g && clearTimeout(g);
+    o.dispose(), l.dispose(), a.dispose(), f.dispose(), g && clearTimeout(g);
   }), { controller: h, setStatus: u };
 }
 function se(e) {
-  return F(o.disabled(e.disabled), o.name(e.name));
+  return x(c.disabled(e.disabled), c.name(e.name));
 }
 function Le(e, {
   triggerOn: s = "change"
 } = {}) {
-  return F(
+  return x(
     se(e),
-    o.value(e.signal),
-    (s === "input" ? E.input : E.change)(x(e.change))
+    c.value(e.signal),
+    (s === "input" ? E.input : E.change)($(e.change))
   );
 }
 function je(e, {
   triggerOn: s = "change"
 } = {}) {
-  return F(
+  return x(
     se(e),
-    o.valueAsNumber(e.signal),
+    c.valueAsNumber(e.signal),
     (s === "input" ? E.input : E.change)(
       ie(e.change)
     )
   );
 }
-function G(e) {
+function J(e) {
   return e.issues != null ? D.invalid(Ce(e.issues)) : D.valid;
 }
 async function qe({
   task: e,
   errorMessage: s,
   errorPath: t = ["root"],
-  validation: i
+  validation: n
 }) {
   try {
-    const n = await e();
-    return i != null ? i(n) : D.valid;
-  } catch (n) {
-    const a = s ?? (n instanceof Error ? n.message : "Operation failed");
+    const i = await e();
+    return n != null ? n(i) : D.valid;
+  } catch (i) {
+    const r = s ?? (i instanceof Error ? i.message : "Operation failed");
     return t.length === 1 && t[0] === "root" ? D.invalid({
-      message: a
+      message: r
     }) : D.invalid({
-      dependencies: te(t, a)
+      dependencies: te(t, r)
     });
   }
 }
@@ -1310,10 +1322,10 @@ function te(e, s) {
     return {
       [e[0]]: { message: s }
     };
-  const [t, ...i] = e;
+  const [t, ...n] = e;
   return {
     [t]: {
-      dependencies: te(i, s)
+      dependencies: te(n, s)
     }
   };
 }
@@ -1321,37 +1333,37 @@ function ze({
   initialValue: e = {},
   schema: s,
   onSubmit: t = async () => D.valid,
-  validationMode: i,
-  validateDebounceMs: n
+  validationMode: n,
+  validateDebounceMs: i
 }) {
-  const { controller: a, setStatus: l } = _e({
+  const { controller: r, setStatus: l } = _e({
     initialValue: e,
-    validationMode: i ?? "touchedOrSubmit",
-    validateDebounceMs: n,
-    validate: (i ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (u) => G(
+    validationMode: n ?? "touchedOrSubmit",
+    validateDebounceMs: i,
+    validate: (n ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (u) => J(
       await s["~standard"].validate(u)
     )
-  }), r = I(!1), c = a.object();
-  return c.onDispose(r.dispose), {
-    controller: c,
+  }), a = I(!1), o = r.object();
+  return o.onDispose(a.dispose), {
+    controller: o,
     setStatus: l,
     submit: async (u) => {
-      if (r.set(!0), u?.preventDefault(), c.markAllTouched(), (i ?? "touchedOrSubmit") === "onSubmit") {
-        const w = c.signal.value, v = s?.["~standard"].validate;
+      if (a.set(!0), u?.preventDefault(), o.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
+        const w = o.signal.value, v = s?.["~standard"].validate;
         if (v == null) {
-          r.set(!1);
+          a.set(!1);
           return;
         }
-        const h = G(await v(w));
+        const h = J(await v(w));
         if (l(h), h.type === "invalid") {
-          r.set(!1);
+          a.set(!1);
           return;
         }
       }
-      const g = await t(c.signal.value);
-      r.set(!1), g.type === "invalid" && l(g);
+      const g = await t(o.signal.value);
+      a.set(!1), g.type === "invalid" && l(g);
     },
-    submitting: r
+    submitting: a
   };
 }
 function De(e) {
@@ -1380,26 +1392,26 @@ function Ee(e) {
       return "info";
   }
 }
-function Ie(e, s, t, i) {
-  const n = [
+function Ie(e, s, t, n) {
+  const i = [
     "bc-notice",
     `bc-notice--${e}`,
     `bc-notice--tone-${s}`
   ];
-  return t && n.push("bc-notice--dismissible"), i && i.length > 0 && n.push(i), n.join(" ");
+  return t && i.push("bc-notice--dismissible"), n && n.length > 0 && i.push(n), i.join(" ");
 }
 function He({
   variant: e = "info",
   tone: s = "subtle",
   role: t,
-  title: i,
-  icon: n,
-  closable: a = !1,
+  title: n,
+  icon: i,
+  closable: r = !1,
   onDismiss: l,
-  class: r
-}, ...c) {
+  class: a
+}, ...o) {
   const f = y.map(
-    a,
+    r,
     (d) => !!d || l != null
   ), u = y.map(e, (d) => d ?? "info"), g = y.map(s, (d) => d ?? "subtle"), w = C(
     t,
@@ -1409,23 +1421,23 @@ function He({
   ), v = I(!0), h = q(
     z,
     (d) => b.div(
-      o.class(
+      c.class(
         C(
           u,
           g,
           f,
-          r
-        )((p, T, A, $) => Ie(p, T, A, $))
+          a
+        )((p, T, A, F) => Ie(p, T, A, F))
       ),
       // Accessibility role mapping (always defined)
-      o.role(y.map(w, (p) => p)),
-      ae(
-        y.map(n, (p) => p === !1),
+      c.role(y.map(w, (p) => p)),
+      re(
+        y.map(i, (p) => p === !1),
         () => b.div(
-          o.class("bc-notice__icon"),
+          c.class("bc-notice__icon"),
           L({
             icon: C(
-              n,
+              i,
               u
             )((p, T) => p === void 0 ? De(T) : String(p)),
             size: "md",
@@ -1434,13 +1446,13 @@ function He({
         )
       ),
       b.div(
-        o.class("bc-notice__body"),
-        re(i, (p) => b.div(o.class("bc-notice__title"), p)),
-        b.div(o.class("bc-notice__content"), ...c)
+        c.class("bc-notice__body"),
+        ae(n, (p) => b.div(c.class("bc-notice__title"), p)),
+        b.div(c.class("bc-notice__content"), ...o)
       ),
       O(
         f,
-        () => oe({
+        () => ce({
           size: "xs",
           label: d.$.closeModal,
           onClick: () => {
@@ -1450,8 +1462,8 @@ function He({
       )
     )
   );
-  return F(
-    Q(
+  return x(
+    X(
       () => {
         y.dispose(f), y.dispose(u), y.dispose(g);
       },
@@ -1464,17 +1476,17 @@ function He({
 export {
   ke as A,
   ee as B,
-  oe as C,
+  ce as C,
   Oe as D,
-  xe as E,
+  $e as E,
   Z as I,
   ue as L,
   Be as M,
   He as N,
   P as O,
-  Fe as P,
+  xe as P,
   de as R,
-  $e as S,
+  Fe as S,
   D as a,
   Me as b,
   Pe as c,
@@ -1492,8 +1504,8 @@ export {
   Le as o,
   Ne as p,
   je as q,
-  G as r,
-  Y as s,
+  J as r,
+  H as s,
   qe as t,
   ze as u,
   Ve as v,