@tempots/beatui 1.4.0 → 1.6.0

package/dist/widget-customization-BtkexHgm.js

@@ -0,0 +1,1458 @@
+import { Value as h, prop as _t, computedOf as V, html as v, attr as u, svg as yt, svgAttr as st, Empty as T, on as $, When as Q, Fragment as Z, aria as E, emitValue as pt, Use as se, input as Ft, emitValueAsNullableDate as $t, emitValueAsNullableDateTime as kt, Repeat as le, emit as oe, style as ie, emitValueAsNumber as z } from "@tempots/dom";
+import { F as ce, N as J, T as ue, U as he, a as pe } from "./deep-merge-ZVigk5Qf.js";
+import { decodeBase64 as de } from "@tempots/std";
+import { I as X } from "./input-container-8JFB11xN.js";
+import { C as Y, m as Ct, T as ge } from "./text-input-NJypZSnE.js";
+import { B as be, I as ut, b as Mt, a as me } from "./translations-BCMP-h52.js";
+import { AutoSelect as fe } from "@tempots/ui";
+import { E as we, P as ye } from "./notice-B6ojfenv.js";
+import { s as $e } from "./session-id-3KiilioY.js";
+import { r as ke } from "./utils-vUtP6iPG.js";
+async function Me(t) {
+  return new Promise((e, r) => {
+    const a = new FileReader();
+    a.readAsDataURL(t), a.onload = () => {
+      const n = a.result;
+      e(n.split(",")[1]);
+    }, a.onerror = (n) => r(n);
+  });
+}
+function ve(t) {
+  return Promise.all(t.map(Me));
+}
+function Ie(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 xe(t) {
+  const e = de(t ?? ""), r = e.length, a = new Uint8Array(r);
+  for (let n = 0; n < r; n++) a[n] = e.charCodeAt(n);
+  return a;
+}
+function _e(t) {
+  const {
+    value: e,
+    onChange: r,
+    onInput: a,
+    ...n
+  } = t, s = /* @__PURE__ */ new Map(), l = h.toSignal(e).map((w) => w.map((f, x) => {
+    const b = s.get(f), m = xe(f ?? ""), S = b?.type || Ie(m), N = b?.name ?? `file-${x}`, F = m.buffer.slice(
+      m.byteOffset,
+      m.byteOffset + m.byteLength
+    ), y = new Blob([F], { type: S });
+    return new File([y], N, { type: S });
+  })), o = (w) => (f) => {
+    w && ve(f).then((x) => {
+      for (const [b, m] of x.entries())
+        s.set(m, { name: f[b].name, type: f[b].type });
+      w(x);
+    });
+  }, i = o(r), c = o(a);
+  return ce({
+    ...n,
+    value: l,
+    onChange: i,
+    onInput: c
+  });
+}
+function Xr(t) {
+  const {
+    value: e,
+    onInput: r,
+    onChange: a,
+    ...n
+  } = t;
+  return _e({
+    ...n,
+    maxFiles: 1,
+    value: h.map(e, (s) => s == null ? [] : [s]),
+    onChange: (s) => {
+      a?.(s[0]);
+    },
+    onInput: (s) => {
+      r?.(s[0]);
+    }
+  });
+}
+let R = class extends Error {
+  constructor(e) {
+    super(e), this.name = "ParsingError";
+  }
+};
+const d = (t, e, r) => Math.min(Math.max(t, e), r), j = (t, e, r) => Math.trunc(d(t, e, r)), B = (t, e) => {
+  const r = Math.pow(10, e);
+  return Math.round(t * r) / r;
+}, U = (t, e) => (t = t % e, t < 0 && (t += e), t), dt = {
+  aliceblue: [240, 248, 255],
+  antiquewhite: [250, 235, 215],
+  aqua: [0, 255, 255],
+  aquamarine: [127, 255, 212],
+  azure: [240, 255, 255],
+  beige: [245, 245, 220],
+  bisque: [255, 228, 196],
+  black: [0, 0, 0],
+  blanchedalmond: [255, 235, 205],
+  blue: [0, 0, 255],
+  blueviolet: [138, 43, 226],
+  brown: [165, 42, 42],
+  burlywood: [222, 184, 135],
+  cadetblue: [95, 158, 160],
+  chartreuse: [127, 255, 0],
+  chocolate: [210, 105, 30],
+  coral: [255, 127, 80],
+  cornflowerblue: [100, 149, 237],
+  cornsilk: [255, 248, 220],
+  crimson: [220, 20, 60],
+  cyan: [0, 255, 255],
+  darkblue: [0, 0, 139],
+  darkcyan: [0, 139, 139],
+  darkgoldenrod: [184, 134, 11],
+  darkgray: [169, 169, 169],
+  darkgreen: [0, 100, 0],
+  darkgrey: [169, 169, 169],
+  darkkhaki: [189, 183, 107],
+  darkmagenta: [139, 0, 139],
+  darkolivegreen: [85, 107, 47],
+  darkorange: [255, 140, 0],
+  darkorchid: [153, 50, 204],
+  darkred: [139, 0, 0],
+  darksalmon: [233, 150, 122],
+  darkseagreen: [143, 188, 143],
+  darkslateblue: [72, 61, 139],
+  darkslategray: [47, 79, 79],
+  darkslategrey: [47, 79, 79],
+  darkturquoise: [0, 206, 209],
+  darkviolet: [148, 0, 211],
+  deeppink: [255, 20, 147],
+  deepskyblue: [0, 191, 255],
+  dimgray: [105, 105, 105],
+  dimgrey: [105, 105, 105],
+  dodgerblue: [30, 144, 255],
+  firebrick: [178, 34, 34],
+  floralwhite: [255, 250, 240],
+  forestgreen: [34, 139, 34],
+  fuchsia: [255, 0, 255],
+  gainsboro: [220, 220, 220],
+  ghostwhite: [248, 248, 255],
+  gold: [255, 215, 0],
+  goldenrod: [218, 165, 32],
+  gray: [128, 128, 128],
+  green: [0, 128, 0],
+  greenyellow: [173, 255, 47],
+  grey: [128, 128, 128],
+  honeydew: [240, 255, 240],
+  hotpink: [255, 105, 180],
+  indianred: [205, 92, 92],
+  indigo: [75, 0, 130],
+  ivory: [255, 255, 240],
+  khaki: [240, 230, 140],
+  lavender: [230, 230, 250],
+  lavenderblush: [255, 240, 245],
+  lawngreen: [124, 252, 0],
+  lemonchiffon: [255, 250, 205],
+  lightblue: [173, 216, 230],
+  lightcoral: [240, 128, 128],
+  lightcyan: [224, 255, 255],
+  lightgoldenrodyellow: [250, 250, 210],
+  lightgray: [211, 211, 211],
+  lightgreen: [144, 238, 144],
+  lightgrey: [211, 211, 211],
+  lightpink: [255, 182, 193],
+  lightsalmon: [255, 160, 122],
+  lightseagreen: [32, 178, 170],
+  lightskyblue: [135, 206, 250],
+  lightslategray: [119, 136, 153],
+  lightslategrey: [119, 136, 153],
+  lightsteelblue: [176, 196, 222],
+  lightyellow: [255, 255, 224],
+  lime: [0, 255, 0],
+  limegreen: [50, 205, 50],
+  linen: [250, 240, 230],
+  magenta: [255, 0, 255],
+  maroon: [128, 0, 0],
+  mediumaquamarine: [102, 205, 170],
+  mediumblue: [0, 0, 205],
+  mediumorchid: [186, 85, 211],
+  mediumpurple: [147, 112, 219],
+  mediumseagreen: [60, 179, 113],
+  mediumslateblue: [123, 104, 238],
+  mediumspringgreen: [0, 250, 154],
+  mediumturquoise: [72, 209, 204],
+  mediumvioletred: [199, 21, 133],
+  midnightblue: [25, 25, 112],
+  mintcream: [245, 255, 250],
+  mistyrose: [255, 228, 225],
+  moccasin: [255, 228, 181],
+  navajowhite: [255, 222, 173],
+  navy: [0, 0, 128],
+  oldlace: [253, 245, 230],
+  olive: [128, 128, 0],
+  olivedrab: [107, 142, 35],
+  orange: [255, 165, 0],
+  orangered: [255, 69, 0],
+  orchid: [218, 112, 214],
+  palegoldenrod: [238, 232, 170],
+  palegreen: [152, 251, 152],
+  paleturquoise: [175, 238, 238],
+  palevioletred: [219, 112, 147],
+  papayawhip: [255, 239, 213],
+  peachpuff: [255, 218, 185],
+  peru: [205, 133, 63],
+  pink: [255, 192, 203],
+  plum: [221, 160, 221],
+  powderblue: [176, 224, 230],
+  purple: [128, 0, 128],
+  rebeccapurple: [102, 51, 153],
+  red: [255, 0, 0],
+  rosybrown: [188, 143, 143],
+  royalblue: [65, 105, 225],
+  saddlebrown: [139, 69, 19],
+  salmon: [250, 128, 114],
+  sandybrown: [244, 164, 96],
+  seagreen: [46, 139, 87],
+  seashell: [255, 245, 238],
+  sienna: [160, 82, 45],
+  silver: [192, 192, 192],
+  skyblue: [135, 206, 235],
+  slateblue: [106, 90, 205],
+  slategray: [112, 128, 144],
+  slategrey: [112, 128, 144],
+  snow: [255, 250, 250],
+  springgreen: [0, 255, 127],
+  steelblue: [70, 130, 180],
+  tan: [210, 180, 140],
+  teal: [0, 128, 128],
+  thistle: [216, 191, 216],
+  tomato: [255, 99, 71],
+  turquoise: [64, 224, 208],
+  violet: [238, 130, 238],
+  wheat: [245, 222, 179],
+  white: [255, 255, 255],
+  whitesmoke: [245, 245, 245],
+  yellow: [255, 255, 0],
+  yellowgreen: [154, 205, 50]
+}, Tt = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, St = /^rgba?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\s*(?:,\s*([\d.]+%?)\s*)?\)$/i, At = /^rgba?\(\s*(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i, Fe = (t) => Tt.test(t.trim()), Ce = (t) => {
+  const e = t.trim(), r = Tt.exec(e);
+  if (!r) throw new R(`Invalid hex color: '${t}'`);
+  const a = r[1];
+  return a.length === 3 ? A(
+    parseInt(a[0] + a[0], 16),
+    parseInt(a[1] + a[1], 16),
+    parseInt(a[2] + a[2], 16)
+  ) : a.length === 4 ? A(
+    parseInt(a[0] + a[0], 16),
+    parseInt(a[1] + a[1], 16),
+    parseInt(a[2] + a[2], 16),
+    parseInt(a[3] + a[3], 16) / 255
+  ) : a.length === 6 ? A(
+    parseInt(a.slice(0, 2), 16),
+    parseInt(a.slice(2, 4), 16),
+    parseInt(a.slice(4, 6), 16)
+  ) : A(
+    parseInt(a.slice(0, 2), 16),
+    parseInt(a.slice(2, 4), 16),
+    parseInt(a.slice(4, 6), 16),
+    parseInt(a.slice(6, 8), 16) / 255
+  );
+}, Te = (t) => {
+  const e = t.trim();
+  return St.test(e) || At.test(e);
+}, Se = (t) => {
+  const e = t.trim(), r = St.exec(e) ?? At.exec(e);
+  if (!r) throw new R(`Invalid rgb color: '${t}'`);
+  return A(
+    j(parseFloat(r[1]), 0, 255),
+    j(parseFloat(r[2]), 0, 255),
+    j(parseFloat(r[3]), 0, 255),
+    O(r[4])
+  );
+}, Ae = (t) => t.trim().toLowerCase() in dt, Ne = (t) => {
+  const e = t.trim().toLowerCase(), r = dt[e];
+  if (!r) throw new R(`Unknown named color: '${t}'`);
+  return A(r[0], r[1], r[2]);
+}, vt = (t) => t.alpha >= 1 ? `rgb(${t.r}, ${t.g}, ${t.b})` : `rgba(${t.r}, ${t.g}, ${t.b}, ${t.alpha})`, Nt = /^hsla?\(\s*(-?\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%\s*(?:,\s*([\d.]+%?)\s*)?\)$/i, Wt = /^hsla?\(\s*(-?\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i, We = (t) => {
+  const e = t.trim();
+  return Nt.test(e) || Wt.test(e);
+}, Be = (t) => {
+  const e = t.trim(), r = Nt.exec(e) ?? Wt.exec(e);
+  if (!r) throw new R(`Invalid hsl color: '${t}'`);
+  return ht(
+    parseFloat(r[1]),
+    d(parseFloat(r[2]) / 100, 0, 1),
+    d(parseFloat(r[3]) / 100, 0, 1),
+    O(r[4])
+  );
+}, De = (t) => {
+  const e = t.r / 255, r = t.g / 255, a = t.b / 255, n = Math.max(e, r, a), s = Math.min(e, r, a), l = n - s, o = (n + s) / 2;
+  if (l === 0)
+    return ht(0, 0, o, t.alpha);
+  const i = l / (1 - Math.abs(2 * o - 1));
+  let c;
+  return n === e ? c = (r - a) / l % 6 : n === r ? c = (a - e) / l + 2 : c = (e - r) / l + 4, c *= 60, c < 0 && (c += 360), ht(c, i, o, t.alpha);
+}, Ee = (t) => {
+  const e = t.s, r = t.l, a = U(t.h, 360), n = (1 - Math.abs(2 * r - 1)) * e, s = n * (1 - Math.abs(a / 60 % 2 - 1)), l = r - n / 2;
+  let o, i, c;
+  return a < 60 ? (o = n, i = s, c = 0) : a < 120 ? (o = s, i = n, c = 0) : a < 180 ? (o = 0, i = n, c = s) : a < 240 ? (o = 0, i = s, c = n) : a < 300 ? (o = s, i = 0, c = n) : (o = n, i = 0, c = s), A(
+    Math.round((o + l) * 255),
+    Math.round((i + l) * 255),
+    Math.round((c + l) * 255),
+    t.alpha
+  );
+}, Re = (t) => {
+  const e = lt(t.h), r = lt(t.s * 100), a = lt(t.l * 100);
+  return t.alpha >= 1 ? `hsl(${e}, ${r}%, ${a}%)` : `hsla(${e}, ${r}%, ${a}%, ${t.alpha})`;
+}, lt = (t) => Math.round(t * 100) / 100, Bt = /^hsva?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*([\d.]+%?)\s*)?\)$/i, Dt = /^hsva?\(\s*([\d.]+)\s+([\d.]+)%\s+([\d.]+)%\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i, Pe = (t) => {
+  const e = t.trim();
+  return Bt.test(e) || Dt.test(e);
+}, Ue = (t) => {
+  const e = t.trim(), r = Bt.exec(e) ?? Dt.exec(e);
+  if (!r) throw new R(`Invalid hsv color: '${t}'`);
+  return Qt(
+    U(parseFloat(r[1]), 360),
+    d(parseFloat(r[2]) / 100, 0, 1),
+    d(parseFloat(r[3]) / 100, 0, 1),
+    O(r[4])
+  );
+}, Ve = (t) => {
+  const e = t.r / 255, r = t.g / 255, a = t.b / 255, n = Math.max(e, r, a), s = Math.min(e, r, a), l = n - s, o = n, i = n === 0 ? 0 : l / n;
+  let c = 0;
+  return l !== 0 && (n === e ? c = (r - a) / l % 6 : n === r ? c = (a - e) / l + 2 : c = (e - r) / l + 4, c *= 60, c < 0 && (c += 360)), Qt(c, i, o, t.alpha);
+}, Oe = (t) => {
+  const e = t.s, r = t.v, a = r * e, n = a * (1 - Math.abs(t.h / 60 % 2 - 1)), s = r - a;
+  let l = 0, o = 0, i = 0;
+  const c = t.h;
+  return c < 60 ? (l = a, o = n) : c < 120 ? (l = n, o = a) : c < 180 ? (o = a, i = n) : c < 240 ? (o = n, i = a) : c < 300 ? (l = n, i = a) : (l = a, i = n), A(
+    Math.round((l + s) * 255),
+    Math.round((o + s) * 255),
+    Math.round((i + s) * 255),
+    t.alpha
+  );
+}, qe = (t) => t.alpha >= 1 ? `hsv(${t.h}, ${t.s * 100}%, ${t.v * 100}%)` : `hsva(${t.h}, ${t.s * 100}%, ${t.v * 100}%, ${t.alpha})`, Et = /^hwb\(\s*(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i, ze = (t) => Et.test(t.trim()), je = (t) => {
+  const e = t.trim(), r = Et.exec(e);
+  if (!r) throw new R(`Invalid hwb color: '${t}'`);
+  return Zt(
+    parseFloat(r[1]),
+    d(parseFloat(r[2]) / 100, 0, 1),
+    d(parseFloat(r[3]) / 100, 0, 1),
+    O(r[4])
+  );
+}, Le = (t) => {
+  const e = t.r / 255, r = t.g / 255, a = t.b / 255, n = Math.max(e, r, a), s = Math.min(e, r, a), l = n - s;
+  let o;
+  l === 0 ? o = 0 : n === e ? o = (r - a) / l * 60 : n === r ? o = ((a - e) / l + 2) * 60 : o = ((e - r) / l + 4) * 60, o < 0 && (o += 360);
+  const i = s, c = 1 - n;
+  return Zt(o, i, c, t.alpha);
+}, Xe = (t) => {
+  let e = t.w, r = t.b;
+  if (e + r >= 1) {
+    const b = 1 / (e + r);
+    e *= b, r *= b;
+  }
+  const a = U(t.h, 360) / 60, n = Math.floor(a) % 6, s = a - Math.floor(a);
+  let l, o, i;
+  switch (n) {
+    case 0:
+      l = 1, o = s, i = 0;
+      break;
+    case 1:
+      l = 1 - s, o = 1, i = 0;
+      break;
+    case 2:
+      l = 0, o = 1, i = s;
+      break;
+    case 3:
+      l = 0, o = 1 - s, i = 1;
+      break;
+    case 4:
+      l = s, o = 0, i = 1;
+      break;
+    default:
+      l = 1, o = 0, i = 1 - s;
+      break;
+  }
+  const c = 1 - e - r, w = d(Math.round((l * c + e) * 255), 0, 255), f = d(Math.round((o * c + e) * 255), 0, 255), x = d(Math.round((i * c + e) * 255), 0, 255);
+  return A(w, f, x, t.alpha);
+}, Ye = (t) => t.alpha >= 1 ? `hwb(${t.h} ${t.w * 100}% ${t.b * 100}%)` : `hwb(${t.h} ${t.w * 100}% ${t.b * 100}% / ${t.alpha})`, Rt = /^lab\(\s*([\d.]+%?)\s+([-\d.]+)\s+([-\d.]+)\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i, Pt = /^lch\(\s*([\d.]+%?)\s+([\d.]+)\s+([\d.]+)\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i, ot = (t) => t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4), it = (t) => t <= 31308e-7 ? t * 12.92 : 1.055 * Math.pow(t, 1 / 2.4) - 0.055, He = (t, e, r) => [
+  0.4124564 * t + 0.3575761 * e + 0.1804375 * r,
+  0.2126729 * t + 0.7151522 * e + 0.072175 * r,
+  0.0193339 * t + 0.119192 * e + 0.9503041 * r
+], Ge = (t, e, r) => [
+  3.2404542 * t - 1.5371385 * e - 0.4985314 * r,
+  -0.969266 * t + 1.8760108 * e + 0.041556 * r,
+  0.0556434 * t - 0.2040259 * e + 1.0572252 * r
+], Ut = 0.95047, Vt = 1, Ot = 1.08883, gt = 6 / 29, Ke = gt ** 3, qt = 3 * gt ** 2, Qe = (t, e, r) => {
+  const a = (o) => o > Ke ? Math.cbrt(o) : o / qt + 0.13793103448275862, n = a(t / Ut), s = a(e / Vt), l = a(r / Ot);
+  return [116 * s - 16, 500 * (n - s), 200 * (s - l)];
+}, Ze = (t, e, r) => {
+  const a = (o) => o > gt ? o ** 3 : qt * (o - 0.13793103448275862), n = (t + 16) / 116, s = e / 500 + n, l = n - r / 200;
+  return [Ut * a(s), Vt * a(n), Ot * a(l)];
+}, Je = (t, e, r) => {
+  const a = Math.sqrt(e * e + r * r);
+  let n = Math.atan2(r, e) * 180 / Math.PI;
+  return n < 0 && (n += 360), [t, a, n];
+}, tr = (t, e, r) => {
+  const a = r * Math.PI / 180;
+  return [t, e * Math.cos(a), e * Math.sin(a)];
+}, zt = (t) => (t.endsWith("%"), d(parseFloat(t), 0, 100) / 100), er = (t) => Rt.test(t.trim()), rr = (t) => {
+  const e = Rt.exec(t.trim());
+  if (!e) throw new R(`Invalid lab color: '${t}'`);
+  return bt(
+    zt(e[1]),
+    parseFloat(e[2]),
+    parseFloat(e[3]),
+    O(e[4])
+  );
+}, ar = (t) => Pt.test(t.trim()), nr = (t) => {
+  const e = Pt.exec(t.trim());
+  if (!e) throw new R(`Invalid lch color: '${t}'`);
+  return Jt(
+    zt(e[1]),
+    Math.max(0, parseFloat(e[2])),
+    U(parseFloat(e[3]), 360),
+    O(e[4])
+  );
+}, jt = (t) => {
+  const e = ot(t.r / 255), r = ot(t.g / 255), a = ot(t.b / 255), [n, s, l] = He(e, r, a), [o, i, c] = Qe(n, s, l);
+  return bt(o / 100, i, c, t.alpha);
+}, Lt = (t) => {
+  const [e, r, a] = Ze(t.l * 100, t.a, t.b), [n, s, l] = Ge(e, r, a);
+  return A(
+    Math.round(d(it(n), 0, 1) * 255),
+    Math.round(d(it(s), 0, 1) * 255),
+    Math.round(d(it(l), 0, 1) * 255),
+    t.alpha
+  );
+}, sr = (t) => {
+  const e = jt(t), [r, a, n] = Je(e.l * 100, e.a, e.b);
+  return Jt(r / 100, a, n, t.alpha);
+}, lr = (t) => {
+  const [e, r, a] = tr(t.l * 100, t.c, t.h);
+  return Lt(bt(e / 100, r, a, t.alpha));
+}, or = (t) => {
+  const e = B(t.l * 100, 2), r = B(t.a, 4), a = B(t.b, 4);
+  return t.alpha >= 1 ? `lab(${e} ${r} ${a})` : `lab(${e} ${r} ${a} / ${t.alpha})`;
+}, ir = (t) => {
+  const e = B(t.l * 100, 2), r = B(t.c, 4), a = B(t.h, 4);
+  return t.alpha >= 1 ? `lch(${e} ${r} ${a})` : `lch(${e} ${r} ${a} / ${t.alpha})`;
+}, Xt = /^oklab\(\s*([\d.]+%?)\s+([-\d.]+)\s+([-\d.]+)\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i, Yt = /^oklch\(\s*([\d.]+%?)\s+([\d.]+)\s+([\d.]+)\s*(?:\/\s*([\d.]+%?)\s*)?\)$/i, L = (t) => t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4), ct = (t) => t <= 31308e-7 ? t * 12.92 : 1.055 * Math.pow(t, 1 / 2.4) - 0.055, Ht = (t, e, r) => {
+  const a = 0.4122214708 * t + 0.5363325363 * e + 0.0514459929 * r, n = 0.2119034982 * t + 0.6806995451 * e + 0.1073969566 * r, s = 0.0883024619 * t + 0.2817188376 * e + 0.6299787005 * r, l = Math.cbrt(a), o = Math.cbrt(n), i = Math.cbrt(s), c = 0.2104542553 * l + 0.793617785 * o - 0.0040720468 * i, w = 1.9779984951 * l - 2.428592205 * o + 0.4505937099 * i, f = 0.0259040371 * l + 0.7827717662 * o - 0.808675766 * i;
+  return [c, w, f];
+}, cr = (t, e, r) => {
+  const a = t + 0.3963377774 * e + 0.2158037573 * r, n = t - 0.1055613458 * e - 0.0638541728 * r, s = t - 0.0894841775 * e - 1.291485548 * r, l = a * a * a, o = n * n * n, i = s * s * s, c = 4.0767416621 * l - 3.3077115913 * o + 0.2309699292 * i, w = -1.2684380046 * l + 2.6097574011 * o - 0.3413193965 * i, f = -0.0041960863 * l - 0.7034186147 * o + 1.707614701 * i;
+  return [c, w, f];
+}, ur = (t, e, r) => {
+  const a = Math.sqrt(e * e + r * r);
+  let n = Math.atan2(r, e) * 180 / Math.PI;
+  return n < 0 && (n += 360), [t, a, n];
+}, hr = (t, e, r) => {
+  const a = r * Math.PI / 180, n = e * Math.cos(a), s = e * Math.sin(a);
+  return [t, n, s];
+}, Gt = (t) => t.endsWith("%") ? parseFloat(t) / 100 : parseFloat(t), pr = (t) => Xt.test(t.trim()), dr = (t) => {
+  const e = Xt.exec(t.trim());
+  if (!e) throw new R(`Invalid oklab color: '${t}'`);
+  return mt(
+    Gt(e[1]),
+    parseFloat(e[2]),
+    parseFloat(e[3]),
+    O(e[4])
+  );
+}, gr = (t) => Yt.test(t.trim()), br = (t) => {
+  const e = Yt.exec(t.trim());
+  if (!e) throw new R(`Invalid oklch color: '${t}'`);
+  return te(
+    Gt(e[1]),
+    parseFloat(e[2]),
+    parseFloat(e[3]),
+    O(e[4])
+  );
+}, mr = (t) => {
+  const e = L(t.r / 255), r = L(t.g / 255), a = L(t.b / 255), [n, s, l] = Ht(e, r, a);
+  return mt(n, s, l, t.alpha);
+}, Kt = (t) => {
+  const [e, r, a] = cr(t.l, t.a, t.b);
+  return A(
+    Math.round(d(ct(e), 0, 1) * 255),
+    Math.round(d(ct(r), 0, 1) * 255),
+    Math.round(d(ct(a), 0, 1) * 255),
+    t.alpha
+  );
+}, fr = (t) => {
+  const e = L(t.r / 255), r = L(t.g / 255), a = L(t.b / 255), [n, s, l] = Ht(e, r, a), [o, i, c] = ur(n, s, l);
+  return te(o, i, c, t.alpha);
+}, wr = (t) => {
+  const [e, r, a] = hr(t.l, t.c, t.h);
+  return Kt(mt(e, r, a, t.alpha));
+}, yr = (t) => {
+  const e = B(t.l, 5), r = B(t.a, 5), a = B(t.b, 5);
+  return t.alpha >= 1 ? `oklab(${e} ${r} ${a})` : `oklab(${e} ${r} ${a} / ${t.alpha})`;
+}, $r = (t) => {
+  const e = B(t.l, 5), r = B(t.c, 5), a = B(t.h, 2);
+  return t.alpha >= 1 ? `oklch(${e} ${r} ${a})` : `oklch(${e} ${r} ${a} / ${t.alpha})`;
+}, kr = (t, e, r, a = 1) => ({
+  space: "rgb",
+  r: d(t, 0, 1),
+  g: d(e, 0, 1),
+  b: d(r, 0, 1),
+  alpha: d(a, 0, 1)
+}), A = (t, e, r, a = 1) => ({
+  space: "rgb8",
+  r: j(t, 0, 255),
+  g: j(e, 0, 255),
+  b: j(r, 0, 255),
+  alpha: d(a, 0, 1)
+}), ht = (t, e, r, a = 1) => ({
+  space: "hsl",
+  h: U(t, 360),
+  s: d(e, 0, 1),
+  l: d(r, 0, 1),
+  alpha: d(a, 0, 1)
+}), Qt = (t, e, r, a = 1) => ({
+  space: "hsv",
+  h: U(t, 360),
+  s: d(e, 0, 1),
+  v: d(r, 0, 1),
+  alpha: d(a, 0, 1)
+}), Zt = (t, e, r, a = 1) => ({
+  space: "hwb",
+  h: U(t, 360),
+  w: d(e, 0, 1),
+  b: d(r, 0, 1),
+  alpha: d(a, 0, 1)
+}), bt = (t, e, r, a = 1) => ({
+  space: "lab",
+  l: d(t, 0, 1),
+  a: e,
+  b: r,
+  alpha: d(a, 0, 1)
+}), Jt = (t, e, r, a = 1) => ({
+  space: "lch",
+  l: d(t, 0, 1),
+  c: Math.max(0, e),
+  h: U(r, 360),
+  alpha: d(a, 0, 1)
+}), mt = (t, e, r, a = 1) => ({
+  space: "oklab",
+  l: d(t, 0, 1),
+  a: e,
+  b: r,
+  alpha: d(a, 0, 1)
+}), te = (t, e, r, a = 1) => ({
+  space: "oklch",
+  l: d(t, 0, 1),
+  c: Math.max(0, e),
+  h: U(r, 360),
+  alpha: d(a, 0, 1)
+}), O = (t) => t == null ? 1 : t.endsWith("%") ? d(parseFloat(t) / 100, 0, 1) : d(parseFloat(t), 0, 1), ee = (t) => A(
+  Math.round(t.r * 255),
+  Math.round(t.g * 255),
+  Math.round(t.b * 255),
+  t.alpha
+), Mr = (t) => kr(t.r / 255, t.g / 255, t.b / 255, t.alpha), re = (t) => {
+  const e = t.trim().toLowerCase();
+  if (e.startsWith("#") || e.startsWith("rgba") || e.startsWith("rgb(")) return "rgb8";
+  if (e.startsWith("hsla") || e.startsWith("hsl(")) return "hsl";
+  if (e.startsWith("hsva") || e.startsWith("hsv(")) return "hsv";
+  if (e.startsWith("hwb(")) return "hwb";
+  if (e.startsWith("oklab(")) return "oklab";
+  if (e.startsWith("oklch(")) return "oklch";
+  if (e.startsWith("lab(")) return "lab";
+  if (e.startsWith("lch(")) return "lch";
+  if (e in dt) return "rgb8";
+}, Hr = (t) => {
+  const e = re(t);
+  if (e == null) return !1;
+  switch (e) {
+    case "rgb8":
+      return Fe(t) || Te(t) || Ae(t);
+    case "hsl":
+      return We(t);
+    case "hsv":
+      return Pe(t);
+    case "hwb":
+      return ze(t);
+    case "lab":
+      return er(t);
+    case "lch":
+      return ar(t);
+    case "oklab":
+      return pr(t);
+    case "oklch":
+      return gr(t);
+    default:
+      return !1;
+  }
+}, ae = (t) => {
+  switch (re(t)) {
+    case "rgb8": {
+      const e = t.trim();
+      return e.startsWith("#") ? Ce(t) : /^rgba?\(/i.test(e) ? Se(t) : Ne(t);
+    }
+    case "hsl":
+      return Be(t);
+    case "hsv":
+      return Ue(t);
+    case "hwb":
+      return je(t);
+    case "lab":
+      return rr(t);
+    case "lch":
+      return nr(t);
+    case "oklab":
+      return dr(t);
+    case "oklch":
+      return br(t);
+    default:
+      throw new R(`Unrecognized color format: '${t}'`);
+  }
+}, vr = (t) => {
+  switch (t.space) {
+    case "rgb":
+      return ee(t);
+    case "rgb8":
+      return t;
+    case "hsl":
+      return Ee(t);
+    case "hsv":
+      return Oe(t);
+    case "hwb":
+      return Xe(t);
+    case "lab":
+      return Lt(t);
+    case "lch":
+      return lr(t);
+    case "oklab":
+      return Kt(t);
+    case "oklch":
+      return wr(t);
+  }
+}, Ir = (t, e) => {
+  switch (e) {
+    case "rgb":
+      return Mr(t);
+    case "rgb8":
+      return t;
+    case "hsl":
+      return De(t);
+    case "hsv":
+      return Ve(t);
+    case "hwb":
+      return Le(t);
+    case "lab":
+      return jt(t);
+    case "lch":
+      return sr(t);
+    case "oklab":
+      return mr(t);
+    case "oklch":
+      return fr(t);
+  }
+}, ft = (t, e) => t.space === e ? t : Ir(vr(t), e), ne = (t) => {
+  switch (t.space) {
+    case "rgb":
+      return vt(ee(t));
+    case "rgb8":
+      return vt(t);
+    case "hsl":
+      return Re(t);
+    case "hsv":
+      return qe(t);
+    case "hwb":
+      return Ye(t);
+    case "lab":
+      return or(t);
+    case "lch":
+      return ir(t);
+    case "oklab":
+      return yr(t);
+    case "oklch":
+      return $r(t);
+  }
+};
+function xr(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 _r(t) {
+  try {
+    const e = ft(ae(t), "rgb8");
+    return [e.r, e.g, e.b, e.alpha];
+  } catch {
+    return [0, 0, 0, 1];
+  }
+}
+function It(t, e, r) {
+  return ne(A(t, e, r));
+}
+function xt(t) {
+  try {
+    const e = ft(ae(t), "rgb8");
+    return { r: e.r, g: e.g, b: e.b };
+  } catch {
+    return null;
+  }
+}
+function Fr(t, e, r, a) {
+  return `rgba(${Math.round(t)}, ${Math.round(e)}, ${Math.round(r)}, ${Math.max(0, Math.min(1, Math.round(a * 100) / 100))})`;
+}
+function G(t, e, r, a, n) {
+  const s = A(Math.round(t), Math.round(e), Math.round(r), a), o = ft(s, n === "hex" ? "rgb8" : n === "rgba" ? "rgb" : n === "hsla" ? "hsl" : n === "rgb" ? "rgb" : n);
+  return ne(o);
+}
+function K(t, e) {
+  return e ? t === "rgb" ? "rgba" : t === "hsl" ? "hsla" : t : t === "rgba" ? "rgb" : t === "hsla" ? "hsl" : t;
+}
+function Cr(t, e) {
+  const [r, a, n] = t, s = r << 16 ^ a << 8 ^ n, l = xr(s), o = 6 + Math.floor(l() * 5), i = 0.18 + l() * 0.06, c = [];
+  for (let b = 0; b < o; b++) {
+    const m = b / o * Math.PI * 2, S = e * (1 + (l() * 2 - 1) * i), N = Math.cos(m) * S, F = Math.sin(m) * S;
+    c.push({ x: N, y: F });
+  }
+  const w = (c[0].x + c[o - 1].x) / 2, f = (c[0].y + c[o - 1].y) / 2;
+  let x = `M ${w.toFixed(3)} ${f.toFixed(3)}`;
+  for (let b = 0; b < o; b++) {
+    const m = c[b], S = c[(b + 1) % o], N = (m.x + S.x) / 2, F = (m.y + S.y) / 2;
+    x += ` Q ${m.x.toFixed(3)} ${m.y.toFixed(3)} ${N.toFixed(3)} ${F.toFixed(3)}`;
+  }
+  return x += " Z", x;
+}
+const Gr = (t) => {
+  const {
+    value: e,
+    onBlur: r,
+    onChange: a,
+    onInput: n,
+    displayValue: s,
+    swatchSize: l,
+    withAlpha: o
+  } = t, i = {
+    xs: 20,
+    sm: 26,
+    md: 32,
+    lg: 40,
+    xl: 52
+  }, c = l != null ? h.map(l, (p) => Number(p)) : h.map(
+    t.size ?? "md",
+    (p) => i[p] ?? 32
+  ), w = h.map(e, (p) => _r(p ?? "#000000")), f = h.map(
+    w,
+    ([p, M, _]) => [p, M, _]
+  ), x = h.map(w, ([, , , p]) => p), b = _t(h.get(x) ?? 1), m = h.map(o ?? !1, (p) => p), S = h.map(
+    t.colorTextFormat ?? "rgb",
+    (p) => p
+  ), N = V(
+    f,
+    b,
+    S,
+    m
+  )(
+    ([p, M, _], W, D, P) => G(p, M, _, W ?? 1, K(D, P))
+  ), F = h.map(
+    t.colorTextFormat ?? "hex",
+    (p) => p
+  ), y = h.map(c, (p) => `${-p / 2} ${-p / 2} ${p} ${p}`), g = V(
+    f,
+    c
+  )((p, M) => Cr(p, M / 2)), k = V(
+    f,
+    b,
+    m
+  )(
+    ([p, M, _], W, D) => D || W < 1 ? Fr(p, M, _, W) : It(p, M, _)
+  ), C = v.div(
+    u.class("bc-color-swatch-input__control"),
+    u.class(
+      h.map(
+        m,
+        (p) => p ? "bc-color-swatch-input__control--alpha" : ""
+      )
+    ),
+    u.style(V(c)((p) => `width:${p + 2}px;height:${p + 2}px`)),
+    // The SVG blob preview
+    yt.svg(
+      u.class("bc-color-swatch-input__svg"),
+      st.viewBox(y),
+      yt.path(st.d(g), st.fill(k))
+    ),
+    // Invisible native input overlays the blob for picker and accessibility
+    v.input(
+      u.type("color"),
+      Y(t),
+      // Native color input needs hex without alpha
+      u.value(h.map(f, ([p, M, _]) => It(p, M, _))),
+      u.class(
+        "bc-input bc-color-swatch-input bc-color-swatch-input__native"
+      ),
+      r != null ? $.blur(r) : T,
+      a != null ? $.change((p) => {
+        const M = p.target.value;
+        if (!a) return;
+        const { r: _, g: W, b: D } = xt(M) ?? { r: 0, g: 0, b: 0 }, P = h.get(b) ?? 1, q = K(
+          h.get(F),
+          h.get(m)
+        ), nt = G(_, W, D, P, q);
+        a(nt);
+      }) : T,
+      n != null ? $.input((p) => {
+        const M = p.target.value;
+        if (!n) return;
+        const { r: _, g: W, b: D } = xt(M) ?? { r: 0, g: 0, b: 0 }, P = h.get(b) ?? 1, q = K(
+          h.get(F),
+          h.get(m)
+        ), nt = G(_, W, D, P, q);
+        n(nt);
+      }) : T
+    )
+  ), I = Q(
+    m,
+    () => v.input(
+      u.type("range"),
+      u.class("bc-color-swatch-input__alpha"),
+      u.min(0),
+      u.max(1),
+      u.step(0.01),
+      u.value(h.map(b, (p) => String(p ?? 1))),
+      u.disabled(t.disabled),
+      $.input((p) => {
+        const M = parseFloat(p.target.value);
+        b.set(M);
+        const [_, W, D] = h.get(f), P = K(
+          h.get(F),
+          h.get(m)
+        ), q = G(_, W, D, M, P);
+        n?.(q);
+      }),
+      $.change((p) => {
+        const M = parseFloat(p.target.value);
+        b.set(M);
+        const [_, W, D] = h.get(f), P = K(
+          h.get(F),
+          h.get(m)
+        ), q = G(_, W, D, M, P);
+        a?.(q);
+      })
+    )
+  ), {
+    swatchSize: tt,
+    displayValue: et,
+    withAlpha: at,
+    colorTextFormat: wt,
+    ...rt
+  } = t;
+  return X({
+    baseContainer: !0,
+    ...rt,
+    // ensure our control does not try to grow
+    growInput: !1,
+    input: C,
+    // If caller provided an `after`, append RGB before it
+    after: Z(
+      Q(
+        s ?? !1,
+        () => v.span(u.class("bc-color-swatch-input__rgb"), N)
+      ),
+      I,
+      t.after
+    )
+  });
+}, Tr = (t) => typeof t == "string" && t.trim() === "" ? null : t, Sr = (t) => t ?? "";
+function H(t) {
+  return (e) => {
+    const { after: r, disabled: a } = e, n = Ct(e, Sr, Tr), s = J(
+      e.value,
+      a,
+      e.onChange ?? e.onInput
+    );
+    return t({
+      ...n,
+      after: r != null ? Z(s, r) : s
+    });
+  };
+}
+const Kr = ({
+  startEditing: t,
+  value: e,
+  onChange: r,
+  placeholder: a,
+  disabled: n
+}) => {
+  const s = h.deriveProp(t ?? !1), l = _t(!1), o = h.map(n ?? !1, (i) => i);
+  return v.div(
+    u.class("bc-editable-text"),
+    u.class(
+      h.map(
+        o,
+        (i) => i ? "bc-editable-text--disabled" : ""
+      )
+    ),
+    E.disabled(o),
+    Q(
+      s,
+      () => v.input(
+        u.placeholder(a),
+        u.value(e),
+        u.class("bc-editable-text__input"),
+        fe(),
+        $.keydown((i) => {
+          i.key === "Enter" ? s.set(!1) : i.key === "Escape" && (l.set(!0), s.set(!1));
+        }),
+        $.blur(
+          pt((i) => {
+            if (s.set(!1), l.value) {
+              l.set(!1);
+              return;
+            }
+            r(i);
+          })
+        )
+      ),
+      () => v.span(
+        $.click(() => {
+          h.get(o) || s.set(!0);
+        }),
+        u.class("bc-editable-text__display"),
+        Q(
+          h.map(e, (i) => i != null && i.trim() !== ""),
+          () => v.span(u.class("bc-editable-text__text"), e),
+          () => v.span(
+            u.class("bc-editable-text__placeholder"),
+            a
+          )
+        ),
+        Q(
+          h.map(o, (i) => !i),
+          () => v.button(
+            u.type("button"),
+            u.class("bc-editable-text__edit-button"),
+            se(be, (i) => E.label(i.$.editLabel)),
+            $.click(() => s.set(!0)),
+            ut({ icon: "line-md/pencil", color: "neutral" })
+          )
+        )
+      )
+    )
+  );
+}, Qr = (t) => {
+  const { value: e, onBlur: r, onChange: a, onInput: n, after: s, disabled: l } = t, o = J(e, l, a ?? n);
+  return X({
+    ...t,
+    input: Ft.date(
+      Y(t),
+      u.valueAsDate(e),
+      u.class("bc-input"),
+      r != null ? $.blur(pt(r)) : T,
+      a != null ? $.change($t(a)) : T,
+      n != null ? $.input($t(n)) : T
+    ),
+    after: s != null ? Z(o, s) : o
+  });
+}, Ar = (t) => {
+  const e = t.getFullYear(), r = t.getMonth() + 1, a = t.getDate(), n = t.getHours(), s = t.getMinutes(), l = t.getSeconds();
+  return `${e}-${r.toString().padStart(2, "0")}-${a.toString().padStart(2, "0")}T${n.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}`;
+}, Zr = (t) => {
+  const { value: e, onBlur: r, onChange: a, onInput: n, after: s, disabled: l } = t, o = h.map(e, (c) => c != null ? Ar(c) : null), i = J(e, l, a ?? n);
+  return X({
+    ...t,
+    input: Ft["datetime-local"](
+      Y(t),
+      u.value(h.map(o, (c) => c ?? null)),
+      u.class("bc-input"),
+      r != null ? $.blur(pt(r)) : T,
+      a != null ? $.change(kt(a)) : T,
+      n != null ? $.input(kt(n)) : T
+    ),
+    after: s != null ? Z(i, s) : i
+  });
+}, Jr = H(we), ta = H(ge), ea = H(ye), ra = H(
+  ue
+), aa = ({
+  value: t,
+  onChange: e,
+  onInput: r,
+  onBlur: a,
+  offLabel: n,
+  onLabel: s,
+  disabled: l = !1,
+  size: o = "md",
+  id: i,
+  color: c = "primary",
+  tabIndex: w = 0,
+  matchInputHeight: f = !0,
+  ariaLabel: x
+}) => {
+  const b = i ?? $e("switch");
+  function m(y, g) {
+    const k = [
+      "bc-switch",
+      `bc-switch--size-${g}`,
+      `bc-switch--${g}`
+    ];
+    return f && k.push("bc-switch--match-input"), y && k.push("bc-switch--disabled"), k.join(" ");
+  }
+  function S(y) {
+    const g = y ?? "primary", k = /* @__PURE__ */ new Map(), C = Mt(g, "solid", "light"), I = Mt(g, "solid", "dark");
+    return k.set("--switch-track-on-bg", C.backgroundColor), k.set("--switch-track-on-label", C.textColor), k.set("--switch-track-on-bg-dark", I.backgroundColor), k.set("--switch-track-on-label-dark", I.textColor), k.set(
+      "--switch-track-on-border-dark",
+      me(g, "dark")
+    ), Array.from(k.entries()).map(([tt, et]) => `${tt}: ${et}`).join("; ");
+  }
+  const N = () => {
+    h.get(l) || (e?.(!h.get(t)), r?.(!h.get(t)));
+  }, F = (y) => {
+    h.get(l) || (y.key === " " || y.key === "Enter") && (y.preventDefault(), N());
+  };
+  return v.div(
+    u.class(
+      V(
+        l ?? !1,
+        o
+      )(
+        (y, g) => m(y ?? !1, g ?? "md")
+      )
+    ),
+    u.style(
+      V(c)(
+        (y) => S(y)
+      )
+    ),
+    u.id(b),
+    u.role("switch"),
+    u.tabindex(
+      V(
+        l ?? !1,
+        w
+      )((y, g) => y ? -1 : g ?? 0)
+    ),
+    E.checked(t),
+    E.disabled(l),
+    x != null ? E.label(x) : null,
+    $.click(N),
+    $.keydown(F),
+    a != null ? $.blur(a) : null,
+    v.div(
+      u.class("bc-switch__track"),
+      u.class(
+        h.map(
+          t,
+          (y) => y ? "bc-switch__track--on" : "bc-switch__track--off"
+        )
+      ),
+      n != null ? v.div(
+        E.hidden(!0),
+        u.class("bc-switch__track-label bc-switch__track-label--off"),
+        u.class(
+          h.map(
+            t,
+            (y) => y ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
+          )
+        ),
+        n
+      ) : null,
+      s != null ? v.div(
+        u.class("bc-switch__track-label bc-switch__track-label--on"),
+        u.class(
+          h.map(
+            t,
+            (y) => y ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
+          )
+        ),
+        s
+      ) : null,
+      v.div(
+        u.class("bc-switch__thumb"),
+        u.class(
+          h.map(
+            t,
+            (y) => y ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
+          )
+        )
+      )
+    )
+  );
+}, na = H(he), Nr = "line-md:star-alt-filled", Wr = "line-md:star-alt", Br = (t) => {
+  const {
+    value: e,
+    onChange: r,
+    onInput: a,
+    disabled: n,
+    max: s = 5,
+    fullColor: l = "yellow",
+    emptyColor: o = "neutral",
+    activeIcon: i = Nr,
+    inactiveIcon: c = Wr,
+    size: w = "md",
+    onBlur: f,
+    rounding: x = 1
+  } = t, b = () => {
+    const g = h.get(x);
+    return g > 0 ? g : 1;
+  }, m = (g) => Math.min(Math.max(g, 0), h.get(s)), S = (g, k) => {
+    if (h.get(n ?? !1)) return;
+    const I = g.currentTarget.getBoundingClientRect(), tt = (g.clientX - I.left) / I.width, et = k - 1 + tt, at = b(), wt = Math.ceil(et / at) * at, rt = m(wt);
+    r?.(rt), a?.(rt);
+  }, N = (g) => {
+    if (h.get(n ?? !1)) return;
+    const k = b(), C = h.get(e) ?? 0;
+    let I;
+    switch (g.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        I = m(C + k);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        I = m(C - k);
+        break;
+      case "Home":
+        I = 0;
+        break;
+      case "End":
+        I = h.get(s);
+        break;
+      default:
+        return;
+    }
+    g.preventDefault(), r?.(I), a?.(I);
+  }, F = h.map(w, (g) => `bc-icon--${g}`), y = ({ index: g, counter: k }) => v.span(
+    u.class("bc-rating-input__icon-container"),
+    u.class(F),
+    $.click(
+      oe((C) => S(C, k), {
+        preventDefault: !0,
+        stopPropagation: !0
+      })
+    ),
+    ut(
+      {
+        icon: c,
+        size: w,
+        color: o,
+        tone: "soft"
+      },
+      u.class("bc-rating-input__icon-empty")
+    ),
+    v.span(
+      u.class("bc-rating-input__icon-clipper"),
+      u.class(F),
+      ie.width(
+        h.map(e, (C) => {
+          const I = Math.floor(C);
+          return I > g ? "100%" : I < g ? "0%" : `${(C - g) * 100}%`;
+        })
+      ),
+      ut(
+        {
+          icon: i,
+          size: w,
+          color: l,
+          tone: "soft"
+        },
+        u.class("bc-rating-input__icon-full")
+      )
+    )
+  );
+  return X({
+    baseContainer: !0,
+    growInput: !1,
+    focusableSelector: '[role="slider"]',
+    ...t,
+    input: v.div(
+      // Common input attributes (id, required, invalid, custom classes, etc.)
+      Y(t),
+      u.class("bc-rating-input"),
+      // ARIA slider semantics
+      u.role("slider"),
+      u.tabindex(h.map(n ?? !1, (g) => g ? -1 : 0)),
+      E.disabled(n ?? !1),
+      E.valuemin(0),
+      E.valuemax(h.map(s, (g) => g ?? 0)),
+      E.valuenow(h.map(e, (g) => g ?? 0)),
+      E.valuetext(
+        V(
+          e,
+          s
+        )((g, k) => {
+          const C = g ?? 0, I = k ?? 0;
+          return `${String(C)} / ${String(I)}`;
+        })
+      ),
+      // Keyboard & focus handlers
+      $.keydown(N),
+      f != null ? $.blur(f) : null,
+      le(s, y)
+    )
+  });
+}, sa = (t) => {
+  const { after: e, disabled: r } = t, a = Ct(
+    t,
+    (s) => s ?? 0,
+    (s) => s
+  ), n = J(
+    t.value,
+    r,
+    t.onChange ?? t.onInput
+  );
+  return Br({
+    ...a,
+    after: e != null ? Z(n, e) : n
+  });
+}, la = (t) => {
+  const { value: e, step: r, min: a, max: n, onBlur: s, onChange: l, onInput: o } = t;
+  return X({
+    ...t,
+    // Make sure clicks anywhere focus the range input
+    focusableSelector: 'input[type="range"]',
+    input: v.input(
+      u.type("range"),
+      Y(t),
+      u.min(a),
+      u.max(n),
+      u.step(r),
+      // Using value as number to keep it in sync
+      u.valueAsNumber(e),
+      u.class("bc-input bc-slider-input"),
+      s != null ? $.blur(z(s)) : T,
+      l != null ? $.change(z(l)) : T,
+      o != null ? $.input(z(o)) : T
+    )
+  });
+}, oa = (t) => {
+  const { value: e, step: r, min: a, max: n, onBlur: s, onChange: l, onInput: o } = t, i = h.map(e, (w) => {
+    if (w != null) return w;
+    const f = a != null ? h.get(a) : void 0;
+    return typeof f == "number" ? f : 0;
+  }), c = J(
+    e,
+    t.disabled,
+    l ?? o
+  );
+  return X({
+    ...t,
+    focusableSelector: 'input[type="range"]',
+    after: c,
+    input: v.input(
+      u.type("range"),
+      Y(t),
+      u.min(a),
+      u.max(n),
+      u.step(r),
+      u.valueAsNumber(i),
+      u.class("bc-input bc-slider-input"),
+      s != null ? $.blur(z(s)) : T,
+      l != null ? $.change(
+        z((w) => {
+          l(w);
+        })
+      ) : T,
+      o != null ? $.input(
+        z((w) => {
+          o(w);
+        })
+      ) : T
+    )
+  });
+}, ia = H(pe);
+class Dr {
+  widgets = /* @__PURE__ */ new Map();
+  typeMapping = /* @__PURE__ */ new Map();
+  // JSON Schema type -> widget names
+  /**
+   * Register a custom widget
+   */
+  register(e, r) {
+    if (this.widgets.set(e, r), r.supportedTypes)
+      for (const a of r.supportedTypes)
+        this.typeMapping.has(a) || this.typeMapping.set(a, []), this.typeMapping.get(a).push(e), this.typeMapping.get(a).sort((n, s) => {
+          const l = this.widgets.get(n)?.priority || 0;
+          return (this.widgets.get(s)?.priority || 0) - l;
+        });
+  }
+  /**
+   * Unregister a widget
+   */
+  unregister(e) {
+    const r = this.widgets.get(e);
+    if (r && (this.widgets.delete(e), r.supportedTypes))
+      for (const a of r.supportedTypes) {
+        const n = this.typeMapping.get(a);
+        if (n) {
+          const s = n.indexOf(e);
+          s >= 0 && n.splice(s, 1), n.length === 0 && this.typeMapping.delete(a);
+        }
+      }
+  }
+  /**
+   * 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((a) => this.widgets.get(a)).filter(Boolean);
+  }
+  /**
+   * Find the best widget for a schema context
+   */
+  findBestWidget(e) {
+    const r = ke(e.definition, e.name);
+    if (r?.widget) {
+      const n = this.widgets.get(r.widget);
+      if (n)
+        return { name: r.widget, registration: n, resolved: r };
+    }
+    const a = [];
+    for (const [n, s] of this.widgets.entries())
+      if (s.matcher)
+        try {
+          s.matcher(e) && a.push({
+            name: n,
+            registration: s,
+            priority: s.priority ?? 0
+          });
+        } catch (l) {
+          console.warn(`Error in matcher for widget "${n}":`, l);
+        }
+    if (a.length > 0) {
+      a.sort((s, l) => l.priority - s.priority);
+      const n = a[0];
+      return {
+        name: n.name,
+        registration: n.registration,
+        resolved: { widget: n.name, source: "heuristics" }
+      };
+    }
+    if (typeof e.definition == "object" && e.definition.type) {
+      const n = Array.isArray(e.definition.type) ? e.definition.type[0] : e.definition.type, s = this.getForType(n);
+      if (s.length > 0) {
+        const l = this.typeMapping.get(n)[0];
+        return {
+          name: l,
+          registration: s[0],
+          resolved: { widget: l, source: "type-fallback" }
+        };
+      }
+    }
+    return null;
+  }
+}
+const ca = new Dr();
+function ua(t, e, r) {
+  return {
+    factory: e,
+    matcher: (a) => {
+      const s = a.definition["x:ui"];
+      return s === t || typeof s == "object" && s !== null && s.widget === t;
+    },
+    displayName: r?.displayName ?? t,
+    priority: r?.priority ?? 100,
+    // High priority for explicit matches
+    ...r
+  };
+}
+function ha(t, e, r) {
+  return {
+    factory: e,
+    matcher: (a) => a.definition.format === t,
+    displayName: r?.displayName ?? `${t} widget`,
+    priority: r?.priority ?? 75,
+    ...r
+  };
+}
+function pa(t, e, r, a) {
+  return {
+    factory: r,
+    matcher: (n) => {
+      const s = n.definition;
+      return s.type === t && s.format === e;
+    },
+    displayName: a?.displayName ?? `${t}:${e} widget`,
+    priority: a?.priority ?? 80,
+    ...a
+  };
+}
+function da(t) {
+  const e = t?.logPrefix ?? "WIDGET_DIAG", r = t?.filterFn ?? (() => !0);
+  return {
+    factory: () => null,
+    displayName: "Diagnostic Widget (never matches)",
+    priority: -1e3,
+    // Very low priority, should never actually match
+    matcher: (a) => {
+      if (!r(a)) return !1;
+      const n = a.definition, s = {
+        name: a.name,
+        path: a.path.map(String),
+        type: n?.type,
+        hasRegistry: a.widgetRegistry !== void 0,
+        definition: n
+      };
+      return console.log(
+        `[${e}] name="${s.name ?? "ROOT"}" path=[${s.path.join(", ")}] type="${s.type ?? "unknown"}" hasRegistry=${s.hasRegistry}`
+      ), t?.onProcess?.(s), !1;
+    }
+  };
+}
+export {
+  _e as A,
+  Xr as B,
+  Gr as C,
+  Me as D,
+  Kr as E,
+  mt as F,
+  Qt as H,
+  bt as I,
+  Hr as M,
+  ta as N,
+  Br as R,
+  la as S,
+  ft as T,
+  Dr as W,
+  ra as a,
+  na as b,
+  ia as c,
+  ea as d,
+  Zr as e,
+  Qr as f,
+  ca as g,
+  Jr as h,
+  oa as i,
+  sa as j,
+  aa as k,
+  da as l,
+  ha as m,
+  pa as n,
+  ua as o,
+  ht as p,
+  Jt as q,
+  te as r,
+  A as s,
+  Zt as t,
+  kr as u,
+  ne as v,
+  ae as w,
+  Tr as x,
+  Sr as y,
+  re as z
+};