@tempots/beatui 0.38.0 → 0.40.0

package/dist/{utils-B_QSuN66.js → utils-BCbc19N0.js}

@@ -1,9 +1,9 @@
-import { Use as H, Value as u, prop as et, html as I, attr as a, on as C, WithElement as it, OnDispose as W, aria as N, bind as _t, computedOf as L, style as dt, When as E, NotEmpty as Gt, Fragment as V, ForEach as ft, svg as At, svgAttr as ht, Empty as T, emitValue as P, coalesce as Qt, Ensure as Jt, OneOfType as Kt, Repeat as Pt, signal as Ft, input as K, emitValueAsNullableDate as te, emitValueAsNullableDateTime as ee, emitValueAsNumber as G, emit as ne, Task as Bt } from "@tempots/dom";
+import { Use as W, Value as u, prop as et, html as I, OnDispose as N, attr as a, on as C, WithElement as it, aria as z, bind as _t, computedOf as L, style as dt, When as E, NotEmpty as Gt, Fragment as B, ForEach as ft, svg as At, svgAttr as ht, Empty as T, emitValue as j, coalesce as Qt, Ensure as Jt, OneOfType as Kt, Repeat as Pt, signal as Ft, input as K, emitValueAsNullableDate as te, emitValueAsNullableDateTime as ee, emitValueAsNumber as G, emit as ne, Task as Bt } from "@tempots/dom";
 import { f as se } from "./colors-WfmhQ5e1.js";
 import { g as re } from "./timer-DzWb416P.js";
 import { ElementRect as jt, AutoSelect as le } from "@tempots/ui";
-import { a as X, b as O, f as ae, I as z, C as j, d as yt, T as oe, L as ce, c as Vt, e as ie, B as gt } from "./translations-iam7PITs.js";
-import { C as $t, m as ue, d as pe, I as Ht, E as de, P as fe, S as ct, s as me, e as bt, O as lt, f as Lt } from "./notice-BuYqG6zM.js";
+import { a as X, b as P, f as ae, I as R, C as H, d as yt, T as oe, L as ce, c as Vt, e as ie, B as gt } from "./translations-DEEflRUY.js";
+import { C as $t, m as ue, d as pe, I as Ht, E as de, P as fe, S as ct, s as me, e as bt, O as lt, f as Lt } from "./notice-C4n5jXi6.js";
 class he extends Error {
   constructor(e = "Missing implementation") {
     super(e), this.name = "MissingImplementationError";
@@ -27,7 +27,7 @@ function Et({
   disabled: c = !1,
   allowMultiple: l
 }) {
-  return H(X, (i) => {
+  return W(X, (i) => {
     const o = u.deriveProp(e ?? []), p = et(!1), m = (g) => {
       g.preventDefault(), g.stopPropagation(), p.value = !0;
     }, f = (g) => {
@@ -50,6 +50,7 @@ function Et({
       u.get(n) && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), d(g));
     };
     return I.div(
+      N(() => u.dispose(o), p),
       a.role("button"),
       a.tabindex(
         u.map(n, (g) => g ? 0 : -1)
@@ -70,7 +71,7 @@ function Et({
           "position: absolute; left: -9999px; opacity: 0; pointer-events: none;"
         ),
         C.change(h),
-        it((g) => (x = g, W(
+        it((g) => (x = g, N(
           o.on((b) => {
             const D = globalThis.DataTransfer;
             if (D != null) {
@@ -81,7 +82,7 @@ function Et({
         )))
       ),
       // Screen reader instructions
-      N.label(_t(i.$.dropZoneInstructions)(n)),
+      z.label(_t(i.$.dropZoneInstructions)(n)),
       // Content
       s({ files: o, clear: () => o.value = [], change: o.set })
     );
@@ -113,6 +114,7 @@ function dn({
       ve
     );
     return I.div(
+      N(o),
       a.class(
         L(
           n,
@@ -166,7 +168,7 @@ function dn({
               });
             }
             const x = re(d);
-            return W(x, v.on(d));
+            return N(x, v.on(d));
           }),
           p
         ))
@@ -193,18 +195,18 @@ function Ut(t) {
         const n = URL.createObjectURL(r);
         e.value = n;
       }), I.div(
+        N(e, () => {
+          e.value && URL.revokeObjectURL(e.value);
+        }),
         a.class("bc-file-input__thumbnail-container"),
         I.img(
           a.src(e),
           a.alt(t.map((r) => r.name)),
-          a.class("bc-file-input__thumbnail"),
-          W(() => {
-            e.value && URL.revokeObjectURL(e.value);
-          })
+          a.class("bc-file-input__thumbnail")
         )
       );
     },
-    () => z({ icon: t.map(_e) })
+    () => R({ icon: t.map(_e) })
   );
 }
 const ye = (t, ...e) => {
@@ -240,7 +242,7 @@ const ye = (t, ...e) => {
     files: k,
     clear: _,
     change: w
-  }) => H(
+  }) => W(
     X,
     ($) => I.div(
       a.class("bc-file-input__drop-zone"),
@@ -248,7 +250,7 @@ const ye = (t, ...e) => {
         a.class(
           "bc-file-input__drop-zone-content bc-file-input__drop-zone-content--empty"
         ),
-        z({ icon: "mdi:cloud-upload-outline", size: "xl" }),
+        R({ icon: "mdi:cloud-upload-outline", size: "xl" }),
         I.div(
           a.class("bc-file-input__drop-zone-text"),
           _t($.$.filesInputInstructions)(
@@ -261,7 +263,7 @@ const ye = (t, ...e) => {
     )
   ), D = ({
     files: k
-  }) => H(
+  }) => W(
     X,
     (_) => I.div(
       a.class("bc-file-input__compact-input"),
@@ -283,7 +285,7 @@ const ye = (t, ...e) => {
         ),
         () => I.span(
           a.class("bc-file-input__compact-placeholder"),
-          z({ icon: "mdi:cloud-upload-outline", size: "sm" }),
+          R({ icon: "mdi:cloud-upload-outline", size: "sm" }),
           " ",
           _t(_.$.filesInputInstructions)(
             s,
@@ -294,9 +296,9 @@ const ye = (t, ...e) => {
       )
     )
   );
-  return H(
+  return W(
     X,
-    (k) => O(
+    (k) => P(
       {
         baseContainer: u.map(x, (_) => !_),
         disabled: o,
@@ -346,7 +348,7 @@ const ye = (t, ...e) => {
               f,
               () => Gt(
                 d,
-                () => V(
+                () => B(
                   I.div(
                     a.class("bc-file-input__file-list"),
                     ft(d, (_, w) => {
@@ -733,7 +735,7 @@ const mn = (t) => {
     // Invisible native input overlays the blob for picker and accessibility
     I.input(
       a.type("color"),
-      j(t),
+      H(t),
       // Native color input needs hex without alpha
       a.value(u.map(m, ([w, $, M]) => It(w, $, M))),
       a.class("bc-input bc-color-input bc-color-input__native"),
@@ -741,20 +743,20 @@ const mn = (t) => {
       n != null ? C.change((w) => {
         const $ = w.target.value;
         if (!n) return;
-        const [M, A, F] = kt($), S = u.get(v) ?? 1, B = ot(
+        const [M, A, F] = kt($), S = u.get(v) ?? 1, V = ot(
           u.get(y),
           u.get(d)
-        ), R = at(M, A, F, S, B, u.get(d));
-        n(R);
+        ), O = at(M, A, F, S, V, u.get(d));
+        n(O);
       }) : T,
       s != null ? C.input((w) => {
         const $ = w.target.value;
         if (!s) return;
-        const [M, A, F] = kt($), S = u.get(v) ?? 1, B = ot(
+        const [M, A, F] = kt($), S = u.get(v) ?? 1, V = ot(
           u.get(y),
           u.get(d)
-        ), R = at(M, A, F, S, B, u.get(d));
-        s(R);
+        ), O = at(M, A, F, S, V, u.get(d));
+        s(O);
       }) : T
     )
   ), _ = E(
@@ -773,8 +775,8 @@ const mn = (t) => {
         const [M, A, F] = u.get(m), S = ot(
           u.get(y),
           u.get(d)
-        ), B = at(M, A, F, $, S, u.get(d));
-        s?.(B);
+        ), V = at(M, A, F, $, S, u.get(d));
+        s?.(V);
       }),
       C.change((w) => {
         const $ = parseFloat(w.target.value);
@@ -782,19 +784,19 @@ const mn = (t) => {
         const [M, A, F] = u.get(m), S = ot(
           u.get(y),
           u.get(d)
-        ), B = at(M, A, F, $, S, u.get(d));
-        n?.(B);
+        ), V = at(M, A, F, $, S, u.get(d));
+        n?.(V);
       })
     )
   );
-  return O({
+  return P({
     baseContainer: !0,
     ...t,
     // ensure our control does not try to grow
     growInput: !1,
     input: k,
     // If caller provided an `after`, append RGB before it
-    after: V(
+    after: B(
       E(
         c ?? !1,
         () => I.span(a.class("bc-color-input__rgb"), h)
@@ -805,7 +807,7 @@ const mn = (t) => {
   });
 }, Dt = "$$tts-exp-", Ee = (t, e) => it((r) => {
   const n = `${Dt}${t}`;
-  return W(u.on(e, (s) => Reflect.set(r, n, s)));
+  return N(u.on(e, (s) => Reflect.set(r, n, s)));
 }), hn = (t, e) => {
   const r = `${Dt}${t}`;
   return (n) => {
@@ -852,6 +854,7 @@ const bn = ({
 }) => {
   const c = u.deriveProp(t ?? !1), l = et(!1), i = u.map(s ?? !1, (o) => o);
   return I.div(
+    N(c, l, () => u.dispose(i)),
     a.class("bc-editable-text"),
     a.class(
       u.map(
@@ -859,7 +862,7 @@ const bn = ({
         (o) => o ? "bc-editable-text--disabled" : ""
       )
     ),
-    N.disabled(i),
+    z.disabled(i),
     E(
       c,
       () => I.input(
@@ -871,7 +874,7 @@ const bn = ({
           o.key === "Enter" ? c.set(!1) : o.key === "Escape" && (l.set(!0), c.set(!1));
         }),
         C.blur(
-          P((o) => {
+          j((o) => {
             if (c.set(!1), l.value) {
               l.set(!1);
               return;
@@ -898,9 +901,9 @@ const bn = ({
           () => I.button(
             a.type("button"),
             a.class("bc-editable-text__edit-button"),
-            H(X, (o) => N.label(o.$.editLabel)),
+            W(X, (o) => z.label(o.$.editLabel)),
             C.click(() => c.set(!0)),
-            z({ icon: "line-md/pencil", color: "neutral" })
+            R({ icon: "line-md/pencil", color: "neutral" })
           )
         )
       )
@@ -915,7 +918,7 @@ const bn = ({
         r
       )((l, i) => e(l.value, i));
       return I.option(
-        W(c.dispose),
+        N(c.dispose),
         a.selected(c),
         Ee("value", s.$.value),
         s.$.label
@@ -945,11 +948,11 @@ const bn = ({
     after: i
   } = t;
   let o;
-  return O(
+  return P(
     {
       ...t,
-      after: V(
-        z({
+      after: B(
+        R({
           icon: "ph:caret-down-bold",
           color: "neutral",
           size: "sm"
@@ -963,11 +966,11 @@ const bn = ({
             const { removedNodes: v } = f[0];
             v.length > 0 && (o.selectedIndex = 0);
           });
-          return m.observe(p, { childList: !0 }), W(() => m.disconnect());
+          return m.observe(p, { childList: !0 }), N(() => m.disconnect());
         }),
-        j(t),
+        H(t),
         a.class("bc-native-select bc-input"),
-        H(
+        W(
           X,
           (p) => I.option(
             a.hidden("hidden"),
@@ -1001,14 +1004,14 @@ function vn(t) {
 }
 function Oe(t, e, r) {
   const n = t.length.map((s) => s);
-  return V(
-    W(() => n.dispose()),
+  return B(
+    N(() => n.dispose()),
     Pt(
       n,
       (s) => {
         const c = t.item(s.index), l = [];
-        return V(
-          W(() => {
+        return B(
+          N(() => {
             c.dispose(), l.forEach((i) => i());
           }),
           e({
@@ -1124,18 +1127,18 @@ function zt(t, e, r, n, s, c) {
       continue;
     }
     y += S.optional ? 0 : 1;
-    const B = v[h];
-    if (B == null)
+    const V = v[h];
+    if (V == null)
       break;
     if (S.type === "any") {
-      g++, d.push(S.transform ? S.transform(B) : B), x.push({ kind: "slot", filled: !0 }), b = x.length - 1, h++;
+      g++, d.push(S.transform ? S.transform(V) : V), x.push({ kind: "slot", filled: !0 }), b = x.length - 1, h++;
       continue;
     }
     if (S.type === "pattern")
-      if (S.pattern.test(B)) {
+      if (S.pattern.test(V)) {
         g++;
-        const R = S.transform ? S.transform(B) : B;
-        d.push(R), x.push({ kind: "slot", filled: !0 }), b = x.length - 1, h++;
+        const O = S.transform ? S.transform(V) : V;
+        d.push(O), x.push({ kind: "slot", filled: !0 }), b = x.length - 1, h++;
       } else {
         h++;
         continue;
@@ -1193,7 +1196,7 @@ const Xt = (t) => {
     g,
     D,
     k
-  )(($, M, A, F, S, B, R, st, rt, tt, Q, ut, q) => M ? zt($ ?? "", "", M, {
+  )(($, M, A, F, S, V, O, st, rt, tt, Q, ut, q) => M ? zt($ ?? "", "", M, {
     definitions: A ?? {},
     useDefaultDefinitions: F ?? !0,
     extraLiterals: S ?? [],
@@ -1203,10 +1206,10 @@ const Xt = (t) => {
     unmask: tt ?? { strategy: "none" },
     allowMode: Q ?? "all",
     allow: b,
-    prefix: B,
-    suffix: R
+    prefix: V,
+    suffix: O
   }).value : $ ?? ""), w = ($, M) => {
-    const A = $.value ?? "", F = u.get(e) ?? "", S = i != null ? u.get(i) : null, B = o != null ? u.get(o) : void 0, R = p != null ? u.get(p) : void 0, st = m != null ? u.get(m) : void 0, rt = d != null ? u.get(d) : void 0, tt = h != null ? u.get(h) : void 0, Q = y != null ? u.get(y) : void 0, ut = g != null ? u.get(g) : void 0, q = f != null ? u.get(f) : void 0, U = v != null ? u.get(v) : void 0, {
+    const A = $.value ?? "", F = u.get(e) ?? "", S = i != null ? u.get(i) : null, V = o != null ? u.get(o) : void 0, O = p != null ? u.get(p) : void 0, st = m != null ? u.get(m) : void 0, rt = d != null ? u.get(d) : void 0, tt = h != null ? u.get(h) : void 0, Q = y != null ? u.get(y) : void 0, ut = g != null ? u.get(g) : void 0, q = f != null ? u.get(f) : void 0, U = v != null ? u.get(v) : void 0, {
       value: J,
       cursor: mt,
       completed: St
@@ -1215,8 +1218,8 @@ const Xt = (t) => {
       F,
       S,
       {
-        definitions: B ?? {},
-        useDefaultDefinitions: R ?? !0,
+        definitions: V ?? {},
+        useDefaultDefinitions: O ?? !0,
         extraLiterals: st ?? [],
         autofix: rt ?? "none",
         completion: tt ?? { mode: "mask" },
@@ -1245,93 +1248,99 @@ const Xt = (t) => {
       cursor: mt
     }), M === "input" ? s?.(J) : (n?.(J), St && l?.({ raw: Tt, conformed: J }));
   };
-  return O({
-    ...t,
-    input: K.text(
-      j(t),
-      a.value(_),
-      a.class("bc-input"),
-      r != null ? C.blur(r) : T,
-      it(
-        ($) => $ instanceof HTMLInputElement ? V(
-          C.input(() => w($, "input")),
-          C.change(() => w($, "change")),
-          C.keydown((M) => {
-            if (M.key !== "Backspace" || !(t.cursor ? u.get(t.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
-            const F = $.selectionStart ?? 0, S = $.selectionEnd ?? F;
-            if (F !== S || F <= 0) return;
-            const B = $.value ?? "", R = i != null ? u.get(i) : null;
-            if (!R) return;
-            const st = o != null ? u.get(o) : void 0, rt = p != null ? u.get(p) : !0, tt = f != null ? u.get(f) : void 0, Q = v != null ? u.get(v) : void 0, ut = Yt(
-              typeof R == "function" ? R(B, {
-                raw: B,
-                previousConformed: B,
-                cursor: F,
-                completed: !1
-              }) : R,
-              st ?? {},
-              rt ?? !0
-            ), q = /* @__PURE__ */ new Set();
-            for (const U of ut)
-              U.type === "literal" && q.add(U.char);
-            if (tt) for (const U of tt) q.add(U);
-            if (Q) for (const U of Q) q.add(U);
-            if (q.has(B[F - 1])) {
-              let U = F - 1;
-              for (; U >= 0 && q.has(B[U]); ) U--;
-              U >= 0 && (M.preventDefault(), M.stopPropagation(), $.value = B.slice(0, U) + B.slice(U + 1), w($, "input"));
-            }
-          })
-        ) : T
+  return B(
+    N(_),
+    P({
+      ...t,
+      input: K.text(
+        H(t),
+        a.value(_),
+        a.class("bc-input"),
+        r != null ? C.blur(r) : T,
+        it(
+          ($) => $ instanceof HTMLInputElement ? B(
+            C.input(() => w($, "input")),
+            C.change(() => w($, "change")),
+            C.keydown((M) => {
+              if (M.key !== "Backspace" || !(t.cursor ? u.get(t.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
+              const F = $.selectionStart ?? 0, S = $.selectionEnd ?? F;
+              if (F !== S || F <= 0) return;
+              const V = $.value ?? "", O = i != null ? u.get(i) : null;
+              if (!O) return;
+              const st = o != null ? u.get(o) : void 0, rt = p != null ? u.get(p) : !0, tt = f != null ? u.get(f) : void 0, Q = v != null ? u.get(v) : void 0, ut = Yt(
+                typeof O == "function" ? O(V, {
+                  raw: V,
+                  previousConformed: V,
+                  cursor: F,
+                  completed: !1
+                }) : O,
+                st ?? {},
+                rt ?? !0
+              ), q = /* @__PURE__ */ new Set();
+              for (const U of ut)
+                U.type === "literal" && q.add(U.char);
+              if (tt) for (const U of tt) q.add(U);
+              if (Q) for (const U of Q) q.add(U);
+              if (q.has(V[F - 1])) {
+                let U = F - 1;
+                for (; U >= 0 && q.has(V[U]); ) U--;
+                U >= 0 && (M.preventDefault(), M.stopPropagation(), $.value = V.slice(0, U) + V.slice(U + 1), w($, "input"));
+              }
+            })
+          ) : T
+        )
       )
-    )
-  });
+    })
+  );
 };
 function Y(t, e, r) {
   const n = u.map(t, (c) => c != null), s = yt.clearValue;
-  return E(
-    n,
-    () => I.button(
-      a.type("button"),
-      a.class("bc-input-container__reset"),
-      N.label(s),
-      a.title(s),
-      a.disabled(e ?? !1),
-      z({ icon: "mdi:close", size: "sm" }),
-      C.click((c) => {
-        c.preventDefault(), c.stopPropagation(), r?.(null);
-      })
+  return B(
+    N(() => u.dispose(n)),
+    E(
+      n,
+      () => I.button(
+        a.type("button"),
+        a.class("bc-input-container__reset"),
+        z.label(s),
+        a.title(s),
+        a.disabled(e ?? !1),
+        R({ icon: "mdi:close", size: "sm" }),
+        C.click((c) => {
+          c.preventDefault(), c.stopPropagation(), r?.(null);
+        })
+      )
     )
   );
 }
 const xn = (t) => {
   const { value: e, onBlur: r, onChange: n, after: s, disabled: c } = t, l = Y(e, c, n);
-  return O({
+  return P({
     ...t,
     input: K.date(
-      j(t),
+      H(t),
       a.valueAsDate(e),
       a.class("bc-input"),
-      r != null ? C.blur(P(r)) : T,
+      r != null ? C.blur(j(r)) : T,
       n != null ? C.change(te(n)) : T
     ),
-    after: s != null ? V(l, s) : l
+    after: s != null ? B(l, s) : l
   });
 }, We = (t) => {
   const e = t.getFullYear(), r = t.getMonth() + 1, n = t.getDate(), s = t.getHours(), c = t.getMinutes(), l = t.getSeconds();
   return `${e}-${r.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${s.toString().padStart(2, "0")}:${c.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}`;
 }, wn = (t) => {
   const { value: e, onBlur: r, onChange: n, after: s, disabled: c } = t, l = u.map(e, (o) => o != null ? We(o) : null), i = Y(e, c, n);
-  return O({
+  return P({
     ...t,
     input: K["datetime-local"](
-      j(t),
+      H(t),
       a.value(u.map(l, (o) => o ?? null)),
       a.class("bc-input"),
-      r != null ? C.blur(P(r)) : T,
+      r != null ? C.blur(j(r)) : T,
       n != null ? C.change(ee(n)) : T
     ),
-    after: s != null ? V(i, s) : i
+    after: s != null ? B(i, s) : i
   });
 }, Z = (t) => typeof t == "string" && t.trim() === "" ? null : t, nt = (t) => t ?? "", _n = (t) => {
   const { value: e, onBlur: r, onChange: n, onInput: s, after: c, disabled: l, ...i } = t, o = Y(e, l, n);
@@ -1341,7 +1350,7 @@ const xn = (t) => {
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
-    after: c != null ? V(o, c) : o
+    after: c != null ? B(o, c) : o
   });
 }, yn = (t) => {
   const { value: e, onBlur: r, onChange: n, onInput: s, after: c, disabled: l, ...i } = t, o = Y(e, l, n);
@@ -1351,7 +1360,7 @@ const xn = (t) => {
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
-    after: c != null ? V(o, c) : o
+    after: c != null ? B(o, c) : o
   });
 }, $n = (t) => {
   const { value: e, onBlur: r, onChange: n, onInput: s, after: c, disabled: l, ...i } = t, o = Y(e, l, n);
@@ -1361,20 +1370,20 @@ const xn = (t) => {
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
-    after: c != null ? V(o, c) : o
+    after: c != null ? B(o, c) : o
   });
 }, Ze = (t) => {
   const { value: e, onBlur: r, onChange: n, onInput: s, rows: c } = t;
-  return O({
+  return P({
     ...t,
     input: I.textarea(
-      j(t),
+      H(t),
       a.rows(c ?? 3),
       a.value(e),
       a.class("bc-input"),
-      r != null ? C.blur(P(r)) : T,
-      n != null ? C.change(P(n)) : T,
-      s != null ? C.input(P(s)) : T
+      r != null ? C.blur(j(r)) : T,
+      n != null ? C.change(j(n)) : T,
+      s != null ? C.input(j(s)) : T
     )
   });
 }, kn = (t) => {
@@ -1385,13 +1394,13 @@ const xn = (t) => {
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
-    after: c != null ? V(o, c) : o
+    after: c != null ? B(o, c) : o
   });
 }, In = (t) => {
   const { value: e, step: r, min: n, max: s, onBlur: c, onChange: l, onInput: i, after: o } = t, p = (v) => {
     const d = n != null ? u.get(n) : void 0, x = s != null ? u.get(s) : void 0;
     return d != null && v < d ? d : x != null && v > x ? x : v;
-  }, m = r != null ? H(X, (v) => {
+  }, m = r != null ? W(X, (v) => {
     const d = L(
       e,
       n
@@ -1426,8 +1435,8 @@ const xn = (t) => {
           )((g, b) => !g || b)
         ),
         C.click((g) => y(g)),
-        N.label(v.$.incrementValue),
-        z({ icon: "line-md:plus", size: "xs" })
+        z.label(v.$.incrementValue),
+        R({ icon: "line-md:plus", size: "xs" })
       ),
       // Decrement first (matches tests expecting first button to be decrement)
       I.button(
@@ -1442,35 +1451,35 @@ const xn = (t) => {
           )((g, b) => !g || b)
         ),
         C.click((g) => h(g)),
-        N.label(v.$.decrementValue),
-        z({ icon: "line-md:minus", size: "xs" })
+        z.label(v.$.decrementValue),
+        R({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, f = o != null && m != null ? V(m, o) : o ?? m;
-  return O({
+  }) : null, f = o != null && m != null ? B(m, o) : o ?? m;
+  return P({
     ...t,
     input: K.number(
-      n != null ? V(
+      n != null ? B(
         a.min(n),
-        W(
+        N(
           u.on(n, (v) => {
             v < u.get(e);
           })
         )
       ) : T,
-      s != null ? V(
+      s != null ? B(
         a.max(s),
-        W(
+        N(
           u.on(s, (v) => {
             v > u.get(e);
           })
         )
       ) : T,
-      j(t),
+      H(t),
       a.valueAsNumber(e),
       a.step(r),
       a.class("bc-input bc-number-input"),
-      c != null ? C.blur(P(c)) : T,
+      c != null ? C.blur(j(c)) : T,
       l != null ? C.change(G(l)) : T,
       i != null ? C.input(G(i)) : T,
       // Add wheel event support when step is defined
@@ -1529,8 +1538,8 @@ const xn = (t) => {
           )((k, _) => !k || _)
         ),
         C.click((k) => y(k)),
-        N.label(b),
-        z({ icon: "line-md:plus", size: "xs" })
+        z.label(b),
+        R({ icon: "line-md:plus", size: "xs" })
       ),
       I.button(
         a.type("button"),
@@ -1544,46 +1553,46 @@ const xn = (t) => {
           )((k, _) => !k || _)
         ),
         C.click((k) => h(k)),
-        N.label(D),
-        z({ icon: "line-md:minus", size: "xs" })
+        z.label(D),
+        R({ icon: "line-md:minus", size: "xs" })
       )
     ))(
       yt.incrementValue,
       yt.decrementValue
     );
-  })(), f = Y(e, t.disabled, l), v = o != null && m != null ? V(m, f, o) : o != null ? V(f, o) : m != null ? V(m, f) : f;
-  return O({
+  })(), f = Y(e, t.disabled, l), v = o != null && m != null ? B(m, f, o) : o != null ? B(f, o) : m != null ? B(m, f) : f;
+  return P({
     ...t,
     input: K.number(
       // min/max attributes and reactive watchers (no forced correction)
-      n != null ? V(
+      n != null ? B(
         a.min(n),
-        W(
+        N(
           u.on(n, (d) => {
           })
         )
       ) : T,
-      s != null ? V(
+      s != null ? B(
         a.max(s),
-        W(
+        N(
           u.on(s, (d) => {
           })
         )
       ) : T,
-      j(t),
+      H(t),
       // Represent null as empty string so the field can be cleared
       a.value(u.map(e, (d) => d == null ? "" : String(d))),
       a.step(r),
       a.class("bc-input bc-number-input"),
-      c != null ? C.blur(P(c)) : T,
+      c != null ? C.blur(j(c)) : T,
       l != null ? C.change(
-        P((d) => {
+        j((d) => {
           const x = Rt(d);
           l(x);
         })
       ) : T,
       i != null ? C.input(
-        P((d) => {
+        j((d) => {
           const x = Rt(d);
           i(x);
         })
@@ -1649,8 +1658,8 @@ const xn = (t) => {
     a.tabindex(
       u.map(l, (h) => h ? -1 : 0)
     ),
-    N.checked(t),
-    N.disabled(l),
+    z.checked(t),
+    z.disabled(l),
     C.click(d),
     C.keydown(x),
     n != null ? C.blur(n) : null,
@@ -1663,7 +1672,7 @@ const xn = (t) => {
         )
       ),
       s != null ? I.div(
-        N.hidden(!0),
+        z.hidden(!0),
         a.class("bc-switch__track-label bc-switch__track-label--off"),
         a.class(
           u.map(
@@ -1684,7 +1693,7 @@ const xn = (t) => {
         c
       ) : null,
       jt(
-        (h) => H(
+        (h) => W(
           ce,
           ({ direction: y }) => I.div(
             a.class("bc-switch__thumb"),
@@ -1780,7 +1789,7 @@ const xn = (t) => {
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
-    after: c != null ? V(o, c) : o
+    after: c != null ? B(o, c) : o
   });
 }, Xe = "line-md:star-alt-filled", qe = "line-md:star-alt", Ge = (t) => {
   const {
@@ -1828,7 +1837,7 @@ const xn = (t) => {
   }, y = u.map(p, (b) => `bc-icon--${b}`), g = ({ index: b, counter: D }) => I.span(
     a.class("bc-rating-input__icon-container"),
     a.class(y),
-    z(
+    R(
       { icon: o, size: p, color: l, tone: "soft" },
       a.class("bc-rating-input__icon-empty")
     ),
@@ -1841,7 +1850,7 @@ const xn = (t) => {
           return _ > b ? "100%" : _ < b ? "0%" : `${(k - b) * 100}%`;
         })
       ),
-      z(
+      R(
         { icon: i, size: p, color: c, tone: "soft" },
         a.class("bc-rating-input__icon-full")
       )
@@ -1853,23 +1862,23 @@ const xn = (t) => {
       })
     )
   );
-  return O({
+  return P({
     baseContainer: !0,
     growInput: !1,
     focusableSelector: '[role="slider"]',
     ...t,
     input: I.div(
       // Common input attributes (id, required, invalid, custom classes, etc.)
-      j(t),
+      H(t),
       a.class("bc-rating-input"),
       // ARIA slider semantics
       a.role("slider"),
       a.tabindex(u.map(n ?? !1, (b) => b ? -1 : 0)),
-      N.disabled(n ?? !1),
-      N.valuemin(0),
-      N.valuemax(u.map(s, (b) => b ?? 0)),
-      N.valuenow(u.map(e, (b) => b ?? 0)),
-      N.valuetext(
+      z.disabled(n ?? !1),
+      z.valuemin(0),
+      z.valuemax(u.map(s, (b) => b ?? 0)),
+      z.valuenow(u.map(e, (b) => b ?? 0)),
+      z.valuetext(
         L(
           e,
           s
@@ -1893,17 +1902,17 @@ const xn = (t) => {
     // Pass through numeric changes; clear button will call onChange(null)
     onChange: r,
     onBlur: n,
-    after: s != null ? V(i, s) : i
+    after: s != null ? B(i, s) : i
   });
 }, Tn = (t) => {
   const { value: e, step: r, min: n, max: s, onBlur: c, onChange: l, onInput: i } = t;
-  return O({
+  return P({
     ...t,
     // Make sure clicks anywhere focus the range input
     focusableSelector: 'input[type="range"]',
     input: I.input(
       a.type("range"),
-      j(t),
+      H(t),
       a.min(n),
       a.max(s),
       a.step(r),
@@ -1923,14 +1932,14 @@ const xn = (t) => {
   }), p = Y(e, t.disabled, (m) => {
     l?.(m);
   });
-  return O(
+  return P(
     {
       ...t,
       focusableSelector: 'input[type="range"]',
       after: p,
       input: I.input(
         a.type("range"),
-        j(t),
+        H(t),
         a.min(n),
         a.max(s),
         a.step(r),
@@ -1950,7 +1959,7 @@ const xn = (t) => {
       )
     },
     // Ensure container grows input naturally
-    V()
+    B()
   );
 };
 let wt = null;
@@ -1999,7 +2008,7 @@ const Ot = (t, e) => {
 }, Fn = (t) => {
   const { value: e, onChange: r, after: n, disabled: s, onBlur: c } = t, l = () => {
     const p = Y(e, s, r);
-    return n != null ? V(p, n) : p;
+    return n != null ? B(p, n) : p;
   }, i = t.placeholder != null ? T : a.placeholder("P0DT0H0M0S");
   return Qe(
     (p) => Xt({
@@ -2011,10 +2020,10 @@ const Ot = (t, e) => {
       placeholder: "P0DT0H0M0S",
       after: l()
     }),
-    { pending: () => O({
+    { pending: () => P({
       ...t,
       input: K.text(
-        j(t),
+        H(t),
         a.value(u.map(e, (p) => p?.toString() ?? "")),
         a.class("bc-input"),
         i,
@@ -2042,15 +2051,15 @@ const Ot = (t, e) => {
   );
 }, en = (t) => {
   const { value: e, onBlur: r, onChange: n, onInput: s } = t;
-  return O({
+  return P({
     ...t,
     input: K.url(
-      j(t),
+      H(t),
       a.value(e),
       a.class("bc-input"),
-      r != null ? C.blur(P(r)) : T,
-      n != null ? C.change(P(n)) : T,
-      s != null ? C.input(P(s)) : T
+      r != null ? C.blur(j(r)) : T,
+      n != null ? C.change(j(n)) : T,
+      s != null ? C.input(j(s)) : T
     )
   });
 }, Bn = (t) => {
@@ -2061,7 +2070,7 @@ const Ot = (t, e) => {
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
-    after: c != null ? V(o, c) : o
+    after: c != null ? B(o, c) : o
   });
 }, nn = (t) => {
   const {
@@ -2094,9 +2103,9 @@ const Ot = (t, e) => {
             onClick: () => h.move("up"),
             disabled: h.cannotMove("up")
           },
-          H(
+          W(
             X,
-            (b) => z({
+            (b) => R({
               size: "xs",
               icon: "line-md:arrow-up",
               title: b.$.incrementValue
@@ -2111,9 +2120,9 @@ const Ot = (t, e) => {
             onClick: () => h.move("down"),
             disabled: h.cannotMove("down")
           },
-          H(
+          W(
             X,
-            (b) => z({
+            (b) => R({
               size: "xs",
               icon: "line-md:arrow-down",
               title: b.$.decrementValue
@@ -2123,7 +2132,7 @@ const Ot = (t, e) => {
       )
     ), g = E(
       c,
-      () => H(
+      () => W(
         X,
         (b) => $t({
           size: "xs",
@@ -2181,18 +2190,18 @@ const Ot = (t, e) => {
             (h, y) => h || y
           )
         },
-        H(
+        W(
           X,
           (h) => pt(
             a.class("bc-group--gap-2"),
-            z({ icon: "line-md:plus" }),
+            R({ icon: "line-md:plus" }),
             o ?? h.$.addLabel
           )
         )
       )
     )
   );
-  return V(
+  return B(
     Oe(
       e,
       (h) => d(h)(r(h)),