1681-engine 0.0.0-stage → 0.5.8

package/dist/react/choiceStore.js

@@ -0,0 +1,23 @@
+import { createStore as o } from "../ui/dom/createStore.js";
+const t = o({ pending: null });
+function u(e, n, i = {}) {
+  return t.getState().pending?.resolve(null), new Promise((r) => t.setState({ pending: { text: e, options: n, resolve: r, ...i } }));
+}
+function c(e) {
+  const n = t.getState().pending;
+  t.setState({ pending: null }), n?.resolve(e);
+}
+function s() {
+  return t.getState().pending ? (c(null), !0) : !1;
+}
+function a(e) {
+  return e.find((n) => !n.disabled)?.id ?? null;
+}
+export {
+  c as answerChoice,
+  u as askChoice,
+  s as cancelChoice,
+  t as choiceStore,
+  a as firstChoice
+};
+//# sourceMappingURL=choiceStore.js.map

package/dist/react/choiceStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choiceStore.js","sources":["../../src/react/choiceStore.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createStore } from '../ui/dom/createStore';\n\n/** One row of a choice: a line of text, with an icon before it and a note after it if the game gives them. */\nexport interface ChoiceOption {\n  id: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  note?: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface ChoiceQuestion {\n  text: ReactNode;\n  options: readonly ChoiceOption[];\n  /** The confirm button's word; default the provider's `choose`. */\n  confirm?: string;\n  cancel?: string;\n  /** The id picked, or null when cancelled. */\n  resolve: (id: string | null) => void;\n}\n\n/** The open choice, read by `ChoiceDialog`. */\nexport const choiceStore = createStore<{ pending: ChoiceQuestion | null }>({ pending: null });\n\n/** Asks the player to pick one of `options`; resolves its id, or null when cancelled. */\nexport function askChoice(text: ReactNode, options: readonly ChoiceOption[], words: { confirm?: string; cancel?: string } = {}): Promise<string | null> {\n  choiceStore.getState().pending?.resolve(null);\n  return new Promise((resolve) => choiceStore.setState({ pending: { text, options, resolve, ...words } }));\n}\n\n/** Answers the open choice (`null` cancels). */\nexport function answerChoice(id: string | null): void {\n  const pending = choiceStore.getState().pending;\n  choiceStore.setState({ pending: null });\n  pending?.resolve(id);\n}\n\n/** Cancels the open choice, if any (a phone's back button). Returns whether there was one. */\nexport function cancelChoice(): boolean {\n  if (!choiceStore.getState().pending) return false;\n  answerChoice(null);\n  return true;\n}\n\n/** The option picked first: the first one that can be taken. */\nexport function firstChoice(options: readonly ChoiceOption[]): string | null {\n  return options.find((o) => !o.disabled)?.id ?? null;\n}\n"],"names":["choiceStore","createStore","askChoice","text","options","words","resolve","answerChoice","id","pending","cancelChoice","firstChoice","o"],"mappings":";AAuBO,MAAMA,IAAcC,EAAgD,EAAE,SAAS,MAAM;AAGrF,SAASC,EAAUC,GAAiBC,GAAkCC,IAA+C,CAAA,GAA4B;AACtJ,SAAAL,EAAY,SAAA,EAAW,SAAS,QAAQ,IAAI,GACrC,IAAI,QAAQ,CAACM,MAAYN,EAAY,SAAS,EAAE,SAAS,EAAE,MAAAG,GAAM,SAAAC,GAAS,SAAAE,GAAS,GAAGD,EAAA,EAAM,CAAG,CAAC;AACzG;AAGO,SAASE,EAAaC,GAAyB;AACpD,QAAMC,IAAUT,EAAY,SAAA,EAAW;AACvC,EAAAA,EAAY,SAAS,EAAE,SAAS,KAAA,CAAM,GACtCS,GAAS,QAAQD,CAAE;AACrB;AAGO,SAASE,IAAwB;AACtC,SAAKV,EAAY,WAAW,WAC5BO,EAAa,IAAI,GACV,MAFqC;AAG9C;AAGO,SAASI,EAAYP,GAAiD;AAC3E,SAAOA,EAAQ,KAAK,CAACQ,MAAM,CAACA,EAAE,QAAQ,GAAG,MAAM;AACjD;"}

package/dist/react/classNames.js

@@ -0,0 +1,19 @@
+const c = "e1681-";
+function f(o) {
+  const s = Object.keys(o).length > 0;
+  return (...r) => {
+    const n = [];
+    for (const e of r)
+      if (e)
+        for (const t of e.split(" ")) {
+          if (!t || (n.push(t), !s)) continue;
+          const i = o[t.startsWith(c) ? t.slice(c.length) : t];
+          i && n.push(i);
+        }
+    return n.join(" ");
+  };
+}
+export {
+  f as classJoiner
+};
+//# sourceMappingURL=classNames.js.map

package/dist/react/classNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.js","sources":["../../src/react/classNames.ts"],"sourcesContent":["/** Joins class names, skipping empty ones. */\nexport type ClassJoiner = (...names: (string | false | null | undefined)[]) => string;\n\nconst PREFIX = 'e1681-';\n\n/**\n * A joiner that hangs a game's own class names beside the kit's: every name it is given (split on spaces) is kept,\n * and followed by `classes[name without the kit's prefix]` when the game mapped it. Pure, so it is tested under node.\n *\n * ```ts\n * classJoiner({ tabs: 'tabs', button: 'btn', picked: 'active' })('e1681-button small', 'picked') // 'e1681-button btn small picked active'\n * ```\n */\nexport function classJoiner(classes: Readonly<Record<string, string>>): ClassJoiner {\n  const mapped = Object.keys(classes).length > 0;\n  return (...names) => {\n    const out: string[] = [];\n    for (const n of names) {\n      if (!n) continue;\n      for (const part of n.split(' ')) {\n        if (!part) continue;\n        out.push(part);\n        if (!mapped) continue;\n        const extra = classes[part.startsWith(PREFIX) ? part.slice(PREFIX.length) : part];\n        if (extra) out.push(extra);\n      }\n    }\n    return out.join(' ');\n  };\n}\n"],"names":["PREFIX","classJoiner","classes","mapped","names","out","n","part","extra"],"mappings":"AAGA,MAAMA,IAAS;AAUR,SAASC,EAAYC,GAAwD;AAClF,QAAMC,IAAS,OAAO,KAAKD,CAAO,EAAE,SAAS;AAC7C,SAAO,IAAIE,MAAU;AACnB,UAAMC,IAAgB,CAAA;AACtB,eAAWC,KAAKF;AACd,UAAKE;AACL,mBAAWC,KAAQD,EAAE,MAAM,GAAG,GAAG;AAG/B,cAFI,CAACC,MACLF,EAAI,KAAKE,CAAI,GACT,CAACJ,GAAQ;AACb,gBAAMK,IAAQN,EAAQK,EAAK,WAAWP,CAAM,IAAIO,EAAK,MAAMP,EAAO,MAAM,IAAIO,CAAI;AAChF,UAAIC,KAAOH,EAAI,KAAKG,CAAK;AAAA,QAC3B;AAEF,WAAOH,EAAI,KAAK,GAAG;AAAA,EACrB;AACF;"}

package/dist/react/confirmStore.js

@@ -0,0 +1,30 @@
+import { createStore as i } from "../ui/dom/createStore.js";
+const r = i({ pending: null });
+function o(n, t, e) {
+  return r.getState().pending?.resolve(0), new Promise((a) => r.setState({ pending: { text: n, max: t, resolve: a, ...e } }));
+}
+function c(n, t = {}) {
+  return o(n, 0, t).then((e) => e > 0);
+}
+function s(n, t, e = {}) {
+  return o(n, Math.max(1, Math.floor(t)), e);
+}
+function u(n) {
+  const t = r.getState().pending;
+  r.setState({ pending: null }), t?.resolve(n);
+}
+function g() {
+  return r.getState().pending ? (u(0), !0) : !1;
+}
+function l(n, t) {
+  return Math.max(1, Math.min(t, Math.floor(Number(n.replace(/[^0-9]/g, "")) || 1)));
+}
+export {
+  u as answerConfirm,
+  c as askConfirm,
+  s as askQuantity,
+  g as cancelConfirm,
+  r as confirmStore,
+  l as parseQuantity
+};
+//# sourceMappingURL=confirmStore.js.map

package/dist/react/confirmStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmStore.js","sources":["../../src/react/confirmStore.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createStore } from '../ui/dom/createStore';\n\nexport interface ConfirmQuestion {\n  text: ReactNode;\n  /** The confirm button's word; default the provider's `ok`. */\n  ok?: string;\n  cancel?: string;\n  /** Above 1 the dialog also asks how many (1..max), starting at all of them; a plain question has 0. */\n  max: number;\n  /** The amount chosen, or 0 when cancelled. */\n  resolve: (qty: number) => void;\n}\n\n/** The open question, read by `ConfirmDialog`. */\nexport const confirmStore = createStore<{ pending: ConfirmQuestion | null }>({ pending: null });\n\nexport interface AskOptions {\n  ok?: string;\n  cancel?: string;\n}\n\nfunction ask(text: ReactNode, max: number, options: AskOptions): Promise<number> {\n  // a new question cancels the one still open\n  confirmStore.getState().pending?.resolve(0);\n  return new Promise((resolve) => confirmStore.setState({ pending: { text, max, resolve, ...options } }));\n}\n\n/** A yes/no question in the kit's own dialog instead of `window.confirm`; resolves true when confirmed. */\nexport function askConfirm(text: ReactNode, options: AskOptions = {}): Promise<boolean> {\n  return ask(text, 0, options).then((qty) => qty > 0);\n}\n\n/** The same question with a slider and a field for how many of `max`; resolves 0 when cancelled. */\nexport function askQuantity(text: ReactNode, max: number, options: AskOptions = {}): Promise<number> {\n  return ask(text, Math.max(1, Math.floor(max)), options);\n}\n\n/** Answers the open question (`qty` 0 cancels). */\nexport function answerConfirm(qty: number): void {\n  const pending = confirmStore.getState().pending;\n  confirmStore.setState({ pending: null });\n  pending?.resolve(qty);\n}\n\n/** Cancels the open question, if any (a phone's back button). Returns whether there was one. */\nexport function cancelConfirm(): boolean {\n  if (!confirmStore.getState().pending) return false;\n  answerConfirm(0);\n  return true;\n}\n\n/** A typed quantity held to 1..max: digits only, anything else 1. */\nexport function parseQuantity(text: string, max: number): number {\n  return Math.max(1, Math.min(max, Math.floor(Number(text.replace(/[^0-9]/g, '')) || 1)));\n}\n"],"names":["confirmStore","createStore","ask","text","max","options","resolve","askConfirm","qty","askQuantity","answerConfirm","pending","cancelConfirm","parseQuantity"],"mappings":";AAeO,MAAMA,IAAeC,EAAiD,EAAE,SAAS,MAAM;AAO9F,SAASC,EAAIC,GAAiBC,GAAaC,GAAsC;AAE/E,SAAAL,EAAa,SAAA,EAAW,SAAS,QAAQ,CAAC,GACnC,IAAI,QAAQ,CAACM,MAAYN,EAAa,SAAS,EAAE,SAAS,EAAE,MAAAG,GAAM,KAAAC,GAAK,SAAAE,GAAS,GAAGD,EAAA,EAAQ,CAAG,CAAC;AACxG;AAGO,SAASE,EAAWJ,GAAiBE,IAAsB,IAAsB;AACtF,SAAOH,EAAIC,GAAM,GAAGE,CAAO,EAAE,KAAK,CAACG,MAAQA,IAAM,CAAC;AACpD;AAGO,SAASC,EAAYN,GAAiBC,GAAaC,IAAsB,CAAA,GAAqB;AACnG,SAAOH,EAAIC,GAAM,KAAK,IAAI,GAAG,KAAK,MAAMC,CAAG,CAAC,GAAGC,CAAO;AACxD;AAGO,SAASK,EAAcF,GAAmB;AAC/C,QAAMG,IAAUX,EAAa,SAAA,EAAW;AACxC,EAAAA,EAAa,SAAS,EAAE,SAAS,KAAA,CAAM,GACvCW,GAAS,QAAQH,CAAG;AACtB;AAGO,SAASI,IAAyB;AACvC,SAAKZ,EAAa,WAAW,WAC7BU,EAAc,CAAC,GACR,MAFsC;AAG/C;AAGO,SAASG,EAAcV,GAAcC,GAAqB;AAC/D,SAAO,KAAK,IAAI,GAAG,KAAK,IAAIA,GAAK,KAAK,MAAM,OAAOD,EAAK,QAAQ,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACxF;"}

package/dist/react/labels.js

@@ -0,0 +1,18 @@
+const n = {
+  close: "Close {0}",
+  closeHint: "Close (Esc)",
+  backToList: "‹ List",
+  pickHint: "Pick an entry on the left.",
+  cancel: "Cancel",
+  ok: "OK",
+  quantity: "Quantity",
+  choose: "Choose"
+};
+function l(e, ...t) {
+  return e.replace(/\{(\d+)\}/g, (o, c) => t[Number(c)] ?? o);
+}
+export {
+  n as DEFAULT_LABELS,
+  l as fillLabel
+};
+//# sourceMappingURL=labels.js.map

package/dist/react/labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.js","sources":["../../src/react/labels.ts"],"sourcesContent":["/**\n * Every word the kit itself prints, in English. A game hands its own (translated) words to `UiProvider`'s `labels`, or\n * to a component's own prop; the engine never translates anything.\n */\nexport interface UiLabels {\n  /** The close button's spoken name; `{0}` is the window's title. */\n  close: string;\n  /** The close button's tooltip. */\n  closeHint: string;\n  /** The button that takes a stacked `SplitPane` back from the detail to the list. */\n  backToList: string;\n  /** What an empty detail pane says. */\n  pickHint: string;\n  cancel: string;\n  ok: string;\n  /** The quantity slider's and field's spoken name. */\n  quantity: string;\n  /** The choice dialog's confirm button. */\n  choose: string;\n}\n\nexport const DEFAULT_LABELS: UiLabels = {\n  close: 'Close {0}',\n  closeHint: 'Close (Esc)',\n  backToList: '‹ List',\n  pickHint: 'Pick an entry on the left.',\n  cancel: 'Cancel',\n  ok: 'OK',\n  quantity: 'Quantity',\n  choose: 'Choose',\n};\n\n/** `{0}`, `{1}`… replaced by the arguments, in order. */\nexport function fillLabel(label: string, ...args: readonly string[]): string {\n  return label.replace(/\\{(\\d+)\\}/g, (all, i: string) => args[Number(i)] ?? all);\n}\n"],"names":["DEFAULT_LABELS","fillLabel","label","args","all","i"],"mappings":"AAqBO,MAAMA,IAA2B;AAAA,EACtC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,QAAQ;AACV;AAGO,SAASC,EAAUC,MAAkBC,GAAiC;AAC3E,SAAOD,EAAM,QAAQ,cAAc,CAACE,GAAKC,MAAcF,EAAK,OAAOE,CAAC,CAAC,KAAKD,CAAG;AAC/E;"}

package/dist/react/placement.js

@@ -0,0 +1,49 @@
+import { fitToViewport as f } from "../ui/layout/fitToViewport.js";
+import { placeTooltip as c } from "../ui/layout/placeTooltip.js";
+function m(t, n, r = {}) {
+  const e = f(t, n, { snap: !0, ...r, centre: r.centre ?? !("x" in t) }), i = {
+    left: e.x,
+    top: e.y,
+    maxWidth: e.width,
+    maxHeight: e.height,
+    transform: e.scale === 1 ? void 0 : `scale(${e.scale})`,
+    transformOrigin: e.scale === 1 ? void 0 : "0 0"
+  };
+  return { fit: e, style: i };
+}
+function g(t) {
+  if (!(t === 1 || !(t > 0)))
+    return { width: `${100 / t}%`, height: `${100 / t}%`, transform: `scale(${t})`, transformOrigin: "0 0" };
+}
+function x(t, n, r, e, i = {}) {
+  const o = { x: t + (i.offsetX ?? 18), y: n, width: 0, height: 0 };
+  return c(o, r, e, {
+    side: i.above ? "above" : "below",
+    gap: i.gap ?? 12,
+    margin: i.margin ?? 8,
+    snap: i.snap ?? !0
+  });
+}
+function w(t, n, r, e = 2, i = 4) {
+  const o = r.height - i - (t.y + t.height + e), h = t.y - e - i, s = Math.max(0, Math.min(n.height, Math.max(o, h))), a = c(t, { width: n.width, height: s }, r, { side: "below", gap: e, margin: i, snap: !0 });
+  return { x: a.x, y: a.y, height: Math.floor(s), side: a.side === "above" ? "above" : "below" };
+}
+function M(t, n, r, e, i = 1 / 0) {
+  if (!(t > 0) || !(n > 0)) return { width: 0, height: 0, scale: 1 };
+  const o = Math.min(r / t, e / n, i), h = o >= 1 ? Math.floor(o) : 1 / Math.ceil(1 / o);
+  return { width: Math.round(t * h), height: Math.round(n * h), scale: h };
+}
+const l = 600;
+function b(t, n, r = l) {
+  return n && t < r ? "stack" : "side";
+}
+export {
+  l as SPLIT_STACK_BELOW,
+  x as cursorTip,
+  w as listPlacement,
+  M as pixelFit,
+  g as sheetScaleStyle,
+  b as splitModeFor,
+  m as windowStyle
+};
+//# sourceMappingURL=placement.js.map

package/dist/react/placement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.js","sources":["../../src/react/placement.ts"],"sourcesContent":["/**\n * The kit's layout decisions as pure functions over the engine's layout maths (`src/ui/layout`), so they run and are\n * tested under node: the components only measure the DOM and apply what these return.\n */\nimport type { CSSProperties } from 'react';\nimport { fitToViewport, type FitOptions, type FitResult } from '../ui/layout/fitToViewport';\nimport type { Rect, Size } from '../ui/layout/geometry';\nimport { placeTooltip, type TooltipPlacement } from '../ui/layout/placeTooltip';\n\n/**\n * Where a window or dialog of `wanted` size stands: fitted into the viewport by `fitToViewport` (shrunk to its\n * `minScale`, then cut, then moved inside the edges), centred unless `wanted` has an `x`/`y`. The style places it in\n * whole pixels with `left`/`top`, never `translate(-50%)`, and caps its size so its body scrolls.\n */\nexport function windowStyle(wanted: Rect | Size, viewport: Size, options: FitOptions = {}): { fit: FitResult; style: CSSProperties } {\n  const fit = fitToViewport(wanted, viewport, { snap: true, ...options, centre: options.centre ?? !('x' in wanted) });\n  const style: CSSProperties = {\n    left: fit.x,\n    top: fit.y,\n    maxWidth: fit.width,\n    maxHeight: fit.height,\n    transform: fit.scale === 1 ? undefined : `scale(${fit.scale})`,\n    transformOrigin: fit.scale === 1 ? undefined : '0 0',\n  };\n  return { fit, style };\n}\n\n/**\n * A touch sheet at a player's \"window size\": laid out on a box `1 / scale` the screen and scaled back down to fill\n * it, so a smaller window shows more rows and still covers the screen. Nothing at 1.\n */\nexport function sheetScaleStyle(scale: number): CSSProperties | undefined {\n  if (scale === 1 || !(scale > 0)) return undefined;\n  return { width: `${100 / scale}%`, height: `${100 / scale}%`, transform: `scale(${scale})`, transformOrigin: '0 0' };\n}\n\nexport interface CursorTipOptions {\n  /** Open over the cursor first (a bar pinned to the bottom edge), not under it. */\n  above?: boolean;\n  /** Between the cursor and the tip, up and down (default 12). */\n  gap?: number;\n  /** How far right of the cursor the tip starts, so the pointer never covers it (default 18). */\n  offsetX?: number;\n  margin?: number;\n  snap?: boolean;\n}\n\n/** A tooltip of `tip` size by the cursor: under it while it fits, over it when not, slid to stay on screen. */\nexport function cursorTip(x: number, y: number, tip: Size, viewport: Size, options: CursorTipOptions = {}): TooltipPlacement {\n  const anchor = { x: x + (options.offsetX ?? 18), y, width: 0, height: 0 };\n  return placeTooltip(anchor, tip, viewport, {\n    side: options.above ? 'above' : 'below',\n    gap: options.gap ?? 12,\n    margin: options.margin ?? 8,\n    snap: options.snap ?? true,\n  });\n}\n\nexport interface ListPlacement {\n  x: number;\n  y: number;\n  /** The list's height: its own, or the room on its side when that is less (it scrolls). */\n  height: number;\n  side: 'below' | 'above';\n}\n\n/**\n * A drop-down list under its button (`anchor`), over it when the room below is short and there is more above; as\n * tall as it is or as the room on that side allows. `list.width` is already the measured `listWidth`.\n */\nexport function listPlacement(anchor: Rect, list: Size, viewport: Size, gap = 2, margin = 4): ListPlacement {\n  const below = viewport.height - margin - (anchor.y + anchor.height + gap);\n  const above = anchor.y - gap - margin;\n  const height = Math.max(0, Math.min(list.height, Math.max(below, above)));\n  const p = placeTooltip(anchor, { width: list.width, height }, viewport, { side: 'below', gap, margin, snap: true });\n  return { x: p.x, y: p.y, height: Math.floor(height), side: p.side === 'above' ? 'above' : 'below' };\n}\n\n/**\n * A sprite of `w` × `h` art pixels at the largest **whole** multiple that fits the box (never past `maxScale`), or a\n * whole divisor when it is bigger than the box: `object-fit: contain` stretched a 26-px sprite by 2.77 and drew its\n * pixels two and three screen pixels wide by turns.\n */\nexport function pixelFit(w: number, h: number, boxW: number, boxH: number, maxScale = Infinity): Size & { scale: number } {\n  if (!(w > 0) || !(h > 0)) return { width: 0, height: 0, scale: 1 };\n  const k = Math.min(boxW / w, boxH / h, maxScale);\n  const scale = k >= 1 ? Math.floor(k) : 1 / Math.ceil(1 / k);\n  return { width: Math.round(w * scale), height: Math.round(h * scale), scale };\n}\n\n/** Below this width (CSS px) a touch screen shows one pane of a `SplitPane` at a time. */\nexport const SPLIT_STACK_BELOW = 600;\n\n/** Side by side, or one pane at a time: only a touch screen narrower than `stackBelow` stacks. */\nexport function splitModeFor(width: number, touch: boolean, stackBelow = SPLIT_STACK_BELOW): 'side' | 'stack' {\n  return touch && width < stackBelow ? 'stack' : 'side';\n}\n"],"names":["windowStyle","wanted","viewport","options","fit","fitToViewport","style","sheetScaleStyle","scale","cursorTip","x","y","tip","anchor","placeTooltip","listPlacement","list","gap","margin","below","above","height","p","pixelFit","w","h","boxW","boxH","maxScale","k","SPLIT_STACK_BELOW","splitModeFor","width","touch","stackBelow"],"mappings":";;AAcO,SAASA,EAAYC,GAAqBC,GAAgBC,IAAsB,CAAA,GAA8C;AACnI,QAAMC,IAAMC,EAAcJ,GAAQC,GAAU,EAAE,MAAM,IAAM,GAAGC,GAAS,QAAQA,EAAQ,UAAU,EAAE,OAAOF,IAAS,GAC5GK,IAAuB;AAAA,IAC3B,MAAMF,EAAI;AAAA,IACV,KAAKA,EAAI;AAAA,IACT,UAAUA,EAAI;AAAA,IACd,WAAWA,EAAI;AAAA,IACf,WAAWA,EAAI,UAAU,IAAI,SAAY,SAASA,EAAI,KAAK;AAAA,IAC3D,iBAAiBA,EAAI,UAAU,IAAI,SAAY;AAAA,EAAA;AAEjD,SAAO,EAAE,KAAAA,GAAK,OAAAE,EAAA;AAChB;AAMO,SAASC,EAAgBC,GAA0C;AACxE,MAAI,EAAAA,MAAU,KAAK,EAAEA,IAAQ;AAC7B,WAAO,EAAE,OAAO,GAAG,MAAMA,CAAK,KAAK,QAAQ,GAAG,MAAMA,CAAK,KAAK,WAAW,SAASA,CAAK,KAAK,iBAAiB,MAAA;AAC/G;AAcO,SAASC,EAAUC,GAAWC,GAAWC,GAAWV,GAAgBC,IAA4B,IAAsB;AAC3H,QAAMU,IAAS,EAAE,GAAGH,KAAKP,EAAQ,WAAW,KAAK,GAAAQ,GAAG,OAAO,GAAG,QAAQ,EAAA;AACtE,SAAOG,EAAaD,GAAQD,GAAKV,GAAU;AAAA,IACzC,MAAMC,EAAQ,QAAQ,UAAU;AAAA,IAChC,KAAKA,EAAQ,OAAO;AAAA,IACpB,QAAQA,EAAQ,UAAU;AAAA,IAC1B,MAAMA,EAAQ,QAAQ;AAAA,EAAA,CACvB;AACH;AAcO,SAASY,EAAcF,GAAcG,GAAYd,GAAgBe,IAAM,GAAGC,IAAS,GAAkB;AAC1G,QAAMC,IAAQjB,EAAS,SAASgB,KAAUL,EAAO,IAAIA,EAAO,SAASI,IAC/DG,IAAQP,EAAO,IAAII,IAAMC,GACzBG,IAAS,KAAK,IAAI,GAAG,KAAK,IAAIL,EAAK,QAAQ,KAAK,IAAIG,GAAOC,CAAK,CAAC,CAAC,GAClEE,IAAIR,EAAaD,GAAQ,EAAE,OAAOG,EAAK,OAAO,QAAAK,EAAA,GAAUnB,GAAU,EAAE,MAAM,SAAS,KAAAe,GAAK,QAAAC,GAAQ,MAAM,IAAM;AAClH,SAAO,EAAE,GAAGI,EAAE,GAAG,GAAGA,EAAE,GAAG,QAAQ,KAAK,MAAMD,CAAM,GAAG,MAAMC,EAAE,SAAS,UAAU,UAAU,QAAA;AAC5F;AAOO,SAASC,EAASC,GAAWC,GAAWC,GAAcC,GAAcC,IAAW,OAAoC;AACxH,MAAI,EAAEJ,IAAI,MAAM,EAAEC,IAAI,GAAI,QAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,EAAA;AAC/D,QAAMI,IAAI,KAAK,IAAIH,IAAOF,GAAGG,IAAOF,GAAGG,CAAQ,GACzCpB,IAAQqB,KAAK,IAAI,KAAK,MAAMA,CAAC,IAAI,IAAI,KAAK,KAAK,IAAIA,CAAC;AAC1D,SAAO,EAAE,OAAO,KAAK,MAAML,IAAIhB,CAAK,GAAG,QAAQ,KAAK,MAAMiB,IAAIjB,CAAK,GAAG,OAAAA,EAAA;AACxE;AAGO,MAAMsB,IAAoB;AAG1B,SAASC,EAAaC,GAAeC,GAAgBC,IAAaJ,GAAqC;AAC5G,SAAOG,KAASD,IAAQE,IAAa,UAAU;AACjD;"}

package/dist/react/useFillSheet.js

@@ -0,0 +1,23 @@
+import { useLayoutEffect as d, useEffect as u } from "react";
+const f = 180;
+function a(s, n, r) {
+  const o = () => {
+    const e = s.current, t = e?.closest(".e1681-panel-body");
+    if (!e || !t) return;
+    const c = e.getBoundingClientRect().top - t.getBoundingClientRect().top + t.scrollTop, l = Number.parseFloat(getComputedStyle(t).paddingBottom) || 0, i = `${Math.max(f, Math.floor(t.clientHeight - c - l))}px`;
+    r ? e.style.maxHeight = i : e.style.height = i;
+  };
+  d(() => {
+    n && o();
+  }), u(() => {
+    if (!n) return;
+    const e = s.current?.closest(".e1681-panel-body"), t = typeof ResizeObserver > "u" || !e ? null : new ResizeObserver(() => o());
+    return e && t?.observe(e), window.addEventListener("resize", o), () => {
+      t?.disconnect(), window.removeEventListener("resize", o);
+    };
+  }, [n, r]);
+}
+export {
+  a as useFillSheet
+};
+//# sourceMappingURL=useFillSheet.js.map

package/dist/react/useFillSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFillSheet.js","sources":["../../src/react/useFillSheet.ts"],"sourcesContent":["import { type RefObject, useEffect, useLayoutEffect } from 'react';\n\n/** Never shorter than this (CSS px), however much sits above it. */\nconst MIN_HEIGHT = 180;\n\n/**\n * Fills what is left of a touch sheet's scrolling body (`.e1681-panel-body`) below whatever sits above the element —\n * tabs, a note — so a list-and-detail fits without the body scrolling; a stylesheet's `100vh - 120px` guesses one\n * layout and scrolls in every other. Measured after every render and on every resize; with `fit` it caps the height\n * instead of setting it. Outside a panel body the stylesheet's height stands.\n */\nexport function useFillSheet(ref: RefObject<HTMLElement | null>, active: boolean, fit: boolean): void {\n  const measure = () => {\n    const el = ref.current;\n    const body = el?.closest<HTMLElement>('.e1681-panel-body');\n    if (!el || !body) return;\n    const offset = el.getBoundingClientRect().top - body.getBoundingClientRect().top + body.scrollTop;\n    const pad = Number.parseFloat(getComputedStyle(body).paddingBottom) || 0;\n    const px = `${Math.max(MIN_HEIGHT, Math.floor(body.clientHeight - offset - pad))}px`;\n    if (fit) el.style.maxHeight = px;\n    else el.style.height = px;\n  };\n  useLayoutEffect(() => {\n    if (active) measure();\n  });\n  useEffect(() => {\n    if (!active) return;\n    const body = ref.current?.closest<HTMLElement>('.e1681-panel-body');\n    const ro = typeof ResizeObserver === 'undefined' || !body ? null : new ResizeObserver(() => measure());\n    if (body) ro?.observe(body);\n    window.addEventListener('resize', measure);\n    return () => {\n      ro?.disconnect();\n      window.removeEventListener('resize', measure);\n    };\n    // measure reads the ref and `fit` fresh each time\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, fit]);\n}\n"],"names":["MIN_HEIGHT","useFillSheet","ref","active","fit","measure","el","body","offset","pad","px","useLayoutEffect","useEffect","ro"],"mappings":";AAGA,MAAMA,IAAa;AAQZ,SAASC,EAAaC,GAAoCC,GAAiBC,GAAoB;AACpG,QAAMC,IAAU,MAAM;AACpB,UAAMC,IAAKJ,EAAI,SACTK,IAAOD,GAAI,QAAqB,mBAAmB;AACzD,QAAI,CAACA,KAAM,CAACC,EAAM;AAClB,UAAMC,IAASF,EAAG,wBAAwB,MAAMC,EAAK,sBAAA,EAAwB,MAAMA,EAAK,WAClFE,IAAM,OAAO,WAAW,iBAAiBF,CAAI,EAAE,aAAa,KAAK,GACjEG,IAAK,GAAG,KAAK,IAAIV,GAAY,KAAK,MAAMO,EAAK,eAAeC,IAASC,CAAG,CAAC,CAAC;AAChF,IAAIL,IAAKE,EAAG,MAAM,YAAYI,IACzBJ,EAAG,MAAM,SAASI;AAAA,EACzB;AACA,EAAAC,EAAgB,MAAM;AACpB,IAAIR,KAAQE,EAAA;AAAA,EACd,CAAC,GACDO,EAAU,MAAM;AACd,QAAI,CAACT,EAAQ;AACb,UAAMI,IAAOL,EAAI,SAAS,QAAqB,mBAAmB,GAC5DW,IAAK,OAAO,iBAAmB,OAAe,CAACN,IAAO,OAAO,IAAI,eAAe,MAAMF,GAAS;AACrG,WAAIE,KAAMM,GAAI,QAAQN,CAAI,GAC1B,OAAO,iBAAiB,UAAUF,CAAO,GAClC,MAAM;AACX,MAAAQ,GAAI,WAAA,GACJ,OAAO,oBAAoB,UAAUR,CAAO;AAAA,IAC9C;AAAA,EAGF,GAAG,CAACF,GAAQC,CAAG,CAAC;AAClB;"}

package/dist/react/useFitToViewport.js

@@ -0,0 +1,29 @@
+import { useLayoutEffect as u, useEffect as x } from "react";
+import { windowStyle as w } from "./placement.js";
+import { useUi as y } from "./UiProvider.js";
+const p = "e1681-scroll";
+function b(m, c) {
+  const t = y(), { enabled: a, width: h } = c, l = c.at?.x, d = c.at?.y, i = () => {
+    const e = m.current;
+    if (!e || !a) return;
+    const r = e.querySelector(`.${p}`), s = r ? r.scrollHeight - r.clientHeight : 0, f = {
+      width: h ?? Math.max(e.offsetWidth, e.scrollWidth),
+      height: e.offsetHeight + Math.max(0, s),
+      ...l !== void 0 && d !== void 0 ? { x: l, y: d } : {}
+    }, { style: o } = w(f, t.viewport(), { scale: t.scale, minScale: t.minScale, margin: t.margin, snap: t.snap }), n = e.style;
+    n.left = `${o.left}px`, n.top = `${o.top}px`, n.maxWidth = `${o.maxWidth}px`, n.maxHeight = `${o.maxHeight}px`, n.transform = o.transform ?? "", n.transformOrigin = o.transformOrigin ?? "";
+  };
+  u(i), x(() => {
+    if (!a) return;
+    const r = m.current?.querySelector(`.${p}`), s = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => i());
+    for (const f of Array.from(r?.children ?? [])) s?.observe(f);
+    return window.addEventListener("resize", i), () => {
+      s?.disconnect(), window.removeEventListener("resize", i);
+    };
+  }, [a, h, l, d, t]);
+}
+export {
+  p as SCROLL_CLASS,
+  b as useFitToViewport
+};
+//# sourceMappingURL=useFitToViewport.js.map

package/dist/react/useFitToViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFitToViewport.js","sources":["../../src/react/useFitToViewport.ts"],"sourcesContent":["import { type RefObject, useEffect, useLayoutEffect } from 'react';\nimport type { Point } from '../ui/layout/geometry';\nimport { windowStyle } from './placement';\nimport { useUi } from './UiProvider';\n\nexport interface FitTarget {\n  /** Off: the element is left to the stylesheet (a touch sheet). */\n  enabled: boolean;\n  /** The width it wants, in its own units; default: its laid-out width. */\n  width?: number;\n  /** Where it wants to stand (screen pixels); default: centred. */\n  at?: Point;\n}\n\n/** The scrolling part of a window: what is cut when the window does not fit. */\nexport const SCROLL_CLASS = 'e1681-scroll';\n\n/**\n * Keeps a window or dialog inside the viewport (`windowStyle` → `fitToViewport`): measured after every render, on a\n * resize and when its content changes size, written straight onto the element's style so a placement never costs a\n * render. The natural height is the element's plus what its scrolling body (`.e1681-scroll`) hides, so the cap never\n * has to be lifted to measure, which would throw the body's scroll back to the top.\n */\nexport function useFitToViewport(ref: RefObject<HTMLElement | null>, target: FitTarget): void {\n  const ui = useUi();\n  const { enabled, width } = target;\n  const atX = target.at?.x;\n  const atY = target.at?.y;\n\n  const place = () => {\n    const el = ref.current;\n    if (!el || !enabled) return;\n    const body = el.querySelector<HTMLElement>(`.${SCROLL_CLASS}`);\n    const hidden = body ? body.scrollHeight - body.clientHeight : 0;\n    const wanted = {\n      width: width ?? Math.max(el.offsetWidth, el.scrollWidth),\n      height: el.offsetHeight + Math.max(0, hidden),\n      ...(atX !== undefined && atY !== undefined ? { x: atX, y: atY } : {}),\n    };\n    const { style } = windowStyle(wanted, ui.viewport(), { scale: ui.scale, minScale: ui.minScale, margin: ui.margin, snap: ui.snap });\n    const s = el.style;\n    s.left = `${style.left}px`;\n    s.top = `${style.top}px`;\n    s.maxWidth = `${style.maxWidth}px`;\n    s.maxHeight = `${style.maxHeight}px`;\n    s.transform = (style.transform as string | undefined) ?? '';\n    s.transformOrigin = (style.transformOrigin as string | undefined) ?? '';\n  };\n\n  useLayoutEffect(place);\n\n  useEffect(() => {\n    if (!enabled) return;\n    const el = ref.current;\n    const body = el?.querySelector<HTMLElement>(`.${SCROLL_CLASS}`);\n    const ro = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => place());\n    for (const child of Array.from(body?.children ?? [])) ro?.observe(child);\n    window.addEventListener('resize', place);\n    return () => {\n      ro?.disconnect();\n      window.removeEventListener('resize', place);\n    };\n    // `place` reads the ref and the settings fresh each time\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [enabled, width, atX, atY, ui]);\n}\n"],"names":["SCROLL_CLASS","useFitToViewport","ref","target","ui","useUi","enabled","width","atX","atY","place","el","body","hidden","wanted","style","windowStyle","s","useLayoutEffect","useEffect","ro","child"],"mappings":";;;AAeO,MAAMA,IAAe;AAQrB,SAASC,EAAiBC,GAAoCC,GAAyB;AAC5F,QAAMC,IAAKC,EAAA,GACL,EAAE,SAAAC,GAAS,OAAAC,EAAA,IAAUJ,GACrBK,IAAML,EAAO,IAAI,GACjBM,IAAMN,EAAO,IAAI,GAEjBO,IAAQ,MAAM;AAClB,UAAMC,IAAKT,EAAI;AACf,QAAI,CAACS,KAAM,CAACL,EAAS;AACrB,UAAMM,IAAOD,EAAG,cAA2B,IAAIX,CAAY,EAAE,GACvDa,IAASD,IAAOA,EAAK,eAAeA,EAAK,eAAe,GACxDE,IAAS;AAAA,MACb,OAAOP,KAAS,KAAK,IAAII,EAAG,aAAaA,EAAG,WAAW;AAAA,MACvD,QAAQA,EAAG,eAAe,KAAK,IAAI,GAAGE,CAAM;AAAA,MAC5C,GAAIL,MAAQ,UAAaC,MAAQ,SAAY,EAAE,GAAGD,GAAK,GAAGC,MAAQ,CAAA;AAAA,IAAC,GAE/D,EAAE,OAAAM,MAAUC,EAAYF,GAAQV,EAAG,SAAA,GAAY,EAAE,OAAOA,EAAG,OAAO,UAAUA,EAAG,UAAU,QAAQA,EAAG,QAAQ,MAAMA,EAAG,MAAM,GAC3Ha,IAAIN,EAAG;AACb,IAAAM,EAAE,OAAO,GAAGF,EAAM,IAAI,MACtBE,EAAE,MAAM,GAAGF,EAAM,GAAG,MACpBE,EAAE,WAAW,GAAGF,EAAM,QAAQ,MAC9BE,EAAE,YAAY,GAAGF,EAAM,SAAS,MAChCE,EAAE,YAAaF,EAAM,aAAoC,IACzDE,EAAE,kBAAmBF,EAAM,mBAA0C;AAAA,EACvE;AAEA,EAAAG,EAAgBR,CAAK,GAErBS,EAAU,MAAM;AACd,QAAI,CAACb,EAAS;AAEd,UAAMM,IADKV,EAAI,SACE,cAA2B,IAAIF,CAAY,EAAE,GACxDoB,IAAK,OAAO,iBAAmB,MAAc,OAAO,IAAI,eAAe,MAAMV,GAAO;AAC1F,eAAWW,KAAS,MAAM,KAAKT,GAAM,YAAY,CAAA,CAAE,EAAG,CAAAQ,GAAI,QAAQC,CAAK;AACvE,kBAAO,iBAAiB,UAAUX,CAAK,GAChC,MAAM;AACX,MAAAU,GAAI,WAAA,GACJ,OAAO,oBAAoB,UAAUV,CAAK;AAAA,IAC5C;AAAA,EAGF,GAAG,CAACJ,GAASC,GAAOC,GAAKC,GAAKL,CAAE,CAAC;AACnC;"}

package/dist/react/usePicked.js

@@ -0,0 +1,13 @@
+import { useState as l } from "react";
+function i(n, t, u = !0) {
+  const [e, o] = l(null);
+  return [c(n, t, e, u), o];
+}
+function c(n, t, u, e = !0) {
+  return (u === null ? void 0 : n.find((r) => t(r) === u)) ?? (e ? n[0] ?? null : null);
+}
+export {
+  c as pickedEntry,
+  i as usePicked
+};
+//# sourceMappingURL=usePicked.js.map

package/dist/react/usePicked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePicked.js","sources":["../../src/react/usePicked.ts"],"sourcesContent":["import { useState } from 'react';\n\n/**\n * Which entry of a list is picked for a `SplitPane`'s detail, by key. While nothing is picked — or the picked entry\n * is gone (sold, used up) — the first one stands in, so the detail is never empty while the list is not; `auto: false`\n * leaves it empty instead (a letter must not be opened, and so marked read, without the player choosing it).\n */\nexport function usePicked<T>(items: readonly T[], key: (item: T) => string, auto = true): [T | null, (id: string | null) => void] {\n  const [picked, setPicked] = useState<string | null>(null);\n  return [pickedEntry(items, key, picked, auto), setPicked];\n}\n\n/** `usePicked`'s rule, pure. */\nexport function pickedEntry<T>(items: readonly T[], key: (item: T) => string, picked: string | null, auto = true): T | null {\n  const found = picked === null ? undefined : items.find((it) => key(it) === picked);\n  return found ?? (auto ? (items[0] ?? null) : null);\n}\n"],"names":["usePicked","items","key","auto","picked","setPicked","useState","pickedEntry","it"],"mappings":";AAOO,SAASA,EAAaC,GAAqBC,GAA0BC,IAAO,IAA+C;AAChI,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAwB,IAAI;AACxD,SAAO,CAACC,EAAYN,GAAOC,GAAKE,GAAQD,CAAI,GAAGE,CAAS;AAC1D;AAGO,SAASE,EAAeN,GAAqBC,GAA0BE,GAAuBD,IAAO,IAAgB;AAE1H,UADcC,MAAW,OAAO,SAAYH,EAAM,KAAK,CAACO,MAAON,EAAIM,CAAE,MAAMJ,CAAM,OAChED,IAAQF,EAAM,CAAC,KAAK,OAAQ;AAC/C;"}

package/dist/react/useStore.js

@@ -0,0 +1,9 @@
+import { useCallback as r, useSyncExternalStore as u } from "react";
+function S(t, e) {
+  const n = r(() => e ? e(t.getState()) : t.getState(), [t, e]);
+  return u(t.subscribe, n, n);
+}
+export {
+  S as useStore
+};
+//# sourceMappingURL=useStore.js.map

package/dist/react/useStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStore.js","sources":["../../src/react/useStore.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\nimport type { Store } from '../ui/dom/createStore';\n\n/**\n * Reads an engine `Store` (`createStore`) in a component and renders again when what it reads changes. `select`\n * must return something stable (a field, a number), not a new object each call, or React renders forever.\n */\nexport function useStore<T extends object>(store: Store<T>): T;\nexport function useStore<T extends object, S>(store: Store<T>, select: (state: T) => S): S;\nexport function useStore<T extends object, S>(store: Store<T>, select?: (state: T) => S): T | S {\n  const get = useCallback(() => (select ? select(store.getState()) : store.getState()), [store, select]);\n  return useSyncExternalStore(store.subscribe, get, get);\n}\n"],"names":["useStore","store","select","get","useCallback","useSyncExternalStore"],"mappings":";AASO,SAASA,EAA8BC,GAAiBC,GAAiC;AAC9F,QAAMC,IAAMC,EAAY,MAAOF,IAASA,EAAOD,EAAM,UAAU,IAAIA,EAAM,SAAA,GAAa,CAACA,GAAOC,CAAM,CAAC;AACrG,SAAOG,EAAqBJ,EAAM,WAAWE,GAAKA,CAAG;AACvD;"}

package/dist/react/useViewport.js

@@ -0,0 +1,17 @@
+import { useState as u, useEffect as w } from "react";
+import { useUi as d } from "./UiProvider.js";
+function p(n = !0) {
+  const e = d(), [o, s] = u(() => e.viewport());
+  return w(() => {
+    if (!n) return;
+    const t = () => {
+      const i = e.viewport();
+      s((r) => r.width === i.width && r.height === i.height ? r : i);
+    };
+    return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, [n, e]), o;
+}
+export {
+  p as useViewport
+};
+//# sourceMappingURL=useViewport.js.map

package/dist/react/useViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewport.js","sources":["../../src/react/useViewport.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { Size } from '../ui/layout/geometry';\nimport { useUi } from './UiProvider';\n\n/** The `UiProvider`'s viewport, read again on every resize (only while `active`). */\nexport function useViewport(active = true): Size {\n  const ui = useUi();\n  const [size, setSize] = useState<Size>(() => ui.viewport());\n  useEffect(() => {\n    if (!active) return;\n    const on = () => {\n      const next = ui.viewport();\n      setSize((s) => (s.width === next.width && s.height === next.height ? s : next));\n    };\n    on();\n    window.addEventListener('resize', on);\n    return () => window.removeEventListener('resize', on);\n  }, [active, ui]);\n  return size;\n}\n"],"names":["useViewport","active","ui","useUi","size","setSize","useState","useEffect","on","next","s"],"mappings":";;AAKO,SAASA,EAAYC,IAAS,IAAY;AAC/C,QAAMC,IAAKC,EAAA,GACL,CAACC,GAAMC,CAAO,IAAIC,EAAe,MAAMJ,EAAG,UAAU;AAC1D,SAAAK,EAAU,MAAM;AACd,QAAI,CAACN,EAAQ;AACb,UAAMO,IAAK,MAAM;AACf,YAAMC,IAAOP,EAAG,SAAA;AAChB,MAAAG,EAAQ,CAACK,MAAOA,EAAE,UAAUD,EAAK,SAASC,EAAE,WAAWD,EAAK,SAASC,IAAID,CAAK;AAAA,IAChF;AACA,WAAAD,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAE,GAC7B,MAAM,OAAO,oBAAoB,UAAUA,CAAE;AAAA,EACtD,GAAG,CAACP,GAAQC,CAAE,CAAC,GACRE;AACT;"}

package/dist/react.js

@@ -0,0 +1,78 @@
+import { UiProvider as r, defaultUiSettings as t, useCx as i, useUi as p } from "./react/UiProvider.js";
+import { classJoiner as l } from "./react/classNames.js";
+import { DEFAULT_LABELS as m, fillLabel as a } from "./react/labels.js";
+import { baseCss as c, injectBaseCss as n } from "./react/baseCss.js";
+import { useStore as C } from "./react/useStore.js";
+import { useViewport as u } from "./react/useViewport.js";
+import { SCROLL_CLASS as d, useFitToViewport as L } from "./react/useFitToViewport.js";
+import { useFillSheet as P } from "./react/useFillSheet.js";
+import { SPLIT_STACK_BELOW as w, cursorTip as k, listPlacement as F, pixelFit as A, sheetScaleStyle as E, splitModeFor as U, windowStyle as _ } from "./react/placement.js";
+import { Panel as B } from "./react/Panel.js";
+import { TabStrip as G } from "./react/TabStrip.js";
+import { SplitPane as V } from "./react/SplitPane.js";
+import { pickedEntry as K, usePicked as M } from "./react/usePicked.js";
+import { Select as j, stepOption as v } from "./react/Select.js";
+import { Tooltip as R } from "./react/Tooltip.js";
+import { TitleTips as q } from "./react/TitleTips.js";
+import { Modal as H } from "./react/Modal.js";
+import { ConfirmDialog as X } from "./react/ConfirmDialog.js";
+import { answerConfirm as Z, askConfirm as $, askQuantity as ee, cancelConfirm as oe, confirmStore as re, parseQuantity as te } from "./react/confirmStore.js";
+import { ChoiceDialog as pe } from "./react/ChoiceDialog.js";
+import { answerChoice as le, askChoice as se, cancelChoice as me, choiceStore as ae, firstChoice as xe } from "./react/choiceStore.js";
+import { Slider as ne, sliderKeyValue as Se } from "./react/Slider.js";
+import { PixelImage as he } from "./react/PixelImage.js";
+import { Glyph as ye, glyphPath as de, hasGlyph as Le, registerGlyph as Te } from "./react/Glyph.js";
+export {
+  pe as ChoiceDialog,
+  X as ConfirmDialog,
+  m as DEFAULT_LABELS,
+  ye as Glyph,
+  H as Modal,
+  B as Panel,
+  he as PixelImage,
+  d as SCROLL_CLASS,
+  w as SPLIT_STACK_BELOW,
+  j as Select,
+  ne as Slider,
+  V as SplitPane,
+  G as TabStrip,
+  q as TitleTips,
+  R as Tooltip,
+  r as UiProvider,
+  le as answerChoice,
+  Z as answerConfirm,
+  se as askChoice,
+  $ as askConfirm,
+  ee as askQuantity,
+  c as baseCss,
+  me as cancelChoice,
+  oe as cancelConfirm,
+  ae as choiceStore,
+  l as classJoiner,
+  re as confirmStore,
+  k as cursorTip,
+  t as defaultUiSettings,
+  a as fillLabel,
+  xe as firstChoice,
+  de as glyphPath,
+  Le as hasGlyph,
+  n as injectBaseCss,
+  F as listPlacement,
+  te as parseQuantity,
+  K as pickedEntry,
+  A as pixelFit,
+  Te as registerGlyph,
+  E as sheetScaleStyle,
+  Se as sliderKeyValue,
+  U as splitModeFor,
+  v as stepOption,
+  i as useCx,
+  P as useFillSheet,
+  L as useFitToViewport,
+  M as usePicked,
+  C as useStore,
+  p as useUi,
+  u as useViewport,
+  _ as windowStyle
+};
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/rig/PosePlayer.js

@@ -0,0 +1,92 @@
+import { blendPose as o } from "./poseMath.js";
+class c {
+  constructor(s, e, t) {
+    this.library = s, this.clips = e, this.clip = this.clipOf(t), this.name = t;
+  }
+  library;
+  clips;
+  clip;
+  name;
+  elapsed = 0;
+  ended = !1;
+  /** The pose being faded out of, and how long the fade lasts and has run. */
+  from = null;
+  fadeMs = 0;
+  fadeAt = 0;
+  cached = null;
+  speed = 1;
+  /** Called when a clip that does not loop reaches its end. */
+  onComplete = null;
+  get current() {
+    return this.name;
+  }
+  get finished() {
+    return this.ended;
+  }
+  /** Time into the current clip, ms. */
+  get time() {
+    return this.elapsed;
+  }
+  /** Plays `name`, fading from the pose shown now over `fadeMs`. The clip already playing keeps going unless `restart`. */
+  play(s, e = {}) {
+    if (s === this.name && !e.restart) return this;
+    const t = e.fadeMs ?? 0;
+    return this.from = t > 0 ? this.pose : null, this.fadeMs = t, this.fadeAt = 0, this.clip = this.clipOf(s), this.name = s, this.elapsed = 0, this.ended = !1, this.cached = null, this;
+  }
+  /** Advances by `dt` seconds. */
+  update(s) {
+    if (!(s > 0) || this.speed <= 0) return;
+    const e = s * 1e3 * this.speed;
+    if (this.cached = null, this.from && (this.fadeAt += e, this.fadeAt >= this.fadeMs && (this.from = null)), this.ended) return;
+    this.elapsed += e;
+    const t = this.totalMs();
+    this.elapsed >= t && (this.clip.loop !== !1 ? this.elapsed %= t : (this.elapsed = t, this.ended = !0, this.onComplete?.(this.name)));
+  }
+  /** The pose to show now. */
+  get pose() {
+    if (this.cached) return this.cached;
+    let s = this.sample(this.elapsed);
+    return this.from && (s = o(this.from, s, Math.min(1, this.fadeAt / this.fadeMs))), this.cached = s, s;
+  }
+  /** The current clip's pose at `ms` into it. */
+  sample(s) {
+    const e = this.clip.poses, t = e.length;
+    let l = Math.max(0, s);
+    for (let i = 0; i < t; i++) {
+      const h = this.lengthOf(i);
+      if (l < h || i === t - 1) {
+        const r = this.resolve(e[i]), n = i === t - 1;
+        if (this.clip.blend === !1 || t === 1 || n && this.clip.loop === !1) return r;
+        const a = this.resolve(e[n ? 0 : i + 1]);
+        return o(r, a, Math.min(1, l / h));
+      }
+      l -= h;
+    }
+    return this.resolve(e[t - 1]);
+  }
+  totalMs() {
+    let s = 0;
+    for (let e = 0; e < this.clip.poses.length; e++) s += this.lengthOf(e);
+    return s;
+  }
+  lengthOf(s) {
+    return Math.max(1, this.clip.durations?.[s] ?? 1e3 / (this.clip.fps ?? 8));
+  }
+  resolve(s) {
+    if (typeof s != "string") return s;
+    const e = this.library[s];
+    if (!e) throw new Error(`PosePlayer: no pose "${s}" in the library`);
+    return e;
+  }
+  clipOf(s) {
+    const e = this.clips[s];
+    if (!e) throw new Error(`PosePlayer: no clip "${s}"`);
+    if (e.poses.length === 0) throw new Error(`PosePlayer: clip "${s}" has no poses`);
+    for (const t of e.poses) this.resolve(t);
+    return e;
+  }
+}
+export {
+  c as PosePlayer
+};
+//# sourceMappingURL=PosePlayer.js.map

package/dist/rig/PosePlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PosePlayer.js","sources":["../../src/rig/PosePlayer.ts"],"sourcesContent":["import { blendPose } from './poseMath';\nimport type { RigPose } from './rigTypes';\n\n/**\n * A clip of key poses: by name (looked up in the player's library) or inline. The player blends between them, so a\n * few keys make a smooth motion; `blend: false` steps from key to key instead (pixel-art timing, a tumble).\n */\nexport interface PoseClip {\n  poses: readonly (string | RigPose)[];\n  /** Keys per second (default 8). */\n  fps?: number;\n  /** Per-key lengths in ms, overriding `fps`. */\n  durations?: readonly number[];\n  /** Start over at the end, blending the last key into the first (default true). */\n  loop?: boolean;\n  /** Blend between keys (default true). */\n  blend?: boolean;\n}\n\n/**\n * Plays pose clips over time and answers the pose of this moment, blended between keys, with a crossfade when the\n * clip changes. Pure: give it a library of poses and clips, call `update(dt)`, read `pose`.\n *\n * ```ts\n * const player = new PosePlayer(HUMANOID_POSES, HUMANOID_CLIPS, 'idle');\n * player.play('walk', { fadeMs: 120 });\n * player.update(dt);\n * view.setPose(player.pose);\n * ```\n */\nexport class PosePlayer<Name extends string = string> {\n  private clip: PoseClip;\n  private name: Name;\n  private elapsed = 0;\n  private ended = false;\n  /** The pose being faded out of, and how long the fade lasts and has run. */\n  private from: RigPose | null = null;\n  private fadeMs = 0;\n  private fadeAt = 0;\n  private cached: RigPose | null = null;\n  speed = 1;\n  /** Called when a clip that does not loop reaches its end. */\n  onComplete: ((clip: Name) => void) | null = null;\n\n  constructor(\n    private readonly library: Readonly<Record<string, RigPose>>,\n    private readonly clips: Record<Name, PoseClip>,\n    initial: NoInfer<Name>,\n  ) {\n    this.clip = this.clipOf(initial);\n    this.name = initial;\n  }\n\n  get current(): Name {\n    return this.name;\n  }\n\n  get finished(): boolean {\n    return this.ended;\n  }\n\n  /** Time into the current clip, ms. */\n  get time(): number {\n    return this.elapsed;\n  }\n\n  /** Plays `name`, fading from the pose shown now over `fadeMs`. The clip already playing keeps going unless `restart`. */\n  play(name: Name, options: { fadeMs?: number; restart?: boolean } = {}): this {\n    if (name === this.name && !options.restart) return this;\n    const fadeMs = options.fadeMs ?? 0;\n    this.from = fadeMs > 0 ? this.pose : null;\n    this.fadeMs = fadeMs;\n    this.fadeAt = 0;\n    this.clip = this.clipOf(name);\n    this.name = name;\n    this.elapsed = 0;\n    this.ended = false;\n    this.cached = null;\n    return this;\n  }\n\n  /** Advances by `dt` seconds. */\n  update(dt: number): void {\n    if (!(dt > 0) || this.speed <= 0) return;\n    const ms = dt * 1000 * this.speed;\n    this.cached = null;\n    if (this.from) {\n      this.fadeAt += ms;\n      if (this.fadeAt >= this.fadeMs) this.from = null;\n    }\n    if (this.ended) return;\n    this.elapsed += ms;\n    const total = this.totalMs();\n    if (this.elapsed >= total) {\n      if (this.clip.loop !== false) {\n        this.elapsed %= total;\n      } else {\n        this.elapsed = total;\n        this.ended = true;\n        this.onComplete?.(this.name);\n      }\n    }\n  }\n\n  /** The pose to show now. */\n  get pose(): RigPose {\n    if (this.cached) return this.cached;\n    let pose = this.sample(this.elapsed);\n    if (this.from) pose = blendPose(this.from, pose, Math.min(1, this.fadeAt / this.fadeMs));\n    this.cached = pose;\n    return pose;\n  }\n\n  /** The current clip's pose at `ms` into it. */\n  sample(ms: number): RigPose {\n    const keys = this.clip.poses;\n    const n = keys.length;\n    let t = Math.max(0, ms);\n    for (let i = 0; i < n; i++) {\n      const len = this.lengthOf(i);\n      if (t < len || i === n - 1) {\n        const a = this.resolve(keys[i]!);\n        const last = i === n - 1;\n        if (this.clip.blend === false || n === 1 || (last && this.clip.loop === false)) return a;\n        const b = this.resolve(keys[last ? 0 : i + 1]!);\n        return blendPose(a, b, Math.min(1, t / len));\n      }\n      t -= len;\n    }\n    return this.resolve(keys[n - 1]!);\n  }\n\n  private totalMs(): number {\n    let sum = 0;\n    for (let i = 0; i < this.clip.poses.length; i++) sum += this.lengthOf(i);\n    return sum;\n  }\n\n  private lengthOf(i: number): number {\n    return Math.max(1, this.clip.durations?.[i] ?? 1000 / (this.clip.fps ?? 8));\n  }\n\n  private resolve(key: string | RigPose): RigPose {\n    if (typeof key !== 'string') return key;\n    const pose = this.library[key];\n    if (!pose) throw new Error(`PosePlayer: no pose \"${key}\" in the library`);\n    return pose;\n  }\n\n  private clipOf(name: Name): PoseClip {\n    const clip = this.clips[name];\n    if (!clip) throw new Error(`PosePlayer: no clip \"${name}\"`);\n    if (clip.poses.length === 0) throw new Error(`PosePlayer: clip \"${name}\" has no poses`);\n    for (const k of clip.poses) this.resolve(k);\n    return clip;\n  }\n}\n"],"names":["PosePlayer","library","clips","initial","name","options","fadeMs","dt","ms","total","pose","blendPose","keys","n","t","len","a","last","b","sum","i","key","clip","k"],"mappings":"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"}