jaml-ui 8.1.0 → 9.0.0

package/dist/chunks/{JimboSwipeDeck-BYXDxmy7.js → JimboPager-BBzrmMrB.js}

@@ -1,16 +1,16 @@
-import { jsx as a, jsxs as _, Fragment as Ve } from "react/jsx-runtime";
-import z, { useState as L, useRef as $, useEffect as G, useId as qe, useCallback as H, useLayoutEffect as Pe, useMemo as te, useSyncExternalStore as Qe, Children as et } from "react";
-import { resolveJamlAssetUrl as tt } from "../assets.js";
-import { JOKERS as nt, JOKER_FACES as rt, TAROTS_AND_PLANETS as ot, CONSUMABLE_FACES as at, VOUCHERS as it, BOSSES as st, TAGS as lt, BOOSTER_PACKS as ct } from "../sprites.js";
-const D = z.forwardRef(
+import { jsx as a, jsxs as S, Fragment as Ze } from "react/jsx-runtime";
+import $, { useState as L, useRef as R, useEffect as U, useId as Ve, useCallback as X, useLayoutEffect as Le, useMemo as te, useSyncExternalStore as qe, Children as Qe } from "react";
+import { resolveJamlAssetUrl as et } from "../assets.js";
+import { JOKERS as tt, JOKER_FACES as nt, TAROTS_AND_PLANETS as rt, CONSUMABLE_FACES as ot, VOUCHERS as at, BOSSES as it, TAGS as st, BOOSTER_PACKS as lt } from "../sprites.js";
+const D = $.forwardRef(
   function({ as: t = "div", children: n, ...r }, o) {
     return /* @__PURE__ */ a(t, { ref: o, ...r, children: n });
   }
-), Mn = z.forwardRef(
+), On = $.forwardRef(
   function({ children: t, ...n }, r) {
     return /* @__PURE__ */ a("canvas", { ref: r, ...n, children: t });
   }
-), ut = {
+), ct = {
   red: "j-section-header__tag--red",
   orange: "j-section-header__tag--orange",
   blue: "j-section-header__tag--blue",
@@ -18,7 +18,7 @@ const D = z.forwardRef(
   purple: "j-section-header__tag--purple",
   gold: "j-section-header__tag--gold",
   grey: "j-section-header__tag--grey"
-}, dt = {
+}, ut = {
   red: "j-section-header__rule--red",
   orange: "j-section-header__rule--orange",
   blue: "j-section-header__rule--blue",
@@ -27,19 +27,19 @@ const D = z.forwardRef(
   gold: "j-section-header__rule--gold",
   grey: "j-section-header__rule--grey"
 };
-function pt({
+function dt({
   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 ${ut[t]}`, children: e }),
-    /* @__PURE__ */ a("span", { className: `j-section-header__rule ${dt[t]}`, "aria-hidden": !0 })
+  return /* @__PURE__ */ S("div", { className: o, ...r, children: [
+    /* @__PURE__ */ a("span", { className: `j-section-header__tag ${ct[t]}`, children: e }),
+    /* @__PURE__ */ a("span", { className: `j-section-header__rule ${ut[t]}`, "aria-hidden": !0 })
   ] });
 }
-function On({
+function Dn({
   title: e,
   tone: t = "blue",
   body: n,
@@ -48,8 +48,8 @@ function On({
   ...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(pt, { label: e, tone: t }) : null,
+  return /* @__PURE__ */ S("div", { className: s, ...i, children: [
+    e != null && e !== !1 ? /* @__PURE__ */ a(dt, { label: e, tone: t }) : null,
     u ? /* @__PURE__ */ a("div", { className: "j-panel__body", children: o }) : o
   ] });
 }
@@ -61,7 +61,7 @@ const ft = {
   lg: "j-text--lg",
   xl: "j-text--xl",
   display: "j-text--display"
-}, ht = {
+}, pt = {
   white: "j-text--white",
   grey: "j-text--grey",
   gold: "j-text--gold",
@@ -71,11 +71,11 @@ const ft = {
   orange: "j-text--orange",
   purple: "j-text--purple"
 };
-function U({ size: e = "md", tone: t = "white", className: n, children: r, ...o }) {
-  const i = ["j-text", ft[e], ht[t], n].filter(Boolean).join(" ");
+function W({ size: e = "md", tone: t = "white", className: n, children: r, ...o }) {
+  const i = ["j-text", ft[e], pt[t], n].filter(Boolean).join(" ");
   return /* @__PURE__ */ a("span", { className: i, ...o, children: r });
 }
-const mt = {
+const ht = {
   "j-stack": {
     gap: {
       xs: "j-stack--gap-xs",
@@ -119,8 +119,8 @@ const mt = {
     }
   }
 };
-function Re(e, { gap: t = "md", align: n, justify: r }, o, i) {
-  const s = mt[e];
+function Pe(e, { gap: t = "md", align: n, justify: r }, o, i) {
+  const s = ht[e];
   return [
     e,
     s.gap[t],
@@ -130,7 +130,7 @@ function Re(e, { gap: t = "md", align: n, justify: r }, o, i) {
     o
   ].filter(Boolean).join(" ");
 }
-function gt({
+function mt({
   gap: e,
   align: t,
   justify: n,
@@ -138,9 +138,9 @@ function gt({
   children: o,
   ...i
 }) {
-  return /* @__PURE__ */ a("div", { className: Re("j-stack", { gap: e, align: t, justify: n }, r), ...i, children: o });
+  return /* @__PURE__ */ a("div", { className: Pe("j-stack", { gap: e, align: t, justify: n }, r), ...i, children: o });
 }
-function Be({
+function Re({
   gap: e,
   align: t = "center",
   justify: n,
@@ -152,7 +152,7 @@ function Be({
   return /* @__PURE__ */ a(
     "div",
     {
-      className: Re(
+      className: Pe(
         "j-row",
         { gap: e, align: t, justify: n },
         o,
@@ -163,23 +163,23 @@ function Be({
     }
   );
 }
-var Me = {
+var Be = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, _e = z.createContext && /* @__PURE__ */ z.createContext(Me), bt = ["attr", "size", "title"];
-function vt(e, t) {
+}, je = $.createContext && /* @__PURE__ */ $.createContext(Be), gt = ["attr", "size", "title"];
+function bt(e, t) {
   if (e == null) return {};
-  var n, r, o = jt(e, t);
+  var n, r, o = vt(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 jt(e, t) {
+function vt(e, t) {
   if (e == null) return {};
   var n = {};
   for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -197,7 +197,7 @@ function le() {
     return e;
   }, le.apply(null, arguments);
 }
-function ye(e, t) {
+function _e(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -210,22 +210,22 @@ function ye(e, t) {
 function ce(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? ye(Object(n), !0).forEach(function(r) {
-      _t(e, r, n[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ye(Object(n)).forEach(function(r) {
+    t % 2 ? _e(Object(n), !0).forEach(function(r) {
+      jt(e, r, n[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : _e(Object(n)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
   return e;
 }
-function _t(e, t, n) {
-  return (t = yt(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+function jt(e, t, n) {
+  return (t = _t(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
 }
-function yt(e) {
-  var t = xt(e, "string");
+function _t(e) {
+  var t = yt(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function xt(e, t) {
+function yt(e, t) {
   if (typeof e != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -235,83 +235,80 @@ function xt(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function Oe(e) {
-  return e && e.map((t, n) => /* @__PURE__ */ z.createElement(t.tag, ce({
+function Me(e) {
+  return e && e.map((t, n) => /* @__PURE__ */ $.createElement(t.tag, ce({
     key: n
-  }, t.attr), Oe(t.child)));
+  }, t.attr), Me(t.child)));
 }
-function I(e) {
-  return (t) => /* @__PURE__ */ z.createElement(St, le({
+function F(e) {
+  return (t) => /* @__PURE__ */ $.createElement(St, le({
     attr: ce({}, e.attr)
-  }, t), Oe(e.child));
+  }, t), Me(e.child));
 }
 function St(e) {
   var t = (n) => {
-    var r = e.attr, o = e.size, i = e.title, s = vt(e, bt), u = o || n.size || "1em", f;
-    return n.className && (f = n.className), e.className && (f = (f ? f + " " : "") + e.className), /* @__PURE__ */ z.createElement("svg", le({
+    var r = e.attr, o = e.size, i = e.title, s = bt(e, gt), u = o || n.size || "1em", h;
+    return n.className && (h = n.className), e.className && (h = (h ? h + " " : "") + e.className), /* @__PURE__ */ $.createElement("svg", le({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, n.attr, r, s, {
-      className: f,
+      className: h,
       style: ce(ce({
         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);
+    }), i && /* @__PURE__ */ $.createElement("title", null, i), e.children);
   };
-  return _e !== void 0 ? /* @__PURE__ */ z.createElement(_e.Consumer, null, (n) => t(n)) : t(Me);
+  return je !== void 0 ? /* @__PURE__ */ $.createElement(je.Consumer, null, (n) => t(n)) : t(Be);
 }
-function De(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 Dn(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 xt(e) {
+  return F({ 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 In(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 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: "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);
+  return F({ 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 Jn(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);
+  return F({ 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 Fn(e) {
+  return F({ 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 wt(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);
+  return F({ 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 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: "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 kt(e) {
+  return F({ 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 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: "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);
+  return F({ 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 $n(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);
+  return F({ 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 At(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 Et(e) {
+  return F({ 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 Fn(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 zn(e) {
+  return F({ 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 Ct(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 Oe(e) {
+  return F({ 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 Tt(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 De(e) {
+  return F({ 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 Ie(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);
+function At(e) {
+  return F({ 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 Lt = {
+const Ct = {
   xs: "j-btn--xs",
   sm: "j-btn--sm",
   md: "j-btn--md",
   lg: "j-btn--lg"
-}, Pt = {
+}, Tt = {
   orange: "j-btn--orange",
   red: "j-btn--red",
   blue: "j-btn--blue",
@@ -319,7 +316,7 @@ const Lt = {
   purple: "j-btn--purple",
   grey: "j-btn--grey"
 };
-function W({
+function z({
   size: e = "md",
   tone: t = "orange",
   fullWidth: n = !1,
@@ -329,17 +326,17 @@ function W({
   disabled: s,
   ...u
 }) {
-  const f = [
+  const h = [
     "j-btn",
-    Lt[e],
-    Pt[t],
+    Ct[e],
+    Tt[t],
     n ? "j-btn--full" : "",
     s ? "j-btn--disabled" : "",
     o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("button", { className: f, disabled: s, ...u, children: /* @__PURE__ */ a("span", { className: "j-btn__face", children: r ?? i }) });
+  return /* @__PURE__ */ a("button", { className: h, disabled: s, ...u, children: /* @__PURE__ */ a("span", { className: "j-btn__face", children: r ?? i }) });
 }
-function zn({
+function Wn({
   value: e,
   placeholder: t = "--------",
   disabled: n = !1,
@@ -349,35 +346,35 @@ function zn({
   className: s = "",
   style: u
 }) {
-  const [f, v] = L(!1), c = $(null), l = e.trim(), d = !n && l.length > 0;
-  G(
+  const [h, _] = L(!1), c = R(null), l = e.trim(), f = !n && l.length > 0;
+  U(
     () => () => {
       c.current && clearTimeout(c.current);
     },
     []
   );
-  const x = async () => {
-    var S;
-    if (d) {
+  const y = async () => {
+    var N;
+    if (f) {
       try {
-        typeof navigator < "u" && ((S = navigator.clipboard) != null && S.writeText) && await navigator.clipboard.writeText(l);
+        typeof navigator < "u" && ((N = navigator.clipboard) != null && N.writeText) && await navigator.clipboard.writeText(l);
       } catch {
       }
-      v(!0), i == null || i(l), c.current && clearTimeout(c.current), c.current = setTimeout(() => v(!1), o);
+      _(!0), i == null || i(l), c.current && clearTimeout(c.current), c.current = setTimeout(() => _(!1), o);
     }
-  }, y = ["j-seed-copy", f ? "j-seed-copy--copied" : "", s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
-    W,
+  }, x = ["j-seed-copy", h ? "j-seed-copy--copied" : "", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ S(
+    z,
     {
-      className: y,
+      className: x,
       style: u,
-      onClick: x,
-      disabled: !d,
+      onClick: y,
+      disabled: !f,
       fullWidth: !0,
-      "aria-label": d ? `Copy seed ${l}` : "Seed unavailable",
+      "aria-label": f ? `Copy seed ${l}` : "Seed unavailable",
       children: [
-        /* @__PURE__ */ a("span", { className: "j-seed-copy__icon", "aria-hidden": !0, children: f ? /* @__PURE__ */ a(Ie, { size: 18 }) : /* @__PURE__ */ a(At, { size: 18 }) }),
-        /* @__PURE__ */ a("span", { className: "j-seed-copy__text", children: f ? r : l || t })
+        /* @__PURE__ */ a("span", { className: "j-seed-copy__icon", "aria-hidden": !0, children: h ? /* @__PURE__ */ a(At, { size: 18 }) : /* @__PURE__ */ a(Et, { size: 18 }) }),
+        /* @__PURE__ */ a("span", { className: "j-seed-copy__text", children: h ? r : l || t })
       ]
     }
   );
@@ -386,15 +383,15 @@ function Un({ className: e, children: t, ...n }) {
   const r = ["j-inner-panel", e].filter(Boolean).join(" ");
   return /* @__PURE__ */ a("div", { className: r, ...n, children: t });
 }
-function Wn({ open: e, onClose: t, title: n, className: r, children: o }) {
-  const i = qe();
-  return G(() => {
+function Gn({ open: e, onClose: t, title: n, className: r, children: o }) {
+  const i = Ve();
+  return U(() => {
     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__ */ _(
+  }, [e, t]), e ? /* @__PURE__ */ a("div", { className: "j-modal-overlay", onClick: t, children: /* @__PURE__ */ S(
     "div",
     {
       className: ["j-modal", "j-panel", r].filter(Boolean).join(" "),
@@ -418,11 +415,11 @@ function Kn({
   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(U, { size: "sm", tone: "white", children: t }) }),
-    /* @__PURE__ */ _("div", { className: "j-spinner", children: [
+  return /* @__PURE__ */ S("div", { className: `j-spinner-wrap ${s}`, children: [
+    t && /* @__PURE__ */ a("div", { className: "j-spinner__label", children: /* @__PURE__ */ a(W, { size: "sm", tone: "white", children: t }) }),
+    /* @__PURE__ */ S("div", { className: "j-spinner", children: [
       /* @__PURE__ */ a(
-        W,
+        z,
         {
           tone: "red",
           size: "sm",
@@ -432,9 +429,9 @@ function Kn({
           children: "<"
         }
       ),
-      /* @__PURE__ */ a("div", { className: "j-spinner__value", children: /* @__PURE__ */ a(U, { size: "sm", tone: "white", children: e }) }),
+      /* @__PURE__ */ a("div", { className: "j-spinner__value", children: /* @__PURE__ */ a(W, { size: "sm", tone: "white", children: e }) }),
       /* @__PURE__ */ a(
-        W,
+        z,
         {
           tone: "red",
           size: "sm",
@@ -447,7 +444,7 @@ function Kn({
     ] })
   ] });
 }
-const Rt = {
+const Lt = {
   RED: "#fe5148",
   BLUE: "#0093ff",
   GREEN: "#429f79",
@@ -476,24 +473,24 @@ const Rt = {
   /** Same decision as GOLD — kept so CodeMirror / old callers don't grow a second gold. */
   GOLD_TEXT: "#e4b643"
 };
-function Gn(e, t) {
+function Yn(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 Yn = {
+const Xn = {
   JUICE_UP_SCALE: 1.05,
   JUICE_EASING: "cubic-bezier(0.16, 1, 0.3, 1)",
   SWAY_AMOUNT: 1.5,
   SWAY_DURATION: 4e3
-}, V = Rt, Bt = {
+}, V = Lt, Pt = {
   xs: 22,
   sm: 26,
   md: 30
-}, Mt = {
+}, Rt = {
   default: { rest: V.DARKEST, hover: V.DARK_GREY, border: V.PANEL_EDGE },
   destructive: { rest: V.RED, hover: V.ORANGE, border: V.BLACK }
 };
-function ne({
+function ae({
   onClick: e,
   onMouseDown: t,
   onTouchStart: n,
@@ -502,15 +499,15 @@ function ne({
   disabled: i = !1,
   size: s = "md",
   tone: u = "default",
-  children: f
+  children: h
 }) {
-  const [v, c] = L(!1), l = Bt[s], d = Mt[u], x = u === "destructive" ? 2 : 1, y = u === "destructive" ? `inset 0 1px 0 rgba(255,255,255,.2), 0 2px 0 ${V.BLACK}` : void 0;
+  const [_, c] = L(!1), l = Pt[s], f = Rt[u], y = u === "destructive" ? 2 : 1, x = u === "destructive" ? `inset 0 1px 0 rgba(255,255,255,.2), 0 2px 0 ${V.BLACK}` : void 0;
   return /* @__PURE__ */ a(
     "button",
     {
       "aria-label": o ?? r,
       disabled: i,
-      onClick: (S) => !i && (e == null ? void 0 : e(S)),
+      onClick: (N) => !i && (e == null ? void 0 : e(N)),
       onMouseDown: t,
       onTouchStart: n,
       onMouseEnter: () => c(!0),
@@ -520,11 +517,11 @@ function ne({
         height: l,
         display: "inline-grid",
         placeItems: "center",
-        background: v && !i ? d.hover : d.rest,
+        background: _ && !i ? f.hover : f.rest,
         color: V.WHITE,
-        border: `${x}px solid ${d.border}`,
+        border: `${y}px solid ${f.border}`,
         borderRadius: 4,
-        boxShadow: y,
+        boxShadow: x,
         cursor: i ? "not-allowed" : "pointer",
         opacity: i ? 0.55 : 1,
         padding: 0,
@@ -534,29 +531,29 @@ function ne({
       },
       title: r,
       type: "button",
-      children: f
+      children: h
     }
   );
 }
-const Ot = 280, Dt = 260;
+const Bt = 280, Mt = 260;
 function Hn({ children: e, className: t, onNearEnd: n, snap: r = !1 }) {
-  const o = $(null), i = $(null), [s, u] = L(!1), f = H(() => {
+  const o = R(null), i = R(null), [s, u] = L(!1), h = X(() => {
     const l = o.current;
-    !l || !n || l.scrollWidth - (l.scrollLeft + l.clientWidth) <= Ot && n();
+    !l || !n || l.scrollWidth - (l.scrollLeft + l.clientWidth) <= Bt && n();
   }, [n]);
-  G(() => {
+  U(() => {
     const l = o.current;
     if (!l) return;
-    const d = (x) => {
+    const f = (y) => {
       if (l.scrollWidth <= l.clientWidth) return;
-      const y = Math.abs(x.deltaY) > Math.abs(x.deltaX) ? x.deltaY : x.deltaX;
-      y !== 0 && (l.scrollLeft += y, x.preventDefault(), f());
+      const x = Math.abs(y.deltaY) > Math.abs(y.deltaX) ? y.deltaY : y.deltaX;
+      x !== 0 && (l.scrollLeft += x, y.preventDefault(), h());
     };
-    return l.addEventListener("wheel", d, { passive: !1 }), () => l.removeEventListener("wheel", d);
-  }, [f]);
-  const v = (l) => {
-    var d;
-    (d = o.current) == null || d.scrollBy({ left: l * Dt, behavior: "smooth" }), l > 0 && f();
+    return l.addEventListener("wheel", f, { passive: !1 }), () => l.removeEventListener("wheel", f);
+  }, [h]);
+  const _ = (l) => {
+    var f;
+    (f = o.current) == null || f.scrollBy({ left: l * Mt, behavior: "smooth" }), l > 0 && h();
   }, c = [
     "j-shop-belt",
     "j-shop-belt--grab",
@@ -564,24 +561,24 @@ function Hn({ children: e, className: t, onNearEnd: n, snap: r = !1 }) {
     s ? "j-shop-belt--grabbing" : "",
     t
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(D, { className: "j-shop-belt-wrap", children: [
-    /* @__PURE__ */ a(ne, { size: "sm", "aria-label": "Scroll left", onClick: () => v(-1), children: /* @__PURE__ */ a(Tt, {}) }),
+  return /* @__PURE__ */ S(D, { className: "j-shop-belt-wrap", children: [
+    /* @__PURE__ */ a(ae, { size: "sm", "aria-label": "Scroll left", onClick: () => _(-1), children: /* @__PURE__ */ a(De, {}) }),
     /* @__PURE__ */ a(
       D,
       {
         ref: o,
         className: c,
-        onScroll: f,
+        onScroll: h,
         onPointerDown: (l) => {
           l.button === 0 && (i.current = { id: l.pointerId, x: l.clientX, left: l.currentTarget.scrollLeft }, l.currentTarget.setPointerCapture(l.pointerId), u(!0));
         },
         onPointerMove: (l) => {
-          const d = i.current;
-          !d || d.id !== l.pointerId || (l.currentTarget.scrollLeft = d.left - (l.clientX - d.x));
+          const f = i.current;
+          !f || f.id !== l.pointerId || (l.currentTarget.scrollLeft = f.left - (l.clientX - f.x));
         },
         onPointerUp: (l) => {
-          var d;
-          ((d = i.current) == null ? void 0 : d.id) === l.pointerId && (l.currentTarget.hasPointerCapture(l.pointerId) && l.currentTarget.releasePointerCapture(l.pointerId), i.current = null, u(!1), f());
+          var f;
+          ((f = i.current) == null ? void 0 : f.id) === l.pointerId && (l.currentTarget.hasPointerCapture(l.pointerId) && l.currentTarget.releasePointerCapture(l.pointerId), i.current = null, u(!1), h());
         },
         onPointerCancel: () => {
           i.current = null, u(!1);
@@ -589,13 +586,13 @@ function Hn({ children: e, className: t, onNearEnd: n, snap: r = !1 }) {
         children: e
       }
     ),
-    /* @__PURE__ */ a(ne, { size: "sm", "aria-label": "Scroll right", onClick: () => v(1), children: /* @__PURE__ */ a(Ct, {}) })
+    /* @__PURE__ */ a(ae, { size: "sm", "aria-label": "Scroll right", onClick: () => _(1), children: /* @__PURE__ */ a(Oe, {}) })
   ] });
 }
-const It = {
+const Ot = {
   sm: "j-badge--sm",
   md: "j-badge--md"
-}, Jt = {
+}, Dt = {
   dark: "j-badge--dark",
   blue: "j-badge--blue",
   red: "j-badge--red",
@@ -604,21 +601,21 @@ const It = {
   orange: "j-badge--orange",
   purple: "j-badge--purple"
 };
-function fe({ size: e = "sm", tone: t = "dark", className: n, children: r, ...o }) {
-  const i = ["j-badge", It[e], Jt[t], n].filter(Boolean).join(" ");
+function pe({ size: e = "sm", tone: t = "dark", className: n, children: r, ...o }) {
+  const i = ["j-badge", Ot[e], Dt[t], n].filter(Boolean).join(" ");
   return /* @__PURE__ */ a("span", { className: i, ...o, children: r });
 }
-function Xn({ children: e, ...t }) {
+function Zn({ children: e, ...t }) {
   return /* @__PURE__ */ a("span", { ...t, children: e });
 }
-function Zn({ children: e, ...t }) {
+function Vn({ children: e, ...t }) {
   return /* @__PURE__ */ a("a", { ...t, children: e });
 }
-function Vn({ className: e, ref: t, ...n }) {
+function qn({ className: e, ref: t, ...n }) {
   const r = ["j-text-input", e].filter(Boolean).join(" ");
   return /* @__PURE__ */ a("input", { ref: t, className: r, ...n });
 }
-function qn({
+function Qn({
   onPrev: e,
   onNext: t,
   canPrev: n = !0,
@@ -627,21 +624,21 @@ function qn({
   nextLabel: i = "Next",
   children: s,
   className: u = "",
-  style: f
+  style: h
 }) {
-  return /* @__PURE__ */ _("div", { className: `j-flank ${u}`, style: f, children: [
-    /* @__PURE__ */ a(xe, { direction: "left", onClick: e, disabled: !n, "aria-label": o }),
+  return /* @__PURE__ */ S("div", { className: `j-flank ${u}`, style: h, children: [
+    /* @__PURE__ */ a(ye, { direction: "left", onClick: e, disabled: !n, "aria-label": o }),
     /* @__PURE__ */ a("div", { className: "j-flank__content", children: s }),
-    /* @__PURE__ */ a(xe, { direction: "right", onClick: t, disabled: !r, "aria-label": i })
+    /* @__PURE__ */ a(ye, { direction: "right", onClick: t, disabled: !r, "aria-label": i })
   ] });
 }
-function xe({
+function ye({
   direction: e,
   onClick: t,
   disabled: n,
   "aria-label": r
 }) {
-  const [o, i] = z.useState(!1);
+  const [o, i] = $.useState(!1);
   return /* @__PURE__ */ a(
     "button",
     {
@@ -657,14 +654,14 @@ function xe({
       onMouseLeave: () => i(!1),
       onTouchStart: () => !n && i(!0),
       onTouchEnd: () => i(!1),
-      children: /* @__PURE__ */ a($t, { direction: e })
+      children: /* @__PURE__ */ a(It, { direction: e })
     }
   );
 }
-function $t({ 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 Qn({
+function er({
   label: e,
   title: t,
   description: n,
@@ -673,13 +670,13 @@ function Qn({
   onNext: i,
   canPrev: s = !0,
   canNext: u = !0,
-  className: f = ""
+  className: h = ""
 }) {
-  return /* @__PURE__ */ _("div", { className: ["j-panel-spinner", f].filter(Boolean).join(" "), children: [
-    e ? /* @__PURE__ */ a("div", { className: "j-panel-spinner__label", children: /* @__PURE__ */ a(U, { size: "sm", tone: "white", children: e }) }) : null,
-    /* @__PURE__ */ _("div", { className: "j-panel-spinner__row", children: [
+  return /* @__PURE__ */ S("div", { className: ["j-panel-spinner", h].filter(Boolean).join(" "), children: [
+    e ? /* @__PURE__ */ a("div", { className: "j-panel-spinner__label", children: /* @__PURE__ */ a(W, { size: "sm", tone: "white", children: e }) }) : null,
+    /* @__PURE__ */ S("div", { className: "j-panel-spinner__row", children: [
       /* @__PURE__ */ a(
-        W,
+        z,
         {
           tone: "red",
           size: "sm",
@@ -690,13 +687,13 @@ function Qn({
           children: "<"
         }
       ),
-      /* @__PURE__ */ _("div", { className: "j-panel-spinner__panel", children: [
+      /* @__PURE__ */ S("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(U, { size: "md", tone: "white", children: t }) }),
-        n ? /* @__PURE__ */ a("div", { className: "j-panel-spinner__description", children: /* @__PURE__ */ a(U, { size: "xs", tone: "grey", children: n }) }) : null
+        /* @__PURE__ */ a("div", { className: "j-panel-spinner__title", children: /* @__PURE__ */ a(W, { size: "md", tone: "white", children: t }) }),
+        n ? /* @__PURE__ */ a("div", { className: "j-panel-spinner__description", children: /* @__PURE__ */ a(W, { size: "xs", tone: "grey", children: n }) }) : null
       ] }),
       /* @__PURE__ */ a(
-        W,
+        z,
         {
           tone: "red",
           size: "sm",
@@ -710,7 +707,7 @@ function Qn({
     ] })
   ] });
 }
-const Ft = {
+const Jt = {
   Jokers: { cols: 10, rows: 16, assetKey: "jokers" },
   Tarots: { cols: 10, rows: 6, assetKey: "tarots" },
   Vouchers: { cols: 9, rows: 4, assetKey: "vouchers" },
@@ -721,23 +718,23 @@ const Ft = {
   Editions: { cols: 5, rows: 1, assetKey: "editions" },
   Stakes: { cols: 5, rows: 2, assetKey: "stakes" },
   Decks: { cols: 13, rows: 4, assetKey: "deck" }
-}, me = (e) => e.toLowerCase().replace(/\s+/g, ""), zt = (e) => e.replace(/^(Joker|Tarot|Planet|Voucher|Pack|Edition|Tag) [|:] /i, "").trim(), ue = /* @__PURE__ */ new Map();
+}, he = (e) => e.toLowerCase().replace(/\s+/g, ""), Ft = (e) => e.replace(/^(Joker|Tarot|Planet|Voucher|Pack|Edition|Tag) [|:] /i, "").trim(), ue = /* @__PURE__ */ new Map();
 function q(e, t) {
   for (const n of e) {
     if (!n.name || !n.pos) continue;
-    const r = me(n.name);
+    const r = he(n.name);
     ue.has(r) || ue.set(r, { pos: n.pos, type: t });
   }
 }
+q(tt, "Jokers");
 q(nt, "Jokers");
-q(rt, "Jokers");
-q(ot, "Tarots");
-q(at ?? [], "Tarots");
-q(it, "Vouchers");
-q(st, "BlindChips");
-q(lt, "tags");
-q(ct ?? [], "Boosters");
-const Ut = {
+q(rt, "Tarots");
+q(ot ?? [], "Tarots");
+q(at, "Vouchers");
+q(it, "BlindChips");
+q(st, "tags");
+q(lt ?? [], "Boosters");
+const $t = {
   Jokers: { x: 9, y: 9 },
   // grey card back (legendary face row)
   Tarots: { x: 4, y: 2 },
@@ -751,18 +748,18 @@ const Ut = {
   BlindChips: { x: 0, y: 30 }
   // grey ? blind
 };
-function Wt(e) {
-  return { pos: Ut[e] ?? { x: 0, y: 0 }, type: e };
+function zt(e) {
+  return { pos: $t[e] ?? { x: 0, y: 0 }, type: e };
 }
-function Kt(e) {
-  return ue.get(me(zt(e))) ?? ue.get(me(e)) ?? null;
+function Wt(e) {
+  return ue.get(he(Ft(e))) ?? ue.get(he(e)) ?? null;
 }
-function Gt(e, t = "Jokers") {
-  return Kt(e) ?? Wt(t);
+function Ut(e, t = "Jokers") {
+  return Wt(e) ?? zt(t);
 }
-const Yt = /* @__PURE__ */ new Set(["Jokers", "Tarots", "Vouchers", "Boosters"]);
-function er({ name: e, sheet: t, width: n, className: r, style: o }) {
-  const { pos: i, type: s } = Gt(e, t), u = Ft[s], f = Yt.has(s) ? Math.round(n * (95 / 71)) : n;
+const Gt = /* @__PURE__ */ new Set(["Jokers", "Tarots", "Vouchers", "Boosters"]);
+function tr({ name: e, sheet: t, width: n, className: r, style: o }) {
+  const { pos: i, type: s } = Ut(e, t), u = Jt[s], h = Gt.has(s) ? Math.round(n * (95 / 71)) : n;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -771,7 +768,7 @@ function er({ name: e, sheet: t, width: n, className: r, style: o }) {
         position: "relative",
         display: "inline-block",
         width: n,
-        height: f,
+        height: h,
         overflow: "hidden",
         imageRendering: "pixelated",
         ...o
@@ -783,7 +780,7 @@ function er({ name: e, sheet: t, width: n, className: r, style: o }) {
           style: {
             position: "absolute",
             inset: 0,
-            backgroundImage: `url(${tt(u.assetKey)})`,
+            backgroundImage: `url(${et(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"
@@ -793,39 +790,39 @@ function er({ name: e, sheet: t, width: n, className: r, style: o }) {
     }
   );
 }
-function tr({ className: e, children: t, ...n }) {
+function nr({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ a("div", { className: ["j-picker", e].filter(Boolean).join(" "), ...n, children: t });
 }
-function nr({ className: e, children: t, ...n }) {
+function rr({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ a("div", { className: ["j-picker__section", e].filter(Boolean).join(" "), ...n, children: t });
 }
-function rr({ className: e, children: t, ...n }) {
+function or({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ a("div", { className: ["j-picker__search", e].filter(Boolean).join(" "), ...n, children: t });
 }
-function or({ className: e, children: t, ...n }) {
+function ar({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ a("div", { className: ["j-picker__hint", e].filter(Boolean).join(" "), ...n, children: t });
 }
-function ar({ legendary: e, className: t, children: n, ...r }) {
+function ir({ 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 ir({ muted: e, className: t, children: n, ...r }) {
+function sr({ 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 sr({ className: e, children: t, ...n }) {
+function lr({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ a("div", { className: ["j-picker__pair", e].filter(Boolean).join(" "), ...n, children: t });
 }
-function lr({ className: e, children: t, ...n }) {
+function cr({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ a("div", { className: ["j-picker__empty", e].filter(Boolean).join(" "), ...n, children: t });
 }
-function cr({ tabs: e, activeTab: t, onTabChange: n }) {
+function ur({ 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: [
+    return /* @__PURE__ */ S("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(
-        W,
+        z,
         {
           size: "sm",
           tone: "red",
@@ -836,45 +833,45 @@ function cr({ tabs: e, activeTab: t, onTabChange: n }) {
     ] }, r.id);
   }) });
 }
-function ur({ active: e, className: t, children: n, ...r }) {
+function dr({ 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 Se = "data-j-motion", ge = "jimbo-motion", ke = "(prefers-reduced-motion: reduce)";
-function Ht(e) {
+const Se = "data-j-motion", me = "jimbo-motion", xe = "(prefers-reduced-motion: reduce)";
+function Kt(e) {
   const t = document.documentElement;
   e === "auto" ? t.removeAttribute(Se) : t.setAttribute(Se, e);
 }
-function Xt() {
+function Yt() {
   try {
-    const e = window.localStorage.getItem(ge);
+    const e = window.localStorage.getItem(me);
     if (e === "full" || e === "reduced") return e;
   } catch {
   }
   return "auto";
 }
-function dr() {
+function fr() {
   const [e, t] = L(
-    () => typeof document > "u" ? "auto" : Xt()
+    () => typeof document > "u" ? "auto" : Yt()
   ), [n, r] = L(
-    () => typeof window > "u" ? !1 : window.matchMedia(ke).matches
+    () => typeof window > "u" ? !1 : window.matchMedia(xe).matches
   );
-  G(() => {
-    Ht(e);
-  }, [e]), G(() => {
-    const s = window.matchMedia(ke), u = () => r(s.matches);
+  U(() => {
+    Kt(e);
+  }, [e]), U(() => {
+    const s = window.matchMedia(xe), u = () => r(s.matches);
     return s.addEventListener("change", u), () => s.removeEventListener("change", u);
   }, []);
-  const o = H((s) => {
+  const o = X((s) => {
     t(s);
     try {
-      s === "auto" ? window.localStorage.removeItem(ge) : window.localStorage.setItem(ge, s);
+      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 J = {
+const I = {
   primary: [1, 0.2, 0.2],
   // red
   secondary: [0, 0.5, 1],
@@ -897,11 +894,11 @@ function ee(e, t) {
   const r = parseInt(n, 16);
   return Number.isNaN(r) ? t : [(r >> 16 & 255) / 255, (r >> 8 & 255) / 255, (r & 255) / 255];
 }
-function Zt(e = {}) {
-  const t = $(null), n = $(e);
-  return Pe(() => {
+function Xt(e = {}) {
+  const t = R(null), n = R(e);
+  return Le(() => {
     n.current = e;
-  }), G(() => {
+  }), U(() => {
     const r = t.current;
     if (!r) return;
     const o = r.getContext("webgl");
@@ -958,14 +955,14 @@ function Zt(e = {}) {
         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, re) => {
-      const O = o.createShader(B);
-      return O ? (o.shaderSource(O, re), o.compileShader(O), o.getShaderParameter(O, o.COMPILE_STATUS) ? O : (console.error("[JimboBackground] shader compile error:", o.getShaderInfoLog(O)), o.deleteShader(O), null)) : null;
-    }, f = u(o.VERTEX_SHADER, i), v = u(o.FRAGMENT_SHADER, s);
-    if (!f || !v) return;
+    `, u = (T, ne) => {
+      const P = o.createShader(T);
+      return P ? (o.shaderSource(P, ne), o.compileShader(P), o.getShaderParameter(P, o.COMPILE_STATUS) ? P : (console.error("[JimboBackground] shader compile error:", o.getShaderInfoLog(P)), o.deleteShader(P), null)) : null;
+    }, h = u(o.VERTEX_SHADER, i), _ = u(o.FRAGMENT_SHADER, s);
+    if (!h || !_) return;
     const c = o.createProgram();
     if (!c) return;
-    if (o.attachShader(c, f), o.attachShader(c, v), o.linkProgram(c), !o.getProgramParameter(c, o.LINK_STATUS)) {
+    if (o.attachShader(c, h), o.attachShader(c, _), o.linkProgram(c), !o.getProgramParameter(c, o.LINK_STATUS)) {
       console.error("[JimboBackground] program link error:", o.getProgramInfoLog(c));
       return;
     }
@@ -989,134 +986,134 @@ function Zt(e = {}) {
       ]),
       o.STATIC_DRAW
     );
-    const d = o.getAttribLocation(c, "position");
-    o.enableVertexAttribArray(d), o.vertexAttribPointer(d, 2, o.FLOAT, !1, 0, 0);
-    const x = o.getUniformLocation(c, "u_time"), y = o.getUniformLocation(c, "u_resolution"), S = o.getUniformLocation(c, "u_color1"), j = o.getUniformLocation(c, "u_color2"), p = o.getUniformLocation(c, "u_color3"), g = o.getUniformLocation(c, "u_spinRotation"), b = o.getUniformLocation(c, "u_spinSpeed"), h = o.getUniformLocation(c, "u_spinAmount"), m = o.getUniformLocation(c, "u_pixelFilter"), k = o.getUniformLocation(c, "u_contrast"), N = o.getUniformLocation(c, "u_lighting"), M = (B) => ({
-      spinRotation: B.spinRotation ?? J.spinRotation,
-      spinSpeed: 4.5 * (B.speed ?? J.speed),
-      spinAmount: B.spinAmount ?? J.spinAmount,
-      pixelFilter: B.pixelFilter ?? J.pixelFilter,
-      contrast: B.contrast ?? J.contrast,
-      lighting: B.lighting ?? J.lighting
-    }), R = n.current, w = [
-      ee(R.primary, J.primary),
-      ee(R.secondary, J.secondary),
-      ee(R.dark, J.dark)
-    ], P = M(R), E = performance.now();
-    let C = E, A = 0;
+    const f = o.getAttribLocation(c, "position");
+    o.enableVertexAttribArray(f), o.vertexAttribPointer(f, 2, o.FLOAT, !1, 0, 0);
+    const y = o.getUniformLocation(c, "u_time"), x = o.getUniformLocation(c, "u_resolution"), N = o.getUniformLocation(c, "u_color1"), g = o.getUniformLocation(c, "u_color2"), w = o.getUniformLocation(c, "u_color3"), d = o.getUniformLocation(c, "u_spinRotation"), b = o.getUniformLocation(c, "u_spinSpeed"), v = o.getUniformLocation(c, "u_spinAmount"), p = o.getUniformLocation(c, "u_pixelFilter"), E = o.getUniformLocation(c, "u_contrast"), k = o.getUniformLocation(c, "u_lighting"), B = (T) => ({
+      spinRotation: T.spinRotation ?? I.spinRotation,
+      spinSpeed: 4.5 * (T.speed ?? I.speed),
+      spinAmount: T.spinAmount ?? I.spinAmount,
+      pixelFilter: T.pixelFilter ?? I.pixelFilter,
+      contrast: T.contrast ?? I.contrast,
+      lighting: T.lighting ?? I.lighting
+    }), j = n.current, m = [
+      ee(j.primary, I.primary),
+      ee(j.secondary, I.secondary),
+      ee(j.dark, I.dark)
+    ], A = B(j), M = performance.now();
+    let O = M, G = 0;
     const K = () => {
-      const B = performance.now(), re = Math.max(0, B - C);
-      C = B;
-      const O = n.current, ie = [
-        ee(O.primary, J.primary),
-        ee(O.secondary, J.secondary),
-        ee(O.dark, J.dark)
-      ], T = M(O), X = Math.max(1, O.transitionMs ?? J.transitionMs), Q = 1 - Math.exp(-re / X);
+      const T = performance.now(), ne = Math.max(0, T - O);
+      O = T;
+      const P = n.current, ie = [
+        ee(P.primary, I.primary),
+        ee(P.secondary, I.secondary),
+        ee(P.dark, I.dark)
+      ], C = B(P), H = Math.max(1, P.transitionMs ?? I.transitionMs), Q = 1 - Math.exp(-ne / H);
       for (let Y = 0; Y < 3; Y++)
-        for (let oe = 0; oe < 3; oe++)
-          w[Y][oe] += (ie[Y][oe] - w[Y][oe]) * Q;
+        for (let re = 0; re < 3; re++)
+          m[Y][re] += (ie[Y][re] - m[Y][re]) * Q;
       const Z = (Y) => {
-        P[Y] += (T[Y] - P[Y]) * Q;
+        A[Y] += (C[Y] - A[Y]) * Q;
       };
       Z("spinRotation"), Z("spinSpeed"), Z("spinAmount"), Z("pixelFilter"), Z("contrast"), Z("lighting");
-      const ve = r.clientWidth, je = r.clientHeight;
-      (r.width !== ve || r.height !== je) && (r.width = ve, r.height = je, o.viewport(0, 0, o.drawingBufferWidth, o.drawingBufferHeight)), o.uniform1f(x, (B - E) / 1e3), o.uniform2f(y, r.width, r.height), o.uniform3f(S, w[0][0], w[0][1], w[0][2]), o.uniform3f(j, w[1][0], w[1][1], w[1][2]), o.uniform3f(p, w[2][0], w[2][1], w[2][2]), o.uniform1f(g, P.spinRotation), o.uniform1f(b, P.spinSpeed), o.uniform1f(h, P.spinAmount), o.uniform1f(m, P.pixelFilter), o.uniform1f(k, P.contrast), o.uniform1f(N, P.lighting), o.drawArrays(o.TRIANGLES, 0, 6), A = requestAnimationFrame(K);
+      const be = r.clientWidth, ve = r.clientHeight;
+      (r.width !== be || r.height !== ve) && (r.width = be, r.height = ve, o.viewport(0, 0, o.drawingBufferWidth, o.drawingBufferHeight)), o.uniform1f(y, (T - M) / 1e3), o.uniform2f(x, r.width, r.height), o.uniform3f(N, m[0][0], m[0][1], m[0][2]), o.uniform3f(g, m[1][0], m[1][1], m[1][2]), o.uniform3f(w, m[2][0], m[2][1], m[2][2]), o.uniform1f(d, A.spinRotation), o.uniform1f(b, A.spinSpeed), o.uniform1f(v, A.spinAmount), o.uniform1f(p, A.pixelFilter), o.uniform1f(E, A.contrast), o.uniform1f(k, A.lighting), o.drawArrays(o.TRIANGLES, 0, 6), G = requestAnimationFrame(K);
     };
-    return A = requestAnimationFrame(K), () => {
-      cancelAnimationFrame(A), o.deleteProgram(c), o.deleteShader(f), o.deleteShader(v), o.deleteBuffer(l);
+    return G = requestAnimationFrame(K), () => {
+      cancelAnimationFrame(G), o.deleteProgram(c), o.deleteShader(h), o.deleteShader(_), o.deleteBuffer(l);
     };
   }, []), t;
 }
 function pr(e, t, n) {
-  const [r, o] = L(null), [i, s] = L(null), [u, f] = L(null), v = H(
-    (j, p, g) => {
-      const b = "touches" in j ? j.touches[0] : j, h = j.currentTarget.getBoundingClientRect();
+  const [r, o] = L(null), [i, s] = L(null), [u, h] = L(null), _ = X(
+    (g, w, d) => {
+      const b = "touches" in g ? g.touches[0] : g, v = g.currentTarget.getBoundingClientRect();
       s({
-        clause: p,
-        fromZone: g,
+        clause: w,
+        fromZone: d,
         x: b.clientX,
         y: b.clientY,
-        offX: b.clientX - h.left,
-        offY: b.clientY - h.top
-      }), f(null);
+        offX: b.clientX - v.left,
+        offY: b.clientY - v.top
+      }), h(null);
     },
     []
-  ), c = $(r), l = $(i), d = $(u), x = $(e), y = $(t);
-  Pe(() => {
-    c.current = r, l.current = i, d.current = u, x.current = e, y.current = t;
+  ), c = R(r), l = R(i), f = R(u), y = R(e), x = R(t);
+  Le(() => {
+    c.current = r, l.current = i, f.current = u, y.current = e, x.current = t;
   });
-  const S = r !== null || i !== null;
-  return G(() => {
-    if (!S) return;
-    const j = (g) => {
-      var M;
-      const b = "touches" in g ? g : null, h = b ? b.touches[0] : g;
-      if (!h) return;
-      let m = c.current;
-      if (!m && l.current) {
-        const R = h.clientX - l.current.x, w = h.clientY - l.current.y;
-        if (Math.hypot(R, w) < 8) return;
-        m = {
+  const N = r !== null || i !== null;
+  return U(() => {
+    if (!N) return;
+    const g = (d) => {
+      var B;
+      const b = "touches" in d ? d : null, v = b ? b.touches[0] : d;
+      if (!v) return;
+      let p = c.current;
+      if (!p && l.current) {
+        const j = v.clientX - l.current.x, m = v.clientY - l.current.y;
+        if (Math.hypot(j, m) < 8) return;
+        p = {
           ...l.current,
-          x: h.clientX,
-          y: h.clientY
-        }, s(null), o(m);
-      } else m && (m = { ...m, x: h.clientX, y: h.clientY }, o(m));
-      if (!m) return;
+          x: v.clientX,
+          y: v.clientY
+        }, s(null), o(p);
+      } else p && (p = { ...p, x: v.clientX, y: v.clientY }, o(p));
+      if (!p) return;
       b != null && b.cancelable && b.preventDefault();
-      const k = ((M = n.current) == null ? void 0 : M.querySelectorAll("[data-zone]")) ?? [];
-      let N = null;
-      for (const R of k) {
-        const w = R.getBoundingClientRect();
-        if (h.clientX >= w.left && h.clientX <= w.right && h.clientY >= w.top && h.clientY <= w.bottom) {
-          N = R.getAttribute("data-zone");
+      const E = ((B = n.current) == null ? void 0 : B.querySelectorAll("[data-zone]")) ?? [];
+      let k = null;
+      for (const j of E) {
+        const m = j.getBoundingClientRect();
+        if (v.clientX >= m.left && v.clientX <= m.right && v.clientY >= m.top && v.clientY <= m.bottom) {
+          k = j.getAttribute("data-zone");
           break;
         }
       }
-      f(N);
-    }, p = () => {
-      const g = c.current, b = d.current;
-      if (g && b && b !== g.fromZone) {
-        const h = b, m = x.current;
-        y.current({
-          ...m,
-          [g.fromZone]: m[g.fromZone].filter((k) => k.id !== g.clause.id),
-          [h]: [...m[h], { ...g.clause }]
+      h(k);
+    }, w = () => {
+      const d = c.current, b = f.current;
+      if (d && b && b !== d.fromZone) {
+        const v = b, p = y.current;
+        x.current({
+          ...p,
+          [d.fromZone]: p[d.fromZone].filter((E) => E.id !== d.clause.id),
+          [v]: [...p[v], { ...d.clause }]
         });
       }
-      s(null), o(null), f(null);
+      s(null), o(null), h(null);
     };
-    return window.addEventListener("mousemove", j), window.addEventListener("mouseup", p), window.addEventListener("touchmove", j, { passive: !1 }), window.addEventListener("touchend", p), () => {
-      window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", p), window.removeEventListener("touchmove", j), window.removeEventListener("touchend", p);
+    return window.addEventListener("mousemove", g), window.addEventListener("mouseup", w), window.addEventListener("touchmove", g, { passive: !1 }), window.addEventListener("touchend", w), () => {
+      window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", w), window.removeEventListener("touchmove", g), window.removeEventListener("touchend", w);
     };
-  }, [S, n]), {
+  }, [N, n]), {
     drag: r,
     hoverZone: u,
-    onDragStart: v
+    onDragStart: _
   };
 }
-const Vt = {
+const Ht = {
   xs: "j-inline-edit--xs",
   sm: "j-inline-edit--sm",
   md: "j-inline-edit--md",
   lg: "j-inline-edit--lg"
-}, qt = {
+}, Zt = {
   white: "j-inline-edit--white",
   gold: "j-inline-edit--gold",
   grey: "j-inline-edit--grey"
-}, fr = z.forwardRef(
+}, hr = $.forwardRef(
   function({ size: t = "md", tone: n = "white", dim: r = !1, className: o = "", ...i }, s) {
     const u = [
       "j-inline-edit",
-      Vt[t],
-      qt[n],
+      Ht[t],
+      Zt[n],
       r ? "j-inline-edit--dim" : null,
       o || null
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ a("input", { ref: s, type: "text", className: u, ...i });
   }
 );
-function hr({
+function mr({
   className: e,
   minHeight: t = 320,
   style: n,
@@ -1129,7 +1126,7 @@ function hr({
   };
   return /* @__PURE__ */ a("div", { ref: r, className: i, style: s, ...o });
 }
-const Qt = {
+const Vt = {
   blue: "j-outer-tab--blue",
   red: "j-outer-tab--red",
   orange: "j-outer-tab--orange",
@@ -1137,7 +1134,7 @@ const Qt = {
   purple: "j-outer-tab--purple",
   gold: "j-outer-tab--gold"
 };
-function en({
+function qt({
   label: e,
   tone: t,
   active: n = !1,
@@ -1147,13 +1144,13 @@ function en({
   children: s,
   ...u
 }) {
-  const f = [
+  const h = [
     "j-outer-tab",
-    t ? Qt[t] : "",
+    t ? Vt[t] : "",
     n ? "j-outer-tab--active" : "",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { className: f, ...u, children: [
+  return /* @__PURE__ */ S("div", { className: h, ...u, children: [
     /* @__PURE__ */ a("span", { className: "j-outer-tab__grip", "aria-hidden": !0, children: /* @__PURE__ */ a(wt, {}) }),
     /* @__PURE__ */ a("span", { className: "j-outer-tab__label", children: e }),
     /* @__PURE__ */ a("span", { className: "j-outer-tab__space", children: s }),
@@ -1163,19 +1160,19 @@ function en({
         type: "button",
         className: "j-outer-tab__fs",
         "aria-label": r ? "Restore pane" : "Fullscreen pane",
-        onClick: (v) => {
-          v.stopPropagation(), o();
+        onClick: (_) => {
+          _.stopPropagation(), o();
         },
-        children: r ? /* @__PURE__ */ a(Et, {}) : /* @__PURE__ */ a(Nt, {})
+        children: r ? /* @__PURE__ */ a(kt, {}) : /* @__PURE__ */ a(Nt, {})
       }
     ) : null
   ] });
 }
-let tn = 0;
+let Qt = 0;
 function we(e) {
-  return `${e}${++tn}-${Date.now().toString(36)}`;
+  return `${e}${++Qt}-${Date.now().toString(36)}`;
 }
-function nn(e) {
+function en(e) {
   return {
     type: "split",
     id: "s-root",
@@ -1201,202 +1198,229 @@ function nn(e) {
     ]
   };
 }
-function Je(e, t) {
+function gr(e) {
+  return {
+    type: "split",
+    id: "s-root",
+    dir: "column",
+    ratio: 0.5,
+    children: [
+      { type: "group", id: "g-filter", panes: [e.filter], active: e.filter },
+      {
+        type: "split",
+        id: "s-rest",
+        dir: "column",
+        ratio: 0.32,
+        children: [
+          { 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) => Je(r, t)).filter((r) => !(r.type === "group" && r.panes.length === 0));
+  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 be(e, t, n) {
-  return e.type === "group" ? e.id === t ? n(e) : e : { ...e, children: e.children.map((r) => be(r, t, n)) };
+function ge(e, t, n) {
+  return e.type === "group" ? e.id === t ? n(e) : e : { ...e, children: e.children.map((r) => ge(r, t, n)) };
 }
-function $e(e, t, n, r) {
+function Je(e, t, n, r) {
   if (r === "center") return e;
   if (e.type === "group") {
     if (e.id !== t) return e;
     const o = { type: "group", id: we("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: we("s"), dir: i, ratio: 0.5, children: s };
   }
-  return { ...e, children: e.children.map((o) => $e(o, t, n, r)) };
+  return { ...e, children: e.children.map((o) => Je(o, t, n, r)) };
 }
 function Fe(e, t = []) {
   return e.type === "group" ? (t.push(e), t) : (e.children.forEach((n) => Fe(n, t)), t);
 }
-function rn(e, t) {
-  return e.type === "group" ? e.panes.includes(t) ? { ...e, active: t } : e : { ...e, children: e.children.map((n) => rn(n, t)) };
+function tn(e, t) {
+  return e.type === "group" ? e.panes.includes(t) ? { ...e, active: t } : e : { ...e, children: e.children.map((n) => tn(n, t)) };
 }
-function on(e, t) {
+function nn(e, t) {
   const n = Fe(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 an(e, t, n) {
+function rn(e, t, n) {
   try {
     const r = localStorage.getItem(e);
     if (!r) return t;
     const o = JSON.parse(r);
-    return on(o, n) ? o : t;
+    return nn(o, n) ? o : t;
   } catch {
     return t;
   }
 }
-function sn(e, t) {
+function on(e, t) {
   try {
     localStorage.setItem(e, JSON.stringify(t));
   } catch {
   }
 }
-function mr({
+function br({
   panes: e,
   pyramid: t,
-  storageKey: n,
-  className: r
+  defaultLayout: n,
+  storageKey: r,
+  className: o
 }) {
-  const o = Object.keys(e), i = t && o.includes(t.filter) ? nn(t) : {
+  const i = Object.keys(e), s = n ?? (t && i.includes(t.filter) ? en(t) : {
     type: "group",
     id: "g-all",
-    panes: o,
-    active: o[0] ?? null
-  }, [s, u] = L(
-    () => n && typeof localStorage < "u" ? an(n, i, o) : i
-  ), [f, v] = L(null), [c, l] = L(null);
-  G(() => {
-    n && sn(n, s);
-  }, [n, s]);
-  const d = (p) => {
-    if (p.target.closest(".j-dock-tabs")) return "center";
-    const b = p.currentTarget.getBoundingClientRect(), h = (p.clientX - b.left) / b.width, m = (p.clientY - b.top) / b.height;
-    return h < 0.25 ? "left" : h > 0.75 ? "right" : m < 0.25 ? "top" : m > 0.75 ? "bottom" : "center";
-  }, x = (p, g, b) => {
-    e[p] && (g.panes.length === 1 && g.panes[0] === p || u((h) => {
-      const m = Je(h, p);
-      return b === "center" ? be(m, g.id, (k) => ({
+    panes: i,
+    active: i[0] ?? null
+  }), [u, h] = L(
+    () => r && typeof localStorage < "u" ? rn(r, s, i) : s
+  ), [_, c] = L(null), [l, f] = L(null);
+  U(() => {
+    r && on(r, u);
+  }, [r, u]);
+  const y = (d) => {
+    if (d.target.closest(".j-dock-tabs")) return "center";
+    const v = d.currentTarget.getBoundingClientRect(), p = (d.clientX - v.left) / v.width, E = (d.clientY - v.top) / v.height;
+    return p < 0.25 ? "left" : p > 0.75 ? "right" : E < 0.25 ? "top" : E > 0.75 ? "bottom" : "center";
+  }, x = (d, b, v) => {
+    e[d] && (b.panes.length === 1 && b.panes[0] === d || h((p) => {
+      const E = Ie(p, d);
+      return v === "center" ? ge(E, b.id, (k) => ({
         ...k,
-        panes: [...k.panes, p],
-        active: p
-      })) : $e(m, g.id, p, b);
+        panes: [...k.panes, d],
+        active: d
+      })) : Je(E, b.id, d, v);
     }));
-  }, y = (p, g) => {
-    const b = e[p];
-    return b ? /* @__PURE__ */ a(
-      en,
+  }, N = (d, b) => {
+    const v = e[d];
+    return v ? /* @__PURE__ */ a(
+      qt,
       {
-        label: b.label,
-        tone: b.tone,
-        active: g,
-        fullscreen: c === p,
-        onToggleFullscreen: () => l((h) => h === p ? null : p),
+        label: v.label,
+        tone: v.tone,
+        active: b,
+        fullscreen: l === d,
+        onToggleFullscreen: () => f((p) => p === d ? null : d),
         draggable: !0,
-        onDragStart: (h) => h.dataTransfer.setData("text/plain", p)
+        onDragStart: (p) => p.dataTransfer.setData("text/plain", d)
       },
-      p
+      d
     ) : null;
-  }, S = (p) => {
-    const g = f && f.groupId === p.id ? f.zone : null, b = g && g !== "center" ? ` j-dock-pane--drop-${g}` : "";
-    return /* @__PURE__ */ _(
+  }, g = (d) => {
+    const b = _ && _.groupId === d.id ? _.zone : null, v = b && b !== "center" ? ` j-dock-pane--drop-${b}` : "";
+    return /* @__PURE__ */ S(
       D,
       {
-        className: `j-dock-pane${b}`,
-        onDragOver: (h) => {
-          h.preventDefault();
-          const m = d(h);
-          v(
-            (k) => k && k.groupId === p.id && k.zone === m ? k : { groupId: p.id, zone: m }
+        className: `j-dock-pane${v}`,
+        onDragOver: (p) => {
+          p.preventDefault();
+          const E = y(p);
+          c(
+            (k) => k && k.groupId === d.id && k.zone === E ? k : { groupId: d.id, zone: E }
           );
         },
-        onDragLeave: () => v((h) => h && h.groupId === p.id ? null : h),
-        onDrop: (h) => {
-          h.preventDefault();
-          const m = h.dataTransfer.getData("text/plain"), k = d(h);
-          v(null), x(m, p, k);
+        onDragLeave: () => c((p) => p && p.groupId === d.id ? null : p),
+        onDrop: (p) => {
+          p.preventDefault();
+          const E = p.dataTransfer.getData("text/plain"), k = y(p);
+          c(null), x(E, d, k);
         },
         children: [
           /* @__PURE__ */ a(
             D,
             {
-              className: `j-dock-tabs${g === "center" ? " j-dock-tabs--drop" : ""}`,
-              children: p.panes.map((h) => /* @__PURE__ */ a(
+              className: `j-dock-tabs${b === "center" ? " j-dock-tabs--drop" : ""}`,
+              children: d.panes.map((p) => /* @__PURE__ */ a(
                 D,
                 {
-                  onClick: () => u((m) => be(m, p.id, (k) => ({ ...k, active: h }))),
-                  children: y(h, p.active === h)
+                  onClick: () => h((E) => ge(E, d.id, (k) => ({ ...k, active: p }))),
+                  children: N(p, d.active === p)
                 },
-                h
+                p
               ))
             }
           ),
-          /* @__PURE__ */ a(D, { className: "j-dock-body", children: p.active && e[p.active] ? e[p.active].content : null })
+          /* @__PURE__ */ a(D, { className: "j-dock-body", children: d.active && e[d.active] ? e[d.active].content : null })
         ]
       },
-      p.id
+      d.id
     );
-  }, j = (p) => {
-    if (p.type === "group") return S(p);
-    const [g, b] = p.children;
-    return /* @__PURE__ */ _(
+  }, w = (d) => {
+    if (d.type === "group") return g(d);
+    const [b, v] = d.children;
+    return /* @__PURE__ */ S(
       D,
       {
-        className: `j-dock-split j-dock-split--${p.dir}`,
+        className: `j-dock-split j-dock-split--${d.dir}`,
         style: {
-          "--j-dock-a": `${p.ratio}fr`,
-          "--j-dock-b": `${1 - p.ratio}fr`
+          "--j-dock-a": `${d.ratio}fr`,
+          "--j-dock-b": `${1 - d.ratio}fr`
         },
         children: [
-          j(g),
-          /* @__PURE__ */ a(D, { className: `j-dock-gutter j-dock-gutter--${p.dir}` }),
-          j(b)
+          w(b),
+          /* @__PURE__ */ a(D, { className: `j-dock-gutter j-dock-gutter--${d.dir}` }),
+          w(v)
         ]
       },
-      p.id
+      d.id
     );
   };
-  return c && e[c] ? /* @__PURE__ */ _(D, { className: `j-dock j-dock--fs ${r ?? ""}`.trim(), children: [
-    /* @__PURE__ */ a(D, { className: "j-dock-tabs", children: y(c, !0) }),
-    /* @__PURE__ */ a(D, { className: "j-dock-body", children: e[c].content })
-  ] }) : /* @__PURE__ */ a(D, { className: `j-dock ${r ?? ""}`.trim(), children: j(s) });
+  return l && e[l] ? /* @__PURE__ */ S(D, { className: `j-dock j-dock--fs ${o ?? ""}`.trim(), children: [
+    /* @__PURE__ */ a(D, { className: "j-dock-tabs", children: N(l, !0) }),
+    /* @__PURE__ */ a(D, { className: "j-dock-body", children: e[l].content })
+  ] }) : /* @__PURE__ */ a(D, { className: `j-dock ${o ?? ""}`.trim(), children: w(u) });
 }
-const ln = {
+const an = {
   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 cn({ status: e = "idle", label: t, className: n, children: r, ...o }) {
-  const i = ["j-status-pill", ln[e], n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("span", { className: i, ...o, children: [
+function sn({ status: e = "idle", label: t, className: n, children: r, ...o }) {
+  const i = ["j-status-pill", an[e], n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ S("span", { className: i, ...o, children: [
     /* @__PURE__ */ a("span", { className: "j-status-pill__dot", "aria-hidden": !0 }),
     t ?? r ?? e
   ] });
 }
-const gr = z.forwardRef(
-  function({ onValueChange: t, className: n, value: r, min: o = 0, max: i = 100, style: s, ...u }, f) {
-    const v = Number(r ?? 0), c = Number(o), l = Number(i), d = l > c ? Math.min(100, Math.max(0, (v - c) / (l - c) * 100)) : 0, x = ["j-slider", n].filter(Boolean).join(" ");
+const vr = $.forwardRef(
+  function({ onValueChange: t, className: n, value: r, min: o = 0, max: i = 100, style: s, ...u }, h) {
+    const _ = Number(r ?? 0), c = Number(o), l = Number(i), f = l > c ? Math.min(100, Math.max(0, (_ - c) / (l - c) * 100)) : 0, y = ["j-slider", n].filter(Boolean).join(" ");
     return /* @__PURE__ */ a(
       "input",
       {
-        ref: f,
+        ref: h,
         type: "range",
-        className: x,
+        className: y,
         value: r,
         min: o,
         max: i,
-        style: { ...s ?? {}, "--j-slider-fill": `${d}%` },
-        onChange: (y) => t == null ? void 0 : t(Number(y.currentTarget.value)),
+        style: { ...s ?? {}, "--j-slider-fill": `${f}%` },
+        onChange: (x) => t == null ? void 0 : t(Number(x.currentTarget.value)),
         ...u
       }
     );
   }
 );
-function un({ className: e, style: t, ...n }) {
+function ln({ className: e, style: t, ...n }) {
   const r = ["j-textarea", e].filter(Boolean).join(" ");
   return /* @__PURE__ */ a("textarea", { className: r, style: t, ...n });
 }
-const ze = /^[1-9A-Z]{1,8}$/, dn = /* @__PURE__ */ new Set([
+const $e = /^[1-9A-Z]{1,8}$/, cn = /* @__PURE__ */ new Set([
   "SEED",
   "SEEDS",
   "SCORE",
@@ -1426,12 +1450,12 @@ const ze = /^[1-9A-Z]{1,8}$/, dn = /* @__PURE__ */ new Set([
   "TALLY",
   "TALLIES"
 ]);
-function pn(e) {
+function un(e) {
   if (!e || typeof e != "string") return [];
-  const n = e.toUpperCase().replace(/[A-Z]+:\/\/\S*/g, " ").replace(/0/g, "O").split(/[^0-9A-Z]+/).filter((i) => ze.test(i)), r = n.filter((i) => i.length === 8), o = r.length ? r : n.filter((i) => i.length >= 4 && !dn.has(i));
+  const n = e.toUpperCase().replace(/[A-Z]+:\/\/\S*/g, " ").replace(/0/g, "O").split(/[^0-9A-Z]+/).filter((i) => $e.test(i)), r = n.filter((i) => i.length === 8), o = r.length ? r : n.filter((i) => i.length >= 4 && !cn.has(i));
   return [...new Set(o)];
 }
-function fn(e) {
+function dn(e) {
   if (!e) return [];
   const t = e.split(/\r?\n/), n = [];
   for (let r = 0; r < t.length; r++) {
@@ -1440,12 +1464,12 @@ function fn(e) {
     const i = o.split(/[^0-9A-Za-z]+/).filter(Boolean);
     for (const s of i) {
       const u = s.toUpperCase().replace(/0/g, "O");
-      (!ze.test(u) || u.length < 4) && n.push({ line: r + 1, text: s });
+      (!$e.test(u) || u.length < 4) && n.push({ line: r + 1, text: s });
     }
   }
   return n.slice(0, 8);
 }
-function br({
+function jr({
   onAnalyze: e,
   onInjectIntoJaml: t,
   ready: n = !1,
@@ -1454,18 +1478,18 @@ function br({
   className: i,
   style: s
 }) {
-  const [u, f] = L(o), [v, c] = L(!1), l = te(() => pn(u), [u]), d = te(() => l.filter((m) => m.length === 8), [l]), x = te(() => l.filter((m) => m.length >= 4 && m.length < 8), [l]), y = te(() => fn(u), [u]), S = H(() => {
-    !d.length || r || e(d);
-  }, [d, r, e]), j = H(() => {
-    d.length && (t == null || t(d));
-  }, [d, t]), p = d.length === 0 ? "No valid 8-character seeds yet." : d.length === 1 ? "1 valid seed." : `${d.length} valid seeds.`, g = x.length > 0 ? `${x.length} partial (${x.join(", ")}) — might be typos.` : null, b = n && !r && d.length > 0, h = r ? "Cannot start: a search is already running." : n ? d.length === 0 ? "Cannot start: paste at least one 8-character seed." : null : "Cannot start: the engine is still booting.";
-  return /* @__PURE__ */ _(gt, { gap: "md", align: "stretch", className: i, style: s, children: [
-    /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a(U, { size: "sm", tone: "white", children: "Paste a list of seeds here — one per line, comma-separated, from a spreadsheet, a chat message, or a share link. The field finds every 8-character code automatically." }) }),
+  const [u, h] = L(o), [_, c] = L(!1), l = te(() => un(u), [u]), f = te(() => l.filter((p) => p.length === 8), [l]), y = te(() => l.filter((p) => p.length >= 4 && p.length < 8), [l]), x = te(() => dn(u), [u]), N = X(() => {
+    !f.length || r || e(f);
+  }, [f, r, e]), g = X(() => {
+    f.length && (t == null || t(f));
+  }, [f, t]), w = f.length === 0 ? "No valid 8-character seeds yet." : f.length === 1 ? "1 valid seed." : `${f.length} valid seeds.`, d = y.length > 0 ? `${y.length} partial (${y.join(", ")}) — might be typos.` : null, b = n && !r && f.length > 0, v = r ? "Cannot start: a search is already running." : n ? f.length === 0 ? "Cannot start: paste at least one 8-character seed." : null : "Cannot start: the engine is still booting.";
+  return /* @__PURE__ */ S(mt, { gap: "md", align: "stretch", className: i, style: s, children: [
+    /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a(W, { size: "sm", tone: "white", children: "Paste a list of seeds here — one per line, comma-separated, from a spreadsheet, a chat message, or a share link. The field finds every 8-character code automatically." }) }),
     /* @__PURE__ */ a(
-      un,
+      ln,
       {
         value: u,
-        onChange: (m) => f(m.target.value),
+        onChange: (p) => h(p.target.value),
         placeholder: `WEEJOKER
 18Z47K9Q
 Q1J3A11E
@@ -1475,62 +1499,62 @@ Q1J3A11E
         style: { minHeight: 120, fontFamily: "m6x11, monospace", fontSize: 14 }
       }
     ),
-    /* @__PURE__ */ _(Be, { gap: "sm", wrap: !0, align: "center", children: [
-      /* @__PURE__ */ a(fe, { tone: d.length > 0 ? "green" : "grey", size: "sm", children: p }),
-      g ? /* @__PURE__ */ _(fe, { tone: "orange", size: "sm", title: g, children: [
-        x.length,
+    /* @__PURE__ */ S(Re, { gap: "sm", wrap: !0, align: "center", children: [
+      /* @__PURE__ */ a(pe, { tone: f.length > 0 ? "green" : "grey", size: "sm", children: w }),
+      d ? /* @__PURE__ */ S(pe, { tone: "orange", size: "sm", title: d, children: [
+        y.length,
         " partial"
       ] }) : null,
-      y.length > 0 ? /* @__PURE__ */ _(
-        fe,
+      x.length > 0 ? /* @__PURE__ */ S(
+        pe,
         {
           tone: "red",
           size: "sm",
-          title: y.map((m) => `line ${m.line}: "${m.text}"`).join("; "),
+          title: x.map((p) => `line ${p.line}: "${p.text}"`).join("; "),
           children: [
-            y.length,
+            x.length,
             " unrecognised"
           ]
         }
       ) : null
     ] }),
-    y.length > 0 && v ? /* @__PURE__ */ a(D, { children: y.map((m) => /* @__PURE__ */ _(U, { size: "xs", tone: "red", children: [
+    x.length > 0 && _ ? /* @__PURE__ */ a(D, { children: x.map((p) => /* @__PURE__ */ S(W, { size: "xs", tone: "red", children: [
       "Line ",
-      m.line,
+      p.line,
       ': "',
-      m.text,
+      p.text,
       '" — not a valid seed character.'
-    ] }, `${m.line}-${m.text}`)) }) : null,
-    y.length > 0 ? /* @__PURE__ */ a(W, { size: "xs", tone: "grey", onClick: () => c((m) => !m), children: v ? "Hide unrecognised tokens" : "Show unrecognised tokens" }) : null,
+    ] }, `${p.line}-${p.text}`)) }) : null,
+    x.length > 0 ? /* @__PURE__ */ a(z, { size: "xs", tone: "grey", onClick: () => c((p) => !p), children: _ ? "Hide unrecognised tokens" : "Show unrecognised tokens" }) : null,
     /* @__PURE__ */ a(
-      W,
+      z,
       {
         fullWidth: !0,
         tone: "blue",
         disabled: !b,
-        onClick: S,
-        title: h || "Score every seed against the current filter",
-        children: r ? "Searching…" : `Analyze ${d.length || ""} seed${d.length === 1 ? "" : "s"}`
+        onClick: N,
+        title: v || "Score every seed against the current filter",
+        children: r ? "Searching…" : `Analyze ${f.length || ""} seed${f.length === 1 ? "" : "s"}`
       }
     ),
-    t && d.length > 0 ? /* @__PURE__ */ a(
-      W,
+    t && f.length > 0 ? /* @__PURE__ */ a(
+      z,
       {
         fullWidth: !0,
         tone: "grey",
-        onClick: j,
+        onClick: g,
         title: "Add these seeds to the JAML document so they are saved with the filter",
         children: "Save seeds to filter document"
       }
     ) : null,
-    h && !r ? /* @__PURE__ */ a(U, { size: "xs", tone: "grey", children: h }) : null
+    v && !r ? /* @__PURE__ */ a(W, { size: "xs", tone: "grey", children: v }) : null
   ] });
 }
-function vr({ className: e, style: t, ...n } = {}) {
-  const r = Zt(n), o = ["j-background-canvas", e].filter(Boolean).join(" ");
+function _r({ className: e, style: t, ...n } = {}) {
+  const r = Xt(n), o = ["j-background-canvas", e].filter(Boolean).join(" ");
   return /* @__PURE__ */ a("canvas", { ref: r, className: o, style: t, "aria-hidden": !0 });
 }
-function jr({
+function yr({
   variant: e = "embed",
   scroll: t = !0,
   footer: n,
@@ -1539,44 +1563,44 @@ function jr({
   ...i
 }) {
   if (e === "page") {
-    const f = ["j-page", "j-page--full", r].filter(Boolean).join(" ");
-    return /* @__PURE__ */ _("div", { className: f, ...i, children: [
+    const h = ["j-page", "j-page--full", r].filter(Boolean).join(" ");
+    return /* @__PURE__ */ S("div", { className: h, ...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 f = ["j-phone", r].filter(Boolean).join(" ");
-    return /* @__PURE__ */ _("div", { className: f, ...i, children: [
+    const h = ["j-phone", r].filter(Boolean).join(" ");
+    return /* @__PURE__ */ S("div", { className: h, ...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: [
+  return /* @__PURE__ */ S("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 _r({ className: e, children: t, ...n }) {
+function Sr({ className: e, children: t, ...n }) {
   const r = ["j-inset", e].filter(Boolean).join(" ");
   return /* @__PURE__ */ a("div", { className: r, ...n, children: t });
 }
-function yr({ title: e, sub: t, className: n, ...r }) {
+function xr({ title: e, sub: t, className: n, ...r }) {
   const o = ["j-wordmark", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { className: o, ...r, children: [
+  return /* @__PURE__ */ S("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 hn = {
+const fn = {
   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 xr({ columns: e = 3, minColWidth: t, gap: n = "md", style: r, ...o }) {
+function wr({ 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",
@@ -1585,31 +1609,31 @@ function xr({ columns: e = 3, minColWidth: t, gap: n = "md", style: r, ...o }) {
         ...r,
         display: "grid",
         gridTemplateColumns: i,
-        gap: hn[n],
+        gap: fn[n],
         width: "100%"
       },
       ...o
     }
   );
 }
-function Sr({ size: e = 16, style: t, ...n }) {
+function kr({ size: e = 16, style: t, ...n }) {
   return /* @__PURE__ */ a("div", { "aria-hidden": !0, style: { ...t, height: e, width: "100%" }, ...n });
 }
-function kr({ vert: e = !1, className: t, ...n }) {
+function Nr({ 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 wr({ title: e, onDismiss: t, className: n, children: r, ...o }) {
+function Er({ title: e, onDismiss: t, className: n, children: r, ...o }) {
   const [i, s] = L(!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__ */ _(Be, { justify: "between", align: "center", children: [
-    /* @__PURE__ */ _("div", { children: [
+  return /* @__PURE__ */ a("div", { className: u, role: "alert", ...o, children: /* @__PURE__ */ S(Re, { justify: "between", align: "center", children: [
+    /* @__PURE__ */ S("div", { children: [
       e != null && /* @__PURE__ */ a("div", { className: "j-error-block__title", children: e }),
       r
     ] }),
     t && /* @__PURE__ */ a(
-      ne,
+      ae,
       {
         size: "sm",
         tone: "destructive",
@@ -1617,64 +1641,64 @@ function wr({ title: e, onDismiss: t, className: n, children: r, ...o }) {
         onClick: () => {
           s(!0), t();
         },
-        children: /* @__PURE__ */ a(De, {})
+        children: /* @__PURE__ */ a(xt, {})
       }
     )
   ] }) });
 }
-const Ue = 2 * Math.PI, Ee = Math.PI / 2, F = 16, We = 10, Ke = 148, de = 4, pe = 6, Ge = 22, Ye = 8;
-function He(e, t) {
+const ze = 2 * Math.PI, ke = Math.PI / 2, J = 16, We = 10, Ue = 148, de = 4, fe = 6, Ge = 22, Ke = 8;
+function Ye(e, t) {
   return Math.min(200, Math.max(56, 32 + (t ? 15 : 0) + e.length * 6.6));
 }
-function mn(e, t) {
-  return e + We + Math.hypot(t, F);
+function pn(e, t) {
+  return e + We + Math.hypot(t, J);
 }
-function gn(e, t, n, r, o, i, s) {
+function hn(e, t, n, r, o, i, s) {
   if (e.length === 0) return [];
   const u = Math.max(0, i) / 2;
-  return e.map((f, v) => {
-    const c = r + v * o, l = Math.cos(c) * t, d = Math.sin(c) * n, x = Math.hypot(l, d), { label: y, hasToggleDot: S } = s(f), j = mn(u, He(y, S) / 2);
-    if (x < 1e-4) return { item: f, x: j, y: 0 };
-    const p = Math.max(1, j / x);
-    return { item: f, x: l * p, y: d * p };
+  return e.map((h, _) => {
+    const c = r + _ * o, l = Math.cos(c) * t, f = Math.sin(c) * n, y = Math.hypot(l, f), { label: x, hasToggleDot: N } = s(h), g = pn(u, Ye(x, N) / 2);
+    if (y < 1e-4) return { item: h, x: g, y: 0 };
+    const w = Math.max(1, g / y);
+    return { item: h, x: l * w, y: f * w };
   });
 }
-function bn(e, t, n, r, o) {
+function mn(e, t, n, r, o) {
   if (e.length === 0) return [];
-  const i = t / 2, s = n / 2, u = -s + F, f = Math.min(s - F, r - F - pe), v = Math.ceil(e.length / 2), c = e.length - v, l = 2 * F + pe, d = (S, j) => {
-    if (j <= 1) return u;
-    const p = f - u, b = l * (j - 1) <= p ? l : p / (j - 1);
-    return f - S * b;
+  const i = t / 2, s = n / 2, u = -s + J, h = Math.min(s - J, r - J - fe), _ = Math.ceil(e.length / 2), c = e.length - _, l = 2 * J + fe, f = (N, g) => {
+    if (g <= 1) return u;
+    const w = h - u, b = l * (g - 1) <= w ? l : w / (g - 1);
+    return h - N * b;
   };
-  let x = 0, y = 0;
-  return e.map((S, j) => {
-    const p = j < v ? -1 : 1, g = p < 0 ? d(x++, v) : d(y++, c), { label: b, hasToggleDot: h } = o(S), m = He(b, h) / 2;
-    return { item: S, x: p * Math.max(0, i - m - de), y: g };
+  let y = 0, x = 0;
+  return e.map((N, g) => {
+    const w = g < _ ? -1 : 1, d = w < 0 ? f(y++, _) : f(x++, c), { label: b, hasToggleDot: v } = o(N), p = Ye(b, v) / 2;
+    return { item: N, x: w * Math.max(0, i - p - de), y: d };
   });
 }
-function vn(e) {
+function gn(e) {
   if (!Number.isFinite(e) || e <= 0) return 2;
-  const t = e / 2, n = -t + F, o = t - F - de - Ge - F - F - pe, i = 2 * F + pe;
+  const t = e / 2, n = -t + J, o = t - J - de - Ge - J - J - fe, i = 2 * J + fe;
   return 2 * Math.max(1, Math.floor((o - n) / i) + 1);
 }
-function jn(e, t, n) {
-  const r = e <= 1 ? Math.round(2 * t * 1.05) : Math.round(2 * t * Math.sin(Ue / e / 2) * 1.28);
-  return Math.max(Ke, Math.min(r, n - 16));
+function bn(e, t, n) {
+  const r = e <= 1 ? Math.round(2 * t * 1.05) : Math.round(2 * t * Math.sin(ze / e / 2) * 1.28);
+  return Math.max(Ue, Math.min(r, n - 16));
 }
-function _n(e, t, n) {
+function vn(e, t, n) {
   return Math.max(84, n + t * 3, e / 2 + 42);
 }
-function Er(e, t) {
-  return Math.max(0, Math.min(e, t) / 2 - F - Ye);
+function Ar(e, t) {
+  return Math.max(0, Math.min(e, t) / 2 - J - Ke);
 }
-function yn(e, t, n) {
+function jn(e, t, n) {
   return n == null || !Number.isFinite(n) || n <= 0 ? e : Math.max(t / 2 + We, Math.min(e, n));
 }
 const Xe = (e) => typeof e.active == "boolean", Ne = (e) => ({
   label: e.label,
   hasToggleDot: Xe(e)
 });
-function xn({
+function _n({
   items: e,
   onAction: t,
   onNavigate: n,
@@ -1683,83 +1707,83 @@ function xn({
   closing: i = !1,
   mascotSize: s = 96,
   radius: u = 90,
-  radiusY: f,
-  boxHeight: v,
+  radiusY: h,
+  boxHeight: _,
   translateY: c = 0,
   breadcrumb: l,
-  showPageControls: d = !1,
-  onPagePrev: x,
-  onPageNext: y,
-  center: S,
-  className: j,
-  "aria-label": p = "Orbital menu"
+  showPageControls: f = !1,
+  onPagePrev: y,
+  onPageNext: x,
+  center: N,
+  className: g,
+  "aria-label": w = "Orbital menu"
 }) {
-  const g = $(null), [b, h] = L(375);
-  if (G(() => {
-    const T = g.current;
-    if (!T) return;
-    const X = () => h(Math.max(1, T.clientWidth));
-    X();
-    const Q = new ResizeObserver(X);
-    return Q.observe(T), () => Q.disconnect();
+  const d = R(null), [b, v] = L(375);
+  if (U(() => {
+    const C = d.current;
+    if (!C) return;
+    const H = () => v(Math.max(1, C.clientWidth));
+    H();
+    const Q = new ResizeObserver(H);
+    return Q.observe(C), () => Q.disconnect();
   }, []), e.length === 0)
-    return S ? /* @__PURE__ */ a(
+    return N ? /* @__PURE__ */ a(
       "div",
       {
-        ref: g,
-        className: ["j-orbital-menu", j].filter(Boolean).join(" "),
+        ref: d,
+        className: ["j-orbital-menu", g].filter(Boolean).join(" "),
         style: { transform: `translateY(${c}px)` },
-        children: /* @__PURE__ */ a("div", { className: "j-orbital-menu__center", children: S })
+        children: /* @__PURE__ */ a("div", { className: "j-orbital-menu__center", children: N })
       }
     ) : null;
-  const m = u, k = f ?? u, N = e.find((T) => T.south) ?? null, M = e.filter((T) => !T.south), R = M.length + (N ? 1 : 0), w = Ue / R, P = N ? Ee + w : Ee, E = v != null && Number.isFinite(v) && v > 0, C = E ? Math.max(Ke, b - de * 2) : jn(R, m, b), A = E ? v / 2 - F - de : k + Ye, K = Math.min(96, Math.max(56, Math.floor(C * 0.5))), B = A - Ge, re = (d && N ? B : A) - F, O = E && v != null ? bn(M, b, v, re, Ne) : gn(M, m, k, P, w, s, Ne), ie = (T) => (X) => {
-    X.stopPropagation(), T.south ? r == null || r() : T.submenu ? n == null || n(T.submenu) : T.action && (t == null || t(T.action, T));
+  const p = u, E = h ?? u, k = e.find((C) => C.south) ?? null, B = e.filter((C) => !C.south), j = B.length + (k ? 1 : 0), m = ze / j, A = k ? ke + m : ke, M = _ != null && Number.isFinite(_) && _ > 0, O = M ? Math.max(Ue, b - de * 2) : bn(j, p, b), G = M ? _ / 2 - J - de : E + Ke, K = Math.min(96, Math.max(56, Math.floor(O * 0.5))), T = G - Ge, ne = (f && k ? T : G) - J, P = M && _ != null ? mn(B, b, _, ne, Ne) : hn(B, p, E, A, m, s, Ne), ie = (C) => (H) => {
+    H.stopPropagation(), C.south ? r == null || r() : C.submenu ? n == null || n(C.submenu) : C.action && (t == null || t(C.action, C));
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ S(
     "div",
     {
-      ref: g,
-      className: ["j-orbital-menu", j].filter(Boolean).join(" "),
+      ref: d,
+      className: ["j-orbital-menu", g].filter(Boolean).join(" "),
       style: { transform: `translateY(${c}px)` },
       children: [
-        S ? /* @__PURE__ */ a("div", { className: "j-orbital-menu__center", children: S }) : null,
-        /* @__PURE__ */ _("div", { className: "j-orbital-menu__anchor", role: "menu", "aria-label": p, children: [
-          l ? /* @__PURE__ */ a(ae, { x: 0, y: A - 46, hiding: i, interactive: !1, children: l }) : null,
-          O.map(({ item: T, x: X, y: Q }, Z) => /* @__PURE__ */ a(
-            ae,
+        N ? /* @__PURE__ */ a("div", { className: "j-orbital-menu__center", children: N }) : null,
+        /* @__PURE__ */ S("div", { className: "j-orbital-menu__anchor", role: "menu", "aria-label": w, children: [
+          l ? /* @__PURE__ */ a(oe, { x: 0, y: G - 46, hiding: i, interactive: !1, children: l }) : null,
+          P.map(({ item: C, x: H, y: Q }, Z) => /* @__PURE__ */ a(
+            oe,
             {
-              x: X,
+              x: H,
               y: Q,
               hiding: i,
-              dim: T.dim,
-              children: /* @__PURE__ */ a(Sn, { item: T, onClick: ie(T) })
+              dim: C.dim,
+              children: /* @__PURE__ */ a(yn, { item: C, onClick: ie(C) })
             },
-            `${o}-${T.label}-${Z}`
+            `${o}-${C.label}-${Z}`
           )),
-          N ? /* @__PURE__ */ a(ae, { x: 0, y: A, hiding: i, children: /* @__PURE__ */ a(
-            W,
+          k ? /* @__PURE__ */ a(oe, { x: 0, y: G, hiding: i, children: /* @__PURE__ */ a(
+            z,
             {
-              tone: N.tone ?? "orange",
+              tone: k.tone ?? "orange",
               size: "sm",
               fullWidth: !0,
               className: "j-orbital-btn j-orbital-btn--south",
-              style: { width: C },
-              title: N.tooltip ?? N.label,
-              onClick: ie(N),
+              style: { width: O },
+              title: k.tooltip ?? k.label,
+              onClick: ie(k),
               role: "menuitem",
-              children: N.label
+              children: k.label
             }
           ) }) : null,
-          N && d ? /* @__PURE__ */ _(Ve, { children: [
-            /* @__PURE__ */ a(ae, { x: -(C / 2) + K / 2, y: B, hiding: i, children: /* @__PURE__ */ a(Ae, { label: "<", title: "Previous page", width: K, onClick: x }) }),
-            /* @__PURE__ */ a(ae, { x: C / 2 - K / 2, y: B, hiding: i, children: /* @__PURE__ */ a(Ae, { label: ">", title: "Next page", width: K, onClick: y }) })
+          k && f ? /* @__PURE__ */ S(Ze, { children: [
+            /* @__PURE__ */ a(oe, { x: -(O / 2) + K / 2, y: T, hiding: i, children: /* @__PURE__ */ a(Ee, { label: "<", title: "Previous page", width: K, onClick: y }) }),
+            /* @__PURE__ */ a(oe, { x: O / 2 - K / 2, y: T, hiding: i, children: /* @__PURE__ */ a(Ee, { label: ">", title: "Next page", width: K, onClick: x }) })
           ] }) : null
         ] })
       ]
     }
   );
 }
-function ae({
+function oe({
   x: e,
   y: t,
   hiding: n,
@@ -1782,15 +1806,15 @@ function ae({
     }
   );
 }
-function Sn({
+function yn({
   item: e,
   onClick: t
 }) {
   if (e.badge)
-    return /* @__PURE__ */ a(cn, { status: e.badge.status, label: e.badge.label, title: e.tooltip });
+    return /* @__PURE__ */ a(sn, { status: e.badge.status, label: e.badge.label, title: e.tooltip });
   const n = Xe(e);
-  return /* @__PURE__ */ _(
-    W,
+  return /* @__PURE__ */ S(
+    z,
     {
       tone: e.tone ?? (n ? "orange" : "red"),
       size: "sm",
@@ -1809,14 +1833,14 @@ function Sn({
     }
   );
 }
-function Ae({
+function Ee({
   label: e,
   title: t,
   width: n,
   onClick: r
 }) {
   return /* @__PURE__ */ a(
-    W,
+    z,
     {
       tone: "blue",
       size: "sm",
@@ -1831,19 +1855,19 @@ function Ae({
     }
   );
 }
-const Ce = 200, kn = 320, se = { stack: [], page: 0, breadcrumb: [], closing: !1 };
-function Ze() {
+const Ae = 200, Sn = 320, se = { stack: [], page: 0, breadcrumb: [], closing: !1 };
+function He() {
   let e = se, t = -1, n = 0, r = null;
   const o = /* @__PURE__ */ new Set(), i = () => o.forEach((c) => c()), s = (c) => {
     e = { ...e, ...c }, i();
   }, u = () => {
     r !== null && (clearTimeout(r), r = null);
-  }, f = (c, l) => {
+  }, h = (c, l) => {
     u(), r = setTimeout(() => {
       r = null, c();
     }, l);
-  }, v = () => {
-    u(), s({ closing: !0 }), f(() => s({ ...se }), kn);
+  }, _ = () => {
+    u(), s({ closing: !0 }), h(() => s({ ...se }), Sn);
   };
   return {
     subscribe: (c) => (o.add(c), () => o.delete(c)),
@@ -1851,21 +1875,21 @@ function Ze() {
     open: (c = "main") => {
       e.stack.length === 1 && e.stack[0] === c && e.page === 0 || (u(), s({ stack: [c], page: 0, breadcrumb: [], closing: !1 }));
     },
-    close: v,
+    close: _,
     back: () => {
       if (e.stack.length <= 1) {
-        s({ breadcrumb: [] }), v();
+        s({ breadcrumb: [] }), _();
         return;
       }
-      u(), s({ breadcrumb: e.breadcrumb.slice(0, -1), closing: !0 }), f(
+      u(), s({ breadcrumb: e.breadcrumb.slice(0, -1), closing: !0 }), h(
         () => s({ stack: e.stack.slice(0, -1), page: 0, closing: !1 }),
-        Ce
+        Ae
       );
     },
     navigateTo: (c) => {
-      u(), s({ breadcrumb: [...e.breadcrumb, c], closing: !0 }), f(
+      u(), s({ breadcrumb: [...e.breadcrumb, c], closing: !0 }), h(
         () => s({ stack: [...e.stack, c], page: 0, closing: !1 }),
-        Ce
+        Ae
       );
     },
     nextPage: (c) => {
@@ -1880,17 +1904,17 @@ function Ze() {
       u(), t = -1, n = 0, s({ ...se });
     },
     signalIncomingResults: ({ count: c, topScore: l }) => {
-      let d = !1;
-      c > 0 && l !== void 0 && l > t && (d = e.stack.length > 1), c > 0 && c > n && (d = d || e.stack.length > 0), t = c > 0 && l !== void 0 ? l : -1, n = c, d && v();
+      let f = !1;
+      c > 0 && l !== void 0 && l > t && (f = e.stack.length > 1), c > 0 && c > n && (f = f || e.stack.length > 0), t = c > 0 && l !== void 0 ? l : -1, n = c, f && _();
     }
   };
 }
-const wn = Ze();
-function En({
+const xn = He();
+function wn({
   root: e = "main",
-  store: t = wn
+  store: t = xn
 } = {}) {
-  const n = Qe(t.subscribe, t.getState, () => se), r = H(() => t.open(e), [t, e]), o = H(() => {
+  const n = qe(t.subscribe, t.getState, () => se), r = X(() => t.open(e), [t, e]), o = X(() => {
     const { stack: i, closing: s } = t.getState();
     i.length === 0 && !s ? t.open(e) : t.close();
   }, [t, e]);
@@ -1912,17 +1936,17 @@ function En({
     [n, e, r, o, t]
   );
 }
-const Nn = new URL("../assets/jammy-seed-mascot-BdoW3O33.png", import.meta.url).href, An = Nn;
-function Cn(e) {
+const kn = new URL("../assets/jammy-seed-mascot-BdoW3O33.png", import.meta.url).href, Nn = kn;
+function En(e) {
   return (t) => {
     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
   };
 }
-const Te = 14;
-function Tn(e) {
-  return e == null || !Number.isFinite(e) || e <= 0 ? Te : Math.max(2, Math.min(Te, vn(e)));
+const Ce = 14;
+function An(e) {
+  return e == null || !Number.isFinite(e) || e <= 0 ? Ce : Math.max(2, Math.min(Ce, gn(e)));
 }
-function Nr({
+function Cr({
   mood: e = "idle",
   size: t = 96,
   menuItems: n,
@@ -1931,48 +1955,48 @@ function Nr({
   maxOrbitRadius: i,
   orbitBoxHeight: s,
   orbitBoxWidth: u,
-  baseOrbitRadius: f = 90,
-  menuHidden: v = !1,
+  baseOrbitRadius: h = 90,
+  menuHidden: _ = !1,
   closeLabel: c = "Close",
   orbitalStore: l,
-  renderImage: d,
-  className: x = "",
-  ...y
+  renderImage: f,
+  className: y = "",
+  ...x
 }) {
-  const [S] = L(Ze), j = En({ store: l ?? S }), p = te(
+  const [N] = L(He), g = wn({ store: l ?? N }), w = te(
     () => r ?? (n ? () => n : null),
     [r, n]
-  ), g = p != null && !v, b = () => {
-    g && j.toggle();
-  }, h = e === "happy" ? "jammy-happy" : e === "surprised" ? "jammy-shake" : "jammy-idle", m = g && (j.isOpen || j.isClosing), k = m && p ? p(j.stack) : [], N = Tn(s), M = Math.max(1, Math.ceil(k.length / N)), R = Math.min(Math.max(0, j.page), M - 1), w = k.slice(R * N, (R + 1) * N), P = {
-    label: j.canGoBack ? "Back" : c,
+  ), d = w != null && !_, b = () => {
+    d && g.toggle();
+  }, v = e === "happy" ? "jammy-happy" : e === "surprised" ? "jammy-shake" : "jammy-idle", p = d && (g.isOpen || g.isClosing), E = p && w ? w(g.stack) : [], k = An(s), B = Math.max(1, Math.ceil(E.length / k)), j = Math.min(Math.max(0, g.page), B - 1), m = E.slice(j * k, (j + 1) * k), A = {
+    label: g.canGoBack ? "Back" : c,
     south: !0
-  }, E = m ? [...w, P] : [], C = yn(
-    _n(t, w.length, f),
+  }, M = p ? [...m, A] : [], O = jn(
+    vn(t, m.length, h),
     t,
     i
-  ), A = /* @__PURE__ */ a(
+  ), G = /* @__PURE__ */ a(
     "div",
     {
-      role: g ? "button" : void 0,
-      tabIndex: g ? 0 : void 0,
+      role: d ? "button" : void 0,
+      tabIndex: d ? 0 : void 0,
       onClick: b,
-      onKeyDown: g ? Cn(b) : void 0,
+      onKeyDown: d ? En(b) : void 0,
       "aria-label": "Jammy mascot",
-      "aria-expanded": g ? j.isOpen : void 0,
-      className: g ? "j-mascot__hit j-mascot__hit--interactive" : "j-mascot__hit",
-      children: d ? d({ size: t }) : /* @__PURE__ */ a("img", { src: An, alt: "Jammy", draggable: !1, className: "j-mascot__img" })
+      "aria-expanded": d ? g.isOpen : void 0,
+      className: d ? "j-mascot__hit j-mascot__hit--interactive" : "j-mascot__hit",
+      children: f ? f({ size: t }) : /* @__PURE__ */ a("img", { src: Nn, alt: "Jammy", draggable: !1, className: "j-mascot__img" })
     }
   );
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ S(
     "div",
     {
-      className: ["j-mascot", h, x].filter(Boolean).join(" "),
+      className: ["j-mascot", v, y].filter(Boolean).join(" "),
       style: { "--j-mascot-size": `${t}px` },
-      ...y,
+      ...x,
       children: [
-        A,
-        m ? /* @__PURE__ */ a(
+        G,
+        p ? /* @__PURE__ */ a(
           "div",
           {
             className: "j-mascot__orbit",
@@ -1981,22 +2005,22 @@ function Nr({
               "--j-orbit-h": s != null ? `${s}px` : void 0
             },
             children: /* @__PURE__ */ a(
-              xn,
+              _n,
               {
-                items: E,
-                currentMenu: j.currentMenu,
-                closing: j.isClosing,
+                items: M,
+                currentMenu: g.currentMenu,
+                closing: g.isClosing,
                 mascotSize: t,
-                radius: C,
+                radius: O,
                 boxHeight: s,
-                showPageControls: k.length > N,
-                onPagePrev: () => j.prevPage(M),
-                onPageNext: () => j.nextPage(M),
-                breadcrumb: j.breadcrumb.length > 0 ? /* @__PURE__ */ a(U, { size: "xs", tone: "grey", children: j.breadcrumb.join(" / ") }) : null,
-                onNavigate: j.navigateTo,
-                onBack: j.back,
-                onAction: (K, B) => {
-                  o == null || o(K, B), j.close();
+                showPageControls: E.length > k,
+                onPagePrev: () => g.prevPage(B),
+                onPageNext: () => g.nextPage(B),
+                breadcrumb: g.breadcrumb.length > 0 ? /* @__PURE__ */ a(W, { size: "xs", tone: "grey", children: g.breadcrumb.join(" / ") }) : null,
+                onNavigate: g.navigateTo,
+                onBack: g.back,
+                onAction: (K, T) => {
+                  o == null || o(K, T), g.close();
                 }
               }
             )
@@ -2006,248 +2030,245 @@ function Nr({
     }
   );
 }
-const Le = 3, he = 220;
-function Ar({
+const Cn = 6, Tn = 0.2, Te = "input, textarea, select, [contenteditable='true'], [data-no-swipe]";
+function Ln() {
+  return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function Tr({
   children: e,
-  onDecide: t,
-  width: n = 300,
-  height: r = 420,
-  threshold: o = 90
+  index: t,
+  defaultIndex: n = 0,
+  onPageChange: r,
+  height: o = "100%",
+  "aria-label": i = "Pages"
 }) {
-  const i = et.toArray(e), [s, u] = L(0), [f, v] = L(0), [c, l] = L(!1), [d, x] = L(null), [y, S] = L([]), j = $(0), p = $(null);
-  G(
+  const s = Qe.toArray(e), u = s.length, [h, _] = L(n), c = Math.max(0, Math.min(t ?? h, Math.max(0, u - 1))), l = R(null), f = R(null), y = R(null), x = R(!1), [N, g] = L(!1), w = X((j) => {
+    const m = l.current;
+    m && m.scrollTo({ left: j * m.clientWidth, behavior: Ln() ? "auto" : "smooth" });
+  }, []), d = X(
+    (j) => w(Math.max(0, Math.min(j, u - 1))),
+    [u, w]
+  ), b = () => {
+    var j;
+    (j = y.current) != null && j.active || (f.current !== null && cancelAnimationFrame(f.current), f.current = requestAnimationFrame(() => {
+      f.current = null;
+      const m = l.current;
+      if (!m || m.clientWidth === 0) return;
+      const A = Math.round(m.scrollLeft / m.clientWidth);
+      A !== c && (_(A), r == null || r(A));
+    }));
+  };
+  U(
     () => () => {
-      p.current && clearTimeout(p.current);
+      f.current !== null && cancelAnimationFrame(f.current);
     },
     []
-  );
-  const g = i.length - s, b = H(
-    (E) => {
-      if (d || s >= i.length) return;
-      const C = s;
-      x(E), l(!1), t == null || t(C, E), p.current = setTimeout(() => {
-        S((A) => [...A, { index: C, direction: E }]), u(C + 1), x(null), v(0);
-      }, he);
-    },
-    [i.length, s, d, t]
-  ), h = H(() => {
-    if (d || y.length === 0) return;
-    const E = y[y.length - 1];
-    S((C) => C.slice(0, -1)), u(E.index), v(0);
-  }, [d, y]), m = (E) => {
-    d || (E.currentTarget.setPointerCapture(E.pointerId), j.current = E.clientX, l(!0));
-  }, k = (E) => {
-    !c || d || v(E.clientX - j.current);
-  }, N = () => {
-    !c || d || (l(!1), Math.abs(f) >= o ? b(f > 0 ? "keep" : "pass") : v(0));
-  }, M = (E) => {
-    E.key === "ArrowRight" && b("keep"), E.key === "ArrowLeft" && b("pass"), E.key === "Backspace" && h();
-  }, R = d ? d === "keep" ? n * 2 : -n * 2 : f, w = Math.max(-14, Math.min(14, R * 0.05)), P = Math.abs(f) >= o ? f > 0 ? "keep" : "pass" : null;
-  return /* @__PURE__ */ _(
+  ), U(() => {
+    if (t === void 0) return;
+    const j = l.current;
+    !j || j.clientWidth === 0 || Math.round(j.scrollLeft / j.clientWidth) !== c && w(c);
+  }, [t, c, w]);
+  const v = (j) => {
+    if (j.pointerType !== "mouse" || j.button !== 0 || j.target.closest(Te)) return;
+    const m = l.current;
+    m && (y.current = { startX: j.clientX, startScroll: m.scrollLeft, startPage: c, active: !1 });
+  }, p = (j) => {
+    var O;
+    const m = y.current, A = l.current;
+    if (!m || !A) return;
+    const M = j.clientX - m.startX;
+    if (!m.active) {
+      if (Math.abs(M) < Cn) return;
+      m.active = !0, g(!0), j.currentTarget.setPointerCapture(j.pointerId);
+    }
+    (O = window.getSelection()) == null || O.removeAllRanges(), A.scrollLeft = m.startScroll - M;
+  }, E = (j) => {
+    const m = y.current, A = l.current;
+    if (y.current = null, !(m != null && m.active) || !A) return;
+    x.current = !0, g(!1);
+    const M = j.clientX - m.startX, O = Math.abs(M) >= A.clientWidth * Tn;
+    d(O ? m.startPage + (M < 0 ? 1 : -1) : m.startPage);
+  };
+  return /* @__PURE__ */ S(
     "div",
     {
-      style: {
-        display: "grid",
-        gridTemplateRows: `${r}px auto auto`,
-        gap: 14,
-        justifyItems: "center"
-      },
+      role: "region",
+      "aria-roledescription": "carousel",
+      "aria-label": i,
+      style: { display: "grid", gridTemplateRows: "minmax(0, 1fr) auto", gap: 10, height: o, minHeight: 0 },
       children: [
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ S(
           "div",
           {
-            role: "group",
-            "aria-label": "Seed triage deck",
+            ref: l,
             tabIndex: 0,
-            onKeyDown: M,
+            onScroll: b,
+            onKeyDown: (j) => {
+              j.target.closest(Te) || (j.key === "ArrowRight" && d(c + 1), j.key === "ArrowLeft" && d(c - 1));
+            },
+            onPointerDown: v,
+            onPointerMove: p,
+            onPointerUp: E,
+            onPointerCancel: E,
+            onClickCapture: (j) => {
+              x.current && (x.current = !1, j.preventDefault(), j.stopPropagation());
+            },
             style: {
-              position: "relative",
-              width: n,
-              height: r,
-              touchAction: "none",
+              display: "grid",
+              gridAutoFlow: "column",
+              gridAutoColumns: "100%",
+              minHeight: 0,
+              overflowX: "auto",
+              overflowY: "hidden",
+              overscrollBehaviorX: "contain",
+              // Snap is off while a mouse drives the scroll position, or it fights every pixel.
+              scrollSnapType: N ? "none" : "x mandatory",
+              scrollbarWidth: "none",
+              cursor: N ? "grabbing" : void 0,
+              userSelect: N ? "none" : void 0,
               outline: "none"
             },
             children: [
-              g === 0 ? /* @__PURE__ */ a("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center" }, children: /* @__PURE__ */ a(U, { size: "sm", tone: "grey", children: "No seeds left" }) }) : null,
-              i.slice(s, s + Le).map((E, C) => {
-                const A = C === 0, K = A ? `translate3d(${R}px, 0, 0) rotate(${w}deg)` : `translate3d(0, ${C * 9}px, 0) scale(${1 - C * 0.045})`;
-                return /* @__PURE__ */ _(
-                  "div",
-                  {
-                    onPointerDown: A ? m : void 0,
-                    onPointerMove: A ? k : void 0,
-                    onPointerUp: A ? N : void 0,
-                    onPointerCancel: A ? N : void 0,
-                    style: {
-                      position: "absolute",
-                      inset: 0,
-                      zIndex: Le - C,
-                      transform: K,
-                      transition: c && A ? "none" : `transform ${he}ms ease-out, opacity ${he}ms ease-out`,
-                      opacity: A && d ? 0 : 1,
-                      cursor: A ? c ? "grabbing" : "grab" : "default",
-                      overflow: "hidden"
-                    },
-                    children: [
-                      E,
-                      A && 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(U, { size: "xs", tone: P === "keep" ? "green" : "red", children: P === "keep" ? "Keep" : "Pass" })
-                        }
-                      ) : null
-                    ]
+              u === 0 ? /* @__PURE__ */ a("div", { style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ a(W, { size: "sm", tone: "grey", children: "Nothing here" }) }) : null,
+              s.map((j, m) => /* @__PURE__ */ a(
+                "div",
+                {
+                  role: "group",
+                  "aria-roledescription": "slide",
+                  "aria-label": `${m + 1} of ${u}`,
+                  style: {
+                    minWidth: 0,
+                    minHeight: 0,
+                    overflowY: "auto",
+                    scrollSnapAlign: "start",
+                    scrollSnapStop: "always"
                   },
-                  s + C
-                );
-              })
+                  children: j
+                },
+                m
+              ))
             ]
           }
         ),
-        /* @__PURE__ */ _("div", { style: { display: "grid", gridAutoFlow: "column", gap: 16, alignItems: "center" }, children: [
+        /* @__PURE__ */ S("div", { style: { display: "grid", gridAutoFlow: "column", gap: 12, alignItems: "center", justifyContent: "center" }, children: [
           /* @__PURE__ */ a(
-            ne,
+            ae,
             {
-              "aria-label": "Pass",
-              title: "Pass (left arrow)",
-              tone: "destructive",
-              onClick: () => b("pass"),
-              disabled: g === 0,
+              "aria-label": "Previous",
+              title: "Previous (left arrow)",
+              size: "sm",
+              onClick: () => d(c - 1),
+              disabled: c <= 0,
               children: /* @__PURE__ */ a(De, {})
             }
           ),
+          /* @__PURE__ */ a(W, { size: "micro", tone: "grey", children: u === 0 ? "0 / 0" : `${c + 1} / ${u}` }),
           /* @__PURE__ */ a(
-            ne,
+            ae,
             {
-              "aria-label": "Undo",
-              title: "Undo (backspace)",
+              "aria-label": "Next",
+              title: "Next (right arrow)",
               size: "sm",
-              onClick: h,
-              disabled: y.length === 0,
-              children: /* @__PURE__ */ a(kt, {})
-            }
-          ),
-          /* @__PURE__ */ a(
-            ne,
-            {
-              "aria-label": "Keep",
-              title: "Keep (right arrow)",
-              onClick: () => b("keep"),
-              disabled: g === 0,
-              children: /* @__PURE__ */ a(Ie, {})
+              onClick: () => d(c + 1),
+              disabled: c >= u - 1,
+              children: /* @__PURE__ */ a(Oe, {})
             }
           )
-        ] }),
-        /* @__PURE__ */ _(U, { size: "micro", tone: "grey", children: [
-          g,
-          " of ",
-          i.length,
-          " left"
         ] })
       ]
     }
   );
 }
 export {
-  yr as $,
-  pe as A,
-  tr as B,
-  lr as C,
-  ar as D,
-  or as E,
-  Ue as F,
-  ir as G,
+  xr as $,
+  fe as A,
+  er as B,
+  nr as C,
+  cr as D,
+  ir as E,
+  ze as F,
+  ar as G,
   sr as H,
-  rr as I,
-  Yn as J,
-  nr as K,
-  Be as L,
-  pt as M,
-  br as N,
-  zn as O,
-  Hn as P,
-  gr as Q,
-  Sr as R,
-  Kn as S,
-  er as T,
-  gt as U,
-  cn as V,
-  Ar as W,
-  cr as X,
-  U as Y,
-  un as Z,
-  Vn as _,
-  jr as a,
+  lr as I,
+  Xn as J,
+  or as K,
+  rr as L,
+  Re as M,
+  dt as N,
+  jr as O,
+  Wn as P,
+  Hn as Q,
+  vr as R,
+  kr as S,
+  Kn as T,
+  tr as U,
+  mt as V,
+  sn as W,
+  ur as X,
+  W as Y,
+  ln as Z,
+  qn as _,
+  yr as a,
   We as a0,
-  Ke as a1,
-  kn as a2,
-  Ce as a3,
+  Ue as a1,
+  Sn as a2,
+  Ae as a3,
   Ge as a4,
-  F as a5,
-  Ee as a6,
+  J as a5,
+  ke as a6,
   de as a7,
-  Ye as a8,
-  vn as a9,
-  yn as aa,
-  Ze as ab,
-  nn as ac,
-  rn as ad,
-  He as ae,
-  wn as af,
-  bn as ag,
-  gn as ah,
-  Er as ai,
-  mn as aj,
-  _n as ak,
-  jn as al,
-  En as am,
-  dr as an,
-  Gn as ao,
-  I as ap,
-  Dn as aq,
-  Ie as ar,
+  Ke as a8,
+  gn as a9,
+  jn as aa,
+  He as ab,
+  en as ac,
+  tn as ad,
+  Ye as ae,
+  xn as af,
+  mn as ag,
+  hn as ah,
+  Ar as ai,
+  pn as aj,
+  vn as ak,
+  bn as al,
+  wn as am,
+  fr as an,
+  Yn as ao,
+  F as ap,
+  In as aq,
+  At as ar,
   $n as as,
-  In as at,
-  De as au,
-  Jn as av,
-  Fn as aw,
-  At as ax,
+  Jn as at,
+  xt as au,
+  Fn as av,
+  zn as aw,
+  Et as ax,
   pr as ay,
-  vr as b,
-  fe as c,
+  gr as az,
+  _r as b,
+  pe as c,
   D as d,
-  W as e,
-  Mn as f,
-  hr as g,
-  Rt as h,
-  kr as i,
-  mr as j,
-  wr as k,
-  qn as l,
-  xr as m,
-  ne as n,
-  Xn as o,
-  fr as p,
+  z as e,
+  On as f,
+  mr as g,
+  Lt as h,
+  Nr as i,
+  br as j,
+  Er as k,
+  Qn as l,
+  wr as m,
+  ae as n,
+  Zn as o,
+  hr as p,
   Un as q,
-  _r as r,
-  Zn as s,
-  ur as t,
-  Nr as u,
-  Wn as v,
-  xn as w,
-  en as x,
-  On as y,
-  Qn as z
+  Sr as r,
+  Vn as s,
+  dr as t,
+  Cr as u,
+  Gn as v,
+  _n as w,
+  qt as x,
+  Tr as y,
+  Dn as z
 };
-//# sourceMappingURL=JimboSwipeDeck-BYXDxmy7.js.map
+//# sourceMappingURL=JimboPager-BBzrmMrB.js.map