@tempots/beatui 1.1.4 → 1.2.0

package/dist/{deep-merge-D1cBNWZX.js → deep-merge-DwXDd3iF.js}

@@ -1,8 +1,8 @@
-import { Task as ye, Use as O, Value as f, prop as ae, html as g, attr as l, on as C, WithElement as te, Empty as M, aria as J, bind as ie, OnDispose as ne, coalesce as Ne, ForEach as ee, Fragment as N, Ensure as Pe, OneOfType as je, computedOf as A, input as se, emitValue as P, emitValueAsNumber as we, style as _e, When as U, NotEmpty as We, Repeat as Ze, signal as ke } from "@tempots/dom";
-import { I as W, a as He, B as be } from "./input-container-Q9wL2BUl.js";
-import { C as q, m as qe } from "./text-input-DEAddaOi.js";
-import { I as Ae, m as Ye, c as Ge, C as oe, d as pe, e as Ce } from "./use-form-CEY-gUUT.js";
-import { B as F, d as ce, I as E, b as De, f as Ie } from "./translations-B96REXIk.js";
+import { Task as ye, Use as O, Value as f, prop as ae, html as g, attr as r, on as C, WithElement as te, Empty as M, aria as J, bind as ie, OnDispose as ne, coalesce as Ne, ForEach as ee, Fragment as N, Ensure as Pe, OneOfType as je, computedOf as A, input as se, emitValue as P, emitValueAsNumber as we, style as _e, When as U, NotEmpty as We, Repeat as Ze, signal as ke } from "@tempots/dom";
+import { I as W, a as He, B as be } from "./input-container-CO3DNqpp.js";
+import { C as q, m as qe } from "./text-input-BAn02BzO.js";
+import { I as Ae, m as Ye, c as Ge, C as oe, d as pe, e as Ce } from "./use-form-D_TJyZhP.js";
+import { B as F, d as ce, I as E, b as De, f as Ie } from "./translations-DT5QQ4WO.js";
 import { S as Le } from "./stack-BLMteGTn.js";
 import { objectEntries as Je, delayedAnimationFrame as Xe, strictEqual as K } from "@tempots/std";
 import { ElementRect as Qe } from "@tempots/ui";
@@ -24,7 +24,7 @@ function de({
   value: e,
   accept: n = "*/*",
   enableClick: s = !0,
-  content: r,
+  content: l,
   disabled: h = !1,
   allowMultiple: o
 }) {
@@ -51,11 +51,11 @@ function de({
       f.get(s) && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i(a));
     };
     return g.div(
-      l.role("button"),
-      l.tabindex(
+      r.role("button"),
+      r.tabindex(
         f.map(s, (a) => a ? 0 : -1)
       ),
-      l.style("position: relative;"),
+      r.style("position: relative;"),
       C.dragover(p),
       C.dragleave(m),
       C.drop(v),
@@ -63,11 +63,11 @@ function de({
       C.keydown(S),
       // Hidden file input
       g.input(
-        l.type("file"),
-        l.disabled(h),
-        l.accept(n),
-        l.multiple(o),
-        l.style(
+        r.type("file"),
+        r.disabled(h),
+        r.accept(n),
+        r.multiple(o),
+        r.style(
           "position: absolute; left: -9999px; opacity: 0; pointer-events: none;"
         ),
         C.change(D),
@@ -82,7 +82,7 @@ function de({
       // Screen reader instructions
       J.label(ie(d.$.dropZoneInstructions)(s)),
       // Content
-      r({
+      l({
         files: b,
         clear: () => b.value = [],
         change: (a) => b.set(a)
@@ -92,7 +92,7 @@ function de({
 }
 const ge = "$$tts-exp-", et = (t, e) => te((n) => {
   const s = `${ge}${t}`;
-  return ne(f.on(e, (r) => Reflect.set(n, s, r)));
+  return ne(f.on(e, (l) => Reflect.set(n, s, l)));
 }), $t = (t, e) => {
   const n = `${ge}${t}`;
   return (s) => {
@@ -101,27 +101,27 @@ const ge = "$$tts-exp-", et = (t, e) => te((n) => {
 }, $e = (t, e) => {
   const n = `${ge}${t}`;
   return (s) => {
-    const r = s.target, h = r.selectedIndex, o = r.options[h];
+    const l = s.target, h = l.selectedIndex, o = l.options[h];
     e(Reflect.get(o, n));
   };
 }, Ue = (t, e, n) => Pe(
   t,
   (s) => je(s, {
-    value: (r) => {
+    value: (l) => {
       const h = A(
-        r,
+        l,
         n
       )((o, d) => e(o.value, d));
       return g.option(
-        l.selected(h),
-        et("value", r.$.value),
-        r.$.label
+        r.selected(h),
+        et("value", l.$.value),
+        l.$.label
       );
     },
-    group: (r) => g.optgroup(
-      l.label(r.$.group),
+    group: (l) => g.optgroup(
+      r.label(l.$.group),
       ee(
-        r.$.options,
+        l.$.options,
         (h) => Ue(
           h,
           e,
@@ -136,7 +136,7 @@ const ge = "$$tts-exp-", et = (t, e) => te((n) => {
     value: e,
     onBlur: n,
     onChange: s,
-    onInput: r,
+    onInput: l,
     options: h,
     unselectedLabel: o,
     equality: d = (p, m) => p === m,
@@ -164,18 +164,18 @@ const ge = "$$tts-exp-", et = (t, e) => te((n) => {
           return m.observe(p, { childList: !0 }), ne(() => m.disconnect());
         }),
         q(t),
-        l.class("bc-native-select bc-input"),
+        r.class("bc-native-select bc-input"),
         O(
           F,
           (p) => g.option(
-            l.hidden("hidden"),
+            r.hidden("hidden"),
             Ne(o, p.$.selectOne)
           )
         ),
         ee(h, (p) => Ue(p, d, e)),
         n != null ? C.blur(n) : M,
         s != null ? C.change($e("value", (p) => s(p))) : M,
-        r != null ? C.input($e("value", (p) => r(p))) : M
+        l != null ? C.input($e("value", (p) => l(p))) : M
       )
     },
     C.click(() => {
@@ -188,9 +188,9 @@ const ge = "$$tts-exp-", et = (t, e) => te((n) => {
   );
 };
 function nt(t) {
-  const { controller: e, onChange: n, onBlur: s, ...r } = t;
+  const { controller: e, onChange: n, onBlur: s, ...l } = t;
   return tt({
-    ...r,
+    ...l,
     value: e.signal,
     onChange: Ge(e, n),
     onBlur: Ye(e, s)
@@ -203,16 +203,16 @@ function Mt(t) {
   });
 }
 function Ee(t, e, n) {
-  const s = f.map(t, (o) => o != null), r = A(
+  const s = f.map(t, (o) => o != null), l = A(
     s,
     e ?? !1
   )((o, d) => !o || d), h = ce.clearValue;
   return g.button(
-    l.type("button"),
-    l.class("bc-input-container__reset"),
+    r.type("button"),
+    r.class("bc-input-container__reset"),
     J.label(h),
-    l.title(h),
-    l.disabled(r),
+    r.title(h),
+    r.disabled(l),
     E({ icon: "mdi:close", size: "sm" }),
     C.click((o) => {
       o.stopPropagation(), n?.(null);
@@ -220,7 +220,7 @@ function Ee(t, e, n) {
   );
 }
 function Me(...t) {
-  return g.div(l.class("bc-group"), ...t);
+  return g.div(r.class("bc-group"), ...t);
 }
 function st(t) {
   const e = String(t), n = e.indexOf(".");
@@ -233,8 +233,8 @@ function G(t, e) {
   return Math.round(t * s) / s;
 }
 const St = (t) => {
-  const { value: e, step: n, min: s, max: r, onBlur: h, onChange: o, onInput: d, after: b } = t, w = (v) => {
-    const i = s != null ? f.get(s) : void 0, u = r != null ? f.get(r) : void 0;
+  const { value: e, step: n, min: s, max: l, onBlur: h, onChange: o, onInput: d, after: b } = t, w = (v) => {
+    const i = s != null ? f.get(s) : void 0, u = l != null ? f.get(l) : void 0;
     return i != null && v < i ? i : u != null && v > u ? u : v;
   }, p = n != null ? O(F, (v) => {
     const i = A(
@@ -242,7 +242,7 @@ const St = (t) => {
       s
     )((a, x) => x == null ? !0 : (a ?? 0) > x), u = A(
       e,
-      r
+      l
     )((a, x) => x == null ? !0 : (a ?? 0) < x), D = (a) => {
       const x = f.get(e) ?? 0, $ = f.get(n), I = a?.shiftKey ? 10 : 1, V = G(
         x - $ * I,
@@ -256,21 +256,21 @@ const St = (t) => {
       const x = f.get(e) ?? 0, $ = f.get(n), I = a?.shiftKey ? 10 : 1, V = G(
         x + $ * I,
         $
-      ), k = r != null ? f.get(r) : void 0;
+      ), k = l != null ? f.get(l) : void 0;
       if (k != null && V > k)
         return;
       const c = w(V);
       c !== x && (o?.(c), d?.(c));
     };
     return Le(
-      l.class("bc-number-input-steppers"),
+      r.class("bc-number-input-steppers"),
       // Increment second
       g.button(
-        l.type("button"),
-        l.class(
+        r.type("button"),
+        r.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
-        l.disabled(
+        r.disabled(
           A(
             u,
             t.disabled ?? !1
@@ -282,11 +282,11 @@ const St = (t) => {
       ),
       // Decrement first (matches tests expecting first button to be decrement)
       g.button(
-        l.type("button"),
-        l.class(
+        r.type("button"),
+        r.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
-        l.disabled(
+        r.disabled(
           A(
             i,
             t.disabled ?? !1
@@ -301,12 +301,12 @@ const St = (t) => {
   return W({
     ...t,
     input: se.number(
-      s != null ? l.min(s) : M,
-      r != null ? l.max(r) : M,
+      s != null ? r.min(s) : M,
+      l != null ? r.max(l) : M,
       q(t),
-      l.valueAsNumber(e),
-      l.step(n),
-      l.class("bc-input bc-number-input"),
+      r.valueAsNumber(e),
+      r.step(n),
+      r.class("bc-input bc-number-input"),
       h != null ? C.blur(P(h)) : M,
       o != null ? C.change(we(o)) : M,
       d != null ? C.input(we(d)) : M,
@@ -330,14 +330,14 @@ function rt(t, e, n) {
 function it(t) {
   if (t == null) return "";
   const e = /* @__PURE__ */ new Map(), n = De(t, "solid", "light"), s = De(t, "solid", "dark");
-  return e.set("--si-indicator-bg", n.backgroundColor), e.set("--si-active-text", n.textColor), e.set("--si-indicator-bg-dark", s.backgroundColor), e.set("--si-active-text-dark", s.textColor), Array.from(e.entries()).map(([r, h]) => `${r}: ${h}`).join("; ");
+  return e.set("--si-indicator-bg", n.backgroundColor), e.set("--si-active-text", n.textColor), e.set("--si-indicator-bg-dark", s.backgroundColor), e.set("--si-active-text-dark", s.textColor), Array.from(e.entries()).map(([l, h]) => `${l}: ${h}`).join("; ");
 }
 function Tt({
   options: t,
   value: e,
   onChange: n,
   size: s = "md",
-  disabled: r = !1,
+  disabled: l = !1,
   variant: h = "pill",
   color: o
 }, ...d) {
@@ -353,10 +353,10 @@ function Tt({
       lt
     );
     return g.div(
-      l.class(
+      r.class(
         A(
           s,
-          r,
+          l,
           h
         )(
           (m, v, i) => rt(
@@ -366,13 +366,13 @@ function Tt({
           )
         )
       ),
-      l.style(
+      r.style(
         o != null ? f.map(o, (m) => it(m)) : ""
       ),
       g.div(
-        l.class("bc-segmented-input__container"),
+        r.class("bc-segmented-input__container"),
         g.div(
-          l.class("bc-segmented-input__indicator"),
+          r.class("bc-segmented-input__indicator"),
           _e.width(
             A(
               e,
@@ -394,13 +394,13 @@ function Tt({
         ),
         // clickable buttons
         b.map(({ label: m, key: v }, i) => g.button(
-          l.type("button"),
+          r.type("button"),
           C.click((u) => {
-            u.preventDefault(), f.get(r) || n?.(v);
+            u.preventDefault(), f.get(l) || n?.(v);
           }),
-          l.disabled(r),
-          l.class("bc-segmented-input__segment"),
-          l.class(
+          r.disabled(l),
+          r.class("bc-segmented-input__segment"),
+          r.class(
             f.map(e, (u) => u === v ? "bc-segmented-input__segment--active" : "bc-segmented-input__segment--inactive")
           ),
           Qe((u) => {
@@ -444,11 +444,11 @@ function me(t) {
         ne(() => {
           e.value && URL.revokeObjectURL(e.value);
         }),
-        l.class("bc-file-input__thumbnail-container"),
+        r.class("bc-file-input__thumbnail-container"),
         g.img(
-          l.src(e),
-          l.alt(t.map((n) => n.name)),
-          l.class("bc-file-input__thumbnail")
+          r.src(e),
+          r.alt(t.map((n) => n.name)),
+          r.class("bc-file-input__thumbnail")
         )
       );
     },
@@ -459,7 +459,7 @@ const zt = (t, ...e) => {
   const {
     value: n = ae([]),
     accept: s = "*/*",
-    maxFiles: r,
+    maxFiles: l,
     maxFileSize: h,
     onChange: o,
     onBlur: d,
@@ -470,8 +470,8 @@ const zt = (t, ...e) => {
     ...v
   } = t, i = n, u = f.map(p, (k) => k === "input"), D = f.map(p, (k) => k === "compact"), S = (k) => {
     let c = k;
-    if (r != null) {
-      const y = f.get(r);
+    if (l != null) {
+      const y = f.get(l);
       c = c.slice(0, y);
     }
     if (h) {
@@ -491,16 +491,16 @@ const zt = (t, ...e) => {
   }) => O(
     F,
     (T) => g.div(
-      l.class("bc-file-input__drop-zone"),
+      r.class("bc-file-input__drop-zone"),
       g.div(
-        l.class(
+        r.class(
           "bc-file-input__drop-zone-content bc-file-input__drop-zone-content--empty"
         ),
         E({ icon: "mdi:cloud-upload-outline", size: "xl" }),
         g.div(
-          l.class("bc-file-input__drop-zone-text"),
+          r.class("bc-file-input__drop-zone-text"),
           ie(T.$.filesInputInstructions)(
-            r,
+            l,
             h,
             T.$.fileSizeUnits.value
           )
@@ -512,28 +512,28 @@ const zt = (t, ...e) => {
   }) => O(
     F,
     (c) => g.div(
-      l.class("bc-file-input__compact-drop-zone"),
+      r.class("bc-file-input__compact-drop-zone"),
       U(
         k.map((y) => y.length > 0),
         () => g.div(
-          l.class("bc-file-input__compact-file-list"),
+          r.class("bc-file-input__compact-file-list"),
           ee(k, (y, T) => {
             const z = T.index;
             return g.div(
-              l.class("bc-file-input__compact-file-item"),
+              r.class("bc-file-input__compact-file-item"),
               g.div(
-                l.class("bc-file-input__compact-file-icon"),
+                r.class("bc-file-input__compact-file-icon"),
                 me(y)
               ),
               g.div(
-                l.class("bc-file-input__compact-file-info"),
+                r.class("bc-file-input__compact-file-info"),
                 g.div(
-                  l.class("bc-file-input__compact-file-name"),
-                  l.title(y.$.name),
+                  r.class("bc-file-input__compact-file-name"),
+                  r.title(y.$.name),
                   y.$.name
                 ),
                 g.div(
-                  l.class("bc-file-input__compact-file-meta"),
+                  r.class("bc-file-input__compact-file-meta"),
                   A(
                     y.$.size,
                     c.$.fileSizeUnits
@@ -552,18 +552,18 @@ const zt = (t, ...e) => {
                   disabled: b,
                   onClick: () => a(z)
                 },
-                l.class("bc-file-input__compact-remove-button")
+                r.class("bc-file-input__compact-remove-button")
               )
             );
           })
         ),
         () => g.div(
-          l.class("bc-file-input__compact-placeholder"),
+          r.class("bc-file-input__compact-placeholder"),
           E({ icon: "mdi:cloud-upload-outline", size: "lg" }),
           g.div(
-            l.class("bc-file-input__compact-placeholder-text"),
+            r.class("bc-file-input__compact-placeholder-text"),
             ie(c.$.filesInputInstructions)(
-              r,
+              l,
               h,
               c.$.fileSizeUnits.value
             )
@@ -576,29 +576,29 @@ const zt = (t, ...e) => {
   }) => O(
     F,
     (c) => g.div(
-      l.class("bc-file-input__compact-input"),
+      r.class("bc-file-input__compact-input"),
       U(
         k.map((y) => y.length > 0),
         () => g.span(
-          l.class("bc-file-input__compact-value"),
+          r.class("bc-file-input__compact-value"),
           ee(
             k,
             (y) => g.span(
-              l.class("bc-file-input__compact-value-item"),
+              r.class("bc-file-input__compact-value-item"),
               me(y),
               g.span(
-                l.class("bc-file-input__compact-value-item-name"),
+                r.class("bc-file-input__compact-value-item-name"),
                 y.$.name
               )
             )
           )
         ),
         () => g.span(
-          l.class("bc-file-input__compact-placeholder"),
+          r.class("bc-file-input__compact-placeholder"),
           E({ icon: "mdi:cloud-upload-outline", size: "md" }),
           " ",
           ie(c.$.filesInputInstructions)(
-            r,
+            l,
             h,
             c.$.fileSizeUnits.value
           )
@@ -624,7 +624,7 @@ const zt = (t, ...e) => {
                 disabled: b,
                 onClick: x
               },
-              l.class("bc-file-input__compact-clear")
+              r.class("bc-file-input__compact-clear")
             )
           )
         ),
@@ -632,12 +632,12 @@ const zt = (t, ...e) => {
         input: U(
           u,
           () => g.div(
-            l.class("bc-file-input bc-file-input--input"),
+            r.class("bc-file-input bc-file-input--input"),
             de({
               value: i,
               accept: s,
               enableClick: !0,
-              allowMultiple: f.map(r ?? 1 / 0, (c) => c > 1),
+              allowMultiple: f.map(l ?? 1 / 0, (c) => c > 1),
               disabled: b,
               onChange: S,
               content: V
@@ -646,24 +646,24 @@ const zt = (t, ...e) => {
           () => U(
             D,
             () => g.div(
-              l.class("bc-file-input bc-file-input--compact"),
+              r.class("bc-file-input bc-file-input--compact"),
               de({
                 value: i,
                 accept: s,
                 enableClick: !0,
-                allowMultiple: f.map(r ?? 1 / 0, (c) => c > 1),
+                allowMultiple: f.map(l ?? 1 / 0, (c) => c > 1),
                 disabled: b,
                 onChange: S,
                 content: I
               })
             ),
             () => g.div(
-              l.class("bc-file-input"),
+              r.class("bc-file-input"),
               de({
                 value: i,
                 accept: s,
                 enableClick: !0,
-                allowMultiple: f.map(r ?? 1 / 0, (c) => c > 1),
+                allowMultiple: f.map(l ?? 1 / 0, (c) => c > 1),
                 disabled: b,
                 onChange: S,
                 content: $
@@ -674,24 +674,24 @@ const zt = (t, ...e) => {
                   i,
                   () => N(
                     g.div(
-                      l.class("bc-file-input__file-list"),
+                      r.class("bc-file-input__file-list"),
                       ee(i, (c, y) => {
                         const T = y.index;
                         return g.div(
-                          l.class("bc-file-input__file-item"),
+                          r.class("bc-file-input__file-item"),
                           g.div(
-                            l.class("bc-file-input__file-icon"),
+                            r.class("bc-file-input__file-icon"),
                             me(c)
                           ),
                           g.div(
-                            l.class("bc-file-input__file-info"),
+                            r.class("bc-file-input__file-info"),
                             g.div(
-                              l.class("bc-file-input__file-name"),
-                              l.title(c.$.name),
+                              r.class("bc-file-input__file-name"),
+                              r.title(c.$.name),
                               c.$.name
                             ),
                             g.div(
-                              l.class("bc-file-input__file-meta"),
+                              r.class("bc-file-input__file-meta"),
                               A(
                                 c.$.size,
                                 k.$.fileSizeUnits
@@ -712,7 +712,7 @@ const zt = (t, ...e) => {
                               disabled: b,
                               onClick: () => a(T)
                             },
-                            l.class("bc-file-input__remove-button")
+                            r.class("bc-file-input__remove-button")
                           )
                         );
                       })
@@ -720,13 +720,13 @@ const zt = (t, ...e) => {
                     U(
                       i.map(({ length: c }) => c > 1),
                       () => g.div(
-                        l.class(
+                        r.class(
                           "bc-file-input__clear-all-button-container"
                         ),
                         g.button(
-                          l.type("button"),
-                          l.class("bc-file-input__clear-all-button"),
-                          l.disabled(b),
+                          r.type("button"),
+                          r.class("bc-file-input__clear-all-button"),
+                          r.disabled(b),
                           k.$.clearAllFiles,
                           C.click((c) => {
                             c.preventDefault(), c.stopPropagation(), x();
@@ -746,11 +746,11 @@ const zt = (t, ...e) => {
   );
 };
 function at(t, e, n) {
-  const s = t.length.map((r) => r);
+  const s = t.length.map((l) => l);
   return Ze(
     s,
-    (r) => {
-      const h = t.item(r.index), o = [];
+    (l) => {
+      const h = t.item(l.index), o = [];
       return N(
         ne(() => {
           o.forEach((d) => d());
@@ -758,32 +758,32 @@ function at(t, e, n) {
         e({
           list: t,
           item: h,
-          position: r,
-          remove: () => t.removeAt(r.index),
+          position: l,
+          remove: () => t.removeAt(l.index),
           move: (d) => {
             switch (d) {
               case "up":
-                if (r.index === 0) return;
-                t.move(r.index, r.index - 1);
+                if (l.index === 0) return;
+                t.move(l.index, l.index - 1);
                 break;
               case "down":
-                if (r.index === t.length.value - 1) return;
-                t.move(r.index, r.index + 1);
+                if (l.index === t.length.value - 1) return;
+                t.move(l.index, l.index + 1);
                 break;
               case "first":
-                t.move(r.index, 0);
+                t.move(l.index, 0);
                 break;
               case "last":
-                t.move(r.index, t.length.value - 1);
+                t.move(l.index, t.length.value - 1);
             }
           },
           canMove: (d) => {
             const b = (() => {
               switch (d) {
                 case "up":
-                  return ke(r.index > 0);
+                  return ke(l.index > 0);
                 case "down":
-                  return t.length.map((w) => r.index < w - 1);
+                  return t.length.map((w) => l.index < w - 1);
               }
             })();
             return o.push(() => b.dispose()), b;
@@ -792,9 +792,9 @@ function at(t, e, n) {
             const b = (() => {
               switch (d) {
                 case "up":
-                  return ke(r.index === 0);
+                  return ke(l.index === 0);
                 case "down":
-                  return t.length.map((w) => r.index === w - 1);
+                  return t.length.map((w) => l.index === w - 1);
               }
             })();
             return o.push(() => b.dispose()), b;
@@ -812,18 +812,18 @@ const Se = {
 }, ut = (t) => t instanceof RegExp;
 function Oe(t, e, n) {
   if (t == null) return [];
-  const s = n ? { ...Se, ...e } : e ?? Se, r = (o, d) => {
+  const s = n ? { ...Se, ...e } : e ?? Se, l = (o, d) => {
     const b = s[d];
     b ? o.push({ type: "pattern", name: d, ...b }) : o.push({ type: "literal", char: d });
   }, h = [];
   if (typeof t == "string") {
-    for (const o of t) r(h, o);
+    for (const o of t) l(h, o);
     return h;
   }
   for (const o of t)
     if (typeof o == "string")
-      if (o.length <= 1) r(h, o);
-      else for (const d of o) r(h, d);
+      if (o.length <= 1) l(h, o);
+      else for (const d of o) l(h, d);
     else ut(o) ? h.push({ type: "pattern", pattern: o }) : typeof o == "object" && o && h.push(o);
   return h;
 }
@@ -843,11 +843,11 @@ function pt(t, e) {
     }
   };
 }
-function Te(t, e, n, s, r, h) {
+function Te(t, e, n, s, l, h) {
   const o = {
     raw: t,
     previousConformed: e,
-    cursor: r ?? t.length,
+    cursor: l ?? t.length,
     completed: !1
   }, d = s.definitions ?? {}, b = typeof n == "function" ? n(t, o) : n, w = Oe(
     b,
@@ -905,7 +905,7 @@ const Fe = (t) => {
     value: e,
     onBlur: n,
     onChange: s,
-    onInput: r,
+    onInput: l,
     onAccept: h,
     onComplete: o,
     mask: d,
@@ -986,14 +986,14 @@ const Fe = (t) => {
       conformed: H,
       completed: ve,
       cursor: ue
-    }), y === "input" ? r?.(H) : (s?.(H), ve && o?.({ raw: xe, conformed: H }));
+    }), y === "input" ? l?.(H) : (s?.(H), ve && o?.({ raw: xe, conformed: H }));
   };
   return W({
     ...t,
     input: se.text(
       q(t),
-      l.value(V),
-      l.class("bc-input"),
+      r.value(V),
+      r.class("bc-input"),
       n != null ? C.blur(n) : M,
       te(
         (c) => c instanceof HTMLInputElement ? N(
@@ -1030,17 +1030,17 @@ const Fe = (t) => {
     )
   });
 }, Bt = (t) => {
-  const { value: e, onBlur: n, onChange: s, onInput: r, rows: h } = t;
+  const { value: e, onBlur: n, onChange: s, onInput: l, rows: h } = t;
   return W({
     ...t,
     input: g.textarea(
       q(t),
-      l.rows(h ?? 3),
-      l.value(e),
-      l.class("bc-input"),
+      r.rows(h ?? 3),
+      r.value(e),
+      r.class("bc-input"),
       n != null ? C.blur(P(n)) : M,
       s != null ? C.change(P(s)) : M,
-      r != null ? C.input(P(r)) : M
+      l != null ? C.input(P(l)) : M
     )
   });
 }, ze = (t) => {
@@ -1048,8 +1048,8 @@ const Fe = (t) => {
   const e = Number(t);
   return Number.isNaN(e) ? null : e;
 }, Vt = (t) => {
-  const { value: e, step: n, min: s, max: r, onBlur: h, onChange: o, onInput: d, after: b } = t, w = (i) => {
-    const u = s != null ? f.get(s) : void 0, D = r != null ? f.get(r) : void 0;
+  const { value: e, step: n, min: s, max: l, onBlur: h, onChange: o, onInput: d, after: b } = t, w = (i) => {
+    const u = s != null ? f.get(s) : void 0, D = l != null ? f.get(l) : void 0;
     return u != null && i < u ? u : D != null && i > D ? D : i;
   }, p = (() => {
     if (n == null) return null;
@@ -1061,7 +1061,7 @@ const Fe = (t) => {
       return $ == null ? !0 : I > $;
     }), u = A(
       e,
-      r
+      l
     )((x, $) => {
       const I = x ?? 0;
       return $ == null ? !0 : I < $;
@@ -1071,19 +1071,19 @@ const Fe = (t) => {
       const y = w(k);
       y !== $ && (o?.(y), d?.(y));
     }, S = (x) => {
-      const $ = f.get(e) ?? 0, I = f.get(n), V = x?.shiftKey ? 10 : 1, k = G($ + I * V, I), c = r != null ? f.get(r) : void 0;
+      const $ = f.get(e) ?? 0, I = f.get(n), V = x?.shiftKey ? 10 : 1, k = G($ + I * V, I), c = l != null ? f.get(l) : void 0;
       if (c != null && k > c) return;
       const y = w(k);
       y !== $ && (o?.(y), d?.(y));
     };
     return ((x, $) => Le(
-      l.class("bc-number-input-steppers"),
+      r.class("bc-number-input-steppers"),
       g.button(
-        l.type("button"),
-        l.class(
+        r.type("button"),
+        r.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
         ),
-        l.disabled(
+        r.disabled(
           A(
             u,
             t.disabled ?? !1
@@ -1094,11 +1094,11 @@ const Fe = (t) => {
         E({ icon: "line-md:plus", size: "xs" })
       ),
       g.button(
-        l.type("button"),
-        l.class(
+        r.type("button"),
+        r.class(
           "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
         ),
-        l.disabled(
+        r.disabled(
           A(
             i,
             t.disabled ?? !1
@@ -1121,13 +1121,13 @@ const Fe = (t) => {
     ...t,
     input: se.number(
       // min/max attributes and reactive watchers (no forced correction)
-      s != null ? l.min(s) : M,
-      r != null ? l.max(r) : M,
+      s != null ? r.min(s) : M,
+      l != null ? r.max(l) : M,
       q(t),
       // Represent null as empty string so the field can be cleared
-      l.value(f.map(e, (i) => i == null ? "" : String(i))),
-      l.step(n),
-      l.class("bc-input bc-number-input"),
+      r.value(f.map(e, (i) => i == null ? "" : String(i))),
+      r.step(n),
+      r.class("bc-input bc-number-input"),
       h != null ? C.blur(P(h)) : M,
       o != null ? C.change(
         P((i) => {
@@ -1154,48 +1154,49 @@ const Fe = (t) => {
   const e = {
     type: "pattern",
     pattern: /[0-9A-Fa-f]/,
-    transform: (s) => s.toLowerCase()
-  };
+    transform: (l) => l.toLowerCase()
+  }, n = [
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    "-",
+    e,
+    e,
+    e,
+    e,
+    "-",
+    e,
+    e,
+    e,
+    e,
+    "-",
+    e,
+    e,
+    e,
+    e,
+    "-",
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    e,
+    e
+  ], s = t.class ? f.map(t.class, (l) => `bc-uuid-input ${l}`) : "bc-uuid-input";
   return Fe({
     ...t,
-    mask: [
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      "-",
-      e,
-      e,
-      e,
-      e,
-      "-",
-      e,
-      e,
-      e,
-      e,
-      "-",
-      e,
-      e,
-      e,
-      e,
-      "-",
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      e,
-      e
-    ],
+    class: s,
+    mask: n,
     // Sensible default placeholder; can be overridden via options.placeholder
     placeholder: t.placeholder ?? "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
   });
@@ -1231,10 +1232,10 @@ const Be = (t, e) => {
     return null;
   }
 }, Lt = (t) => {
-  const { value: e, onChange: n, onInput: s, after: r, disabled: h, onBlur: o } = t, d = () => {
+  const { value: e, onChange: n, onInput: s, after: l, disabled: h, onBlur: o } = t, d = () => {
     const p = Ee(e, h, n ?? s);
-    return r != null ? N(p, r) : p;
-  }, b = t.placeholder != null ? M : l.placeholder("P0DT0H0M0S");
+    return l != null ? N(p, l) : p;
+  }, b = t.placeholder != null ? M : r.placeholder("P0DT0H0M0S");
   return Ke(
     (p) => {
       const m = qe(
@@ -1272,8 +1273,8 @@ const Be = (t, e) => {
         ...t,
         input: se.text(
           q(t),
-          l.value(f.map(e, (m) => m?.toString() ?? "")),
-          l.class("bc-input"),
+          r.value(f.map(e, (m) => m?.toString() ?? "")),
+          r.class("bc-input"),
           b,
           o != null ? C.blur(() => o()) : M,
           n != null ? C.change(p(n)) : M,
@@ -1284,16 +1285,16 @@ const Be = (t, e) => {
     } }
   );
 }, Ut = (t) => {
-  const { value: e, onBlur: n, onChange: s, onInput: r } = t;
+  const { value: e, onBlur: n, onChange: s, onInput: l } = t;
   return W({
     ...t,
     input: se.url(
       q(t),
-      l.value(e),
-      l.class("bc-input"),
+      r.value(e),
+      r.class("bc-input"),
       n != null ? C.blur(P(n)) : M,
       s != null ? C.change(P(s)) : M,
-      r != null ? C.input(P(r)) : M
+      l != null ? C.input(P(l)) : M
     )
   });
 };
@@ -1301,7 +1302,7 @@ function ht(t, e) {
   const {
     onMove: n,
     cannotMoveUp: s,
-    cannotMoveDown: r,
+    cannotMoveDown: l,
     onRemove: h,
     showMove: o = !0,
     showRemove: d = !0,
@@ -1311,7 +1312,7 @@ function ht(t, e) {
   } = t, m = f.toSignal(p).map((u) => u === "aside"), v = U(
     o,
     () => g.div(
-      l.class("bc-list-item-controls__move"),
+      r.class("bc-list-item-controls__move"),
       be(
         {
           size: "xs",
@@ -1335,7 +1336,7 @@ function ht(t, e) {
           roundedness: "full",
           variant: "text",
           onClick: () => n("down"),
-          disabled: r
+          disabled: l
         },
         O(
           F,
@@ -1363,19 +1364,19 @@ function ht(t, e) {
   return U(
     m,
     () => g.div(
-      l.class("bc-list-item-controls bc-list-item-controls--aside"),
-      g.div(l.class("bc-list-item-controls__content"), e),
+      r.class("bc-list-item-controls bc-list-item-controls--aside"),
+      g.div(r.class("bc-list-item-controls__content"), e),
       g.div(
-        l.class("bc-list-item-controls__actions"),
+        r.class("bc-list-item-controls__actions"),
         U(w, () => v),
         i
       )
     ),
     () => g.div(
-      l.class("bc-list-item-controls bc-list-item-controls--below"),
-      g.div(l.class("bc-list-item-controls__content"), e),
+      r.class("bc-list-item-controls bc-list-item-controls--below"),
+      g.div(r.class("bc-list-item-controls__content"), e),
       g.div(
-        l.class("bc-list-item-controls__actions"),
+        r.class("bc-list-item-controls__actions"),
         U(
           w,
           () => v,
@@ -1391,7 +1392,7 @@ const gt = (t) => {
     controller: e,
     element: n,
     separator: s,
-    showMove: r = !0,
+    showMove: l = !0,
     showRemove: h = !0,
     showAdd: o = !0,
     createItem: d,
@@ -1402,7 +1403,7 @@ const gt = (t) => {
   } = t, v = U(
     A(o, d)((i, u) => i && u != null),
     () => Me(
-      l.class(
+      r.class(
         "bc-group--gap-2 bc-group--align-center bc-group--justify-center"
       ),
       be(
@@ -1420,7 +1421,7 @@ const gt = (t) => {
         O(
           F,
           (i) => Me(
-            l.class("bc-group--gap-2"),
+            r.class("bc-group--gap-2"),
             E({ icon: "line-md:plus" }),
             b ?? i.$.addLabel
           )
@@ -1437,7 +1438,7 @@ const gt = (t) => {
           cannotMoveUp: i.cannotMove("up"),
           cannotMoveDown: i.cannotMove("down"),
           onRemove: i.remove,
-          showMove: r,
+          showMove: l,
           showRemove: h,
           removeDisabled: p,
           showMoveButtons: e.signal.map((u) => u.length > 1),
@@ -1453,7 +1454,7 @@ const gt = (t) => {
   const {
     controller: n,
     element: s,
-    separator: r,
+    separator: l,
     showMove: h,
     showRemove: o,
     showAdd: d,
@@ -1470,7 +1471,7 @@ const gt = (t) => {
       content: gt({
         controller: n,
         element: s,
-        separator: r,
+        separator: l,
         showMove: h,
         showRemove: o,
         showAdd: d,
@@ -1504,8 +1505,8 @@ class Ot extends pe {
    * @param branches - Array of branch definitions describing the possible value types
    * @param equals - Optional equality function for comparing values. Defaults to `strictEqual`.
    */
-  constructor(e, n, s, r, h, o, d = K) {
-    super(e, n, s, r, h, d), this.branches = o;
+  constructor(e, n, s, l, h, o, d = K) {
+    super(e, n, s, l, h, d), this.branches = o;
     const b = (p) => {
       for (const m of o)
         if (m.detect(p))
@@ -1528,7 +1529,7 @@ class Ot extends pe {
           (i) => m.detect(i) ? i : m.defaultValue(),
           d
         ),
-        r.map(Ce([p])),
+        l.map(Ce([p])),
         {
           disabled: this.disabled,
           validationMode: this.parent.validationMode
@@ -1567,18 +1568,18 @@ class Ot extends pe {
    * @throws Error if the branch key is not found in the branches array
    */
   getBranchController(e) {
-    const n = this.branches.find((r) => r.key === e);
+    const n = this.branches.find((l) => l.key === e);
     if (!n)
       throw new Error(`Unknown branch: ${e}`);
     if (this.#e.has(e))
       return this.#e.get(e);
     const s = new pe(
       [...this.path, e],
-      (r) => {
-        this.change(r);
+      (l) => {
+        this.change(l);
       },
       this.signal.map(
-        (r) => n.detect(r) ? r : n.defaultValue(),
+        (l) => n.detect(l) ? l : n.defaultValue(),
         K
       ),
       this.status.map(Ce([e])),
@@ -1608,11 +1609,11 @@ class Ot extends pe {
     const s = this.branches.find((o) => o.key === e);
     if (!s)
       throw new Error(`Unknown branch: ${e}`);
-    const r = f.get(this.signal);
-    if (s.detect(r))
+    const l = f.get(this.signal);
+    if (s.detect(l))
       return !0;
     if (s.convert) {
-      const o = s.convert(r);
+      const o = s.convert(l);
       if (o.ok)
         return this.change(o.value), !0;
     }