@tempots/beatui 0.20.0 → 0.21.0

package/dist/{notice-CmmpobJd.js → notice-tCSEbjFE.js}

@@ -1,7 +1,7 @@
-import { Use as R, Value as i, prop as K, html as $, attr as l, on as k, WithElement as ne, OnDispose as j, aria as O, bind as $e, computedOf as V, style as pe, When as E, NotEmpty as Ye, Fragment as L, ForEach as de, svg as De, svgAttr as be, Empty as D, emitValue as P, coalesce as Xe, Ensure as Ne, OneOfType as qe, Repeat as ze, signal as Ae, input as se, emitValueAsNullableDate as Ge, emitValueAsNullableDateTime as Qe, emitValueAsNumber as G, emit as Je, Task as Ke, Unless as et } from "@tempots/dom";
+import { Use as O, Value as u, prop as K, html as $, attr as a, on as k, WithElement as ie, OnDispose as W, aria as N, bind as $e, computedOf as B, style as pe, When as E, NotEmpty as Ye, Fragment as L, ForEach as de, svg as Se, svgAttr as be, Empty as S, emitValue as P, coalesce as Xe, Ensure as Ne, OneOfType as qe, Repeat as Re, signal as Ae, input as ne, emitValueAsNullableDate as Ge, emitValueAsNullableDateTime as Qe, emitValueAsNumber as G, emit as Je, Task as Ke, Unless as et } from "@tempots/dom";
 import { g as tt } from "./timer-CQlK5LhW.js";
-import { ElementRect as Re, AutoSelect as nt } from "@tempots/ui";
-import { B as W, e as H, f as st, C as me, I as N, g as Y, h as rt, i as at, j as Oe, k as ye, T as lt, E as ot, P as ct, S as te, s as it, L as ut, l as ft, G as fe, a as ge, n as ve, O as oe, o as Fe } from "./translations-ClgoCEFC.js";
+import { ElementRect as ze, AutoSelect as nt } from "@tempots/ui";
+import { B as H, e as j, f as st, C as me, I as R, g as Y, h as rt, i as lt, j as Oe, k as ye, T as at, E as ot, P as ct, S as te, s as it, L as ut, l as ft, G as fe, a as ge, n as ve, O as ae, o as Fe } from "./translations-ClgoCEFC.js";
 const pt = (e) => Object.entries(e);
 class dt extends Error {
   constructor(t = "Missing implementation") {
@@ -24,36 +24,36 @@ function Be({
   enableClick: n = !0,
   content: s,
   disabled: o = !1,
-  allowMultiple: a
+  allowMultiple: l
 }) {
-  return R(W, (u) => {
-    const c = i.deriveProp(t ?? []), p = K(!1), h = (b) => {
+  return O(H, (i) => {
+    const c = u.deriveProp(t ?? []), p = K(!1), h = (b) => {
       b.preventDefault(), b.stopPropagation(), p.value = !0;
     }, d = (b) => {
       b.preventDefault(), b.stopPropagation(), (!b.currentTarget || !b.currentTarget.contains(b.relatedTarget)) && (p.value = !1);
     }, g = (b) => {
       b.preventDefault(), b.stopPropagation(), p.value = !1;
-      const x = Array.from(b.dataTransfer?.files || []);
-      x.length > 0 && (c.value = x, e(x));
+      const v = Array.from(b.dataTransfer?.files || []);
+      v.length > 0 && (c.value = v, e(v));
     }, f = (b) => {
-      i.get(n) && b.currentTarget.querySelector(
+      u.get(n) && b.currentTarget.querySelector(
         'input[type="file"]'
       )?.click();
     };
     let m = null;
-    const w = () => {
+    const x = () => {
       if (m == null) return;
       const b = Array.from(m.files ?? []);
       b.length > 0 && (c.value = b, e(b)), m.value = "";
     }, _ = (b) => {
-      i.get(n) && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), f(b));
+      u.get(n) && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), f(b));
     };
     return $.div(
-      l.role("button"),
-      l.tabindex(
-        i.map(n, (b) => b ? 0 : -1)
+      a.role("button"),
+      a.tabindex(
+        u.map(n, (b) => b ? 0 : -1)
       ),
-      l.style("position: relative;"),
+      a.style("position: relative;"),
       k.dragover(h),
       k.dragleave(d),
       k.drop(g),
@@ -61,26 +61,26 @@ function Be({
       k.keydown(_),
       // Hidden file input
       $.input(
-        l.type("file"),
-        l.disabled(o),
-        l.accept(r),
-        l.multiple(a),
-        l.style(
+        a.type("file"),
+        a.disabled(o),
+        a.accept(r),
+        a.multiple(l),
+        a.style(
           "position: absolute; left: -9999px; opacity: 0; pointer-events: none;"
         ),
-        k.change(w),
-        ne((b) => (m = b, j(
-          c.on((x) => {
-            const S = globalThis.DataTransfer;
-            if (S != null) {
-              const C = new S();
-              x.forEach((y) => C.items.add(y)), b.files = C.files;
+        k.change(x),
+        ie((b) => (m = b, W(
+          c.on((v) => {
+            const T = globalThis.DataTransfer;
+            if (T != null) {
+              const I = new T();
+              v.forEach((y) => I.items.add(y)), b.files = I.files;
             }
           })
         )))
       ),
       // Screen reader instructions
-      O.label($e(u.$.dropZoneInstructions)(n)),
+      N.label($e(i.$.dropZoneInstructions)(n)),
       // Content
       s({ files: c, clear: () => c.value = [], change: c.set })
     );
@@ -104,20 +104,20 @@ function fn({
   size: n = "md",
   disabled: s = !1
 }, ...o) {
-  const a = pt(e).map(([u, c]) => ({
-    key: u,
+  const l = pt(e).map(([i, c]) => ({
+    key: i,
     label: c
   }));
-  return ne(() => {
-    const u = Object.fromEntries(
-      a.map((p, h) => [p.key, h])
+  return ie(() => {
+    const i = Object.fromEntries(
+      l.map((p, h) => [p.key, h])
     ), c = K(
-      a.map(() => ({ left: 0, width: 0 })),
+      l.map(() => ({ left: 0, width: 0 })),
       bt
     );
     return $.div(
-      l.class(
-        V(
+      a.class(
+        B(
           n,
           s
         )(
@@ -125,42 +125,42 @@ function fn({
         )
       ),
       $.div(
-        l.class("bc-segmented-control__container"),
+        a.class("bc-segmented-control__container"),
         $.div(
-          l.class("bc-segmented-control__indicator"),
+          a.class("bc-segmented-control__indicator"),
           pe.width(
-            V(
+            B(
               t,
               c
             )((p, h) => {
-              const { width: d } = h[u[p] ?? 0];
+              const { width: d } = h[i[p] ?? 0];
               return `${d}px`;
             })
           ),
           pe.left(
-            V(
+            B(
               t,
               c
             )((p, h) => {
-              const { left: d } = h[u[p] ?? 0];
+              const { left: d } = h[i[p] ?? 0];
               return `${d}px`;
             })
           )
         ),
         // clickable buttons
-        a.map(({ label: p, key: h }, d) => $.button(
+        l.map(({ label: p, key: h }, d) => $.button(
           k.click((g) => {
-            g.preventDefault(), i.get(s) || r?.(h);
+            g.preventDefault(), u.get(s) || r?.(h);
           }),
-          l.disabled(s),
-          l.class("bc-segmented-control__segment"),
-          l.class(
-            i.map(t, (g) => g === h ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
+          a.disabled(s),
+          a.class("bc-segmented-control__segment"),
+          a.class(
+            u.map(t, (g) => g === h ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
           ),
-          Re((g) => {
+          ze((g) => {
             function f() {
-              c.update((w) => {
-                const _ = [...w];
+              c.update((x) => {
+                const _ = [...x];
                 return _[d] = {
                   width: g.value.width,
                   left: g.value.localLeft
@@ -168,7 +168,7 @@ function fn({
               });
             }
             const m = tt(f);
-            return j(m, g.on(f));
+            return W(m, g.on(f));
           }),
           p
         ))
@@ -195,18 +195,18 @@ function Ve(e) {
         const n = URL.createObjectURL(r);
         t.value = n;
       }), $.div(
-        l.class("bc-file-input__thumbnail-container"),
+        a.class("bc-file-input__thumbnail-container"),
         $.img(
-          l.src(t),
-          l.alt(e.map((r) => r.name)),
-          l.class("bc-file-input__thumbnail"),
-          j(() => {
+          a.src(t),
+          a.alt(e.map((r) => r.name)),
+          a.class("bc-file-input__thumbnail"),
+          W(() => {
             t.value && URL.revokeObjectURL(t.value);
           })
         )
       );
     },
-    () => N({ icon: e.map(xt) })
+    () => R({ icon: e.map(xt) })
   );
 }
 const wt = (e, ...t) => {
@@ -215,77 +215,77 @@ const wt = (e, ...t) => {
     accept: n = "*/*",
     maxFiles: s,
     maxFileSize: o,
-    onChange: a,
-    onBlur: u,
+    onChange: l,
+    onBlur: i,
     disabled: c,
     hasError: p,
     mode: h = "default",
     showFileList: d = !0,
     ...g
-  } = e, f = r, m = i.map(h, (C) => C === "compact"), w = (C) => {
-    let y = C;
+  } = e, f = r, m = u.map(h, (I) => I === "compact"), x = (I) => {
+    let y = I;
     if (s != null) {
-      const v = i.get(s);
-      y = y.slice(0, v);
+      const w = u.get(s);
+      y = y.slice(0, w);
     }
     if (o) {
-      const v = i.get(o);
-      y = y.filter((I) => I.size <= v);
+      const w = u.get(o);
+      y = y.filter((C) => C.size <= w);
     }
-    a?.(y);
-  }, _ = (C) => {
-    const v = f.value.filter((I, M) => M !== C);
-    a?.(v);
+    l?.(y);
+  }, _ = (I) => {
+    const w = f.value.filter((C, M) => M !== I);
+    l?.(w);
   }, b = () => {
-    a?.([]);
-  }, x = ({
-    files: C,
+    l?.([]);
+  }, v = ({
+    files: I,
     clear: y,
-    change: v
-  }) => R(
-    W,
-    (I) => $.div(
-      l.class("bc-file-input__drop-zone"),
+    change: w
+  }) => O(
+    H,
+    (C) => $.div(
+      a.class("bc-file-input__drop-zone"),
       $.div(
-        l.class(
+        a.class(
           "bc-file-input__drop-zone-content bc-file-input__drop-zone-content--empty"
         ),
-        N({ icon: "mdi:cloud-upload-outline", size: "xl" }),
+        R({ icon: "mdi:cloud-upload-outline", size: "xl" }),
         $.div(
-          l.class("bc-file-input__drop-zone-text"),
-          $e(I.$.filesInputInstructions)(
+          a.class("bc-file-input__drop-zone-text"),
+          $e(C.$.filesInputInstructions)(
             s,
             o,
-            I.$.fileSizeUnits.value
+            C.$.fileSizeUnits.value
           )
         )
       )
     )
-  ), S = ({
-    files: C
-  }) => R(
-    W,
+  ), T = ({
+    files: I
+  }) => O(
+    H,
     (y) => $.div(
-      l.class("bc-file-input__compact-input"),
+      a.class("bc-file-input__compact-input"),
       E(
-        C.map((v) => v.length > 0),
+        I.map((w) => w.length > 0),
         () => $.span(
-          l.class("bc-file-input__compact-value"),
+          a.class("bc-file-input__compact-value"),
           de(
-            C,
-            (v) => $.span(
-              l.class("bc-file-input__compact-value-item"),
-              Ve(v),
+            I,
+            (w) => $.span(
+              a.class("bc-file-input__compact-value-item"),
+              Ve(w),
               $.span(
-                l.class("bc-file-input__compact-value-item-name"),
-                v.$.name
+                a.class("bc-file-input__compact-value-item-name"),
+                w.$.name
               )
             )
           )
         ),
         () => $.span(
-          l.class("bc-file-input__compact-placeholder"),
-          N({ icon: "mdi:cloud-upload-outline", size: "sm" }),
+          a.class("bc-file-input__compact-placeholder"),
+          R({ icon: "mdi:cloud-upload-outline", size: "sm" }),
           " ",
           $e(y.$.filesInputInstructions)(
             s,
@@ -296,11 +296,11 @@ const wt = (e, ...t) => {
       )
     )
   );
-  return R(
-    W,
-    (C) => H(
+  return O(
+    H,
+    (I) => j(
       {
-        baseContainer: i.map(m, (y) => !y),
+        baseContainer: u.map(m, (y) => !y),
         disabled: c,
         hasError: p,
         after: E(
@@ -310,11 +310,11 @@ const wt = (e, ...t) => {
             () => me(
               {
                 size: "sm",
-                label: C.$.clearAllFiles,
+                label: I.$.clearAllFiles,
                 disabled: c,
                 onClick: b
               },
-              l.class("bc-file-input__compact-clear")
+              a.class("bc-file-input__compact-clear")
             )
           )
         ),
@@ -322,27 +322,27 @@ const wt = (e, ...t) => {
         input: E(
           m,
           () => $.div(
-            l.class("bc-file-input bc-file-input--compact"),
+            a.class("bc-file-input bc-file-input--compact"),
             Be({
               value: f,
               accept: n,
               enableClick: !0,
-              allowMultiple: i.map(s ?? 1 / 0, (y) => y > 1),
+              allowMultiple: u.map(s ?? 1 / 0, (y) => y > 1),
               disabled: c,
-              onChange: w,
-              content: S
+              onChange: x,
+              content: T
             })
           ),
           () => $.div(
-            l.class("bc-file-input"),
+            a.class("bc-file-input"),
             Be({
               value: f,
               accept: n,
               enableClick: !0,
-              allowMultiple: i.map(s ?? 1 / 0, (y) => y > 1),
+              allowMultiple: u.map(s ?? 1 / 0, (y) => y > 1),
               disabled: c,
-              onChange: w,
-              content: x
+              onChange: x,
+              content: v
             }),
             E(
               d,
@@ -350,45 +350,45 @@ const wt = (e, ...t) => {
                 f,
                 () => L(
                   $.div(
-                    l.class("bc-file-input__file-list"),
-                    de(f, (y, v) => {
-                      const I = v.index;
+                    a.class("bc-file-input__file-list"),
+                    de(f, (y, w) => {
+                      const C = w.index;
                       return $.div(
-                        l.class("bc-file-input__file-item"),
+                        a.class("bc-file-input__file-item"),
                         $.div(
-                          l.class("bc-file-input__file-icon"),
+                          a.class("bc-file-input__file-icon"),
                           Ve(y)
                         ),
                         $.div(
-                          l.class("bc-file-input__file-info"),
+                          a.class("bc-file-input__file-info"),
                           $.div(
-                            l.class("bc-file-input__file-name"),
-                            l.title(y.$.name),
+                            a.class("bc-file-input__file-name"),
+                            a.title(y.$.name),
                             y.$.name
                           ),
                           $.div(
-                            l.class("bc-file-input__file-meta"),
-                            V(
+                            a.class("bc-file-input__file-meta"),
+                            B(
                               y.$.size,
-                              C.$.fileSizeUnits
+                              I.$.fileSizeUnits
                             )(
                               (M, A) => st(M, { units: A })
                             ),
                             " • ",
-                            V(
+                            B(
                               y.$.type,
-                              C.$.unknownType
+                              I.$.unknownType
                             )((M, A) => M || A)
                           )
                         ),
                         me(
                           {
                             size: "sm",
-                            label: C.$.removeFile,
+                            label: I.$.removeFile,
                             disabled: c,
-                            onClick: () => _(I)
+                            onClick: () => _(C)
                           },
-                          l.class("bc-file-input__remove-button")
+                          a.class("bc-file-input__remove-button")
                         )
                       );
                     })
@@ -396,14 +396,14 @@ const wt = (e, ...t) => {
                   E(
                     f.map(({ length: y }) => y > 1),
                     () => $.div(
-                      l.class(
+                      a.class(
                         "bc-file-input__clear-all-button-container"
                       ),
                       $.button(
-                        l.type("button"),
-                        l.class("bc-file-input__clear-all-button"),
-                        l.disabled(c),
-                        C.$.clearAllFiles,
+                        a.type("button"),
+                        a.class("bc-file-input__clear-all-button"),
+                        a.disabled(c),
+                        I.$.clearAllFiles,
                         k.click((y) => {
                           y.preventDefault(), y.stopPropagation(), b();
                         })
@@ -459,22 +459,22 @@ function Ct(e) {
     onChange: r,
     onInput: n,
     ...s
-  } = e, o = /* @__PURE__ */ new Map(), a = i.toSignal(t).map((h) => h.map((d, g) => {
-    const f = o.get(d), m = It(d ?? ""), w = f?.type || yt(m), _ = f?.name ?? `file-${g}`, b = m.buffer.slice(
+  } = e, o = /* @__PURE__ */ new Map(), l = u.toSignal(t).map((h) => h.map((d, g) => {
+    const f = o.get(d), m = It(d ?? ""), x = f?.type || yt(m), _ = f?.name ?? `file-${g}`, b = m.buffer.slice(
       m.byteOffset,
       m.byteOffset + m.byteLength
-    ), x = new Blob([b], { type: w });
-    return new File([x], _, { type: w });
-  })), u = (h) => (d) => {
+    ), v = new Blob([b], { type: x });
+    return new File([v], _, { type: x });
+  })), i = (h) => (d) => {
     h && $t(d).then((g) => {
       for (const [f, m] of g.entries())
         o.set(m, { name: d[f].name, type: d[f].type });
       h(g);
     });
-  }, c = u(r), p = u(n);
+  }, c = i(r), p = i(n);
   return wt({
     ...s,
-    value: a,
+    value: l,
     onChange: c,
     onInput: p
   });
@@ -489,7 +489,7 @@ function pn(e) {
   return Ct({
     ...s,
     maxFiles: 1,
-    value: i.map(t, (o) => o == null ? [] : [o]),
+    value: u.map(t, (o) => o == null ? [] : [o]),
     onChange: (o) => {
       n?.(o[0]);
     },
@@ -516,8 +516,8 @@ function kt(e) {
   if (r) {
     const d = r[1];
     if (d.length === 8) {
-      const g = parseInt(d.slice(0, 2), 16), f = parseInt(d.slice(2, 4), 16), m = parseInt(d.slice(4, 6), 16), w = parseInt(d.slice(6, 8), 16) / 255;
-      return [g, f, m, w];
+      const g = parseInt(d.slice(0, 2), 16), f = parseInt(d.slice(2, 4), 16), m = parseInt(d.slice(4, 6), 16), x = parseInt(d.slice(6, 8), 16) / 255;
+      return [g, f, m, x];
     }
     if (d.length === 6)
       return [
@@ -527,8 +527,8 @@ function kt(e) {
         1
       ];
     if (d.length === 4) {
-      const g = parseInt(d[0] + d[0], 16), f = parseInt(d[1] + d[1], 16), m = parseInt(d[2] + d[2], 16), w = parseInt(d[3] + d[3], 16) / 255;
-      return [g, f, m, w];
+      const g = parseInt(d[0] + d[0], 16), f = parseInt(d[1] + d[1], 16), m = parseInt(d[2] + d[2], 16), x = parseInt(d[3] + d[3], 16) / 255;
+      return [g, f, m, x];
     }
     if (d.length === 3) {
       const g = parseInt(d[0] + d[0], 16), f = parseInt(d[1] + d[1], 16), m = parseInt(d[2] + d[2], 16);
@@ -554,22 +554,22 @@ function kt(e) {
     /^hsla?\(\s*([+-]?[\d.]+)(?:deg)?\s*[ ,]?\s*([\d.]+)%\s*[ ,]?\s*([\d.]+)%\s*(?:[/,]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (o) {
-    const d = parseFloat(o[1]), g = parseFloat(o[2]), f = parseFloat(o[3]), m = o[4] != null ? parseFloat(o[4]) : 1, [w, _, b] = Pe(d, g / 100, f / 100);
-    return [w, _, b, m];
+    const d = parseFloat(o[1]), g = parseFloat(o[2]), f = parseFloat(o[3]), m = o[4] != null ? parseFloat(o[4]) : 1, [x, _, b] = Pe(d, g / 100, f / 100);
+    return [x, _, b, m];
   }
-  const a = e.match(
+  const l = e.match(
     /^hwb\(\s*([+-]?[\d.]+)(?:deg)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%\s*(?:[/]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
-  if (a) {
-    const d = parseFloat(a[1]), g = parseFloat(a[2]) / 100, f = parseFloat(a[3]) / 100, m = a[4] != null ? parseFloat(a[4]) : 1, [w, _, b] = Tt(d, g, f);
-    return [w, _, b, m];
+  if (l) {
+    const d = parseFloat(l[1]), g = parseFloat(l[2]) / 100, f = parseFloat(l[3]) / 100, m = l[4] != null ? parseFloat(l[4]) : 1, [x, _, b] = Dt(d, g, f);
+    return [x, _, b, m];
   }
-  const u = e.match(
+  const i = e.match(
     /^oklch\(\s*([+-]?[\d.]+%?)\s+([\d.]+)\s+([+-]?[\d.]+)(?:deg)?(?:\s*\/\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
-  if (u) {
-    const d = u[1], g = parseFloat(u[2]), f = parseFloat(u[3]), m = u[4] != null ? parseFloat(u[4]) : 1, w = d.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(d) / 100)) : Math.max(0, Math.min(1, parseFloat(d))), [_, b, x] = At(w, g, f);
-    return [_, b, x, m];
+  if (i) {
+    const d = i[1], g = parseFloat(i[2]), f = parseFloat(i[3]), m = i[4] != null ? parseFloat(i[4]) : 1, x = d.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(d) / 100)) : Math.max(0, Math.min(1, parseFloat(d))), [_, b, v] = At(x, g, f);
+    return [_, b, v, m];
   }
   const [c, p, h] = Ie(e);
   return [c, p, h, 1];
@@ -578,7 +578,7 @@ const Mt = (e, t, r, n) => `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.roun
   0,
   Math.min(1, Math.round(n * 100) / 100)
 )})`;
-function St(e) {
+function Tt(e) {
   let t = e + 1831565813;
   return function() {
     return t = Math.imul(t ^ t >>> 15, t | 1), t ^= t + Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
@@ -587,27 +587,27 @@ function St(e) {
 function Pe(e, t, r) {
   e = (e % 360 + 360) % 360;
   const n = (1 - Math.abs(2 * r - 1)) * t, s = n * (1 - Math.abs(e / 60 % 2 - 1)), o = r - n / 2;
-  let a = 0, u = 0, c = 0;
-  return 0 <= e && e < 60 ? [a, u, c] = [n, s, 0] : 60 <= e && e < 120 ? [a, u, c] = [s, n, 0] : 120 <= e && e < 180 ? [a, u, c] = [0, n, s] : 180 <= e && e < 240 ? [a, u, c] = [0, s, n] : 240 <= e && e < 300 ? [a, u, c] = [s, 0, n] : [a, u, c] = [n, 0, s], [
-    Math.round((a + o) * 255),
-    Math.round((u + o) * 255),
+  let l = 0, i = 0, c = 0;
+  return 0 <= e && e < 60 ? [l, i, c] = [n, s, 0] : 60 <= e && e < 120 ? [l, i, c] = [s, n, 0] : 120 <= e && e < 180 ? [l, i, c] = [0, n, s] : 180 <= e && e < 240 ? [l, i, c] = [0, s, n] : 240 <= e && e < 300 ? [l, i, c] = [s, 0, n] : [l, i, c] = [n, 0, s], [
+    Math.round((l + o) * 255),
+    Math.round((i + o) * 255),
     Math.round((c + o) * 255)
   ];
 }
-function Tt(e, t, r) {
+function Dt(e, t, r) {
   e = (e % 360 + 360) % 360;
   const n = t + r;
   n > 1 && (t /= n, r /= n);
-  const [s, o, a] = Pe(e, 1, 0.5).map((d) => d / 255), u = 1 - t - r, c = s * u + t, p = o * u + t, h = a * u + t;
+  const [s, o, l] = Pe(e, 1, 0.5).map((d) => d / 255), i = 1 - t - r, c = s * i + t, p = o * i + t, h = l * i + t;
   return [Math.round(c * 255), Math.round(p * 255), Math.round(h * 255)];
 }
 function ke(e, t, r) {
   e /= 255, t /= 255, r /= 255;
   const n = Math.max(e, t, r), s = Math.min(e, t, r);
-  let o = 0, a = 0;
-  const u = (n + s) / 2, c = n - s;
+  let o = 0, l = 0;
+  const i = (n + s) / 2, c = n - s;
   if (c !== 0) {
-    switch (a = u > 0.5 ? c / (2 - n - s) : c / (n + s), n) {
+    switch (l = i > 0.5 ? c / (2 - n - s) : c / (n + s), n) {
       case e:
         o = (t - r) / c + (t < r ? 6 : 0);
         break;
@@ -619,11 +619,11 @@ function ke(e, t, r) {
     }
     o *= 60;
   }
-  return [Math.round(o), Math.round(a * 100), Math.round(u * 100)];
+  return [Math.round(o), Math.round(l * 100), Math.round(i * 100)];
 }
-function Dt(e, t, r) {
-  const [n] = ke(e, t, r), s = e / 255, o = t / 255, a = r / 255, u = Math.min(s, o, a), c = 1 - Math.max(s, o, a);
-  return [n, Math.round(u * 100), Math.round(c * 100)];
+function St(e, t, r) {
+  const [n] = ke(e, t, r), s = e / 255, o = t / 255, l = r / 255, i = Math.min(s, o, l), c = 1 - Math.max(s, o, l);
+  return [n, Math.round(i * 100), Math.round(c * 100)];
 }
 function xe(e) {
   const t = e / 255;
@@ -634,20 +634,20 @@ function we(e) {
   return Math.round(Math.max(0, Math.min(1, t)) * 255);
 }
 function At(e, t, r) {
-  const n = r * Math.PI / 180, s = Math.cos(n) * t, o = Math.sin(n) * t, a = e + 0.3963377774 * s + 0.2158037573 * o, u = e - 0.1055613458 * s - 0.0638541728 * o, c = e - 0.0894841775 * s - 1.291485548 * o, p = a * a * a, h = u * u * u, d = c * c * c, g = 4.0767416621 * p - 3.3077115913 * h + 0.2309699292 * d, f = -1.2684380046 * p + 2.6097574011 * h - 0.3413193965 * d, m = -0.0041960863 * p - 0.7034186147 * h + 1.707614701 * d;
+  const n = r * Math.PI / 180, s = Math.cos(n) * t, o = Math.sin(n) * t, l = e + 0.3963377774 * s + 0.2158037573 * o, i = e - 0.1055613458 * s - 0.0638541728 * o, c = e - 0.0894841775 * s - 1.291485548 * o, p = l * l * l, h = i * i * i, d = c * c * c, g = 4.0767416621 * p - 3.3077115913 * h + 0.2309699292 * d, f = -1.2684380046 * p + 2.6097574011 * h - 0.3413193965 * d, m = -0.0041960863 * p - 0.7034186147 * h + 1.707614701 * d;
   return [we(g), we(f), we(m)];
 }
 function Ft(e, t, r) {
-  const n = xe(e), s = xe(t), o = xe(r), a = 0.4122214708 * n + 0.5363325363 * s + 0.0514459929 * o, u = 0.2119034982 * n + 0.6806995451 * s + 0.1073969566 * o, c = 0.0883024619 * n + 0.2817188376 * s + 0.6299787005 * o, p = Math.cbrt(a), h = Math.cbrt(u), d = Math.cbrt(c), g = 0.2104542553 * p + 0.793617785 * h - 0.0040720468 * d, f = 1.9779984951 * p - 2.428592205 * h + 0.4505937099 * d, m = 0.0259040371 * p + 0.7827717662 * h - 0.808675766 * d, w = Math.sqrt(f * f + m * m);
+  const n = xe(e), s = xe(t), o = xe(r), l = 0.4122214708 * n + 0.5363325363 * s + 0.0514459929 * o, i = 0.2119034982 * n + 0.6806995451 * s + 0.1073969566 * o, c = 0.0883024619 * n + 0.2817188376 * s + 0.6299787005 * o, p = Math.cbrt(l), h = Math.cbrt(i), d = Math.cbrt(c), g = 0.2104542553 * p + 0.793617785 * h - 0.0040720468 * d, f = 1.9779984951 * p - 2.428592205 * h + 0.4505937099 * d, m = 0.0259040371 * p + 0.7827717662 * h - 0.808675766 * d, x = Math.sqrt(f * f + m * m);
   let _ = Math.atan2(m, f) * 180 / Math.PI;
-  return _ < 0 && (_ += 360), [g, w, _];
+  return _ < 0 && (_ += 360), [g, x, _];
 }
-function ce(e, t, r, n, s, o) {
+function oe(e, t, r, n, s, o) {
   switch (s) {
     case "hex":
       if (o) {
-        const a = (c) => c.toString(16).padStart(2, "0"), u = Math.max(0, Math.min(255, Math.round(n * 255)));
-        return `#${a(e)}${a(t)}${a(r)}${a(u)}`;
+        const l = (c) => c.toString(16).padStart(2, "0"), i = Math.max(0, Math.min(255, Math.round(n * 255)));
+        return `#${l(e)}${l(t)}${l(r)}${l(i)}`;
       }
       return Ce(e, t, r);
     case "rgb":
@@ -655,157 +655,157 @@ function ce(e, t, r, n, s, o) {
     case "rgba":
       return `rgba(${e}, ${t}, ${r}, ${Math.round(n * 100) / 100})`;
     case "hsl": {
-      const [a, u, c] = ke(e, t, r);
-      return `hsl(${a}, ${u}%, ${c}%)`;
+      const [l, i, c] = ke(e, t, r);
+      return `hsl(${l}, ${i}%, ${c}%)`;
     }
     case "hsla": {
-      const [a, u, c] = ke(e, t, r);
-      return `hsla(${a}, ${u}%, ${c}%, ${Math.round(n * 100) / 100})`;
+      const [l, i, c] = ke(e, t, r);
+      return `hsla(${l}, ${i}%, ${c}%, ${Math.round(n * 100) / 100})`;
     }
     case "hwb": {
-      const [a, u, c] = Dt(e, t, r);
-      return n < 1 ? `hwb(${a} ${u}% ${c}% / ${Math.round(n * 100) / 100})` : `hwb(${a} ${u}% ${c}%)`;
+      const [l, i, c] = St(e, t, r);
+      return n < 1 ? `hwb(${l} ${i}% ${c}% / ${Math.round(n * 100) / 100})` : `hwb(${l} ${i}% ${c}%)`;
     }
     case "oklch": {
-      const [a, u, c] = Ft(e, t, r), p = (Math.round(a * 1e3) / 1e3).toFixed(3), h = (Math.round(u * 1e3) / 1e3).toFixed(3), d = (Math.round(c * 10) / 10).toFixed(1), g = Math.round(n * 100) / 100;
+      const [l, i, c] = Ft(e, t, r), p = (Math.round(l * 1e3) / 1e3).toFixed(3), h = (Math.round(i * 1e3) / 1e3).toFixed(3), d = (Math.round(c * 10) / 10).toFixed(1), g = Math.round(n * 100) / 100;
       return o || n < 1 ? `oklch(${p} ${h} ${d} / ${g})` : `oklch(${p} ${h} ${d})`;
     }
   }
 }
-function ie(e, t) {
+function ce(e, t) {
   return t ? e === "rgb" ? "rgba" : e === "hsl" ? "hsla" : e : e === "rgba" ? "rgb" : e === "hsla" ? "hsl" : e;
 }
 function Bt(e, t) {
-  const [r, n, s] = e, o = r << 16 ^ n << 8 ^ s, a = St(o), u = 6 + Math.floor(a() * 5), c = 0.18 + a() * 0.06, p = [];
-  for (let f = 0; f < u; f++) {
-    const m = f / u * Math.PI * 2, w = t * (1 + (a() * 2 - 1) * c), _ = Math.cos(m) * w, b = Math.sin(m) * w;
+  const [r, n, s] = e, o = r << 16 ^ n << 8 ^ s, l = Tt(o), i = 6 + Math.floor(l() * 5), c = 0.18 + l() * 0.06, p = [];
+  for (let f = 0; f < i; f++) {
+    const m = f / i * Math.PI * 2, x = t * (1 + (l() * 2 - 1) * c), _ = Math.cos(m) * x, b = Math.sin(m) * x;
     p.push({ x: _, y: b });
   }
-  const h = (p[0].x + p[u - 1].x) / 2, d = (p[0].y + p[u - 1].y) / 2;
+  const h = (p[0].x + p[i - 1].x) / 2, d = (p[0].y + p[i - 1].y) / 2;
   let g = `M ${h.toFixed(3)} ${d.toFixed(3)}`;
-  for (let f = 0; f < u; f++) {
-    const m = p[f], w = p[(f + 1) % u], _ = (m.x + w.x) / 2, b = (m.y + w.y) / 2;
+  for (let f = 0; f < i; f++) {
+    const m = p[f], x = p[(f + 1) % i], _ = (m.x + x.x) / 2, b = (m.y + x.y) / 2;
     g += ` Q ${m.x.toFixed(3)} ${m.y.toFixed(3)} ${_.toFixed(3)} ${b.toFixed(3)}`;
   }
   return g += " Z", g;
 }
 const dn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, displayValue: o, size: a, withAlpha: u } = e, c = i.map(a ?? 32, (v) => v), p = i.map(t, (v) => kt(v ?? "#000000")), h = i.map(
+  const { value: t, onBlur: r, onChange: n, onInput: s, displayValue: o, size: l, withAlpha: i } = e, c = u.map(l ?? 32, (w) => w), p = u.map(t, (w) => kt(w ?? "#000000")), h = u.map(
     p,
-    ([v, I, M]) => [v, I, M]
-  ), d = i.map(p, ([, , , v]) => v), g = K(i.get(d) ?? 1), f = i.map(u ?? !1, (v) => v), m = i.map(
+    ([w, C, M]) => [w, C, M]
+  ), d = u.map(p, ([, , , w]) => w), g = K(u.get(d) ?? 1), f = u.map(i ?? !1, (w) => w), m = u.map(
     e.colorTextFormat ?? "rgb",
-    (v) => v
-  ), w = V(
+    (w) => w
+  ), x = B(
     h,
     g,
     m,
     f
   )(
-    ([v, I, M], A, F, T) => ce(v, I, M, A ?? 1, ie(F, T), T)
-  ), _ = i.map(
+    ([w, C, M], A, F, D) => oe(w, C, M, A ?? 1, ce(F, D), D)
+  ), _ = u.map(
     e.colorTextFormat ?? "hex",
-    (v) => v
-  ), b = i.map(c, (v) => `-${v / 2} -${v / 2} ${v} ${v}`), x = V(
+    (w) => w
+  ), b = u.map(c, (w) => `-${w / 2} -${w / 2} ${w} ${w}`), v = B(
     h,
     c
-  )((v, I) => Bt(v, I / 2)), S = V(
+  )((w, C) => Bt(w, C / 2)), T = B(
     h,
     g,
     f
   )(
-    ([v, I, M], A, F) => F || A < 1 ? Mt(v, I, M, A) : Ce(v, I, M)
-  ), C = $.div(
-    l.class("bc-color-input__control"),
-    l.class(
-      i.map(
+    ([w, C, M], A, F) => F || A < 1 ? Mt(w, C, M, A) : Ce(w, C, M)
+  ), I = $.div(
+    a.class("bc-color-input__control"),
+    a.class(
+      u.map(
         f,
-        (v) => v ? "bc-color-input__control--alpha" : ""
+        (w) => w ? "bc-color-input__control--alpha" : ""
       )
     ),
-    l.style(V(c)((v) => `width:${v}px;height:${v}px`)),
+    a.style(B(c)((w) => `width:${w}px;height:${w}px`)),
     // The SVG blob preview
-    De.svg(
-      l.class("bc-color-input__svg"),
+    Se.svg(
+      a.class("bc-color-input__svg"),
       be.viewBox(b),
-      De.path(be.d(x), be.fill(S))
+      Se.path(be.d(v), be.fill(T))
     ),
     // Invisible native input overlays the blob for picker and accessibility
     $.input(
-      l.type("color"),
+      a.type("color"),
       Y(e),
       // Native color input needs hex without alpha
-      l.value(i.map(h, ([v, I, M]) => Ce(v, I, M))),
-      l.class("bc-input bc-color-input bc-color-input__native"),
-      r != null ? k.blur(r) : D,
-      n != null ? k.change((v) => {
-        const I = v.target.value;
+      a.value(u.map(h, ([w, C, M]) => Ce(w, C, M))),
+      a.class("bc-input bc-color-input bc-color-input__native"),
+      r != null ? k.blur(r) : S,
+      n != null ? k.change((w) => {
+        const C = w.target.value;
         if (!n) return;
-        const [M, A, F] = Ie(I), T = i.get(g) ?? 1, B = ie(
-          i.get(_),
-          i.get(f)
-        ), z = ce(M, A, F, T, B, i.get(f));
+        const [M, A, F] = Ie(C), D = u.get(g) ?? 1, V = ce(
+          u.get(_),
+          u.get(f)
+        ), z = oe(M, A, F, D, V, u.get(f));
         n(z);
-      }) : D,
-      s != null ? k.input((v) => {
-        const I = v.target.value;
+      }) : S,
+      s != null ? k.input((w) => {
+        const C = w.target.value;
         if (!s) return;
-        const [M, A, F] = Ie(I), T = i.get(g) ?? 1, B = ie(
-          i.get(_),
-          i.get(f)
-        ), z = ce(M, A, F, T, B, i.get(f));
+        const [M, A, F] = Ie(C), D = u.get(g) ?? 1, V = ce(
+          u.get(_),
+          u.get(f)
+        ), z = oe(M, A, F, D, V, u.get(f));
         s(z);
-      }) : D
+      }) : S
     )
   ), y = E(
     f,
     () => $.input(
-      l.type("range"),
-      l.class("bc-color-input__alpha"),
-      l.min(0),
-      l.max(1),
-      l.step(0.01),
-      l.value(i.map(g, (v) => String(v ?? 1))),
-      l.disabled(e.disabled),
-      k.input((v) => {
-        const I = parseFloat(v.target.value);
-        g.set(I);
-        const [M, A, F] = i.get(h), T = ie(
-          i.get(_),
-          i.get(f)
-        ), B = ce(M, A, F, I, T, i.get(f));
-        s?.(B);
+      a.type("range"),
+      a.class("bc-color-input__alpha"),
+      a.min(0),
+      a.max(1),
+      a.step(0.01),
+      a.value(u.map(g, (w) => String(w ?? 1))),
+      a.disabled(e.disabled),
+      k.input((w) => {
+        const C = parseFloat(w.target.value);
+        g.set(C);
+        const [M, A, F] = u.get(h), D = ce(
+          u.get(_),
+          u.get(f)
+        ), V = oe(M, A, F, C, D, u.get(f));
+        s?.(V);
       }),
-      k.change((v) => {
-        const I = parseFloat(v.target.value);
-        g.set(I);
-        const [M, A, F] = i.get(h), T = ie(
-          i.get(_),
-          i.get(f)
-        ), B = ce(M, A, F, I, T, i.get(f));
-        n?.(B);
+      k.change((w) => {
+        const C = parseFloat(w.target.value);
+        g.set(C);
+        const [M, A, F] = u.get(h), D = ce(
+          u.get(_),
+          u.get(f)
+        ), V = oe(M, A, F, C, D, u.get(f));
+        n?.(V);
       })
     )
   );
-  return H({
+  return j({
     baseContainer: !0,
     ...e,
     // ensure our control does not try to grow
     growInput: !1,
-    input: C,
+    input: I,
     // If caller provided an `after`, append RGB before it
     after: L(
       E(
         o ?? !1,
-        () => $.span(l.class("bc-color-input__rgb"), w)
+        () => $.span(a.class("bc-color-input__rgb"), x)
       ),
       y,
       e.after
     )
   });
-}, Me = "$$tts-exp-", Vt = (e, t) => ne((r) => {
+}, Me = "$$tts-exp-", Vt = (e, t) => ie((r) => {
   const n = `${Me}${e}`;
-  return j(i.on(t, (s) => Reflect.set(r, n, s)));
+  return W(u.on(t, (s) => Reflect.set(r, n, s)));
 }), mn = (e, t) => {
   const r = `${Me}${e}`;
   return (n) => {
@@ -814,8 +814,8 @@ const dn = (e) => {
 }, Lt = (e, t) => {
   const r = `${Me}${e}`;
   return (n) => {
-    const s = n.target, o = s.selectedIndex, a = s.options[o];
-    t(Reflect.get(a, r));
+    const s = n.target, o = s.selectedIndex, l = s.options[o];
+    t(Reflect.get(l, r));
   };
 };
 function Et(e, t, r) {
@@ -824,16 +824,16 @@ function Et(e, t, r) {
 }
 function hn({ variant: e = "default", size: t = "md", roundedness: r = "lg" } = {}, ...n) {
   return $.div(
-    l.class(
-      V(
+    a.class(
+      B(
         e,
         t,
         r
       )(
-        (s, o, a) => Et(
+        (s, o, l) => Et(
           s ?? "default",
           o ?? "md",
-          a ?? "lg"
+          l ?? "lg"
         )
       )
     ),
@@ -847,30 +847,30 @@ const bn = ({
   placeholder: n,
   disabled: s
 }) => {
-  const o = i.deriveProp(e ?? !1), a = K(!1), u = i.map(s ?? !1, (c) => c);
+  const o = u.deriveProp(e ?? !1), l = K(!1), i = u.map(s ?? !1, (c) => c);
   return $.div(
-    l.class("bc-editable-text"),
-    l.class(
-      i.map(
-        u,
+    a.class("bc-editable-text"),
+    a.class(
+      u.map(
+        i,
         (c) => c ? "bc-editable-text--disabled" : ""
       )
     ),
-    O.disabled(u),
+    N.disabled(i),
     E(
       o,
       () => $.input(
-        l.placeholder(n),
-        l.value(t),
-        l.class("bc-editable-text__input"),
+        a.placeholder(n),
+        a.value(t),
+        a.class("bc-editable-text__input"),
         nt(),
         k.keydown((c) => {
-          c.key === "Enter" ? o.set(!1) : c.key === "Escape" && (a.set(!0), o.set(!1));
+          c.key === "Enter" ? o.set(!1) : c.key === "Escape" && (l.set(!0), o.set(!1));
         }),
         k.blur(
           P((c) => {
-            if (o.set(!1), a.value) {
-              a.set(!1);
+            if (o.set(!1), l.value) {
+              l.set(!1);
               return;
             }
             r(c);
@@ -879,24 +879,24 @@ const bn = ({
       ),
       () => $.span(
         k.click(() => {
-          i.get(u) || o.set(!0);
+          u.get(i) || o.set(!0);
         }),
-        l.class("bc-editable-text__display"),
+        a.class("bc-editable-text__display"),
         E(
-          i.map(t, (c) => c != null && c.trim() !== ""),
-          () => $.span(l.class("bc-editable-text__text"), t),
+          u.map(t, (c) => c != null && c.trim() !== ""),
+          () => $.span(a.class("bc-editable-text__text"), t),
           () => $.span(
-            l.class("bc-editable-text__placeholder"),
+            a.class("bc-editable-text__placeholder"),
             n
           )
         ),
         E(
-          i.map(u, (c) => !c),
+          u.map(i, (c) => !c),
           () => $.button(
-            l.class("bc-editable-text__edit-button"),
-            R(W, (c) => O.label(c.$.editLabel)),
+            a.class("bc-editable-text__edit-button"),
+            O(H, (c) => N.label(c.$.editLabel)),
             k.click(() => o.set(!0)),
-            N({ icon: "line-md/pencil", color: "neutral" })
+            R({ icon: "line-md/pencil", color: "neutral" })
           )
         )
       )
@@ -906,19 +906,19 @@ const bn = ({
   e,
   (n) => qe(n, {
     value: (s) => {
-      const o = V(
+      const o = B(
         s,
         r
-      )((a, u) => t(a.value, u));
+      )((l, i) => t(l.value, i));
       return $.option(
-        j(o.dispose),
-        l.selected(o),
+        W(o.dispose),
+        a.selected(o),
         Vt("value", s.$.value),
         s.$.label
       );
     },
     group: (s) => $.optgroup(
-      l.label(s.$.group),
+      a.label(s.$.group),
       de(
         s.$.options,
         (o) => je(
@@ -937,42 +937,42 @@ const bn = ({
     onChange: n,
     options: s,
     unselectedLabel: o,
-    equality: a = (p, h) => p === h,
-    after: u
+    equality: l = (p, h) => p === h,
+    after: i
   } = e;
   let c;
-  return H(
+  return j(
     {
       ...e,
       after: L(
-        N({
+        R({
           icon: "ph:caret-down-bold",
           color: "neutral",
           size: "sm"
         }),
-        u
+        i
       ),
       input: $.select(
-        ne((p) => {
+        ie((p) => {
           c = p;
           const h = new MutationObserver((d) => {
             const { removedNodes: g } = d[0];
             g.length > 0 && (c.selectedIndex = 0);
           });
-          return h.observe(p, { childList: !0 }), j(() => h.disconnect());
+          return h.observe(p, { childList: !0 }), W(() => h.disconnect());
         }),
         Y(e),
-        l.class("bc-native-select bc-input bu-w-full"),
-        R(
-          W,
+        a.class("bc-native-select bc-input bu-w-full"),
+        O(
+          H,
           (p) => $.option(
-            l.hidden("hidden"),
+            a.hidden("hidden"),
             Xe(o, p.$.selectOne)
           )
         ),
-        de(s, (p) => je(p, a, t)),
-        r != null ? k.blur(r) : D,
-        n != null ? k.change(Lt("value", (p) => n(p))) : D
+        de(s, (p) => je(p, l, t)),
+        r != null ? k.blur(r) : S,
+        n != null ? k.change(Lt("value", (p) => n(p))) : S
       )
     },
     k.click(() => {
@@ -985,7 +985,7 @@ function Nt(e) {
   return Ut({
     ...s,
     value: t.value,
-    onChange: at(t, r),
+    onChange: lt(t, r),
     onBlur: rt(t, n)
   });
 }
@@ -995,25 +995,25 @@ function gn(e) {
     content: Nt(e)
   });
 }
-function zt(e, t, r) {
+function Rt(e, t, r) {
   const n = e.length.map((s) => s);
   return L(
-    j(() => n.dispose()),
-    ze(
+    W(() => n.dispose()),
+    Re(
       n,
       (s) => {
-        const o = e.item(s.index), a = [];
+        const o = e.item(s.index), l = [];
         return L(
-          j(() => {
-            o.dispose(), a.forEach((u) => u());
+          W(() => {
+            o.dispose(), l.forEach((i) => i());
           }),
           t({
             list: e,
             item: o,
             position: s,
             remove: () => e.removeAt(s.index),
-            move: (u) => {
-              switch (u) {
+            move: (i) => {
+              switch (i) {
                 case "up":
                   if (s.index === 0) return;
                   e.move(s.index, s.index - 1);
@@ -1029,27 +1029,27 @@ function zt(e, t, r) {
                   e.move(s.index, e.length.value - 1);
               }
             },
-            canMove: (u) => {
+            canMove: (i) => {
               const c = (() => {
-                switch (u) {
+                switch (i) {
                   case "up":
                     return Ae(s.index > 0);
                   case "down":
                     return e.length.map((p) => s.index < p - 1);
                 }
               })();
-              return a.push(() => c.dispose()), c;
+              return l.push(() => c.dispose()), c;
             },
-            cannotMove: (u) => {
+            cannotMove: (i) => {
               const c = (() => {
-                switch (u) {
+                switch (i) {
                   case "up":
                     return Ae(s.index === 0);
                   case "down":
                     return e.length.map((p) => s.index === p - 1);
                 }
               })();
-              return a.push(() => c.dispose()), c;
+              return l.push(() => c.dispose()), c;
             }
           })
         );
@@ -1062,22 +1062,22 @@ const Le = {
   9: { pattern: /^[0-9]$/ },
   A: { pattern: /^[A-Za-z]$/, transform: (e) => e.toUpperCase() },
   "*": { pattern: /^.$/ }
-}, Rt = (e) => e instanceof RegExp;
+}, zt = (e) => e instanceof RegExp;
 function He(e, t, r) {
   if (e == null) return [];
-  const n = r ? { ...Le, ...t } : t ?? Le, s = (a, u) => {
-    const c = n[u];
-    c ? a.push({ type: "pattern", name: u, ...c }) : a.push({ type: "literal", char: u });
+  const n = r ? { ...Le, ...t } : t ?? Le, s = (l, i) => {
+    const c = n[i];
+    c ? l.push({ type: "pattern", name: i, ...c }) : l.push({ type: "literal", char: i });
   }, o = [];
   if (typeof e == "string") {
-    for (const a of e) s(o, a);
+    for (const l of e) s(o, l);
     return o;
   }
-  for (const a of e)
-    if (typeof a == "string")
-      if (a.length <= 1) s(o, a);
-      else for (const u of a) s(o, u);
-    else Rt(a) ? o.push({ type: "pattern", pattern: a }) : typeof a == "object" && a && o.push(a);
+  for (const l of e)
+    if (typeof l == "string")
+      if (l.length <= 1) s(o, l);
+      else for (const i of l) s(o, i);
+    else zt(l) ? o.push({ type: "pattern", pattern: l }) : typeof l == "object" && l && o.push(l);
   return o;
 }
 function Ot(e, t) {
@@ -1097,57 +1097,57 @@ function Ot(e, t) {
   };
 }
 function Ee(e, t, r, n, s, o) {
-  const a = {
+  const l = {
     raw: e,
     previousConformed: t,
     cursor: s ?? e.length,
     completed: !1
-  }, u = n.definitions ?? {}, c = typeof r == "function" ? r(e, a) : r, p = He(
+  }, i = n.definitions ?? {}, c = typeof r == "function" ? r(e, l) : r, p = He(
     c,
-    u,
+    i,
     n.useDefaultDefinitions ?? !0
   ), h = Ot(n.allowMode, n.allow), d = /* @__PURE__ */ new Set();
-  for (const T of p) T.type === "literal" && d.add(T.char);
-  if (n.prefix) for (const T of n.prefix) d.add(T);
-  if (n.suffix) for (const T of n.suffix) d.add(T);
-  const g = Array.from(e).filter((T) => h(T) && !d.has(T));
+  for (const D of p) D.type === "literal" && d.add(D.char);
+  if (n.prefix) for (const D of n.prefix) d.add(D);
+  if (n.suffix) for (const D of n.suffix) d.add(D);
+  const g = Array.from(e).filter((D) => h(D) && !d.has(D));
   if (g.length === 0) return { value: "", cursor: 0, completed: !1 };
   const f = [], m = [];
-  let w = 0, _ = 0, b = 0, x = -1;
-  for (const T of p) {
-    if (T.type === "literal") {
-      f.push(T.char), m.push({ kind: "literal", filled: !0 });
+  let x = 0, _ = 0, b = 0, v = -1;
+  for (const D of p) {
+    if (D.type === "literal") {
+      f.push(D.char), m.push({ kind: "literal", filled: !0 });
       continue;
     }
-    _ += T.optional ? 0 : 1;
-    const B = g[w];
-    if (B == null)
+    _ += D.optional ? 0 : 1;
+    const V = g[x];
+    if (V == null)
       break;
-    if (T.type === "any") {
-      b++, f.push(T.transform ? T.transform(B) : B), m.push({ kind: "slot", filled: !0 }), x = m.length - 1, w++;
+    if (D.type === "any") {
+      b++, f.push(D.transform ? D.transform(V) : V), m.push({ kind: "slot", filled: !0 }), v = m.length - 1, x++;
       continue;
     }
-    if (T.type === "pattern")
-      if (T.pattern.test(B)) {
+    if (D.type === "pattern")
+      if (D.pattern.test(V)) {
         b++;
-        const z = T.transform ? T.transform(B) : B;
-        f.push(z), m.push({ kind: "slot", filled: !0 }), x = m.length - 1, w++;
+        const z = D.transform ? D.transform(V) : V;
+        f.push(z), m.push({ kind: "slot", filled: !0 }), v = m.length - 1, x++;
       } else {
-        w++;
+        x++;
         continue;
       }
   }
-  const S = f.join(""), C = (n.prefix ?? "") + S + (n.suffix ?? "");
-  let v = (n.prefix ?? "").length;
-  if (x >= 0) {
-    let T = x + 1;
+  const T = f.join(""), I = (n.prefix ?? "") + T + (n.suffix ?? "");
+  let w = (n.prefix ?? "").length;
+  if (v >= 0) {
+    let D = v + 1;
     if ((o?.policy ?? "smart") !== "sticky")
-      for (; T < m.length && m[T].kind === "literal"; ) T++;
-    v += T;
+      for (; D < m.length && m[D].kind === "literal"; ) D++;
+    w += D;
   }
-  const I = n.completion?.mode === "min" ? (n.completion.minChars ?? 0) <= b : n.completion?.mode === "custom" ? !!n.completion.isComplete?.(C) : _ > 0 && b >= _, M = n.pipe?.(C, { ...a, completed: I });
-  let A, F = v;
-  return M === !1 ? (A = t, F = t.length) : typeof M == "string" ? (A = M, F = M.length) : typeof M == "object" && M ? (A = M.value, F = M.cursor ?? M.value.length) : A = C, { value: A, cursor: F, completed: I };
+  const C = n.completion?.mode === "min" ? (n.completion.minChars ?? 0) <= b : n.completion?.mode === "custom" ? !!n.completion.isComplete?.(I) : _ > 0 && b >= _, M = n.pipe?.(I, { ...l, completed: C });
+  let A, F = w;
+  return M === !1 ? (A = t, F = t.length) : typeof M == "string" ? (A = M, F = M.length) : typeof M == "object" && M ? (A = M.value, F = M.cursor ?? M.value.length) : A = I, { value: A, cursor: F, completed: C };
 }
 function Pt(e, t) {
   const r = t?.strategy ?? "none";
@@ -1160,8 +1160,8 @@ const We = (e) => {
     onChange: n,
     onInput: s,
     onAccept: o,
-    onComplete: a,
-    mask: u,
+    onComplete: l,
+    mask: i,
     definitions: c,
     useDefaultDefinitions: p,
     extraLiterals: h,
@@ -1169,131 +1169,131 @@ const We = (e) => {
     suffix: g,
     autofix: f,
     pipe: m,
-    completion: w,
+    completion: x,
     unmask: _,
     allowMode: b,
-    allow: x,
-    placeholder: S,
-    placeholderOptions: C
-  } = e, y = V(
+    allow: v,
+    placeholder: T,
+    placeholderOptions: I
+  } = e, y = B(
     t,
-    u,
+    i,
     c,
     p,
     h,
     d,
     g,
     f,
-    w,
+    x,
     _,
     b,
-    S,
-    C
-  )((I, M, A, F, T, B, z, ae, le, ee, Q, ue, q) => M ? Ee(I ?? "", "", M, {
+    T,
+    I
+  )((C, M, A, F, D, V, z, re, le, ee, Q, ue, q) => M ? Ee(C ?? "", "", M, {
     definitions: A ?? {},
     useDefaultDefinitions: F ?? !0,
-    extraLiterals: T ?? [],
-    autofix: ae ?? "none",
+    extraLiterals: D ?? [],
+    autofix: re ?? "none",
     completion: le ?? { mode: "mask" },
     pipe: m ?? ((U) => U),
     unmask: ee ?? { strategy: "none" },
     allowMode: Q ?? "all",
-    allow: x,
-    prefix: B,
+    allow: v,
+    prefix: V,
     suffix: z
-  }).value : I ?? ""), v = (I, M) => {
-    const A = I.value ?? "", F = i.get(t) ?? "", T = u != null ? i.get(u) : null, B = c != null ? i.get(c) : void 0, z = p != null ? i.get(p) : void 0, ae = h != null ? i.get(h) : void 0, le = f != null ? i.get(f) : void 0, ee = w != null ? i.get(w) : void 0, Q = _ != null ? i.get(_) : void 0, ue = b != null ? i.get(b) : void 0, q = d != null ? i.get(d) : void 0, U = g != null ? i.get(g) : void 0, {
+  }).value : C ?? ""), w = (C, M) => {
+    const A = C.value ?? "", F = u.get(t) ?? "", D = i != null ? u.get(i) : null, V = c != null ? u.get(c) : void 0, z = p != null ? u.get(p) : void 0, re = h != null ? u.get(h) : void 0, le = f != null ? u.get(f) : void 0, ee = x != null ? u.get(x) : void 0, Q = _ != null ? u.get(_) : void 0, ue = b != null ? u.get(b) : void 0, q = d != null ? u.get(d) : void 0, U = g != null ? u.get(g) : void 0, {
       value: J,
       cursor: he,
-      completed: Se
-    } = T ? Ee(
+      completed: Te
+    } = D ? Ee(
       A,
       F,
-      T,
+      D,
       {
-        definitions: B ?? {},
+        definitions: V ?? {},
         useDefaultDefinitions: z ?? !0,
-        extraLiterals: ae ?? [],
+        extraLiterals: re ?? [],
         autofix: le ?? "none",
         completion: ee ?? { mode: "mask" },
         pipe: m ?? ((Ze) => Ze),
         unmask: Q ?? { strategy: "none" },
         allowMode: ue ?? "all",
-        allow: x,
+        allow: v,
         prefix: q,
         suffix: U
       },
-      I.selectionStart ?? A.length,
-      e.cursor ? i.get(e.cursor) : void 0
+      C.selectionStart ?? A.length,
+      e.cursor ? u.get(e.cursor) : void 0
     ) : { value: A, cursor: A.length, completed: !0 };
     if (J !== A) {
-      I.value = J;
+      C.value = J;
       try {
-        I.setSelectionRange(he, he);
+        C.setSelectionRange(he, he);
       } catch {
       }
     }
-    const Te = Pt(J, Q);
+    const De = Pt(J, Q);
     o?.({
-      raw: Te,
+      raw: De,
       conformed: J,
-      completed: Se,
+      completed: Te,
       cursor: he
-    }), M === "input" ? s?.(J) : (n?.(J), Se && a?.({ raw: Te, conformed: J }));
+    }), M === "input" ? s?.(J) : (n?.(J), Te && l?.({ raw: De, conformed: J }));
   };
-  return H({
+  return j({
     ...e,
-    input: se.text(
+    input: ne.text(
       Y(e),
-      l.value(y),
-      l.class("bc-input"),
-      r != null ? k.blur(r) : D,
-      ne(
-        (I) => I instanceof HTMLInputElement ? L(
-          k.input(() => v(I, "input")),
-          k.change(() => v(I, "change")),
+      a.value(y),
+      a.class("bc-input"),
+      r != null ? k.blur(r) : S,
+      ie(
+        (C) => C instanceof HTMLInputElement ? L(
+          k.input(() => w(C, "input")),
+          k.change(() => w(C, "change")),
           k.keydown((M) => {
-            if (M.key !== "Backspace" || !(e.cursor ? i.get(e.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
-            const F = I.selectionStart ?? 0, T = I.selectionEnd ?? F;
-            if (F !== T || F <= 0) return;
-            const B = I.value ?? "", z = u != null ? i.get(u) : null;
+            if (M.key !== "Backspace" || !(e.cursor ? u.get(e.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
+            const F = C.selectionStart ?? 0, D = C.selectionEnd ?? F;
+            if (F !== D || F <= 0) return;
+            const V = C.value ?? "", z = i != null ? u.get(i) : null;
             if (!z) return;
-            const ae = c != null ? i.get(c) : void 0, le = p != null ? i.get(p) : !0, ee = d != null ? i.get(d) : void 0, Q = g != null ? i.get(g) : void 0, ue = He(
-              typeof z == "function" ? z(B, {
-                raw: B,
-                previousConformed: B,
+            const re = c != null ? u.get(c) : void 0, le = p != null ? u.get(p) : !0, ee = d != null ? u.get(d) : void 0, Q = g != null ? u.get(g) : void 0, ue = He(
+              typeof z == "function" ? z(V, {
+                raw: V,
+                previousConformed: V,
                 cursor: F,
                 completed: !1
               }) : z,
-              ae ?? {},
+              re ?? {},
               le ?? !0
             ), q = /* @__PURE__ */ new Set();
             for (const U of ue)
               U.type === "literal" && q.add(U.char);
             if (ee) for (const U of ee) q.add(U);
             if (Q) for (const U of Q) q.add(U);
-            if (q.has(B[F - 1])) {
+            if (q.has(V[F - 1])) {
               let U = F - 1;
-              for (; U >= 0 && q.has(B[U]); ) U--;
-              U >= 0 && (M.preventDefault(), M.stopPropagation(), I.value = B.slice(0, U) + B.slice(U + 1), v(I, "input"));
+              for (; U >= 0 && q.has(V[U]); ) U--;
+              U >= 0 && (M.preventDefault(), M.stopPropagation(), C.value = V.slice(0, U) + V.slice(U + 1), w(C, "input"));
             }
           })
-        ) : D
+        ) : S
       )
     )
   });
 };
 function X(e, t, r) {
-  const n = i.map(e, (o) => o != null), s = ye.clearValue;
+  const n = u.map(e, (o) => o != null), s = ye.clearValue;
   return E(
     n,
     () => $.button(
-      l.type("button"),
-      l.class("bc-input-container__reset bu-text-light-gray"),
-      O.label(s),
-      l.title(s),
-      l.disabled(t ?? !1),
-      N({ icon: "mdi:close", size: "sm" }),
+      a.type("button"),
+      a.class("bc-input-container__reset bu-text-light-gray"),
+      N.label(s),
+      a.title(s),
+      a.disabled(t ?? !1),
+      R({ icon: "mdi:close", size: "sm" }),
       k.click((o) => {
         o.preventDefault(), o.stopPropagation(), r?.(null);
       })
@@ -1301,59 +1301,59 @@ function X(e, t, r) {
   );
 }
 const vn = (e) => {
-  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, a = X(t, o, n);
-  return H({
+  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = X(t, o, n);
+  return j({
     ...e,
-    input: se.date(
+    input: ne.date(
       Y(e),
-      l.valueAsDate(t),
-      l.class("bc-input"),
-      r != null ? k.blur(P(r)) : D,
-      n != null ? k.change(Ge(n)) : D
+      a.valueAsDate(t),
+      a.class("bc-input"),
+      r != null ? k.blur(P(r)) : S,
+      n != null ? k.change(Ge(n)) : S
     ),
-    after: s != null ? L(a, s) : a
+    after: s != null ? L(l, s) : l
   });
 }, jt = (e) => {
-  const t = e.getFullYear(), r = e.getMonth() + 1, n = e.getDate(), s = e.getHours(), o = e.getMinutes(), a = e.getSeconds();
-  return `${t}-${r.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${s.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}`;
+  const t = e.getFullYear(), r = e.getMonth() + 1, n = e.getDate(), s = e.getHours(), o = e.getMinutes(), l = e.getSeconds();
+  return `${t}-${r.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${s.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}`;
 }, xn = (e) => {
-  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, a = i.map(t, (c) => c != null ? jt(c) : null), u = X(t, o, n);
-  return H({
+  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = u.map(t, (c) => c != null ? jt(c) : null), i = X(t, o, n);
+  return j({
     ...e,
-    input: se["datetime-local"](
+    input: ne["datetime-local"](
       Y(e),
-      l.value(i.map(a, (c) => c ?? null)),
-      l.class("bc-input"),
-      r != null ? k.blur(P(r)) : D,
-      n != null ? k.change(Qe(n)) : D
+      a.value(u.map(l, (c) => c ?? null)),
+      a.class("bc-input"),
+      r != null ? k.blur(P(r)) : S,
+      n != null ? k.change(Qe(n)) : S
     ),
-    after: s != null ? L(u, s) : u
+    after: s != null ? L(i, s) : i
   });
-}, Z = (e) => typeof e == "string" && e.trim() === "" ? null : e, re = (e) => e ?? "", wn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: a, ...u } = e, c = X(t, a, n);
-  return lt({
-    ...u,
-    value: i.map(t, re),
+}, Z = (e) => typeof e == "string" && e.trim() === "" ? null : e, se = (e) => e ?? "", wn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
+  return at({
+    ...i,
+    value: u.map(t, se),
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
     after: o != null ? L(c, o) : c
   });
 }, _n = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: a, ...u } = e, c = X(t, a, n);
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return ot({
-    ...u,
-    value: i.map(t, re),
+    ...i,
+    value: u.map(t, se),
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
     after: o != null ? L(c, o) : c
   });
 }, $n = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: a, ...u } = e, c = X(t, a, n);
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return ct({
-    ...u,
-    value: i.map(t, re),
+    ...i,
+    value: u.map(t, se),
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
@@ -1361,118 +1361,118 @@ const vn = (e) => {
   });
 }, Ht = (e) => {
   const { value: t, onBlur: r, onChange: n, onInput: s, rows: o } = e;
-  return H({
+  return j({
     ...e,
     input: $.textarea(
       Y(e),
-      l.rows(o ?? 3),
-      l.value(t),
-      l.class("bc-input"),
-      r != null ? k.blur(P(r)) : D,
-      n != null ? k.change(P(n)) : D,
-      s != null ? k.input(P(s)) : D
+      a.rows(o ?? 3),
+      a.value(t),
+      a.class("bc-input"),
+      r != null ? k.blur(P(r)) : S,
+      n != null ? k.change(P(n)) : S,
+      s != null ? k.input(P(s)) : S
     )
   });
 }, yn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: a, ...u } = e, c = X(t, a, n);
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return Ht({
-    ...u,
-    value: i.map(t, re),
+    ...i,
+    value: u.map(t, se),
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
     after: o != null ? L(c, o) : c
   });
 }, In = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: a, onInput: u, after: c } = e, p = (g) => {
-    const f = n != null ? i.get(n) : void 0, m = s != null ? i.get(s) : void 0;
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i, after: c } = e, p = (g) => {
+    const f = n != null ? u.get(n) : void 0, m = s != null ? u.get(s) : void 0;
     return f != null && g < f ? f : m != null && g > m ? m : g;
-  }, h = r != null ? R(W, (g) => {
-    const f = V(
+  }, h = r != null ? O(H, (g) => {
+    const f = B(
       t,
       n
-    )((b, x) => x == null ? !0 : (b ?? 0) > x), m = V(
+    )((b, v) => v == null ? !0 : (b ?? 0) > v), m = B(
       t,
       s
-    )((b, x) => x == null ? !0 : (b ?? 0) < x), w = (b) => {
-      const x = i.get(t) ?? 0, S = i.get(r), C = b?.shiftKey ? 10 : 1, y = x - S * C, v = n != null ? i.get(n) : void 0;
-      if (v != null && y < v)
+    )((b, v) => v == null ? !0 : (b ?? 0) < v), x = (b) => {
+      const v = u.get(t) ?? 0, T = u.get(r), I = b?.shiftKey ? 10 : 1, y = v - T * I, w = n != null ? u.get(n) : void 0;
+      if (w != null && y < w)
         return;
-      const I = p(y);
-      I !== x && a && a(I);
+      const C = p(y);
+      C !== v && l && l(C);
     }, _ = (b) => {
-      const x = i.get(t) ?? 0, S = i.get(r), C = b?.shiftKey ? 10 : 1, y = x + S * C, v = s != null ? i.get(s) : void 0;
-      if (v != null && y > v)
+      const v = u.get(t) ?? 0, T = u.get(r), I = b?.shiftKey ? 10 : 1, y = v + T * I, w = s != null ? u.get(s) : void 0;
+      if (w != null && y > w)
         return;
-      const I = p(y);
-      I !== x && a && a(I);
+      const C = p(y);
+      C !== v && l && l(C);
     };
     return te(
-      l.class("bc-number-input-steppers"),
+      a.class("bc-number-input-steppers"),
       // Increment second
       $.button(
-        l.class(
+        a.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
-        l.disabled(
-          V(
+        a.disabled(
+          B(
             m,
             e.disabled ?? !1
-          )((b, x) => !b || x)
+          )((b, v) => !b || v)
         ),
         k.click((b) => _(b)),
-        O.label(g.$.incrementValue),
-        N({ icon: "line-md:plus", size: "xs" })
+        N.label(g.$.incrementValue),
+        R({ icon: "line-md:plus", size: "xs" })
       ),
       // Decrement first (matches tests expecting first button to be decrement)
       $.button(
-        l.class(
+        a.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
-        l.disabled(
-          V(
+        a.disabled(
+          B(
             f,
             e.disabled ?? !1
-          )((b, x) => !b || x)
+          )((b, v) => !b || v)
         ),
-        k.click((b) => w(b)),
-        O.label(g.$.decrementValue),
-        N({ icon: "line-md:minus", size: "xs" })
+        k.click((b) => x(b)),
+        N.label(g.$.decrementValue),
+        R({ icon: "line-md:minus", size: "xs" })
       )
     );
   }) : null, d = c != null && h != null ? L(h, c) : c ?? h;
-  return H({
+  return j({
     ...e,
-    input: se.number(
+    input: ne.number(
       n != null ? L(
-        l.min(n),
-        j(
-          i.on(n, (g) => {
-            g < i.get(t);
+        a.min(n),
+        W(
+          u.on(n, (g) => {
+            g < u.get(t);
           })
         )
-      ) : D,
+      ) : S,
       s != null ? L(
-        l.max(s),
-        j(
-          i.on(s, (g) => {
-            g > i.get(t);
+        a.max(s),
+        W(
+          u.on(s, (g) => {
+            g > u.get(t);
           })
         )
-      ) : D,
+      ) : S,
       Y(e),
-      l.valueAsNumber(t),
-      l.step(r),
-      l.class("bc-input bc-number-input"),
-      o != null ? k.blur(P(o)) : D,
-      a != null ? k.change(G(a)) : D,
-      u != null ? k.input(G(u)) : D,
+      a.valueAsNumber(t),
+      a.step(r),
+      a.class("bc-input bc-number-input"),
+      o != null ? k.blur(P(o)) : S,
+      l != null ? k.change(G(l)) : S,
+      i != null ? k.input(G(i)) : S,
       // Add wheel event support when step is defined
       r != null ? k.wheel((g) => {
         g.preventDefault();
-        const f = i.get(t) ?? 0, m = i.get(r), w = g.shiftKey ? 10 : 1, _ = g.deltaY < 0 ? m * w : -m * w, b = p(f + _);
-        b !== f && a && a(b);
-      }) : D
+        const f = u.get(t) ?? 0, m = u.get(r), x = g.shiftKey ? 10 : 1, _ = g.deltaY < 0 ? m * x : -m * x, b = p(f + _);
+        b !== f && l && l(b);
+      }) : S
     ),
     after: d
   });
@@ -1481,111 +1481,111 @@ const vn = (e) => {
   const t = Number(e);
   return Number.isNaN(t) ? null : t;
 }, Cn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: a, onInput: u, after: c } = e, p = (f) => {
-    const m = n != null ? i.get(n) : void 0, w = s != null ? i.get(s) : void 0;
-    return m != null && f < m ? m : w != null && f > w ? w : f;
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i, after: c } = e, p = (f) => {
+    const m = n != null ? u.get(n) : void 0, x = s != null ? u.get(s) : void 0;
+    return m != null && f < m ? m : x != null && f > x ? x : f;
   }, h = (() => {
     if (r == null) return null;
-    const f = V(
+    const f = B(
       t,
       n
-    )((x, S) => {
-      const C = x ?? 0;
-      return S == null ? !0 : C > S;
-    }), m = V(
+    )((v, T) => {
+      const I = v ?? 0;
+      return T == null ? !0 : I > T;
+    }), m = B(
       t,
       s
-    )((x, S) => {
-      const C = x ?? 0;
-      return S == null ? !0 : C < S;
-    }), w = (x) => {
-      const S = i.get(t) ?? 0, C = i.get(r), y = x?.shiftKey ? 10 : 1, v = S - C * y, I = n != null ? i.get(n) : void 0;
-      if (I != null && v < I) return;
-      const M = p(v);
-      M !== S && a && a(M);
-    }, _ = (x) => {
-      const S = i.get(t) ?? 0, C = i.get(r), y = x?.shiftKey ? 10 : 1, v = S + C * y, I = s != null ? i.get(s) : void 0;
-      if (I != null && v > I) return;
-      const M = p(v);
-      M !== S && a && a(M);
+    )((v, T) => {
+      const I = v ?? 0;
+      return T == null ? !0 : I < T;
+    }), x = (v) => {
+      const T = u.get(t) ?? 0, I = u.get(r), y = v?.shiftKey ? 10 : 1, w = T - I * y, C = n != null ? u.get(n) : void 0;
+      if (C != null && w < C) return;
+      const M = p(w);
+      M !== T && l && l(M);
+    }, _ = (v) => {
+      const T = u.get(t) ?? 0, I = u.get(r), y = v?.shiftKey ? 10 : 1, w = T + I * y, C = s != null ? u.get(s) : void 0;
+      if (C != null && w > C) return;
+      const M = p(w);
+      M !== T && l && l(M);
     };
-    return ((x, S) => te(
-      l.class("bc-number-input-steppers"),
+    return ((v, T) => te(
+      a.class("bc-number-input-steppers"),
       $.button(
-        l.class(
+        a.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
-        l.disabled(
-          V(
+        a.disabled(
+          B(
             m,
             e.disabled ?? !1
-          )((C, y) => !C || y)
+          )((I, y) => !I || y)
         ),
-        k.click((C) => _(C)),
-        O.label(x),
-        N({ icon: "line-md:plus", size: "xs" })
+        k.click((I) => _(I)),
+        N.label(v),
+        R({ icon: "line-md:plus", size: "xs" })
       ),
       $.button(
-        l.class(
+        a.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
-        l.disabled(
-          V(
+        a.disabled(
+          B(
             f,
             e.disabled ?? !1
-          )((C, y) => !C || y)
+          )((I, y) => !I || y)
         ),
-        k.click((C) => w(C)),
-        O.label(S),
-        N({ icon: "line-md:minus", size: "xs" })
+        k.click((I) => x(I)),
+        N.label(T),
+        R({ icon: "line-md:minus", size: "xs" })
       )
     ))(
       ye.incrementValue,
       ye.decrementValue
     );
-  })(), d = X(t, e.disabled, a), g = c != null && h != null ? L(h, d, c) : c != null ? L(d, c) : h != null ? L(h, d) : d;
-  return H({
+  })(), d = X(t, e.disabled, l), g = c != null && h != null ? L(h, d, c) : c != null ? L(d, c) : h != null ? L(h, d) : d;
+  return j({
     ...e,
-    input: se.number(
+    input: ne.number(
       // min/max attributes and reactive watchers (no forced correction)
       n != null ? L(
-        l.min(n),
-        j(
-          i.on(n, (f) => {
+        a.min(n),
+        W(
+          u.on(n, (f) => {
           })
         )
-      ) : D,
+      ) : S,
       s != null ? L(
-        l.max(s),
-        j(
-          i.on(s, (f) => {
+        a.max(s),
+        W(
+          u.on(s, (f) => {
           })
         )
-      ) : D,
+      ) : S,
       Y(e),
       // Represent null as empty string so the field can be cleared
-      l.value(i.map(t, (f) => f == null ? "" : String(f))),
-      l.step(r),
-      l.class("bc-input bc-number-input"),
-      o != null ? k.blur(P(o)) : D,
-      a != null ? k.change(
+      a.value(u.map(t, (f) => f == null ? "" : String(f))),
+      a.step(r),
+      a.class("bc-input bc-number-input"),
+      o != null ? k.blur(P(o)) : S,
+      l != null ? k.change(
         P((f) => {
           const m = Ue(f);
-          a(m);
+          l(m);
         })
-      ) : D,
-      u != null ? k.input(
+      ) : S,
+      i != null ? k.input(
         P((f) => {
           const m = Ue(f);
-          u(m);
+          i(m);
         })
-      ) : D,
+      ) : S,
       // Wheel support when step is defined
       r != null ? k.wheel((f) => {
         f.preventDefault();
-        const m = i.get(t) ?? 0, w = i.get(r), _ = f.shiftKey ? 10 : 1, b = f.deltaY < 0 ? w * _ : -w * _, x = p(m + b);
-        x !== m && a && a(x);
-      }) : D
+        const m = u.get(t) ?? 0, x = u.get(r), _ = f.shiftKey ? 10 : 1, b = f.deltaY < 0 ? x * _ : -x * _, v = p(m + b);
+        v !== m && l && l(v);
+      }) : S
     ),
     after: g
   });
@@ -1596,52 +1596,52 @@ const vn = (e) => {
   onLabel: n,
   label: s,
   disabled: o = !1,
-  size: a = "md",
-  id: u
+  size: l = "md",
+  id: i
 }) => {
-  const c = u ?? it("switch"), p = `${c}-label`;
+  const c = i ?? it("switch"), p = `${c}-label`;
   function h(f, m) {
-    const w = ["bc-switch", `bu-text-${m}`, `bc-switch--${m}`];
-    return f && w.push("bc-switch--disabled"), w.join(" ");
+    const x = ["bc-switch", `bu-text-${m}`, `bc-switch--${m}`];
+    return f && x.push("bc-switch--disabled"), x.join(" ");
   }
   const d = () => {
-    i.get(o) || t(!i.get(e));
+    u.get(o) || t(!u.get(e));
   }, g = (f) => {
-    i.get(o) || (f.key === " " || f.key === "Enter") && (f.preventDefault(), d());
+    u.get(o) || (f.key === " " || f.key === "Enter") && (f.preventDefault(), d());
   };
   return $.div(
-    l.class(
-      V(
+    a.class(
+      B(
         o ?? !1,
-        a
+        l
       )(
         (f, m) => h(f ?? !1, m ?? "md")
       )
     ),
-    l.id(c),
-    l.role("switch"),
-    l.tabindex(
-      i.map(o, (f) => f ? -1 : 0)
+    a.id(c),
+    a.role("switch"),
+    a.tabindex(
+      u.map(o, (f) => f ? -1 : 0)
     ),
-    O.checked(e),
-    O.disabled(o),
-    O.labelledby(s != null ? p : void 0),
+    N.checked(e),
+    N.disabled(o),
+    N.labelledby(s != null ? p : void 0),
     k.click(d),
     k.keydown(g),
-    s != null ? ut(l.id(p), l.class(`bu-text-${a} bu-nowrap`), s) : null,
+    s != null ? ut(a.id(p), a.class(`bu-text-${l} bu-nowrap`), s) : null,
     $.div(
-      l.class("bc-switch__track"),
-      l.class(
-        i.map(
+      a.class("bc-switch__track"),
+      a.class(
+        u.map(
           e,
           (f) => f ? "bc-switch__track--on" : "bc-switch__track--off"
         )
       ),
       r != null ? $.div(
-        O.hidden(!0),
-        l.class("bc-switch__track-label bc-switch__track-label--off"),
-        l.class(
-          i.map(
+        N.hidden(!0),
+        a.class("bc-switch__track-label bc-switch__track-label--off"),
+        a.class(
+          u.map(
             e,
             (f) => f ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
           )
@@ -1649,34 +1649,34 @@ const vn = (e) => {
         r
       ) : null,
       n != null ? $.div(
-        l.class("bc-switch__track-label bc-switch__track-label--on"),
-        l.class(
-          i.map(
+        a.class("bc-switch__track-label bc-switch__track-label--on"),
+        a.class(
+          u.map(
             e,
             (f) => f ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
           )
         ),
         n
       ) : null,
-      Re(
-        (f) => R(
+      ze(
+        (f) => O(
           ft,
           ({ direction: m }) => $.div(
-            l.class("bc-switch__thumb"),
-            l.class(
-              i.map(
+            a.class("bc-switch__thumb"),
+            a.class(
+              u.map(
                 e,
-                (w) => w ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
+                (x) => x ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
               )
             ),
             pe.transform(
-              V(
+              B(
                 e,
                 f,
-                a,
+                l,
                 m
-              )((w, { width: _ }, b, x) => {
-                const S = (() => {
+              )((x, { width: _ }, b, v) => {
+                const T = (() => {
                   switch (b) {
                     case "xs":
                       return 5;
@@ -1689,8 +1689,8 @@ const vn = (e) => {
                     case "xl":
                       return 8;
                   }
-                })(), C = x === "rtl" ? `calc((var(--spacing-base) * ${S}) - ${_}px)` : `calc(${_}px - (var(--spacing-base) * ${S}))`;
-                return w ? `translateX(${C})` : "translateX(0)";
+                })(), I = v === "rtl" ? `calc((var(--spacing-base) * ${T}) - ${_}px)` : `calc(${_}px - (var(--spacing-base) * ${T}))`;
+                return x ? `translateX(${I})` : "translateX(0)";
               })
             )
           )
@@ -1748,10 +1748,10 @@ const vn = (e) => {
     placeholder: e.placeholder ?? "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
   });
 }, Mn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: a, ...u } = e, c = X(t, a, n);
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return Wt({
-    ...u,
-    value: i.map(t, re),
+    ...i,
+    value: u.map(t, se),
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
@@ -1764,70 +1764,70 @@ const vn = (e) => {
     disabled: n,
     max: s = 5,
     fullColor: o = "yellow",
-    emptyColor: a = "neutral",
-    fullIcon: u = Zt,
+    emptyColor: l = "neutral",
+    fullIcon: i = Zt,
     emptyIcon: c = Yt,
     size: p = "md",
     onBlur: h,
     rounding: d = 1
   } = e, g = () => {
-    const x = i.get(d);
-    return x > 0 ? x : 1;
-  }, f = (x) => Math.min(Math.max(x, 0), i.get(s)), m = (x, S) => {
-    if (i.get(n ?? !1)) return;
-    const y = x.currentTarget.getBoundingClientRect(), v = (x.clientX - y.left) / y.width, I = S - 1 + v, M = g(), A = Math.ceil(I / M) * M, F = f(A);
+    const v = u.get(d);
+    return v > 0 ? v : 1;
+  }, f = (v) => Math.min(Math.max(v, 0), u.get(s)), m = (v, T) => {
+    if (u.get(n ?? !1)) return;
+    const y = v.currentTarget.getBoundingClientRect(), w = (v.clientX - y.left) / y.width, C = T - 1 + w, M = g(), A = Math.ceil(C / M) * M, F = f(A);
     r?.(F);
-  }, w = (x) => {
-    if (i.get(n ?? !1)) return;
-    const S = g(), C = i.get(t) ?? 0;
+  }, x = (v) => {
+    if (u.get(n ?? !1)) return;
+    const T = g(), I = u.get(t) ?? 0;
     let y;
-    switch (x.key) {
+    switch (v.key) {
       case "ArrowRight":
       case "ArrowUp":
-        y = f(C + S);
+        y = f(I + T);
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        y = f(C - S);
+        y = f(I - T);
         break;
       case "Home":
         y = 0;
         break;
       case "End":
-        y = i.get(s);
+        y = u.get(s);
         break;
       default:
         return;
     }
-    x.preventDefault(), r?.(y);
-  }, _ = i.map(p, (x) => `bc-icon--${x}`), b = ({ index: x, counter: S }) => $.span(
-    l.class("bc-rating-input__icon-container"),
-    l.class(_),
-    N(
+    v.preventDefault(), r?.(y);
+  }, _ = u.map(p, (v) => `bc-icon--${v}`), b = ({ index: v, counter: T }) => $.span(
+    a.class("bc-rating-input__icon-container"),
+    a.class(_),
+    R(
       { icon: c, size: p },
-      l.class("bc-rating-input__icon-empty"),
-      l.class(i.map(a, (C) => `bu-fg-soft-${C}`))
+      a.class("bc-rating-input__icon-empty"),
+      a.class(u.map(l, (I) => `bu-fg-soft-${I}`))
     ),
     $.span(
-      l.class("bc-rating-input__icon-clipper"),
-      l.class(_),
-      l.class(i.map(o, (C) => `bu-fg-soft-${C}`)),
+      a.class("bc-rating-input__icon-clipper"),
+      a.class(_),
+      a.class(u.map(o, (I) => `bu-fg-soft-${I}`)),
       pe.width(
-        i.map(t, (C) => {
-          const y = Math.floor(C);
-          return y > x ? "100%" : y < x ? "0%" : `${(C - x) * 100}%`;
+        u.map(t, (I) => {
+          const y = Math.floor(I);
+          return y > v ? "100%" : y < v ? "0%" : `${(I - v) * 100}%`;
         })
       ),
-      N({ icon: u, size: p }, l.class("bc-rating-input__icon-full"))
+      R({ icon: i, size: p }, a.class("bc-rating-input__icon-full"))
     ),
     k.click(
-      Je((C) => m(C, S), {
+      Je((I) => m(I, T), {
         preventDefault: !0,
         stopPropagation: !0
       })
     )
   );
-  return H({
+  return j({
     baseContainer: !0,
     growInput: !1,
     focusableSelector: '[role="slider"]',
@@ -1835,94 +1835,92 @@ const vn = (e) => {
     input: $.div(
       // Common input attributes (id, required, invalid, custom classes, etc.)
       Y(e),
-      l.class("bc-rating-input"),
+      a.class("bc-rating-input"),
       // ARIA slider semantics
-      l.role("slider"),
-      l.tabindex(i.map(n ?? !1, (x) => x ? -1 : 0)),
-      O.disabled(n ?? !1),
+      a.role("slider"),
+      a.tabindex(u.map(n ?? !1, (v) => v ? -1 : 0)),
+      N.disabled(n ?? !1),
+      N.valuemin(0),
+      N.valuemax(u.map(s, (v) => v ?? 0)),
+      N.valuenow(u.map(t, (v) => v ?? 0)),
+      N.valuetext(
+        B(
+          t,
+          s
+        )((v, T) => {
+          const I = v ?? 0, y = T ?? 0;
+          return `${String(I)} / ${String(y)}`;
+        })
+      ),
       // Keyboard & focus handlers
-      k.keydown(w),
+      k.keydown(x),
       h != null ? k.blur(h) : null,
-      // Reactive ARIA value attributes
-      ne((x) => {
-        const S = (v, I) => x.setAttribute(v, I);
-        S("aria-valuemin", "0"), S("aria-valuemax", String(i.get(s))), S("aria-valuenow", String(i.get(t) ?? 0)), S(
-          "aria-valuetext",
-          `${String(i.get(t) ?? 0)} / ${String(i.get(s))}`
-        );
-        const C = i.on(s, (v) => S("aria-valuemax", String(v))), y = i.on(t, (v) => {
-          S("aria-valuenow", String(v ?? 0)), S("aria-valuetext", `${String(v ?? 0)} / ${String(i.get(s))}`);
-        });
-        return j(() => {
-          C(), y();
-        });
-      }),
-      ze(s, b)
+      Re(s, b)
     )
   });
-}, Sn = (e) => {
-  const { value: t, onChange: r, onBlur: n, after: s, disabled: o, ...a } = e, u = X(t, o, r);
+}, Tn = (e) => {
+  const { value: t, onChange: r, onBlur: n, after: s, disabled: o, ...l } = e, i = X(t, o, r);
   return Xt({
-    ...a,
+    ...l,
     // Map null -> 0 for display so the control shows as empty when null
-    value: i.map(t, (c) => c ?? 0),
+    value: u.map(t, (c) => c ?? 0),
     // Pass through numeric changes; clear button will call onChange(null)
     onChange: r,
     onBlur: n,
-    after: s != null ? L(u, s) : u
+    after: s != null ? L(i, s) : i
   });
-}, Tn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: a, onInput: u } = e;
-  return H({
+}, Dn = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i } = e;
+  return j({
     ...e,
     // Make sure clicks anywhere focus the range input
     focusableSelector: 'input[type="range"]',
     input: $.input(
-      l.type("range"),
+      a.type("range"),
       Y(e),
-      l.min(n),
-      l.max(s),
-      l.step(r),
+      a.min(n),
+      a.max(s),
+      a.step(r),
       // Using value as number to keep it in sync
-      l.valueAsNumber(t),
-      l.class("bc-input bc-slider-input"),
-      o != null ? k.blur(G(o)) : D,
-      a != null ? k.change(G(a)) : D,
-      u != null ? k.input(G(u)) : D
+      a.valueAsNumber(t),
+      a.class("bc-input bc-slider-input"),
+      o != null ? k.blur(G(o)) : S,
+      l != null ? k.change(G(l)) : S,
+      i != null ? k.input(G(i)) : S
     )
   });
-}, Dn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: a, onInput: u } = e, c = i.map(t, (h) => {
+}, Sn = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i } = e, c = u.map(t, (h) => {
     if (h != null) return h;
-    const d = n != null ? i.get(n) : void 0;
+    const d = n != null ? u.get(n) : void 0;
     return typeof d == "number" ? d : 0;
   }), p = X(t, e.disabled, (h) => {
-    a?.(h);
+    l?.(h);
   });
-  return H(
+  return j(
     {
       ...e,
       focusableSelector: 'input[type="range"]',
       after: p,
       input: $.input(
-        l.type("range"),
+        a.type("range"),
         Y(e),
-        l.min(n),
-        l.max(s),
-        l.step(r),
-        l.valueAsNumber(c),
-        l.class("bc-input bc-slider-input"),
-        o != null ? k.blur(G(o)) : D,
-        a != null ? k.change(
+        a.min(n),
+        a.max(s),
+        a.step(r),
+        a.valueAsNumber(c),
+        a.class("bc-input bc-slider-input"),
+        o != null ? k.blur(G(o)) : S,
+        l != null ? k.change(
           G((h) => {
-            a(h);
+            l(h);
           })
-        ) : D,
-        u != null ? k.input(
+        ) : S,
+        i != null ? k.input(
           G((h) => {
-            u(h);
+            i(h);
           })
-        ) : D
+        ) : S
       )
     },
     // Ensure container grows input naturally
@@ -1964,34 +1962,34 @@ function Kt(e) {
 const An = (e) => {
   const { value: t, onChange: r, after: n, disabled: s } = e, o = X(t, s, r);
   return Gt(
-    (a) => We({
+    (l) => We({
       ...e,
-      value: i.map(t, (u) => u?.toString() ?? ""),
-      onChange: r ? (u) => r(u === "" ? null : a.Duration.from(u)) : void 0,
+      value: u.map(t, (i) => i?.toString() ?? ""),
+      onChange: r ? (i) => r(i === "" ? null : l.Duration.from(i)) : void 0,
       onInput: void 0,
-      ...Kt(a.Duration.from),
+      ...Kt(l.Duration.from),
       placeholder: "P0DT0H0M0S",
       after: n != null ? L(o, n) : o
     })
   );
 }, en = (e) => {
   const { value: t, onBlur: r, onChange: n, onInput: s } = e;
-  return H({
+  return j({
     ...e,
-    input: se.url(
+    input: ne.url(
       Y(e),
-      l.value(t),
-      l.class("bc-input"),
-      r != null ? k.blur(P(r)) : D,
-      n != null ? k.change(P(n)) : D,
-      s != null ? k.input(P(s)) : D
+      a.value(t),
+      a.class("bc-input"),
+      r != null ? k.blur(P(r)) : S,
+      n != null ? k.change(P(n)) : S,
+      s != null ? k.input(P(s)) : S
     )
   });
 }, Fn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: a, ...u } = e, c = X(t, a, n);
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return en({
-    ...u,
-    value: i.map(t, re),
+    ...i,
+    value: u.map(t, se),
     onChange: n != null ? (p) => n(Z(p)) : void 0,
     onInput: s != null ? (p) => s(Z(p)) : void 0,
     onBlur: r,
@@ -2003,17 +2001,17 @@ const An = (e) => {
     separator: n,
     showMove: s = !0,
     showRemove: o = !0,
-    showAdd: a = !0,
-    createItem: u,
+    showAdd: l = !0,
+    createItem: i,
     addLabel: c,
     controlsLayout: p = "aside",
     ...h
-  } = e, d = i.toSignal(p).map((m) => m === "aside"), g = (m) => {
-    const w = E(
+  } = e, d = u.toSignal(p).map((m) => m === "aside"), g = (m) => {
+    const x = E(
       s ?? !1,
       () => $.div(
-        l.class("bu-items-center"),
-        l.class(
+        a.class("bu-items-center"),
+        a.class(
           d.map(
             (b) => b ? "bu-flex-col" : "bu-flex-row bu-gap-1"
           )
@@ -2026,9 +2024,9 @@ const An = (e) => {
             onClick: () => m.move("up"),
             disabled: m.cannotMove("up")
           },
-          R(
-            W,
-            (b) => N({
+          O(
+            H,
+            (b) => R({
               size: "xs",
               icon: "line-md:arrow-up",
               title: b.$.incrementValue
@@ -2043,9 +2041,9 @@ const An = (e) => {
             onClick: () => m.move("down"),
             disabled: m.cannotMove("down")
           },
-          R(
-            W,
-            (b) => N({
+          O(
+            H,
+            (b) => R({
               size: "xs",
               icon: "line-md:arrow-down",
               title: b.$.decrementValue
@@ -2055,12 +2053,12 @@ const An = (e) => {
       )
     ), _ = E(
       o,
-      () => R(
-        W,
+      () => O(
+        H,
         (b) => me({
           size: "xs",
           // Use a lowercase label to satisfy tests that query with [aria-label*="remove"]
-          label: i.map(b.$.removeItem, (x) => x.toLowerCase()),
+          label: u.map(b.$.removeItem, (v) => v.toLowerCase()),
           color: "error",
           disabled: e.removeDisabled,
           onClick: m.remove
@@ -2070,25 +2068,25 @@ const An = (e) => {
     return (b) => E(
       d,
       () => fe(
-        l.class("bu-gap-1 bu-items-center"),
-        te(l.class("bu-flex-grow"), b),
+        a.class("bu-gap-1 bu-items-center"),
+        te(a.class("bu-flex-grow"), b),
         te(
-          l.class("bu-items-center"),
+          a.class("bu-items-center"),
           E(
-            e.controller.value.map((x) => x.length > 1),
-            () => w
+            e.controller.value.map((v) => v.length > 1),
+            () => x
           ),
           _
         )
       ),
       () => te(
-        l.class("bu-gap-2"),
+        a.class("bu-gap-2"),
         b,
         fe(
-          l.class("bu-gap-2 bu-justify-between"),
+          a.class("bu-gap-2 bu-justify-between"),
           E(
-            e.controller.value.map((x) => x.length > 1),
-            () => w,
+            e.controller.value.map((v) => v.length > 1),
+            () => x,
             () => $.div()
           ),
           _
@@ -2096,24 +2094,24 @@ const An = (e) => {
       )
     );
   }, f = E(
-    V(a, u)((m, w) => m && w != null),
+    B(l, i)((m, x) => m && x != null),
     () => fe(
-      l.class("bu-gap-2 bu-items-center bu-justify-center"),
+      a.class("bu-gap-2 bu-items-center bu-justify-center"),
       ge(
         {
           size: "sm",
           variant: "filled",
-          onClick: () => h.controller.push(u()),
-          disabled: V(
+          onClick: () => h.controller.push(i()),
+          disabled: B(
             h.controller.disabled,
             e.addDisabled ?? !1
-          )((m, w) => m || w)
+          )((m, x) => m || x)
         },
-        R(
-          W,
+        O(
+          H,
           (m) => fe(
-            l.class("bu-gap-2"),
-            N({ icon: "line-md:plus" }),
+            a.class("bu-gap-2"),
+            R({ icon: "line-md:plus" }),
             c ?? m.$.addLabel
           )
         )
@@ -2124,8 +2122,8 @@ const An = (e) => {
     {
       ...h,
       content: te(
-        l.class("bu-gap-2"),
-        zt(
+        a.class("bu-gap-2"),
+        Rt(
           h.controller,
           (m) => g(m)(r(m)),
           n
@@ -2141,19 +2139,19 @@ class Vn extends ve {
   activeBranch;
   #t;
   #e = /* @__PURE__ */ new Map();
-  constructor(t, r, n, s, o, a, u = oe) {
-    super(t, r, n, s, o, u), this.branches = a;
+  constructor(t, r, n, s, o, l, i = ae) {
+    super(t, r, n, s, o, i), this.branches = l;
     const c = (h) => {
-      for (const d of a)
+      for (const d of l)
         if (d.detect(h))
           return d.key;
-      return a[0]?.key ?? "unknown";
+      return l[0]?.key ?? "unknown";
     };
-    this.activeBranch = n.map(c, oe);
+    this.activeBranch = n.map(c, ae);
     const p = (h) => {
       if (this.#e.has(h))
         return this.#e.get(h);
-      const d = a.find((f) => f.key === h);
+      const d = l.find((f) => f.key === h);
       if (!d)
         throw new Error(`Unknown branch: ${h}`);
       const g = new ve(
@@ -2163,20 +2161,20 @@ class Vn extends ve {
         },
         n.map(
           (f) => d.detect(f) ? f : d.defaultValue(),
-          u
+          i
         ),
         s.map(Fe([h])),
         {
           disabled: this.disabled,
           validationMode: this.parent.validationMode
         },
-        u
+        i
       );
       return this.#e.set(h, g), g;
     };
     this.#t = this.activeBranch.map(
       (h) => p(h),
-      oe
+      ae
     ), this.onDispose(() => {
       for (const h of this.#e.values())
         h.dispose();
@@ -2187,7 +2185,7 @@ class Vn extends ve {
    * Get the controller for the currently active branch
    */
   get activeController() {
-    return i.get(this.#t);
+    return u.get(this.#t);
   }
   /**
    * Get a controller for a specific branch
@@ -2205,14 +2203,14 @@ class Vn extends ve {
       },
       this.value.map(
         (s) => r.detect(s) ? s : r.defaultValue(),
-        oe
+        ae
       ),
       this.status.map(Fe([t])),
       {
         disabled: this.disabled,
         validationMode: this.parent.validationMode
       },
-      oe
+      ae
     );
     return this.#e.set(t, n), n;
   }
@@ -2220,16 +2218,16 @@ class Vn extends ve {
    * Switch to a different branch
    */
   switchToBranch(t, r = !1) {
-    const n = this.branches.find((a) => a.key === t);
+    const n = this.branches.find((l) => l.key === t);
     if (!n)
       throw new Error(`Unknown branch: ${t}`);
-    const s = i.get(this.value);
+    const s = u.get(this.value);
     if (n.detect(s))
       return !0;
     if (n.convert) {
-      const a = n.convert(s);
-      if (a.ok)
-        return this.change(a.value), !0;
+      const l = n.convert(s);
+      if (l.ok)
+        return this.change(l.value), !0;
     }
     if (r && typeof window == "object" && typeof window.confirm == "function" && !window.confirm(
       "Changing type will clear the current value. Continue?"
@@ -2242,7 +2240,7 @@ class Vn extends ve {
    * Get the current active branch definition
    */
   get activeBranchDefinition() {
-    const t = i.get(this.activeBranch);
+    const t = u.get(this.activeBranch);
     return this.branches.find((r) => r.key === t);
   }
 }
@@ -2305,54 +2303,54 @@ function Nn({
   title: n,
   icon: s,
   closable: o = !1,
-  onDismiss: a,
-  class: u
+  onDismiss: l,
+  class: i
 }, ...c) {
-  const p = i.map(
+  const p = u.map(
     o,
-    (w) => !!w || a != null
-  ), h = i.map(e, (w) => w ?? "info"), d = i.map(t, (w) => w ?? "subtle"), g = V(
+    (x) => !!x || l != null
+  ), h = u.map(e, (x) => x ?? "info"), d = u.map(t, (x) => x ?? "subtle"), g = B(
     r,
     h
-  )((w, _) => w ?? (_ === "error" ? "alert" : "status")), f = K(!0), m = R(
-    W,
-    (w) => $.div(
-      l.class(
-        V(
+  )((x, _) => x ?? (_ === "error" ? "alert" : "status")), f = K(!0), m = O(
+    H,
+    (x) => $.div(
+      a.class(
+        B(
           h,
           d,
           p,
-          u
-        )((_, b, x, S) => sn(_, b, x, S))
+          i
+        )((_, b, v, T) => sn(_, b, v, T))
       ),
       // Accessibility role mapping (always defined)
-      l.role(i.map(g, (_) => _)),
+      a.role(u.map(g, (_) => _)),
       et(
-        i.map(s, (_) => _ === !1),
+        u.map(s, (_) => _ === !1),
         () => $.div(
-          l.class("bc-notice__icon"),
-          N({
-            icon: V(
+          a.class("bc-notice__icon"),
+          R({
+            icon: B(
               s,
               h
             )((_, b) => _ === void 0 ? tn(b) : String(_)),
             size: "md",
-            color: i.map(h, nn)
+            color: u.map(h, nn)
           })
         )
       ),
       $.div(
-        l.class("bc-notice__body"),
-        Ne(n, (_) => $.div(l.class("bc-notice__title"), _)),
-        $.div(l.class("bc-notice__content"), ...c)
+        a.class("bc-notice__body"),
+        Ne(n, (_) => $.div(a.class("bc-notice__title"), _)),
+        $.div(a.class("bc-notice__content"), ...c)
       ),
       E(
         p,
         () => me({
           size: "xs",
-          label: w.$.closeModal,
+          label: x.$.closeModal,
           onClick: () => {
-            f.set(!1), a?.();
+            f.set(!1), l?.();
           }
         })
       )
@@ -2361,13 +2359,13 @@ function Nn({
   return E(f, () => m);
 }
 export {
-  Sn as A,
+  Tn as A,
   pn as B,
   dn as C,
-  Tn as D,
+  Dn as D,
   Vt as E,
   wt as F,
-  Dn as G,
+  Sn as G,
   An as H,
   en as I,
   Fn as J,
@@ -2396,10 +2394,10 @@ export {
   _t as h,
   Ct as i,
   bn as j,
-  zt as k,
+  Rt as k,
   Nt as l,
   gn as m,
-  re as n,
+  se as n,
   vn as o,
   xn as p,
   _n as q,