@tempots/beatui 0.83.5 → 0.86.0

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

@@ -1,44 +1,44 @@
-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 { Value as p, prop as rt, computedOf as D, html as k, attr as u, svg as tt, svgAttr as Y, on as M, Empty as A, When as W, Fragment as j, aria as N, emitValue as Z, Use as lt, input as ot, emitValueAsNullableDate as et, emitValueAsNullableDateTime as nt, Repeat as ut, style 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-Nx0gMAzS.js";
+import { I as E } 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-Dz4nX57_.js";
-import { s as Ft } from "./session-id-3KiilioY.js";
-import { r as Ct } from "./utils-DEbsp9Q9.js";
-function lt(t) {
+import { B as yt, I as q, b as st, a as It } from "./translations-BGblCUBj.js";
+import { AutoSelect as Mt } from "@tempots/ui";
+import { E as $t, P as xt } from "./notice-Dz4nX57_.js";
+import { s as _t } from "./session-id-3KiilioY.js";
+import { r as kt } from "./utils-DEbsp9Q9.js";
+function it(t) {
   if (typeof t != "string") return !1;
   const e = t.startsWith("#") ? t.slice(1) : t;
   return /^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(e);
 }
-function Tt(t) {
+function Ft(t) {
   if (typeof t != "string") return !1;
   const e = /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i, s = t.match(e);
   if (!s) return !1;
-  const [, n, r, a] = s, o = parseInt(n, 10), c = parseInt(r, 10), i = parseInt(a, 10);
-  return o >= 0 && o <= 255 && c >= 0 && c <= 255 && i >= 0 && i <= 255;
+  const [, n, r, a] = s, o = parseInt(n, 10), i = parseInt(r, 10), c = parseInt(a, 10);
+  return o >= 0 && o <= 255 && i >= 0 && i <= 255 && c >= 0 && c <= 255;
 }
-function At(t) {
+function Ct(t) {
   if (typeof t != "string") return !1;
   const e = /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(0|1|0?\.\d+)\s*\)$/i, s = t.match(e);
   if (!s) return !1;
-  const [, n, r, a, o] = s, c = parseInt(n, 10), i = parseInt(r, 10), l = parseInt(a, 10), d = parseFloat(o);
-  return c >= 0 && c <= 255 && i >= 0 && i <= 255 && l >= 0 && l <= 255 && d >= 0 && d <= 1;
+  const [, n, r, a, o] = s, i = parseInt(n, 10), c = parseInt(r, 10), l = parseInt(a, 10), d = parseFloat(o);
+  return i >= 0 && i <= 255 && c >= 0 && c <= 255 && l >= 0 && l <= 255 && d >= 0 && d <= 1;
 }
-function St(t) {
+function Tt(t) {
   if (typeof t != "string") return !1;
   const e = /^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/i, s = t.match(e);
   if (!s) return !1;
-  const [, n, r, a] = s, o = parseInt(n, 10), c = parseInt(r, 10), i = parseInt(a, 10);
-  return o >= 0 && o <= 360 && c >= 0 && c <= 100 && i >= 0 && i <= 100;
+  const [, n, r, a] = s, o = parseInt(n, 10), i = parseInt(r, 10), c = parseInt(a, 10);
+  return o >= 0 && o <= 360 && i >= 0 && i <= 100 && c >= 0 && c <= 100;
 }
-function ce(t) {
-  return lt(t) || Tt(t) || At(t) || St(t);
+function re(t) {
+  return it(t) || Ft(t) || Ct(t) || Tt(t);
 }
-function vt(t) {
-  if (!lt(t)) return null;
+function At(t) {
+  if (!it(t)) return null;
   let e = t.startsWith("#") ? t.slice(1) : t;
   return e.length === 3 && (e = e.split("").map((s) => s + s).join("")), `#${e.toLowerCase()}`;
 }
@@ -49,8 +49,8 @@ function Q(t, e, s) {
   };
   return `#${n(t)}${n(e)}${n(s)}`;
 }
-function j(t) {
-  const e = vt(t);
+function H(t) {
+  const e = At(t);
   if (!e) return null;
   const s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
   return s ? {
@@ -59,16 +59,16 @@ function j(t) {
     b: parseInt(s[3], 16)
   } : null;
 }
-function ie(t, e) {
-  const s = j(t), n = j(e);
+function oe(t, e) {
+  const s = H(t), n = H(e);
   if (!s || !n) return null;
   const r = (l, d, f) => {
-    const [m, h, w] = [l, d, f].map(($) => ($ = $ / 255, $ <= 0.03928 ? $ / 12.92 : Math.pow(($ + 0.055) / 1.055, 2.4)));
+    const [m, h, w] = [l, d, f].map((I) => (I = I / 255, I <= 0.03928 ? I / 12.92 : Math.pow((I + 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);
+  }, a = r(s.r, s.g, s.b), o = r(n.r, n.g, n.b), i = Math.max(a, o), c = Math.min(a, o);
+  return (i + 0.05) / (c + 0.05);
 }
-function Rt(t) {
+function St(t) {
   if (!t) return [0, 0, 0, 1];
   const s = t.trim().match(
     /^#?([a-fA-F0-9]{3,4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/
@@ -114,78 +114,78 @@ 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]), m = a[4] != null ? parseFloat(a[4]) : 1, [h, w, $] = ut(l, d / 100, f / 100);
-    return [h, w, $, m];
+    const l = parseFloat(a[1]), d = parseFloat(a[2]), f = parseFloat(a[3]), m = a[4] != null ? parseFloat(a[4]) : 1, [h, w, I] = ct(l, d / 100, f / 100);
+    return [h, w, I, 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, m = o[4] != null ? parseFloat(o[4]) : 1, [h, w, $] = Bt(l, d, f);
-    return [h, w, $, m];
+    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, I] = Nt(l, d, f);
+    return [h, w, I, m];
   }
-  const c = t.match(
+  const i = 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]), 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];
+  if (i) {
+    const l = i[1], d = parseFloat(i[2]), f = parseFloat(i[3]), m = i[4] != null ? parseFloat(i[4]) : 1, h = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [w, I, x] = Bt(h, d, f);
+    return [w, I, x, m];
   }
-  const i = j(t);
-  return i ? [i.r, i.g, i.b, 1] : [0, 0, 0, 1];
+  const c = H(t);
+  return c ? [c.r, c.g, c.b, 1] : [0, 0, 0, 1];
 }
-function Nt(t, e, s, n) {
+function vt(t, e, s, n) {
   return `rgba(${Math.round(t)}, ${Math.round(e)}, ${Math.round(s)}, ${Math.max(
     0,
     Math.min(1, Math.round(n * 100) / 100)
   )})`;
 }
-function Dt(t) {
+function Rt(t) {
   let e = t + 1831565813;
   return function() {
     return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
   };
 }
-function ut(t, e, s) {
+function ct(t, e, s) {
   t = (t % 360 + 360) % 360;
   const n = (1 - Math.abs(2 * s - 1)) * e, r = n * (1 - Math.abs(t / 60 % 2 - 1)), a = s - n / 2;
-  let o = 0, c = 0, i = 0;
-  return 0 <= t && t < 60 ? [o, c, i] = [n, r, 0] : 60 <= t && t < 120 ? [o, c, i] = [r, n, 0] : 120 <= t && t < 180 ? [o, c, i] = [0, n, r] : 180 <= t && t < 240 ? [o, c, i] = [0, r, n] : 240 <= t && t < 300 ? [o, c, i] = [r, 0, n] : [o, c, i] = [n, 0, r], [
+  let o = 0, i = 0, c = 0;
+  return 0 <= t && t < 60 ? [o, i, c] = [n, r, 0] : 60 <= t && t < 120 ? [o, i, c] = [r, n, 0] : 120 <= t && t < 180 ? [o, i, c] = [0, n, r] : 180 <= t && t < 240 ? [o, i, c] = [0, r, n] : 240 <= t && t < 300 ? [o, i, c] = [r, 0, n] : [o, i, c] = [n, 0, r], [
     Math.round((o + a) * 255),
-    Math.round((c + a) * 255),
-    Math.round((i + a) * 255)
+    Math.round((i + a) * 255),
+    Math.round((c + a) * 255)
   ];
 }
-function Bt(t, e, s) {
+function Nt(t, e, s) {
   t = (t % 360 + 360) % 360;
   const n = e + s;
   n > 1 && (e /= n, s /= n);
-  const [r, a, o] = ut(t, 1, 0.5).map((f) => f / 255), c = 1 - e - s, i = r * c + e, l = a * c + e, d = o * c + e;
-  return [Math.round(i * 255), Math.round(l * 255), Math.round(d * 255)];
+  const [r, a, o] = ct(t, 1, 0.5).map((f) => f / 255), i = 1 - e - s, c = r * i + e, l = a * i + e, d = o * i + e;
+  return [Math.round(c * 255), Math.round(l * 255), Math.round(d * 255)];
 }
 function J(t, e, s) {
   t /= 255, e /= 255, s /= 255;
   const n = Math.max(t, e, s), r = Math.min(t, e, s);
   let a = 0, o = 0;
-  const c = (n + r) / 2, i = n - r;
-  if (i !== 0) {
-    switch (o = c > 0.5 ? i / (2 - n - r) : i / (n + r), n) {
+  const i = (n + r) / 2, c = n - r;
+  if (c !== 0) {
+    switch (o = i > 0.5 ? c / (2 - n - r) : c / (n + r), n) {
       case t:
-        a = (e - s) / i + (e < s ? 6 : 0);
+        a = (e - s) / c + (e < s ? 6 : 0);
         break;
       case e:
-        a = (s - t) / i + 2;
+        a = (s - t) / c + 2;
         break;
       default:
-        a = (t - e) / i + 4;
+        a = (t - e) / c + 4;
     }
     a *= 60;
   }
-  return [Math.round(a), Math.round(o * 100), Math.round(c * 100)];
+  return [Math.round(a), Math.round(o * 100), Math.round(i * 100)];
 }
-function Vt(t, e, s) {
-  const [n] = J(t, e, s), r = t / 255, a = e / 255, o = s / 255, c = Math.min(r, a, o), i = 1 - Math.max(r, a, o);
-  return [n, Math.round(c * 100), Math.round(i * 100)];
+function Dt(t, e, s) {
+  const [n] = J(t, e, s), r = t / 255, a = e / 255, o = s / 255, i = Math.min(r, a, o), c = 1 - Math.max(r, a, o);
+  return [n, Math.round(i * 100), Math.round(c * 100)];
 }
 function G(t) {
   const e = t / 255;
@@ -195,21 +195,21 @@ function K(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 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, 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;
+function Bt(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, i = t - 0.1055613458 * r - 0.0638541728 * a, c = t - 0.0894841775 * r - 1.291485548 * a, l = o * o * o, d = i * i * i, f = c * c * c, 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), 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 Vt(t, e, s) {
+  const n = G(t), r = G(e), a = G(s), o = 0.4122214708 * n + 0.5363325363 * r + 0.0514459929 * a, i = 0.2119034982 * n + 0.6806995451 * r + 0.1073969566 * a, c = 0.0883024619 * n + 0.2817188376 * r + 0.6299787005 * a, l = Math.cbrt(o), d = Math.cbrt(i), f = Math.cbrt(c), 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, I = Math.sqrt(h * h + w * w);
+  let x = Math.atan2(w, h) * 180 / Math.PI;
+  return x < 0 && (x += 360), [m, I, x];
 }
-function O(t, e, s, n, r, a) {
+function P(t, e, s, n, r, a) {
   switch (r) {
     case "hex":
       if (a) {
-        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(s)}${o(c)}`;
+        const o = (c) => c.toString(16).padStart(2, "0"), i = Math.max(0, Math.min(255, Math.round(n * 255)));
+        return `#${o(t)}${o(e)}${o(s)}${o(i)}`;
       }
       return Q(t, e, s);
     case "rgb":
@@ -217,27 +217,27 @@ function O(t, e, s, n, r, a) {
     case "rgba":
       return `rgba(${t}, ${e}, ${s}, ${Math.round(n * 100) / 100})`;
     case "hsl": {
-      const [o, c, i] = J(t, e, s);
-      return `hsl(${o}, ${c}%, ${i}%)`;
+      const [o, i, c] = J(t, e, s);
+      return `hsl(${o}, ${i}%, ${c}%)`;
     }
     case "hsla": {
-      const [o, c, i] = J(t, e, s);
-      return `hsla(${o}, ${c}%, ${i}%, ${Math.round(n * 100) / 100})`;
+      const [o, i, c] = J(t, e, s);
+      return `hsla(${o}, ${i}%, ${c}%, ${Math.round(n * 100) / 100})`;
     }
     case "hwb": {
-      const [o, c, i] = Vt(t, e, s);
-      return n < 1 ? `hwb(${o} ${c}% ${i}% / ${Math.round(n * 100) / 100})` : `hwb(${o} ${c}% ${i}%)`;
+      const [o, i, c] = Dt(t, e, s);
+      return n < 1 ? `hwb(${o} ${i}% ${c}% / ${Math.round(n * 100) / 100})` : `hwb(${o} ${i}% ${c}%)`;
     }
     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), m = Math.round(n * 100) / 100;
+      const [o, i, c] = Vt(t, e, s), l = (Math.round(o * 1e3) / 1e3).toFixed(3), d = (Math.round(i * 1e3) / 1e3).toFixed(3), f = (Math.round(c * 10) / 10).toFixed(1), m = Math.round(n * 100) / 100;
       return a || n < 1 ? `oklch(${l} ${d} ${f} / ${m})` : `oklch(${l} ${d} ${f})`;
     }
   }
 }
-function W(t, e) {
+function O(t, e) {
   return e ? t === "rgb" ? "rgba" : t === "hsl" ? "hsla" : t : t === "rgba" ? "rgb" : t === "hsla" ? "hsl" : t;
 }
-async function Ut(t) {
+async function Et(t) {
   return new Promise((e, s) => {
     const n = new FileReader();
     n.readAsDataURL(t), n.onload = () => {
@@ -246,10 +246,10 @@ async function Ut(t) {
     }, n.onerror = (r) => s(r);
   });
 }
-function Pt(t) {
-  return Promise.all(t.map(Ut));
+function Ut(t) {
+  return Promise.all(t.map(Et));
 }
-function Ot(t) {
+function Lt(t) {
   if (t.length >= 4) {
     if (t[0] === 137 && t[1] === 80 && t[2] === 78 && t[3] === 71)
       return "image/png";
@@ -265,45 +265,45 @@ function Ot(t) {
   }
   return "application/octet-stream";
 }
-function Wt(t) {
+function Pt(t) {
   const e = bt(t ?? ""), s = e.length, n = new Uint8Array(s);
   for (let r = 0; r < s; r++) n[r] = e.charCodeAt(r);
   return n;
 }
-function Ht(t) {
+function Ot(t) {
   const {
     value: e,
     onChange: s,
     onInput: n,
     ...r
   } = 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(
+    const h = a.get(f), w = Pt(f ?? ""), I = h?.type || Lt(w), x = 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((m) => {
+    ), b = new Blob([y], { type: I });
+    return new File([b], x, { type: I });
+  })), i = (d) => (f) => {
+    d && Ut(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);
+  }, c = i(s), l = i(n);
   return ht({
     ...r,
     value: o,
-    onChange: i,
+    onChange: c,
     onInput: l
   });
 }
-function le(t) {
+function ie(t) {
   const {
     value: e,
     onInput: s,
     onChange: n,
     ...r
   } = t;
-  return Ht({
+  return Ot({
     ...r,
     maxFiles: 1,
     value: p.map(e, (a) => a == null ? [] : [a]),
@@ -315,47 +315,47 @@ 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 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 });
+function Wt(t, e) {
+  const [s, n, r] = t, a = s << 16 ^ n << 8 ^ r, o = Rt(a), i = 6 + Math.floor(o() * 5), c = 0.18 + o() * 0.06, l = [];
+  for (let h = 0; h < i; h++) {
+    const w = h / i * Math.PI * 2, I = e * (1 + (o() * 2 - 1) * c), x = Math.cos(w) * I, y = Math.sin(w) * I;
+    l.push({ x, y });
   }
-  const d = (l[0].x + l[c - 1].x) / 2, f = (l[0].y + l[c - 1].y) / 2;
+  const d = (l[0].x + l[i - 1].x) / 2, f = (l[0].y + l[i - 1].y) / 2;
   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)}`;
+  for (let h = 0; h < i; h++) {
+    const w = l[h], I = l[(h + 1) % i], x = (w.x + I.x) / 2, y = (w.y + I.y) / 2;
+    m += ` Q ${w.x.toFixed(3)} ${w.y.toFixed(3)} ${x.toFixed(3)} ${y.toFixed(3)}`;
   }
   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, (g) => g), l = p.map(e, (g) => Rt(g ?? "#000000")), d = p.map(
+const ce = (t) => {
+  const { value: e, onBlur: s, onChange: n, onInput: r, displayValue: a, size: o, withAlpha: i } = t, c = p.map(o ?? 32, (g) => g), l = p.map(e, (g) => St(g ?? "#000000")), d = p.map(
     l,
-    ([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(
+    ([g, $, F]) => [g, $, F]
+  ), f = p.map(l, ([, , , g]) => g), m = rt(p.get(f) ?? 1), h = p.map(i ?? !1, (g) => g), w = p.map(
     t.colorTextFormat ?? "rgb",
     (g) => g
-  ), $ = D(
+  ), I = D(
     d,
     m,
     w,
     h
   )(
-    ([g, I, k], S, v, R) => O(g, I, k, S ?? 1, W(v, R), R)
-  ), _ = p.map(
+    ([g, $, F], S, v, R) => P(g, $, F, S ?? 1, O(v, R), R)
+  ), x = p.map(
     t.colorTextFormat ?? "hex",
     (g) => g
-  ), y = p.map(i, (g) => `${-g / 2} ${-g / 2} ${g} ${g}`), b = D(
+  ), y = p.map(c, (g) => `${-g / 2} ${-g / 2} ${g} ${g}`), b = D(
     d,
-    i
-  )((g, I) => jt(g, I / 2)), x = D(
+    c
+  )((g, $) => Wt(g, $ / 2)), _ = D(
     d,
     m,
     h
   )(
-    ([g, I, k], S, v) => v || S < 1 ? Nt(g, I, k, S) : Q(g, I, k)
-  ), T = C.div(
+    ([g, $, F], S, v) => v || S < 1 ? vt(g, $, F, S) : Q(g, $, F)
+  ), T = k.div(
     u.class("bc-color-swatch-input__control"),
     u.class(
       p.map(
@@ -364,46 +364,46 @@ const ue = (t) => {
       )
     ),
     u.style(
-      D(i)((g) => `min-width:${g + 2}px;height:${g + 2}px`)
+      D(c)((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(y),
-      tt.path(Y.d(b), Y.fill(x))
+      tt.path(Y.d(b), Y.fill(_))
     ),
     // Invisible native input overlays the blob for picker and accessibility
-    C.input(
+    k.input(
       u.type("color"),
       U(t),
       // Native color input needs hex without alpha
-      u.value(p.map(d, ([g, I, k]) => Q(g, I, k))),
+      u.value(p.map(d, ([g, $, F]) => Q(g, $, F))),
       u.class(
         "bc-input bc-color-swatch-input bc-color-swatch-input__native"
       ),
       s != null ? M.blur(s) : A,
       n != null ? M.change((g) => {
-        const I = g.target.value;
+        const $ = g.target.value;
         if (!n) return;
-        const { r: k, g: S, b: v } = j(I) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = W(
-          p.get(_),
+        const { r: F, g: S, b: v } = H($) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = O(
+          p.get(x),
           p.get(h)
-        ), X = O(k, S, v, R, B, p.get(h));
+        ), X = P(F, S, v, R, B, p.get(h));
         n(X);
       }) : A,
       r != null ? M.input((g) => {
-        const I = g.target.value;
+        const $ = g.target.value;
         if (!r) return;
-        const { r: k, g: S, b: v } = j(I) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = W(
-          p.get(_),
+        const { r: F, g: S, b: v } = H($) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = O(
+          p.get(x),
           p.get(h)
-        ), X = O(k, S, v, R, B, p.get(h));
+        ), X = P(F, S, v, R, B, p.get(h));
         r(X);
       }) : A
     )
-  ), F = H(
+  ), C = W(
     h,
-    () => C.input(
+    () => k.input(
       u.type("range"),
       u.class("bc-color-swatch-input__alpha"),
       u.min(0),
@@ -412,97 +412,97 @@ const ue = (t) => {
       u.value(p.map(m, (g) => String(g ?? 1))),
       u.disabled(t.disabled),
       M.input((g) => {
-        const I = parseFloat(g.target.value);
-        m.set(I);
-        const [k, S, v] = p.get(d), R = W(
-          p.get(_),
+        const $ = parseFloat(g.target.value);
+        m.set($);
+        const [F, S, v] = p.get(d), R = O(
+          p.get(x),
           p.get(h)
-        ), B = O(k, S, v, I, R, p.get(h));
+        ), B = P(F, S, v, $, R, p.get(h));
         r?.(B);
       }),
       M.change((g) => {
-        const I = parseFloat(g.target.value);
-        m.set(I);
-        const [k, S, v] = p.get(d), R = W(
-          p.get(_),
+        const $ = parseFloat(g.target.value);
+        m.set($);
+        const [F, S, v] = p.get(d), R = O(
+          p.get(x),
           p.get(h)
-        ), B = O(k, S, v, I, R, p.get(h));
+        ), B = P(F, S, v, $, R, p.get(h));
         n?.(B);
       })
     )
   );
-  return L({
+  return E({
     baseContainer: !0,
     ...t,
     // ensure our control does not try to grow
     growInput: !1,
     input: T,
     // If caller provided an `after`, append RGB before it
-    after: E(
-      H(
+    after: j(
+      W(
         a ?? !1,
-        () => C.span(u.class("bc-color-swatch-input__rgb"), $)
+        () => k.span(u.class("bc-color-swatch-input__rgb"), I)
       ),
-      F,
+      C,
       t.after
     )
   });
-}, pe = ({
+}, le = ({
   startEditing: t,
   value: e,
   onChange: s,
   placeholder: n,
   disabled: r
 }) => {
-  const a = p.deriveProp(t ?? !1), o = rt(!1), c = p.map(r ?? !1, (i) => i);
-  return C.div(
+  const a = p.deriveProp(t ?? !1), o = rt(!1), i = p.map(r ?? !1, (c) => c);
+  return k.div(
     u.class("bc-editable-text"),
     u.class(
       p.map(
-        c,
-        (i) => i ? "bc-editable-text--disabled" : ""
+        i,
+        (c) => c ? "bc-editable-text--disabled" : ""
       )
     ),
-    N.disabled(c),
-    H(
+    N.disabled(i),
+    W(
       a,
-      () => C.input(
+      () => k.input(
         u.placeholder(n),
         u.value(e),
         u.class("bc-editable-text__input"),
         Mt(),
-        M.keydown((i) => {
-          i.key === "Enter" ? a.set(!1) : i.key === "Escape" && (o.set(!0), a.set(!1));
+        M.keydown((c) => {
+          c.key === "Enter" ? a.set(!1) : c.key === "Escape" && (o.set(!0), a.set(!1));
         }),
         M.blur(
-          Z((i) => {
+          Z((c) => {
             if (a.set(!1), o.value) {
               o.set(!1);
               return;
             }
-            s(i);
+            s(c);
           })
         )
       ),
-      () => C.span(
+      () => k.span(
         M.click(() => {
-          p.get(c) || a.set(!0);
+          p.get(i) || a.set(!0);
         }),
         u.class("bc-editable-text__display"),
-        H(
-          p.map(e, (i) => i != null && i.trim() !== ""),
-          () => C.span(u.class("bc-editable-text__text"), e),
-          () => C.span(
+        W(
+          p.map(e, (c) => c != null && c.trim() !== ""),
+          () => k.span(u.class("bc-editable-text__text"), e),
+          () => k.span(
             u.class("bc-editable-text__placeholder"),
             n
           )
         ),
-        H(
-          p.map(c, (i) => !i),
-          () => C.button(
+        W(
+          p.map(i, (c) => !c),
+          () => k.button(
             u.type("button"),
             u.class("bc-editable-text__edit-button"),
-            ot(yt, (i) => N.label(i.$.editLabel)),
+            lt(yt, (c) => N.label(c.$.editLabel)),
             M.click(() => a.set(!0)),
             q({ icon: "line-md/pencil", color: "neutral" })
           )
@@ -510,11 +510,11 @@ const ue = (t) => {
       )
     )
   );
-}, de = (t) => {
-  const { value: e, onBlur: s, onChange: n, onInput: r, after: a, disabled: o } = t, c = z(e, o, n ?? r);
-  return L({
+}, ue = (t) => {
+  const { value: e, onBlur: s, onChange: n, onInput: r, after: a, disabled: o } = t, i = z(e, o, n ?? r);
+  return E({
     ...t,
-    input: ct.date(
+    input: ot.date(
       U(t),
       u.valueAsDate(e),
       u.class("bc-input"),
@@ -522,43 +522,43 @@ const ue = (t) => {
       n != null ? M.change(et(n)) : A,
       r != null ? M.input(et(r)) : A
     ),
-    after: a != null ? E(c, a) : c
+    after: a != null ? j(i, a) : i
   });
-}, zt = (t) => {
+}, Ht = (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")}`;
-}, 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({
+}, pe = (t) => {
+  const { value: e, onBlur: s, onChange: n, onInput: r, after: a, disabled: o } = t, i = p.map(e, (l) => l != null ? Ht(l) : null), c = z(e, o, n ?? r);
+  return E({
     ...t,
-    input: ct["datetime-local"](
+    input: ot["datetime-local"](
       U(t),
-      u.value(p.map(c, (l) => l ?? null)),
+      u.value(p.map(i, (l) => l ?? null)),
       u.class("bc-input"),
       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
+    after: a != null ? j(c, a) : c
   });
-}, at = (t) => typeof t == "string" && t.trim() === "" ? null : t, Xt = (t) => t ?? "";
-function P(t) {
+}, at = (t) => typeof t == "string" && t.trim() === "" ? null : t, jt = (t) => t ?? "";
+function L(t) {
   return (e) => {
-    const { value: s, onBlur: n, onChange: r, onInput: a, after: o, disabled: c, ...i } = e, l = z(s, c, r ?? a);
+    const { value: s, onBlur: n, onChange: r, onInput: a, after: o, disabled: i, ...c } = e, l = z(s, i, r ?? a);
     return t({
-      ...i,
-      disabled: c,
-      value: p.map(s, Xt),
+      ...c,
+      disabled: i,
+      value: p.map(s, jt),
       onChange: r != null ? (d) => r(at(d)) : void 0,
       onInput: a != null ? (d) => a(at(d)) : void 0,
       onBlur: n,
-      after: o != null ? E(l, o) : l
+      after: o != null ? j(l, o) : l
     });
   };
 }
-const ge = P(_t), fe = P(wt), me = P(kt), be = P(
+const de = L($t), he = L(wt), ge = L(xt), fe = L(
   gt
-), we = ({
+), me = ({
   value: t,
   onChange: e,
   onInput: s,
@@ -566,38 +566,38 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
   offLabel: r,
   onLabel: a,
   disabled: o = !1,
-  size: c = "md",
-  id: i,
+  size: i = "md",
+  id: c,
   color: l = "primary",
   tabIndex: d = 0,
   matchInputHeight: f = !0
 }) => {
-  const m = i ?? Ft("switch");
+  const m = c ?? _t("switch");
   function h(y, b) {
-    const x = [
+    const _ = [
       "bc-switch",
       `bc-switch--size-${b}`,
       `bc-switch--${b}`
     ];
-    return f && x.push("bc-switch--match-input"), y && x.push("bc-switch--disabled"), x.join(" ");
+    return f && _.push("bc-switch--match-input"), y && _.push("bc-switch--disabled"), _.join(" ");
   }
   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(
+    const b = y ?? "primary", _ = /* @__PURE__ */ new Map(), T = st(b, "solid", "light"), C = st(b, "solid", "dark");
+    return _.set("--switch-track-on-bg", T.backgroundColor), _.set("--switch-track-on-label", T.textColor), _.set("--switch-track-on-bg-dark", C.backgroundColor), _.set("--switch-track-on-label-dark", C.textColor), _.set(
       "--switch-track-on-border-dark",
       It(b, "dark")
-    ), Array.from(x.entries()).map(([g, I]) => `${g}: ${I}`).join("; ");
+    ), Array.from(_.entries()).map(([g, $]) => `${g}: ${$}`).join("; ");
   }
-  const $ = () => {
+  const I = () => {
     p.get(o) || (e?.(!p.get(t)), s?.(!p.get(t)));
-  }, _ = (y) => {
-    p.get(o) || (y.key === " " || y.key === "Enter") && (y.preventDefault(), $());
+  }, x = (y) => {
+    p.get(o) || (y.key === " " || y.key === "Enter") && (y.preventDefault(), I());
   };
-  return C.div(
+  return k.div(
     u.class(
       D(
         o ?? !1,
-        c
+        i
       )(
         (y, b) => h(y ?? !1, b ?? "md")
       )
@@ -617,10 +617,10 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
     ),
     N.checked(t),
     N.disabled(o),
-    M.click($),
-    M.keydown(_),
+    M.click(I),
+    M.keydown(x),
     n != null ? M.blur(n) : null,
-    C.div(
+    k.div(
       u.class("bc-switch__track"),
       u.class(
         p.map(
@@ -628,7 +628,7 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
           (y) => y ? "bc-switch__track--on" : "bc-switch__track--off"
         )
       ),
-      r != null ? C.div(
+      r != null ? k.div(
         N.hidden(!0),
         u.class("bc-switch__track-label bc-switch__track-label--off"),
         u.class(
@@ -639,7 +639,7 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
         ),
         r
       ) : null,
-      a != null ? C.div(
+      a != null ? k.div(
         u.class("bc-switch__track-label bc-switch__track-label--on"),
         u.class(
           p.map(
@@ -649,47 +649,18 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
         ),
         a
       ) : null,
-      xt(
-        (y) => ot(
-          $t,
-          ({ direction: b }) => C.div(
-            u.class("bc-switch__thumb"),
-            u.class(
-              p.map(
-                t,
-                (x) => x ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
-              )
-            ),
-            it.transform(
-              D(
-                t,
-                y,
-                c,
-                b
-              )((x, { width: T }, F, g) => {
-                const I = (() => {
-                  switch (F) {
-                    case "xs":
-                      return 5;
-                    case "sm":
-                      return 5.5;
-                    case "md":
-                      return 6;
-                    case "lg":
-                      return 7;
-                    case "xl":
-                      return 8;
-                  }
-                })(), k = g === "rtl" ? `calc((var(--spacing-base) * ${I}) - ${T}px)` : `calc(${T}px - (var(--spacing-base) * ${I}))`;
-                return x ? `translateX(${k})` : "translateX(0)";
-              })
-            )
+      k.div(
+        u.class("bc-switch__thumb"),
+        u.class(
+          p.map(
+            t,
+            (y) => y ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
           )
         )
       )
     )
   );
-}, ye = P(ft), Yt = "line-md:star-alt-filled", Gt = "line-md:star-alt", Kt = (t) => {
+}, be = L(ft), zt = "line-md:star-alt-filled", Xt = "line-md:star-alt", Yt = (t) => {
   const {
     value: e,
     onChange: s,
@@ -697,65 +668,65 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
     max: r = 5,
     fullColor: a = "yellow",
     emptyColor: o = "neutral",
-    fullIcon: c = Yt,
-    emptyIcon: i = Gt,
+    fullIcon: i = zt,
+    emptyIcon: c = Xt,
     size: l = "md",
     onBlur: d,
     rounding: f = 1
   } = 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) => {
+  }, h = (b) => Math.min(Math.max(b, 0), p.get(r)), w = (b, _) => {
     if (p.get(n ?? !1)) return;
-    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);
+    const C = b.currentTarget.getBoundingClientRect(), g = (b.clientX - C.left) / C.width, $ = _ - 1 + g, F = m(), S = Math.ceil($ / F) * F, v = h(S);
     s?.(v);
-  }, $ = (b) => {
+  }, I = (b) => {
     if (p.get(n ?? !1)) return;
-    const x = m(), T = p.get(e) ?? 0;
-    let F;
+    const _ = m(), T = p.get(e) ?? 0;
+    let C;
     switch (b.key) {
       case "ArrowRight":
       case "ArrowUp":
-        F = h(T + x);
+        C = h(T + _);
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        F = h(T - x);
+        C = h(T - _);
         break;
       case "Home":
-        F = 0;
+        C = 0;
         break;
       case "End":
-        F = p.get(r);
+        C = p.get(r);
         break;
       default:
         return;
     }
-    b.preventDefault(), s?.(F);
-  }, _ = p.map(l, (b) => `bc-icon--${b}`), y = ({ index: b, counter: x }) => C.span(
+    b.preventDefault(), s?.(C);
+  }, x = p.map(l, (b) => `bc-icon--${b}`), y = ({ index: b, counter: _ }) => k.span(
     u.class("bc-rating-input__icon-container"),
-    u.class(_),
+    u.class(x),
     q(
       {
-        icon: i,
+        icon: c,
         size: l,
         color: o,
         tone: "soft"
       },
       u.class("bc-rating-input__icon-empty")
     ),
-    C.span(
+    k.span(
       u.class("bc-rating-input__icon-clipper"),
-      u.class(_),
-      it.width(
+      u.class(x),
+      pt.width(
         p.map(e, (T) => {
-          const F = Math.floor(T);
-          return F > b ? "100%" : F < b ? "0%" : `${(T - b) * 100}%`;
+          const C = Math.floor(T);
+          return C > b ? "100%" : C < b ? "0%" : `${(T - b) * 100}%`;
         })
       ),
       q(
         {
-          icon: c,
+          icon: i,
           size: l,
           color: a,
           tone: "soft"
@@ -764,18 +735,18 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
       )
     ),
     M.click(
-      dt((T) => w(T, x), {
+      dt((T) => w(T, _), {
         preventDefault: !0,
         stopPropagation: !0
       })
     )
   );
-  return L({
+  return E({
     baseContainer: !0,
     growInput: !1,
     focusableSelector: '[role="slider"]',
     ...t,
-    input: C.div(
+    input: k.div(
       // Common input attributes (id, required, invalid, custom classes, etc.)
       U(t),
       u.class("bc-rating-input"),
@@ -790,36 +761,36 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
         D(
           e,
           r
-        )((b, x) => {
-          const T = b ?? 0, F = x ?? 0;
-          return `${String(T)} / ${String(F)}`;
+        )((b, _) => {
+          const T = b ?? 0, C = _ ?? 0;
+          return `${String(T)} / ${String(C)}`;
         })
       ),
       // Keyboard & focus handlers
-      M.keydown($),
+      M.keydown(I),
       d != null ? M.blur(d) : null,
-      pt(r, y)
+      ut(r, y)
     )
   });
-}, $e = (t) => {
-  const { value: e, onChange: s, onInput: n, onBlur: r, after: a, disabled: o, ...c } = t, i = z(e, o, s ?? n);
-  return Kt({
-    ...c,
+}, we = (t) => {
+  const { value: e, onChange: s, onInput: n, onBlur: r, after: a, disabled: o, ...i } = t, c = z(e, o, s ?? n);
+  return Yt({
+    ...i,
     // Map null -> 0 for display so the control shows as empty when null
     value: p.map(e, (l) => l ?? 0),
     // Pass through numeric changes; clear button will call onChange(null)
     onChange: s,
     onInput: n,
     onBlur: r,
-    after: a != null ? E(i, a) : i
+    after: a != null ? j(c, a) : c
   });
-}, Ie = (t) => {
-  const { value: e, step: s, min: n, max: r, onBlur: a, onChange: o, onInput: c } = t;
-  return L({
+}, ye = (t) => {
+  const { value: e, step: s, min: n, max: r, onBlur: a, onChange: o, onInput: i } = t;
+  return E({
     ...t,
     // Make sure clicks anywhere focus the range input
     focusableSelector: 'input[type="range"]',
-    input: C.input(
+    input: k.input(
       u.type("range"),
       U(t),
       u.min(n),
@@ -830,50 +801,46 @@ const ge = P(_t), fe = P(wt), me = P(kt), be = P(
       u.class("bc-input bc-slider-input"),
       a != null ? M.blur(V(a)) : A,
       o != null ? M.change(V(o)) : A,
-      c != null ? M.input(V(c)) : A
+      i != null ? M.input(V(i)) : A
     )
   });
-}, Me = (t) => {
-  const { value: e, step: s, min: n, max: r, onBlur: a, onChange: o, onInput: c } = t, i = p.map(e, (d) => {
+}, Ie = (t) => {
+  const { value: e, step: s, min: n, max: r, onBlur: a, onChange: o, onInput: i } = t, c = p.map(e, (d) => {
     if (d != null) return d;
     const f = n != null ? p.get(n) : void 0;
     return typeof f == "number" ? f : 0;
   }), l = z(
     e,
     t.disabled,
-    o ?? c
-  );
-  return L(
-    {
-      ...t,
-      focusableSelector: 'input[type="range"]',
-      after: l,
-      input: C.input(
-        u.type("range"),
-        U(t),
-        u.min(n),
-        u.max(r),
-        u.step(s),
-        u.valueAsNumber(i),
-        u.class("bc-input bc-slider-input"),
-        a != null ? M.blur(V(a)) : A,
-        o != null ? M.change(
-          V((d) => {
-            o(d);
-          })
-        ) : A,
-        c != null ? M.input(
-          V((d) => {
-            c(d);
-          })
-        ) : A
-      )
-    },
-    // Ensure container grows input naturally
-    E()
+    o ?? i
   );
-}, xe = P(mt);
-class qt {
+  return E({
+    ...t,
+    focusableSelector: 'input[type="range"]',
+    after: l,
+    input: k.input(
+      u.type("range"),
+      U(t),
+      u.min(n),
+      u.max(r),
+      u.step(s),
+      u.valueAsNumber(c),
+      u.class("bc-input bc-slider-input"),
+      a != null ? M.blur(V(a)) : A,
+      o != null ? M.change(
+        V((d) => {
+          o(d);
+        })
+      ) : A,
+      i != null ? M.input(
+        V((d) => {
+          i(d);
+        })
+      ) : A
+    )
+  });
+}, Me = L(mt);
+class Gt {
   widgets = /* @__PURE__ */ new Map();
   typeMapping = /* @__PURE__ */ new Map();
   // JSON Schema type -> widget names
@@ -924,7 +891,7 @@ class qt {
    * Find the best widget for a schema context
    */
   findBestWidget(e) {
-    const s = Ct(e.definition, e.name);
+    const s = kt(e.definition, e.name);
     if (s?.widget) {
       const r = this.widgets.get(s.widget);
       if (r)
@@ -965,8 +932,8 @@ class qt {
     return null;
   }
 }
-const _e = new qt();
-function ke(t, e, s) {
+const $e = new Gt();
+function xe(t, e, s) {
   return {
     factory: e,
     matcher: (n) => {
@@ -979,7 +946,7 @@ function ke(t, e, s) {
     ...s
   };
 }
-function Fe(t, e, s) {
+function _e(t, e, s) {
   return {
     factory: e,
     matcher: (n) => n.definition.format === t,
@@ -988,7 +955,7 @@ function Fe(t, e, s) {
     ...s
   };
 }
-function Ce(t, e, s, n) {
+function ke(t, e, s, n) {
   return {
     factory: s,
     matcher: (r) => {
@@ -1000,7 +967,7 @@ function Ce(t, e, s, n) {
     ...n
   };
 }
-function Te(t) {
+function Fe(t) {
   const e = t?.logPrefix ?? "WIDGET_DIAG", s = t?.filterFn ?? (() => !0);
   return {
     factory: () => null,
@@ -1023,52 +990,52 @@ function Te(t) {
   };
 }
 export {
-  j as A,
-  le as B,
-  ue as C,
-  ie as D,
-  pe as E,
-  Rt as F,
-  Nt as G,
-  Dt as H,
-  ut as I,
-  Bt as J,
+  H as A,
+  ie as B,
+  ce as C,
+  oe as D,
+  le as E,
+  St as F,
+  vt as G,
+  Rt as H,
+  ct as I,
+  Nt as J,
   J as K,
-  Vt as L,
+  Dt as L,
   G as M,
-  fe as N,
+  he as N,
   K as O,
-  Et as P,
-  Lt as Q,
-  Kt as R,
-  Ie as S,
-  O as T,
-  W as U,
-  qt as W,
-  be as a,
-  ye as b,
-  xe as c,
-  me as d,
-  he as e,
-  de as f,
-  _e as g,
-  ge as h,
-  Me as i,
-  $e as j,
-  we as k,
-  ke as l,
-  Fe as m,
-  Ce as n,
-  Te as o,
+  Bt as P,
+  Vt as Q,
+  Yt as R,
+  ye as S,
+  P as T,
+  O as U,
+  Gt as W,
+  fe as a,
+  be as b,
+  Me as c,
+  ge as d,
+  pe as e,
+  ue as f,
+  $e as g,
+  de as h,
+  Ie as i,
+  we as j,
+  me as k,
+  xe as l,
+  _e as m,
+  ke as n,
+  Fe as o,
   at as p,
-  Xt as q,
-  ce as r,
-  lt as s,
-  vt as t,
-  Ut as u,
-  Ht as v,
-  Tt as w,
-  At as x,
-  St as y,
+  jt as q,
+  re as r,
+  it as s,
+  At as t,
+  Et as u,
+  Ot as v,
+  Ft as w,
+  Ct as x,
+  Tt as y,
   Q as z
 };