@buoy-gg/time-machine 7.0.41 → 7.0.42

package/lib/commonjs/sync/timeMachineSyncAdapter.js

@@ -1,258 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.timeMachineSyncAdapter = void 0;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _timeMachineStore = require("../store/timeMachineStore");
-var _snapshotVault = require("../store/snapshotVault");
-var _routeRestore = require("../store/routeRestore");
-var _sourceSettings = require("../store/sourceSettings");
-var _sourceIds = require("../store/sourceIds");
-/**
- * Sync adapter for the Time Machine tool, consumed by @buoy-gg/external-sync's
- * `useExternalSync` (structurally matches its ToolSyncAdapter interface so
- * this package doesn't need a dependency on it).
- *
- * Snapshots stay ON-DEVICE — getSnapshot ships METADATA only (list, provider
- * statuses, last restore outcome), far under the 2MB per-tool budget. Payload
- * inspection goes through the `inspect` action (8MB action-result budget).
- *
- * The `restore` action uses the store's scheduleReloadApp path for reload
- * mode, so the action RESULT is flushed to the broker before the JS realm
- * dies — a remote caller always gets its answer.
- */
-
-function providerStatuses() {
-  return (0, _sharedUi.getStateSnapshotProviders)().map(p => {
-    const s = p.status();
-    return {
-      id: p.id,
-      label: p.label,
-      canCapture: s.canCapture,
-      canRestore: s.canRestore,
-      detail: s.detail,
-      enabled: (0, _sourceSettings.isSourceEnabled)(p.id)
-    };
-  });
-}
-function metadata() {
-  const {
-    snapshots,
-    busy,
-    lastOutcome
-  } = _timeMachineStore.timeMachineStore.getState();
-  const current = (0, _routeRestore.currentRoute)();
-  return {
-    snapshots,
-    busy,
-    lastOutcome,
-    providers: providerStatuses(),
-    // Route capture/restore is a device capability, not a snapshot provider —
-    // a dashboard has no router of its own to probe, so it's mirrored here.
-    route: {
-      available: (0, _routeRestore.canNavigate)(),
-      enabled: (0, _sourceSettings.isSourceEnabled)(_sourceIds.ROUTE_SOURCE_ID),
-      ...(current ? {
-        current: current.href
-      } : {})
-    }
-  };
-}
-const timeMachineSyncAdapter = exports.timeMachineSyncAdapter = {
-  // v2 adds `route` (device route capability) and `snapshots[].route`.
-  version: 2,
-  getSnapshot: () => metadata(),
-  subscribe: onChange => {
-    const unsubStore = _timeMachineStore.timeMachineStore.subscribe(onChange);
-    const unsubProviders = (0, _sharedUi.subscribeToStateSnapshotProviders)(onChange);
-    return () => {
-      unsubStore();
-      unsubProviders();
-    };
-  },
-  actions: {
-    list: () => metadata(),
-    capture: async params => {
-      const {
-        name = "",
-        sourceIds
-      } = params ?? {};
-      const meta = await _timeMachineStore.timeMachineStore.capture(name, sourceIds);
-      return {
-        captured: true,
-        snapshot: meta
-      };
-    },
-    captureBaseline: async () => {
-      const meta = await _timeMachineStore.timeMachineStore.captureBaseline();
-      return {
-        captured: true,
-        snapshot: meta
-      };
-    },
-    /** Wipe every clearable source to fresh-install state, then reload. */
-    wipeAll: async () => await _timeMachineStore.timeMachineStore.wipeAll(),
-    /** mode "live" (default) replaces state in place; "reload" restores
-     * persisted storage then reloads the JS bundle (always the path for
-     * baseline snapshots). */
-    restore: async params => {
-      const {
-        id,
-        mode = "live",
-        excludeKeys,
-        restoreRoute
-      } = params ?? {};
-      if (!id) throw new Error("restore requires a snapshot `id`");
-      return await _timeMachineStore.timeMachineStore.restore(id, mode, excludeKeys, {
-        restoreRoute
-      });
-    },
-    delete: async params => {
-      const {
-        id
-      } = params ?? {};
-      if (!id) throw new Error("delete requires a snapshot `id`");
-      await _timeMachineStore.timeMachineStore.delete(id);
-      return {
-        deleted: true,
-        id
-      };
-    },
-    rename: async params => {
-      const {
-        id,
-        name
-      } = params ?? {};
-      if (!id || !name) throw new Error("rename requires `id` and `name`");
-      await _timeMachineStore.timeMachineStore.rename(id, name);
-      return {
-        renamed: true,
-        id,
-        name
-      };
-    },
-    /**
-     * Save (or clear with null/empty) the items a restore of this snapshot
-     * must leave alone — the persisted form of the preview's checkboxes.
-     */
-    setExclusions: async params => {
-      const {
-        id,
-        excludedKeys
-      } = params ?? {};
-      if (!id) throw new Error("setExclusions requires `id`");
-      await _timeMachineStore.timeMachineStore.setExclusions(id, excludedKeys ?? null);
-      return {
-        id,
-        excluded: excludedKeys?.length ?? 0
-      };
-    },
-    /** Turn a restore point's route restore on or off. */
-    setRestoreRoute: async params => {
-      const {
-        id,
-        restoreRoute
-      } = params ?? {};
-      if (!id) throw new Error("setRestoreRoute requires `id`");
-      await _timeMachineStore.timeMachineStore.setRestoreRoute(id, restoreRoute !== false);
-      return {
-        id,
-        restoreRoute: restoreRoute !== false
-      };
-    },
-    /** Copy a restore point so a variation can start from a known base. */
-    duplicate: async params => {
-      const {
-        id
-      } = params ?? {};
-      if (!id) throw new Error("duplicate requires `id`");
-      const snapshot = await _timeMachineStore.timeMachineStore.duplicate(id);
-      if (!snapshot) throw new Error(`No snapshot with id "${id}"`);
-      return {
-        snapshot
-      };
-    },
-    /** Save (or clear with null/empty) a snapshot's targeted-restore scope. */
-    setScope: async params => {
-      const {
-        id,
-        scope
-      } = params ?? {};
-      if (!id) throw new Error("setScope requires a snapshot `id`");
-      await _timeMachineStore.timeMachineStore.setScope(id, scope ?? null);
-      return {
-        scoped: true,
-        id,
-        count: scope?.length ?? 0
-      };
-    },
-    /**
-     * Item-level restore preview, computed ON-DEVICE. Values above ~4KB per
-     * item are omitted (valueOmitted) so the result stays far under the 8MB
-     * action budget on any app size.
-     */
-    preview: async params => {
-      const {
-        id,
-        compareTo
-      } = params ?? {};
-      if (!id) throw new Error("preview requires a snapshot `id`");
-      const right = {
-        snapshotId: id
-      };
-      const left = compareTo ? {
-        snapshotId: compareTo
-      } : "current";
-      await _timeMachineStore.timeMachineStore.buildPreview(right, left);
-      const preview = _timeMachineStore.timeMachineStore.getState().preview;
-      if (!preview) throw new Error("preview build produced no result");
-      const VALUE_BUDGET = 4 * 1024;
-      return {
-        left,
-        right,
-        builtAt: preview.builtAt,
-        sources: preview.sources.map(src => ({
-          ...src,
-          items: src.items.map(item => {
-            const oldBig = item.oldValue !== undefined && (0, _dataViewer.jsonLikelyLargerThan)(item.oldValue, VALUE_BUDGET);
-            const newBig = item.newValue !== undefined && (0, _dataViewer.jsonLikelyLargerThan)(item.newValue, VALUE_BUDGET);
-            return {
-              ...item,
-              oldValue: oldBig ? undefined : item.oldValue,
-              newValue: newBig ? undefined : item.newValue,
-              ...(oldBig || newBig ? {
-                valueOmitted: true
-              } : {})
-            };
-          })
-        }))
-      };
-    },
-    /** One source's captured payload, deserialized — for remote inspection. */
-    inspect: async params => {
-      const {
-        id,
-        sourceId
-      } = params ?? {};
-      if (!id || !sourceId) {
-        throw new Error("inspect requires `id` and `sourceId`");
-      }
-      const stored = await (0, _snapshotVault.loadSnapshot)(id);
-      if (!stored) throw new Error(`No snapshot with id "${id}"`);
-      const payload = stored.data[sourceId];
-      if (!payload) {
-        throw new Error(`Snapshot "${id}" has no "${sourceId}" source`);
-      }
-      return {
-        id,
-        sourceId,
-        warnings: stored.meta.sources[sourceId]?.warnings ?? [],
-        data: (0, _sharedUi.superJsonDeserialize)(payload)
-      };
-    }
-  }
-};
-//# sourceMappingURL=timeMachineSyncAdapter.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.timeMachineSyncAdapter=void 0;var _sharedUi=require("@buoy-gg/shared-ui");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _timeMachineStore=require("../store/timeMachineStore");var _snapshotVault=require("../store/snapshotVault");var _routeRestore=require("../store/routeRestore");var _sourceSettings=require("../store/sourceSettings");var _sourceIds=require("../store/sourceIds");function providerStatuses(){return(0,_sharedUi.getStateSnapshotProviders)().map(t=>{const e=t.status();return{id:t.id,label:t.label,canCapture:e.canCapture,canRestore:e.canRestore,detail:e.detail,enabled:(0,_sourceSettings.isSourceEnabled)(t.id)}})}function metadata(){const{snapshots:t,busy:e,lastOutcome:r}=_timeMachineStore.timeMachineStore.getState();const s=(0,_routeRestore.currentRoute)();return{snapshots:t,busy:e,lastOutcome:r,providers:providerStatuses(),route:{available:(0,_routeRestore.canNavigate)(),enabled:(0,_sourceSettings.isSourceEnabled)(_sourceIds.ROUTE_SOURCE_ID),...s?{current:s.href}:{}}}}const timeMachineSyncAdapter=exports.timeMachineSyncAdapter={version:2,getSnapshot:()=>metadata(),subscribe:t=>{const e=_timeMachineStore.timeMachineStore.subscribe(t);const r=(0,_sharedUi.subscribeToStateSnapshotProviders)(t);return()=>{e();r()}},actions:{list:()=>metadata(),capture:async t=>{const{name:e="",sourceIds:r}=t??{};const s=await _timeMachineStore.timeMachineStore.capture(e,r);return{captured:true,snapshot:s}},captureBaseline:async()=>{const t=await _timeMachineStore.timeMachineStore.captureBaseline();return{captured:true,snapshot:t}},wipeAll:async()=>await _timeMachineStore.timeMachineStore.wipeAll(),restore:async t=>{const{id:e,mode:r="live",excludeKeys:s,restoreRoute:a}=t??{};if(!e)throw new Error("restore requires a snapshot `id`");return await _timeMachineStore.timeMachineStore.restore(e,r,s,{restoreRoute:a})},delete:async t=>{const{id:e}=t??{};if(!e)throw new Error("delete requires a snapshot `id`");await _timeMachineStore.timeMachineStore.delete(e);return{deleted:true,id:e}},rename:async t=>{const{id:e,name:r}=t??{};if(!e||!r)throw new Error("rename requires `id` and `name`");await _timeMachineStore.timeMachineStore.rename(e,r);return{renamed:true,id:e,name:r}},setExclusions:async t=>{const{id:e,excludedKeys:r}=t??{};if(!e)throw new Error("setExclusions requires `id`");await _timeMachineStore.timeMachineStore.setExclusions(e,r??null);return{id:e,excluded:r?.length??0}},setRestoreRoute:async t=>{const{id:e,restoreRoute:r}=t??{};if(!e)throw new Error("setRestoreRoute requires `id`");await _timeMachineStore.timeMachineStore.setRestoreRoute(e,r!==false);return{id:e,restoreRoute:r!==false}},duplicate:async t=>{const{id:e}=t??{};if(!e)throw new Error("duplicate requires `id`");const r=await _timeMachineStore.timeMachineStore.duplicate(e);if(!r)throw new Error(`No snapshot with id "${e}"`);return{snapshot:r}},setScope:async t=>{const{id:e,scope:r}=t??{};if(!e)throw new Error("setScope requires a snapshot `id`");await _timeMachineStore.timeMachineStore.setScope(e,r??null);return{scoped:true,id:e,count:r?.length??0}},preview:async t=>{const{id:e,compareTo:r}=t??{};if(!e)throw new Error("preview requires a snapshot `id`");const s={snapshotId:e};const a=r?{snapshotId:r}:"current";await _timeMachineStore.timeMachineStore.buildPreview(s,a);const o=_timeMachineStore.timeMachineStore.getState().preview;if(!o)throw new Error("preview build produced no result");const i=4*1024;return{left:a,right:s,builtAt:o.builtAt,sources:o.sources.map(u=>({...u,items:u.items.map(n=>{const c=n.oldValue!==void 0&&(0,_dataViewer.jsonLikelyLargerThan)(n.oldValue,i);const d=n.newValue!==void 0&&(0,_dataViewer.jsonLikelyLargerThan)(n.newValue,i);return{...n,oldValue:c?void 0:n.oldValue,newValue:d?void 0:n.newValue,...c||d?{valueOmitted:true}:{}}})}))}},inspect:async t=>{const{id:e,sourceId:r}=t??{};if(!e||!r){throw new Error("inspect requires `id` and `sourceId`")}const s=await(0,_snapshotVault.loadSnapshot)(e);if(!s)throw new Error(`No snapshot with id "${e}"`);const a=s.data[r];if(!a){throw new Error(`Snapshot "${e}" has no "${r}" source`)}return{id:e,sourceId:r,warnings:s.meta.sources[r]?.warnings??[],data:(0,_sharedUi.superJsonDeserialize)(a)}}}};

package/lib/commonjs/ui/SwipeActionsRow.js

@@ -1,178 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SwipeActionsRow = SwipeActionsRow;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _tmTheme = require("./tmTheme");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Swipe-left-to-reveal-actions wrapper for a grouped-list row.
- *
- * Deliberately dependency-free (Animated + PanResponder): the package has no
- * gesture-handler peer and a devtool must not add one to the host app.
- *
- * Gesture contract, in the order the checks matter:
- *  - The pan only claims the gesture once the finger has moved LEFT past a
- *    threshold and is travelling more horizontally than vertically, so taps
- *    still reach the row and vertical drags still scroll the list.
- *  - Releasing past half the action width latches open; anything less snaps
- *    shut, so a hesitant swipe never leaves a half-open row.
- *  - Only one row stays open at a time (module-level latch below) — matching
- *    iOS, and it means "swipe, then tap an action" can't hit the wrong row.
- */
-
-const ACTION_WIDTH = 84;
-/** Horizontal travel before the pan takes the gesture from the scroll view. */
-const CLAIM_THRESHOLD = 8;
-
-/** The one open row, so opening another closes it. */
-let closeOpenRow = null;
-/**
- * Everything gesture-side for one row, built once. Kept out of the component
- * so it reads as the state machine it is: `open` is the only state, and the
- * pan handlers are the only writers.
- */
-function createGesture(translateX, openWidth) {
-  let open = false;
-  const settle = next => {
-    open = next;
-    if (next) {
-      if (closeOpenRow && closeOpenRow !== close) closeOpenRow();
-      closeOpenRow = close;
-    } else if (closeOpenRow === close) {
-      closeOpenRow = null;
-    }
-    _reactNative.Animated.spring(translateX, {
-      toValue: next ? -openWidth : 0,
-      useNativeDriver: true,
-      bounciness: 0,
-      speed: 18
-    }).start();
-  };
-  const close = () => settle(false);
-  const pan = _reactNative.PanResponder.create({
-    onMoveShouldSetPanResponder: (_e, g) => {
-      const horizontal = Math.abs(g.dx) > Math.abs(g.dy) * 1.5;
-      if (!horizontal) return false;
-      // Left to open; right only matters when there is something to close.
-      return g.dx < -CLAIM_THRESHOLD || open && g.dx > CLAIM_THRESHOLD;
-    },
-    onPanResponderMove: (_e, g) => {
-      const base = open ? -openWidth : 0;
-      // Clamp: no rubber-banding past the actions, none past closed.
-      translateX.setValue(Math.min(0, Math.max(-openWidth, base + g.dx)));
-    },
-    onPanResponderRelease: (_e, g) => {
-      const resting = (open ? -openWidth : 0) + g.dx;
-      // A fast flick decides on velocity; a slow drag on distance.
-      settle(g.vx < -0.5 ? true : g.vx > 0.5 ? false : resting < -openWidth / 2);
-    },
-    onPanResponderTerminate: () => settle(open)
-  });
-  return {
-    pan,
-    close
-  };
-}
-function SwipeActionsRow({
-  children,
-  actions,
-  testID
-}) {
-  const openWidth = ACTION_WIDTH * actions.length;
-  const translateX = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const gestureRef = (0, _react.useRef)(null);
-  if (gestureRef.current === null) gestureRef.current = createGesture(translateX, openWidth);
-  const {
-    pan,
-    close
-  } = gestureRef.current;
-
-  // A row that unmounts while open (deleted, filtered out, screen changed)
-  // must not leave the latch pointing at a dead closer.
-  (0, _react.useEffect)(() => () => {
-    if (closeOpenRow === close) closeOpenRow = null;
-  }, [close]);
-
-  // The row is glass now, so the actions can't hide under it: they fade in
-  // with the first points of the drag instead of sitting there at rest.
-  const actionOpacity = translateX.interpolate({
-    inputRange: [-24, 0],
-    outputRange: [1, 0],
-    extrapolate: "clamp"
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.clip,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.actionLayer, {
-        width: openWidth,
-        opacity: actionOpacity
-      }],
-      children: actions.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: [styles.action, action.background ? {
-          backgroundColor: action.background
-        } : null],
-        onPress: () => {
-          close();
-          action.onPress();
-        },
-        accessibilityLabel: action.label,
-        testID: action.testID ?? (testID ? `${testID}-${action.label.toLowerCase()}` : undefined),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.actionText, action.color ? {
-            color: action.color
-          } : null],
-          numberOfLines: 1,
-          children: action.label
-        })
-      }, action.label))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.content, {
-        transform: [{
-          translateX
-        }]
-      }],
-      ...pan.panHandlers,
-      children: children
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  clip: {
-    overflow: "hidden"
-  },
-  // Own geometry, no percentages: an absoluteFill layer with a `height:
-  // "100%"` child measured against this content-sized parent inflated every
-  // row to several hundred points on iOS/Fabric.
-  actionLayer: {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    right: 0,
-    flexDirection: "row"
-  },
-  action: {
-    width: ACTION_WIDTH,
-    height: "100%",
-    backgroundColor: _tmTheme.tm.color.fillStrong,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingHorizontal: 6
-  },
-  actionText: {
-    color: _tmTheme.tm.color.label,
-    fontSize: _tmTheme.tm.font.footnote,
-    fontWeight: "600",
-    letterSpacing: _tmTheme.tm.tracking.control
-  },
-  // Glass, like the card it sits in. The actions underneath are faded out
-  // at rest (see actionOpacity), which is what keeps them from bleeding
-  // through a translucent row.
-  content: {
-    backgroundColor: _tmTheme.tm.color.group
-  }
-});
-//# sourceMappingURL=SwipeActionsRow.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SwipeActionsRow=SwipeActionsRow;var _react=require("react");var _reactNative=require("react-native");var _tmTheme=require("./tmTheme");var _jsxRuntime=require("react/jsx-runtime");const ACTION_WIDTH=84;const CLAIM_THRESHOLD=8;let closeOpenRow=null;function createGesture(i,n){let r=false;const a=l=>{r=l;if(l){if(closeOpenRow&&closeOpenRow!==o)closeOpenRow();closeOpenRow=o}else if(closeOpenRow===o){closeOpenRow=null}_reactNative.Animated.spring(i,{toValue:l?-n:0,useNativeDriver:true,bounciness:0,speed:18}).start()};const o=()=>a(false);const c=_reactNative.PanResponder.create({onMoveShouldSetPanResponder:(l,e)=>{const s=Math.abs(e.dx)>Math.abs(e.dy)*1.5;if(!s)return false;return e.dx<-CLAIM_THRESHOLD||r&&e.dx>CLAIM_THRESHOLD},onPanResponderMove:(l,e)=>{const s=r?-n:0;i.setValue(Math.min(0,Math.max(-n,s+e.dx)))},onPanResponderRelease:(l,e)=>{const s=(r?-n:0)+e.dx;a(e.vx<-.5?true:e.vx>.5?false:s<-n/2)},onPanResponderTerminate:()=>a(r)});return{pan:c,close:o}}function SwipeActionsRow({children:i,actions:n,testID:r}){const a=ACTION_WIDTH*n.length;const o=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;const c=(0,_react.useRef)(null);if(c.current===null)c.current=createGesture(o,a);const{pan:l,close:e}=c.current;(0,_react.useEffect)(()=>()=>{if(closeOpenRow===e)closeOpenRow=null},[e]);const s=o.interpolate({inputRange:[-24,0],outputRange:[1,0],extrapolate:"clamp"});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.clip,children:[(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.actionLayer,{width:a,opacity:s}],children:n.map(t=>(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.action,t.background?{backgroundColor:t.background}:null],onPress:()=>{e();t.onPress()},accessibilityLabel:t.label,testID:t.testID??(r?`${r}-${t.label.toLowerCase()}`:void 0),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionText,t.color?{color:t.color}:null],numberOfLines:1,children:t.label})},t.label))}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.content,{transform:[{translateX:o}]}],...l.panHandlers,children:i})]})}const styles=_reactNative.StyleSheet.create({clip:{overflow:"hidden"},actionLayer:{position:"absolute",top:0,bottom:0,right:0,flexDirection:"row"},action:{width:ACTION_WIDTH,height:"100%",backgroundColor:_tmTheme.tm.color.fillStrong,alignItems:"center",justifyContent:"center",paddingHorizontal:6},actionText:{color:_tmTheme.tm.color.label,fontSize:_tmTheme.tm.font.footnote,fontWeight:"600",letterSpacing:_tmTheme.tm.tracking.control},content:{backgroundColor:_tmTheme.tm.color.group}});

package/lib/commonjs/ui/primitives.js

@@ -1,172 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DisclosureChevron = DisclosureChevron;
-exports.Footnote = Footnote;
-exports.Group = Group;
-exports.PillLabel = PillLabel;
-exports.SectionLabel = SectionLabel;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _tmTheme = require("./tmTheme");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Grouped-inset list primitives — the building blocks of the Time Machine
- * surface (see ./tmTheme for the tokens and the promotion plan).
- *
- * The shape they compose to:
- *
- *   SectionLabel      SOURCES                 ← outside the card, uppercase
- *   Group             ┌──────────────────┐
- *     <row>           │ All sources …  6 ›│    ← rows are plain children;
- *     <row>           ├──────────────────┤      Group draws the hairlines
- *                     └──────────────────┘
- *   Footnote          Route is captured with… ← explains the group above
- *
- * Rows are whatever a screen needs — Group only owns the card, the clipping
- * and the separators, so a row never has to know its position in the list.
- */
-
-/** Uppercase section label that sits above a Group. */
-function SectionLabel({
-  children,
-  testID
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: styles.sectionLabel,
-    testID: testID,
-    children: children
-  });
-}
-
-/**
- * Explanatory line under a Group ("Swipe a restore point to delete it").
- * `centered` matches the iOS convention for a footnote under a lone button.
- */
-function Footnote({
-  children,
-  centered,
-  tone = "secondary",
-  testID
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.footnote, centered ? styles.footnoteCentered : null, tone === "warning" ? styles.footnoteWarning : null],
-    testID: testID,
-    children: children
-  });
-}
-
-/**
- * A rounded grouped card. Draws a hairline between consecutive children and
- * clips them, so a row can paint edge-to-edge (swipe actions, press washes)
- * without punching through the corners.
- */
-function Group({
-  children,
-  style
-}) {
-  const rows = _react.Children.toArray(children);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.group, style],
-    children: rows.map((row, index) =>
-    /*#__PURE__*/
-    // Children.toArray assigns stable synthetic keys ('.$id' for keyed
-    // children), so a row keeps its identity as the list changes.
-    (0, _jsxRuntime.jsxs)(_reactNative.View, {
-      children: [index > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.separator
-      }) : null, row]
-    }, row.key ?? index))
-  });
-}
-
-/**
- * Trailing disclosure chevron for a row that opens or expands.
- *
- * A real glyph, not two rotated hairlines: at this size the hand-built
- * version's strokes never met at the vertex, so it read as a broken arrow.
- */
-function DisclosureChevron() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-    size: 16,
-    color: _tmTheme.tm.color.labelTertiary
-  });
-}
-
-/**
- * Pill button. Parameterized by color rather than by variant flags so a
- * screen can name its own (`CapturePill`, `RestorePill`) in one line.
- */
-function PillLabel({
-  label,
-  color,
-  background,
-  testID
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.pill, {
-      backgroundColor: background
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.pillText, {
-        color
-      }],
-      testID: testID,
-      children: label
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  sectionLabel: {
-    color: _tmTheme.tm.color.labelSecondary,
-    fontSize: _tmTheme.tm.font.footnote,
-    fontWeight: "500",
-    textTransform: "uppercase",
-    letterSpacing: 0.4,
-    paddingHorizontal: _tmTheme.tm.gutter + _tmTheme.tm.textInset,
-    paddingTop: 22,
-    paddingBottom: 7
-  },
-  footnote: {
-    color: _tmTheme.tm.color.labelSecondary,
-    fontSize: _tmTheme.tm.font.footnote,
-    lineHeight: _tmTheme.tm.font.footnote * 1.35,
-    paddingHorizontal: _tmTheme.tm.gutter + _tmTheme.tm.textInset,
-    paddingTop: 7
-  },
-  footnoteCentered: {
-    textAlign: "center"
-  },
-  footnoteWarning: {
-    color: _tmTheme.tm.color.warning
-  },
-  group: {
-    marginHorizontal: _tmTheme.tm.gutter,
-    backgroundColor: _tmTheme.tm.color.group,
-    borderRadius: _tmTheme.tm.radius.group,
-    borderWidth: 1,
-    borderColor: _tmTheme.tm.color.groupBorder,
-    overflow: "hidden"
-  },
-  separator: {
-    height: _reactNative.StyleSheet.hairlineWidth,
-    marginLeft: _tmTheme.tm.separatorInset,
-    backgroundColor: _tmTheme.tm.color.separator
-  },
-  pill: {
-    height: 32,
-    paddingHorizontal: 15,
-    borderRadius: _tmTheme.tm.radius.pill,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  pillText: {
-    fontSize: _tmTheme.tm.font.control,
-    fontWeight: "600",
-    letterSpacing: _tmTheme.tm.tracking.control
-  }
-});
-//# sourceMappingURL=primitives.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DisclosureChevron=DisclosureChevron;exports.Footnote=Footnote;exports.Group=Group;exports.PillLabel=PillLabel;exports.SectionLabel=SectionLabel;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _tmTheme=require("./tmTheme");var _jsxRuntime=require("react/jsx-runtime");function SectionLabel({children:t,testID:e}){return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionLabel,testID:e,children:t})}function Footnote({children:t,centered:e,tone:r="secondary",testID:o}){return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.footnote,e?styles.footnoteCentered:null,r==="warning"?styles.footnoteWarning:null],testID:o,children:t})}function Group({children:t,style:e}){const r=_react.Children.toArray(t);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.group,e],children:r.map((o,n)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[n>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.separator}):null,o]},o.key??n))})}function DisclosureChevron(){return(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:16,color:_tmTheme.tm.color.labelTertiary})}function PillLabel({label:t,color:e,background:r,testID:o}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.pill,{backgroundColor:r}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.pillText,{color:e}],testID:o,children:t})})}const styles=_reactNative.StyleSheet.create({sectionLabel:{color:_tmTheme.tm.color.labelSecondary,fontSize:_tmTheme.tm.font.footnote,fontWeight:"500",textTransform:"uppercase",letterSpacing:.4,paddingHorizontal:_tmTheme.tm.gutter+_tmTheme.tm.textInset,paddingTop:22,paddingBottom:7},footnote:{color:_tmTheme.tm.color.labelSecondary,fontSize:_tmTheme.tm.font.footnote,lineHeight:_tmTheme.tm.font.footnote*1.35,paddingHorizontal:_tmTheme.tm.gutter+_tmTheme.tm.textInset,paddingTop:7},footnoteCentered:{textAlign:"center"},footnoteWarning:{color:_tmTheme.tm.color.warning},group:{marginHorizontal:_tmTheme.tm.gutter,backgroundColor:_tmTheme.tm.color.group,borderRadius:_tmTheme.tm.radius.group,borderWidth:1,borderColor:_tmTheme.tm.color.groupBorder,overflow:"hidden"},separator:{height:_reactNative.StyleSheet.hairlineWidth,marginLeft:_tmTheme.tm.separatorInset,backgroundColor:_tmTheme.tm.color.separator},pill:{height:32,paddingHorizontal:15,borderRadius:_tmTheme.tm.radius.pill,alignItems:"center",justifyContent:"center"},pillText:{fontSize:_tmTheme.tm.font.control,fontWeight:"600",letterSpacing:_tmTheme.tm.tracking.control}});