@tempots/beatui 0.95.0 → 1.0.1

package/dist/widget-customization-DEiQ_31d.js

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