@tempots/beatui 0.91.0 → 0.93.0

package/dist/{deep-merge-BdRgguFO.js → deep-merge-CoLO4id0.js}

@@ -1,12 +1,12 @@
-import { Task as ye, Use as O, Value as f, prop as ae, html as h, attr as l, on as C, WithElement as te, Empty as S, aria as J, bind as ie, computedOf as V, style as we, OnDispose as ne, When as U, NotEmpty as Re, Fragment as N, ForEach as ee, coalesce as Ne, Ensure as Pe, OneOfType as je, Repeat as We, signal as _e, input as se, emitValue as P, emitValueAsNumber as ke } from "@tempots/dom";
+import { Task as ye, Use as O, Value as p, prop as ae, html as g, attr as l, on as C, WithElement as te, Empty as M, aria as J, bind as ie, computedOf as V, style as we, OnDispose as ne, When as U, NotEmpty as Ne, Fragment as N, ForEach as ee, coalesce as Pe, Ensure as je, OneOfType as We, Repeat as Ze, signal as _e, input as se, emitValue as P, emitValueAsNumber as ke } from "@tempots/dom";
 import { B as F, b as Ce, f as De, I as E, d as ce } from "./translations-CiBhB2FV.js";
-import { l as Ze } from "./colors-BY0Ja_bf.js";
-import { g as He } from "./timer-Rd2sKnvH.js";
-import { ElementRect as qe } from "@tempots/ui";
-import { I as W, a as Ye, g as Ge, B as be } from "./input-container-9r1F3KuX.js";
-import { C as oe, I as Ve, m as Je, c as Xe, d as fe, O as K, e as Ie } from "./use-form-Cd8YFWaN.js";
+import { l as He } from "./colors-BY0Ja_bf.js";
+import { g as qe } from "./timer-Rd2sKnvH.js";
+import { ElementRect as Ye } from "@tempots/ui";
+import { I as W, a as Ge, g as Je, B as be } from "./input-container-9r1F3KuX.js";
+import { C as oe, I as Ae, m as Xe, c as Qe, d as fe, O as K, e as Ie } from "./use-form-BQRVnIp9.js";
 import { C as q } from "./text-input-BgPx8BbG.js";
-import { S as Ae } from "./stack-Bm-UZosx.js";
+import { S as Le } from "./stack-Bm-UZosx.js";
 let pe = null;
 async function he() {
   const t = globalThis;
@@ -15,7 +15,7 @@ async function he() {
     return t.Temporal || (t.Temporal = n), n;
   })), pe);
 }
-const Qe = (t, e) => e ? ye(he, {
+const Ke = (t, e) => e ? ye(he, {
   then: t,
   pending: e.pending,
   error: e.error
@@ -26,78 +26,82 @@ function de({
   accept: n = "*/*",
   enableClick: s = !0,
   content: r,
-  disabled: b = !1,
-  allowMultiple: i
+  disabled: h = !1,
+  allowMultiple: o
 }) {
-  return O(F, (g) => {
-    const p = f.deriveProp(e ?? []), v = ae(!1), d = (u) => {
-      u.preventDefault(), u.stopPropagation(), v.value = !0;
-    }, m = (u) => {
-      u.preventDefault(), u.stopPropagation(), (!u.currentTarget || !u.currentTarget.contains(u.relatedTarget)) && (v.value = !1);
-    }, y = (u) => {
-      u.preventDefault(), u.stopPropagation(), v.value = !1;
-      const x = Array.from(u.dataTransfer?.files || []);
-      x.length > 0 && (p.value = x, t(x, "dragdrop"));
-    }, o = (u) => {
-      f.get(s) && u.currentTarget.querySelector(
+  return O(F, (m) => {
+    const b = p.deriveProp(e ?? []), w = ae(!1), f = (a) => {
+      a.preventDefault(), a.stopPropagation(), w.value = !0;
+    }, d = (a) => {
+      a.preventDefault(), a.stopPropagation(), (!a.currentTarget || !a.currentTarget.contains(a.relatedTarget)) && (w.value = !1);
+    }, x = (a) => {
+      a.preventDefault(), a.stopPropagation(), w.value = !1;
+      const v = Array.from(a.dataTransfer?.files || []);
+      v.length > 0 && (b.value = v, t(v, "dragdrop"));
+    }, i = (a) => {
+      p.get(s) && a.currentTarget.querySelector(
         'input[type="file"]'
       )?.click();
     };
-    let a = null;
+    let u = null;
     const D = () => {
-      if (a == null) return;
-      const u = Array.from(a.files ?? []);
-      u.length > 0 && (p.value = u, t(u, "click")), a.value = "";
-    }, M = (u) => {
-      f.get(s) && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), o(u));
+      if (u == null) return;
+      const a = Array.from(u.files ?? []);
+      a.length > 0 && (b.value = a, t(a, "click")), u.value = "";
+    }, S = (a) => {
+      p.get(s) && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i(a));
     };
-    return h.div(
+    return g.div(
       l.role("button"),
       l.tabindex(
-        f.map(s, (u) => u ? 0 : -1)
+        p.map(s, (a) => a ? 0 : -1)
       ),
       l.style("position: relative;"),
-      C.dragover(d),
-      C.dragleave(m),
-      C.drop(y),
-      C.click(o),
-      C.keydown(M),
+      C.dragover(f),
+      C.dragleave(d),
+      C.drop(x),
+      C.click(i),
+      C.keydown(S),
       // Hidden file input
-      h.input(
+      g.input(
         l.type("file"),
-        l.disabled(b),
+        l.disabled(h),
         l.accept(n),
-        l.multiple(i),
+        l.multiple(o),
         l.style(
           "position: absolute; left: -9999px; opacity: 0; pointer-events: none;"
         ),
         C.change(D),
-        te((u) => (a = u, p.on((x) => {
+        te((a) => (u = a, b.on((v) => {
           const $ = globalThis.DataTransfer;
           if ($ != null) {
             const I = new $();
-            x.forEach((A) => I.items.add(A)), u.files = I.files;
+            v.forEach((A) => I.items.add(A)), a.files = I.files;
           }
-        }), S))
+        }), M))
       ),
       // Screen reader instructions
-      J.label(ie(g.$.dropZoneInstructions)(s)),
+      J.label(ie(m.$.dropZoneInstructions)(s)),
       // Content
-      r({ files: p, clear: () => p.value = [], change: (u) => p.set(u) })
+      r({
+        files: b,
+        clear: () => b.value = [],
+        change: (a) => b.set(a)
+      })
     );
   });
 }
-function Ke(t, e) {
+function et(t, e) {
   return t.length === e.length && t.every((n, s) => n === e[s]);
 }
-function et(t, e, n) {
+function tt(t, e, n) {
   const s = ["bc-segmented-input", `bc-segmented-input--size-${t}`];
   return n === "squared" && s.push("bc-segmented-input--squared"), e && s.push("bc-segmented-input--disabled"), s.join(" ");
 }
-function tt(t) {
+function nt(t) {
   if (t == null) return "";
   const e = /* @__PURE__ */ new Map(), n = Ce(t, "solid", "light"), s = Ce(t, "solid", "dark");
-  return e.set("--si-indicator-bg", n.backgroundColor), e.set("--si-active-text", n.textColor), e.set("--si-indicator-bg-dark", s.backgroundColor), e.set("--si-active-text-dark", s.textColor), Array.from(e.entries()).map(([r, b]) => `${r}: ${b}`).join("; ");
+  return e.set("--si-indicator-bg", n.backgroundColor), e.set("--si-active-text", n.textColor), e.set("--si-indicator-bg-dark", s.backgroundColor), e.set("--si-active-text-dark", s.textColor), Array.from(e.entries()).map(([r, h]) => `${r}: ${h}`).join("; ");
 }
 function Mt({
   options: t,
@@ -105,121 +109,121 @@ function Mt({
   onChange: n,
   size: s = "md",
   disabled: r = !1,
-  variant: b = "pill",
-  color: i
-}, ...g) {
-  const p = Ze(t).map(([v, d]) => ({
-    key: v,
-    label: d
+  variant: h = "pill",
+  color: o
+}, ...m) {
+  const b = He(t).map(([w, f]) => ({
+    key: w,
+    label: f
   }));
   return te(() => {
-    const v = Object.fromEntries(
-      p.map((m, y) => [m.key, y])
-    ), d = ae(
-      p.map(() => ({ left: 0, width: 0 })),
-      Ke
+    const w = Object.fromEntries(
+      b.map((d, x) => [d.key, x])
+    ), f = ae(
+      b.map(() => ({ left: 0, width: 0 })),
+      et
     );
-    return h.div(
+    return g.div(
       l.class(
         V(
           s,
           r,
-          b
+          h
         )(
-          (m, y, o) => et(
-            m ?? "md",
-            y ?? !1,
-            o ?? "pill"
+          (d, x, i) => tt(
+            d ?? "md",
+            x ?? !1,
+            i ?? "pill"
           )
         )
       ),
       l.style(
-        i != null ? f.map(i, (m) => tt(m)) : ""
+        o != null ? p.map(o, (d) => nt(d)) : ""
       ),
-      h.div(
+      g.div(
         l.class("bc-segmented-input__container"),
-        h.div(
+        g.div(
           l.class("bc-segmented-input__indicator"),
           we.width(
             V(
               e,
-              d
-            )((m, y) => {
-              const { width: o } = y[v[m] ?? 0];
-              return `${o}px`;
+              f
+            )((d, x) => {
+              const { width: i } = x[w[d] ?? 0];
+              return `${i}px`;
             })
           ),
           we.left(
             V(
               e,
-              d
-            )((m, y) => {
-              const { left: o } = y[v[m] ?? 0];
-              return `${o}px`;
+              f
+            )((d, x) => {
+              const { left: i } = x[w[d] ?? 0];
+              return `${i}px`;
             })
           )
         ),
         // clickable buttons
-        p.map(({ label: m, key: y }, o) => h.button(
+        b.map(({ label: d, key: x }, i) => g.button(
           l.type("button"),
-          C.click((a) => {
-            a.preventDefault(), f.get(r) || n?.(y);
+          C.click((u) => {
+            u.preventDefault(), p.get(r) || n?.(x);
           }),
           l.disabled(r),
           l.class("bc-segmented-input__segment"),
           l.class(
-            f.map(e, (a) => a === y ? "bc-segmented-input__segment--active" : "bc-segmented-input__segment--inactive")
+            p.map(e, (u) => u === x ? "bc-segmented-input__segment--active" : "bc-segmented-input__segment--inactive")
           ),
-          qe((a) => {
+          Ye((u) => {
             function D() {
-              d.update((u) => {
-                const x = [...u];
-                return x[o] = {
-                  width: a.value.width,
-                  left: a.value.localLeft
-                }, x;
+              f.update((a) => {
+                const v = [...a];
+                return v[i] = {
+                  width: u.value.width,
+                  left: u.value.localLeft
+                }, v;
               });
             }
-            const M = He(D);
-            return ne(M, a.on(D));
+            const S = qe(D);
+            return ne(S, u.on(D));
           }),
-          m
+          d
         ))
       ),
-      ...g
+      ...m
     );
   });
 }
-function nt(t) {
+function st(t) {
   const e = t.type.toLowerCase();
   return e.startsWith("image/") && (e.includes("jpeg") || e.includes("jpg") || e.includes("png") || e.includes("gif") || e.includes("webp") || e.includes("svg"));
 }
-function st(t) {
+function lt(t) {
   const e = t.type.toLowerCase();
   return e.startsWith("image/") ? "vscode-icons:file-type-image" : e.startsWith("video/") ? "vscode-icons:file-type-video" : e.startsWith("audio/") ? "vscode-icons:file-type-audio" : e.includes("pdf") ? "vscode-icons:file-type-pdf2" : e.includes("word") || e.includes("document") ? "vscode-icons:file-type-word" : e.includes("excel") || e.includes("spreadsheet") ? "vscode-icons:file-type-excel" : e.includes("powerpoint") || e.includes("presentation") ? "vscode-icons:file-type-powerpoint" : e.includes("zip") || e.includes("archive") ? "vscode-icons:file-type-zip" : e.includes("text") ? "vscode-icons:file-type-text" : e.includes("json") ? "vscode-icons:file-type-json-official" : e.includes("csv") ? "vscode-icons:file-type-csv" : e.includes("xml") ? "vscode-icons:file-type-xml" : e.includes("yaml") ? "vscode-icons:file-type-yaml-official" : "vscode-icons:file-type-binary";
 }
 function me(t) {
   return U(
-    t.map(nt),
+    t.map(st),
     () => {
       const e = ae(null);
       return t.on((n) => {
         e.value && URL.revokeObjectURL(e.value);
         const s = URL.createObjectURL(n);
         e.value = s;
-      }), h.div(
+      }), g.div(
         ne(() => {
           e.value && URL.revokeObjectURL(e.value);
         }),
         l.class("bc-file-input__thumbnail-container"),
-        h.img(
+        g.img(
           l.src(e),
           l.alt(t.map((n) => n.name)),
           l.class("bc-file-input__thumbnail")
         )
       );
     },
-    () => E({ icon: t.map(st) })
+    () => E({ icon: t.map(lt) })
   );
 }
 const St = (t, ...e) => {
@@ -227,48 +231,48 @@ const St = (t, ...e) => {
     value: n = ae([]),
     accept: s = "*/*",
     maxFiles: r,
-    maxFileSize: b,
-    onChange: i,
-    onBlur: g,
-    disabled: p,
-    hasError: v,
-    mode: d = "default",
-    showFileList: m = !0,
-    ...y
-  } = t, o = n, a = f.map(d, (k) => k === "input"), D = f.map(d, (k) => k === "compact"), M = (k) => {
+    maxFileSize: h,
+    onChange: o,
+    onBlur: m,
+    disabled: b,
+    hasError: w,
+    mode: f = "default",
+    showFileList: d = !0,
+    ...x
+  } = t, i = n, u = p.map(f, (k) => k === "input"), D = p.map(f, (k) => k === "compact"), S = (k) => {
     let c = k;
     if (r != null) {
-      const w = f.get(r);
-      c = c.slice(0, w);
+      const y = p.get(r);
+      c = c.slice(0, y);
     }
-    if (b) {
-      const w = f.get(b);
-      c = c.filter((T) => T.size <= w);
+    if (h) {
+      const y = p.get(h);
+      c = c.filter((T) => T.size <= y);
     }
-    i?.(c);
-  }, u = (k) => {
-    const w = o.value.filter((T, z) => z !== k);
-    i?.(w);
-  }, x = () => {
-    i?.([]);
+    o?.(c);
+  }, a = (k) => {
+    const y = i.value.filter((T, z) => z !== k);
+    o?.(y);
+  }, v = () => {
+    o?.([]);
   }, $ = ({
     files: k,
     clear: c,
-    change: w
+    change: y
   }) => O(
     F,
-    (T) => h.div(
+    (T) => g.div(
       l.class("bc-file-input__drop-zone"),
-      h.div(
+      g.div(
         l.class(
           "bc-file-input__drop-zone-content bc-file-input__drop-zone-content--empty"
         ),
         E({ icon: "mdi:cloud-upload-outline", size: "xl" }),
-        h.div(
+        g.div(
           l.class("bc-file-input__drop-zone-text"),
           ie(T.$.filesInputInstructions)(
             r,
-            b,
+            h,
             T.$.fileSizeUnits.value
           )
         )
@@ -278,36 +282,36 @@ const St = (t, ...e) => {
     files: k
   }) => O(
     F,
-    (c) => h.div(
+    (c) => g.div(
       l.class("bc-file-input__compact-drop-zone"),
       U(
-        k.map((w) => w.length > 0),
-        () => h.div(
+        k.map((y) => y.length > 0),
+        () => g.div(
           l.class("bc-file-input__compact-file-list"),
-          ee(k, (w, T) => {
+          ee(k, (y, T) => {
             const z = T.index;
-            return h.div(
+            return g.div(
               l.class("bc-file-input__compact-file-item"),
-              h.div(
+              g.div(
                 l.class("bc-file-input__compact-file-icon"),
-                me(w)
+                me(y)
               ),
-              h.div(
+              g.div(
                 l.class("bc-file-input__compact-file-info"),
-                h.div(
+                g.div(
                   l.class("bc-file-input__compact-file-name"),
-                  l.title(w.$.name),
-                  w.$.name
+                  l.title(y.$.name),
+                  y.$.name
                 ),
-                h.div(
+                g.div(
                   l.class("bc-file-input__compact-file-meta"),
                   V(
-                    w.$.size,
+                    y.$.size,
                     c.$.fileSizeUnits
                   )((_, B) => De(_, { units: B })),
                   " • ",
                   V(
-                    w.$.type,
+                    y.$.type,
                     c.$.unknownType
                   )((_, B) => _ || B)
                 )
@@ -316,22 +320,22 @@ const St = (t, ...e) => {
                 {
                   size: "sm",
                   label: c.$.removeFile,
-                  disabled: p,
-                  onClick: () => u(z)
+                  disabled: b,
+                  onClick: () => a(z)
                 },
                 l.class("bc-file-input__compact-remove-button")
               )
             );
           })
         ),
-        () => h.div(
+        () => g.div(
           l.class("bc-file-input__compact-placeholder"),
           E({ icon: "mdi:cloud-upload-outline", size: "lg" }),
-          h.div(
+          g.div(
             l.class("bc-file-input__compact-placeholder-text"),
             ie(c.$.filesInputInstructions)(
               r,
-              b,
+              h,
               c.$.fileSizeUnits.value
             )
           )
@@ -342,31 +346,31 @@ const St = (t, ...e) => {
     files: k
   }) => O(
     F,
-    (c) => h.div(
+    (c) => g.div(
       l.class("bc-file-input__compact-input"),
       U(
-        k.map((w) => w.length > 0),
-        () => h.span(
+        k.map((y) => y.length > 0),
+        () => g.span(
           l.class("bc-file-input__compact-value"),
           ee(
             k,
-            (w) => h.span(
+            (y) => g.span(
               l.class("bc-file-input__compact-value-item"),
-              me(w),
-              h.span(
+              me(y),
+              g.span(
                 l.class("bc-file-input__compact-value-item-name"),
-                w.$.name
+                y.$.name
               )
             )
           )
         ),
-        () => h.span(
+        () => g.span(
           l.class("bc-file-input__compact-placeholder"),
           E({ icon: "mdi:cloud-upload-outline", size: "md" }),
           " ",
           ie(c.$.filesInputInstructions)(
             r,
-            b,
+            h,
             c.$.fileSizeUnits.value
           )
         )
@@ -377,87 +381,87 @@ const St = (t, ...e) => {
     F,
     (k) => W(
       {
-        baseContainer: f.map(a, (c) => !c),
-        disabled: p,
-        hasError: v,
+        baseContainer: p.map(u, (c) => !c),
+        disabled: b,
+        hasError: w,
         after: U(
-          a,
+          u,
           () => U(
-            o.map(({ length: c }) => c > 0),
+            i.map(({ length: c }) => c > 0),
             () => oe(
               {
                 size: "sm",
                 label: k.$.clearAllFiles,
-                disabled: p,
-                onClick: x
+                disabled: b,
+                onClick: v
               },
               l.class("bc-file-input__compact-clear")
             )
           )
         ),
-        ...y,
+        ...x,
         input: U(
-          a,
-          () => h.div(
+          u,
+          () => g.div(
             l.class("bc-file-input bc-file-input--input"),
             de({
-              value: o,
+              value: i,
               accept: s,
               enableClick: !0,
-              allowMultiple: f.map(r ?? 1 / 0, (c) => c > 1),
-              disabled: p,
-              onChange: M,
+              allowMultiple: p.map(r ?? 1 / 0, (c) => c > 1),
+              disabled: b,
+              onChange: S,
               content: A
             })
           ),
           () => U(
             D,
-            () => h.div(
+            () => g.div(
               l.class("bc-file-input bc-file-input--compact"),
               de({
-                value: o,
+                value: i,
                 accept: s,
                 enableClick: !0,
-                allowMultiple: f.map(r ?? 1 / 0, (c) => c > 1),
-                disabled: p,
-                onChange: M,
+                allowMultiple: p.map(r ?? 1 / 0, (c) => c > 1),
+                disabled: b,
+                onChange: S,
                 content: I
               })
             ),
-            () => h.div(
+            () => g.div(
               l.class("bc-file-input"),
               de({
-                value: o,
+                value: i,
                 accept: s,
                 enableClick: !0,
-                allowMultiple: f.map(r ?? 1 / 0, (c) => c > 1),
-                disabled: p,
-                onChange: M,
+                allowMultiple: p.map(r ?? 1 / 0, (c) => c > 1),
+                disabled: b,
+                onChange: S,
                 content: $
               }),
               U(
-                m,
-                () => Re(
-                  o,
+                d,
+                () => Ne(
+                  i,
                   () => N(
-                    h.div(
+                    g.div(
                       l.class("bc-file-input__file-list"),
-                      ee(o, (c, w) => {
-                        const T = w.index;
-                        return h.div(
+                      ee(i, (c, y) => {
+                        const T = y.index;
+                        return g.div(
                           l.class("bc-file-input__file-item"),
-                          h.div(
+                          g.div(
                             l.class("bc-file-input__file-icon"),
                             me(c)
                           ),
-                          h.div(
+                          g.div(
                             l.class("bc-file-input__file-info"),
-                            h.div(
+                            g.div(
                               l.class("bc-file-input__file-name"),
                               l.title(c.$.name),
                               c.$.name
                             ),
-                            h.div(
+                            g.div(
                               l.class("bc-file-input__file-meta"),
                               V(
                                 c.$.size,
@@ -476,8 +480,8 @@ const St = (t, ...e) => {
                             {
                               size: "sm",
                               label: k.$.removeFile,
-                              disabled: p,
-                              onClick: () => u(T)
+                              disabled: b,
+                              onClick: () => a(T)
                             },
                             l.class("bc-file-input__remove-button")
                           )
@@ -485,18 +489,18 @@ const St = (t, ...e) => {
                       })
                     ),
                     U(
-                      o.map(({ length: c }) => c > 1),
-                      () => h.div(
+                      i.map(({ length: c }) => c > 1),
+                      () => g.div(
                         l.class(
                           "bc-file-input__clear-all-button-container"
                         ),
-                        h.button(
+                        g.button(
                           l.type("button"),
                           l.class("bc-file-input__clear-all-button"),
-                          l.disabled(p),
+                          l.disabled(b),
                           k.$.clearAllFiles,
                           C.click((c) => {
-                            c.preventDefault(), c.stopPropagation(), x();
+                            c.preventDefault(), c.stopPropagation(), v();
                           })
                         )
                       )
@@ -512,117 +516,119 @@ const St = (t, ...e) => {
     )
   );
 };
-function Le(t, e, n) {
-  const s = f.map(t, (i) => i != null), r = V(
+function Ue(t, e, n) {
+  const s = p.map(t, (o) => o != null), r = V(
     s,
     e ?? !1
-  )((i, g) => !i || g), b = ce.clearValue;
-  return h.button(
+  )((o, m) => !o || m), h = ce.clearValue;
+  return g.button(
     l.type("button"),
     l.class("bc-input-container__reset"),
-    J.label(b),
-    l.title(b),
+    J.label(h),
+    l.title(h),
     l.disabled(r),
     E({ icon: "mdi:close", size: "sm" }),
-    C.click((i) => {
-      i.stopPropagation(), n?.(null);
+    C.click((o) => {
+      o.stopPropagation(), n?.(null);
     })
   );
 }
-const ge = "$$tts-exp-", lt = (t, e) => te((n) => {
+const ge = "$$tts-exp-", rt = (t, e) => te((n) => {
   const s = `${ge}${t}`;
-  return ne(f.on(e, (r) => Reflect.set(n, s, r)));
+  return ne(p.on(e, (r) => Reflect.set(n, s, r)));
 }), Tt = (t, e) => {
   const n = `${ge}${t}`;
   return (s) => {
     e(Reflect.get(s.target, n));
   };
-}, rt = (t, e) => {
+}, $e = (t, e) => {
   const n = `${ge}${t}`;
   return (s) => {
-    const r = s.target, b = r.selectedIndex, i = r.options[b];
-    e(Reflect.get(i, n));
+    const r = s.target, h = r.selectedIndex, o = r.options[h];
+    e(Reflect.get(o, n));
   };
 };
-function $e(...t) {
-  return h.div(l.class("bc-group"), ...t);
+function Me(...t) {
+  return g.div(l.class("bc-group"), ...t);
 }
-const Ue = (t, e, n) => Pe(
+const Ee = (t, e, n) => je(
   t,
-  (s) => je(s, {
+  (s) => We(s, {
     value: (r) => {
-      const b = V(
+      const h = V(
         r,
         n
-      )((i, g) => e(i.value, g));
-      return h.option(
-        l.selected(b),
-        lt("value", r.$.value),
+      )((o, m) => e(o.value, m));
+      return g.option(
+        l.selected(h),
+        rt("value", r.$.value),
         r.$.label
       );
     },
-    group: (r) => h.optgroup(
+    group: (r) => g.optgroup(
       l.label(r.$.group),
       ee(
         r.$.options,
-        (b) => Ue(
-          b,
+        (h) => Ee(
+          h,
           e,
           n
         )
       )
     ),
-    break: () => h.hr()
+    break: () => g.hr()
   })
 ), it = (t) => {
   const {
     value: e,
     onBlur: n,
     onChange: s,
-    options: r,
-    unselectedLabel: b,
-    equality: i = (v, d) => v === d,
-    after: g
+    onInput: r,
+    options: h,
+    unselectedLabel: o,
+    equality: m = (f, d) => f === d,
+    after: b
   } = t;
-  let p;
+  let w;
   return W(
     {
       ...t,
       after: N(
-        Ye({
+        Ge({
           icon: "ph:caret-down-bold",
           color: "neutral",
           size: "sm"
         }),
-        g
+        b
       ),
-      input: h.select(
-        te((v) => {
-          p = v;
-          const d = new MutationObserver((m) => {
-            const { removedNodes: y } = m[0];
-            y.length > 0 && (p.selectedIndex = 0);
+      input: g.select(
+        te((f) => {
+          w = f;
+          const d = new MutationObserver((x) => {
+            const { removedNodes: i } = x[0];
+            i.length > 0 && (w.selectedIndex = 0);
           });
-          return d.observe(v, { childList: !0 }), ne(() => d.disconnect());
+          return d.observe(f, { childList: !0 }), ne(() => d.disconnect());
         }),
         q(t),
         l.class("bc-native-select bc-input"),
         O(
           F,
-          (v) => h.option(
+          (f) => g.option(
             l.hidden("hidden"),
-            Ne(b, v.$.selectOne)
+            Pe(o, f.$.selectOne)
           )
         ),
-        ee(r, (v) => Ue(v, i, e)),
-        n != null ? C.blur(n) : S,
-        s != null ? C.change(rt("value", (v) => s(v))) : S
+        ee(h, (f) => Ee(f, m, e)),
+        n != null ? C.blur(n) : M,
+        s != null ? C.change($e("value", (f) => s(f))) : M,
+        r != null ? C.input($e("value", (f) => r(f))) : M
       )
     },
     C.click(() => {
-      if (p?.focus(), typeof p?.showPicker == "function")
+      if (w?.focus(), typeof w?.showPicker == "function")
         try {
-          p.showPicker();
+          w.showPicker();
         } catch {
         }
     })
@@ -633,33 +639,33 @@ function ot(t) {
   return it({
     ...r,
     value: e.signal,
-    onChange: Xe(e, n),
-    onBlur: Je(e, s)
+    onChange: Qe(e, n),
+    onBlur: Xe(e, s)
   });
 }
 function zt(t) {
-  return Ve({
+  return Ae({
     ...t,
     content: ot(t)
   });
 }
 function ct(t, e, n) {
   const s = t.length.map((r) => r);
-  return We(
+  return Ze(
     s,
     (r) => {
-      const b = t.item(r.index), i = [];
+      const h = t.item(r.index), o = [];
       return N(
         ne(() => {
-          i.forEach((g) => g());
+          o.forEach((m) => m());
         }),
         e({
           list: t,
-          item: b,
+          item: h,
           position: r,
           remove: () => t.removeAt(r.index),
-          move: (g) => {
-            switch (g) {
+          move: (m) => {
+            switch (m) {
               case "up":
                 if (r.index === 0) return;
                 t.move(r.index, r.index - 1);
@@ -675,27 +681,27 @@ function ct(t, e, n) {
                 t.move(r.index, t.length.value - 1);
             }
           },
-          canMove: (g) => {
-            const p = (() => {
-              switch (g) {
+          canMove: (m) => {
+            const b = (() => {
+              switch (m) {
                 case "up":
                   return _e(r.index > 0);
                 case "down":
-                  return t.length.map((v) => r.index < v - 1);
+                  return t.length.map((w) => r.index < w - 1);
               }
             })();
-            return i.push(() => p.dispose()), p;
+            return o.push(() => b.dispose()), b;
           },
-          cannotMove: (g) => {
-            const p = (() => {
-              switch (g) {
+          cannotMove: (m) => {
+            const b = (() => {
+              switch (m) {
                 case "up":
                   return _e(r.index === 0);
                 case "down":
-                  return t.length.map((v) => r.index === v - 1);
+                  return t.length.map((w) => r.index === w - 1);
               }
             })();
-            return i.push(() => p.dispose()), p;
+            return o.push(() => b.dispose()), b;
           }
         })
       );
@@ -703,27 +709,27 @@ function ct(t, e, n) {
     n
   );
 }
-const Me = {
+const Se = {
   9: { pattern: /^[0-9]$/ },
   A: { pattern: /^[A-Za-z]$/, transform: (t) => t.toUpperCase() },
   "*": { pattern: /^.$/ }
 }, at = (t) => t instanceof RegExp;
-function Ee(t, e, n) {
+function Oe(t, e, n) {
   if (t == null) return [];
-  const s = n ? { ...Me, ...e } : e ?? Me, r = (i, g) => {
-    const p = s[g];
-    p ? i.push({ type: "pattern", name: g, ...p }) : i.push({ type: "literal", char: g });
-  }, b = [];
+  const s = n ? { ...Se, ...e } : e ?? Se, r = (o, m) => {
+    const b = s[m];
+    b ? o.push({ type: "pattern", name: m, ...b }) : o.push({ type: "literal", char: m });
+  }, h = [];
   if (typeof t == "string") {
-    for (const i of t) r(b, i);
-    return b;
+    for (const o of t) r(h, o);
+    return h;
   }
-  for (const i of t)
-    if (typeof i == "string")
-      if (i.length <= 1) r(b, i);
-      else for (const g of i) r(b, g);
-    else at(i) ? b.push({ type: "pattern", pattern: i }) : typeof i == "object" && i && b.push(i);
-  return b;
+  for (const o of t)
+    if (typeof o == "string")
+      if (o.length <= 1) r(h, o);
+      else for (const m of o) r(h, m);
+    else at(o) ? h.push({ type: "pattern", pattern: o }) : typeof o == "object" && o && h.push(o);
+  return h;
 }
 function ut(t, e) {
   return (n) => {
@@ -741,117 +747,117 @@ function ut(t, e) {
     }
   };
 }
-function Se(t, e, n, s, r, b) {
-  const i = {
+function Te(t, e, n, s, r, h) {
+  const o = {
     raw: t,
     previousConformed: e,
     cursor: r ?? t.length,
     completed: !1
-  }, g = s.definitions ?? {}, p = typeof n == "function" ? n(t, i) : n, v = Ee(
-    p,
-    g,
+  }, m = s.definitions ?? {}, b = typeof n == "function" ? n(t, o) : n, w = Oe(
+    b,
+    m,
     s.useDefaultDefinitions ?? !0
-  ), d = ut(s.allowMode, s.allow), m = /* @__PURE__ */ new Set();
-  for (const _ of v) _.type === "literal" && m.add(_.char);
-  if (s.prefix) for (const _ of s.prefix) m.add(_);
-  if (s.suffix) for (const _ of s.suffix) m.add(_);
-  const y = Array.from(t).filter((_) => d(_) && !m.has(_));
-  if (y.length === 0) return { value: "", cursor: 0, completed: !1 };
-  const o = [], a = [];
-  let D = 0, M = 0, u = 0, x = -1;
-  for (const _ of v) {
+  ), f = ut(s.allowMode, s.allow), d = /* @__PURE__ */ new Set();
+  for (const _ of w) _.type === "literal" && d.add(_.char);
+  if (s.prefix) for (const _ of s.prefix) d.add(_);
+  if (s.suffix) for (const _ of s.suffix) d.add(_);
+  const x = Array.from(t).filter((_) => f(_) && !d.has(_));
+  if (x.length === 0) return { value: "", cursor: 0, completed: !1 };
+  const i = [], u = [];
+  let D = 0, S = 0, a = 0, v = -1;
+  for (const _ of w) {
     if (_.type === "literal") {
-      o.push(_.char), a.push({ kind: "literal", filled: !0 });
+      i.push(_.char), u.push({ kind: "literal", filled: !0 });
       continue;
     }
-    M += _.optional ? 0 : 1;
-    const B = y[D];
+    S += _.optional ? 0 : 1;
+    const B = x[D];
     if (B == null)
       break;
     if (_.type === "any") {
-      u++, o.push(_.transform ? _.transform(B) : B), a.push({ kind: "slot", filled: !0 }), x = a.length - 1, D++;
+      a++, i.push(_.transform ? _.transform(B) : B), u.push({ kind: "slot", filled: !0 }), v = u.length - 1, D++;
       continue;
     }
     if (_.type === "pattern")
       if (_.pattern.test(B)) {
-        u++;
+        a++;
         const R = _.transform ? _.transform(B) : B;
-        o.push(R), a.push({ kind: "slot", filled: !0 }), x = a.length - 1, D++;
+        i.push(R), u.push({ kind: "slot", filled: !0 }), v = u.length - 1, D++;
       } else {
         D++;
         continue;
       }
   }
-  const $ = o.join(""), I = (s.prefix ?? "") + $ + (s.suffix ?? "");
+  const $ = i.join(""), I = (s.prefix ?? "") + $ + (s.suffix ?? "");
   let k = (s.prefix ?? "").length;
-  if (x >= 0) {
-    let _ = x + 1;
-    if ((b?.policy ?? "smart") !== "sticky")
-      for (; _ < a.length && a[_].kind === "literal"; ) _++;
+  if (v >= 0) {
+    let _ = v + 1;
+    if ((h?.policy ?? "smart") !== "sticky")
+      for (; _ < u.length && u[_].kind === "literal"; ) _++;
     k += _;
   }
-  const c = s.completion?.mode === "min" ? (s.completion.minChars ?? 0) <= u : s.completion?.mode === "custom" ? !!s.completion.isComplete?.(I) : M > 0 && u >= M, w = s.pipe?.(I, { ...i, completed: c });
+  const c = s.completion?.mode === "min" ? (s.completion.minChars ?? 0) <= a : s.completion?.mode === "custom" ? !!s.completion.isComplete?.(I) : S > 0 && a >= S, y = s.pipe?.(I, { ...o, completed: c });
   let T, z = k;
-  return w === !1 ? (T = e, z = e.length) : typeof w == "string" ? (T = w, z = w.length) : typeof w == "object" && w ? (T = w.value, z = w.cursor ?? w.value.length) : T = I, { value: T, cursor: z, completed: c };
+  return y === !1 ? (T = e, z = e.length) : typeof y == "string" ? (T = y, z = y.length) : typeof y == "object" && y ? (T = y.value, z = y.cursor ?? y.value.length) : T = I, { value: T, cursor: z, completed: c };
 }
 function ft(t, e) {
   const n = e?.strategy ?? "none";
   return n === "custom" && e?.unmask ? e.unmask(t) : n === "strip" ? t.replace(/[^A-Za-z0-9]/g, "") : t;
 }
-const Oe = (t) => {
+const Fe = (t) => {
   const {
     value: e,
     onBlur: n,
     onChange: s,
     onInput: r,
-    onAccept: b,
-    onComplete: i,
-    mask: g,
-    definitions: p,
-    useDefaultDefinitions: v,
-    extraLiterals: d,
-    prefix: m,
-    suffix: y,
-    autofix: o,
-    pipe: a,
+    onAccept: h,
+    onComplete: o,
+    mask: m,
+    definitions: b,
+    useDefaultDefinitions: w,
+    extraLiterals: f,
+    prefix: d,
+    suffix: x,
+    autofix: i,
+    pipe: u,
     completion: D,
-    unmask: M,
-    allowMode: u,
-    allow: x,
+    unmask: S,
+    allowMode: a,
+    allow: v,
     placeholder: $,
     placeholderOptions: I
   } = t, A = V(
     e,
-    g,
-    p,
-    v,
-    d,
     m,
-    y,
-    o,
+    b,
+    w,
+    f,
+    d,
+    x,
+    i,
     D,
-    M,
-    u,
+    S,
+    a,
     $,
     I
-  )((c, w, T, z, _, B, R, X, Q, Y, Z, le, j) => w ? Se(c ?? "", "", w, {
+  )((c, y, T, z, _, B, R, X, Q, Y, Z, le, j) => y ? Te(c ?? "", "", y, {
     definitions: T ?? {},
     useDefaultDefinitions: z ?? !0,
     extraLiterals: _ ?? [],
     autofix: X ?? "none",
     completion: Q ?? { mode: "mask" },
-    pipe: a ?? ((L) => L),
+    pipe: u ?? ((L) => L),
     unmask: Y ?? { strategy: "none" },
     allowMode: Z ?? "all",
-    allow: x,
+    allow: v,
     prefix: B,
     suffix: R
-  }).value : c ?? ""), k = (c, w) => {
-    const T = c.value ?? "", z = f.get(e) ?? "", _ = g != null ? f.get(g) : null, B = p != null ? f.get(p) : void 0, R = v != null ? f.get(v) : void 0, X = d != null ? f.get(d) : void 0, Q = o != null ? f.get(o) : void 0, Y = D != null ? f.get(D) : void 0, Z = M != null ? f.get(M) : void 0, le = u != null ? f.get(u) : void 0, j = m != null ? f.get(m) : void 0, L = y != null ? f.get(y) : void 0, {
+  }).value : c ?? ""), k = (c, y) => {
+    const T = c.value ?? "", z = p.get(e) ?? "", _ = m != null ? p.get(m) : null, B = b != null ? p.get(b) : void 0, R = w != null ? p.get(w) : void 0, X = f != null ? p.get(f) : void 0, Q = i != null ? p.get(i) : void 0, Y = D != null ? p.get(D) : void 0, Z = S != null ? p.get(S) : void 0, le = a != null ? p.get(a) : void 0, j = d != null ? p.get(d) : void 0, L = x != null ? p.get(x) : void 0, {
       value: H,
       cursor: ue,
       completed: ve
-    } = _ ? Se(
+    } = _ ? Te(
       T,
       z,
       _,
@@ -861,15 +867,15 @@ const Oe = (t) => {
         extraLiterals: X ?? [],
         autofix: Q ?? "none",
         completion: Y ?? { mode: "mask" },
-        pipe: a ?? ((Fe) => Fe),
+        pipe: u ?? ((Re) => Re),
         unmask: Z ?? { strategy: "none" },
         allowMode: le ?? "all",
-        allow: x,
+        allow: v,
         prefix: j,
         suffix: L
       },
       c.selectionStart ?? T.length,
-      t.cursor ? f.get(t.cursor) : void 0
+      t.cursor ? p.get(t.cursor) : void 0
     ) : { value: T, cursor: T.length, completed: !0 };
     if (H !== T) {
       c.value = H;
@@ -879,12 +885,12 @@ const Oe = (t) => {
       }
     }
     const xe = ft(H, Z);
-    b?.({
+    h?.({
       raw: xe,
       conformed: H,
       completed: ve,
       cursor: ue
-    }), w === "input" ? r?.(H) : (s?.(H), ve && i?.({ raw: xe, conformed: H }));
+    }), y === "input" ? r?.(H) : (s?.(H), ve && o?.({ raw: xe, conformed: H }));
   };
   return W({
     ...t,
@@ -892,18 +898,18 @@ const Oe = (t) => {
       q(t),
       l.value(A),
       l.class("bc-input"),
-      n != null ? C.blur(n) : S,
+      n != null ? C.blur(n) : M,
       te(
         (c) => c instanceof HTMLInputElement ? N(
           C.input(() => k(c, "input")),
           C.change(() => k(c, "change")),
-          C.keydown((w) => {
-            if (w.key !== "Backspace" || !(t.cursor ? f.get(t.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
+          C.keydown((y) => {
+            if (y.key !== "Backspace" || !(t.cursor ? p.get(t.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
             const z = c.selectionStart ?? 0, _ = c.selectionEnd ?? z;
             if (z !== _ || z <= 0) return;
-            const B = c.value ?? "", R = g != null ? f.get(g) : null;
+            const B = c.value ?? "", R = m != null ? p.get(m) : null;
             if (!R) return;
-            const X = p != null ? f.get(p) : void 0, Q = v != null ? f.get(v) : !0, Y = m != null ? f.get(m) : void 0, Z = y != null ? f.get(y) : void 0, le = Ee(
+            const X = b != null ? p.get(b) : void 0, Q = w != null ? p.get(w) : !0, Y = d != null ? p.get(d) : void 0, Z = x != null ? p.get(x) : void 0, le = Oe(
               typeof R == "function" ? R(B, {
                 raw: B,
                 previousConformed: B,
@@ -920,34 +926,34 @@ const Oe = (t) => {
             if (j.has(B[z - 1])) {
               let L = z - 1;
               for (; L >= 0 && j.has(B[L]); ) L--;
-              L >= 0 && (w.preventDefault(), w.stopPropagation(), c.value = B.slice(0, L) + B.slice(L + 1), k(c, "input"));
+              L >= 0 && (y.preventDefault(), y.stopPropagation(), c.value = B.slice(0, L) + B.slice(L + 1), k(c, "input"));
             }
           })
-        ) : S
+        ) : M
       )
     )
   });
 }, Bt = (t) => {
-  const { value: e, onBlur: n, onChange: s, onInput: r, rows: b } = t;
+  const { value: e, onBlur: n, onChange: s, onInput: r, rows: h } = t;
   return W({
     baseContainer: !0,
     ...t,
-    input: h.textarea(
+    input: g.textarea(
       l.class(
         V(t.size ?? "md")(
-          (i) => Ge(
+          (o) => Je(
             !1,
-            i ?? "md"
+            o ?? "md"
           )
         )
       ),
       q(t),
-      l.rows(b ?? 3),
+      l.rows(h ?? 3),
       l.value(e),
       l.class("bc-input"),
-      n != null ? C.blur(P(n)) : S,
-      s != null ? C.change(P(s)) : S,
-      r != null ? C.input(P(r)) : S
+      n != null ? C.blur(P(n)) : M,
+      s != null ? C.change(P(s)) : M,
+      r != null ? C.input(P(r)) : M
     )
   });
 };
@@ -962,150 +968,150 @@ function G(t, e) {
   return Math.round(t * s) / s;
 }
 const Vt = (t) => {
-  const { value: e, step: n, min: s, max: r, onBlur: b, onChange: i, onInput: g, after: p } = t, v = (y) => {
-    const o = s != null ? f.get(s) : void 0, a = r != null ? f.get(r) : void 0;
-    return o != null && y < o ? o : a != null && y > a ? a : y;
-  }, d = n != null ? O(F, (y) => {
-    const o = V(
+  const { value: e, step: n, min: s, max: r, onBlur: h, onChange: o, onInput: m, after: b } = t, w = (x) => {
+    const i = s != null ? p.get(s) : void 0, u = r != null ? p.get(r) : void 0;
+    return i != null && x < i ? i : u != null && x > u ? u : x;
+  }, f = n != null ? O(F, (x) => {
+    const i = V(
       e,
       s
-    )((u, x) => x == null ? !0 : (u ?? 0) > x), a = V(
+    )((a, v) => v == null ? !0 : (a ?? 0) > v), u = V(
       e,
       r
-    )((u, x) => x == null ? !0 : (u ?? 0) < x), D = (u) => {
-      const x = f.get(e) ?? 0, $ = f.get(n), I = u?.shiftKey ? 10 : 1, A = G(
-        x - $ * I,
+    )((a, v) => v == null ? !0 : (a ?? 0) < v), D = (a) => {
+      const v = p.get(e) ?? 0, $ = p.get(n), I = a?.shiftKey ? 10 : 1, A = G(
+        v - $ * I,
         $
-      ), k = s != null ? f.get(s) : void 0;
+      ), k = s != null ? p.get(s) : void 0;
       if (k != null && A < k)
         return;
-      const c = v(A);
-      c !== x && i && i(c);
-    }, M = (u) => {
-      const x = f.get(e) ?? 0, $ = f.get(n), I = u?.shiftKey ? 10 : 1, A = G(
-        x + $ * I,
+      const c = w(A);
+      c !== v && (o?.(c), m?.(c));
+    }, S = (a) => {
+      const v = p.get(e) ?? 0, $ = p.get(n), I = a?.shiftKey ? 10 : 1, A = G(
+        v + $ * I,
         $
-      ), k = r != null ? f.get(r) : void 0;
+      ), k = r != null ? p.get(r) : void 0;
       if (k != null && A > k)
         return;
-      const c = v(A);
-      c !== x && i && i(c);
+      const c = w(A);
+      c !== v && (o?.(c), m?.(c));
     };
-    return Ae(
+    return Le(
       l.class("bc-number-input-steppers"),
       // Increment second
-      h.button(
+      g.button(
         l.type("button"),
         l.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         l.disabled(
           V(
-            a,
+            u,
             t.disabled ?? !1
-          )((u, x) => !u || x)
+          )((a, v) => !a || v)
         ),
-        C.click((u) => M(u)),
-        J.label(y.$.incrementValue),
+        C.click((a) => S(a)),
+        J.label(x.$.incrementValue),
         E({ icon: "line-md:plus", size: "xs" })
       ),
       // Decrement first (matches tests expecting first button to be decrement)
-      h.button(
+      g.button(
         l.type("button"),
         l.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         l.disabled(
           V(
-            o,
+            i,
             t.disabled ?? !1
-          )((u, x) => !u || x)
+          )((a, v) => !a || v)
         ),
-        C.click((u) => D(u)),
-        J.label(y.$.decrementValue),
+        C.click((a) => D(a)),
+        J.label(x.$.decrementValue),
         E({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, m = p != null && d != null ? N(d, p) : p ?? d;
+  }) : null, d = b != null && f != null ? N(f, b) : b ?? f;
   return W({
     ...t,
     input: se.number(
-      s != null ? l.min(s) : S,
-      r != null ? l.max(r) : S,
+      s != null ? l.min(s) : M,
+      r != null ? l.max(r) : M,
       q(t),
       l.valueAsNumber(e),
       l.step(n),
       l.class("bc-input bc-number-input"),
-      b != null ? C.blur(P(b)) : S,
-      i != null ? C.change(ke(i)) : S,
-      g != null ? C.input(ke(g)) : S,
+      h != null ? C.blur(P(h)) : M,
+      o != null ? C.change(ke(o)) : M,
+      m != null ? C.input(ke(m)) : M,
       // Add wheel event support when step is defined
-      n != null ? C.wheel((y) => {
-        y.preventDefault();
-        const o = f.get(e) ?? 0, a = f.get(n), D = y.shiftKey ? 10 : 1, M = y.deltaY < 0 ? a * D : -a * D, u = v(G(o + M, a));
-        u !== o && i && i(u);
-      }) : S
+      n != null ? C.wheel((x) => {
+        x.preventDefault();
+        const i = p.get(e) ?? 0, u = p.get(n), D = x.shiftKey ? 10 : 1, S = x.deltaY < 0 ? u * D : -u * D, a = w(G(i + S, u));
+        a !== i && (o?.(a), m?.(a));
+      }) : M
     ),
-    after: m
+    after: d
   });
-}, Te = (t) => {
+}, ze = (t) => {
   if (t == null || t === "") return null;
   const e = Number(t);
   return Number.isNaN(e) ? null : e;
 }, At = (t) => {
-  const { value: e, step: n, min: s, max: r, onBlur: b, onChange: i, onInput: g, after: p } = t, v = (o) => {
-    const a = s != null ? f.get(s) : void 0, D = r != null ? f.get(r) : void 0;
-    return a != null && o < a ? a : D != null && o > D ? D : o;
-  }, d = (() => {
+  const { value: e, step: n, min: s, max: r, onBlur: h, onChange: o, onInput: m, after: b } = t, w = (i) => {
+    const u = s != null ? p.get(s) : void 0, D = r != null ? p.get(r) : void 0;
+    return u != null && i < u ? u : D != null && i > D ? D : i;
+  }, f = (() => {
     if (n == null) return null;
-    const o = V(
+    const i = V(
       e,
       s
-    )((x, $) => {
-      const I = x ?? 0;
+    )((v, $) => {
+      const I = v ?? 0;
       return $ == null ? !0 : I > $;
-    }), a = V(
+    }), u = V(
       e,
       r
-    )((x, $) => {
-      const I = x ?? 0;
+    )((v, $) => {
+      const I = v ?? 0;
       return $ == null ? !0 : I < $;
-    }), D = (x) => {
-      const $ = f.get(e) ?? 0, I = f.get(n), A = x?.shiftKey ? 10 : 1, k = G($ - I * A, I), c = s != null ? f.get(s) : void 0;
+    }), D = (v) => {
+      const $ = p.get(e) ?? 0, I = p.get(n), A = v?.shiftKey ? 10 : 1, k = G($ - I * A, I), c = s != null ? p.get(s) : void 0;
       if (c != null && k < c) return;
-      const w = v(k);
-      w !== $ && i && i(w);
-    }, M = (x) => {
-      const $ = f.get(e) ?? 0, I = f.get(n), A = x?.shiftKey ? 10 : 1, k = G($ + I * A, I), c = r != null ? f.get(r) : void 0;
+      const y = w(k);
+      y !== $ && (o?.(y), m?.(y));
+    }, S = (v) => {
+      const $ = p.get(e) ?? 0, I = p.get(n), A = v?.shiftKey ? 10 : 1, k = G($ + I * A, I), c = r != null ? p.get(r) : void 0;
       if (c != null && k > c) return;
-      const w = v(k);
-      w !== $ && i && i(w);
+      const y = w(k);
+      y !== $ && (o?.(y), m?.(y));
     };
-    return ((x, $) => Ae(
+    return ((v, $) => Le(
       l.class("bc-number-input-steppers"),
-      h.button(
+      g.button(
         l.type("button"),
         l.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         l.disabled(
           V(
-            a,
+            u,
             t.disabled ?? !1
           )((I, A) => !I || A)
         ),
-        C.click((I) => M(I)),
-        J.label(x),
+        C.click((I) => S(I)),
+        J.label(v),
         E({ icon: "line-md:plus", size: "xs" })
       ),
-      h.button(
+      g.button(
         l.type("button"),
         l.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         l.disabled(
           V(
-            o,
+            i,
             t.disabled ?? !1
           )((I, A) => !I || A)
         ),
@@ -1117,43 +1123,43 @@ const Vt = (t) => {
       ce.incrementValue,
       ce.decrementValue
     );
-  })(), m = Le(
+  })(), d = Ue(
     e,
     t.disabled,
-    i ?? g
-  ), y = p != null && d != null ? N(d, m, p) : p != null ? N(m, p) : d != null ? N(d, m) : m;
+    o ?? m
+  ), x = b != null && f != null ? N(f, d, b) : b != null ? N(d, b) : f != null ? N(f, d) : d;
   return W({
     ...t,
     input: se.number(
       // min/max attributes and reactive watchers (no forced correction)
-      s != null ? l.min(s) : S,
-      r != null ? l.max(r) : S,
+      s != null ? l.min(s) : M,
+      r != null ? l.max(r) : M,
       q(t),
       // Represent null as empty string so the field can be cleared
-      l.value(f.map(e, (o) => o == null ? "" : String(o))),
+      l.value(p.map(e, (i) => i == null ? "" : String(i))),
       l.step(n),
       l.class("bc-input bc-number-input"),
-      b != null ? C.blur(P(b)) : S,
-      i != null ? C.change(
-        P((o) => {
-          const a = Te(o);
-          i(a);
+      h != null ? C.blur(P(h)) : M,
+      o != null ? C.change(
+        P((i) => {
+          const u = ze(i);
+          o(u);
         })
-      ) : S,
-      g != null ? C.input(
-        P((o) => {
-          const a = Te(o);
-          g(a);
+      ) : M,
+      m != null ? C.input(
+        P((i) => {
+          const u = ze(i);
+          m(u);
         })
-      ) : S,
+      ) : M,
       // Wheel support when step is defined
-      n != null ? C.wheel((o) => {
-        o.preventDefault();
-        const a = f.get(e) ?? 0, D = f.get(n), M = o.shiftKey ? 10 : 1, u = o.deltaY < 0 ? D * M : -D * M, x = v(G(a + u, D));
-        x !== a && i && i(x);
-      }) : S
+      n != null ? C.wheel((i) => {
+        i.preventDefault();
+        const u = p.get(e) ?? 0, D = p.get(n), S = i.shiftKey ? 10 : 1, a = i.deltaY < 0 ? D * S : -D * S, v = w(G(u + a, D));
+        v !== u && (o?.(v), m?.(v));
+      }) : M
     ),
-    after: y
+    after: x
   });
 }, Lt = (t) => {
   const e = {
@@ -1161,7 +1167,7 @@ const Vt = (t) => {
     pattern: /[0-9A-Fa-f]/,
     transform: (s) => s.toLowerCase()
   };
-  return Oe({
+  return Fe({
     ...t,
     mask: [
       e,
@@ -1228,7 +1234,7 @@ function bt(t) {
     }
   };
 }
-const ze = (t, e) => {
+const Be = (t, e) => {
   if (t == null) return null;
   try {
     return t.Duration.from(e);
@@ -1236,35 +1242,35 @@ const ze = (t, e) => {
     return null;
   }
 }, Ut = (t) => {
-  const { value: e, onChange: n, onInput: s, after: r, disabled: b, onBlur: i } = t, g = () => {
-    const d = Le(e, b, n ?? s);
-    return r != null ? N(d, r) : d;
-  }, p = t.placeholder != null ? S : l.placeholder("P0DT0H0M0S");
-  return Qe(
-    (d) => Oe({
+  const { value: e, onChange: n, onInput: s, after: r, disabled: h, onBlur: o } = t, m = () => {
+    const f = Ue(e, h, n ?? s);
+    return r != null ? N(f, r) : f;
+  }, b = t.placeholder != null ? M : l.placeholder("P0DT0H0M0S");
+  return Ke(
+    (f) => Fe({
       ...t,
-      value: f.map(e, (m) => m?.toString() ?? ""),
-      onChange: n ? (m) => n(m === "" ? null : d.Duration.from(m)) : void 0,
+      value: p.map(e, (d) => d?.toString() ?? ""),
+      onChange: n ? (d) => n(d === "" ? null : f.Duration.from(d)) : void 0,
       onInput: void 0,
-      ...bt(d.Duration.from),
+      ...bt(f.Duration.from),
       placeholder: "P0DT0H0M0S",
-      after: g()
+      after: m()
     }),
     { pending: () => {
-      const d = (m) => (y) => {
-        const a = y.currentTarget?.value ?? "";
-        if (a === "") {
-          m(null);
+      const f = (d) => (x) => {
+        const u = x.currentTarget?.value ?? "";
+        if (u === "") {
+          d(null);
           return;
         }
-        const D = globalThis.Temporal, M = ze(D, a);
-        if (M != null) {
-          m(M);
+        const D = globalThis.Temporal, S = Be(D, u);
+        if (S != null) {
+          d(S);
           return;
         }
-        he().then((u) => {
-          const x = ze(u, a);
-          x != null && m(x);
+        he().then((a) => {
+          const v = Be(a, u);
+          v != null && d(v);
         }).catch(() => {
         });
       };
@@ -1272,14 +1278,14 @@ const ze = (t, e) => {
         ...t,
         input: se.text(
           q(t),
-          l.value(f.map(e, (m) => m?.toString() ?? "")),
+          l.value(p.map(e, (d) => d?.toString() ?? "")),
           l.class("bc-input"),
-          p,
-          i != null ? C.blur(() => i()) : S,
-          n != null ? C.change(d(n)) : S,
-          s != null ? C.input(d(s)) : S
+          b,
+          o != null ? C.blur(() => o()) : M,
+          n != null ? C.change(f(n)) : M,
+          s != null ? C.input(f(s)) : M
         ),
-        after: g()
+        after: m()
       });
     } }
   );
@@ -1291,9 +1297,9 @@ const ze = (t, e) => {
       q(t),
       l.value(e),
       l.class("bc-input"),
-      n != null ? C.blur(P(n)) : S,
-      s != null ? C.change(P(s)) : S,
-      r != null ? C.input(P(r)) : S
+      n != null ? C.blur(P(n)) : M,
+      s != null ? C.change(P(s)) : M,
+      r != null ? C.input(P(r)) : M
     )
   });
 };
@@ -1302,15 +1308,15 @@ function ht(t, e) {
     onMove: n,
     cannotMoveUp: s,
     cannotMoveDown: r,
-    onRemove: b,
-    showMove: i = !0,
-    showRemove: g = !0,
-    removeDisabled: p,
-    showMoveButtons: v = !0,
-    layout: d = "aside"
-  } = t, m = f.toSignal(d).map((a) => a === "aside"), y = U(
-    i,
-    () => h.div(
+    onRemove: h,
+    showMove: o = !0,
+    showRemove: m = !0,
+    removeDisabled: b,
+    showMoveButtons: w = !0,
+    layout: f = "aside"
+  } = t, d = p.toSignal(f).map((u) => u === "aside"), x = U(
+    o,
+    () => g.div(
       l.class("bc-list-item-controls__move"),
       be(
         {
@@ -1322,10 +1328,10 @@ function ht(t, e) {
         },
         O(
           F,
-          (a) => E({
+          (u) => E({
             size: "xs",
             icon: "line-md:arrow-up",
-            title: a.$.incrementValue
+            title: u.$.incrementValue
           })
         )
       ),
@@ -1339,49 +1345,49 @@ function ht(t, e) {
         },
         O(
           F,
-          (a) => E({
+          (u) => E({
             size: "xs",
             icon: "line-md:arrow-down",
-            title: a.$.decrementValue
+            title: u.$.decrementValue
           })
         )
       )
     )
-  ), o = U(
-    g,
+  ), i = U(
+    m,
     () => O(
       F,
-      (a) => oe({
+      (u) => oe({
         size: "xs",
-        label: f.map(a.$.removeItem, (D) => D.toLowerCase()),
+        label: p.map(u.$.removeItem, (D) => D.toLowerCase()),
         color: "danger",
-        disabled: p,
-        onClick: b
+        disabled: b,
+        onClick: h
       })
     )
   );
   return U(
-    m,
-    () => h.div(
+    d,
+    () => g.div(
       l.class("bc-list-item-controls bc-list-item-controls--aside"),
-      h.div(l.class("bc-list-item-controls__content"), e),
-      h.div(
+      g.div(l.class("bc-list-item-controls__content"), e),
+      g.div(
         l.class("bc-list-item-controls__actions"),
-        U(v, () => y),
-        o
+        U(w, () => x),
+        i
       )
     ),
-    () => h.div(
+    () => g.div(
       l.class("bc-list-item-controls bc-list-item-controls--below"),
-      h.div(l.class("bc-list-item-controls__content"), e),
-      h.div(
+      g.div(l.class("bc-list-item-controls__content"), e),
+      g.div(
         l.class("bc-list-item-controls__actions"),
         U(
-          v,
-          () => y,
-          () => h.div()
+          w,
+          () => x,
+          () => g.div()
         ),
-        o
+        i
       )
     )
   );
@@ -1392,16 +1398,16 @@ const gt = (t) => {
     element: n,
     separator: s,
     showMove: r = !0,
-    showRemove: b = !0,
-    showAdd: i = !0,
-    createItem: g,
-    addLabel: p,
-    controlsLayout: v = "aside",
-    removeDisabled: d,
-    addDisabled: m
-  } = t, y = U(
-    V(i, g)((o, a) => o && a != null),
-    () => $e(
+    showRemove: h = !0,
+    showAdd: o = !0,
+    createItem: m,
+    addLabel: b,
+    controlsLayout: w = "aside",
+    removeDisabled: f,
+    addDisabled: d
+  } = t, x = U(
+    V(o, m)((i, u) => i && u != null),
+    () => Me(
       l.class(
         "bc-group--gap-2 bc-group--align-center bc-group--justify-center"
       ),
@@ -1409,20 +1415,20 @@ const gt = (t) => {
         {
           size: "sm",
           variant: "filled",
-          onClick: () => e.push(g()),
+          onClick: () => e.push(m()),
           disabled: V(
             e.disabled,
-            m ?? !1
+            d ?? !1
           )(
-            (o, a) => o || a
+            (i, u) => i || u
           )
         },
         O(
           F,
-          (o) => $e(
+          (i) => Me(
             l.class("bc-group--gap-2"),
             E({ icon: "line-md:plus" }),
-            p ?? o.$.addLabel
+            b ?? i.$.addLabel
           )
         )
       )
@@ -1431,54 +1437,54 @@ const gt = (t) => {
   return N(
     ct(
       e,
-      (o) => ht(
+      (i) => ht(
         {
-          onMove: o.move,
-          cannotMoveUp: o.cannotMove("up"),
-          cannotMoveDown: o.cannotMove("down"),
-          onRemove: o.remove,
+          onMove: i.move,
+          cannotMoveUp: i.cannotMove("up"),
+          cannotMoveDown: i.cannotMove("down"),
+          onRemove: i.remove,
           showMove: r,
-          showRemove: b,
-          removeDisabled: d,
-          showMoveButtons: e.signal.map((a) => a.length > 1),
-          layout: v
+          showRemove: h,
+          removeDisabled: f,
+          showMoveButtons: e.signal.map((u) => u.length > 1),
+          layout: w
         },
-        n(o)
+        n(i)
       ),
       s
     ),
-    y
+    x
   );
 }, Ot = (t, ...e) => {
   const {
     controller: n,
     element: s,
     separator: r,
-    showMove: b,
-    showRemove: i,
-    showAdd: g,
-    createItem: p,
-    addLabel: v,
-    controlsLayout: d,
-    removeDisabled: m,
-    addDisabled: y,
-    ...o
+    showMove: h,
+    showRemove: o,
+    showAdd: m,
+    createItem: b,
+    addLabel: w,
+    controlsLayout: f,
+    removeDisabled: d,
+    addDisabled: x,
+    ...i
   } = t;
-  return Ve(
+  return Ae(
     {
-      ...o,
+      ...i,
       content: gt({
         controller: n,
         element: s,
         separator: r,
-        showMove: b,
-        showRemove: i,
-        showAdd: g,
-        createItem: p,
-        addLabel: v,
-        controlsLayout: d,
-        removeDisabled: m,
-        addDisabled: y
+        showMove: h,
+        showRemove: o,
+        showAdd: m,
+        createItem: b,
+        addLabel: w,
+        controlsLayout: f,
+        removeDisabled: d,
+        addDisabled: x
       })
     },
     ...e
@@ -1504,45 +1510,45 @@ class Ft extends fe {
    * @param branches - Array of branch definitions describing the possible value types
    * @param equals - Optional equality function for comparing values. Defaults to `strictEqual`.
    */
-  constructor(e, n, s, r, b, i, g = K) {
-    super(e, n, s, r, b, g), this.branches = i;
-    const p = (d) => {
-      for (const m of i)
-        if (m.detect(d))
-          return m.key;
-      return i[0]?.key ?? "unknown";
+  constructor(e, n, s, r, h, o, m = K) {
+    super(e, n, s, r, h, m), this.branches = o;
+    const b = (f) => {
+      for (const d of o)
+        if (d.detect(f))
+          return d.key;
+      return o[0]?.key ?? "unknown";
     };
-    this.activeBranch = s.map(p, K);
-    const v = (d) => {
-      if (this.#e.has(d))
-        return this.#e.get(d);
-      const m = i.find((o) => o.key === d);
-      if (!m)
-        throw new Error(`Unknown branch: ${d}`);
-      const y = new fe(
-        [...e, d],
-        (o) => {
-          this.change(o);
+    this.activeBranch = s.map(b, K);
+    const w = (f) => {
+      if (this.#e.has(f))
+        return this.#e.get(f);
+      const d = o.find((i) => i.key === f);
+      if (!d)
+        throw new Error(`Unknown branch: ${f}`);
+      const x = new fe(
+        [...e, f],
+        (i) => {
+          this.change(i);
         },
         this.signal.map(
-          (o) => m.detect(o) ? o : m.defaultValue(),
-          g
+          (i) => d.detect(i) ? i : d.defaultValue(),
+          m
         ),
-        r.map(Ie([d])),
+        r.map(Ie([f])),
         {
           disabled: this.disabled,
           validationMode: this.parent.validationMode
         },
-        g
+        m
       );
-      return this.#e.set(d, y), y;
+      return this.#e.set(f, x), x;
     };
     this.#t = this.activeBranch.map(
-      (d) => v(d),
+      (f) => w(f),
       K
     ), this.onDispose(() => {
-      for (const d of this.#e.values())
-        d.dispose();
+      for (const f of this.#e.values())
+        f.dispose();
       this.#e.clear(), this.activeBranch.dispose(), this.#t.dispose();
     });
   }
@@ -1555,7 +1561,7 @@ class Ft extends fe {
    * @returns The `Controller<unknown>` for the active branch
    */
   get activeController() {
-    return f.get(this.#t);
+    return p.get(this.#t);
   }
   /**
    * Gets or creates a controller for a specific branch by key.
@@ -1605,21 +1611,21 @@ class Ft extends fe {
    * @throws Error if the branch key is not found in the branches array
    */
   switchToBranch(e, n = !1) {
-    const s = this.branches.find((i) => i.key === e);
+    const s = this.branches.find((o) => o.key === e);
     if (!s)
       throw new Error(`Unknown branch: ${e}`);
-    const r = f.get(this.signal);
+    const r = p.get(this.signal);
     if (s.detect(r))
       return !0;
     if (s.convert) {
-      const i = s.convert(r);
-      if (i.ok)
-        return this.change(i.value), !0;
+      const o = s.convert(r);
+      if (o.ok)
+        return this.change(o.value), !0;
     }
     if (n && typeof window == "object" && typeof window.confirm == "function" && !window.confirm(ce.changeTypeConfirmation))
       return !1;
-    const b = s.defaultValue();
-    return this.change(b), !0;
+    const h = s.defaultValue();
+    return this.change(h), !0;
   }
   /**
    * Gets the {@link UnionBranch} definition for the currently active branch.
@@ -1627,7 +1633,7 @@ class Ft extends fe {
    * @returns The active branch definition, or `undefined` if no branch matches
    */
   get activeBranchDefinition() {
-    const e = f.get(this.activeBranch);
+    const e = p.get(this.activeBranch);
     return this.branches.find((n) => n.key === e);
   }
 }
@@ -1654,32 +1660,32 @@ function re(t) {
 }
 function vt(t, e) {
   if (e == null)
-    return Be(t);
+    return Ve(t);
   if (t == null)
     return e;
   if (re(t) && re(e)) {
     const n = { ...e };
     for (const s of Object.keys(t))
-      n[s] === void 0 ? n[s] = Be(t[s]) : re(t[s]) && re(n[s]) && (n[s] = vt(t[s], n[s]));
+      n[s] === void 0 ? n[s] = Ve(t[s]) : re(t[s]) && re(n[s]) && (n[s] = vt(t[s], n[s]));
     return n;
   }
   return e;
 }
-function Be(t) {
+function Ve(t) {
   return typeof structuredClone == "function" ? structuredClone(t) : JSON.parse(JSON.stringify(t));
 }
 export {
   gt as B,
-  lt as E,
+  rt as E,
   St as F,
-  $e as G,
+  Me as G,
   Ot as L,
-  Oe as M,
-  Le as N,
+  Fe as M,
+  Ue as N,
   Mt as S,
   Bt as T,
   Lt as U,
-  Qe as W,
+  Ke as W,
   Et as a,
   it as b,
   Ut as c,
@@ -1695,7 +1701,7 @@ export {
   ht as m,
   de as n,
   Tt as o,
-  rt as p,
+  $e as p,
   he as q,
   G as r,
   Pt as s,