@tempots/beatui 0.28.0 → 0.30.0

package/dist/{utils-BPYkWAVv.js → utils-D1op9R8_.js}

@@ -1,25 +1,25 @@
-import { Use as H, Value as u, prop as te, html as I, attr as a, on as C, WithElement as ie, OnDispose as W, aria as N, bind as _e, computedOf as V, style as de, When as E, NotEmpty as Ge, Fragment as L, ForEach as fe, svg as Ae, svgAttr as he, Empty as T, emitValue as P, coalesce as Qe, Ensure as Je, OneOfType as Ke, Repeat as Pe, signal as Fe, input as K, emitValueAsNullableDate as et, emitValueAsNullableDateTime as tt, emitValueAsNumber as G, emit as nt, Task as Be } from "@tempots/dom";
-import { f as st } from "./colors-WfmhQ5e1.js";
-import { g as rt } from "./timer-CQlK5LhW.js";
-import { ElementRect as je, AutoSelect as lt } from "@tempots/ui";
-import { B as X, e as O, f as at, C as $e, I as z, g as j, h as ot, i as ct, j as He, k as ke, T as it, E as ut, P as pt, S as ce, s as dt, L as ft, l as mt, n as Le, o as ht, a as ge, p as be, O as le, q as Ve } from "./notice-DKO4C8y2.js";
-class gt extends Error {
-  constructor(t = "Missing implementation") {
-    super(t), this.name = "MissingImplementationError";
+import { Use as H, Value as u, prop as et, html as I, attr as a, on as C, WithElement as it, OnDispose as W, aria as N, bind as _t, computedOf as V, style as dt, When as E, NotEmpty as Gt, Fragment as L, ForEach as ft, svg as At, svgAttr as ht, Empty as T, emitValue as P, coalesce as Qt, Ensure as Jt, OneOfType as Kt, Repeat as Pt, signal as Ft, input as K, emitValueAsNullableDate as te, emitValueAsNullableDateTime as ee, emitValueAsNumber as G, emit as ne, Task as Bt } from "@tempots/dom";
+import { f as se } from "./colors-WfmhQ5e1.js";
+import { g as re } from "./timer-CQlK5LhW.js";
+import { ElementRect as jt, AutoSelect as le } from "@tempots/ui";
+import { B as X, e as O, f as ae, C as yt, I as z, g as j, h as oe, i as ce, j as Ht, k as $t, T as ie, E as ue, P as pe, S as ct, s as de, L as fe, l as me, n as Lt, o as he, a as gt, p as bt, O as lt, q as Vt } from "./notice-DVEacWKt.js";
+class ge extends Error {
+  constructor(e = "Missing implementation") {
+    super(e), this.name = "MissingImplementationError";
   }
 }
-const un = (e) => bt(e).split("_").join(" "), bt = (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()), pn = (e) => e.substring(0, 1).toUpperCase() + e.substring(1), vt = (e) => {
+const un = (t) => be(t).split("_").join(" "), be = (t) => (t = t.replace(/::/g, "/"), t = t.replace(/([A-Z]+)([A-Z][a-z])/g, "$1_$2"), t = t.replace(/([a-z\d])([A-Z])/g, "$1_$2"), t = t.replace(/-/g, "_"), t.toLowerCase()), pn = (t) => t.substring(0, 1).toUpperCase() + t.substring(1), ve = (t) => {
   if (typeof Buffer < "u")
-    return Buffer.from(e, "base64").toString("utf8");
+    return Buffer.from(t, "base64").toString("utf8");
   if (typeof atob < "u")
-    return atob(e);
-  throw new gt(
+    return atob(t);
+  throw new ge(
     "No implementation found for base64 decoding"
   );
 };
-function Ee({
-  onChange: e,
-  value: t,
+function Et({
+  onChange: t,
+  value: e,
   accept: r = "*/*",
   enableClick: n = !0,
   content: s,
@@ -27,14 +27,14 @@ function Ee({
   allowMultiple: l
 }) {
   return H(X, (i) => {
-    const c = u.deriveProp(t ?? []), p = te(!1), m = (g) => {
+    const c = u.deriveProp(e ?? []), p = et(!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));
+      b.length > 0 && (c.value = b, t(b));
     }, d = (g) => {
       u.get(n) && g.currentTarget.querySelector(
         'input[type="file"]'
@@ -44,8 +44,8 @@ function Ee({
     const h = () => {
       if (x == null) return;
       const g = Array.from(x.files ?? []);
-      g.length > 0 && (c.value = g, e(g)), x.value = "";
-    }, $ = (g) => {
+      g.length > 0 && (c.value = g, t(g)), x.value = "";
+    }, y = (g) => {
       u.get(n) && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), d(g));
     };
     return I.div(
@@ -58,7 +58,7 @@ function Ee({
       C.dragleave(f),
       C.drop(v),
       C.click(d),
-      C.keydown($),
+      C.keydown(y),
       // Hidden file input
       I.input(
         a.type("file"),
@@ -69,47 +69,47 @@ function Ee({
           "position: absolute; left: -9999px; opacity: 0; pointer-events: none;"
         ),
         C.change(h),
-        ie((g) => (x = g, W(
+        it((g) => (x = g, W(
           c.on((b) => {
             const D = globalThis.DataTransfer;
             if (D != null) {
-              const y = new D();
-              b.forEach((_) => y.items.add(_)), g.files = y.files;
+              const k = new D();
+              b.forEach((_) => k.items.add(_)), g.files = k.files;
             }
           })
         )))
       ),
       // Screen reader instructions
-      N.label(_e(i.$.dropZoneInstructions)(n)),
+      N.label(_t(i.$.dropZoneInstructions)(n)),
       // Content
       s({ files: c, clear: () => c.value = [], change: c.set })
     );
   });
 }
-function xt(e, t) {
-  return e.length === t.length && e.every((r, n) => r === t[n]);
+function xe(t, e) {
+  return t.length === e.length && t.every((r, n) => r === e[n]);
 }
-function wt(e, t) {
-  const r = ["bc-segmented-control", `bc-segmented-control--size-${e}`];
-  return t && r.push("bc-segmented-control--disabled"), r.join(" ");
+function we(t, e) {
+  const r = ["bc-segmented-control", `bc-segmented-control--size-${t}`];
+  return e && r.push("bc-segmented-control--disabled"), r.join(" ");
 }
 function dn({
-  options: e,
-  value: t,
+  options: t,
+  value: e,
   onChange: r,
   size: n = "md",
   disabled: s = !1
 }, ...o) {
-  const l = st(e).map(([i, c]) => ({
+  const l = se(t).map(([i, c]) => ({
     key: i,
     label: c
   }));
-  return ie(() => {
+  return it(() => {
     const i = Object.fromEntries(
       l.map((p, m) => [p.key, m])
-    ), c = te(
+    ), c = et(
       l.map(() => ({ left: 0, width: 0 })),
-      xt
+      xe
     );
     return I.div(
       a.class(
@@ -117,25 +117,25 @@ function dn({
           n,
           s
         )(
-          (p, m) => wt(p ?? "md", m ?? !1)
+          (p, m) => we(p ?? "md", m ?? !1)
         )
       ),
       I.div(
         a.class("bc-segmented-control__container"),
         I.div(
           a.class("bc-segmented-control__indicator"),
-          de.width(
+          dt.width(
             V(
-              t,
+              e,
               c
             )((p, m) => {
               const { width: f } = m[i[p] ?? 0];
               return `${f}px`;
             })
           ),
-          de.left(
+          dt.left(
             V(
-              t,
+              e,
               c
             )((p, m) => {
               const { left: f } = m[i[p] ?? 0];
@@ -145,25 +145,26 @@ function dn({
         ),
         // clickable buttons
         l.map(({ label: p, key: m }, f) => I.button(
+          a.type("button"),
           C.click((v) => {
             v.preventDefault(), u.get(s) || r?.(m);
           }),
           a.disabled(s),
           a.class("bc-segmented-control__segment"),
           a.class(
-            u.map(t, (v) => v === m ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
+            u.map(e, (v) => v === m ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
           ),
-          je((v) => {
+          jt((v) => {
             function d() {
               c.update((h) => {
-                const $ = [...h];
-                return $[f] = {
+                const y = [...h];
+                return y[f] = {
                   width: v.value.width,
                   left: v.value.localLeft
-                }, $;
+                }, y;
               });
             }
-            const x = rt(d);
+            const x = re(d);
             return W(x, v.on(d));
           }),
           p
@@ -173,41 +174,41 @@ function dn({
     );
   });
 }
-function _t(e) {
-  const t = e.type.toLowerCase();
-  return t.startsWith("image/") && (t.includes("jpeg") || t.includes("jpg") || t.includes("png") || t.includes("gif") || t.includes("webp") || t.includes("svg"));
+function _e(t) {
+  const e = t.type.toLowerCase();
+  return e.startsWith("image/") && (e.includes("jpeg") || e.includes("jpg") || e.includes("png") || e.includes("gif") || e.includes("webp") || e.includes("svg"));
 }
-function $t(e) {
-  const t = e.type.toLowerCase();
-  return t.startsWith("image/") ? "vscode-icons:file-type-image" : t.startsWith("video/") ? "vscode-icons:file-type-video" : t.startsWith("audio/") ? "vscode-icons:file-type-audio" : t.includes("pdf") ? "vscode-icons:file-type-pdf2" : t.includes("word") || t.includes("document") ? "vscode-icons:file-type-word" : t.includes("excel") || t.includes("spreadsheet") ? "vscode-icons:file-type-excel" : t.includes("powerpoint") || t.includes("presentation") ? "vscode-icons:file-type-powerpoint" : t.includes("zip") || t.includes("archive") ? "vscode-icons:file-type-zip" : t.includes("text") ? "vscode-icons:file-type-text" : t.includes("json") ? "vscode-icons:file-type-json-official" : t.includes("csv") ? "vscode-icons:file-type-csv" : t.includes("xml") ? "vscode-icons:file-type-xml" : t.includes("yaml") ? "vscode-icons:file-type-yaml-official" : "vscode-icons:file-type-binary";
+function ye(t) {
+  const e = t.type.toLowerCase();
+  return e.startsWith("image/") ? "vscode-icons:file-type-image" : e.startsWith("video/") ? "vscode-icons:file-type-video" : e.startsWith("audio/") ? "vscode-icons:file-type-audio" : e.includes("pdf") ? "vscode-icons:file-type-pdf2" : e.includes("word") || e.includes("document") ? "vscode-icons:file-type-word" : e.includes("excel") || e.includes("spreadsheet") ? "vscode-icons:file-type-excel" : e.includes("powerpoint") || e.includes("presentation") ? "vscode-icons:file-type-powerpoint" : e.includes("zip") || e.includes("archive") ? "vscode-icons:file-type-zip" : e.includes("text") ? "vscode-icons:file-type-text" : e.includes("json") ? "vscode-icons:file-type-json-official" : e.includes("csv") ? "vscode-icons:file-type-csv" : e.includes("xml") ? "vscode-icons:file-type-xml" : e.includes("yaml") ? "vscode-icons:file-type-yaml-official" : "vscode-icons:file-type-binary";
 }
-function Ue(e) {
+function Ut(t) {
   return E(
-    e.map(_t),
+    t.map(_e),
     () => {
-      const t = te(null);
-      return e.on((r) => {
-        t.value && URL.revokeObjectURL(t.value);
+      const e = et(null);
+      return t.on((r) => {
+        e.value && URL.revokeObjectURL(e.value);
         const n = URL.createObjectURL(r);
-        t.value = n;
+        e.value = n;
       }), I.div(
         a.class("bc-file-input__thumbnail-container"),
         I.img(
-          a.src(t),
-          a.alt(e.map((r) => r.name)),
+          a.src(e),
+          a.alt(t.map((r) => r.name)),
           a.class("bc-file-input__thumbnail"),
           W(() => {
-            t.value && URL.revokeObjectURL(t.value);
+            e.value && URL.revokeObjectURL(e.value);
           })
         )
       );
     },
-    () => z({ icon: e.map($t) })
+    () => z({ icon: t.map(ye) })
   );
 }
-const kt = (e, ...t) => {
+const $e = (t, ...e) => {
   const {
-    value: r = te([]),
+    value: r = et([]),
     accept: n = "*/*",
     maxFiles: s,
     maxFileSize: o,
@@ -218,29 +219,29 @@ const kt = (e, ...t) => {
     mode: m = "default",
     showFileList: f = !0,
     ...v
-  } = e, d = r, x = u.map(m, (y) => y === "compact"), h = (y) => {
-    let _ = y;
+  } = t, d = r, x = u.map(m, (k) => k === "compact"), h = (k) => {
+    let _ = k;
     if (s != null) {
       const w = u.get(s);
       _ = _.slice(0, w);
     }
     if (o) {
       const w = u.get(o);
-      _ = _.filter((k) => k.size <= w);
+      _ = _.filter(($) => $.size <= w);
     }
     l?.(_);
-  }, $ = (y) => {
-    const w = d.value.filter((k, M) => M !== y);
+  }, y = (k) => {
+    const w = d.value.filter(($, M) => M !== k);
     l?.(w);
   }, g = () => {
     l?.([]);
   }, b = ({
-    files: y,
+    files: k,
     clear: _,
     change: w
   }) => H(
     X,
-    (k) => I.div(
+    ($) => I.div(
       a.class("bc-file-input__drop-zone"),
       I.div(
         a.class(
@@ -249,29 +250,29 @@ const kt = (e, ...t) => {
         z({ icon: "mdi:cloud-upload-outline", size: "xl" }),
         I.div(
           a.class("bc-file-input__drop-zone-text"),
-          _e(k.$.filesInputInstructions)(
+          _t($.$.filesInputInstructions)(
             s,
             o,
-            k.$.fileSizeUnits.value
+            $.$.fileSizeUnits.value
           )
         )
       )
     )
   ), D = ({
-    files: y
+    files: k
   }) => H(
     X,
     (_) => I.div(
       a.class("bc-file-input__compact-input"),
       E(
-        y.map((w) => w.length > 0),
+        k.map((w) => w.length > 0),
         () => I.span(
           a.class("bc-file-input__compact-value"),
-          fe(
-            y,
+          ft(
+            k,
             (w) => I.span(
               a.class("bc-file-input__compact-value-item"),
-              Ue(w),
+              Ut(w),
               I.span(
                 a.class("bc-file-input__compact-value-item-name"),
                 w.$.name
@@ -283,7 +284,7 @@ const kt = (e, ...t) => {
           a.class("bc-file-input__compact-placeholder"),
           z({ icon: "mdi:cloud-upload-outline", size: "sm" }),
           " ",
-          _e(_.$.filesInputInstructions)(
+          _t(_.$.filesInputInstructions)(
             s,
             o,
             _.$.fileSizeUnits.value
@@ -294,7 +295,7 @@ const kt = (e, ...t) => {
   );
   return H(
     X,
-    (y) => O(
+    (k) => O(
       {
         baseContainer: u.map(x, (_) => !_),
         disabled: c,
@@ -303,10 +304,10 @@ const kt = (e, ...t) => {
           x,
           () => E(
             d.map(({ length: _ }) => _ > 0),
-            () => $e(
+            () => yt(
               {
                 size: "sm",
-                label: y.$.clearAllFiles,
+                label: k.$.clearAllFiles,
                 disabled: c,
                 onClick: g
               },
@@ -319,7 +320,7 @@ const kt = (e, ...t) => {
           x,
           () => I.div(
             a.class("bc-file-input bc-file-input--compact"),
-            Ee({
+            Et({
               value: d,
               accept: n,
               enableClick: !0,
@@ -331,7 +332,7 @@ const kt = (e, ...t) => {
           ),
           () => I.div(
             a.class("bc-file-input"),
-            Ee({
+            Et({
               value: d,
               accept: n,
               enableClick: !0,
@@ -342,18 +343,18 @@ const kt = (e, ...t) => {
             }),
             E(
               f,
-              () => Ge(
+              () => Gt(
                 d,
                 () => L(
                   I.div(
                     a.class("bc-file-input__file-list"),
-                    fe(d, (_, w) => {
-                      const k = w.index;
+                    ft(d, (_, w) => {
+                      const $ = w.index;
                       return I.div(
                         a.class("bc-file-input__file-item"),
                         I.div(
                           a.class("bc-file-input__file-icon"),
-                          Ue(_)
+                          Ut(_)
                         ),
                         I.div(
                           a.class("bc-file-input__file-info"),
@@ -366,23 +367,23 @@ const kt = (e, ...t) => {
                             a.class("bc-file-input__file-meta"),
                             V(
                               _.$.size,
-                              y.$.fileSizeUnits
+                              k.$.fileSizeUnits
                             )(
-                              (M, A) => at(M, { units: A })
+                              (M, A) => ae(M, { units: A })
                             ),
                             " • ",
                             V(
                               _.$.type,
-                              y.$.unknownType
+                              k.$.unknownType
                             )((M, A) => M || A)
                           )
                         ),
-                        $e(
+                        yt(
                           {
                             size: "sm",
-                            label: y.$.removeFile,
+                            label: k.$.removeFile,
                             disabled: c,
-                            onClick: () => $(k)
+                            onClick: () => y($)
                           },
                           a.class("bc-file-input__remove-button")
                         )
@@ -399,7 +400,7 @@ const kt = (e, ...t) => {
                         a.type("button"),
                         a.class("bc-file-input__clear-all-button"),
                         a.disabled(c),
-                        y.$.clearAllFiles,
+                        k.$.clearAllFiles,
                         C.click((_) => {
                           _.preventDefault(), _.stopPropagation(), g();
                         })
@@ -412,80 +413,80 @@ const kt = (e, ...t) => {
           )
         )
       },
-      ...t
+      ...e
     )
   );
 };
-async function yt(e) {
-  return new Promise((t, r) => {
+async function ke(t) {
+  return new Promise((e, r) => {
     const n = new FileReader();
-    n.readAsDataURL(e), n.onload = () => {
+    n.readAsDataURL(t), n.onload = () => {
       const s = n.result;
-      t(s.split(",")[1]);
+      e(s.split(",")[1]);
     }, n.onerror = (s) => r(s);
   });
 }
-function It(e) {
-  return Promise.all(e.map(yt));
+function Ie(t) {
+  return Promise.all(t.map(ke));
 }
-function Ct(e) {
-  if (e.length >= 4) {
-    if (e[0] === 137 && e[1] === 80 && e[2] === 78 && e[3] === 71)
+function Ce(t) {
+  if (t.length >= 4) {
+    if (t[0] === 137 && t[1] === 80 && t[2] === 78 && t[3] === 71)
       return "image/png";
-    if (e[0] === 255 && e[1] === 216) return "image/jpeg";
-    if (e[0] === 71 && e[1] === 73 && e[2] === 70)
+    if (t[0] === 255 && t[1] === 216) return "image/jpeg";
+    if (t[0] === 71 && t[1] === 73 && t[2] === 70)
       return "image/gif";
-    if (e[0] === 82 && e[1] === 73 && e[2] === 70 && e[3] === 70 && e.length >= 12 && e[8] === 87 && e[9] === 69 && e[10] === 66 && e[11] === 80)
+    if (t[0] === 82 && t[1] === 73 && t[2] === 70 && t[3] === 70 && t.length >= 12 && t[8] === 87 && t[9] === 69 && t[10] === 66 && t[11] === 80)
       return "image/webp";
   }
   try {
-    if (new TextDecoder("utf-8").decode(e.slice(0, 256)).includes("<svg")) return "image/svg+xml";
+    if (new TextDecoder("utf-8").decode(t.slice(0, 256)).includes("<svg")) return "image/svg+xml";
   } catch {
   }
   return "application/octet-stream";
 }
-function Mt(e) {
-  const t = vt(e ?? ""), r = t.length, n = new Uint8Array(r);
-  for (let s = 0; s < r; s++) n[s] = t.charCodeAt(s);
+function Me(t) {
+  const e = ve(t ?? ""), r = e.length, n = new Uint8Array(r);
+  for (let s = 0; s < r; s++) n[s] = e.charCodeAt(s);
   return n;
 }
-function Dt(e) {
+function De(t) {
   const {
-    value: t,
+    value: e,
     onChange: r,
     onInput: n,
     ...s
-  } = e, o = /* @__PURE__ */ new Map(), l = u.toSignal(t).map((m) => m.map((f, v) => {
-    const d = o.get(f), x = Mt(f ?? ""), h = d?.type || Ct(x), $ = d?.name ?? `file-${v}`, g = x.buffer.slice(
+  } = t, o = /* @__PURE__ */ new Map(), l = u.toSignal(e).map((m) => m.map((f, v) => {
+    const d = o.get(f), x = Me(f ?? ""), h = d?.type || Ce(x), y = d?.name ?? `file-${v}`, g = x.buffer.slice(
       x.byteOffset,
       x.byteOffset + x.byteLength
     ), b = new Blob([g], { type: h });
-    return new File([b], $, { type: h });
+    return new File([b], y, { type: h });
   })), i = (m) => (f) => {
-    m && It(f).then((v) => {
+    m && Ie(f).then((v) => {
       for (const [d, x] of v.entries())
         o.set(x, { name: f[d].name, type: f[d].type });
       m(v);
     });
   }, c = i(r), p = i(n);
-  return kt({
+  return $e({
     ...s,
     value: l,
     onChange: c,
     onInput: p
   });
 }
-function fn(e) {
+function fn(t) {
   const {
-    value: t,
+    value: e,
     onInput: r,
     onChange: n,
     ...s
-  } = e;
-  return Dt({
+  } = t;
+  return De({
     ...s,
     maxFiles: 1,
-    value: u.map(t, (o) => o == null ? [] : [o]),
+    value: u.map(e, (o) => o == null ? [] : [o]),
     onChange: (o) => {
       n?.(o[0]);
     },
@@ -494,19 +495,19 @@ function fn(e) {
     }
   });
 }
-function ye(e) {
-  const t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
-  return t ? [parseInt(t[1], 16), parseInt(t[2], 16), parseInt(t[3], 16)] : [0, 0, 0];
+function kt(t) {
+  const e = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  return e ? [parseInt(e[1], 16), parseInt(e[2], 16), parseInt(e[3], 16)] : [0, 0, 0];
 }
-function Ie(e, t, r) {
+function It(t, e, r) {
   const n = (s) => s.toString(16).padStart(2, "0");
-  return `#${n(Math.max(0, Math.min(255, e)))}${n(
-    Math.max(0, Math.min(255, t))
+  return `#${n(Math.max(0, Math.min(255, t)))}${n(
+    Math.max(0, Math.min(255, e))
   )}${n(Math.max(0, Math.min(255, r)))}`;
 }
-function St(e) {
-  if (!e) return [0, 0, 0, 1];
-  const r = e.trim().match(
+function Se(t) {
+  if (!t) return [0, 0, 0, 1];
+  const r = t.trim().match(
     /^#?([a-fA-F0-9]{3,4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/
   );
   if (r) {
@@ -531,7 +532,7 @@ function St(e) {
       return [v, d, x, 1];
     }
   }
-  const n = e.match(
+  const n = t.match(
     /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(0|1|0?\.\d+)\s*\)$/i
   );
   if (n)
@@ -541,156 +542,156 @@ function St(e) {
       parseInt(n[3], 10),
       parseFloat(n[4])
     ];
-  const s = e.match(
+  const s = t.match(
     /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i
   );
   if (s)
     return [parseInt(s[1], 10), parseInt(s[2], 10), parseInt(s[3], 10), 1];
-  const o = e.match(
+  const o = t.match(
     /^hsla?\(\s*([+-]?[\d.]+)(?:deg)?\s*[ ,]?\s*([\d.]+)%\s*[ ,]?\s*([\d.]+)%\s*(?:[/,]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (o) {
-    const f = parseFloat(o[1]), v = parseFloat(o[2]), d = parseFloat(o[3]), x = o[4] != null ? parseFloat(o[4]) : 1, [h, $, g] = We(f, v / 100, d / 100);
-    return [h, $, g, x];
+    const f = parseFloat(o[1]), v = parseFloat(o[2]), d = parseFloat(o[3]), x = o[4] != null ? parseFloat(o[4]) : 1, [h, y, g] = Wt(f, v / 100, d / 100);
+    return [h, y, g, x];
   }
-  const l = e.match(
+  const l = t.match(
     /^hwb\(\s*([+-]?[\d.]+)(?:deg)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%\s*(?:[/]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (l) {
-    const f = parseFloat(l[1]), v = parseFloat(l[2]) / 100, d = parseFloat(l[3]) / 100, x = l[4] != null ? parseFloat(l[4]) : 1, [h, $, g] = Ft(f, v, d);
-    return [h, $, g, x];
+    const f = parseFloat(l[1]), v = parseFloat(l[2]) / 100, d = parseFloat(l[3]) / 100, x = l[4] != null ? parseFloat(l[4]) : 1, [h, y, g] = Fe(f, v, d);
+    return [h, y, g, x];
   }
-  const i = e.match(
+  const i = t.match(
     /^oklch\(\s*([+-]?[\d.]+%?)\s+([\d.]+)\s+([+-]?[\d.]+)(?:deg)?(?:\s*\/\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   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))), [$, g, b] = Lt(h, v, d);
-    return [$, g, b, x];
+    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))), [y, g, b] = Le(h, v, d);
+    return [y, g, b, x];
   }
-  const [c, p, m] = ye(e);
+  const [c, p, m] = kt(t);
   return [c, p, m, 1];
 }
-const Tt = (e, t, r, n) => `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(r)}, ${Math.max(
+const Te = (t, e, r, n) => `rgba(${Math.round(t)}, ${Math.round(e)}, ${Math.round(r)}, ${Math.max(
   0,
   Math.min(1, Math.round(n * 100) / 100)
 )})`;
-function At(e) {
-  let t = e + 1831565813;
+function Ae(t) {
+  let e = t + 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;
+    return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
   };
 }
-function We(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;
+function Wt(t, e, r) {
+  t = (t % 360 + 360) % 360;
+  const n = (1 - Math.abs(2 * r - 1)) * e, s = n * (1 - Math.abs(t / 60 % 2 - 1)), o = r - n / 2;
   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], [
+  return 0 <= t && t < 60 ? [l, i, c] = [n, s, 0] : 60 <= t && t < 120 ? [l, i, c] = [s, n, 0] : 120 <= t && t < 180 ? [l, i, c] = [0, n, s] : 180 <= t && t < 240 ? [l, i, c] = [0, s, n] : 240 <= t && t < 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 Ft(e, t, r) {
-  e = (e % 360 + 360) % 360;
-  const n = t + r;
-  n > 1 && (t /= n, r /= n);
-  const [s, o, l] = We(e, 1, 0.5).map((f) => f / 255), i = 1 - t - r, c = s * i + t, p = o * i + t, m = l * i + t;
+function Fe(t, e, r) {
+  t = (t % 360 + 360) % 360;
+  const n = e + r;
+  n > 1 && (e /= n, r /= n);
+  const [s, o, l] = Wt(t, 1, 0.5).map((f) => f / 255), i = 1 - e - r, c = s * i + e, p = o * i + e, m = l * i + e;
   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);
+function Ct(t, e, r) {
+  t /= 255, e /= 255, r /= 255;
+  const n = Math.max(t, e, r), s = Math.min(t, e, r);
   let o = 0, l = 0;
   const i = (n + s) / 2, c = n - s;
   if (c !== 0) {
     switch (l = i > 0.5 ? c / (2 - n - s) : c / (n + s), n) {
-      case e:
-        o = (t - r) / c + (t < r ? 6 : 0);
-        break;
       case t:
-        o = (r - e) / c + 2;
+        o = (e - r) / c + (e < r ? 6 : 0);
+        break;
+      case e:
+        o = (r - t) / c + 2;
         break;
       default:
-        o = (e - t) / c + 4;
+        o = (t - e) / c + 4;
     }
     o *= 60;
   }
   return [Math.round(o), Math.round(l * 100), Math.round(i * 100)];
 }
-function Bt(e, t, r) {
-  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);
+function Be(t, e, r) {
+  const [n] = Ct(t, e, r), s = t / 255, o = e / 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 ve(e) {
-  const t = e / 255;
-  return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
+function vt(t) {
+  const e = t / 255;
+  return e <= 0.04045 ? e / 12.92 : Math.pow((e + 0.055) / 1.055, 2.4);
 }
-function xe(e) {
-  const t = e <= 31308e-7 ? 12.92 * e : 1.055 * Math.pow(e, 0.4166666666666667) - 0.055;
-  return Math.round(Math.max(0, Math.min(1, t)) * 255);
+function xt(t) {
+  const e = t <= 31308e-7 ? 12.92 * t : 1.055 * Math.pow(t, 0.4166666666666667) - 0.055;
+  return Math.round(Math.max(0, Math.min(1, e)) * 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, 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 [xe(v), xe(d), xe(x)];
+function Le(t, e, r) {
+  const n = r * Math.PI / 180, s = Math.cos(n) * e, o = Math.sin(n) * e, l = t + 0.3963377774 * s + 0.2158037573 * o, i = t - 0.1055613458 * s - 0.0638541728 * o, c = t - 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 [xt(v), xt(d), xt(x)];
 }
-function Vt(e, t, r) {
-  const n = ve(e), s = ve(t), o = ve(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 $ = Math.atan2(x, d) * 180 / Math.PI;
-  return $ < 0 && ($ += 360), [v, h, $];
+function Ve(t, e, r) {
+  const n = vt(t), s = vt(e), o = vt(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 y = Math.atan2(x, d) * 180 / Math.PI;
+  return y < 0 && (y += 360), [v, h, y];
 }
-function ae(e, t, r, n, s, o) {
+function at(t, e, r, n, s, o) {
   switch (s) {
     case "hex":
       if (o) {
         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 `#${l(t)}${l(e)}${l(r)}${l(i)}`;
       }
-      return Ie(e, t, r);
+      return It(t, e, r);
     case "rgb":
-      return `rgb(${e}, ${t}, ${r})`;
+      return `rgb(${t}, ${e}, ${r})`;
     case "rgba":
-      return `rgba(${e}, ${t}, ${r}, ${Math.round(n * 100) / 100})`;
+      return `rgba(${t}, ${e}, ${r}, ${Math.round(n * 100) / 100})`;
     case "hsl": {
-      const [l, i, c] = Ce(e, t, r);
+      const [l, i, c] = Ct(t, e, r);
       return `hsl(${l}, ${i}%, ${c}%)`;
     }
     case "hsla": {
-      const [l, i, c] = Ce(e, t, r);
+      const [l, i, c] = Ct(t, e, r);
       return `hsla(${l}, ${i}%, ${c}%, ${Math.round(n * 100) / 100})`;
     }
     case "hwb": {
-      const [l, i, c] = Bt(e, t, r);
+      const [l, i, c] = Be(t, e, r);
       return n < 1 ? `hwb(${l} ${i}% ${c}% / ${Math.round(n * 100) / 100})` : `hwb(${l} ${i}% ${c}%)`;
     }
     case "oklch": {
-      const [l, i, c] = Vt(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;
+      const [l, i, c] = Ve(t, e, 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 oe(e, t) {
-  return t ? e === "rgb" ? "rgba" : e === "hsl" ? "hsla" : e : e === "rgba" ? "rgb" : e === "hsla" ? "hsl" : e;
+function ot(t, e) {
+  return e ? t === "rgb" ? "rgba" : t === "hsl" ? "hsla" : t : t === "rgba" ? "rgb" : t === "hsla" ? "hsl" : t;
 }
-function Et(e, t) {
-  const [r, n, s] = e, o = r << 16 ^ n << 8 ^ s, l = At(o), i = 6 + Math.floor(l() * 5), c = 0.18 + l() * 0.06, p = [];
+function Ee(t, e) {
+  const [r, n, s] = t, o = r << 16 ^ n << 8 ^ s, l = Ae(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), $ = Math.cos(x) * h, g = Math.sin(x) * h;
-    p.push({ x: $, y: g });
+    const x = d / i * Math.PI * 2, h = e * (1 + (l() * 2 - 1) * c), y = Math.cos(x) * h, g = Math.sin(x) * h;
+    p.push({ x: y, y: g });
   }
   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], $ = (x.x + h.x) / 2, g = (x.y + h.y) / 2;
-    v += ` Q ${x.x.toFixed(3)} ${x.y.toFixed(3)} ${$.toFixed(3)} ${g.toFixed(3)}`;
+    const x = p[d], h = p[(d + 1) % i], y = (x.x + h.x) / 2, g = (x.y + h.y) / 2;
+    v += ` Q ${x.x.toFixed(3)} ${x.y.toFixed(3)} ${y.toFixed(3)} ${g.toFixed(3)}`;
   }
   return v += " Z", v;
 }
-const mn = (e) => {
-  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) => St(w ?? "#000000")), m = u.map(
+const mn = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s, displayValue: o, size: l, withAlpha: i } = t, c = u.map(l ?? 32, (w) => w), p = u.map(e, (w) => Se(w ?? "#000000")), m = u.map(
     p,
-    ([w, k, M]) => [w, k, M]
-  ), f = u.map(p, ([, , , w]) => w), v = te(u.get(f) ?? 1), d = u.map(i ?? !1, (w) => w), x = u.map(
-    e.colorTextFormat ?? "rgb",
+    ([w, $, M]) => [w, $, M]
+  ), f = u.map(p, ([, , , w]) => w), v = et(u.get(f) ?? 1), d = u.map(i ?? !1, (w) => w), x = u.map(
+    t.colorTextFormat ?? "rgb",
     (w) => w
   ), h = V(
     m,
@@ -698,23 +699,20 @@ const mn = (e) => {
     x,
     d
   )(
-    ([w, k, M], A, F, S) => ae(w, k, M, A ?? 1, oe(F, S), S)
-  ), $ = u.map(
-    e.colorTextFormat ?? "hex",
+    ([w, $, M], A, F, S) => at(w, $, M, A ?? 1, ot(F, S), S)
+  ), y = u.map(
+    t.colorTextFormat ?? "hex",
     (w) => w
-  ), g = u.map(
-    c,
-    (w) => `${-w / 2} ${-w / 2} ${w / 2} ${w / 2}`
-  ), b = V(
+  ), g = u.map(c, (w) => `${-w / 2} ${-w / 2} ${w} ${w}`), b = V(
     m,
     c
-  )((w, k) => Et(w, k / 2)), D = V(
+  )((w, $) => Ee(w, $ / 2)), D = V(
     m,
     v,
     d
   )(
-    ([w, k, M], A, F) => F || A < 1 ? Tt(w, k, M, A) : Ie(w, k, M)
-  ), y = I.div(
+    ([w, $, M], A, F) => F || A < 1 ? Te(w, $, M, A) : It(w, $, M)
+  ), k = I.div(
     a.class("bc-color-input__control"),
     a.class(
       u.map(
@@ -726,35 +724,35 @@ const mn = (e) => {
       V(c)((w) => `min-width:${w + 2}px;height:${w + 2}px`)
     ),
     // The SVG blob preview
-    Ae.svg(
+    At.svg(
       a.class("bc-color-input__svg"),
-      he.viewBox(g),
-      Ae.path(he.d(b), he.fill(D))
+      ht.viewBox(g),
+      At.path(ht.d(b), ht.fill(D))
     ),
     // Invisible native input overlays the blob for picker and accessibility
     I.input(
       a.type("color"),
-      j(e),
+      j(t),
       // Native color input needs hex without alpha
-      a.value(u.map(m, ([w, k, M]) => Ie(w, k, M))),
+      a.value(u.map(m, ([w, $, M]) => It(w, $, M))),
       a.class("bc-input bc-color-input bc-color-input__native"),
       r != null ? C.blur(r) : T,
       n != null ? C.change((w) => {
-        const k = w.target.value;
+        const $ = w.target.value;
         if (!n) return;
-        const [M, A, F] = ye(k), S = u.get(v) ?? 1, B = oe(
-          u.get($),
+        const [M, A, F] = kt($), S = u.get(v) ?? 1, B = ot(
+          u.get(y),
           u.get(d)
-        ), R = ae(M, A, F, S, B, u.get(d));
+        ), R = at(M, A, F, S, B, u.get(d));
         n(R);
       }) : T,
       s != null ? C.input((w) => {
-        const k = w.target.value;
+        const $ = w.target.value;
         if (!s) return;
-        const [M, A, F] = ye(k), S = u.get(v) ?? 1, B = oe(
-          u.get($),
+        const [M, A, F] = kt($), S = u.get(v) ?? 1, B = ot(
+          u.get(y),
           u.get(d)
-        ), R = ae(M, A, F, S, B, u.get(d));
+        ), R = at(M, A, F, S, B, u.get(d));
         s(R);
       }) : T
     )
@@ -767,33 +765,33 @@ const mn = (e) => {
       a.max(1),
       a.step(0.01),
       a.value(u.map(v, (w) => String(w ?? 1))),
-      a.disabled(e.disabled),
+      a.disabled(t.disabled),
       C.input((w) => {
-        const k = parseFloat(w.target.value);
-        v.set(k);
-        const [M, A, F] = u.get(m), S = oe(
-          u.get($),
+        const $ = parseFloat(w.target.value);
+        v.set($);
+        const [M, A, F] = u.get(m), S = ot(
+          u.get(y),
           u.get(d)
-        ), B = ae(M, A, F, k, S, u.get(d));
+        ), B = at(M, A, F, $, S, u.get(d));
         s?.(B);
       }),
       C.change((w) => {
-        const k = parseFloat(w.target.value);
-        v.set(k);
-        const [M, A, F] = u.get(m), S = oe(
-          u.get($),
+        const $ = parseFloat(w.target.value);
+        v.set($);
+        const [M, A, F] = u.get(m), S = ot(
+          u.get(y),
           u.get(d)
-        ), B = ae(M, A, F, k, S, u.get(d));
+        ), B = at(M, A, F, $, S, u.get(d));
         n?.(B);
       })
     )
   );
   return O({
     baseContainer: !0,
-    ...e,
+    ...t,
     // ensure our control does not try to grow
     growInput: !1,
-    input: y,
+    input: k,
     // If caller provided an `after`, append RGB before it
     after: L(
       E(
@@ -801,37 +799,37 @@ const mn = (e) => {
         () => I.span(a.class("bc-color-input__rgb"), h)
       ),
       _,
-      e.after
+      t.after
     )
   });
-}, De = "$$tts-exp-", Ut = (e, t) => ie((r) => {
-  const n = `${De}${e}`;
-  return W(u.on(t, (s) => Reflect.set(r, n, s)));
-}), hn = (e, t) => {
-  const r = `${De}${e}`;
+}, Dt = "$$tts-exp-", Ue = (t, e) => it((r) => {
+  const n = `${Dt}${t}`;
+  return W(u.on(e, (s) => Reflect.set(r, n, s)));
+}), hn = (t, e) => {
+  const r = `${Dt}${t}`;
   return (n) => {
-    t(Reflect.get(n.target, r));
+    e(Reflect.get(n.target, r));
   };
-}, Nt = (e, t) => {
-  const r = `${De}${e}`;
+}, Ne = (t, e) => {
+  const r = `${Dt}${t}`;
   return (n) => {
     const s = n.target, o = s.selectedIndex, l = s.options[o];
-    t(Reflect.get(l, r));
+    e(Reflect.get(l, r));
   };
 };
-function zt(e, t, r) {
+function ze(t, e, 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(" ");
+  return t !== "default" && n.push(`bc-card--${t}`), e !== "md" && n.push(`bc-card--padding-${e}`), r !== "lg" && n.push(`bc-card--rounded-${r}`), n.join(" ");
 }
-function gn({ variant: e = "default", size: t = "md", roundedness: r = "lg" } = {}, ...n) {
+function gn({ variant: t = "default", size: e = "md", roundedness: r = "lg" } = {}, ...n) {
   return I.div(
     a.class(
       V(
-        e,
         t,
+        e,
         r
       )(
-        (s, o, l) => zt(
+        (s, o, l) => ze(
           s ?? "default",
           o ?? "md",
           l ?? "lg"
@@ -841,17 +839,17 @@ function gn({ variant: e = "default", size: t = "md", roundedness: r = "lg" } =
     ...n
   );
 }
-function pe(...e) {
-  return I.div(a.class("bc-group"), ...e);
+function pt(...t) {
+  return I.div(a.class("bc-group"), ...t);
 }
 const bn = ({
-  startEditing: e,
-  value: t,
+  startEditing: t,
+  value: e,
   onChange: r,
   placeholder: n,
   disabled: s
 }) => {
-  const o = u.deriveProp(e ?? !1), l = te(!1), i = u.map(s ?? !1, (c) => c);
+  const o = u.deriveProp(t ?? !1), l = et(!1), i = u.map(s ?? !1, (c) => c);
   return I.div(
     a.class("bc-editable-text"),
     a.class(
@@ -865,9 +863,9 @@ const bn = ({
       o,
       () => I.input(
         a.placeholder(n),
-        a.value(t),
+        a.value(e),
         a.class("bc-editable-text__input"),
-        lt(),
+        le(),
         C.keydown((c) => {
           c.key === "Enter" ? o.set(!1) : c.key === "Escape" && (l.set(!0), o.set(!1));
         }),
@@ -887,8 +885,8 @@ const bn = ({
         }),
         a.class("bc-editable-text__display"),
         E(
-          u.map(t, (c) => c != null && c.trim() !== ""),
-          () => I.span(a.class("bc-editable-text__text"), t),
+          u.map(e, (c) => c != null && c.trim() !== ""),
+          () => I.span(a.class("bc-editable-text__text"), e),
           () => I.span(
             a.class("bc-editable-text__placeholder"),
             n
@@ -897,6 +895,7 @@ const bn = ({
         E(
           u.map(i, (c) => !c),
           () => I.button(
+            a.type("button"),
             a.class("bc-editable-text__edit-button"),
             H(X, (c) => N.label(c.$.editLabel)),
             C.click(() => o.set(!0)),
@@ -906,48 +905,48 @@ const bn = ({
       )
     )
   );
-}, Ze = (e, t, r) => Je(
-  e,
-  (n) => Ke(n, {
+}, Zt = (t, e, r) => Jt(
+  t,
+  (n) => Kt(n, {
     value: (s) => {
       const o = V(
         s,
         r
-      )((l, i) => t(l.value, i));
+      )((l, i) => e(l.value, i));
       return I.option(
         W(o.dispose),
         a.selected(o),
-        Ut("value", s.$.value),
+        Ue("value", s.$.value),
         s.$.label
       );
     },
     group: (s) => I.optgroup(
       a.label(s.$.group),
-      fe(
+      ft(
         s.$.options,
-        (o) => Ze(
+        (o) => Zt(
           o,
-          t,
+          e,
           r
         )
       )
     ),
     break: () => I.hr()
   })
-), Rt = (e) => {
+), Re = (t) => {
   const {
-    value: t,
+    value: e,
     onBlur: r,
     onChange: n,
     options: s,
     unselectedLabel: o,
     equality: l = (p, m) => p === m,
     after: i
-  } = e;
+  } = t;
   let c;
   return O(
     {
-      ...e,
+      ...t,
       after: L(
         z({
           icon: "ph:caret-down-bold",
@@ -957,7 +956,7 @@ const bn = ({
         i
       ),
       input: I.select(
-        ie((p) => {
+        it((p) => {
           c = p;
           const m = new MutationObserver((f) => {
             const { removedNodes: v } = f[0];
@@ -965,18 +964,18 @@ const bn = ({
           });
           return m.observe(p, { childList: !0 }), W(() => m.disconnect());
         }),
-        j(e),
+        j(t),
         a.class("bc-native-select bc-input"),
         H(
           X,
           (p) => I.option(
             a.hidden("hidden"),
-            Qe(o, p.$.selectOne)
+            Qt(o, p.$.selectOne)
           )
         ),
-        fe(s, (p) => Ze(p, l, t)),
+        ft(s, (p) => Zt(p, l, e)),
         r != null ? C.blur(r) : T,
-        n != null ? C.change(Nt("value", (p) => n(p))) : T
+        n != null ? C.change(Ne("value", (p) => n(p))) : T
       )
     },
     C.click(() => {
@@ -984,62 +983,62 @@ const bn = ({
     })
   );
 };
-function Ot(e) {
-  const { controller: t, onChange: r, onBlur: n, ...s } = e;
-  return Rt({
+function Oe(t) {
+  const { controller: e, onChange: r, onBlur: n, ...s } = t;
+  return Re({
     ...s,
-    value: t.value,
-    onChange: ct(t, r),
-    onBlur: ot(t, n)
+    value: e.value,
+    onChange: ce(e, r),
+    onBlur: oe(e, n)
   });
 }
-function vn(e) {
-  return He({
-    ...e,
-    content: Ot(e)
+function vn(t) {
+  return Ht({
+    ...t,
+    content: Oe(t)
   });
 }
-function Pt(e, t, r) {
-  const n = e.length.map((s) => s);
+function Pe(t, e, r) {
+  const n = t.length.map((s) => s);
   return L(
     W(() => n.dispose()),
-    Pe(
+    Pt(
       n,
       (s) => {
-        const o = e.item(s.index), l = [];
+        const o = t.item(s.index), l = [];
         return L(
           W(() => {
             o.dispose(), l.forEach((i) => i());
           }),
-          t({
-            list: e,
+          e({
+            list: t,
             item: o,
             position: s,
-            remove: () => e.removeAt(s.index),
+            remove: () => t.removeAt(s.index),
             move: (i) => {
               switch (i) {
                 case "up":
                   if (s.index === 0) return;
-                  e.move(s.index, s.index - 1);
+                  t.move(s.index, s.index - 1);
                   break;
                 case "down":
-                  if (s.index === e.length.value - 1) return;
-                  e.move(s.index, s.index + 1);
+                  if (s.index === t.length.value - 1) return;
+                  t.move(s.index, s.index + 1);
                   break;
                 case "first":
-                  e.move(s.index, 0);
+                  t.move(s.index, 0);
                   break;
                 case "last":
-                  e.move(s.index, e.length.value - 1);
+                  t.move(s.index, t.length.value - 1);
               }
             },
             canMove: (i) => {
               const c = (() => {
                 switch (i) {
                   case "up":
-                    return Fe(s.index > 0);
+                    return Ft(s.index > 0);
                   case "down":
-                    return e.length.map((p) => s.index < p - 1);
+                    return t.length.map((p) => s.index < p - 1);
                 }
               })();
               return l.push(() => c.dispose()), c;
@@ -1048,9 +1047,9 @@ function Pt(e, t, r) {
               const c = (() => {
                 switch (i) {
                   case "up":
-                    return Fe(s.index === 0);
+                    return Ft(s.index === 0);
                   case "down":
-                    return e.length.map((p) => s.index === p - 1);
+                    return t.length.map((p) => s.index === p - 1);
                 }
               })();
               return l.push(() => c.dispose()), c;
@@ -1062,31 +1061,31 @@ function Pt(e, t, r) {
     )
   );
 }
-const Ne = {
+const Nt = {
   9: { pattern: /^[0-9]$/ },
-  A: { pattern: /^[A-Za-z]$/, transform: (e) => e.toUpperCase() },
+  A: { pattern: /^[A-Za-z]$/, transform: (t) => t.toUpperCase() },
   "*": { pattern: /^.$/ }
-}, jt = (e) => e instanceof RegExp;
-function Ye(e, t, r) {
-  if (e == null) return [];
-  const n = r ? { ...Ne, ...t } : t ?? Ne, s = (l, i) => {
+}, je = (t) => t instanceof RegExp;
+function Yt(t, e, r) {
+  if (t == null) return [];
+  const n = r ? { ...Nt, ...e } : e ?? Nt, 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);
+  if (typeof t == "string") {
+    for (const l of t) s(o, l);
     return o;
   }
-  for (const l of e)
+  for (const l of t)
     if (typeof l == "string")
       if (l.length <= 1) s(o, l);
       else for (const i of l) s(o, i);
-    else jt(l) ? o.push({ type: "pattern", pattern: l }) : typeof l == "object" && l && o.push(l);
+    else je(l) ? o.push({ type: "pattern", pattern: l }) : typeof l == "object" && l && o.push(l);
   return o;
 }
-function Ht(e, t) {
+function He(t, e) {
   return (r) => {
-    switch (e) {
+    switch (t) {
       case "digits":
         return /[0-9]/.test(r);
       case "letters":
@@ -1094,36 +1093,36 @@ function Ht(e, t) {
       case "alphanumeric":
         return /[A-Za-z0-9]/.test(r);
       case "custom":
-        return t?.(r) ?? !0;
+        return e?.(r) ?? !0;
       default:
         return !0;
     }
   };
 }
-function ze(e, t, r, n, s, o) {
+function zt(t, e, r, n, s, o) {
   const l = {
-    raw: e,
-    previousConformed: t,
-    cursor: s ?? e.length,
+    raw: t,
+    previousConformed: e,
+    cursor: s ?? t.length,
     completed: !1
-  }, i = n.definitions ?? {}, c = typeof r == "function" ? r(e, l) : r, p = Ye(
+  }, i = n.definitions ?? {}, c = typeof r == "function" ? r(t, l) : r, p = Yt(
     c,
     i,
     n.useDefaultDefinitions ?? !0
-  ), m = Ht(n.allowMode, n.allow), f = /* @__PURE__ */ new Set();
+  ), m = He(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 v = Array.from(e).filter((S) => m(S) && !f.has(S));
+  const v = Array.from(t).filter((S) => m(S) && !f.has(S));
   if (v.length === 0) return { value: "", cursor: 0, completed: !1 };
   const d = [], x = [];
-  let h = 0, $ = 0, g = 0, b = -1;
+  let h = 0, y = 0, g = 0, b = -1;
   for (const S of p) {
     if (S.type === "literal") {
       d.push(S.char), x.push({ kind: "literal", filled: !0 });
       continue;
     }
-    $ += S.optional ? 0 : 1;
+    y += S.optional ? 0 : 1;
     const B = v[h];
     if (B == null)
       break;
@@ -1141,7 +1140,7 @@ function ze(e, t, r, n, s, o) {
         continue;
       }
   }
-  const D = d.join(""), y = (n.prefix ?? "") + D + (n.suffix ?? "");
+  const D = d.join(""), k = (n.prefix ?? "") + D + (n.suffix ?? "");
   let w = (n.prefix ?? "").length;
   if (b >= 0) {
     let S = b + 1;
@@ -1149,17 +1148,17 @@ function ze(e, t, r, n, s, o) {
       for (; S < x.length && x[S].kind === "literal"; ) S++;
     w += S;
   }
-  const k = n.completion?.mode === "min" ? (n.completion.minChars ?? 0) <= g : n.completion?.mode === "custom" ? !!n.completion.isComplete?.(y) : $ > 0 && g >= $, M = n.pipe?.(y, { ...l, completed: k });
+  const $ = n.completion?.mode === "min" ? (n.completion.minChars ?? 0) <= g : n.completion?.mode === "custom" ? !!n.completion.isComplete?.(k) : y > 0 && g >= y, M = n.pipe?.(k, { ...l, completed: $ });
   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 = y, { value: A, cursor: F, completed: k };
+  return M === !1 ? (A = e, F = e.length) : typeof M == "string" ? (A = M, F = M.length) : typeof M == "object" && M ? (A = M.value, F = M.cursor ?? M.value.length) : A = k, { value: A, cursor: F, completed: $ };
 }
-function Wt(e, t) {
-  const r = t?.strategy ?? "none";
-  return r === "custom" && t?.unmask ? t.unmask(e) : r === "strip" ? e.replace(/[^A-Za-z0-9]/g, "") : e;
+function We(t, e) {
+  const r = e?.strategy ?? "none";
+  return r === "custom" && e?.unmask ? e.unmask(t) : r === "strip" ? t.replace(/[^A-Za-z0-9]/g, "") : t;
 }
-const Xe = (e) => {
+const Xt = (t) => {
   const {
-    value: t,
+    value: e,
     onBlur: r,
     onChange: n,
     onInput: s,
@@ -1174,13 +1173,13 @@ const Xe = (e) => {
     autofix: d,
     pipe: x,
     completion: h,
-    unmask: $,
+    unmask: y,
     allowMode: g,
     allow: b,
     placeholder: D,
-    placeholderOptions: y
-  } = e, _ = V(
-    t,
+    placeholderOptions: k
+  } = t, _ = V(
+    e,
     i,
     c,
     p,
@@ -1189,97 +1188,97 @@ const Xe = (e) => {
     v,
     d,
     h,
-    $,
+    y,
     g,
     D,
-    y
-  )((k, M, A, F, S, B, R, se, re, ee, Q, ue, q) => M ? ze(k ?? "", "", M, {
+    k
+  )(($, M, A, F, S, B, R, st, rt, tt, Q, ut, q) => M ? zt($ ?? "", "", M, {
     definitions: A ?? {},
     useDefaultDefinitions: F ?? !0,
     extraLiterals: S ?? [],
-    autofix: se ?? "none",
-    completion: re ?? { mode: "mask" },
+    autofix: st ?? "none",
+    completion: rt ?? { mode: "mask" },
     pipe: x ?? ((U) => U),
-    unmask: ee ?? { strategy: "none" },
+    unmask: tt ?? { strategy: "none" },
     allowMode: Q ?? "all",
     allow: b,
     prefix: B,
     suffix: R
-  }).value : k ?? ""), w = (k, M) => {
-    const A = k.value ?? "", F = u.get(t) ?? "", S = i != null ? u.get(i) : null, B = 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, ee = h != null ? u.get(h) : void 0, Q = $ != null ? u.get($) : 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 : $ ?? ""), w = ($, M) => {
+    const A = $.value ?? "", F = u.get(e) ?? "", S = i != null ? u.get(i) : null, B = c != null ? u.get(c) : void 0, R = p != null ? u.get(p) : void 0, st = m != null ? u.get(m) : void 0, rt = d != null ? u.get(d) : void 0, tt = h != null ? u.get(h) : void 0, Q = y != null ? u.get(y) : void 0, ut = g != null ? u.get(g) : void 0, q = f != null ? u.get(f) : void 0, U = v != null ? u.get(v) : void 0, {
       value: J,
-      cursor: me,
-      completed: Se
-    } = S ? ze(
+      cursor: mt,
+      completed: St
+    } = S ? zt(
       A,
       F,
       S,
       {
         definitions: B ?? {},
         useDefaultDefinitions: R ?? !0,
-        extraLiterals: se ?? [],
-        autofix: re ?? "none",
-        completion: ee ?? { mode: "mask" },
-        pipe: x ?? ((qe) => qe),
+        extraLiterals: st ?? [],
+        autofix: rt ?? "none",
+        completion: tt ?? { mode: "mask" },
+        pipe: x ?? ((qt) => qt),
         unmask: Q ?? { strategy: "none" },
-        allowMode: ue ?? "all",
+        allowMode: ut ?? "all",
         allow: b,
         prefix: q,
         suffix: U
       },
-      k.selectionStart ?? A.length,
-      e.cursor ? u.get(e.cursor) : void 0
+      $.selectionStart ?? A.length,
+      t.cursor ? u.get(t.cursor) : void 0
     ) : { value: A, cursor: A.length, completed: !0 };
     if (J !== A) {
-      k.value = J;
+      $.value = J;
       try {
-        k.setSelectionRange(me, me);
+        $.setSelectionRange(mt, mt);
       } catch {
       }
     }
-    const Te = Wt(J, Q);
+    const Tt = We(J, Q);
     o?.({
-      raw: Te,
+      raw: Tt,
       conformed: J,
-      completed: Se,
-      cursor: me
-    }), M === "input" ? s?.(J) : (n?.(J), Se && l?.({ raw: Te, conformed: J }));
+      completed: St,
+      cursor: mt
+    }), M === "input" ? s?.(J) : (n?.(J), St && l?.({ raw: Tt, conformed: J }));
   };
   return O({
-    ...e,
+    ...t,
     input: K.text(
-      j(e),
+      j(t),
       a.value(_),
       a.class("bc-input"),
       r != null ? C.blur(r) : T,
-      ie(
-        (k) => k instanceof HTMLInputElement ? L(
-          C.input(() => w(k, "input")),
-          C.change(() => w(k, "change")),
+      it(
+        ($) => $ instanceof HTMLInputElement ? L(
+          C.input(() => w($, "input")),
+          C.change(() => w($, "change")),
           C.keydown((M) => {
-            if (M.key !== "Backspace" || !(e.cursor ? u.get(e.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
-            const F = k.selectionStart ?? 0, S = k.selectionEnd ?? F;
+            if (M.key !== "Backspace" || !(t.cursor ? u.get(t.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
+            const F = $.selectionStart ?? 0, S = $.selectionEnd ?? F;
             if (F !== S || F <= 0) return;
-            const B = k.value ?? "", R = i != null ? u.get(i) : null;
+            const B = $.value ?? "", R = i != null ? u.get(i) : null;
             if (!R) return;
-            const se = c != null ? u.get(c) : void 0, re = p != null ? u.get(p) : !0, ee = f != null ? u.get(f) : void 0, Q = v != null ? u.get(v) : void 0, ue = Ye(
+            const st = c != null ? u.get(c) : void 0, rt = p != null ? u.get(p) : !0, tt = f != null ? u.get(f) : void 0, Q = v != null ? u.get(v) : void 0, ut = Yt(
               typeof R == "function" ? R(B, {
                 raw: B,
                 previousConformed: B,
                 cursor: F,
                 completed: !1
               }) : R,
-              se ?? {},
-              re ?? !0
+              st ?? {},
+              rt ?? !0
             ), q = /* @__PURE__ */ new Set();
-            for (const U of ue)
+            for (const U of ut)
               U.type === "literal" && q.add(U.char);
-            if (ee) for (const U of ee) q.add(U);
+            if (tt) for (const U of tt) q.add(U);
             if (Q) for (const U of Q) q.add(U);
             if (q.has(B[F - 1])) {
               let U = F - 1;
               for (; U >= 0 && q.has(B[U]); ) U--;
-              U >= 0 && (M.preventDefault(), M.stopPropagation(), k.value = B.slice(0, U) + B.slice(U + 1), w(k, "input"));
+              U >= 0 && (M.preventDefault(), M.stopPropagation(), $.value = B.slice(0, U) + B.slice(U + 1), w($, "input"));
             }
           })
         ) : T
@@ -1287,8 +1286,8 @@ const Xe = (e) => {
     )
   });
 };
-function Y(e, t, r) {
-  const n = u.map(e, (o) => o != null), s = ke.clearValue;
+function Y(t, e, r) {
+  const n = u.map(t, (o) => o != null), s = $t.clearValue;
   return E(
     n,
     () => I.button(
@@ -1296,7 +1295,7 @@ function Y(e, t, r) {
       a.class("bc-input-container__reset"),
       N.label(s),
       a.title(s),
-      a.disabled(t ?? !1),
+      a.disabled(e ?? !1),
       z({ icon: "mdi:close", size: "sm" }),
       C.click((o) => {
         o.preventDefault(), o.stopPropagation(), r?.(null);
@@ -1304,139 +1303,141 @@ function Y(e, t, r) {
     )
   );
 }
-const xn = (e) => {
-  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = Y(t, o, n);
+const xn = (t) => {
+  const { value: e, onBlur: r, onChange: n, after: s, disabled: o } = t, l = Y(e, o, n);
   return O({
-    ...e,
+    ...t,
     input: K.date(
-      j(e),
-      a.valueAsDate(t),
+      j(t),
+      a.valueAsDate(e),
       a.class("bc-input"),
       r != null ? C.blur(P(r)) : T,
-      n != null ? C.change(et(n)) : T
+      n != null ? C.change(te(n)) : T
     ),
     after: s != null ? L(l, s) : l
   });
-}, Zt = (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")}`;
-}, wn = (e) => {
-  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = u.map(t, (c) => c != null ? Zt(c) : null), i = Y(t, o, n);
+}, Ze = (t) => {
+  const e = t.getFullYear(), r = t.getMonth() + 1, n = t.getDate(), s = t.getHours(), o = t.getMinutes(), l = t.getSeconds();
+  return `${e}-${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")}`;
+}, wn = (t) => {
+  const { value: e, onBlur: r, onChange: n, after: s, disabled: o } = t, l = u.map(e, (c) => c != null ? Ze(c) : null), i = Y(e, o, n);
   return O({
-    ...e,
+    ...t,
     input: K["datetime-local"](
-      j(e),
+      j(t),
       a.value(u.map(l, (c) => c ?? null)),
       a.class("bc-input"),
       r != null ? C.blur(P(r)) : T,
-      n != null ? C.change(tt(n)) : T
+      n != null ? C.change(ee(n)) : T
     ),
     after: s != null ? L(i, s) : i
   });
-}, Z = (e) => typeof e == "string" && e.trim() === "" ? null : e, ne = (e) => e ?? "", _n = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = Y(t, l, n);
-  return it({
+}, Z = (t) => typeof t == "string" && t.trim() === "" ? null : t, nt = (t) => t ?? "", _n = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = t, c = Y(e, l, n);
+  return ie({
     ...i,
-    value: u.map(t, ne),
+    value: u.map(e, nt),
     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: l, ...i } = e, c = Y(t, l, n);
-  return ut({
+}, yn = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = t, c = Y(e, l, n);
+  return ue({
     ...i,
-    value: u.map(t, ne),
+    value: u.map(e, nt),
     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
   });
-}, kn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = Y(t, l, n);
-  return pt({
+}, $n = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = t, c = Y(e, l, n);
+  return pe({
     ...i,
-    value: u.map(t, ne),
+    value: u.map(e, nt),
     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
   });
-}, Yt = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, rows: o } = e;
+}, Ye = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s, rows: o } = t;
   return O({
-    ...e,
+    ...t,
     input: I.textarea(
-      j(e),
+      j(t),
       a.rows(o ?? 3),
-      a.value(t),
+      a.value(e),
       a.class("bc-input"),
       r != null ? C.blur(P(r)) : T,
       n != null ? C.change(P(n)) : T,
       s != null ? C.input(P(s)) : T
     )
   });
-}, yn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = Y(t, l, n);
-  return Yt({
+}, kn = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = t, c = Y(e, l, n);
+  return Ye({
     ...i,
-    value: u.map(t, ne),
+    value: u.map(e, nt),
     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: l, onInput: i, after: c } = e, p = (v) => {
+}, In = (t) => {
+  const { value: e, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i, after: c } = t, p = (v) => {
     const d = n != null ? u.get(n) : void 0, x = s != null ? u.get(s) : void 0;
     return d != null && v < d ? d : x != null && v > x ? x : v;
   }, m = r != null ? H(X, (v) => {
     const d = V(
-      t,
+      e,
       n
     )((g, b) => b == null ? !0 : (g ?? 0) > b), x = V(
-      t,
+      e,
       s
     )((g, b) => b == null ? !0 : (g ?? 0) < b), h = (g) => {
-      const b = u.get(t) ?? 0, D = u.get(r), y = g?.shiftKey ? 10 : 1, _ = b - D * y, w = n != null ? u.get(n) : void 0;
+      const b = u.get(e) ?? 0, D = u.get(r), k = g?.shiftKey ? 10 : 1, _ = b - D * k, w = n != null ? u.get(n) : void 0;
       if (w != null && _ < w)
         return;
-      const k = p(_);
-      k !== b && l && l(k);
-    }, $ = (g) => {
-      const b = u.get(t) ?? 0, D = u.get(r), y = g?.shiftKey ? 10 : 1, _ = b + D * y, w = s != null ? u.get(s) : void 0;
+      const $ = p(_);
+      $ !== b && l && l($);
+    }, y = (g) => {
+      const b = u.get(e) ?? 0, D = u.get(r), k = g?.shiftKey ? 10 : 1, _ = b + D * k, w = s != null ? u.get(s) : void 0;
       if (w != null && _ > w)
         return;
-      const k = p(_);
-      k !== b && l && l(k);
+      const $ = p(_);
+      $ !== b && l && l($);
     };
-    return ce(
+    return ct(
       a.class("bc-number-input-steppers"),
       // Increment second
       I.button(
+        a.type("button"),
         a.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         a.disabled(
           V(
             x,
-            e.disabled ?? !1
+            t.disabled ?? !1
           )((g, b) => !g || b)
         ),
-        C.click((g) => $(g)),
+        C.click((g) => y(g)),
         N.label(v.$.incrementValue),
         z({ icon: "line-md:plus", size: "xs" })
       ),
       // Decrement first (matches tests expecting first button to be decrement)
       I.button(
+        a.type("button"),
         a.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         a.disabled(
           V(
             d,
-            e.disabled ?? !1
+            t.disabled ?? !1
           )((g, b) => !g || b)
         ),
         C.click((g) => h(g)),
@@ -1446,13 +1447,13 @@ const xn = (e) => {
     );
   }) : null, f = c != null && m != null ? L(m, c) : c ?? m;
   return O({
-    ...e,
+    ...t,
     input: K.number(
       n != null ? L(
         a.min(n),
         W(
           u.on(n, (v) => {
-            v < u.get(t);
+            v < u.get(e);
           })
         )
       ) : T,
@@ -1460,12 +1461,12 @@ const xn = (e) => {
         a.max(s),
         W(
           u.on(s, (v) => {
-            v > u.get(t);
+            v > u.get(e);
           })
         )
       ) : T,
-      j(e),
-      a.valueAsNumber(t),
+      j(t),
+      a.valueAsNumber(e),
       a.step(r),
       a.class("bc-input bc-number-input"),
       o != null ? C.blur(P(o)) : T,
@@ -1474,82 +1475,84 @@ const xn = (e) => {
       // Add wheel event support when step is defined
       r != null ? C.wheel((v) => {
         v.preventDefault();
-        const d = u.get(t) ?? 0, x = u.get(r), h = v.shiftKey ? 10 : 1, $ = v.deltaY < 0 ? x * h : -x * h, g = p(d + $);
+        const d = u.get(e) ?? 0, x = u.get(r), h = v.shiftKey ? 10 : 1, y = v.deltaY < 0 ? x * h : -x * h, g = p(d + y);
         g !== d && l && l(g);
       }) : T
     ),
     after: f
   });
-}, Re = (e) => {
-  if (e == null || e === "") return null;
-  const t = Number(e);
-  return Number.isNaN(t) ? null : t;
-}, Cn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i, after: c } = e, p = (d) => {
+}, Rt = (t) => {
+  if (t == null || t === "") return null;
+  const e = Number(t);
+  return Number.isNaN(e) ? null : e;
+}, Cn = (t) => {
+  const { value: e, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i, after: c } = t, 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 = V(
-      t,
+      e,
       n
     )((b, D) => {
-      const y = b ?? 0;
-      return D == null ? !0 : y > D;
+      const k = b ?? 0;
+      return D == null ? !0 : k > D;
     }), x = V(
-      t,
+      e,
       s
     )((b, D) => {
-      const y = b ?? 0;
-      return D == null ? !0 : y < D;
+      const k = b ?? 0;
+      return D == null ? !0 : k < D;
     }), h = (b) => {
-      const D = u.get(t) ?? 0, y = u.get(r), _ = b?.shiftKey ? 10 : 1, w = D - y * _, k = n != null ? u.get(n) : void 0;
-      if (k != null && w < k) return;
+      const D = u.get(e) ?? 0, k = u.get(r), _ = b?.shiftKey ? 10 : 1, w = D - k * _, $ = n != null ? u.get(n) : void 0;
+      if ($ != null && w < $) return;
       const M = p(w);
       M !== D && l && l(M);
-    }, $ = (b) => {
-      const D = u.get(t) ?? 0, y = u.get(r), _ = b?.shiftKey ? 10 : 1, w = D + y * _, k = s != null ? u.get(s) : void 0;
-      if (k != null && w > k) return;
+    }, y = (b) => {
+      const D = u.get(e) ?? 0, k = u.get(r), _ = b?.shiftKey ? 10 : 1, w = D + k * _, $ = s != null ? u.get(s) : void 0;
+      if ($ != null && w > $) return;
       const M = p(w);
       M !== D && l && l(M);
     };
-    return ((b, D) => ce(
+    return ((b, D) => ct(
       a.class("bc-number-input-steppers"),
       I.button(
+        a.type("button"),
         a.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
         a.disabled(
           V(
             x,
-            e.disabled ?? !1
-          )((y, _) => !y || _)
+            t.disabled ?? !1
+          )((k, _) => !k || _)
         ),
-        C.click((y) => $(y)),
+        C.click((k) => y(k)),
         N.label(b),
         z({ icon: "line-md:plus", size: "xs" })
       ),
       I.button(
+        a.type("button"),
         a.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
         a.disabled(
           V(
             d,
-            e.disabled ?? !1
-          )((y, _) => !y || _)
+            t.disabled ?? !1
+          )((k, _) => !k || _)
         ),
-        C.click((y) => h(y)),
+        C.click((k) => h(k)),
         N.label(D),
         z({ icon: "line-md:minus", size: "xs" })
       )
     ))(
-      ke.incrementValue,
-      ke.decrementValue
+      $t.incrementValue,
+      $t.decrementValue
     );
-  })(), f = Y(t, e.disabled, l), v = c != null && m != null ? L(m, f, c) : c != null ? L(f, c) : m != null ? L(m, f) : f;
+  })(), f = Y(e, t.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,
+    ...t,
     input: K.number(
       // min/max attributes and reactive watchers (no forced correction)
       n != null ? L(
@@ -1566,36 +1569,36 @@ const xn = (e) => {
           })
         )
       ) : T,
-      j(e),
+      j(t),
       // Represent null as empty string so the field can be cleared
-      a.value(u.map(t, (d) => d == null ? "" : String(d))),
+      a.value(u.map(e, (d) => d == null ? "" : String(d))),
       a.step(r),
       a.class("bc-input bc-number-input"),
       o != null ? C.blur(P(o)) : T,
       l != null ? C.change(
         P((d) => {
-          const x = Re(d);
+          const x = Rt(d);
           l(x);
         })
       ) : T,
       i != null ? C.input(
         P((d) => {
-          const x = Re(d);
+          const x = Rt(d);
           i(x);
         })
       ) : T,
       // Wheel support when step is defined
       r != null ? C.wheel((d) => {
         d.preventDefault();
-        const x = u.get(t) ?? 0, h = u.get(r), $ = d.shiftKey ? 10 : 1, g = d.deltaY < 0 ? h * $ : -h * $, b = p(x + g);
+        const x = u.get(e) ?? 0, h = u.get(r), y = d.shiftKey ? 10 : 1, g = d.deltaY < 0 ? h * y : -h * y, b = p(x + g);
         b !== x && l && l(b);
       }) : T
     ),
     after: v
   });
 }, Mn = ({
-  value: e,
-  onChange: t,
+  value: t,
+  onChange: e,
   offLabel: r,
   onLabel: n,
   label: s,
@@ -1604,24 +1607,24 @@ const xn = (e) => {
   id: i,
   color: c = "primary"
 }) => {
-  const p = i ?? dt("switch"), m = `${p}-label`;
-  function f(h, $) {
+  const p = i ?? de("switch"), m = `${p}-label`;
+  function f(h, y) {
     const g = [
       "bc-switch",
-      `bc-switch--size-${$}`,
-      `bc-switch--${$}`
+      `bc-switch--size-${y}`,
+      `bc-switch--${y}`
     ];
     return h && g.push("bc-switch--disabled"), g.join(" ");
   }
   function v(h) {
-    const $ = h ?? "primary", g = /* @__PURE__ */ new Map(), b = Le($, "solid", "light"), D = Le($, "solid", "dark");
+    const y = h ?? "primary", g = /* @__PURE__ */ new Map(), b = Lt(y, "solid", "light"), D = Lt(y, "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", D.backgroundColor), g.set("--switch-track-on-label-dark", D.textColor), g.set(
       "--switch-track-on-border-dark",
-      ht($, "dark")
-    ), Array.from(g.entries()).map(([y, _]) => `${y}: ${_}`).join("; ");
+      he(y, "dark")
+    ), Array.from(g.entries()).map(([k, _]) => `${k}: ${_}`).join("; ");
   }
   const d = () => {
-    u.get(o) || t(!u.get(e));
+    u.get(o) || e(!u.get(t));
   }, x = (h) => {
     u.get(o) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), d());
   };
@@ -1631,7 +1634,7 @@ const xn = (e) => {
         o ?? !1,
         l
       )(
-        (h, $) => f(h ?? !1, $ ?? "md")
+        (h, y) => f(h ?? !1, y ?? "md")
       )
     ),
     a.style(
@@ -1644,12 +1647,12 @@ const xn = (e) => {
     a.tabindex(
       u.map(o, (h) => h ? -1 : 0)
     ),
-    N.checked(e),
+    N.checked(t),
     N.disabled(o),
     N.labelledby(s != null ? m : void 0),
     C.click(d),
     C.keydown(x),
-    s != null ? ft(
+    s != null ? fe(
       a.id(m),
       a.class(
         `bc-switch__label bc-switch__label--size-${l} bc-switch__label--nowrap`
@@ -1660,7 +1663,7 @@ const xn = (e) => {
       a.class("bc-switch__track"),
       a.class(
         u.map(
-          e,
+          t,
           (h) => h ? "bc-switch__track--on" : "bc-switch__track--off"
         )
       ),
@@ -1669,7 +1672,7 @@ const xn = (e) => {
         a.class("bc-switch__track-label bc-switch__track-label--off"),
         a.class(
           u.map(
-            e,
+            t,
             (h) => h ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
           )
         ),
@@ -1679,30 +1682,30 @@ const xn = (e) => {
         a.class("bc-switch__track-label bc-switch__track-label--on"),
         a.class(
           u.map(
-            e,
+            t,
             (h) => h ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
           )
         ),
         n
       ) : null,
-      je(
+      jt(
         (h) => H(
-          mt,
-          ({ direction: $ }) => I.div(
+          me,
+          ({ direction: y }) => I.div(
             a.class("bc-switch__thumb"),
             a.class(
               u.map(
-                e,
+                t,
                 (g) => g ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
               )
             ),
-            de.transform(
+            dt.transform(
               V(
-                e,
+                t,
                 h,
                 l,
-                $
-              )((g, { width: b }, D, y) => {
+                y
+              )((g, { width: b }, D, k) => {
                 const _ = (() => {
                   switch (D) {
                     case "xs":
@@ -1716,7 +1719,7 @@ const xn = (e) => {
                     case "xl":
                       return 8;
                   }
-                })(), w = y === "rtl" ? `calc((var(--spacing-base) * ${_}) - ${b}px)` : `calc(${b}px - (var(--spacing-base) * ${_}))`;
+                })(), w = k === "rtl" ? `calc((var(--spacing-base) * ${_}) - ${b}px)` : `calc(${b}px - (var(--spacing-base) * ${_}))`;
                 return g ? `translateX(${w})` : "translateX(0)";
               })
             )
@@ -1725,97 +1728,97 @@ const xn = (e) => {
       )
     )
   );
-}, Xt = (e) => {
-  const t = {
+}, Xe = (t) => {
+  const e = {
     type: "pattern",
     pattern: /[0-9A-Fa-f]/,
     transform: (n) => n.toLowerCase()
   };
-  return Xe({
-    ...e,
+  return Xt({
+    ...t,
     mask: [
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
       "-",
-      t,
-      t,
-      t,
-      t,
+      e,
+      e,
+      e,
+      e,
       "-",
-      t,
-      t,
-      t,
-      t,
+      e,
+      e,
+      e,
+      e,
       "-",
-      t,
-      t,
-      t,
-      t,
+      e,
+      e,
+      e,
+      e,
       "-",
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
-      t,
-      t
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e,
+      e
     ],
     // Sensible default placeholder; can be overridden via options.placeholder
-    placeholder: e.placeholder ?? "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
+    placeholder: t.placeholder ?? "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
   });
-}, Dn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = Y(t, l, n);
-  return Xt({
+}, Dn = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = t, c = Y(e, l, n);
+  return Xe({
     ...i,
-    value: u.map(t, ne),
+    value: u.map(e, nt),
     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
   });
-}, qt = "line-md:star-alt-filled", Gt = "line-md:star-alt", Qt = (e) => {
+}, qe = "line-md:star-alt-filled", Ge = "line-md:star-alt", Qe = (t) => {
   const {
-    value: t,
+    value: e,
     onChange: r,
     disabled: n,
     max: s = 5,
     fullColor: o = "yellow",
     emptyColor: l = "neutral",
-    fullIcon: i = qt,
-    emptyIcon: c = Gt,
+    fullIcon: i = qe,
+    emptyIcon: c = Ge,
     size: p = "md",
     onBlur: m,
     rounding: f = 1
-  } = e, v = () => {
+  } = t, v = () => {
     const b = u.get(f);
     return b > 0 ? b : 1;
   }, d = (b) => Math.min(Math.max(b, 0), u.get(s)), x = (b, D) => {
     if (u.get(n ?? !1)) return;
-    const _ = b.currentTarget.getBoundingClientRect(), w = (b.clientX - _.left) / _.width, k = D - 1 + w, M = v(), A = Math.ceil(k / M) * M, F = d(A);
+    const _ = b.currentTarget.getBoundingClientRect(), w = (b.clientX - _.left) / _.width, $ = D - 1 + w, M = v(), A = Math.ceil($ / M) * M, F = d(A);
     r?.(F);
   }, h = (b) => {
     if (u.get(n ?? !1)) return;
-    const D = v(), y = u.get(t) ?? 0;
+    const D = v(), k = u.get(e) ?? 0;
     let _;
     switch (b.key) {
       case "ArrowRight":
       case "ArrowUp":
-        _ = d(y + D);
+        _ = d(k + D);
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        _ = d(y - D);
+        _ = d(k - D);
         break;
       case "Home":
         _ = 0;
@@ -1827,20 +1830,20 @@ const xn = (e) => {
         return;
     }
     b.preventDefault(), r?.(_);
-  }, $ = u.map(p, (b) => `bc-icon--${b}`), g = ({ index: b, counter: D }) => I.span(
+  }, y = u.map(p, (b) => `bc-icon--${b}`), g = ({ index: b, counter: D }) => I.span(
     a.class("bc-rating-input__icon-container"),
-    a.class($),
+    a.class(y),
     z(
       { icon: c, size: p, color: l, tone: "soft" },
       a.class("bc-rating-input__icon-empty")
     ),
     I.span(
       a.class("bc-rating-input__icon-clipper"),
-      a.class($),
-      de.width(
-        u.map(t, (y) => {
-          const _ = Math.floor(y);
-          return _ > b ? "100%" : _ < b ? "0%" : `${(y - b) * 100}%`;
+      a.class(y),
+      dt.width(
+        u.map(e, (k) => {
+          const _ = Math.floor(k);
+          return _ > b ? "100%" : _ < b ? "0%" : `${(k - b) * 100}%`;
         })
       ),
       z(
@@ -1849,7 +1852,7 @@ const xn = (e) => {
       )
     ),
     C.click(
-      nt((y) => x(y, D), {
+      ne((k) => x(k, D), {
         preventDefault: !0,
         stopPropagation: !0
       })
@@ -1859,10 +1862,10 @@ const xn = (e) => {
     baseContainer: !0,
     growInput: !1,
     focusableSelector: '[role="slider"]',
-    ...e,
+    ...t,
     input: I.div(
       // Common input attributes (id, required, invalid, custom classes, etc.)
-      j(e),
+      j(t),
       a.class("bc-rating-input"),
       // ARIA slider semantics
       a.role("slider"),
@@ -1870,69 +1873,69 @@ const xn = (e) => {
       N.disabled(n ?? !1),
       N.valuemin(0),
       N.valuemax(u.map(s, (b) => b ?? 0)),
-      N.valuenow(u.map(t, (b) => b ?? 0)),
+      N.valuenow(u.map(e, (b) => b ?? 0)),
       N.valuetext(
         V(
-          t,
+          e,
           s
         )((b, D) => {
-          const y = b ?? 0, _ = D ?? 0;
-          return `${String(y)} / ${String(_)}`;
+          const k = b ?? 0, _ = D ?? 0;
+          return `${String(k)} / ${String(_)}`;
         })
       ),
       // Keyboard & focus handlers
       C.keydown(h),
       m != null ? C.blur(m) : null,
-      Pe(s, g)
+      Pt(s, g)
     )
   });
-}, Sn = (e) => {
-  const { value: t, onChange: r, onBlur: n, after: s, disabled: o, ...l } = e, i = Y(t, o, r);
-  return Qt({
+}, Sn = (t) => {
+  const { value: e, onChange: r, onBlur: n, after: s, disabled: o, ...l } = t, i = Y(e, o, r);
+  return Qe({
     ...l,
     // Map null -> 0 for display so the control shows as empty when null
-    value: u.map(t, (c) => c ?? 0),
+    value: u.map(e, (c) => c ?? 0),
     // Pass through numeric changes; clear button will call onChange(null)
     onChange: r,
     onBlur: n,
     after: s != null ? L(i, s) : i
   });
-}, Tn = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i } = e;
+}, Tn = (t) => {
+  const { value: e, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i } = t;
   return O({
-    ...e,
+    ...t,
     // Make sure clicks anywhere focus the range input
     focusableSelector: 'input[type="range"]',
     input: I.input(
       a.type("range"),
-      j(e),
+      j(t),
       a.min(n),
       a.max(s),
       a.step(r),
       // Using value as number to keep it in sync
-      a.valueAsNumber(t),
+      a.valueAsNumber(e),
       a.class("bc-input bc-slider-input"),
       o != null ? C.blur(G(o)) : T,
       l != null ? C.change(G(l)) : T,
       i != null ? C.input(G(i)) : T
     )
   });
-}, An = (e) => {
-  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i } = e, c = u.map(t, (m) => {
+}, An = (t) => {
+  const { value: e, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: i } = t, c = u.map(e, (m) => {
     if (m != null) return m;
     const f = n != null ? u.get(n) : void 0;
     return typeof f == "number" ? f : 0;
-  }), p = Y(t, e.disabled, (m) => {
+  }), p = Y(e, t.disabled, (m) => {
     l?.(m);
   });
   return O(
     {
-      ...e,
+      ...t,
       focusableSelector: 'input[type="range"]',
       after: p,
       input: I.input(
         a.type("range"),
-        j(e),
+        j(t),
         a.min(n),
         a.max(s),
         a.step(r),
@@ -1955,35 +1958,35 @@ const xn = (e) => {
     L()
   );
 };
-let we = null;
-async function Me() {
-  const e = globalThis;
-  return e.Temporal ? e.Temporal : (we || (we = import("./index.esm-DPNh6inz.js").then((t) => {
-    const r = t.Temporal;
-    return e.Temporal || (e.Temporal = r), r;
-  })), we);
+let wt = null;
+async function Mt() {
+  const t = globalThis;
+  return t.Temporal ? t.Temporal : (wt || (wt = import("./index.esm-DPNh6inz.js").then((e) => {
+    const r = e.Temporal;
+    return t.Temporal || (t.Temporal = r), r;
+  })), wt);
 }
-const Jt = (e, t) => t ? Be(Me, {
-  then: e,
-  pending: t.pending,
-  error: t.error
-}) : Be(Me, e), Kt = /^P(\d+([YMWD]|$)){0,4}(T(\d+([HMS]|$)){0,3})?$/i, en = /^P(?:(\d+Y)?(\d+M)?(\d+W)?(\d+D)?)(T(\d+H)?(\d+M)?(\d+S)?)?$/i;
-function tn(e) {
+const Je = (t, e) => e ? Bt(Mt, {
+  then: t,
+  pending: e.pending,
+  error: e.error
+}) : Bt(Mt, t), Ke = /^P(\d+([YMWD]|$)){0,4}(T(\d+([HMS]|$)){0,3})?$/i, tn = /^P(?:(\d+Y)?(\d+M)?(\d+W)?(\d+D)?)(T(\d+H)?(\d+M)?(\d+S)?)?$/i;
+function en(t) {
   return {
     mask: null,
     allowMode: "custom",
-    allow: (t) => /[0-9ptwdhms]/i.test(t),
-    pipe: (t) => {
-      const r = t.toUpperCase();
-      return r.length === 0 ? r : !r.startsWith("P") || !Kt.test(r) ? !1 : r;
+    allow: (e) => /[0-9ptwdhms]/i.test(e),
+    pipe: (e) => {
+      const r = e.toUpperCase();
+      return r.length === 0 ? r : !r.startsWith("P") || !Ke.test(r) ? !1 : r;
     },
     completion: {
       mode: "custom",
-      isComplete: (t) => {
-        const r = t.toUpperCase();
-        if (!en.test(r)) return !1;
+      isComplete: (e) => {
+        const r = e.toUpperCase();
+        if (!tn.test(r)) return !1;
         try {
-          return e(r), !0;
+          return t(r), !0;
         } catch {
           return !1;
         }
@@ -1991,33 +1994,33 @@ function tn(e) {
     }
   };
 }
-const Oe = (e, t) => {
-  if (e == null) return null;
+const Ot = (t, e) => {
+  if (t == null) return null;
   try {
-    return e.Duration.from(t);
+    return t.Duration.from(e);
   } catch {
     return null;
   }
-}, Fn = (e) => {
-  const { value: t, onChange: r, after: n, disabled: s, onBlur: o } = e, l = () => {
-    const p = Y(t, s, r);
+}, Fn = (t) => {
+  const { value: e, onChange: r, after: n, disabled: s, onBlur: o } = t, l = () => {
+    const p = Y(e, s, r);
     return n != null ? L(p, n) : p;
-  }, i = e.placeholder != null ? T : a.placeholder("P0DT0H0M0S");
-  return Jt(
-    (p) => Xe({
-      ...e,
-      value: u.map(t, (m) => m?.toString() ?? ""),
+  }, i = t.placeholder != null ? T : a.placeholder("P0DT0H0M0S");
+  return Je(
+    (p) => Xt({
+      ...t,
+      value: u.map(e, (m) => m?.toString() ?? ""),
       onChange: r ? (m) => r(m === "" ? null : p.Duration.from(m)) : void 0,
       onInput: void 0,
-      ...tn(p.Duration.from),
+      ...en(p.Duration.from),
       placeholder: "P0DT0H0M0S",
       after: l()
     }),
     { pending: () => O({
-      ...e,
+      ...t,
       input: K.text(
-        j(e),
-        a.value(u.map(t, (p) => p?.toString() ?? "")),
+        j(t),
+        a.value(u.map(e, (p) => p?.toString() ?? "")),
         a.class("bc-input"),
         i,
         o != null ? C.blur(() => o()) : T,
@@ -2027,13 +2030,13 @@ const Oe = (e, t) => {
             r(null);
             return;
           }
-          const v = globalThis.Temporal, d = Oe(v, f);
+          const v = globalThis.Temporal, d = Ot(v, f);
           if (d != null) {
             r(d);
             return;
           }
-          Me().then((x) => {
-            const h = Oe(x, f);
+          Mt().then((x) => {
+            const h = Ot(x, f);
             h != null && r(h);
           }).catch(() => {
           });
@@ -2042,32 +2045,32 @@ const Oe = (e, t) => {
       after: l()
     }) }
   );
-}, nn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s } = e;
+}, nn = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s } = t;
   return O({
-    ...e,
+    ...t,
     input: K.url(
-      j(e),
-      a.value(t),
+      j(t),
+      a.value(e),
       a.class("bc-input"),
       r != null ? C.blur(P(r)) : T,
       n != null ? C.change(P(n)) : T,
       s != null ? C.input(P(s)) : T
     )
   });
-}, Bn = (e) => {
-  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = e, c = Y(t, l, n);
+}, Bn = (t) => {
+  const { value: e, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...i } = t, c = Y(e, l, n);
   return nn({
     ...i,
-    value: u.map(t, ne),
+    value: u.map(e, nt),
     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
   });
-}, sn = (e) => {
+}, sn = (t) => {
   const {
-    controller: t,
+    controller: e,
     element: r,
     separator: n,
     showMove: s = !0,
@@ -2078,8 +2081,8 @@ const Oe = (e, t) => {
     controlsLayout: p = "aside",
     removeDisabled: m,
     addDisabled: f
-  } = e, v = u.toSignal(p).map((h) => h === "aside"), d = (h) => {
-    const $ = E(
+  } = t, v = u.toSignal(p).map((h) => h === "aside"), d = (h) => {
+    const y = E(
       s ?? !1,
       () => I.div(
         a.class("bc-group--align-center"),
@@ -2088,7 +2091,7 @@ const Oe = (e, t) => {
             (b) => b ? "bc-group--direction-column bc-group--gap-1" : "bc-group--direction-row bc-group--gap-1"
           )
         ),
-        ge(
+        gt(
           {
             size: "xs",
             roundedness: "full",
@@ -2105,7 +2108,7 @@ const Oe = (e, t) => {
             })
           )
         ),
-        ge(
+        gt(
           {
             size: "xs",
             roundedness: "full",
@@ -2127,7 +2130,7 @@ const Oe = (e, t) => {
       o,
       () => H(
         X,
-        (b) => $e({
+        (b) => yt({
           size: "xs",
           // Use a lowercase label to satisfy tests that query with [aria-label*="remove"]
           label: u.map(b.$.removeItem, (D) => D.toLowerCase()),
@@ -2139,26 +2142,26 @@ const Oe = (e, t) => {
     );
     return (b) => E(
       v,
-      () => pe(
+      () => pt(
         a.class("bc-group--gap-1 bc-group--align-center"),
-        ce(a.class("bc-stack--grow"), b),
-        ce(
+        ct(a.class("bc-stack--grow"), b),
+        ct(
           a.class("bc-stack--align-center"),
           E(
-            t.value.map((D) => D.length > 1),
-            () => $
+            e.value.map((D) => D.length > 1),
+            () => y
           ),
           g
         )
       ),
-      () => ce(
+      () => ct(
         a.class("bc-stack--gap-2"),
         b,
-        pe(
+        pt(
           a.class("bc-group--gap-2 bc-group--justify-between"),
           E(
-            t.value.map((D) => D.length > 1),
-            () => $,
+            e.value.map((D) => D.length > 1),
+            () => y,
             () => I.div()
           ),
           g
@@ -2166,26 +2169,26 @@ const Oe = (e, t) => {
       )
     );
   }, x = E(
-    V(l, i)((h, $) => h && $ != null),
-    () => pe(
+    V(l, i)((h, y) => h && y != null),
+    () => pt(
       a.class(
         "bc-group--gap-2 bc-group--align-center bc-group--justify-center"
       ),
-      ge(
+      gt(
         {
           size: "sm",
           variant: "filled",
-          onClick: () => t.push(i()),
+          onClick: () => e.push(i()),
           disabled: V(
-            t.disabled,
+            e.disabled,
             f ?? !1
           )(
-            (h, $) => h || $
+            (h, y) => h || y
           )
         },
         H(
           X,
-          (h) => pe(
+          (h) => pt(
             a.class("bc-group--gap-2"),
             z({ icon: "line-md:plus" }),
             c ?? h.$.addLabel
@@ -2195,14 +2198,14 @@ const Oe = (e, t) => {
     )
   );
   return L(
-    Pt(
-      t,
+    Pe(
+      e,
       (h) => d(h)(r(h)),
       n
     ),
     x
   );
-}, Ln = (e, ...t) => {
+}, Ln = (t, ...e) => {
   const {
     controller: r,
     element: n,
@@ -2216,8 +2219,8 @@ const Oe = (e, t) => {
     removeDisabled: f,
     addDisabled: v,
     ...d
-  } = e;
-  return He(
+  } = t;
+  return Ht(
     {
       ...d,
       content: sn({
@@ -2234,31 +2237,31 @@ const Oe = (e, t) => {
         addDisabled: v
       })
     },
-    ...t
+    ...e
   );
 };
-class Vn extends be {
+class Vn extends bt {
   branches;
   activeBranch;
-  #t;
-  #e = /* @__PURE__ */ new Map();
-  constructor(t, r, n, s, o, l, i = le) {
-    super(t, r, n, s, o, i), this.branches = l;
+  #e;
+  #t = /* @__PURE__ */ new Map();
+  constructor(e, r, n, s, o, l, i = lt) {
+    super(e, 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, le);
+    this.activeBranch = n.map(c, lt);
     const p = (m) => {
-      if (this.#e.has(m))
-        return this.#e.get(m);
+      if (this.#t.has(m))
+        return this.#t.get(m);
       const f = l.find((d) => d.key === m);
       if (!f)
         throw new Error(`Unknown branch: ${m}`);
-      const v = new be(
-        [...t, m],
+      const v = new bt(
+        [...e, m],
         (d) => {
           this.change(d);
         },
@@ -2266,64 +2269,64 @@ class Vn extends be {
           (d) => f.detect(d) ? d : f.defaultValue(),
           i
         ),
-        s.map(Ve([m])),
+        s.map(Vt([m])),
         {
           disabled: this.disabled,
           validationMode: this.parent.validationMode
         },
         i
       );
-      return this.#e.set(m, v), v;
+      return this.#t.set(m, v), v;
     };
-    this.#t = this.activeBranch.map(
+    this.#e = this.activeBranch.map(
       (m) => p(m),
-      le
+      lt
     ), this.onDispose(() => {
-      for (const m of this.#e.values())
+      for (const m of this.#t.values())
         m.dispose();
-      this.#e.clear(), this.activeBranch.dispose(), this.#t.dispose();
+      this.#t.clear(), this.activeBranch.dispose(), this.#e.dispose();
     });
   }
   /**
    * Get the controller for the currently active branch
    */
   get activeController() {
-    return u.get(this.#t);
+    return u.get(this.#e);
   }
   /**
    * Get a controller for a specific branch
    */
-  getBranchController(t) {
-    const r = this.branches.find((s) => s.key === t);
+  getBranchController(e) {
+    const r = this.branches.find((s) => s.key === e);
     if (!r)
-      throw new Error(`Unknown branch: ${t}`);
-    if (this.#e.has(t))
-      return this.#e.get(t);
-    const n = new be(
-      [...this.path, t],
+      throw new Error(`Unknown branch: ${e}`);
+    if (this.#t.has(e))
+      return this.#t.get(e);
+    const n = new bt(
+      [...this.path, e],
       (s) => {
         this.change(s);
       },
       this.value.map(
         (s) => r.detect(s) ? s : r.defaultValue(),
-        le
+        lt
       ),
-      this.status.map(Ve([t])),
+      this.status.map(Vt([e])),
       {
         disabled: this.disabled,
         validationMode: this.parent.validationMode
       },
-      le
+      lt
     );
-    return this.#e.set(t, n), n;
+    return this.#t.set(e, n), n;
   }
   /**
    * Switch to a different branch
    */
-  switchToBranch(t, r = !1) {
-    const n = this.branches.find((l) => l.key === t);
+  switchToBranch(e, r = !1) {
+    const n = this.branches.find((l) => l.key === e);
     if (!n)
-      throw new Error(`Unknown branch: ${t}`);
+      throw new Error(`Unknown branch: ${e}`);
     const s = u.get(this.value);
     if (n.detect(s))
       return !0;
@@ -2343,26 +2346,26 @@ class Vn extends be {
    * Get the current active branch definition
    */
   get activeBranchDefinition() {
-    const t = u.get(this.activeBranch);
-    return this.branches.find((r) => r.key === t);
+    const e = u.get(this.activeBranch);
+    return this.branches.find((r) => r.key === e);
   }
 }
-function En(e) {
-  return e.transform(
-    (t) => t ?? null,
-    (t) => t ?? void 0
+function En(t) {
+  return t.transform(
+    (e) => e ?? null,
+    (e) => e ?? void 0
   );
 }
-function Un(e) {
-  return e.transform(
-    (t) => t ?? "",
-    (t) => t === "" ? void 0 : t
+function Un(t) {
+  return t.transform(
+    (e) => e ?? "",
+    (e) => e === "" ? void 0 : e
   );
 }
-function Nn(e) {
-  return e.transform(
-    (t) => t ?? void 0,
-    (t) => t ?? null
+function Nn(t) {
+  return t.transform(
+    (e) => e ?? void 0,
+    (e) => e ?? null
   );
 }
 export {
@@ -2370,51 +2373,51 @@ export {
   sn as B,
   mn as C,
   Tn as D,
-  Ut as E,
-  kt as F,
-  pe as G,
+  Ue as E,
+  $e as F,
+  pt as G,
   An as H,
   Fn as I,
   nn as J,
   Bn as K,
   Ln as L,
-  Xe as M,
-  Rt as N,
+  Xt as M,
+  Re as N,
   gn as O,
   hn as P,
-  Nt as Q,
-  Qt as R,
+  Ne as Q,
+  Qe as R,
   dn as S,
-  Yt as T,
-  Ee as U,
-  Me as V,
-  Jt as W,
+  Ye as T,
+  Et as U,
+  Mt as V,
+  Je as W,
   un as X,
   pn as _,
   Y as a,
   Vn as b,
   Un as c,
-  tn as d,
+  en as d,
   Z as e,
   Nn as f,
   fn as g,
-  yt as h,
-  Dt as i,
+  ke as h,
+  De as i,
   bn as j,
-  Pt as k,
-  Ot as l,
+  Pe as k,
+  Oe as l,
   vn as m,
-  ne as n,
+  nt as n,
   xn as o,
   wn as p,
-  $n as q,
-  kn as r,
-  yn as s,
+  yn as q,
+  $n as r,
+  kn as s,
   En as t,
   _n as u,
   In as v,
   Cn as w,
   Mn as x,
-  Xt as y,
+  Xe as y,
   Dn as z
 };