@tempots/beatui 0.95.0 → 1.0.1

package/dist/widget-customization-CLZNGavL.js

@@ -1,1042 +0,0 @@
-import { Value as p, prop as rt, computedOf as D, html as _, attr as u, svg as tt, svgAttr as Y, Empty as A, on as M, 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-C8dSqIXI.js";
-import { $ as bt } from "./string-DYyMxBl-.js";
-import { I as E } from "./input-container-DMoVdH6E.js";
-import { C as U, T as wt } from "./text-input-BLupB3cU.js";
-import { B as yt, I as q, b as st, a as It } from "./translations-DyCmyLE_.js";
-import { AutoSelect as Mt } from "@tempots/ui";
-import { E as $t, P as xt } from "./notice-D7hYFM5A.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 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, a = t.match(e);
-  if (!a) return !1;
-  const [, n, r, s] = a, o = parseInt(n, 10), i = parseInt(r, 10), c = parseInt(s, 10);
-  return o >= 0 && o <= 255 && i >= 0 && i <= 255 && c >= 0 && c <= 255;
-}
-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, a = t.match(e);
-  if (!a) return !1;
-  const [, n, r, s, o] = a, i = parseInt(n, 10), c = parseInt(r, 10), l = parseInt(s, 10), d = parseFloat(o);
-  return i >= 0 && i <= 255 && c >= 0 && c <= 255 && l >= 0 && l <= 255 && d >= 0 && d <= 1;
-}
-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, a = t.match(e);
-  if (!a) return !1;
-  const [, n, r, s] = a, o = parseInt(n, 10), i = parseInt(r, 10), c = parseInt(s, 10);
-  return o >= 0 && o <= 360 && i >= 0 && i <= 100 && c >= 0 && c <= 100;
-}
-function re(t) {
-  return it(t) || Ft(t) || Ct(t) || Tt(t);
-}
-function At(t) {
-  if (!it(t)) return null;
-  let e = t.startsWith("#") ? t.slice(1) : t;
-  return e.length === 3 && (e = e.split("").map((a) => a + a).join("")), `#${e.toLowerCase()}`;
-}
-function Q(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;
-  };
-  return `#${n(t)}${n(e)}${n(a)}`;
-}
-function H(t) {
-  const e = At(t);
-  if (!e) return null;
-  const a = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
-  return a ? {
-    r: parseInt(a[1], 16),
-    g: parseInt(a[2], 16),
-    b: parseInt(a[3], 16)
-  } : null;
-}
-function oe(t, e) {
-  const a = H(t), n = H(e);
-  if (!a || !n) return null;
-  const r = (l, d, f) => {
-    const [m, g, b] = [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 * g + 0.0722 * b;
-  }, s = r(a.r, a.g, a.b), o = r(n.r, n.g, n.b), i = Math.max(s, o), c = Math.min(s, o);
-  return (i + 0.05) / (c + 0.05);
-}
-function St(t) {
-  if (!t) return [0, 0, 0, 1];
-  const a = t.trim().match(
-    /^#?([a-fA-F0-9]{3,4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/
-  );
-  if (a) {
-    const l = a[1];
-    if (l.length === 8) {
-      const d = parseInt(l.slice(0, 2), 16), f = parseInt(l.slice(2, 4), 16), m = parseInt(l.slice(4, 6), 16), g = parseInt(l.slice(6, 8), 16) / 255;
-      return [d, f, m, g];
-    }
-    if (l.length === 6)
-      return [
-        parseInt(l.slice(0, 2), 16),
-        parseInt(l.slice(2, 4), 16),
-        parseInt(l.slice(4, 6), 16),
-        1
-      ];
-    if (l.length === 4) {
-      const d = parseInt(l[0] + l[0], 16), f = parseInt(l[1] + l[1], 16), m = parseInt(l[2] + l[2], 16), g = parseInt(l[3] + l[3], 16) / 255;
-      return [d, f, m, g];
-    }
-    if (l.length === 3) {
-      const d = parseInt(l[0] + l[0], 16), f = parseInt(l[1] + l[1], 16), m = parseInt(l[2] + l[2], 16);
-      return [d, f, m, 1];
-    }
-  }
-  const n = t.match(
-    /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(0|1|0?\.\d+)\s*\)$/i
-  );
-  if (n)
-    return [
-      parseInt(n[1], 10),
-      parseInt(n[2], 10),
-      parseInt(n[3], 10),
-      parseFloat(n[4])
-    ];
-  const r = t.match(
-    /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i
-  );
-  if (r)
-    return [parseInt(r[1], 10), parseInt(r[2], 10), parseInt(r[3], 10), 1];
-  const s = t.match(
-    /^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]), f = parseFloat(s[3]), m = s[4] != null ? parseFloat(s[4]) : 1, [g, b, I] = ct(l, d / 100, f / 100);
-    return [g, b, 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, [g, b, I] = Nt(l, d, f);
-    return [g, b, I, m];
-  }
-  const i = t.match(
-    /^oklch\(\s*([+-]?[\d.]+%?)\s+([\d.]+)\s+([+-]?[\d.]+)(?:deg)?(?:\s*\/\s*(\d?(?:\.\d+)?))?\s*\)$/i
-  );
-  if (i) {
-    const l = i[1], d = parseFloat(i[2]), f = parseFloat(i[3]), m = i[4] != null ? parseFloat(i[4]) : 1, g = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [b, I, x] = Bt(g, d, f);
-    return [b, I, x, m];
-  }
-  const c = H(t);
-  return c ? [c.r, c.g, c.b, 1] : [0, 0, 0, 1];
-}
-function vt(t, e, a, n) {
-  return `rgba(${Math.round(t)}, ${Math.round(e)}, ${Math.round(a)}, ${Math.max(
-    0,
-    Math.min(1, Math.round(n * 100) / 100)
-  )})`;
-}
-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 ct(t, e, a) {
-  t = (t % 360 + 360) % 360;
-  const n = (1 - Math.abs(2 * a - 1)) * e, r = n * (1 - Math.abs(t / 60 % 2 - 1)), s = a - n / 2;
-  let o, i, c;
-  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 + s) * 255),
-    Math.round((i + s) * 255),
-    Math.round((c + s) * 255)
-  ];
-}
-function Nt(t, e, a) {
-  t = (t % 360 + 360) % 360;
-  const n = e + a;
-  n > 1 && (e /= n, a /= n);
-  const [r, s, o] = ct(t, 1, 0.5).map((f) => f / 255), i = 1 - e - a, c = r * i + e, l = s * i + e, d = o * i + e;
-  return [Math.round(c * 255), Math.round(l * 255), Math.round(d * 255)];
-}
-function J(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;
-  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:
-        s = (e - a) / c + (e < a ? 6 : 0);
-        break;
-      case e:
-        s = (a - t) / c + 2;
-        break;
-      default:
-        s = (t - e) / c + 4;
-    }
-    s *= 60;
-  }
-  return [Math.round(s), Math.round(o * 100), Math.round(i * 100)];
-}
-function Dt(t, e, a) {
-  const [n] = J(t, e, a), r = t / 255, s = e / 255, o = a / 255, i = Math.min(r, s, o), c = 1 - Math.max(r, s, o);
-  return [n, Math.round(i * 100), Math.round(c * 100)];
-}
-function G(t) {
-  const e = t / 255;
-  return e <= 0.04045 ? e / 12.92 : Math.pow((e + 0.055) / 1.055, 2.4);
-}
-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 Bt(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, i = t - 0.1055613458 * r - 0.0638541728 * s, c = t - 0.0894841775 * r - 1.291485548 * s, l = o * o * o, d = i * i * i, f = c * c * c, m = 4.0767416621 * l - 3.3077115913 * d + 0.2309699292 * f, g = -1.2684380046 * l + 2.6097574011 * d - 0.3413193965 * f, b = -0.0041960863 * l - 0.7034186147 * d + 1.707614701 * f;
-  return [K(m), K(g), K(b)];
-}
-function Vt(t, e, a) {
-  const n = G(t), r = G(e), s = G(a), o = 0.4122214708 * n + 0.5363325363 * r + 0.0514459929 * s, i = 0.2119034982 * n + 0.6806995451 * r + 0.1073969566 * s, c = 0.0883024619 * n + 0.2817188376 * r + 0.6299787005 * s, l = Math.cbrt(o), d = Math.cbrt(i), f = Math.cbrt(c), m = 0.2104542553 * l + 0.793617785 * d - 0.0040720468 * f, g = 1.9779984951 * l - 2.428592205 * d + 0.4505937099 * f, b = 0.0259040371 * l + 0.7827717662 * d - 0.808675766 * f, I = Math.sqrt(g * g + b * b);
-  let x = Math.atan2(b, g) * 180 / Math.PI;
-  return x < 0 && (x += 360), [m, I, x];
-}
-function P(t, e, a, n, r, s) {
-  switch (r) {
-    case "hex":
-      if (s) {
-        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(a)}${o(i)}`;
-      }
-      return Q(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, i, c] = J(t, e, a);
-      return `hsl(${o}, ${i}%, ${c}%)`;
-    }
-    case "hsla": {
-      const [o, i, c] = J(t, e, a);
-      return `hsla(${o}, ${i}%, ${c}%, ${Math.round(n * 100) / 100})`;
-    }
-    case "hwb": {
-      const [o, i, c] = Dt(t, e, a);
-      return n < 1 ? `hwb(${o} ${i}% ${c}% / ${Math.round(n * 100) / 100})` : `hwb(${o} ${i}% ${c}%)`;
-    }
-    case "oklch": {
-      const [o, i, c] = Vt(t, e, a), 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 s || n < 1 ? `oklch(${l} ${d} ${f} / ${m})` : `oklch(${l} ${d} ${f})`;
-    }
-  }
-}
-function O(t, e) {
-  return e ? t === "rgb" ? "rgba" : t === "hsl" ? "hsla" : t : t === "rgba" ? "rgb" : t === "hsla" ? "hsl" : t;
-}
-async function Et(t) {
-  return new Promise((e, a) => {
-    const n = new FileReader();
-    n.readAsDataURL(t), n.onload = () => {
-      const r = n.result;
-      e(r.split(",")[1]);
-    }, n.onerror = (r) => a(r);
-  });
-}
-function Ut(t) {
-  return Promise.all(t.map(Et));
-}
-function Lt(t) {
-  if (t.length >= 4) {
-    if (t[0] === 137 && t[1] === 80 && t[2] === 78 && t[3] === 71)
-      return "image/png";
-    if (t[0] === 255 && t[1] === 216) return "image/jpeg";
-    if (t[0] === 71 && t[1] === 73 && t[2] === 70)
-      return "image/gif";
-    if (t[0] === 82 && t[1] === 73 && t[2] === 70 && t[3] === 70 && t.length >= 12 && t[8] === 87 && t[9] === 69 && t[10] === 66 && t[11] === 80)
-      return "image/webp";
-  }
-  try {
-    if (new TextDecoder("utf-8").decode(t.slice(0, 256)).includes("<svg")) return "image/svg+xml";
-  } catch {
-  }
-  return "application/octet-stream";
-}
-function Pt(t) {
-  const e = bt(t ?? ""), a = e.length, n = new Uint8Array(a);
-  for (let r = 0; r < a; r++) n[r] = e.charCodeAt(r);
-  return n;
-}
-function Ot(t) {
-  const {
-    value: e,
-    onChange: a,
-    onInput: n,
-    ...r
-  } = t, s = /* @__PURE__ */ new Map(), o = p.toSignal(e).map((d) => d.map((f, m) => {
-    const g = s.get(f), b = Pt(f ?? ""), I = g?.type || Lt(b), x = g?.name ?? `file-${m}`, y = b.buffer.slice(
-      b.byteOffset,
-      b.byteOffset + b.byteLength
-    ), F = new Blob([y], { type: I });
-    return new File([F], x, { type: I });
-  })), i = (d) => (f) => {
-    d && Ut(f).then((m) => {
-      for (const [g, b] of m.entries())
-        s.set(b, { name: f[g].name, type: f[g].type });
-      d(m);
-    });
-  }, c = i(a), l = i(n);
-  return ht({
-    ...r,
-    value: o,
-    onChange: c,
-    onInput: l
-  });
-}
-function ie(t) {
-  const {
-    value: e,
-    onInput: a,
-    onChange: n,
-    ...r
-  } = t;
-  return Ot({
-    ...r,
-    maxFiles: 1,
-    value: p.map(e, (s) => s == null ? [] : [s]),
-    onChange: (s) => {
-      n?.(s[0]);
-    },
-    onInput: (s) => {
-      a?.(s[0]);
-    }
-  });
-}
-function Wt(t, e) {
-  const [a, n, r] = t, s = a << 16 ^ n << 8 ^ r, o = Rt(s), i = 6 + Math.floor(o() * 5), c = 0.18 + o() * 0.06, l = [];
-  for (let g = 0; g < i; g++) {
-    const b = g / i * Math.PI * 2, I = e * (1 + (o() * 2 - 1) * c), x = Math.cos(b) * I, y = Math.sin(b) * I;
-    l.push({ x, y });
-  }
-  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 g = 0; g < i; g++) {
-    const b = l[g], I = l[(g + 1) % i], x = (b.x + I.x) / 2, y = (b.y + I.y) / 2;
-    m += ` Q ${b.x.toFixed(3)} ${b.y.toFixed(3)} ${x.toFixed(3)} ${y.toFixed(3)}`;
-  }
-  return m += " Z", m;
-}
-const ce = (t) => {
-  const { value: e, onBlur: a, onChange: n, onInput: r, displayValue: s, size: o, withAlpha: i } = t, c = p.map(o ?? 32, (h) => h), l = p.map(e, (h) => St(h ?? "#000000")), d = p.map(
-    l,
-    ([h, $, k]) => [h, $, k]
-  ), f = p.map(l, ([, , , h]) => h), m = rt(p.get(f) ?? 1), g = p.map(i ?? !1, (h) => h), b = p.map(
-    t.colorTextFormat ?? "rgb",
-    (h) => h
-  ), I = D(
-    d,
-    m,
-    b,
-    g
-  )(
-    ([h, $, k], T, v, R) => P(h, $, k, T ?? 1, O(v, R), R)
-  ), x = p.map(
-    t.colorTextFormat ?? "hex",
-    (h) => h
-  ), y = p.map(c, (h) => `${-h / 2} ${-h / 2} ${h} ${h}`), F = D(
-    d,
-    c
-  )((h, $) => Wt(h, $ / 2)), w = D(
-    d,
-    m,
-    g
-  )(
-    ([h, $, k], T, v) => v || T < 1 ? vt(h, $, k, T) : Q(h, $, k)
-  ), S = _.div(
-    u.class("bc-color-swatch-input__control"),
-    u.class(
-      p.map(
-        g,
-        (h) => h ? "bc-color-swatch-input__control--alpha" : ""
-      )
-    ),
-    u.style(
-      D(c)((h) => `min-width:${h + 2}px;height:${h + 2}px`)
-    ),
-    // The SVG blob preview
-    tt.svg(
-      u.class("bc-color-swatch-input__svg"),
-      Y.viewBox(y),
-      tt.path(Y.d(F), Y.fill(w))
-    ),
-    // Invisible native input overlays the blob for picker and accessibility
-    _.input(
-      u.type("color"),
-      U(t),
-      // Native color input needs hex without alpha
-      u.value(p.map(d, ([h, $, k]) => Q(h, $, k))),
-      u.class(
-        "bc-input bc-color-swatch-input bc-color-swatch-input__native"
-      ),
-      a != null ? M.blur(a) : A,
-      n != null ? M.change((h) => {
-        const $ = h.target.value;
-        if (!n) return;
-        const { r: k, g: T, b: v } = H($) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = O(
-          p.get(x),
-          p.get(g)
-        ), X = P(k, T, v, R, B, p.get(g));
-        n(X);
-      }) : A,
-      r != null ? M.input((h) => {
-        const $ = h.target.value;
-        if (!r) return;
-        const { r: k, g: T, b: v } = H($) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = O(
-          p.get(x),
-          p.get(g)
-        ), X = P(k, T, v, R, B, p.get(g));
-        r(X);
-      }) : A
-    )
-  ), C = W(
-    g,
-    () => _.input(
-      u.type("range"),
-      u.class("bc-color-swatch-input__alpha"),
-      u.min(0),
-      u.max(1),
-      u.step(0.01),
-      u.value(p.map(m, (h) => String(h ?? 1))),
-      u.disabled(t.disabled),
-      M.input((h) => {
-        const $ = parseFloat(h.target.value);
-        m.set($);
-        const [k, T, v] = p.get(d), R = O(
-          p.get(x),
-          p.get(g)
-        ), B = P(k, T, v, $, R, p.get(g));
-        r?.(B);
-      }),
-      M.change((h) => {
-        const $ = parseFloat(h.target.value);
-        m.set($);
-        const [k, T, v] = p.get(d), R = O(
-          p.get(x),
-          p.get(g)
-        ), B = P(k, T, v, $, R, p.get(g));
-        n?.(B);
-      })
-    )
-  );
-  return E({
-    baseContainer: !0,
-    ...t,
-    // ensure our control does not try to grow
-    growInput: !1,
-    input: S,
-    // If caller provided an `after`, append RGB before it
-    after: j(
-      W(
-        s ?? !1,
-        () => _.span(u.class("bc-color-swatch-input__rgb"), I)
-      ),
-      C,
-      t.after
-    )
-  });
-}, at = (t) => typeof t == "string" && t.trim() === "" ? null : t, Ht = (t) => t ?? "";
-function L(t) {
-  return (e) => {
-    const { value: a, onBlur: n, onChange: r, onInput: s, after: o, disabled: i, ...c } = e, l = z(a, i, r ?? s);
-    return t({
-      ...c,
-      disabled: i,
-      value: p.map(a, Ht),
-      onChange: r != null ? (d) => r(at(d)) : void 0,
-      onInput: s != null ? (d) => s(at(d)) : void 0,
-      onBlur: n,
-      after: o != null ? j(l, o) : l
-    });
-  };
-}
-const le = ({
-  startEditing: t,
-  value: e,
-  onChange: a,
-  placeholder: n,
-  disabled: r
-}) => {
-  const s = p.deriveProp(t ?? !1), o = rt(!1), i = p.map(r ?? !1, (c) => c);
-  return _.div(
-    u.class("bc-editable-text"),
-    u.class(
-      p.map(
-        i,
-        (c) => c ? "bc-editable-text--disabled" : ""
-      )
-    ),
-    N.disabled(i),
-    W(
-      s,
-      () => _.input(
-        u.placeholder(n),
-        u.value(e),
-        u.class("bc-editable-text__input"),
-        Mt(),
-        M.keydown((c) => {
-          c.key === "Enter" ? s.set(!1) : c.key === "Escape" && (o.set(!0), s.set(!1));
-        }),
-        M.blur(
-          Z((c) => {
-            if (s.set(!1), o.value) {
-              o.set(!1);
-              return;
-            }
-            a(c);
-          })
-        )
-      ),
-      () => _.span(
-        M.click(() => {
-          p.get(i) || s.set(!0);
-        }),
-        u.class("bc-editable-text__display"),
-        W(
-          p.map(e, (c) => c != null && c.trim() !== ""),
-          () => _.span(u.class("bc-editable-text__text"), e),
-          () => _.span(
-            u.class("bc-editable-text__placeholder"),
-            n
-          )
-        ),
-        W(
-          p.map(i, (c) => !c),
-          () => _.button(
-            u.type("button"),
-            u.class("bc-editable-text__edit-button"),
-            lt(yt, (c) => N.label(c.$.editLabel)),
-            M.click(() => s.set(!0)),
-            q({ icon: "line-md/pencil", color: "neutral" })
-          )
-        )
-      )
-    )
-  );
-}, ue = (t) => {
-  const { value: e, onBlur: a, onChange: n, onInput: r, after: s, disabled: o } = t, i = z(e, o, n ?? r);
-  return E({
-    ...t,
-    input: ot.date(
-      U(t),
-      u.valueAsDate(e),
-      u.class("bc-input"),
-      a != null ? M.blur(Z(a)) : A,
-      n != null ? M.change(et(n)) : A,
-      r != null ? M.input(et(r)) : A
-    ),
-    after: s != null ? j(i, s) : i
-  });
-}, jt = (t) => {
-  const e = t.getFullYear(), a = t.getMonth() + 1, n = t.getDate(), r = t.getHours(), s = t.getMinutes(), o = t.getSeconds();
-  return `${e}-${a.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${r.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
-}, pe = (t) => {
-  const { value: e, onBlur: a, onChange: n, onInput: r, after: s, disabled: o } = t, i = p.map(e, (l) => l != null ? jt(l) : null), c = z(e, o, n ?? r);
-  return E({
-    ...t,
-    input: ot["datetime-local"](
-      U(t),
-      u.value(p.map(i, (l) => l ?? null)),
-      u.class("bc-input"),
-      a != null ? M.blur(Z(a)) : A,
-      n != null ? M.change(nt(n)) : A,
-      r != null ? M.input(nt(r)) : A
-    ),
-    after: s != null ? j(c, s) : c
-  });
-}, de = L($t), he = L(wt), ge = L(xt), fe = L(
-  gt
-), me = ({
-  value: t,
-  onChange: e,
-  onInput: a,
-  onBlur: n,
-  offLabel: r,
-  onLabel: s,
-  disabled: o = !1,
-  size: i = "md",
-  id: c,
-  color: l = "primary",
-  tabIndex: d = 0,
-  matchInputHeight: f = !0
-}) => {
-  const m = c ?? _t("switch");
-  function g(y, F) {
-    const w = [
-      "bc-switch",
-      `bc-switch--size-${F}`,
-      `bc-switch--${F}`
-    ];
-    return f && w.push("bc-switch--match-input"), y && w.push("bc-switch--disabled"), w.join(" ");
-  }
-  function b(y) {
-    const F = y ?? "primary", w = /* @__PURE__ */ new Map(), S = st(F, "solid", "light"), C = st(F, "solid", "dark");
-    return w.set("--switch-track-on-bg", S.backgroundColor), w.set("--switch-track-on-label", S.textColor), w.set("--switch-track-on-bg-dark", C.backgroundColor), w.set("--switch-track-on-label-dark", C.textColor), w.set(
-      "--switch-track-on-border-dark",
-      It(F, "dark")
-    ), Array.from(w.entries()).map(([h, $]) => `${h}: ${$}`).join("; ");
-  }
-  const I = () => {
-    p.get(o) || (e?.(!p.get(t)), a?.(!p.get(t)));
-  }, x = (y) => {
-    p.get(o) || (y.key === " " || y.key === "Enter") && (y.preventDefault(), I());
-  };
-  return _.div(
-    u.class(
-      D(
-        o ?? !1,
-        i
-      )(
-        (y, F) => g(y ?? !1, F ?? "md")
-      )
-    ),
-    u.style(
-      D(l)(
-        (y) => b(y)
-      )
-    ),
-    u.id(m),
-    u.role("switch"),
-    u.tabindex(
-      D(
-        o ?? !1,
-        d
-      )((y, F) => y ? -1 : F ?? 0)
-    ),
-    N.checked(t),
-    N.disabled(o),
-    M.click(I),
-    M.keydown(x),
-    n != null ? M.blur(n) : null,
-    _.div(
-      u.class("bc-switch__track"),
-      u.class(
-        p.map(
-          t,
-          (y) => y ? "bc-switch__track--on" : "bc-switch__track--off"
-        )
-      ),
-      r != null ? _.div(
-        N.hidden(!0),
-        u.class("bc-switch__track-label bc-switch__track-label--off"),
-        u.class(
-          p.map(
-            t,
-            (y) => y ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
-          )
-        ),
-        r
-      ) : null,
-      s != null ? _.div(
-        u.class("bc-switch__track-label bc-switch__track-label--on"),
-        u.class(
-          p.map(
-            t,
-            (y) => y ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
-          )
-        ),
-        s
-      ) : null,
-      _.div(
-        u.class("bc-switch__thumb"),
-        u.class(
-          p.map(
-            t,
-            (y) => y ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
-          )
-        )
-      )
-    )
-  );
-}, be = L(ft), zt = "line-md:star-alt-filled", Xt = "line-md:star-alt", Yt = (t) => {
-  const {
-    value: e,
-    onChange: a,
-    onInput: n,
-    disabled: r,
-    max: s = 5,
-    fullColor: o = "yellow",
-    emptyColor: i = "neutral",
-    fullIcon: c = zt,
-    emptyIcon: l = Xt,
-    size: d = "md",
-    onBlur: f,
-    rounding: m = 1
-  } = t, g = () => {
-    const w = p.get(m);
-    return w > 0 ? w : 1;
-  }, b = (w) => Math.min(Math.max(w, 0), p.get(s)), I = (w, S) => {
-    if (p.get(r ?? !1)) return;
-    const h = w.currentTarget.getBoundingClientRect(), $ = (w.clientX - h.left) / h.width, k = S - 1 + $, T = g(), v = Math.ceil(k / T) * T, R = b(v);
-    a?.(R), n?.(R);
-  }, x = (w) => {
-    if (p.get(r ?? !1)) return;
-    const S = g(), C = p.get(e) ?? 0;
-    let h;
-    switch (w.key) {
-      case "ArrowRight":
-      case "ArrowUp":
-        h = b(C + S);
-        break;
-      case "ArrowLeft":
-      case "ArrowDown":
-        h = b(C - S);
-        break;
-      case "Home":
-        h = 0;
-        break;
-      case "End":
-        h = p.get(s);
-        break;
-      default:
-        return;
-    }
-    w.preventDefault(), a?.(h), n?.(h);
-  }, y = p.map(d, (w) => `bc-icon--${w}`), F = ({ index: w, counter: S }) => _.span(
-    u.class("bc-rating-input__icon-container"),
-    u.class(y),
-    q(
-      {
-        icon: l,
-        size: d,
-        color: i,
-        tone: "soft"
-      },
-      u.class("bc-rating-input__icon-empty")
-    ),
-    _.span(
-      u.class("bc-rating-input__icon-clipper"),
-      u.class(y),
-      pt.width(
-        p.map(e, (C) => {
-          const h = Math.floor(C);
-          return h > w ? "100%" : h < w ? "0%" : `${(C - w) * 100}%`;
-        })
-      ),
-      q(
-        {
-          icon: c,
-          size: d,
-          color: o,
-          tone: "soft"
-        },
-        u.class("bc-rating-input__icon-full")
-      )
-    ),
-    M.click(
-      dt((C) => I(C, S), {
-        preventDefault: !0,
-        stopPropagation: !0
-      })
-    )
-  );
-  return E({
-    baseContainer: !0,
-    growInput: !1,
-    focusableSelector: '[role="slider"]',
-    ...t,
-    input: _.div(
-      // Common input attributes (id, required, invalid, custom classes, etc.)
-      U(t),
-      u.class("bc-rating-input"),
-      // ARIA slider semantics
-      u.role("slider"),
-      u.tabindex(p.map(r ?? !1, (w) => w ? -1 : 0)),
-      N.disabled(r ?? !1),
-      N.valuemin(0),
-      N.valuemax(p.map(s, (w) => w ?? 0)),
-      N.valuenow(p.map(e, (w) => w ?? 0)),
-      N.valuetext(
-        D(
-          e,
-          s
-        )((w, S) => {
-          const C = w ?? 0, h = S ?? 0;
-          return `${String(C)} / ${String(h)}`;
-        })
-      ),
-      // Keyboard & focus handlers
-      M.keydown(x),
-      f != null ? M.blur(f) : null,
-      ut(s, F)
-    )
-  });
-}, we = (t) => {
-  const { value: e, onChange: a, onInput: n, onBlur: r, after: s, disabled: o, ...i } = t, c = z(e, o, a ?? 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: a,
-    onInput: n,
-    onBlur: r,
-    after: s != null ? j(c, s) : c
-  });
-}, ye = (t) => {
-  const { value: e, step: a, min: n, max: r, onBlur: s, onChange: o, onInput: i } = t;
-  return E({
-    ...t,
-    // Make sure clicks anywhere focus the range input
-    focusableSelector: 'input[type="range"]',
-    input: _.input(
-      u.type("range"),
-      U(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 ? M.blur(V(s)) : A,
-      o != null ? M.change(V(o)) : A,
-      i != null ? M.input(V(i)) : A
-    )
-  });
-}, Ie = (t) => {
-  const { value: e, step: a, min: n, max: r, onBlur: s, 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 ?? i
-  );
-  return E({
-    ...t,
-    focusableSelector: 'input[type="range"]',
-    after: l,
-    input: _.input(
-      u.type("range"),
-      U(t),
-      u.min(n),
-      u.max(r),
-      u.step(a),
-      u.valueAsNumber(c),
-      u.class("bc-input bc-slider-input"),
-      s != null ? M.blur(V(s)) : 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
-  /**
-   * Register a custom widget
-   */
-  register(e, a) {
-    if (this.widgets.set(e, a), a.supportedTypes)
-      for (const n of a.supportedTypes)
-        this.typeMapping.has(n) || this.typeMapping.set(n, []), this.typeMapping.get(n).push(e), this.typeMapping.get(n).sort((r, s) => {
-          const o = this.widgets.get(r)?.priority || 0;
-          return (this.widgets.get(s)?.priority || 0) - o;
-        });
-  }
-  /**
-   * Unregister a widget
-   */
-  unregister(e) {
-    const a = this.widgets.get(e);
-    if (a && (this.widgets.delete(e), a.supportedTypes))
-      for (const n of a.supportedTypes) {
-        const r = this.typeMapping.get(n);
-        if (r) {
-          const s = r.indexOf(e);
-          s >= 0 && r.splice(s, 1), r.length === 0 && this.typeMapping.delete(n);
-        }
-      }
-  }
-  /**
-   * Get a registered widget
-   */
-  get(e) {
-    return this.widgets.get(e);
-  }
-  /**
-   * Get all registered widgets
-   */
-  getAll() {
-    return new Map(this.widgets);
-  }
-  /**
-   * Get widgets that support a specific JSON Schema type
-   */
-  getForType(e) {
-    return (this.typeMapping.get(e) || []).map((n) => this.widgets.get(n)).filter(Boolean);
-  }
-  /**
-   * Find the best widget for a schema context
-   */
-  findBestWidget(e) {
-    const a = kt(e.definition, e.name);
-    if (a?.widget) {
-      const r = this.widgets.get(a.widget);
-      if (r)
-        return { name: a.widget, registration: r, resolved: a };
-    }
-    const n = [];
-    for (const [r, s] of this.widgets.entries())
-      if (s.matcher)
-        try {
-          s.matcher(e) && n.push({
-            name: r,
-            registration: s,
-            priority: s.priority ?? 0
-          });
-        } catch (o) {
-          console.warn(`Error in matcher for widget "${r}":`, o);
-        }
-    if (n.length > 0) {
-      n.sort((s, o) => o.priority - s.priority);
-      const r = n[0];
-      return {
-        name: r.name,
-        registration: r.registration,
-        resolved: { widget: r.name, source: "heuristics" }
-      };
-    }
-    if (typeof e.definition == "object" && e.definition.type) {
-      const r = Array.isArray(e.definition.type) ? e.definition.type[0] : e.definition.type, s = this.getForType(r);
-      if (s.length > 0) {
-        const o = this.typeMapping.get(r)[0];
-        return {
-          name: o,
-          registration: s[0],
-          resolved: { widget: o, source: "type-fallback" }
-        };
-      }
-    }
-    return null;
-  }
-}
-const $e = new Gt();
-function xe(t, e, a) {
-  return {
-    factory: e,
-    matcher: (n) => {
-      const s = n.definition["x:ui"];
-      return s === t || typeof s == "object" && s !== null && s.widget === t;
-    },
-    displayName: a?.displayName ?? t,
-    priority: a?.priority ?? 100,
-    // High priority for explicit matches
-    ...a
-  };
-}
-function _e(t, e, a) {
-  return {
-    factory: e,
-    matcher: (n) => n.definition.format === t,
-    displayName: a?.displayName ?? `${t} widget`,
-    priority: a?.priority ?? 75,
-    ...a
-  };
-}
-function ke(t, e, a, n) {
-  return {
-    factory: a,
-    matcher: (r) => {
-      const s = r.definition;
-      return s.type === t && s.format === e;
-    },
-    displayName: n?.displayName ?? `${t}:${e} widget`,
-    priority: n?.priority ?? 80,
-    ...n
-  };
-}
-function Fe(t) {
-  const e = t?.logPrefix ?? "WIDGET_DIAG", a = t?.filterFn ?? (() => !0);
-  return {
-    factory: () => null,
-    displayName: "Diagnostic Widget (never matches)",
-    priority: -1e3,
-    // Very low priority, should never actually match
-    matcher: (n) => {
-      if (!a(n)) return !1;
-      const r = n.definition, s = {
-        name: n.name,
-        path: n.path.map(String),
-        type: r?.type,
-        hasRegistry: n.widgetRegistry !== void 0,
-        definition: r
-      };
-      return console.log(
-        `[${e}] name="${s.name ?? "ROOT"}" path=[${s.path.join(", ")}] type="${s.type ?? "unknown"}" hasRegistry=${s.hasRegistry}`
-      ), t?.onProcess?.(s), !1;
-    }
-  };
-}
-export {
-  Nt as A,
-  ie as B,
-  ce as C,
-  Tt as D,
-  le as E,
-  Ft as F,
-  Ct as G,
-  K as H,
-  Rt as I,
-  Bt as J,
-  St as K,
-  O as L,
-  Q as M,
-  he as N,
-  J as O,
-  Dt as P,
-  Vt as Q,
-  Yt as R,
-  ye as S,
-  G as T,
-  vt 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,
-  Fe as l,
-  _e as m,
-  ke as n,
-  xe as o,
-  at as p,
-  Ht as q,
-  re as r,
-  it as s,
-  At as t,
-  Ot as u,
-  Et as v,
-  P as w,
-  oe as x,
-  H as y,
-  ct as z
-};