@tempots/beatui 0.16.0 → 0.18.0

package/dist/notice-BgnHRPMk.js

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