@tempots/beatui 0.82.1 → 0.83.0

package/dist/{widget-customization-Ds9sicAg.js → widget-customization-0is7oTeP.js}

@@ -1,11 +1,11 @@
-import { Value as p, prop as rt, computedOf as D, html as _, attr as u, svg as tt, svgAttr as Y, on as I, Empty as A, When as H, Fragment as E, aria as N, emitValue as Z, Use as ot, input as ct, emitValueAsNullableDate as et, emitValueAsNullableDateTime as nt, style as it, Repeat as pt, emit as dt, emitValueAsNumber as V } from "@tempots/dom";
-import { F as gt, N as z, T as ht, U as ft, a as mt } from "./deep-merge-BYm0y62g.js";
+import { Value as p, prop as rt, computedOf as D, html as C, attr as u, svg as tt, svgAttr as Y, on as M, Empty as A, When as H, Fragment as E, aria as N, emitValue as Z, Use as ot, input as ct, emitValueAsNullableDate as et, emitValueAsNullableDateTime as nt, style as it, Repeat as pt, emit as dt, emitValueAsNumber as V } from "@tempots/dom";
+import { F as ht, N as z, T as gt, U as ft, a as mt } from "./deep-merge-CmQoIYPC.js";
 import { $ as bt } from "./string-DYyMxBl-.js";
-import { I as L } from "./input-container-DiCjOzR2.js";
-import { C as U, T as wt } from "./text-input-B3VBat1k.js";
-import { B as yt, I as q, L as $t, b as st, a as It } from "./translations-Cq8bUKJP.js";
+import { I as L } from "./input-container-Nx0gMAzS.js";
+import { C as U, T as wt } from "./text-input-CPJzUC2r.js";
+import { B as yt, I as q, L as $t, b as st, a as It } from "./translations-BGblCUBj.js";
 import { AutoSelect as Mt, ElementRect as xt } from "@tempots/ui";
-import { E as _t, P as kt } from "./notice-BuZvdvZh.js";
+import { E as _t, P as kt } from "./notice-Dz4nX57_.js";
 import { s as Ft } from "./session-id-3KiilioY.js";
 import { r as Ct } from "./utils-DEbsp9Q9.js";
 function lt(t) {
@@ -63,8 +63,8 @@ function ie(t, e) {
   const s = j(t), n = j(e);
   if (!s || !n) return null;
   const r = (l, d, f) => {
-    const [b, g, y] = [l, d, f].map(($) => ($ = $ / 255, $ <= 0.03928 ? $ / 12.92 : Math.pow(($ + 0.055) / 1.055, 2.4)));
-    return 0.2126 * b + 0.7152 * g + 0.0722 * y;
+    const [m, h, w] = [l, d, f].map(($) => ($ = $ / 255, $ <= 0.03928 ? $ / 12.92 : Math.pow(($ + 0.055) / 1.055, 2.4)));
+    return 0.2126 * m + 0.7152 * h + 0.0722 * w;
   }, a = r(s.r, s.g, s.b), o = r(n.r, n.g, n.b), c = Math.max(a, o), i = Math.min(a, o);
   return (c + 0.05) / (i + 0.05);
 }
@@ -76,8 +76,8 @@ function Rt(t) {
   if (s) {
     const l = s[1];
     if (l.length === 8) {
-      const d = parseInt(l.slice(0, 2), 16), f = parseInt(l.slice(2, 4), 16), b = parseInt(l.slice(4, 6), 16), g = parseInt(l.slice(6, 8), 16) / 255;
-      return [d, f, b, g];
+      const d = parseInt(l.slice(0, 2), 16), f = parseInt(l.slice(2, 4), 16), m = parseInt(l.slice(4, 6), 16), h = parseInt(l.slice(6, 8), 16) / 255;
+      return [d, f, m, h];
     }
     if (l.length === 6)
       return [
@@ -87,12 +87,12 @@ function Rt(t) {
         1
       ];
     if (l.length === 4) {
-      const d = parseInt(l[0] + l[0], 16), f = parseInt(l[1] + l[1], 16), b = parseInt(l[2] + l[2], 16), g = parseInt(l[3] + l[3], 16) / 255;
-      return [d, f, b, g];
+      const d = parseInt(l[0] + l[0], 16), f = parseInt(l[1] + l[1], 16), m = parseInt(l[2] + l[2], 16), h = parseInt(l[3] + l[3], 16) / 255;
+      return [d, f, m, h];
     }
     if (l.length === 3) {
-      const d = parseInt(l[0] + l[0], 16), f = parseInt(l[1] + l[1], 16), b = parseInt(l[2] + l[2], 16);
-      return [d, f, b, 1];
+      const d = parseInt(l[0] + l[0], 16), f = parseInt(l[1] + l[1], 16), m = parseInt(l[2] + l[2], 16);
+      return [d, f, m, 1];
     }
   }
   const n = t.match(
@@ -114,22 +114,22 @@ function Rt(t) {
     /^hsla?\(\s*([+-]?[\d.]+)(?:deg)?\s*[ ,]?\s*([\d.]+)%\s*[ ,]?\s*([\d.]+)%\s*(?:[/,]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (a) {
-    const l = parseFloat(a[1]), d = parseFloat(a[2]), f = parseFloat(a[3]), b = a[4] != null ? parseFloat(a[4]) : 1, [g, y, $] = ut(l, d / 100, f / 100);
-    return [g, y, $, b];
+    const l = parseFloat(a[1]), d = parseFloat(a[2]), f = parseFloat(a[3]), m = a[4] != null ? parseFloat(a[4]) : 1, [h, w, $] = ut(l, d / 100, f / 100);
+    return [h, w, $, m];
   }
   const o = t.match(
     /^hwb\(\s*([+-]?[\d.]+)(?:deg)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%\s*(?:[/]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (o) {
-    const l = parseFloat(o[1]), d = parseFloat(o[2]) / 100, f = parseFloat(o[3]) / 100, b = o[4] != null ? parseFloat(o[4]) : 1, [g, y, $] = Bt(l, d, f);
-    return [g, y, $, b];
+    const l = parseFloat(o[1]), d = parseFloat(o[2]) / 100, f = parseFloat(o[3]) / 100, m = o[4] != null ? parseFloat(o[4]) : 1, [h, w, $] = Bt(l, d, f);
+    return [h, w, $, m];
   }
   const c = t.match(
     /^oklch\(\s*([+-]?[\d.]+%?)\s+([\d.]+)\s+([+-]?[\d.]+)(?:deg)?(?:\s*\/\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (c) {
-    const l = c[1], d = parseFloat(c[2]), f = parseFloat(c[3]), b = c[4] != null ? parseFloat(c[4]) : 1, g = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [y, $, w] = Et(g, d, f);
-    return [y, $, w, b];
+    const l = c[1], d = parseFloat(c[2]), f = parseFloat(c[3]), m = c[4] != null ? parseFloat(c[4]) : 1, h = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [w, $, _] = Et(h, d, f);
+    return [w, $, _, m];
   }
   const i = j(t);
   return i ? [i.r, i.g, i.b, 1] : [0, 0, 0, 1];
@@ -196,13 +196,13 @@ function K(t) {
   return Math.round(Math.max(0, Math.min(1, e)) * 255);
 }
 function Et(t, e, s) {
-  const n = s * Math.PI / 180, r = Math.cos(n) * e, a = Math.sin(n) * e, o = t + 0.3963377774 * r + 0.2158037573 * a, c = t - 0.1055613458 * r - 0.0638541728 * a, i = t - 0.0894841775 * r - 1.291485548 * a, l = o * o * o, d = c * c * c, f = i * i * i, b = 4.0767416621 * l - 3.3077115913 * d + 0.2309699292 * f, g = -1.2684380046 * l + 2.6097574011 * d - 0.3413193965 * f, y = -0.0041960863 * l - 0.7034186147 * d + 1.707614701 * f;
-  return [K(b), K(g), K(y)];
+  const n = s * Math.PI / 180, r = Math.cos(n) * e, a = Math.sin(n) * e, o = t + 0.3963377774 * r + 0.2158037573 * a, c = t - 0.1055613458 * r - 0.0638541728 * a, i = t - 0.0894841775 * r - 1.291485548 * a, l = o * o * o, d = c * c * c, f = i * i * i, m = 4.0767416621 * l - 3.3077115913 * d + 0.2309699292 * f, h = -1.2684380046 * l + 2.6097574011 * d - 0.3413193965 * f, w = -0.0041960863 * l - 0.7034186147 * d + 1.707614701 * f;
+  return [K(m), K(h), K(w)];
 }
 function Lt(t, e, s) {
-  const n = G(t), r = G(e), a = G(s), o = 0.4122214708 * n + 0.5363325363 * r + 0.0514459929 * a, c = 0.2119034982 * n + 0.6806995451 * r + 0.1073969566 * a, i = 0.0883024619 * n + 0.2817188376 * r + 0.6299787005 * a, l = Math.cbrt(o), d = Math.cbrt(c), f = Math.cbrt(i), b = 0.2104542553 * l + 0.793617785 * d - 0.0040720468 * f, g = 1.9779984951 * l - 2.428592205 * d + 0.4505937099 * f, y = 0.0259040371 * l + 0.7827717662 * d - 0.808675766 * f, $ = Math.sqrt(g * g + y * y);
-  let w = Math.atan2(y, g) * 180 / Math.PI;
-  return w < 0 && (w += 360), [b, $, w];
+  const n = G(t), r = G(e), a = G(s), o = 0.4122214708 * n + 0.5363325363 * r + 0.0514459929 * a, c = 0.2119034982 * n + 0.6806995451 * r + 0.1073969566 * a, i = 0.0883024619 * n + 0.2817188376 * r + 0.6299787005 * a, l = Math.cbrt(o), d = Math.cbrt(c), f = Math.cbrt(i), m = 0.2104542553 * l + 0.793617785 * d - 0.0040720468 * f, h = 1.9779984951 * l - 2.428592205 * d + 0.4505937099 * f, w = 0.0259040371 * l + 0.7827717662 * d - 0.808675766 * f, $ = Math.sqrt(h * h + w * w);
+  let _ = Math.atan2(w, h) * 180 / Math.PI;
+  return _ < 0 && (_ += 360), [m, $, _];
 }
 function O(t, e, s, n, r, a) {
   switch (r) {
@@ -229,8 +229,8 @@ function O(t, e, s, n, r, a) {
       return n < 1 ? `hwb(${o} ${c}% ${i}% / ${Math.round(n * 100) / 100})` : `hwb(${o} ${c}% ${i}%)`;
     }
     case "oklch": {
-      const [o, c, i] = Lt(t, e, s), l = (Math.round(o * 1e3) / 1e3).toFixed(3), d = (Math.round(c * 1e3) / 1e3).toFixed(3), f = (Math.round(i * 10) / 10).toFixed(1), b = Math.round(n * 100) / 100;
-      return a || n < 1 ? `oklch(${l} ${d} ${f} / ${b})` : `oklch(${l} ${d} ${f})`;
+      const [o, c, i] = Lt(t, e, s), l = (Math.round(o * 1e3) / 1e3).toFixed(3), d = (Math.round(c * 1e3) / 1e3).toFixed(3), f = (Math.round(i * 10) / 10).toFixed(1), m = Math.round(n * 100) / 100;
+      return a || n < 1 ? `oklch(${l} ${d} ${f} / ${m})` : `oklch(${l} ${d} ${f})`;
     }
   }
 }
@@ -276,20 +276,20 @@ function Ht(t) {
     onChange: s,
     onInput: n,
     ...r
-  } = t, a = /* @__PURE__ */ new Map(), o = p.toSignal(e).map((d) => d.map((f, b) => {
-    const g = a.get(f), y = Wt(f ?? ""), $ = g?.type || Ot(y), w = g?.name ?? `file-${b}`, x = y.buffer.slice(
-      y.byteOffset,
-      y.byteOffset + y.byteLength
-    ), m = new Blob([x], { type: $ });
-    return new File([m], w, { type: $ });
+  } = t, a = /* @__PURE__ */ new Map(), o = p.toSignal(e).map((d) => d.map((f, m) => {
+    const h = a.get(f), w = Wt(f ?? ""), $ = h?.type || Ot(w), _ = h?.name ?? `file-${m}`, y = w.buffer.slice(
+      w.byteOffset,
+      w.byteOffset + w.byteLength
+    ), b = new Blob([y], { type: $ });
+    return new File([b], _, { type: $ });
   })), c = (d) => (f) => {
-    d && Pt(f).then((b) => {
-      for (const [g, y] of b.entries())
-        a.set(y, { name: f[g].name, type: f[g].type });
-      d(b);
+    d && Pt(f).then((m) => {
+      for (const [h, w] of m.entries())
+        a.set(w, { name: f[h].name, type: f[h].type });
+      d(m);
     });
   }, i = c(s), l = c(n);
-  return gt({
+  return ht({
     ...r,
     value: o,
     onChange: i,
@@ -317,116 +317,116 @@ function le(t) {
 }
 function jt(t, e) {
   const [s, n, r] = t, a = s << 16 ^ n << 8 ^ r, o = Dt(a), c = 6 + Math.floor(o() * 5), i = 0.18 + o() * 0.06, l = [];
-  for (let g = 0; g < c; g++) {
-    const y = g / c * Math.PI * 2, $ = e * (1 + (o() * 2 - 1) * i), w = Math.cos(y) * $, x = Math.sin(y) * $;
-    l.push({ x: w, y: x });
+  for (let h = 0; h < c; h++) {
+    const w = h / c * Math.PI * 2, $ = e * (1 + (o() * 2 - 1) * i), _ = Math.cos(w) * $, y = Math.sin(w) * $;
+    l.push({ x: _, y });
   }
   const d = (l[0].x + l[c - 1].x) / 2, f = (l[0].y + l[c - 1].y) / 2;
-  let b = `M ${d.toFixed(3)} ${f.toFixed(3)}`;
-  for (let g = 0; g < c; g++) {
-    const y = l[g], $ = l[(g + 1) % c], w = (y.x + $.x) / 2, x = (y.y + $.y) / 2;
-    b += ` Q ${y.x.toFixed(3)} ${y.y.toFixed(3)} ${w.toFixed(3)} ${x.toFixed(3)}`;
+  let m = `M ${d.toFixed(3)} ${f.toFixed(3)}`;
+  for (let h = 0; h < c; h++) {
+    const w = l[h], $ = l[(h + 1) % c], _ = (w.x + $.x) / 2, y = (w.y + $.y) / 2;
+    m += ` Q ${w.x.toFixed(3)} ${w.y.toFixed(3)} ${_.toFixed(3)} ${y.toFixed(3)}`;
   }
-  return b += " Z", b;
+  return m += " Z", m;
 }
 const ue = (t) => {
-  const { value: e, onBlur: s, onChange: n, onInput: r, displayValue: a, size: o, withAlpha: c } = t, i = p.map(o ?? 32, (h) => h), l = p.map(e, (h) => Rt(h ?? "#000000")), d = p.map(
+  const { value: e, onBlur: s, onChange: n, onInput: r, displayValue: a, size: o, withAlpha: c } = t, i = p.map(o ?? 32, (g) => g), l = p.map(e, (g) => Rt(g ?? "#000000")), d = p.map(
     l,
-    ([h, M, F]) => [h, M, F]
-  ), f = p.map(l, ([, , , h]) => h), b = rt(p.get(f) ?? 1), g = p.map(c ?? !1, (h) => h), y = p.map(
+    ([g, I, k]) => [g, I, k]
+  ), f = p.map(l, ([, , , g]) => g), m = rt(p.get(f) ?? 1), h = p.map(c ?? !1, (g) => g), w = p.map(
     t.colorTextFormat ?? "rgb",
-    (h) => h
+    (g) => g
   ), $ = D(
     d,
-    b,
-    y,
-    g
+    m,
+    w,
+    h
   )(
-    ([h, M, F], S, v, R) => O(h, M, F, S ?? 1, W(v, R), R)
-  ), w = p.map(
+    ([g, I, k], S, v, R) => O(g, I, k, S ?? 1, W(v, R), R)
+  ), _ = p.map(
     t.colorTextFormat ?? "hex",
-    (h) => h
-  ), x = p.map(i, (h) => `${-h / 2} ${-h / 2} ${h} ${h}`), m = D(
+    (g) => g
+  ), y = p.map(i, (g) => `${-g / 2} ${-g / 2} ${g} ${g}`), b = D(
     d,
     i
-  )((h, M) => jt(h, M / 2)), T = D(
+  )((g, I) => jt(g, I / 2)), x = D(
     d,
-    b,
-    g
+    m,
+    h
   )(
-    ([h, M, F], S, v) => v || S < 1 ? Nt(h, M, F, S) : Q(h, M, F)
-  ), C = _.div(
+    ([g, I, k], S, v) => v || S < 1 ? Nt(g, I, k, S) : Q(g, I, k)
+  ), T = C.div(
     u.class("bc-color-swatch-input__control"),
     u.class(
       p.map(
-        g,
-        (h) => h ? "bc-color-swatch-input__control--alpha" : ""
+        h,
+        (g) => g ? "bc-color-swatch-input__control--alpha" : ""
       )
     ),
     u.style(
-      D(i)((h) => `min-width:${h + 2}px;height:${h + 2}px`)
+      D(i)((g) => `min-width:${g + 2}px;height:${g + 2}px`)
     ),
     // The SVG blob preview
     tt.svg(
       u.class("bc-color-swatch-input__svg"),
-      Y.viewBox(x),
-      tt.path(Y.d(m), Y.fill(T))
+      Y.viewBox(y),
+      tt.path(Y.d(b), Y.fill(x))
     ),
     // Invisible native input overlays the blob for picker and accessibility
-    _.input(
+    C.input(
       u.type("color"),
       U(t),
       // Native color input needs hex without alpha
-      u.value(p.map(d, ([h, M, F]) => Q(h, M, F))),
+      u.value(p.map(d, ([g, I, k]) => Q(g, I, k))),
       u.class(
         "bc-input bc-color-swatch-input bc-color-swatch-input__native"
       ),
-      s != null ? I.blur(s) : A,
-      n != null ? I.change((h) => {
-        const M = h.target.value;
+      s != null ? M.blur(s) : A,
+      n != null ? M.change((g) => {
+        const I = g.target.value;
         if (!n) return;
-        const { r: F, g: S, b: v } = j(M) ?? { r: 0, g: 0, b: 0 }, R = p.get(b) ?? 1, B = W(
-          p.get(w),
-          p.get(g)
-        ), X = O(F, S, v, R, B, p.get(g));
+        const { r: k, g: S, b: v } = j(I) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = W(
+          p.get(_),
+          p.get(h)
+        ), X = O(k, S, v, R, B, p.get(h));
         n(X);
       }) : A,
-      r != null ? I.input((h) => {
-        const M = h.target.value;
+      r != null ? M.input((g) => {
+        const I = g.target.value;
         if (!r) return;
-        const { r: F, g: S, b: v } = j(M) ?? { r: 0, g: 0, b: 0 }, R = p.get(b) ?? 1, B = W(
-          p.get(w),
-          p.get(g)
-        ), X = O(F, S, v, R, B, p.get(g));
+        const { r: k, g: S, b: v } = j(I) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = W(
+          p.get(_),
+          p.get(h)
+        ), X = O(k, S, v, R, B, p.get(h));
         r(X);
       }) : A
     )
-  ), k = H(
-    g,
-    () => _.input(
+  ), F = H(
+    h,
+    () => C.input(
       u.type("range"),
       u.class("bc-color-swatch-input__alpha"),
       u.min(0),
       u.max(1),
       u.step(0.01),
-      u.value(p.map(b, (h) => String(h ?? 1))),
+      u.value(p.map(m, (g) => String(g ?? 1))),
       u.disabled(t.disabled),
-      I.input((h) => {
-        const M = parseFloat(h.target.value);
-        b.set(M);
-        const [F, S, v] = p.get(d), R = W(
-          p.get(w),
-          p.get(g)
-        ), B = O(F, S, v, M, R, p.get(g));
+      M.input((g) => {
+        const I = parseFloat(g.target.value);
+        m.set(I);
+        const [k, S, v] = p.get(d), R = W(
+          p.get(_),
+          p.get(h)
+        ), B = O(k, S, v, I, R, p.get(h));
         r?.(B);
       }),
-      I.change((h) => {
-        const M = parseFloat(h.target.value);
-        b.set(M);
-        const [F, S, v] = p.get(d), R = W(
-          p.get(w),
-          p.get(g)
-        ), B = O(F, S, v, M, R, p.get(g));
+      M.change((g) => {
+        const I = parseFloat(g.target.value);
+        m.set(I);
+        const [k, S, v] = p.get(d), R = W(
+          p.get(_),
+          p.get(h)
+        ), B = O(k, S, v, I, R, p.get(h));
         n?.(B);
       })
     )
@@ -436,14 +436,14 @@ const ue = (t) => {
     ...t,
     // ensure our control does not try to grow
     growInput: !1,
-    input: C,
+    input: T,
     // If caller provided an `after`, append RGB before it
     after: E(
       H(
         a ?? !1,
-        () => _.span(u.class("bc-color-swatch-input__rgb"), $)
+        () => C.span(u.class("bc-color-swatch-input__rgb"), $)
       ),
-      k,
+      F,
       t.after
     )
   });
@@ -455,7 +455,7 @@ const ue = (t) => {
   disabled: r
 }) => {
   const a = p.deriveProp(t ?? !1), o = rt(!1), c = p.map(r ?? !1, (i) => i);
-  return _.div(
+  return C.div(
     u.class("bc-editable-text"),
     u.class(
       p.map(
@@ -466,15 +466,15 @@ const ue = (t) => {
     N.disabled(c),
     H(
       a,
-      () => _.input(
+      () => C.input(
         u.placeholder(n),
         u.value(e),
         u.class("bc-editable-text__input"),
         Mt(),
-        I.keydown((i) => {
+        M.keydown((i) => {
           i.key === "Enter" ? a.set(!1) : i.key === "Escape" && (o.set(!0), a.set(!1));
         }),
-        I.blur(
+        M.blur(
           Z((i) => {
             if (a.set(!1), o.value) {
               o.set(!1);
@@ -484,26 +484,26 @@ const ue = (t) => {
           })
         )
       ),
-      () => _.span(
-        I.click(() => {
+      () => C.span(
+        M.click(() => {
           p.get(c) || a.set(!0);
         }),
         u.class("bc-editable-text__display"),
         H(
           p.map(e, (i) => i != null && i.trim() !== ""),
-          () => _.span(u.class("bc-editable-text__text"), e),
-          () => _.span(
+          () => C.span(u.class("bc-editable-text__text"), e),
+          () => C.span(
             u.class("bc-editable-text__placeholder"),
             n
           )
         ),
         H(
           p.map(c, (i) => !i),
-          () => _.button(
+          () => C.button(
             u.type("button"),
             u.class("bc-editable-text__edit-button"),
             ot(yt, (i) => N.label(i.$.editLabel)),
-            I.click(() => a.set(!0)),
+            M.click(() => a.set(!0)),
             q({ icon: "line-md/pencil", color: "neutral" })
           )
         )
@@ -518,16 +518,16 @@ const ue = (t) => {
       U(t),
       u.valueAsDate(e),
       u.class("bc-input"),
-      s != null ? I.blur(Z(s)) : A,
-      n != null ? I.change(et(n)) : A,
-      r != null ? I.input(et(r)) : A
+      s != null ? M.blur(Z(s)) : A,
+      n != null ? M.change(et(n)) : A,
+      r != null ? M.input(et(r)) : A
     ),
     after: a != null ? E(c, a) : c
   });
 }, zt = (t) => {
   const e = t.getFullYear(), s = t.getMonth() + 1, n = t.getDate(), r = t.getHours(), a = t.getMinutes(), o = t.getSeconds();
   return `${e}-${s.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${r.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
-}, ge = (t) => {
+}, he = (t) => {
   const { value: e, onBlur: s, onChange: n, onInput: r, after: a, disabled: o } = t, c = p.map(e, (l) => l != null ? zt(l) : null), i = z(e, o, n ?? r);
   return L({
     ...t,
@@ -535,9 +535,9 @@ const ue = (t) => {
       U(t),
       u.value(p.map(c, (l) => l ?? null)),
       u.class("bc-input"),
-      s != null ? I.blur(Z(s)) : A,
-      n != null ? I.change(nt(n)) : A,
-      r != null ? I.input(nt(r)) : A
+      s != null ? M.blur(Z(s)) : A,
+      n != null ? M.change(nt(n)) : A,
+      r != null ? M.input(nt(r)) : A
     ),
     after: a != null ? E(i, a) : i
   });
@@ -556,8 +556,8 @@ function P(t) {
     });
   };
 }
-const he = P(_t), fe = P(wt), me = P(kt), be = P(
-  ht
+const ge = P(_t), fe = P(wt), me = P(kt), be = P(
+  gt
 ), we = ({
   value: t,
   onChange: e,
@@ -569,105 +569,106 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
   size: c = "md",
   id: i,
   color: l = "primary",
-  tabIndex: d = 0
+  tabIndex: d = 0,
+  matchInputHeight: f = !0
 }) => {
-  const f = i ?? Ft("switch");
-  function b(w, x) {
-    const m = [
+  const m = i ?? Ft("switch");
+  function h(y, b) {
+    const x = [
       "bc-switch",
-      `bc-switch--size-${x}`,
-      `bc-switch--${x}`
+      `bc-switch--size-${b}`,
+      `bc-switch--${b}`
     ];
-    return w && m.push("bc-switch--disabled"), m.join(" ");
+    return f && x.push("bc-switch--match-input"), y && x.push("bc-switch--disabled"), x.join(" ");
   }
-  function g(w) {
-    const x = w ?? "primary", m = /* @__PURE__ */ new Map(), T = st(x, "solid", "light"), C = st(x, "solid", "dark");
-    return m.set("--switch-track-on-bg", T.backgroundColor), m.set("--switch-track-on-label", T.textColor), m.set("--switch-track-on-bg-dark", C.backgroundColor), m.set("--switch-track-on-label-dark", C.textColor), m.set(
+  function w(y) {
+    const b = y ?? "primary", x = /* @__PURE__ */ new Map(), T = st(b, "solid", "light"), F = st(b, "solid", "dark");
+    return x.set("--switch-track-on-bg", T.backgroundColor), x.set("--switch-track-on-label", T.textColor), x.set("--switch-track-on-bg-dark", F.backgroundColor), x.set("--switch-track-on-label-dark", F.textColor), x.set(
       "--switch-track-on-border-dark",
-      It(x, "dark")
-    ), Array.from(m.entries()).map(([k, h]) => `${k}: ${h}`).join("; ");
+      It(b, "dark")
+    ), Array.from(x.entries()).map(([g, I]) => `${g}: ${I}`).join("; ");
   }
-  const y = () => {
+  const $ = () => {
     p.get(o) || (e?.(!p.get(t)), s?.(!p.get(t)));
-  }, $ = (w) => {
-    p.get(o) || (w.key === " " || w.key === "Enter") && (w.preventDefault(), y());
+  }, _ = (y) => {
+    p.get(o) || (y.key === " " || y.key === "Enter") && (y.preventDefault(), $());
   };
-  return _.div(
+  return C.div(
     u.class(
       D(
         o ?? !1,
         c
       )(
-        (w, x) => b(w ?? !1, x ?? "md")
+        (y, b) => h(y ?? !1, b ?? "md")
       )
     ),
     u.style(
       D(l)(
-        (w) => g(w)
+        (y) => w(y)
       )
     ),
-    u.id(f),
+    u.id(m),
     u.role("switch"),
     u.tabindex(
       D(
         o ?? !1,
         d
-      )((w, x) => w ? -1 : x ?? 0)
+      )((y, b) => y ? -1 : b ?? 0)
     ),
     N.checked(t),
     N.disabled(o),
-    I.click(y),
-    I.keydown($),
-    n != null ? I.blur(n) : null,
-    _.div(
+    M.click($),
+    M.keydown(_),
+    n != null ? M.blur(n) : null,
+    C.div(
       u.class("bc-switch__track"),
       u.class(
         p.map(
           t,
-          (w) => w ? "bc-switch__track--on" : "bc-switch__track--off"
+          (y) => y ? "bc-switch__track--on" : "bc-switch__track--off"
         )
       ),
-      r != null ? _.div(
+      r != null ? C.div(
         N.hidden(!0),
         u.class("bc-switch__track-label bc-switch__track-label--off"),
         u.class(
           p.map(
             t,
-            (w) => w ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
+            (y) => y ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
           )
         ),
         r
       ) : null,
-      a != null ? _.div(
+      a != null ? C.div(
         u.class("bc-switch__track-label bc-switch__track-label--on"),
         u.class(
           p.map(
             t,
-            (w) => w ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
+            (y) => y ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
           )
         ),
         a
       ) : null,
       xt(
-        (w) => ot(
+        (y) => ot(
           $t,
-          ({ direction: x }) => _.div(
+          ({ direction: b }) => C.div(
             u.class("bc-switch__thumb"),
             u.class(
               p.map(
                 t,
-                (m) => m ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
+                (x) => x ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
               )
             ),
             it.transform(
               D(
                 t,
-                w,
+                y,
                 c,
-                x
-              )((m, { width: T }, C, k) => {
-                const h = (() => {
-                  switch (C) {
+                b
+              )((x, { width: T }, F, g) => {
+                const I = (() => {
+                  switch (F) {
                     case "xs":
                       return 5;
                     case "sm":
@@ -679,8 +680,8 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
                     case "xl":
                       return 8;
                   }
-                })(), M = k === "rtl" ? `calc((var(--spacing-base) * ${h}) - ${T}px)` : `calc(${T}px - (var(--spacing-base) * ${h}))`;
-                return m ? `translateX(${M})` : "translateX(0)";
+                })(), k = g === "rtl" ? `calc((var(--spacing-base) * ${I}) - ${T}px)` : `calc(${T}px - (var(--spacing-base) * ${I}))`;
+                return x ? `translateX(${k})` : "translateX(0)";
               })
             )
           )
@@ -701,39 +702,39 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
     size: l = "md",
     onBlur: d,
     rounding: f = 1
-  } = t, b = () => {
-    const m = p.get(f);
-    return m > 0 ? m : 1;
-  }, g = (m) => Math.min(Math.max(m, 0), p.get(r)), y = (m, T) => {
+  } = t, m = () => {
+    const b = p.get(f);
+    return b > 0 ? b : 1;
+  }, h = (b) => Math.min(Math.max(b, 0), p.get(r)), w = (b, x) => {
     if (p.get(n ?? !1)) return;
-    const k = m.currentTarget.getBoundingClientRect(), h = (m.clientX - k.left) / k.width, M = T - 1 + h, F = b(), S = Math.ceil(M / F) * F, v = g(S);
+    const F = b.currentTarget.getBoundingClientRect(), g = (b.clientX - F.left) / F.width, I = x - 1 + g, k = m(), S = Math.ceil(I / k) * k, v = h(S);
     s?.(v);
-  }, $ = (m) => {
+  }, $ = (b) => {
     if (p.get(n ?? !1)) return;
-    const T = b(), C = p.get(e) ?? 0;
-    let k;
-    switch (m.key) {
+    const x = m(), T = p.get(e) ?? 0;
+    let F;
+    switch (b.key) {
       case "ArrowRight":
       case "ArrowUp":
-        k = g(C + T);
+        F = h(T + x);
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        k = g(C - T);
+        F = h(T - x);
         break;
       case "Home":
-        k = 0;
+        F = 0;
         break;
       case "End":
-        k = p.get(r);
+        F = p.get(r);
         break;
       default:
         return;
     }
-    m.preventDefault(), s?.(k);
-  }, w = p.map(l, (m) => `bc-icon--${m}`), x = ({ index: m, counter: T }) => _.span(
+    b.preventDefault(), s?.(F);
+  }, _ = p.map(l, (b) => `bc-icon--${b}`), y = ({ index: b, counter: x }) => C.span(
     u.class("bc-rating-input__icon-container"),
-    u.class(w),
+    u.class(_),
     q(
       {
         icon: i,
@@ -743,13 +744,13 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
       },
       u.class("bc-rating-input__icon-empty")
     ),
-    _.span(
+    C.span(
       u.class("bc-rating-input__icon-clipper"),
-      u.class(w),
+      u.class(_),
       it.width(
-        p.map(e, (C) => {
-          const k = Math.floor(C);
-          return k > m ? "100%" : k < m ? "0%" : `${(C - m) * 100}%`;
+        p.map(e, (T) => {
+          const F = Math.floor(T);
+          return F > b ? "100%" : F < b ? "0%" : `${(T - b) * 100}%`;
         })
       ),
       q(
@@ -762,8 +763,8 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
         u.class("bc-rating-input__icon-full")
       )
     ),
-    I.click(
-      dt((C) => y(C, T), {
+    M.click(
+      dt((T) => w(T, x), {
         preventDefault: !0,
         stopPropagation: !0
       })
@@ -774,30 +775,30 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
     growInput: !1,
     focusableSelector: '[role="slider"]',
     ...t,
-    input: _.div(
+    input: C.div(
       // Common input attributes (id, required, invalid, custom classes, etc.)
       U(t),
       u.class("bc-rating-input"),
       // ARIA slider semantics
       u.role("slider"),
-      u.tabindex(p.map(n ?? !1, (m) => m ? -1 : 0)),
+      u.tabindex(p.map(n ?? !1, (b) => b ? -1 : 0)),
       N.disabled(n ?? !1),
       N.valuemin(0),
-      N.valuemax(p.map(r, (m) => m ?? 0)),
-      N.valuenow(p.map(e, (m) => m ?? 0)),
+      N.valuemax(p.map(r, (b) => b ?? 0)),
+      N.valuenow(p.map(e, (b) => b ?? 0)),
       N.valuetext(
         D(
           e,
           r
-        )((m, T) => {
-          const C = m ?? 0, k = T ?? 0;
-          return `${String(C)} / ${String(k)}`;
+        )((b, x) => {
+          const T = b ?? 0, F = x ?? 0;
+          return `${String(T)} / ${String(F)}`;
         })
       ),
       // Keyboard & focus handlers
-      I.keydown($),
-      d != null ? I.blur(d) : null,
-      pt(r, x)
+      M.keydown($),
+      d != null ? M.blur(d) : null,
+      pt(r, y)
     )
   });
 }, $e = (t) => {
@@ -818,7 +819,7 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
     ...t,
     // Make sure clicks anywhere focus the range input
     focusableSelector: 'input[type="range"]',
-    input: _.input(
+    input: C.input(
       u.type("range"),
       U(t),
       u.min(n),
@@ -827,9 +828,9 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
       // Using value as number to keep it in sync
       u.valueAsNumber(e),
       u.class("bc-input bc-slider-input"),
-      a != null ? I.blur(V(a)) : A,
-      o != null ? I.change(V(o)) : A,
-      c != null ? I.input(V(c)) : A
+      a != null ? M.blur(V(a)) : A,
+      o != null ? M.change(V(o)) : A,
+      c != null ? M.input(V(c)) : A
     )
   });
 }, Me = (t) => {
@@ -847,7 +848,7 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
       ...t,
       focusableSelector: 'input[type="range"]',
       after: l,
-      input: _.input(
+      input: C.input(
         u.type("range"),
         U(t),
         u.min(n),
@@ -855,13 +856,13 @@ const he = P(_t), fe = P(wt), me = P(kt), be = P(
         u.step(s),
         u.valueAsNumber(i),
         u.class("bc-input bc-slider-input"),
-        a != null ? I.blur(V(a)) : A,
-        o != null ? I.change(
+        a != null ? M.blur(V(a)) : A,
+        o != null ? M.change(
           V((d) => {
             o(d);
           })
         ) : A,
-        c != null ? I.input(
+        c != null ? M.input(
           V((d) => {
             c(d);
           })
@@ -1048,10 +1049,10 @@ export {
   ye as b,
   xe as c,
   me as d,
-  ge as e,
+  he as e,
   de as f,
   _e as g,
-  he as h,
+  ge as h,
   Me as i,
   $e as j,
   we as k,