@tempots/beatui 1.0.1 → 1.1.0

package/dist/{widget-customization-DEiQ_31d.js → widget-customization-YhVcA-KM.js}

@@ -1,11 +1,11 @@
-import { Value as p, prop as ut, computedOf as D, html as x, attr as u, svg as ot, svgAttr as Q, Empty as S, on as I, When as z, Fragment as j, aria as B, emitValue as st, Use as ft, input as pt, emitValueAsNullableDate as ct, emitValueAsNullableDateTime as it, Repeat as mt, emit as bt, style as wt, emitValueAsNumber as E } from "@tempots/dom";
-import { F as yt, N as X, T as Mt, U as It, a as $t } from "./deep-merge-BzIheQtH.js";
+import { Value as p, prop as ut, computedOf as D, html as _, attr as u, svg as ot, svgAttr as J, Empty as A, on as I, When as z, Fragment as j, aria as R, emitValue as at, Use as ft, input as pt, emitValueAsNullableDate as ct, emitValueAsNullableDateTime as it, Repeat as mt, emit as bt, style as wt, emitValueAsNumber as E } from "@tempots/dom";
+import { F as yt, N as X, T as Mt, U as It, a as $t } from "./deep-merge-Da602mAN.js";
 import { decodeBase64 as xt } from "@tempots/std";
 import { I as P } from "./input-container-BvEcp7FU.js";
-import { C as L, m as dt, T as _t } from "./text-input-DfqXolVe.js";
-import { B as kt, I as tt, b as lt, a as Ft } from "./translations-B1_yyDUK.js";
+import { C as O, m as dt, T as _t } from "./text-input-dDUEUmlC.js";
+import { B as kt, I as et, b as lt, a as Ft } from "./translations-B1_yyDUK.js";
 import { AutoSelect as Ct } from "@tempots/ui";
-import { E as Tt, P as St } from "./notice-BKcyJD5w.js";
+import { E as Tt, P as St } from "./notice-Dtz7ADVH.js";
 import { s as At } from "./session-id-3KiilioY.js";
 import { r as vt } from "./utils-vUtP6iPG.js";
 function ht(t) {
@@ -42,7 +42,7 @@ function Dt(t) {
   let e = t.startsWith("#") ? t.slice(1) : t;
   return e.length === 3 && (e = e.split("").map((a) => a + a).join("")), `#${e.toLowerCase()}`;
 }
-function et(t, e, a) {
+function nt(t, e, a) {
   const n = (r) => {
     const s = Math.round(Math.max(0, Math.min(255, r))).toString(16);
     return s.length === 1 ? "0" + s : s;
@@ -63,8 +63,8 @@ function he(t, e) {
   const a = H(t), n = H(e);
   if (!a || !n) return null;
   const r = (l, d, h) => {
-    const [y, f, g] = [l, d, h].map((M) => (M = M / 255, M <= 0.03928 ? M / 12.92 : Math.pow((M + 0.055) / 1.055, 2.4)));
-    return 0.2126 * y + 0.7152 * f + 0.0722 * g;
+    const [w, f, g] = [l, d, h].map((y) => (y = y / 255, y <= 0.03928 ? y / 12.92 : Math.pow((y + 0.055) / 1.055, 2.4)));
+    return 0.2126 * w + 0.7152 * f + 0.0722 * g;
   }, s = r(a.r, a.g, a.b), o = r(n.r, n.g, n.b), c = Math.max(s, o), i = Math.min(s, o);
   return (c + 0.05) / (i + 0.05);
 }
@@ -76,8 +76,8 @@ function Vt(t) {
   if (a) {
     const l = a[1];
     if (l.length === 8) {
-      const d = parseInt(l.slice(0, 2), 16), h = parseInt(l.slice(2, 4), 16), y = parseInt(l.slice(4, 6), 16), f = parseInt(l.slice(6, 8), 16) / 255;
-      return [d, h, y, f];
+      const d = parseInt(l.slice(0, 2), 16), h = parseInt(l.slice(2, 4), 16), w = parseInt(l.slice(4, 6), 16), f = parseInt(l.slice(6, 8), 16) / 255;
+      return [d, h, w, f];
     }
     if (l.length === 6)
       return [
@@ -87,12 +87,12 @@ function Vt(t) {
         1
       ];
     if (l.length === 4) {
-      const d = parseInt(l[0] + l[0], 16), h = parseInt(l[1] + l[1], 16), y = parseInt(l[2] + l[2], 16), f = parseInt(l[3] + l[3], 16) / 255;
-      return [d, h, y, f];
+      const d = parseInt(l[0] + l[0], 16), h = parseInt(l[1] + l[1], 16), w = parseInt(l[2] + l[2], 16), f = parseInt(l[3] + l[3], 16) / 255;
+      return [d, h, w, f];
     }
     if (l.length === 3) {
-      const d = parseInt(l[0] + l[0], 16), h = parseInt(l[1] + l[1], 16), y = parseInt(l[2] + l[2], 16);
-      return [d, h, y, 1];
+      const d = parseInt(l[0] + l[0], 16), h = parseInt(l[1] + l[1], 16), w = parseInt(l[2] + l[2], 16);
+      return [d, h, w, 1];
     }
   }
   const n = t.match(
@@ -114,22 +114,22 @@ function Vt(t) {
     /^hsla?\(\s*([+-]?[\d.]+)(?:deg)?\s*[ ,]?\s*([\d.]+)%\s*[ ,]?\s*([\d.]+)%\s*(?:[/,]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (s) {
-    const l = parseFloat(s[1]), d = parseFloat(s[2]), h = parseFloat(s[3]), y = s[4] != null ? parseFloat(s[4]) : 1, [f, g, M] = gt(l, d / 100, h / 100);
-    return [f, g, M, y];
+    const l = parseFloat(s[1]), d = parseFloat(s[2]), h = parseFloat(s[3]), w = s[4] != null ? parseFloat(s[4]) : 1, [f, g, y] = gt(l, d / 100, h / 100);
+    return [f, g, y, w];
   }
   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, h = parseFloat(o[3]) / 100, y = o[4] != null ? parseFloat(o[4]) : 1, [f, g, M] = Lt(l, d, h);
-    return [f, g, M, y];
+    const l = parseFloat(o[1]), d = parseFloat(o[2]) / 100, h = parseFloat(o[3]) / 100, w = o[4] != null ? parseFloat(o[4]) : 1, [f, g, y] = Ot(l, d, h);
+    return [f, g, y, w];
   }
   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]), h = parseFloat(c[3]), y = c[4] != null ? parseFloat(c[4]) : 1, f = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [g, M, k] = Ut(f, d, h);
-    return [g, M, k, y];
+    const l = c[1], d = parseFloat(c[2]), h = parseFloat(c[3]), w = c[4] != null ? parseFloat(c[4]) : 1, f = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [g, y, F] = Ut(f, d, h);
+    return [g, y, F, w];
   }
   const i = H(t);
   return i ? [i.r, i.g, i.b, 1] : [0, 0, 0, 1];
@@ -156,14 +156,14 @@ function gt(t, e, a) {
     Math.round((i + s) * 255)
   ];
 }
-function Lt(t, e, a) {
+function Ot(t, e, a) {
   t = (t % 360 + 360) % 360;
   const n = e + a;
   n > 1 && (e /= n, a /= n);
   const [r, s, o] = gt(t, 1, 0.5).map((h) => h / 255), c = 1 - e - a, i = r * c + e, l = s * c + e, d = o * c + e;
   return [Math.round(i * 255), Math.round(l * 255), Math.round(d * 255)];
 }
-function nt(t, e, a) {
+function st(t, e, a) {
   t /= 255, e /= 255, a /= 255;
   const n = Math.max(t, e, a), r = Math.min(t, e, a);
   let s = 0, o = 0;
@@ -183,26 +183,26 @@ function nt(t, e, a) {
   }
   return [Math.round(s), Math.round(o * 100), Math.round(c * 100)];
 }
-function Ot(t, e, a) {
-  const [n] = nt(t, e, a), r = t / 255, s = e / 255, o = a / 255, c = Math.min(r, s, o), i = 1 - Math.max(r, s, o);
+function Lt(t, e, a) {
+  const [n] = st(t, e, a), r = t / 255, s = e / 255, o = a / 255, c = Math.min(r, s, o), i = 1 - Math.max(r, s, o);
   return [n, Math.round(c * 100), Math.round(i * 100)];
 }
-function J(t) {
+function Z(t) {
   const e = t / 255;
   return e <= 0.04045 ? e / 12.92 : Math.pow((e + 0.055) / 1.055, 2.4);
 }
-function Z(t) {
+function tt(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 Ut(t, e, a) {
-  const n = a * Math.PI / 180, r = Math.cos(n) * e, s = Math.sin(n) * e, o = t + 0.3963377774 * r + 0.2158037573 * s, c = t - 0.1055613458 * r - 0.0638541728 * s, i = t - 0.0894841775 * r - 1.291485548 * s, l = o * o * o, d = c * c * c, h = i * i * i, y = 4.0767416621 * l - 3.3077115913 * d + 0.2309699292 * h, f = -1.2684380046 * l + 2.6097574011 * d - 0.3413193965 * h, g = -0.0041960863 * l - 0.7034186147 * d + 1.707614701 * h;
-  return [Z(y), Z(f), Z(g)];
+  const n = a * Math.PI / 180, r = Math.cos(n) * e, s = Math.sin(n) * e, o = t + 0.3963377774 * r + 0.2158037573 * s, c = t - 0.1055613458 * r - 0.0638541728 * s, i = t - 0.0894841775 * r - 1.291485548 * s, l = o * o * o, d = c * c * c, h = i * i * i, w = 4.0767416621 * l - 3.3077115913 * d + 0.2309699292 * h, f = -1.2684380046 * l + 2.6097574011 * d - 0.3413193965 * h, g = -0.0041960863 * l - 0.7034186147 * d + 1.707614701 * h;
+  return [tt(w), tt(f), tt(g)];
 }
 function Wt(t, e, a) {
-  const n = J(t), r = J(e), s = J(a), o = 0.4122214708 * n + 0.5363325363 * r + 0.0514459929 * s, c = 0.2119034982 * n + 0.6806995451 * r + 0.1073969566 * s, i = 0.0883024619 * n + 0.2817188376 * r + 0.6299787005 * s, l = Math.cbrt(o), d = Math.cbrt(c), h = Math.cbrt(i), y = 0.2104542553 * l + 0.793617785 * d - 0.0040720468 * h, f = 1.9779984951 * l - 2.428592205 * d + 0.4505937099 * h, g = 0.0259040371 * l + 0.7827717662 * d - 0.808675766 * h, M = Math.sqrt(f * f + g * g);
-  let k = Math.atan2(g, f) * 180 / Math.PI;
-  return k < 0 && (k += 360), [y, M, k];
+  const n = Z(t), r = Z(e), s = Z(a), o = 0.4122214708 * n + 0.5363325363 * r + 0.0514459929 * s, c = 0.2119034982 * n + 0.6806995451 * r + 0.1073969566 * s, i = 0.0883024619 * n + 0.2817188376 * r + 0.6299787005 * s, l = Math.cbrt(o), d = Math.cbrt(c), h = Math.cbrt(i), w = 0.2104542553 * l + 0.793617785 * d - 0.0040720468 * h, f = 1.9779984951 * l - 2.428592205 * d + 0.4505937099 * h, g = 0.0259040371 * l + 0.7827717662 * d - 0.808675766 * h, y = Math.sqrt(f * f + g * g);
+  let F = Math.atan2(g, f) * 180 / Math.PI;
+  return F < 0 && (F += 360), [w, y, F];
 }
 function U(t, e, a, n, r, s) {
   switch (r) {
@@ -211,26 +211,26 @@ function U(t, e, a, n, r, s) {
         const o = (i) => i.toString(16).padStart(2, "0"), c = Math.max(0, Math.min(255, Math.round(n * 255)));
         return `#${o(t)}${o(e)}${o(a)}${o(c)}`;
       }
-      return et(t, e, a);
+      return nt(t, e, a);
     case "rgb":
       return `rgb(${t}, ${e}, ${a})`;
     case "rgba":
       return `rgba(${t}, ${e}, ${a}, ${Math.round(n * 100) / 100})`;
     case "hsl": {
-      const [o, c, i] = nt(t, e, a);
+      const [o, c, i] = st(t, e, a);
       return `hsl(${o}, ${c}%, ${i}%)`;
     }
     case "hsla": {
-      const [o, c, i] = nt(t, e, a);
+      const [o, c, i] = st(t, e, a);
       return `hsla(${o}, ${c}%, ${i}%, ${Math.round(n * 100) / 100})`;
     }
     case "hwb": {
-      const [o, c, i] = Ot(t, e, a);
+      const [o, c, i] = Lt(t, e, a);
       return n < 1 ? `hwb(${o} ${c}% ${i}% / ${Math.round(n * 100) / 100})` : `hwb(${o} ${c}% ${i}%)`;
     }
     case "oklch": {
-      const [o, c, i] = Wt(t, e, a), l = (Math.round(o * 1e3) / 1e3).toFixed(3), d = (Math.round(c * 1e3) / 1e3).toFixed(3), h = (Math.round(i * 10) / 10).toFixed(1), y = Math.round(n * 100) / 100;
-      return s || n < 1 ? `oklch(${l} ${d} ${h} / ${y})` : `oklch(${l} ${d} ${h})`;
+      const [o, c, i] = Wt(t, e, a), l = (Math.round(o * 1e3) / 1e3).toFixed(3), d = (Math.round(c * 1e3) / 1e3).toFixed(3), h = (Math.round(i * 10) / 10).toFixed(1), w = Math.round(n * 100) / 100;
+      return s || n < 1 ? `oklch(${l} ${d} ${h} / ${w})` : `oklch(${l} ${d} ${h})`;
     }
   }
 }
@@ -276,17 +276,17 @@ function Yt(t) {
     onChange: a,
     onInput: n,
     ...r
-  } = t, s = /* @__PURE__ */ new Map(), o = p.toSignal(e).map((d) => d.map((h, y) => {
-    const f = s.get(h), g = Xt(h ?? ""), M = f?.type || jt(g), k = f?.name ?? `file-${y}`, w = g.buffer.slice(
+  } = t, s = /* @__PURE__ */ new Map(), o = p.toSignal(e).map((d) => d.map((h, w) => {
+    const f = s.get(h), g = Xt(h ?? ""), y = f?.type || jt(g), F = f?.name ?? `file-${w}`, T = g.buffer.slice(
       g.byteOffset,
       g.byteOffset + g.byteLength
-    ), F = new Blob([w], { type: M });
-    return new File([F], k, { type: M });
+    ), M = new Blob([T], { type: y });
+    return new File([M], F, { type: y });
   })), c = (d) => (h) => {
-    d && Ht(h).then((y) => {
-      for (const [f, g] of y.entries())
+    d && Ht(h).then((w) => {
+      for (const [f, g] of w.entries())
         s.set(g, { name: h[f].name, type: h[f].type });
-      d(y);
+      d(w);
     });
   }, i = c(a), l = c(n);
   return yt({
@@ -318,16 +318,16 @@ function ge(t) {
 function Gt(t, e) {
   const [a, n, r] = t, s = a << 16 ^ n << 8 ^ r, o = Pt(s), c = 6 + Math.floor(o() * 5), i = 0.18 + o() * 0.06, l = [];
   for (let f = 0; f < c; f++) {
-    const g = f / c * Math.PI * 2, M = e * (1 + (o() * 2 - 1) * i), k = Math.cos(g) * M, w = Math.sin(g) * M;
-    l.push({ x: k, y: w });
+    const g = f / c * Math.PI * 2, y = e * (1 + (o() * 2 - 1) * i), F = Math.cos(g) * y, T = Math.sin(g) * y;
+    l.push({ x: F, y: T });
   }
   const d = (l[0].x + l[c - 1].x) / 2, h = (l[0].y + l[c - 1].y) / 2;
-  let y = `M ${d.toFixed(3)} ${h.toFixed(3)}`;
+  let w = `M ${d.toFixed(3)} ${h.toFixed(3)}`;
   for (let f = 0; f < c; f++) {
-    const g = l[f], M = l[(f + 1) % c], k = (g.x + M.x) / 2, w = (g.y + M.y) / 2;
-    y += ` Q ${g.x.toFixed(3)} ${g.y.toFixed(3)} ${k.toFixed(3)} ${w.toFixed(3)}`;
+    const g = l[f], y = l[(f + 1) % c], F = (g.x + y.x) / 2, T = (g.y + y.y) / 2;
+    w += ` Q ${g.x.toFixed(3)} ${g.y.toFixed(3)} ${F.toFixed(3)} ${T.toFixed(3)}`;
   }
-  return y += " Z", y;
+  return w += " Z", w;
 }
 const fe = (t) => {
   const {
@@ -344,32 +344,35 @@ const fe = (t) => {
     md: 32,
     lg: 40,
     xl: 52
-  }, l = o != null ? p.map(o, (m) => Number(m)) : p.map(t.size ?? "md", (m) => i[m] ?? 32), d = p.map(e, (m) => Vt(m ?? "#000000")), h = p.map(
+  }, l = o != null ? p.map(o, (m) => Number(m)) : p.map(
+    t.size ?? "md",
+    (m) => i[m] ?? 32
+  ), d = p.map(e, (m) => Vt(m ?? "#000000")), h = p.map(
     d,
-    ([m, $, C]) => [m, $, C]
-  ), y = p.map(d, ([, , , m]) => m), f = ut(p.get(y) ?? 1), g = p.map(c ?? !1, (m) => m), M = p.map(
+    ([m, x, C]) => [m, x, C]
+  ), w = p.map(d, ([, , , m]) => m), f = ut(p.get(w) ?? 1), g = p.map(c ?? !1, (m) => m), y = p.map(
     t.colorTextFormat ?? "rgb",
     (m) => m
-  ), k = D(
+  ), F = D(
     h,
     f,
-    M,
+    y,
     g
   )(
-    ([m, $, C], v, N, R) => U(m, $, C, v ?? 1, W(N, R), R)
-  ), w = p.map(
+    ([m, x, C], v, N, B) => U(m, x, C, v ?? 1, W(N, B), B)
+  ), T = p.map(
     t.colorTextFormat ?? "hex",
     (m) => m
-  ), F = p.map(l, (m) => `${-m / 2} ${-m / 2} ${m} ${m}`), b = D(
+  ), M = p.map(l, (m) => `${-m / 2} ${-m / 2} ${m} ${m}`), b = D(
     h,
     l
-  )((m, $) => Gt(m, $ / 2)), A = D(
+  )((m, x) => Gt(m, x / 2)), $ = D(
     h,
     f,
     g
   )(
-    ([m, $, C], v, N) => N || v < 1 ? Et(m, $, C, v) : et(m, $, C)
-  ), T = x.div(
+    ([m, x, C], v, N) => N || v < 1 ? Et(m, x, C, v) : nt(m, x, C)
+  ), S = _.div(
     u.class("bc-color-swatch-input__control"),
     u.class(
       p.map(
@@ -377,47 +380,45 @@ const fe = (t) => {
         (m) => m ? "bc-color-swatch-input__control--alpha" : ""
       )
     ),
-    u.style(
-      D(l)((m) => `width:${m + 2}px;height:${m + 2}px`)
-    ),
+    u.style(D(l)((m) => `width:${m + 2}px;height:${m + 2}px`)),
     // The SVG blob preview
     ot.svg(
       u.class("bc-color-swatch-input__svg"),
-      Q.viewBox(F),
-      ot.path(Q.d(b), Q.fill(A))
+      J.viewBox(M),
+      ot.path(J.d(b), J.fill($))
     ),
     // Invisible native input overlays the blob for picker and accessibility
-    x.input(
+    _.input(
       u.type("color"),
-      L(t),
+      O(t),
       // Native color input needs hex without alpha
-      u.value(p.map(h, ([m, $, C]) => et(m, $, C))),
+      u.value(p.map(h, ([m, x, C]) => nt(m, x, C))),
       u.class(
         "bc-input bc-color-swatch-input bc-color-swatch-input__native"
       ),
-      a != null ? I.blur(a) : S,
+      a != null ? I.blur(a) : A,
       n != null ? I.change((m) => {
-        const $ = m.target.value;
+        const x = m.target.value;
         if (!n) return;
-        const { r: C, g: v, b: N } = H($) ?? { r: 0, g: 0, b: 0 }, R = p.get(f) ?? 1, V = W(
-          p.get(w),
+        const { r: C, g: v, b: N } = H(x) ?? { r: 0, g: 0, b: 0 }, B = p.get(f) ?? 1, V = W(
+          p.get(T),
           p.get(g)
-        ), q = U(C, v, N, R, V, p.get(g));
-        n(q);
-      }) : S,
+        ), Q = U(C, v, N, B, V, p.get(g));
+        n(Q);
+      }) : A,
       r != null ? I.input((m) => {
-        const $ = m.target.value;
+        const x = m.target.value;
         if (!r) return;
-        const { r: C, g: v, b: N } = H($) ?? { r: 0, g: 0, b: 0 }, R = p.get(f) ?? 1, V = W(
-          p.get(w),
+        const { r: C, g: v, b: N } = H(x) ?? { r: 0, g: 0, b: 0 }, B = p.get(f) ?? 1, V = W(
+          p.get(T),
           p.get(g)
-        ), q = U(C, v, N, R, V, p.get(g));
-        r(q);
-      }) : S
+        ), Q = U(C, v, N, B, V, p.get(g));
+        r(Q);
+      }) : A
     )
-  ), _ = z(
+  ), k = z(
     g,
-    () => x.input(
+    () => _.input(
       u.type("range"),
       u.class("bc-color-swatch-input__alpha"),
       u.min(0),
@@ -426,49 +427,49 @@ const fe = (t) => {
       u.value(p.map(f, (m) => String(m ?? 1))),
       u.disabled(t.disabled),
       I.input((m) => {
-        const $ = parseFloat(m.target.value);
-        f.set($);
-        const [C, v, N] = p.get(h), R = W(
-          p.get(w),
+        const x = parseFloat(m.target.value);
+        f.set(x);
+        const [C, v, N] = p.get(h), B = W(
+          p.get(T),
           p.get(g)
-        ), V = U(C, v, N, $, R, p.get(g));
+        ), V = U(C, v, N, x, B, p.get(g));
         r?.(V);
       }),
       I.change((m) => {
-        const $ = parseFloat(m.target.value);
-        f.set($);
-        const [C, v, N] = p.get(h), R = W(
-          p.get(w),
+        const x = parseFloat(m.target.value);
+        f.set(x);
+        const [C, v, N] = p.get(h), B = W(
+          p.get(T),
           p.get(g)
-        ), V = U(C, v, N, $, R, p.get(g));
+        ), V = U(C, v, N, x, B, p.get(g));
         n?.(V);
       })
     )
   ), {
     swatchSize: Y,
-    displayValue: at,
-    withAlpha: K,
+    displayValue: G,
+    withAlpha: q,
     colorTextFormat: rt,
-    ...G
+    ...K
   } = t;
   return P({
     baseContainer: !0,
-    ...G,
+    ...K,
     // ensure our control does not try to grow
     growInput: !1,
-    input: T,
+    input: S,
     // If caller provided an `after`, append RGB before it
     after: j(
       z(
         s ?? !1,
-        () => x.span(u.class("bc-color-swatch-input__rgb"), k)
+        () => _.span(u.class("bc-color-swatch-input__rgb"), F)
       ),
-      _,
+      k,
       t.after
     )
   });
 }, Kt = (t) => typeof t == "string" && t.trim() === "" ? null : t, qt = (t) => t ?? "";
-function O(t) {
+function L(t) {
   return (e) => {
     const { after: a, disabled: n } = e, r = dt(e, qt, Kt), s = X(
       e.value,
@@ -489,7 +490,7 @@ const me = ({
   disabled: r
 }) => {
   const s = p.deriveProp(t ?? !1), o = ut(!1), c = p.map(r ?? !1, (i) => i);
-  return x.div(
+  return _.div(
     u.class("bc-editable-text"),
     u.class(
       p.map(
@@ -497,10 +498,10 @@ const me = ({
         (i) => i ? "bc-editable-text--disabled" : ""
       )
     ),
-    B.disabled(c),
+    R.disabled(c),
     z(
       s,
-      () => x.input(
+      () => _.input(
         u.placeholder(n),
         u.value(e),
         u.class("bc-editable-text__input"),
@@ -509,7 +510,7 @@ const me = ({
           i.key === "Enter" ? s.set(!1) : i.key === "Escape" && (o.set(!0), s.set(!1));
         }),
         I.blur(
-          st((i) => {
+          at((i) => {
             if (s.set(!1), o.value) {
               o.set(!1);
               return;
@@ -518,27 +519,27 @@ const me = ({
           })
         )
       ),
-      () => x.span(
+      () => _.span(
         I.click(() => {
           p.get(c) || s.set(!0);
         }),
         u.class("bc-editable-text__display"),
         z(
           p.map(e, (i) => i != null && i.trim() !== ""),
-          () => x.span(u.class("bc-editable-text__text"), e),
-          () => x.span(
+          () => _.span(u.class("bc-editable-text__text"), e),
+          () => _.span(
             u.class("bc-editable-text__placeholder"),
             n
           )
         ),
         z(
           p.map(c, (i) => !i),
-          () => x.button(
+          () => _.button(
             u.type("button"),
             u.class("bc-editable-text__edit-button"),
-            ft(kt, (i) => B.label(i.$.editLabel)),
+            ft(kt, (i) => R.label(i.$.editLabel)),
             I.click(() => s.set(!0)),
-            tt({ icon: "line-md/pencil", color: "neutral" })
+            et({ icon: "line-md/pencil", color: "neutral" })
           )
         )
       )
@@ -549,12 +550,12 @@ const me = ({
   return P({
     ...t,
     input: pt.date(
-      L(t),
+      O(t),
       u.valueAsDate(e),
       u.class("bc-input"),
-      a != null ? I.blur(st(a)) : S,
-      n != null ? I.change(ct(n)) : S,
-      r != null ? I.input(ct(r)) : S
+      a != null ? I.blur(at(a)) : A,
+      n != null ? I.change(ct(n)) : A,
+      r != null ? I.input(ct(r)) : A
     ),
     after: s != null ? j(c, s) : c
   });
@@ -566,16 +567,16 @@ const me = ({
   return P({
     ...t,
     input: pt["datetime-local"](
-      L(t),
+      O(t),
       u.value(p.map(c, (l) => l ?? null)),
       u.class("bc-input"),
-      a != null ? I.blur(st(a)) : S,
-      n != null ? I.change(it(n)) : S,
-      r != null ? I.input(it(r)) : S
+      a != null ? I.blur(at(a)) : A,
+      n != null ? I.change(it(n)) : A,
+      r != null ? I.input(it(r)) : A
     ),
     after: s != null ? j(i, s) : i
   });
-}, ye = O(Tt), Me = O(_t), Ie = O(St), $e = O(
+}, ye = L(Tt), Me = L(_t), Ie = L(St), $e = L(
   Mt
 ), xe = ({
   value: t,
@@ -589,97 +590,99 @@ const me = ({
   id: i,
   color: l = "primary",
   tabIndex: d = 0,
-  matchInputHeight: h = !0
+  matchInputHeight: h = !0,
+  ariaLabel: w
 }) => {
-  const y = i ?? At("switch");
-  function f(w, F) {
-    const b = [
+  const f = i ?? At("switch");
+  function g(M, b) {
+    const $ = [
       "bc-switch",
-      `bc-switch--size-${F}`,
-      `bc-switch--${F}`
+      `bc-switch--size-${b}`,
+      `bc-switch--${b}`
     ];
-    return h && b.push("bc-switch--match-input"), w && b.push("bc-switch--disabled"), b.join(" ");
+    return h && $.push("bc-switch--match-input"), M && $.push("bc-switch--disabled"), $.join(" ");
   }
-  function g(w) {
-    const F = w ?? "primary", b = /* @__PURE__ */ new Map(), A = lt(F, "solid", "light"), T = lt(F, "solid", "dark");
-    return b.set("--switch-track-on-bg", A.backgroundColor), b.set("--switch-track-on-label", A.textColor), b.set("--switch-track-on-bg-dark", T.backgroundColor), b.set("--switch-track-on-label-dark", T.textColor), b.set(
+  function y(M) {
+    const b = M ?? "primary", $ = /* @__PURE__ */ new Map(), S = lt(b, "solid", "light"), k = lt(b, "solid", "dark");
+    return $.set("--switch-track-on-bg", S.backgroundColor), $.set("--switch-track-on-label", S.textColor), $.set("--switch-track-on-bg-dark", k.backgroundColor), $.set("--switch-track-on-label-dark", k.textColor), $.set(
       "--switch-track-on-border-dark",
-      Ft(F, "dark")
-    ), Array.from(b.entries()).map(([_, Y]) => `${_}: ${Y}`).join("; ");
+      Ft(b, "dark")
+    ), Array.from($.entries()).map(([Y, G]) => `${Y}: ${G}`).join("; ");
   }
-  const M = () => {
+  const F = () => {
     p.get(o) || (e?.(!p.get(t)), a?.(!p.get(t)));
-  }, k = (w) => {
-    p.get(o) || (w.key === " " || w.key === "Enter") && (w.preventDefault(), M());
+  }, T = (M) => {
+    p.get(o) || (M.key === " " || M.key === "Enter") && (M.preventDefault(), F());
   };
-  return x.div(
+  return _.div(
     u.class(
       D(
         o ?? !1,
         c
       )(
-        (w, F) => f(w ?? !1, F ?? "md")
+        (M, b) => g(M ?? !1, b ?? "md")
       )
     ),
     u.style(
       D(l)(
-        (w) => g(w)
+        (M) => y(M)
       )
     ),
-    u.id(y),
+    u.id(f),
     u.role("switch"),
     u.tabindex(
       D(
         o ?? !1,
         d
-      )((w, F) => w ? -1 : F ?? 0)
+      )((M, b) => M ? -1 : b ?? 0)
     ),
-    B.checked(t),
-    B.disabled(o),
-    I.click(M),
-    I.keydown(k),
+    R.checked(t),
+    R.disabled(o),
+    w != null ? R.label(w) : null,
+    I.click(F),
+    I.keydown(T),
     n != null ? I.blur(n) : null,
-    x.div(
+    _.div(
       u.class("bc-switch__track"),
       u.class(
         p.map(
           t,
-          (w) => w ? "bc-switch__track--on" : "bc-switch__track--off"
+          (M) => M ? "bc-switch__track--on" : "bc-switch__track--off"
         )
       ),
-      r != null ? x.div(
-        B.hidden(!0),
+      r != null ? _.div(
+        R.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"
+            (M) => M ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
           )
         ),
         r
       ) : null,
-      s != null ? x.div(
+      s != null ? _.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"
+            (M) => M ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
           )
         ),
         s
       ) : null,
-      x.div(
+      _.div(
         u.class("bc-switch__thumb"),
         u.class(
           p.map(
             t,
-            (w) => w ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
+            (M) => M ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
           )
         )
       )
     )
   );
-}, _e = O(It), Jt = "line-md:star-alt-filled", Zt = "line-md:star-alt", te = (t) => {
+}, _e = L(It), Jt = "line-md:star-alt-filled", Zt = "line-md:star-alt", te = (t) => {
   const {
     value: e,
     onChange: a,
@@ -692,47 +695,47 @@ const me = ({
     inactiveIcon: l = Zt,
     size: d = "md",
     onBlur: h,
-    rounding: y = 1
+    rounding: w = 1
   } = t, f = () => {
-    const b = p.get(y);
+    const b = p.get(w);
     return b > 0 ? b : 1;
-  }, g = (b) => Math.min(Math.max(b, 0), p.get(s)), M = (b, A) => {
+  }, g = (b) => Math.min(Math.max(b, 0), p.get(s)), y = (b, $) => {
     if (p.get(r ?? !1)) return;
-    const _ = b.currentTarget.getBoundingClientRect(), Y = (b.clientX - _.left) / _.width, at = A - 1 + Y, K = f(), rt = Math.ceil(at / K) * K, G = g(rt);
-    a?.(G), n?.(G);
-  }, k = (b) => {
+    const k = b.currentTarget.getBoundingClientRect(), Y = (b.clientX - k.left) / k.width, G = $ - 1 + Y, q = f(), rt = Math.ceil(G / q) * q, K = g(rt);
+    a?.(K), n?.(K);
+  }, F = (b) => {
     if (p.get(r ?? !1)) return;
-    const A = f(), T = p.get(e) ?? 0;
-    let _;
+    const $ = f(), S = p.get(e) ?? 0;
+    let k;
     switch (b.key) {
       case "ArrowRight":
       case "ArrowUp":
-        _ = g(T + A);
+        k = g(S + $);
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        _ = g(T - A);
+        k = g(S - $);
         break;
       case "Home":
-        _ = 0;
+        k = 0;
         break;
       case "End":
-        _ = p.get(s);
+        k = p.get(s);
         break;
       default:
         return;
     }
-    b.preventDefault(), a?.(_), n?.(_);
-  }, w = p.map(d, (b) => `bc-icon--${b}`), F = ({ index: b, counter: A }) => x.span(
+    b.preventDefault(), a?.(k), n?.(k);
+  }, T = p.map(d, (b) => `bc-icon--${b}`), M = ({ index: b, counter: $ }) => _.span(
     u.class("bc-rating-input__icon-container"),
-    u.class(w),
+    u.class(T),
     I.click(
-      bt((T) => M(T, A), {
+      bt((S) => y(S, $), {
         preventDefault: !0,
         stopPropagation: !0
       })
     ),
-    tt(
+    et(
       {
         icon: l,
         size: d,
@@ -741,16 +744,16 @@ const me = ({
       },
       u.class("bc-rating-input__icon-empty")
     ),
-    x.span(
+    _.span(
       u.class("bc-rating-input__icon-clipper"),
-      u.class(w),
+      u.class(T),
       wt.width(
-        p.map(e, (T) => {
-          const _ = Math.floor(T);
-          return _ > b ? "100%" : _ < b ? "0%" : `${(T - b) * 100}%`;
+        p.map(e, (S) => {
+          const k = Math.floor(S);
+          return k > b ? "100%" : k < b ? "0%" : `${(S - b) * 100}%`;
         })
       ),
-      tt(
+      et(
         {
           icon: i,
           size: d,
@@ -766,30 +769,30 @@ const me = ({
     growInput: !1,
     focusableSelector: '[role="slider"]',
     ...t,
-    input: x.div(
+    input: _.div(
       // Common input attributes (id, required, invalid, custom classes, etc.)
-      L(t),
+      O(t),
       u.class("bc-rating-input"),
       // ARIA slider semantics
       u.role("slider"),
       u.tabindex(p.map(r ?? !1, (b) => b ? -1 : 0)),
-      B.disabled(r ?? !1),
-      B.valuemin(0),
-      B.valuemax(p.map(s, (b) => b ?? 0)),
-      B.valuenow(p.map(e, (b) => b ?? 0)),
-      B.valuetext(
+      R.disabled(r ?? !1),
+      R.valuemin(0),
+      R.valuemax(p.map(s, (b) => b ?? 0)),
+      R.valuenow(p.map(e, (b) => b ?? 0)),
+      R.valuetext(
         D(
           e,
           s
-        )((b, A) => {
-          const T = b ?? 0, _ = A ?? 0;
-          return `${String(T)} / ${String(_)}`;
+        )((b, $) => {
+          const S = b ?? 0, k = $ ?? 0;
+          return `${String(S)} / ${String(k)}`;
         })
       ),
       // Keyboard & focus handlers
-      I.keydown(k),
+      I.keydown(F),
       h != null ? I.blur(h) : null,
-      mt(s, F)
+      mt(s, M)
     )
   });
 }, ke = (t) => {
@@ -812,18 +815,18 @@ const me = ({
     ...t,
     // Make sure clicks anywhere focus the range input
     focusableSelector: 'input[type="range"]',
-    input: x.input(
+    input: _.input(
       u.type("range"),
-      L(t),
+      O(t),
       u.min(n),
       u.max(r),
       u.step(a),
       // Using value as number to keep it in sync
       u.valueAsNumber(e),
       u.class("bc-input bc-slider-input"),
-      s != null ? I.blur(E(s)) : S,
-      o != null ? I.change(E(o)) : S,
-      c != null ? I.input(E(c)) : S
+      s != null ? I.blur(E(s)) : A,
+      o != null ? I.change(E(o)) : A,
+      c != null ? I.input(E(c)) : A
     )
   });
 }, Ce = (t) => {
@@ -840,28 +843,28 @@ const me = ({
     ...t,
     focusableSelector: 'input[type="range"]',
     after: l,
-    input: x.input(
+    input: _.input(
       u.type("range"),
-      L(t),
+      O(t),
       u.min(n),
       u.max(r),
       u.step(a),
       u.valueAsNumber(i),
       u.class("bc-input bc-slider-input"),
-      s != null ? I.blur(E(s)) : S,
+      s != null ? I.blur(E(s)) : A,
       o != null ? I.change(
         E((d) => {
           o(d);
         })
-      ) : S,
+      ) : A,
       c != null ? I.input(
         E((d) => {
           c(d);
         })
-      ) : S
+      ) : A
     )
   });
-}, Te = O($t);
+}, Te = L($t);
 class ee {
   widgets = /* @__PURE__ */ new Map();
   typeMapping = /* @__PURE__ */ new Map();
@@ -1012,26 +1015,26 @@ function Re(t) {
   };
 }
 export {
-  Lt as A,
+  Ot as A,
   ge as B,
   fe as C,
   Bt as D,
   me as E,
   Nt as F,
   Rt as G,
-  Z as H,
+  tt as H,
   Pt as I,
   Ut as J,
   Vt as K,
   W as L,
-  et as M,
+  nt as M,
   Me as N,
-  nt as O,
-  Ot as P,
+  st as O,
+  Lt as P,
   Wt as Q,
   te as R,
   Fe as S,
-  J as T,
+  Z as T,
   Et as U,
   ee as W,
   $e as a,