jaml-ui 4.4.0 → 6.0.0

package/dist/chunks/JimboSwipeDeck-eog6nv7F.js

@@ -0,0 +1,2122 @@
+import { jsx as a, jsxs as _, Fragment as Xe } from "react/jsx-runtime";
+import z, { useState as T, useRef as J, useEffect as W, useId as He, useCallback as Q, useLayoutEffect as Ae, useSyncExternalStore as Ze, useMemo as Pe, Children as Ve } from "react";
+import { resolveJamlAssetUrl as qe } from "../assets.js";
+import { JOKERS as Qe, JOKER_FACES as et, TAROTS_AND_PLANETS as tt, CONSUMABLE_FACES as nt, VOUCHERS as rt, BOSSES as ot, TAGS as at, BOOSTER_PACKS as it } from "../sprites.js";
+const $ = z.forwardRef(
+  function({ as: t = "div", children: n, ...r }, o) {
+    return /* @__PURE__ */ a(t, { ref: o, ...r, children: n });
+  }
+), Cn = z.forwardRef(
+  function({ children: t, ...n }, r) {
+    return /* @__PURE__ */ a("canvas", { ref: r, ...n, children: t });
+  }
+), st = {
+  red: "j-section-header__tag--red",
+  orange: "j-section-header__tag--orange",
+  blue: "j-section-header__tag--blue",
+  green: "j-section-header__tag--green",
+  purple: "j-section-header__tag--purple",
+  gold: "j-section-header__tag--gold",
+  grey: "j-section-header__tag--grey"
+}, lt = {
+  red: "j-section-header__rule--red",
+  orange: "j-section-header__rule--orange",
+  blue: "j-section-header__rule--blue",
+  green: "j-section-header__rule--green",
+  purple: "j-section-header__rule--purple",
+  gold: "j-section-header__rule--gold",
+  grey: "j-section-header__rule--grey"
+};
+function ct({
+  label: e,
+  tone: t = "blue",
+  className: n,
+  ...r
+}) {
+  const o = ["j-section-header", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { className: o, ...r, children: [
+    /* @__PURE__ */ a("span", { className: `j-section-header__tag ${st[t]}`, children: e }),
+    /* @__PURE__ */ a("span", { className: `j-section-header__rule ${lt[t]}`, "aria-hidden": !0 })
+  ] });
+}
+function Ln({
+  title: e,
+  tone: t = "blue",
+  body: n,
+  className: r,
+  children: o,
+  ...i
+}) {
+  const s = ["j-panel", r].filter(Boolean).join(" "), u = n ?? !!e;
+  return /* @__PURE__ */ _("div", { className: s, ...i, children: [
+    e != null && e !== !1 ? /* @__PURE__ */ a(ct, { label: e, tone: t }) : null,
+    u ? /* @__PURE__ */ a("div", { className: "j-panel__body", children: o }) : o
+  ] });
+}
+const ut = {
+  micro: "j-text--micro",
+  xs: "j-text--xs",
+  sm: "j-text--sm",
+  md: "j-text--md",
+  lg: "j-text--lg",
+  xl: "j-text--xl",
+  display: "j-text--display"
+}, dt = {
+  white: "j-text--white",
+  grey: "j-text--grey",
+  gold: "j-text--gold",
+  red: "j-text--red",
+  blue: "j-text--blue",
+  green: "j-text--green",
+  orange: "j-text--orange",
+  purple: "j-text--purple"
+};
+function K({ size: e = "md", tone: t = "white", className: n, children: r, ...o }) {
+  const i = ["j-text", ut[e], dt[t], n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("span", { className: i, ...o, children: r });
+}
+const pt = {
+  "j-stack": {
+    gap: {
+      xs: "j-stack--gap-xs",
+      sm: "j-stack--gap-sm",
+      md: "j-stack--gap-md",
+      lg: "j-stack--gap-lg",
+      xl: "j-stack--gap-xl"
+    },
+    align: {
+      start: "j-stack--align-start",
+      center: "j-stack--align-center",
+      end: "j-stack--align-end",
+      stretch: "j-stack--align-stretch"
+    },
+    justify: {
+      start: "j-stack--justify-start",
+      center: "j-stack--justify-center",
+      end: "j-stack--justify-end",
+      between: "j-stack--justify-between"
+    }
+  },
+  "j-row": {
+    gap: {
+      xs: "j-row--gap-xs",
+      sm: "j-row--gap-sm",
+      md: "j-row--gap-md",
+      lg: "j-row--gap-lg",
+      xl: "j-row--gap-xl"
+    },
+    align: {
+      start: "j-row--align-start",
+      center: "j-row--align-center",
+      end: "j-row--align-end",
+      stretch: "j-row--align-stretch"
+    },
+    justify: {
+      start: "j-row--justify-start",
+      center: "j-row--justify-center",
+      end: "j-row--justify-end",
+      between: "j-row--justify-between"
+    }
+  }
+};
+function Te(e, { gap: t = "md", align: n, justify: r }, o, i) {
+  const s = pt[e];
+  return [
+    e,
+    s.gap[t],
+    n && s.align[n],
+    r && s.justify[r],
+    i,
+    o
+  ].filter(Boolean).join(" ");
+}
+function An({
+  gap: e,
+  align: t,
+  justify: n,
+  className: r,
+  children: o,
+  ...i
+}) {
+  return /* @__PURE__ */ a("div", { className: Te("j-stack", { gap: e, align: t, justify: n }, r), ...i, children: o });
+}
+function ft({
+  gap: e,
+  align: t = "center",
+  justify: n,
+  wrap: r,
+  className: o,
+  children: i,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: Te(
+        "j-row",
+        { gap: e, align: t, justify: n },
+        o,
+        r ? "j-row--wrap" : void 0
+      ),
+      ...s,
+      children: i
+    }
+  );
+}
+var Re = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, je = z.createContext && /* @__PURE__ */ z.createContext(Re), mt = ["attr", "size", "title"];
+function ht(e, t) {
+  if (e == null) return {};
+  var n, r, o = gt(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < i.length; r++) n = i[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+  }
+  return o;
+}
+function gt(e, t) {
+  if (e == null) return {};
+  var n = {};
+  for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+    if (t.indexOf(r) !== -1) continue;
+    n[r] = e[r];
+  }
+  return n;
+}
+function se() {
+  return se = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+    }
+    return e;
+  }, se.apply(null, arguments);
+}
+function ve(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(e);
+    t && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), n.push.apply(n, r);
+  }
+  return n;
+}
+function le(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ve(Object(n), !0).forEach(function(r) {
+      bt(e, r, n[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ve(Object(n)).forEach(function(r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
+    });
+  }
+  return e;
+}
+function bt(e, t, n) {
+  return (t = jt(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+}
+function jt(e) {
+  var t = vt(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function vt(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(e, t);
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Be(e) {
+  return e && e.map((t, n) => /* @__PURE__ */ z.createElement(t.tag, le({
+    key: n
+  }, t.attr), Be(t.child)));
+}
+function I(e) {
+  return (t) => /* @__PURE__ */ z.createElement(_t, se({
+    attr: le({}, e.attr)
+  }, t), Be(e.child));
+}
+function _t(e) {
+  var t = (n) => {
+    var r = e.attr, o = e.size, i = e.title, s = ht(e, mt), u = o || n.size || "1em", p;
+    return n.className && (p = n.className), e.className && (p = (p ? p + " " : "") + e.className), /* @__PURE__ */ z.createElement("svg", se({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, n.attr, r, s, {
+      className: p,
+      style: le(le({
+        color: e.color || n.color
+      }, n.style), e.style),
+      height: u,
+      width: u,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), i && /* @__PURE__ */ z.createElement("title", null, i), e.children);
+  };
+  return je !== void 0 ? /* @__PURE__ */ z.createElement(je.Consumer, null, (n) => t(n)) : t(Re);
+}
+function Me(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "18", y1: "6", x2: "6", y2: "18" }, child: [] }, { tag: "line", attr: { x1: "6", y1: "6", x2: "18", y2: "18" }, child: [] }] })(e);
+}
+function Pn(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polygon", attr: { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }, child: [] }] })(e);
+}
+function Tn(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "11", cy: "11", r: "8" }, child: [] }, { tag: "line", attr: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }, child: [] }] })(e);
+}
+function yt(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "1 4 1 10 7 10" }, child: [] }, { tag: "path", attr: { d: "M3.51 15a9 9 0 1 0 2.13-9.36L1 10" }, child: [] }] })(e);
+}
+function Rn(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polygon", attr: { points: "5 3 19 12 5 21 5 3" }, child: [] }] })(e);
+}
+function xt(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "5 9 2 12 5 15" }, child: [] }, { tag: "polyline", attr: { points: "9 5 12 2 15 5" }, child: [] }, { tag: "polyline", attr: { points: "15 19 12 22 9 19" }, child: [] }, { tag: "polyline", attr: { points: "19 9 22 12 19 15" }, child: [] }, { tag: "line", attr: { x1: "2", y1: "12", x2: "22", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "2", x2: "12", y2: "22" }, child: [] }] })(e);
+}
+function kt(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "4 14 10 14 10 20" }, child: [] }, { tag: "polyline", attr: { points: "20 10 14 10 14 4" }, child: [] }, { tag: "line", attr: { x1: "14", y1: "10", x2: "21", y2: "3" }, child: [] }, { tag: "line", attr: { x1: "3", y1: "21", x2: "10", y2: "14" }, child: [] }] })(e);
+}
+function St(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "15 3 21 3 21 9" }, child: [] }, { tag: "polyline", attr: { points: "9 21 3 21 3 15" }, child: [] }, { tag: "line", attr: { x1: "21", y1: "3", x2: "14", y2: "10" }, child: [] }, { tag: "line", attr: { x1: "3", y1: "21", x2: "10", y2: "14" }, child: [] }] })(e);
+}
+function Bn(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }, child: [] }, { tag: "polyline", attr: { points: "7 10 12 15 17 10" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "15", x2: "12", y2: "3" }, child: [] }] })(e);
+}
+function wt(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "rect", attr: { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }, child: [] }, { tag: "path", attr: { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, child: [] }] })(e);
+}
+function Mn(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "16 18 22 12 16 6" }, child: [] }, { tag: "polyline", attr: { points: "8 6 2 12 8 18" }, child: [] }] })(e);
+}
+function Nt(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "9 18 15 12 9 6" }, child: [] }] })(e);
+}
+function Et(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "15 18 9 12 15 6" }, child: [] }] })(e);
+}
+function Oe(e) {
+  return I({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "20 6 9 17 4 12" }, child: [] }] })(e);
+}
+const Ct = {
+  xs: "j-btn--xs",
+  sm: "j-btn--sm",
+  md: "j-btn--md",
+  lg: "j-btn--lg"
+}, Lt = {
+  orange: "j-btn--orange",
+  red: "j-btn--red",
+  blue: "j-btn--blue",
+  green: "j-btn--green",
+  purple: "j-btn--purple",
+  grey: "j-btn--grey"
+};
+function Y({
+  size: e = "md",
+  tone: t = "orange",
+  fullWidth: n = !1,
+  label: r,
+  className: o,
+  children: i,
+  disabled: s,
+  ...u
+}) {
+  const p = [
+    "j-btn",
+    Ct[e],
+    Lt[t],
+    n ? "j-btn--full" : "",
+    s ? "j-btn--disabled" : "",
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("button", { className: p, disabled: s, ...u, children: /* @__PURE__ */ a("span", { className: "j-btn__face", children: r ?? i }) });
+}
+function On({
+  value: e,
+  placeholder: t = "--------",
+  disabled: n = !1,
+  copiedLabel: r = "Copied!",
+  copiedDurationMs: o = 2e3,
+  onCopy: i,
+  className: s = "",
+  style: u
+}) {
+  const [p, j] = T(!1), l = J(null), c = e.trim(), f = !n && c.length > 0;
+  W(
+    () => () => {
+      l.current && clearTimeout(l.current);
+    },
+    []
+  );
+  const y = async () => {
+    var k;
+    if (f) {
+      try {
+        typeof navigator < "u" && ((k = navigator.clipboard) != null && k.writeText) && await navigator.clipboard.writeText(c);
+      } catch {
+      }
+      j(!0), i == null || i(c), l.current && clearTimeout(l.current), l.current = setTimeout(() => j(!1), o);
+    }
+  }, x = ["j-seed-copy", p ? "j-seed-copy--copied" : "", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _(
+    Y,
+    {
+      className: x,
+      style: u,
+      onClick: y,
+      disabled: !f,
+      fullWidth: !0,
+      "aria-label": f ? `Copy seed ${c}` : "Seed unavailable",
+      children: [
+        /* @__PURE__ */ a("span", { className: "j-seed-copy__icon", "aria-hidden": !0, children: p ? /* @__PURE__ */ a(Oe, { size: 18 }) : /* @__PURE__ */ a(wt, { size: 18 }) }),
+        /* @__PURE__ */ a("span", { className: "j-seed-copy__text", children: p ? r : c || t })
+      ]
+    }
+  );
+}
+function In({ className: e, children: t, ...n }) {
+  const r = ["j-inner-panel", e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: r, ...n, children: t });
+}
+function Dn({ open: e, onClose: t, title: n, className: r, children: o }) {
+  const i = He();
+  return W(() => {
+    if (!e || !t) return;
+    const s = (u) => {
+      u.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [e, t]), e ? /* @__PURE__ */ a("div", { className: "j-modal-overlay", onClick: t, children: /* @__PURE__ */ _(
+    "div",
+    {
+      className: ["j-modal", "j-panel", r].filter(Boolean).join(" "),
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": n ? i : void 0,
+      onClick: (s) => s.stopPropagation(),
+      children: [
+        n && /* @__PURE__ */ a("h2", { id: i, className: "j-modal__title", children: n }),
+        /* @__PURE__ */ a("div", { className: "j-panel__body", children: o })
+      ]
+    }
+  ) }) : null;
+}
+function Jn({
+  value: e,
+  label: t,
+  onPrev: n,
+  onNext: r,
+  canPrev: o = !0,
+  canNext: i = !0,
+  className: s = ""
+}) {
+  return /* @__PURE__ */ _("div", { className: `j-spinner-wrap ${s}`, children: [
+    t && /* @__PURE__ */ a("div", { className: "j-spinner__label", children: /* @__PURE__ */ a(K, { size: "sm", tone: "white", children: t }) }),
+    /* @__PURE__ */ _("div", { className: "j-spinner", children: [
+      /* @__PURE__ */ a(
+        Y,
+        {
+          tone: "red",
+          size: "sm",
+          onClick: n,
+          disabled: !o,
+          "aria-label": `Previous ${t ?? "value"}`,
+          children: "<"
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "j-spinner__value", children: /* @__PURE__ */ a(K, { size: "sm", tone: "white", children: e }) }),
+      /* @__PURE__ */ a(
+        Y,
+        {
+          tone: "red",
+          size: "sm",
+          onClick: r,
+          disabled: !i,
+          "aria-label": `Next ${t ?? "value"}`,
+          children: ">"
+        }
+      )
+    ] })
+  ] });
+}
+const At = {
+  RED: "#fe5148",
+  BLUE: "#0093ff",
+  GREEN: "#429f79",
+  ORANGE: "#ff9800",
+  GOLD: "#e4b643",
+  PURPLE: "#9e74ce",
+  PLANET: "#00a7ca",
+  SPECTRAL: "#2e76fd",
+  DARK_RED: "#a02721",
+  DARK_BLUE: "#0057a1",
+  DARK_ORANGE: "#a05b00",
+  DARK_GREEN: "#215f46",
+  DARK_GREY: "#3a5055",
+  DARKEST: "#1e2b2d",
+  GREY: "#a8bcbf",
+  TEAL_GREY: "#404c4e",
+  SURFACE: "#3a5055",
+  SURFACE_INSET: "#2a3a3f",
+  PANEL_EDGE: "#1e2e32",
+  INNER_BORDER: "#334461",
+  BORDER_SILVER: "#b9c2d2",
+  BORDER_SOUTH: "#777e89",
+  GREEN_TEXT: "#35bd86",
+  WHITE: "#ffffff",
+  BLACK: "#000000",
+  /** Same decision as GOLD — kept so CodeMirror / old callers don't grow a second gold. */
+  GOLD_TEXT: "#e4b643"
+};
+function Fn(e, t) {
+  const n = e.replace("#", ""), r = parseInt(n.slice(0, 2), 16), o = parseInt(n.slice(2, 4), 16), i = parseInt(n.slice(4, 6), 16);
+  return `rgba(${r}, ${o}, ${i}, ${t})`;
+}
+const $n = {
+  JUICE_UP_SCALE: 1.05,
+  JUICE_EASING: "cubic-bezier(0.16, 1, 0.3, 1)",
+  SWAY_AMOUNT: 1.5,
+  SWAY_DURATION: 4e3
+}, Z = At, Pt = {
+  xs: 22,
+  sm: 26,
+  md: 30
+}, Tt = {
+  default: { rest: Z.DARKEST, hover: Z.DARK_GREY, border: Z.PANEL_EDGE },
+  destructive: { rest: Z.RED, hover: Z.ORANGE, border: Z.BLACK }
+};
+function te({
+  onClick: e,
+  onMouseDown: t,
+  onTouchStart: n,
+  title: r,
+  "aria-label": o,
+  disabled: i = !1,
+  size: s = "md",
+  tone: u = "default",
+  children: p
+}) {
+  const [j, l] = T(!1), c = Pt[s], f = Tt[u], y = u === "destructive" ? 2 : 1, x = u === "destructive" ? `inset 0 1px 0 rgba(255,255,255,.2), 0 2px 0 ${Z.BLACK}` : void 0;
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      "aria-label": o ?? r,
+      disabled: i,
+      onClick: (k) => !i && (e == null ? void 0 : e(k)),
+      onMouseDown: t,
+      onTouchStart: n,
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
+      style: {
+        width: c,
+        height: c,
+        display: "inline-grid",
+        placeItems: "center",
+        background: j && !i ? f.hover : f.rest,
+        color: Z.WHITE,
+        border: `${y}px solid ${f.border}`,
+        borderRadius: 4,
+        boxShadow: x,
+        cursor: i ? "not-allowed" : "pointer",
+        opacity: i ? 0.55 : 1,
+        padding: 0,
+        fontSize: 14,
+        lineHeight: 1,
+        transition: "background 80ms ease"
+      },
+      title: r,
+      type: "button",
+      children: p
+    }
+  );
+}
+const Rt = 280, Bt = 260;
+function zn({ children: e, className: t, onNearEnd: n, snap: r = !1 }) {
+  const o = J(null), i = J(null), [s, u] = T(!1), p = Q(() => {
+    const c = o.current;
+    !c || !n || c.scrollWidth - (c.scrollLeft + c.clientWidth) <= Rt && n();
+  }, [n]);
+  W(() => {
+    const c = o.current;
+    if (!c) return;
+    const f = (y) => {
+      if (c.scrollWidth <= c.clientWidth) return;
+      const x = Math.abs(y.deltaY) > Math.abs(y.deltaX) ? y.deltaY : y.deltaX;
+      x !== 0 && (c.scrollLeft += x, y.preventDefault(), p());
+    };
+    return c.addEventListener("wheel", f, { passive: !1 }), () => c.removeEventListener("wheel", f);
+  }, [p]);
+  const j = (c) => {
+    var f;
+    (f = o.current) == null || f.scrollBy({ left: c * Bt, behavior: "smooth" }), c > 0 && p();
+  }, l = [
+    "j-shop-belt",
+    "j-shop-belt--grab",
+    r ? "j-shop-belt--snap" : "",
+    s ? "j-shop-belt--grabbing" : "",
+    t
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _($, { className: "j-shop-belt-wrap", children: [
+    /* @__PURE__ */ a(te, { size: "sm", "aria-label": "Scroll left", onClick: () => j(-1), children: /* @__PURE__ */ a(Et, {}) }),
+    /* @__PURE__ */ a(
+      $,
+      {
+        ref: o,
+        className: l,
+        onScroll: p,
+        onPointerDown: (c) => {
+          c.button === 0 && (i.current = { id: c.pointerId, x: c.clientX, left: c.currentTarget.scrollLeft }, c.currentTarget.setPointerCapture(c.pointerId), u(!0));
+        },
+        onPointerMove: (c) => {
+          const f = i.current;
+          !f || f.id !== c.pointerId || (c.currentTarget.scrollLeft = f.left - (c.clientX - f.x));
+        },
+        onPointerUp: (c) => {
+          var f;
+          ((f = i.current) == null ? void 0 : f.id) === c.pointerId && (c.currentTarget.hasPointerCapture(c.pointerId) && c.currentTarget.releasePointerCapture(c.pointerId), i.current = null, u(!1), p());
+        },
+        onPointerCancel: () => {
+          i.current = null, u(!1);
+        },
+        children: e
+      }
+    ),
+    /* @__PURE__ */ a(te, { size: "sm", "aria-label": "Scroll right", onClick: () => j(1), children: /* @__PURE__ */ a(Nt, {}) })
+  ] });
+}
+const Mt = {
+  sm: "j-badge--sm",
+  md: "j-badge--md"
+}, Ot = {
+  dark: "j-badge--dark",
+  blue: "j-badge--blue",
+  red: "j-badge--red",
+  green: "j-badge--green",
+  grey: "j-badge--grey",
+  orange: "j-badge--orange",
+  purple: "j-badge--purple"
+};
+function Un({ size: e = "sm", tone: t = "dark", className: n, children: r, ...o }) {
+  const i = ["j-badge", Mt[e], Ot[t], n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("span", { className: i, ...o, children: r });
+}
+function Wn({ children: e, ...t }) {
+  return /* @__PURE__ */ a("span", { ...t, children: e });
+}
+function Gn({ children: e, ...t }) {
+  return /* @__PURE__ */ a("a", { ...t, children: e });
+}
+function Kn({ className: e, ref: t, ...n }) {
+  const r = ["j-text-input", e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("input", { ref: t, className: r, ...n });
+}
+function Yn({
+  onPrev: e,
+  onNext: t,
+  canPrev: n = !0,
+  canNext: r = !0,
+  prevLabel: o = "Previous",
+  nextLabel: i = "Next",
+  children: s,
+  className: u = "",
+  style: p
+}) {
+  return /* @__PURE__ */ _("div", { className: `j-flank ${u}`, style: p, children: [
+    /* @__PURE__ */ a(_e, { direction: "left", onClick: e, disabled: !n, "aria-label": o }),
+    /* @__PURE__ */ a("div", { className: "j-flank__content", children: s }),
+    /* @__PURE__ */ a(_e, { direction: "right", onClick: t, disabled: !r, "aria-label": i })
+  ] });
+}
+function _e({
+  direction: e,
+  onClick: t,
+  disabled: n,
+  "aria-label": r
+}) {
+  const [o, i] = z.useState(!1);
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: "j-flank__btn",
+      "data-pressed": o && !n,
+      onClick: t,
+      disabled: n,
+      "aria-label": r,
+      title: r,
+      onMouseDown: () => !n && i(!0),
+      onMouseUp: () => i(!1),
+      onMouseLeave: () => i(!1),
+      onTouchStart: () => !n && i(!0),
+      onTouchEnd: () => i(!1),
+      children: /* @__PURE__ */ a(It, { direction: e })
+    }
+  );
+}
+function It({ direction: e }) {
+  return /* @__PURE__ */ a("svg", { width: 28, height: 28, viewBox: "0 0 28 28", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ a("polyline", { points: e === "left" ? "18,4 8,14 18,24" : "10,4 20,14 10,24" }) });
+}
+function Xn({
+  label: e,
+  title: t,
+  description: n,
+  media: r,
+  onPrev: o,
+  onNext: i,
+  canPrev: s = !0,
+  canNext: u = !0,
+  className: p = ""
+}) {
+  return /* @__PURE__ */ _("div", { className: ["j-panel-spinner", p].filter(Boolean).join(" "), children: [
+    e ? /* @__PURE__ */ a("div", { className: "j-panel-spinner__label", children: /* @__PURE__ */ a(K, { size: "sm", tone: "white", children: e }) }) : null,
+    /* @__PURE__ */ _("div", { className: "j-panel-spinner__row", children: [
+      /* @__PURE__ */ a(
+        Y,
+        {
+          tone: "red",
+          size: "sm",
+          className: "j-panel-spinner__arrow j-panel-spinner__arrow--left",
+          onClick: o,
+          disabled: !s,
+          "aria-label": `Previous ${e ?? t}`,
+          children: "<"
+        }
+      ),
+      /* @__PURE__ */ _("div", { className: "j-panel-spinner__panel", children: [
+        r ? /* @__PURE__ */ a("div", { className: "j-panel-spinner__media", children: r }) : null,
+        /* @__PURE__ */ a("div", { className: "j-panel-spinner__title", children: /* @__PURE__ */ a(K, { size: "md", tone: "white", children: t }) }),
+        n ? /* @__PURE__ */ a("div", { className: "j-panel-spinner__description", children: /* @__PURE__ */ a(K, { size: "xs", tone: "grey", children: n }) }) : null
+      ] }),
+      /* @__PURE__ */ a(
+        Y,
+        {
+          tone: "red",
+          size: "sm",
+          className: "j-panel-spinner__arrow j-panel-spinner__arrow--right",
+          onClick: i,
+          disabled: !u,
+          "aria-label": `Next ${e ?? t}`,
+          children: ">"
+        }
+      )
+    ] })
+  ] });
+}
+const Dt = {
+  Jokers: { cols: 10, rows: 16, assetKey: "jokers" },
+  Tarots: { cols: 10, rows: 6, assetKey: "tarots" },
+  Vouchers: { cols: 9, rows: 4, assetKey: "vouchers" },
+  Boosters: { cols: 4, rows: 9, assetKey: "boosters" },
+  BlindChips: { cols: 21, rows: 31, assetKey: "blinds" },
+  tags: { cols: 6, rows: 5, assetKey: "tags" },
+  Enhancers: { cols: 7, rows: 5, assetKey: "enhancers" },
+  Editions: { cols: 5, rows: 1, assetKey: "editions" },
+  Stakes: { cols: 5, rows: 2, assetKey: "stakes" },
+  Decks: { cols: 13, rows: 4, assetKey: "deck" }
+}, fe = (e) => e.toLowerCase().replace(/\s+/g, ""), Jt = (e) => e.replace(/^(Joker|Tarot|Planet|Voucher|Pack|Edition|Tag) [|:] /i, "").trim(), ce = /* @__PURE__ */ new Map();
+function V(e, t) {
+  for (const n of e) {
+    if (!n.name || !n.pos) continue;
+    const r = fe(n.name);
+    ce.has(r) || ce.set(r, { pos: n.pos, type: t });
+  }
+}
+V(Qe, "Jokers");
+V(et, "Jokers");
+V(tt, "Tarots");
+V(nt ?? [], "Tarots");
+V(rt, "Vouchers");
+V(ot, "BlindChips");
+V(at, "tags");
+V(it ?? [], "Boosters");
+const Ft = {
+  Jokers: { x: 9, y: 9 },
+  // grey card back (legendary face row)
+  Tarots: { x: 4, y: 2 },
+  // blank consumable
+  Vouchers: { x: 8, y: 2 },
+  // mystery voucher
+  Boosters: { x: 0, y: 5 },
+  // grey empty pack
+  tags: { x: 3, y: 4 },
+  // grey ? tag
+  BlindChips: { x: 0, y: 30 }
+  // grey ? blind
+};
+function $t(e) {
+  return { pos: Ft[e] ?? { x: 0, y: 0 }, type: e };
+}
+function zt(e) {
+  return ce.get(fe(Jt(e))) ?? ce.get(fe(e)) ?? null;
+}
+function Ut(e, t = "Jokers") {
+  return zt(e) ?? $t(t);
+}
+const Wt = /* @__PURE__ */ new Set(["Jokers", "Tarots", "Vouchers", "Boosters"]);
+function Hn({ name: e, sheet: t, width: n, className: r, style: o }) {
+  const { pos: i, type: s } = Ut(e, t), u = Dt[s], p = Wt.has(s) ? Math.round(n * (95 / 71)) : n;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: r,
+      style: {
+        position: "relative",
+        display: "inline-block",
+        width: n,
+        height: p,
+        overflow: "hidden",
+        imageRendering: "pixelated",
+        ...o
+      },
+      title: e,
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            inset: 0,
+            backgroundImage: `url(${qe(u.assetKey)})`,
+            backgroundSize: `${u.cols * 100}% ${u.rows * 100}%`,
+            backgroundPosition: `${i.x / (u.cols - 1) * 100}% ${i.y / (u.rows - 1) * 100}%`,
+            backgroundRepeat: "no-repeat"
+          }
+        }
+      )
+    }
+  );
+}
+function Zn({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ a("div", { className: ["j-picker", e].filter(Boolean).join(" "), ...n, children: t });
+}
+function Vn({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ a("div", { className: ["j-picker__section", e].filter(Boolean).join(" "), ...n, children: t });
+}
+function qn({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ a("div", { className: ["j-picker__search", e].filter(Boolean).join(" "), ...n, children: t });
+}
+function Qn({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ a("div", { className: ["j-picker__hint", e].filter(Boolean).join(" "), ...n, children: t });
+}
+function er({ legendary: e, className: t, children: n, ...r }) {
+  const o = ["j-picker__grid", e ? "j-picker__grid--legendary" : "", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: o, ...r, children: n });
+}
+function tr({ muted: e, className: t, children: n, ...r }) {
+  const o = ["j-picker__item", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("button", { type: "button", className: o, "data-muted": e, ...r, children: n });
+}
+function nr({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ a("div", { className: ["j-picker__pair", e].filter(Boolean).join(" "), ...n, children: t });
+}
+function rr({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ a("div", { className: ["j-picker__empty", e].filter(Boolean).join(" "), ...n, children: t });
+}
+function or({ tabs: e, activeTab: t, onTabChange: n }) {
+  return /* @__PURE__ */ a("div", { className: "j-tabs", children: e.map((r) => {
+    const o = r.id === t;
+    return /* @__PURE__ */ _("div", { className: "j-tab", children: [
+      /* @__PURE__ */ a("div", { className: "j-tab__indicator", "data-active": o, children: /* @__PURE__ */ a("svg", { width: "10", height: "8", viewBox: "0 0 10 8", children: /* @__PURE__ */ a("path", { d: "M5 8 L0 0 L10 0 Z" }) }) }),
+      /* @__PURE__ */ a(
+        Y,
+        {
+          size: "sm",
+          tone: "red",
+          label: r.label,
+          onClick: () => n(r.id)
+        }
+      )
+    ] }, r.id);
+  }) });
+}
+function ar({ active: e, className: t, children: n, ...r }) {
+  const o = ["j-list-item", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("button", { type: "button", className: o, "data-active": e, ...r, children: n });
+}
+const ye = "data-j-motion", me = "jimbo-motion", xe = "(prefers-reduced-motion: reduce)";
+function Gt(e) {
+  const t = document.documentElement;
+  e === "auto" ? t.removeAttribute(ye) : t.setAttribute(ye, e);
+}
+function Kt() {
+  try {
+    const e = window.localStorage.getItem(me);
+    if (e === "full" || e === "reduced") return e;
+  } catch {
+  }
+  return "auto";
+}
+function ir() {
+  const [e, t] = T(
+    () => typeof document > "u" ? "auto" : Kt()
+  ), [n, r] = T(
+    () => typeof window > "u" ? !1 : window.matchMedia(xe).matches
+  );
+  W(() => {
+    Gt(e);
+  }, [e]), W(() => {
+    const s = window.matchMedia(xe), u = () => r(s.matches);
+    return s.addEventListener("change", u), () => s.removeEventListener("change", u);
+  }, []);
+  const o = Q((s) => {
+    t(s);
+    try {
+      s === "auto" ? window.localStorage.removeItem(me) : window.localStorage.setItem(me, s);
+    } catch {
+    }
+  }, []);
+  return { setting: e, setSetting: o, osPrefersReduced: n, effectiveReducedMotion: e === "reduced" ? !0 : e === "full" ? !1 : n };
+}
+const D = {
+  primary: [1, 0.2, 0.2],
+  // red
+  secondary: [0, 0.5, 1],
+  // blue
+  dark: [0.05, 0.08, 0.1],
+  // near-black
+  speed: 1,
+  spinRotation: -2,
+  spinAmount: 0.35,
+  pixelFilter: 740 * 0.33,
+  contrast: 4.5,
+  lighting: 0.5,
+  transitionMs: 800
+};
+function ee(e, t) {
+  if (!e) return t;
+  if (Array.isArray(e)) return [e[0], e[1], e[2]];
+  let n = e.trim().replace(/^#/, "");
+  if (n.length === 3 && (n = n.split("").map((o) => o + o).join("")), n.length !== 6) return t;
+  const r = parseInt(n, 16);
+  return Number.isNaN(r) ? t : [(r >> 16 & 255) / 255, (r >> 8 & 255) / 255, (r & 255) / 255];
+}
+function Yt(e = {}) {
+  const t = J(null), n = J(e);
+  return Ae(() => {
+    n.current = e;
+  }), W(() => {
+    const r = t.current;
+    if (!r) return;
+    const o = r.getContext("webgl");
+    if (!o) return;
+    const i = `
+      attribute vec2 position;
+      void main() {
+        gl_Position = vec4(position, 0.0, 1.0);
+      }
+    `, s = `
+      precision mediump float;
+
+      uniform float u_time;
+      uniform vec2 u_resolution;
+      uniform vec3 u_color1;
+      uniform vec3 u_color2;
+      uniform vec3 u_color3;
+      uniform float u_spinRotation;
+      uniform float u_spinSpeed;
+      uniform float u_spinAmount;
+      uniform float u_pixelFilter;
+      uniform float u_contrast;
+      uniform float u_lighting;
+
+      void main() {
+        vec2 screenSize = u_resolution;
+        float pixel_size = length(screenSize.xy) / max(1.0, u_pixelFilter);
+        vec2 uv = (floor(gl_FragCoord.xy*(1.0/pixel_size))*pixel_size - 0.5*screenSize.xy)/length(screenSize.xy);
+        float uv_len = length(uv);
+
+        float speed = (u_spinRotation * 0.2) + 302.2;
+        float new_pixel_angle = atan(uv.y, uv.x) + speed - 20.0*(u_spinAmount*uv_len + (1.0 - u_spinAmount));
+
+        vec2 mid = (screenSize.xy/length(screenSize.xy))/2.0;
+        uv = (vec2((uv_len * cos(new_pixel_angle) + mid.x), (uv_len * sin(new_pixel_angle) + mid.y)) - mid);
+
+        uv *= 30.0;
+        speed = u_time * u_spinSpeed;
+        vec2 uv2 = vec2(uv.x, uv.y);
+
+        for(int i=0; i < 5; i++) {
+          uv2 += sin(max(uv.x, uv.y)) + uv;
+          uv  += 0.5*vec2(cos(5.1123314 + 0.353*uv2.y + speed*0.131121), sin(uv2.x - 0.113*speed));
+          uv  -= 1.0*cos(uv.x + uv.y) - 1.0*sin(uv.x*0.711 - uv.y);
+        }
+
+        float contrast_mod = (0.25*u_contrast + 0.5*u_spinAmount + 1.2);
+        float paint_res = min(2.0, max(0.0, length(uv)*(0.035)*contrast_mod));
+        float c1p = max(0.0, 1.0 - contrast_mod*abs(1.0 - paint_res));
+        float c2p = max(0.0, 1.0 - contrast_mod*abs(paint_res));
+        float c3p = 1.0 - min(1.0, c1p + c2p);
+        float light = (u_lighting - 0.2)*max(c1p*5.0 - 4.0, 0.0) + u_lighting*max(c2p*5.0 - 4.0, 0.0);
+
+        vec3 base = (0.3/u_contrast)*u_color1 + (1.0 - 0.3/u_contrast)*(u_color1*c1p + u_color2*c2p + c3p*u_color3) + vec3(light);
+        gl_FragColor = vec4(base, 1.0);
+      }
+    `, u = (B, ne) => {
+      const O = o.createShader(B);
+      return O ? (o.shaderSource(O, ne), o.compileShader(O), o.getShaderParameter(O, o.COMPILE_STATUS) ? O : (console.error("[JimboBackground] shader compile error:", o.getShaderInfoLog(O)), o.deleteShader(O), null)) : null;
+    }, p = u(o.VERTEX_SHADER, i), j = u(o.FRAGMENT_SHADER, s);
+    if (!p || !j) return;
+    const l = o.createProgram();
+    if (!l) return;
+    if (o.attachShader(l, p), o.attachShader(l, j), o.linkProgram(l), !o.getProgramParameter(l, o.LINK_STATUS)) {
+      console.error("[JimboBackground] program link error:", o.getProgramInfoLog(l));
+      return;
+    }
+    o.useProgram(l);
+    const c = o.createBuffer();
+    o.bindBuffer(o.ARRAY_BUFFER, c), o.bufferData(
+      o.ARRAY_BUFFER,
+      new Float32Array([
+        -1,
+        -1,
+        1,
+        -1,
+        -1,
+        1,
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        1
+      ]),
+      o.STATIC_DRAW
+    );
+    const f = o.getAttribLocation(l, "position");
+    o.enableVertexAttribArray(f), o.vertexAttribPointer(f, 2, o.FLOAT, !1, 0, 0);
+    const y = o.getUniformLocation(l, "u_time"), x = o.getUniformLocation(l, "u_resolution"), k = o.getUniformLocation(l, "u_color1"), b = o.getUniformLocation(l, "u_color2"), d = o.getUniformLocation(l, "u_color3"), g = o.getUniformLocation(l, "u_spinRotation"), h = o.getUniformLocation(l, "u_spinSpeed"), m = o.getUniformLocation(l, "u_spinAmount"), v = o.getUniformLocation(l, "u_pixelFilter"), S = o.getUniformLocation(l, "u_contrast"), E = o.getUniformLocation(l, "u_lighting"), M = (B) => ({
+      spinRotation: B.spinRotation ?? D.spinRotation,
+      spinSpeed: 4.5 * (B.speed ?? D.speed),
+      spinAmount: B.spinAmount ?? D.spinAmount,
+      pixelFilter: B.pixelFilter ?? D.pixelFilter,
+      contrast: B.contrast ?? D.contrast,
+      lighting: B.lighting ?? D.lighting
+    }), R = n.current, w = [
+      ee(R.primary, D.primary),
+      ee(R.secondary, D.secondary),
+      ee(R.dark, D.dark)
+    ], P = M(R), N = performance.now();
+    let L = N, C = 0;
+    const U = () => {
+      const B = performance.now(), ne = Math.max(0, B - L);
+      L = B;
+      const O = n.current, ae = [
+        ee(O.primary, D.primary),
+        ee(O.secondary, D.secondary),
+        ee(O.dark, D.dark)
+      ], A = M(O), X = Math.max(1, O.transitionMs ?? D.transitionMs), q = 1 - Math.exp(-ne / X);
+      for (let G = 0; G < 3; G++)
+        for (let re = 0; re < 3; re++)
+          w[G][re] += (ae[G][re] - w[G][re]) * q;
+      const H = (G) => {
+        P[G] += (A[G] - P[G]) * q;
+      };
+      H("spinRotation"), H("spinSpeed"), H("spinAmount"), H("pixelFilter"), H("contrast"), H("lighting");
+      const ge = r.clientWidth, be = r.clientHeight;
+      (r.width !== ge || r.height !== be) && (r.width = ge, r.height = be, o.viewport(0, 0, o.drawingBufferWidth, o.drawingBufferHeight)), o.uniform1f(y, (B - N) / 1e3), o.uniform2f(x, r.width, r.height), o.uniform3f(k, w[0][0], w[0][1], w[0][2]), o.uniform3f(b, w[1][0], w[1][1], w[1][2]), o.uniform3f(d, w[2][0], w[2][1], w[2][2]), o.uniform1f(g, P.spinRotation), o.uniform1f(h, P.spinSpeed), o.uniform1f(m, P.spinAmount), o.uniform1f(v, P.pixelFilter), o.uniform1f(S, P.contrast), o.uniform1f(E, P.lighting), o.drawArrays(o.TRIANGLES, 0, 6), C = requestAnimationFrame(U);
+    };
+    return C = requestAnimationFrame(U), () => {
+      cancelAnimationFrame(C), o.deleteProgram(l), o.deleteShader(p), o.deleteShader(j), o.deleteBuffer(c);
+    };
+  }, []), t;
+}
+function sr(e, t, n) {
+  const [r, o] = T(null), [i, s] = T(null), [u, p] = T(null), j = Q(
+    (b, d, g) => {
+      const h = "touches" in b ? b.touches[0] : b, m = b.currentTarget.getBoundingClientRect();
+      s({
+        clause: d,
+        fromZone: g,
+        x: h.clientX,
+        y: h.clientY,
+        offX: h.clientX - m.left,
+        offY: h.clientY - m.top
+      }), p(null);
+    },
+    []
+  ), l = J(r), c = J(i), f = J(u), y = J(e), x = J(t);
+  Ae(() => {
+    l.current = r, c.current = i, f.current = u, y.current = e, x.current = t;
+  });
+  const k = r !== null || i !== null;
+  return W(() => {
+    if (!k) return;
+    const b = (g) => {
+      var M;
+      const h = "touches" in g ? g : null, m = h ? h.touches[0] : g;
+      if (!m) return;
+      let v = l.current;
+      if (!v && c.current) {
+        const R = m.clientX - c.current.x, w = m.clientY - c.current.y;
+        if (Math.hypot(R, w) < 8) return;
+        v = {
+          ...c.current,
+          x: m.clientX,
+          y: m.clientY
+        }, s(null), o(v);
+      } else v && (v = { ...v, x: m.clientX, y: m.clientY }, o(v));
+      if (!v) return;
+      h != null && h.cancelable && h.preventDefault();
+      const S = ((M = n.current) == null ? void 0 : M.querySelectorAll("[data-zone]")) ?? [];
+      let E = null;
+      for (const R of S) {
+        const w = R.getBoundingClientRect();
+        if (m.clientX >= w.left && m.clientX <= w.right && m.clientY >= w.top && m.clientY <= w.bottom) {
+          E = R.getAttribute("data-zone");
+          break;
+        }
+      }
+      p(E);
+    }, d = () => {
+      const g = l.current, h = f.current;
+      if (g && h && h !== g.fromZone) {
+        const m = h, v = y.current;
+        x.current({
+          ...v,
+          [g.fromZone]: v[g.fromZone].filter((S) => S.id !== g.clause.id),
+          [m]: [...v[m], { ...g.clause }]
+        });
+      }
+      s(null), o(null), p(null);
+    };
+    return window.addEventListener("mousemove", b), window.addEventListener("mouseup", d), window.addEventListener("touchmove", b, { passive: !1 }), window.addEventListener("touchend", d), () => {
+      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", d), window.removeEventListener("touchmove", b), window.removeEventListener("touchend", d);
+    };
+  }, [k, n]), {
+    drag: r,
+    hoverZone: u,
+    onDragStart: j
+  };
+}
+const Xt = {
+  xs: "j-inline-edit--xs",
+  sm: "j-inline-edit--sm",
+  md: "j-inline-edit--md",
+  lg: "j-inline-edit--lg"
+}, Ht = {
+  white: "j-inline-edit--white",
+  gold: "j-inline-edit--gold",
+  grey: "j-inline-edit--grey"
+}, lr = z.forwardRef(
+  function({ size: t = "md", tone: n = "white", dim: r = !1, className: o = "", ...i }, s) {
+    const u = [
+      "j-inline-edit",
+      Xt[t],
+      Ht[n],
+      r ? "j-inline-edit--dim" : null,
+      o || null
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("input", { ref: s, type: "text", className: u, ...i });
+  }
+);
+function cr({
+  className: e,
+  minHeight: t = 320,
+  style: n,
+  ref: r,
+  ...o
+}) {
+  const i = ["j-code-surface", e].filter(Boolean).join(" "), s = {
+    "--j-code-surface-min-height": `${t}px`,
+    ...n
+  };
+  return /* @__PURE__ */ a("div", { ref: r, className: i, style: s, ...o });
+}
+const Zt = {
+  blue: "j-outer-tab--blue",
+  red: "j-outer-tab--red",
+  orange: "j-outer-tab--orange",
+  green: "j-outer-tab--green",
+  purple: "j-outer-tab--purple",
+  gold: "j-outer-tab--gold"
+};
+function Vt({
+  label: e,
+  tone: t,
+  active: n = !1,
+  fullscreen: r = !1,
+  onToggleFullscreen: o,
+  className: i,
+  children: s,
+  ...u
+}) {
+  const p = [
+    "j-outer-tab",
+    t ? Zt[t] : "",
+    n ? "j-outer-tab--active" : "",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { className: p, ...u, children: [
+    /* @__PURE__ */ a("span", { className: "j-outer-tab__grip", "aria-hidden": !0, children: /* @__PURE__ */ a(xt, {}) }),
+    /* @__PURE__ */ a("span", { className: "j-outer-tab__label", children: e }),
+    /* @__PURE__ */ a("span", { className: "j-outer-tab__space", children: s }),
+    o ? /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "j-outer-tab__fs",
+        "aria-label": r ? "Restore pane" : "Fullscreen pane",
+        onClick: (j) => {
+          j.stopPropagation(), o();
+        },
+        children: r ? /* @__PURE__ */ a(kt, {}) : /* @__PURE__ */ a(St, {})
+      }
+    ) : null
+  ] });
+}
+let qt = 0;
+function ke(e) {
+  return `${e}${++qt}-${Date.now().toString(36)}`;
+}
+function Qt(e) {
+  return {
+    type: "split",
+    id: "s-root",
+    dir: "column",
+    ratio: 0.34,
+    children: [
+      {
+        type: "split",
+        id: "s-entry",
+        dir: "row",
+        ratio: 0.55,
+        children: [
+          { type: "group", id: "g-filter", panes: [e.filter], active: e.filter },
+          { type: "group", id: "g-search", panes: [e.search], active: e.search }
+        ]
+      },
+      {
+        type: "group",
+        id: "g-results",
+        panes: [e.results, e.jamlyze],
+        active: e.results
+      }
+    ]
+  };
+}
+function Ie(e, t) {
+  if (e.type === "group") {
+    if (!e.panes.includes(t)) return e;
+    const r = e.panes.filter((i) => i !== t), o = e.active === t ? r[0] ?? null : e.active;
+    return { ...e, panes: r, active: o };
+  }
+  const n = e.children.map((r) => Ie(r, t)).filter((r) => !(r.type === "group" && r.panes.length === 0));
+  return n.length === 1 ? n[0] : { ...e, children: n };
+}
+function he(e, t, n) {
+  return e.type === "group" ? e.id === t ? n(e) : e : { ...e, children: e.children.map((r) => he(r, t, n)) };
+}
+function De(e, t, n, r) {
+  if (r === "center") return e;
+  if (e.type === "group") {
+    if (e.id !== t) return e;
+    const o = { type: "group", id: ke("g"), panes: [n], active: n }, i = r === "left" || r === "right" ? "row" : "column", s = r === "left" || r === "top" ? [o, e] : [e, o];
+    return { type: "split", id: ke("s"), dir: i, ratio: 0.5, children: s };
+  }
+  return { ...e, children: e.children.map((o) => De(o, t, n, r)) };
+}
+function Je(e, t = []) {
+  return e.type === "group" ? (t.push(e), t) : (e.children.forEach((n) => Je(n, t)), t);
+}
+function en(e, t) {
+  return e.type === "group" ? e.panes.includes(t) ? { ...e, active: t } : e : { ...e, children: e.children.map((n) => en(n, t)) };
+}
+function tn(e, t) {
+  const n = Je(e);
+  if (!n.length) return !1;
+  const r = n.flatMap((o) => o.panes);
+  return r.length > 0 && r.every((o) => t.includes(o)) && n.every((o) => o.panes.length > 0);
+}
+function nn(e, t, n) {
+  try {
+    const r = localStorage.getItem(e);
+    if (!r) return t;
+    const o = JSON.parse(r);
+    return tn(o, n) ? o : t;
+  } catch {
+    return t;
+  }
+}
+function rn(e, t) {
+  try {
+    localStorage.setItem(e, JSON.stringify(t));
+  } catch {
+  }
+}
+function ur({
+  panes: e,
+  pyramid: t,
+  storageKey: n,
+  className: r
+}) {
+  const o = Object.keys(e), i = t && o.includes(t.filter) ? Qt(t) : {
+    type: "group",
+    id: "g-all",
+    panes: o,
+    active: o[0] ?? null
+  }, [s, u] = T(
+    () => n && typeof localStorage < "u" ? nn(n, i, o) : i
+  ), [p, j] = T(null), [l, c] = T(null);
+  W(() => {
+    n && rn(n, s);
+  }, [n, s]);
+  const f = (d) => {
+    if (d.target.closest(".j-dock-tabs")) return "center";
+    const h = d.currentTarget.getBoundingClientRect(), m = (d.clientX - h.left) / h.width, v = (d.clientY - h.top) / h.height;
+    return m < 0.25 ? "left" : m > 0.75 ? "right" : v < 0.25 ? "top" : v > 0.75 ? "bottom" : "center";
+  }, y = (d, g, h) => {
+    e[d] && (g.panes.length === 1 && g.panes[0] === d || u((m) => {
+      const v = Ie(m, d);
+      return h === "center" ? he(v, g.id, (S) => ({
+        ...S,
+        panes: [...S.panes, d],
+        active: d
+      })) : De(v, g.id, d, h);
+    }));
+  }, x = (d, g) => {
+    const h = e[d];
+    return h ? /* @__PURE__ */ a(
+      Vt,
+      {
+        label: h.label,
+        tone: h.tone,
+        active: g,
+        fullscreen: l === d,
+        onToggleFullscreen: () => c((m) => m === d ? null : d),
+        draggable: !0,
+        onDragStart: (m) => m.dataTransfer.setData("text/plain", d)
+      },
+      d
+    ) : null;
+  }, k = (d) => {
+    const g = p && p.groupId === d.id ? p.zone : null, h = g && g !== "center" ? ` j-dock-pane--drop-${g}` : "";
+    return /* @__PURE__ */ _(
+      $,
+      {
+        className: `j-dock-pane${h}`,
+        onDragOver: (m) => {
+          m.preventDefault();
+          const v = f(m);
+          j(
+            (S) => S && S.groupId === d.id && S.zone === v ? S : { groupId: d.id, zone: v }
+          );
+        },
+        onDragLeave: () => j((m) => m && m.groupId === d.id ? null : m),
+        onDrop: (m) => {
+          m.preventDefault();
+          const v = m.dataTransfer.getData("text/plain"), S = f(m);
+          j(null), y(v, d, S);
+        },
+        children: [
+          /* @__PURE__ */ a(
+            $,
+            {
+              className: `j-dock-tabs${g === "center" ? " j-dock-tabs--drop" : ""}`,
+              children: d.panes.map((m) => /* @__PURE__ */ a(
+                $,
+                {
+                  onClick: () => u((v) => he(v, d.id, (S) => ({ ...S, active: m }))),
+                  children: x(m, d.active === m)
+                },
+                m
+              ))
+            }
+          ),
+          /* @__PURE__ */ a($, { className: "j-dock-body", children: d.active && e[d.active] ? e[d.active].content : null })
+        ]
+      },
+      d.id
+    );
+  }, b = (d) => {
+    if (d.type === "group") return k(d);
+    const [g, h] = d.children;
+    return /* @__PURE__ */ _(
+      $,
+      {
+        className: `j-dock-split j-dock-split--${d.dir}`,
+        style: {
+          "--j-dock-a": `${d.ratio}fr`,
+          "--j-dock-b": `${1 - d.ratio}fr`
+        },
+        children: [
+          b(g),
+          /* @__PURE__ */ a($, { className: `j-dock-gutter j-dock-gutter--${d.dir}` }),
+          b(h)
+        ]
+      },
+      d.id
+    );
+  };
+  return l && e[l] ? /* @__PURE__ */ _($, { className: `j-dock j-dock--fs ${r ?? ""}`.trim(), children: [
+    /* @__PURE__ */ a($, { className: "j-dock-tabs", children: x(l, !0) }),
+    /* @__PURE__ */ a($, { className: "j-dock-body", children: e[l].content })
+  ] }) : /* @__PURE__ */ a($, { className: `j-dock ${r ?? ""}`.trim(), children: b(s) });
+}
+const on = {
+  idle: "j-status-pill--idle",
+  running: "j-status-pill--running",
+  ok: "j-status-pill--ok",
+  error: "j-status-pill--error",
+  paused: "j-status-pill--paused"
+};
+function an({ status: e = "idle", label: t, className: n, children: r, ...o }) {
+  const i = ["j-status-pill", on[e], n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("span", { className: i, ...o, children: [
+    /* @__PURE__ */ a("span", { className: "j-status-pill__dot", "aria-hidden": !0 }),
+    t ?? r ?? e
+  ] });
+}
+const dr = z.forwardRef(
+  function({ onValueChange: t, className: n, value: r, min: o = 0, max: i = 100, style: s, ...u }, p) {
+    const j = Number(r ?? 0), l = Number(o), c = Number(i), f = c > l ? Math.min(100, Math.max(0, (j - l) / (c - l) * 100)) : 0, y = ["j-slider", n].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a(
+      "input",
+      {
+        ref: p,
+        type: "range",
+        className: y,
+        value: r,
+        min: o,
+        max: i,
+        style: { ...s ?? {}, "--j-slider-fill": `${f}%` },
+        onChange: (x) => t == null ? void 0 : t(Number(x.currentTarget.value)),
+        ...u
+      }
+    );
+  }
+);
+function pr({ className: e, style: t, ...n }) {
+  const r = ["j-textarea", e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("textarea", { className: r, style: t, ...n });
+}
+function fr(e = {}) {
+  const t = Yt(e);
+  return /* @__PURE__ */ a("canvas", { ref: t, className: "j-background-canvas", "aria-hidden": !0 });
+}
+function mr({
+  variant: e = "embed",
+  scroll: t = !0,
+  footer: n,
+  className: r,
+  children: o,
+  ...i
+}) {
+  if (e === "page") {
+    const p = ["j-page", "j-page--full", r].filter(Boolean).join(" ");
+    return /* @__PURE__ */ _("div", { className: p, ...i, children: [
+      /* @__PURE__ */ a("div", { className: "j-page__main", children: o }),
+      n ? /* @__PURE__ */ a("div", { className: "j-page__footer", children: n }) : null
+    ] });
+  }
+  if (e === "phone") {
+    const p = ["j-phone", r].filter(Boolean).join(" ");
+    return /* @__PURE__ */ _("div", { className: p, ...i, children: [
+      /* @__PURE__ */ a("div", { className: t ? "j-phone__scroll" : "j-phone__content", children: o }),
+      n ? /* @__PURE__ */ a("div", { className: "j-phone__footer", children: n }) : null
+    ] });
+  }
+  const s = ["j-app", r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { className: s, ...i, children: [
+    /* @__PURE__ */ a("div", { className: t ? "j-app__scroll" : "j-app__content", children: o }),
+    n ? /* @__PURE__ */ a("div", { className: "j-app__footer", children: n }) : null
+  ] });
+}
+function hr({ className: e, children: t, ...n }) {
+  const r = ["j-inset", e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: r, ...n, children: t });
+}
+function gr({ title: e, sub: t, className: n, ...r }) {
+  const o = ["j-wordmark", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { className: o, ...r, children: [
+    /* @__PURE__ */ a("div", { className: "j-wordmark__title", children: e }),
+    t != null && t !== !1 ? /* @__PURE__ */ a("div", { className: "j-wordmark__sub", children: t }) : null
+  ] });
+}
+const sn = {
+  xs: "var(--j-space-xs)",
+  sm: "var(--j-space-sm)",
+  md: "var(--j-space-md)",
+  lg: "var(--j-space-lg)",
+  xl: "var(--j-space-xl)"
+};
+function br({ columns: e = 3, minColWidth: t, gap: n = "md", style: r, ...o }) {
+  const i = t ? `repeat(auto-fit, minmax(${t}px, 1fr))` : `repeat(${e}, minmax(0, 1fr))`;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      style: {
+        ...r,
+        display: "grid",
+        gridTemplateColumns: i,
+        gap: sn[n],
+        width: "100%"
+      },
+      ...o
+    }
+  );
+}
+function jr({ size: e = 16, style: t, ...n }) {
+  return /* @__PURE__ */ a("div", { "aria-hidden": !0, style: { ...t, height: e, width: "100%" }, ...n });
+}
+function vr({ vert: e = !1, className: t, ...n }) {
+  const r = ["j-divider", e ? "j-divider--vert" : "", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("hr", { className: r, ...n });
+}
+function _r({ title: e, onDismiss: t, className: n, children: r, ...o }) {
+  const [i, s] = T(!1);
+  if (i) return null;
+  const u = ["j-error-block", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: u, role: "alert", ...o, children: /* @__PURE__ */ _(ft, { justify: "between", align: "center", children: [
+    /* @__PURE__ */ _("div", { children: [
+      e != null && /* @__PURE__ */ a("div", { className: "j-error-block__title", children: e }),
+      r
+    ] }),
+    t && /* @__PURE__ */ a(
+      te,
+      {
+        size: "sm",
+        tone: "destructive",
+        "aria-label": "Dismiss error",
+        onClick: () => {
+          s(!0), t();
+        },
+        children: /* @__PURE__ */ a(Me, {})
+      }
+    )
+  ] }) });
+}
+const Fe = 2 * Math.PI, Se = Math.PI / 2, F = 16, $e = 10, ze = 148, ue = 4, de = 6, Ue = 22, We = 8;
+function Ge(e, t) {
+  return Math.min(200, Math.max(56, 32 + (t ? 15 : 0) + e.length * 6.6));
+}
+function ln(e, t) {
+  return e + $e + Math.hypot(t, F);
+}
+function cn(e, t, n, r, o, i, s) {
+  if (e.length === 0) return [];
+  const u = Math.max(0, i) / 2;
+  return e.map((p, j) => {
+    const l = r + j * o, c = Math.cos(l) * t, f = Math.sin(l) * n, y = Math.hypot(c, f), { label: x, hasToggleDot: k } = s(p), b = ln(u, Ge(x, k) / 2);
+    if (y < 1e-4) return { item: p, x: b, y: 0 };
+    const d = Math.max(1, b / y);
+    return { item: p, x: c * d, y: f * d };
+  });
+}
+function un(e, t, n, r, o) {
+  if (e.length === 0) return [];
+  const i = t / 2, s = n / 2, u = -s + F, p = Math.min(s - F, r - F - de), j = Math.ceil(e.length / 2), l = e.length - j, c = 2 * F + de, f = (k, b) => {
+    if (b <= 1) return u;
+    const d = p - u, h = c * (b - 1) <= d ? c : d / (b - 1);
+    return p - k * h;
+  };
+  let y = 0, x = 0;
+  return e.map((k, b) => {
+    const d = b < j ? -1 : 1, g = d < 0 ? f(y++, j) : f(x++, l), { label: h, hasToggleDot: m } = o(k), v = Ge(h, m) / 2;
+    return { item: k, x: d * Math.max(0, i - v - ue), y: g };
+  });
+}
+function dn(e) {
+  if (!Number.isFinite(e) || e <= 0) return 2;
+  const t = e / 2, n = -t + F, o = t - F - ue - Ue - F - F - de, i = 2 * F + de;
+  return 2 * Math.max(1, Math.floor((o - n) / i) + 1);
+}
+function pn(e, t, n) {
+  const r = e <= 1 ? Math.round(2 * t * 1.05) : Math.round(2 * t * Math.sin(Fe / e / 2) * 1.28);
+  return Math.max(ze, Math.min(r, n - 16));
+}
+function fn(e, t, n) {
+  return Math.max(84, n + t * 3, e / 2 + 42);
+}
+function yr(e, t) {
+  return Math.max(0, Math.min(e, t) / 2 - F - We);
+}
+function mn(e, t, n) {
+  return n == null || !Number.isFinite(n) || n <= 0 ? e : Math.max(t / 2 + $e, Math.min(e, n));
+}
+const Ke = (e) => typeof e.active == "boolean", we = (e) => ({
+  label: e.label,
+  hasToggleDot: Ke(e)
+});
+function hn({
+  items: e,
+  onAction: t,
+  onNavigate: n,
+  onBack: r,
+  currentMenu: o = "main",
+  closing: i = !1,
+  mascotSize: s = 96,
+  radius: u = 90,
+  radiusY: p,
+  boxHeight: j,
+  translateY: l = 0,
+  breadcrumb: c,
+  showPageControls: f = !1,
+  onPagePrev: y,
+  onPageNext: x,
+  center: k,
+  className: b,
+  "aria-label": d = "Orbital menu"
+}) {
+  const g = J(null), [h, m] = T(375);
+  if (W(() => {
+    const A = g.current;
+    if (!A) return;
+    const X = () => m(Math.max(1, A.clientWidth));
+    X();
+    const q = new ResizeObserver(X);
+    return q.observe(A), () => q.disconnect();
+  }, []), e.length === 0)
+    return k ? /* @__PURE__ */ a(
+      "div",
+      {
+        ref: g,
+        className: ["j-orbital-menu", b].filter(Boolean).join(" "),
+        style: { transform: `translateY(${l}px)` },
+        children: /* @__PURE__ */ a("div", { className: "j-orbital-menu__center", children: k })
+      }
+    ) : null;
+  const v = u, S = p ?? u, E = e.find((A) => A.south) ?? null, M = e.filter((A) => !A.south), R = M.length + (E ? 1 : 0), w = Fe / R, P = E ? Se + w : Se, N = j != null && Number.isFinite(j) && j > 0, L = N ? Math.max(ze, h - ue * 2) : pn(R, v, h), C = N ? j / 2 - F - ue : S + We, U = Math.min(96, Math.max(56, Math.floor(L * 0.5))), B = C - Ue, ne = (f && E ? B : C) - F, O = N && j != null ? un(M, h, j, ne, we) : cn(M, v, S, P, w, s, we), ae = (A) => (X) => {
+    X.stopPropagation(), A.south ? r == null || r() : A.submenu ? n == null || n(A.submenu) : A.action && (t == null || t(A.action, A));
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: g,
+      className: ["j-orbital-menu", b].filter(Boolean).join(" "),
+      style: { transform: `translateY(${l}px)` },
+      children: [
+        k ? /* @__PURE__ */ a("div", { className: "j-orbital-menu__center", children: k }) : null,
+        /* @__PURE__ */ _("div", { className: "j-orbital-menu__anchor", role: "menu", "aria-label": d, children: [
+          c ? /* @__PURE__ */ a(oe, { x: 0, y: C - 46, hiding: i, interactive: !1, children: c }) : null,
+          O.map(({ item: A, x: X, y: q }, H) => /* @__PURE__ */ a(
+            oe,
+            {
+              x: X,
+              y: q,
+              hiding: i,
+              dim: A.dim,
+              children: /* @__PURE__ */ a(gn, { item: A, onClick: ae(A) })
+            },
+            `${o}-${A.label}-${H}`
+          )),
+          E ? /* @__PURE__ */ a(oe, { x: 0, y: C, hiding: i, children: /* @__PURE__ */ a(
+            Y,
+            {
+              tone: E.tone ?? "orange",
+              size: "sm",
+              fullWidth: !0,
+              className: "j-orbital-btn j-orbital-btn--south",
+              style: { width: L },
+              title: E.tooltip ?? E.label,
+              onClick: ae(E),
+              role: "menuitem",
+              children: E.label
+            }
+          ) }) : null,
+          E && f ? /* @__PURE__ */ _(Xe, { children: [
+            /* @__PURE__ */ a(oe, { x: -(L / 2) + U / 2, y: B, hiding: i, children: /* @__PURE__ */ a(Ne, { label: "<", title: "Previous page", width: U, onClick: y }) }),
+            /* @__PURE__ */ a(oe, { x: L / 2 - U / 2, y: B, hiding: i, children: /* @__PURE__ */ a(Ne, { label: ">", title: "Next page", width: U, onClick: x }) })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+function oe({
+  x: e,
+  y: t,
+  hiding: n,
+  dim: r,
+  interactive: o = !0,
+  children: i
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "j-orbital-pill",
+      "data-hiding": n ? "true" : "false",
+      "data-dim": r ? "true" : void 0,
+      "data-static": o ? void 0 : "true",
+      style: {
+        "--j-orbit-x": `${n ? 0 : e}px`,
+        "--j-orbit-y": `${n ? 0 : t}px`
+      },
+      children: i
+    }
+  );
+}
+function gn({
+  item: e,
+  onClick: t
+}) {
+  if (e.badge)
+    return /* @__PURE__ */ a(an, { status: e.badge.status, label: e.badge.label, title: e.tooltip });
+  const n = Ke(e);
+  return /* @__PURE__ */ _(
+    Y,
+    {
+      tone: e.tone ?? (n ? "orange" : "red"),
+      size: "sm",
+      className: "j-orbital-btn",
+      disabled: e.disabled,
+      title: e.tooltip ?? e.label,
+      "aria-label": n ? `${e.label} (${e.active ? "on" : "off"})` : e.label,
+      "aria-pressed": n ? e.active : void 0,
+      role: "menuitem",
+      onClick: t,
+      children: [
+        n ? /* @__PURE__ */ a("span", { className: "j-orbital-dot", "data-on": e.active ? "true" : "false", "aria-hidden": !0 }) : null,
+        /* @__PURE__ */ a("span", { children: e.label }),
+        e.icon ? /* @__PURE__ */ a("span", { className: "j-orbital-glyph", "aria-hidden": !0, children: e.icon }) : typeof e.count == "number" ? /* @__PURE__ */ a("span", { className: "j-orbital-count", "data-any": e.count > 0 ? "true" : "false", children: e.count }) : null
+      ]
+    }
+  );
+}
+function Ne({
+  label: e,
+  title: t,
+  width: n,
+  onClick: r
+}) {
+  return /* @__PURE__ */ a(
+    Y,
+    {
+      tone: "blue",
+      size: "sm",
+      className: "j-orbital-btn",
+      style: { width: n },
+      title: t,
+      "aria-label": t,
+      onClick: (o) => {
+        o.stopPropagation(), r == null || r();
+      },
+      children: e
+    }
+  );
+}
+const Ee = 200, bn = 320, ie = { stack: [], page: 0, breadcrumb: [], closing: !1 };
+function Ye() {
+  let e = ie, t = -1, n = 0, r = null;
+  const o = /* @__PURE__ */ new Set(), i = () => o.forEach((l) => l()), s = (l) => {
+    e = { ...e, ...l }, i();
+  }, u = () => {
+    r !== null && (clearTimeout(r), r = null);
+  }, p = (l, c) => {
+    u(), r = setTimeout(() => {
+      r = null, l();
+    }, c);
+  }, j = () => {
+    u(), s({ closing: !0 }), p(() => s({ ...ie }), bn);
+  };
+  return {
+    subscribe: (l) => (o.add(l), () => o.delete(l)),
+    getState: () => e,
+    open: (l = "main") => {
+      e.stack.length === 1 && e.stack[0] === l && e.page === 0 || (u(), s({ stack: [l], page: 0, breadcrumb: [], closing: !1 }));
+    },
+    close: j,
+    back: () => {
+      if (e.stack.length <= 1) {
+        s({ breadcrumb: [] }), j();
+        return;
+      }
+      u(), s({ breadcrumb: e.breadcrumb.slice(0, -1), closing: !0 }), p(
+        () => s({ stack: e.stack.slice(0, -1), page: 0, closing: !1 }),
+        Ee
+      );
+    },
+    navigateTo: (l) => {
+      u(), s({ breadcrumb: [...e.breadcrumb, l], closing: !0 }), p(
+        () => s({ stack: [...e.stack, l], page: 0, closing: !1 }),
+        Ee
+      );
+    },
+    nextPage: (l) => {
+      const c = Math.max(1, l);
+      s({ page: c <= 1 ? 0 : (e.page + 1) % c });
+    },
+    prevPage: (l) => {
+      const c = Math.max(1, l);
+      s({ page: c <= 1 ? 0 : (e.page - 1 + c) % c });
+    },
+    reset: () => {
+      u(), t = -1, n = 0, s({ ...ie });
+    },
+    signalIncomingResults: ({ count: l, topScore: c }) => {
+      let f = !1;
+      l > 0 && c !== void 0 && c > t && (f = e.stack.length > 1), l > 0 && l > n && (f = f || e.stack.length > 0), t = l > 0 && c !== void 0 ? c : -1, n = l, f && j();
+    }
+  };
+}
+const jn = Ye();
+function vn({
+  root: e = "main",
+  store: t = jn
+} = {}) {
+  const n = Ze(t.subscribe, t.getState, () => ie), r = Q(() => t.open(e), [t, e]), o = Q(() => {
+    const { stack: i, closing: s } = t.getState();
+    i.length === 0 && !s ? t.open(e) : t.close();
+  }, [t, e]);
+  return Pe(
+    () => ({
+      ...n,
+      currentMenu: n.stack.at(-1) ?? e,
+      isOpen: n.stack.length > 0,
+      isClosing: n.closing && n.stack.length > 0,
+      canGoBack: n.stack.length > 1,
+      open: r,
+      close: t.close,
+      back: t.back,
+      navigateTo: t.navigateTo,
+      nextPage: t.nextPage,
+      prevPage: t.prevPage,
+      toggle: o
+    }),
+    [n, e, r, o, t]
+  );
+}
+const _n = new URL("../assets/jammy-seed-mascot-BdoW3O33.png", import.meta.url).href, yn = _n;
+function xn(e) {
+  return (t) => {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
+  };
+}
+const Ce = 14;
+function kn(e) {
+  return e == null || !Number.isFinite(e) || e <= 0 ? Ce : Math.max(2, Math.min(Ce, dn(e)));
+}
+function xr({
+  mood: e = "idle",
+  size: t = 96,
+  menuItems: n,
+  getMenuItems: r,
+  onMenuAction: o,
+  maxOrbitRadius: i,
+  orbitBoxHeight: s,
+  orbitBoxWidth: u,
+  baseOrbitRadius: p = 90,
+  menuHidden: j = !1,
+  closeLabel: l = "Close",
+  orbitalStore: c,
+  renderImage: f,
+  className: y = "",
+  ...x
+}) {
+  const [k] = T(Ye), b = vn({ store: c ?? k }), d = Pe(
+    () => r ?? (n ? () => n : null),
+    [r, n]
+  ), g = d != null && !j, h = () => {
+    g && b.toggle();
+  }, m = e === "happy" ? "jammy-happy" : e === "surprised" ? "jammy-shake" : "jammy-idle", v = g && (b.isOpen || b.isClosing), S = v && d ? d(b.stack) : [], E = kn(s), M = Math.max(1, Math.ceil(S.length / E)), R = Math.min(Math.max(0, b.page), M - 1), w = S.slice(R * E, (R + 1) * E), P = {
+    label: b.canGoBack ? "Back" : l,
+    south: !0
+  }, N = v ? [...w, P] : [], L = mn(
+    fn(t, w.length, p),
+    t,
+    i
+  ), C = /* @__PURE__ */ a(
+    "div",
+    {
+      role: g ? "button" : void 0,
+      tabIndex: g ? 0 : void 0,
+      onClick: h,
+      onKeyDown: g ? xn(h) : void 0,
+      "aria-label": "Jammy mascot",
+      "aria-expanded": g ? b.isOpen : void 0,
+      className: g ? "j-mascot__hit j-mascot__hit--interactive" : "j-mascot__hit",
+      children: f ? f({ size: t }) : /* @__PURE__ */ a("img", { src: yn, alt: "Jammy", draggable: !1, className: "j-mascot__img" })
+    }
+  );
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: ["j-mascot", m, y].filter(Boolean).join(" "),
+      style: { "--j-mascot-size": `${t}px` },
+      ...x,
+      children: [
+        C,
+        v ? /* @__PURE__ */ a(
+          "div",
+          {
+            className: "j-mascot__orbit",
+            style: {
+              "--j-orbit-w": u != null ? `${u}px` : void 0,
+              "--j-orbit-h": s != null ? `${s}px` : void 0
+            },
+            children: /* @__PURE__ */ a(
+              hn,
+              {
+                items: N,
+                currentMenu: b.currentMenu,
+                closing: b.isClosing,
+                mascotSize: t,
+                radius: L,
+                boxHeight: s,
+                showPageControls: S.length > E,
+                onPagePrev: () => b.prevPage(M),
+                onPageNext: () => b.nextPage(M),
+                breadcrumb: b.breadcrumb.length > 0 ? /* @__PURE__ */ a(K, { size: "xs", tone: "grey", children: b.breadcrumb.join(" / ") }) : null,
+                onNavigate: b.navigateTo,
+                onBack: b.back,
+                onAction: (U, B) => {
+                  o == null || o(U, B), b.close();
+                }
+              }
+            )
+          }
+        ) : null
+      ]
+    }
+  );
+}
+const Le = 3, pe = 220;
+function kr({
+  children: e,
+  onDecide: t,
+  width: n = 300,
+  height: r = 420,
+  threshold: o = 90
+}) {
+  const i = Ve.toArray(e), [s, u] = T(0), [p, j] = T(0), [l, c] = T(!1), [f, y] = T(null), [x, k] = T([]), b = J(0), d = J(null);
+  W(
+    () => () => {
+      d.current && clearTimeout(d.current);
+    },
+    []
+  );
+  const g = i.length - s, h = Q(
+    (N) => {
+      if (f || s >= i.length) return;
+      const L = s;
+      y(N), c(!1), t == null || t(L, N), d.current = setTimeout(() => {
+        k((C) => [...C, { index: L, direction: N }]), u(L + 1), y(null), j(0);
+      }, pe);
+    },
+    [i.length, s, f, t]
+  ), m = Q(() => {
+    if (f || x.length === 0) return;
+    const N = x[x.length - 1];
+    k((L) => L.slice(0, -1)), u(N.index), j(0);
+  }, [f, x]), v = (N) => {
+    f || (N.currentTarget.setPointerCapture(N.pointerId), b.current = N.clientX, c(!0));
+  }, S = (N) => {
+    !l || f || j(N.clientX - b.current);
+  }, E = () => {
+    !l || f || (c(!1), Math.abs(p) >= o ? h(p > 0 ? "keep" : "pass") : j(0));
+  }, M = (N) => {
+    N.key === "ArrowRight" && h("keep"), N.key === "ArrowLeft" && h("pass"), N.key === "Backspace" && m();
+  }, R = f ? f === "keep" ? n * 2 : -n * 2 : p, w = Math.max(-14, Math.min(14, R * 0.05)), P = Math.abs(p) >= o ? p > 0 ? "keep" : "pass" : null;
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateRows: `${r}px auto auto`,
+        gap: 14,
+        justifyItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ _(
+          "div",
+          {
+            role: "group",
+            "aria-label": "Seed triage deck",
+            tabIndex: 0,
+            onKeyDown: M,
+            style: {
+              position: "relative",
+              width: n,
+              height: r,
+              touchAction: "none",
+              outline: "none"
+            },
+            children: [
+              g === 0 ? /* @__PURE__ */ a("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center" }, children: /* @__PURE__ */ a(K, { size: "sm", tone: "grey", children: "No seeds left" }) }) : null,
+              i.slice(s, s + Le).map((N, L) => {
+                const C = L === 0, U = C ? `translate3d(${R}px, 0, 0) rotate(${w}deg)` : `translate3d(0, ${L * 9}px, 0) scale(${1 - L * 0.045})`;
+                return /* @__PURE__ */ _(
+                  "div",
+                  {
+                    onPointerDown: C ? v : void 0,
+                    onPointerMove: C ? S : void 0,
+                    onPointerUp: C ? E : void 0,
+                    onPointerCancel: C ? E : void 0,
+                    style: {
+                      position: "absolute",
+                      inset: 0,
+                      zIndex: Le - L,
+                      transform: U,
+                      transition: l && C ? "none" : `transform ${pe}ms ease-out, opacity ${pe}ms ease-out`,
+                      opacity: C && f ? 0 : 1,
+                      cursor: C ? l ? "grabbing" : "grab" : "default",
+                      overflow: "hidden"
+                    },
+                    children: [
+                      N,
+                      C && P ? /* @__PURE__ */ a(
+                        "div",
+                        {
+                          style: {
+                            position: "absolute",
+                            top: 14,
+                            left: P === "keep" ? 14 : void 0,
+                            right: P === "pass" ? 14 : void 0,
+                            padding: "4px 10px",
+                            borderRadius: 4,
+                            border: `2px solid ${P === "keep" ? "#3fa34d" : "#c0392b"}`,
+                            transform: `rotate(${P === "keep" ? -8 : 8}deg)`,
+                            pointerEvents: "none"
+                          },
+                          children: /* @__PURE__ */ a(K, { size: "xs", tone: P === "keep" ? "green" : "red", children: P === "keep" ? "Keep" : "Pass" })
+                        }
+                      ) : null
+                    ]
+                  },
+                  s + L
+                );
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ _("div", { style: { display: "grid", gridAutoFlow: "column", gap: 16, alignItems: "center" }, children: [
+          /* @__PURE__ */ a(
+            te,
+            {
+              "aria-label": "Pass",
+              title: "Pass (left arrow)",
+              tone: "destructive",
+              onClick: () => h("pass"),
+              disabled: g === 0,
+              children: /* @__PURE__ */ a(Me, {})
+            }
+          ),
+          /* @__PURE__ */ a(
+            te,
+            {
+              "aria-label": "Undo",
+              title: "Undo (backspace)",
+              size: "sm",
+              onClick: m,
+              disabled: x.length === 0,
+              children: /* @__PURE__ */ a(yt, {})
+            }
+          ),
+          /* @__PURE__ */ a(
+            te,
+            {
+              "aria-label": "Keep",
+              title: "Keep (right arrow)",
+              onClick: () => h("keep"),
+              disabled: g === 0,
+              children: /* @__PURE__ */ a(Oe, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _(K, { size: "micro", tone: "grey", children: [
+          g,
+          " of ",
+          i.length,
+          " left"
+        ] })
+      ]
+    }
+  );
+}
+export {
+  $e as $,
+  de as A,
+  Zn as B,
+  rr as C,
+  er as D,
+  Qn as E,
+  Fe as F,
+  tr as G,
+  nr as H,
+  qn as I,
+  $n as J,
+  Vn as K,
+  ft as L,
+  ct as M,
+  On as N,
+  zn as O,
+  dr as P,
+  jr as Q,
+  Jn as R,
+  Hn as S,
+  An as T,
+  an as U,
+  kr as V,
+  or as W,
+  K as X,
+  pr as Y,
+  Kn as Z,
+  gr as _,
+  mr as a,
+  ze as a0,
+  bn as a1,
+  Ee as a2,
+  Ue as a3,
+  F as a4,
+  Se as a5,
+  ue as a6,
+  We as a7,
+  dn as a8,
+  mn as a9,
+  Ye as aa,
+  Qt as ab,
+  en as ac,
+  Ge as ad,
+  jn as ae,
+  un as af,
+  cn as ag,
+  yr as ah,
+  ln as ai,
+  fn as aj,
+  pn as ak,
+  vn as al,
+  ir as am,
+  Fn as an,
+  I as ao,
+  Pn as ap,
+  Oe as aq,
+  Bn as ar,
+  Tn as as,
+  Me as at,
+  Rn as au,
+  Mn as av,
+  wt as aw,
+  sr as ax,
+  fr as b,
+  Un as c,
+  $ as d,
+  Y as e,
+  Cn as f,
+  cr as g,
+  At as h,
+  vr as i,
+  ur as j,
+  _r as k,
+  Yn as l,
+  br as m,
+  te as n,
+  Wn as o,
+  lr as p,
+  In as q,
+  hr as r,
+  Gn as s,
+  ar as t,
+  xr as u,
+  Dn as v,
+  hn as w,
+  Vt as x,
+  Ln as y,
+  Xn as z
+};
+//# sourceMappingURL=JimboSwipeDeck-eog6nv7F.js.map