@tempots/beatui 0.24.0 → 0.25.0

package/dist/{notice-c9Vbv45l.js → notice-wSAzLfbl.js}

@@ -1,14 +1,14 @@
-import { Use as O, Value as i, prop as K, html as y, attr as a, on as C, WithElement as ie, OnDispose as Z, aria as N, bind as $e, computedOf as B, style as de, When as E, NotEmpty as Qe, Fragment as L, ForEach as fe, svg as Ae, svgAttr as ge, Empty as D, emitValue as j, coalesce as Je, Ensure as Oe, OneOfType as Ke, Repeat as je, signal as Fe, input as ee, emitValueAsNullableDate as et, emitValueAsNullableDateTime as tt, emitValueAsNumber as G, emit as nt, Task as Be, Unless as st } from "@tempots/dom";
+import { Use as P, Value as u, prop as K, html as y, attr as a, on as C, WithElement as ie, OnDispose as Z, aria as N, bind as $e, computedOf as B, style as de, When as E, NotEmpty as Qe, Fragment as L, ForEach as fe, svg as Ae, svgAttr as ge, Empty as S, emitValue as j, coalesce as Je, Ensure as Pe, OneOfType as Ke, Repeat as je, signal as Fe, input as ee, emitValueAsNullableDate as et, emitValueAsNullableDateTime as tt, emitValueAsNumber as G, emit as nt, Task as Be, Unless as st } from "@tempots/dom";
 import { f as rt } from "./colors-WfmhQ5e1.js";
 import { g as lt } from "./timer-CQlK5LhW.js";
 import { ElementRect as He, AutoSelect as at } from "@tempots/ui";
-import { B as W, e as P, f as ot, C as me, I as z, g as H, h as ct, i as it, j as We, k as ye, T as ut, E as pt, P as dt, S as ne, s as ft, L as mt, l as ht, n as Ve, o as gt, a as be, p as ve, O as ae, q as Le } from "./translations-GO9sIajX.js";
+import { B as W, e as O, f as ot, C as me, I as z, g as H, h as ct, i as it, j as We, k as ye, T as ut, E as pt, P as dt, S as ce, s as ft, L as mt, l as ht, n as Ve, o as gt, a as be, p as ve, O as le, q as Le } from "./translations-GO9sIajX.js";
 class bt extends Error {
   constructor(t = "Missing implementation") {
     super(t), this.name = "MissingImplementationError";
   }
 }
-const fn = (e) => vt(e).split("_").join(" "), vt = (e) => (e = e.replace(/::/g, "/"), e = e.replace(/([A-Z]+)([A-Z][a-z])/g, "$1_$2"), e = e.replace(/([a-z\d])([A-Z])/g, "$1_$2"), e = e.replace(/-/g, "_"), e.toLowerCase()), mn = (e) => e.substring(0, 1).toUpperCase() + e.substring(1), xt = (e) => {
+const mn = (e) => vt(e).split("_").join(" "), vt = (e) => (e = e.replace(/::/g, "/"), e = e.replace(/([A-Z]+)([A-Z][a-z])/g, "$1_$2"), e = e.replace(/([a-z\d])([A-Z])/g, "$1_$2"), e = e.replace(/-/g, "_"), e.toLowerCase()), hn = (e) => e.substring(0, 1).toUpperCase() + e.substring(1), xt = (e) => {
   if (typeof Buffer < "u")
     return Buffer.from(e, "base64").toString("utf8");
   if (typeof atob < "u")
@@ -26,39 +26,39 @@ function Ee({
   disabled: o = !1,
   allowMultiple: l
 }) {
-  return O(W, (u) => {
-    const c = i.deriveProp(t ?? []), p = K(!1), m = (h) => {
-      h.preventDefault(), h.stopPropagation(), p.value = !0;
-    }, f = (h) => {
-      h.preventDefault(), h.stopPropagation(), (!h.currentTarget || !h.currentTarget.contains(h.relatedTarget)) && (p.value = !1);
-    }, x = (h) => {
-      h.preventDefault(), h.stopPropagation(), p.value = !1;
-      const v = Array.from(h.dataTransfer?.files || []);
-      v.length > 0 && (c.value = v, e(v));
-    }, d = (h) => {
-      i.get(n) && h.currentTarget.querySelector(
+  return P(W, (i) => {
+    const c = u.deriveProp(t ?? []), p = K(!1), m = (g) => {
+      g.preventDefault(), g.stopPropagation(), p.value = !0;
+    }, f = (g) => {
+      g.preventDefault(), g.stopPropagation(), (!g.currentTarget || !g.currentTarget.contains(g.relatedTarget)) && (p.value = !1);
+    }, v = (g) => {
+      g.preventDefault(), g.stopPropagation(), p.value = !1;
+      const b = Array.from(g.dataTransfer?.files || []);
+      b.length > 0 && (c.value = b, e(b));
+    }, d = (g) => {
+      u.get(n) && g.currentTarget.querySelector(
         'input[type="file"]'
       )?.click();
     };
-    let g = null;
-    const b = () => {
-      if (g == null) return;
-      const h = Array.from(g.files ?? []);
-      h.length > 0 && (c.value = h, e(h)), g.value = "";
-    }, _ = (h) => {
-      i.get(n) && (h.key === "Enter" || h.key === " ") && (h.preventDefault(), d(h));
+    let x = null;
+    const h = () => {
+      if (x == null) return;
+      const g = Array.from(x.files ?? []);
+      g.length > 0 && (c.value = g, e(g)), x.value = "";
+    }, w = (g) => {
+      u.get(n) && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), d(g));
     };
     return y.div(
       a.role("button"),
       a.tabindex(
-        i.map(n, (h) => h ? 0 : -1)
+        u.map(n, (g) => g ? 0 : -1)
       ),
       a.style("position: relative;"),
       C.dragover(m),
       C.dragleave(f),
-      C.drop(x),
+      C.drop(v),
       C.click(d),
-      C.keydown(_),
+      C.keydown(w),
       // Hidden file input
       y.input(
         a.type("file"),
@@ -68,19 +68,19 @@ function Ee({
         a.style(
           "position: absolute; left: -9999px; opacity: 0; pointer-events: none;"
         ),
-        C.change(b),
-        ie((h) => (g = h, Z(
-          c.on((v) => {
-            const T = globalThis.DataTransfer;
-            if (T != null) {
-              const I = new T();
-              v.forEach(($) => I.items.add($)), h.files = I.files;
+        C.change(h),
+        ie((g) => (x = g, Z(
+          c.on((b) => {
+            const M = globalThis.DataTransfer;
+            if (M != null) {
+              const I = new M();
+              b.forEach(($) => I.items.add($)), g.files = I.files;
             }
           })
         )))
       ),
       // Screen reader instructions
-      N.label($e(u.$.dropZoneInstructions)(n)),
+      N.label($e(i.$.dropZoneInstructions)(n)),
       // Content
       s({ files: c, clear: () => c.value = [], change: c.set })
     );
@@ -93,19 +93,19 @@ function _t(e, t) {
   const r = ["bc-segmented-control", `bc-segmented-control--size-${e}`];
   return t && r.push("bc-segmented-control--disabled"), r.join(" ");
 }
-function hn({
+function gn({
   options: e,
   value: t,
   onChange: r,
   size: n = "md",
   disabled: s = !1
 }, ...o) {
-  const l = rt(e).map(([u, c]) => ({
-    key: u,
+  const l = rt(e).map(([i, c]) => ({
+    key: i,
     label: c
   }));
   return ie(() => {
-    const u = Object.fromEntries(
+    const i = Object.fromEntries(
       l.map((p, m) => [p.key, m])
     ), c = K(
       l.map(() => ({ left: 0, width: 0 })),
@@ -129,7 +129,7 @@ function hn({
               t,
               c
             )((p, m) => {
-              const { width: f } = m[u[p] ?? 0];
+              const { width: f } = m[i[p] ?? 0];
               return `${f}px`;
             })
           ),
@@ -138,33 +138,33 @@ function hn({
               t,
               c
             )((p, m) => {
-              const { left: f } = m[u[p] ?? 0];
+              const { left: f } = m[i[p] ?? 0];
               return `${f}px`;
             })
           )
         ),
         // clickable buttons
         l.map(({ label: p, key: m }, f) => y.button(
-          C.click((x) => {
-            x.preventDefault(), i.get(s) || r?.(m);
+          C.click((v) => {
+            v.preventDefault(), u.get(s) || r?.(m);
           }),
           a.disabled(s),
           a.class("bc-segmented-control__segment"),
           a.class(
-            i.map(t, (x) => x === m ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
+            u.map(t, (v) => v === m ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
           ),
-          He((x) => {
+          He((v) => {
             function d() {
-              c.update((b) => {
-                const _ = [...b];
-                return _[f] = {
-                  width: x.value.width,
-                  left: x.value.localLeft
-                }, _;
+              c.update((h) => {
+                const w = [...h];
+                return w[f] = {
+                  width: v.value.width,
+                  left: v.value.localLeft
+                }, w;
               });
             }
-            const g = lt(d);
-            return Z(g, x.on(d));
+            const x = lt(d);
+            return Z(x, v.on(d));
           }),
           p
         ))
@@ -212,33 +212,33 @@ const kt = (e, ...t) => {
     maxFiles: s,
     maxFileSize: o,
     onChange: l,
-    onBlur: u,
+    onBlur: i,
     disabled: c,
     hasError: p,
     mode: m = "default",
     showFileList: f = !0,
-    ...x
-  } = e, d = r, g = i.map(m, (I) => I === "compact"), b = (I) => {
+    ...v
+  } = e, d = r, x = u.map(m, (I) => I === "compact"), h = (I) => {
     let $ = I;
     if (s != null) {
-      const w = i.get(s);
-      $ = $.slice(0, w);
+      const _ = u.get(s);
+      $ = $.slice(0, _);
     }
     if (o) {
-      const w = i.get(o);
-      $ = $.filter((k) => k.size <= w);
+      const _ = u.get(o);
+      $ = $.filter((k) => k.size <= _);
     }
     l?.($);
-  }, _ = (I) => {
-    const w = d.value.filter((k, M) => M !== I);
-    l?.(w);
-  }, h = () => {
+  }, w = (I) => {
+    const _ = d.value.filter((k, T) => T !== I);
+    l?.(_);
+  }, g = () => {
     l?.([]);
-  }, v = ({
+  }, b = ({
     files: I,
     clear: $,
-    change: w
-  }) => O(
+    change: _
+  }) => P(
     W,
     (k) => y.div(
       a.class("bc-file-input__drop-zone"),
@@ -257,24 +257,24 @@ const kt = (e, ...t) => {
         )
       )
     )
-  ), T = ({
+  ), M = ({
     files: I
-  }) => O(
+  }) => P(
     W,
     ($) => y.div(
       a.class("bc-file-input__compact-input"),
       E(
-        I.map((w) => w.length > 0),
+        I.map((_) => _.length > 0),
         () => y.span(
           a.class("bc-file-input__compact-value"),
           fe(
             I,
-            (w) => y.span(
+            (_) => y.span(
               a.class("bc-file-input__compact-value-item"),
-              Ue(w),
+              Ue(_),
               y.span(
                 a.class("bc-file-input__compact-value-item-name"),
-                w.$.name
+                _.$.name
               )
             )
           )
@@ -292,15 +292,15 @@ const kt = (e, ...t) => {
       )
     )
   );
-  return O(
+  return P(
     W,
-    (I) => P(
+    (I) => O(
       {
-        baseContainer: i.map(g, ($) => !$),
+        baseContainer: u.map(x, ($) => !$),
         disabled: c,
         hasError: p,
         after: E(
-          g,
+          x,
           () => E(
             d.map(({ length: $ }) => $ > 0),
             () => me(
@@ -308,25 +308,25 @@ const kt = (e, ...t) => {
                 size: "sm",
                 label: I.$.clearAllFiles,
                 disabled: c,
-                onClick: h
+                onClick: g
               },
               a.class("bc-file-input__compact-clear")
             )
           )
         ),
-        ...x,
+        ...v,
         input: E(
-          g,
+          x,
           () => y.div(
             a.class("bc-file-input bc-file-input--compact"),
             Ee({
               value: d,
               accept: n,
               enableClick: !0,
-              allowMultiple: i.map(s ?? 1 / 0, ($) => $ > 1),
+              allowMultiple: u.map(s ?? 1 / 0, ($) => $ > 1),
               disabled: c,
-              onChange: b,
-              content: T
+              onChange: h,
+              content: M
             })
           ),
           () => y.div(
@@ -335,10 +335,10 @@ const kt = (e, ...t) => {
               value: d,
               accept: n,
               enableClick: !0,
-              allowMultiple: i.map(s ?? 1 / 0, ($) => $ > 1),
+              allowMultiple: u.map(s ?? 1 / 0, ($) => $ > 1),
               disabled: c,
-              onChange: b,
-              content: v
+              onChange: h,
+              content: b
             }),
             E(
               f,
@@ -347,8 +347,8 @@ const kt = (e, ...t) => {
                 () => L(
                   y.div(
                     a.class("bc-file-input__file-list"),
-                    fe(d, ($, w) => {
-                      const k = w.index;
+                    fe(d, ($, _) => {
+                      const k = _.index;
                       return y.div(
                         a.class("bc-file-input__file-item"),
                         y.div(
@@ -368,13 +368,13 @@ const kt = (e, ...t) => {
                               $.$.size,
                               I.$.fileSizeUnits
                             )(
-                              (M, A) => ot(M, { units: A })
+                              (T, A) => ot(T, { units: A })
                             ),
                             " • ",
                             B(
                               $.$.type,
                               I.$.unknownType
-                            )((M, A) => M || A)
+                            )((T, A) => T || A)
                           )
                         ),
                         me(
@@ -382,7 +382,7 @@ const kt = (e, ...t) => {
                             size: "sm",
                             label: I.$.removeFile,
                             disabled: c,
-                            onClick: () => _(k)
+                            onClick: () => w(k)
                           },
                           a.class("bc-file-input__remove-button")
                         )
@@ -401,7 +401,7 @@ const kt = (e, ...t) => {
                         a.disabled(c),
                         I.$.clearAllFiles,
                         C.click(($) => {
-                          $.preventDefault(), $.stopPropagation(), h();
+                          $.preventDefault(), $.stopPropagation(), g();
                         })
                       )
                     )
@@ -449,25 +449,25 @@ function Tt(e) {
   for (let s = 0; s < r; s++) n[s] = t.charCodeAt(s);
   return n;
 }
-function St(e) {
+function Dt(e) {
   const {
     value: t,
     onChange: r,
     onInput: n,
     ...s
-  } = e, o = /* @__PURE__ */ new Map(), l = i.toSignal(t).map((m) => m.map((f, x) => {
-    const d = o.get(f), g = Tt(f ?? ""), b = d?.type || Mt(g), _ = d?.name ?? `file-${x}`, h = g.buffer.slice(
-      g.byteOffset,
-      g.byteOffset + g.byteLength
-    ), v = new Blob([h], { type: b });
-    return new File([v], _, { type: b });
-  })), u = (m) => (f) => {
-    m && Ct(f).then((x) => {
-      for (const [d, g] of x.entries())
-        o.set(g, { name: f[d].name, type: f[d].type });
-      m(x);
+  } = e, o = /* @__PURE__ */ new Map(), l = u.toSignal(t).map((m) => m.map((f, v) => {
+    const d = o.get(f), x = Tt(f ?? ""), h = d?.type || Mt(x), w = d?.name ?? `file-${v}`, g = x.buffer.slice(
+      x.byteOffset,
+      x.byteOffset + x.byteLength
+    ), b = new Blob([g], { type: h });
+    return new File([b], w, { type: h });
+  })), i = (m) => (f) => {
+    m && Ct(f).then((v) => {
+      for (const [d, x] of v.entries())
+        o.set(x, { name: f[d].name, type: f[d].type });
+      m(v);
     });
-  }, c = u(r), p = u(n);
+  }, c = i(r), p = i(n);
   return kt({
     ...s,
     value: l,
@@ -475,17 +475,17 @@ function St(e) {
     onInput: p
   });
 }
-function gn(e) {
+function bn(e) {
   const {
     value: t,
     onInput: r,
     onChange: n,
     ...s
   } = e;
-  return St({
+  return Dt({
     ...s,
     maxFiles: 1,
-    value: i.map(t, (o) => o == null ? [] : [o]),
+    value: u.map(t, (o) => o == null ? [] : [o]),
     onChange: (o) => {
       n?.(o[0]);
     },
@@ -504,7 +504,7 @@ function Ie(e, t, r) {
     Math.max(0, Math.min(255, t))
   )}${n(Math.max(0, Math.min(255, r)))}`;
 }
-function Dt(e) {
+function St(e) {
   if (!e) return [0, 0, 0, 1];
   const r = e.trim().match(
     /^#?([a-fA-F0-9]{3,4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/
@@ -512,8 +512,8 @@ function Dt(e) {
   if (r) {
     const f = r[1];
     if (f.length === 8) {
-      const x = parseInt(f.slice(0, 2), 16), d = parseInt(f.slice(2, 4), 16), g = parseInt(f.slice(4, 6), 16), b = parseInt(f.slice(6, 8), 16) / 255;
-      return [x, d, g, b];
+      const v = parseInt(f.slice(0, 2), 16), d = parseInt(f.slice(2, 4), 16), x = parseInt(f.slice(4, 6), 16), h = parseInt(f.slice(6, 8), 16) / 255;
+      return [v, d, x, h];
     }
     if (f.length === 6)
       return [
@@ -523,12 +523,12 @@ function Dt(e) {
         1
       ];
     if (f.length === 4) {
-      const x = parseInt(f[0] + f[0], 16), d = parseInt(f[1] + f[1], 16), g = parseInt(f[2] + f[2], 16), b = parseInt(f[3] + f[3], 16) / 255;
-      return [x, d, g, b];
+      const v = parseInt(f[0] + f[0], 16), d = parseInt(f[1] + f[1], 16), x = parseInt(f[2] + f[2], 16), h = parseInt(f[3] + f[3], 16) / 255;
+      return [v, d, x, h];
     }
     if (f.length === 3) {
-      const x = parseInt(f[0] + f[0], 16), d = parseInt(f[1] + f[1], 16), g = parseInt(f[2] + f[2], 16);
-      return [x, d, g, 1];
+      const v = parseInt(f[0] + f[0], 16), d = parseInt(f[1] + f[1], 16), x = parseInt(f[2] + f[2], 16);
+      return [v, d, x, 1];
     }
   }
   const n = e.match(
@@ -550,22 +550,22 @@ function Dt(e) {
     /^hsla?\(\s*([+-]?[\d.]+)(?:deg)?\s*[ ,]?\s*([\d.]+)%\s*[ ,]?\s*([\d.]+)%\s*(?:[/,]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (o) {
-    const f = parseFloat(o[1]), x = parseFloat(o[2]), d = parseFloat(o[3]), g = o[4] != null ? parseFloat(o[4]) : 1, [b, _, h] = Ze(f, x / 100, d / 100);
-    return [b, _, h, g];
+    const f = parseFloat(o[1]), v = parseFloat(o[2]), d = parseFloat(o[3]), x = o[4] != null ? parseFloat(o[4]) : 1, [h, w, g] = Ze(f, v / 100, d / 100);
+    return [h, w, g, x];
   }
   const l = e.match(
     /^hwb\(\s*([+-]?[\d.]+)(?:deg)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%\s*(?:[/]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (l) {
-    const f = parseFloat(l[1]), x = parseFloat(l[2]) / 100, d = parseFloat(l[3]) / 100, g = l[4] != null ? parseFloat(l[4]) : 1, [b, _, h] = Bt(f, x, d);
-    return [b, _, h, g];
+    const f = parseFloat(l[1]), v = parseFloat(l[2]) / 100, d = parseFloat(l[3]) / 100, x = l[4] != null ? parseFloat(l[4]) : 1, [h, w, g] = Bt(f, v, d);
+    return [h, w, g, x];
   }
-  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 f = u[1], x = parseFloat(u[2]), d = parseFloat(u[3]), g = u[4] != null ? parseFloat(u[4]) : 1, b = f.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(f) / 100)) : Math.max(0, Math.min(1, parseFloat(f))), [_, h, v] = Lt(b, x, d);
-    return [_, h, v, g];
+  if (i) {
+    const f = i[1], v = parseFloat(i[2]), d = parseFloat(i[3]), x = i[4] != null ? parseFloat(i[4]) : 1, h = f.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(f) / 100)) : Math.max(0, Math.min(1, parseFloat(f))), [w, g, b] = Lt(h, v, d);
+    return [w, g, b, x];
   }
   const [c, p, m] = ke(e);
   return [c, p, m, 1];
@@ -583,10 +583,10 @@ function Ft(e) {
 function Ze(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 l = 0, u = 0, c = 0;
-  return 0 <= e && e < 60 ? [l, u, c] = [n, s, 0] : 60 <= e && e < 120 ? [l, u, c] = [s, n, 0] : 120 <= e && e < 180 ? [l, u, c] = [0, n, s] : 180 <= e && e < 240 ? [l, u, c] = [0, s, n] : 240 <= e && e < 300 ? [l, u, c] = [s, 0, n] : [l, u, c] = [n, 0, s], [
+  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((u + o) * 255),
+    Math.round((i + o) * 255),
     Math.round((c + o) * 255)
   ];
 }
@@ -594,16 +594,16 @@ function Bt(e, t, r) {
   e = (e % 360 + 360) % 360;
   const n = t + r;
   n > 1 && (t /= n, r /= n);
-  const [s, o, l] = Ze(e, 1, 0.5).map((f) => f / 255), u = 1 - t - r, c = s * u + t, p = o * u + t, m = l * u + t;
+  const [s, o, l] = Ze(e, 1, 0.5).map((f) => f / 255), i = 1 - t - r, c = s * i + t, p = o * i + t, m = l * i + t;
   return [Math.round(c * 255), Math.round(p * 255), Math.round(m * 255)];
 }
 function Ce(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, l = 0;
-  const u = (n + s) / 2, c = n - s;
+  const i = (n + s) / 2, c = n - s;
   if (c !== 0) {
-    switch (l = 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;
@@ -615,11 +615,11 @@ function Ce(e, t, r) {
     }
     o *= 60;
   }
-  return [Math.round(o), Math.round(l * 100), Math.round(u * 100)];
+  return [Math.round(o), Math.round(l * 100), Math.round(i * 100)];
 }
 function Vt(e, t, r) {
-  const [n] = Ce(e, t, r), s = e / 255, o = t / 255, l = r / 255, u = Math.min(s, o, l), c = 1 - Math.max(s, o, l);
-  return [n, Math.round(u * 100), Math.round(c * 100)];
+  const [n] = Ce(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;
@@ -630,20 +630,20 @@ function we(e) {
   return Math.round(Math.max(0, Math.min(1, t)) * 255);
 }
 function Lt(e, t, r) {
-  const n = r * Math.PI / 180, s = Math.cos(n) * t, o = Math.sin(n) * t, l = e + 0.3963377774 * s + 0.2158037573 * o, u = e - 0.1055613458 * s - 0.0638541728 * o, c = e - 0.0894841775 * s - 1.291485548 * o, p = l * l * l, m = u * u * u, f = c * c * c, x = 4.0767416621 * p - 3.3077115913 * m + 0.2309699292 * f, d = -1.2684380046 * p + 2.6097574011 * m - 0.3413193965 * f, g = -0.0041960863 * p - 0.7034186147 * m + 1.707614701 * f;
-  return [we(x), we(d), we(g)];
+  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, m = i * i * i, f = c * c * c, v = 4.0767416621 * p - 3.3077115913 * m + 0.2309699292 * f, d = -1.2684380046 * p + 2.6097574011 * m - 0.3413193965 * f, x = -0.0041960863 * p - 0.7034186147 * m + 1.707614701 * f;
+  return [we(v), we(d), we(x)];
 }
 function Et(e, t, r) {
-  const n = xe(e), s = xe(t), o = xe(r), l = 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(l), m = Math.cbrt(u), f = Math.cbrt(c), x = 0.2104542553 * p + 0.793617785 * m - 0.0040720468 * f, d = 1.9779984951 * p - 2.428592205 * m + 0.4505937099 * f, g = 0.0259040371 * p + 0.7827717662 * m - 0.808675766 * f, b = Math.sqrt(d * d + g * g);
-  let _ = Math.atan2(g, d) * 180 / Math.PI;
-  return _ < 0 && (_ += 360), [x, b, _];
+  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), m = Math.cbrt(i), f = Math.cbrt(c), v = 0.2104542553 * p + 0.793617785 * m - 0.0040720468 * f, d = 1.9779984951 * p - 2.428592205 * m + 0.4505937099 * f, x = 0.0259040371 * p + 0.7827717662 * m - 0.808675766 * f, h = Math.sqrt(d * d + x * x);
+  let w = Math.atan2(x, d) * 180 / Math.PI;
+  return w < 0 && (w += 360), [v, h, w];
 }
-function oe(e, t, r, n, s, o) {
+function ae(e, t, r, n, s, o) {
   switch (s) {
     case "hex":
       if (o) {
-        const l = (c) => c.toString(16).padStart(2, "0"), u = Math.max(0, Math.min(255, Math.round(n * 255)));
-        return `#${l(e)}${l(t)}${l(r)}${l(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 Ie(e, t, r);
     case "rgb":
@@ -651,107 +651,109 @@ function oe(e, t, r, n, s, o) {
     case "rgba":
       return `rgba(${e}, ${t}, ${r}, ${Math.round(n * 100) / 100})`;
     case "hsl": {
-      const [l, u, c] = Ce(e, t, r);
-      return `hsl(${l}, ${u}%, ${c}%)`;
+      const [l, i, c] = Ce(e, t, r);
+      return `hsl(${l}, ${i}%, ${c}%)`;
     }
     case "hsla": {
-      const [l, u, c] = Ce(e, t, r);
-      return `hsla(${l}, ${u}%, ${c}%, ${Math.round(n * 100) / 100})`;
+      const [l, i, c] = Ce(e, t, r);
+      return `hsla(${l}, ${i}%, ${c}%, ${Math.round(n * 100) / 100})`;
     }
     case "hwb": {
-      const [l, u, c] = Vt(e, t, r);
-      return n < 1 ? `hwb(${l} ${u}% ${c}% / ${Math.round(n * 100) / 100})` : `hwb(${l} ${u}% ${c}%)`;
+      const [l, i, c] = Vt(e, t, r);
+      return n < 1 ? `hwb(${l} ${i}% ${c}% / ${Math.round(n * 100) / 100})` : `hwb(${l} ${i}% ${c}%)`;
     }
     case "oklch": {
-      const [l, u, c] = Et(e, t, r), p = (Math.round(l * 1e3) / 1e3).toFixed(3), m = (Math.round(u * 1e3) / 1e3).toFixed(3), f = (Math.round(c * 10) / 10).toFixed(1), x = Math.round(n * 100) / 100;
-      return o || n < 1 ? `oklch(${p} ${m} ${f} / ${x})` : `oklch(${p} ${m} ${f})`;
+      const [l, i, c] = Et(e, t, r), p = (Math.round(l * 1e3) / 1e3).toFixed(3), m = (Math.round(i * 1e3) / 1e3).toFixed(3), f = (Math.round(c * 10) / 10).toFixed(1), v = Math.round(n * 100) / 100;
+      return o || n < 1 ? `oklch(${p} ${m} ${f} / ${v})` : `oklch(${p} ${m} ${f})`;
     }
   }
 }
-function ce(e, t) {
+function oe(e, t) {
   return t ? e === "rgb" ? "rgba" : e === "hsl" ? "hsla" : e : e === "rgba" ? "rgb" : e === "hsla" ? "hsl" : e;
 }
 function Ut(e, t) {
-  const [r, n, s] = e, o = r << 16 ^ n << 8 ^ s, l = Ft(o), u = 6 + Math.floor(l() * 5), c = 0.18 + l() * 0.06, p = [];
-  for (let d = 0; d < u; d++) {
-    const g = d / u * Math.PI * 2, b = t * (1 + (l() * 2 - 1) * c), _ = Math.cos(g) * b, h = Math.sin(g) * b;
-    p.push({ x: _, y: h });
+  const [r, n, s] = e, o = r << 16 ^ n << 8 ^ s, l = Ft(o), i = 6 + Math.floor(l() * 5), c = 0.18 + l() * 0.06, p = [];
+  for (let d = 0; d < i; d++) {
+    const x = d / i * Math.PI * 2, h = t * (1 + (l() * 2 - 1) * c), w = Math.cos(x) * h, g = Math.sin(x) * h;
+    p.push({ x: w, y: g });
   }
-  const m = (p[0].x + p[u - 1].x) / 2, f = (p[0].y + p[u - 1].y) / 2;
-  let x = `M ${m.toFixed(3)} ${f.toFixed(3)}`;
-  for (let d = 0; d < u; d++) {
-    const g = p[d], b = p[(d + 1) % u], _ = (g.x + b.x) / 2, h = (g.y + b.y) / 2;
-    x += ` Q ${g.x.toFixed(3)} ${g.y.toFixed(3)} ${_.toFixed(3)} ${h.toFixed(3)}`;
+  const m = (p[0].x + p[i - 1].x) / 2, f = (p[0].y + p[i - 1].y) / 2;
+  let v = `M ${m.toFixed(3)} ${f.toFixed(3)}`;
+  for (let d = 0; d < i; d++) {
+    const x = p[d], h = p[(d + 1) % i], w = (x.x + h.x) / 2, g = (x.y + h.y) / 2;
+    v += ` Q ${x.x.toFixed(3)} ${x.y.toFixed(3)} ${w.toFixed(3)} ${g.toFixed(3)}`;
   }
-  return x += " Z", x;
+  return v += " Z", v;
 }
-const bn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, displayValue: o, size: l, withAlpha: u } = e, c = i.map(l ?? 32, (w) => w), p = i.map(t, (w) => Dt(w ?? "#000000")), m = i.map(
+const vn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, displayValue: o, size: l, withAlpha: i } = e, c = u.map(l ?? 32, (_) => _), p = u.map(t, (_) => St(_ ?? "#000000")), m = u.map(
     p,
-    ([w, k, M]) => [w, k, M]
-  ), f = i.map(p, ([, , , w]) => w), x = K(i.get(f) ?? 1), d = i.map(u ?? !1, (w) => w), g = i.map(
+    ([_, k, T]) => [_, k, T]
+  ), f = u.map(p, ([, , , _]) => _), v = K(u.get(f) ?? 1), d = u.map(i ?? !1, (_) => _), x = u.map(
     e.colorTextFormat ?? "rgb",
-    (w) => w
-  ), b = B(
+    (_) => _
+  ), h = B(
     m,
+    v,
     x,
-    g,
     d
   )(
-    ([w, k, M], A, F, S) => oe(w, k, M, A ?? 1, ce(F, S), S)
-  ), _ = i.map(
+    ([_, k, T], A, F, D) => ae(_, k, T, A ?? 1, oe(F, D), D)
+  ), w = u.map(
     e.colorTextFormat ?? "hex",
-    (w) => w
-  ), h = i.map(c, (w) => `-${w / 2} -${w / 2} ${w} ${w}`), v = B(
+    (_) => _
+  ), g = u.map(c, (_) => `0 0 ${_} ${_}`), b = B(
     m,
     c
-  )((w, k) => Ut(w, k / 2)), T = B(
+  )((_, k) => Ut(_, k / 2)), M = B(
     m,
-    x,
+    v,
     d
   )(
-    ([w, k, M], A, F) => F || A < 1 ? At(w, k, M, A) : Ie(w, k, M)
+    ([_, k, T], A, F) => F || A < 1 ? At(_, k, T, A) : Ie(_, k, T)
   ), I = y.div(
     a.class("bc-color-input__control"),
     a.class(
-      i.map(
+      u.map(
         d,
-        (w) => w ? "bc-color-input__control--alpha" : ""
+        (_) => _ ? "bc-color-input__control--alpha" : ""
       )
     ),
-    a.style(B(c)((w) => `min-width:${w}px;height:${w}px`)),
+    a.style(
+      B(c)((_) => `min-width:${_ + 2}px;height:${_ + 2}px`)
+    ),
     // The SVG blob preview
     Ae.svg(
       a.class("bc-color-input__svg"),
-      ge.viewBox(h),
-      Ae.path(ge.d(v), ge.fill(T))
+      ge.viewBox(g),
+      Ae.path(ge.d(b), ge.fill(M))
     ),
     // Invisible native input overlays the blob for picker and accessibility
     y.input(
       a.type("color"),
       H(e),
       // Native color input needs hex without alpha
-      a.value(i.map(m, ([w, k, M]) => Ie(w, k, M))),
+      a.value(u.map(m, ([_, k, T]) => Ie(_, k, T))),
       a.class("bc-input bc-color-input bc-color-input__native"),
-      r != null ? C.blur(r) : D,
-      n != null ? C.change((w) => {
-        const k = w.target.value;
+      r != null ? C.blur(r) : S,
+      n != null ? C.change((_) => {
+        const k = _.target.value;
         if (!n) return;
-        const [M, A, F] = ke(k), S = i.get(x) ?? 1, V = ce(
-          i.get(_),
-          i.get(d)
-        ), R = oe(M, A, F, S, V, i.get(d));
+        const [T, A, F] = ke(k), D = u.get(v) ?? 1, V = oe(
+          u.get(w),
+          u.get(d)
+        ), R = ae(T, A, F, D, V, u.get(d));
         n(R);
-      }) : D,
-      s != null ? C.input((w) => {
-        const k = w.target.value;
+      }) : S,
+      s != null ? C.input((_) => {
+        const k = _.target.value;
         if (!s) return;
-        const [M, A, F] = ke(k), S = i.get(x) ?? 1, V = ce(
-          i.get(_),
-          i.get(d)
-        ), R = oe(M, A, F, S, V, i.get(d));
+        const [T, A, F] = ke(k), D = u.get(v) ?? 1, V = oe(
+          u.get(w),
+          u.get(d)
+        ), R = ae(T, A, F, D, V, u.get(d));
         s(R);
-      }) : D
+      }) : S
     )
   ), $ = E(
     d,
@@ -761,29 +763,29 @@ const bn = (e) => {
       a.min(0),
       a.max(1),
       a.step(0.01),
-      a.value(i.map(x, (w) => String(w ?? 1))),
+      a.value(u.map(v, (_) => String(_ ?? 1))),
       a.disabled(e.disabled),
-      C.input((w) => {
-        const k = parseFloat(w.target.value);
-        x.set(k);
-        const [M, A, F] = i.get(m), S = ce(
-          i.get(_),
-          i.get(d)
-        ), V = oe(M, A, F, k, S, i.get(d));
+      C.input((_) => {
+        const k = parseFloat(_.target.value);
+        v.set(k);
+        const [T, A, F] = u.get(m), D = oe(
+          u.get(w),
+          u.get(d)
+        ), V = ae(T, A, F, k, D, u.get(d));
         s?.(V);
       }),
-      C.change((w) => {
-        const k = parseFloat(w.target.value);
-        x.set(k);
-        const [M, A, F] = i.get(m), S = ce(
-          i.get(_),
-          i.get(d)
-        ), V = oe(M, A, F, k, S, i.get(d));
+      C.change((_) => {
+        const k = parseFloat(_.target.value);
+        v.set(k);
+        const [T, A, F] = u.get(m), D = oe(
+          u.get(w),
+          u.get(d)
+        ), V = ae(T, A, F, k, D, u.get(d));
         n?.(V);
       })
     )
   );
-  return P({
+  return O({
     baseContainer: !0,
     ...e,
     // ensure our control does not try to grow
@@ -793,7 +795,7 @@ const bn = (e) => {
     after: L(
       E(
         o ?? !1,
-        () => y.span(a.class("bc-color-input__rgb"), b)
+        () => y.span(a.class("bc-color-input__rgb"), h)
       ),
       $,
       e.after
@@ -801,8 +803,8 @@ const bn = (e) => {
   });
 }, Te = "$$tts-exp-", Nt = (e, t) => ie((r) => {
   const n = `${Te}${e}`;
-  return Z(i.on(t, (s) => Reflect.set(r, n, s)));
-}), vn = (e, t) => {
+  return Z(u.on(t, (s) => Reflect.set(r, n, s)));
+}), xn = (e, t) => {
   const r = `${Te}${e}`;
   return (n) => {
     t(Reflect.get(n.target, r));
@@ -818,7 +820,7 @@ function Rt(e, t, r) {
   const n = ["bc-card"];
   return e !== "default" && n.push(`bc-card--${e}`), t !== "md" && n.push(`bc-card--padding-${t}`), r !== "lg" && n.push(`bc-card--rounded-${r}`), n.join(" ");
 }
-function xn({ variant: e = "default", size: t = "md", roundedness: r = "lg" } = {}, ...n) {
+function wn({ variant: e = "default", size: t = "md", roundedness: r = "lg" } = {}, ...n) {
   return y.div(
     a.class(
       B(
@@ -839,23 +841,23 @@ function xn({ variant: e = "default", size: t = "md", roundedness: r = "lg" } =
 function pe(...e) {
   return y.div(a.class("bc-group"), ...e);
 }
-const wn = ({
+const _n = ({
   startEditing: e,
   value: t,
   onChange: r,
   placeholder: n,
   disabled: s
 }) => {
-  const o = i.deriveProp(e ?? !1), l = 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 y.div(
     a.class("bc-editable-text"),
     a.class(
-      i.map(
-        u,
+      u.map(
+        i,
         (c) => c ? "bc-editable-text--disabled" : ""
       )
     ),
-    N.disabled(u),
+    N.disabled(i),
     E(
       o,
       () => y.input(
@@ -878,11 +880,11 @@ const wn = ({
       ),
       () => y.span(
         C.click(() => {
-          i.get(u) || o.set(!0);
+          u.get(i) || o.set(!0);
         }),
         a.class("bc-editable-text__display"),
         E(
-          i.map(t, (c) => c != null && c.trim() !== ""),
+          u.map(t, (c) => c != null && c.trim() !== ""),
           () => y.span(a.class("bc-editable-text__text"), t),
           () => y.span(
             a.class("bc-editable-text__placeholder"),
@@ -890,10 +892,10 @@ const wn = ({
           )
         ),
         E(
-          i.map(u, (c) => !c),
+          u.map(i, (c) => !c),
           () => y.button(
             a.class("bc-editable-text__edit-button"),
-            O(W, (c) => N.label(c.$.editLabel)),
+            P(W, (c) => N.label(c.$.editLabel)),
             C.click(() => o.set(!0)),
             z({ icon: "line-md/pencil", color: "neutral" })
           )
@@ -901,14 +903,14 @@ const wn = ({
       )
     )
   );
-}, Ye = (e, t, r) => Oe(
+}, Ye = (e, t, r) => Pe(
   e,
   (n) => Ke(n, {
     value: (s) => {
       const o = B(
         s,
         r
-      )((l, u) => t(l.value, u));
+      )((l, i) => t(l.value, i));
       return y.option(
         Z(o.dispose),
         a.selected(o),
@@ -929,7 +931,7 @@ const wn = ({
     ),
     break: () => y.hr()
   })
-), Pt = (e) => {
+), Ot = (e) => {
   const {
     value: t,
     onBlur: r,
@@ -937,10 +939,10 @@ const wn = ({
     options: s,
     unselectedLabel: o,
     equality: l = (p, m) => p === m,
-    after: u
+    after: i
   } = e;
   let c;
-  return P(
+  return O(
     {
       ...e,
       after: L(
@@ -949,20 +951,20 @@ const wn = ({
           color: "neutral",
           size: "sm"
         }),
-        u
+        i
       ),
       input: y.select(
         ie((p) => {
           c = p;
           const m = new MutationObserver((f) => {
-            const { removedNodes: x } = f[0];
-            x.length > 0 && (c.selectedIndex = 0);
+            const { removedNodes: v } = f[0];
+            v.length > 0 && (c.selectedIndex = 0);
           });
           return m.observe(p, { childList: !0 }), Z(() => m.disconnect());
         }),
         H(e),
         a.class("bc-native-select bc-input"),
-        O(
+        P(
           W,
           (p) => y.option(
             a.hidden("hidden"),
@@ -970,8 +972,8 @@ const wn = ({
           )
         ),
         fe(s, (p) => Ye(p, l, t)),
-        r != null ? C.blur(r) : D,
-        n != null ? C.change(zt("value", (p) => n(p))) : D
+        r != null ? C.blur(r) : S,
+        n != null ? C.change(zt("value", (p) => n(p))) : S
       )
     },
     C.click(() => {
@@ -979,19 +981,19 @@ const wn = ({
     })
   );
 };
-function Ot(e) {
+function Pt(e) {
   const { controller: t, onChange: r, onBlur: n, ...s } = e;
-  return Pt({
+  return Ot({
     ...s,
     value: t.value,
     onChange: it(t, r),
     onBlur: ct(t, n)
   });
 }
-function _n(e) {
+function $n(e) {
   return We({
     ...e,
-    content: Ot(e)
+    content: Pt(e)
   });
 }
 function jt(e, t, r) {
@@ -1004,15 +1006,15 @@ function jt(e, t, r) {
         const o = e.item(s.index), l = [];
         return L(
           Z(() => {
-            o.dispose(), l.forEach((u) => u());
+            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);
@@ -1028,9 +1030,9 @@ function jt(e, t, r) {
                   e.move(s.index, e.length.value - 1);
               }
             },
-            canMove: (u) => {
+            canMove: (i) => {
               const c = (() => {
-                switch (u) {
+                switch (i) {
                   case "up":
                     return Fe(s.index > 0);
                   case "down":
@@ -1039,9 +1041,9 @@ function jt(e, t, r) {
               })();
               return l.push(() => c.dispose()), c;
             },
-            cannotMove: (u) => {
+            cannotMove: (i) => {
               const c = (() => {
-                switch (u) {
+                switch (i) {
                   case "up":
                     return Fe(s.index === 0);
                   case "down":
@@ -1064,9 +1066,9 @@ const Ne = {
 }, Ht = (e) => e instanceof RegExp;
 function Xe(e, t, r) {
   if (e == null) return [];
-  const n = r ? { ...Ne, ...t } : t ?? Ne, s = (l, u) => {
-    const c = n[u];
-    c ? l.push({ type: "pattern", name: u, ...c }) : l.push({ type: "literal", char: u });
+  const n = r ? { ...Ne, ...t } : t ?? Ne, 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 l of e) s(o, l);
@@ -1075,7 +1077,7 @@ function Xe(e, t, r) {
   for (const l of e)
     if (typeof l == "string")
       if (l.length <= 1) s(o, l);
-      else for (const u of l) s(o, u);
+      else for (const i of l) s(o, i);
     else Ht(l) ? o.push({ type: "pattern", pattern: l }) : typeof l == "object" && l && o.push(l);
   return o;
 }
@@ -1101,52 +1103,52 @@ function ze(e, t, r, n, s, o) {
     previousConformed: t,
     cursor: s ?? e.length,
     completed: !1
-  }, u = n.definitions ?? {}, c = typeof r == "function" ? r(e, l) : r, p = Xe(
+  }, i = n.definitions ?? {}, c = typeof r == "function" ? r(e, l) : r, p = Xe(
     c,
-    u,
+    i,
     n.useDefaultDefinitions ?? !0
   ), m = Wt(n.allowMode, n.allow), f = /* @__PURE__ */ new Set();
-  for (const S of p) S.type === "literal" && f.add(S.char);
-  if (n.prefix) for (const S of n.prefix) f.add(S);
-  if (n.suffix) for (const S of n.suffix) f.add(S);
-  const x = Array.from(e).filter((S) => m(S) && !f.has(S));
-  if (x.length === 0) return { value: "", cursor: 0, completed: !1 };
-  const d = [], g = [];
-  let b = 0, _ = 0, h = 0, v = -1;
-  for (const S of p) {
-    if (S.type === "literal") {
-      d.push(S.char), g.push({ kind: "literal", filled: !0 });
+  for (const D of p) D.type === "literal" && f.add(D.char);
+  if (n.prefix) for (const D of n.prefix) f.add(D);
+  if (n.suffix) for (const D of n.suffix) f.add(D);
+  const v = Array.from(e).filter((D) => m(D) && !f.has(D));
+  if (v.length === 0) return { value: "", cursor: 0, completed: !1 };
+  const d = [], x = [];
+  let h = 0, w = 0, g = 0, b = -1;
+  for (const D of p) {
+    if (D.type === "literal") {
+      d.push(D.char), x.push({ kind: "literal", filled: !0 });
       continue;
     }
-    _ += S.optional ? 0 : 1;
-    const V = x[b];
+    w += D.optional ? 0 : 1;
+    const V = v[h];
     if (V == null)
       break;
-    if (S.type === "any") {
-      h++, d.push(S.transform ? S.transform(V) : V), g.push({ kind: "slot", filled: !0 }), v = g.length - 1, b++;
+    if (D.type === "any") {
+      g++, d.push(D.transform ? D.transform(V) : V), x.push({ kind: "slot", filled: !0 }), b = x.length - 1, h++;
       continue;
     }
-    if (S.type === "pattern")
-      if (S.pattern.test(V)) {
-        h++;
-        const R = S.transform ? S.transform(V) : V;
-        d.push(R), g.push({ kind: "slot", filled: !0 }), v = g.length - 1, b++;
+    if (D.type === "pattern")
+      if (D.pattern.test(V)) {
+        g++;
+        const R = D.transform ? D.transform(V) : V;
+        d.push(R), x.push({ kind: "slot", filled: !0 }), b = x.length - 1, h++;
       } else {
-        b++;
+        h++;
         continue;
       }
   }
-  const T = d.join(""), I = (n.prefix ?? "") + T + (n.suffix ?? "");
-  let w = (n.prefix ?? "").length;
-  if (v >= 0) {
-    let S = v + 1;
+  const M = d.join(""), I = (n.prefix ?? "") + M + (n.suffix ?? "");
+  let _ = (n.prefix ?? "").length;
+  if (b >= 0) {
+    let D = b + 1;
     if ((o?.policy ?? "smart") !== "sticky")
-      for (; S < g.length && g[S].kind === "literal"; ) S++;
-    w += S;
+      for (; D < x.length && x[D].kind === "literal"; ) D++;
+    _ += D;
   }
-  const k = n.completion?.mode === "min" ? (n.completion.minChars ?? 0) <= h : n.completion?.mode === "custom" ? !!n.completion.isComplete?.(I) : _ > 0 && h >= _, M = n.pipe?.(I, { ...l, completed: k });
-  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: k };
+  const k = n.completion?.mode === "min" ? (n.completion.minChars ?? 0) <= g : n.completion?.mode === "custom" ? !!n.completion.isComplete?.(I) : w > 0 && g >= w, T = n.pipe?.(I, { ...l, completed: k });
+  let A, F = _;
+  return T === !1 ? (A = t, F = t.length) : typeof T == "string" ? (A = T, F = T.length) : typeof T == "object" && T ? (A = T.value, F = T.cursor ?? T.value.length) : A = I, { value: A, cursor: F, completed: k };
 }
 function Zt(e, t) {
   const r = t?.strategy ?? "none";
@@ -1160,70 +1162,70 @@ const qe = (e) => {
     onInput: s,
     onAccept: o,
     onComplete: l,
-    mask: u,
+    mask: i,
     definitions: c,
     useDefaultDefinitions: p,
     extraLiterals: m,
     prefix: f,
-    suffix: x,
+    suffix: v,
     autofix: d,
-    pipe: g,
-    completion: b,
-    unmask: _,
-    allowMode: h,
-    allow: v,
-    placeholder: T,
+    pipe: x,
+    completion: h,
+    unmask: w,
+    allowMode: g,
+    allow: b,
+    placeholder: M,
     placeholderOptions: I
   } = e, $ = B(
     t,
-    u,
+    i,
     c,
     p,
     m,
     f,
-    x,
+    v,
     d,
-    b,
-    _,
     h,
-    T,
+    w,
+    g,
+    M,
     I
-  )((k, M, A, F, S, V, R, re, le, te, Q, ue, q) => M ? ze(k ?? "", "", M, {
+  )((k, T, A, F, D, V, R, se, re, te, Q, ue, q) => T ? ze(k ?? "", "", T, {
     definitions: A ?? {},
     useDefaultDefinitions: F ?? !0,
-    extraLiterals: S ?? [],
-    autofix: re ?? "none",
-    completion: le ?? { mode: "mask" },
-    pipe: g ?? ((U) => U),
+    extraLiterals: D ?? [],
+    autofix: se ?? "none",
+    completion: re ?? { mode: "mask" },
+    pipe: x ?? ((U) => U),
     unmask: te ?? { strategy: "none" },
     allowMode: Q ?? "all",
-    allow: v,
+    allow: b,
     prefix: V,
     suffix: R
-  }).value : k ?? ""), w = (k, M) => {
-    const A = k.value ?? "", F = i.get(t) ?? "", S = u != null ? i.get(u) : null, V = c != null ? i.get(c) : void 0, R = p != null ? i.get(p) : void 0, re = m != null ? i.get(m) : void 0, le = d != null ? i.get(d) : void 0, te = b != null ? i.get(b) : void 0, Q = _ != null ? i.get(_) : void 0, ue = h != null ? i.get(h) : void 0, q = f != null ? i.get(f) : void 0, U = x != null ? i.get(x) : void 0, {
+  }).value : k ?? ""), _ = (k, T) => {
+    const A = k.value ?? "", F = u.get(t) ?? "", D = i != null ? u.get(i) : null, V = c != null ? u.get(c) : void 0, R = p != null ? u.get(p) : void 0, se = m != null ? u.get(m) : void 0, re = d != null ? u.get(d) : void 0, te = h != null ? u.get(h) : void 0, Q = w != null ? u.get(w) : void 0, ue = g != null ? u.get(g) : void 0, q = f != null ? u.get(f) : void 0, U = v != null ? u.get(v) : void 0, {
       value: J,
       cursor: he,
-      completed: Se
-    } = S ? ze(
+      completed: De
+    } = D ? ze(
       A,
       F,
-      S,
+      D,
       {
         definitions: V ?? {},
         useDefaultDefinitions: R ?? !0,
-        extraLiterals: re ?? [],
-        autofix: le ?? "none",
+        extraLiterals: se ?? [],
+        autofix: re ?? "none",
         completion: te ?? { mode: "mask" },
-        pipe: g ?? ((Ge) => Ge),
+        pipe: x ?? ((Ge) => Ge),
         unmask: Q ?? { strategy: "none" },
         allowMode: ue ?? "all",
-        allow: v,
+        allow: b,
         prefix: q,
         suffix: U
       },
       k.selectionStart ?? A.length,
-      e.cursor ? i.get(e.cursor) : void 0
+      e.cursor ? u.get(e.cursor) : void 0
     ) : { value: A, cursor: A.length, completed: !0 };
     if (J !== A) {
       k.value = J;
@@ -1232,40 +1234,40 @@ const qe = (e) => {
       } catch {
       }
     }
-    const De = Zt(J, Q);
+    const Se = Zt(J, Q);
     o?.({
-      raw: De,
+      raw: Se,
       conformed: J,
-      completed: Se,
+      completed: De,
       cursor: he
-    }), M === "input" ? s?.(J) : (n?.(J), Se && l?.({ raw: De, conformed: J }));
+    }), T === "input" ? s?.(J) : (n?.(J), De && l?.({ raw: Se, conformed: J }));
   };
-  return P({
+  return O({
     ...e,
     input: ee.text(
       H(e),
       a.value($),
       a.class("bc-input"),
-      r != null ? C.blur(r) : D,
+      r != null ? C.blur(r) : S,
       ie(
         (k) => k instanceof HTMLInputElement ? L(
-          C.input(() => w(k, "input")),
-          C.change(() => w(k, "change")),
-          C.keydown((M) => {
-            if (M.key !== "Backspace" || !(e.cursor ? i.get(e.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
-            const F = k.selectionStart ?? 0, S = k.selectionEnd ?? F;
-            if (F !== S || F <= 0) return;
-            const V = k.value ?? "", R = u != null ? i.get(u) : null;
+          C.input(() => _(k, "input")),
+          C.change(() => _(k, "change")),
+          C.keydown((T) => {
+            if (T.key !== "Backspace" || !(e.cursor ? u.get(e.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
+            const F = k.selectionStart ?? 0, D = k.selectionEnd ?? F;
+            if (F !== D || F <= 0) return;
+            const V = k.value ?? "", R = i != null ? u.get(i) : null;
             if (!R) return;
-            const re = c != null ? i.get(c) : void 0, le = p != null ? i.get(p) : !0, te = f != null ? i.get(f) : void 0, Q = x != null ? i.get(x) : void 0, ue = Xe(
+            const se = c != null ? u.get(c) : void 0, re = p != null ? u.get(p) : !0, te = f != null ? u.get(f) : void 0, Q = v != null ? u.get(v) : void 0, ue = Xe(
               typeof R == "function" ? R(V, {
                 raw: V,
                 previousConformed: V,
                 cursor: F,
                 completed: !1
               }) : R,
-              re ?? {},
-              le ?? !0
+              se ?? {},
+              re ?? !0
             ), q = /* @__PURE__ */ new Set();
             for (const U of ue)
               U.type === "literal" && q.add(U.char);
@@ -1274,16 +1276,16 @@ const qe = (e) => {
             if (q.has(V[F - 1])) {
               let U = F - 1;
               for (; U >= 0 && q.has(V[U]); ) U--;
-              U >= 0 && (M.preventDefault(), M.stopPropagation(), k.value = V.slice(0, U) + V.slice(U + 1), w(k, "input"));
+              U >= 0 && (T.preventDefault(), T.stopPropagation(), k.value = V.slice(0, U) + V.slice(U + 1), _(k, "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,
     () => y.button(
@@ -1299,60 +1301,60 @@ function X(e, t, r) {
     )
   );
 }
-const $n = (e) => {
+const yn = (e) => {
   const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = X(t, o, n);
-  return P({
+  return O({
     ...e,
     input: ee.date(
       H(e),
       a.valueAsDate(t),
       a.class("bc-input"),
-      r != null ? C.blur(j(r)) : D,
-      n != null ? C.change(et(n)) : D
+      r != null ? C.blur(j(r)) : S,
+      n != null ? C.change(et(n)) : S
     ),
     after: s != null ? L(l, s) : l
   });
 }, Yt = (e) => {
   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")}`;
-}, yn = (e) => {
-  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = i.map(t, (c) => c != null ? Yt(c) : null), u = X(t, o, n);
-  return P({
+}, kn = (e) => {
+  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = u.map(t, (c) => c != null ? Yt(c) : null), i = X(t, o, n);
+  return O({
     ...e,
     input: ee["datetime-local"](
       H(e),
-      a.value(i.map(l, (c) => c ?? null)),
+      a.value(u.map(l, (c) => c ?? null)),
       a.class("bc-input"),
-      r != null ? C.blur(j(r)) : D,
-      n != null ? C.change(tt(n)) : D
+      r != null ? C.blur(j(r)) : S,
+      n != null ? C.change(tt(n)) : S
     ),
-    after: s != null ? L(u, s) : u
+    after: s != null ? L(i, s) : i
   });
-}, Y = (e) => typeof e == "string" && e.trim() === "" ? null : e, se = (e) => e ?? "", kn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+}, Y = (e) => typeof e == "string" && e.trim() === "" ? null : e, ne = (e) => e ?? "", In = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return ut({
-    ...u,
-    value: i.map(t, se),
+    ...i,
+    value: u.map(t, ne),
     onChange: n != null ? (p) => n(Y(p)) : void 0,
     onInput: s != null ? (p) => s(Y(p)) : void 0,
     onBlur: r,
     after: o != null ? L(c, o) : c
   });
-}, In = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+}, Cn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return pt({
-    ...u,
-    value: i.map(t, se),
+    ...i,
+    value: u.map(t, ne),
     onChange: n != null ? (p) => n(Y(p)) : void 0,
     onInput: s != null ? (p) => s(Y(p)) : void 0,
     onBlur: r,
     after: o != null ? L(c, o) : c
   });
-}, Cn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+}, Mn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return dt({
-    ...u,
-    value: i.map(t, se),
+    ...i,
+    value: u.map(t, ne),
     onChange: n != null ? (p) => n(Y(p)) : void 0,
     onInput: s != null ? (p) => s(Y(p)) : void 0,
     onBlur: r,
@@ -1360,53 +1362,53 @@ const $n = (e) => {
   });
 }, Xt = (e) => {
   const { value: t, onBlur: r, onChange: n, onInput: s, rows: o } = e;
-  return P({
+  return O({
     ...e,
     input: y.textarea(
       H(e),
       a.rows(o ?? 3),
       a.value(t),
       a.class("bc-input"),
-      r != null ? C.blur(j(r)) : D,
-      n != null ? C.change(j(n)) : D,
-      s != null ? C.input(j(s)) : D
+      r != null ? C.blur(j(r)) : S,
+      n != null ? C.change(j(n)) : S,
+      s != null ? C.input(j(s)) : S
     )
   });
-}, Mn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+}, Tn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return Xt({
-    ...u,
-    value: i.map(t, se),
+    ...i,
+    value: u.map(t, ne),
     onChange: n != null ? (p) => n(Y(p)) : void 0,
     onInput: s != null ? (p) => s(Y(p)) : void 0,
     onBlur: r,
     after: o != null ? L(c, o) : c
   });
-}, Tn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: u, after: c } = e, p = (x) => {
-    const d = n != null ? i.get(n) : void 0, g = s != null ? i.get(s) : void 0;
-    return d != null && x < d ? d : g != null && x > g ? g : x;
-  }, m = r != null ? O(W, (x) => {
+}, Dn = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i, after: c } = e, p = (v) => {
+    const d = n != null ? u.get(n) : void 0, x = s != null ? u.get(s) : void 0;
+    return d != null && v < d ? d : x != null && v > x ? x : v;
+  }, m = r != null ? P(W, (v) => {
     const d = B(
       t,
       n
-    )((h, v) => v == null ? !0 : (h ?? 0) > v), g = B(
+    )((g, b) => b == null ? !0 : (g ?? 0) > b), x = B(
       t,
       s
-    )((h, v) => v == null ? !0 : (h ?? 0) < v), b = (h) => {
-      const v = i.get(t) ?? 0, T = i.get(r), I = h?.shiftKey ? 10 : 1, $ = v - T * I, w = n != null ? i.get(n) : void 0;
-      if (w != null && $ < w)
+    )((g, b) => b == null ? !0 : (g ?? 0) < b), h = (g) => {
+      const b = u.get(t) ?? 0, M = u.get(r), I = g?.shiftKey ? 10 : 1, $ = b - M * I, _ = n != null ? u.get(n) : void 0;
+      if (_ != null && $ < _)
         return;
       const k = p($);
-      k !== v && l && l(k);
-    }, _ = (h) => {
-      const v = i.get(t) ?? 0, T = i.get(r), I = h?.shiftKey ? 10 : 1, $ = v + T * I, w = s != null ? i.get(s) : void 0;
-      if (w != null && $ > w)
+      k !== b && l && l(k);
+    }, w = (g) => {
+      const b = u.get(t) ?? 0, M = u.get(r), I = g?.shiftKey ? 10 : 1, $ = b + M * I, _ = s != null ? u.get(s) : void 0;
+      if (_ != null && $ > _)
         return;
       const k = p($);
-      k !== v && l && l(k);
+      k !== b && l && l(k);
     };
-    return ne(
+    return ce(
       a.class("bc-number-input-steppers"),
       // Increment second
       y.button(
@@ -1415,12 +1417,12 @@ const $n = (e) => {
         ),
         a.disabled(
           B(
-            g,
+            x,
             e.disabled ?? !1
-          )((h, v) => !h || v)
+          )((g, b) => !g || b)
         ),
-        C.click((h) => _(h)),
-        N.label(x.$.incrementValue),
+        C.click((g) => w(g)),
+        N.label(v.$.incrementValue),
         z({ icon: "line-md:plus", size: "xs" })
       ),
       // Decrement first (matches tests expecting first button to be decrement)
@@ -1432,46 +1434,46 @@ const $n = (e) => {
           B(
             d,
             e.disabled ?? !1
-          )((h, v) => !h || v)
+          )((g, b) => !g || b)
         ),
-        C.click((h) => b(h)),
-        N.label(x.$.decrementValue),
+        C.click((g) => h(g)),
+        N.label(v.$.decrementValue),
         z({ icon: "line-md:minus", size: "xs" })
       )
     );
   }) : null, f = c != null && m != null ? L(m, c) : c ?? m;
-  return P({
+  return O({
     ...e,
     input: ee.number(
       n != null ? L(
         a.min(n),
         Z(
-          i.on(n, (x) => {
-            x < i.get(t);
+          u.on(n, (v) => {
+            v < u.get(t);
           })
         )
-      ) : D,
+      ) : S,
       s != null ? L(
         a.max(s),
         Z(
-          i.on(s, (x) => {
-            x > i.get(t);
+          u.on(s, (v) => {
+            v > u.get(t);
           })
         )
-      ) : D,
+      ) : S,
       H(e),
       a.valueAsNumber(t),
       a.step(r),
       a.class("bc-input bc-number-input"),
-      o != null ? C.blur(j(o)) : D,
-      l != null ? C.change(G(l)) : D,
-      u != null ? C.input(G(u)) : D,
+      o != null ? C.blur(j(o)) : S,
+      l != null ? C.change(G(l)) : S,
+      i != null ? C.input(G(i)) : S,
       // Add wheel event support when step is defined
-      r != null ? C.wheel((x) => {
-        x.preventDefault();
-        const d = i.get(t) ?? 0, g = i.get(r), b = x.shiftKey ? 10 : 1, _ = x.deltaY < 0 ? g * b : -g * b, h = p(d + _);
-        h !== d && l && l(h);
-      }) : D
+      r != null ? C.wheel((v) => {
+        v.preventDefault();
+        const d = u.get(t) ?? 0, x = u.get(r), h = v.shiftKey ? 10 : 1, w = v.deltaY < 0 ? x * h : -x * h, g = p(d + w);
+        g !== d && l && l(g);
+      }) : S
     ),
     after: f
   });
@@ -1480,35 +1482,35 @@ const $n = (e) => {
   const t = Number(e);
   return Number.isNaN(t) ? null : t;
 }, Sn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: u, after: c } = e, p = (d) => {
-    const g = n != null ? i.get(n) : void 0, b = s != null ? i.get(s) : void 0;
-    return g != null && d < g ? g : b != null && d > b ? b : d;
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i, after: c } = e, p = (d) => {
+    const x = n != null ? u.get(n) : void 0, h = s != null ? u.get(s) : void 0;
+    return x != null && d < x ? x : h != null && d > h ? h : d;
   }, m = (() => {
     if (r == null) return null;
     const d = B(
       t,
       n
-    )((v, T) => {
-      const I = v ?? 0;
-      return T == null ? !0 : I > T;
-    }), g = B(
+    )((b, M) => {
+      const I = b ?? 0;
+      return M == null ? !0 : I > M;
+    }), x = B(
       t,
       s
-    )((v, T) => {
-      const I = v ?? 0;
-      return T == null ? !0 : I < T;
-    }), b = (v) => {
-      const T = i.get(t) ?? 0, I = i.get(r), $ = v?.shiftKey ? 10 : 1, w = T - I * $, k = n != null ? i.get(n) : void 0;
-      if (k != null && w < k) return;
-      const M = p(w);
-      M !== T && l && l(M);
-    }, _ = (v) => {
-      const T = i.get(t) ?? 0, I = i.get(r), $ = v?.shiftKey ? 10 : 1, w = T + I * $, k = s != null ? i.get(s) : void 0;
-      if (k != null && w > k) return;
-      const M = p(w);
-      M !== T && l && l(M);
+    )((b, M) => {
+      const I = b ?? 0;
+      return M == null ? !0 : I < M;
+    }), h = (b) => {
+      const M = u.get(t) ?? 0, I = u.get(r), $ = b?.shiftKey ? 10 : 1, _ = M - I * $, k = n != null ? u.get(n) : void 0;
+      if (k != null && _ < k) return;
+      const T = p(_);
+      T !== M && l && l(T);
+    }, w = (b) => {
+      const M = u.get(t) ?? 0, I = u.get(r), $ = b?.shiftKey ? 10 : 1, _ = M + I * $, k = s != null ? u.get(s) : void 0;
+      if (k != null && _ > k) return;
+      const T = p(_);
+      T !== M && l && l(T);
     };
-    return ((v, T) => ne(
+    return ((b, M) => ce(
       a.class("bc-number-input-steppers"),
       y.button(
         a.class(
@@ -1516,12 +1518,12 @@ const $n = (e) => {
         ),
         a.disabled(
           B(
-            g,
+            x,
             e.disabled ?? !1
           )((I, $) => !I || $)
         ),
-        C.click((I) => _(I)),
-        N.label(v),
+        C.click((I) => w(I)),
+        N.label(b),
         z({ icon: "line-md:plus", size: "xs" })
       ),
       y.button(
@@ -1534,61 +1536,61 @@ const $n = (e) => {
             e.disabled ?? !1
           )((I, $) => !I || $)
         ),
-        C.click((I) => b(I)),
-        N.label(T),
+        C.click((I) => h(I)),
+        N.label(M),
         z({ icon: "line-md:minus", size: "xs" })
       )
     ))(
       ye.incrementValue,
       ye.decrementValue
     );
-  })(), f = X(t, e.disabled, l), x = c != null && m != null ? L(m, f, c) : c != null ? L(f, c) : m != null ? L(m, f) : f;
-  return P({
+  })(), f = X(t, e.disabled, l), v = c != null && m != null ? L(m, f, c) : c != null ? L(f, c) : m != null ? L(m, f) : f;
+  return O({
     ...e,
     input: ee.number(
       // min/max attributes and reactive watchers (no forced correction)
       n != null ? L(
         a.min(n),
         Z(
-          i.on(n, (d) => {
+          u.on(n, (d) => {
           })
         )
-      ) : D,
+      ) : S,
       s != null ? L(
         a.max(s),
         Z(
-          i.on(s, (d) => {
+          u.on(s, (d) => {
           })
         )
-      ) : D,
+      ) : S,
       H(e),
       // Represent null as empty string so the field can be cleared
-      a.value(i.map(t, (d) => d == null ? "" : String(d))),
+      a.value(u.map(t, (d) => d == null ? "" : String(d))),
       a.step(r),
       a.class("bc-input bc-number-input"),
-      o != null ? C.blur(j(o)) : D,
+      o != null ? C.blur(j(o)) : S,
       l != null ? C.change(
         j((d) => {
-          const g = Re(d);
-          l(g);
+          const x = Re(d);
+          l(x);
         })
-      ) : D,
-      u != null ? C.input(
+      ) : S,
+      i != null ? C.input(
         j((d) => {
-          const g = Re(d);
-          u(g);
+          const x = Re(d);
+          i(x);
         })
-      ) : D,
+      ) : S,
       // Wheel support when step is defined
       r != null ? C.wheel((d) => {
         d.preventDefault();
-        const g = i.get(t) ?? 0, b = i.get(r), _ = d.shiftKey ? 10 : 1, h = d.deltaY < 0 ? b * _ : -b * _, v = p(g + h);
-        v !== g && l && l(v);
-      }) : D
+        const x = u.get(t) ?? 0, h = u.get(r), w = d.shiftKey ? 10 : 1, g = d.deltaY < 0 ? h * w : -h * w, b = p(x + g);
+        b !== x && l && l(b);
+      }) : S
     ),
-    after: x
+    after: v
   });
-}, Dn = ({
+}, An = ({
   value: e,
   onChange: t,
   offLabel: r,
@@ -1596,29 +1598,29 @@ const $n = (e) => {
   label: s,
   disabled: o = !1,
   size: l = "md",
-  id: u,
+  id: i,
   color: c = "primary"
 }) => {
-  const p = u ?? ft("switch"), m = `${p}-label`;
-  function f(b, _) {
-    const h = [
+  const p = i ?? ft("switch"), m = `${p}-label`;
+  function f(h, w) {
+    const g = [
       "bc-switch",
-      `bc-switch--size-${_}`,
-      `bc-switch--${_}`
+      `bc-switch--size-${w}`,
+      `bc-switch--${w}`
     ];
-    return b && h.push("bc-switch--disabled"), h.join(" ");
+    return h && g.push("bc-switch--disabled"), g.join(" ");
   }
-  function x(b) {
-    const _ = b ?? "primary", h = /* @__PURE__ */ new Map(), v = Ve(_, "solid", "light"), T = Ve(_, "solid", "dark");
-    return h.set("--switch-track-on-bg", v.backgroundColor), h.set("--switch-track-on-label", v.textColor), h.set("--switch-track-on-bg-dark", T.backgroundColor), h.set("--switch-track-on-label-dark", T.textColor), h.set(
+  function v(h) {
+    const w = h ?? "primary", g = /* @__PURE__ */ new Map(), b = Ve(w, "solid", "light"), M = Ve(w, "solid", "dark");
+    return g.set("--switch-track-on-bg", b.backgroundColor), g.set("--switch-track-on-label", b.textColor), g.set("--switch-track-on-bg-dark", M.backgroundColor), g.set("--switch-track-on-label-dark", M.textColor), g.set(
       "--switch-track-on-border-dark",
-      gt(_, "dark")
-    ), Array.from(h.entries()).map(([I, $]) => `${I}: ${$}`).join("; ");
+      gt(w, "dark")
+    ), Array.from(g.entries()).map(([I, $]) => `${I}: ${$}`).join("; ");
   }
   const d = () => {
-    i.get(o) || t(!i.get(e));
-  }, g = (b) => {
-    i.get(o) || (b.key === " " || b.key === "Enter") && (b.preventDefault(), d());
+    u.get(o) || t(!u.get(e));
+  }, x = (h) => {
+    u.get(o) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), d());
   };
   return y.div(
     a.class(
@@ -1626,24 +1628,24 @@ const $n = (e) => {
         o ?? !1,
         l
       )(
-        (b, _) => f(b ?? !1, _ ?? "md")
+        (h, w) => f(h ?? !1, w ?? "md")
       )
     ),
     a.style(
       B(c)(
-        (b) => x(b)
+        (h) => v(h)
       )
     ),
     a.id(p),
     a.role("switch"),
     a.tabindex(
-      i.map(o, (b) => b ? -1 : 0)
+      u.map(o, (h) => h ? -1 : 0)
     ),
     N.checked(e),
     N.disabled(o),
     N.labelledby(s != null ? m : void 0),
     C.click(d),
-    C.keydown(g),
+    C.keydown(x),
     s != null ? mt(
       a.id(m),
       a.class(
@@ -1654,18 +1656,18 @@ const $n = (e) => {
     y.div(
       a.class("bc-switch__track"),
       a.class(
-        i.map(
+        u.map(
           e,
-          (b) => b ? "bc-switch__track--on" : "bc-switch__track--off"
+          (h) => h ? "bc-switch__track--on" : "bc-switch__track--off"
         )
       ),
       r != null ? y.div(
         N.hidden(!0),
         a.class("bc-switch__track-label bc-switch__track-label--off"),
         a.class(
-          i.map(
+          u.map(
             e,
-            (b) => b ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
+            (h) => h ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
           )
         ),
         r
@@ -1673,33 +1675,33 @@ const $n = (e) => {
       n != null ? y.div(
         a.class("bc-switch__track-label bc-switch__track-label--on"),
         a.class(
-          i.map(
+          u.map(
             e,
-            (b) => b ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
+            (h) => h ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
           )
         ),
         n
       ) : null,
       He(
-        (b) => O(
+        (h) => P(
           ht,
-          ({ direction: _ }) => y.div(
+          ({ direction: w }) => y.div(
             a.class("bc-switch__thumb"),
             a.class(
-              i.map(
+              u.map(
                 e,
-                (h) => h ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
+                (g) => g ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
               )
             ),
             de.transform(
               B(
                 e,
-                b,
+                h,
                 l,
-                _
-              )((h, { width: v }, T, I) => {
+                w
+              )((g, { width: b }, M, I) => {
                 const $ = (() => {
-                  switch (T) {
+                  switch (M) {
                     case "xs":
                       return 5;
                     case "sm":
@@ -1711,8 +1713,8 @@ const $n = (e) => {
                     case "xl":
                       return 8;
                   }
-                })(), w = I === "rtl" ? `calc((var(--spacing-base) * ${$}) - ${v}px)` : `calc(${v}px - (var(--spacing-base) * ${$}))`;
-                return h ? `translateX(${w})` : "translateX(0)";
+                })(), _ = I === "rtl" ? `calc((var(--spacing-base) * ${$}) - ${b}px)` : `calc(${b}px - (var(--spacing-base) * ${$}))`;
+                return g ? `translateX(${_})` : "translateX(0)";
               })
             )
           )
@@ -1769,11 +1771,11 @@ const $n = (e) => {
     // Sensible default placeholder; can be overridden via options.placeholder
     placeholder: e.placeholder ?? "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
   });
-}, An = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+}, Fn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return qt({
-    ...u,
-    value: i.map(t, se),
+    ...i,
+    value: u.map(t, ne),
     onChange: n != null ? (p) => n(Y(p)) : void 0,
     onInput: s != null ? (p) => s(Y(p)) : void 0,
     onBlur: r,
@@ -1787,70 +1789,70 @@ const $n = (e) => {
     max: s = 5,
     fullColor: o = "yellow",
     emptyColor: l = "neutral",
-    fullIcon: u = Gt,
+    fullIcon: i = Gt,
     emptyIcon: c = Qt,
     size: p = "md",
     onBlur: m,
     rounding: f = 1
-  } = e, x = () => {
-    const v = i.get(f);
-    return v > 0 ? v : 1;
-  }, d = (v) => Math.min(Math.max(v, 0), i.get(s)), g = (v, T) => {
-    if (i.get(n ?? !1)) return;
-    const $ = v.currentTarget.getBoundingClientRect(), w = (v.clientX - $.left) / $.width, k = T - 1 + w, M = x(), A = Math.ceil(k / M) * M, F = d(A);
+  } = e, v = () => {
+    const b = u.get(f);
+    return b > 0 ? b : 1;
+  }, d = (b) => Math.min(Math.max(b, 0), u.get(s)), x = (b, M) => {
+    if (u.get(n ?? !1)) return;
+    const $ = b.currentTarget.getBoundingClientRect(), _ = (b.clientX - $.left) / $.width, k = M - 1 + _, T = v(), A = Math.ceil(k / T) * T, F = d(A);
     r?.(F);
-  }, b = (v) => {
-    if (i.get(n ?? !1)) return;
-    const T = x(), I = i.get(t) ?? 0;
+  }, h = (b) => {
+    if (u.get(n ?? !1)) return;
+    const M = v(), I = u.get(t) ?? 0;
     let $;
-    switch (v.key) {
+    switch (b.key) {
       case "ArrowRight":
       case "ArrowUp":
-        $ = d(I + T);
+        $ = d(I + M);
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        $ = d(I - T);
+        $ = d(I - M);
         break;
       case "Home":
         $ = 0;
         break;
       case "End":
-        $ = i.get(s);
+        $ = u.get(s);
         break;
       default:
         return;
     }
-    v.preventDefault(), r?.($);
-  }, _ = i.map(p, (v) => `bc-icon--${v}`), h = ({ index: v, counter: T }) => y.span(
+    b.preventDefault(), r?.($);
+  }, w = u.map(p, (b) => `bc-icon--${b}`), g = ({ index: b, counter: M }) => y.span(
     a.class("bc-rating-input__icon-container"),
-    a.class(_),
+    a.class(w),
     z(
       { icon: c, size: p, color: l, tone: "soft" },
       a.class("bc-rating-input__icon-empty")
     ),
     y.span(
       a.class("bc-rating-input__icon-clipper"),
-      a.class(_),
+      a.class(w),
       de.width(
-        i.map(t, (I) => {
+        u.map(t, (I) => {
           const $ = Math.floor(I);
-          return $ > v ? "100%" : $ < v ? "0%" : `${(I - v) * 100}%`;
+          return $ > b ? "100%" : $ < b ? "0%" : `${(I - b) * 100}%`;
         })
       ),
       z(
-        { icon: u, size: p, color: o, tone: "soft" },
+        { icon: i, size: p, color: o, tone: "soft" },
         a.class("bc-rating-input__icon-full")
       )
     ),
     C.click(
-      nt((I) => g(I, T), {
+      nt((I) => x(I, M), {
         preventDefault: !0,
         stopPropagation: !0
       })
     )
   );
-  return P({
+  return O({
     baseContainer: !0,
     growInput: !1,
     focusableSelector: '[role="slider"]',
@@ -1861,40 +1863,40 @@ const $n = (e) => {
       a.class("bc-rating-input"),
       // ARIA slider semantics
       a.role("slider"),
-      a.tabindex(i.map(n ?? !1, (v) => v ? -1 : 0)),
+      a.tabindex(u.map(n ?? !1, (b) => b ? -1 : 0)),
       N.disabled(n ?? !1),
       N.valuemin(0),
-      N.valuemax(i.map(s, (v) => v ?? 0)),
-      N.valuenow(i.map(t, (v) => v ?? 0)),
+      N.valuemax(u.map(s, (b) => b ?? 0)),
+      N.valuenow(u.map(t, (b) => b ?? 0)),
       N.valuetext(
         B(
           t,
           s
-        )((v, T) => {
-          const I = v ?? 0, $ = T ?? 0;
+        )((b, M) => {
+          const I = b ?? 0, $ = M ?? 0;
           return `${String(I)} / ${String($)}`;
         })
       ),
       // Keyboard & focus handlers
-      C.keydown(b),
+      C.keydown(h),
       m != null ? C.blur(m) : null,
-      je(s, h)
+      je(s, g)
     )
   });
-}, Fn = (e) => {
-  const { value: t, onChange: r, onBlur: n, after: s, disabled: o, ...l } = e, u = X(t, o, r);
+}, Bn = (e) => {
+  const { value: t, onChange: r, onBlur: n, after: s, disabled: o, ...l } = e, i = X(t, o, r);
   return Jt({
     ...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
   });
-}, Bn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: u } = e;
-  return P({
+}, Vn = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i } = e;
+  return O({
     ...e,
     // Make sure clicks anywhere focus the range input
     focusableSelector: 'input[type="range"]',
@@ -1907,20 +1909,20 @@ const $n = (e) => {
       // Using value as number to keep it in sync
       a.valueAsNumber(t),
       a.class("bc-input bc-slider-input"),
-      o != null ? C.blur(G(o)) : D,
-      l != null ? C.change(G(l)) : D,
-      u != null ? C.input(G(u)) : D
+      o != null ? C.blur(G(o)) : S,
+      l != null ? C.change(G(l)) : S,
+      i != null ? C.input(G(i)) : S
     )
   });
-}, Vn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: u } = e, c = i.map(t, (m) => {
+}, Ln = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i } = e, c = u.map(t, (m) => {
     if (m != null) return m;
-    const f = n != null ? i.get(n) : void 0;
+    const f = n != null ? u.get(n) : void 0;
     return typeof f == "number" ? f : 0;
   }), p = X(t, e.disabled, (m) => {
     l?.(m);
   });
-  return P(
+  return O(
     {
       ...e,
       focusableSelector: 'input[type="range"]',
@@ -1933,17 +1935,17 @@ const $n = (e) => {
         a.step(r),
         a.valueAsNumber(c),
         a.class("bc-input bc-slider-input"),
-        o != null ? C.blur(G(o)) : D,
+        o != null ? C.blur(G(o)) : S,
         l != null ? C.change(
           G((m) => {
             l(m);
           })
-        ) : D,
-        u != null ? C.input(
+        ) : S,
+        i != null ? C.input(
           G((m) => {
-            u(m);
+            i(m);
           })
-        ) : D
+        ) : S
       )
     },
     // Ensure container grows input naturally
@@ -1986,99 +1988,101 @@ function nn(e) {
     }
   };
 }
-const Pe = (e, t) => {
+const Oe = (e, t) => {
   if (e == null) return null;
   try {
     return e.Duration.from(t);
   } catch {
     return null;
   }
-}, Ln = (e) => {
+}, En = (e) => {
   const { value: t, onChange: r, after: n, disabled: s, onBlur: o } = e, l = () => {
     const p = X(t, s, r);
     return n != null ? L(p, n) : p;
-  }, u = e.placeholder != null ? D : a.placeholder("P0DT0H0M0S");
+  }, i = e.placeholder != null ? S : a.placeholder("P0DT0H0M0S");
   return Kt(
     (p) => qe({
       ...e,
-      value: i.map(t, (m) => m?.toString() ?? ""),
+      value: u.map(t, (m) => m?.toString() ?? ""),
       onChange: r ? (m) => r(m === "" ? null : p.Duration.from(m)) : void 0,
       onInput: void 0,
       ...nn(p.Duration.from),
       placeholder: "P0DT0H0M0S",
       after: l()
     }),
-    { pending: () => P({
+    { pending: () => O({
       ...e,
       input: ee.text(
         H(e),
-        a.value(i.map(t, (p) => p?.toString() ?? "")),
+        a.value(u.map(t, (p) => p?.toString() ?? "")),
         a.class("bc-input"),
-        u,
-        o != null ? C.blur(() => o()) : D,
+        i,
+        o != null ? C.blur(() => o()) : S,
         r != null ? C.change((p) => {
           const f = p.currentTarget?.value ?? "";
           if (f === "") {
             r(null);
             return;
           }
-          const x = globalThis.Temporal, d = Pe(x, f);
+          const v = globalThis.Temporal, d = Oe(v, f);
           if (d != null) {
             r(d);
             return;
           }
-          Me().then((g) => {
-            const b = Pe(g, f);
-            b != null && r(b);
+          Me().then((x) => {
+            const h = Oe(x, f);
+            h != null && r(h);
           }).catch(() => {
           });
-        }) : D
+        }) : S
       ),
       after: l()
     }) }
   );
 }, sn = (e) => {
   const { value: t, onBlur: r, onChange: n, onInput: s } = e;
-  return P({
+  return O({
     ...e,
     input: ee.url(
       H(e),
       a.value(t),
       a.class("bc-input"),
-      r != null ? C.blur(j(r)) : D,
-      n != null ? C.change(j(n)) : D,
-      s != null ? C.input(j(s)) : D
+      r != null ? C.blur(j(r)) : S,
+      n != null ? C.change(j(n)) : S,
+      s != null ? C.input(j(s)) : S
     )
   });
-}, En = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+}, Un = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = X(t, l, n);
   return sn({
-    ...u,
-    value: i.map(t, se),
+    ...i,
+    value: u.map(t, ne),
     onChange: n != null ? (p) => n(Y(p)) : void 0,
     onInput: s != null ? (p) => s(Y(p)) : void 0,
     onBlur: r,
     after: o != null ? L(c, o) : c
   });
-}, Un = (e, ...t) => {
+}, rn = (e) => {
   const {
+    controller: t,
     element: r,
     separator: n,
     showMove: s = !0,
     showRemove: o = !0,
     showAdd: l = !0,
-    createItem: u,
+    createItem: i,
     addLabel: c,
     controlsLayout: p = "aside",
-    ...m
-  } = e, f = i.toSignal(p).map((g) => g === "aside"), x = (g) => {
-    const b = E(
+    removeDisabled: m,
+    addDisabled: f
+  } = e, v = u.toSignal(p).map((h) => h === "aside"), d = (h) => {
+    const w = E(
       s ?? !1,
       () => y.div(
         a.class("bc-group--align-center"),
         a.class(
-          f.map(
-            (h) => h ? "bc-group--direction-column bc-group--gap-1" : "bc-group--direction-row bc-group--gap-1"
+          v.map(
+            (b) => b ? "bc-group--direction-column bc-group--gap-1" : "bc-group--direction-row bc-group--gap-1"
           )
         ),
         be(
@@ -2086,15 +2090,15 @@ const Pe = (e, t) => {
             size: "xs",
             roundedness: "full",
             variant: "text",
-            onClick: () => g.move("up"),
-            disabled: g.cannotMove("up")
+            onClick: () => h.move("up"),
+            disabled: h.cannotMove("up")
           },
-          O(
+          P(
             W,
-            (h) => z({
+            (b) => z({
               size: "xs",
               icon: "line-md:arrow-up",
-              title: h.$.incrementValue
+              title: b.$.incrementValue
             })
           )
         ),
@@ -2103,63 +2107,63 @@ const Pe = (e, t) => {
             size: "xs",
             roundedness: "full",
             variant: "text",
-            onClick: () => g.move("down"),
-            disabled: g.cannotMove("down")
+            onClick: () => h.move("down"),
+            disabled: h.cannotMove("down")
           },
-          O(
+          P(
             W,
-            (h) => z({
+            (b) => z({
               size: "xs",
               icon: "line-md:arrow-down",
-              title: h.$.decrementValue
+              title: b.$.decrementValue
             })
           )
         )
       )
-    ), _ = E(
+    ), g = E(
       o,
-      () => O(
+      () => P(
         W,
-        (h) => me({
+        (b) => me({
           size: "xs",
           // Use a lowercase label to satisfy tests that query with [aria-label*="remove"]
-          label: i.map(h.$.removeItem, (v) => v.toLowerCase()),
+          label: u.map(b.$.removeItem, (M) => M.toLowerCase()),
           color: "danger",
-          disabled: e.removeDisabled,
-          onClick: g.remove
+          disabled: m,
+          onClick: h.remove
         })
       )
     );
-    return (h) => E(
-      f,
+    return (b) => E(
+      v,
       () => pe(
         a.class("bc-group--gap-1 bc-group--align-center"),
-        ne(a.class("bc-stack--grow"), h),
-        ne(
+        ce(a.class("bc-stack--grow"), b),
+        ce(
           a.class("bc-stack--align-center"),
           E(
-            e.controller.value.map((v) => v.length > 1),
-            () => b
+            t.value.map((M) => M.length > 1),
+            () => w
           ),
-          _
+          g
         )
       ),
-      () => ne(
+      () => ce(
         a.class("bc-stack--gap-2"),
-        h,
+        b,
         pe(
           a.class("bc-group--gap-2 bc-group--justify-between"),
           E(
-            e.controller.value.map((v) => v.length > 1),
-            () => b,
+            t.value.map((M) => M.length > 1),
+            () => w,
             () => y.div()
           ),
-          _
+          g
         )
       )
     );
-  }, d = E(
-    B(l, u)((g, b) => g && b != null),
+  }, x = E(
+    B(l, i)((h, w) => h && w != null),
     () => pe(
       a.class(
         "bc-group--gap-2 bc-group--align-center bc-group--justify-center"
@@ -2168,80 +2172,109 @@ const Pe = (e, t) => {
         {
           size: "sm",
           variant: "filled",
-          onClick: () => m.controller.push(u()),
+          onClick: () => t.push(i()),
           disabled: B(
-            m.controller.disabled,
-            e.addDisabled ?? !1
-          )((g, b) => g || b)
+            t.disabled,
+            f ?? !1
+          )(
+            (h, w) => h || w
+          )
         },
-        O(
+        P(
           W,
-          (g) => pe(
+          (h) => pe(
             a.class("bc-group--gap-2"),
             z({ icon: "line-md:plus" }),
-            c ?? g.$.addLabel
+            c ?? h.$.addLabel
           )
         )
       )
     )
   );
+  return L(
+    jt(
+      t,
+      (h) => d(h)(r(h)),
+      n
+    ),
+    x
+  );
+}, Nn = (e, ...t) => {
+  const {
+    controller: r,
+    element: n,
+    separator: s,
+    showMove: o,
+    showRemove: l,
+    showAdd: i,
+    createItem: c,
+    addLabel: p,
+    controlsLayout: m,
+    removeDisabled: f,
+    addDisabled: v,
+    ...d
+  } = e;
   return We(
     {
-      ...m,
-      content: ne(
-        a.class("bc-stack--gap-2"),
-        jt(
-          m.controller,
-          (g) => x(g)(r(g)),
-          n
-        ),
-        d
-      )
+      ...d,
+      content: rn({
+        controller: r,
+        element: n,
+        separator: s,
+        showMove: o,
+        showRemove: l,
+        showAdd: i,
+        createItem: c,
+        addLabel: p,
+        controlsLayout: m,
+        removeDisabled: f,
+        addDisabled: v
+      })
     },
     ...t
   );
 };
-class Nn extends ve {
+class zn extends ve {
   branches;
   activeBranch;
   #t;
   #e = /* @__PURE__ */ new Map();
-  constructor(t, r, n, s, o, l, u = ae) {
-    super(t, r, n, s, o, u), this.branches = l;
+  constructor(t, r, n, s, o, l, i = le) {
+    super(t, r, n, s, o, i), this.branches = l;
     const c = (m) => {
       for (const f of l)
         if (f.detect(m))
           return f.key;
       return l[0]?.key ?? "unknown";
     };
-    this.activeBranch = n.map(c, ae);
+    this.activeBranch = n.map(c, le);
     const p = (m) => {
       if (this.#e.has(m))
         return this.#e.get(m);
       const f = l.find((d) => d.key === m);
       if (!f)
         throw new Error(`Unknown branch: ${m}`);
-      const x = new ve(
+      const v = new ve(
         [...t, m],
         (d) => {
           this.change(d);
         },
         n.map(
           (d) => f.detect(d) ? d : f.defaultValue(),
-          u
+          i
         ),
         s.map(Le([m])),
         {
           disabled: this.disabled,
           validationMode: this.parent.validationMode
         },
-        u
+        i
       );
-      return this.#e.set(m, x), x;
+      return this.#e.set(m, v), v;
     };
     this.#t = this.activeBranch.map(
       (m) => p(m),
-      ae
+      le
     ), this.onDispose(() => {
       for (const m of this.#e.values())
         m.dispose();
@@ -2252,7 +2285,7 @@ class Nn 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
@@ -2270,14 +2303,14 @@ class Nn extends ve {
       },
       this.value.map(
         (s) => r.detect(s) ? s : r.defaultValue(),
-        ae
+        le
       ),
       this.status.map(Le([t])),
       {
         disabled: this.disabled,
         validationMode: this.parent.validationMode
       },
-      ae
+      le
     );
     return this.#e.set(t, n), n;
   }
@@ -2288,7 +2321,7 @@ class Nn extends ve {
     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) {
@@ -2307,17 +2340,17 @@ class Nn 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);
   }
 }
-function zn(e) {
+function Rn(e) {
   return e.transform(
     (t) => t ?? null,
     (t) => t ?? void 0
   );
 }
-function Rn(e) {
+function On(e) {
   return e.transform(
     (t) => t ?? "",
     (t) => t === "" ? void 0 : t
@@ -2329,7 +2362,7 @@ function Pn(e) {
     (t) => t ?? null
   );
 }
-function rn(e) {
+function ln(e) {
   switch (e) {
     case "success":
       return "material-symbols:check-circle-outline";
@@ -2342,7 +2375,7 @@ function rn(e) {
       return "material-symbols:info-outline";
   }
 }
-function ln(e) {
+function an(e) {
   switch (e) {
     case "success":
       return "success";
@@ -2355,7 +2388,7 @@ function ln(e) {
       return "info";
   }
 }
-function an(e, t, r, n) {
+function on(e, t, r, n) {
   const s = [
     "bc-notice",
     `bc-notice--${e}`,
@@ -2363,7 +2396,7 @@ function an(e, t, r, n) {
   ];
   return r && s.push("bc-notice--dismissible"), n && n.length > 0 && s.push(n), s.join(" ");
 }
-function On({
+function jn({
   variant: e = "info",
   tone: t = "subtle",
   role: r,
@@ -2371,53 +2404,53 @@ function On({
   icon: s,
   closable: o = !1,
   onDismiss: l,
-  class: u
+  class: i
 }, ...c) {
-  const p = i.map(
+  const p = u.map(
     o,
-    (b) => !!b || l != null
-  ), m = i.map(e, (b) => b ?? "info"), f = i.map(t, (b) => b ?? "subtle"), x = B(
+    (h) => !!h || l != null
+  ), m = u.map(e, (h) => h ?? "info"), f = u.map(t, (h) => h ?? "subtle"), v = B(
     r,
     m
   )(
-    (b, _) => b ?? (_ === "danger" ? "alert" : "status")
-  ), d = K(!0), g = O(
+    (h, w) => h ?? (w === "danger" ? "alert" : "status")
+  ), d = K(!0), x = P(
     W,
-    (b) => y.div(
+    (h) => y.div(
       a.class(
         B(
           m,
           f,
           p,
-          u
-        )((_, h, v, T) => an(_, h, v, T))
+          i
+        )((w, g, b, M) => on(w, g, b, M))
       ),
       // Accessibility role mapping (always defined)
-      a.role(i.map(x, (_) => _)),
+      a.role(u.map(v, (w) => w)),
       st(
-        i.map(s, (_) => _ === !1),
+        u.map(s, (w) => w === !1),
         () => y.div(
           a.class("bc-notice__icon"),
           z({
             icon: B(
               s,
               m
-            )((_, h) => _ === void 0 ? rn(h) : String(_)),
+            )((w, g) => w === void 0 ? ln(g) : String(w)),
             size: "md",
-            color: i.map(m, ln)
+            color: u.map(m, an)
           })
         )
       ),
       y.div(
         a.class("bc-notice__body"),
-        Oe(n, (_) => y.div(a.class("bc-notice__title"), _)),
+        Pe(n, (w) => y.div(a.class("bc-notice__title"), w)),
         y.div(a.class("bc-notice__content"), ...c)
       ),
       E(
         p,
         () => me({
           size: "xs",
-          label: b.$.closeModal,
+          label: h.$.closeModal,
           onClick: () => {
             d.set(!1), l?.();
           }
@@ -2425,58 +2458,59 @@ function On({
       )
     )
   );
-  return E(d, () => g);
+  return E(d, () => x);
 }
 export {
   Bn as A,
-  gn as B,
-  bn as C,
+  rn as B,
+  vn as C,
   Vn as D,
   Nt as E,
   kt as F,
   pe as G,
   Ln as H,
-  sn as I,
-  En as J,
-  xn as K,
-  Un as L,
+  En as I,
+  sn as J,
+  Un as K,
+  Nn as L,
   qe as M,
-  Pt as N,
-  vn as O,
-  zt as P,
-  On as Q,
+  Ot as N,
+  wn as O,
+  xn as P,
+  zt as Q,
   Jt as R,
-  hn as S,
+  gn as S,
   Xt as T,
   Ee as U,
-  Me as V,
+  jn as V,
   Kt as W,
-  fn as X,
-  mn as _,
+  Me as X,
+  mn as Y,
+  hn as _,
   X as a,
-  Nn as b,
-  Rn as c,
+  zn as b,
+  On as c,
   nn as d,
   Y as e,
   Pn as f,
-  It as g,
-  St as h,
-  wn as i,
-  jt as j,
-  Ot as k,
-  _n as l,
+  bn as g,
+  It as h,
+  Dt as i,
+  _n as j,
+  jt as k,
+  Pt as l,
   $n as m,
-  se as n,
+  ne as n,
   yn as o,
-  In as p,
+  kn as p,
   Cn as q,
   Mn as r,
-  kn as s,
-  zn as t,
-  Tn as u,
-  Sn as v,
-  Dn as w,
-  qt as x,
-  An as y,
+  Tn as s,
+  Rn as t,
+  In as u,
+  Dn as v,
+  Sn as w,
+  An as x,
+  qt as y,
   Fn as z
 };