@tempots/beatui 0.61.14 → 0.63.0

package/dist/{notice-BH_pePhd.js → notice-DUpqtjgC.js}

@@ -1,5 +1,5 @@
-import { Use as q, coalesce as X, aria as x, attr as o, html as f, on as I, Value as C, Empty as _, computedOf as k, When as O, dataAttr as R, input as ne, emitValue as F, prop as E, Fragment as P, emitValueAsNumber as ie, Unless as re, Ensure as ae } from "@tempots/dom";
-import { a as z, B as le, I as N, b as W, c as ce, C as Y } from "./translations-BUTBIDsS.js";
+import { Use as q, coalesce as X, aria as x, attr as c, html as f, on as E, Value as C, Empty as _, computedOf as k, When as O, dataAttr as R, input as ne, emitValue as F, prop as I, 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 Y } from "./translations-BUTBIDsS.js";
 const K = /* @__PURE__ */ new Map();
 function H(e) {
   const s = K.get(e) ?? 0;
@@ -138,8 +138,8 @@ const w = {
     success: s,
     failure: t,
     loading: n,
-    notAsked: i = n
-  }) => w.isSuccess(e) ? s(e.value) : w.isFailure(e) ? t(e.error) : w.isNotAsked(e) ? i() : n(e.previousValue),
+    notAsked: r = n
+  }) => w.isSuccess(e) ? s(e.value) : w.isFailure(e) ? t(e.error) : w.isNotAsked(e) ? r() : n(e.previousValue),
   /**
    * When the result is a success, it applies the function to the value.
    *
@@ -166,8 +166,8 @@ const w = {
    * @returns `true` if the results are equal, `false` otherwise.
    */
   equals: (e, s, t = {
-    valueEquals: (n, i) => n === i,
-    errorEquals: (n, i) => n === i
+    valueEquals: (n, r) => n === r,
+    errorEquals: (n, r) => n === r
   }) => 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.
@@ -418,16 +418,16 @@ const w = {
    */
   combine: (e, s, t, n) => m.match(
     e,
-    (i) => m.match(
+    (r) => m.match(
       s,
-      (r) => m.success(t(i, r)),
-      (r) => m.failure(r)
+      (i) => m.success(t(r, i)),
+      (i) => m.failure(i)
     ),
-    (i) => m.match(
+    (r) => m.match(
       s,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      (r) => m.failure(i),
-      (r) => m.failure(n(i, r))
+      (i) => m.failure(r),
+      (i) => m.failure(n(r, i))
     )
   ),
   /**
@@ -438,8 +438,8 @@ const w = {
    * @returns `true` if the results are equal, `false` otherwise.
    */
   equals: (e, s, t = {
-    valueEquals: (n, i) => n === i,
-    errorEquals: (n, i) => n === i
+    valueEquals: (n, r) => n === r,
+    errorEquals: (n, r) => n === r
   }) => 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,53 +456,53 @@ const w = {
     return m.success(s);
   }
 };
-function oe({
+function ue({
   size: e = "sm",
   icon: s = "line-md:close",
   disabled: t,
   roundedness: n = "full",
-  color: i = "base",
-  onClick: r,
+  color: r = "base",
+  onClick: i,
   label: l
 }, ...a) {
-  return q(z, (c) => {
-    const p = X(l, c.$.closeModal);
-    return le(
+  return q(z, (o) => {
+    const p = X(l, o.$.closeModal);
+    return oe(
       {
         variant: "text",
         size: e,
         roundedness: n,
         disabled: t,
-        color: i,
-        onClick: r
+        color: r,
+        onClick: i
       },
-      o.title(p),
+      c.title(p),
       x.label(p),
       ...a,
-      N({ icon: s, size: e ?? "sm" })
+      B({ icon: s, size: e ?? "sm" })
     );
   });
 }
 function U(e) {
   return `bc-label bc-label--${e}`;
 }
-const Ae = (...e) => f.span(o.class(U("emphasis")), ...e), ue = (...e) => f.span(o.class(U("default")), ...e), he = (...e) => f.span(o.class(U("muted")), ...e), Ve = (...e) => f.span(o.class(U("danger")), ...e), Oe = (e) => {
+const Ve = (...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), Me = (e) => {
   const {
     value: s,
     onBlur: t,
     onChange: n,
-    placeholder: i,
-    disabled: r,
+    placeholder: r,
+    disabled: i,
     id: l,
     checkedIcon: a,
-    uncheckedIcon: c,
+    uncheckedIcon: o,
     iconSize: p = "lg"
   } = e, h = l ?? H("checkbox"), b = `${h}-label`, S = () => {
-    if (C.get(r ?? !1)) return;
+    if (C.get(i ?? !1)) return;
     const u = C.get(s);
     n?.(!u);
   }, v = (u) => {
-    C.get(r ?? !1) || (u.key === " " || u.key === "Enter") && (u.preventDefault(), S());
+    C.get(i ?? !1) || (u.key === " " || u.key === "Enter") && (u.preventDefault(), S());
   };
   return W(
     {
@@ -510,39 +510,39 @@ const Ae = (...e) => f.span(o.class(U("emphasis")), ...e), ue = (...e) => f.span
       growInput: !1,
       ...e,
       input: f.span(
-        o.class("bc-checkbox-input"),
+        c.class("bc-checkbox-input"),
         f.span(
-          o.class("bc-checkbox-input__checkbox"),
-          o.class(
+          c.class("bc-checkbox-input__checkbox"),
+          c.class(
             C.map(
               s,
               (u) => u ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
             )
           ),
-          o.class(
+          c.class(
             C.map(
-              r ?? !1,
+              i ?? !1,
               (u) => u ? "bc-checkbox-input__checkbox--disabled" : ""
             )
           ),
-          o.id(h),
-          o.role("checkbox"),
-          o.tabindex(
+          c.id(h),
+          c.role("checkbox"),
+          c.tabindex(
             C.map(
-              r ?? !1,
+              i ?? !1,
               (u) => u ? -1 : 0
             )
           ),
           x.checked(s),
-          x.disabled(r),
-          i != null ? x.labelledby(b) : _,
-          I.keydown(v),
-          t != null ? I.blur(t) : _,
-          N({
+          x.disabled(i),
+          r != null ? x.labelledby(b) : _,
+          E.keydown(v),
+          t != null ? E.blur(t) : _,
+          B({
             icon: k(
               s,
               a,
-              c
+              o
             )(
               (u, d, g) => u ? d ?? "akar-icons/check-box-fill" : g ?? "akar-icons/box"
             ),
@@ -550,25 +550,25 @@ const Ae = (...e) => f.span(o.class(U("emphasis")), ...e), ue = (...e) => f.span
             size: p
           })
         ),
-        i != null ? f.label(
-          o.class("bc-checkbox-input__label"),
-          o.id(b),
-          o.for(h),
-          he(i)
+        r != null ? f.label(
+          c.class("bc-checkbox-input__label"),
+          c.id(b),
+          c.for(h),
+          de(r)
         ) : _
       )
     },
-    I.click(S)
+    E.click(S)
   );
-}, de = f.span(
-  o.class("bc-input-wrapper__required"),
+}, pe = f.span(
+  c.class("bc-input-wrapper__required"),
   " *"
 );
-function pe(e) {
+function fe(e) {
   const s = ["bc-input-wrapper"];
   return e !== "vertical" && s.push(`bc-input-wrapper--${e}`), s.join(" ");
 }
-function fe(e, s) {
+function be(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(" ");
 }
@@ -581,20 +581,20 @@ const Z = ({
   required: s,
   label: t,
   labelChildren: n,
-  context: i,
-  description: r,
+  context: r,
+  description: i,
   content: l,
   error: a,
-  labelFor: c,
+  labelFor: o,
   hasError: p,
   disabled: h,
   layout: b,
   labelWidth: S
 }, ...v) => {
-  const u = p ?? a != null, d = h ?? !1, g = b ?? "vertical", T = H("input-wrapper"), A = r ? `${T}-description` : void 0, B = a != null ? `${T}-error` : void 0, L = k(g)((y) => y !== "vertical");
+  const u = p ?? a != null, d = h ?? !1, g = b ?? "vertical", T = H("input-wrapper"), A = i ? `${T}-description` : void 0, P = a != null ? `${T}-error` : void 0, L = k(g)((y) => y !== "vertical");
   return f.div(
-    o.class(C.map(g, (y) => pe(y))),
-    o.class(
+    c.class(C.map(g, (y) => fe(y))),
+    c.class(
       C.map(
         e,
         (y) => y ? "bc-input-wrapper--full-width" : ""
@@ -605,7 +605,7 @@ const Z = ({
         g,
         S ?? void 0
       )((y, V) => G(y, V) != null),
-      () => o.style(
+      () => c.style(
         C.map(
           k(
             g,
@@ -615,20 +615,20 @@ const Z = ({
         )
       )
     ),
-    t != null || i != null ? f.div(
-      o.class("bc-input-wrapper__header"),
+    t != null || r != null ? f.div(
+      c.class("bc-input-wrapper__header"),
       f.div(
-        o.class("bc-input-wrapper__label-section"),
+        c.class("bc-input-wrapper__label-section"),
         f.label(
-          o.class("bc-input-wrapper__label"),
-          c != null ? o.for(c) : _,
+          c.class("bc-input-wrapper__label"),
+          o != null ? c.for(o) : _,
           f.span(
-            o.class(
+            c.class(
               k(
                 u,
                 d
               )(
-                (y, V) => fe(
+                (y, V) => be(
                   y ?? !1,
                   V ?? !1
                 )
@@ -636,31 +636,31 @@ const Z = ({
             ),
             t
           ),
-          t != null && s ? de : _
+          t != null && s ? pe : _
         ),
         // Show description under label when horizontal
         O(
           k(
             L,
-            r
+            i
           )((y, V) => y && V != null),
           () => f.div(
-            o.class(
+            c.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            o.id(A),
-            r
+            c.id(A),
+            i
           )
         )
       ),
-      i != null ? ue(i) : _,
+      r != null ? he(r) : _,
       n
     ) : _,
     f.div(
-      o.class("bc-input-wrapper__content"),
+      c.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [A, B].filter(Boolean).length > 0 ? R.describedby(
-        [A, B].filter(Boolean).join(" ")
+      [A, P].filter(Boolean).length > 0 ? R.describedby(
+        [A, P].filter(Boolean).join(" ")
       ) : _,
       s ? R.required("true") : _,
       O(u, () => R.invalid("true")),
@@ -668,32 +668,32 @@ const Z = ({
     ),
     // Show description at bottom only when not horizontal
     O(
-      k(L, r)((y, V) => !y && V != null),
+      k(L, i)((y, V) => !y && V != null),
       () => f.div(
-        o.class("bc-input-wrapper__description"),
-        o.id(A),
-        r
+        c.class("bc-input-wrapper__description"),
+        c.id(A),
+        i
       )
     ),
-    a != null ? O(
+    O(
       u,
       () => f.div(
-        o.class("bc-input-wrapper__error"),
-        o.id(B),
+        c.class("bc-input-wrapper__error"),
+        c.id(P),
         x.live("polite"),
         // Announce errors to screen readers
-        o.role("alert"),
+        c.role("alert"),
         // Mark as alert for immediate attention
         a
       )
-    ) : null,
+    ),
     ...v
   );
 };
-function Me(...e) {
-  return f.div(o.class("bc-stack"), ...e);
+function Fe(...e) {
+  return f.div(c.class("bc-stack"), ...e);
 }
-const Fe = (e) => {
+const $e = (e) => {
   const s = {
     name: "email",
     autocomplete: "email",
@@ -701,11 +701,11 @@ const Fe = (e) => {
   }, {
     value: t,
     before: n,
-    onBlur: i,
-    onChange: r,
+    onBlur: r,
+    onChange: i,
     onInput: l,
     placeholder: a
-  } = s, c = n ?? ce({
+  } = s, o = n ?? ce({
     icon: "line-md:email",
     size: e.size,
     color: "neutral"
@@ -714,36 +714,36 @@ const Fe = (e) => {
     z,
     (p) => W({
       ...e,
-      before: c,
+      before: o,
       input: ne.email(
         Y(s),
-        o.placeholder(X(a, p.$.emailPlaceholderText)),
-        o.value(t),
-        o.class("bc-input"),
-        i != null ? I.blur(F(i)) : _,
-        r != null ? I.change(F(r)) : _,
-        l != null ? I.input(F(l)) : _
+        c.placeholder(X(a, p.$.emailPlaceholderText)),
+        c.value(t),
+        c.class("bc-input"),
+        r != null ? E.blur(F(r)) : _,
+        i != null ? E.change(F(i)) : _,
+        l != null ? E.input(F(l)) : _
       )
     })
   );
-}, $e = (e) => {
+}, xe = (e) => {
   const {
     value: s,
     onBlur: t,
     onChange: n,
-    onInput: i,
-    before: r,
+    onInput: r,
+    before: i,
     after: l,
     hasError: a,
-    disabled: c,
+    disabled: o,
     autocomplete: p,
     placeholder: h,
     ...b
   } = e, S = {
     name: "password",
-    disabled: c,
+    disabled: o,
     ...b
-  }, v = E(!0), u = k(
+  }, v = I(!0), u = k(
     v,
     p
   )((d, g) => d ? g ?? "current-password" : "off");
@@ -752,20 +752,20 @@ const Fe = (e) => {
       d.$.passwordPlaceholderText,
       v,
       h
-    )((A, B, L) => B ? "•••••••••••••••" : L ?? A), T = f.button(
-      o.type("button"),
-      o.class("bc-input-container__password-toggle"),
+    )((A, P, L) => P ? "•••••••••••••••" : L ?? A), T = f.button(
+      c.type("button"),
+      c.class("bc-input-container__password-toggle"),
       x.label(d.$.togglePasswordVisibility),
-      I.click(() => v.update((A) => !A)),
+      E.click(() => v.update((A) => !A)),
       O(
         v,
-        () => N({ icon: "line-md:watch" }),
-        () => N({ icon: "line-md:watch-off" })
+        () => B({ icon: "line-md:watch" }),
+        () => B({ icon: "line-md:watch-off" })
       )
     );
     return W({
-      before: r,
-      disabled: c,
+      before: i,
+      disabled: o,
       hasError: a,
       input: f.input(
         Y({
@@ -775,19 +775,19 @@ const Fe = (e) => {
         }),
         O(
           v,
-          () => P(o.type("password")),
-          () => P(o.type("text"))
+          () => N(c.type("password")),
+          () => N(c.type("text"))
         ),
-        o.class("bc-input"),
-        o.value(s),
-        t != null ? I.blur(F(t)) : _,
-        n != null ? I.change(F(n)) : _,
-        i != null ? I.input(F(i)) : _
+        c.class("bc-input"),
+        c.value(s),
+        t != null ? E.blur(F(t)) : _,
+        n != null ? E.change(F(n)) : _,
+        r != null ? E.input(F(r)) : _
       ),
-      after: l != null ? P(T, l) : T
+      after: l != null ? N(T, l) : T
     });
   });
-}, be = (
+}, me = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, s) => () => {
     e.markTouched(), s?.();
@@ -796,37 +796,39 @@ const Fe = (e) => {
   e.change(t), s?.(t);
 };
 function ee(e, s) {
-  const { controller: t, onBlur: n, onChange: i, id: r, triggerOn: l, ...a } = s;
+  const { controller: t, onBlur: n, onChange: r, id: i, triggerOn: l, ...a } = s;
   return e({
-    id: r ?? t.name,
+    id: i ?? t.name,
     disabled: t.disabled,
     value: t.signal,
     hasError: t.errorVisible,
     name: t.name,
     ...a,
-    onInput: l === "input" ? J(t, i) : void 0,
-    onChange: l !== "input" ? J(t, i) : void 0,
-    onBlur: be(t, n)
+    onInput: l === "input" ? J(t, r) : void 0,
+    onChange: l !== "input" ? J(t, r) : void 0,
+    onBlur: me(t, n)
   });
 }
-function xe(e, { id: s, labelFor: t, ...n }, ...i) {
-  const r = s ?? n.controller.name ?? H("control");
+function Ne(e, { id: s, labelFor: t, ...n }, ...r) {
+  const i = s ?? n.controller.name ?? H("control"), l = t ?? i;
   return Z(
     {
       ...n,
-      labelFor: t ?? r,
+      hasError: n.controller.errorVisible,
+      error: re(n.controller.error.map((a) => a ?? "")),
+      labelFor: l,
       content: ee(
-        (a) => e({ ...a, id: r }),
+        (a) => e({ ...a, id: i }),
         n
       )
     },
-    ...i
+    ...r
   );
 }
-function me(e, s) {
-  const { toInput: t, fromInput: n, controller: i, ...r } = s, l = i.transform(t, n);
+function ge(e, s) {
+  const { toInput: t, fromInput: n, controller: r, ...i } = s, l = r.transform(t, n);
   return ee(e, {
-    ...r,
+    ...i,
     controller: l
   });
 }
@@ -834,18 +836,18 @@ function Pe(e, {
   id: s,
   labelFor: t,
   ...n
-}, ...i) {
-  const r = s ?? n.controller.name ?? H("control");
+}, ...r) {
+  const i = s ?? n.controller.name ?? H("control");
   return Z(
     {
       ...n,
-      labelFor: t ?? r,
-      content: me(e, {
+      labelFor: t ?? i,
+      content: ge(e, {
         ...n,
-        id: r
+        id: i
       })
     },
-    ...i
+    ...r
   );
 }
 function Be(e) {
@@ -854,23 +856,23 @@ function Be(e) {
     return n ? Number(n[1]) : t;
   });
 }
-function ge(e) {
+function ve(e) {
   return typeof e == "number" ? `[${e}]` : `.${e}`;
 }
-function ve(e) {
+function ye(e) {
   if (e.length === 0) return "";
   const [s, ...t] = e;
   return [
     typeof s == "number" ? `[${s}]` : s,
-    ...t.map(ge)
+    ...t.map(ve)
   ].join("");
 }
 function j(e) {
   return function(t) {
     if (t.type === "valid") return t;
     let n = t.error;
-    for (const i of e)
-      if (n = n?.dependencies?.[i], n == null) return D.valid;
+    for (const r of e)
+      if (n = n?.dependencies?.[r], n == null) return D.valid;
     return D.invalid(n);
   };
 }
@@ -886,42 +888,42 @@ class M {
   dirty;
   dependencyErrors;
   #e = {
-    disabled: E(!1),
-    touched: E(!1)
+    disabled: I(!1),
+    touched: I(!1)
   };
   #t;
-  #s = E(void 0);
+  #s = I(void 0);
   parent;
   disabled;
   #n = [];
   disabledOrHasErrors;
-  constructor(s, t, n, i, r, l = $) {
-    this.path = s, this.change = t, this.signal = n, this.status = i, this.#t = l, this.#s.set(n.value), this.error = i.map(
+  constructor(s, t, n, r, i, l = $) {
+    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, r.validationMode ? this.errorVisible = k(
+    ), this.hasError = this.error.map((a) => a != null), this.touched = this.#e.touched, i.validationMode ? this.errorVisible = k(
       this.hasError,
       this.touched,
-      r.validationMode
-    )((a, c, p) => p === "continuous" ? !!a : !!a && !!c) : this.errorVisible = k(
+      i.validationMode
+    )((a, o, p) => p === "continuous" ? !!a : !!a && !!o) : this.errorVisible = k(
       this.hasError,
       this.touched
-    )((a, c) => !!a && !!c), this.dirty = k(
+    )((a, o) => !!a && !!o), this.dirty = k(
       this.signal,
       this.#s
-    )((a, c) => !this.#t(a, c)), this.dependencyErrors = i.map(
+    )((a, o) => !this.#t(a, o)), this.dependencyErrors = r.map(
       (a) => a?.type === "invalid" ? a.error?.dependencies : void 0
-    ), this.parent = r, this.disabled = k(
+    ), this.parent = i, this.disabled = k(
       this.#e.disabled,
-      r.disabled
-    )((a, c) => a || c), this.disabledOrHasErrors = k(
+      i.disabled
+    )((a, o) => a || o), this.disabledOrHasErrors = k(
       this.disabled,
       this.hasError
-    )((a, c) => a || 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();
     });
   }
   get name() {
-    return ve(this.path);
+    return ye(this.path);
   }
   onDispose = (s) => {
     this.#n.push(s);
@@ -952,7 +954,7 @@ class M {
   reset = () => {
     this.change(this.#s.value);
   };
-  array = (s = $) => new we(
+  array = (s = $) => new ke(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -961,7 +963,7 @@ class M {
     this.parent,
     s
   );
-  object = (s = $) => new ye(
+  object = (s = $) => new we(
     this.path,
     this.change,
     this.signal,
@@ -969,38 +971,38 @@ class M {
     this.parent,
     s
   );
-  transform = (s, t, n = [], i = $) => new M(
+  transform = (s, t, n = [], r = $) => new M(
     [...this.path, ...n],
-    (r) => this.change(t(r)),
-    this.signal.map(s, i),
+    (i) => this.change(t(i)),
+    this.signal.map(s, r),
     this.status.map(j(n)),
     this.parent,
-    i
+    r
   );
-  asyncTransform = (s, t, n, i = [], r = $) => new M(
-    [...this.path, ...i],
+  asyncTransform = (s, t, n, r = [], i = $) => new M(
+    [...this.path, ...r],
     (l) => {
       t(l).then((a) => this.change(a));
     },
-    this.signal.mapAsync(s, n, void 0, r),
-    this.status.map(j(i)),
+    this.signal.mapAsync(s, n, void 0, i),
+    this.status.map(j(r)),
     this.parent,
-    r
+    i
   );
 }
-class ye extends M {
+class we extends M {
   #e = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = E(!1);
+  #n = I(!1);
   touchedDeep = this.#n;
-  #r = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
-  #l = E(!1);
+  #r = /* @__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) {
@@ -1009,28 +1011,28 @@ class ye extends M {
       }
     this.#n.set(this.touched.value || s);
   };
-  constructor(s, t, n, i, r, l) {
+  constructor(s, t, n, r, i, l) {
     super(
       s,
       t,
-      n.map((c) => c ?? {}, l),
-      i,
+      n.map((o) => o ?? {}, l),
       r,
+      i,
       l
-    ), this.#o = this.touched.on(() => {
-      this.#c();
+    ), this.#c = this.touched.on(() => {
+      this.#o();
     }), this.#u = this.dirty.on(() => {
       this.#a();
     });
     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.#r.clear(), this.#l.dispose(), this.#o(), this.#u(), a();
+      for (const o of this.#r.values()) o();
+      this.#r.clear(), this.#i.clear(), this.#l.dispose(), this.#c(), this.#u(), a();
     });
   }
   field = (s) => {
@@ -1053,14 +1055,14 @@ class ye extends M {
       }
     );
     this.#e.set(s, n);
-    const i = n.touched.on((l) => {
-      this.#t.set(s, l), this.#c();
+    const r = n.touched.on((l) => {
+      this.#t.set(s, l), this.#o();
     });
-    this.#s.set(s, i);
-    const r = n.dirty.on((l) => {
-      this.#r.set(s, l), this.#a();
+    this.#s.set(s, r);
+    const i = n.dirty.on((l) => {
+      this.#i.set(s, l), this.#a();
     });
-    return this.#i.set(s, r), n;
+    return this.#r.set(s, i), n;
   };
   markAllTouched = () => {
     this.markTouched();
@@ -1080,7 +1082,7 @@ class ye extends M {
   };
   #a = () => {
     let s = !1;
-    for (const t of this.#r.values())
+    for (const t of this.#i.values())
       if (t) {
         s = !0;
         break;
@@ -1088,20 +1090,20 @@ class ye extends M {
     this.#l.set(this.dirty.value || s);
   };
 }
-class we extends M {
+class ke extends M {
   #e = new Array();
   length;
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = E(!1);
+  #n = I(!1);
   touchedDeep = this.#n;
-  #r = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
-  #l = E(!1);
+  #r = /* @__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) {
@@ -1110,18 +1112,18 @@ class we extends M {
       }
     this.#n.set(this.touched.value || s);
   };
-  constructor(s, t, n, i, r, l) {
+  constructor(s, t, n, r, i, l) {
     const a = n.map((h) => h ?? [], l);
-    super(s, t, a, i, r, l);
-    const c = a.on((h) => {
+    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((S, v) => {
         const u = h.length + v;
-        S.dispose(), this.#s.get(u)?.(), this.#s.delete(u), this.#t.delete(u), this.#i.get(u)?.(), this.#i.delete(u), this.#r.delete(u);
-      }), this.#c(), this.#a());
+        S.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());
     });
-    this.length = a.map((h) => h.length), this.#o = this.touched.on(() => {
-      this.#c();
+    this.length = a.map((h) => h.length), this.#c = this.touched.on(() => {
+      this.#o();
     }), this.#u = this.dirty.on(() => {
       this.#a();
     });
@@ -1129,11 +1131,11 @@ class we extends M {
     this.onDispose(() => {
       for (const h of this.#e)
         h.dispose();
-      this.length.dispose(), this.#e.length = 0, c(), a.dispose();
+      this.length.dispose(), this.#e.length = 0, o(), a.dispose();
       for (const h of this.#s.values()) h();
       this.#s.clear(), this.#t.clear(), this.#n.dispose();
-      for (const h of this.#i.values()) h();
-      this.#i.clear(), this.#r.clear(), this.#l.dispose(), this.#o(), this.#u(), p();
+      for (const h of this.#r.values()) h();
+      this.#r.clear(), this.#i.clear(), this.#l.dispose(), this.#c(), this.#u(), p();
     });
   }
   item = (s) => {
@@ -1153,14 +1155,14 @@ class we extends M {
       }
     );
     this.#e[s] = n;
-    const i = n.touched.on((l) => {
-      this.#t.set(s, l), this.#c();
+    const r = n.touched.on((l) => {
+      this.#t.set(s, l), this.#o();
     });
-    this.#s.set(s, i);
-    const r = n.dirty.on((l) => {
-      this.#r.set(s, l), this.#a();
+    this.#s.set(s, r);
+    const i = n.dirty.on((l) => {
+      this.#i.set(s, l), this.#a();
     });
-    return this.#i.set(s, r), n;
+    return this.#r.set(s, i), n;
   };
   push = (...s) => {
     this.change([...this.signal.value, ...s]);
@@ -1183,8 +1185,8 @@ class we extends M {
   };
   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);
+    const r = this.signal.value.slice(), i = r.splice(s, n);
+    r.splice(t, 0, ...i), this.change(r);
   };
   markAllTouched = () => {
     this.markTouched();
@@ -1200,7 +1202,7 @@ class we extends M {
   };
   #a = () => {
     let s = !1;
-    for (const t of this.#r.values())
+    for (const t of this.#i.values())
       if (t) {
         s = !0;
         break;
@@ -1208,7 +1210,7 @@ class we extends M {
     this.#l.set(this.dirty.value || s);
   };
 }
-function ke(e) {
+function Se(e) {
   function s(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -1216,13 +1218,13 @@ function ke(e) {
     (t) => typeof t == "object" && t.key != null ? s(t.key) : s(t)
   );
 }
-function Se(e) {
-  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 = ke(r.path), a = l.pop();
-    let c = i;
+function Ce(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 = Se(i.path), a = l.pop();
+    let o = r;
     for (const p of l)
-      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: r.message }, i;
+      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;
   }, {}), n = s.join(`
 `);
   return {
@@ -1230,15 +1232,15 @@ function Se(e) {
     message: n != "" ? n : void 0
   };
 }
-function Ce({
+function _e({
   initialValue: e,
   onChange: s,
   validate: t,
   equals: n,
-  validationMode: i,
-  validateDebounceMs: r
+  validationMode: r,
+  validateDebounceMs: i
 }) {
-  const l = C.deriveProp(e), a = E(D.valid), c = E(!1), p = E(i ?? "touchedOrSubmit"), h = (d) => {
+  const l = C.deriveProp(e), a = I(D.valid), o = I(!1), p = I(r ?? "touchedOrSubmit"), h = (d) => {
     a.set(d);
   };
   let b;
@@ -1253,7 +1255,7 @@ function Ce({
     if (t != null) {
       if (g === "onSubmit")
         return;
-      const T = r ?? 0;
+      const T = i ?? 0;
       T > 0 ? (b && clearTimeout(b), b = setTimeout(() => {
         S(d);
       }, T)) : await S(d);
@@ -1264,56 +1266,56 @@ function Ce({
     l,
     a,
     {
-      disabled: c,
+      disabled: o,
       validationMode: p
     },
     n ?? $
   );
   return u.onDispose(() => {
-    c.dispose(), l.dispose(), a.dispose(), p.dispose(), b && clearTimeout(b);
+    o.dispose(), l.dispose(), a.dispose(), p.dispose(), b && clearTimeout(b);
   }), { controller: u, setStatus: h };
 }
 function se(e) {
-  return P(o.disabled(e.disabled), o.name(e.name));
+  return N(c.disabled(e.disabled), c.name(e.name));
 }
-function Ne(e, {
+function Le(e, {
   triggerOn: s = "change"
 } = {}) {
-  return P(
+  return N(
     se(e),
-    o.value(e.signal),
-    (s === "input" ? I.input : I.change)(F(e.change))
+    c.value(e.signal),
+    (s === "input" ? E.input : E.change)(F(e.change))
   );
 }
-function Le(e, {
+function je(e, {
   triggerOn: s = "change"
 } = {}) {
-  return P(
+  return N(
     se(e),
-    o.valueAsNumber(e.signal),
-    (s === "input" ? I.input : I.change)(
+    c.valueAsNumber(e.signal),
+    (s === "input" ? E.input : E.change)(
       ie(e.change)
     )
   );
 }
 function Q(e) {
-  return e.issues != null ? D.invalid(Se(e.issues)) : D.valid;
+  return e.issues != null ? D.invalid(Ce(e.issues)) : D.valid;
 }
-async function je({
+async function qe({
   task: e,
   errorMessage: s,
   errorPath: t = ["root"],
   validation: n
 }) {
   try {
-    const i = await e();
-    return n != null ? n(i) : D.valid;
-  } catch (i) {
-    const r = s ?? (i instanceof Error ? i.message : "Operation failed");
+    const r = await e();
+    return n != null ? n(r) : D.valid;
+  } catch (r) {
+    const i = s ?? (r instanceof Error ? r.message : "Operation failed");
     return t.length === 1 && t[0] === "root" ? D.invalid({
-      message: r
+      message: i
     }) : D.invalid({
-      dependencies: te(t, r)
+      dependencies: te(t, i)
     });
   }
 }
@@ -1329,27 +1331,27 @@ function te(e, s) {
     }
   };
 }
-function qe({
+function ze({
   initialValue: e = {},
   schema: s,
   onSubmit: t = async () => D.valid,
   validationMode: n,
-  validateDebounceMs: i
+  validateDebounceMs: r
 }) {
-  const { controller: r, setStatus: l } = Ce({
+  const { controller: i, setStatus: l } = _e({
     initialValue: e,
     validationMode: n ?? "touchedOrSubmit",
-    validateDebounceMs: i,
+    validateDebounceMs: r,
     validate: (n ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (h) => Q(
       await s["~standard"].validate(h)
     )
-  }), a = E(!1), c = r.object();
-  return c.onDispose(a.dispose), {
-    controller: c,
+  }), a = I(!1), o = i.object();
+  return o.onDispose(a.dispose), {
+    controller: o,
     setStatus: l,
     submit: async (h) => {
-      if (a.set(!0), h?.preventDefault(), c.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
-        const S = c.signal.value, v = s?.["~standard"].validate;
+      if (a.set(!0), h?.preventDefault(), o.markAllTouched(), (n ?? "touchedOrSubmit") === "onSubmit") {
+        const S = o.signal.value, v = s?.["~standard"].validate;
         if (v == null) {
           a.set(!1);
           return;
@@ -1360,13 +1362,13 @@ function qe({
           return;
         }
       }
-      const b = await t(c.signal.value);
+      const b = await t(o.signal.value);
       a.set(!1), b.type === "invalid" && l(b);
     },
     submitting: a
   };
 }
-function _e(e) {
+function De(e) {
   switch (e) {
     case "success":
       return "material-symbols:check-circle-outline";
@@ -1379,7 +1381,7 @@ function _e(e) {
       return "material-symbols:info-outline";
   }
 }
-function De(e) {
+function Ee(e) {
   switch (e) {
     case "success":
       return "success";
@@ -1393,27 +1395,27 @@ function De(e) {
   }
 }
 function Ie(e, s, t, n) {
-  const i = [
+  const r = [
     "bc-notice",
     `bc-notice--${e}`,
     `bc-notice--tone-${s}`
   ];
-  return t && i.push("bc-notice--dismissible"), n && n.length > 0 && i.push(n), i.join(" ");
+  return t && r.push("bc-notice--dismissible"), n && n.length > 0 && r.push(n), r.join(" ");
 }
-function ze({
+function He({
   variant: e = "info",
   tone: s = "subtle",
   role: t,
   title: n,
-  icon: i,
-  closable: r = !1,
+  icon: r,
+  closable: i = !1,
   onDismiss: l,
   class: a
-}, ...c) {
-  const p = E(!0);
+}, ...o) {
+  const p = I(!0);
   return O(p, () => {
     const h = C.map(
-      r,
+      i,
       (u) => !!u || l != null
     ), b = C.map(e, (u) => u ?? "info"), S = C.map(s, (u) => u ?? "subtle"), v = k(
       t,
@@ -1424,7 +1426,7 @@ function ze({
     return q(
       z,
       (u) => f.div(
-        o.class(
+        c.class(
           k(
             b,
             S,
@@ -1433,34 +1435,34 @@ function ze({
           )((d, g, T, A) => Ie(d, g, T, A))
         ),
         // Accessibility role mapping (always defined)
-        o.role(C.map(v, (d) => d)),
-        re(
-          C.map(i, (d) => d === !1),
+        c.role(C.map(v, (d) => d)),
+        ae(
+          C.map(r, (d) => d === !1),
           () => f.div(
-            o.class("bc-notice__icon"),
-            N({
+            c.class("bc-notice__icon"),
+            B({
               icon: k(
-                i,
+                r,
                 b
               )(
-                (d, g) => d === void 0 ? _e(g) : String(d)
+                (d, g) => d === void 0 ? De(g) : String(d)
               ),
               size: "md",
-              color: C.map(b, De)
+              color: C.map(b, Ee)
             })
           )
         ),
         f.div(
-          o.class("bc-notice__body"),
-          ae(
+          c.class("bc-notice__body"),
+          le(
             n,
-            (d) => f.div(o.class("bc-notice__title"), d)
+            (d) => f.div(c.class("bc-notice__title"), d)
           ),
-          f.div(o.class("bc-notice__content"), ...c)
+          f.div(c.class("bc-notice__content"), ...o)
         ),
         O(
           h,
-          () => oe({
+          () => ue({
             size: "xs",
             label: u.$.closeModal,
             onClick: () => {
@@ -1473,41 +1475,41 @@ function ze({
   });
 }
 export {
-  we as A,
+  ke as A,
   ee as B,
-  oe as C,
-  Ve as D,
-  Fe as E,
+  ue as C,
+  Oe as D,
+  $e as E,
   Z as I,
-  ue as L,
+  he as L,
   Pe as M,
-  ze as N,
+  He as N,
   $ as O,
-  $e as P,
-  de as R,
-  Me as S,
+  xe as P,
+  pe as R,
+  Fe as S,
   D as a,
-  Oe as b,
-  xe as c,
+  Me as b,
+  Ne as c,
   J as d,
   M as e,
   j as f,
-  me as g,
-  ve as h,
-  ye as i,
-  ke as j,
-  Se as k,
-  Ce as l,
-  be as m,
+  ge as g,
+  ye as h,
+  we as i,
+  Se as j,
+  Ce as k,
+  _e as l,
+  me as m,
   se as n,
-  Ne as o,
+  Le as o,
   Be as p,
-  Le as q,
+  je as q,
   Q as r,
   H as s,
-  je as t,
-  qe as u,
-  Ae as v,
-  ge as w,
-  he as x
+  qe as t,
+  ze as u,
+  Ve as v,
+  ve as w,
+  de as x
 };