@tempots/beatui 0.20.0 → 0.22.0

package/dist/notice-DhynzVip.js

@@ -0,0 +1,2467 @@
+import { Use as O, Value as i, prop as K, html as $, attr as a, on as k, WithElement as ie, OnDispose as Z, aria as N, bind as $e, computedOf as B, style as fe, When as E, NotEmpty as Ge, Fragment as L, ForEach as de, svg as Ae, svgAttr as ge, Empty as S, emitValue as j, coalesce as Qe, Ensure as Pe, OneOfType as Je, Repeat as Oe, signal as Fe, input as ee, emitValueAsNullableDate as Ke, emitValueAsNullableDateTime as et, emitValueAsNumber as G, emit as tt, Task as Be, Unless as nt } from "@tempots/dom";
+import { f as st } from "./colors-5Nwx_gSj.js";
+import { g as rt } from "./timer-CQlK5LhW.js";
+import { ElementRect as je, AutoSelect as lt } from "@tempots/ui";
+import { B as W, e as P, f as at, C as me, I as z, g as H, h as ot, i as ct, j as He, k as ye, T as it, E as ut, P as pt, S as ne, s as ft, L as dt, l as mt, a as be, n as ve, O as ae, o as Ve } from "./translations-924E7r4Q.js";
+class ht extends Error {
+  constructor(t = "Missing implementation") {
+    super(t), this.name = "MissingImplementationError";
+  }
+}
+const pn = (e) => gt(e).split("_").join(" "), gt = (e) => (e = e.replace(/::/g, "/"), e = e.replace(/([A-Z]+)([A-Z][a-z])/g, "$1_$2"), e = e.replace(/([a-z\d])([A-Z])/g, "$1_$2"), e = e.replace(/-/g, "_"), e.toLowerCase()), fn = (e) => e.substring(0, 1).toUpperCase() + e.substring(1), bt = (e) => {
+  if (typeof Buffer < "u")
+    return Buffer.from(e, "base64").toString("utf8");
+  if (typeof atob < "u")
+    return atob(e);
+  throw new ht(
+    "No implementation found for base64 decoding"
+  );
+};
+function Le({
+  onChange: e,
+  value: t,
+  accept: r = "*/*",
+  enableClick: n = !0,
+  content: s,
+  disabled: o = !1,
+  allowMultiple: l
+}) {
+  return O(W, (u) => {
+    const c = i.deriveProp(t ?? []), f = K(!1), h = (g) => {
+      g.preventDefault(), g.stopPropagation(), f.value = !0;
+    }, d = (g) => {
+      g.preventDefault(), g.stopPropagation(), (!g.currentTarget || !g.currentTarget.contains(g.relatedTarget)) && (f.value = !1);
+    }, b = (g) => {
+      g.preventDefault(), g.stopPropagation(), f.value = !1;
+      const v = Array.from(g.dataTransfer?.files || []);
+      v.length > 0 && (c.value = v, e(v));
+    }, p = (g) => {
+      i.get(n) && g.currentTarget.querySelector(
+        'input[type="file"]'
+      )?.click();
+    };
+    let m = null;
+    const x = () => {
+      if (m == null) return;
+      const g = Array.from(m.files ?? []);
+      g.length > 0 && (c.value = g, e(g)), m.value = "";
+    }, _ = (g) => {
+      i.get(n) && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), p(g));
+    };
+    return $.div(
+      a.role("button"),
+      a.tabindex(
+        i.map(n, (g) => g ? 0 : -1)
+      ),
+      a.style("position: relative;"),
+      k.dragover(h),
+      k.dragleave(d),
+      k.drop(b),
+      k.click(p),
+      k.keydown(_),
+      // Hidden file input
+      $.input(
+        a.type("file"),
+        a.disabled(o),
+        a.accept(r),
+        a.multiple(l),
+        a.style(
+          "position: absolute; left: -9999px; opacity: 0; pointer-events: none;"
+        ),
+        k.change(x),
+        ie((g) => (m = g, Z(
+          c.on((v) => {
+            const T = globalThis.DataTransfer;
+            if (T != null) {
+              const C = new T();
+              v.forEach((y) => C.items.add(y)), g.files = C.files;
+            }
+          })
+        )))
+      ),
+      // Screen reader instructions
+      N.label($e(u.$.dropZoneInstructions)(n)),
+      // Content
+      s({ files: c, clear: () => c.value = [], change: c.set })
+    );
+  });
+}
+function vt(e, t) {
+  return e.length === t.length && e.every((r, n) => r === t[n]);
+}
+function xt(e, t) {
+  const r = ["bc-segmented-control", `bc-segmented-control--size-${e}`];
+  return t && r.push("bc-segmented-control--disabled"), r.join(" ");
+}
+function dn({
+  options: e,
+  value: t,
+  onChange: r,
+  size: n = "md",
+  disabled: s = !1
+}, ...o) {
+  const l = st(e).map(([u, c]) => ({
+    key: u,
+    label: c
+  }));
+  return ie(() => {
+    const u = Object.fromEntries(
+      l.map((f, h) => [f.key, h])
+    ), c = K(
+      l.map(() => ({ left: 0, width: 0 })),
+      vt
+    );
+    return $.div(
+      a.class(
+        B(
+          n,
+          s
+        )(
+          (f, h) => xt(f ?? "md", h ?? !1)
+        )
+      ),
+      $.div(
+        a.class("bc-segmented-control__container"),
+        $.div(
+          a.class("bc-segmented-control__indicator"),
+          fe.width(
+            B(
+              t,
+              c
+            )((f, h) => {
+              const { width: d } = h[u[f] ?? 0];
+              return `${d}px`;
+            })
+          ),
+          fe.left(
+            B(
+              t,
+              c
+            )((f, h) => {
+              const { left: d } = h[u[f] ?? 0];
+              return `${d}px`;
+            })
+          )
+        ),
+        // clickable buttons
+        l.map(({ label: f, key: h }, d) => $.button(
+          k.click((b) => {
+            b.preventDefault(), i.get(s) || r?.(h);
+          }),
+          a.disabled(s),
+          a.class("bc-segmented-control__segment"),
+          a.class(
+            i.map(t, (b) => b === h ? "bc-segmented-control__segment--active" : "bc-segmented-control__segment--inactive")
+          ),
+          je((b) => {
+            function p() {
+              c.update((x) => {
+                const _ = [...x];
+                return _[d] = {
+                  width: b.value.width,
+                  left: b.value.localLeft
+                }, _;
+              });
+            }
+            const m = rt(p);
+            return Z(m, b.on(p));
+          }),
+          f
+        ))
+      ),
+      ...o
+    );
+  });
+}
+function wt(e) {
+  const t = e.type.toLowerCase();
+  return t.startsWith("image/") && (t.includes("jpeg") || t.includes("jpg") || t.includes("png") || t.includes("gif") || t.includes("webp") || t.includes("svg"));
+}
+function _t(e) {
+  const t = e.type.toLowerCase();
+  return t.startsWith("image/") ? "vscode-icons:file-type-image" : t.startsWith("video/") ? "vscode-icons:file-type-video" : t.startsWith("audio/") ? "vscode-icons:file-type-audio" : t.includes("pdf") ? "vscode-icons:file-type-pdf2" : t.includes("word") || t.includes("document") ? "vscode-icons:file-type-word" : t.includes("excel") || t.includes("spreadsheet") ? "vscode-icons:file-type-excel" : t.includes("powerpoint") || t.includes("presentation") ? "vscode-icons:file-type-powerpoint" : t.includes("zip") || t.includes("archive") ? "vscode-icons:file-type-zip" : t.includes("text") ? "vscode-icons:file-type-text" : t.includes("json") ? "vscode-icons:file-type-json-official" : t.includes("csv") ? "vscode-icons:file-type-csv" : t.includes("xml") ? "vscode-icons:file-type-xml" : t.includes("yaml") ? "vscode-icons:file-type-yaml-official" : "vscode-icons:file-type-binary";
+}
+function Ee(e) {
+  return E(
+    e.map(wt),
+    () => {
+      const t = K(null);
+      return e.on((r) => {
+        t.value && URL.revokeObjectURL(t.value);
+        const n = URL.createObjectURL(r);
+        t.value = n;
+      }), $.div(
+        a.class("bc-file-input__thumbnail-container"),
+        $.img(
+          a.src(t),
+          a.alt(e.map((r) => r.name)),
+          a.class("bc-file-input__thumbnail"),
+          Z(() => {
+            t.value && URL.revokeObjectURL(t.value);
+          })
+        )
+      );
+    },
+    () => z({ icon: e.map(_t) })
+  );
+}
+const $t = (e, ...t) => {
+  const {
+    value: r = K([]),
+    accept: n = "*/*",
+    maxFiles: s,
+    maxFileSize: o,
+    onChange: l,
+    onBlur: u,
+    disabled: c,
+    hasError: f,
+    mode: h = "default",
+    showFileList: d = !0,
+    ...b
+  } = e, p = r, m = i.map(h, (C) => C === "compact"), x = (C) => {
+    let y = C;
+    if (s != null) {
+      const w = i.get(s);
+      y = y.slice(0, w);
+    }
+    if (o) {
+      const w = i.get(o);
+      y = y.filter((I) => I.size <= w);
+    }
+    l?.(y);
+  }, _ = (C) => {
+    const w = p.value.filter((I, M) => M !== C);
+    l?.(w);
+  }, g = () => {
+    l?.([]);
+  }, v = ({
+    files: C,
+    clear: y,
+    change: w
+  }) => O(
+    W,
+    (I) => $.div(
+      a.class("bc-file-input__drop-zone"),
+      $.div(
+        a.class(
+          "bc-file-input__drop-zone-content bc-file-input__drop-zone-content--empty"
+        ),
+        z({ icon: "mdi:cloud-upload-outline", size: "xl" }),
+        $.div(
+          a.class("bc-file-input__drop-zone-text"),
+          $e(I.$.filesInputInstructions)(
+            s,
+            o,
+            I.$.fileSizeUnits.value
+          )
+        )
+      )
+    )
+  ), T = ({
+    files: C
+  }) => O(
+    W,
+    (y) => $.div(
+      a.class("bc-file-input__compact-input"),
+      E(
+        C.map((w) => w.length > 0),
+        () => $.span(
+          a.class("bc-file-input__compact-value"),
+          de(
+            C,
+            (w) => $.span(
+              a.class("bc-file-input__compact-value-item"),
+              Ee(w),
+              $.span(
+                a.class("bc-file-input__compact-value-item-name"),
+                w.$.name
+              )
+            )
+          )
+        ),
+        () => $.span(
+          a.class("bc-file-input__compact-placeholder"),
+          z({ icon: "mdi:cloud-upload-outline", size: "sm" }),
+          " ",
+          $e(y.$.filesInputInstructions)(
+            s,
+            o,
+            y.$.fileSizeUnits.value
+          )
+        )
+      )
+    )
+  );
+  return O(
+    W,
+    (C) => P(
+      {
+        baseContainer: i.map(m, (y) => !y),
+        disabled: c,
+        hasError: f,
+        after: E(
+          m,
+          () => E(
+            p.map(({ length: y }) => y > 0),
+            () => me(
+              {
+                size: "sm",
+                label: C.$.clearAllFiles,
+                disabled: c,
+                onClick: g
+              },
+              a.class("bc-file-input__compact-clear")
+            )
+          )
+        ),
+        ...b,
+        input: E(
+          m,
+          () => $.div(
+            a.class("bc-file-input bc-file-input--compact"),
+            Le({
+              value: p,
+              accept: n,
+              enableClick: !0,
+              allowMultiple: i.map(s ?? 1 / 0, (y) => y > 1),
+              disabled: c,
+              onChange: x,
+              content: T
+            })
+          ),
+          () => $.div(
+            a.class("bc-file-input"),
+            Le({
+              value: p,
+              accept: n,
+              enableClick: !0,
+              allowMultiple: i.map(s ?? 1 / 0, (y) => y > 1),
+              disabled: c,
+              onChange: x,
+              content: v
+            }),
+            E(
+              d,
+              () => Ge(
+                p,
+                () => L(
+                  $.div(
+                    a.class("bc-file-input__file-list"),
+                    de(p, (y, w) => {
+                      const I = w.index;
+                      return $.div(
+                        a.class("bc-file-input__file-item"),
+                        $.div(
+                          a.class("bc-file-input__file-icon"),
+                          Ee(y)
+                        ),
+                        $.div(
+                          a.class("bc-file-input__file-info"),
+                          $.div(
+                            a.class("bc-file-input__file-name"),
+                            a.title(y.$.name),
+                            y.$.name
+                          ),
+                          $.div(
+                            a.class("bc-file-input__file-meta"),
+                            B(
+                              y.$.size,
+                              C.$.fileSizeUnits
+                            )(
+                              (M, A) => at(M, { units: A })
+                            ),
+                            " • ",
+                            B(
+                              y.$.type,
+                              C.$.unknownType
+                            )((M, A) => M || A)
+                          )
+                        ),
+                        me(
+                          {
+                            size: "sm",
+                            label: C.$.removeFile,
+                            disabled: c,
+                            onClick: () => _(I)
+                          },
+                          a.class("bc-file-input__remove-button")
+                        )
+                      );
+                    })
+                  ),
+                  E(
+                    p.map(({ length: y }) => y > 1),
+                    () => $.div(
+                      a.class(
+                        "bc-file-input__clear-all-button-container"
+                      ),
+                      $.button(
+                        a.type("button"),
+                        a.class("bc-file-input__clear-all-button"),
+                        a.disabled(c),
+                        C.$.clearAllFiles,
+                        k.click((y) => {
+                          y.preventDefault(), y.stopPropagation(), g();
+                        })
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      },
+      ...t
+    )
+  );
+};
+async function yt(e) {
+  return new Promise((t, r) => {
+    const n = new FileReader();
+    n.readAsDataURL(e), n.onload = () => {
+      const s = n.result;
+      t(s.split(",")[1]);
+    }, n.onerror = (s) => r(s);
+  });
+}
+function It(e) {
+  return Promise.all(e.map(yt));
+}
+function kt(e) {
+  if (e.length >= 4) {
+    if (e[0] === 137 && e[1] === 80 && e[2] === 78 && e[3] === 71)
+      return "image/png";
+    if (e[0] === 255 && e[1] === 216) return "image/jpeg";
+    if (e[0] === 71 && e[1] === 73 && e[2] === 70)
+      return "image/gif";
+    if (e[0] === 82 && e[1] === 73 && e[2] === 70 && e[3] === 70 && e.length >= 12 && e[8] === 87 && e[9] === 69 && e[10] === 66 && e[11] === 80)
+      return "image/webp";
+  }
+  try {
+    if (new TextDecoder("utf-8").decode(e.slice(0, 256)).includes("<svg")) return "image/svg+xml";
+  } catch {
+  }
+  return "application/octet-stream";
+}
+function Ct(e) {
+  const t = bt(e ?? ""), r = t.length, n = new Uint8Array(r);
+  for (let s = 0; s < r; s++) n[s] = t.charCodeAt(s);
+  return n;
+}
+function Mt(e) {
+  const {
+    value: t,
+    onChange: r,
+    onInput: n,
+    ...s
+  } = e, o = /* @__PURE__ */ new Map(), l = i.toSignal(t).map((h) => h.map((d, b) => {
+    const p = o.get(d), m = Ct(d ?? ""), x = p?.type || kt(m), _ = p?.name ?? `file-${b}`, g = m.buffer.slice(
+      m.byteOffset,
+      m.byteOffset + m.byteLength
+    ), v = new Blob([g], { type: x });
+    return new File([v], _, { type: x });
+  })), u = (h) => (d) => {
+    h && It(d).then((b) => {
+      for (const [p, m] of b.entries())
+        o.set(m, { name: d[p].name, type: d[p].type });
+      h(b);
+    });
+  }, c = u(r), f = u(n);
+  return $t({
+    ...s,
+    value: l,
+    onChange: c,
+    onInput: f
+  });
+}
+function mn(e) {
+  const {
+    value: t,
+    onInput: r,
+    onChange: n,
+    ...s
+  } = e;
+  return Mt({
+    ...s,
+    maxFiles: 1,
+    value: i.map(t, (o) => o == null ? [] : [o]),
+    onChange: (o) => {
+      n?.(o[0]);
+    },
+    onInput: (o) => {
+      r?.(o[0]);
+    }
+  });
+}
+function Ie(e) {
+  const t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
+  return t ? [parseInt(t[1], 16), parseInt(t[2], 16), parseInt(t[3], 16)] : [0, 0, 0];
+}
+function ke(e, t, r) {
+  const n = (s) => s.toString(16).padStart(2, "0");
+  return `#${n(Math.max(0, Math.min(255, e)))}${n(
+    Math.max(0, Math.min(255, t))
+  )}${n(Math.max(0, Math.min(255, r)))}`;
+}
+function Tt(e) {
+  if (!e) return [0, 0, 0, 1];
+  const r = e.trim().match(
+    /^#?([a-fA-F0-9]{3,4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/
+  );
+  if (r) {
+    const d = r[1];
+    if (d.length === 8) {
+      const b = parseInt(d.slice(0, 2), 16), p = parseInt(d.slice(2, 4), 16), m = parseInt(d.slice(4, 6), 16), x = parseInt(d.slice(6, 8), 16) / 255;
+      return [b, p, m, x];
+    }
+    if (d.length === 6)
+      return [
+        parseInt(d.slice(0, 2), 16),
+        parseInt(d.slice(2, 4), 16),
+        parseInt(d.slice(4, 6), 16),
+        1
+      ];
+    if (d.length === 4) {
+      const b = parseInt(d[0] + d[0], 16), p = parseInt(d[1] + d[1], 16), m = parseInt(d[2] + d[2], 16), x = parseInt(d[3] + d[3], 16) / 255;
+      return [b, p, m, x];
+    }
+    if (d.length === 3) {
+      const b = parseInt(d[0] + d[0], 16), p = parseInt(d[1] + d[1], 16), m = parseInt(d[2] + d[2], 16);
+      return [b, p, m, 1];
+    }
+  }
+  const n = e.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 s = e.match(
+    /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i
+  );
+  if (s)
+    return [parseInt(s[1], 10), parseInt(s[2], 10), parseInt(s[3], 10), 1];
+  const o = e.match(
+    /^hsla?\(\s*([+-]?[\d.]+)(?:deg)?\s*[ ,]?\s*([\d.]+)%\s*[ ,]?\s*([\d.]+)%\s*(?:[/,]\s*(\d?(?:\.\d+)?))?\s*\)$/i
+  );
+  if (o) {
+    const d = parseFloat(o[1]), b = parseFloat(o[2]), p = parseFloat(o[3]), m = o[4] != null ? parseFloat(o[4]) : 1, [x, _, g] = We(d, b / 100, p / 100);
+    return [x, _, g, m];
+  }
+  const l = e.match(
+    /^hwb\(\s*([+-]?[\d.]+)(?:deg)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%\s*(?:[/]\s*(\d?(?:\.\d+)?))?\s*\)$/i
+  );
+  if (l) {
+    const d = parseFloat(l[1]), b = parseFloat(l[2]) / 100, p = parseFloat(l[3]) / 100, m = l[4] != null ? parseFloat(l[4]) : 1, [x, _, g] = At(d, b, p);
+    return [x, _, g, m];
+  }
+  const u = e.match(
+    /^oklch\(\s*([+-]?[\d.]+%?)\s+([\d.]+)\s+([+-]?[\d.]+)(?:deg)?(?:\s*\/\s*(\d?(?:\.\d+)?))?\s*\)$/i
+  );
+  if (u) {
+    const d = u[1], b = parseFloat(u[2]), p = parseFloat(u[3]), m = u[4] != null ? parseFloat(u[4]) : 1, x = d.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(d) / 100)) : Math.max(0, Math.min(1, parseFloat(d))), [_, g, v] = Bt(x, b, p);
+    return [_, g, v, m];
+  }
+  const [c, f, h] = Ie(e);
+  return [c, f, h, 1];
+}
+const Dt = (e, t, r, n) => `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(r)}, ${Math.max(
+  0,
+  Math.min(1, Math.round(n * 100) / 100)
+)})`;
+function St(e) {
+  let t = e + 1831565813;
+  return function() {
+    return t = Math.imul(t ^ t >>> 15, t | 1), t ^= t + Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+function We(e, t, r) {
+  e = (e % 360 + 360) % 360;
+  const n = (1 - Math.abs(2 * r - 1)) * t, s = n * (1 - Math.abs(e / 60 % 2 - 1)), o = r - n / 2;
+  let l = 0, u = 0, c = 0;
+  return 0 <= e && e < 60 ? [l, u, c] = [n, s, 0] : 60 <= e && e < 120 ? [l, u, c] = [s, n, 0] : 120 <= e && e < 180 ? [l, u, c] = [0, n, s] : 180 <= e && e < 240 ? [l, u, c] = [0, s, n] : 240 <= e && e < 300 ? [l, u, c] = [s, 0, n] : [l, u, c] = [n, 0, s], [
+    Math.round((l + o) * 255),
+    Math.round((u + o) * 255),
+    Math.round((c + o) * 255)
+  ];
+}
+function At(e, t, r) {
+  e = (e % 360 + 360) % 360;
+  const n = t + r;
+  n > 1 && (t /= n, r /= n);
+  const [s, o, l] = We(e, 1, 0.5).map((d) => d / 255), u = 1 - t - r, c = s * u + t, f = o * u + t, h = l * u + t;
+  return [Math.round(c * 255), Math.round(f * 255), Math.round(h * 255)];
+}
+function Ce(e, t, r) {
+  e /= 255, t /= 255, r /= 255;
+  const n = Math.max(e, t, r), s = Math.min(e, t, r);
+  let o = 0, l = 0;
+  const u = (n + s) / 2, c = n - s;
+  if (c !== 0) {
+    switch (l = u > 0.5 ? c / (2 - n - s) : c / (n + s), n) {
+      case e:
+        o = (t - r) / c + (t < r ? 6 : 0);
+        break;
+      case t:
+        o = (r - e) / c + 2;
+        break;
+      default:
+        o = (e - t) / c + 4;
+    }
+    o *= 60;
+  }
+  return [Math.round(o), Math.round(l * 100), Math.round(u * 100)];
+}
+function Ft(e, t, r) {
+  const [n] = Ce(e, t, r), s = e / 255, o = t / 255, l = r / 255, u = Math.min(s, o, l), c = 1 - Math.max(s, o, l);
+  return [n, Math.round(u * 100), Math.round(c * 100)];
+}
+function xe(e) {
+  const t = e / 255;
+  return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
+}
+function we(e) {
+  const t = e <= 31308e-7 ? 12.92 * e : 1.055 * Math.pow(e, 0.4166666666666667) - 0.055;
+  return Math.round(Math.max(0, Math.min(1, t)) * 255);
+}
+function Bt(e, t, r) {
+  const n = r * Math.PI / 180, s = Math.cos(n) * t, o = Math.sin(n) * t, l = e + 0.3963377774 * s + 0.2158037573 * o, u = e - 0.1055613458 * s - 0.0638541728 * o, c = e - 0.0894841775 * s - 1.291485548 * o, f = l * l * l, h = u * u * u, d = c * c * c, b = 4.0767416621 * f - 3.3077115913 * h + 0.2309699292 * d, p = -1.2684380046 * f + 2.6097574011 * h - 0.3413193965 * d, m = -0.0041960863 * f - 0.7034186147 * h + 1.707614701 * d;
+  return [we(b), we(p), we(m)];
+}
+function Vt(e, t, r) {
+  const n = xe(e), s = xe(t), o = xe(r), l = 0.4122214708 * n + 0.5363325363 * s + 0.0514459929 * o, u = 0.2119034982 * n + 0.6806995451 * s + 0.1073969566 * o, c = 0.0883024619 * n + 0.2817188376 * s + 0.6299787005 * o, f = Math.cbrt(l), h = Math.cbrt(u), d = Math.cbrt(c), b = 0.2104542553 * f + 0.793617785 * h - 0.0040720468 * d, p = 1.9779984951 * f - 2.428592205 * h + 0.4505937099 * d, m = 0.0259040371 * f + 0.7827717662 * h - 0.808675766 * d, x = Math.sqrt(p * p + m * m);
+  let _ = Math.atan2(m, p) * 180 / Math.PI;
+  return _ < 0 && (_ += 360), [b, x, _];
+}
+function oe(e, t, r, n, s, o) {
+  switch (s) {
+    case "hex":
+      if (o) {
+        const l = (c) => c.toString(16).padStart(2, "0"), u = Math.max(0, Math.min(255, Math.round(n * 255)));
+        return `#${l(e)}${l(t)}${l(r)}${l(u)}`;
+      }
+      return ke(e, t, r);
+    case "rgb":
+      return `rgb(${e}, ${t}, ${r})`;
+    case "rgba":
+      return `rgba(${e}, ${t}, ${r}, ${Math.round(n * 100) / 100})`;
+    case "hsl": {
+      const [l, u, c] = Ce(e, t, r);
+      return `hsl(${l}, ${u}%, ${c}%)`;
+    }
+    case "hsla": {
+      const [l, u, c] = Ce(e, t, r);
+      return `hsla(${l}, ${u}%, ${c}%, ${Math.round(n * 100) / 100})`;
+    }
+    case "hwb": {
+      const [l, u, c] = Ft(e, t, r);
+      return n < 1 ? `hwb(${l} ${u}% ${c}% / ${Math.round(n * 100) / 100})` : `hwb(${l} ${u}% ${c}%)`;
+    }
+    case "oklch": {
+      const [l, u, c] = Vt(e, t, r), f = (Math.round(l * 1e3) / 1e3).toFixed(3), h = (Math.round(u * 1e3) / 1e3).toFixed(3), d = (Math.round(c * 10) / 10).toFixed(1), b = Math.round(n * 100) / 100;
+      return o || n < 1 ? `oklch(${f} ${h} ${d} / ${b})` : `oklch(${f} ${h} ${d})`;
+    }
+  }
+}
+function ce(e, t) {
+  return t ? e === "rgb" ? "rgba" : e === "hsl" ? "hsla" : e : e === "rgba" ? "rgb" : e === "hsla" ? "hsl" : e;
+}
+function Lt(e, t) {
+  const [r, n, s] = e, o = r << 16 ^ n << 8 ^ s, l = St(o), u = 6 + Math.floor(l() * 5), c = 0.18 + l() * 0.06, f = [];
+  for (let p = 0; p < u; p++) {
+    const m = p / u * Math.PI * 2, x = t * (1 + (l() * 2 - 1) * c), _ = Math.cos(m) * x, g = Math.sin(m) * x;
+    f.push({ x: _, y: g });
+  }
+  const h = (f[0].x + f[u - 1].x) / 2, d = (f[0].y + f[u - 1].y) / 2;
+  let b = `M ${h.toFixed(3)} ${d.toFixed(3)}`;
+  for (let p = 0; p < u; p++) {
+    const m = f[p], x = f[(p + 1) % u], _ = (m.x + x.x) / 2, g = (m.y + x.y) / 2;
+    b += ` Q ${m.x.toFixed(3)} ${m.y.toFixed(3)} ${_.toFixed(3)} ${g.toFixed(3)}`;
+  }
+  return b += " Z", b;
+}
+const hn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, displayValue: o, size: l, withAlpha: u } = e, c = i.map(l ?? 32, (w) => w), f = i.map(t, (w) => Tt(w ?? "#000000")), h = i.map(
+    f,
+    ([w, I, M]) => [w, I, M]
+  ), d = i.map(f, ([, , , w]) => w), b = K(i.get(d) ?? 1), p = i.map(u ?? !1, (w) => w), m = i.map(
+    e.colorTextFormat ?? "rgb",
+    (w) => w
+  ), x = B(
+    h,
+    b,
+    m,
+    p
+  )(
+    ([w, I, M], A, F, D) => oe(w, I, M, A ?? 1, ce(F, D), D)
+  ), _ = i.map(
+    e.colorTextFormat ?? "hex",
+    (w) => w
+  ), g = i.map(c, (w) => `-${w / 2} -${w / 2} ${w} ${w}`), v = B(
+    h,
+    c
+  )((w, I) => Lt(w, I / 2)), T = B(
+    h,
+    b,
+    p
+  )(
+    ([w, I, M], A, F) => F || A < 1 ? Dt(w, I, M, A) : ke(w, I, M)
+  ), C = $.div(
+    a.class("bc-color-input__control"),
+    a.class(
+      i.map(
+        p,
+        (w) => w ? "bc-color-input__control--alpha" : ""
+      )
+    ),
+    a.style(B(c)((w) => `min-width:${w}px;height:${w}px`)),
+    // The SVG blob preview
+    Ae.svg(
+      a.class("bc-color-input__svg"),
+      ge.viewBox(g),
+      Ae.path(ge.d(v), ge.fill(T))
+    ),
+    // Invisible native input overlays the blob for picker and accessibility
+    $.input(
+      a.type("color"),
+      H(e),
+      // Native color input needs hex without alpha
+      a.value(i.map(h, ([w, I, M]) => ke(w, I, M))),
+      a.class("bc-input bc-color-input bc-color-input__native"),
+      r != null ? k.blur(r) : S,
+      n != null ? k.change((w) => {
+        const I = w.target.value;
+        if (!n) return;
+        const [M, A, F] = Ie(I), D = i.get(b) ?? 1, V = ce(
+          i.get(_),
+          i.get(p)
+        ), R = oe(M, A, F, D, V, i.get(p));
+        n(R);
+      }) : S,
+      s != null ? k.input((w) => {
+        const I = w.target.value;
+        if (!s) return;
+        const [M, A, F] = Ie(I), D = i.get(b) ?? 1, V = ce(
+          i.get(_),
+          i.get(p)
+        ), R = oe(M, A, F, D, V, i.get(p));
+        s(R);
+      }) : S
+    )
+  ), y = E(
+    p,
+    () => $.input(
+      a.type("range"),
+      a.class("bc-color-input__alpha"),
+      a.min(0),
+      a.max(1),
+      a.step(0.01),
+      a.value(i.map(b, (w) => String(w ?? 1))),
+      a.disabled(e.disabled),
+      k.input((w) => {
+        const I = parseFloat(w.target.value);
+        b.set(I);
+        const [M, A, F] = i.get(h), D = ce(
+          i.get(_),
+          i.get(p)
+        ), V = oe(M, A, F, I, D, i.get(p));
+        s?.(V);
+      }),
+      k.change((w) => {
+        const I = parseFloat(w.target.value);
+        b.set(I);
+        const [M, A, F] = i.get(h), D = ce(
+          i.get(_),
+          i.get(p)
+        ), V = oe(M, A, F, I, D, i.get(p));
+        n?.(V);
+      })
+    )
+  );
+  return P({
+    baseContainer: !0,
+    ...e,
+    // ensure our control does not try to grow
+    growInput: !1,
+    input: C,
+    // If caller provided an `after`, append RGB before it
+    after: L(
+      E(
+        o ?? !1,
+        () => $.span(a.class("bc-color-input__rgb"), x)
+      ),
+      y,
+      e.after
+    )
+  });
+}, Te = "$$tts-exp-", Et = (e, t) => ie((r) => {
+  const n = `${Te}${e}`;
+  return Z(i.on(t, (s) => Reflect.set(r, n, s)));
+}), gn = (e, t) => {
+  const r = `${Te}${e}`;
+  return (n) => {
+    t(Reflect.get(n.target, r));
+  };
+}, Ut = (e, t) => {
+  const r = `${Te}${e}`;
+  return (n) => {
+    const s = n.target, o = s.selectedIndex, l = s.options[o];
+    t(Reflect.get(l, r));
+  };
+};
+function Nt(e, t, r) {
+  const n = ["bc-card"];
+  return e !== "default" && n.push(`bc-card--${e}`), t !== "md" && n.push(`bc-card--padding-${t}`), r !== "lg" && n.push(`bc-card--rounded-${r}`), n.join(" ");
+}
+function bn({ variant: e = "default", size: t = "md", roundedness: r = "lg" } = {}, ...n) {
+  return $.div(
+    a.class(
+      B(
+        e,
+        t,
+        r
+      )(
+        (s, o, l) => Nt(
+          s ?? "default",
+          o ?? "md",
+          l ?? "lg"
+        )
+      )
+    ),
+    ...n
+  );
+}
+function pe(...e) {
+  return $.div(a.class("bc-group"), ...e);
+}
+const vn = ({
+  startEditing: e,
+  value: t,
+  onChange: r,
+  placeholder: n,
+  disabled: s
+}) => {
+  const o = i.deriveProp(e ?? !1), l = K(!1), u = i.map(s ?? !1, (c) => c);
+  return $.div(
+    a.class("bc-editable-text"),
+    a.class(
+      i.map(
+        u,
+        (c) => c ? "bc-editable-text--disabled" : ""
+      )
+    ),
+    N.disabled(u),
+    E(
+      o,
+      () => $.input(
+        a.placeholder(n),
+        a.value(t),
+        a.class("bc-editable-text__input"),
+        lt(),
+        k.keydown((c) => {
+          c.key === "Enter" ? o.set(!1) : c.key === "Escape" && (l.set(!0), o.set(!1));
+        }),
+        k.blur(
+          j((c) => {
+            if (o.set(!1), l.value) {
+              l.set(!1);
+              return;
+            }
+            r(c);
+          })
+        )
+      ),
+      () => $.span(
+        k.click(() => {
+          i.get(u) || o.set(!0);
+        }),
+        a.class("bc-editable-text__display"),
+        E(
+          i.map(t, (c) => c != null && c.trim() !== ""),
+          () => $.span(a.class("bc-editable-text__text"), t),
+          () => $.span(
+            a.class("bc-editable-text__placeholder"),
+            n
+          )
+        ),
+        E(
+          i.map(u, (c) => !c),
+          () => $.button(
+            a.class("bc-editable-text__edit-button"),
+            O(W, (c) => N.label(c.$.editLabel)),
+            k.click(() => o.set(!0)),
+            z({ icon: "line-md/pencil", color: "neutral" })
+          )
+        )
+      )
+    )
+  );
+}, Ze = (e, t, r) => Pe(
+  e,
+  (n) => Je(n, {
+    value: (s) => {
+      const o = B(
+        s,
+        r
+      )((l, u) => t(l.value, u));
+      return $.option(
+        Z(o.dispose),
+        a.selected(o),
+        Et("value", s.$.value),
+        s.$.label
+      );
+    },
+    group: (s) => $.optgroup(
+      a.label(s.$.group),
+      de(
+        s.$.options,
+        (o) => Ze(
+          o,
+          t,
+          r
+        )
+      )
+    ),
+    break: () => $.hr()
+  })
+), zt = (e) => {
+  const {
+    value: t,
+    onBlur: r,
+    onChange: n,
+    options: s,
+    unselectedLabel: o,
+    equality: l = (f, h) => f === h,
+    after: u
+  } = e;
+  let c;
+  return P(
+    {
+      ...e,
+      after: L(
+        z({
+          icon: "ph:caret-down-bold",
+          color: "neutral",
+          size: "sm"
+        }),
+        u
+      ),
+      input: $.select(
+        ie((f) => {
+          c = f;
+          const h = new MutationObserver((d) => {
+            const { removedNodes: b } = d[0];
+            b.length > 0 && (c.selectedIndex = 0);
+          });
+          return h.observe(f, { childList: !0 }), Z(() => h.disconnect());
+        }),
+        H(e),
+        a.class("bc-native-select bc-input"),
+        O(
+          W,
+          (f) => $.option(
+            a.hidden("hidden"),
+            Qe(o, f.$.selectOne)
+          )
+        ),
+        de(s, (f) => Ze(f, l, t)),
+        r != null ? k.blur(r) : S,
+        n != null ? k.change(Ut("value", (f) => n(f))) : S
+      )
+    },
+    k.click(() => {
+      c?.focus(), typeof c?.showPicker == "function" && c.showPicker();
+    })
+  );
+};
+function Rt(e) {
+  const { controller: t, onChange: r, onBlur: n, ...s } = e;
+  return zt({
+    ...s,
+    value: t.value,
+    onChange: ct(t, r),
+    onBlur: ot(t, n)
+  });
+}
+function xn(e) {
+  return He({
+    ...e,
+    content: Rt(e)
+  });
+}
+function Pt(e, t, r) {
+  const n = e.length.map((s) => s);
+  return L(
+    Z(() => n.dispose()),
+    Oe(
+      n,
+      (s) => {
+        const o = e.item(s.index), l = [];
+        return L(
+          Z(() => {
+            o.dispose(), l.forEach((u) => u());
+          }),
+          t({
+            list: e,
+            item: o,
+            position: s,
+            remove: () => e.removeAt(s.index),
+            move: (u) => {
+              switch (u) {
+                case "up":
+                  if (s.index === 0) return;
+                  e.move(s.index, s.index - 1);
+                  break;
+                case "down":
+                  if (s.index === e.length.value - 1) return;
+                  e.move(s.index, s.index + 1);
+                  break;
+                case "first":
+                  e.move(s.index, 0);
+                  break;
+                case "last":
+                  e.move(s.index, e.length.value - 1);
+              }
+            },
+            canMove: (u) => {
+              const c = (() => {
+                switch (u) {
+                  case "up":
+                    return Fe(s.index > 0);
+                  case "down":
+                    return e.length.map((f) => s.index < f - 1);
+                }
+              })();
+              return l.push(() => c.dispose()), c;
+            },
+            cannotMove: (u) => {
+              const c = (() => {
+                switch (u) {
+                  case "up":
+                    return Fe(s.index === 0);
+                  case "down":
+                    return e.length.map((f) => s.index === f - 1);
+                }
+              })();
+              return l.push(() => c.dispose()), c;
+            }
+          })
+        );
+      },
+      r
+    )
+  );
+}
+const Ue = {
+  9: { pattern: /^[0-9]$/ },
+  A: { pattern: /^[A-Za-z]$/, transform: (e) => e.toUpperCase() },
+  "*": { pattern: /^.$/ }
+}, Ot = (e) => e instanceof RegExp;
+function Ye(e, t, r) {
+  if (e == null) return [];
+  const n = r ? { ...Ue, ...t } : t ?? Ue, s = (l, u) => {
+    const c = n[u];
+    c ? l.push({ type: "pattern", name: u, ...c }) : l.push({ type: "literal", char: u });
+  }, o = [];
+  if (typeof e == "string") {
+    for (const l of e) s(o, l);
+    return o;
+  }
+  for (const l of e)
+    if (typeof l == "string")
+      if (l.length <= 1) s(o, l);
+      else for (const u of l) s(o, u);
+    else Ot(l) ? o.push({ type: "pattern", pattern: l }) : typeof l == "object" && l && o.push(l);
+  return o;
+}
+function jt(e, t) {
+  return (r) => {
+    switch (e) {
+      case "digits":
+        return /[0-9]/.test(r);
+      case "letters":
+        return /[A-Za-z]/.test(r);
+      case "alphanumeric":
+        return /[A-Za-z0-9]/.test(r);
+      case "custom":
+        return t?.(r) ?? !0;
+      default:
+        return !0;
+    }
+  };
+}
+function Ne(e, t, r, n, s, o) {
+  const l = {
+    raw: e,
+    previousConformed: t,
+    cursor: s ?? e.length,
+    completed: !1
+  }, u = n.definitions ?? {}, c = typeof r == "function" ? r(e, l) : r, f = Ye(
+    c,
+    u,
+    n.useDefaultDefinitions ?? !0
+  ), h = jt(n.allowMode, n.allow), d = /* @__PURE__ */ new Set();
+  for (const D of f) D.type === "literal" && d.add(D.char);
+  if (n.prefix) for (const D of n.prefix) d.add(D);
+  if (n.suffix) for (const D of n.suffix) d.add(D);
+  const b = Array.from(e).filter((D) => h(D) && !d.has(D));
+  if (b.length === 0) return { value: "", cursor: 0, completed: !1 };
+  const p = [], m = [];
+  let x = 0, _ = 0, g = 0, v = -1;
+  for (const D of f) {
+    if (D.type === "literal") {
+      p.push(D.char), m.push({ kind: "literal", filled: !0 });
+      continue;
+    }
+    _ += D.optional ? 0 : 1;
+    const V = b[x];
+    if (V == null)
+      break;
+    if (D.type === "any") {
+      g++, p.push(D.transform ? D.transform(V) : V), m.push({ kind: "slot", filled: !0 }), v = m.length - 1, x++;
+      continue;
+    }
+    if (D.type === "pattern")
+      if (D.pattern.test(V)) {
+        g++;
+        const R = D.transform ? D.transform(V) : V;
+        p.push(R), m.push({ kind: "slot", filled: !0 }), v = m.length - 1, x++;
+      } else {
+        x++;
+        continue;
+      }
+  }
+  const T = p.join(""), C = (n.prefix ?? "") + T + (n.suffix ?? "");
+  let w = (n.prefix ?? "").length;
+  if (v >= 0) {
+    let D = v + 1;
+    if ((o?.policy ?? "smart") !== "sticky")
+      for (; D < m.length && m[D].kind === "literal"; ) D++;
+    w += D;
+  }
+  const I = n.completion?.mode === "min" ? (n.completion.minChars ?? 0) <= g : n.completion?.mode === "custom" ? !!n.completion.isComplete?.(C) : _ > 0 && g >= _, M = n.pipe?.(C, { ...l, completed: I });
+  let A, F = w;
+  return M === !1 ? (A = t, F = t.length) : typeof M == "string" ? (A = M, F = M.length) : typeof M == "object" && M ? (A = M.value, F = M.cursor ?? M.value.length) : A = C, { value: A, cursor: F, completed: I };
+}
+function Ht(e, t) {
+  const r = t?.strategy ?? "none";
+  return r === "custom" && t?.unmask ? t.unmask(e) : r === "strip" ? e.replace(/[^A-Za-z0-9]/g, "") : e;
+}
+const Xe = (e) => {
+  const {
+    value: t,
+    onBlur: r,
+    onChange: n,
+    onInput: s,
+    onAccept: o,
+    onComplete: l,
+    mask: u,
+    definitions: c,
+    useDefaultDefinitions: f,
+    extraLiterals: h,
+    prefix: d,
+    suffix: b,
+    autofix: p,
+    pipe: m,
+    completion: x,
+    unmask: _,
+    allowMode: g,
+    allow: v,
+    placeholder: T,
+    placeholderOptions: C
+  } = e, y = B(
+    t,
+    u,
+    c,
+    f,
+    h,
+    d,
+    b,
+    p,
+    x,
+    _,
+    g,
+    T,
+    C
+  )((I, M, A, F, D, V, R, re, le, te, Q, ue, q) => M ? Ne(I ?? "", "", M, {
+    definitions: A ?? {},
+    useDefaultDefinitions: F ?? !0,
+    extraLiterals: D ?? [],
+    autofix: re ?? "none",
+    completion: le ?? { mode: "mask" },
+    pipe: m ?? ((U) => U),
+    unmask: te ?? { strategy: "none" },
+    allowMode: Q ?? "all",
+    allow: v,
+    prefix: V,
+    suffix: R
+  }).value : I ?? ""), w = (I, M) => {
+    const A = I.value ?? "", F = i.get(t) ?? "", D = u != null ? i.get(u) : null, V = c != null ? i.get(c) : void 0, R = f != null ? i.get(f) : void 0, re = h != null ? i.get(h) : void 0, le = p != null ? i.get(p) : void 0, te = x != null ? i.get(x) : void 0, Q = _ != null ? i.get(_) : void 0, ue = g != null ? i.get(g) : void 0, q = d != null ? i.get(d) : void 0, U = b != null ? i.get(b) : void 0, {
+      value: J,
+      cursor: he,
+      completed: De
+    } = D ? Ne(
+      A,
+      F,
+      D,
+      {
+        definitions: V ?? {},
+        useDefaultDefinitions: R ?? !0,
+        extraLiterals: re ?? [],
+        autofix: le ?? "none",
+        completion: te ?? { mode: "mask" },
+        pipe: m ?? ((qe) => qe),
+        unmask: Q ?? { strategy: "none" },
+        allowMode: ue ?? "all",
+        allow: v,
+        prefix: q,
+        suffix: U
+      },
+      I.selectionStart ?? A.length,
+      e.cursor ? i.get(e.cursor) : void 0
+    ) : { value: A, cursor: A.length, completed: !0 };
+    if (J !== A) {
+      I.value = J;
+      try {
+        I.setSelectionRange(he, he);
+      } catch {
+      }
+    }
+    const Se = Ht(J, Q);
+    o?.({
+      raw: Se,
+      conformed: J,
+      completed: De,
+      cursor: he
+    }), M === "input" ? s?.(J) : (n?.(J), De && l?.({ raw: Se, conformed: J }));
+  };
+  return P({
+    ...e,
+    input: ee.text(
+      H(e),
+      a.value(y),
+      a.class("bc-input"),
+      r != null ? k.blur(r) : S,
+      ie(
+        (I) => I instanceof HTMLInputElement ? L(
+          k.input(() => w(I, "input")),
+          k.change(() => w(I, "change")),
+          k.keydown((M) => {
+            if (M.key !== "Backspace" || !(e.cursor ? i.get(e.cursor)?.backspaceRubberBand ?? !0 : !0)) return;
+            const F = I.selectionStart ?? 0, D = I.selectionEnd ?? F;
+            if (F !== D || F <= 0) return;
+            const V = I.value ?? "", R = u != null ? i.get(u) : null;
+            if (!R) return;
+            const re = c != null ? i.get(c) : void 0, le = f != null ? i.get(f) : !0, te = d != null ? i.get(d) : void 0, Q = b != null ? i.get(b) : void 0, ue = Ye(
+              typeof R == "function" ? R(V, {
+                raw: V,
+                previousConformed: V,
+                cursor: F,
+                completed: !1
+              }) : R,
+              re ?? {},
+              le ?? !0
+            ), q = /* @__PURE__ */ new Set();
+            for (const U of ue)
+              U.type === "literal" && q.add(U.char);
+            if (te) for (const U of te) q.add(U);
+            if (Q) for (const U of Q) q.add(U);
+            if (q.has(V[F - 1])) {
+              let U = F - 1;
+              for (; U >= 0 && q.has(V[U]); ) U--;
+              U >= 0 && (M.preventDefault(), M.stopPropagation(), I.value = V.slice(0, U) + V.slice(U + 1), w(I, "input"));
+            }
+          })
+        ) : S
+      )
+    )
+  });
+};
+function X(e, t, r) {
+  const n = i.map(e, (o) => o != null), s = ye.clearValue;
+  return E(
+    n,
+    () => $.button(
+      a.type("button"),
+      a.class("bc-input-container__reset"),
+      N.label(s),
+      a.title(s),
+      a.disabled(t ?? !1),
+      z({ icon: "mdi:close", size: "sm" }),
+      k.click((o) => {
+        o.preventDefault(), o.stopPropagation(), r?.(null);
+      })
+    )
+  );
+}
+const wn = (e) => {
+  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = X(t, o, n);
+  return P({
+    ...e,
+    input: ee.date(
+      H(e),
+      a.valueAsDate(t),
+      a.class("bc-input"),
+      r != null ? k.blur(j(r)) : S,
+      n != null ? k.change(Ke(n)) : S
+    ),
+    after: s != null ? L(l, s) : l
+  });
+}, Wt = (e) => {
+  const t = e.getFullYear(), r = e.getMonth() + 1, n = e.getDate(), s = e.getHours(), o = e.getMinutes(), l = e.getSeconds();
+  return `${t}-${r.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${s.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}`;
+}, _n = (e) => {
+  const { value: t, onBlur: r, onChange: n, after: s, disabled: o } = e, l = i.map(t, (c) => c != null ? Wt(c) : null), u = X(t, o, n);
+  return P({
+    ...e,
+    input: ee["datetime-local"](
+      H(e),
+      a.value(i.map(l, (c) => c ?? null)),
+      a.class("bc-input"),
+      r != null ? k.blur(j(r)) : S,
+      n != null ? k.change(et(n)) : S
+    ),
+    after: s != null ? L(u, s) : u
+  });
+}, Y = (e) => typeof e == "string" && e.trim() === "" ? null : e, se = (e) => e ?? "", $n = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+  return it({
+    ...u,
+    value: i.map(t, se),
+    onChange: n != null ? (f) => n(Y(f)) : void 0,
+    onInput: s != null ? (f) => s(Y(f)) : void 0,
+    onBlur: r,
+    after: o != null ? L(c, o) : c
+  });
+}, yn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+  return ut({
+    ...u,
+    value: i.map(t, se),
+    onChange: n != null ? (f) => n(Y(f)) : void 0,
+    onInput: s != null ? (f) => s(Y(f)) : void 0,
+    onBlur: r,
+    after: o != null ? L(c, o) : c
+  });
+}, In = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+  return pt({
+    ...u,
+    value: i.map(t, se),
+    onChange: n != null ? (f) => n(Y(f)) : void 0,
+    onInput: s != null ? (f) => s(Y(f)) : void 0,
+    onBlur: r,
+    after: o != null ? L(c, o) : c
+  });
+}, Zt = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, rows: o } = e;
+  return P({
+    ...e,
+    input: $.textarea(
+      H(e),
+      a.rows(o ?? 3),
+      a.value(t),
+      a.class("bc-input"),
+      r != null ? k.blur(j(r)) : S,
+      n != null ? k.change(j(n)) : S,
+      s != null ? k.input(j(s)) : S
+    )
+  });
+}, kn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+  return Zt({
+    ...u,
+    value: i.map(t, se),
+    onChange: n != null ? (f) => n(Y(f)) : void 0,
+    onInput: s != null ? (f) => s(Y(f)) : void 0,
+    onBlur: r,
+    after: o != null ? L(c, o) : c
+  });
+}, Cn = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: u, after: c } = e, f = (b) => {
+    const p = n != null ? i.get(n) : void 0, m = s != null ? i.get(s) : void 0;
+    return p != null && b < p ? p : m != null && b > m ? m : b;
+  }, h = r != null ? O(W, (b) => {
+    const p = B(
+      t,
+      n
+    )((g, v) => v == null ? !0 : (g ?? 0) > v), m = B(
+      t,
+      s
+    )((g, v) => v == null ? !0 : (g ?? 0) < v), x = (g) => {
+      const v = i.get(t) ?? 0, T = i.get(r), C = g?.shiftKey ? 10 : 1, y = v - T * C, w = n != null ? i.get(n) : void 0;
+      if (w != null && y < w)
+        return;
+      const I = f(y);
+      I !== v && l && l(I);
+    }, _ = (g) => {
+      const v = i.get(t) ?? 0, T = i.get(r), C = g?.shiftKey ? 10 : 1, y = v + T * C, w = s != null ? i.get(s) : void 0;
+      if (w != null && y > w)
+        return;
+      const I = f(y);
+      I !== v && l && l(I);
+    };
+    return ne(
+      a.class("bc-number-input-steppers"),
+      // Increment second
+      $.button(
+        a.class(
+          "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
+        ),
+        a.disabled(
+          B(
+            m,
+            e.disabled ?? !1
+          )((g, v) => !g || v)
+        ),
+        k.click((g) => _(g)),
+        N.label(b.$.incrementValue),
+        z({ icon: "line-md:plus", size: "xs" })
+      ),
+      // Decrement first (matches tests expecting first button to be decrement)
+      $.button(
+        a.class(
+          "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
+        ),
+        a.disabled(
+          B(
+            p,
+            e.disabled ?? !1
+          )((g, v) => !g || v)
+        ),
+        k.click((g) => x(g)),
+        N.label(b.$.decrementValue),
+        z({ icon: "line-md:minus", size: "xs" })
+      )
+    );
+  }) : null, d = c != null && h != null ? L(h, c) : c ?? h;
+  return P({
+    ...e,
+    input: ee.number(
+      n != null ? L(
+        a.min(n),
+        Z(
+          i.on(n, (b) => {
+            b < i.get(t);
+          })
+        )
+      ) : S,
+      s != null ? L(
+        a.max(s),
+        Z(
+          i.on(s, (b) => {
+            b > i.get(t);
+          })
+        )
+      ) : S,
+      H(e),
+      a.valueAsNumber(t),
+      a.step(r),
+      a.class("bc-input bc-number-input"),
+      o != null ? k.blur(j(o)) : S,
+      l != null ? k.change(G(l)) : S,
+      u != null ? k.input(G(u)) : S,
+      // Add wheel event support when step is defined
+      r != null ? k.wheel((b) => {
+        b.preventDefault();
+        const p = i.get(t) ?? 0, m = i.get(r), x = b.shiftKey ? 10 : 1, _ = b.deltaY < 0 ? m * x : -m * x, g = f(p + _);
+        g !== p && l && l(g);
+      }) : S
+    ),
+    after: d
+  });
+}, ze = (e) => {
+  if (e == null || e === "") return null;
+  const t = Number(e);
+  return Number.isNaN(t) ? null : t;
+}, Mn = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: u, after: c } = e, f = (p) => {
+    const m = n != null ? i.get(n) : void 0, x = s != null ? i.get(s) : void 0;
+    return m != null && p < m ? m : x != null && p > x ? x : p;
+  }, h = (() => {
+    if (r == null) return null;
+    const p = B(
+      t,
+      n
+    )((v, T) => {
+      const C = v ?? 0;
+      return T == null ? !0 : C > T;
+    }), m = B(
+      t,
+      s
+    )((v, T) => {
+      const C = v ?? 0;
+      return T == null ? !0 : C < T;
+    }), x = (v) => {
+      const T = i.get(t) ?? 0, C = i.get(r), y = v?.shiftKey ? 10 : 1, w = T - C * y, I = n != null ? i.get(n) : void 0;
+      if (I != null && w < I) return;
+      const M = f(w);
+      M !== T && l && l(M);
+    }, _ = (v) => {
+      const T = i.get(t) ?? 0, C = i.get(r), y = v?.shiftKey ? 10 : 1, w = T + C * y, I = s != null ? i.get(s) : void 0;
+      if (I != null && w > I) return;
+      const M = f(w);
+      M !== T && l && l(M);
+    };
+    return ((v, T) => ne(
+      a.class("bc-number-input-steppers"),
+      $.button(
+        a.class(
+          "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"
+        ),
+        a.disabled(
+          B(
+            m,
+            e.disabled ?? !1
+          )((C, y) => !C || y)
+        ),
+        k.click((C) => _(C)),
+        N.label(v),
+        z({ icon: "line-md:plus", size: "xs" })
+      ),
+      $.button(
+        a.class(
+          "bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"
+        ),
+        a.disabled(
+          B(
+            p,
+            e.disabled ?? !1
+          )((C, y) => !C || y)
+        ),
+        k.click((C) => x(C)),
+        N.label(T),
+        z({ icon: "line-md:minus", size: "xs" })
+      )
+    ))(
+      ye.incrementValue,
+      ye.decrementValue
+    );
+  })(), d = X(t, e.disabled, l), b = c != null && h != null ? L(h, d, c) : c != null ? L(d, c) : h != null ? L(h, d) : d;
+  return P({
+    ...e,
+    input: ee.number(
+      // min/max attributes and reactive watchers (no forced correction)
+      n != null ? L(
+        a.min(n),
+        Z(
+          i.on(n, (p) => {
+          })
+        )
+      ) : S,
+      s != null ? L(
+        a.max(s),
+        Z(
+          i.on(s, (p) => {
+          })
+        )
+      ) : S,
+      H(e),
+      // Represent null as empty string so the field can be cleared
+      a.value(i.map(t, (p) => p == null ? "" : String(p))),
+      a.step(r),
+      a.class("bc-input bc-number-input"),
+      o != null ? k.blur(j(o)) : S,
+      l != null ? k.change(
+        j((p) => {
+          const m = ze(p);
+          l(m);
+        })
+      ) : S,
+      u != null ? k.input(
+        j((p) => {
+          const m = ze(p);
+          u(m);
+        })
+      ) : S,
+      // Wheel support when step is defined
+      r != null ? k.wheel((p) => {
+        p.preventDefault();
+        const m = i.get(t) ?? 0, x = i.get(r), _ = p.shiftKey ? 10 : 1, g = p.deltaY < 0 ? x * _ : -x * _, v = f(m + g);
+        v !== m && l && l(v);
+      }) : S
+    ),
+    after: b
+  });
+}, Tn = ({
+  value: e,
+  onChange: t,
+  offLabel: r,
+  onLabel: n,
+  label: s,
+  disabled: o = !1,
+  size: l = "md",
+  id: u
+}) => {
+  const c = u ?? ft("switch"), f = `${c}-label`;
+  function h(p, m) {
+    const x = [
+      "bc-switch",
+      `bc-switch--size-${m}`,
+      `bc-switch--${m}`
+    ];
+    return p && x.push("bc-switch--disabled"), x.join(" ");
+  }
+  const d = () => {
+    i.get(o) || t(!i.get(e));
+  }, b = (p) => {
+    i.get(o) || (p.key === " " || p.key === "Enter") && (p.preventDefault(), d());
+  };
+  return $.div(
+    a.class(
+      B(
+        o ?? !1,
+        l
+      )(
+        (p, m) => h(p ?? !1, m ?? "md")
+      )
+    ),
+    a.id(c),
+    a.role("switch"),
+    a.tabindex(
+      i.map(o, (p) => p ? -1 : 0)
+    ),
+    N.checked(e),
+    N.disabled(o),
+    N.labelledby(s != null ? f : void 0),
+    k.click(d),
+    k.keydown(b),
+    s != null ? dt(
+      a.id(f),
+      a.class(
+        `bc-switch__label bc-switch__label--size-${l} bc-switch__label--nowrap`
+      ),
+      s
+    ) : null,
+    $.div(
+      a.class("bc-switch__track"),
+      a.class(
+        i.map(
+          e,
+          (p) => p ? "bc-switch__track--on" : "bc-switch__track--off"
+        )
+      ),
+      r != null ? $.div(
+        N.hidden(!0),
+        a.class("bc-switch__track-label bc-switch__track-label--off"),
+        a.class(
+          i.map(
+            e,
+            (p) => p ? "bc-switch__track-label--hidden" : "bc-switch__track-label--visible"
+          )
+        ),
+        r
+      ) : null,
+      n != null ? $.div(
+        a.class("bc-switch__track-label bc-switch__track-label--on"),
+        a.class(
+          i.map(
+            e,
+            (p) => p ? "bc-switch__track-label--visible" : "bc-switch__track-label--hidden"
+          )
+        ),
+        n
+      ) : null,
+      je(
+        (p) => O(
+          mt,
+          ({ direction: m }) => $.div(
+            a.class("bc-switch__thumb"),
+            a.class(
+              i.map(
+                e,
+                (x) => x ? "bc-switch__thumb--on" : "bc-switch__thumb--off"
+              )
+            ),
+            fe.transform(
+              B(
+                e,
+                p,
+                l,
+                m
+              )((x, { width: _ }, g, v) => {
+                const T = (() => {
+                  switch (g) {
+                    case "xs":
+                      return 5;
+                    case "sm":
+                      return 5.5;
+                    case "md":
+                      return 6;
+                    case "lg":
+                      return 7;
+                    case "xl":
+                      return 8;
+                  }
+                })(), C = v === "rtl" ? `calc((var(--spacing-base) * ${T}) - ${_}px)` : `calc(${_}px - (var(--spacing-base) * ${T}))`;
+                return x ? `translateX(${C})` : "translateX(0)";
+              })
+            )
+          )
+        )
+      )
+    )
+  );
+}, Yt = (e) => {
+  const t = {
+    type: "pattern",
+    pattern: /[0-9A-Fa-f]/,
+    transform: (n) => n.toLowerCase()
+  };
+  return Xe({
+    ...e,
+    mask: [
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      "-",
+      t,
+      t,
+      t,
+      t,
+      "-",
+      t,
+      t,
+      t,
+      t,
+      "-",
+      t,
+      t,
+      t,
+      t,
+      "-",
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      t,
+      t
+    ],
+    // Sensible default placeholder; can be overridden via options.placeholder
+    placeholder: e.placeholder ?? "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
+  });
+}, Dn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+  return Yt({
+    ...u,
+    value: i.map(t, se),
+    onChange: n != null ? (f) => n(Y(f)) : void 0,
+    onInput: s != null ? (f) => s(Y(f)) : void 0,
+    onBlur: r,
+    after: o != null ? L(c, o) : c
+  });
+}, Xt = "line-md:star-alt-filled", qt = "line-md:star-alt", Gt = (e) => {
+  const {
+    value: t,
+    onChange: r,
+    disabled: n,
+    max: s = 5,
+    fullColor: o = "yellow",
+    emptyColor: l = "neutral",
+    fullIcon: u = Xt,
+    emptyIcon: c = qt,
+    size: f = "md",
+    onBlur: h,
+    rounding: d = 1
+  } = e, b = () => {
+    const v = i.get(d);
+    return v > 0 ? v : 1;
+  }, p = (v) => Math.min(Math.max(v, 0), i.get(s)), m = (v, T) => {
+    if (i.get(n ?? !1)) return;
+    const y = v.currentTarget.getBoundingClientRect(), w = (v.clientX - y.left) / y.width, I = T - 1 + w, M = b(), A = Math.ceil(I / M) * M, F = p(A);
+    r?.(F);
+  }, x = (v) => {
+    if (i.get(n ?? !1)) return;
+    const T = b(), C = i.get(t) ?? 0;
+    let y;
+    switch (v.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        y = p(C + T);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        y = p(C - T);
+        break;
+      case "Home":
+        y = 0;
+        break;
+      case "End":
+        y = i.get(s);
+        break;
+      default:
+        return;
+    }
+    v.preventDefault(), r?.(y);
+  }, _ = i.map(f, (v) => `bc-icon--${v}`), g = ({ index: v, counter: T }) => $.span(
+    a.class("bc-rating-input__icon-container"),
+    a.class(_),
+    z(
+      { icon: c, size: f, color: l, tone: "soft" },
+      a.class("bc-rating-input__icon-empty")
+    ),
+    $.span(
+      a.class("bc-rating-input__icon-clipper"),
+      a.class(_),
+      fe.width(
+        i.map(t, (C) => {
+          const y = Math.floor(C);
+          return y > v ? "100%" : y < v ? "0%" : `${(C - v) * 100}%`;
+        })
+      ),
+      z(
+        { icon: u, size: f, color: o, tone: "soft" },
+        a.class("bc-rating-input__icon-full")
+      )
+    ),
+    k.click(
+      tt((C) => m(C, T), {
+        preventDefault: !0,
+        stopPropagation: !0
+      })
+    )
+  );
+  return P({
+    baseContainer: !0,
+    growInput: !1,
+    focusableSelector: '[role="slider"]',
+    ...e,
+    input: $.div(
+      // Common input attributes (id, required, invalid, custom classes, etc.)
+      H(e),
+      a.class("bc-rating-input"),
+      // ARIA slider semantics
+      a.role("slider"),
+      a.tabindex(i.map(n ?? !1, (v) => v ? -1 : 0)),
+      N.disabled(n ?? !1),
+      N.valuemin(0),
+      N.valuemax(i.map(s, (v) => v ?? 0)),
+      N.valuenow(i.map(t, (v) => v ?? 0)),
+      N.valuetext(
+        B(
+          t,
+          s
+        )((v, T) => {
+          const C = v ?? 0, y = T ?? 0;
+          return `${String(C)} / ${String(y)}`;
+        })
+      ),
+      // Keyboard & focus handlers
+      k.keydown(x),
+      h != null ? k.blur(h) : null,
+      Oe(s, g)
+    )
+  });
+}, Sn = (e) => {
+  const { value: t, onChange: r, onBlur: n, after: s, disabled: o, ...l } = e, u = X(t, o, r);
+  return Gt({
+    ...l,
+    // Map null -> 0 for display so the control shows as empty when null
+    value: i.map(t, (c) => c ?? 0),
+    // Pass through numeric changes; clear button will call onChange(null)
+    onChange: r,
+    onBlur: n,
+    after: s != null ? L(u, s) : u
+  });
+}, An = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: u } = e;
+  return P({
+    ...e,
+    // Make sure clicks anywhere focus the range input
+    focusableSelector: 'input[type="range"]',
+    input: $.input(
+      a.type("range"),
+      H(e),
+      a.min(n),
+      a.max(s),
+      a.step(r),
+      // Using value as number to keep it in sync
+      a.valueAsNumber(t),
+      a.class("bc-input bc-slider-input"),
+      o != null ? k.blur(G(o)) : S,
+      l != null ? k.change(G(l)) : S,
+      u != null ? k.input(G(u)) : S
+    )
+  });
+}, Fn = (e) => {
+  const { value: t, step: r, min: n, max: s, onBlur: o, onChange: l, onInput: u } = e, c = i.map(t, (h) => {
+    if (h != null) return h;
+    const d = n != null ? i.get(n) : void 0;
+    return typeof d == "number" ? d : 0;
+  }), f = X(t, e.disabled, (h) => {
+    l?.(h);
+  });
+  return P(
+    {
+      ...e,
+      focusableSelector: 'input[type="range"]',
+      after: f,
+      input: $.input(
+        a.type("range"),
+        H(e),
+        a.min(n),
+        a.max(s),
+        a.step(r),
+        a.valueAsNumber(c),
+        a.class("bc-input bc-slider-input"),
+        o != null ? k.blur(G(o)) : S,
+        l != null ? k.change(
+          G((h) => {
+            l(h);
+          })
+        ) : S,
+        u != null ? k.input(
+          G((h) => {
+            u(h);
+          })
+        ) : S
+      )
+    },
+    // Ensure container grows input naturally
+    L()
+  );
+};
+let _e = null;
+async function Me() {
+  const e = globalThis;
+  return e.Temporal ? e.Temporal : (_e || (_e = import("./index.esm-DPNh6inz.js").then((t) => {
+    const r = t.Temporal;
+    return e.Temporal || (e.Temporal = r), r;
+  })), _e);
+}
+const Qt = (e, t) => t ? Be(Me, {
+  then: e,
+  pending: t.pending,
+  error: t.error
+}) : Be(Me, e), Jt = /^P(\d+([YMWD]|$)){0,4}(T(\d+([HMS]|$)){0,3})?$/i, Kt = /^P(?:(\d+Y)?(\d+M)?(\d+W)?(\d+D)?)(T(\d+H)?(\d+M)?(\d+S)?)?$/i;
+function en(e) {
+  return {
+    mask: null,
+    allowMode: "custom",
+    allow: (t) => /[0-9ptwdhms]/i.test(t),
+    pipe: (t) => {
+      const r = t.toUpperCase();
+      return r.length === 0 ? r : !r.startsWith("P") || !Jt.test(r) ? !1 : r;
+    },
+    completion: {
+      mode: "custom",
+      isComplete: (t) => {
+        const r = t.toUpperCase();
+        if (!Kt.test(r)) return !1;
+        try {
+          return e(r), !0;
+        } catch {
+          return !1;
+        }
+      }
+    }
+  };
+}
+const Re = (e, t) => {
+  if (e == null) return null;
+  try {
+    return e.Duration.from(t);
+  } catch {
+    return null;
+  }
+}, Bn = (e) => {
+  const { value: t, onChange: r, after: n, disabled: s, onBlur: o } = e, l = () => {
+    const f = X(t, s, r);
+    return n != null ? L(f, n) : f;
+  }, u = e.placeholder != null ? S : a.placeholder("P0DT0H0M0S");
+  return Qt(
+    (f) => Xe({
+      ...e,
+      value: i.map(t, (h) => h?.toString() ?? ""),
+      onChange: r ? (h) => r(h === "" ? null : f.Duration.from(h)) : void 0,
+      onInput: void 0,
+      ...en(f.Duration.from),
+      placeholder: "P0DT0H0M0S",
+      after: l()
+    }),
+    { pending: () => P({
+      ...e,
+      input: ee.text(
+        H(e),
+        a.value(i.map(t, (f) => f?.toString() ?? "")),
+        a.class("bc-input"),
+        u,
+        o != null ? k.blur(() => o()) : S,
+        r != null ? k.change((f) => {
+          const d = f.currentTarget?.value ?? "";
+          if (d === "") {
+            r(null);
+            return;
+          }
+          const b = globalThis.Temporal, p = Re(b, d);
+          if (p != null) {
+            r(p);
+            return;
+          }
+          Me().then((m) => {
+            const x = Re(m, d);
+            x != null && r(x);
+          }).catch(() => {
+          });
+        }) : S
+      ),
+      after: l()
+    }) }
+  );
+}, tn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s } = e;
+  return P({
+    ...e,
+    input: ee.url(
+      H(e),
+      a.value(t),
+      a.class("bc-input"),
+      r != null ? k.blur(j(r)) : S,
+      n != null ? k.change(j(n)) : S,
+      s != null ? k.input(j(s)) : S
+    )
+  });
+}, Vn = (e) => {
+  const { value: t, onBlur: r, onChange: n, onInput: s, after: o, disabled: l, ...u } = e, c = X(t, l, n);
+  return tn({
+    ...u,
+    value: i.map(t, se),
+    onChange: n != null ? (f) => n(Y(f)) : void 0,
+    onInput: s != null ? (f) => s(Y(f)) : void 0,
+    onBlur: r,
+    after: o != null ? L(c, o) : c
+  });
+}, Ln = (e, ...t) => {
+  const {
+    element: r,
+    separator: n,
+    showMove: s = !0,
+    showRemove: o = !0,
+    showAdd: l = !0,
+    createItem: u,
+    addLabel: c,
+    controlsLayout: f = "aside",
+    ...h
+  } = e, d = i.toSignal(f).map((m) => m === "aside"), b = (m) => {
+    const x = E(
+      s ?? !1,
+      () => $.div(
+        a.class("bc-group--align-center"),
+        a.class(
+          d.map(
+            (g) => g ? "bc-group--direction-column bc-group--gap-1" : "bc-group--direction-row bc-group--gap-1"
+          )
+        ),
+        be(
+          {
+            size: "xs",
+            roundedness: "full",
+            variant: "text",
+            onClick: () => m.move("up"),
+            disabled: m.cannotMove("up")
+          },
+          O(
+            W,
+            (g) => z({
+              size: "xs",
+              icon: "line-md:arrow-up",
+              title: g.$.incrementValue
+            })
+          )
+        ),
+        be(
+          {
+            size: "xs",
+            roundedness: "full",
+            variant: "text",
+            onClick: () => m.move("down"),
+            disabled: m.cannotMove("down")
+          },
+          O(
+            W,
+            (g) => z({
+              size: "xs",
+              icon: "line-md:arrow-down",
+              title: g.$.decrementValue
+            })
+          )
+        )
+      )
+    ), _ = E(
+      o,
+      () => O(
+        W,
+        (g) => me({
+          size: "xs",
+          // Use a lowercase label to satisfy tests that query with [aria-label*="remove"]
+          label: i.map(g.$.removeItem, (v) => v.toLowerCase()),
+          color: "error",
+          disabled: e.removeDisabled,
+          onClick: m.remove
+        })
+      )
+    );
+    return (g) => E(
+      d,
+      () => pe(
+        a.class("bc-group--gap-1 bc-group--align-center"),
+        ne(a.class("bc-stack--grow"), g),
+        ne(
+          a.class("bc-stack--align-center"),
+          E(
+            e.controller.value.map((v) => v.length > 1),
+            () => x
+          ),
+          _
+        )
+      ),
+      () => ne(
+        a.class("bc-stack--gap-2"),
+        g,
+        pe(
+          a.class("bc-group--gap-2 bc-group--justify-between"),
+          E(
+            e.controller.value.map((v) => v.length > 1),
+            () => x,
+            () => $.div()
+          ),
+          _
+        )
+      )
+    );
+  }, p = E(
+    B(l, u)((m, x) => m && x != null),
+    () => pe(
+      a.class(
+        "bc-group--gap-2 bc-group--align-center bc-group--justify-center"
+      ),
+      be(
+        {
+          size: "sm",
+          variant: "filled",
+          onClick: () => h.controller.push(u()),
+          disabled: B(
+            h.controller.disabled,
+            e.addDisabled ?? !1
+          )((m, x) => m || x)
+        },
+        O(
+          W,
+          (m) => pe(
+            a.class("bc-group--gap-2"),
+            z({ icon: "line-md:plus" }),
+            c ?? m.$.addLabel
+          )
+        )
+      )
+    )
+  );
+  return He(
+    {
+      ...h,
+      content: ne(
+        a.class("bc-stack--gap-2"),
+        Pt(
+          h.controller,
+          (m) => b(m)(r(m)),
+          n
+        ),
+        p
+      )
+    },
+    ...t
+  );
+};
+class En extends ve {
+  branches;
+  activeBranch;
+  #t;
+  #e = /* @__PURE__ */ new Map();
+  constructor(t, r, n, s, o, l, u = ae) {
+    super(t, r, n, s, o, u), this.branches = l;
+    const c = (h) => {
+      for (const d of l)
+        if (d.detect(h))
+          return d.key;
+      return l[0]?.key ?? "unknown";
+    };
+    this.activeBranch = n.map(c, ae);
+    const f = (h) => {
+      if (this.#e.has(h))
+        return this.#e.get(h);
+      const d = l.find((p) => p.key === h);
+      if (!d)
+        throw new Error(`Unknown branch: ${h}`);
+      const b = new ve(
+        [...t, h],
+        (p) => {
+          this.change(p);
+        },
+        n.map(
+          (p) => d.detect(p) ? p : d.defaultValue(),
+          u
+        ),
+        s.map(Ve([h])),
+        {
+          disabled: this.disabled,
+          validationMode: this.parent.validationMode
+        },
+        u
+      );
+      return this.#e.set(h, b), b;
+    };
+    this.#t = this.activeBranch.map(
+      (h) => f(h),
+      ae
+    ), this.onDispose(() => {
+      for (const h of this.#e.values())
+        h.dispose();
+      this.#e.clear(), this.activeBranch.dispose(), this.#t.dispose();
+    });
+  }
+  /**
+   * Get the controller for the currently active branch
+   */
+  get activeController() {
+    return i.get(this.#t);
+  }
+  /**
+   * Get a controller for a specific branch
+   */
+  getBranchController(t) {
+    const r = this.branches.find((s) => s.key === t);
+    if (!r)
+      throw new Error(`Unknown branch: ${t}`);
+    if (this.#e.has(t))
+      return this.#e.get(t);
+    const n = new ve(
+      [...this.path, t],
+      (s) => {
+        this.change(s);
+      },
+      this.value.map(
+        (s) => r.detect(s) ? s : r.defaultValue(),
+        ae
+      ),
+      this.status.map(Ve([t])),
+      {
+        disabled: this.disabled,
+        validationMode: this.parent.validationMode
+      },
+      ae
+    );
+    return this.#e.set(t, n), n;
+  }
+  /**
+   * Switch to a different branch
+   */
+  switchToBranch(t, r = !1) {
+    const n = this.branches.find((l) => l.key === t);
+    if (!n)
+      throw new Error(`Unknown branch: ${t}`);
+    const s = i.get(this.value);
+    if (n.detect(s))
+      return !0;
+    if (n.convert) {
+      const l = n.convert(s);
+      if (l.ok)
+        return this.change(l.value), !0;
+    }
+    if (r && typeof window == "object" && typeof window.confirm == "function" && !window.confirm(
+      "Changing type will clear the current value. Continue?"
+    ))
+      return !1;
+    const o = n.defaultValue();
+    return this.change(o), !0;
+  }
+  /**
+   * Get the current active branch definition
+   */
+  get activeBranchDefinition() {
+    const t = i.get(this.activeBranch);
+    return this.branches.find((r) => r.key === t);
+  }
+}
+function Un(e) {
+  return e.transform(
+    (t) => t ?? null,
+    (t) => t ?? void 0
+  );
+}
+function Nn(e) {
+  return e.transform(
+    (t) => t ?? "",
+    (t) => t === "" ? void 0 : t
+  );
+}
+function zn(e) {
+  return e.transform(
+    (t) => t ?? void 0,
+    (t) => t ?? null
+  );
+}
+function nn(e) {
+  switch (e) {
+    case "success":
+      return "material-symbols:check-circle-outline";
+    case "warning":
+      return "material-symbols:warning-outline";
+    case "error":
+      return "material-symbols:error-outline";
+    case "info":
+    default:
+      return "material-symbols:info-outline";
+  }
+}
+function sn(e) {
+  switch (e) {
+    case "success":
+      return "success";
+    case "warning":
+      return "warning";
+    case "error":
+      return "error";
+    case "info":
+    default:
+      return "info";
+  }
+}
+function rn(e, t, r, n) {
+  const s = [
+    "bc-notice",
+    `bc-notice--${e}`,
+    `bc-notice--tone-${t}`
+  ];
+  return r && s.push("bc-notice--dismissible"), n && n.length > 0 && s.push(n), s.join(" ");
+}
+function Rn({
+  variant: e = "info",
+  tone: t = "subtle",
+  role: r,
+  title: n,
+  icon: s,
+  closable: o = !1,
+  onDismiss: l,
+  class: u
+}, ...c) {
+  const f = i.map(
+    o,
+    (x) => !!x || l != null
+  ), h = i.map(e, (x) => x ?? "info"), d = i.map(t, (x) => x ?? "subtle"), b = B(
+    r,
+    h
+  )((x, _) => x ?? (_ === "error" ? "alert" : "status")), p = K(!0), m = O(
+    W,
+    (x) => $.div(
+      a.class(
+        B(
+          h,
+          d,
+          f,
+          u
+        )((_, g, v, T) => rn(_, g, v, T))
+      ),
+      // Accessibility role mapping (always defined)
+      a.role(i.map(b, (_) => _)),
+      nt(
+        i.map(s, (_) => _ === !1),
+        () => $.div(
+          a.class("bc-notice__icon"),
+          z({
+            icon: B(
+              s,
+              h
+            )((_, g) => _ === void 0 ? nn(g) : String(_)),
+            size: "md",
+            color: i.map(h, sn)
+          })
+        )
+      ),
+      $.div(
+        a.class("bc-notice__body"),
+        Pe(n, (_) => $.div(a.class("bc-notice__title"), _)),
+        $.div(a.class("bc-notice__content"), ...c)
+      ),
+      E(
+        f,
+        () => me({
+          size: "xs",
+          label: x.$.closeModal,
+          onClick: () => {
+            p.set(!1), l?.();
+          }
+        })
+      )
+    )
+  );
+  return E(p, () => m);
+}
+export {
+  An as A,
+  mn as B,
+  hn as C,
+  Fn as D,
+  Et as E,
+  $t as F,
+  pe as G,
+  Bn as H,
+  tn as I,
+  Vn as J,
+  bn as K,
+  Ln as L,
+  Xe as M,
+  zt as N,
+  gn as O,
+  Ut as P,
+  Rn as Q,
+  Gt as R,
+  dn as S,
+  Zt as T,
+  Le as U,
+  Me as V,
+  Qt as W,
+  pn as X,
+  fn as _,
+  X as a,
+  En as b,
+  Nn as c,
+  en as d,
+  Y as e,
+  zn as f,
+  yt as g,
+  Mt as h,
+  vn as i,
+  Pt as j,
+  Rt as k,
+  xn as l,
+  wn as m,
+  se as n,
+  _n as o,
+  yn as p,
+  In as q,
+  kn as r,
+  $n as s,
+  Un as t,
+  Cn as u,
+  Mn as v,
+  Tn as w,
+  Yt as x,
+  Dn as y,
+  Sn as z
+};