@tempots/beatui 0.74.0 → 0.76.0

package/dist/{widget-customization-Bo4XWiwB.js → widget-customization-CobH7Rj_.js}

@@ -1,5 +1,5 @@
-import { Value as p, prop as ot, computedOf as D, html as _, attr as u, svg as et, svgAttr as Y, on as $, Empty as A, When as j, Fragment as E, aria as R, emitValue as tt, Use as ct, input as it, emitValueAsNullableDate as nt, emitValueAsNullableDateTime as st, style as lt, Repeat as gt, emit as dt, emitValueAsNumber as B } from "@tempots/dom";
-import { F as mt, $ as ht, N as X, T as ft, U as bt, a as yt } from "./deep-merge-CQQCMLwG.js";
+import { Value as p, prop as ot, computedOf as D, html as _, attr as u, svg as et, svgAttr as Y, on as $, Empty as A, When as W, Fragment as E, aria as N, emitValue as tt, Use as ct, input as it, emitValueAsNullableDate as nt, emitValueAsNullableDateTime as st, style as lt, Repeat as gt, emit as dt, emitValueAsNumber as B } from "@tempots/dom";
+import { F as ht, $ as mt, N as X, T as ft, U as bt, a as yt } from "./deep-merge-CQQCMLwG.js";
 import { C as V, b as U, a as wt, c as Q, T as xt, L as $t, d as rt, e as Mt } from "./translations-DQxouiBG.js";
 import { AutoSelect as It, ElementRect as _t } from "@tempots/ui";
 import { E as kt, P as Tt } from "./notice-Cqq8g17n.js";
@@ -58,13 +58,13 @@ function H(t) {
 function ie(t, e) {
   const s = H(t), n = H(e);
   if (!s || !n) return null;
-  const a = (l, g, h) => {
-    const [b, d, w] = [l, g, h].map((x) => (x = x / 255, x <= 0.03928 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4)));
+  const a = (l, g, m) => {
+    const [b, d, w] = [l, g, m].map((x) => (x = x / 255, x <= 0.03928 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4)));
     return 0.2126 * b + 0.7152 * d + 0.0722 * w;
   }, r = a(s.r, s.g, s.b), o = a(n.r, n.g, n.b), c = Math.max(r, o), i = Math.min(r, o);
   return (c + 0.05) / (i + 0.05);
 }
-function Nt(t) {
+function Rt(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})$/
@@ -72,8 +72,8 @@ function Nt(t) {
   if (s) {
     const l = s[1];
     if (l.length === 8) {
-      const g = parseInt(l.slice(0, 2), 16), h = parseInt(l.slice(2, 4), 16), b = parseInt(l.slice(4, 6), 16), d = parseInt(l.slice(6, 8), 16) / 255;
-      return [g, h, b, d];
+      const g = parseInt(l.slice(0, 2), 16), m = parseInt(l.slice(2, 4), 16), b = parseInt(l.slice(4, 6), 16), d = parseInt(l.slice(6, 8), 16) / 255;
+      return [g, m, b, d];
     }
     if (l.length === 6)
       return [
@@ -83,12 +83,12 @@ function Nt(t) {
         1
       ];
     if (l.length === 4) {
-      const g = parseInt(l[0] + l[0], 16), h = parseInt(l[1] + l[1], 16), b = parseInt(l[2] + l[2], 16), d = parseInt(l[3] + l[3], 16) / 255;
-      return [g, h, b, d];
+      const g = parseInt(l[0] + l[0], 16), m = parseInt(l[1] + l[1], 16), b = parseInt(l[2] + l[2], 16), d = parseInt(l[3] + l[3], 16) / 255;
+      return [g, m, b, d];
     }
     if (l.length === 3) {
-      const g = parseInt(l[0] + l[0], 16), h = parseInt(l[1] + l[1], 16), b = parseInt(l[2] + l[2], 16);
-      return [g, h, b, 1];
+      const g = parseInt(l[0] + l[0], 16), m = parseInt(l[1] + l[1], 16), b = parseInt(l[2] + l[2], 16);
+      return [g, m, b, 1];
     }
   }
   const n = t.match(
@@ -110,27 +110,27 @@ function Nt(t) {
     /^hsla?\(\s*([+-]?[\d.]+)(?:deg)?\s*[ ,]?\s*([\d.]+)%\s*[ ,]?\s*([\d.]+)%\s*(?:[/,]\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (r) {
-    const l = parseFloat(r[1]), g = parseFloat(r[2]), h = parseFloat(r[3]), b = r[4] != null ? parseFloat(r[4]) : 1, [d, w, x] = pt(l, g / 100, h / 100);
+    const l = parseFloat(r[1]), g = parseFloat(r[2]), m = parseFloat(r[3]), b = r[4] != null ? parseFloat(r[4]) : 1, [d, w, x] = pt(l, g / 100, m / 100);
     return [d, w, x, b];
   }
   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]), g = parseFloat(o[2]) / 100, h = parseFloat(o[3]) / 100, b = o[4] != null ? parseFloat(o[4]) : 1, [d, w, x] = Lt(l, g, h);
+    const l = parseFloat(o[1]), g = parseFloat(o[2]) / 100, m = parseFloat(o[3]) / 100, b = o[4] != null ? parseFloat(o[4]) : 1, [d, w, x] = Lt(l, g, m);
     return [d, w, x, b];
   }
   const c = t.match(
     /^oklch\(\s*([+-]?[\d.]+%?)\s+([\d.]+)\s+([+-]?[\d.]+)(?:deg)?(?:\s*\/\s*(\d?(?:\.\d+)?))?\s*\)$/i
   );
   if (c) {
-    const l = c[1], g = parseFloat(c[2]), h = parseFloat(c[3]), b = c[4] != null ? parseFloat(c[4]) : 1, d = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [w, x, y] = Et(d, g, h);
+    const l = c[1], g = parseFloat(c[2]), m = parseFloat(c[3]), b = c[4] != null ? parseFloat(c[4]) : 1, d = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [w, x, y] = Et(d, g, m);
     return [w, x, y, b];
   }
   const i = H(t);
   return i ? [i.r, i.g, i.b, 1] : [0, 0, 0, 1];
 }
-function Rt(t, e, s, n) {
+function Nt(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)
@@ -156,7 +156,7 @@ function Lt(t, e, s) {
   t = (t % 360 + 360) % 360;
   const n = e + s;
   n > 1 && (e /= n, s /= n);
-  const [a, r, o] = pt(t, 1, 0.5).map((h) => h / 255), c = 1 - e - s, i = a * c + e, l = r * c + e, g = o * c + e;
+  const [a, r, o] = pt(t, 1, 0.5).map((m) => m / 255), c = 1 - e - s, i = a * c + e, l = r * c + e, g = o * c + e;
   return [Math.round(i * 255), Math.round(l * 255), Math.round(g * 255)];
 }
 function Z(t, e, s) {
@@ -192,11 +192,11 @@ 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, a = Math.cos(n) * e, r = Math.sin(n) * e, o = t + 0.3963377774 * a + 0.2158037573 * r, c = t - 0.1055613458 * a - 0.0638541728 * r, i = t - 0.0894841775 * a - 1.291485548 * r, l = o * o * o, g = c * c * c, h = i * i * i, b = 4.0767416621 * l - 3.3077115913 * g + 0.2309699292 * h, d = -1.2684380046 * l + 2.6097574011 * g - 0.3413193965 * h, w = -0.0041960863 * l - 0.7034186147 * g + 1.707614701 * h;
+  const n = s * Math.PI / 180, a = Math.cos(n) * e, r = Math.sin(n) * e, o = t + 0.3963377774 * a + 0.2158037573 * r, c = t - 0.1055613458 * a - 0.0638541728 * r, i = t - 0.0894841775 * a - 1.291485548 * r, l = o * o * o, g = c * c * c, m = i * i * i, b = 4.0767416621 * l - 3.3077115913 * g + 0.2309699292 * m, d = -1.2684380046 * l + 2.6097574011 * g - 0.3413193965 * m, w = -0.0041960863 * l - 0.7034186147 * g + 1.707614701 * m;
   return [K(b), K(d), K(w)];
 }
 function Vt(t, e, s) {
-  const n = G(t), a = G(e), r = G(s), o = 0.4122214708 * n + 0.5363325363 * a + 0.0514459929 * r, c = 0.2119034982 * n + 0.6806995451 * a + 0.1073969566 * r, i = 0.0883024619 * n + 0.2817188376 * a + 0.6299787005 * r, l = Math.cbrt(o), g = Math.cbrt(c), h = Math.cbrt(i), b = 0.2104542553 * l + 0.793617785 * g - 0.0040720468 * h, d = 1.9779984951 * l - 2.428592205 * g + 0.4505937099 * h, w = 0.0259040371 * l + 0.7827717662 * g - 0.808675766 * h, x = Math.sqrt(d * d + w * w);
+  const n = G(t), a = G(e), r = G(s), o = 0.4122214708 * n + 0.5363325363 * a + 0.0514459929 * r, c = 0.2119034982 * n + 0.6806995451 * a + 0.1073969566 * r, i = 0.0883024619 * n + 0.2817188376 * a + 0.6299787005 * r, l = Math.cbrt(o), g = Math.cbrt(c), m = Math.cbrt(i), b = 0.2104542553 * l + 0.793617785 * g - 0.0040720468 * m, d = 1.9779984951 * l - 2.428592205 * g + 0.4505937099 * m, w = 0.0259040371 * l + 0.7827717662 * g - 0.808675766 * m, x = Math.sqrt(d * d + w * w);
   let y = Math.atan2(w, d) * 180 / Math.PI;
   return y < 0 && (y += 360), [b, x, y];
 }
@@ -225,12 +225,12 @@ function P(t, e, s, n, a, r) {
       return n < 1 ? `hwb(${o} ${c}% ${i}% / ${Math.round(n * 100) / 100})` : `hwb(${o} ${c}% ${i}%)`;
     }
     case "oklch": {
-      const [o, c, i] = Vt(t, e, s), l = (Math.round(o * 1e3) / 1e3).toFixed(3), g = (Math.round(c * 1e3) / 1e3).toFixed(3), h = (Math.round(i * 10) / 10).toFixed(1), b = Math.round(n * 100) / 100;
-      return r || n < 1 ? `oklch(${l} ${g} ${h} / ${b})` : `oklch(${l} ${g} ${h})`;
+      const [o, c, i] = Vt(t, e, s), l = (Math.round(o * 1e3) / 1e3).toFixed(3), g = (Math.round(c * 1e3) / 1e3).toFixed(3), m = (Math.round(i * 10) / 10).toFixed(1), b = Math.round(n * 100) / 100;
+      return r || n < 1 ? `oklch(${l} ${g} ${m} / ${b})` : `oklch(${l} ${g} ${m})`;
     }
   }
 }
-function W(t, e) {
+function j(t, e) {
   return e ? t === "rgb" ? "rgba" : t === "hsl" ? "hsla" : t : t === "rgba" ? "rgb" : t === "hsla" ? "hsl" : t;
 }
 async function Ut(t) {
@@ -261,31 +261,31 @@ function Pt(t) {
   }
   return "application/octet-stream";
 }
-function Wt(t) {
-  const e = ht(t ?? ""), s = e.length, n = new Uint8Array(s);
+function jt(t) {
+  const e = mt(t ?? ""), s = e.length, n = new Uint8Array(s);
   for (let a = 0; a < s; a++) n[a] = e.charCodeAt(a);
   return n;
 }
-function jt(t) {
+function Wt(t) {
   const {
     value: e,
     onChange: s,
     onInput: n,
     ...a
-  } = t, r = /* @__PURE__ */ new Map(), o = p.toSignal(e).map((g) => g.map((h, b) => {
-    const d = r.get(h), w = Wt(h ?? ""), x = d?.type || Pt(w), y = d?.name ?? `file-${b}`, I = w.buffer.slice(
+  } = t, r = /* @__PURE__ */ new Map(), o = p.toSignal(e).map((g) => g.map((m, b) => {
+    const d = r.get(m), w = jt(m ?? ""), x = d?.type || Pt(w), y = d?.name ?? `file-${b}`, I = w.buffer.slice(
       w.byteOffset,
       w.byteOffset + w.byteLength
     ), f = new Blob([I], { type: x });
     return new File([f], y, { type: x });
-  })), c = (g) => (h) => {
-    g && Ot(h).then((b) => {
+  })), c = (g) => (m) => {
+    g && Ot(m).then((b) => {
       for (const [d, w] of b.entries())
-        r.set(w, { name: h[d].name, type: h[d].type });
+        r.set(w, { name: m[d].name, type: m[d].type });
       g(b);
     });
   }, i = c(s), l = c(n);
-  return mt({
+  return ht({
     ...a,
     value: o,
     onChange: i,
@@ -299,7 +299,7 @@ function le(t) {
     onChange: n,
     ...a
   } = t;
-  return jt({
+  return Wt({
     ...a,
     maxFiles: 1,
     value: p.map(e, (r) => r == null ? [] : [r]),
@@ -317,8 +317,8 @@ function Ht(t, e) {
     const w = d / c * Math.PI * 2, x = e * (1 + (o() * 2 - 1) * i), y = Math.cos(w) * x, I = Math.sin(w) * x;
     l.push({ x: y, y: I });
   }
-  const g = (l[0].x + l[c - 1].x) / 2, h = (l[0].y + l[c - 1].y) / 2;
-  let b = `M ${g.toFixed(3)} ${h.toFixed(3)}`;
+  const g = (l[0].x + l[c - 1].x) / 2, m = (l[0].y + l[c - 1].y) / 2;
+  let b = `M ${g.toFixed(3)} ${m.toFixed(3)}`;
   for (let d = 0; d < c; d++) {
     const w = l[d], x = l[(d + 1) % c], y = (w.x + x.x) / 2, I = (w.y + x.y) / 2;
     b += ` Q ${w.x.toFixed(3)} ${w.y.toFixed(3)} ${y.toFixed(3)} ${I.toFixed(3)}`;
@@ -326,41 +326,41 @@ function Ht(t, e) {
   return b += " Z", b;
 }
 const ue = (t) => {
-  const { value: e, onBlur: s, onChange: n, onInput: a, displayValue: r, size: o, withAlpha: c } = t, i = p.map(o ?? 32, (m) => m), l = p.map(e, (m) => Nt(m ?? "#000000")), g = p.map(
+  const { value: e, onBlur: s, onChange: n, onInput: a, displayValue: r, size: o, withAlpha: c } = t, i = p.map(o ?? 32, (h) => h), l = p.map(e, (h) => Rt(h ?? "#000000")), g = p.map(
     l,
-    ([m, M, T]) => [m, M, T]
-  ), h = p.map(l, ([, , , m]) => m), b = ot(p.get(h) ?? 1), d = p.map(c ?? !1, (m) => m), w = p.map(
+    ([h, M, T]) => [h, M, T]
+  ), m = p.map(l, ([, , , h]) => h), b = ot(p.get(m) ?? 1), d = p.map(c ?? !1, (h) => h), w = p.map(
     t.colorTextFormat ?? "rgb",
-    (m) => m
+    (h) => h
   ), x = D(
     g,
     b,
     w,
     d
   )(
-    ([m, M, T], v, S, N) => P(m, M, T, v ?? 1, W(S, N), N)
+    ([h, M, T], v, S, R) => P(h, M, T, v ?? 1, j(S, R), R)
   ), y = p.map(
     t.colorTextFormat ?? "hex",
-    (m) => m
-  ), I = p.map(i, (m) => `${-m / 2} ${-m / 2} ${m} ${m}`), f = D(
+    (h) => h
+  ), I = p.map(i, (h) => `${-h / 2} ${-h / 2} ${h} ${h}`), f = D(
     g,
     i
-  )((m, M) => Ht(m, M / 2)), F = D(
+  )((h, M) => Ht(h, M / 2)), F = D(
     g,
     b,
     d
   )(
-    ([m, M, T], v, S) => S || v < 1 ? Rt(m, M, T, v) : J(m, M, T)
+    ([h, M, T], v, S) => S || v < 1 ? Nt(h, M, T, v) : J(h, M, T)
   ), C = _.div(
     u.class("bc-color-swatch-input__control"),
     u.class(
       p.map(
         d,
-        (m) => m ? "bc-color-swatch-input__control--alpha" : ""
+        (h) => h ? "bc-color-swatch-input__control--alpha" : ""
       )
     ),
     u.style(
-      D(i)((m) => `min-width:${m + 2}px;height:${m + 2}px`)
+      D(i)((h) => `min-width:${h + 2}px;height:${h + 2}px`)
     ),
     // The SVG blob preview
     et.svg(
@@ -373,31 +373,31 @@ const ue = (t) => {
       u.type("color"),
       V(t),
       // Native color input needs hex without alpha
-      u.value(p.map(g, ([m, M, T]) => J(m, M, T))),
+      u.value(p.map(g, ([h, M, T]) => J(h, M, T))),
       u.class(
         "bc-input bc-color-swatch-input bc-color-swatch-input__native"
       ),
       s != null ? $.blur(s) : A,
-      n != null ? $.change((m) => {
-        const M = m.target.value;
+      n != null ? $.change((h) => {
+        const M = h.target.value;
         if (!n) return;
-        const { r: T, g: v, b: S } = H(M) ?? { r: 0, g: 0, b: 0 }, N = p.get(b) ?? 1, L = W(
+        const { r: T, g: v, b: S } = H(M) ?? { r: 0, g: 0, b: 0 }, R = p.get(b) ?? 1, L = j(
           p.get(y),
           p.get(d)
-        ), z = P(T, v, S, N, L, p.get(d));
+        ), z = P(T, v, S, R, L, p.get(d));
         n(z);
       }) : A,
-      a != null ? $.input((m) => {
-        const M = m.target.value;
+      a != null ? $.input((h) => {
+        const M = h.target.value;
         if (!a) return;
-        const { r: T, g: v, b: S } = H(M) ?? { r: 0, g: 0, b: 0 }, N = p.get(b) ?? 1, L = W(
+        const { r: T, g: v, b: S } = H(M) ?? { r: 0, g: 0, b: 0 }, R = p.get(b) ?? 1, L = j(
           p.get(y),
           p.get(d)
-        ), z = P(T, v, S, N, L, p.get(d));
+        ), z = P(T, v, S, R, L, p.get(d));
         a(z);
       }) : A
     )
-  ), k = j(
+  ), k = W(
     d,
     () => _.input(
       u.type("range"),
@@ -405,24 +405,24 @@ const ue = (t) => {
       u.min(0),
       u.max(1),
       u.step(0.01),
-      u.value(p.map(b, (m) => String(m ?? 1))),
+      u.value(p.map(b, (h) => String(h ?? 1))),
       u.disabled(t.disabled),
-      $.input((m) => {
-        const M = parseFloat(m.target.value);
+      $.input((h) => {
+        const M = parseFloat(h.target.value);
         b.set(M);
-        const [T, v, S] = p.get(g), N = W(
+        const [T, v, S] = p.get(g), R = j(
           p.get(y),
           p.get(d)
-        ), L = P(T, v, S, M, N, p.get(d));
+        ), L = P(T, v, S, M, R, p.get(d));
         a?.(L);
       }),
-      $.change((m) => {
-        const M = parseFloat(m.target.value);
+      $.change((h) => {
+        const M = parseFloat(h.target.value);
         b.set(M);
-        const [T, v, S] = p.get(g), N = W(
+        const [T, v, S] = p.get(g), R = j(
           p.get(y),
           p.get(d)
-        ), L = P(T, v, S, M, N, p.get(d));
+        ), L = P(T, v, S, M, R, p.get(d));
         n?.(L);
       })
     )
@@ -435,7 +435,7 @@ const ue = (t) => {
     input: C,
     // If caller provided an `after`, append RGB before it
     after: E(
-      j(
+      W(
         r ?? !1,
         () => _.span(u.class("bc-color-swatch-input__rgb"), x)
       ),
@@ -482,8 +482,8 @@ const ge = ({
         (i) => i ? "bc-editable-text--disabled" : ""
       )
     ),
-    R.disabled(c),
-    j(
+    N.disabled(c),
+    W(
       r,
       () => _.input(
         u.placeholder(n),
@@ -508,7 +508,7 @@ const ge = ({
           p.get(c) || r.set(!0);
         }),
         u.class("bc-editable-text__display"),
-        j(
+        W(
           p.map(e, (i) => i != null && i.trim() !== ""),
           () => _.span(u.class("bc-editable-text__text"), e),
           () => _.span(
@@ -516,12 +516,12 @@ const ge = ({
             n
           )
         ),
-        j(
+        W(
           p.map(c, (i) => !i),
           () => _.button(
             u.type("button"),
             u.class("bc-editable-text__edit-button"),
-            ct(wt, (i) => R.label(i.$.editLabel)),
+            ct(wt, (i) => N.label(i.$.editLabel)),
             $.click(() => r.set(!0)),
             Q({ icon: "line-md/pencil", color: "neutral" })
           )
@@ -546,7 +546,7 @@ const ge = ({
 }, zt = (t) => {
   const e = t.getFullYear(), s = t.getMonth() + 1, n = t.getDate(), a = t.getHours(), r = t.getMinutes(), o = t.getSeconds();
   return `${e}-${s.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${a.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
-}, me = (t) => {
+}, he = (t) => {
   const { value: e, onBlur: s, onChange: n, onInput: a, after: r, disabled: o } = t, c = p.map(e, (l) => l != null ? zt(l) : null), i = X(e, o, n ?? a);
   return U({
     ...t,
@@ -575,7 +575,7 @@ function O(t) {
     });
   };
 }
-const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
+const me = O(kt), fe = O(xt), be = O(Tt), ye = O(
   ft
 ), we = ({
   value: t,
@@ -590,7 +590,7 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
   color: l = "primary",
   tabIndex: g = 0
 }) => {
-  const h = i ?? Ct("switch");
+  const m = i ?? Ct("switch");
   function b(y, I) {
     const f = [
       "bc-switch",
@@ -604,7 +604,7 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
     return f.set("--switch-track-on-bg", F.backgroundColor), f.set("--switch-track-on-label", F.textColor), f.set("--switch-track-on-bg-dark", C.backgroundColor), f.set("--switch-track-on-label-dark", C.textColor), f.set(
       "--switch-track-on-border-dark",
       Mt(I, "dark")
-    ), Array.from(f.entries()).map(([k, m]) => `${k}: ${m}`).join("; ");
+    ), Array.from(f.entries()).map(([k, h]) => `${k}: ${h}`).join("; ");
   }
   const w = () => {
     p.get(o) || (e?.(!p.get(t)), s?.(!p.get(t)));
@@ -625,7 +625,7 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
         (y) => d(y)
       )
     ),
-    u.id(h),
+    u.id(m),
     u.role("switch"),
     u.tabindex(
       D(
@@ -633,8 +633,8 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
         g
       )((y, I) => y ? -1 : I ?? 0)
     ),
-    R.checked(t),
-    R.disabled(o),
+    N.checked(t),
+    N.disabled(o),
     $.click(w),
     $.keydown(x),
     n != null ? $.blur(n) : null,
@@ -647,7 +647,7 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
         )
       ),
       a != null ? _.div(
-        R.hidden(!0),
+        N.hidden(!0),
         u.class("bc-switch__track-label bc-switch__track-label--off"),
         u.class(
           p.map(
@@ -685,7 +685,7 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
                 c,
                 I
               )((f, { width: F }, C, k) => {
-                const m = (() => {
+                const h = (() => {
                   switch (C) {
                     case "xs":
                       return 5;
@@ -698,7 +698,7 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
                     case "xl":
                       return 8;
                   }
-                })(), M = k === "rtl" ? `calc((var(--spacing-base) * ${m}) - ${F}px)` : `calc(${F}px - (var(--spacing-base) * ${m}))`;
+                })(), M = k === "rtl" ? `calc((var(--spacing-base) * ${h}) - ${F}px)` : `calc(${F}px - (var(--spacing-base) * ${h}))`;
                 return f ? `translateX(${M})` : "translateX(0)";
               })
             )
@@ -719,13 +719,13 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
     emptyIcon: i = Kt,
     size: l = "md",
     onBlur: g,
-    rounding: h = 1
+    rounding: m = 1
   } = t, b = () => {
-    const f = p.get(h);
+    const f = p.get(m);
     return f > 0 ? f : 1;
   }, d = (f) => Math.min(Math.max(f, 0), p.get(a)), w = (f, F) => {
     if (p.get(n ?? !1)) return;
-    const k = f.currentTarget.getBoundingClientRect(), m = (f.clientX - k.left) / k.width, M = F - 1 + m, T = b(), v = Math.ceil(M / T) * T, S = d(v);
+    const k = f.currentTarget.getBoundingClientRect(), h = (f.clientX - k.left) / k.width, M = F - 1 + h, T = b(), v = Math.ceil(M / T) * T, S = d(v);
     s?.(S);
   }, x = (f) => {
     if (p.get(n ?? !1)) return;
@@ -800,11 +800,11 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
       // ARIA slider semantics
       u.role("slider"),
       u.tabindex(p.map(n ?? !1, (f) => f ? -1 : 0)),
-      R.disabled(n ?? !1),
-      R.valuemin(0),
-      R.valuemax(p.map(a, (f) => f ?? 0)),
-      R.valuenow(p.map(e, (f) => f ?? 0)),
-      R.valuetext(
+      N.disabled(n ?? !1),
+      N.valuemin(0),
+      N.valuemax(p.map(a, (f) => f ?? 0)),
+      N.valuenow(p.map(e, (f) => f ?? 0)),
+      N.valuetext(
         D(
           e,
           a
@@ -854,8 +854,8 @@ const he = O(kt), fe = O(xt), be = O(Tt), ye = O(
 }, Ie = (t) => {
   const { value: e, step: s, min: n, max: a, onBlur: r, onChange: o, onInput: c } = t, i = p.map(e, (g) => {
     if (g != null) return g;
-    const h = n != null ? p.get(n) : void 0;
-    return typeof h == "number" ? h : 0;
+    const m = n != null ? p.get(n) : void 0;
+    return typeof m == "number" ? m : 0;
   }), l = X(
     e,
     t.disabled,
@@ -1086,9 +1086,12 @@ class te {
 const ke = new te();
 function Te(t, e, s) {
   return {
-    name: t,
     factory: e,
-    displayName: s?.displayName || t,
+    matcher: (n) => {
+      const r = n.definition["x:ui"];
+      return r === t || typeof r == "object" && r !== null && r.widget === t;
+    },
+    displayName: s?.displayName ?? t,
     priority: s?.priority ?? 100,
     // High priority for explicit matches
     ...s
@@ -1096,31 +1099,28 @@ function Te(t, e, s) {
 }
 function Ce(t, e, s) {
   return {
-    name: s?.name || `custom-${t}`,
     factory: e,
-    displayName: s?.displayName || `${t} widget`,
-    priority: s?.priority ?? 75,
     matcher: (n) => n.definition.format === t,
+    displayName: s?.displayName ?? `${t} widget`,
+    priority: s?.priority ?? 75,
     ...s
   };
 }
 function Fe(t, e, s, n) {
   return {
-    name: n?.name || `custom-${t}-${e}`,
     factory: s,
-    displayName: n?.displayName || `${t}:${e} widget`,
-    priority: n?.priority ?? 80,
     matcher: (a) => {
       const r = a.definition;
       return r.type === t && r.format === e;
     },
+    displayName: n?.displayName ?? `${t}:${e} widget`,
+    priority: n?.priority ?? 80,
     ...n
   };
 }
 function Ae(t) {
   const e = t?.logPrefix ?? "WIDGET_DIAG", s = t?.filterFn ?? (() => !0);
   return {
-    name: "__diagnostic-widget__",
     factory: () => null,
     displayName: "Diagnostic Widget (never matches)",
     priority: -1e3,
@@ -1144,9 +1144,9 @@ export {
   ie as A,
   le as B,
   ue as C,
-  Nt as D,
+  Rt as D,
   ge as E,
-  Rt as F,
+  Nt as F,
   Dt as G,
   pt as H,
   Lt as I,
@@ -1160,7 +1160,7 @@ export {
   P as Q,
   qt as R,
   we as S,
-  W as T,
+  j as T,
   ke as U,
   Zt as V,
   Jt as W,
@@ -1173,10 +1173,10 @@ export {
   at as e,
   Te as f,
   Ut as g,
-  jt as h,
+  Wt as h,
   ce as i,
-  me as j,
-  he as k,
+  he as j,
+  me as k,
   be as l,
   ye as m,
   Yt as n,