@phantomclient/plugin 0.1.3 → 0.1.4

package/dist/lib/vue.js

@@ -1,160 +1,168 @@
-import { computed as b, inject as Ce, h as ee, toValue as te, defineComponent as V, useAttrs as be, useSlots as Z, openBlock as n, createBlock as y, resolveDynamicComponent as q, normalizeClass as h, withCtx as F, createElementBlock as i, createCommentVNode as m, renderSlot as I, ref as M, watch as G, toDisplayString as _, createElementVNode as k, useId as ne, onMounted as fe, onBeforeUnmount as oe, Fragment as R, withKeys as Ve, unref as z, createVNode as le, Teleport as re, normalizeStyle as J, createTextVNode as xe, createSlots as Be, mergeProps as Me, renderList as X, nextTick as ae, normalizeProps as qe, guardReactiveProps as Se, withModifiers as Ee, Comment as Ie, Text as je } from "vue";
-import { c as Ae } from "./chunks/api-DhaU9Jsd.js";
-import { f as Q, P as Pe, c as Te } from "./chunks/state-BGYMFLti.js";
-function Le() {
-  const e = Ce(Pe, null) ?? Te();
-  if (!e) throw new Ae("NOT_SUPPORTED", Re());
+import { inject as Be, computed as v, h as ne, toValue as oe, defineComponent as N, useAttrs as ve, useSlots as J, openBlock as n, createBlock as V, resolveDynamicComponent as P, normalizeClass as k, withCtx as R, createElementBlock as r, createCommentVNode as h, renderSlot as F, ref as I, watch as Z, toDisplayString as w, createElementVNode as _, useId as Q, onMounted as xe, onBeforeUnmount as ie, Fragment as L, withKeys as Me, unref as $, createVNode as ee, Teleport as re, normalizeStyle as te, createTextVNode as se, createSlots as Se, mergeProps as Ne, renderList as W, nextTick as le, normalizeProps as qe, guardReactiveProps as Ie, withModifiers as Ae, Comment as Pe, Text as Ee } from "vue";
+import { c as Te } from "./chunks/api-q8Jk0T10.js";
+import { P as je, c as Fe, f as G } from "./chunks/state-CAfC_MRc.js";
+function ge() {
+  const e = Be(je, null) ?? Fe();
+  if (!e) throw new Te("NOT_SUPPORTED", Le());
   return e;
 }
-function Re() {
-  return typeof document < "u" && "kind" in document.documentElement.dataset ? Q.initialized ? "usePlugin() found no plugin context: this frame is closing, and the plugin it ran has already been let go" : "usePlugin() found no plugin context, although a Phantom frame mounted this component. That is two copies of @phantomclient/plugin in the one frame: the frame provides the context on its copy, this component asks another, and neither can see the other. Check that @phantomclient/plugin and @phantomclient/plugin/vue resolve to the same installed package, and that nothing bundles the package into the plugin instead of leaving it to the frame" : "usePlugin() works inside a Phantom plugin frame; this component was drawn outside one";
+function Le() {
+  return typeof document < "u" && "kind" in document.documentElement.dataset ? G.initialized ? "usePlugin() found no plugin context: this frame is closing, and the plugin it ran has already been let go" : "usePlugin() found no plugin context, although a Phantom frame mounted this component. That is two copies of @phantomclient/plugin in the one frame: the frame provides the context on its copy, this component asks another, and neither can see the other. Check that @phantomclient/plugin and @phantomclient/plugin/vue resolve to the same installed package, and that nothing bundles the package into the plugin instead of leaving it to the frame" : "usePlugin() works inside a Phantom plugin frame; this component was drawn outside one";
+}
+function ka(e) {
+  return ge().phantom(e);
 }
-function Xt(e) {
-  return Le().phantom(e);
+function wa() {
+  return v(() => G.games);
 }
-function Zt() {
-  return b(() => Q.games);
+function za() {
+  return v(() => G.preferences);
 }
-function Jt() {
-  return b(() => Q.preferences);
+function _a() {
+  return v(() => G.snags);
 }
-function Qt() {
-  return b(() => Q.mode);
+function $a() {
+  return v(() => G.mode);
 }
-const De = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var K = { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" };
-const Ne = ({ size: e, strokeWidth: a = 2, absoluteStrokeWidth: t, color: l, iconNode: o, name: r, class: p, ...c }, { slots: f }) => ee("svg", { ...K, width: e || K.width, height: e || K.height, stroke: l || K.stroke, "stroke-width": t ? Number(a) * 24 / Number(e) : a, class: ["lucide", `lucide-${De(r ?? "icon")}`], ...c }, [...o.map((v) => ee(...v)), ...f.default ? [f.default()] : []]), A = (e, a) => (t, { slots: l }) => ee(Ne, { ...t, iconNode: a, name: e }, l), ve = A("CheckIcon", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]), We = A("ChevronDownIcon", [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]]), Ue = A("CircleAlertIcon", [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }], ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }], ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]]), Fe = A("EyeOffIcon", [["path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49", key: "ct8e1f" }], ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }], ["path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143", key: "13bj9a" }], ["path", { d: "m2 2 20 20", key: "1ooewy" }]]), He = A("EyeIcon", [["path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0", key: "1nclc0" }], ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]]), Ke = A("InfoIcon", [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }], ["path", { d: "M12 16v-4", key: "1dtifu" }], ["path", { d: "M12 8h.01", key: "e9boi3" }]]), Oe = A("LoaderCircleIcon", [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]]), Ge = A("MinusIcon", [["path", { d: "M5 12h14", key: "1ays0h" }]]), ce = { xs: "w-6", sm: "w-7", md: "w-8", lg: "w-10", xl: "w-10" };
+const Ue = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var Y = { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" };
+const De = ({ size: e, strokeWidth: a = 2, absoluteStrokeWidth: t, color: i, iconNode: o, name: s, class: d, ...b }, { slots: f }) => ne("svg", { ...Y, width: e || Y.width, height: e || Y.height, stroke: i || Y.stroke, "stroke-width": t ? Number(a) * 24 / Number(e) : a, class: ["lucide", `lucide-${Ue(s ?? "icon")}`], ...b }, [...o.map((z) => ne(...z)), ...f.default ? [f.default()] : []]), U = (e, a) => (t, { slots: i }) => ne(De, { ...t, iconNode: a, name: e }, i), ye = U("CheckIcon", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]), Re = U("ChevronDownIcon", [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]]), We = U("CircleAlertIcon", [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }], ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }], ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]]), He = U("EyeOffIcon", [["path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49", key: "ct8e1f" }], ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }], ["path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143", key: "13bj9a" }], ["path", { d: "m2 2 20 20", key: "1ooewy" }]]), Ke = U("EyeIcon", [["path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0", key: "1nclc0" }], ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]]), Oe = U("InfoIcon", [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }], ["path", { d: "M12 16v-4", key: "1dtifu" }], ["path", { d: "M12 8h.01", key: "e9boi3" }]]), Ge = U("LoaderCircleIcon", [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]]), Ye = U("MinusIcon", [["path", { d: "M5 12h14", key: "1ays0h" }]]), he = { xs: "w-6", sm: "w-7", md: "w-8", lg: "w-10", xl: "w-10" };
 function Xe(e) {
-  const a = b(() => {
-    const l = { xs: "h-6 px-2 text-2xs", sm: "h-7 px-2.5 text-xs", md: "h-8 px-3 text-xs", lg: "h-10 px-3.5 text-sm", xl: "h-10 px-4 text-sm" };
-    return l[te(e)] || l.md;
-  }), t = b(() => ce[te(e)] || ce.md);
+  const a = v(() => {
+    const i = { xs: "h-6 px-2 text-2xs", sm: "h-7 px-2.5 text-xs", md: "h-8 px-3 text-xs", lg: "h-10 px-3.5 text-sm", xl: "h-10 px-4 text-sm" };
+    return i[oe(e)] || i.md;
+  }), t = v(() => he[oe(e)] || he.md);
   return { sizeClasses: a, squareClasses: t };
 }
 function Ze(e) {
-  return { variantClasses: b(() => {
+  return { variantClasses: v(() => {
     const a = { primary: ["border-transparent bg-phantom-accent text-phantom-accent-contrast", "hover:bg-phantom-accent-hover", "active:bg-phantom-accent-active"].join(" "), secondary: ["border-transparent bg-phantom-surface text-phantom-text", "hover:bg-phantom-selected", "active:bg-phantom-elevated"].join(" "), outline: ["border-phantom-border bg-transparent text-phantom-text", "hover:border-phantom-border-strong hover:bg-phantom-surface", "active:bg-phantom-selected"].join(" "), ghost: ["border-transparent bg-transparent text-phantom-muted", "hover:bg-phantom-surface hover:text-phantom-text", "active:bg-phantom-selected"].join(" "), danger: ["border-transparent bg-phantom-danger/[0.12] text-phantom-danger", "hover:bg-phantom-danger/20 hover:text-phantom-danger-hover", "active:bg-phantom-danger/25"].join(" "), success: ["border-transparent bg-phantom-positive/15 text-phantom-positive-strong", "hover:bg-phantom-positive/[0.22]", "active:bg-phantom-positive/[0.28]"].join(" ") };
-    return a[te(e)] || a.primary;
+    return a[oe(e)] || a.primary;
   }) };
 }
-const Je = { key: 0, class: "size-3.5 shrink-0 animate-spin rounded-full border border-current border-r-transparent", "aria-hidden": "true" }, Yt = V({ __name: "index", props: { variant: { default: "primary" }, size: { default: "md" }, disabled: { type: Boolean, default: !1 }, loading: { type: Boolean, default: !1 }, icon: {}, iconRight: {}, type: { default: "button" }, fullWidth: { type: Boolean, default: !1 }, href: {} }, emits: ["click"], setup(e, { emit: a }) {
-  const t = e, l = a, o = be(), r = Z(), { variantClasses: p } = Ze(() => t.variant), { sizeClasses: c, squareClasses: f } = Xe(() => t.size), v = b(() => typeof o.class == "string" && /(^|\s)rounded(-|\s|$)/.test(o.class)), g = b(() => !!(t.icon || t.iconRight) && !t.loading && !r.default), x = b(() => ["inline-flex items-center justify-center gap-1.5", v.value ? "" : "rounded-[7px]", "border font-medium tracking-normal", "transition-[background-color,border-color,color,box-shadow,transform] duration-150 ease-spring", "active:scale-[0.98]", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-phantom-accent/60", "disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none", p.value, c.value, g.value && ["px-0", f.value], t.fullWidth && "w-full", t.loading && "cursor-wait", o.class]), $ = b(() => t.href !== void 0), B = b(() => t.disabled || t.loading), S = (j) => {
-    !t.disabled && !t.loading && l("click", j);
+const Je = { key: 0, class: "size-3.5 shrink-0 animate-spin rounded-full border border-current border-r-transparent", "aria-hidden": "true" }, Va = N({ __name: "index", props: { variant: { default: "primary" }, size: { default: "md" }, disabled: { type: Boolean, default: !1 }, loading: { type: Boolean, default: !1 }, icon: {}, iconRight: {}, type: { default: "button" }, fullWidth: { type: Boolean, default: !1 }, href: {} }, emits: ["click"], setup(e, { emit: a }) {
+  const t = e, i = a, o = ve(), s = J(), { variantClasses: d } = Ze(() => t.variant), { sizeClasses: b, squareClasses: f } = Xe(() => t.size), z = v(() => typeof o.class == "string" && /(^|\s)rounded(-|\s|$)/.test(o.class)), g = v(() => !!(t.icon || t.iconRight) && !t.loading && !s.default), y = v(() => ["inline-flex items-center justify-center gap-1.5", z.value ? "" : "rounded-[7px]", "border font-medium tracking-normal", "transition-[background-color,border-color,color,box-shadow,transform] duration-150 ease-spring", "active:scale-[0.98]", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-phantom-accent/60", "disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none", d.value, b.value, g.value && ["px-0", f.value], t.fullWidth && "w-full", t.loading && "cursor-wait", o.class]), C = v(() => t.href !== void 0), S = v(() => t.disabled || t.loading), A = (q) => {
+    !t.disabled && !t.loading && i("click", q);
   };
-  return (j, P) => (n(), y(q($.value ? "a" : "button"), { type: $.value ? void 0 : t.type, href: $.value && !B.value ? t.href : void 0, disabled: $.value ? void 0 : B.value, "aria-disabled": $.value && B.value ? "true" : void 0, class: h([x.value, $.value && B.value && "pointer-events-none cursor-not-allowed opacity-50"]), onClick: S }, { default: F(() => [t.loading ? (n(), i("span", Je)) : t.icon ? (n(), y(q(t.icon), { key: 1, size: 14, class: "shrink-0" })) : m("", !0), I(j.$slots, "default"), t.iconRight && !t.loading ? (n(), y(q(t.iconRight), { key: 2, size: 14, class: "shrink-0" })) : m("", !0)]), _: 3 }, 8, ["type", "href", "disabled", "aria-disabled", "class"]));
-} }), Qe = ["title"], Ye = ["src", "alt"], et = { key: 1 }, ea = V({ __name: "index", props: { name: {}, imageUrl: { default: null }, size: { default: "md" } }, setup(e) {
-  const a = e, t = M(!1), l = b(() => a.name.split(/\s+|@/).filter(Boolean).slice(0, 2).map((r) => r[0]).join("").toUpperCase()), o = b(() => a.size === "sm" ? "size-6 text-[8px]" : a.size === "lg" ? "size-10 text-xs" : a.size === "xl" ? "size-16 text-base" : "size-8 text-2xs");
-  return G(() => a.imageUrl, () => {
+  return (q, T) => (n(), V(P(C.value ? "a" : "button"), { type: C.value ? void 0 : t.type, href: C.value && !S.value ? t.href : void 0, disabled: C.value ? void 0 : S.value, "aria-disabled": C.value && S.value ? "true" : void 0, class: k([y.value, C.value && S.value && "pointer-events-none cursor-not-allowed opacity-50"]), onClick: A }, { default: R(() => [t.loading ? (n(), r("span", Je)) : t.icon ? (n(), V(P(t.icon), { key: 1, size: 14, class: "shrink-0" })) : h("", !0), F(q.$slots, "default"), t.iconRight && !t.loading ? (n(), V(P(t.iconRight), { key: 2, size: 14, class: "shrink-0" })) : h("", !0)]), _: 3 }, 8, ["type", "href", "disabled", "aria-disabled", "class"]));
+} }), Qe = ["title"], et = ["src", "alt"], tt = { key: 1 }, Ca = N({ __name: "index", props: { name: {}, imageUrl: { default: null }, size: { default: "md" } }, setup(e) {
+  const a = e, t = I(!1), i = v(() => a.name.split(/\s+|@/).filter(Boolean).slice(0, 2).map((s) => s[0]).join("").toUpperCase()), o = v(() => a.size === "sm" ? "size-6 text-[8px]" : a.size === "lg" ? "size-10 text-xs" : a.size === "xl" ? "size-16 text-base" : "size-8 text-2xs");
+  return Z(() => a.imageUrl, () => {
     t.value = !1;
-  }), (r, p) => (n(), i("span", { class: h(["grid shrink-0 place-items-center overflow-hidden rounded-full bg-phantom-selected font-semibold text-phantom-muted", o.value]), title: a.name }, [a.imageUrl && !t.value ? (n(), i("img", { key: 0, src: a.imageUrl, alt: a.name, class: "size-full object-cover", referrerpolicy: "no-referrer", onError: p[0] || (p[0] = (c) => t.value = !0) }, null, 40, Ye)) : (n(), i("span", et, _(l.value), 1))], 10, Qe));
-} }), tt = ["data-tone", "data-quiet"], ta = V({ __name: "index", props: { tone: { default: "neutral" }, dot: { type: Boolean, default: !1 }, size: { default: "md" }, quiet: { type: Boolean, default: !1 } }, setup(e) {
-  const a = e, t = b(() => {
-    const r = { neutral: "bg-phantom-selected text-phantom-muted", success: "bg-phantom-positive/15 text-phantom-positive-strong", warning: "bg-phantom-amber/15 text-phantom-amber", danger: "bg-phantom-danger/15 text-phantom-danger", info: "bg-phantom-info/15 text-phantom-info", blue: "bg-phantom-blue/15 text-phantom-blue", violet: "bg-phantom-violet/15 text-phantom-violet", aqua: "bg-phantom-aqua/15 text-phantom-aqua", orange: "bg-phantom-orange/15 text-phantom-orange", magenta: "bg-phantom-magenta/15 text-phantom-magenta" };
-    return a.quiet ? "bg-transparent text-phantom-muted" : r[a.tone];
-  }), l = b(() => a.quiet ? { neutral: "bg-phantom-subtle", success: "bg-phantom-positive", warning: "bg-phantom-amber", danger: "bg-phantom-danger", info: "bg-phantom-info", blue: "bg-phantom-blue", violet: "bg-phantom-violet", aqua: "bg-phantom-aqua", orange: "bg-phantom-orange", magenta: "bg-phantom-magenta" }[a.tone] : "bg-current"), o = b(() => {
-    const r = a.size === "sm";
-    return a.quiet ? r ? "h-[18px] gap-1.5 text-2xs" : "h-6 gap-1.5 text-xs" : r ? "h-[18px] gap-1 rounded px-1.5 text-[10px] leading-4" : "h-6 gap-1.5 rounded-full px-2.5 text-xs capitalize";
+  }), (s, d) => (n(), r("span", { class: k(["grid shrink-0 place-items-center overflow-hidden rounded-full bg-phantom-selected font-semibold text-phantom-muted", o.value]), title: a.name }, [a.imageUrl && !t.value ? (n(), r("img", { key: 0, src: a.imageUrl, alt: a.name, class: "size-full object-cover", referrerpolicy: "no-referrer", onError: d[0] || (d[0] = (b) => t.value = !0) }, null, 40, et)) : (n(), r("span", tt, w(i.value), 1))], 10, Qe));
+} }), at = ["data-tone", "data-quiet"], Ba = N({ __name: "index", props: { tone: { default: "neutral" }, dot: { type: Boolean, default: !1 }, size: { default: "md" }, quiet: { type: Boolean, default: !1 } }, setup(e) {
+  const a = e, t = v(() => {
+    const s = { neutral: "bg-phantom-selected text-phantom-muted", success: "bg-phantom-positive/15 text-phantom-positive-strong", warning: "bg-phantom-amber/15 text-phantom-amber", danger: "bg-phantom-danger/15 text-phantom-danger", info: "bg-phantom-info/15 text-phantom-info", blue: "bg-phantom-blue/15 text-phantom-blue", violet: "bg-phantom-violet/15 text-phantom-violet", aqua: "bg-phantom-aqua/15 text-phantom-aqua", orange: "bg-phantom-orange/15 text-phantom-orange", magenta: "bg-phantom-magenta/15 text-phantom-magenta" };
+    return a.quiet ? "bg-transparent text-phantom-muted" : s[a.tone];
+  }), i = v(() => a.quiet ? { neutral: "bg-phantom-subtle", success: "bg-phantom-positive", warning: "bg-phantom-amber", danger: "bg-phantom-danger", info: "bg-phantom-info", blue: "bg-phantom-blue", violet: "bg-phantom-violet", aqua: "bg-phantom-aqua", orange: "bg-phantom-orange", magenta: "bg-phantom-magenta" }[a.tone] : "bg-current"), o = v(() => {
+    const s = a.size === "sm";
+    return a.quiet ? s ? "h-[18px] gap-1.5 text-2xs" : "h-6 gap-1.5 text-xs" : s ? "h-[18px] gap-1 rounded px-1.5 text-[10px] leading-4" : "h-6 gap-1.5 rounded-full px-2.5 text-xs capitalize";
   });
-  return (r, p) => (n(), i("span", { class: h(["phantom-badge inline-flex shrink-0 items-center font-medium", [t.value, o.value]]), "data-tone": a.tone, "data-quiet": a.quiet || void 0 }, [a.dot || a.quiet ? (n(), i("span", { key: 0, class: h(["size-1.5 shrink-0 rounded-full", l.value]), "aria-hidden": "true" }, null, 2)) : m("", !0), I(r.$slots, "default")], 10, tt));
-} }), at = ["role"], nt = { class: "min-w-0 flex-1" }, aa = V({ __name: "index", props: { tone: { default: "neutral" }, icon: { default: void 0 } }, setup(e) {
-  const a = e, t = { neutral: { box: "border-phantom-border bg-phantom-surface text-phantom-text", icon: "text-phantom-muted" }, success: { box: "border-phantom-border bg-phantom-surface text-phantom-text", icon: "text-phantom-positive" }, warning: { box: "border-phantom-amber/25 bg-phantom-amber/10 text-phantom-amber", icon: "text-phantom-amber" }, danger: { box: "border-phantom-danger/25 bg-phantom-danger/10 text-phantom-danger", icon: "text-phantom-danger" }, info: { box: "border-phantom-info/25 bg-phantom-info/10 text-phantom-info", icon: "text-phantom-info" } }, l = b(() => t[a.tone]);
-  return (o, r) => (n(), i("div", { class: h(["flex items-start gap-2 rounded-lg border px-3 py-2.5 text-xs leading-5", l.value.box]), role: a.tone === "danger" ? "alert" : void 0 }, [a.icon ? (n(), y(q(a.icon), { key: 0, size: 14, class: h(["mt-[3px] shrink-0", l.value.icon]) }, null, 8, ["class"])) : m("", !0), k("div", nt, [I(o.$slots, "default")])], 10, at));
-} }), na = V({ __name: "EmptyState", props: { title: {}, description: { default: void 0 }, icon: { default: void 0 }, size: { default: "sm" }, plain: { type: Boolean, default: !1 } }, setup(e) {
-  return (a, t) => (n(), i("div", { class: h(["flex h-full flex-col items-center justify-center text-center", [e.size === "lg" ? "min-h-64 gap-2 rounded-xl px-6 py-14" : "min-h-24 gap-1.5 rounded-lg px-4 py-5", !e.plain && "border border-dashed border-phantom-border"]]) }, [e.icon ? (n(), i("span", { key: 0, class: h(["grid shrink-0 place-items-center border border-phantom-border bg-phantom-surface text-phantom-muted", e.size === "lg" ? "mb-3 size-12 rounded-[14px]" : "mb-2 size-9 rounded-[10px]"]), "aria-hidden": "true" }, [(n(), y(q(e.icon), { size: e.size === "lg" ? 20 : 16, "stroke-width": "1.8" }, null, 8, ["size"]))], 2)) : m("", !0), k("p", { class: h(e.size === "lg" ? "text-base font-medium text-phantom-text" : "text-xs font-medium text-phantom-text") }, _(e.title), 3), e.description ? (n(), i("p", { key: 1, class: h(e.size === "lg" ? "max-w-sm text-sm leading-6 text-phantom-muted" : "max-w-72 text-2xs leading-[18px] text-phantom-muted") }, _(e.description), 3)) : m("", !0), a.$slots.default ? (n(), i("div", { key: 2, class: h(e.size === "lg" ? "mt-4" : "mt-3") }, [I(a.$slots, "default")], 2)) : m("", !0)], 2));
-} }), ot = ["aria-label", "aria-describedby"], lt = ["id"], rt = V({ __name: "InfoTip", props: { text: {}, label: {} }, setup(e) {
-  const a = e, t = ne(), l = M(null), o = M(null);
-  function r() {
-    var v;
-    const g = (v = l.value) == null ? void 0 : v.getBoundingClientRect();
+  return (s, d) => (n(), r("span", { class: k(["phantom-badge inline-flex shrink-0 items-center font-medium", [t.value, o.value]]), "data-tone": a.tone, "data-quiet": a.quiet || void 0 }, [a.dot || a.quiet ? (n(), r("span", { key: 0, class: k(["size-1.5 shrink-0 rounded-full", i.value]), "aria-hidden": "true" }, null, 2)) : h("", !0), F(s.$slots, "default")], 10, at));
+} }), nt = ["role"], ot = { class: "min-w-0 flex-1" }, lt = N({ __name: "index", props: { tone: { default: "neutral" }, icon: { default: void 0 } }, setup(e) {
+  const a = e, t = { neutral: { box: "border-phantom-border bg-phantom-surface text-phantom-text", icon: "text-phantom-muted" }, success: { box: "border-phantom-border bg-phantom-surface text-phantom-text", icon: "text-phantom-positive" }, warning: { box: "border-phantom-amber/25 bg-phantom-amber/10 text-phantom-amber", icon: "text-phantom-amber" }, danger: { box: "border-phantom-danger/25 bg-phantom-danger/10 text-phantom-danger", icon: "text-phantom-danger" }, info: { box: "border-phantom-info/25 bg-phantom-info/10 text-phantom-info", icon: "text-phantom-info" } }, i = v(() => t[a.tone]);
+  return (o, s) => (n(), r("div", { class: k(["flex items-start gap-2 rounded-lg border px-3 py-2.5 text-xs leading-5", i.value.box]), role: a.tone === "danger" ? "alert" : void 0 }, [a.icon ? (n(), V(P(a.icon), { key: 0, size: 14, class: k(["mt-[3px] shrink-0", i.value.icon]) }, null, 8, ["class"])) : h("", !0), _("div", ot, [F(o.$slots, "default")])], 10, nt));
+} }), Ma = N({ __name: "EmptyState", props: { title: {}, description: { default: void 0 }, icon: { default: void 0 }, size: { default: "sm" }, plain: { type: Boolean, default: !1 } }, setup(e) {
+  return (a, t) => (n(), r("div", { class: k(["flex h-full flex-col items-center justify-center text-center", [e.size === "lg" ? "min-h-64 gap-2 rounded-xl px-6 py-14" : "min-h-24 gap-1.5 rounded-lg px-4 py-5", !e.plain && "border border-dashed border-phantom-border"]]) }, [e.icon ? (n(), r("span", { key: 0, class: k(["grid shrink-0 place-items-center border border-phantom-border bg-phantom-surface text-phantom-muted", e.size === "lg" ? "mb-3 size-12 rounded-[14px]" : "mb-2 size-9 rounded-[10px]"]), "aria-hidden": "true" }, [(n(), V(P(e.icon), { size: e.size === "lg" ? 20 : 16, "stroke-width": "1.8" }, null, 8, ["size"]))], 2)) : h("", !0), _("p", { class: k(e.size === "lg" ? "text-base font-medium text-phantom-text" : "text-xs font-medium text-phantom-text") }, w(e.title), 3), e.description ? (n(), r("p", { key: 1, class: k(e.size === "lg" ? "max-w-sm text-sm leading-6 text-phantom-muted" : "max-w-72 text-2xs leading-[18px] text-phantom-muted") }, w(e.description), 3)) : h("", !0), a.$slots.default ? (n(), r("div", { key: 2, class: k(e.size === "lg" ? "mt-4" : "mt-3") }, [F(a.$slots, "default")], 2)) : h("", !0)], 2));
+} }), it = ["aria-label", "aria-describedby"], rt = ["id"], st = N({ __name: "InfoTip", props: { text: {}, label: {} }, setup(e) {
+  const a = e, t = Q(), i = I(null), o = I(null);
+  function s() {
+    var z;
+    const g = (z = i.value) == null ? void 0 : z.getBoundingClientRect();
     if (!g) return;
-    const x = 136, $ = g.left + g.width / 2, B = Math.min(Math.max($, x), window.innerWidth - x);
-    o.value = { top: g.top - 8, left: B };
+    const y = 136, C = g.left + g.width / 2, S = Math.min(Math.max(C, y), window.innerWidth - y);
+    o.value = { top: g.top - 8, left: S };
   }
-  function p() {
+  function d() {
     o.value = null;
   }
-  function c() {
-    o.value ? p() : r();
+  function b() {
+    o.value ? d() : s();
   }
   function f() {
-    p();
+    d();
   }
-  return fe(() => window.addEventListener("scroll", f, { capture: !0, passive: !0 })), oe(() => window.removeEventListener("scroll", f, { capture: !0 })), (v, g) => (n(), i(R, null, [k("button", { ref_key: "button", ref: l, type: "button", class: "inline-grid size-4 shrink-0 place-items-center rounded-full text-phantom-subtle outline-none transition-colors hover:text-phantom-text focus-visible:text-phantom-text focus-visible:ring-2 focus-visible:ring-phantom-accent/30", "aria-label": a.label ? `About ${a.label}` : "More about this", "aria-describedby": o.value ? z(t) : void 0, "data-info-tip": "", onMouseenter: r, onMouseleave: p, onFocus: r, onBlur: p, onClick: c, onKeydown: Ve(p, ["escape"]) }, [le(z(Ke), { size: 12, "stroke-width": "2", "aria-hidden": "true" })], 40, ot), (n(), y(re, { to: "body" }, [o.value ? (n(), i("span", { key: 0, id: z(t), role: "tooltip", class: "pointer-events-none fixed z-[200] w-max max-w-64 bg-phantom-elevated -translate-x-1/2 -translate-y-full rounded-lg border border-phantom-border-strong/80 px-2.5 py-1.5 text-left text-2xs leading-4 text-phantom-text-soft shadow-popover", style: J({ top: `${o.value.top}px`, left: `${o.value.left}px` }) }, _(a.text), 13, lt)) : m("", !0)]))], 64));
-} }), st = { class: "min-w-0", "data-field": "" }, it = { key: 0, class: "mb-1.5 flex min-w-0 items-center gap-1.5" }, dt = ["for"], ut = { key: 1, class: "ml-auto shrink-0 text-2xs text-phantom-subtle" }, pt = ["id"], ct = ["id"];
-function ge(e, a, t) {
+  return xe(() => window.addEventListener("scroll", f, { capture: !0, passive: !0 })), ie(() => window.removeEventListener("scroll", f, { capture: !0 })), (z, g) => (n(), r(L, null, [_("button", { ref_key: "button", ref: i, type: "button", class: "inline-grid size-4 shrink-0 place-items-center rounded-full text-phantom-subtle outline-none transition-colors hover:text-phantom-text focus-visible:text-phantom-text focus-visible:ring-2 focus-visible:ring-phantom-accent/30", "aria-label": a.label ? `About ${a.label}` : "More about this", "aria-describedby": o.value ? $(t) : void 0, "data-info-tip": "", onMouseenter: s, onMouseleave: d, onFocus: s, onBlur: d, onClick: b, onKeydown: Me(d, ["escape"]) }, [ee($(Oe), { size: 12, "stroke-width": "2", "aria-hidden": "true" })], 40, it), (n(), V(re, { to: "body" }, [o.value ? (n(), r("span", { key: 0, id: $(t), role: "tooltip", class: "pointer-events-none fixed z-[200] w-max max-w-64 bg-phantom-elevated -translate-x-1/2 -translate-y-full rounded-lg border border-phantom-border-strong/80 px-2.5 py-1.5 text-left text-2xs leading-4 text-phantom-text-soft shadow-popover", style: te({ top: `${o.value.top}px`, left: `${o.value.left}px` }) }, w(a.text), 13, rt)) : h("", !0)]))], 64));
+} }), dt = { class: "min-w-0", "data-field": "" }, ut = { key: 0, class: "mb-1.5 flex min-w-0 items-center gap-1.5" }, pt = ["for"], ct = { key: 1, class: "ml-auto shrink-0 text-2xs text-phantom-subtle" }, mt = ["id"], ht = ["id"];
+function ke(e, a, t) {
   return t || a ? `${e}-note` : void 0;
 }
-const ye = V({ __name: "FieldFrame", props: { for: {}, label: { default: void 0 }, info: { default: void 0 }, optional: { type: Boolean, default: !1 }, hint: { default: void 0 }, error: { default: void 0 }, disabled: { type: Boolean, default: !1 } }, setup(e) {
+const we = N({ __name: "FieldFrame", props: { for: {}, label: { default: void 0 }, info: { default: void 0 }, optional: { type: Boolean, default: !1 }, hint: { default: void 0 }, error: { default: void 0 }, disabled: { type: Boolean, default: !1 } }, setup(e) {
   const a = e;
-  return (t, l) => (n(), i("div", st, [a.label || t.$slots.label ? (n(), i("div", it, [k("label", { for: a.for, class: h(["truncate text-xs font-medium text-phantom-text-soft", a.disabled && "opacity-60"]) }, [I(t.$slots, "label", {}, () => [xe(_(a.label), 1)])], 10, dt), a.info ? (n(), y(rt, { key: 0, text: a.info, label: a.label }, null, 8, ["text", "label"])) : m("", !0), a.optional ? (n(), i("span", ut, " Optional ")) : m("", !0)])) : m("", !0), I(t.$slots, "default"), a.error ? (n(), i("p", { key: 1, id: `${a.for}-note`, class: "mt-1.5 flex items-start gap-1.5 text-2xs leading-4 text-phantom-danger", role: "alert" }, [le(z(Ue), { size: 12, class: "mt-0.5 shrink-0", "aria-hidden": "true" }), k("span", null, _(a.error), 1)], 8, pt)) : a.hint ? (n(), i("p", { key: 2, id: `${a.for}-note`, class: "mt-1.5 text-2xs leading-4 text-phantom-subtle" }, _(a.hint), 9, ct)) : m("", !0)]));
-} }), mt = { class: "group relative min-w-0" }, ht = ["id", "value", "type", "placeholder", "disabled", "required", "list", "aria-invalid", "aria-describedby"], bt = { key: 1, class: "absolute inset-y-0 right-1.5 flex items-center gap-1 text-2xs text-phantom-subtle" }, ft = ["aria-label", "aria-pressed", "title", "disabled"], xt = ["id"], vt = ["value"], oa = V({ inheritAttrs: !1, __name: "index", props: { modelValue: { default: "" }, id: { default: void 0 }, label: { default: void 0 }, type: { default: "text" }, placeholder: { default: void 0 }, icon: { default: void 0 }, disabled: { type: Boolean, default: !1 }, required: { type: Boolean, default: !1 }, suggestions: { default: void 0 }, size: { default: "md" }, hint: { default: void 0 }, error: { default: void 0 }, info: { default: void 0 }, optional: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
-  const t = e, l = a, o = { xs: "h-7 text-2xs rounded-md bg-phantom-canvas px-2", sm: "h-8 text-xs rounded-lg bg-phantom-surface px-3", md: "h-9 text-[13px] rounded-lg bg-phantom-surface px-3", lg: "h-10 text-sm rounded-lg bg-phantom-surface px-3" }, r = { xs: 12, sm: 13, md: 14, lg: 15 }, p = be(), c = Z(), f = ne(), v = b(() => t.id ?? f), g = b(() => {
-    var C;
-    return (C = t.suggestions) != null && C.length ? `${v.value}-suggestions` : void 0;
-  }), x = M(!1), $ = b(() => t.type === "password"), B = b(() => $.value && x.value ? "text" : t.type), S = b(() => !!t.error), j = b(() => ge(v.value, t.hint, t.error)), P = b(() => $.value || !!c.trailing);
-  function H(C) {
-    const T = C.target;
-    l("update:modelValue", t.type === "number" ? T.valueAsNumber : T.value);
-  }
-  return (C, T) => (n(), y(ye, { for: v.value, label: t.label, info: t.info, optional: t.optional, hint: t.hint, error: t.error, disabled: t.disabled, "data-input": "" }, Be({ default: F(() => [k("div", mt, [t.icon ? (n(), y(q(t.icon), { key: 0, size: r[t.size], "stroke-width": "1.8", class: h(["pointer-events-none absolute top-1/2 -translate-y-1/2 transition-colors", [t.size === "xs" ? "left-2" : "left-3", S.value ? "text-phantom-danger" : "text-phantom-subtle group-focus-within:text-phantom-text-soft"]]), "aria-hidden": "true" }, null, 8, ["size", "class"])) : m("", !0), k("input", Me(z(p), { id: v.value, value: t.modelValue, type: B.value, placeholder: t.placeholder, disabled: t.disabled, required: t.required, list: g.value, "aria-invalid": S.value || void 0, "aria-describedby": j.value, class: ["w-full min-w-0 border text-phantom-text shadow-[inset_0_1px_0_rgb(0_0_0/0.04)] outline-none transition-[border-color,background-color,box-shadow] placeholder:text-phantom-subtle hover:border-phantom-border-strong focus:bg-phantom-selected focus:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", [o[t.size], t.icon && (t.size === "xs" ? "pl-7" : "pl-9"), P.value && "pr-10", S.value ? "border-phantom-danger/60 hover:border-phantom-danger/80 focus:border-phantom-danger/80 focus:ring-phantom-danger/15" : "border-phantom-border focus:border-phantom-border-strong focus:ring-phantom-accent/10"]], onInput: H }), null, 16, ht), P.value ? (n(), i("span", bt, [I(C.$slots, "trailing"), $.value ? (n(), i("button", { key: 0, type: "button", class: "grid size-7 place-items-center rounded-md text-phantom-subtle outline-none transition-colors hover:bg-phantom-selected hover:text-phantom-text focus-visible:ring-2 focus-visible:ring-phantom-accent/30 disabled:pointer-events-none", "aria-label": x.value ? "Hide password" : "Show password", "aria-pressed": x.value, title: x.value ? "Hide password" : "Show password", disabled: t.disabled, "data-reveal-password": "", onClick: T[0] || (T[0] = (D) => x.value = !x.value) }, [(n(), y(q(x.value ? z(Fe) : z(He)), { size: 14, "stroke-width": "1.8" }))], 8, ft)) : m("", !0)])) : m("", !0), g.value ? (n(), i("datalist", { key: 2, id: g.value }, [(n(!0), i(R, null, X(t.suggestions, (D) => (n(), i("option", { key: D, value: D }, null, 8, vt))), 128))], 8, xt)) : m("", !0)])]), _: 2 }, [z(c).label ? { name: "label", fn: F(() => [I(C.$slots, "label")]), key: "0" } : void 0]), 1032, ["for", "label", "info", "optional", "hint", "error", "disabled"]));
-} }), gt = { class: "flex flex-wrap items-end justify-between gap-4" }, yt = { class: "min-w-0" }, kt = { key: 0, class: "mb-1 text-xs font-medium text-phantom-subtle" }, wt = { class: "text-display text-phantom-text" }, zt = { key: 1, class: "mt-1.5 max-w-xl text-[13px] leading-6 text-phantom-muted" }, _t = { key: 0, class: "flex shrink-0 flex-wrap items-center gap-2" }, la = V({ __name: "index", props: { title: {}, eyebrow: { default: void 0 }, description: { default: void 0 } }, setup(e) {
-  return (a, t) => (n(), i("header", gt, [k("div", yt, [e.eyebrow ? (n(), i("p", kt, _(e.eyebrow), 1)) : m("", !0), k("h1", wt, _(e.title), 1), e.description ? (n(), i("p", zt, _(e.description), 1)) : m("", !0)]), a.$slots.actions ? (n(), i("div", _t, [I(a.$slots, "actions")])) : m("", !0)]));
-} }), $t = ["aria-selected", "onClick"], Ct = { key: 1, class: "text-2xs text-phantom-subtle" }, ra = V({ __name: "index", props: { modelValue: {}, options: {}, variant: { default: "pill" }, size: { default: "md" }, track: { type: Boolean, default: !1 }, block: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
-  const t = e, l = a, o = M(null), r = M(null), p = M(!1);
-  function c() {
-    var v;
-    const g = (v = o.value) == null ? void 0 : v.querySelector('[aria-selected="true"]');
-    r.value = g ? { left: g.offsetLeft, width: g.offsetWidth } : null;
+  return (t, i) => (n(), r("div", dt, [a.label || t.$slots.label ? (n(), r("div", ut, [_("label", { for: a.for, class: k(["truncate text-xs font-medium text-phantom-text-soft", a.disabled && "opacity-60"]) }, [F(t.$slots, "label", {}, () => [se(w(a.label), 1)])], 10, pt), a.info ? (n(), V(st, { key: 0, text: a.info, label: a.label }, null, 8, ["text", "label"])) : h("", !0), a.optional ? (n(), r("span", ct, " Optional ")) : h("", !0)])) : h("", !0), F(t.$slots, "default"), a.error ? (n(), r("p", { key: 1, id: `${a.for}-note`, class: "mt-1.5 flex items-start gap-1.5 text-2xs leading-4 text-phantom-danger", role: "alert" }, [ee($(We), { size: 12, class: "mt-0.5 shrink-0", "aria-hidden": "true" }), _("span", null, w(a.error), 1)], 8, mt)) : a.hint ? (n(), r("p", { key: 2, id: `${a.for}-note`, class: "mt-1.5 text-2xs leading-4 text-phantom-subtle" }, w(a.hint), 9, ht)) : h("", !0)]));
+} }), bt = { class: "group relative min-w-0" }, ft = ["id", "value", "type", "placeholder", "disabled", "required", "list", "aria-invalid", "aria-describedby"], vt = { key: 1, class: "absolute inset-y-0 right-1.5 flex items-center gap-1 text-2xs text-phantom-subtle" }, xt = ["aria-label", "aria-pressed", "title", "disabled"], gt = ["id"], yt = ["value"], kt = N({ inheritAttrs: !1, __name: "index", props: { modelValue: { default: "" }, id: { default: void 0 }, label: { default: void 0 }, type: { default: "text" }, placeholder: { default: void 0 }, icon: { default: void 0 }, disabled: { type: Boolean, default: !1 }, required: { type: Boolean, default: !1 }, suggestions: { default: void 0 }, size: { default: "md" }, hint: { default: void 0 }, error: { default: void 0 }, info: { default: void 0 }, optional: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
+  const t = e, i = a, o = { xs: "h-7 text-2xs rounded-md bg-phantom-canvas px-2", sm: "h-8 text-xs rounded-lg bg-phantom-surface px-3", md: "h-9 text-[13px] rounded-lg bg-phantom-surface px-3", lg: "h-10 text-sm rounded-lg bg-phantom-surface px-3" }, s = { xs: 12, sm: 13, md: 14, lg: 15 }, d = ve(), b = J(), f = Q(), z = v(() => t.id ?? f), g = v(() => {
+    var c;
+    return (c = t.suggestions) != null && c.length ? `${z.value}-suggestions` : void 0;
+  }), y = I(!1), C = v(() => t.type === "password"), S = v(() => C.value && y.value ? "text" : t.type), A = v(() => !!t.error), q = v(() => ke(z.value, t.hint, t.error)), T = v(() => C.value || !!b.trailing);
+  function x(c) {
+    const B = c.target;
+    if (t.type !== "number") {
+      i("update:modelValue", B.value);
+      return;
+    }
+    const l = B.valueAsNumber;
+    i("update:modelValue", Number.isNaN(l) ? "" : l);
+  }
+  return (c, B) => (n(), V(we, { for: z.value, label: t.label, info: t.info, optional: t.optional, hint: t.hint, error: t.error, disabled: t.disabled, "data-input": "" }, Se({ default: R(() => [_("div", bt, [t.icon ? (n(), V(P(t.icon), { key: 0, size: s[t.size], "stroke-width": "1.8", class: k(["pointer-events-none absolute top-1/2 -translate-y-1/2 transition-colors", [t.size === "xs" ? "left-2" : "left-3", A.value ? "text-phantom-danger" : "text-phantom-subtle group-focus-within:text-phantom-text-soft"]]), "aria-hidden": "true" }, null, 8, ["size", "class"])) : h("", !0), _("input", Ne($(d), { id: z.value, value: t.modelValue, type: S.value, placeholder: t.placeholder, disabled: t.disabled, required: t.required, list: g.value, "aria-invalid": A.value || void 0, "aria-describedby": q.value, class: ["w-full min-w-0 border text-phantom-text shadow-[inset_0_1px_0_rgb(0_0_0/0.04)] outline-none transition-[border-color,background-color,box-shadow] placeholder:text-phantom-subtle hover:border-phantom-border-strong focus:bg-phantom-selected focus:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", [o[t.size], t.icon && (t.size === "xs" ? "pl-7" : "pl-9"), T.value && "pr-10", A.value ? "border-phantom-danger/60 hover:border-phantom-danger/80 focus:border-phantom-danger/80 focus:ring-phantom-danger/15" : "border-phantom-border focus:border-phantom-border-strong focus:ring-phantom-accent/10"]], onInput: x }), null, 16, ft), T.value ? (n(), r("span", vt, [F(c.$slots, "trailing"), C.value ? (n(), r("button", { key: 0, type: "button", class: "grid size-7 place-items-center rounded-md text-phantom-subtle outline-none transition-colors hover:bg-phantom-selected hover:text-phantom-text focus-visible:ring-2 focus-visible:ring-phantom-accent/30 disabled:pointer-events-none", "aria-label": y.value ? "Hide password" : "Show password", "aria-pressed": y.value, title: y.value ? "Hide password" : "Show password", disabled: t.disabled, "data-reveal-password": "", onClick: B[0] || (B[0] = (l) => y.value = !y.value) }, [(n(), V(P(y.value ? $(He) : $(Ke)), { size: 14, "stroke-width": "1.8" }))], 8, xt)) : h("", !0)])) : h("", !0), g.value ? (n(), r("datalist", { key: 2, id: g.value }, [(n(!0), r(L, null, W(t.suggestions, (l) => (n(), r("option", { key: l, value: l }, null, 8, yt))), 128))], 8, gt)) : h("", !0)])]), _: 2 }, [$(b).label ? { name: "label", fn: R(() => [F(c.$slots, "label")]), key: "0" } : void 0]), 1032, ["for", "label", "info", "optional", "hint", "error", "disabled"]));
+} }), wt = { class: "flex flex-wrap items-end justify-between gap-4" }, zt = { class: "min-w-0" }, _t = { key: 0, class: "mb-1 text-xs font-medium text-phantom-subtle" }, $t = { class: "text-display text-phantom-text" }, Vt = { key: 1, class: "mt-1.5 max-w-xl text-[13px] leading-6 text-phantom-muted" }, Ct = { key: 0, class: "flex shrink-0 flex-wrap items-center gap-2" }, Sa = N({ __name: "index", props: { title: {}, eyebrow: { default: void 0 }, description: { default: void 0 } }, setup(e) {
+  return (a, t) => (n(), r("header", wt, [_("div", zt, [e.eyebrow ? (n(), r("p", _t, w(e.eyebrow), 1)) : h("", !0), _("h1", $t, w(e.title), 1), e.description ? (n(), r("p", Vt, w(e.description), 1)) : h("", !0)]), a.$slots.actions ? (n(), r("div", Ct, [F(a.$slots, "actions")])) : h("", !0)]));
+} }), Bt = ["aria-selected", "onClick"], Mt = { key: 1, class: "text-2xs text-phantom-subtle" }, Na = N({ __name: "index", props: { modelValue: {}, options: {}, variant: { default: "pill" }, size: { default: "md" }, track: { type: Boolean, default: !1 }, block: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
+  const t = e, i = a, o = I(null), s = I(null), d = I(!1);
+  function b() {
+    var z;
+    const g = (z = o.value) == null ? void 0 : z.querySelector('[aria-selected="true"]');
+    s.value = g ? { left: g.offsetLeft, width: g.offsetWidth } : null;
   }
   let f = null;
-  return fe(() => {
-    c(), requestAnimationFrame(() => p.value = !0), f = new ResizeObserver(() => c()), o.value && f.observe(o.value);
-  }), oe(() => f == null ? void 0 : f.disconnect()), G(() => [t.modelValue, t.options.map((v) => `${v.label}${v.badge ?? ""}`)], () => {
-    ae(c);
-  }, { deep: !0 }), (v, g) => (n(), i("div", { ref_key: "root", ref: o, class: h(["relative items-center", [e.block ? "flex w-full" : "inline-flex", e.variant === "underline" ? "gap-6" : "gap-0.5 rounded-lg p-0.5", e.variant === "pill" && e.track && "border border-phantom-border bg-phantom-surface"]]), role: "tablist" }, [r.value ? (n(), i("span", { key: 0, class: h(["absolute left-0", [e.variant === "underline" ? "bottom-0 h-0.5 rounded-full bg-phantom-text" : "phantom-segment-indicator inset-y-0.5 rounded-md bg-phantom-selected shadow-sm", p.value && "transition-[transform,width] duration-300 ease-spring"]]), style: J({ transform: `translateX(${r.value.left}px)`, width: `${r.value.width}px` }), "aria-hidden": "true" }, null, 6)) : m("", !0), (n(!0), i(R, null, X(e.options, (x) => (n(), i("button", { key: x.value, type: "button", role: "tab", "aria-selected": x.value === e.modelValue, class: h(["relative inline-flex items-center gap-1.5 font-medium outline-none transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-phantom-accent/45", [e.block && "flex-1 justify-center", e.variant === "underline" ? "rounded-md py-3 text-sm" : e.size === "sm" ? "rounded-md px-2 py-0.5 text-2xs" : "rounded-md px-2.5 py-1 text-xs", x.value === e.modelValue ? "text-phantom-text" : "text-phantom-muted hover:text-phantom-text", e.variant === "underline" && !r.value && x.value === e.modelValue && "shadow-[inset_0_-2px_0_rgb(var(--phantom-text))]"]]), onClick: ($) => l("update:modelValue", x.value) }, [x.icon ? (n(), y(q(x.icon), { key: 0, size: e.size === "sm" ? 12 : 13, class: "shrink-0", "aria-hidden": "true" }, null, 8, ["size"])) : m("", !0), xe(" " + _(x.label) + " ", 1), x.badge !== void 0 ? (n(), i("span", Ct, _(x.badge), 1)) : m("", !0)], 10, $t))), 128))], 2));
+  return xe(() => {
+    b(), requestAnimationFrame(() => d.value = !0), f = new ResizeObserver(() => b()), o.value && f.observe(o.value);
+  }), ie(() => f == null ? void 0 : f.disconnect()), Z(() => [t.modelValue, t.options.map((z) => `${z.label}${z.badge ?? ""}`)], () => {
+    le(b);
+  }, { deep: !0 }), (z, g) => (n(), r("div", { ref_key: "root", ref: o, class: k(["relative items-center", [e.block ? "flex w-full" : "inline-flex", e.variant === "underline" ? "gap-6" : "gap-0.5 rounded-lg p-0.5", e.variant === "pill" && e.track && "border border-phantom-border bg-phantom-surface"]]), role: "tablist" }, [s.value ? (n(), r("span", { key: 0, class: k(["absolute left-0", [e.variant === "underline" ? "bottom-0 h-0.5 rounded-full bg-phantom-text" : "phantom-segment-indicator inset-y-0.5 rounded-md bg-phantom-selected shadow-sm", d.value && "transition-[transform,width] duration-300 ease-spring"]]), style: te({ transform: `translateX(${s.value.left}px)`, width: `${s.value.width}px` }), "aria-hidden": "true" }, null, 6)) : h("", !0), (n(!0), r(L, null, W(e.options, (y) => (n(), r("button", { key: y.value, type: "button", role: "tab", "aria-selected": y.value === e.modelValue, class: k(["relative inline-flex items-center gap-1.5 font-medium outline-none transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-phantom-accent/45", [e.block && "flex-1 justify-center", e.variant === "underline" ? "rounded-md py-3 text-sm" : e.size === "sm" ? "rounded-md px-2 py-0.5 text-2xs" : "rounded-md px-2.5 py-1 text-xs", y.value === e.modelValue ? "text-phantom-text" : "text-phantom-muted hover:text-phantom-text", e.variant === "underline" && !s.value && y.value === e.modelValue && "shadow-[inset_0_-2px_0_rgb(var(--phantom-text))]"]]), onClick: (C) => i("update:modelValue", y.value) }, [y.icon ? (n(), V(P(y.icon), { key: 0, size: e.size === "sm" ? 12 : 13, class: "shrink-0", "aria-hidden": "true" }, null, 8, ["size"])) : h("", !0), se(" " + w(y.label) + " ", 1), y.badge !== void 0 ? (n(), r("span", Mt, w(y.badge), 1)) : h("", !0)], 10, Bt))), 128))], 2));
 } });
-function U(e, a, t) {
-  var l;
+function O(e, a, t) {
+  var i;
   const o = e.length;
-  for (let r = 1; r <= o; r += 1) {
-    const p = ((a + t * r) % o + o) % o;
-    if (!((l = e[p]) != null && l.disabled)) return p;
+  for (let s = 1; s <= o; s += 1) {
+    const d = ((a + t * s) % o + o) % o;
+    if (!((i = e[d]) != null && i.disabled)) return d;
   }
   return -1;
 }
-function Vt(e, a) {
+function St(e, a) {
   var t;
-  const l = e.findIndex((o) => o.value === a);
-  return l >= 0 && !((t = e[l]) != null && t.disabled) ? l : U(e, -1, 1);
+  const i = e.findIndex((o) => o.value === a);
+  return i >= 0 && !((t = e[i]) != null && t.disabled) ? i : O(e, -1, 1);
 }
-function Bt(e, a, t) {
-  const l = t.toLowerCase(), o = e.length, r = t.length === 1 ? a + 1 : Math.max(a, 0);
-  for (let p = 0; p < o; p += 1) {
-    const c = (r + p) % o, f = e[c];
-    if (f && !f.disabled && f.label.toLowerCase().startsWith(l)) return c;
+function Nt(e, a, t) {
+  const i = t.toLowerCase(), o = e.length, s = t.length === 1 ? a + 1 : Math.max(a, 0);
+  for (let d = 0; d < o; d += 1) {
+    const b = (s + d) % o, f = e[b];
+    if (f && !f.disabled && f.label.toLowerCase().startsWith(i)) return b;
   }
   return -1;
 }
-const Mt = 600;
-function qt(e = Date.now) {
+const qt = 600;
+function It(e = Date.now) {
   let a = "", t = -1 / 0;
-  return (l) => {
+  return (i) => {
     const o = e();
-    return a = o - t > Mt ? l : a + l, t = o, a;
+    return a = o - t > qt ? i : a + i, t = o, a;
   };
 }
-function St(e, a, t, l) {
+function At(e, a, t, i) {
   const { key: o } = e;
   if (!a) return ["ArrowDown", "ArrowUp", "Enter", " "].includes(o) ? { kind: "open" } : { kind: "none" };
   switch (o) {
     case "ArrowDown":
-      return { kind: "move", index: U(l, t, 1) };
+      return { kind: "move", index: O(i, t, 1) };
     case "ArrowUp":
-      return { kind: "move", index: U(l, t, -1) };
+      return { kind: "move", index: O(i, t, -1) };
     case "Home":
-      return { kind: "move", index: U(l, -1, 1) };
+      return { kind: "move", index: O(i, -1, 1) };
     case "End":
-      return { kind: "move", index: U(l, l.length, -1) };
+      return { kind: "move", index: O(i, i.length, -1) };
     case "Enter":
     case " ":
       return { kind: "choose", index: t };
@@ -166,144 +174,221 @@ function St(e, a, t, l) {
       return o.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey ? { kind: "type", key: o } : { kind: "none" };
   }
 }
-const me = 288, O = 4, W = 8;
-function he(e, a, t, l = e.width) {
-  const o = a.height - e.bottom - W, r = e.top - W, p = o < Math.min(me, t) && r > o, c = e.left + l - (a.width - W);
-  return { left: `${c > 0 ? Math.max(W, e.left - c) : e.left}px`, minWidth: `${e.width}px`, maxWidth: `${Math.max(e.width, Math.min(352, a.width - W * 2))}px`, maxHeight: `${Math.max(0, Math.min(me, p ? r - O : o - O))}px`, ...p ? { bottom: `${a.height - e.top + O}px` } : { top: `${e.bottom + O}px` } };
+const be = 288, X = 4, K = 8;
+function fe(e, a, t, i = e.width) {
+  const o = a.height - e.bottom - K, s = e.top - K, d = o < Math.min(be, t) && s > o, b = e.left + i - (a.width - K);
+  return { left: `${b > 0 ? Math.max(K, e.left - b) : e.left}px`, minWidth: `${e.width}px`, maxWidth: `${Math.max(e.width, Math.min(352, a.width - K * 2))}px`, maxHeight: `${Math.max(0, Math.min(be, d ? s - X : o - X))}px`, ...d ? { bottom: `${a.height - e.top + X}px` } : { top: `${e.bottom + X}px` } };
 }
-const Et = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant"], It = { key: 1, class: "shrink-0 text-phantom-subtle" }, jt = ["id", "aria-label"], At = ["id", "data-index", "aria-selected", "aria-disabled", "onMouseenter", "onClick"], Pt = { class: "min-w-0 flex-1" }, Tt = { key: 0, class: "mt-0.5 block text-2xs leading-4 text-phantom-subtle" }, Lt = { key: 1, class: "shrink-0 text-phantom-subtle" }, Rt = { key: 3, class: "w-3 shrink-0", "aria-hidden": "true" }, Dt = { key: 0, class: "px-3 py-1.5 text-2xs text-phantom-subtle" }, sa = V({ __name: "Select", props: { modelValue: {}, options: { default: void 0 }, ariaLabel: { default: void 0 }, label: { default: void 0 }, info: { default: void 0 }, hint: { default: void 0 }, error: { default: void 0 }, optional: { type: Boolean, default: !1 }, icon: { default: void 0 }, disabled: { type: Boolean, default: !1 }, placeholder: { default: "Choose one" }, size: { default: "md" }, variant: { default: "default" }, id: { default: void 0 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
-  const t = e, l = a, o = Z(), r = `phantom-select-${ne()}`, p = b(() => t.id ?? `${r}-field`), c = M(!1), f = M(-1), v = M(null), g = M(null), x = M({}), $ = b(() => t.size === "sm"), B = b(() => t.size === "lg"), S = b(() => t.variant === "ghost"), j = b(() => !!(t.label || t.hint || t.error));
-  function P(u) {
-    return typeof u == "string" ? u : Array.isArray(u) ? u.map((d) => P(d)).join("") : u && typeof u == "object" && "children" in u ? P(u.children) : "";
-  }
-  function H(u, d) {
-    for (const s of u ?? []) {
-      if (!s || typeof s != "object" || Array.isArray(s)) continue;
-      const w = s;
-      if (w.type === "option") {
-        const E = w.props ?? {}, N = P(w.children).trim();
-        d.push({ value: "value" in E ? E.value : N, label: N, description: typeof E.title == "string" ? E.title : void 0, disabled: E.disabled === "" || E.disabled === !0 });
-      } else w.type !== Ie && w.type !== je && Array.isArray(w.children) && H(w.children, d);
+const Pt = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant"], Et = { key: 1, class: "shrink-0 text-phantom-subtle" }, Tt = ["id", "aria-label"], jt = ["id", "data-index", "aria-selected", "aria-disabled", "onMouseenter", "onClick"], Ft = { class: "min-w-0 flex-1" }, Lt = { key: 0, class: "mt-0.5 block text-2xs leading-4 text-phantom-subtle" }, Ut = { key: 1, class: "shrink-0 text-phantom-subtle" }, Dt = { key: 3, class: "w-3 shrink-0", "aria-hidden": "true" }, Rt = { key: 0, class: "px-3 py-1.5 text-2xs text-phantom-subtle" }, Wt = N({ __name: "Select", props: { modelValue: {}, options: { default: void 0 }, ariaLabel: { default: void 0 }, label: { default: void 0 }, info: { default: void 0 }, hint: { default: void 0 }, error: { default: void 0 }, optional: { type: Boolean, default: !1 }, icon: { default: void 0 }, disabled: { type: Boolean, default: !1 }, placeholder: { default: "Choose one" }, size: { default: "md" }, variant: { default: "default" }, id: { default: void 0 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
+  const t = e, i = a, o = J(), s = `phantom-select-${Q()}`, d = v(() => t.id ?? `${s}-field`), b = I(!1), f = I(-1), z = I(null), g = I(null), y = I({}), C = v(() => t.size === "sm"), S = v(() => t.size === "lg"), A = v(() => t.variant === "ghost"), q = v(() => !!(t.label || t.hint || t.error));
+  function T(m) {
+    return typeof m == "string" ? m : Array.isArray(m) ? m.map((p) => T(p)).join("") : m && typeof m == "object" && "children" in m ? T(m.children) : "";
+  }
+  function x(m, p) {
+    for (const u of m ?? []) {
+      if (!u || typeof u != "object" || Array.isArray(u)) continue;
+      const M = u;
+      if (M.type === "option") {
+        const E = M.props ?? {}, H = T(M.children).trim();
+        p.push({ value: "value" in E ? E.value : H, label: H, description: typeof E.title == "string" ? E.title : void 0, disabled: E.disabled === "" || E.disabled === !0 });
+      } else M.type !== Pe && M.type !== Ee && Array.isArray(M.children) && x(M.children, p);
     }
-    return d;
-  }
-  let C = [];
-  function T() {
-    var u;
-    return C = t.options ?? H((u = o.default) == null ? void 0 : u.call(o), []), C;
-  }
-  function D(u) {
-    return u.find((d) => d.value === t.modelValue);
-  }
-  async function ke() {
-    var u;
-    const d = v.value;
-    if (!d) return;
-    const s = { width: window.innerWidth, height: window.innerHeight }, w = C.length * 32 + 8, E = d.getBoundingClientRect();
-    x.value = he(E, s, w), await ae();
-    const N = (u = g.value) == null ? void 0 : u.getBoundingClientRect().width;
-    N && (x.value = he(E, s, w, N));
-  }
-  function Y() {
-    ae(() => {
-      var u, d;
-      (d = (u = g.value) == null ? void 0 : u.querySelector(`[data-index="${f.value}"]`)) == null || d.scrollIntoView({ block: "nearest" });
+    return p;
+  }
+  let c = [];
+  function B() {
+    var m;
+    return c = t.options ?? x((m = o.default) == null ? void 0 : m.call(o), []), c;
+  }
+  function l(m) {
+    return m.find((p) => p.value === t.modelValue);
+  }
+  async function j() {
+    var m;
+    const p = z.value;
+    if (!p) return;
+    const u = { width: window.innerWidth, height: window.innerHeight }, M = c.length * 32 + 8, E = p.getBoundingClientRect();
+    y.value = fe(E, u, M), await le();
+    const H = (m = g.value) == null ? void 0 : m.getBoundingClientRect().width;
+    H && (y.value = fe(E, u, M, H));
+  }
+  function ae() {
+    le(() => {
+      var m, p;
+      (p = (m = g.value) == null ? void 0 : m.querySelector(`[data-index="${f.value}"]`)) == null || p.scrollIntoView({ block: "nearest" });
     });
   }
-  async function se() {
-    t.disabled || c.value || (f.value = Vt(C, t.modelValue), c.value = !0, await ke(), Y());
+  async function de() {
+    t.disabled || b.value || (f.value = St(c, t.modelValue), b.value = !0, await j(), ae());
   }
-  function L(u = !1) {
-    var d;
-    c.value && (c.value = !1, u && ((d = v.value) == null || d.focus()));
+  function D(m = !1) {
+    var p;
+    b.value && (b.value = !1, m && ((p = z.value) == null || p.focus()));
   }
-  function ie(u) {
-    const d = C[u];
-    !d || d.disabled || (d.value !== t.modelValue && l("update:modelValue", d.value), L(!0));
+  function ue(m) {
+    const p = c[m];
+    !p || p.disabled || (p.value !== t.modelValue && i("update:modelValue", p.value), D(!0));
   }
-  const we = qt();
-  function ze(u) {
-    const d = St(u, c.value, f.value, C);
-    switch (d.kind) {
+  const _e = It();
+  function $e(m) {
+    const p = At(m, b.value, f.value, c);
+    switch (p.kind) {
       case "open":
-        u.preventDefault(), se();
+        m.preventDefault(), de();
         return;
       case "move":
-        u.preventDefault(), f.value = d.index, Y();
+        m.preventDefault(), f.value = p.index, ae();
         return;
       case "choose":
-        u.preventDefault(), ie(d.index);
+        m.preventDefault(), ue(p.index);
         return;
       case "close":
-        d.refocus && (u.preventDefault(), u.stopPropagation()), L(d.refocus);
+        p.refocus && (m.preventDefault(), m.stopPropagation()), D(p.refocus);
         return;
       case "type": {
-        const s = Bt(C, f.value, we(d.key));
-        s >= 0 && (f.value = s, Y());
+        const u = Nt(c, f.value, _e(p.key));
+        u >= 0 && (f.value = u, ae());
         return;
       }
     }
   }
-  function de(u) {
-    var d, s;
-    const w = u.target;
-    (d = v.value) != null && d.contains(w) || (s = g.value) != null && s.contains(w) || L();
-  }
-  function _e(u) {
-    var d;
-    (d = g.value) != null && d.contains(u.target) || L();
-  }
-  function ue() {
-    L();
-  }
-  function pe(u) {
-    const d = u ? "addEventListener" : "removeEventListener";
-    document[d]("mousedown", de, !0), document[d]("touchstart", de, !0), window[d]("scroll", _e, !0), window[d]("resize", ue), window[d]("blur", ue);
-  }
-  G(c, (u) => pe(u)), G(() => t.disabled, (u) => u && L()), oe(() => pe(!1));
-  const $e = b(() => S.value ? ["gap-1 rounded-md bg-transparent px-1.5 font-medium text-inherit hover:bg-phantom-text/5 focus-visible:ring-2 focus-visible:ring-phantom-accent/20", $.value ? "h-8 text-xs" : "h-9 text-[13px]"] : ["border text-phantom-text focus-visible:border-phantom-border-strong focus-visible:ring-2 focus-visible:ring-phantom-accent/15", $.value ? "h-8 gap-1.5 rounded-lg bg-phantom-surface pl-3 pr-2 text-xs" : B.value ? "h-12 gap-3 rounded-full bg-phantom-panel pl-5 pr-4 text-sm" : "h-9 gap-2 rounded-lg bg-phantom-surface pl-3 pr-2.5 text-[13px]", t.error ? "border-phantom-danger/60 hover:border-phantom-danger/80" : c.value ? "border-phantom-border-strong" : "border-phantom-border hover:border-phantom-border-strong"]);
-  return (u, d) => (n(), y(q(j.value ? ye : "div"), qe(Se(j.value ? { for: p.value, label: e.label, info: e.info, optional: e.optional, hint: e.hint, error: e.error, disabled: e.disabled } : { class: "relative inline-flex min-w-0 align-middle" })), { default: F(() => [k("div", { class: h(j.value ? "relative flex min-w-0" : "contents") }, [k("button", { id: p.value, ref_key: "trigger", ref: v, type: "button", class: h(["flex w-full min-w-0 items-center outline-none transition-colors duration-150 disabled:pointer-events-none disabled:opacity-50", $e.value]), disabled: e.disabled, "aria-label": e.label ? void 0 : e.ariaLabel, "aria-invalid": e.error ? !0 : void 0, "aria-describedby": z(ge)(p.value, e.hint, e.error), "aria-haspopup": "listbox", "aria-expanded": c.value, "aria-controls": c.value ? `${r}-list` : void 0, "aria-activedescendant": c.value && f.value >= 0 ? `${r}-option-${f.value}` : void 0, onClick: d[0] || (d[0] = (s) => c.value ? L() : void se()), onKeydown: ze }, [(n(!0), i(R, null, X([D(T())], (s) => (n(), i(R, { key: String(s == null ? void 0 : s.value) }, [!S.value && (e.icon ?? (s == null ? void 0 : s.icon)) ? (n(), y(q(e.icon ?? (s == null ? void 0 : s.icon)), { key: 0, size: 13, "stroke-width": 1.8, "aria-hidden": "true", class: h(["shrink-0", [$.value ? "" : "mr-0.5", e.error ? "text-phantom-danger" : "text-phantom-subtle"]]) }, null, 8, ["class"])) : m("", !0), k("span", { class: h(["min-w-0 truncate text-left", [S.value ? "" : "flex-1", s ? "" : "text-phantom-subtle"]]) }, _((s == null ? void 0 : s.label) ?? e.placeholder), 3), s != null && s.detail ? (n(), i("span", It, _(s.detail), 1)) : m("", !0)], 64))), 128)), le(z(We), { size: $.value || S.value ? 12 : B.value ? 15 : 13, "aria-hidden": "true", class: h(["shrink-0 transition-transform duration-150", [S.value ? "opacity-70" : "text-phantom-subtle", c.value ? "rotate-180" : ""]]) }, null, 8, ["size", "class"])], 42, Et), (n(), y(re, { to: "body" }, [c.value ? (n(), i("ul", { key: 0, id: `${r}-list`, ref_key: "list", ref: g, role: "listbox", "aria-label": e.label ?? e.ariaLabel, class: h(["phantom-select-list fixed z-[1000] overflow-y-auto border border-phantom-border-strong/80 bg-phantom-elevated shadow-popover", B.value ? "rounded-[22px] p-1.5" : "rounded-[10px] p-1"]), style: J(x.value) }, [(n(!0), i(R, null, X(z(C), (s, w) => (n(), i("li", { id: `${r}-option-${w}`, key: `${String(s.value)}-${w}`, "data-index": w, role: "option", "aria-selected": s.value === e.modelValue, "aria-disabled": s.disabled || void 0, class: h(["flex cursor-default gap-2 text-phantom-text", [$.value ? "rounded-lg px-2 py-1 text-2xs" : B.value ? "rounded-2xl px-3.5 py-2.5 text-sm" : "rounded-lg px-2 py-1.5 text-xs", s.description ? "items-start" : "items-center", s.disabled ? "opacity-40" : "", w === f.value && !s.disabled ? "bg-phantom-control" : ""]]), onMousedown: d[1] || (d[1] = Ee(() => {
-  }, ["prevent"])), onMouseenter: (E) => !s.disabled && (f.value = w), onClick: (E) => ie(w) }, [s.icon ? (n(), y(q(s.icon), { key: 0, size: 13, "stroke-width": 1.8, "aria-hidden": "true", class: h(["shrink-0 text-phantom-subtle", s.description ? "mt-px" : ""]) }, null, 8, ["class"])) : m("", !0), k("span", Pt, [k("span", { class: h(["block truncate", s.value === e.modelValue ? "font-medium" : ""]) }, _(s.label), 3), s.description ? (n(), i("span", Tt, _(s.description), 1)) : m("", !0)]), s.detail ? (n(), i("span", Lt, _(s.detail), 1)) : m("", !0), s.value === e.modelValue ? (n(), y(z(ve), { key: 2, size: 12, "aria-hidden": "true", class: h(["shrink-0 text-phantom-accent", s.description ? "mt-0.5" : ""]) }, null, 8, ["class"])) : (n(), i("span", Rt))], 42, At))), 128)), z(C).length ? m("", !0) : (n(), i("li", Dt, " Nothing to choose from "))], 14, jt)) : m("", !0)]))], 2)]), _: 1 }, 16));
-} }), ia = V({ __name: "Spinner", props: { size: { default: 13 } }, setup(e) {
-  return (a, t) => (n(), y(z(Oe), { size: e.size, class: "animate-spin", "aria-hidden": "true" }, null, 8, ["size"]));
-} }), Nt = ["id", "checked", "indeterminate", "disabled", "aria-label"], da = V({ __name: "Checkbox", props: { modelValue: { type: Boolean }, label: { default: void 0 }, indeterminate: { type: Boolean, default: !1 }, disabled: { type: Boolean, default: !1 }, block: { type: Boolean, default: !1 }, align: { default: "center" }, id: { default: void 0 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
-  const t = a, l = Z();
-  return (o, r) => (n(), y(q(z(l).default ? "label" : "span"), { class: h(["gap-2.5", [z(l).default && e.block ? "flex w-full" : "inline-flex", e.align === "start" ? "items-start" : "items-center", e.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"]]) }, { default: F(() => [k("span", { class: h(["relative grid size-4 shrink-0 place-items-center", z(l).default && e.align === "start" ? "mt-px" : ""]) }, [k("input", { id: e.id, type: "checkbox", class: "peer absolute inset-0 m-0 size-full cursor-[inherit] appearance-none opacity-0", checked: e.modelValue, indeterminate: e.indeterminate, disabled: e.disabled, "aria-label": z(l).default ? void 0 : e.label, onChange: r[0] || (r[0] = (p) => t("update:modelValue", p.target.checked)) }, null, 40, Nt), k("span", { class: h(["pointer-events-none grid size-4 place-items-center rounded-[5px] border transition-colors duration-150 peer-focus-visible:ring-2 peer-focus-visible:ring-phantom-accent/40", [e.modelValue || e.indeterminate ? "border-phantom-text bg-phantom-text text-phantom-canvas" : "border-phantom-border-strong bg-phantom-surface", !e.disabled && !e.modelValue && !e.indeterminate && "peer-hover:border-phantom-muted"]]), "aria-hidden": "true" }, [e.indeterminate ? (n(), y(z(Ge), { key: 0, size: 11, "stroke-width": 3 })) : e.modelValue ? (n(), y(z(ve), { key: 1, size: 11, "stroke-width": 3 })) : m("", !0)], 2)], 2), I(o.$slots, "default")]), _: 3 }, 8, ["class"]));
-} }), Wt = ["checked", "disabled", "aria-label"], ua = V({ __name: "Switch", props: { modelValue: { type: Boolean }, label: { default: void 0 }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
-  const t = e, l = a;
-  function o(r) {
-    const p = r.currentTarget;
-    t.disabled || p.closest("label") || l("update:modelValue", !t.modelValue);
-  }
-  return (r, p) => (n(), i("span", { class: h(["relative inline-flex shrink-0", e.disabled ? "opacity-50" : "cursor-pointer"]), onClick: o }, [k("input", { type: "checkbox", role: "switch", class: "peer sr-only", checked: e.modelValue, disabled: e.disabled, "aria-label": e.label, onChange: p[0] || (p[0] = (c) => l("update:modelValue", c.target.checked)) }, null, 40, Wt), k("span", { class: h(["relative h-[17px] w-[30px] rounded-full border border-phantom-border-strong bg-phantom-surface transition-[background-color,border-color] duration-150 peer-checked:border-phantom-text-soft peer-checked:bg-phantom-text-soft peer-checked:[&>span]:translate-x-[13px] peer-checked:[&>span]:bg-phantom-accent-contrast peer-focus-visible:ring-2 peer-focus-visible:ring-phantom-accent/30", !e.disabled && "hover:border-phantom-muted peer-checked:hover:border-phantom-text"]), "aria-hidden": "true" }, [...p[1] || (p[1] = [k("span", { class: "absolute left-[2px] top-[2px] size-[11px] rounded-full bg-phantom-subtle shadow-[0_1px_2px_rgb(var(--phantom-shadow)/0.35)] transition-[transform,background-color] duration-200 ease-spring" }, null, -1)])], 2)], 2));
-} }), Ut = { class: "block text-xs font-semibold text-phantom-text" }, Ft = { key: 0, class: "mt-0.5 block text-2xs text-phantom-subtle" }, Ht = { key: 1, class: "mt-1 block text-2xs text-phantom-amber" }, pa = V({ __name: "Tooltip", props: { at: {}, title: {}, description: { default: void 0 }, note: { default: void 0 }, place: { default: "beside" } }, setup(e) {
-  return (a, t) => (n(), y(re, { to: "body" }, [e.at ? (n(), i("span", { key: 0, role: "tooltip", class: h(["phantom-glass-raised pointer-events-none fixed z-[200] max-w-56 rounded-lg border border-phantom-border-strong/80 px-2.5 py-1.5 text-left", e.place === "below" ? "-translate-x-1/2" : "-translate-y-1/2"]), style: J({ top: `${e.at.top}px`, left: `${e.at.left}px` }) }, [k("span", Ut, _(e.title), 1), e.description ? (n(), i("span", Ft, _(e.description), 1)) : m("", !0), e.note ? (n(), i("span", Ht, _(e.note), 1)) : m("", !0)], 6)) : m("", !0)]));
+  function pe(m) {
+    var p, u;
+    const M = m.target;
+    (p = z.value) != null && p.contains(M) || (u = g.value) != null && u.contains(M) || D();
+  }
+  function Ve(m) {
+    var p;
+    (p = g.value) != null && p.contains(m.target) || D();
+  }
+  function ce() {
+    D();
+  }
+  function me(m) {
+    const p = m ? "addEventListener" : "removeEventListener";
+    document[p]("mousedown", pe, !0), document[p]("touchstart", pe, !0), window[p]("scroll", Ve, !0), window[p]("resize", ce), window[p]("blur", ce);
+  }
+  Z(b, (m) => me(m)), Z(() => t.disabled, (m) => m && D()), ie(() => me(!1));
+  const Ce = v(() => A.value ? ["gap-1 rounded-md bg-transparent px-1.5 font-medium text-inherit hover:bg-phantom-text/5 focus-visible:ring-2 focus-visible:ring-phantom-accent/20", C.value ? "h-8 text-xs" : "h-9 text-[13px]"] : ["border text-phantom-text focus-visible:border-phantom-border-strong focus-visible:ring-2 focus-visible:ring-phantom-accent/15", C.value ? "h-8 gap-1.5 rounded-lg bg-phantom-surface pl-3 pr-2 text-xs" : S.value ? "h-12 gap-3 rounded-full bg-phantom-panel pl-5 pr-4 text-sm" : "h-9 gap-2 rounded-lg bg-phantom-surface pl-3 pr-2.5 text-[13px]", t.error ? "border-phantom-danger/60 hover:border-phantom-danger/80" : b.value ? "border-phantom-border-strong" : "border-phantom-border hover:border-phantom-border-strong"]);
+  return (m, p) => (n(), V(P(q.value ? we : "div"), qe(Ie(q.value ? { for: d.value, label: e.label, info: e.info, optional: e.optional, hint: e.hint, error: e.error, disabled: e.disabled } : { class: "relative inline-flex min-w-0 align-middle" })), { default: R(() => [_("div", { class: k(q.value ? "relative flex min-w-0" : "contents") }, [_("button", { id: d.value, ref_key: "trigger", ref: z, type: "button", class: k(["flex w-full min-w-0 items-center outline-none transition-colors duration-150 disabled:pointer-events-none disabled:opacity-50", Ce.value]), disabled: e.disabled, "aria-label": e.label ? void 0 : e.ariaLabel, "aria-invalid": e.error ? !0 : void 0, "aria-describedby": $(ke)(d.value, e.hint, e.error), "aria-haspopup": "listbox", "aria-expanded": b.value, "aria-controls": b.value ? `${s}-list` : void 0, "aria-activedescendant": b.value && f.value >= 0 ? `${s}-option-${f.value}` : void 0, onClick: p[0] || (p[0] = (u) => b.value ? D() : void de()), onKeydown: $e }, [(n(!0), r(L, null, W([l(B())], (u) => (n(), r(L, { key: String(u == null ? void 0 : u.value) }, [!A.value && (e.icon ?? (u == null ? void 0 : u.icon)) ? (n(), V(P(e.icon ?? (u == null ? void 0 : u.icon)), { key: 0, size: 13, "stroke-width": 1.8, "aria-hidden": "true", class: k(["shrink-0", [C.value ? "" : "mr-0.5", e.error ? "text-phantom-danger" : "text-phantom-subtle"]]) }, null, 8, ["class"])) : h("", !0), _("span", { class: k(["min-w-0 truncate text-left", [A.value ? "" : "flex-1", u ? "" : "text-phantom-subtle"]]) }, w((u == null ? void 0 : u.label) ?? e.placeholder), 3), u != null && u.detail ? (n(), r("span", Et, w(u.detail), 1)) : h("", !0)], 64))), 128)), ee($(Re), { size: C.value || A.value ? 12 : S.value ? 15 : 13, "aria-hidden": "true", class: k(["shrink-0 transition-transform duration-150", [A.value ? "opacity-70" : "text-phantom-subtle", b.value ? "rotate-180" : ""]]) }, null, 8, ["size", "class"])], 42, Pt), (n(), V(re, { to: "body" }, [b.value ? (n(), r("ul", { key: 0, id: `${s}-list`, ref_key: "list", ref: g, role: "listbox", "aria-label": e.label ?? e.ariaLabel, class: k(["phantom-select-list fixed z-[1000] overflow-y-auto border border-phantom-border-strong/80 bg-phantom-elevated shadow-popover", S.value ? "rounded-[22px] p-1.5" : "rounded-[10px] p-1"]), style: te(y.value) }, [(n(!0), r(L, null, W($(c), (u, M) => (n(), r("li", { id: `${s}-option-${M}`, key: `${String(u.value)}-${M}`, "data-index": M, role: "option", "aria-selected": u.value === e.modelValue, "aria-disabled": u.disabled || void 0, class: k(["flex cursor-default gap-2 text-phantom-text", [C.value ? "rounded-lg px-2 py-1 text-2xs" : S.value ? "rounded-2xl px-3.5 py-2.5 text-sm" : "rounded-lg px-2 py-1.5 text-xs", u.description ? "items-start" : "items-center", u.disabled ? "opacity-40" : "", M === f.value && !u.disabled ? "bg-phantom-control" : ""]]), onMousedown: p[1] || (p[1] = Ae(() => {
+  }, ["prevent"])), onMouseenter: (E) => !u.disabled && (f.value = M), onClick: (E) => ue(M) }, [u.icon ? (n(), V(P(u.icon), { key: 0, size: 13, "stroke-width": 1.8, "aria-hidden": "true", class: k(["shrink-0 text-phantom-subtle", u.description ? "mt-px" : ""]) }, null, 8, ["class"])) : h("", !0), _("span", Ft, [_("span", { class: k(["block truncate", u.value === e.modelValue ? "font-medium" : ""]) }, w(u.label), 3), u.description ? (n(), r("span", Lt, w(u.description), 1)) : h("", !0)]), u.detail ? (n(), r("span", Ut, w(u.detail), 1)) : h("", !0), u.value === e.modelValue ? (n(), V($(ye), { key: 2, size: 12, "aria-hidden": "true", class: k(["shrink-0 text-phantom-accent", u.description ? "mt-0.5" : ""]) }, null, 8, ["class"])) : (n(), r("span", Dt))], 42, jt))), 128)), $(c).length ? h("", !0) : (n(), r("li", Rt, " Nothing to choose from "))], 14, Tt)) : h("", !0)]))], 2)]), _: 1 }, 16));
+} }), qa = N({ __name: "Spinner", props: { size: { default: 13 } }, setup(e) {
+  return (a, t) => (n(), V($(Ge), { size: e.size, class: "animate-spin", "aria-hidden": "true" }, null, 8, ["size"]));
+} }), Ht = ["id", "checked", "indeterminate", "disabled", "aria-label"], Ia = N({ __name: "Checkbox", props: { modelValue: { type: Boolean }, label: { default: void 0 }, indeterminate: { type: Boolean, default: !1 }, disabled: { type: Boolean, default: !1 }, block: { type: Boolean, default: !1 }, align: { default: "center" }, id: { default: void 0 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
+  const t = a, i = J();
+  return (o, s) => (n(), V(P($(i).default ? "label" : "span"), { class: k(["gap-2.5", [$(i).default && e.block ? "flex w-full" : "inline-flex", e.align === "start" ? "items-start" : "items-center", e.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"]]) }, { default: R(() => [_("span", { class: k(["relative grid size-4 shrink-0 place-items-center", $(i).default && e.align === "start" ? "mt-px" : ""]) }, [_("input", { id: e.id, type: "checkbox", class: "peer absolute inset-0 m-0 size-full cursor-[inherit] appearance-none opacity-0", checked: e.modelValue, indeterminate: e.indeterminate, disabled: e.disabled, "aria-label": $(i).default ? void 0 : e.label, onChange: s[0] || (s[0] = (d) => t("update:modelValue", d.target.checked)) }, null, 40, Ht), _("span", { class: k(["pointer-events-none grid size-4 place-items-center rounded-[5px] border transition-colors duration-150 peer-focus-visible:ring-2 peer-focus-visible:ring-phantom-accent/40", [e.modelValue || e.indeterminate ? "border-phantom-text bg-phantom-text text-phantom-canvas" : "border-phantom-border-strong bg-phantom-surface", !e.disabled && !e.modelValue && !e.indeterminate && "peer-hover:border-phantom-muted"]]), "aria-hidden": "true" }, [e.indeterminate ? (n(), V($(Ye), { key: 0, size: 11, "stroke-width": 3 })) : e.modelValue ? (n(), V($(ye), { key: 1, size: 11, "stroke-width": 3 })) : h("", !0)], 2)], 2), F(o.$slots, "default")]), _: 3 }, 8, ["class"]));
+} }), Kt = ["checked", "disabled", "aria-label"], Ot = N({ __name: "Switch", props: { modelValue: { type: Boolean }, label: { default: void 0 }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], setup(e, { emit: a }) {
+  const t = e, i = a;
+  function o(s) {
+    const d = s.currentTarget;
+    t.disabled || d.closest("label") || i("update:modelValue", !t.modelValue);
+  }
+  return (s, d) => (n(), r("span", { class: k(["relative inline-flex shrink-0", e.disabled ? "opacity-50" : "cursor-pointer"]), onClick: o }, [_("input", { type: "checkbox", role: "switch", class: "peer sr-only", checked: e.modelValue, disabled: e.disabled, "aria-label": e.label, onChange: d[0] || (d[0] = (b) => i("update:modelValue", b.target.checked)) }, null, 40, Kt), _("span", { class: k(["relative h-[17px] w-[30px] rounded-full border border-phantom-border-strong bg-phantom-surface transition-[background-color,border-color] duration-150 peer-checked:border-phantom-text-soft peer-checked:bg-phantom-text-soft peer-checked:[&>span]:translate-x-[13px] peer-checked:[&>span]:bg-phantom-accent-contrast peer-focus-visible:ring-2 peer-focus-visible:ring-phantom-accent/30", !e.disabled && "hover:border-phantom-muted peer-checked:hover:border-phantom-text"]), "aria-hidden": "true" }, [...d[1] || (d[1] = [_("span", { class: "absolute left-[2px] top-[2px] size-[11px] rounded-full bg-phantom-subtle shadow-[0_1px_2px_rgb(var(--phantom-shadow)/0.35)] transition-[transform,background-color] duration-200 ease-spring" }, null, -1)])], 2)], 2));
+} }), Gt = { class: "block text-xs font-semibold text-phantom-text" }, Yt = { key: 0, class: "mt-0.5 block text-2xs text-phantom-subtle" }, Xt = { key: 1, class: "mt-1 block text-2xs text-phantom-amber" }, Aa = N({ __name: "Tooltip", props: { at: {}, title: {}, description: { default: void 0 }, note: { default: void 0 }, place: { default: "beside" } }, setup(e) {
+  return (a, t) => (n(), V(re, { to: "body" }, [e.at ? (n(), r("span", { key: 0, role: "tooltip", class: k(["phantom-glass-raised pointer-events-none fixed z-[200] max-w-56 rounded-lg border border-phantom-border-strong/80 px-2.5 py-1.5 text-left", e.place === "below" ? "-translate-x-1/2" : "-translate-y-1/2"]), style: te({ top: `${e.at.top}px`, left: `${e.at.left}px` }) }, [_("span", Gt, w(e.title), 1), e.description ? (n(), r("span", Yt, w(e.description), 1)) : h("", !0), e.note ? (n(), r("span", Xt, w(e.note), 1)) : h("", !0)], 6)) : h("", !0)]));
 } });
-function ca(e, a = 10) {
+function Pa(e, a = 10) {
   const t = e.getBoundingClientRect();
   return { top: t.top + t.height / 2, left: t.right + a };
 }
-M("dark");
+I("dark");
+function Zt(e) {
+  return e.default !== void 0 ? e.default : e.type === "checkbox" ? !1 : null;
+}
+function Jt(e, a) {
+  const t = {};
+  for (const i of e) {
+    const o = a[i.name];
+    t[i.name] = o ?? Zt(i);
+  }
+  return t;
+}
+function Qt(e, a) {
+  return e.needs.every((t) => a(t));
+}
+function ea(e) {
+  const a = [];
+  for (const t of e) {
+    const i = t.group ?? null, o = a.find((s) => s.title === i);
+    o ? o.fields.push(t) : a.push({ title: i, fields: [t] });
+  }
+  return a;
+}
+function ze(e) {
+  return e.step && e.step > 0 ? e.step : 1;
+}
+function ta(e, a) {
+  const t = ze(e), i = e.min ?? Number.NEGATIVE_INFINITY, o = e.max ?? Number.POSITIVE_INFINITY, s = e.min ?? 0, d = s + Math.round((a - s) / t) * t, b = Number(d.toFixed(6));
+  return Math.min(o, Math.max(i, b));
+}
+const aa = { class: "flex flex-col gap-3", "data-plugin-preferences": "" }, na = { key: 0, class: "text-2xs font-medium uppercase tracking-wide text-phantom-muted" }, oa = { key: 0, class: "flex items-start justify-between gap-3" }, la = { class: "min-w-0" }, ia = { class: "block text-xs font-medium text-phantom-text" }, ra = { key: 0, class: "block text-2xs text-phantom-subtle" }, sa = { key: 1, class: "mt-1 block text-2xs text-phantom-amber" }, da = { key: 1, class: "flex flex-col gap-1" }, ua = { class: "flex items-baseline justify-between gap-3" }, pa = ["for"], ca = { class: "text-2xs tabular-nums text-phantom-subtle" }, ma = ["id", "min", "max", "step", "value", "disabled", "onChange"], ha = { key: 0, class: "text-2xs text-phantom-subtle" }, ba = { key: 1, class: "text-2xs text-phantom-amber" }, fa = { key: 2, class: "flex flex-col gap-1" }, va = { key: 2, class: "text-2xs text-phantom-amber" }, Ea = N({ __name: "Preferences", props: { group: { default: void 0 }, game: { default: void 0 } }, setup(e) {
+  const a = e, t = ge(), i = Q(), o = I(null), s = v(() => {
+    var x;
+    return a.game ?? ((x = t.games()[0]) == null ? void 0 : x.id) ?? null;
+  }), d = v(() => Jt(t.preferenceFields, s.value ? t.preferencesFor(s.value) : t.preferences)), b = v(() => ea(t.preferenceFields).filter((x) => a.group === void 0 || x.title === a.group)), f = v(() => {
+    const x = /* @__PURE__ */ new Map();
+    for (const c of t.snags) c.game !== null && s.value !== null && c.game !== s.value || x.set(c.name, c.reason);
+    return x;
+  });
+  function z(x) {
+    const c = x.needs.filter((B) => !t.can(B));
+    return c.length ? `Not allowed: this plugin was not granted ${c.join(", ")}.` : null;
+  }
+  function g(x) {
+    return Qt(x, (c) => t.can(c));
+  }
+  const y = (x) => `${i}-${x.name}`;
+  function C(x) {
+    const c = d.value[x.name];
+    return c == null ? "" : String(c);
+  }
+  function S(x) {
+    const c = d.value[x.name];
+    return typeof c == "number" ? c : x.min ?? 0;
+  }
+  function A(x) {
+    return [{ value: "", label: x.placeholder ?? "Choose one" }, ...(x.options ?? []).map((c) => ({ value: c.value, label: c.title }))];
+  }
+  async function q(x, c) {
+    o.value = null;
+    try {
+      await t.setPreferences({ [x.name]: c }, x.scope === "player" && s.value ? { game: s.value } : void 0);
+    } catch (B) {
+      o.value = B instanceof Error ? B.message : String(B);
+    }
+  }
+  function T(x, c) {
+    const B = typeof c == "number" ? c : Number(c);
+    if (c === "" || Number.isNaN(B)) {
+      q(x, null);
+      return;
+    }
+    q(x, ta(x, B));
+  }
+  return (x, c) => (n(), r("div", aa, [(n(!0), r(L, null, W(b.value, (B) => (n(), r("div", { key: B.title ?? "", class: "flex flex-col gap-2" }, [B.title ? (n(), r("p", na, w(B.title), 1)) : h("", !0), (n(!0), r(L, null, W(B.fields, (l) => (n(), r(L, { key: l.name }, [l.type === "checkbox" ? (n(), r("label", oa, [_("span", la, [_("span", ia, w(l.title), 1), l.description || !g(l) ? (n(), r("span", ra, w(g(l) ? l.description : z(l)), 1)) : h("", !0), f.value.get(l.name) ? (n(), r("span", sa, w(f.value.get(l.name)), 1)) : h("", !0)]), ee($(Ot), { "model-value": d.value[l.name] === !0, disabled: !g(l), label: l.title, "onUpdate:modelValue": (j) => q(l, j) }, null, 8, ["model-value", "disabled", "label", "onUpdate:modelValue"])])) : l.type === "range" ? (n(), r("div", da, [_("div", ua, [_("label", { for: y(l), class: "text-xs font-medium text-phantom-text" }, w(l.title), 9, pa), _("span", ca, w(S(l)), 1)]), _("input", { id: y(l), type: "range", class: "h-1 w-full cursor-pointer accent-phantom-accent", min: l.min, max: l.max, step: $(ze)(l), value: S(l), disabled: !g(l), onChange: (j) => T(l, j.target.value) }, null, 40, ma), l.description || !g(l) ? (n(), r("span", ha, w(g(l) ? l.description : z(l)), 1)) : h("", !0), f.value.get(l.name) ? (n(), r("span", ba, w(f.value.get(l.name)), 1)) : h("", !0)])) : (n(), r("div", fa, [l.type === "dropdown" ? (n(), V($(Wt), { key: 0, id: y(l), "model-value": C(l), options: A(l), label: l.title, hint: g(l) ? l.description : z(l) ?? void 0, disabled: !g(l), optional: !l.required, size: "sm", class: "w-full", "onUpdate:modelValue": (j) => q(l, j || null) }, null, 8, ["id", "model-value", "options", "label", "hint", "disabled", "optional", "onUpdate:modelValue"])) : (n(), V($(kt), { key: 1, id: y(l), "model-value": C(l), label: l.title, hint: g(l) ? l.description : z(l) ?? void 0, type: l.type, placeholder: l.placeholder, disabled: !g(l), optional: !l.required, size: "sm", autocomplete: "off", onBlur: (j) => l.type === "number" ? T(l, j.target.value) : q(l, j.target.value) }, null, 8, ["id", "model-value", "label", "hint", "type", "placeholder", "disabled", "optional", "onBlur"])), f.value.get(l.name) ? (n(), r("span", va, w(f.value.get(l.name)), 1)) : h("", !0)]))], 64))), 128))]))), 128)), o.value ? (n(), V($(lt), { key: 0, tone: "danger" }, { default: R(() => [se(w(o.value), 1)]), _: 1 })) : h("", !0)]));
+} });
 export {
-  ea as Avatar,
-  ta as Badge,
-  Yt as Button,
-  aa as Callout,
-  da as Checkbox,
-  na as EmptyState,
-  ye as FieldFrame,
-  rt as InfoTip,
-  oa as Input,
-  la as PageHeader,
-  ra as SegmentedControl,
-  sa as Select,
-  ia as Spinner,
-  ua as Switch,
-  pa as Tooltip,
-  ca as tooltipBeside,
-  Zt as useGames,
-  Xt as usePhantom,
-  Le as usePlugin,
-  Jt as usePreferences,
-  Qt as useThemeMode
+  Ca as Avatar,
+  Ba as Badge,
+  Va as Button,
+  lt as Callout,
+  Ia as Checkbox,
+  Ma as EmptyState,
+  we as FieldFrame,
+  st as InfoTip,
+  kt as Input,
+  Sa as PageHeader,
+  Ea as Preferences,
+  Na as SegmentedControl,
+  Wt as Select,
+  qa as Spinner,
+  Ot as Switch,
+  Aa as Tooltip,
+  Pa as tooltipBeside,
+  wa as useGames,
+  ka as usePhantom,
+  ge as usePlugin,
+  za as usePreferences,
+  _a as useSnags,
+  $a as useThemeMode
 };