@buoy-gg/time-machine 7.0.40 → 7.0.42

package/lib/module/sync/timeMachineSyncAdapter.js

@@ -1,253 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-import { getStateSnapshotProviders, subscribeToStateSnapshotProviders, superJsonDeserialize } from "@buoy-gg/shared-ui";
-import { jsonLikelyLargerThan } from "@buoy-gg/shared-ui/dataViewer";
-import { timeMachineStore } from "../store/timeMachineStore";
-import { loadSnapshot } from "../store/snapshotVault";
-import { canNavigate, currentRoute } from "../store/routeRestore";
-import { isSourceEnabled } from "../store/sourceSettings";
-import { ROUTE_SOURCE_ID } from "../store/sourceIds";
-function providerStatuses() {
-  return getStateSnapshotProviders().map(p => {
-    const s = p.status();
-    return {
-      id: p.id,
-      label: p.label,
-      canCapture: s.canCapture,
-      canRestore: s.canRestore,
-      detail: s.detail,
-      enabled: isSourceEnabled(p.id)
-    };
-  });
-}
-function metadata() {
-  const {
-    snapshots,
-    busy,
-    lastOutcome
-  } = timeMachineStore.getState();
-  const current = 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: canNavigate(),
-      enabled: isSourceEnabled(ROUTE_SOURCE_ID),
-      ...(current ? {
-        current: current.href
-      } : {})
-    }
-  };
-}
-export const timeMachineSyncAdapter = {
-  // v2 adds `route` (device route capability) and `snapshots[].route`.
-  version: 2,
-  getSnapshot: () => metadata(),
-  subscribe: onChange => {
-    const unsubStore = timeMachineStore.subscribe(onChange);
-    const unsubProviders = subscribeToStateSnapshotProviders(onChange);
-    return () => {
-      unsubStore();
-      unsubProviders();
-    };
-  },
-  actions: {
-    list: () => metadata(),
-    capture: async params => {
-      const {
-        name = "",
-        sourceIds
-      } = params ?? {};
-      const meta = await timeMachineStore.capture(name, sourceIds);
-      return {
-        captured: true,
-        snapshot: meta
-      };
-    },
-    captureBaseline: async () => {
-      const meta = await timeMachineStore.captureBaseline();
-      return {
-        captured: true,
-        snapshot: meta
-      };
-    },
-    /** Wipe every clearable source to fresh-install state, then reload. */
-    wipeAll: async () => await 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.restore(id, mode, excludeKeys, {
-        restoreRoute
-      });
-    },
-    delete: async params => {
-      const {
-        id
-      } = params ?? {};
-      if (!id) throw new Error("delete requires a snapshot `id`");
-      await 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.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.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.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.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.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.buildPreview(right, left);
-      const preview = 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 && jsonLikelyLargerThan(item.oldValue, VALUE_BUDGET);
-            const newBig = item.newValue !== undefined && 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 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: superJsonDeserialize(payload)
-      };
-    }
-  }
-};
-//# sourceMappingURL=timeMachineSyncAdapter.js.map
+"use strict";import{getStateSnapshotProviders as f,subscribeToStateSnapshotProviders as m,superJsonDeserialize as E}from"@buoy-gg/shared-ui";import{jsonLikelyLargerThan as p}from"@buoy-gg/shared-ui/dataViewer";import{timeMachineStore as s}from"../store/timeMachineStore";import{loadSnapshot as b}from"../store/snapshotVault";import{canNavigate as y,currentRoute as S}from"../store/routeRestore";import{isSourceEnabled as w}from"../store/sourceSettings";import{ROUTE_SOURCE_ID as v}from"../store/sourceIds";function R(){return f().map(t=>{const e=t.status();return{id:t.id,label:t.label,canCapture:e.canCapture,canRestore:e.canRestore,detail:e.detail,enabled:w(t.id)}})}function h(){const{snapshots:t,busy:e,lastOutcome:r}=s.getState();const o=S();return{snapshots:t,busy:e,lastOutcome:r,providers:R(),route:{available:y(),enabled:w(v),...o?{current:o.href}:{}}}}export const timeMachineSyncAdapter={version:2,getSnapshot:()=>h(),subscribe:t=>{const e=s.subscribe(t);const r=m(t);return()=>{e();r()}},actions:{list:()=>h(),capture:async t=>{const{name:e="",sourceIds:r}=t??{};const o=await s.capture(e,r);return{captured:true,snapshot:o}},captureBaseline:async()=>{const t=await s.captureBaseline();return{captured:true,snapshot:t}},wipeAll:async()=>await s.wipeAll(),restore:async t=>{const{id:e,mode:r="live",excludeKeys:o,restoreRoute:n}=t??{};if(!e)throw new Error("restore requires a snapshot `id`");return await s.restore(e,r,o,{restoreRoute:n})},delete:async t=>{const{id:e}=t??{};if(!e)throw new Error("delete requires a snapshot `id`");await s.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 s.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 s.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 s.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 s.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 s.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 o={snapshotId:e};const n=r?{snapshotId:r}:"current";await s.buildPreview(o,n);const i=s.getState().preview;if(!i)throw new Error("preview build produced no result");const u=4*1024;return{left:n,right:o,builtAt:i.builtAt,sources:i.sources.map(c=>({...c,items:c.items.map(a=>{const d=a.oldValue!==void 0&&p(a.oldValue,u);const l=a.newValue!==void 0&&p(a.newValue,u);return{...a,oldValue:d?void 0:a.oldValue,newValue:l?void 0:a.newValue,...d||l?{valueOmitted:true}:{}}})}))}},inspect:async t=>{const{id:e,sourceId:r}=t??{};if(!e||!r){throw new Error("inspect requires `id` and `sourceId`")}const o=await b(e);if(!o)throw new Error(`No snapshot with id "${e}"`);const n=o.data[r];if(!n){throw new Error(`Snapshot "${e}" has no "${r}" source`)}return{id:e,sourceId:r,warnings:o.meta.sources[r]?.warnings??[],data:E(n)}}}};

package/lib/module/ui/SwipeActionsRow.js

@@ -1,173 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-import { useEffect, useRef } from "react";
-import { Animated, PanResponder, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { tm } from "./tmTheme";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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;
-    }
-    Animated.spring(translateX, {
-      toValue: next ? -openWidth : 0,
-      useNativeDriver: true,
-      bounciness: 0,
-      speed: 18
-    }).start();
-  };
-  const close = () => settle(false);
-  const pan = 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
-  };
-}
-export function SwipeActionsRow({
-  children,
-  actions,
-  testID
-}) {
-  const openWidth = ACTION_WIDTH * actions.length;
-  const translateX = useRef(new Animated.Value(0)).current;
-  const gestureRef = 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.
-  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__*/_jsxs(View, {
-    style: styles.clip,
-    children: [/*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.actionLayer, {
-        width: openWidth,
-        opacity: actionOpacity
-      }],
-      children: actions.map(action => /*#__PURE__*/_jsx(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__*/_jsx(Text, {
-          style: [styles.actionText, action.color ? {
-            color: action.color
-          } : null],
-          numberOfLines: 1,
-          children: action.label
-        })
-      }, action.label))
-    }), /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.content, {
-        transform: [{
-          translateX
-        }]
-      }],
-      ...pan.panHandlers,
-      children: children
-    })]
-  });
-}
-const styles = 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: tm.color.fillStrong,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingHorizontal: 6
-  },
-  actionText: {
-    color: tm.color.label,
-    fontSize: tm.font.footnote,
-    fontWeight: "600",
-    letterSpacing: 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: tm.color.group
-  }
-});
-//# sourceMappingURL=SwipeActionsRow.js.map
+"use strict";import{useEffect as g,useRef as m}from"react";import{Animated as d,PanResponder as y,StyleSheet as R,Text as w,TouchableOpacity as S,View as T}from"react-native";import{tm as u}from"./tmTheme";import{jsx as b,jsxs as v}from"react/jsx-runtime";const h=84;const x=8;let s=null;function C(p,o){let n=false;const c=l=>{n=l;if(l){if(s&&s!==r)s();s=r}else if(s===r){s=null}d.spring(p,{toValue:l?-o:0,useNativeDriver:true,bounciness:0,speed:18}).start()};const r=()=>c(false);const i=y.create({onMoveShouldSetPanResponder:(l,e)=>{const a=Math.abs(e.dx)>Math.abs(e.dy)*1.5;if(!a)return false;return e.dx<-x||n&&e.dx>x},onPanResponderMove:(l,e)=>{const a=n?-o:0;p.setValue(Math.min(0,Math.max(-o,a+e.dx)))},onPanResponderRelease:(l,e)=>{const a=(n?-o:0)+e.dx;c(e.vx<-.5?true:e.vx>.5?false:a<-o/2)},onPanResponderTerminate:()=>c(n)});return{pan:i,close:r}}export function SwipeActionsRow({children:p,actions:o,testID:n}){const c=h*o.length;const r=m(new d.Value(0)).current;const i=m(null);if(i.current===null)i.current=C(r,c);const{pan:l,close:e}=i.current;g(()=>()=>{if(s===e)s=null},[e]);const a=r.interpolate({inputRange:[-24,0],outputRange:[1,0],extrapolate:"clamp"});return v(T,{style:f.clip,children:[b(d.View,{style:[f.actionLayer,{width:c,opacity:a}],children:o.map(t=>b(S,{style:[f.action,t.background?{backgroundColor:t.background}:null],onPress:()=>{e();t.onPress()},accessibilityLabel:t.label,testID:t.testID??(n?`${n}-${t.label.toLowerCase()}`:void 0),children:b(w,{style:[f.actionText,t.color?{color:t.color}:null],numberOfLines:1,children:t.label})},t.label))}),b(d.View,{style:[f.content,{transform:[{translateX:r}]}],...l.panHandlers,children:p})]})}const f=R.create({clip:{overflow:"hidden"},actionLayer:{position:"absolute",top:0,bottom:0,right:0,flexDirection:"row"},action:{width:h,height:"100%",backgroundColor:u.color.fillStrong,alignItems:"center",justifyContent:"center",paddingHorizontal:6},actionText:{color:u.color.label,fontSize:u.font.footnote,fontWeight:"600",letterSpacing:u.tracking.control},content:{backgroundColor:u.color.group}});

package/lib/module/ui/primitives.js

@@ -1,164 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-import { Children } from "react";
-import { StyleSheet, Text, View } from "react-native";
-import { ChevronRight } from "@buoy-gg/shared-ui";
-import { tm } from "./tmTheme";
-
-/** Uppercase section label that sits above a Group. */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function SectionLabel({
-  children,
-  testID
-}) {
-  return /*#__PURE__*/_jsx(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.
- */
-export function Footnote({
-  children,
-  centered,
-  tone = "secondary",
-  testID
-}) {
-  return /*#__PURE__*/_jsx(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.
- */
-export function Group({
-  children,
-  style
-}) {
-  const rows = Children.toArray(children);
-  return /*#__PURE__*/_jsx(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.
-    _jsxs(View, {
-      children: [index > 0 ? /*#__PURE__*/_jsx(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.
- */
-export function DisclosureChevron() {
-  return /*#__PURE__*/_jsx(ChevronRight, {
-    size: 16,
-    color: 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.
- */
-export function PillLabel({
-  label,
-  color,
-  background,
-  testID
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.pill, {
-      backgroundColor: background
-    }],
-    children: /*#__PURE__*/_jsx(Text, {
-      style: [styles.pillText, {
-        color
-      }],
-      testID: testID,
-      children: label
-    })
-  });
-}
-const styles = StyleSheet.create({
-  sectionLabel: {
-    color: tm.color.labelSecondary,
-    fontSize: tm.font.footnote,
-    fontWeight: "500",
-    textTransform: "uppercase",
-    letterSpacing: 0.4,
-    paddingHorizontal: tm.gutter + tm.textInset,
-    paddingTop: 22,
-    paddingBottom: 7
-  },
-  footnote: {
-    color: tm.color.labelSecondary,
-    fontSize: tm.font.footnote,
-    lineHeight: tm.font.footnote * 1.35,
-    paddingHorizontal: tm.gutter + tm.textInset,
-    paddingTop: 7
-  },
-  footnoteCentered: {
-    textAlign: "center"
-  },
-  footnoteWarning: {
-    color: tm.color.warning
-  },
-  group: {
-    marginHorizontal: tm.gutter,
-    backgroundColor: tm.color.group,
-    borderRadius: tm.radius.group,
-    borderWidth: 1,
-    borderColor: tm.color.groupBorder,
-    overflow: "hidden"
-  },
-  separator: {
-    height: StyleSheet.hairlineWidth,
-    marginLeft: tm.separatorInset,
-    backgroundColor: tm.color.separator
-  },
-  pill: {
-    height: 32,
-    paddingHorizontal: 15,
-    borderRadius: tm.radius.pill,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  pillText: {
-    fontSize: tm.font.control,
-    fontWeight: "600",
-    letterSpacing: tm.tracking.control
-  }
-});
-//# sourceMappingURL=primitives.js.map
+"use strict";import{Children as p}from"react";import{StyleSheet as d,Text as c,View as a}from"react-native";import{ChevronRight as g}from"@buoy-gg/shared-ui";import{tm as o}from"./tmTheme";import{jsx as n,jsxs as u}from"react/jsx-runtime";export function SectionLabel({children:e,testID:r}){return n(c,{style:t.sectionLabel,testID:r,children:e})}export function Footnote({children:e,centered:r,tone:i="secondary",testID:l}){return n(c,{style:[t.footnote,r?t.footnoteCentered:null,i==="warning"?t.footnoteWarning:null],testID:l,children:e})}export function Group({children:e,style:r}){const i=p.toArray(e);return n(a,{style:[t.group,r],children:i.map((l,s)=>u(a,{children:[s>0?n(a,{style:t.separator}):null,l]},l.key??s))})}export function DisclosureChevron(){return n(g,{size:16,color:o.color.labelTertiary})}export function PillLabel({label:e,color:r,background:i,testID:l}){return n(a,{style:[t.pill,{backgroundColor:i}],children:n(c,{style:[t.pillText,{color:r}],testID:l,children:e})})}const t=d.create({sectionLabel:{color:o.color.labelSecondary,fontSize:o.font.footnote,fontWeight:"500",textTransform:"uppercase",letterSpacing:.4,paddingHorizontal:o.gutter+o.textInset,paddingTop:22,paddingBottom:7},footnote:{color:o.color.labelSecondary,fontSize:o.font.footnote,lineHeight:o.font.footnote*1.35,paddingHorizontal:o.gutter+o.textInset,paddingTop:7},footnoteCentered:{textAlign:"center"},footnoteWarning:{color:o.color.warning},group:{marginHorizontal:o.gutter,backgroundColor:o.color.group,borderRadius:o.radius.group,borderWidth:1,borderColor:o.color.groupBorder,overflow:"hidden"},separator:{height:d.hairlineWidth,marginLeft:o.separatorInset,backgroundColor:o.color.separator},pill:{height:32,paddingHorizontal:15,borderRadius:o.radius.pill,alignItems:"center",justifyContent:"center"},pillText:{fontSize:o.font.control,fontWeight:"600",letterSpacing:o.tracking.control}});