@buoy-gg/shared-ui 7.0.32 → 7.0.34

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

@@ -0,0 +1,52 @@
+/**
+ * ChangeRow — one recorded change in a state tool's history list.
+ *
+ * redux, zustand and jotai each drew the same row on top of `CompactRow`:
+ * a colored status word (the slice / store / atom), a sublabel ("1.2ms ·
+ * 3 keys changed"), the primary line (changed keys or a value preview), a
+ * relative timestamp, and a right-hand badge made of a mono verb (SET,
+ * WRITE, ADDITEM) plus an icon — a lightning bolt when state actually
+ * changed, a clock when the update was slow. The three copies differed
+ * only in how they computed those strings. This component owns the drawing;
+ * tools own the strings.
+ *
+ * testID convention (unchanged from the originals): `${testID}-badge`,
+ * `${testID}-change`, `${testID}-slow`, `${testID}-status`,
+ * `${testID}-sublabel`, `${testID}-keys`.
+ */
+import React, { type ReactNode } from "react";
+export interface ChangeRowProps {
+    /** Status dot + status word color (a category color or the entity's color). */
+    statusColor: string;
+    /** The status word: "Cart", "Replace", "Pending", … */
+    statusLabel: string;
+    /** Line under the status word: duration and diff summary. */
+    sublabel?: string;
+    /** The row's main line: changed keys, a preview, an action type. */
+    primaryText: string;
+    /** Capture time; rendered as a self-ticking relative time. */
+    timestamp: number;
+    /** Mono verb drawn in `statusColor` on the right: "SET", "WRITE", "ADDITEM". */
+    badgeText?: string;
+    /** Draws the ⚡ indicator (state actually changed). */
+    changed?: boolean;
+    /** Draws the 🕒 indicator instead of ⚡ (update exceeded the frame budget). */
+    slow?: boolean;
+    /**
+     * Tool-specific badge content drawn BEFORE the verb (redux's async
+     * "1/2 #3" sequence chip). When set together with `badgeText`, both render.
+     */
+    badgePrefix?: ReactNode;
+    /** Replace the whole badge. Wins over badgeText / changed / slow. */
+    customBadge?: ReactNode;
+    /**
+     * Let CompactRow draw its own plain badge with this text when there is
+     * nothing else to show (no verb, no indicator, no custom badge).
+     */
+    plainBadgeText?: string;
+    onPress?: () => void;
+    testID?: string;
+    accessibilityLabel?: string;
+}
+export declare function ChangeRow({ statusColor, statusLabel, sublabel, primaryText, timestamp, badgeText, changed, slow, badgePrefix, customBadge, plainBadgeText, onPress, testID, accessibilityLabel, }: ChangeRowProps): React.JSX.Element;
+//# sourceMappingURL=ChangeRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeRow.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ChangeRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9C,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,WAAW,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,OAAe,EACf,IAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,OAAO,EACP,MAAM,EACN,kBAAkB,GACnB,EAAE,cAAc,qBAiDhB"}

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

@@ -0,0 +1,41 @@
+/**
+ * ChipStrip — a horizontally scrolling row of filter chips whose taps
+ * don't misfire while the strip is being panned.
+ *
+ * react-query drew this three times (query status, mutation status, storage
+ * type) with the same 5-point / 300 ms swipe-vs-tap discrimination. The
+ * strip and the discrimination live here; the chip is whatever the tool
+ * renders, wired through `useChipTap`.
+ */
+import { type ReactNode } from "react";
+import { type GestureResponderEvent, type StyleProp, type ViewStyle } from "react-native";
+export interface ChipTap {
+    /** Spread onto the ScrollView (or pass `scrollProps` to `ChipStrip`). */
+    scrollProps: {
+        onScrollBeginDrag: () => void;
+        onScrollEndDrag: () => void;
+        onMomentumScrollBegin: () => void;
+        onMomentumScrollEnd: () => void;
+    };
+    /** Give each chip this as `onTouchStart`. */
+    onTouchStart: (event: GestureResponderEvent) => void;
+    /** In a chip's `onPress`: run the action only when this returns true. */
+    isTap: (event?: GestureResponderEvent) => boolean;
+}
+/**
+ * Swipe-vs-tap discrimination for chips inside a horizontal ScrollView.
+ * A press that moved more than a few points, or landed while the strip was
+ * still scrolling, is a pan — not a filter toggle.
+ */
+export declare function useChipTap(): ChipTap;
+export interface ChipStripProps {
+    children: ReactNode;
+    /** From `useChipTap()`. */
+    scrollProps: ChipTap["scrollProps"];
+    /** Sentry label for the scroll view. */
+    sentryLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+}
+export declare function ChipStrip({ children, scrollProps, sentryLabel, style, contentStyle }: ChipStripProps): import("react").JSX.Element;
+//# sourceMappingURL=ChipStrip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipStrip.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ChipStrip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,OAAO;IACtB,yEAAyE;IACzE,WAAW,EAAE;QACX,iBAAiB,EAAE,MAAM,IAAI,CAAC;QAC9B,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,qBAAqB,EAAE,MAAM,IAAI,CAAC;QAClC,mBAAmB,EAAE,MAAM,IAAI,CAAC;KACjC,CAAC;IACF,6CAA6C;IAC7C,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,yEAAyE;IACzE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,OAAO,CAAC;CACnD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAmCpC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACpC,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,cAAc,+BAepG"}

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

@@ -0,0 +1,36 @@
+/**
+ * DetailViewToggle — the row of view cards at the top of a detail screen
+ * (ACTION · STATE · DIFF, CHANGE · STATE · DIFF, …).
+ *
+ * redux, zustand and jotai each shipped their own copy, differing only in
+ * the view keys, labels and testID prefix. The cards, the accent chrome,
+ * the disabled state (diff with nothing to compare) and the a11y contract
+ * are all one component now; tools pass their `views`.
+ */
+import React, { type ComponentType } from "react";
+export interface DetailViewOption<K extends string = string> {
+    key: K;
+    /** Uppercase short label, e.g. "ACTION". */
+    label: string;
+    /** One-line hint under the label. Omit for the compact (label-only) card. */
+    description?: string;
+    icon: ComponentType<{
+        size: number;
+        color: string;
+    }>;
+    /** Card accent when active. Default: the night accent. */
+    activeColor?: string;
+}
+export interface DetailViewToggleProps<K extends string = string> {
+    views: readonly DetailViewOption<K>[];
+    activeView: K;
+    onViewChange: (view: K) => void;
+    /** Keys that cannot be selected right now (e.g. "diff" with no previous state). */
+    disabledKeys?: readonly K[];
+    /** `${testIDPrefix}-view-${key}` on each card. */
+    testIDPrefix?: string;
+}
+declare function DetailViewToggleImpl<K extends string>({ views, activeView, onViewChange, disabledKeys, testIDPrefix, }: DetailViewToggleProps<K>): React.JSX.Element;
+export declare const DetailViewToggle: typeof DetailViewToggleImpl;
+export {};
+//# sourceMappingURL=DetailViewToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailViewToggle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DetailViewToggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAQ,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACzD,GAAG,EAAE,CAAC,CAAC;IACP,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrD,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC9D,KAAK,EAAE,SAAS,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,UAAU,EAAE,CAAC,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,mFAAmF;IACnF,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC5B,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,EAAE,qBAAqB,CAAC,CAAC,CAAC,qBA8D1B;AAED,eAAO,MAAM,gBAAgB,EAAiC,OAAO,oBAAoB,CAAC"}

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

@@ -51,6 +51,13 @@ export interface DevToolsCardProps {
     testID?: string;
     /** Accessibility label for agents / VoiceOver */
     accessibilityLabel?: string;
+    /**
+     * Collapse the card into ONE accessibility element, so its label is what a
+     * reader (or an agent, or a test) gets instead of the children's text. Only
+     * meaningful on a non-interactive card — an interactive one is already an
+     * element in its own right.
+     */
+    accessible?: boolean;
 }
-export declare function DevToolsCard({ children, onPress, onLongPress, isSelected, disabled, activeOpacity, style, contentStyle, testID, accessibilityLabel, }: DevToolsCardProps): import("react").JSX.Element;
+export declare function DevToolsCard({ children, onPress, onLongPress, isSelected, disabled, activeOpacity, style, contentStyle, testID, accessibilityLabel, accessible, }: DevToolsCardProps): import("react").JSX.Element;
 //# sourceMappingURL=DevToolsCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DevToolsCard.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DevToolsCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB;;GAEG;AACH,eAAO,MAAM,uBAAuB;IAClC,yCAAyC;;IAEzC,qDAAqD;;IAErD,oCAAoC;;IAEpC,yBAAyB;;IAEzB,yDAAyD;;IAEzD,mBAAmB;;CAEX,CAAC;AAEX,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,sDAAsD;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,QAAgB,EAChB,aAAmB,EACnB,KAAK,EACL,YAAY,EACZ,MAAM,EACN,kBAAkB,GACnB,EAAE,iBAAiB,+BAkCnB"}
+{"version":3,"file":"DevToolsCard.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DevToolsCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB;;GAEG;AACH,eAAO,MAAM,uBAAuB;IAClC,yCAAyC;;IAEzC,qDAAqD;;IAErD,oCAAoC;;IAEpC,yBAAyB;;IAEzB,yDAAyD;;IAEzD,mBAAmB;;CAEX,CAAC;AAEX,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,sDAAsD;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,QAAgB,EAChB,aAAmB,EACnB,KAAK,EACL,YAAY,EACZ,MAAM,EACN,kBAAkB,EAClB,UAAU,GACX,EAAE,iBAAiB,+BAmCnB"}

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/EntityFilterView.d.ts

@@ -0,0 +1,51 @@
+/**
+ * EntityFilterView — the "hide these by name" filter screen the state tools
+ * share: a list of registered entities (stores, atoms) you can tap to hide,
+ * the active name patterns with a remove ✕, an add-pattern affordance, and
+ * a how-it-works card.
+ *
+ * zustand and jotai each shipped their own copy (~370 lines apiece). The
+ * tool supplies the entities, the nouns and the testID prefix; the screen
+ * is drawn once.
+ *
+ * testID convention (unchanged from zustand's):
+ *   `${prefix}-filters-scroll`, `${prefix}-filters-${entityKey}-count`,
+ *   `${prefix}-filters-${entityKey}-${slug(name)}`, `${prefix}-filters-count`,
+ *   `${prefix}-filters-add-open`, `${prefix}-filters-add-input`,
+ *   `${prefix}-filters-chip-${slug(pattern)}`.
+ */
+export interface FilterableEntity {
+    /** The name a pattern is matched against and the label shown. */
+    name: string;
+    /** The entity's color (dot + label). */
+    color: string;
+}
+export interface EntityFilterViewProps {
+    /** Registered entities; tap one to hide it. */
+    entities: FilterableEntity[];
+    /** Active hide patterns. */
+    ignoredPatterns: Set<string>;
+    /** Tapping an active pattern removes it. */
+    onTogglePattern: (pattern: string) => void;
+    onAddPattern: (pattern: string) => void;
+    /** Plural noun in caps for the headers: "STORES", "ATOMS". */
+    entityNoun: string;
+    /** Singular noun for copy: "store", "atom". */
+    entitySingular: string;
+    /** Segment used in the per-entity testIDs: "store", "atom". */
+    entityKey: string;
+    /** testID prefix, e.g. "buoy-zustand". */
+    testIDPrefix: string;
+    /** Slug an entity name / pattern for a testID. */
+    slug: (value: string) => string;
+    /** The how-it-works paragraph. */
+    howItWorks: string;
+    /** Example bullet lines (rendered as given). */
+    examples: string[];
+    /** Optional override for the add-pattern placeholder. */
+    addPlaceholder?: string;
+    /** Shown (with `${prefix}-filters-${entityKey}s-empty`) when there are no entities. */
+    emptyMessage?: string;
+}
+export declare function EntityFilterView({ entities, ignoredPatterns, onTogglePattern, onAddPattern, entityNoun, entitySingular, entityKey, testIDPrefix, slug, howItWorks, examples, addPlaceholder, emptyMessage, }: EntityFilterViewProps): import("react").JSX.Element;
+//# sourceMappingURL=EntityFilterView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityFilterView.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/EntityFilterView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AASH,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,+CAA+C;IAC/C,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,4BAA4B;IAC5B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAeD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,eAAe,EACf,eAAe,EACf,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,cAAc,EACd,YAAY,GACb,EAAE,qBAAqB,+BA2KvB"}

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

@@ -0,0 +1,48 @@
+/**
+ * ExportPreview — the collapsible "what will be copied" panel at the bottom
+ * of a copy-settings screen.
+ *
+ * Collapsed, it is a card: an eye icon, "Show Preview", a one-line summary
+ * ("14 events · ~12.3 KB (mock data)"), a chevron — and, when the estimated
+ * payload is big, an amber or red size warning under it. Expanded, it is a
+ * "Hide Preview" bar over whatever the tool renders (a DataViewer for JSON,
+ * a mono text block otherwise).
+ *
+ * network, events and highlight-updates each drew this (~120 lines apiece).
+ * Tools keep their own summary string, warning copy and body; the chrome
+ * and the size-threshold ladder live here.
+ */
+import type { ReactNode } from "react";
+export type SizeWarningLevel = "none" | "warning" | "danger";
+/** The two-step ladder every copy view used (thresholds differ per tool). */
+export declare function sizeWarningLevel(bytes: number, thresholds: {
+    warning: number;
+    danger: number;
+}): SizeWarningLevel;
+export interface ExportPreviewTestIDs {
+    expand?: string;
+    collapse?: string;
+    summary?: string;
+    warning?: string;
+}
+export interface ExportPreviewProps {
+    expanded: boolean;
+    onExpandedChange: (next: boolean) => void;
+    /** One line under "Show Preview": counts, size, "(mock data)". */
+    summary: string;
+    warningLevel?: SizeWarningLevel;
+    /** Copy for the warning band. Defaults name "payload". */
+    warningText?: {
+        warning: string;
+        danger: string;
+    };
+    testIDs?: ExportPreviewTestIDs;
+    /**
+     * Builds the expanded body. A function, not children, so the export text
+     * is only generated once the user asks for it — building it eagerly for
+     * a large capture is what used to crash these screens.
+     */
+    renderBody: () => ReactNode;
+}
+export declare function ExportPreview({ expanded, onExpandedChange, summary, warningLevel, warningText, testIDs, renderBody, }: ExportPreviewProps): import("react").JSX.Element;
+//# sourceMappingURL=ExportPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportPreview.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ExportPreview.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7D,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,UAAU,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC9C,gBAAgB,CAIlB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,kEAAkE;IAClE,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,0DAA0D;IAC1D,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,UAAU,EAAE,MAAM,SAAS,CAAC;CAC7B;AAOD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,YAAqB,EACrB,WAA6B,EAC7B,OAAO,EACP,UAAU,GACX,EAAE,kBAAkB,+BA2DpB"}

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

@@ -0,0 +1,33 @@
+/**
+ * InfoRow — the label / value line of every detail screen.
+ *
+ * Thirteen tools hand-rolled this (redux and zustand byte-for-byte). The
+ * night-theme recipe below is theirs: 11 px, tertiary label on the left,
+ * right-aligned value that truncates in the MIDDLE so both ends of an id or
+ * a path stay readable, optional monospace, optional color.
+ *
+ * `ellipsizeMode="middle"` truncates the RENDERED text and iOS reports the
+ * truncated string back, so anything a test reads off one of these rows has
+ * to be short enough to fit on the line.
+ */
+import type { ReactNode } from "react";
+import { type StyleProp, type TextStyle, type ViewStyle } from "react-native";
+export interface InfoRowProps {
+    label: string;
+    /** A string/number is rendered as text; a node is rendered as-is. */
+    value?: string | number | ReactNode;
+    /** Override the value color (a status, a warning). */
+    valueColor?: string;
+    /** Monospace value (ids, paths, JSON fragments). */
+    mono?: boolean;
+    /** Show a small copy button for a text value. */
+    copyable?: boolean;
+    /** Lines the value may take before truncating. Default 1. */
+    numberOfLines?: number;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    valueStyle?: StyleProp<TextStyle>;
+}
+export declare function InfoRow({ label, value, valueColor, mono, copyable, numberOfLines, testID, style, labelStyle, valueStyle, }: InfoRowProps): import("react").JSX.Element;
+//# sourceMappingURL=InfoRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoRow.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/InfoRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItG,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,UAAU,EACV,IAAY,EACZ,QAAgB,EAChB,aAAiB,EACjB,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,GACX,EAAE,YAAY,+BA6Bd"}

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

@@ -1,3 +1,4 @@
+import { type TextInputProps } from "react-native";
 import { type ReactNode } from "react";
 interface ModalHeaderProps {
     children: ReactNode;
@@ -54,7 +55,36 @@ interface SearchProps {
      * ledger for that (still open, and RN-level).
      */
     testID?: string;
+    /** Handle for the whole search row (tools that hand-rolled one used `${TOOL}-search`). */
+    containerTestID?: string;
+    /** Handle for the dismiss ✕. Default `${testID}-clear`. */
+    clearTestID?: string;
+    /** Accessibility label for the field. Default: the placeholder. */
+    accessibilityLabel?: string;
+    /**
+     * Called when the field loses focus. The idiom most tools settled on:
+     * collapse the field only when the query is empty — a query that still
+     * filters the list must stay visible, or the narrowed list has no
+     * explanation.
+     */
+    onBlur?: () => void;
+    /** Icon size. The managed header uses 12; hand-rolled tool headers used 14. */
+    iconSize?: number;
+    /**
+     * The other idiom (network, react-query): the field collapses when it loses
+     * focus or the user submits — unless the blur was caused by pressing the
+     * ✕, which must clear THEN close. Calls `onDismiss` (or `onCancel`).
+     */
+    dismissOnBlur?: boolean;
+    /** Close without clearing (blur / submit under `dismissOnBlur`). Default `onCancel`. */
+    onDismiss?: () => void;
+    /** Only render the ✕ once there is text to clear. */
+    clearOnlyWhenText?: boolean;
+    /** Extra props for the input (a `sentry-label`, say). */
+    inputProps?: Partial<TextInputProps>;
+    /** `nativeID` on the row (highlight-updates excludes its own search from render tracking by it). */
+    containerNativeID?: string;
 }
-export declare function HeaderSearch({ value, onChangeText, onCancel, placeholder, autoFocus, testID, }: SearchProps): import("react").JSX.Element;
+export declare function HeaderSearch({ value, onChangeText, onCancel, placeholder, autoFocus, testID, containerTestID, clearTestID, accessibilityLabel, onBlur, iconSize, dismissOnBlur, onDismiss, clearOnlyWhenText, inputProps, containerNativeID, }: SearchProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ModalHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ModalHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1D,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BASzD;yBATe,WAAW;;;;;;AAY3B,UAAU,eAAe;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,sCAmDnF;AAGD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,YAAY,+BAsCd;AAID,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAMjD;yBANe,OAAO;;;AAYvB,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;oDACgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAyB,EACzB,SAAgB,EAChB,MAAM,GACP,EAAE,WAAW,+BAiCb"}
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwD,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACzG,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1D,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BASzD;yBATe,WAAW;;;;;;AAY3B,UAAU,eAAe;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,sCAmDnF;AAGD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,YAAY,+BAsCd;AAID,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAMjD;yBANe,OAAO;;;AAYvB,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;oDACgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0FAA0F;IAC1F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACrC,oGAAoG;IACpG,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAyB,EACzB,SAAgB,EAChB,MAAM,EACN,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,MAAM,EACN,QAAa,EACb,aAAqB,EACrB,SAAS,EACT,iBAAyB,EACzB,UAAU,EACV,iBAAiB,GAClB,EAAE,WAAW,+BAwDb"}

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

@@ -0,0 +1,38 @@
+/**
+ * Pill — the small caption chip every tool draws next to a row: a verdict
+ * ("UNUSED", "OVERSIZE"), a kind ("event", "transaction"), a link ("↔ 2"),
+ * a source ("MMKV"). Sixteen packages defined 150+ local pill styles that
+ * fall into five looks; those are the `variant`s here. Text is always in
+ * the pill's color (or the muted ink for `quiet`), never the series color
+ * of anything else.
+ *
+ * - `tinted`  — color fill at 15% + border at 40%   (scenarios, react-query chips)
+ * - `soft`    — color fill at 20%, rounded, no border (events correlation badge)
+ * - `outline` — color border only                   (sentry envelope types)
+ * - `quiet`   — neutral 6% white fill, muted text, optional color dot (assets)
+ * - `text`    — bare colored caption, no chrome       (images row badges)
+ */
+import type { ReactNode } from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export type PillVariant = "tinted" | "soft" | "outline" | "quiet" | "text";
+export type PillSize = "xs" | "sm";
+export interface PillProps {
+    label: string;
+    /** Tint. Defaults to the secondary ink. */
+    color?: string;
+    variant?: PillVariant;
+    /** `xs` = 9–10 px caption (default), `sm` = 11 px. */
+    size?: PillSize;
+    /** Monospace label (ids, verbs, codes). */
+    mono?: boolean;
+    /** Uppercase with tracking. Default true for `tinted`/`quiet`/`text`, false otherwise. */
+    uppercase?: boolean;
+    /** `quiet` only: a small dot in `color` before the label. */
+    dot?: boolean;
+    /** Leading node (an icon). */
+    icon?: ReactNode;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Pill({ label, color, variant, size, mono, uppercase, dot, icon, testID, style, }: PillProps): import("react").JSX.Element;
+//# sourceMappingURL=Pill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/Pill.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtF,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAiC,EACjC,OAAkB,EAClB,IAAW,EACX,IAAY,EACZ,SAAS,EACT,GAAW,EACX,IAAI,EACJ,MAAM,EACN,KAAK,GACN,EAAE,SAAS,+BAwCX"}

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

@@ -0,0 +1,33 @@
+/**
+ * ToggleRow — a labeled switch row for a tool's settings surface.
+ *
+ * Every settings screen (impersonate, image-overlay, highlight-updates,
+ * perf-monitor, scenarios, storage, ask-buoy) drew its own `toggleRow` +
+ * `<Switch>` pair with the same night track colors. The native switch stays
+ * (a custom control would be a visible design change); the row chrome,
+ * the label/description stack and the accent/warning tone are shared.
+ *
+ * - `variant="card"`  — an elevated bordered pill row (image-overlay)
+ * - `variant="plain"` — a bare list row for use inside a card (impersonate)
+ */
+import type { ReactNode } from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface ToggleRowProps {
+    label: string;
+    /** Explanatory line under the label. */
+    description?: string;
+    value: boolean;
+    onValueChange: (next: boolean) => void;
+    disabled?: boolean;
+    /** `warning` paints the on-state amber — the "this is destructive" idiom. */
+    tone?: "accent" | "warning";
+    /** Small nodes drawn after the label (a "Detected" chip, a "Recommended" tag). */
+    accessory?: ReactNode;
+    variant?: "card" | "plain";
+    /** Paint the label in the tone color (impersonate's dangerous rows). */
+    emphasizeLabel?: boolean;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ToggleRow({ label, description, value, onValueChange, disabled, tone, accessory, variant, emphasizeLabel, testID, style, }: ToggleRowProps): import("react").JSX.Element;
+//# sourceMappingURL=ToggleRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleRow.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ToggleRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAkC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9F,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,kFAAkF;IAClF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,wEAAwE;IACxE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,IAAe,EACf,SAAS,EACT,OAAgB,EAChB,cAAsB,EACtB,MAAM,EACN,KAAK,GACN,EAAE,cAAc,+BAmChB"}

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"}