@buoy-gg/shared-ui 7.0.32 → 7.0.33

package/lib/module/ui/otto/ottoSheet.js

@@ -0,0 +1,180 @@
+"use strict";
+
+/**
+ * Otto's precomputed animation.
+ *
+ * Every state is a short loop (48 ticks at most). This module renders that
+ * loop once, splits it into a BODY layer and a 7-frame WATER layer (they
+ * composite back pixel-for-pixel: compose() only paints water into empty
+ * cells and blanks a submerged body below the waterline), dedupes the
+ * frames, and turns each distinct frame into merged rectangles. The shipping
+ * <Otto/> mounts those rectangles ONCE as a strip of static Views and slides
+ * a window over the strip on the UI thread.
+ *
+ * Why: the buoy-optimize rounds in OTTO_PERF_PLAN.md showed that any renderer
+ * re-creating Views per tick pegs the JS thread (5 FPS at 34 sprites, dropped
+ * UI frames even at 1 sprite), while "mount once, move a window natively"
+ * costs nothing per tick and keeps moving while JS is blocked.
+ *
+ * Everything here is pure `react-native`-free TypeScript, cached per state.
+ */
+import { OTTO_GRID, OTTO_PALETTE, ottoWaterRows, renderOttoFrame } from "./ottoEngine.js";
+export const CELLS = OTTO_GRID * OTTO_GRID;
+export const WATER_ROW0 = 13;
+export const WATER_ROWS = OTTO_GRID - WATER_ROW0;
+export const WATER_CELLS = WATER_ROWS * OTTO_GRID;
+/** The wave is a function of floor(t/2) mod 7. */
+export const WATER_FRAMES = 7;
+export const TRANSPARENT = "transparent";
+/** Longest state cycle in ticks (idle and sleep are 48). */
+export const MAX_PERIOD = 48;
+export function gridKey(grid) {
+  return grid.map(r => r.join("")).join("|");
+}
+
+/** Flat 256 colours, row-major, `transparent` for empty cells. */
+export function flatColors(grid) {
+  const out = new Array(CELLS);
+  for (let y = 0; y < OTTO_GRID; y++) {
+    const row = grid[y];
+    for (let x = 0; x < OTTO_GRID; x++) out[y * OTTO_GRID + x] = OTTO_PALETTE[row[x]] ?? TRANSPARENT;
+  }
+  return out;
+}
+
+// ---------------------------------------------------------------- cycle ---
+
+const cycleCache = new Map();
+export function ottoCycle(state, keyline) {
+  const cacheKey = `${state}|${keyline ? 1 : 0}`;
+  const hit = cycleCache.get(cacheKey);
+  if (hit) return hit;
+  const keys = [];
+  const grids = [];
+  for (let t = 0; t < MAX_PERIOD * 2; t++) {
+    const g = renderOttoFrame(state, t, {
+      water: false,
+      keyline
+    });
+    grids.push(g);
+    keys.push(gridKey(g));
+  }
+  let period = MAX_PERIOD;
+  for (let P = 1; P <= MAX_PERIOD; P++) {
+    let ok = true;
+    for (let t = 0; t < MAX_PERIOD; t++) {
+      if (keys[t] !== keys[t + P]) {
+        ok = false;
+        break;
+      }
+    }
+    if (ok) {
+      period = P;
+      break;
+    }
+  }
+  const body = grids.slice(0, period).map(flatColors);
+  const water = [];
+  for (let w = 0; w < WATER_FRAMES; w++) {
+    const flat = [];
+    for (const row of ottoWaterRows(w * 2)) for (const k of row) flat.push(OTTO_PALETTE[k] ?? TRANSPARENT);
+    water.push(flat);
+  }
+  const cycle = {
+    period,
+    body,
+    water
+  };
+  cycleCache.set(cacheKey, cycle);
+  return cycle;
+}
+
+/** Frame indexes for a cycle at local tick `t`. */
+export function cycleIndexes(t, period) {
+  const local = Math.max(0, t);
+  return {
+    bi: local % period,
+    wi: Math.floor(local / 2) % WATER_FRAMES
+  };
+}
+
+// ---------------------------------------------------------------- rects ---
+
+/**
+ * Same-colour runs per row, then runs merged with the identical run directly
+ * below them — roughly a third fewer Views than row runs alone. Covers
+ * exactly the non-transparent cells, never overlaps (proved offline over
+ * every frame of every state).
+ */
+export function rectsOf(colors, cols, rows) {
+  const open = [];
+  const done = [];
+  for (let y = 0; y < rows; y++) {
+    const rowRuns = [];
+    let x = 0;
+    while (x < cols) {
+      const color = colors[y * cols + x];
+      let w = 1;
+      while (x + w < cols && colors[y * cols + x + w] === color) w++;
+      if (color !== TRANSPARENT) rowRuns.push({
+        x,
+        y,
+        w,
+        h: 1,
+        color
+      });
+      x += w;
+    }
+    const next = [];
+    for (const r of rowRuns) {
+      const above = open.find(o => o.x === r.x && o.w === r.w && o.color === r.color && o.y + o.h === r.y);
+      if (above) {
+        above.h += 1;
+        next.push(above);
+      } else {
+        next.push(r);
+      }
+    }
+    for (const o of open) if (!next.includes(o)) done.push(o);
+    open.length = 0;
+    open.push(...next);
+  }
+  done.push(...open);
+  return done;
+}
+
+// ---------------------------------------------------------------- sheets --
+
+/** One layer as a strip of distinct frames, and which frame each tick shows. */
+
+const sheetCache = new Map();
+function stripOf(frames, cols, rows) {
+  const keys = frames.map(f => f.join(","));
+  const indexOf = new Map();
+  const distinct = [];
+  keys.forEach((k, i) => {
+    if (!indexOf.has(k)) {
+      indexOf.set(k, distinct.length);
+      distinct.push(rectsOf(frames[i], cols, rows));
+    }
+  });
+  return {
+    colOf: keys.map(k => indexOf.get(k) ?? 0),
+    frames: distinct
+  };
+}
+
+/** Both layers of a state as strips of rectangles. Pure; cached per state. */
+export function ottoSheets(state, keyline) {
+  const key = `${state}|${keyline ? 1 : 0}`;
+  const hit = sheetCache.get(key);
+  if (hit) return hit;
+  const cycle = ottoCycle(state, keyline);
+  const built = {
+    period: cycle.period,
+    body: stripOf(cycle.body, OTTO_GRID, OTTO_GRID),
+    water: stripOf(cycle.water, OTTO_GRID, WATER_ROWS)
+  };
+  sheetCache.set(key, built);
+  return built;
+}

package/lib/typescript/commonjs/JsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JsModal.d.ts","sourceRoot":"","sources":["../../../src/JsModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAUL,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAO,EAML,QAAQ,EAGR,SAAS,EAEV,MAAM,cAAc,CAAC;AAyHtB,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,kBAAkB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACxD;AAED,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAChC;;;+BAG2B;IAC3B,WAAW,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,cAAc,GAAG,YAAY,CAAC;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uBAAuB,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAErD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gIAAgI;IAChI,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AA6xDD,eAAO,MAAM,OAAO,oDAAyB,CAAC"}
+{"version":3,"file":"JsModal.d.ts","sourceRoot":"","sources":["../../../src/JsModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAUL,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAO,EAML,QAAQ,EAGR,SAAS,EAEV,MAAM,cAAc,CAAC;AAyHtB,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,kBAAkB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACxD;AAED,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAChC;;;+BAG2B;IAC3B,WAAW,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,cAAc,GAAG,YAAY,CAAC;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uBAAuB,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAErD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gIAAgI;IAChI,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAoyDD,eAAO,MAAM,OAAO,oDAAyB,CAAC"}

package/lib/typescript/commonjs/hooks/safe-area-impl.d.ts

@@ -1,7 +1,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-09-01T17:57:34.045Z
+ * Generated at: 2026-09-02T23:25:39.783Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/typescript/commonjs/storage/devToolsStorageKeys.d.ts

@@ -245,6 +245,18 @@ export declare const devToolsStorageKeys: {
         /** Copy/export settings */
         readonly copySettings: () => "@react_buoy_events_copy_settings";
     };
+    /**
+     * Desktop/MCP sync identity
+     */
+    readonly sync: {
+        readonly root: () => "@react_buoy_sync";
+        /**
+         * The per-install id minted the first time this app dials the broker.
+         * It is what makes two devices on the same build register as two
+         * devices — see core's deviceIdentity.ts.
+         */
+        readonly deviceId: () => "@react_buoy_sync_device_id";
+    };
 };
 /**
  * Check if a storage key belongs to dev tools

package/lib/typescript/commonjs/storage/devToolsStorageKeys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devToolsStorageKeys.d.ts","sourceRoot":"","sources":["../../../../src/storage/devToolsStorageKeys.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;;IAGH;;OAEG;;;;;;;IASH;;OAEG;;;;;;;;IAUH;;;;;;;;;;OAUG;8BACc,MAAM;;QAInB,kEAAkE;;;QAGlE,iCAAiC;sBACnB,MAAM;;IAIxB;;OAEG;;;;;;QAQD,kDAAkD;;QAElD,gCAAgC;;QAGhC,gCAAgC;;;IAKlC;;OAEG;;;QAGD,mCAAmC;;QAEnC,qEAAqE;;;IAIvE;;OAEG;;;;;IAOH;;OAEG;;;;;;;IAQH;;OAEG;;;;;;;IASH;;OAEG;;;;;;;;;;;;;;IAuBH;;;;OAIG;;;;;IAOH;;;;;OAKG;;;;;;;IAQH;;OAEG;;;;;;;;;;;IAiBH;;OAEG;;;;;;;;;;QAcD;;;WAGG;;QAEH;;;;;WAKG;;;IAIL;;OAEG;;;;;;;;;;IAgBH;;OAEG;;;;;;;QAUD,2BAA2B;;;IAK7B;;OAEG;;;;;;;;;IAcH;;OAEG;;;QAGD,8DAA8D;;;IAKhE;;OAEG;;;QAGD;;;;;;;;WAQG;;QAEH,oCAAoC;;QAGpC,wCAAwC;;QAGxC;;;;;WAKG;;QAEH,2BAA2B;;;CAIrB,CAAC;AAwBX;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CA0BzD;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAE9D;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,EAAE,CAsBpD"}
+{"version":3,"file":"devToolsStorageKeys.d.ts","sourceRoot":"","sources":["../../../../src/storage/devToolsStorageKeys.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;;IAGH;;OAEG;;;;;;;IASH;;OAEG;;;;;;;;IAUH;;;;;;;;;;OAUG;8BACc,MAAM;;QAInB,kEAAkE;;;QAGlE,iCAAiC;sBACnB,MAAM;;IAIxB;;OAEG;;;;;;QAQD,kDAAkD;;QAElD,gCAAgC;;QAGhC,gCAAgC;;;IAKlC;;OAEG;;;QAGD,mCAAmC;;QAEnC,qEAAqE;;;IAIvE;;OAEG;;;;;IAOH;;OAEG;;;;;;;IAQH;;OAEG;;;;;;;IASH;;OAEG;;;;;;;;;;;;;;IAuBH;;;;OAIG;;;;;IAOH;;;;;OAKG;;;;;;;IAQH;;OAEG;;;;;;;;;;;IAiBH;;OAEG;;;;;;;;;;QAcD;;;WAGG;;QAEH;;;;;WAKG;;;IAIL;;OAEG;;;;;;;;;;IAgBH;;OAEG;;;;;;;QAUD,2BAA2B;;;IAK7B;;OAEG;;;;;;;;;IAcH;;OAEG;;;QAGD,8DAA8D;;;IAKhE;;OAEG;;;QAGD;;;;;;;;WAQG;;QAEH,oCAAoC;;QAGpC,wCAAwC;;QAGxC;;;;;WAKG;;QAEH,2BAA2B;;;IAK7B;;OAEG;;;QAGD;;;;WAIG;;;CAGG,CAAC;AAwBX;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CA0BzD;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAE9D;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,EAAE,CAsBpD"}

package/lib/typescript/commonjs/ui/components/EmptyState.d.ts

@@ -1,6 +1,19 @@
 import { ViewStyle } from "react-native";
 import { LucideIcon } from "../../icons";
+import { type OttoState } from "../otto";
 interface EmptyStateProps {
+    /**
+     * Show Otto instead of an icon, in this state.
+     *
+     * Pick the state whose `OTTO_USES` sentence is literally what this empty
+     * state is saying — `fishing` for "capture is on, nothing caught yet",
+     * `empty` for a genuinely empty list, `sad` for a search that matched
+     * nothing. A mascot in the wrong state is worse than none, because this is
+     * a debugging tool and the state reads as a status.
+     *
+     * Opt-in: with no `otto`, this renders exactly as it always has.
+     */
+    otto?: OttoState;
     /** Primary message to display */
     title: string;
     /** Optional secondary/description message */
@@ -24,7 +37,7 @@ interface EmptyStateProps {
 /**
  * Reusable empty state component for consistent empty/no-data displays
  */
-export declare function EmptyState({ title, description, icon: Icon, iconSize, iconColor, action, variant, style, }: EmptyStateProps): import("react").JSX.Element;
+export declare function EmptyState({ otto, title, description, icon: Icon, iconSize, iconColor, action, variant, style, }: EmptyStateProps): import("react").JSX.Element;
 /**
  * Pre-configured empty state for no data scenarios
  */

package/lib/typescript/commonjs/ui/components/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC,UAAU,eAAe;IACvB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,QAAa,EACb,SAAoC,EACpC,MAAM,EACN,OAAmB,EACnB,KAAK,GACN,EAAE,eAAe,+BAgCjB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,gCAO/B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,gCAOlC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,GACX,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BAWA"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,UAAU,eAAe;IACvB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,QAAa,EACb,SAAoC,EACpC,MAAM,EACN,OAAmB,EACnB,KAAK,GACN,EAAE,eAAe,+BAsCjB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,gCAO/B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,gCAOlC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,GACX,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BAWA"}

package/lib/typescript/commonjs/ui/components/ToolEmptyState.d.ts

@@ -0,0 +1,113 @@
+/**
+ * The one "nothing here" panel, for every tool that shows a list.
+ *
+ * WHY THIS EXISTS
+ *
+ * Every capture tool — network, events, highlight-updates, storage, zustand,
+ * redux, jotai, console — renders the same panel with the same four causes and
+ * different nouns. Written out per tool, that produced four copies of the same
+ * layout (each of which had to be re-inset by hand the first time a sentence
+ * was longer than "No events yet"), and four independent guesses at the
+ * PRECEDENCE between those causes. The guesses disagreed, and the disagreements
+ * were bugs:
+ *
+ *   - A search that matched nothing showed "Enable tracking to start
+ *     capturing" — pointing at a toggle that was already on.
+ *   - Turning every source chip off showed "Events will appear here as they
+ *     occur" — inviting you to go generate events that were already in the
+ *     store, behind your own filter.
+ *   - Typing into a search box while the store was empty produced no
+ *     acknowledgement of the query at all, which reads as a dead search box.
+ *
+ * So the precedence lives here, once, and each tool supplies only what is
+ * genuinely its own: the noun, and what "switched on but waiting" looks like
+ * for it (network fishes, events listens, the highlighter stares).
+ *
+ * SPLIT IN TWO ON PURPOSE
+ *
+ * `resolveListEmptyState` is a pure function returning `{ otto, title,
+ * message }`, and `ToolEmptyState` renders that object. Tools with a cause
+ * nobody else has — storage's "no issues found" (which is a PASS, not a
+ * failure), zustand's unregistered store — resolve the common cases and
+ * substitute their own, or skip the resolver and hand the shell a literal.
+ * Adding a mascot to every tool at once is then one edit in this file, which is
+ * also what makes the Flutter and Swift ports one component to mirror instead
+ * of eight.
+ */
+import { type ViewStyle } from "react-native";
+import { type OttoState } from "../otto";
+/** What a "nothing here" panel says. */
+export interface ToolEmptyContent {
+    /**
+     * Otto's state. It must be TRUE of the branch that chose it — this is a
+     * debugging tool, and a mascot in the wrong state reads as a status. See
+     * `OTTO_USES` in the engine for what each one claims.
+     */
+    otto: OttoState;
+    title: string;
+    message: string;
+}
+export interface ToolEmptyStateProps extends ToolEmptyContent {
+    /**
+     * Base testID. Renders `${testID}` on the container, `${testID}-title` and
+     * `${testID}-text` on the two lines — the shape the existing e2e suites
+     * already select on.
+     */
+    testID?: string;
+    style?: ViewStyle;
+}
+/**
+ * The panel itself: Otto, a heading, a sentence. Nothing else — this only ever
+ * renders where the alternative is a blank body, so it has no actions and no
+ * decoration to compete with the list it stands in for.
+ */
+export declare function ToolEmptyState({ otto, title, message, testID, style, }: ToolEmptyStateProps): import("react").JSX.Element;
+export interface ListEmptyFacts {
+    /**
+     * Plural noun for what the list holds — "requests", "events", "components",
+     * "changes", "keys". Used in the generated sentences.
+     */
+    subject: string;
+    /**
+     * Past participle for how they got here: "captured" (default), "tracked",
+     * "registered". Reads as "None of the 176 tracked components match".
+     */
+    verb?: string;
+    /**
+     * The live search box. A non-empty query ALWAYS wins: whatever else is
+     * wrong, the user just typed something and is watching for it to land, and
+     * a panel that answers with anything else reads as a search box that does
+     * nothing. Never gate this on there being something to match.
+     */
+    search?: string;
+    /**
+     * How many items exist BEFORE the user's own search and filters — the
+     * denominator that separates "your filter hid it" from "nothing happened".
+     * Leave undefined and both of those collapse into `waiting`/`paused`.
+     */
+    total?: number;
+    /**
+     * The tool's capture/tracking switch. `false` selects `paused`; leave it
+     * undefined for tools that have no such switch.
+     */
+    capturing?: boolean;
+    /** Otto + copy for "switched on, nothing has arrived yet". */
+    waiting: ToolEmptyContent;
+    /** Copy for "switched off". Otto defaults to `paused`. */
+    paused?: Partial<ToolEmptyContent>;
+    /**
+     * A harder blocker to name in the search branch's body instead of the
+     * generated sentence — "Every source chip is off, so there is nothing to
+     * search." Clearing the query would not help, and saying "clear the search
+     * to see them" when it would not is the lie this exists to prevent.
+     */
+    blocked?: string;
+}
+/**
+ * Which "nothing here" this is, in the order the facts answer the question.
+ *
+ * A typed query first (see `search`), then the user's filters, then the
+ * capture switch, then the honest "nothing yet".
+ */
+export declare function resolveListEmptyState(facts: ListEmptyFacts): ToolEmptyContent;
+//# sourceMappingURL=ToolEmptyState.d.ts.map

package/lib/typescript/commonjs/ui/components/ToolEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolEmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ToolEmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAG/C,wCAAwC;AACxC,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,KAAK,GACN,EAAE,mBAAmB,+BAmBrB;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,OAAO,EAAE,gBAAgB,CAAC;IAC1B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,gBAAgB,CAmD7E"}

package/lib/typescript/commonjs/ui/components/WindowControls.d.ts

@@ -15,12 +15,18 @@ interface WindowControlsProps {
     mode?: ModalMode;
     /** Host modal's chrome variant — "night" restyles the expanded popover. */
     variant?: ModalVariant;
+    /**
+     * Start with the big-button popover open and never auto-dismiss it.
+     * For galleries / parity sheets that need the expanded state to sit still
+     * for a screenshot; a real modal never sets this.
+     */
+    defaultExpanded?: boolean;
 }
 /**
  * iPad-style expandable window controls.
  * Default: small macOS-style colored dots. On tap, expands to reveal
  * large, easy-to-press buttons. Auto-dismisses after timeout or tap outside.
  */
-export declare function WindowControls({ onClose, onMinimize, onToggleMode, mode, variant, }: WindowControlsProps): import("react").JSX.Element;
+export declare function WindowControls({ onClose, onMinimize, onToggleMode, mode, variant, defaultExpanded, }: WindowControlsProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=WindowControls.d.ts.map

package/lib/typescript/commonjs/ui/components/WindowControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WindowControls.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/WindowControls.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAe7D;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,OAAO,QAE3D;AAMD,UAAU,mBAAmB;IAC3B,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AA+BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,OAAiB,GAClB,EAAE,mBAAmB,+BAuDrB"}
+{"version":3,"file":"WindowControls.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/WindowControls.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAe7D;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,OAAO,QAE3D;AAMD,UAAU,mBAAmB;IAC3B,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA+BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,OAAiB,EACjB,eAAe,GAChB,EAAE,mBAAmB,+BAwDrB"}

package/lib/typescript/commonjs/ui/components/index.d.ts

@@ -24,6 +24,8 @@ export { DevToolsCard, DEVTOOLS_CARD_CONSTANTS } from "./DevToolsCard";
 export type { DevToolsCardProps } from "./DevToolsCard";
 export { HeaderSearchButton } from "./HeaderSearchButton";
 export { EmptyState, NoDataEmptyState, NoResultsEmptyState, NoSearchResultsEmptyState, } from "./EmptyState";
+export { ToolEmptyState, resolveListEmptyState } from "./ToolEmptyState";
+export type { ToolEmptyContent, ToolEmptyStateProps, ListEmptyFacts, } from "./ToolEmptyState";
 export { StatusIndicator } from "./StatusIndicator";
 export { TimeDisplay } from "./TimeDisplay";
 export { DetailView } from "./DetailView";

package/lib/typescript/commonjs/ui/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/ui/index.d.ts

@@ -3,4 +3,5 @@ export * from "./backgrounds";
 export { toolTheme, type ToolTheme } from "./toolTheme";
 export { CyberpunkSectionButton } from "./console/CyberpunkSectionButton";
 export * from "./gameUI";
+export * from "./otto";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC"}

package/lib/typescript/commonjs/ui/otto/OttoSprite.d.ts

@@ -0,0 +1,103 @@
+import type { StyleProp, ViewStyle } from "react-native";
+import { Animated } from "react-native";
+import { type OttoRenderOptions, type OttoState } from "./ottoEngine";
+import { WATER_FRAMES } from "./ottoSheet";
+/**
+ * The tick span every layer of a state loops over. It is a common multiple of
+ * the body cycle and the anchor cycle, so a prop held in Otto's hand and the
+ * hand itself repeat together.
+ */
+export declare function motionUnits(state: OttoState, keyline?: boolean): number;
+export interface OttoPixelsProps {
+    /** A 16×16 grid of palette keys, from `renderOttoFrame`. */
+    grid: string[][];
+    /** Size of one sprite pixel in points. */
+    pixelSize: number;
+    style?: StyleProp<ViewStyle>;
+}
+/** Pure renderer: a frame → coloured run Views. Fine for stills; costly per tick. */
+export declare function OttoPixels({ grid, pixelSize, style }: OttoPixelsProps): import("react").JSX.Element;
+export interface OttoStillProps extends OttoRenderOptions {
+    /** Default `static`: the base pose, for favicons and stills. */
+    state?: OttoState;
+    pixelSize?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/** Frame 0 of a state, no clock — safe on screens that must not re-render. */
+export declare function OttoStill({ state, pixelSize, water, keyline, style }: OttoStillProps): import("react").JSX.Element;
+/**
+ * Walks the demo reel: which state plays now. One React state change per
+ * schedule entry (every few seconds), nothing per tick.
+ */
+export declare function useOttoReel(enabled: boolean, tickMs?: number, active?: boolean): OttoState;
+export interface StepOffset {
+    x: number;
+    y: number;
+}
+/** A style that moves a view through offsets in lock-step with Otto's clock. */
+export type StepMotionStyle = Animated.WithAnimatedObject<ViewStyle> | ViewStyle;
+/**
+ * The layer the clock moves.
+ *
+ * On native this has to be an `Animated.View` — it carries interpolated
+ * values. On web the motion is a COMPILED CSS class (see `webStepStyle`), and
+ * `Animated.View` flattens its style prop into a fresh object, which loses the
+ * identity react-native-web looks the compiled rules up by; the keyframes are
+ * then silently dropped and the sprite sits on frame 0. So the web path takes
+ * a plain View, which passes the class straight through.
+ */
+declare const OttoMotionView: typeof Animated.View;
+export { OttoMotionView };
+export interface OttoAnchorMotion {
+    /** Spread onto an `Animated.View` holding the prop. */
+    style: StepMotionStyle;
+    /** Draw the prop over Otto (true) or behind the arms (false). */
+    over: boolean;
+    /** The prop's resting cell, for layout before motion applies. */
+    origin: StepOffset;
+}
+/**
+ * Move a prop in lock-step with Otto's hands. `OTTO_ANCHORS[state]` publishes
+ * where the hand is each tick; this turns that into the same kind of clocked
+ * style the sprite itself uses, on the same timebase, so the two can't drift.
+ *
+ * Returns `null` for a state that has no anchor.
+ */
+export declare function useOttoAnchorMotion(state: OttoState, pixelSize: number, tickMs?: number, active?: boolean, keyline?: boolean): OttoAnchorMotion | null;
+export interface OttoProps extends OttoRenderOptions {
+    /** A named state, or `reel` to play the demo schedule. */
+    state: OttoState | "reel";
+    /** Size of one sprite pixel in points. Default 8 (the mockup's default). */
+    pixelSize?: number;
+    /** Tick period in ms. Default 140 (the mockup's default). */
+    tickMs?: number;
+    /** false = frozen at frame 0 with the clock off. */
+    active?: boolean;
+    /**
+     * Mount the animated strips in the SAME commit instead of after the
+     * interaction settles. Default false — see `Otto` for why.
+     */
+    eager?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * The shipping sprite.
+ *
+ * Mounting is deferred on purpose. The strips are ~500 static Views for a
+ * typical state, and creating those is native COMMIT cost: measured at 128 ms
+ * for one sprite, against 28 ms for a still. A mascot almost always appears
+ * while something else is animating (a panel opening, a list settling), and
+ * 128 ms of commit dropped into that is a visible hitch.
+ *
+ * So the first commit paints `OttoStill` — frame 0, ~36 Views, the exact
+ * pixels the animation starts on — and the strips mount once the interaction
+ * has settled (an idle callback). Nothing pops, because the still IS frame 0.
+ * Pass `eager` when the sprite is the thing the user is waiting for.
+ *
+ * The two layers are siblings that each gate themselves with `return null`
+ * rather than a ternary swap, so this component's child slots never change
+ * shape (Fabric view-index safety).
+ */
+export declare function Otto({ state, pixelSize, water, keyline, tickMs, active, eager, style, }: OttoProps): import("react").JSX.Element;
+export { WATER_FRAMES };
+//# sourceMappingURL=OttoSprite.d.ts.map

package/lib/typescript/commonjs/ui/otto/OttoSprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OttoSprite.d.ts","sourceRoot":"","sources":["../../../../../src/ui/otto/OttoSprite.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAsC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAiE,MAAM,aAAa,CAAC;AAiB1G;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,UAAO,GAAG,MAAM,CAEpE;AAID,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,+BA8BrE;AAID,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,gEAAgE;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,8EAA8E;AAC9E,wBAAgB,SAAS,CAAC,EAAE,KAAgB,EAAE,SAAa,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,cAAc,+BAGnG;AAID;;;GAGG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAM,EAAE,MAAM,UAAO,GAAG,SAAS,CASpF;AAID,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,gFAAgF;AAChF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;AAIjF;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc,EAAsC,OAAO,QAAQ,CAAC,IAAI,CAAC;AAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;AAwH1B,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,KAAK,EAAE,eAAe,CAAC;IACvB,iEAAiE;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,MAAM,EAAE,UAAU,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,MAAM,EACjB,MAAM,SAAM,EACZ,MAAM,UAAO,EACb,OAAO,UAAO,GACb,gBAAgB,GAAG,IAAI,CAgBzB;AAID,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD,0DAA0D;IAC1D,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,SAAa,EACb,KAAY,EACZ,OAAc,EACd,MAAY,EACZ,MAAa,EACb,KAAa,EACb,KAAK,GACN,EAAE,SAAS,+BAyCX;AAoID,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/commonjs/ui/otto/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Otto — the Buoy mascot, as a shared UI primitive.
+ *
+ * One 16×16 pixel character with a state per product moment. `OTTO_USES` says
+ * what each state is for; place him only where the alternative is nothing
+ * (empty bodies, waiting states) and only in states that are actually true.
+ * See OTTO_PLACEMENT_PLAN.md.
+ *
+ * The renderer is core-RN only (no Reanimated, no expo-image), so it runs in
+ * Expo, in a bare RN CLI host, and on react-native-web. See OTTO_PERF_PLAN.md
+ * for the measurements behind that.
+ *
+ * This is the ONE copy. The example app's review page and the website's lab
+ * re-export from here rather than keeping forks.
+ */
+export * from "./ottoEngine";
+export * from "./ottoSheet";
+export * from "./OttoSprite";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/ui/otto/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/otto/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}