@aggc/ui 0.7.0 → 0.8.0

package/dist/chunks/UiToastProvider.vue_vue_type_script_setup_true_lang-D7OGRCU4.js

@@ -0,0 +1,3958 @@
+import * as Qe from "vue";
+import { defineComponent as _, openBlock as p, createElementBlock as D, normalizeClass as m, unref as o, renderSlot as O, createElementVNode as P, createBlock as S, resolveDynamicComponent as ft, toDisplayString as R, createVNode as F, withCtx as C, createTextVNode as X, Fragment as Q, renderList as se, createCommentVNode as L, inject as pt, provide as vt, onBeforeUnmount as mt, getCurrentScope as $t, onScopeDispose as bt, computed as $, watch as j, effectScope as gt, getCurrentInstance as ue, shallowRef as ze, shallowReadonly as yt, toValue as Y, ref as x, nextTick as Z, onMounted as ae, toHandlerKey as Ft, camelize as Mt, onUpdated as zt, triggerRef as qt, onUnmounted as pe, toRefs as ve, h as le, Comment as Nt, mergeProps as W, cloneVNode as Vt, watchEffect as ee, reactive as ht, normalizeStyle as qe, withModifiers as Ee, Teleport as wt, normalizeProps as Ne, guardReactiveProps as Ve, markRaw as Wt, withDirectives as jt, vShow as Ht, withKeys as Ze, useId as Kt } from "vue";
+import { j as Ut, o as z, q as Te, n as Ct, r as E, g as Yt, f as Xt, a as _t, l as Gt, p as Jt, b as Qt, h as Zt, i as en, d as tn } from "./pageHeader-YZ3BV9dQ.js";
+import { CheckCircle2 as nn, TriangleAlert as an, LoaderCircle as on, Check as xt, X as Et, ChevronDown as sn, AlertTriangle as rn, Info as ln, AlertCircle as un, CheckCircle as dn } from "lucide-vue-next";
+const cn = Ut, Qs = /* @__PURE__ */ _({
+  __name: "PageSurface",
+  setup(e) {
+    return (t, n) => (p(), D("div", {
+      class: m(o(cn))
+    }, [
+      O(t.$slots, "default")
+    ], 2));
+  }
+}), fn = z({
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "full",
+    borderWidth: "1px",
+    px: "2.5",
+    py: "1",
+    fontSize: "xs",
+    fontWeight: "700",
+    textTransform: "uppercase",
+    letterSpacing: "0.06em",
+    lineHeight: "1",
+    whiteSpace: "nowrap"
+  },
+  variants: {
+    tone: {
+      success: {
+        bg: "badge.successBg",
+        color: "badge.successText",
+        borderColor: "badge.successBorder"
+      },
+      warning: {
+        bg: "badge.warningBg",
+        color: "badge.warningText",
+        borderColor: "badge.warningBorder"
+      },
+      info: {
+        bg: "badge.infoBg",
+        color: "badge.infoText",
+        borderColor: "badge.infoBorder"
+      },
+      neutral: {
+        bg: "badge.neutralBg",
+        color: "badge.neutralText",
+        borderColor: "badge.neutralBorder"
+      },
+      danger: {
+        bg: "badge.dangerBg",
+        color: "badge.dangerText",
+        borderColor: "badge.dangerBorder"
+      }
+    }
+  },
+  defaultVariants: {
+    tone: "neutral"
+  }
+}), pn = /* @__PURE__ */ _({
+  __name: "StatusBadge",
+  props: {
+    tone: { default: "neutral" }
+  },
+  setup(e) {
+    const t = e;
+    return (n, a) => (p(), D("span", {
+      class: m(o(fn)({ tone: t.tone }))
+    }, [
+      O(n.$slots, "default")
+    ], 2));
+  }
+}), vn = z({
+  base: {
+    borderWidth: "1px",
+    padding: "5",
+    _dark: {
+      borderColor: "border.default"
+    }
+  },
+  variants: {
+    ok: {
+      true: {
+        borderColor: "result.okBorder",
+        bg: "result.okBg"
+      },
+      false: {
+        borderColor: "result.failBorder",
+        bg: "result.failBg"
+      }
+    }
+  }
+}), mn = (e) => Te(Ct, vn({ ok: e })), bn = E({
+  display: "flex",
+  justifyContent: "space-between",
+  gap: "4",
+  alignItems: { base: "flex-start", md: "center" },
+  flexDirection: { base: "column", md: "row" },
+  mb: "3"
+}), gn = E({
+  display: "flex",
+  alignItems: "center",
+  gap: "3"
+}), yn = z({
+  base: {
+    width: "9",
+    height: "9",
+    borderRadius: "full",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: "0"
+  },
+  variants: {
+    ok: {
+      true: {
+        bg: "bg.accentSoft",
+        color: "text.accent"
+      },
+      false: {
+        bg: "badge.warningBg",
+        color: "badge.warningText"
+      }
+    }
+  }
+}), hn = E({
+  fontSize: "lg",
+  fontWeight: "700",
+  color: "text.primary",
+  lineHeight: "1.3"
+}), et = z({
+  base: {},
+  variants: {
+    spaced: {
+      true: { mb: "3" },
+      false: { mb: "0" }
+    }
+  }
+}), De = z({
+  base: {
+    fontSize: "sm",
+    fontWeight: "700",
+    mb: "2"
+  },
+  variants: {
+    tone: {
+      detail: { color: "result.detailText" },
+      warning: { color: "result.warningLabel" },
+      error: { color: "result.errorLabel" }
+    }
+  }
+}), Oe = z({
+  base: {
+    display: "grid",
+    gap: "1.5",
+    pl: "4"
+  },
+  variants: {
+    tone: {
+      detail: { color: "result.bodyText" },
+      warning: { color: "result.warningBody" },
+      error: { color: "result.errorBody" }
+    }
+  }
+}), wn = ["aria-live", "role"], Cn = { key: 2 }, Zs = /* @__PURE__ */ _({
+  __name: "ResultPanel",
+  props: {
+    ok: { type: Boolean },
+    summary: {},
+    warnings: {},
+    errors: {},
+    messages: {},
+    live: {},
+    passLabel: {},
+    failLabel: {},
+    detailsLabel: {},
+    warningsLabel: {},
+    errorsLabel: {}
+  },
+  setup(e) {
+    const t = e;
+    return (n, a) => (p(), D("div", {
+      class: m(o(mn)(e.ok)),
+      "aria-live": t.live ?? "polite",
+      role: (t.live ?? "polite") === "off" ? void 0 : "status"
+    }, [
+      P("div", {
+        class: m(o(bn))
+      }, [
+        P("div", {
+          class: m(o(gn))
+        }, [
+          P("div", {
+            class: m(o(yn)({ ok: e.ok }))
+          }, [
+            (p(), S(ft(e.ok ? o(nn) : o(an)), { size: 18 }))
+          ], 2),
+          P("h3", {
+            class: m(o(hn))
+          }, R(t.summary), 3)
+        ], 2),
+        F(pn, {
+          tone: e.ok ? "success" : "warning"
+        }, {
+          default: C(() => [
+            X(R(e.ok ? t.passLabel ?? "Pass" : t.failLabel ?? "Fail"), 1)
+          ]),
+          _: 1
+        }, 8, ["tone"])
+      ], 2),
+      e.messages?.length ? (p(), D("div", {
+        key: 0,
+        class: m(o(et)({ spaced: !0 }))
+      }, [
+        P("p", {
+          class: m(o(De)({ tone: "detail" }))
+        }, R(t.detailsLabel ?? "Details"), 3),
+        P("ul", {
+          class: m(o(Oe)({ tone: "detail" }))
+        }, [
+          (p(!0), D(Q, null, se(e.messages, (s) => (p(), D("li", { key: s }, R(s), 1))), 128))
+        ], 2)
+      ], 2)) : L("", !0),
+      e.warnings?.length ? (p(), D("div", {
+        key: 1,
+        class: m(o(et)({ spaced: !!e.errors?.length }))
+      }, [
+        P("p", {
+          class: m(o(De)({ tone: "warning" }))
+        }, R(t.warningsLabel ?? "Warnings"), 3),
+        P("ul", {
+          class: m(o(Oe)({ tone: "warning" }))
+        }, [
+          (p(!0), D(Q, null, se(e.warnings, (s) => (p(), D("li", { key: s }, R(s), 1))), 128))
+        ], 2)
+      ], 2)) : L("", !0),
+      e.errors?.length ? (p(), D("div", Cn, [
+        P("p", {
+          class: m(o(De)({ tone: "error" }))
+        }, R(t.errorsLabel ?? "Errors"), 3),
+        P("ul", {
+          class: m(o(Oe)({ tone: "error" }))
+        }, [
+          (p(!0), D(Q, null, se(e.errors, (s) => (p(), D("li", { key: s }, R(s), 1))), 128))
+        ], 2)
+      ])) : L("", !0)
+    ], 10, wn));
+  }
+}), _n = E({
+  padding: "6"
+}), xn = E({
+  height: "100%",
+  minHeight: "0",
+  display: "grid",
+  gridTemplateRows: "auto minmax(0, 1fr)"
+}), En = Ct, Tn = Yt, Sn = E({
+  position: "relative",
+  zIndex: "1",
+  mb: "4"
+}), kn = E({
+  position: "relative",
+  zIndex: "1",
+  mb: "0"
+}), Dn = Xt, On = _t, An = Gt, In = E({
+  color: "text.secondary",
+  lineHeight: "1.65",
+  fontSize: "sm",
+  maxWidth: "2xl"
+}), Pn = Jt, Bn = E({
+  position: "relative",
+  zIndex: "1",
+  minHeight: "0",
+  overflowY: "auto",
+  paddingRight: "1",
+  overscrollBehavior: "contain"
+}), Rn = E({
+  position: "relative",
+  zIndex: "1"
+}), er = /* @__PURE__ */ _({
+  __name: "SectionCard",
+  props: {
+    title: {},
+    eyebrow: { default: void 0 },
+    description: { default: "" },
+    scrollBody: { type: Boolean, default: !1 },
+    collapseBodyGap: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e;
+    return (n, a) => (p(), D("section", {
+      class: m(o(Te)(o(En), o(_n), t.scrollBody && o(xn)))
+    }, [
+      P("div", {
+        class: m(o(Te)(o(Tn), t.collapseBodyGap ? o(kn) : o(Sn)))
+      }, [
+        P("div", {
+          class: m(o(Dn))
+        }, [
+          t.eyebrow ? (p(), D("p", {
+            key: 0,
+            class: m(o(On))
+          }, R(t.eyebrow), 3)) : L("", !0),
+          P("h2", {
+            class: m(o(An))
+          }, R(t.title), 3),
+          t.description ? (p(), D("p", {
+            key: 1,
+            class: m(o(In))
+          }, R(t.description), 3)) : L("", !0)
+        ], 2),
+        n.$slots.actions ? (p(), D("div", {
+          key: 0,
+          class: m(o(Pn))
+        }, [
+          O(n.$slots, "actions")
+        ], 2)) : L("", !0)
+      ], 2),
+      P("div", {
+        class: m(t.scrollBody ? o(Bn) : o(Rn))
+      }, [
+        O(n.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+function me(e, t) {
+  const n = typeof e == "string" && !t ? `${e}Context` : t, a = Symbol(n);
+  return [(u) => {
+    const i = pt(a, u);
+    if (i || i === null) return i;
+    throw new Error(`Injection \`${a.toString()}\` not found. Component must be used within ${Array.isArray(e) ? `one of the following components: ${e.join(", ")}` : `\`${e}\``}`);
+  }, (u) => (vt(a, u), u)];
+}
+function G() {
+  let e = document.activeElement;
+  if (e == null) return null;
+  for (; e != null && e.shadowRoot != null && e.shadowRoot.activeElement != null; ) e = e.shadowRoot.activeElement;
+  return e;
+}
+function Tt(e, t, n) {
+  const a = n.originalEvent.target, s = new CustomEvent(e, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: n
+  });
+  t && a.addEventListener(e, t, { once: !0 }), a.dispatchEvent(s);
+}
+function Ln(e) {
+  return e == null;
+}
+function We(e, t) {
+  return $t() ? (bt(e, t), !0) : !1;
+}
+// @__NO_SIDE_EFFECTS__
+function $n(e) {
+  let t = !1, n;
+  const a = gt(!0);
+  return ((...s) => (t || (n = a.run(() => e(...s)), t = !0), n));
+}
+const H = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Fn = (e) => typeof e < "u", Mn = Object.prototype.toString, zn = (e) => Mn.call(e) === "[object Object]", qn = () => {
+}, tt = /* @__PURE__ */ Nn();
+function Nn() {
+  var e, t, n;
+  return H && !!(!((e = window) === null || e === void 0 || (e = e.navigator) === null || e === void 0) && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) === null || t === void 0 || (t = t.navigator) === null || t === void 0 ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test((n = window) === null || n === void 0 ? void 0 : n.navigator.userAgent));
+}
+function Ae(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Vn(e) {
+  return ue();
+}
+// @__NO_SIDE_EFFECTS__
+function Wn(e) {
+  if (!H) return e;
+  let t = 0, n, a;
+  const s = () => {
+    t -= 1, a && t <= 0 && (a.stop(), n = void 0, a = void 0);
+  };
+  return ((...r) => (t += 1, a || (a = gt(!0), n = a.run(() => e(...r))), We(s), n));
+}
+function jn(e, t) {
+  Vn() && mt(e, t);
+}
+function Hn(e, t, n = {}) {
+  const { immediate: a = !0, immediateCallback: s = !1 } = n, r = ze(!1);
+  let u;
+  function i() {
+    u && (clearTimeout(u), u = void 0);
+  }
+  function l() {
+    r.value = !1, i();
+  }
+  function d(...c) {
+    s && e(), i(), r.value = !0, u = setTimeout(() => {
+      r.value = !1, u = void 0, e(...c);
+    }, Y(t));
+  }
+  return a && (r.value = !0, H && d()), We(l), {
+    isPending: yt(r),
+    start: d,
+    stop: l
+  };
+}
+function Kn(e = 1e3, t = {}) {
+  const { controls: n = !1, callback: a } = t, s = Hn(a ?? qn, e, t), r = $(() => !s.isPending.value);
+  return n ? {
+    ready: r,
+    ...s
+  } : r;
+}
+function Un(e, t, n) {
+  return j(e, t, {
+    ...n,
+    immediate: !0
+  });
+}
+const Se = H ? window : void 0;
+function re(e) {
+  var t;
+  const n = Y(e);
+  return (t = n?.$el) !== null && t !== void 0 ? t : n;
+}
+function St(...e) {
+  const t = (a, s, r, u) => (a.addEventListener(s, r, u), () => a.removeEventListener(s, r, u)), n = $(() => {
+    const a = Ae(Y(e[0])).filter((s) => s != null);
+    return a.every((s) => typeof s != "string") ? a : void 0;
+  });
+  return Un(() => {
+    var a, s;
+    return [
+      (a = (s = n.value) === null || s === void 0 ? void 0 : s.map((r) => re(r))) !== null && a !== void 0 ? a : [Se].filter((r) => r != null),
+      Ae(Y(n.value ? e[1] : e[0])),
+      Ae(o(n.value ? e[2] : e[1])),
+      Y(n.value ? e[3] : e[2])
+    ];
+  }, ([a, s, r, u], i, l) => {
+    if (!a?.length || !s?.length || !r?.length) return;
+    const d = zn(u) ? { ...u } : u, c = a.flatMap((f) => s.flatMap((v) => r.map((b) => t(f, v, b, d))));
+    l(() => {
+      c.forEach((f) => f());
+    });
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function Yn() {
+  const e = ze(!1), t = ue();
+  return t && ae(() => {
+    e.value = !0;
+  }, t), e;
+}
+function Xn(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
+}
+function je(...e) {
+  let t, n, a = {};
+  e.length === 3 ? (t = e[0], n = e[1], a = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, n = e[0], a = e[1]) : (t = e[0], n = e[1]) : (t = !0, n = e[0]);
+  const { target: s = Se, eventName: r = "keydown", passive: u = !1, dedupe: i = !1 } = a, l = Xn(t);
+  return St(s, r, (c) => {
+    c.repeat && Y(i) || l(c) && n(c);
+  }, u);
+}
+function Gn(e, t = {}) {
+  const { immediate: n = !0, fpsLimit: a = null, window: s = Se, once: r = !1 } = t, u = ze(!1), i = $(() => {
+    const b = Y(a);
+    return b ? 1e3 / b : null;
+  });
+  let l = 0, d = null;
+  function c(b) {
+    if (!u.value || !s) return;
+    l || (l = b);
+    const y = b - l;
+    if (i.value && y < i.value) {
+      d = s.requestAnimationFrame(c);
+      return;
+    }
+    if (l = b, e({
+      delta: y,
+      timestamp: b
+    }), r) {
+      u.value = !1, d = null;
+      return;
+    }
+    d = s.requestAnimationFrame(c);
+  }
+  function f() {
+    !u.value && s && (u.value = !0, l = 0, d = s.requestAnimationFrame(c));
+  }
+  function v() {
+    u.value = !1, d != null && s && (s.cancelAnimationFrame(d), d = null);
+  }
+  return n && f(), We(v), {
+    isActive: yt(u),
+    pause: v,
+    resume: f
+  };
+}
+function Jn(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+// @__NO_SIDE_EFFECTS__
+function kt(e, t, n, a = {}) {
+  var s, r;
+  const { clone: u = !1, passive: i = !1, eventName: l, deep: d = !1, defaultValue: c, shouldEmit: f } = a, v = ue(), b = n || v?.emit || (v == null || (s = v.$emit) === null || s === void 0 ? void 0 : s.bind(v)) || (v == null || (r = v.proxy) === null || r === void 0 || (r = r.$emit) === null || r === void 0 ? void 0 : r.bind(v?.proxy));
+  let y = l;
+  y = y || `update:${t.toString()}`;
+  const A = (T) => u ? typeof u == "function" ? u(T) : Jn(T) : T, g = () => Fn(e[t]) ? A(e[t]) : c, h = (T) => {
+    f ? f(T) && b(y, T) : b(y, T);
+  };
+  if (i) {
+    const T = x(g());
+    let k = !1;
+    return j(() => e[t], (I) => {
+      k || (k = !0, T.value = A(I), Z(() => k = !1));
+    }), j(T, (I) => {
+      !k && (I !== e[t] || d) && h(I);
+    }, { deep: d }), T;
+  } else return $({
+    get() {
+      return g();
+    },
+    set(T) {
+      h(T);
+    }
+  });
+}
+function He(e) {
+  return e ? e.flatMap((t) => t.type === Q ? He(t.children) : [t]) : [];
+}
+const [Dt] = /* @__PURE__ */ me("ConfigProvider");
+function Ie(e) {
+  if (e === null || typeof e != "object")
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return t !== null && t !== Object.prototype && Object.getPrototypeOf(t) !== null || Symbol.iterator in e ? !1 : Symbol.toStringTag in e ? Object.prototype.toString.call(e) === "[object Module]" : !0;
+}
+function Le(e, t, n = ".", a) {
+  if (!Ie(t))
+    return Le(e, {}, n, a);
+  const s = { ...t };
+  for (const r of Object.keys(e)) {
+    if (r === "__proto__" || r === "constructor")
+      continue;
+    const u = e[r];
+    u != null && (a && a(s, r, u, n) || (Array.isArray(u) && Array.isArray(s[r]) ? s[r] = [...u, ...s[r]] : Ie(u) && Ie(s[r]) ? s[r] = Le(
+      u,
+      s[r],
+      (n ? `${n}.` : "") + r.toString(),
+      a
+    ) : s[r] = u));
+  }
+  return s;
+}
+function Qn(e) {
+  return (...t) => (
+    // eslint-disable-next-line unicorn/no-array-reduce
+    t.reduce((n, a) => Le(n, a, "", e), {})
+  );
+}
+const Zn = Qn(), ea = /* @__PURE__ */ Wn(() => {
+  const e = x(/* @__PURE__ */ new Map()), t = x(), n = $(() => {
+    for (const u of e.value.values()) if (u) return !0;
+    return !1;
+  }), a = Dt({ scrollBody: x(!0) });
+  let s = null;
+  const r = () => {
+    document.body.style.paddingRight = "", document.body.style.marginRight = "", document.body.style.pointerEvents = "", document.documentElement.style.removeProperty("--scrollbar-width"), document.body.style.overflow = t.value ?? "", tt && s?.(), t.value = void 0;
+  };
+  return j(n, (u, i) => {
+    if (!H) return;
+    if (!u) {
+      i && r();
+      return;
+    }
+    t.value === void 0 && (t.value = document.body.style.overflow);
+    const l = window.innerWidth - document.documentElement.clientWidth, d = {
+      padding: l,
+      margin: 0
+    }, c = a.scrollBody?.value ? typeof a.scrollBody.value == "object" ? Zn({
+      padding: a.scrollBody.value.padding === !0 ? l : a.scrollBody.value.padding,
+      margin: a.scrollBody.value.margin === !0 ? l : a.scrollBody.value.margin
+    }, d) : d : {
+      padding: 0,
+      margin: 0
+    };
+    l > 0 && (document.body.style.paddingRight = typeof c.padding == "number" ? `${c.padding}px` : String(c.padding), document.body.style.marginRight = typeof c.margin == "number" ? `${c.margin}px` : String(c.margin), document.documentElement.style.setProperty("--scrollbar-width", `${l}px`), document.body.style.overflow = "hidden"), tt && (s = St(document, "touchmove", (f) => na(f), { passive: !1 })), Z(() => {
+      n.value && (document.body.style.pointerEvents = "none", document.body.style.overflow = "hidden");
+    });
+  }, {
+    immediate: !0,
+    flush: "sync"
+  }), e;
+});
+function ta(e) {
+  const t = Math.random().toString(36).substring(2, 7), n = ea();
+  n.value.set(t, e);
+  const a = $({
+    get: () => n.value.get(t) ?? !1,
+    set: (s) => n.value.set(t, s)
+  });
+  return jn(() => {
+    n.value.delete(t);
+  }), a;
+}
+function Ot(e) {
+  const t = window.getComputedStyle(e);
+  if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight) return !0;
+  {
+    const n = e.parentNode;
+    return !(n instanceof Element) || n.tagName === "BODY" ? !1 : Ot(n);
+  }
+}
+function na(e) {
+  const t = e || window.event, n = t.target;
+  return n instanceof Element && Ot(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.cancelable && t.preventDefault(), !1);
+}
+function Ke(e) {
+  const t = ue(), n = t?.type.emits, a = {};
+  return n?.length || console.warn(`No emitted event found. Please check component: ${t?.type.__name}`), n?.forEach((s) => {
+    a[Ft(Mt(s))] = (...r) => e(s, ...r);
+  }), a;
+}
+function q() {
+  const e = ue(), t = x(), n = $(() => a());
+  zt(() => {
+    n.value !== a() && qt(t);
+  });
+  function a() {
+    return t.value && "$el" in t.value && ["#text", "#comment"].includes(t.value.$el.nodeName) ? t.value.$el.nextElementSibling : re(t);
+  }
+  const s = Object.assign({}, e.exposed), r = {};
+  for (const i in e.props) Object.defineProperty(r, i, {
+    enumerable: !0,
+    configurable: !0,
+    get: () => e.props[i]
+  });
+  if (Object.keys(s).length > 0) for (const i in s) Object.defineProperty(r, i, {
+    enumerable: !0,
+    configurable: !0,
+    get: () => s[i]
+  });
+  Object.defineProperty(r, "$el", {
+    enumerable: !0,
+    configurable: !0,
+    get: () => e.vnode.el
+  }), e.exposed = r;
+  function u(i) {
+    if (t.value = i, !!i && (Object.defineProperty(r, "$el", {
+      enumerable: !0,
+      configurable: !0,
+      get: () => i instanceof Element ? i : i.$el
+    }), !(i instanceof Element) && !Object.hasOwn(i, "$el"))) {
+      const l = i.$.exposed, d = Object.assign({}, r);
+      for (const c in l) Object.defineProperty(d, c, {
+        enumerable: !0,
+        configurable: !0,
+        get: () => l[c]
+      });
+      e.exposed = d;
+    }
+  }
+  return {
+    forwardRef: u,
+    currentRef: t,
+    currentElement: n
+  };
+}
+var aa = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, ie = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), he = {}, Pe = 0, At = function(e) {
+  return e && (e.host || At(e.parentNode));
+}, oa = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var a = At(n);
+    return a && e.contains(a) ? a : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(n) {
+    return !!n;
+  });
+}, sa = function(e, t, n, a) {
+  var s = oa(t, Array.isArray(e) ? e : [e]);
+  he[n] || (he[n] = /* @__PURE__ */ new WeakMap());
+  var r = he[n], u = [], i = /* @__PURE__ */ new Set(), l = new Set(s), d = function(f) {
+    !f || i.has(f) || (i.add(f), d(f.parentNode));
+  };
+  s.forEach(d);
+  var c = function(f) {
+    !f || l.has(f) || Array.prototype.forEach.call(f.children, function(v) {
+      if (i.has(v))
+        c(v);
+      else
+        try {
+          var b = v.getAttribute(a), y = b !== null && b !== "false", A = (ie.get(v) || 0) + 1, g = (r.get(v) || 0) + 1;
+          ie.set(v, A), r.set(v, g), u.push(v), A === 1 && y && ye.set(v, !0), g === 1 && v.setAttribute(n, "true"), y || v.setAttribute(a, "true");
+        } catch (h) {
+          console.error("aria-hidden: cannot operate on ", v, h);
+        }
+    });
+  };
+  return c(t), i.clear(), Pe++, function() {
+    u.forEach(function(f) {
+      var v = ie.get(f) - 1, b = r.get(f) - 1;
+      ie.set(f, v), r.set(f, b), v || (ye.has(f) || f.removeAttribute(a), ye.delete(f)), b || f.removeAttribute(n);
+    }), Pe--, Pe || (ie = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), he = {});
+  };
+}, ra = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var a = Array.from(Array.isArray(e) ? e : [e]), s = aa(e);
+  return s ? (a.push.apply(a, Array.from(s.querySelectorAll("[aria-live], script"))), sa(a, s, n, "aria-hidden")) : function() {
+    return null;
+  };
+};
+function ia(e) {
+  let t;
+  j(() => re(e), (n) => {
+    let a = !1;
+    try {
+      a = !!n?.closest("[popover]:not(:popover-open)");
+    } catch {
+    }
+    n && !a ? t = ra(n) : t && t();
+  }), pe(() => {
+    t && t();
+  });
+}
+let la = 0;
+function nt(e, t = "reka") {
+  let n;
+  const a = Dt({ useId: void 0 });
+  return a.useId ? n = a.useId() : "useId" in Qe ? n = Qe.useId?.() : n = `${++la}`, t ? `${t}-${n}` : n;
+}
+function ua(e, t) {
+  const n = x(e);
+  function a(r) {
+    return t[n.value][r] ?? n.value;
+  }
+  return {
+    state: n,
+    dispatch: (r) => {
+      n.value = a(r);
+    }
+  };
+}
+function da(e, t) {
+  const n = x({}), a = x("none"), s = x(e), r = e.value ? "mounted" : "unmounted";
+  let u;
+  const i = t.value?.ownerDocument.defaultView ?? Se, { state: l, dispatch: d } = ua(r, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: { MOUNT: "mounted" }
+  }), c = (g) => {
+    if (H) {
+      const h = new CustomEvent(g, {
+        bubbles: !1,
+        cancelable: !1
+      });
+      t.value?.dispatchEvent(h);
+    }
+  };
+  j(e, async (g, h) => {
+    const T = h !== g;
+    if (await Z(), T) {
+      const k = a.value, I = we(t.value);
+      g ? (d("MOUNT"), c("enter"), I === "none" && c("after-enter")) : I === "none" || I === "undefined" || n.value?.display === "none" ? (d("UNMOUNT"), c("leave"), c("after-leave")) : h && k !== I ? (d("ANIMATION_OUT"), c("leave")) : (d("UNMOUNT"), c("after-leave"));
+    }
+  }, { immediate: !0 });
+  const f = (g) => {
+    const h = we(t.value), T = h.includes(CSS.escape(g.animationName)), k = l.value === "mounted" ? "enter" : "leave";
+    if (g.target === t.value && T && (c(`after-${k}`), d("ANIMATION_END"), !s.value)) {
+      const I = t.value.style.animationFillMode;
+      t.value.style.animationFillMode = "forwards", u = i?.setTimeout(() => {
+        t.value?.style.animationFillMode === "forwards" && (t.value.style.animationFillMode = I);
+      });
+    }
+    g.target === t.value && h === "none" && d("ANIMATION_END");
+  }, v = (g) => {
+    g.target === t.value && (a.value = we(t.value));
+  }, b = j(t, (g, h) => {
+    g ? (n.value = getComputedStyle(g), g.addEventListener("animationstart", v), g.addEventListener("animationcancel", f), g.addEventListener("animationend", f)) : (d("ANIMATION_END"), u !== void 0 && i?.clearTimeout(u), h?.removeEventListener("animationstart", v), h?.removeEventListener("animationcancel", f), h?.removeEventListener("animationend", f));
+  }, { immediate: !0 }), y = j(l, () => {
+    const g = we(t.value);
+    a.value = l.value === "mounted" ? g : "none";
+  });
+  return pe(() => {
+    b(), y();
+  }), { isPresent: $(() => ["mounted", "unmountSuspended"].includes(l.value)) };
+}
+function we(e) {
+  return e && getComputedStyle(e).animationName || "none";
+}
+var Ue = /* @__PURE__ */ _({
+  name: "Presence",
+  props: {
+    present: {
+      type: Boolean,
+      required: !0
+    },
+    forceMount: { type: Boolean }
+  },
+  slots: {},
+  setup(e, { slots: t, expose: n }) {
+    const { present: a, forceMount: s } = ve(e), r = x(), { isPresent: u } = da(a, r);
+    n({ present: u });
+    let i = t.default({ present: u.value });
+    i = He(i || []);
+    const l = ue();
+    if (i && i?.length > 1) {
+      const d = l?.parent?.type.name ? `<${l.parent.type.name} />` : "component";
+      throw new Error([
+        `Detected an invalid children for \`${d}\` for  \`Presence\` component.`,
+        "",
+        "Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
+        "You can apply a few solutions:",
+        ["Provide a single child element so that `presence` directive attach correctly.", "Ensure the first child is an actual element instead of a raw text node or comment node."].map((c) => `  - ${c}`).join(`
+`)
+      ].join(`
+`));
+    }
+    return () => s.value || a.value || u.value ? le(t.default({ present: u.value })[0], { ref: (d) => {
+      const c = re(d);
+      return typeof c?.hasAttribute > "u" || (c?.hasAttribute("data-reka-popper-content-wrapper") ? r.value = c.firstElementChild : r.value = c), c;
+    } }) : null;
+  }
+});
+const $e = /* @__PURE__ */ _({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(e, { attrs: t, slots: n }) {
+    return () => {
+      if (!n.default) return null;
+      const a = He(n.default()), s = a.findIndex((l) => l.type !== Nt);
+      if (s === -1) return a;
+      const r = a[s];
+      delete r.props?.ref;
+      const u = r.props ? W(t, r.props) : t, i = Vt({
+        ...r,
+        props: {}
+      }, u);
+      return a.length === 1 ? i : (a[s] = i, a);
+    };
+  }
+}), ca = [
+  "area",
+  "img",
+  "input"
+], N = /* @__PURE__ */ _({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(e, { attrs: t, slots: n }) {
+    const a = e.asChild ? "template" : e.as;
+    return typeof a == "string" && ca.includes(a) ? () => le(a, t) : a !== "template" ? () => le(e.as, t, { default: n.default }) : () => le($e, t, { default: n.default });
+  }
+});
+function at() {
+  const e = x(), t = $(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : re(e));
+  return {
+    primitiveElement: e,
+    currentElement: t
+  };
+}
+const [te, fa] = /* @__PURE__ */ me("DialogRoot");
+var pa = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "DialogRoot",
+  props: {
+    open: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    defaultOpen: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    modal: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: t }) {
+    const n = e, s = /* @__PURE__ */ kt(n, "open", t, {
+      defaultValue: n.defaultOpen,
+      passive: n.open === void 0
+    }), r = x(), u = x(), { modal: i } = ve(n);
+    return fa({
+      open: s,
+      modal: i,
+      openModal: () => {
+        s.value = !0;
+      },
+      onOpenChange: (l) => {
+        s.value = l;
+      },
+      onOpenToggle: () => {
+        s.value = !s.value;
+      },
+      contentId: "",
+      titleId: "",
+      descriptionId: "",
+      triggerElement: r,
+      contentElement: u
+    }), (l, d) => O(l.$slots, "default", {
+      open: o(s),
+      close: () => s.value = !1
+    });
+  }
+}), va = pa, ma = /* @__PURE__ */ _({
+  __name: "DialogClose",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(e) {
+    const t = e;
+    q();
+    const n = te();
+    return (a, s) => (p(), S(o(N), W(t, {
+      type: a.as === "button" ? "button" : void 0,
+      onClick: s[0] || (s[0] = (r) => o(n).onOpenChange(!1))
+    }), {
+      default: C(() => [O(a.$slots, "default")]),
+      _: 3
+    }, 16, ["type"]));
+  }
+}), ba = ma;
+const ga = "dismissableLayer.pointerDownOutside", ya = "dismissableLayer.focusOutside";
+function It(e, t) {
+  if (!(t instanceof Element)) return !1;
+  const n = t.closest("[data-dismissable-layer]"), a = e.dataset.dismissableLayer === "" ? e : e.querySelector("[data-dismissable-layer]"), s = Array.from(e.ownerDocument.querySelectorAll("[data-dismissable-layer]"));
+  return !!(n && (a === n || s.indexOf(a) < s.indexOf(n)));
+}
+function ha(e, t, n = !0) {
+  const a = t?.value?.ownerDocument ?? globalThis?.document, s = x(!1), r = x(() => {
+  });
+  return ee((u) => {
+    if (!H || !Y(n)) return;
+    const i = async (d) => {
+      const c = d.target;
+      if (!(!t?.value || !c)) {
+        if (It(t.value, c)) {
+          s.value = !1;
+          return;
+        }
+        if (d.target && !s.value) {
+          let v = function() {
+            Tt(ga, e, f);
+          };
+          const f = { originalEvent: d };
+          d.pointerType === "touch" ? (a.removeEventListener("click", r.value), r.value = v, a.addEventListener("click", r.value, { once: !0 })) : v();
+        } else a.removeEventListener("click", r.value);
+        s.value = !1;
+      }
+    }, l = window.setTimeout(() => {
+      a.addEventListener("pointerdown", i);
+    }, 0);
+    u(() => {
+      window.clearTimeout(l), a.removeEventListener("pointerdown", i), a.removeEventListener("click", r.value);
+    });
+  }), { onPointerDownCapture: () => {
+    Y(n) && (s.value = !0);
+  } };
+}
+function wa(e, t, n = !0) {
+  const a = t?.value?.ownerDocument ?? globalThis?.document, s = x(!1);
+  return ee((r) => {
+    if (!H || !Y(n)) return;
+    const u = async (i) => {
+      if (!t?.value) return;
+      await Z(), await Z();
+      const l = i.target;
+      !t.value || !l || It(t.value, l) || i.target && !s.value && Tt(ya, e, { originalEvent: i });
+    };
+    a.addEventListener("focusin", u), r(() => a.removeEventListener("focusin", u));
+  }), {
+    onFocusCapture: () => {
+      Y(n) && (s.value = !0);
+    },
+    onBlurCapture: () => {
+      Y(n) && (s.value = !1);
+    }
+  };
+}
+const V = /* @__PURE__ */ ht({
+  layersRoot: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  originalBodyPointerEvents: void 0,
+  branches: /* @__PURE__ */ new Set()
+});
+var Ca = /* @__PURE__ */ _({
+  __name: "DismissableLayer",
+  props: {
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "dismiss"
+  ],
+  setup(e, { emit: t }) {
+    const n = e, a = t, { forwardRef: s, currentElement: r } = q(), u = $(() => r.value?.ownerDocument ?? globalThis.document), i = $(() => V.layersRoot), l = $(() => r.value ? Array.from(i.value).indexOf(r.value) : -1), d = $(() => V.layersWithOutsidePointerEventsDisabled.size > 0), c = $(() => {
+      const b = Array.from(i.value), [y] = [...V.layersWithOutsidePointerEventsDisabled].slice(-1), A = b.indexOf(y);
+      return l.value >= A;
+    }), f = ha(async (b) => {
+      const y = [...V.branches].some((A) => A?.contains(b.target));
+      !c.value || y || (a("pointerDownOutside", b), a("interactOutside", b), await Z(), b.defaultPrevented || a("dismiss"));
+    }, r), v = wa((b) => {
+      [...V.branches].some((A) => A?.contains(b.target)) || (a("focusOutside", b), a("interactOutside", b), b.defaultPrevented || a("dismiss"));
+    }, r);
+    return je("Escape", (b) => {
+      l.value === i.value.size - 1 && (a("escapeKeyDown", b), b.defaultPrevented || a("dismiss"));
+    }), j([r, () => n.disableOutsidePointerEvents], ([b, y], A, g) => {
+      b && (y && (V.layersWithOutsidePointerEventsDisabled.size === 0 && (V.originalBodyPointerEvents = u.value.body.style.pointerEvents, u.value.body.style.pointerEvents = "none"), V.layersWithOutsidePointerEventsDisabled.add(b), g(() => {
+        V.layersWithOutsidePointerEventsDisabled.delete(b), V.layersWithOutsidePointerEventsDisabled.size === 0 && !Ln(V.originalBodyPointerEvents) && (u.value.body.style.pointerEvents = V.originalBodyPointerEvents);
+      })), i.value.add(b));
+    }, { immediate: !0 }), ee((b) => {
+      b(() => {
+        r.value && (i.value.delete(r.value), V.layersWithOutsidePointerEventsDisabled.delete(r.value));
+      });
+    }), (b, y) => (p(), S(o(N), {
+      ref: o(s),
+      "as-child": b.asChild,
+      as: b.as,
+      "data-dismissable-layer": "",
+      style: qe({ pointerEvents: d.value ? c.value ? "auto" : "none" : void 0 }),
+      onFocusCapture: o(v).onFocusCapture,
+      onBlurCapture: o(v).onBlurCapture,
+      onPointerdownCapture: o(f).onPointerDownCapture
+    }, {
+      default: C(() => [O(b.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as-child",
+      "as",
+      "style",
+      "onFocusCapture",
+      "onBlurCapture",
+      "onPointerdownCapture"
+    ]));
+  }
+}), _a = Ca, xa = /* @__PURE__ */ _({
+  __name: "DismissableLayerBranch",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = e, { forwardRef: n, currentElement: a } = q();
+    return ae(() => {
+      V.branches.add(a.value);
+    }), pe(() => {
+      V.branches.delete(a.value);
+    }), (s, r) => (p(), S(o(N), W({ ref: o(n) }, t), {
+      default: C(() => [O(s.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), Ea = xa;
+const Ta = /* @__PURE__ */ $n(() => x([]));
+function Sa() {
+  const e = Ta();
+  return {
+    add(t) {
+      const n = e.value[0];
+      t !== n && n?.pause(), e.value = ot(e.value, t), e.value.unshift(t);
+    },
+    remove(t) {
+      e.value = ot(e.value, t), e.value[0]?.resume();
+    }
+  };
+}
+function ot(e, t) {
+  const n = [...e], a = n.indexOf(t);
+  return a !== -1 && n.splice(a, 1), n;
+}
+const Be = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount", st = {
+  bubbles: !1,
+  cancelable: !0
+};
+function xe(e, { select: t = !1 } = {}) {
+  const n = G();
+  for (const a of e)
+    if (ne(a, { select: t }), G() !== n) return !0;
+}
+function ka(e) {
+  const t = Ye(e), n = rt(t, e), a = rt(t.reverse(), e);
+  return [n, a];
+}
+function Ye(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (a) => {
+    const s = a.tagName === "INPUT" && a.type === "hidden";
+    return a.disabled || a.hidden || s ? NodeFilter.FILTER_SKIP : a.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+  } });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function rt(e, t) {
+  for (const n of e) if (!Da(n, { upTo: t })) return n;
+}
+function Da(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Oa(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function ne(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = G();
+    e.focus({ preventScroll: !0 }), e !== n && Oa(e) && t && e.select();
+  }
+}
+var Aa = /* @__PURE__ */ _({
+  __name: "FocusScope",
+  props: {
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    trapped: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["mountAutoFocus", "unmountAutoFocus"],
+  setup(e, { emit: t }) {
+    const n = e, a = t, { currentRef: s, currentElement: r } = q(), u = x(null), i = Sa(), l = /* @__PURE__ */ ht({
+      paused: !1,
+      pause() {
+        this.paused = !0;
+      },
+      resume() {
+        this.paused = !1;
+      }
+    });
+    ee((c) => {
+      if (!H) return;
+      const f = r.value;
+      if (!n.trapped) return;
+      function v(g) {
+        if (l.paused || !f) return;
+        const h = g.target;
+        f.contains(h) ? u.value = h : ne(u.value, { select: !0 });
+      }
+      function b(g) {
+        if (l.paused || !f) return;
+        const h = g.relatedTarget;
+        h !== null && (f.contains(h) || ne(u.value, { select: !0 }));
+      }
+      function y(g) {
+        const h = u.value;
+        if (h === null || !g.some((I) => I.removedNodes.length > 0)) return;
+        f.contains(h) || ne(f);
+      }
+      document.addEventListener("focusin", v), document.addEventListener("focusout", b);
+      const A = new MutationObserver(y);
+      f && A.observe(f, {
+        childList: !0,
+        subtree: !0
+      }), c(() => {
+        document.removeEventListener("focusin", v), document.removeEventListener("focusout", b), A.disconnect();
+      });
+    }), ee(async (c) => {
+      const f = r.value;
+      if (await Z(), !f) return;
+      i.add(l);
+      const v = G();
+      if (!f.contains(v)) {
+        const y = new CustomEvent(Be, st);
+        f.addEventListener(Be, (A) => a("mountAutoFocus", A)), f.dispatchEvent(y), y.defaultPrevented || (xe(Ye(f), { select: !0 }), G() === v && ne(f));
+      }
+      c(() => {
+        f.removeEventListener(Be, (g) => a("mountAutoFocus", g));
+        const y = new CustomEvent(Re, st), A = (g) => {
+          a("unmountAutoFocus", g);
+        };
+        f.addEventListener(Re, A), f.dispatchEvent(y), f.setAttribute("data-focus-scope-unmounting", ""), setTimeout(() => {
+          y.defaultPrevented || ne(v ?? document.body, { select: !0 }), f.removeEventListener(Re, A), i.remove(l), f.removeAttribute("data-focus-scope-unmounting");
+        }, 0);
+      });
+    });
+    function d(c) {
+      if (!n.loop && !n.trapped || l.paused) return;
+      const f = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, v = G();
+      if (f && v) {
+        const b = c.currentTarget, [y, A] = ka(b);
+        y && A ? !c.shiftKey && v === A ? (c.preventDefault(), n.loop && ne(y, { select: !0 })) : c.shiftKey && v === y && (c.preventDefault(), n.loop && ne(A, { select: !0 })) : v === b && c.preventDefault();
+      }
+    }
+    return (c, f) => (p(), S(o(N), {
+      ref_key: "currentRef",
+      ref: s,
+      tabindex: "-1",
+      "as-child": c.asChild,
+      as: c.as,
+      onKeydown: d
+    }, {
+      default: C(() => [O(c.$slots, "default")]),
+      _: 3
+    }, 8, ["as-child", "as"]));
+  }
+}), Ia = Aa;
+function Pa(e) {
+  return e ? "open" : "closed";
+}
+const Ba = "DialogTitle", Ra = "DialogContent";
+function La({ titleName: e = Ba, contentName: t = Ra, componentLink: n = "dialog.html#title", titleId: a, descriptionId: s, contentElement: r }) {
+  const u = `Warning: \`${t}\` requires a \`${e}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${e}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://www.reka-ui.com/docs/components/${n}`, i = `Warning: Missing \`Description\` or \`aria-describedby="undefined"\` for ${t}.`;
+  ae(() => {
+    document.getElementById(a) || console.warn(u);
+    const d = r.value?.getAttribute("aria-describedby");
+    s && d && (document.getElementById(s) || console.warn(i));
+  });
+}
+var $a = /* @__PURE__ */ _({
+  __name: "DialogContentImpl",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(e, { emit: t }) {
+    const n = e, a = t, s = te(), { forwardRef: r, currentElement: u } = q();
+    return s.titleId ||= nt(void 0, "reka-dialog-title"), s.descriptionId ||= nt(void 0, "reka-dialog-description"), ae(() => {
+      s.contentElement = u, G() !== document.body && (s.triggerElement.value = G());
+    }), process.env.NODE_ENV !== "production" && La({
+      titleName: "DialogTitle",
+      contentName: "DialogContent",
+      componentLink: "dialog.html#title",
+      titleId: s.titleId,
+      descriptionId: s.descriptionId,
+      contentElement: u
+    }), (i, l) => (p(), S(o(Ia), {
+      "as-child": "",
+      loop: "",
+      trapped: n.trapFocus,
+      onMountAutoFocus: l[5] || (l[5] = (d) => a("openAutoFocus", d)),
+      onUnmountAutoFocus: l[6] || (l[6] = (d) => a("closeAutoFocus", d))
+    }, {
+      default: C(() => [F(o(_a), W({
+        id: o(s).contentId,
+        ref: o(r),
+        as: i.as,
+        "as-child": i.asChild,
+        "disable-outside-pointer-events": i.disableOutsidePointerEvents,
+        role: "dialog",
+        "aria-describedby": o(s).descriptionId,
+        "aria-labelledby": o(s).titleId,
+        "data-state": o(Pa)(o(s).open.value)
+      }, i.$attrs, {
+        onDismiss: l[0] || (l[0] = (d) => o(s).onOpenChange(!1)),
+        onEscapeKeyDown: l[1] || (l[1] = (d) => a("escapeKeyDown", d)),
+        onFocusOutside: l[2] || (l[2] = (d) => a("focusOutside", d)),
+        onInteractOutside: l[3] || (l[3] = (d) => a("interactOutside", d)),
+        onPointerDownOutside: l[4] || (l[4] = (d) => a("pointerDownOutside", d))
+      }), {
+        default: C(() => [O(i.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "id",
+        "as",
+        "as-child",
+        "disable-outside-pointer-events",
+        "aria-describedby",
+        "aria-labelledby",
+        "data-state"
+      ])]),
+      _: 3
+    }, 8, ["trapped"]));
+  }
+}), Pt = $a, Fa = /* @__PURE__ */ _({
+  __name: "DialogContentModal",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(e, { emit: t }) {
+    const n = e, a = t, s = te(), r = Ke(a), { forwardRef: u, currentElement: i } = q();
+    return ia(i), (l, d) => (p(), S(Pt, W({
+      ...n,
+      ...o(r)
+    }, {
+      ref: o(u),
+      "trap-focus": o(s).open.value,
+      "disable-outside-pointer-events": n.disableOutsidePointerEvents,
+      onCloseAutoFocus: d[0] || (d[0] = (c) => {
+        c.defaultPrevented || (c.preventDefault(), o(s).triggerElement.value?.focus());
+      }),
+      onPointerDownOutside: d[1] || (d[1] = (c) => {
+        const f = c.detail.originalEvent, v = f.button === 0 && f.ctrlKey === !0;
+        (f.button === 2 || v) && c.preventDefault();
+      }),
+      onFocusOutside: d[2] || (d[2] = (c) => {
+        c.preventDefault();
+      })
+    }), {
+      default: C(() => [O(l.$slots, "default")]),
+      _: 3
+    }, 16, ["trap-focus", "disable-outside-pointer-events"]));
+  }
+}), Ma = Fa, za = /* @__PURE__ */ _({
+  __name: "DialogContentNonModal",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(e, { emit: t }) {
+    const n = e, s = Ke(t);
+    q();
+    const r = te(), u = x(!1), i = x(!1);
+    return (l, d) => (p(), S(Pt, W({
+      ...n,
+      ...o(s)
+    }, {
+      "trap-focus": !1,
+      "disable-outside-pointer-events": !1,
+      onCloseAutoFocus: d[0] || (d[0] = (c) => {
+        c.defaultPrevented || (u.value || o(r).triggerElement.value?.focus(), c.preventDefault()), u.value = !1, i.value = !1;
+      }),
+      onInteractOutside: d[1] || (d[1] = (c) => {
+        c.defaultPrevented || (u.value = !0, c.detail.originalEvent.type === "pointerdown" && (i.value = !0));
+        const f = c.target;
+        o(r).triggerElement.value?.contains(f) && c.preventDefault(), c.detail.originalEvent.type === "focusin" && i.value && c.preventDefault();
+      })
+    }), {
+      default: C(() => [O(l.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), qa = za, Na = /* @__PURE__ */ _({
+  __name: "DialogContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(e, { emit: t }) {
+    const n = e, a = t, s = te(), r = Ke(a), { forwardRef: u } = q();
+    return (i, l) => (p(), S(o(Ue), { present: i.forceMount || o(s).open.value }, {
+      default: C(() => [o(s).modal.value ? (p(), S(Ma, W({
+        key: 0,
+        ref: o(u)
+      }, {
+        ...n,
+        ...o(r),
+        ...i.$attrs
+      }), {
+        default: C(() => [O(i.$slots, "default")]),
+        _: 3
+      }, 16)) : (p(), S(qa, W({
+        key: 1,
+        ref: o(u)
+      }, {
+        ...n,
+        ...o(r),
+        ...i.$attrs
+      }), {
+        default: C(() => [O(i.$slots, "default")]),
+        _: 3
+      }, 16))]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), Va = Na, Wa = /* @__PURE__ */ _({
+  __name: "DialogDescription",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "p"
+    }
+  },
+  setup(e) {
+    const t = e;
+    q();
+    const n = te();
+    return (a, s) => (p(), S(o(N), W(t, { id: o(n).descriptionId }), {
+      default: C(() => [O(a.$slots, "default")]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), it = Wa, ja = /* @__PURE__ */ _({
+  __name: "DialogOverlayImpl",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = te();
+    return ta(!0), q(), (n, a) => (p(), S(o(N), {
+      as: n.as,
+      "as-child": n.asChild,
+      "data-state": o(t).open.value ? "open" : "closed",
+      style: { "pointer-events": "auto" },
+      onPointerdown: a[0] || (a[0] = Ee(() => {
+      }, [
+        "left",
+        "self",
+        "prevent"
+      ]))
+    }, {
+      default: C(() => [O(n.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "data-state"
+    ]));
+  }
+}), Ha = ja, Ka = /* @__PURE__ */ _({
+  __name: "DialogOverlay",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = te(), { forwardRef: n } = q();
+    return (a, s) => o(t)?.modal.value ? (p(), S(o(Ue), {
+      key: 0,
+      present: a.forceMount || o(t).open.value
+    }, {
+      default: C(() => [F(Ha, W(a.$attrs, {
+        ref: o(n),
+        as: a.as,
+        "as-child": a.asChild
+      }), {
+        default: C(() => [O(a.$slots, "default")]),
+        _: 3
+      }, 16, ["as", "as-child"])]),
+      _: 3
+    }, 8, ["present"])) : L("v-if", !0);
+  }
+}), Ua = Ka, Ya = /* @__PURE__ */ _({
+  __name: "Teleport",
+  props: {
+    to: {
+      type: null,
+      required: !1,
+      default: "body"
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    defer: {
+      type: Boolean,
+      required: !1
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = /* @__PURE__ */ Yn();
+    return (n, a) => o(t) || n.forceMount ? (p(), S(wt, {
+      key: 0,
+      to: n.to,
+      disabled: n.disabled,
+      defer: n.defer
+    }, [O(n.$slots, "default")], 8, [
+      "to",
+      "disabled",
+      "defer"
+    ])) : L("v-if", !0);
+  }
+}), Xa = Ya, Ga = /* @__PURE__ */ _({
+  __name: "DialogPortal",
+  props: {
+    to: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    defer: {
+      type: Boolean,
+      required: !1
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, a) => (p(), S(o(Xa), Ne(Ve(t)), {
+      default: C(() => [O(n.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), Ja = Ga, Qa = /* @__PURE__ */ _({
+  __name: "DialogTitle",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "h2"
+    }
+  },
+  setup(e) {
+    const t = e, n = te();
+    return q(), (a, s) => (p(), S(o(N), W(t, { id: o(n).titleId }), {
+      default: C(() => [O(a.$slots, "default")]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), Za = Qa;
+const lt = "data-reka-collection-item";
+function Xe(e = {}) {
+  const { key: t = "", isProvider: n = !1 } = e, a = `${t}CollectionProvider`;
+  let s;
+  if (n) {
+    const c = x(/* @__PURE__ */ new Map());
+    s = {
+      collectionRef: x(),
+      itemMap: c
+    }, vt(a, s);
+  } else s = pt(a);
+  const r = (c = !1) => {
+    const f = s.collectionRef.value;
+    if (!f) return [];
+    const v = Array.from(f.querySelectorAll(`[${lt}]`)), y = Array.from(s.itemMap.value.values()).sort((A, g) => v.indexOf(A.ref) - v.indexOf(g.ref));
+    return c ? y : y.filter((A) => A.ref.dataset.disabled !== "");
+  }, u = /* @__PURE__ */ _({
+    name: "CollectionSlot",
+    inheritAttrs: !1,
+    setup(c, { slots: f, attrs: v }) {
+      const { primitiveElement: b, currentElement: y } = at();
+      return j(y, () => {
+        s.collectionRef.value = y.value;
+      }), () => le($e, {
+        ref: b,
+        ...v
+      }, f);
+    }
+  }), i = /* @__PURE__ */ _({
+    name: "CollectionItem",
+    inheritAttrs: !1,
+    props: { value: { validator: () => !0 } },
+    setup(c, { slots: f, attrs: v }) {
+      const { primitiveElement: b, currentElement: y } = at();
+      return ee((A) => {
+        if (y.value) {
+          const g = Wt(y.value);
+          s.itemMap.value.set(g, {
+            ref: y.value,
+            value: c.value
+          }), A(() => s.itemMap.value.delete(g));
+        }
+      }), () => le($e, {
+        ...v,
+        [lt]: "",
+        ref: b
+      }, f);
+    }
+  }), l = $(() => Array.from(s.itemMap.value.values())), d = $(() => s.itemMap.value.size);
+  return {
+    getItems: r,
+    reactiveItems: l,
+    itemMapSize: d,
+    CollectionSlot: u,
+    CollectionItem: i
+  };
+}
+var eo = /* @__PURE__ */ _({
+  __name: "VisuallyHidden",
+  props: {
+    feature: {
+      type: String,
+      required: !1,
+      default: "focusable"
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    return (t, n) => (p(), S(o(N), {
+      as: t.as,
+      "as-child": t.asChild,
+      "aria-hidden": t.feature === "focusable" ? "true" : void 0,
+      "data-hidden": t.feature === "fully-hidden" ? "" : void 0,
+      tabindex: t.feature === "fully-hidden" ? "-1" : void 0,
+      style: {
+        position: "absolute",
+        border: 0,
+        width: "1px",
+        height: "1px",
+        padding: 0,
+        margin: "-1px",
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        clipPath: "inset(50%)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        top: "-1px",
+        left: "-1px"
+      }
+    }, {
+      default: C(() => [O(t.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "aria-hidden",
+      "data-hidden",
+      "tabindex"
+    ]));
+  }
+}), Ge = eo;
+const [Bt, to] = /* @__PURE__ */ me("AvatarRoot");
+var no = /* @__PURE__ */ _({
+  __name: "AvatarRoot",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    return q(), to({ imageLoadingStatus: x("idle") }), (t, n) => (p(), S(o(N), {
+      "as-child": t.asChild,
+      as: t.as
+    }, {
+      default: C(() => [O(t.$slots, "default")]),
+      _: 3
+    }, 8, ["as-child", "as"]));
+  }
+}), ao = no, oo = /* @__PURE__ */ _({
+  __name: "AvatarFallback",
+  props: {
+    delayMs: {
+      type: Number,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    const t = e, n = Bt();
+    q();
+    const a = x(t.delayMs === void 0);
+    return ee((s) => {
+      if (t.delayMs && H) {
+        const r = window.setTimeout(() => {
+          a.value = !0;
+        }, t.delayMs);
+        s(() => {
+          window.clearTimeout(r);
+        });
+      }
+    }), (s, r) => a.value && o(n).imageLoadingStatus.value !== "loaded" ? (p(), S(o(N), {
+      key: 0,
+      "as-child": s.asChild,
+      as: s.as
+    }, {
+      default: C(() => [O(s.$slots, "default")]),
+      _: 3
+    }, 8, ["as-child", "as"])) : L("v-if", !0);
+  }
+}), so = oo;
+function ut(e, t) {
+  return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function ro(e, { referrerPolicy: t, crossOrigin: n } = {}) {
+  const a = x(!1), s = x(null), r = $(() => a.value ? (!s.value && H && (s.value = new window.Image()), s.value) : null), u = x(ut(r.value, e.value)), i = (l) => () => {
+    a.value && (u.value = l);
+  };
+  return ae(() => {
+    a.value = !0, ee((l) => {
+      const d = r.value;
+      if (!d) return;
+      u.value = ut(d, e.value);
+      const c = i("loaded"), f = i("error");
+      d.addEventListener("load", c), d.addEventListener("error", f), t?.value && (d.referrerPolicy = t.value), typeof n?.value == "string" && (d.crossOrigin = n.value), l(() => {
+        d.removeEventListener("load", c), d.removeEventListener("error", f);
+      });
+    });
+  }), pe(() => {
+    a.value = !1;
+  }), u;
+}
+var io = /* @__PURE__ */ _({
+  __name: "AvatarImage",
+  props: {
+    src: {
+      type: String,
+      required: !0
+    },
+    referrerPolicy: {
+      type: null,
+      required: !1
+    },
+    crossOrigin: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "img"
+    }
+  },
+  emits: ["loadingStatusChange"],
+  setup(e, { emit: t }) {
+    const n = e, a = t, { src: s, referrerPolicy: r, crossOrigin: u } = ve(n);
+    q();
+    const i = Bt(), l = ro(s, {
+      referrerPolicy: r,
+      crossOrigin: u
+    });
+    return j(l, (d) => {
+      a("loadingStatusChange", d), d !== "idle" && (i.imageLoadingStatus.value = d);
+    }, { immediate: !0 }), (d, c) => jt((p(), S(o(N), {
+      role: "img",
+      "as-child": d.asChild,
+      as: d.as,
+      src: o(s),
+      referrerpolicy: o(r),
+      crossorigin: o(u)
+    }, {
+      default: C(() => [O(d.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as-child",
+      "as",
+      "src",
+      "referrerpolicy",
+      "crossorigin"
+    ])), [[Ht, o(l) === "loaded"]]);
+  }
+}), lo = io, uo = /* @__PURE__ */ _({
+  __name: "ToastAnnounceExclude",
+  props: {
+    altText: {
+      type: String,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    return (t, n) => (p(), S(o(N), {
+      as: t.as,
+      "as-child": t.asChild,
+      "data-reka-toast-announce-exclude": "",
+      "data-reka-toast-announce-alt": t.altText || void 0
+    }, {
+      default: C(() => [O(t.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "data-reka-toast-announce-alt"
+    ]));
+  }
+}), co = uo;
+const [ke, fo] = /* @__PURE__ */ me("ToastProvider");
+var po = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "ToastProvider",
+  props: {
+    label: {
+      type: String,
+      required: !1,
+      default: "Notification"
+    },
+    duration: {
+      type: Number,
+      required: !1,
+      default: 5e3
+    },
+    disableSwipe: {
+      type: Boolean,
+      required: !1
+    },
+    swipeDirection: {
+      type: String,
+      required: !1,
+      default: "right"
+    },
+    swipeThreshold: {
+      type: Number,
+      required: !1,
+      default: 50
+    }
+  },
+  setup(e) {
+    const t = e, { label: n, duration: a, disableSwipe: s, swipeDirection: r, swipeThreshold: u } = ve(t);
+    Xe({ isProvider: !0 });
+    const i = x(), l = x(0), d = x(!1), c = x(!1);
+    if (t.label && typeof t.label == "string" && !t.label.trim()) {
+      const f = "Invalid prop `label` supplied to `ToastProvider`. Expected non-empty `string`.";
+      throw new Error(f);
+    }
+    return fo({
+      label: n,
+      duration: a,
+      disableSwipe: s,
+      swipeDirection: r,
+      swipeThreshold: u,
+      toastCount: l,
+      viewport: i,
+      onViewportChange(f) {
+        i.value = f;
+      },
+      onToastAdd() {
+        l.value++;
+      },
+      onToastRemove() {
+        l.value--;
+      },
+      isFocusedToastEscapeKeyDownRef: d,
+      isClosePausedRef: c
+    }), (f, v) => O(f.$slots, "default");
+  }
+}), vo = po, mo = /* @__PURE__ */ _({
+  __name: "ToastAnnounce",
+  setup(e) {
+    const t = ke(), n = Kn(1e3), a = x(!1);
+    let s = 0, r = 0;
+    return H && (s = requestAnimationFrame(() => {
+      r = requestAnimationFrame(() => {
+        a.value = !0;
+      });
+    }), bt(() => {
+      cancelAnimationFrame(s), cancelAnimationFrame(r);
+    })), (u, i) => o(n) || a.value ? (p(), S(o(Ge), {
+      key: 0,
+      feature: "fully-hidden"
+    }, {
+      default: C(() => [X(R(o(t).label.value) + " ", 1), O(u.$slots, "default")]),
+      _: 3
+    })) : L("v-if", !0);
+  }
+}), bo = mo;
+const go = "toast.swipeStart", yo = "toast.swipeMove", ho = "toast.swipeCancel", wo = "toast.swipeEnd", Fe = "toast.viewportPause", Me = "toast.viewportResume";
+function Ce(e, t, n) {
+  const a = n.originalEvent.currentTarget, s = new CustomEvent(e, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: n
+  });
+  t && a.addEventListener(e, t, { once: !0 }), a.dispatchEvent(s);
+}
+function dt(e, t, n = 0) {
+  const a = Math.abs(e.x), s = Math.abs(e.y), r = a > s;
+  return t === "left" || t === "right" ? r && a > n : !r && s > n;
+}
+function Co(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function Rt(e) {
+  const t = [];
+  return Array.from(e.childNodes).forEach((a) => {
+    if (a.nodeType === a.TEXT_NODE && a.textContent && t.push(a.textContent), Co(a)) {
+      const s = a.ariaHidden || a.hidden || a.style.display === "none", r = a.dataset.rekaToastAnnounceExclude === "";
+      if (!s) if (r) {
+        const u = a.dataset.rekaToastAnnounceAlt;
+        u && t.push(u);
+      } else t.push(...Rt(a));
+    }
+  }), t;
+}
+const [_o, xo] = /* @__PURE__ */ me("ToastRoot");
+var Eo = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "ToastRootImpl",
+  props: {
+    type: {
+      type: String,
+      required: !1
+    },
+    open: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    duration: {
+      type: Number,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "li"
+    }
+  },
+  emits: [
+    "close",
+    "escapeKeyDown",
+    "pause",
+    "resume",
+    "swipeStart",
+    "swipeMove",
+    "swipeCancel",
+    "swipeEnd"
+  ],
+  setup(e, { emit: t }) {
+    const n = e, a = t, { forwardRef: s, currentElement: r } = q(), { CollectionItem: u } = Xe(), i = ke(), l = x(null), d = x(null), c = $(() => typeof n.duration == "number" ? n.duration : i.duration.value), f = x(0), v = x(c.value), b = x(0), y = x(c.value), A = Gn(() => {
+      const k = Date.now() - f.value;
+      y.value = Math.max(v.value - k, 0);
+    }, { fpsLimit: 60 });
+    function g(k) {
+      k <= 0 || k === Number.POSITIVE_INFINITY || H && (window.clearTimeout(b.value), f.value = Date.now(), b.value = window.setTimeout(h, k));
+    }
+    function h(k) {
+      const I = k?.pointerType === "";
+      r.value?.contains(G()) && I && i.viewport.value?.focus(), I && (i.isClosePausedRef.value = !1), a("close");
+    }
+    const T = $(() => r.value ? Rt(r.value) : null);
+    if (n.type && !["foreground", "background"].includes(n.type)) {
+      const k = "Invalid prop `type` supplied to `Toast`. Expected `foreground | background`.";
+      throw new Error(k);
+    }
+    return ee((k) => {
+      const I = i.viewport.value;
+      if (I) {
+        const w = () => {
+          g(v.value), A.resume(), a("resume");
+        }, M = () => {
+          const B = Date.now() - f.value;
+          v.value = v.value - B, window.clearTimeout(b.value), A.pause(), a("pause");
+        };
+        return I.addEventListener(Fe, M), I.addEventListener(Me, w), () => {
+          I.removeEventListener(Fe, M), I.removeEventListener(Me, w);
+        };
+      }
+    }), j(() => [n.open, c.value], () => {
+      v.value = c.value, n.open && !i.isClosePausedRef.value && g(c.value);
+    }, { immediate: !0 }), je("Escape", (k) => {
+      a("escapeKeyDown", k), k.defaultPrevented || (i.isFocusedToastEscapeKeyDownRef.value = !0, h());
+    }), ae(() => {
+      i.onToastAdd();
+    }), pe(() => {
+      i.onToastRemove();
+    }), xo({ onClose: h }), (k, I) => (p(), D(Q, null, [T.value ? (p(), S(bo, {
+      key: 0,
+      role: "alert",
+      "aria-live": k.type === "foreground" ? "assertive" : "polite"
+    }, {
+      default: C(() => [L(`
+      Render each chunk as its own text node so screen readers get the
+      natural pause break between nodes (see comment in utils.ts).
+      Interpolating the array directly with \`{{ announceTextContent }}\`
+      would route through Vue's \`toDisplayString\`, which JSON-stringifies
+      arrays — the live region would then announce literal \`[\`, quotes
+      and commas instead of the toast title and description.
+    `), (p(!0), D(Q, null, se(T.value, (w, M) => (p(), D(Q, { key: M }, [X(R(w), 1)], 64))), 128))]),
+      _: 1
+    }, 8, ["aria-live"])) : L("v-if", !0), o(i).viewport.value ? (p(), S(wt, {
+      key: 1,
+      to: o(i).viewport.value
+    }, [F(o(u), null, {
+      default: C(() => [F(o(N), W({
+        ref: o(s),
+        tabindex: "0"
+      }, k.$attrs, {
+        as: k.as,
+        "as-child": k.asChild,
+        "data-state": k.open ? "open" : "closed",
+        "data-swipe-direction": o(i).swipeDirection.value,
+        style: o(i).disableSwipe.value ? void 0 : {
+          userSelect: "none",
+          touchAction: "none"
+        },
+        onPointerdown: I[0] || (I[0] = Ee((w) => {
+          o(i).disableSwipe.value || (l.value = {
+            x: w.clientX,
+            y: w.clientY
+          });
+        }, ["left"])),
+        onPointermove: I[1] || (I[1] = (w) => {
+          if (o(i).disableSwipe.value || !l.value) return;
+          const M = w.clientX - l.value.x, B = w.clientY - l.value.y, K = !!d.value, U = ["left", "right"].includes(o(i).swipeDirection.value), J = ["left", "up"].includes(o(i).swipeDirection.value) ? Math.min : Math.max, de = U ? J(0, M) : 0, Je = U ? 0 : J(0, B), be = w.pointerType === "touch" ? 10 : 2, oe = {
+            x: de,
+            y: Je
+          }, ge = {
+            originalEvent: w,
+            delta: oe
+          };
+          K ? (d.value = oe, o(Ce)(o(yo), (ce) => a("swipeMove", ce), ge)) : o(dt)(oe, o(i).swipeDirection.value, be) ? (d.value = oe, o(Ce)(o(go), (ce) => a("swipeStart", ce), ge), w.target.setPointerCapture(w.pointerId)) : (Math.abs(M) > be || Math.abs(B) > be) && (l.value = null);
+        }),
+        onPointerup: I[2] || (I[2] = (w) => {
+          if (o(i).disableSwipe.value) return;
+          const M = d.value, B = w.target;
+          if (B.hasPointerCapture(w.pointerId) && B.releasePointerCapture(w.pointerId), d.value = null, l.value = null, M) {
+            const K = w.currentTarget, U = {
+              originalEvent: w,
+              delta: M
+            };
+            o(dt)(M, o(i).swipeDirection.value, o(i).swipeThreshold.value) ? o(Ce)(o(wo), (J) => a("swipeEnd", J), U) : o(Ce)(o(ho), (J) => a("swipeCancel", J), U), K?.addEventListener("click", (J) => J.preventDefault(), { once: !0 });
+          }
+        })
+      }), {
+        default: C(() => [O(k.$slots, "default", {
+          remaining: y.value,
+          duration: c.value
+        })]),
+        _: 3
+      }, 16, [
+        "as",
+        "as-child",
+        "data-state",
+        "data-swipe-direction",
+        "style"
+      ])]),
+      _: 3
+    })], 8, ["to"])) : L("v-if", !0)], 64));
+  }
+}), To = Eo, So = /* @__PURE__ */ _({
+  __name: "ToastClose",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(e) {
+    const t = e, n = _o(), { forwardRef: a } = q();
+    return (s, r) => (p(), S(co, { "as-child": "" }, {
+      default: C(() => [F(o(N), W(t, {
+        ref: o(a),
+        type: s.as === "button" ? "button" : void 0,
+        onClick: o(n).onClose
+      }), {
+        default: C(() => [O(s.$slots, "default")]),
+        _: 3
+      }, 16, ["type", "onClick"])]),
+      _: 3
+    }));
+  }
+}), ko = So, Do = /* @__PURE__ */ _({
+  __name: "ToastDescription",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = e;
+    return q(), (n, a) => (p(), S(o(N), Ne(Ve(t)), {
+      default: C(() => [O(n.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), Oo = Do, Ao = /* @__PURE__ */ _({
+  __name: "ToastRoot",
+  props: {
+    defaultOpen: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    type: {
+      type: String,
+      required: !1,
+      default: "foreground"
+    },
+    open: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    duration: {
+      type: Number,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "li"
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pause",
+    "resume",
+    "swipeStart",
+    "swipeMove",
+    "swipeCancel",
+    "swipeEnd",
+    "update:open"
+  ],
+  setup(e, { emit: t }) {
+    const n = e, a = t, { forwardRef: s } = q(), r = /* @__PURE__ */ kt(n, "open", a, {
+      defaultValue: n.defaultOpen,
+      passive: n.open === void 0
+    });
+    return (u, i) => (p(), S(o(Ue), { present: u.forceMount || o(r) }, {
+      default: C(() => [F(To, W({
+        ref: o(s),
+        open: o(r),
+        type: u.type,
+        as: u.as,
+        "as-child": u.asChild,
+        duration: u.duration
+      }, u.$attrs, {
+        onClose: i[0] || (i[0] = (l) => r.value = !1),
+        onPause: i[1] || (i[1] = (l) => a("pause")),
+        onResume: i[2] || (i[2] = (l) => a("resume")),
+        onEscapeKeyDown: i[3] || (i[3] = (l) => a("escapeKeyDown", l)),
+        onSwipeStart: i[4] || (i[4] = (l) => {
+          a("swipeStart", l), l.defaultPrevented || l.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: i[5] || (i[5] = (l) => {
+          if (a("swipeMove", l), !l.defaultPrevented) {
+            const { x: d, y: c } = l.detail.delta, f = l.currentTarget;
+            f.setAttribute("data-swipe", "move"), f.style.setProperty("--reka-toast-swipe-move-x", `${d}px`), f.style.setProperty("--reka-toast-swipe-move-y", `${c}px`);
+          }
+        }),
+        onSwipeCancel: i[6] || (i[6] = (l) => {
+          if (a("swipeCancel", l), !l.defaultPrevented) {
+            const d = l.currentTarget;
+            d.setAttribute("data-swipe", "cancel"), d.style.removeProperty("--reka-toast-swipe-move-x"), d.style.removeProperty("--reka-toast-swipe-move-y"), d.style.removeProperty("--reka-toast-swipe-end-x"), d.style.removeProperty("--reka-toast-swipe-end-y");
+          }
+        }),
+        onSwipeEnd: i[7] || (i[7] = (l) => {
+          if (a("swipeEnd", l), !l.defaultPrevented) {
+            const { x: d, y: c } = l.detail.delta, f = l.currentTarget;
+            f.setAttribute("data-swipe", "end"), f.style.removeProperty("--reka-toast-swipe-move-x"), f.style.removeProperty("--reka-toast-swipe-move-y"), f.style.setProperty("--reka-toast-swipe-end-x", `${d}px`), f.style.setProperty("--reka-toast-swipe-end-y", `${c}px`), r.value = !1;
+          }
+        })
+      }), {
+        default: C(({ remaining: l, duration: d }) => [O(u.$slots, "default", {
+          remaining: l,
+          duration: d,
+          open: o(r)
+        })]),
+        _: 3
+      }, 16, [
+        "open",
+        "type",
+        "as",
+        "as-child",
+        "duration"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), Io = Ao, Po = /* @__PURE__ */ _({
+  __name: "ToastTitle",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(e) {
+    const t = e;
+    return q(), (n, a) => (p(), S(o(N), Ne(Ve(t)), {
+      default: C(() => [O(n.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), Bo = Po, Ro = /* @__PURE__ */ _({
+  __name: "FocusProxy",
+  emits: ["focusFromOutsideViewport"],
+  setup(e, { emit: t }) {
+    const n = t, a = ke();
+    return (s, r) => (p(), S(o(Ge), {
+      tabindex: "0",
+      style: { position: "fixed" },
+      onFocus: r[0] || (r[0] = (u) => {
+        const i = u.relatedTarget;
+        !o(a).viewport.value?.contains(i) && n("focusFromOutsideViewport");
+      })
+    }, {
+      default: C(() => [O(s.$slots, "default")]),
+      _: 3
+    }));
+  }
+}), ct = Ro, Lo = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "ToastViewport",
+  props: {
+    hotkey: {
+      type: Array,
+      required: !1,
+      default: () => ["F8"]
+    },
+    label: {
+      type: [String, Function],
+      required: !1,
+      default: "Notifications ({hotkey})"
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "ol"
+    }
+  },
+  setup(e) {
+    const t = e, { hotkey: n, label: a } = ve(t), { forwardRef: s, currentElement: r } = q(), { CollectionSlot: u, getItems: i } = Xe(), l = ke(), d = $(() => l.toastCount.value > 0), c = x(), f = x(), v = /Key/g, b = /Digit/g, y = $(() => n.value.join("+").replace(v, "").replace(b, ""));
+    je(n.value, () => {
+      r.value.focus();
+    }), ae(() => {
+      l.onViewportChange(r.value);
+    }), ee((g) => {
+      const h = r.value;
+      if (d.value && h) {
+        const T = () => {
+          if (!l.isClosePausedRef.value) {
+            const B = new CustomEvent(Fe);
+            h.dispatchEvent(B), l.isClosePausedRef.value = !0;
+          }
+        }, k = () => {
+          if (l.isClosePausedRef.value) {
+            const B = new CustomEvent(Me);
+            h.dispatchEvent(B), l.isClosePausedRef.value = !1;
+          }
+        }, I = (B) => {
+          !h.contains(B.relatedTarget) && k();
+        }, w = () => {
+          h.contains(G()) || k();
+        }, M = (B) => {
+          const K = B.altKey || B.ctrlKey || B.metaKey;
+          if (B.key === "Tab" && !K) {
+            const J = G(), de = B.shiftKey;
+            if (B.target === h && de) {
+              c.value?.focus();
+              return;
+            }
+            const oe = A({ tabbingDirection: de ? "backwards" : "forwards" }), ge = oe.findIndex((ce) => ce === J);
+            xe(oe.slice(ge + 1)) ? B.preventDefault() : de ? c.value?.focus() : f.value?.focus();
+          }
+        };
+        h.addEventListener("focusin", T), h.addEventListener("focusout", I), h.addEventListener("pointermove", T), h.addEventListener("pointerleave", w), h.addEventListener("keydown", M), window.addEventListener("blur", T), window.addEventListener("focus", k), g(() => {
+          h.removeEventListener("focusin", T), h.removeEventListener("focusout", I), h.removeEventListener("pointermove", T), h.removeEventListener("pointerleave", w), h.removeEventListener("keydown", M), window.removeEventListener("blur", T), window.removeEventListener("focus", k);
+        });
+      }
+    });
+    function A({ tabbingDirection: g }) {
+      const T = i().map((k) => k.ref).map((k) => {
+        const I = [k, ...Ye(k)];
+        return g === "forwards" ? I : I.reverse();
+      });
+      return (g === "forwards" ? T.reverse() : T).flat();
+    }
+    return (g, h) => (p(), S(o(Ea), {
+      role: "region",
+      "aria-label": typeof o(a) == "string" ? o(a).replace("{hotkey}", y.value) : o(a)(y.value),
+      tabindex: "-1",
+      style: qe({ pointerEvents: d.value ? void 0 : "none" })
+    }, {
+      default: C(() => [
+        d.value ? (p(), S(ct, {
+          key: 0,
+          ref: (T) => {
+            T && (c.value = o(re)(T));
+          },
+          onFocusFromOutsideViewport: h[0] || (h[0] = () => {
+            const T = A({ tabbingDirection: "forwards" });
+            o(xe)(T);
+          })
+        }, null, 512)) : L("v-if", !0),
+        F(o(u), null, {
+          default: C(() => [F(o(N), W({
+            ref: o(s),
+            tabindex: "-1",
+            as: g.as,
+            "as-child": g.asChild
+          }, g.$attrs), {
+            default: C(() => [O(g.$slots, "default")]),
+            _: 3
+          }, 16, ["as", "as-child"])]),
+          _: 3
+        }),
+        d.value ? (p(), S(ct, {
+          key: 1,
+          ref: (T) => {
+            T && (f.value = o(re)(T));
+          },
+          onFocusFromOutsideViewport: h[1] || (h[1] = () => {
+            const T = A({ tabbingDirection: "backwards" });
+            o(xe)(T);
+          })
+        }, null, 512)) : L("v-if", !0)
+      ]),
+      _: 3
+    }, 8, ["aria-label", "style"]));
+  }
+}), $o = Lo;
+const Fo = z({
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    userSelect: "none",
+    flexShrink: "0",
+    bg: "bg.accentSoft",
+    transition: "background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+  },
+  variants: {
+    size: {
+      sm: { w: "8", h: "8" },
+      md: { w: "10", h: "10" },
+      lg: { w: "12", h: "12" },
+      xl: { w: "14", h: "14" }
+    },
+    shape: {
+      circle: { borderRadius: "full" },
+      square: { borderRadius: "lg" }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "circle"
+  }
+}), Mo = E({
+  w: "full",
+  h: "full",
+  objectFit: "cover"
+}), zo = z({
+  base: {
+    fontFamily: "heading",
+    fontWeight: "600",
+    color: "text.accent",
+    lineHeight: "1",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    w: "full",
+    h: "full"
+  },
+  variants: {
+    size: {
+      sm: { fontSize: "xs" },
+      md: { fontSize: "sm" },
+      lg: { fontSize: "md" },
+      xl: { fontSize: "lg" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+z({
+  base: {
+    color: "text.muted",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  variants: {
+    size: {
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const tr = /* @__PURE__ */ _({
+  __name: "UiAvatar",
+  props: {
+    name: {},
+    src: { default: void 0 },
+    size: { default: "md" },
+    shape: { default: "circle" }
+  },
+  setup(e) {
+    const t = e, n = $(() => {
+      const a = t.name.trim().split(/\s+/);
+      return a.length === 1 ? a[0].charAt(0).toUpperCase() : (a[0].charAt(0) + a[a.length - 1].charAt(0)).toUpperCase();
+    });
+    return (a, s) => (p(), S(o(ao), {
+      class: m(o(Fo)({ size: e.size, shape: e.shape })),
+      "aria-label": e.name,
+      role: "img"
+    }, {
+      default: C(() => [
+        e.src ? (p(), S(o(lo), {
+          key: 0,
+          src: e.src,
+          alt: e.name,
+          class: m(o(Mo))
+        }, null, 8, ["src", "alt", "class"])) : L("", !0),
+        F(o(so), {
+          "delay-ms": 300,
+          class: m(o(zo)({ size: e.size }))
+        }, {
+          default: C(() => [
+            X(R(n.value), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["class", "aria-label"]));
+  }
+}), qo = Qt, No = E({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "2",
+  minWidth: "0"
+}), Vo = E({
+  visibility: "hidden"
+}), Wo = E({
+  position: "absolute",
+  inset: "0",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "2",
+  px: "4",
+  py: "3",
+  pointerEvents: "none"
+}), jo = ["type", "disabled", "aria-busy", "aria-label"], nr = /* @__PURE__ */ _({
+  __name: "UiButton",
+  props: {
+    variant: { default: "solid" },
+    size: { default: "md" },
+    tone: { default: "default" },
+    loading: { type: Boolean, default: !1 },
+    loadingLabel: { default: "Working..." },
+    disabled: { type: Boolean, default: !1 },
+    type: { default: "button" },
+    ariaLabel: { default: void 0 }
+  },
+  setup(e) {
+    return (t, n) => (p(), D("button", {
+      type: e.type,
+      disabled: e.disabled || e.loading,
+      "aria-busy": e.loading || void 0,
+      "aria-label": e.ariaLabel,
+      class: m(o(qo)({ variant: e.variant, size: e.size, tone: e.tone, disabled: e.disabled, loading: e.loading }))
+    }, [
+      P("span", {
+        class: m([o(No), e.loading ? o(Vo) : void 0])
+      }, [
+        O(t.$slots, "default")
+      ], 2),
+      e.loading ? (p(), D("span", {
+        key: 0,
+        class: m(o(Wo))
+      }, [
+        F(o(on), {
+          size: 14,
+          class: "aggc-spin",
+          "aria-hidden": "true"
+        }),
+        P("span", null, R(e.loadingLabel), 1)
+      ], 2)) : L("", !0)
+    ], 10, jo));
+  }
+}), Ho = z({
+  base: {
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-start",
+    gap: "3",
+    textAlign: "left",
+    borderRadius: "xl",
+    borderWidth: "1px",
+    px: "4",
+    py: "3.5",
+    color: "text.primary",
+    transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+  },
+  variants: {
+    checked: {
+      true: {
+        borderColor: "border.accent",
+        bg: "bg.selected"
+      },
+      false: {
+        borderColor: "border.default",
+        bg: "bg.input"
+      }
+    },
+    disabled: {
+      true: {
+        cursor: "not-allowed",
+        opacity: 0.45
+      },
+      false: {
+        cursor: "pointer"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      checked: !0,
+      disabled: !1,
+      css: {
+        _hover: {
+          borderColor: "border.accent"
+        }
+      }
+    },
+    {
+      checked: !1,
+      disabled: !1,
+      css: {
+        _hover: {
+          borderColor: "border.strong"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    checked: !1,
+    disabled: !1
+  }
+}), Ko = z({
+  base: {
+    mt: "0.5",
+    flexShrink: "0",
+    width: "22px",
+    height: "22px",
+    borderRadius: "md",
+    borderWidth: "1.5px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+  },
+  variants: {
+    checked: {
+      true: {
+        borderColor: "border.accent",
+        bg: "bg.accentStrong",
+        color: "text.inverse",
+        transform: "scale(1)"
+      },
+      false: {
+        borderColor: "border.default",
+        bg: "bg.buttonOutline",
+        color: "transparent",
+        transform: "scale(1)"
+      }
+    }
+  },
+  defaultVariants: {
+    checked: !1
+  }
+}), Uo = E({
+  display: "grid",
+  gap: "1",
+  minWidth: "0"
+}), Yo = E({
+  fontSize: "sm",
+  fontWeight: "700",
+  lineHeight: "1.45"
+}), Xo = E({
+  color: "text.secondary",
+  fontSize: "sm",
+  lineHeight: "1.55"
+}), Go = ["id", "name", "aria-checked", "aria-describedby", "aria-invalid", "disabled", "onKeydown"], ar = /* @__PURE__ */ _({
+  __name: "UiCheckbox",
+  props: {
+    modelValue: { type: Boolean },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    label: { default: void 0 },
+    description: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    ariaDescribedby: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, a = t;
+    function s() {
+      n.disabled || a("update:modelValue", !n.modelValue);
+    }
+    return (r, u) => (p(), D("button", {
+      type: "button",
+      id: e.id,
+      name: e.name,
+      role: "checkbox",
+      "aria-checked": e.modelValue,
+      "aria-describedby": e.ariaDescribedby,
+      "aria-invalid": e.invalid || void 0,
+      disabled: e.disabled,
+      class: m(o(Ho)({ checked: e.modelValue, disabled: e.disabled })),
+      onClick: s,
+      onKeydown: [
+        Ze(Ee(s, ["prevent"]), ["enter"]),
+        Ze(Ee(s, ["prevent"]), ["space"])
+      ]
+    }, [
+      P("span", {
+        class: m(o(Ko)({ checked: e.modelValue })),
+        "aria-hidden": "true"
+      }, [
+        F(o(xt), { size: 14 })
+      ], 2),
+      P("span", {
+        class: m(o(Uo))
+      }, [
+        e.label || r.$slots.default ? (p(), D("span", {
+          key: 0,
+          class: m(o(Yo))
+        }, [
+          O(r.$slots, "default", {}, () => [
+            X(R(e.label), 1)
+          ])
+        ], 2)) : L("", !0),
+        e.description || r.$slots.description ? (p(), D("span", {
+          key: 1,
+          class: m(o(Xo))
+        }, [
+          O(r.$slots, "description", {}, () => [
+            X(R(e.description), 1)
+          ])
+        ], 2)) : L("", !0)
+      ], 2)
+    ], 42, Go));
+  }
+}), Jo = E({
+  display: "grid",
+  gap: "2",
+  minWidth: "0"
+}), Qo = E({
+  display: "flex",
+  alignItems: "flex-start",
+  justifyContent: "space-between",
+  gap: "3"
+}), Zo = E({
+  display: "grid",
+  gap: "0.5",
+  minWidth: "0"
+}), es = _t, ts = E({
+  fontSize: "sm",
+  fontWeight: "600",
+  color: "text.primary"
+}), ns = Zt, as = E({
+  flexShrink: "0"
+}), os = ["for"], ss = ["id"], or = /* @__PURE__ */ _({
+  __name: "UiField",
+  props: {
+    id: {},
+    forId: {},
+    label: {},
+    hint: {},
+    eyebrow: {}
+  },
+  setup(e) {
+    return (t, n) => (p(), D("div", {
+      class: m(o(Jo))
+    }, [
+      e.eyebrow || e.label || e.hint || t.$slots.meta ? (p(), D("div", {
+        key: 0,
+        class: m(o(Qo))
+      }, [
+        P("div", {
+          class: m(o(Zo))
+        }, [
+          e.eyebrow ? (p(), D("p", {
+            key: 0,
+            class: m(o(es))
+          }, R(e.eyebrow), 3)) : L("", !0),
+          e.label ? (p(), D("label", {
+            key: 1,
+            for: e.forId,
+            class: m(o(ts))
+          }, R(e.label), 11, os)) : L("", !0),
+          e.hint ? (p(), D("p", {
+            key: 2,
+            id: e.id,
+            class: m(o(ns))
+          }, R(e.hint), 11, ss)) : L("", !0)
+        ], 2),
+        t.$slots.meta ? (p(), D("div", {
+          key: 0,
+          class: m(o(as))
+        }, [
+          O(t.$slots, "meta")
+        ], 2)) : L("", !0)
+      ], 2)) : L("", !0),
+      O(t.$slots, "default")
+    ], 2));
+  }
+}), rs = Te(
+  en,
+  E({
+    paddingX: "4",
+    paddingY: "3",
+    display: "flex",
+    alignItems: "center",
+    gap: "3",
+    color: "text.secondary",
+    fontSize: "sm",
+    lineHeight: "1.5"
+  })
+), is = E({
+  width: "2.5",
+  height: "2.5",
+  borderRadius: "full",
+  flexShrink: "0",
+  bg: "text.accent",
+  boxShadow: "0 0 0 0 var(--colors-bg-accentSoft, rgba(49, 94, 255, 0.3))",
+  animation: "loadingPulse 1.4s cubic-bezier(0.25, 0.1, 0.25, 1) infinite"
+}), ls = E({
+  display: "grid",
+  gap: "0.5"
+}), us = E({
+  fontWeight: "700",
+  color: "text.primary"
+}), ds = ["aria-live", "role"], sr = /* @__PURE__ */ _({
+  __name: "UiLoadingState",
+  props: {
+    title: {},
+    description: {},
+    live: { default: "polite" }
+  },
+  setup(e) {
+    return (t, n) => (p(), D("div", {
+      class: m(o(rs)),
+      "data-testid": "loading-state",
+      "aria-live": e.live,
+      role: e.live === "off" ? void 0 : "status"
+    }, [
+      P("span", {
+        class: m(o(is)),
+        "aria-hidden": "true",
+        "data-ui-loading-pulse": ""
+      }, null, 2),
+      P("div", {
+        class: m(o(ls))
+      }, [
+        P("p", {
+          class: m(o(us))
+        }, R(e.title), 3),
+        P("p", null, R(e.description), 1)
+      ], 2)
+    ], 10, ds));
+  }
+}), cs = E({
+  position: "fixed",
+  inset: "0",
+  bg: "rgba(0, 0, 0, 0.3)",
+  backdropFilter: "blur(12px)",
+  _dark: {
+    bg: "rgba(0, 0, 0, 0.5)"
+  },
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  zIndex: "50",
+  px: "4",
+  overscrollBehavior: "contain",
+  animation: "fadeIn 160ms cubic-bezier(0.16, 1, 0.3, 1)"
+}), fs = z({
+  base: {
+    bg: "bg.menu",
+    borderRadius: "xl",
+    borderWidth: "1px",
+    borderColor: "border.subtle",
+    p: "0",
+    display: "flex",
+    flexDirection: "column",
+    maxH: "calc(100dvh - 2rem)",
+    boxShadow: "0 16px 48px -8px rgba(0, 0, 0, 0.12), 0 4px 16px -4px rgba(0, 0, 0, 0.06)",
+    animation: "modalIn 240ms cubic-bezier(0.16, 1, 0.3, 1)",
+    position: "fixed",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    zIndex: "51",
+    _dark: {
+      boxShadow: "0 16px 48px -8px rgba(0, 0, 0, 0.56), 0 4px 16px -4px rgba(0, 0, 0, 0.32)",
+      borderColor: "border.default"
+    },
+    _focusVisible: {
+      outline: "none"
+    }
+  },
+  variants: {
+    size: {
+      sm: { w: "380px" },
+      md: { w: "480px" },
+      lg: { w: "640px" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), ps = E({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  p: "6",
+  pb: "4"
+}), vs = E({
+  display: "flex",
+  flexDirection: "column",
+  gap: "1"
+}), ms = E({
+  fontFamily: "heading",
+  fontWeight: "600",
+  fontSize: "lg",
+  color: "text.primary"
+}), bs = E({
+  fontSize: "sm",
+  color: "text.secondary",
+  lineHeight: "1.5"
+}), gs = E({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  w: "8",
+  h: "8",
+  borderRadius: "lg",
+  border: "none",
+  bg: "transparent",
+  color: "text.muted",
+  cursor: "pointer",
+  flexShrink: "0",
+  transition: "color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  _hover: {
+    bg: "bg.hover",
+    color: "text.primary"
+  },
+  _focusVisible: {
+    outline: "2px solid",
+    outlineColor: "border.accent",
+    outlineOffset: "2px"
+  }
+}), ys = E({
+  px: "6",
+  pb: "6",
+  overflowY: "auto",
+  overscrollBehavior: "contain"
+}), hs = E({
+  display: "flex",
+  justifyContent: "flex-end",
+  gap: "3",
+  p: "6",
+  pt: "3",
+  borderTopWidth: "1px",
+  borderTopColor: "border.soft"
+}), rr = /* @__PURE__ */ _({
+  __name: "UiModal",
+  props: {
+    open: { type: Boolean },
+    size: { default: "md" },
+    title: {},
+    description: { default: void 0 }
+  },
+  emits: ["update:open", "close"],
+  setup(e, { emit: t }) {
+    const n = t;
+    function a(s) {
+      n("update:open", s), s || n("close");
+    }
+    return (s, r) => (p(), S(o(va), {
+      open: e.open,
+      "onUpdate:open": a
+    }, {
+      default: C(() => [
+        F(o(Ja), null, {
+          default: C(() => [
+            F(o(Ua), {
+              class: m(o(cs))
+            }, null, 8, ["class"]),
+            F(o(Va), {
+              class: m(o(fs)({ size: e.size }))
+            }, {
+              default: C(() => [
+                P("div", {
+                  class: m(o(ps))
+                }, [
+                  P("div", {
+                    class: m(o(vs))
+                  }, [
+                    F(o(Za), {
+                      class: m(o(ms))
+                    }, {
+                      default: C(() => [
+                        X(R(e.title), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["class"]),
+                    e.description ? (p(), S(o(it), {
+                      key: 0,
+                      class: m(o(bs))
+                    }, {
+                      default: C(() => [
+                        X(R(e.description), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : (p(), S(o(Ge), { key: 1 }, {
+                      default: C(() => [
+                        F(o(it), null, {
+                          default: C(() => [
+                            X(R(e.title), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }))
+                  ], 2),
+                  F(o(ba), {
+                    class: m(o(gs)),
+                    "aria-label": "Close dialog"
+                  }, {
+                    default: C(() => [
+                      F(o(Et), {
+                        size: 20,
+                        "aria-hidden": "true"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ], 2),
+                P("div", {
+                  class: m(o(ys))
+                }, [
+                  O(s.$slots, "default")
+                ], 2),
+                s.$slots.actions ? (p(), D("div", {
+                  key: 0,
+                  class: m(o(hs))
+                }, [
+                  O(s.$slots, "actions")
+                ], 2)) : L("", !0)
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+}), ws = E({
+  display: "inline-flex",
+  width: "fit-content",
+  borderRadius: "full",
+  borderWidth: "1px",
+  borderColor: "border.default",
+  bg: "bg.input",
+  padding: "1",
+  gap: "1",
+  _dark: {
+    borderColor: "border.strong"
+  }
+}), Cs = z({
+  base: {
+    borderRadius: "full",
+    px: "3.5",
+    py: "2",
+    fontSize: "sm",
+    fontWeight: "600",
+    cursor: "pointer",
+    borderWidth: "1px",
+    transition: "background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+    _focusVisible: {
+      outline: "2px solid",
+      outlineColor: "text.accent",
+      outlineOffset: "2px"
+    }
+  },
+  variants: {
+    active: {
+      true: {
+        borderColor: "border.accent",
+        bg: "bg.accentStrong",
+        color: "text.inverse",
+        _hover: {
+          bg: "bg.accentStrong"
+        },
+        _dark: {
+          bg: "rgba(138, 180, 255, 0.2)",
+          color: "text.accent",
+          borderColor: "border.accent"
+        }
+      },
+      false: {
+        borderColor: "transparent",
+        bg: "transparent",
+        color: "text.secondary",
+        boxShadow: "none",
+        _hover: {
+          bg: "bg.hover"
+        }
+      }
+    }
+  }
+}), _s = ["onClick"], ir = /* @__PURE__ */ _({
+  __name: "UiSegmentedControl",
+  props: {
+    modelValue: {},
+    options: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (t, n) => (p(), D("div", {
+      class: m(o(ws))
+    }, [
+      (p(!0), D(Q, null, se(e.options, (a) => (p(), D("button", {
+        key: a.value,
+        type: "button",
+        class: m(o(Cs)({ active: a.value === e.modelValue })),
+        onClick: (s) => t.$emit("update:modelValue", a.value)
+      }, R(a.label), 11, _s))), 128))
+    ], 2));
+  }
+}), xs = z({
+  base: {
+    position: "relative"
+  },
+  variants: {
+    open: {
+      true: { zIndex: "30" },
+      false: { zIndex: "1" }
+    }
+  },
+  defaultVariants: {
+    open: !1
+  }
+}), Es = z({
+  base: {
+    width: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: "3",
+    borderWidth: "1px",
+    fontSize: "sm",
+    overflow: "hidden",
+    transition: "border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+  },
+  variants: {
+    size: {
+      sm: {
+        minHeight: "40px",
+        borderRadius: "lg",
+        px: "3",
+        py: "2.5"
+      },
+      md: {
+        minHeight: "48px",
+        borderRadius: "xl",
+        px: "4",
+        py: "3"
+      }
+    },
+    open: {
+      true: {
+        borderColor: "border.accent",
+        bg: "bg.cardStrong",
+        _dark: {
+          borderColor: "border.accent",
+          bg: "bg.input"
+        }
+      },
+      false: {
+        borderColor: "border.default",
+        bg: "bg.input"
+      }
+    },
+    selected: {
+      true: { color: "text.primary" },
+      false: { color: "text.muted" }
+    },
+    disabled: {
+      true: {
+        cursor: "not-allowed",
+        opacity: 0.45
+      },
+      false: {
+        cursor: "pointer",
+        _focusVisible: {
+          outline: "2px solid",
+          outlineColor: "text.accent",
+          outlineOffset: "2px"
+        }
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      disabled: !1,
+      css: {
+        _hover: {
+          borderColor: "border.strong",
+          bg: "bg.cardStrong",
+          _dark: {
+            bg: "bg.input"
+          }
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    open: !1,
+    selected: !1,
+    disabled: !1
+  }
+}), Ts = tn({
+  placement: "anchored",
+  density: "cozy"
+}), Ss = E({
+  width: "100%",
+  zIndex: "30",
+  maxHeight: "320px",
+  overflowY: "auto",
+  display: "grid"
+}), ks = E({
+  display: "block",
+  textAlign: "left",
+  minWidth: "0",
+  flex: "1",
+  overflow: "hidden"
+}), Ds = E({
+  display: "block",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}), Os = z({
+  base: {
+    color: "text.muted",
+    transition: "transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+  },
+  variants: {
+    open: {
+      true: { transform: "rotate(180deg)" },
+      false: { transform: "rotate(0deg)" }
+    }
+  },
+  defaultVariants: {
+    open: !1
+  }
+}), As = z({
+  base: {
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    gap: "3",
+    textAlign: "left",
+    borderRadius: "lg",
+    px: "3",
+    borderWidth: "1px",
+    cursor: "pointer",
+    transition: "border-color 140ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 140ms cubic-bezier(0.25, 0.1, 0.25, 1), color 140ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+    _hover: {
+      bg: "bg.selected",
+      borderColor: "border.accent"
+    },
+    _focusVisible: {
+      outline: "2px solid",
+      outlineColor: "text.accent",
+      outlineOffset: "-2px"
+    }
+  },
+  variants: {
+    size: {
+      sm: { py: "2.5" },
+      md: { py: "2.5" }
+    },
+    active: {
+      true: {
+        color: "text.primary",
+        bg: "bg.selected",
+        borderColor: "border.accent"
+      },
+      false: {
+        color: "text.secondary",
+        bg: "transparent",
+        borderColor: "transparent"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    active: !1
+  }
+}), Is = E({
+  display: "grid",
+  gap: "0.5",
+  minWidth: "0"
+}), Ps = E({
+  fontSize: "sm",
+  fontWeight: "600",
+  minWidth: "0",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}), Bs = E({
+  color: "text.secondary",
+  fontSize: "xs",
+  lineHeight: "1.45",
+  overflowWrap: "anywhere"
+}), Rs = z({
+  base: {
+    color: "text.accent",
+    transition: "opacity 140ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+  },
+  variants: {
+    selected: {
+      true: { opacity: 1 },
+      false: { opacity: 0 }
+    }
+  },
+  defaultVariants: {
+    selected: !1
+  }
+}), Ls = ["id", "name", "disabled", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid"], $s = ["id", "aria-activedescendant"], Fs = ["id", "aria-selected", "onMouseenter", "onClick", "onKeydown"], lr = /* @__PURE__ */ _({
+  __name: "UiSelect",
+  props: {
+    modelValue: {},
+    options: {},
+    id: { default: void 0 },
+    name: { default: void 0 },
+    placeholder: { default: "Select an option" },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    ariaDescribedby: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, a = t, s = x(null), r = x(null), u = x([]), i = x(!1), l = x(-1), d = Kt(), c = $(() => n.id ?? `ui-select-${d}`), f = $(() => `${c.value}-listbox`), v = $(
+      () => n.options.find((w) => w.value === n.modelValue) ?? null
+    );
+    function b(w) {
+      if (!n.options.length) {
+        l.value = -1;
+        return;
+      }
+      const M = (w + n.options.length) % n.options.length;
+      l.value = M, Z(() => {
+        u.value[M]?.focus();
+      });
+    }
+    function y() {
+      i.value = !1, l.value = -1;
+    }
+    async function A() {
+      if (n.disabled || !n.options.length)
+        return;
+      i.value = !0;
+      const w = n.options.findIndex((M) => M.value === n.modelValue);
+      await Z(), b(w >= 0 ? w : 0);
+    }
+    function g() {
+      if (i.value) {
+        y();
+        return;
+      }
+      A();
+    }
+    function h(w) {
+      a("update:modelValue", w), y(), Z(() => {
+        r.value?.focus();
+      });
+    }
+    function T(w) {
+      n.disabled || (w.key === "ArrowDown" || w.key === "Enter" || w.key === " ") && (w.preventDefault(), A());
+    }
+    function k(w, M) {
+      switch (w.key) {
+        case "ArrowDown":
+          w.preventDefault(), b(M + 1);
+          break;
+        case "ArrowUp":
+          w.preventDefault(), b(M - 1);
+          break;
+        case "Home":
+          w.preventDefault(), b(0);
+          break;
+        case "End":
+          w.preventDefault(), b(n.options.length - 1);
+          break;
+        case "Escape":
+          w.preventDefault(), y(), r.value?.focus();
+          break;
+        case "Enter":
+        case " ":
+          w.preventDefault(), h(n.options[M].value);
+          break;
+      }
+    }
+    function I(w) {
+      i.value && (s.value?.contains(w.target) || y());
+    }
+    return j(
+      () => n.options,
+      () => {
+        u.value = [], n.options.some((w) => w.value === n.modelValue) || y();
+      }
+    ), j(
+      () => n.disabled,
+      (w) => {
+        w && y();
+      }
+    ), ae(() => {
+      document.addEventListener("pointerdown", I);
+    }), mt(() => {
+      document.removeEventListener("pointerdown", I);
+    }), (w, M) => (p(), D("div", {
+      ref_key: "rootRef",
+      ref: s,
+      class: m(o(xs)({ open: i.value }))
+    }, [
+      P("button", {
+        ref_key: "triggerRef",
+        ref: r,
+        type: "button",
+        id: c.value,
+        name: e.name,
+        disabled: e.disabled,
+        class: m(o(Es)({ size: e.size, open: i.value, selected: !!v.value, disabled: e.disabled })),
+        "aria-haspopup": "listbox",
+        "aria-expanded": i.value,
+        "aria-controls": f.value,
+        "aria-label": e.ariaLabel,
+        "aria-labelledby": e.ariaLabelledby,
+        "aria-describedby": e.ariaDescribedby,
+        "aria-invalid": e.invalid || void 0,
+        onClick: g,
+        onKeydown: T
+      }, [
+        P("span", {
+          class: m(o(ks))
+        }, [
+          P("span", {
+            class: m(o(Ds))
+          }, R(v.value?.label ?? e.placeholder), 3)
+        ], 2),
+        F(o(sn), {
+          size: 16,
+          class: m(o(Os)({ open: i.value }))
+        }, null, 8, ["class"])
+      ], 42, Ls),
+      i.value ? (p(), D("div", {
+        key: 0,
+        id: f.value,
+        class: m([o(Ts), o(Ss)]),
+        role: "listbox",
+        "aria-activedescendant": l.value >= 0 ? `${c.value}-${l.value}` : void 0
+      }, [
+        (p(!0), D(Q, null, se(e.options, (B, K) => (p(), D("button", {
+          id: `${c.value}-${K}`,
+          key: B.value,
+          ref_for: !0,
+          ref: (U) => u.value[K] = U,
+          type: "button",
+          role: "option",
+          "aria-selected": B.value === e.modelValue,
+          class: m(o(As)({ size: e.size, active: l.value === K || B.value === e.modelValue })),
+          onMouseenter: (U) => l.value = K,
+          onClick: (U) => h(B.value),
+          onKeydown: (U) => k(U, K)
+        }, [
+          P("span", {
+            class: m(o(Is))
+          }, [
+            P("span", {
+              class: m(o(Ps))
+            }, R(B.label), 3),
+            B.description && e.size === "md" ? (p(), D("span", {
+              key: 0,
+              class: m(o(Bs))
+            }, R(B.description), 3)) : L("", !0)
+          ], 2),
+          F(o(xt), {
+            size: 15,
+            class: m(o(Rs)({ selected: B.value === e.modelValue }))
+          }, null, 8, ["class"])
+        ], 42, Fs))), 128))
+      ], 10, $s)) : L("", !0)
+    ], 2));
+  }
+}), Ms = z({
+  base: {
+    position: "relative",
+    overflow: "hidden",
+    bg: "bg.cardAlt",
+    borderRadius: "md",
+    _before: {
+      content: '""',
+      position: "absolute",
+      inset: "0",
+      background: "linear-gradient(90deg, transparent 0%, var(--colors-bg-overlay, rgba(255,255,255,0.36)) 50%, transparent 100%)",
+      transform: "translateX(-100%)",
+      animation: "aggc-shimmer 1.6s cubic-bezier(0.25, 0.1, 0.25, 1) infinite"
+    },
+    _dark: {
+      bg: "rgba(255, 255, 255, 0.04)",
+      _before: {
+        background: "linear-gradient(90deg, transparent 0%, rgba(186, 204, 236, 0.1) 50%, transparent 100%)"
+      }
+    }
+  },
+  variants: {
+    variant: {
+      text: {
+        width: "100%",
+        height: "0.875rem"
+      },
+      title: {
+        width: "100%",
+        height: "1.75rem",
+        borderRadius: "md"
+      },
+      rect: {
+        width: "100%",
+        height: "5rem"
+      },
+      pill: {
+        width: "5rem",
+        height: "1.75rem",
+        borderRadius: "999px"
+      },
+      circle: {
+        width: "2.75rem",
+        height: "2.75rem",
+        borderRadius: "999px"
+      },
+      stat: {
+        width: "100%",
+        height: "4.75rem"
+      },
+      action: {
+        width: "100%",
+        height: "2.75rem"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "rect"
+  }
+}), ur = /* @__PURE__ */ _({
+  __name: "UiSkeleton",
+  props: {
+    variant: { default: "rect" },
+    width: { default: void 0 },
+    height: { default: void 0 }
+  },
+  setup(e) {
+    const t = e, n = $(() => Ms({ variant: t.variant })), a = $(() => ({
+      width: t.width ?? (t.variant === "circle" ? "2.75rem" : t.variant === "pill" ? "5rem" : "100%"),
+      height: t.height ?? (t.variant === "text" ? "0.875rem" : t.variant === "title" || t.variant === "pill" ? "1.75rem" : t.variant === "circle" || t.variant === "action" ? "2.75rem" : t.variant === "stat" ? "4.75rem" : "5rem")
+    }));
+    return (s, r) => (p(), D("div", {
+      "aria-hidden": "true",
+      "data-ui-skeleton": "",
+      class: m(n.value),
+      style: qe(a.value)
+    }, null, 6));
+  }
+}), zs = E({
+  position: "fixed",
+  bottom: "4",
+  right: "4",
+  zIndex: "50",
+  display: "flex",
+  flexDirection: "column",
+  gap: "2",
+  w: "360px",
+  maxW: "calc(100vw - 2rem)",
+  maxHeight: "calc(100dvh - 2rem)",
+  pointerEvents: "none",
+  outline: "none"
+}), qs = z({
+  base: {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: "3",
+    p: "4",
+    borderRadius: "lg",
+    borderWidth: "1px",
+    bg: "bg.cardStrong",
+    borderColor: "border.default",
+    boxShadow: "0 4px 12px -4px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
+    pointerEvents: "auto",
+    position: "relative",
+    overflow: "hidden",
+    transition: "all 240ms cubic-bezier(0.16, 1, 0.3, 1)",
+    _dark: {
+      boxShadow: "0 4px 12px -4px rgba(0, 0, 0, 0.4), 0 1px 2px 0 rgba(0, 0, 0, 0.24)"
+    },
+    '&[data-state="open"]': {
+      animation: "toastSlideIn 240ms cubic-bezier(0.16, 1, 0.3, 1)"
+    },
+    '&[data-state="closed"]': {
+      animation: "toastFadeOut 160ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+    },
+    '&[data-swipe="move"]': {
+      transform: "translateX(var(--reka-toast-swipe-move-x))"
+    },
+    '&[data-swipe="cancel"]': {
+      transform: "translateX(0)",
+      transition: "transform 200ms ease-out"
+    },
+    '&[data-swipe="end"]': {
+      animation: "toastSwipeOut 100ms ease-out"
+    }
+  },
+  variants: {
+    tone: {
+      success: {
+        borderColor: "badge.successBorder",
+        bg: "badge.successBg"
+      },
+      error: {
+        borderColor: "badge.dangerBorder",
+        bg: "badge.dangerBg"
+      },
+      info: {
+        borderColor: "badge.infoBorder",
+        bg: "badge.infoBg"
+      },
+      warning: {
+        borderColor: "badge.warningBorder",
+        bg: "badge.warningBg"
+      }
+    }
+  },
+  defaultVariants: {
+    tone: "info"
+  }
+}), Ns = z({
+  base: {
+    flexShrink: "0",
+    w: "5",
+    h: "5"
+  },
+  variants: {
+    tone: {
+      success: { color: "badge.successText" },
+      error: { color: "badge.dangerText" },
+      info: { color: "badge.infoText" },
+      warning: { color: "badge.warningText" }
+    }
+  },
+  defaultVariants: {
+    tone: "info"
+  }
+}), Vs = E({
+  flex: "1",
+  minW: "0"
+}), Ws = E({
+  fontWeight: "600",
+  fontSize: "sm",
+  color: "text.primary",
+  lineHeight: "1.4"
+}), js = E({
+  fontSize: "sm",
+  color: "text.secondary",
+  lineHeight: "1.5"
+}), Hs = E({
+  position: "absolute",
+  top: "3",
+  right: "3",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  w: "6",
+  h: "6",
+  borderRadius: "md",
+  border: "none",
+  bg: "transparent",
+  color: "text.muted",
+  cursor: "pointer",
+  flexShrink: "0",
+  transition: "color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background 160ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  _hover: {
+    bg: "bg.hover",
+    color: "text.primary"
+  },
+  _focusVisible: {
+    outline: "2px solid",
+    outlineColor: "border.accent",
+    outlineOffset: "2px"
+  }
+}), Ks = /* @__PURE__ */ _({
+  __name: "UiToast",
+  props: {
+    tone: {},
+    message: {},
+    title: { default: void 0 },
+    duration: { default: 4e3 }
+  },
+  setup(e) {
+    const t = e, n = {
+      success: dn,
+      error: un,
+      info: ln,
+      warning: rn
+    };
+    return (a, s) => (p(), S(o(Io), {
+      class: m(o(qs)({ tone: e.tone })),
+      duration: e.duration,
+      type: "foreground"
+    }, {
+      default: C(() => [
+        (p(), S(ft(n[t.tone]), {
+          class: m(o(Ns)({ tone: e.tone })),
+          "aria-hidden": "true"
+        }, null, 8, ["class"])),
+        P("div", {
+          class: m(o(Vs))
+        }, [
+          e.title ? (p(), S(o(Bo), {
+            key: 0,
+            class: m(o(Ws))
+          }, {
+            default: C(() => [
+              X(R(e.title), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])) : L("", !0),
+          F(o(Oo), {
+            class: m(o(js))
+          }, {
+            default: C(() => [
+              X(R(e.message), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 2),
+        F(o(ko), {
+          class: m(o(Hs)),
+          "aria-label": "Dismiss"
+        }, {
+          default: C(() => [
+            F(o(Et), {
+              size: 14,
+              "aria-hidden": "true"
+            })
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["class", "duration"]));
+  }
+}), fe = x([]);
+let Us = 0;
+function _e(e, t, n = 4e3) {
+  const a = Us++;
+  return fe.value = [...fe.value, { id: a, tone: e, message: t, duration: n }], n > 0 && setTimeout(() => Lt(a), n), a;
+}
+function Lt(e) {
+  fe.value = fe.value.filter((t) => t.id !== e);
+}
+function Ys() {
+  return {
+    toasts: fe,
+    success: (e, t) => _e("success", e, t),
+    error: (e, t) => _e("error", e, t),
+    info: (e, t) => _e("info", e, t),
+    warning: (e, t) => _e("warning", e, t),
+    dismiss: Lt
+  };
+}
+const dr = /* @__PURE__ */ _({
+  __name: "UiToastProvider",
+  setup(e) {
+    const { toasts: t } = Ys();
+    return (n, a) => (p(), S(o(vo), { "swipe-direction": "right" }, {
+      default: C(() => [
+        O(n.$slots, "default"),
+        (p(!0), D(Q, null, se(o(t), (s) => (p(), S(Ks, {
+          key: s.id,
+          tone: s.tone,
+          message: s.message,
+          duration: s.duration
+        }, null, 8, ["tone", "message", "duration"]))), 128)),
+        F(o($o), {
+          class: m(o(zs))
+        }, null, 8, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  Qs as _,
+  Zs as a,
+  er as b,
+  pn as c,
+  tr as d,
+  nr as e,
+  ar as f,
+  or as g,
+  sr as h,
+  rr as i,
+  ir as j,
+  lr as k,
+  ur as l,
+  Ks as m,
+  dr as n,
+  Ys as u
+};