@tempots/beatui 1.7.5 → 1.9.0

package/dist/stepper-TlzbfYWa.js

@@ -0,0 +1,3222 @@
+import { Value as m, html as d, attr as s, computedOf as k, Ensure as ct, prop as V, When as I, WithElement as q, OnDispose as tt, Empty as N, Use as R, aria as D, on as T, ForEach as Q, style as dt, Repeat as Ct, Fragment as Y, svg as bt, svgAttr as gt, input as xt, emitValue as at, dataAttr as $t, Provide as Mt, makeProviderMark as Pt } from "@tempots/dom";
+import { I as U, b as F, B as J, h as z, t as j, a as W, L as et, f as Ut } from "./translations-DU9wTV1y.js";
+import { g as P } from "./colors-CyMhfbJi.js";
+import { B as st, a as Gt } from "./input-container-DCS5oJ4S.js";
+import { delayedAnimationFrame as ut } from "@tempots/std";
+import { F as wt } from "./flyout-CuKFh_T7.js";
+import { s as K } from "./session-id-3KiilioY.js";
+import { C as Vt } from "./text-input-ByuxdX8w.js";
+import { O as Nt, F as Ht } from "./modal-6Mq3vS5r.js";
+import { u as Dt } from "./use-animated-toggle-C3asw_Sg.js";
+import { C as Wt } from "./control-hqEuMzyI.js";
+import { S as Zt } from "./stack-BLMteGTn.js";
+import { ElementRect as qt, Anchor as St, Location as Lt } from "@tempots/ui";
+const Kt = {
+  xs: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "xl"
+};
+function Jt(e) {
+  const t = e.trim().split(/\s+/);
+  return t.length === 1 ? t[0][0].toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+function Qt(e) {
+  const t = F(e, "solid", "light"), a = F(e, "solid", "dark");
+  return [
+    `--avatar-bg: ${t.backgroundColor}`,
+    `--avatar-text: ${t.textColor}`,
+    `--avatar-bg-dark: ${a.backgroundColor}`,
+    `--avatar-text-dark: ${a.textColor}`
+  ].join("; ");
+}
+function Xt(e, t, a) {
+  const n = [
+    "bc-avatar",
+    `bc-avatar--size-${e}`,
+    `bc-avatar--${t}`
+  ];
+  return a && n.push("bc-avatar--bordered"), n.join(" ");
+}
+function la({
+  src: e,
+  name: t,
+  icon: a,
+  size: n = "md",
+  variant: r = "circle",
+  color: c = "base",
+  bordered: o = !1,
+  borderColor: i
+}, ...l) {
+  const u = m.map(
+    m.toSignal(n),
+    (f) => Kt[f ?? "md"]
+  ), b = d.span(
+    s.class("bc-avatar__icon"),
+    U({ icon: "mdi:account", size: u })
+  );
+  return d.div(
+    s.class(
+      k(
+        n,
+        r,
+        o,
+        i
+      )(
+        (f, g, p, h) => Xt(
+          f ?? "md",
+          g ?? "circle",
+          (p ?? !1) || h != null
+        )
+      )
+    ),
+    s.style(
+      k(
+        c,
+        i
+      )((f, g) => {
+        const p = Qt(f ?? "base");
+        if (g == null) return p;
+        const h = P(g, 500), v = P(g, 400);
+        return `${p}; --avatar-border-color: ${h}; --avatar-border-color-dark: ${v}`;
+      })
+    ),
+    // Fallback chain: src → name (initials) → icon → default icon
+    ct(
+      e,
+      (f) => d.img(
+        s.class("bc-avatar__image"),
+        s.src(f),
+        s.alt(
+          t != null ? m.map(t, (g) => g ?? "Avatar") : "Avatar"
+        )
+      ),
+      () => ct(
+        t,
+        (f) => d.span(
+          s.class("bc-avatar__initials"),
+          f.map(Jt)
+        ),
+        () => ct(
+          a,
+          (f) => d.span(
+            s.class("bc-avatar__icon"),
+            U({ icon: f, size: u })
+          ),
+          () => b
+        )
+      )
+    ),
+    ...l
+  );
+}
+function Yt(e) {
+  const t = F(e, "solid", "light"), a = F(e, "solid", "dark");
+  return [
+    `--avatar-bg: ${t.backgroundColor}`,
+    `--avatar-text: ${t.textColor}`,
+    `--avatar-bg-dark: ${a.backgroundColor}`,
+    `--avatar-text-dark: ${a.textColor}`
+  ].join("; ");
+}
+function da({ size: e = "md", spacing: t = "tight" }, ...a) {
+  return d.div(
+    s.class(
+      k(
+        e,
+        t
+      )(
+        (n, r) => [
+          "bc-avatar-group",
+          `bc-avatar-group--size-${n ?? "md"}`,
+          `bc-avatar-group--spacing-${r ?? "tight"}`
+        ].join(" ")
+      )
+    ),
+    ...a
+  );
+}
+function ua({
+  count: e,
+  size: t = "md",
+  color: a = "base"
+}) {
+  return d.div(
+    s.class(
+      m.map(
+        t,
+        (n) => [
+          "bc-avatar",
+          `bc-avatar--size-${n ?? "md"}`,
+          "bc-avatar--circle",
+          "bc-avatar-group__overflow"
+        ].join(" ")
+      )
+    ),
+    s.style(
+      m.map(
+        a,
+        (n) => Yt(n ?? "base")
+      )
+    ),
+    d.span(
+      s.class("bc-avatar__initials"),
+      m.map(e, (n) => `+${n ?? 0}`)
+    )
+  );
+}
+const pt = { min: 0, max: 360 }, ft = { min: 50, max: 80 }, mt = { min: 40, max: 65 };
+function te(e) {
+  let t = 5381;
+  for (let a = 0; a < e.length; a++)
+    t = (t << 5) + t + e.charCodeAt(a) | 0;
+  return t >>> 0;
+}
+function lt(e, t, a, n) {
+  const r = (e * 2654435761 + t * 2246822519 >>> 0) % 1e4;
+  return a + r / 1e4 * (n - a);
+}
+function ee(e) {
+  return e > 56 ? "#000" : "#fff";
+}
+function ae(e, t, a, n) {
+  const r = e.trim();
+  if (r === "") return "";
+  const c = te(r), o = lt(c, 1, t.min, t.max), i = lt(c, 2, a.min, a.max), l = lt(c, 3, n.min, n.max), u = ee(l);
+  return `background-color: hsl(${o.toFixed(1)} ${i.toFixed(1)}% ${l.toFixed(1)}%); color: ${u}`;
+}
+function se(e, t) {
+  return [
+    "bc-auto-color-badge",
+    `bc-badge--size-${e}`,
+    `bc-control--rounded-${t}`
+  ].join(" ");
+}
+function ba(e = {}, ...t) {
+  const {
+    size: a = "md",
+    roundedness: n = "full",
+    text: r,
+    hue: c = pt,
+    saturation: o = ft,
+    lightness: i = mt
+  } = e, l = r ?? V(""), u = k(
+    l,
+    c,
+    o,
+    i
+  )(
+    (b, f, g, p) => ae(
+      b ?? "",
+      f ?? pt,
+      g ?? ft,
+      p ?? mt
+    )
+  );
+  return d.span(
+    s.class(
+      k(
+        a,
+        n
+      )((b, f) => se(b ?? "md", f ?? "full"))
+    ),
+    s.style(u),
+    d.span(s.class("bc-badge__content"), ...t),
+    // Only observe DOM mutations when no explicit text is provided
+    I(
+      m.map(r, (b) => b == null),
+      () => q((b) => {
+        const f = l;
+        f.set(b.textContent ?? "");
+        const g = new MutationObserver(() => {
+          f.set(b.textContent ?? "");
+        });
+        return g.observe(b, {
+          childList: !0,
+          subtree: !0,
+          characterData: !0
+        }), tt(() => g.disconnect());
+      })
+    )
+  );
+}
+function re(e, t, a, n, r) {
+  const c = [
+    "bc-badge",
+    `bc-badge--size-${e}`,
+    `bc-control--rounded-${t}`
+  ];
+  return a && c.push("bc-badge--circle"), n && c.push("bc-badge--full-width"), r && c.push("bc-badge--disabled"), c.join(" ");
+}
+function ne(e, t) {
+  const a = /* @__PURE__ */ new Map(), n = (r, c, o, i) => {
+    a.set("--badge-bg-hover", r), a.set("--badge-text-hover", o), a.set("--badge-bg-hover-dark", c), a.set("--badge-text-hover-dark", i);
+  };
+  switch (e) {
+    case "filled": {
+      const r = F(t, "solid", "light"), c = F(t, "solid", "dark"), o = z(t, "soft", "light"), i = z(t, "soft", "dark");
+      a.set("--badge-bg", r.backgroundColor), a.set("--badge-text", r.textColor), a.set("--badge-bg-dark", c.backgroundColor), a.set("--badge-text-dark", c.textColor), a.set("--badge-border", "transparent"), a.set("--badge-border-dark", "transparent"), n(
+        o.backgroundColor,
+        i.backgroundColor,
+        o.textColor,
+        i.textColor
+      );
+      break;
+    }
+    case "light": {
+      const r = F(t, "light", "light"), c = F(t, "light", "dark"), o = z(t, "light", "light"), i = z(t, "light", "dark");
+      a.set("--badge-bg", r.backgroundColor), a.set("--badge-text", r.textColor), a.set("--badge-bg-dark", c.backgroundColor), a.set("--badge-text-dark", c.textColor), a.set("--badge-border", "transparent"), a.set("--badge-border-dark", "transparent"), n(
+        o.backgroundColor,
+        i.backgroundColor,
+        o.textColor,
+        i.textColor
+      );
+      break;
+    }
+    case "outline": {
+      const r = j(t, "light"), c = j(t, "dark"), o = W(t, "light"), i = W(t, "dark"), l = z(t, "light", "light"), u = z(t, "light", "dark");
+      a.set("--badge-bg", "transparent"), a.set("--badge-text", r), a.set("--badge-bg-dark", "transparent"), a.set("--badge-text-dark", c), a.set("--badge-border", o), a.set("--badge-border-dark", i), n(
+        l.backgroundColor,
+        u.backgroundColor,
+        l.textColor,
+        u.textColor
+      );
+      break;
+    }
+    case "default": {
+      const r = j(t, "light"), c = j(t, "dark"), o = z(t, "light", "light"), i = z(t, "light", "dark");
+      a.set("--badge-bg", "var(--bg-background-light)"), a.set("--badge-text", r), a.set("--badge-bg-dark", "var(--bg-background-dark)"), a.set("--badge-text-dark", c), a.set("--badge-border", "var(--border-border-light)"), a.set("--badge-border-dark", "var(--border-border-dark)"), n(
+        o.backgroundColor,
+        i.backgroundColor,
+        o.textColor,
+        i.textColor
+      );
+      break;
+    }
+    case "dashed": {
+      const r = j(t, "light"), c = j(t, "dark"), o = W(t, "light"), i = W(t, "dark"), l = z(t, "light", "light"), u = z(t, "light", "dark");
+      a.set("--badge-bg", "transparent"), a.set("--badge-text", r), a.set("--badge-bg-dark", "transparent"), a.set("--badge-text-dark", c), a.set("--badge-border", o), a.set("--badge-border-dark", i), a.set("--badge-border-style", "dashed"), n(
+        l.backgroundColor,
+        u.backgroundColor,
+        l.textColor,
+        u.textColor
+      );
+      break;
+    }
+    case "subtle": {
+      const r = j(t, "light"), c = j(t, "dark"), o = z(t, "light", "light"), i = z(t, "light", "dark");
+      a.set("--badge-bg", "transparent"), a.set("--badge-text", r), a.set("--badge-bg-dark", "transparent"), a.set("--badge-text-dark", c), a.set("--badge-border", "transparent"), a.set("--badge-border-dark", "transparent"), n(
+        o.backgroundColor,
+        i.backgroundColor,
+        o.textColor,
+        i.textColor
+      );
+      break;
+    }
+    case "text": {
+      const r = j(t, "light"), c = j(t, "dark"), o = z(t, "light", "light"), i = z(t, "light", "dark");
+      a.set("--badge-bg", "transparent"), a.set("--badge-text", r), a.set("--badge-bg-dark", "transparent"), a.set("--badge-text-dark", c), a.set("--badge-border", "transparent"), a.set("--badge-border-dark", "transparent"), n(
+        o.backgroundColor,
+        i.backgroundColor,
+        o.textColor,
+        i.textColor
+      );
+      break;
+    }
+  }
+  return Array.from(a.entries()).map(([r, c]) => `${r}: ${c}`).join("; ");
+}
+function ga({
+  variant: e = "filled",
+  size: t = "md",
+  color: a = "base",
+  roundedness: n = "full",
+  circle: r = !1,
+  fullWidth: c = !1,
+  onClose: o,
+  disabled: i = !1
+}, ...l) {
+  return d.span(
+    s.class(
+      k(
+        t,
+        n,
+        r,
+        c,
+        i
+      )(
+        (u, b, f, g, p) => re(
+          u ?? "md",
+          b ?? "sm",
+          f ?? !1,
+          g ?? !1,
+          p ?? !1
+        )
+      )
+    ),
+    s.style(
+      k(
+        e,
+        a
+      )(
+        (u, b) => ne(
+          u ?? "filled",
+          b ?? "base"
+        )
+      )
+    ),
+    d.span(s.class("bc-badge__content"), ...l),
+    o != null ? R(
+      J,
+      (u) => d.button(
+        s.class("bc-badge__close"),
+        s.type("button"),
+        s.disabled(i),
+        D.label(u.$.removeItem),
+        T.click((b) => {
+          b.stopPropagation(), o();
+        }),
+        // × character as lightweight close indicator
+        "×"
+      )
+    ) : N
+  );
+}
+function pa(e) {
+  const { entries: t, filters: a } = e, n = V("all"), r = k(
+    t,
+    n
+  )((i, l) => l === "all" ? i : i.filter((u) => {
+    const b = u.action.toLowerCase();
+    switch (l) {
+      case "deletions":
+        return b.includes("delet");
+      case "edits":
+        return b.includes("edit");
+      case "schema":
+        return b.includes("schema");
+      case "restorable":
+        return u.restorable === !0;
+      default:
+        return !0;
+    }
+  })), o = a ?? [
+    { value: "all", label: "All" },
+    { value: "deletions", label: "Deletions" },
+    { value: "edits", label: "Edits" },
+    { value: "schema", label: "Schema changes" },
+    { value: "restorable", label: "Restorable" }
+  ];
+  return d.div(
+    s.class("bc-history-timeline"),
+    // Filter chips
+    d.div(
+      s.class("bc-history-timeline__filters"),
+      ...o.map(
+        (i) => d.button(
+          s.type("button"),
+          s.class(
+            k(n)(
+              (l) => l === i.value ? "bc-history-timeline__filter bc-history-timeline__filter--active" : "bc-history-timeline__filter"
+            )
+          ),
+          T.click(() => n.set(i.value)),
+          i.label
+        )
+      )
+    ),
+    // Timeline entries
+    d.div(
+      s.class("bc-history-timeline__list"),
+      Q(r, (i) => d.div(
+        s.class("bc-history-timeline__entry"),
+        // Timeline dot + line
+        d.div(
+          s.class("bc-history-timeline__line"),
+          d.div(
+            s.class("bc-history-timeline__dot"),
+            s.style(i.map((l) => `background: ${l.actionColor}`))
+          )
+        ),
+        // Entry content
+        d.div(
+          s.class("bc-history-timeline__content"),
+          d.div(
+            s.class("bc-history-timeline__content-header"),
+            d.span(
+              s.class("bc-history-timeline__action"),
+              s.style(i.map((l) => `color: ${l.actionColor}`)),
+              i.$.action
+            ),
+            d.span(s.class("bc-history-timeline__time"), i.$.time)
+          ),
+          d.div(
+            s.class("bc-history-timeline__target"),
+            U({ icon: i.$.targetIcon, size: "xs" }),
+            d.span(i.$.target)
+          ),
+          d.div(s.class("bc-history-timeline__detail"), i.$.detail),
+          d.div(
+            s.class("bc-history-timeline__footer"),
+            d.div(
+              s.class("bc-history-timeline__actor"),
+              d.div(
+                s.class("bc-history-timeline__avatar"),
+                i.$.actor.$.initials
+              ),
+              d.span(i.$.actor.$.name)
+            ),
+            I(
+              i.map((l) => l.restorable === !0 && l.onRestore != null),
+              () => st(
+                {
+                  variant: "outline",
+                  size: "xs",
+                  onClick: () => i.value.onRestore?.()
+                },
+                U({ icon: "lucide:rotate-ccw", size: "xs" }),
+                "Restore"
+              )
+            )
+          )
+        )
+      )),
+      // Empty state
+      I(
+        k(r)((i) => i.length === 0),
+        () => d.div(
+          s.class("bc-history-timeline__empty"),
+          "No matching history entries"
+        )
+      )
+    )
+  );
+}
+function oe(e, t, a) {
+  const n = [
+    "bc-indicator__badge",
+    `bc-indicator--${e}`,
+    `bc-indicator--size-${t}`
+  ];
+  return a ? n.push("bc-indicator--dot") : n.push("bc-indicator--count"), n.join(" ");
+}
+function ie(e) {
+  const t = F(e, "solid", "light"), a = F(e, "solid", "dark");
+  return [
+    `--indicator-bg: ${t.backgroundColor}`,
+    `--indicator-text: ${t.textColor}`,
+    `--indicator-bg-dark: ${a.backgroundColor}`,
+    `--indicator-text-dark: ${a.textColor}`
+  ].join("; ");
+}
+function fa({
+  show: e = !0,
+  count: t,
+  maxCount: a = 9,
+  color: n = "danger",
+  placement: r = "top-right",
+  size: c = "sm"
+}, ...o) {
+  const i = k(
+    e,
+    t ?? 0
+  )((b, f) => (b ?? !0) || f > 0), l = k(t ?? 0)((b) => b <= 0), u = k(
+    t ?? 0,
+    a
+  )((b, f) => b <= 0 ? "" : b > (f ?? 9) ? `${f ?? 9}+` : String(b));
+  return d.span(
+    s.class("bc-indicator"),
+    ...o,
+    I(
+      i,
+      () => d.span(
+        s.class(
+          k(
+            r,
+            c,
+            l
+          )(
+            (b, f, g) => oe(
+              b ?? "top-right",
+              f ?? "sm",
+              g ?? !0
+            )
+          )
+        ),
+        s.style(
+          k(n)(
+            (b) => ie(b ?? "danger")
+          )
+        ),
+        u
+      )
+    )
+  );
+}
+function ce(e, t, a) {
+  const n = [
+    "bc-progress-bar",
+    `bc-progress-bar--size-${e}`,
+    `bc-control--rounded-${a}`
+  ];
+  return t && n.push("bc-progress-bar--indeterminate"), n.join(" ");
+}
+function le(e) {
+  const t = /* @__PURE__ */ new Map(), a = F(e, "solid", "light"), n = F(e, "solid", "dark");
+  return t.set("--progress-fill", a.backgroundColor), t.set("--progress-fill-dark", n.backgroundColor), Array.from(t.entries()).map(([r, c]) => `${r}: ${c}`).join("; ");
+}
+function ma({
+  value: e = 0,
+  max: t = 100,
+  size: a = "md",
+  color: n = "primary",
+  indeterminate: r = !1,
+  showLabel: c = !1,
+  roundedness: o = "full"
+}) {
+  const i = k(
+    e,
+    t
+  )((b, f) => {
+    const g = b ?? 0, p = f ?? 100;
+    return p > 0 ? Math.min(Math.max(g / p * 100, 0), 100) : 0;
+  }), l = m.map(i, (b) => `${Math.round(b)}%`), u = k(
+    i,
+    r
+  )((b, f) => f ?? !1 ? "" : `${b}%`);
+  return d.div(
+    s.class("bc-progress-bar-wrapper"),
+    d.div(
+      s.class(
+        k(
+          a,
+          r,
+          o
+        )(
+          (b, f, g) => ce(b ?? "md", f ?? !1, g ?? "full")
+        )
+      ),
+      s.style(
+        m.map(
+          n,
+          (b) => le(b ?? "primary")
+        )
+      ),
+      s.role("progressbar"),
+      D.valuemin(0),
+      D.valuemax(t),
+      D.valuenow(e),
+      D.valuetext(l),
+      d.div(
+        s.class("bc-progress-bar__track"),
+        d.div(s.class("bc-progress-bar__fill"), dt.width(u))
+      )
+    ),
+    // Optional label
+    I(
+      c,
+      () => d.div(
+        s.class("bc-progress-bar__label"),
+        D.hidden(!0),
+        l
+      ),
+      () => {
+      }
+    )
+  );
+}
+function ht(e, t, a) {
+  const n = [
+    "bc-skeleton",
+    `bc-skeleton--${e}`,
+    `bc-control--rounded-${a}`
+  ];
+  return t && n.push("bc-skeleton--animate"), e === "circle" && n.push("bc-skeleton--circle"), n.join(" ");
+}
+function de(e, t, a) {
+  const n = [];
+  return e !== void 0 && n.push(`width: ${e}`), t !== void 0 ? n.push(`height: ${t}`) : a === "text" ? n.push("height: 1em") : a === "circle" && e !== void 0 && n.push(`height: ${e}`), n.join("; ");
+}
+function ha({
+  variant: e = "text",
+  width: t,
+  height: a,
+  lines: n = 1,
+  animate: r = !0,
+  roundedness: c = "sm"
+}) {
+  const o = k(
+    e,
+    n
+  )((i, l) => i === "text" && (l ?? 1) > 1);
+  return I(
+    o,
+    // Multi-line text skeleton
+    () => d.div(
+      s.class("bc-skeleton__lines-container"),
+      Ct(
+        n,
+        (i) => d.div(
+          s.class(
+            k(
+              r,
+              c
+            )(
+              (l, u) => ht("text", l ?? !0, u ?? "sm") + " bc-skeleton__line"
+            )
+          ),
+          dt.width(
+            k(
+              i.isLast,
+              t
+            )(
+              (l, u) => l && u === void 0 ? "80%" : u !== void 0 ? u : ""
+            )
+          )
+        )
+      )
+    ),
+    // Single skeleton element
+    () => d.div(
+      s.class(
+        k(
+          e,
+          r,
+          c
+        )(
+          (i, l, u) => ht(i ?? "text", l ?? !0, u ?? "sm")
+        )
+      ),
+      s.style(
+        k(
+          t,
+          a,
+          e
+        )((i, l, u) => de(i, l, u ?? "text"))
+      ),
+      D.hidden(!0)
+    )
+  );
+}
+function ue(e, t, a) {
+  const n = [], r = Math.max(1, e - a), c = Math.min(t, e + a);
+  r > 1 && (n.push(1), r > 2 && n.push("dots"));
+  for (let o = r; o <= c; o++)
+    n.push(o);
+  return c < t && (c < t - 1 && n.push("dots"), n.push(t)), n;
+}
+function be(e, t) {
+  const a = /* @__PURE__ */ new Map();
+  switch (e) {
+    case "filled":
+    case "pill": {
+      const c = F(t, "solid", "light"), o = F(t, "solid", "dark");
+      a.set("--pagination-active-bg", c.backgroundColor), a.set("--pagination-active-text", c.textColor), a.set("--pagination-active-bg-dark", o.backgroundColor), a.set("--pagination-active-text-dark", o.textColor);
+      break;
+    }
+    case "outline": {
+      a.set("--pagination-active-bg", "transparent"), a.set("--pagination-active-text", j(t, "light")), a.set("--pagination-active-border", W(t, "light")), a.set("--pagination-active-bg-dark", "transparent"), a.set("--pagination-active-text-dark", j(t, "dark")), a.set(
+        "--pagination-active-border-dark",
+        W(t, "dark")
+      ), a.set("--pagination-item-border", P("base", 300)), a.set("--pagination-item-border-dark", P("base", 600));
+      break;
+    }
+    case "light": {
+      const c = F(t, "light", "light"), o = F(t, "light", "dark");
+      a.set("--pagination-active-bg", c.backgroundColor), a.set("--pagination-active-text", j(t, "light")), a.set("--pagination-active-bg-dark", o.backgroundColor), a.set("--pagination-active-text-dark", j(t, "dark")), a.set("--pagination-item-bg", P("base", 100)), a.set("--pagination-item-bg-dark", P("base", 800));
+      break;
+    }
+    case "subtle": {
+      a.set("--pagination-active-bg", "transparent"), a.set("--pagination-active-text", j(t, "light")), a.set("--pagination-active-bg-dark", "transparent"), a.set("--pagination-active-text-dark", j(t, "dark"));
+      break;
+    }
+  }
+  const n = P("base", 100), r = P("base", 700);
+  return a.set("--pagination-hover-bg", n), a.set("--pagination-hover-bg-dark", r), Array.from(a.entries()).map(([c, o]) => `${c}: ${o}`).join("; ");
+}
+function va({
+  currentPage: e,
+  totalPages: t,
+  onChange: a,
+  siblings: n = 1,
+  showPrevNext: r = !0,
+  showFirstLast: c = !1,
+  size: o = "md",
+  variant: i = "filled",
+  color: l = "primary",
+  justify: u = !1,
+  responsive: b = !1
+}) {
+  const f = m.deriveProp(n), g = k(
+    b,
+    f,
+    n
+  )((p, h, v) => p ? h : v);
+  return R(
+    J,
+    (p) => d.nav(
+      s.class(
+        k(
+          o,
+          i,
+          u
+        )((h, v, S) => {
+          const x = [
+            "bc-pagination",
+            `bc-pagination--size-${h}`,
+            `bc-pagination--variant-${v}`
+          ];
+          return S && x.push("bc-pagination--justify"), x.join(" ");
+        })
+      ),
+      s.style(
+        k(i, l)((h, v) => be(h, v))
+      ),
+      D.label(p.$.paginationLabel),
+      // Responsive ResizeObserver setup
+      I(
+        b,
+        () => q((h) => {
+          const v = () => {
+            const x = h.clientWidth;
+            if (x === 0) return;
+            const A = h.querySelector(
+              ".bc-pagination__item"
+            );
+            if (!A) return;
+            const B = A.offsetWidth, C = parseFloat(getComputedStyle(h).gap) || 0, $ = B + C, w = Math.floor(
+              (x + C) / $
+            ), y = (m.get(r) ? 2 : 0) + (m.get(c) ? 2 : 0), _ = m.get(t), L = w - y, E = Math.max(
+              0,
+              Math.floor((L - 5) / 2)
+            ), O = Math.floor((_ - 3) / 2);
+            f.set(Math.min(E, Math.max(0, O)));
+          }, S = new ResizeObserver(v);
+          return S.observe(h), ut(v), tt(() => S.disconnect());
+        })
+      ),
+      // First page button
+      I(
+        c,
+        () => d.button(
+          s.class("bc-pagination__item"),
+          s.disabled(
+            k(
+              e,
+              t
+            )((h, v) => h <= 1 || v <= 1)
+          ),
+          D.label(p.$.firstPage),
+          T.click((h) => {
+            h.preventDefault(), m.get(t) > 1 && a(1);
+          }),
+          "«"
+          // «
+        )
+      ),
+      // Previous page button
+      I(
+        r,
+        () => d.button(
+          s.class("bc-pagination__item"),
+          s.disabled(
+            k(
+              e,
+              t
+            )((h, v) => h <= 1 || v <= 1)
+          ),
+          D.label(p.$.previousPage),
+          T.click((h) => {
+            h.preventDefault();
+            const v = m.get(e);
+            v > 1 && a(v - 1);
+          }),
+          "‹"
+          // ‹
+        )
+      ),
+      // Page numbers and ellipsis
+      Q(
+        k(
+          e,
+          t,
+          g
+        )(
+          (h, v, S) => ue(h, v, S)
+        ),
+        (h) => {
+          const v = h.map((x) => x === "dots"), S = k(
+            h,
+            e
+          )((x, A) => x === A);
+          return I(
+            v,
+            () => d.span(s.class("bc-pagination__dots"), "…"),
+            () => d.button(
+              s.class(
+                m.map(
+                  S,
+                  (x) => x ? "bc-pagination__item bc-pagination__item--active" : "bc-pagination__item"
+                )
+              ),
+              q((x) => {
+                m.on(S, (A) => {
+                  A ? x.setAttribute("aria-current", "page") : x.removeAttribute("aria-current");
+                });
+              }),
+              T.click((x) => {
+                x.preventDefault();
+                const A = m.get(h);
+                A !== "dots" && A !== m.get(e) && a(A);
+              }),
+              h.map((x) => String(x))
+            )
+          );
+        }
+      ),
+      // Next page button
+      I(
+        r,
+        () => d.button(
+          s.class("bc-pagination__item"),
+          s.disabled(
+            k(
+              e,
+              t
+            )((h, v) => h >= v || v <= 1)
+          ),
+          D.label(p.$.nextPage),
+          T.click((h) => {
+            h.preventDefault();
+            const v = m.get(e), S = m.get(t);
+            v < S && a(v + 1);
+          }),
+          "›"
+        )
+      ),
+      // Last page button
+      I(
+        c,
+        () => d.button(
+          s.class("bc-pagination__item"),
+          s.disabled(
+            k(
+              e,
+              t
+            )((h, v) => h >= v || v <= 1)
+          ),
+          D.label(p.$.lastPage),
+          T.click((h) => {
+            h.preventDefault();
+            const v = m.get(t);
+            v > 1 && a(v);
+          }),
+          "»"
+          // »
+        )
+      )
+    )
+  );
+}
+function ge(e) {
+  const t = {
+    up: "M0 16 L8 10 L16 16 Z",
+    down: "M0 0 L8 6 L16 0 Z",
+    left: "M16 0 L10 8 L16 16 Z",
+    right: "M0 0 L6 8 L0 16 Z"
+  };
+  return bt.svg(
+    gt.viewBox("0 0 16 16"),
+    bt.path(gt.d(e.map((a) => t[a])))
+  );
+}
+function ka(e) {
+  const {
+    content: t,
+    placement: a = "top",
+    showDelay: n = 250,
+    hideDelay: r = 500,
+    mainAxisOffset: c = 8,
+    crossAxisOffset: o = 0,
+    showOn: i = "hover-focus"
+  } = e, l = K("tooltip");
+  return Y(
+    D.describedby(l),
+    wt({
+      content: () => Y(
+        s.class("bc-tooltip"),
+        s.role("tooltip"),
+        s.id(l),
+        t
+      ),
+      placement: a,
+      showDelay: n,
+      hideDelay: r,
+      mainAxisOffset: c,
+      crossAxisOffset: o,
+      showOn: i,
+      closable: !0,
+      role: "tooltip",
+      // Override the default dialog role for tooltips
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      arrow: (u) => {
+        const b = u.map(
+          ({
+            placement: f
+          }) => f.includes("top") ? "down" : f.includes("bottom") ? "up" : f.includes("left") ? "right" : f.includes("right") ? "left" : "up"
+        );
+        return Y(
+          s.class("bc-tooltip__arrow"),
+          s.class(b.map((f) => `bc-tooltip__arrow-${f}`)),
+          dt.transform(
+            u.map(({ x: f, y: g }) => f == null && g == null ? "" : f != null ? `translate(${f}px, 0)` : `translate(0, ${g}px)`)
+          ),
+          ge(b)
+        );
+      }
+    })
+  );
+}
+function Tt({ open: e }, ...t) {
+  return q((a) => {
+    const { status: n, setOpen: r, dispose: c } = Dt({
+      initialStatus: m.get(e) ? "opened" : "closed",
+      element: a
+    });
+    return m.on(e, r), qt((o) => {
+      const i = V(null);
+      return k(
+        n,
+        o.$.height
+      )((u, b) => u === "opened" && b > 0 ? b : null).on((u) => {
+        u != null && i.set(u);
+      }), n.on((u) => {
+        if (a && u === "start-opening") {
+          const b = a.style.height, f = a.style.transition;
+          a.style.transition = "none", a.style.height = "auto", a.offsetHeight;
+          const g = a.scrollHeight;
+          g > 0 && i.set(g), a.style.height = b, a.style.transition = f, a.offsetHeight;
+        }
+      }), Y(
+        tt(c),
+        s.style(
+          i.map((u) => `--collapse-height: ${u != null ? `${u}px` : "auto"}`)
+        ),
+        s.class(n.map((u) => `bc-collapse bc-collapse--${u}`)),
+        ...t
+      );
+    });
+  });
+}
+function pe(e, t) {
+  return [
+    "bc-accordion",
+    `bc-accordion--size-${e}`,
+    `bc-accordion--${t}`
+  ].join(" ");
+}
+function _a({
+  items: e,
+  multiple: t = !1,
+  size: a = "md",
+  variant: n = "default"
+}) {
+  const r = K("accordion"), c = /* @__PURE__ */ new Map();
+  for (const i of e)
+    c.set(i.key, V(i.defaultOpen ?? !1));
+  const o = (i) => {
+    const l = c.get(i);
+    if (l != null) {
+      if (!m.get(t))
+        for (const [u, b] of c)
+          u !== i && b.set(!1);
+      l.update((u) => !u);
+    }
+  };
+  return d.div(
+    s.class(k(a, n)(pe)),
+    s.role("presentation"),
+    ...e.map((i, l) => {
+      const u = c.get(i.key), b = `${r}-header-${l}`, f = `${r}-panel-${l}`;
+      return d.div(
+        s.class("bc-accordion__item"),
+        s.class(
+          u.map(
+            (g) => g ? "bc-accordion__item--open" : "bc-accordion__item--closed"
+          )
+        ),
+        i.disabled ? s.class("bc-accordion__item--disabled") : N,
+        // Header / trigger
+        d.button(
+          s.type("button"),
+          s.class("bc-accordion__header"),
+          s.id(b),
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          D.expanded(u),
+          D.controls(f),
+          s.disabled(i.disabled ?? !1),
+          T.click((g) => {
+            g.preventDefault(), i.disabled || o(i.key);
+          }),
+          d.span(s.class("bc-accordion__header-content"), i.header),
+          d.span(
+            s.class("bc-accordion__chevron"),
+            s.class(
+              u.map(
+                (g) => g ? "bc-accordion__chevron--open" : "bc-accordion__chevron--closed"
+              )
+            ),
+            // CSS-only chevron via border trick
+            d.span(s.class("bc-accordion__chevron-icon"))
+          )
+        ),
+        // Panel
+        d.div(
+          s.id(f),
+          s.role("region"),
+          D.labelledby(b),
+          d.div(
+            Tt(
+              { open: u },
+              d.div(s.class("bc-accordion__body"), i.body)
+            )
+          )
+        )
+      );
+    })
+  );
+}
+async function fe(e) {
+  try {
+    return await navigator.clipboard.writeText(e), !0;
+  } catch {
+    try {
+      const t = document.createElement("textarea");
+      return t.value = e, t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t), !0;
+    } catch {
+      return !1;
+    }
+  }
+}
+function ya({
+  text: e,
+  size: t = "sm",
+  color: a = "base",
+  variant: n = "subtle",
+  roundedness: r = "sm",
+  disabled: c = !1,
+  timeout: o = 2e3
+}, ...i) {
+  const l = V("idle");
+  let u;
+  return R(J, (b) => {
+    const f = m.map(l, (h) => h === "copied"), g = k(
+      l,
+      b.$.copyButton.$.copied,
+      b.$.copyButton.$.copyToClipboard
+    )((h, v, S) => h === "copied" ? v : S), p = async () => {
+      if (m.get(c)) return;
+      await fe(m.get(e)) && (u != null && clearTimeout(u), l.set("copied"), u = setTimeout(() => l.set("idle"), m.get(o)));
+    };
+    return d.span(
+      s.class(
+        m.map(
+          l,
+          (h) => h === "copied" ? "bc-copy-button bc-copy-button--copied" : "bc-copy-button"
+        )
+      ),
+      tt(() => {
+        u != null && clearTimeout(u);
+      }),
+      st(
+        {
+          variant: n,
+          size: t,
+          roundedness: r,
+          disabled: c,
+          color: a,
+          onClick: p
+        },
+        D.label(g),
+        s.title(g),
+        I(
+          f,
+          () => U({ icon: "lucide:check", size: t }),
+          () => U({ icon: "lucide:copy", size: t })
+        ),
+        ...i
+      )
+    );
+  });
+}
+function me(e, t, a, n) {
+  const r = [
+    "bc-toggle-button",
+    `bc-toggle-button--size-${e}`,
+    `bc-control--padding-${e}`,
+    `bc-control--rounded-${t}`
+  ];
+  return a && r.push("bc-toggle-button--full-width"), n && r.push("bc-toggle-button--pressed"), r.join(" ");
+}
+function he(e, t, a, n) {
+  const r = /* @__PURE__ */ new Map();
+  r.set("--toggle-text-shadow", "var(--text-shadow-none)"), r.set("--toggle-text-shadow-dark", "var(--text-shadow-none)");
+  const c = (o, i, l, u) => {
+    n || (r.set("--toggle-bg-hover", o), r.set("--toggle-text-hover", l), r.set("--toggle-bg-hover-dark", i), r.set("--toggle-text-hover-dark", u));
+  };
+  if (a) {
+    const o = F(t, "solid", "light"), i = F(t, "solid", "dark");
+    r.set("--toggle-bg", o.backgroundColor), r.set("--toggle-text", o.textColor), r.set("--toggle-bg-dark", i.backgroundColor), r.set("--toggle-text-dark", i.textColor), r.set("--toggle-border", o.backgroundColor), r.set("--toggle-border-dark", i.backgroundColor), r.set(
+      "--toggle-text-shadow",
+      "var(--text-shadow-button-filled, var(--text-shadow-sm))"
+    ), r.set(
+      "--toggle-text-shadow-dark",
+      "var(--text-shadow-button-filled, var(--text-shadow-sm))"
+    );
+    const l = z(t, "solid", "light"), u = z(t, "solid", "dark");
+    c(
+      l.backgroundColor,
+      u.backgroundColor,
+      l.textColor,
+      u.textColor
+    );
+  } else
+    switch (e) {
+      case "outline":
+      case "dashed": {
+        r.set("--toggle-bg", "transparent"), r.set("--toggle-bg-dark", "transparent"), r.set("--toggle-border", W(t, "light")), r.set("--toggle-border-dark", W(t, "dark")), r.set("--toggle-text", j(t, "light")), r.set("--toggle-text-dark", j(t, "dark")), e === "dashed" && r.set("--toggle-border-style", "dashed");
+        const o = z(t, "light", "light"), i = z(t, "light", "dark");
+        c(
+          o.backgroundColor,
+          i.backgroundColor,
+          o.textColor,
+          i.textColor
+        );
+        break;
+      }
+      case "light": {
+        const o = F(t, "light", "light"), i = F(t, "light", "dark");
+        r.set("--toggle-bg", o.backgroundColor), r.set("--toggle-text", o.textColor), r.set("--toggle-bg-dark", i.backgroundColor), r.set("--toggle-text-dark", i.textColor);
+        const l = z(t, "light", "light"), u = z(t, "light", "dark");
+        c(
+          l.backgroundColor,
+          u.backgroundColor,
+          l.textColor,
+          u.textColor
+        );
+        break;
+      }
+      case "filled": {
+        const o = F("neutral", "light", "light"), i = F("neutral", "light", "dark");
+        r.set("--toggle-bg", o.backgroundColor), r.set("--toggle-text", j(t, "light")), r.set("--toggle-bg-dark", i.backgroundColor), r.set("--toggle-text-dark", j(t, "dark"));
+        const l = z("base", "light", "light"), u = z("base", "light", "dark");
+        c(
+          l.backgroundColor,
+          u.backgroundColor,
+          r.get("--toggle-text") ?? o.textColor,
+          r.get("--toggle-text-dark") ?? i.textColor
+        );
+        break;
+      }
+      case "default": {
+        const o = F("neutral", "light", "light"), i = F("neutral", "light", "dark");
+        r.set("--toggle-bg", o.backgroundColor), r.set("--toggle-text", j(t, "light")), r.set("--toggle-bg-dark", i.backgroundColor), r.set("--toggle-text-dark", j(t, "dark")), r.set("--toggle-border", P("neutral", 300)), r.set("--toggle-border-dark", P("neutral", 700));
+        const l = z("base", "light", "light"), u = z("base", "light", "dark");
+        c(
+          l.backgroundColor,
+          u.backgroundColor,
+          r.get("--toggle-text") ?? o.textColor,
+          r.get("--toggle-text-dark") ?? i.textColor
+        );
+        break;
+      }
+      case "subtle": {
+        r.set("--toggle-bg", "transparent"), r.set("--toggle-bg-dark", "transparent"), r.set("--toggle-text", j(t, "light")), r.set("--toggle-text-dark", j(t, "dark"));
+        const o = z(t, "light", "light"), i = z(t, "light", "dark");
+        c(
+          o.backgroundColor,
+          i.backgroundColor,
+          o.textColor,
+          i.textColor
+        );
+        break;
+      }
+      default: {
+        const o = F("neutral", "light", "light"), i = F("neutral", "light", "dark");
+        r.set("--toggle-bg", o.backgroundColor), r.set("--toggle-text", j(t, "light")), r.set("--toggle-bg-dark", i.backgroundColor), r.set("--toggle-text-dark", j(t, "dark"));
+        const l = z("base", "light", "light"), u = z("base", "light", "dark");
+        c(
+          l.backgroundColor,
+          u.backgroundColor,
+          r.get("--toggle-text") ?? o.textColor,
+          r.get("--toggle-text-dark") ?? i.textColor
+        );
+        break;
+      }
+    }
+  return Array.from(r.entries()).map(([o, i]) => `${o}: ${i}`).join("; ");
+}
+function ve({
+  pressed: e,
+  onChange: t,
+  disabled: a = !1,
+  variant: n = "outline",
+  size: r = "md",
+  color: c = "primary",
+  roundedness: o = "sm",
+  fullWidth: i = !1
+}, ...l) {
+  return d.button(
+    s.type("button"),
+    s.disabled(a),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    D.pressed(e),
+    s.class(
+      k(
+        r,
+        o,
+        i,
+        e
+      )(me)
+    ),
+    s.style(
+      k(n, c, e, a)(he)
+    ),
+    T.click((u) => {
+      u.preventDefault(), u.stopPropagation(), m.get(a) || t?.(!m.get(e));
+    }),
+    ...l
+  );
+}
+function ke(e, t) {
+  return [
+    "bc-toggle-button-group",
+    `bc-toggle-button-group--${e}`,
+    `bc-toggle-button-group--rounded-${t}`
+  ].join(" ");
+}
+function Ca({
+  items: e,
+  value: t,
+  onChange: a,
+  multiple: n = !1,
+  disabled: r = !1,
+  variant: c = "outline",
+  size: o = "md",
+  color: i = "primary",
+  roundedness: l = "sm",
+  orientation: u = "horizontal"
+}) {
+  const b = (f, g) => {
+    const p = m.get(t), h = m.get(n);
+    let v;
+    h ? v = g ? [...p, f] : p.filter((S) => S !== f) : v = g ? [f] : [], a?.(v);
+  };
+  return d.div(
+    s.role("group"),
+    s.class(k(u, l)(ke)),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    D.orientation(u),
+    ...e.map((f) => {
+      const g = m.map(t, (h) => h.includes(f.key)), p = f.disabled ? m.map(r, (h) => h || f.disabled) : r;
+      return ve(
+        {
+          pressed: g,
+          onChange: (h) => b(f.key, h),
+          disabled: p,
+          variant: c,
+          size: o,
+          color: i,
+          roundedness: "none",
+          fullWidth: !1
+        },
+        f.label
+      );
+    })
+  );
+}
+function xa(...e) {
+  return d.div(
+    s.class("bc-center-h"),
+    d.div(s.class("bc-center__content"), ...e)
+  );
+}
+function _e(e) {
+  const t = ["bc-center"];
+  return e !== "lg" && t.push(`bc-center--gap-${e}`), t.join(" ");
+}
+function $a({ gap: e = "lg" } = {}, ...t) {
+  return d.div(
+    s.class(k(e)((a) => _e(a ?? "lg"))),
+    ...t
+  );
+}
+function vt(e, t, a, n, r) {
+  const c = ["bc-divider"];
+  return e === "vertical" && c.push("bc-divider--vertical"), t !== "solid" && c.push(`bc-divider--${t}`), a !== "default" && c.push(`bc-divider--tone-${a}`), n && (c.push("bc-divider--labeled"), r !== "center" && c.push(`bc-divider--labeled-${r}`)), c.join(" ");
+}
+function wa({
+  orientation: e = "horizontal",
+  variant: t = "solid",
+  tone: a = "default",
+  label: n,
+  labelAlign: r = "center"
+} = {}) {
+  return n != null ? d.div(
+    s.class(
+      k(
+        e,
+        t,
+        a,
+        r
+      )(
+        (o, i, l, u) => vt(
+          o ?? "horizontal",
+          i ?? "solid",
+          l ?? "default",
+          !0,
+          u ?? "center"
+        )
+      )
+    ),
+    s.role("separator"),
+    d.span(s.class("bc-divider__line")),
+    d.span(s.class("bc-divider__label"), n),
+    d.span(s.class("bc-divider__line"))
+  ) : d.hr(
+    s.class(
+      k(
+        e,
+        t,
+        a
+      )(
+        (o, i, l) => vt(
+          o ?? "horizontal",
+          i ?? "solid",
+          l ?? "default",
+          !1,
+          "center"
+        )
+      )
+    ),
+    s.role("separator")
+  );
+}
+function Da(e) {
+  return s.class(`bc-flex--gap-${e}`);
+}
+function Sa(e) {
+  return s.class(`bc-flex--align-${e}`);
+}
+function La(e) {
+  return s.class(`bc-flex--justify-${e}`);
+}
+const Ta = s.class("bc-flex--wrap"), Ia = s.class("bc-flex--nowrap"), Aa = s.class("bc-flex--grow");
+function kt({ header: e, footer: t, body: a, shadowOnScroll: n = !0 }, ...r) {
+  const c = V("none");
+  function o(l) {
+    const u = l.scrollTop <= 1, b = l.scrollTop + l.clientHeight >= l.scrollHeight - 2;
+    u && b ? c.set("none") : u ? c.set("bottom") : b ? c.set("top") : c.set("both");
+  }
+  return d.div(
+    s.class(
+      k(
+        c,
+        n
+      )((l, u) => {
+        const b = ["bc-scrollable-panel"];
+        return u && ((l === "top" || l === "both") && b.push("bc-scrollable-panel--scrolled-down"), (l === "bottom" || l === "both") && b.push("bc-scrollable-panel--scrolled-up")), b.join(" ");
+      })
+    ),
+    e && d.div(s.class("bc-scrollable-panel__header"), e),
+    d.div(s.class("bc-scrollable-panel--header-shadow"), d.div()),
+    d.div(
+      s.class("bc-scrollable-panel__body"),
+      q((l) => {
+        o(l);
+        const u = new ResizeObserver(() => o(l));
+        u.observe(l);
+        const b = new MutationObserver(() => {
+          requestAnimationFrame(() => o(l));
+        });
+        return b.observe(l, { childList: !0, subtree: !0 }), tt(() => {
+          u.disconnect(), b.disconnect();
+        });
+      }),
+      T.scroll((l) => {
+        const u = l.target;
+        o(u);
+      }),
+      a
+    ),
+    d.div(s.class("bc-scrollable-panel--footer-shadow"), d.div()),
+    t && d.div(s.class("bc-scrollable-panel__footer"), t),
+    ...r
+  );
+}
+function ye(e, t) {
+  const a = ["bc-stat-card"];
+  return e !== "default" && a.push(`bc-stat-card--${e}`), t !== "md" && a.push(`bc-stat-card--padding-${t}`), a.join(" ");
+}
+function za({ variant: e = "default", size: t = "md", color: a = "primary" } = {}, ...n) {
+  return d.div(
+    s.role("group"),
+    s.class(k(e, t)(ye)),
+    s.style(
+      m.map(a, (r) => `--stat-card-accent: var(--color-${r}-500)`)
+    ),
+    ...n
+  );
+}
+function Fa({ class: e } = {}, ...t) {
+  return d.div(
+    s.class("bc-stat-card__value"),
+    s.class(e),
+    ...t
+  );
+}
+function ja({ class: e } = {}, ...t) {
+  return d.div(
+    s.class("bc-stat-card__label"),
+    s.class(e),
+    ...t
+  );
+}
+function Ea(e) {
+  const { value: t, direction: a, color: n } = e;
+  return R(J, (r) => {
+    const c = n ?? m.map(
+      a,
+      (l) => l === "up" ? "success" : l === "down" ? "danger" : "neutral"
+    ), o = m.map(
+      a,
+      (l) => l === "up" ? "lucide:trending-up" : l === "down" ? "lucide:trending-down" : "lucide:minus"
+    ), i = k(
+      a,
+      t,
+      r.$.statCard.$.trendUp,
+      r.$.statCard.$.trendDown,
+      r.$.statCard.$.trendFlat
+    )(
+      (l, u, b, f, g) => `${l === "up" ? b : l === "down" ? f : g}: ${u}`
+    );
+    return d.span(
+      s.role("status"),
+      s.class(
+        m.map(
+          a,
+          (l) => `bc-stat-card__trend bc-stat-card__trend--${l}`
+        )
+      ),
+      s.style(
+        m.map(
+          c,
+          (l) => `--stat-card-trend-color: var(--color-${l}-600); --stat-card-trend-color-dark: var(--color-${l}-400)`
+        )
+      ),
+      D.label(i),
+      U({ icon: o, size: "xs" }),
+      d.span(
+        s.class("bc-stat-card__trend-value"),
+        m.map(t, String)
+      )
+    );
+  });
+}
+function Ba({ class: e } = {}, ...t) {
+  return d.div(
+    s.class("bc-stat-card__icon"),
+    s.class(e),
+    ...t
+  );
+}
+function Oa({ class: e } = {}, ...t) {
+  return d.div(
+    s.class("bc-stat-card__sparkline"),
+    s.class(e),
+    ...t
+  );
+}
+function Ce({
+  value: e,
+  onChange: t,
+  onInput: a
+}) {
+  return d.div(
+    s.class("bc-color-input__swatch-container"),
+    d.span(
+      s.class("bc-color-input__swatch"),
+      xt.color(
+        s.class("bc-color-input__swatch-native"),
+        s.value(e),
+        t != null ? T.change(at(t)) : N,
+        a != null ? T.input(at(a)) : N
+      ),
+      s.style(m.map(e, (n) => `background-color: ${n}`))
+    )
+  );
+}
+function Ra(e) {
+  const {
+    value: t = "#000000",
+    onBlur: a,
+    onChange: n,
+    onInput: r,
+    swatchSize: c,
+    ...o
+  } = e;
+  return Gt(
+    {
+      ...o,
+      input: xt.text(
+        Vt(e),
+        s.value(t),
+        a != null ? T.blur(at(a)) : N,
+        n != null ? T.change(at(n)) : N,
+        r != null ? T.input(at(r)) : N
+      )
+    },
+    s.class("bc-color-input"),
+    Ce({ value: t, onChange: e.onChange, onInput: e.onInput })
+  );
+}
+function xe(e) {
+  return `bc-kbd bc-kbd--size-${e}`;
+}
+function Ma({ size: e = "sm" } = {}, ...t) {
+  return d.kbd(
+    s.class(m.map(e, (a) => xe(a ?? "sm"))),
+    ...t
+  );
+}
+function Pa(e) {
+  return Nt((t, a) => {
+    let n = a;
+    const r = () => n();
+    return e((i) => {
+      const {
+        size: l = "md",
+        side: u = "right",
+        dismissable: b = !0,
+        showCloseButton: f = !0,
+        onClose: g,
+        overlayEffect: p = "opaque",
+        container: h = "body",
+        header: v,
+        body: S,
+        footer: x
+      } = i;
+      n = a;
+      const A = V("capturing");
+      m.on(b, ($) => {
+        A.set($ ? "capturing" : "non-capturing");
+      });
+      const B = k(
+        v != null,
+        f
+      )(($, w) => $ || w), C = q(($) => {
+        const w = Dt({
+          initialStatus: "closed",
+          element: $
+        });
+        w.listenOnClosed(() => {
+          a();
+        }), n = () => {
+          w.close();
+        }, ut(() => w.open());
+        const _ = K("drawer"), L = v != null ? `${_}-header` : void 0, E = `${_}-body`;
+        return d.div(
+          s.class(
+            k(
+              l,
+              u,
+              w.status
+            )(
+              (O, nt, ot) => `bc-drawer bc-drawer--size-${O} bc-drawer--container-${h} bc-drawer--side-${nt} bc-drawer--status-${ot}`
+            )
+          ),
+          // Essential ARIA attributes for drawer dialog
+          s.role("dialog"),
+          D.modal(!0),
+          ...L ? [D.labelledby(L)] : [],
+          D.describedby(E),
+          s.tabindex(-1),
+          // Make drawer focusable for initial focus
+          s.id(_),
+          $t("focus-trap", "true"),
+          // Mark as focus trap container
+          // Focus trap for keyboard navigation
+          Ht({
+            active: !0,
+            escapeDeactivates: !1,
+            // Let Overlay handle escape key
+            initialFocus: () => document.querySelector(
+              `#${_} [aria-label="Close drawer"]`
+            ) || null
+          }),
+          T.mousedown((O) => O.stopPropagation()),
+          // Prevent overlay click-outside when clicking drawer content
+          // Drawer content container
+          I(
+            B,
+            () => kt({
+              header: d.div(
+                s.class("bc-drawer__header"),
+                d.div(s.id(L), v),
+                I(
+                  f,
+                  () => R(
+                    J,
+                    (O) => Wt({
+                      size: "sm",
+                      onClick: r,
+                      label: O.$.closeDrawer
+                    })
+                  )
+                )
+              ),
+              body: d.div(
+                s.class("bc-drawer__body"),
+                s.id(E),
+                S
+              ),
+              footer: x && d.div(s.class("bc-drawer__footer"), x)
+            }),
+            () => kt({
+              body: d.div(
+                s.class("bc-drawer__body"),
+                s.id(E),
+                S
+              ),
+              footer: x && d.div(s.class("bc-drawer__footer"), x)
+            })
+          )
+        );
+      });
+      t({
+        mode: A,
+        effect: p ?? "opaque",
+        container: h,
+        content: C,
+        onClickOutside: () => {
+          g?.(), r();
+        },
+        onEscape: () => {
+          g?.(), r();
+        }
+      });
+    }, () => {
+      r();
+    });
+  });
+}
+function Ua(e) {
+  const {
+    content: t,
+    placement: a = "bottom",
+    showDelay: n = 0,
+    hideDelay: r = 0,
+    mainAxisOffset: c = 8,
+    crossAxisOffset: o = 0,
+    showOn: i = "click",
+    closable: l = !0,
+    role: u = "dialog",
+    hasPopup: b = "dialog"
+  } = e, f = K("popover"), g = typeof t == "function" ? t : () => t;
+  return Y(
+    D.describedby(f),
+    wt({
+      content: () => Y(
+        s.class("bc-popover"),
+        s.role(u),
+        s.id(f),
+        g()
+      ),
+      placement: a,
+      showDelay: n,
+      hideDelay: r,
+      mainAxisOffset: c,
+      crossAxisOffset: o,
+      showOn: i,
+      closable: l,
+      role: u,
+      hasPopup: b
+    })
+  );
+}
+function $e(e, t, a) {
+  const n = ["bc-tag-input", `bc-tag-input--${e}`];
+  return t && n.push("bc-tag-input--disabled"), a && n.push("bc-tag-input--error"), n.join(" ");
+}
+function Ga(e) {
+  const {
+    values: t,
+    onChange: a,
+    placeholder: n = "Add...",
+    size: r = "md",
+    disabled: c = !1,
+    maxTags: o,
+    hasError: i = !1
+  } = e, l = V(""), u = (g) => {
+    const h = m.get(t).filter((v) => v !== g);
+    a?.(h);
+  }, b = (g) => {
+    const p = g.trim();
+    if (!p) return;
+    const h = m.get(t), v = m.get(o ?? 1 / 0);
+    h.includes(p) || h.length >= v || (a?.([...h, p]), l.set(""));
+  }, f = (g) => {
+    if (g.key === "Enter" || g.key === ",")
+      g.preventDefault(), b(l.value);
+    else if (g.key === "Backspace" && l.value === "") {
+      const p = m.get(t);
+      p.length > 0 && u(p[p.length - 1]);
+    }
+  };
+  return d.div(
+    s.class(
+      k(
+        r,
+        c,
+        i
+      )((g, p, h) => $e(g ?? "md", p ?? !1, h ?? !1))
+    ),
+    Q(
+      t,
+      (g) => d.span(
+        s.class("bc-tag-input__tag"),
+        d.span(s.class("bc-tag-input__tag-text"), g),
+        I(
+          k(c)((p) => !(p ?? !1)),
+          () => d.button(
+            s.type("button"),
+            s.class("bc-tag-input__tag-remove"),
+            T.click((p) => {
+              p.stopPropagation(), u(g.value);
+            }),
+            "×"
+          ),
+          () => N
+        )
+      )
+    ),
+    d.input(
+      s.class("bc-tag-input__input"),
+      s.type("text"),
+      s.placeholder(
+        k(
+          t,
+          n
+        )((g, p) => g.length === 0 ? p ?? "Add..." : "")
+      ),
+      s.disabled(c),
+      s.value(l),
+      T.input((g) => {
+        const p = g.target;
+        l.set(p.value);
+      }),
+      T.keydown(f),
+      T.blur(() => {
+        l.value.trim() && b(l.value);
+      })
+    )
+  );
+}
+function we(e, t) {
+  const a = ["bc-radio-group", `bc-radio-group--${e}`];
+  return t && t.length > 0 && a.push(t), a.join(" ");
+}
+function De(e, t, a) {
+  const n = ["bc-radio-group__item", `bc-radio-group__item--size-${e}`];
+  return (t || a) && n.push("bc-radio-group__item--disabled"), n.join(" ");
+}
+function Va({
+  options: e,
+  value: t,
+  onChange: a,
+  name: n,
+  disabled: r = !1,
+  orientation: c = "vertical",
+  size: o = "md",
+  class: i
+}) {
+  const l = n ?? K("radio-group");
+  return d.div(
+    s.class(
+      k(
+        c,
+        i
+      )(
+        (u, b) => we(u ?? "vertical", b)
+      )
+    ),
+    s.role("radiogroup"),
+    // Render each radio option
+    Q(e, (u) => {
+      const b = u.map((g) => g.disabled ?? !1), f = K("radio");
+      return d.label(
+        s.class(
+          k(
+            o,
+            r,
+            b
+          )(
+            (g, p, h) => De(
+              g ?? "md",
+              h ?? !1,
+              p ?? !1
+            )
+          )
+        ),
+        // Native radio input (visually hidden)
+        d.input(
+          s.type("radio"),
+          s.name(l),
+          s.id(f),
+          s.value(u.map((g) => String(g.value))),
+          s.class("bc-radio-group__input"),
+          s.checked(
+            k(t, u)((g, p) => g === p.value)
+          ),
+          s.disabled(
+            k(
+              r,
+              b
+            )((g, p) => (g ?? !1) || (p ?? !1))
+          ),
+          T.change(() => {
+            m.get(r) || (m.get(u).disabled ?? !1) || a?.(m.get(u).value);
+          }),
+          D.disabled(
+            k(
+              r,
+              b
+            )((g, p) => (g ?? !1) || (p ?? !1))
+          )
+        ),
+        // Custom radio indicator
+        d.span(s.class("bc-radio-group__indicator")),
+        // Label and description
+        d.span(
+          s.class("bc-radio-group__label-container"),
+          d.span(
+            s.class("bc-radio-group__label"),
+            u.map((g) => g.label)
+          ),
+          d.span(
+            s.class("bc-radio-group__description"),
+            u.map((g) => g.description ?? "")
+          )
+        )
+      );
+    })
+  );
+}
+function Se(e, t) {
+  const a = ["bc-otp-input", `bc-otp-input--size-${e}`];
+  return t && a.push("bc-otp-input--disabled"), a.join(" ");
+}
+function Le(e) {
+  const t = F(e, "solid", "light"), a = F(e, "solid", "dark"), n = /* @__PURE__ */ new Map();
+  return n.set("--otp-focus-color", t.backgroundColor), n.set("--otp-focus-color-dark", a.backgroundColor), n.set("--otp-focus-border", W(e, "light")), n.set("--otp-focus-border-dark", W(e, "dark")), Array.from(n.entries()).map(([r, c]) => `${r}: ${c}`).join("; ");
+}
+function Te(e, t) {
+  return t === "numeric" ? /^\d$/.test(e) : /^[a-zA-Z0-9]$/.test(e);
+}
+function Na({
+  length: e = 6,
+  value: t = "",
+  onChange: a,
+  onComplete: n,
+  disabled: r = !1,
+  mask: c = !1,
+  type: o = "numeric",
+  size: i = "md",
+  color: l = "primary",
+  placeholder: u = "",
+  autoFocus: b = !1
+} = {}) {
+  const f = K("otp"), g = k(
+    e,
+    t
+  )((C, $) => {
+    const w = new Array(C).fill("");
+    for (let y = 0; y < Math.min($.length, C); y++)
+      w[y] = $[y];
+    return w;
+  }).deriveProp(), p = V(null), h = [];
+  function v(C) {
+    const $ = h[C];
+    $ != null && ($.focus(), $.select());
+  }
+  function S() {
+    const C = g.value.join("");
+    a?.(C), C.length === e && C.split("").every(($) => $ !== "") && n?.(C);
+  }
+  function x(C, $) {
+    if (m.get(r)) return;
+    const w = m.get(o), y = $.split("").filter((_) => Te(_, w));
+    if (y.length > 1) {
+      const _ = [...g.value];
+      for (let E = 0; E < y.length && C + E < m.get(e); E++)
+        _[C + E] = y[E];
+      g.set(_), S();
+      const L = Math.min(C + y.length, m.get(e) - 1);
+      v(L);
+      return;
+    }
+    if (y.length === 1) {
+      const _ = [...g.value];
+      _[C] = y[0], g.set(_), S(), C < m.get(e) - 1 && v(C + 1);
+    }
+  }
+  function A(C, $) {
+    if (!m.get(r))
+      switch ($.key) {
+        case "Backspace": {
+          $.preventDefault();
+          const w = [...g.value];
+          w[C] !== "" ? (w[C] = "", g.set(w), S()) : C > 0 && (w[C - 1] = "", g.set(w), S(), v(C - 1));
+          break;
+        }
+        case "ArrowLeft":
+          $.preventDefault(), C > 0 && v(C - 1);
+          break;
+        case "ArrowRight":
+          $.preventDefault(), C < m.get(e) - 1 && v(C + 1);
+          break;
+        case "Delete": {
+          $.preventDefault();
+          const w = [...g.value];
+          w[C] = "", g.set(w), S();
+          break;
+        }
+        case "Home":
+          $.preventDefault(), v(0);
+          break;
+        case "End":
+          $.preventDefault(), v(m.get(e) - 1);
+          break;
+      }
+  }
+  function B(C, $) {
+    $.preventDefault();
+    const w = $.clipboardData?.getData("text") ?? "";
+    x(C, w);
+  }
+  return R(
+    J,
+    (C) => d.div(
+      s.class(k(i, r)(Se)),
+      s.style(m.map(l, Le)),
+      s.role("group"),
+      D.label(C.$.otpInputLabel),
+      Ct(e, ($) => {
+        const w = $.index, y = `${f}-cell-${w}`;
+        return d.input(
+          q((_) => (h[w] = _, b && w === 0 && ut(() => _.focus()), N)),
+          s.id(y),
+          s.type(
+            m.map(c, (_) => _ ? "password" : "text")
+          ),
+          s.inputmode(
+            m.map(
+              o,
+              (_) => _ === "numeric" ? "numeric" : "text"
+            )
+          ),
+          s.maxlength(1),
+          s.autocomplete("one-time-code"),
+          s.class("bc-otp-input__cell"),
+          s.class(
+            p.map(
+              (_) => _ === w ? "bc-otp-input__cell--focused" : ""
+            )
+          ),
+          s.placeholder(u),
+          s.disabled(r),
+          D.label(C.$.otpDigitLabel.map((_) => _(w + 1, m.get(e)))),
+          s.value(g.map((_) => _[w] ?? "")),
+          T.focus(() => {
+            p.set(w);
+            const _ = h[w];
+            _?.select();
+          }),
+          T.blur(() => {
+            p.set(null);
+          }),
+          T.input((_) => {
+            const L = _.target;
+            x(w, L.value);
+          }),
+          T.keydown((_) => A(w, _)),
+          T.paste((_) => B(w, _))
+        );
+      })
+    )
+  );
+}
+function G(e) {
+  return e !== void 0 ? m.get(e) : void 0;
+}
+function Ie(e) {
+  const t = {}, a = G(e.style), n = G(e.currency), r = G(e.currencyDisplay), c = G(e.signDisplay), o = G(e.notation), i = G(e.compactDisplay), l = G(e.unit), u = G(e.unitDisplay), b = G(e.useGrouping), f = G(e.minimumIntegerDigits), g = G(e.minimumFractionDigits), p = G(e.maximumFractionDigits), h = G(e.minimumSignificantDigits), v = G(e.maximumSignificantDigits);
+  return a !== void 0 && (t.style = a), n !== void 0 && (t.currency = n), r !== void 0 && (t.currencyDisplay = r), c !== void 0 && (t.signDisplay = c), o !== void 0 && (t.notation = o), i !== void 0 && (t.compactDisplay = i), l !== void 0 && (t.unit = l), u !== void 0 && (t.unitDisplay = u), b !== void 0 && (t.useGrouping = b), f !== void 0 && (t.minimumIntegerDigits = f), g !== void 0 && (t.minimumFractionDigits = g), p !== void 0 && (t.maximumFractionDigits = p), h !== void 0 && (t.minimumSignificantDigits = h), v !== void 0 && (t.maximumSignificantDigits = v), t;
+}
+function Ha(e, t, a) {
+  return new Intl.NumberFormat(t, a).format(e);
+}
+function Wa(e) {
+  const { value: t, locale: a } = e, n = (r, c) => {
+    const o = Ie(e);
+    return new Intl.NumberFormat(r, o).format(c);
+  };
+  if (a !== void 0) {
+    const r = k(a, t)(n);
+    return d.span(s.class("bc-format-number"), r);
+  }
+  return R(et, ({ locale: r }) => {
+    const c = k(r, t)(n);
+    return d.span(s.class("bc-format-number"), c);
+  });
+}
+function It(e) {
+  return typeof e == "object" && e !== null && !(e instanceof Date) && "toLocaleString" in e;
+}
+function At(e) {
+  return e instanceof Date ? e : new Date(e);
+}
+function Z(e) {
+  return e !== void 0 ? m.get(e) : void 0;
+}
+function Ae(e) {
+  const t = {}, a = Z(e.dateStyle), n = Z(e.calendar), r = Z(e.numberingSystem), c = Z(e.timeZone), o = Z(e.weekday), i = Z(e.year), l = Z(e.month), u = Z(e.day), b = Z(e.era);
+  return o !== void 0 || i !== void 0 || l !== void 0 || u !== void 0 || b !== void 0 ? (o !== void 0 && (t.weekday = o), i !== void 0 && (t.year = i), l !== void 0 && (t.month = l), u !== void 0 && (t.day = u), b !== void 0 && (t.era = b)) : t.dateStyle = a ?? "medium", n !== void 0 && (t.calendar = n), r !== void 0 && (t.numberingSystem = r), c !== void 0 && (t.timeZone = c), t;
+}
+function Za(e, t, a) {
+  return It(e) ? e.toLocaleString(t, a) : new Intl.DateTimeFormat(t, a).format(At(e));
+}
+function qa(e) {
+  const { value: t, locale: a } = e, n = (r, c) => {
+    const o = Ae(e);
+    return It(c) ? c.toLocaleString(r, o) : new Intl.DateTimeFormat(r, o).format(At(c));
+  };
+  if (a !== void 0) {
+    const r = k(a, t)(n);
+    return d.span(s.class("bc-format-date"), r);
+  }
+  return R(et, ({ locale: r }) => {
+    const c = k(r, t)(n);
+    return d.span(s.class("bc-format-date"), c);
+  });
+}
+function zt(e) {
+  return typeof e == "object" && e !== null && !(e instanceof Date) && "toLocaleString" in e;
+}
+function Ft(e) {
+  return e instanceof Date ? e : new Date(e);
+}
+function H(e) {
+  return e !== void 0 ? m.get(e) : void 0;
+}
+function ze(e) {
+  const t = {}, a = H(e.timeStyle), n = H(e.timeZone), r = H(e.hour12), c = H(e.hourCycle), o = H(e.hour), i = H(e.minute), l = H(e.second), u = H(e.fractionalSecondDigits), b = H(e.timeZoneName), f = H(e.dayPeriod);
+  return o !== void 0 || i !== void 0 || l !== void 0 || u !== void 0 || b !== void 0 || f !== void 0 ? (o !== void 0 && (t.hour = o), i !== void 0 && (t.minute = i), l !== void 0 && (t.second = l), u !== void 0 && (t.fractionalSecondDigits = u), b !== void 0 && (t.timeZoneName = b), f !== void 0 && (t.dayPeriod = f)) : t.timeStyle = a ?? "medium", n !== void 0 && (t.timeZone = n), r !== void 0 && (t.hour12 = r), c !== void 0 && (t.hourCycle = c), t;
+}
+function Ka(e, t, a) {
+  return zt(e) ? e.toLocaleString(t, a) : new Intl.DateTimeFormat(t, a).format(Ft(e));
+}
+function Ja(e) {
+  const { value: t, locale: a } = e, n = (r, c) => {
+    const o = ze(e);
+    return zt(c) ? c.toLocaleString(r, o) : new Intl.DateTimeFormat(r, o).format(Ft(c));
+  };
+  if (a !== void 0) {
+    const r = k(a, t)(n);
+    return d.span(s.class("bc-format-time"), r);
+  }
+  return R(et, ({ locale: r }) => {
+    const c = k(r, t)(n);
+    return d.span(s.class("bc-format-time"), c);
+  });
+}
+function jt(e) {
+  return typeof e == "object" && e !== null && !(e instanceof Date) && "toLocaleString" in e;
+}
+function Et(e) {
+  return e instanceof Date ? e : new Date(e);
+}
+function X(e) {
+  return e !== void 0 ? m.get(e) : void 0;
+}
+function Fe(e) {
+  const t = X(e.dateStyle), a = X(e.timeStyle), n = X(e.timeZone), r = X(e.calendar), c = X(e.hour12), o = X(e.hourCycle), i = {
+    dateStyle: t ?? "medium",
+    timeStyle: a ?? "short"
+  };
+  return n !== void 0 && (i.timeZone = n), r !== void 0 && (i.calendar = r), c !== void 0 && (i.hour12 = c), o !== void 0 && (i.hourCycle = o), i;
+}
+function Qa(e, t, a) {
+  return jt(e) ? e.toLocaleString(t, a) : new Intl.DateTimeFormat(t, a).format(Et(e));
+}
+function Xa(e) {
+  const { value: t, locale: a } = e, n = (r, c) => {
+    const o = Fe(e);
+    return jt(c) ? c.toLocaleString(r, o) : new Intl.DateTimeFormat(r, o).format(Et(c));
+  };
+  if (a !== void 0) {
+    const r = k(a, t)(n);
+    return d.span(s.class("bc-format-date-time"), r);
+  }
+  return R(et, ({ locale: r }) => {
+    const c = k(r, t)(n);
+    return d.span(s.class("bc-format-date-time"), c);
+  });
+}
+function Ya(e, t, a, n) {
+  return new Intl.RelativeTimeFormat(a, n).format(e, t);
+}
+function ts(e) {
+  const { value: t, unit: a, locale: n } = e, r = (o) => o !== void 0 ? m.get(o) : void 0, c = (o, i, l) => {
+    const u = {}, b = r(e.numeric), f = r(e.style);
+    return b !== void 0 && (u.numeric = b), f !== void 0 && (u.style = f), new Intl.RelativeTimeFormat(o, u).format(i, l);
+  };
+  if (n !== void 0) {
+    const o = k(n, t, a)(c);
+    return d.span(s.class("bc-format-relative-time"), o);
+  }
+  return R(et, ({ locale: o }) => {
+    const i = k(o, t, a)(c);
+    return d.span(s.class("bc-format-relative-time"), i);
+  });
+}
+function es(e) {
+  const { value: t, locale: a, units: n } = e, r = (c, o) => Ut(o, {
+    locale: c,
+    units: n,
+    decimalPlaces: e.decimalPlaces !== void 0 ? m.get(e.decimalPlaces) : void 0
+  });
+  if (a !== void 0) {
+    const c = k(a, t)(r);
+    return d.span(s.class("bc-format-file-size"), c);
+  }
+  return R(et, ({ locale: c }) => {
+    const o = k(c, t)(r);
+    return d.span(s.class("bc-format-file-size"), o);
+  });
+}
+function je(e) {
+  return ["bc-breadcrumbs", `bc-breadcrumbs--size-${e}`].join(" ");
+}
+function Ee(e, t) {
+  if (e.length <= t)
+    return e;
+  const a = e[0], n = e.slice(-(t - 1));
+  return [a, { isEllipsis: !0 }, ...n];
+}
+function as({
+  items: e,
+  separator: t = "›",
+  maxItems: a,
+  size: n = "md"
+}) {
+  const r = a != null ? k(
+    e,
+    a
+  )((c, o) => o && o > 0 ? Ee(c, o) : c) : m.map(
+    e,
+    (c) => c
+  );
+  return R(
+    J,
+    (c) => d.nav(
+      s.class(m.map(n, (o) => je(o ?? "md"))),
+      D.label(c.$.breadcrumbs),
+      d.ol(
+        s.class("bc-breadcrumbs__list"),
+        Q(
+          r,
+          (o) => {
+            const i = o.map(
+              (u) => "isEllipsis" in u && u.isEllipsis === !0
+            ), l = o.map(
+              (u) => !("isEllipsis" in u) && u.current === !0
+            );
+            return I(
+              i,
+              () => d.li(
+                s.class("bc-breadcrumbs__item bc-breadcrumbs__ellipsis"),
+                D.hidden(!0),
+                "..."
+              ),
+              () => {
+                const u = o.map(
+                  (p) => !("isEllipsis" in p) && p.href != null
+                ), b = o.map(
+                  (p) => !("isEllipsis" in p) && p.href == null && p.onClick != null
+                ), f = o.map(
+                  (p) => !("isEllipsis" in p) && p.icon != null
+                ), g = (p) => [
+                  s.class(p),
+                  I(
+                    f,
+                    () => U({
+                      icon: o.map(
+                        (h) => "isEllipsis" in h ? "" : h.icon ?? ""
+                      ),
+                      size: n,
+                      accessibility: "decorative"
+                    })
+                  ),
+                  d.span(
+                    o.map((h) => "isEllipsis" in h ? "" : h.label)
+                  )
+                ];
+                return d.li(
+                  s.class(
+                    m.map(
+                      l,
+                      (p) => p ? "bc-breadcrumbs__item bc-breadcrumbs__item--current" : "bc-breadcrumbs__item"
+                    )
+                  ),
+                  I(l, () => D.current("page")),
+                  // Render as link, button, or span based on item properties
+                  I(
+                    u,
+                    () => d.a(
+                      s.href(
+                        o.map(
+                          (p) => "isEllipsis" in p ? "" : p.href ?? ""
+                        )
+                      ),
+                      ...g("bc-breadcrumbs__link")
+                    ),
+                    () => I(
+                      b,
+                      () => d.button(
+                        s.type("button"),
+                        T.click(() => {
+                          const p = m.get(o);
+                          "isEllipsis" in p || p.onClick?.();
+                        }),
+                        ...g("bc-breadcrumbs__button")
+                      ),
+                      () => d.span(...g("bc-breadcrumbs__text"))
+                    )
+                  )
+                );
+              }
+            );
+          },
+          // Native separator between items
+          () => d.li(
+            s.class("bc-breadcrumbs__separator"),
+            D.hidden(!0),
+            t
+          )
+        )
+      )
+    )
+  );
+}
+const Bt = ({
+  viewTransition: e,
+  state: t,
+  scroll: a,
+  replace: n
+}) => {
+  const r = {};
+  return t !== void 0 && (r.state = t), a !== void 0 && (r.scroll = a), n !== void 0 && (r.replace = n), e !== void 0 && (r.viewTransition = e), r;
+};
+function _t(e, t) {
+  const a = ["bc-link"];
+  if (t)
+    a.push("bc-link--disabled");
+  else
+    switch (e) {
+      case "plain":
+        a.push("bc-link--plain");
+        break;
+      case "hover":
+        a.push("bc-link--hover");
+        break;
+      default:
+        a.push("bc-link--default");
+        break;
+    }
+  return a.join(" ");
+}
+function yt(e) {
+  const t = j(e, "light"), a = j(e, "dark");
+  return [
+    `--link-color: ${t}`,
+    `--link-color-dark: ${a}`,
+    `--link-hover-color: ${t}`,
+    `--link-hover-color-dark: ${a}`
+  ].join("; ");
+}
+function Be({
+  href: e,
+  variant: t = "default",
+  color: a = "primary",
+  colorDisabled: n = "base",
+  disabled: r = !1,
+  viewTransition: c = !0,
+  state: o,
+  scroll: i,
+  replace: l,
+  target: u,
+  rel: b
+}, ...f) {
+  return I(
+    r,
+    () => d.span(
+      s.class(
+        k(
+          t,
+          r
+        )((g, p) => _t(g, p))
+      ),
+      s.style(
+        k(n)(
+          (g) => yt(g ?? "base")
+        )
+      ),
+      ...f
+    ),
+    () => St(
+      {
+        href: e,
+        ...Bt({
+          viewTransition: c,
+          state: o,
+          scroll: i,
+          replace: l
+        })
+      },
+      s.class(
+        k(
+          t,
+          r
+        )((g, p) => _t(g, p))
+      ),
+      s.style(
+        k(a)((g) => yt(g ?? "primary"))
+      ),
+      u ? s.target(u) : null,
+      b ? s.rel(b) : null,
+      ...f
+    )
+  );
+}
+const Oe = (e) => e ? e.startsWith("#") ? e : `#${e}` : "", Re = (e) => {
+  if (!e) return new URLSearchParams();
+  if (typeof e == "string") {
+    const t = e.startsWith("?") ? e.slice(1) : e;
+    return new URLSearchParams(t);
+  }
+  return e instanceof URLSearchParams ? new URLSearchParams(e) : new URLSearchParams(e);
+};
+function Me(e, t, a) {
+  const n = Re(e.search), r = n.toString(), c = r ? `?${r}` : "", o = Oe(e.hash);
+  switch (a) {
+    case "exact":
+      return e.pathname + c + o === t;
+    case "prefix":
+      return e.pathname.startsWith(t) || (e.pathname + c).startsWith(t);
+    case "params":
+      try {
+        const i = typeof document < "u" && document.baseURI ? document.baseURI : "http://localhost/", l = new URL(t, i);
+        if (e.pathname !== l.pathname)
+          return !1;
+        const u = Array.from(
+          new URLSearchParams(l.search).entries()
+        ).sort(), b = Array.from(n.entries()).sort();
+        return u.length !== b.length ? !1 : u.every(([f, g], p) => {
+          const [h, v] = b[p];
+          return f === h && g === v;
+        });
+      } catch {
+        return e.pathname === t;
+      }
+    default:
+      return !1;
+  }
+}
+function Ot(e, t) {
+  return t === "exact" ? k(e)((a) => a) : k(e)(
+    (a) => (n) => Me(n, a, t)
+  );
+}
+function ss({
+  href: e,
+  matchMode: t = "exact",
+  disableWhenActive: a = !0,
+  ...n
+}, ...r) {
+  return R(Lt, (c) => {
+    const o = c.matchSignal(
+      Ot(e, t)
+    ), i = k(
+      o,
+      a
+    )((l, u) => u ?? !0 ? l : !1);
+    return Be(
+      {
+        ...n,
+        href: e,
+        disabled: i
+      },
+      ...r
+    );
+  });
+}
+const Pe = {
+  mark: Pt("SidebarContext"),
+  create: (e) => ({
+    value: {
+      backgroundMode: "light"
+    },
+    dispose: () => {
+    }
+  })
+};
+function rs({ backgroundMode: e = "light" }, ...t) {
+  return Mt(
+    Pe,
+    m.map(
+      e,
+      (a) => ({
+        backgroundMode: a
+      })
+    ),
+    () => d.div(
+      s.class("bc-sidebar"),
+      s.class(
+        m.map(
+          e,
+          (a) => a === "dark" ? "bc-sidebar--dark-bg" : ""
+        )
+      ),
+      ...t
+    )
+  );
+}
+function ns({ rail: e, header: t }, ...a) {
+  return Zt(
+    t != null ? d.div(s.class("bc-sidebar-group__header"), t) : null,
+    d.div(
+      s.class(
+        m.map(
+          e ?? !1,
+          (n) => n ? "bc-sidebar-group--rail" : ""
+        )
+      ),
+      s.class("bc-sidebar-group"),
+      ...a
+    )
+  );
+}
+function Ue(e, ...t) {
+  const a = Bt({
+    viewTransition: e.viewTransition ?? !0,
+    state: e.state,
+    scroll: e.scroll,
+    replace: e.replace
+  });
+  return St({ href: e.href, ...a }, ...t);
+}
+function Ge(...e) {
+  return d.span(...e);
+}
+function Ve(e, ...t) {
+  return d.button(
+    s.type("button"),
+    T.click(e.onClick),
+    e.ariaExpanded != null ? D.expanded(
+      m.map(
+        e.ariaExpanded,
+        (a) => a
+      )
+    ) : null,
+    e.ariaControls != null ? D.controls(e.ariaControls) : null,
+    e.ariaLabel != null ? D.label(e.ariaLabel) : null,
+    ...t
+  );
+}
+function os(e) {
+  const t = [s.class("bc-sidebar-link")];
+  return e.icon != null && t.push(
+    d.span(
+      s.class("bc-sidebar-link--icon"),
+      U({ icon: e.icon })
+    )
+  ), t.push(
+    d.span(s.class("bc-sidebar-link__content"), e.content)
+  ), e.after != null && t.push(
+    d.span(s.class("bc-sidebar-link__right"), e.after)
+  ), e.action != null && t.push(
+    d.button(
+      s.type("button"),
+      s.class("bc-sidebar-link--action"),
+      T.click((a, n) => {
+        e.action?.onClick?.(n);
+      }),
+      U({ icon: e.action?.icon })
+    )
+  ), "onClick" in e ? Ve(e, ...t) : R(Lt, (a) => {
+    const n = a.matchSignal(
+      Ot(e.href, "exact"),
+      {
+        includeSearch: !1,
+        includeHash: !1
+      }
+    );
+    return I(
+      n,
+      () => Ge(...t),
+      () => Ue(e, ...t)
+    );
+  });
+}
+function Ne(e, t, a, n) {
+  const r = ["bc-tabs", `bc-tabs--${e}`, `bc-tabs--${t}`];
+  return a && r.push("bc-tabs--disabled"), n != null && n !== "default" && r.push(`bc-tabs--variant-${n}`), r.join(" ");
+}
+function He(e, t) {
+  const a = /* @__PURE__ */ new Map(), n = t === "white" || t === "black" || t === "transparent" ? "var(--color-primary-600)" : P(t, 600), r = t === "white" || t === "black" || t === "transparent" ? "var(--color-primary-400)" : P(t, 400), c = t === "white" || t === "black" || t === "transparent" ? "var(--color-primary-500)" : P(t, 500), o = t === "white" || t === "black" || t === "transparent" ? "var(--color-primary-400)" : P(t, 400);
+  if (a.set("--tabs-active-color", n), a.set("--tabs-active-color-dark", r), a.set("--tabs-indicator-color", c), a.set("--tabs-indicator-color-dark", o), e === "filled") {
+    const i = F(t, "solid", "light"), l = F(t, "solid", "dark");
+    a.set("--tabs-filled-inactive-bg", i.backgroundColor), a.set("--tabs-filled-inactive-text", "var(--color-white)");
+    const u = z(t, "solid", "light");
+    a.set("--tabs-filled-inactive-bg-hover", u.backgroundColor);
+    const b = z(t, "solid", "dark");
+    a.set(
+      "--tabs-filled-inactive-bg-dark-hover",
+      b.backgroundColor
+    ), a.set("--tabs-filled-inactive-bg-dark", l.backgroundColor), a.set("--tabs-filled-inactive-text-dark", l.textColor), a.set("--tabs-filled-active-bg", "var(--color-white)"), a.set("--tabs-filled-active-text", "var(--color-base-800)"), a.set("--tabs-filled-active-bg-dark", "var(--color-base-900)"), a.set("--tabs-filled-active-text-dark", r);
+  }
+  return e === "outline" && (a.set("--tabs-outline-active-border", o), a.set(
+    "--tabs-outline-active-border-dark",
+    P(
+      t === "white" || t === "black" || t === "transparent" ? "primary" : t,
+      600
+    )
+  )), Array.from(a.entries()).map(([i, l]) => `${i}: ${l}`).join("; ");
+}
+function We(e, t, a) {
+  const n = ["bc-tab", `bc-tab--${e}`];
+  return t && n.push("bc-tab--active"), a && n.push("bc-tab--disabled"), n.join(" ");
+}
+function rt(e, t, a) {
+  const n = t.length;
+  let r = e + a;
+  r >= n ? r = 0 : r < 0 && (r = n - 1);
+  let c = 0;
+  for (; c < n; ) {
+    const o = t[r];
+    if (!m.get(o.disabled ?? !1))
+      return r;
+    r += a, r >= n ? r = 0 : r < 0 && (r = n - 1), c++;
+  }
+  return e;
+}
+function is(e) {
+  const {
+    items: t,
+    value: a,
+    onChange: n,
+    size: r = "md",
+    variant: c = "default",
+    color: o = "primary",
+    disabled: i = !1,
+    orientation: l = "horizontal",
+    showContent: u = !0,
+    ariaLabel: b
+  } = e, f = K("tablist"), g = V(-1), p = t.map((v, S) => {
+    const x = k(a)(($) => $ === v.key), A = k(
+      i,
+      v.disabled
+    )(($, w) => $ || w), B = `${f}-tab-${v.key}`, C = `${f}-panel-${v.key}`;
+    return { item: v, index: S, isActive: x, isTabDisabled: A, tabId: B, panelId: C };
+  }), h = (v) => {
+    if (m.get(i)) return;
+    const x = g.value, A = m.get(l) === "horizontal";
+    let B = x;
+    switch (v.key) {
+      case (A ? "ArrowRight" : "ArrowDown"):
+        v.preventDefault(), B = rt(x, t, 1);
+        break;
+      case (A ? "ArrowLeft" : "ArrowUp"):
+        v.preventDefault(), B = rt(x, t, -1);
+        break;
+      case "Home":
+        v.preventDefault(), B = rt(-1, t, 1);
+        break;
+      case "End":
+        v.preventDefault(), B = rt(t.length, t, -1);
+        break;
+      case "Enter":
+      case " ":
+        if (v.preventDefault(), x >= 0 && x < t.length) {
+          const C = t[x];
+          m.get(C.disabled ?? !1) || n?.(C.key);
+        }
+        break;
+    }
+    B !== x && B >= 0 && B < t.length && (g.set(B), setTimeout(() => {
+      const C = document.querySelector(
+        `[data-tab-index="${B}"]`
+      );
+      C && C.focus();
+    }, 0));
+  };
+  return d.div(
+    s.class(
+      k(
+        r,
+        l,
+        i,
+        c
+      )(
+        (v, S, x, A) => Ne(
+          v ?? "md",
+          S ?? "horizontal",
+          x ?? !1,
+          A ?? "default"
+        )
+      )
+    ),
+    s.style(
+      k(
+        c,
+        o
+      )(
+        (v, S) => He(v ?? "default", S ?? "primary")
+      )
+    ),
+    // Tab list
+    d.div(
+      s.class("bc-tabs__list"),
+      s.role("tablist"),
+      s.id(f),
+      D.orientation(
+        l ?? "horizontal"
+      ),
+      D.label(b),
+      T.keydown(h),
+      ...p.map(
+        ({ item: v, index: S, isActive: x, isTabDisabled: A, tabId: B, panelId: C }) => d.button(
+          s.type("button"),
+          s.class(
+            k(
+              r,
+              x,
+              A
+            )(
+              ($, w, y) => We(
+                $ ?? "md",
+                w ?? !1,
+                y ?? !1
+              )
+            )
+          ),
+          s.id(B),
+          s.role("tab"),
+          s.tabindex(
+            k(
+              x,
+              g
+            )(($, w) => $ || w === S ? 0 : -1)
+          ),
+          D.selected(x),
+          D.controls(C),
+          D.disabled(A),
+          s.disabled(A),
+          $t("tab-index", String(S)),
+          D.label(v.ariaLabel),
+          T.click(($) => {
+            $.preventDefault(), m.get(v.disabled ?? !1) || m.get(i) || (n?.(v.key), g.set(S));
+          }),
+          T.focus(() => {
+            g.set(S);
+          }),
+          v.label
+        )
+      )
+    ),
+    // Panels
+    I(
+      u ?? !0,
+      () => d.div(
+        s.class("bc-tabs__panels"),
+        ...p.map(
+          ({ item: v, isActive: S, tabId: x, panelId: A }) => I(
+            S,
+            () => d.div(
+              s.class("bc-tabs__panel"),
+              s.id(A),
+              s.role("tabpanel"),
+              s.tabindex(0),
+              D.labelledby(x),
+              v.content()
+            )
+          )
+        )
+      )
+    )
+  );
+}
+function Rt(e, t, a, n, r, c, o) {
+  const i = e.map(
+    (p) => p.children != null && p.children.length > 0
+  ), l = k(
+    n,
+    e
+  )((p, h) => p.has(h.id)), u = k(
+    a,
+    e
+  )((p, h) => p === h.id), b = e.map((p) => p.children ?? []), f = () => {
+    r?.(m.get(e).id);
+  }, g = (p) => {
+    p.stopPropagation(), c(m.get(e).id);
+  };
+  return d.div(
+    s.class("bc-tree-item"),
+    // The clickable row
+    d.div(
+      s.class(
+        k(
+          u,
+          o
+        )(
+          (p, h) => [
+            "bc-tree-item__row",
+            `bc-tree-item__row--size-${h ?? "md"}`,
+            p ? "bc-tree-item__row--selected" : ""
+          ].filter(Boolean).join(" ")
+        )
+      ),
+      s.style(`padding-left: ${t * 20 + 8}px`),
+      s.role("treeitem"),
+      s.tabindex(0),
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      D.selected(u),
+      q((p) => {
+        const h = k(
+          i,
+          l
+        )((v, S) => v ? String(S) : null);
+        m.on(h, (v) => {
+          v != null ? p.setAttribute("aria-expanded", v) : p.removeAttribute("aria-expanded");
+        });
+      }),
+      T.click(f),
+      // Expand/collapse chevron
+      I(
+        i,
+        () => d.span(
+          s.class(
+            m.map(
+              l,
+              (p) => [
+                "bc-tree-item__toggle",
+                p ? "bc-tree-item__toggle--expanded" : ""
+              ].filter(Boolean).join(" ")
+            )
+          ),
+          T.click(g),
+          U({
+            icon: "mdi:chevron-right",
+            size: "sm",
+            accessibility: "decorative"
+          })
+        ),
+        () => d.span(s.class("bc-tree-item__toggle-spacer"))
+      ),
+      // Icon
+      I(
+        e.map((p) => p.icon != null),
+        () => d.span(
+          s.class("bc-tree-item__icon"),
+          U({
+            icon: e.map((p) => p.icon ?? ""),
+            size: "sm",
+            accessibility: "decorative"
+          })
+        ),
+        () => N
+      ),
+      // Label
+      d.span(
+        s.class("bc-tree-item__label"),
+        e.map((p) => p.label)
+      ),
+      // Badge
+      I(
+        e.map((p) => p.badge != null),
+        () => d.span(
+          s.class("bc-tree-item__badge"),
+          e.map((p) => p.badge ?? "")
+        ),
+        () => N
+      )
+    ),
+    // Children (collapsible) — Collapse uses WithElement which modifies its
+    // parent element, so it must be wrapped in its own div to avoid hiding
+    // the entire tree item row when collapsed.
+    I(
+      i,
+      () => d.div(
+        Tt(
+          { open: l },
+          d.div(
+            s.class("bc-tree-item__children"),
+            s.role("group"),
+            Q(
+              b,
+              (p) => Rt(
+                p,
+                t + 1,
+                a,
+                n,
+                r,
+                c,
+                o
+              )
+            )
+          )
+        )
+      ),
+      () => N
+    )
+  );
+}
+function cs({
+  items: e,
+  selectedId: t,
+  onSelect: a,
+  expandedIds: n,
+  onToggle: r,
+  size: c = "md"
+}, ...o) {
+  const i = V(/* @__PURE__ */ new Set()), l = n ?? i, u = t ?? V(void 0), b = (f) => {
+    const g = m.get(l), p = !g.has(f);
+    if (n == null) {
+      const h = new Set(g);
+      p ? h.add(f) : h.delete(f), i.set(h);
+    }
+    r?.(f, p);
+  };
+  return d.div(
+    s.class(
+      m.map(c, (f) => `bc-tree-view bc-tree-view--size-${f ?? "md"}`)
+    ),
+    s.role("tree"),
+    Q(
+      e,
+      (f) => Rt(
+        f,
+        0,
+        u,
+        l,
+        a,
+        b,
+        c
+      )
+    ),
+    ...o
+  );
+}
+function Ze(e, t, a, n) {
+  const r = [
+    "bc-stepper",
+    `bc-stepper--${e}`,
+    `bc-stepper--size-${a}`
+  ];
+  return t !== "default" && r.push(`bc-stepper--${t}`), n && r.push("bc-stepper--disabled"), r.join(" ");
+}
+function qe(e) {
+  const {
+    steps: t,
+    value: a = 0,
+    onChange: n,
+    orientation: r = "horizontal",
+    variant: c = "default",
+    size: o = "md",
+    color: i = "primary",
+    disabled: l = !1,
+    showNavigation: u = !1
+  } = e, b = V(m.get(a)), f = m.on(a, (y) => b.set(y)), g = V(/* @__PURE__ */ new Set()), p = (y) => {
+    b.set(y), n?.(y);
+  }, h = async (y, _) => {
+    for (let L = y; L < _; L++) {
+      const E = t[L].beforeNext;
+      if (E && !await E())
+        return !1;
+    }
+    return !0;
+  }, v = async (y) => {
+    if (y < 0 || y >= t.length || m.get(l)) return !1;
+    const _ = b.value;
+    return y === _ ? !0 : y < _ || await h(_, y) ? (p(y), !0) : !1;
+  }, S = async () => {
+    if (m.get(l)) return !1;
+    const y = b.value;
+    if (y >= t.length - 1) return !1;
+    const _ = t[y];
+    return _.beforeNext && !await _.beforeNext() ? !1 : (p(y + 1), !0);
+  }, x = () => {
+    const y = b.value;
+    y > 0 && p(y - 1);
+  }, A = async () => {
+    if (m.get(l)) return !1;
+    const y = b.value;
+    return await h(y, t.length) ? (p(t.length), !0) : !1;
+  }, $ = {
+    goTo: v,
+    next: S,
+    prev: x,
+    complete: A,
+    currentStep: b,
+    setError: (y) => {
+      const _ = new Set(g.value);
+      _.add(y), g.set(_);
+    },
+    clearError: (y) => {
+      const _ = new Set(g.value);
+      _.delete(y), g.set(_);
+    }
+  };
+  return [R(J, (y) => {
+    const _ = (L, E, O) => O.has(L) ? "error" : L < E ? "completed" : L === E ? "active" : "pending";
+    return d.div(
+      tt(f),
+      s.class(
+        k(r, c, o, l)(Ze)
+      ),
+      s.style(
+        m.map(
+          i,
+          (L) => `--stepper-color: var(--color-${L}-500); --stepper-color-dark: var(--color-${L}-400)`
+        )
+      ),
+      s.role("group"),
+      D.label(
+        k(y.$.stepper.$.step)((L) => `${L} progress`)
+      ),
+      // Step indicators
+      d.div(
+        s.class("bc-stepper__indicators"),
+        ...t.map((L, E) => {
+          const O = k(
+            b,
+            g
+          )(
+            (M, it) => _(E, M, it)
+          ), nt = m.map(
+            O,
+            (M) => `bc-stepper__step bc-stepper__step--${M}`
+          ), ot = L.icon ? U({ icon: L.icon, size: "xs" }) : I(
+            m.map(O, (M) => M === "completed"),
+            () => U({ icon: "lucide:check", size: "xs" }),
+            () => I(
+              m.map(O, (M) => M === "error"),
+              () => U({ icon: "lucide:alert-triangle", size: "xs" }),
+              () => d.span(String(E + 1))
+            )
+          );
+          return [
+            // Connector line (before each step except first)
+            ...E > 0 ? [
+              d.div(
+                s.class(
+                  k(
+                    b,
+                    g
+                  )((M, it) => _(
+                    E - 1,
+                    M,
+                    it
+                  ) === "completed" ? "bc-stepper__connector bc-stepper__connector--completed" : "bc-stepper__connector")
+                )
+              )
+            ] : [],
+            // Step indicator
+            d.div(
+              s.class(nt),
+              T.click(() => {
+                m.get(l) || v(E);
+              }),
+              s.role("button"),
+              s.tabindex(0),
+              D.label(
+                k(y.$.stepper.$.stepOfTotal)(
+                  (M) => M(E + 1, t.length)
+                )
+              ),
+              T.keydown((M) => {
+                (M.key === "Enter" || M.key === " ") && (M.preventDefault(), m.get(l) || v(E));
+              }),
+              d.div(s.class("bc-stepper__circle"), ot),
+              d.div(
+                s.class("bc-stepper__label"),
+                d.span(s.class("bc-stepper__label-text"), L.label),
+                L.description ? d.span(
+                  s.class("bc-stepper__label-description"),
+                  L.description
+                ) : null
+              )
+            )
+          ];
+        }).flat()
+      ),
+      // Step content
+      d.div(
+        s.class("bc-stepper__content"),
+        ...t.map(
+          (L, E) => L.content ? I(
+            m.map(b, (O) => O === E),
+            () => L.content($),
+            () => null
+          ) : null
+        )
+      ),
+      // Navigation buttons
+      I(
+        u,
+        () => d.div(
+          s.class("bc-stepper__navigation"),
+          I(
+            m.map(b, (L) => L > 0),
+            () => st(
+              {
+                variant: "outline",
+                size: o,
+                color: i,
+                disabled: l,
+                onClick: x
+              },
+              y.$.stepper.$.previous
+            ),
+            () => null
+          ),
+          d.span(s.class("bc-stepper__spacer")),
+          I(
+            m.map(b, (L) => L < t.length - 1),
+            () => st(
+              {
+                variant: "filled",
+                size: o,
+                color: i,
+                disabled: l,
+                onClick: () => {
+                  S();
+                }
+              },
+              y.$.stepper.$.next
+            ),
+            () => st(
+              {
+                variant: "filled",
+                size: o,
+                color: i,
+                disabled: l,
+                onClick: () => {
+                  A();
+                }
+              },
+              y.$.stepper.$.complete
+            )
+          )
+        ),
+        () => null
+      )
+    );
+  }), $];
+}
+function ls(e) {
+  const [t] = qe(e);
+  return t;
+}
+export {
+  Ge as $,
+  _a as A,
+  ga as B,
+  $a as C,
+  wa as D,
+  Xa as E,
+  Wa as F,
+  Da as G,
+  pa as H,
+  fa as I,
+  ts as J,
+  es as K,
+  Ma as L,
+  Ot as M,
+  Bt as N,
+  Na as O,
+  ma as P,
+  Sa as Q,
+  Va as R,
+  za as S,
+  ve as T,
+  xa as U,
+  Aa as V,
+  La as W,
+  Be as X,
+  ss as Y,
+  Ia as Z,
+  kt as _,
+  Tt as a,
+  Ve as a0,
+  Pe as a1,
+  Ue as a2,
+  Ba as a3,
+  Oa as a4,
+  Ta as a5,
+  qe as a6,
+  Za as a7,
+  Qa as a8,
+  Ha as a9,
+  Ya as aa,
+  Ka as ab,
+  re as ac,
+  ne as ad,
+  _t as ae,
+  yt as af,
+  ue as ag,
+  be as ah,
+  ce as ai,
+  le as aj,
+  ht as ak,
+  de as al,
+  Me as am,
+  ya as b,
+  Ca as c,
+  Ea as d,
+  Fa as e,
+  ja as f,
+  ba as g,
+  la as h,
+  da as i,
+  ua as j,
+  ha as k,
+  Ra as l,
+  Ga as m,
+  is as n,
+  as as o,
+  va as p,
+  ls as q,
+  cs as r,
+  rs as s,
+  ns as t,
+  os as u,
+  Pa as v,
+  ka as w,
+  Ua as x,
+  qa as y,
+  Ja as z
+};