@nexub/react-native 0.0.0-stage → 2.1.0

package/lib/module/patterns/money.js

@@ -0,0 +1,419 @@
+"use strict";
+
+import * as React from 'react';
+import { SectionList, View } from 'react-native';
+import { moneyFormatter } from '@nexub/core';
+import { CheckCircle2, ShieldCheck } from '@nexub/icons/native';
+import { Button } from "../components/actions.js";
+import { ListItem, ListSection } from "../components/containers.js";
+import { Amount, Avatar, Badge } from "../components/display.js";
+import { EmptyState, Progress } from "../components/feedback.js";
+import { ExpressiveMoneyInput, RefreshControl, StickyFooter, SwipeableRow } from "../components/mobile.js";
+import { ScreenContainer } from "../primitives/ScreenContainer.js";
+import { Heading, Text } from "../primitives/Text.js";
+import { useTheme } from "../theme/ThemeProvider.js";
+
+// ─── Flow step frame ─────────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/** One step of a multi-step flow: progress, title, content, sticky primary action. */
+export function FlowStep({
+  step,
+  total,
+  title,
+  children,
+  footer
+}) {
+  const {
+    tokens,
+    messages
+  } = useTheme();
+  return /*#__PURE__*/_jsx(StickyFooter, {
+    footer: footer,
+    children: /*#__PURE__*/_jsxs(ScreenContainer, {
+      gap: "5",
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          gap: tokens.spacing[2]
+        },
+        children: [/*#__PURE__*/_jsx(Progress, {
+          value: step / total,
+          label: messages.pageOf(step, total)
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "label-md",
+          color: "on-surface-variant",
+          children: messages.pageOf(step, total)
+        }), /*#__PURE__*/_jsx(Heading, {
+          variant: "headline-sm",
+          children: title
+        })]
+      }), children]
+    })
+  });
+}
+
+// ─── Send money ──────────────────────────────────────────────────────────────
+
+/** Amount entry with the fee, rate and arrival shown live. */
+export function AmountStep({
+  from,
+  to,
+  balance,
+  quote,
+  onContinue,
+  step = 1,
+  total = 3
+}) {
+  const {
+    locale
+  } = useTheme();
+  const [amount, setAmount] = React.useState(null);
+  const fmt = (n, c) => moneyFormatter(c, locale).format(n);
+  const over = amount != null && amount > balance;
+  const q = amount ? quote(amount) : undefined;
+  return /*#__PURE__*/_jsxs(FlowStep, {
+    step: step,
+    total: total,
+    title: "How much?",
+    footer: /*#__PURE__*/_jsx(Button, {
+      size: "lg",
+      fullWidth: true,
+      disabled: !amount || over,
+      onPress: () => amount && onContinue(amount),
+      children: "Continue"
+    }),
+    children: [/*#__PURE__*/_jsx(ExpressiveMoneyInput, {
+      label: "Amount to send",
+      currency: from,
+      value: amount,
+      onValueChange: setAmount,
+      error: over,
+      caption: over ? `More than your balance (${fmt(balance, from)})` : `Balance ${fmt(balance, from)}`
+    }), q && amount && !over && /*#__PURE__*/_jsxs(ListSection, {
+      children: [/*#__PURE__*/_jsx(ListItem, {
+        variant: "value",
+        title: "Fee",
+        value: fmt(q.fee, from)
+      }), /*#__PURE__*/_jsx(ListItem, {
+        variant: "value",
+        title: "Rate",
+        value: `1 ${from} = ${q.rate} ${to}`
+      }), /*#__PURE__*/_jsx(ListItem, {
+        variant: "value",
+        title: "Recipient gets",
+        value: fmt((amount - q.fee) * q.rate, to)
+      }), /*#__PURE__*/_jsx(ListItem, {
+        variant: "value",
+        title: "Arrives",
+        value: q.arrives
+      })]
+    })]
+  });
+}
+/** Summary before money moves: every number visible, one confirming action. */
+export function ReviewStep({
+  rows,
+  confirmLabel,
+  onConfirm,
+  confirmHint,
+  loading,
+  step = 2,
+  total = 3
+}) {
+  return /*#__PURE__*/_jsx(FlowStep, {
+    step: step,
+    total: total,
+    title: "Check the details",
+    footer: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        size: "lg",
+        fullWidth: true,
+        loading: loading,
+        leadingIcon: confirmHint ? ShieldCheck : undefined,
+        onPress: onConfirm,
+        children: confirmLabel
+      }), confirmHint && /*#__PURE__*/_jsx(Text, {
+        variant: "body-sm",
+        color: "on-surface-variant",
+        style: {
+          textAlign: 'center'
+        },
+        children: confirmHint
+      })]
+    }),
+    children: /*#__PURE__*/_jsx(ListSection, {
+      children: rows.map(r => /*#__PURE__*/_jsx(ListItem, {
+        variant: "value",
+        title: r.label,
+        value: r.value
+      }, r.label))
+    })
+  });
+}
+
+// ─── Activity ────────────────────────────────────────────────────────────────
+
+/** Transactions grouped by day, with pull-to-refresh, paging and swipe actions (web ActivityFeed). */
+export function ActivityList({
+  transactions,
+  onPress,
+  onRefresh,
+  refreshing = false,
+  onEndReached,
+  actions,
+  header,
+  empty
+}) {
+  const {
+    roles,
+    tokens,
+    locale
+  } = useTheme();
+  const day = new Intl.DateTimeFormat(locale, {
+    dateStyle: 'medium'
+  });
+  const sections = React.useMemo(() => {
+    const map = new Map();
+    for (const t of [...transactions].sort((a, b) => +b.date - +a.date)) {
+      const key = day.format(t.date);
+      map.set(key, [...(map.get(key) ?? []), t]);
+    }
+    return [...map].map(([title, data]) => ({
+      title,
+      data
+    }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [transactions, locale]);
+  const row = t => {
+    const label = `${t.title}, ${moneyFormatter(t.currency, locale, {
+      signDisplay: 'exceptZero'
+    }).format(t.amount)}${t.status ? `, ${t.status}` : ''}`;
+    const item = /*#__PURE__*/_jsx(ListItem, {
+      title: t.title,
+      subtitle: t.subtitle,
+      leading: /*#__PURE__*/_jsx(Avatar, {
+        name: t.title,
+        src: t.image
+      }),
+      trailing: /*#__PURE__*/_jsxs(View, {
+        style: {
+          alignItems: 'flex-end',
+          gap: 2
+        },
+        children: [/*#__PURE__*/_jsx(Amount, {
+          value: t.amount,
+          currency: t.currency,
+          locale: locale,
+          tone: "auto",
+          signDisplay: "exceptZero"
+        }), t.status && /*#__PURE__*/_jsx(Badge, {
+          tone: t.status === 'failed' ? 'danger' : 'warning',
+          size: "sm",
+          children: t.status === 'failed' ? 'Failed' : 'Pending'
+        })]
+      }),
+      variant: onPress ? 'navigation' : 'static',
+      onPress: onPress && (() => onPress(t))
+    });
+    return actions ? /*#__PURE__*/_jsx(SwipeableRow, {
+      label: label,
+      onPress: onPress && (() => onPress(t)),
+      actions: actions(t),
+      children: item
+    }) : item;
+  };
+  return /*#__PURE__*/_jsx(SectionList, {
+    sections: sections,
+    keyExtractor: t => t.id,
+    contentInsetAdjustmentBehavior: "automatic",
+    style: {
+      backgroundColor: roles.surface
+    },
+    contentContainerStyle: {
+      padding: tokens.spacing[4],
+      gap: 0
+    },
+    ListHeaderComponent: header,
+    ListEmptyComponent: empty ?? /*#__PURE__*/_jsx(EmptyState, {
+      title: "No activity yet",
+      description: "Your payments and transfers will show up here."
+    }),
+    renderSectionHeader: ({
+      section
+    }) => /*#__PURE__*/_jsx(Text, {
+      variant: "title-sm",
+      color: "on-surface-variant",
+      accessibilityRole: "header",
+      style: {
+        paddingTop: tokens.spacing[4],
+        paddingBottom: tokens.spacing[2],
+        paddingHorizontal: tokens.spacing[4],
+        backgroundColor: roles.surface
+      },
+      children: section.title
+    }),
+    renderItem: ({
+      item,
+      index,
+      section
+    }) => /*#__PURE__*/_jsx(View, {
+      style: {
+        backgroundColor: roles['surface-container-lowest'],
+        borderTopStartRadius: index === 0 ? tokens.shape.container : 0,
+        borderTopEndRadius: index === 0 ? tokens.shape.container : 0,
+        borderBottomStartRadius: index === section.data.length - 1 ? tokens.shape.container : 0,
+        borderBottomEndRadius: index === section.data.length - 1 ? tokens.shape.container : 0,
+        overflow: 'hidden'
+      },
+      children: row(item)
+    }),
+    refreshControl: onRefresh ? /*#__PURE__*/_jsx(RefreshControl, {
+      refreshing: refreshing,
+      onRefresh: onRefresh
+    }) : undefined,
+    onEndReached: onEndReached,
+    onEndReachedThreshold: 0.5,
+    stickySectionHeadersEnabled: false
+  });
+}
+/** One transaction: hero amount, status, summary rows (web InfoList). */
+export function TransactionDetail({
+  transaction: t,
+  rows = [],
+  actions
+}) {
+  const {
+    tokens,
+    locale
+  } = useTheme();
+  const when = new Intl.DateTimeFormat(locale, {
+    dateStyle: 'full',
+    timeStyle: 'short'
+  }).format(t.date);
+  return /*#__PURE__*/_jsxs(ScreenContainer, {
+    gap: "5",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        alignItems: 'center',
+        gap: tokens.spacing[2],
+        paddingVertical: tokens.spacing[4]
+      },
+      children: [/*#__PURE__*/_jsx(Avatar, {
+        name: t.title,
+        src: t.image,
+        size: "xl"
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "title-md",
+        children: t.title
+      }), /*#__PURE__*/_jsx(Amount, {
+        value: t.amount,
+        currency: t.currency,
+        locale: locale,
+        size: "display",
+        tone: "auto",
+        signDisplay: "exceptZero"
+      }), t.status ? /*#__PURE__*/_jsx(Badge, {
+        tone: t.status === 'failed' ? 'danger' : 'warning',
+        dot: true,
+        children: t.status === 'failed' ? 'Failed' : 'Pending'
+      }) : /*#__PURE__*/_jsx(Badge, {
+        tone: "success",
+        dot: true,
+        children: "Completed"
+      })]
+    }), /*#__PURE__*/_jsxs(ListSection, {
+      children: [/*#__PURE__*/_jsx(ListItem, {
+        variant: "value",
+        title: "Date",
+        value: when
+      }), t.subtitle && /*#__PURE__*/_jsx(ListItem, {
+        variant: "value",
+        title: "Details",
+        value: t.subtitle
+      }), rows.map(r => /*#__PURE__*/_jsx(ListItem, {
+        variant: "value",
+        title: r.label,
+        value: r.value
+      }, r.label))]
+    }), actions]
+  });
+}
+
+// ─── Result screens ──────────────────────────────────────────────────────────
+
+/** Full-screen outcome: success, error, offline, maintenance, or "update required". */
+export function ResultScreen({
+  kind = 'success',
+  title,
+  description,
+  amount,
+  primary,
+  secondary,
+  icon
+}) {
+  const {
+    roles,
+    tokens,
+    locale
+  } = useTheme();
+  const tone = kind === 'success' ? 'success' : kind === 'error' ? 'error' : 'primary';
+  const Glyph = icon ?? CheckCircle2;
+  return /*#__PURE__*/_jsx(StickyFooter, {
+    footer: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        size: "lg",
+        fullWidth: true,
+        onPress: primary.onPress,
+        children: primary.label
+      }), secondary && /*#__PURE__*/_jsx(Button, {
+        size: "lg",
+        fullWidth: true,
+        variant: "text",
+        onPress: secondary.onPress,
+        children: secondary.label
+      })]
+    }),
+    children: /*#__PURE__*/_jsxs(View, {
+      accessibilityLiveRegion: "polite",
+      style: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: tokens.spacing[4],
+        padding: tokens.spacing[6]
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          width: 88,
+          height: 88,
+          borderRadius: 44,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: roles[`${tone}-container`]
+        },
+        children: /*#__PURE__*/_jsx(Glyph, {
+          size: 44,
+          color: roles[tone]
+        })
+      }), /*#__PURE__*/_jsx(Heading, {
+        variant: "headline-md",
+        style: {
+          textAlign: 'center'
+        },
+        children: title
+      }), amount && /*#__PURE__*/_jsx(Amount, {
+        value: amount.value,
+        currency: amount.currency,
+        locale: locale,
+        size: "display"
+      }), description && /*#__PURE__*/_jsx(Text, {
+        variant: "body-md",
+        color: "on-surface-variant",
+        style: {
+          textAlign: 'center'
+        },
+        children: description
+      })]
+    })
+  });
+}
+//# sourceMappingURL=money.js.map

package/lib/module/patterns/money.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SectionList","View","moneyFormatter","CheckCircle2","ShieldCheck","Button","ListItem","ListSection","Amount","Avatar","Badge","EmptyState","Progress","ExpressiveMoneyInput","RefreshControl","StickyFooter","SwipeableRow","ScreenContainer","Heading","Text","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FlowStep","step","total","title","children","footer","tokens","messages","gap","style","spacing","value","label","pageOf","variant","color","AmountStep","from","to","balance","quote","onContinue","locale","amount","setAmount","useState","fmt","n","c","format","over","q","undefined","size","fullWidth","disabled","onPress","currency","onValueChange","error","caption","fee","rate","arrives","ReviewStep","rows","confirmLabel","onConfirm","confirmHint","loading","leadingIcon","textAlign","map","r","ActivityList","transactions","onRefresh","refreshing","onEndReached","actions","header","empty","roles","day","Intl","DateTimeFormat","dateStyle","sections","useMemo","Map","t","sort","a","b","date","key","set","get","data","row","signDisplay","status","item","subtitle","leading","name","src","image","trailing","alignItems","tone","keyExtractor","id","contentInsetAdjustmentBehavior","backgroundColor","surface","contentContainerStyle","padding","ListHeaderComponent","ListEmptyComponent","description","renderSectionHeader","section","accessibilityRole","paddingTop","paddingBottom","paddingHorizontal","renderItem","index","borderTopStartRadius","shape","container","borderTopEndRadius","borderBottomStartRadius","length","borderBottomEndRadius","overflow","refreshControl","onEndReachedThreshold","stickySectionHeadersEnabled","TransactionDetail","transaction","when","timeStyle","paddingVertical","dot","ResultScreen","kind","primary","secondary","icon","Glyph","accessibilityLiveRegion","flex","justifyContent","width","height","borderRadius"],"sourceRoot":"../../../src","sources":["patterns/money.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/Icon.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import * as React from 'react';
+import { useTheme } from "../theme/ThemeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** An `@nexub/icons/native` icon coloured by a role. Decorative unless `label` is set. */
+export function Icon({
+  icon: Glyph,
+  color = 'on-surface-variant',
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(Glyph, {
+    color: useTheme().roles[color],
+    ...rest
+  });
+}
+//# sourceMappingURL=Icon.js.map

package/lib/module/primitives/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTheme","jsx","_jsx","Icon","icon","Glyph","color","rest","roles"],"sourceRoot":"../../../src","sources":["primitives/Icon.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,QAAQ,QAAuB,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASjE;AACA,OAAO,SAASC,IAAIA,CAAC;EAAEC,IAAI,EAAEC,KAAK;EAAEC,KAAK,GAAG,oBAAoB;EAAE,GAAGC;AAAgB,CAAC,EAAE;EACtF,oBAAOL,IAAA,CAACG,KAAK;IAACC,KAAK,EAAEN,QAAQ,CAAC,CAAC,CAACQ,KAAK,CAACF,KAAK,CAAE;IAAA,GAAKC;EAAI,CAAG,CAAC;AAC5D","ignoreList":[]}

package/lib/module/primitives/Layout.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import * as React from 'react';
+import { View } from 'react-native';
+import { useTheme } from "../theme/ThemeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function useBoxStyle({
+  padding,
+  paddingX,
+  paddingY,
+  gap,
+  background,
+  radius,
+  align,
+  justify,
+  flex
+}) {
+  const {
+    tokens,
+    roles
+  } = useTheme();
+  const s = k => k === undefined ? undefined : tokens.spacing[k];
+  return {
+    padding: s(padding),
+    paddingHorizontal: s(paddingX),
+    paddingVertical: s(paddingY),
+    gap: s(gap),
+    backgroundColor: background && roles[background],
+    borderRadius: radius && tokens.shape[radius],
+    alignItems: align,
+    justifyContent: justify,
+    flex
+  };
+}
+export function Box({
+  style,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [useBoxStyle(props), style],
+    ...props
+  });
+}
+
+/** Children in a column. @default gap '3' */
+export function Stack({
+  gap = '3',
+  style,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [useBoxStyle({
+      gap,
+      ...props
+    }), style],
+    ...props
+  });
+}
+
+/** Children in a row that wraps, centred on the cross axis. @default gap '2' */
+export function Inline({
+  gap = '2',
+  align = 'center',
+  style,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [useBoxStyle({
+      gap,
+      align,
+      ...props
+    }), {
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    }, style],
+    ...props
+  });
+}
+//# sourceMappingURL=Layout.js.map

package/lib/module/primitives/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useTheme","jsx","_jsx","useBoxStyle","padding","paddingX","paddingY","gap","background","radius","align","justify","flex","tokens","roles","s","k","undefined","spacing","paddingHorizontal","paddingVertical","backgroundColor","borderRadius","shape","alignItems","justifyContent","Box","style","props","Stack","Inline","flexDirection","flexWrap"],"sourceRoot":"../../../src","sources":["primitives/Layout.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAwC,cAAc;AAEnE,SAASC,QAAQ,QAAuB,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAoBjE,SAASC,WAAWA,CAAC;EACnBC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,GAAG;EACHC,UAAU;EACVC,MAAM;EACNC,KAAK;EACLC,OAAO;EACPC;AACQ,CAAC,EAAa;EACtB,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGd,QAAQ,CAAC,CAAC;EACpC,MAAMe,CAAC,GAAIC,CAAS,IAAMA,CAAC,KAAKC,SAAS,GAAGA,SAAS,GAAGJ,MAAM,CAACK,OAAO,CAACF,CAAC,CAAE;EAC1E,OAAO;IACLZ,OAAO,EAAEW,CAAC,CAACX,OAAO,CAAC;IACnBe,iBAAiB,EAAEJ,CAAC,CAACV,QAAQ,CAAC;IAC9Be,eAAe,EAAEL,CAAC,CAACT,QAAQ,CAAC;IAC5BC,GAAG,EAAEQ,CAAC,CAACR,GAAG,CAAC;IACXc,eAAe,EAAEb,UAAU,IAAIM,KAAK,CAACN,UAAU,CAAC;IAChDc,YAAY,EAAEb,MAAM,IAAII,MAAM,CAACU,KAAK,CAACd,MAAM,CAAC;IAC5Ce,UAAU,EAAEd,KAAK;IACjBe,cAAc,EAAEd,OAAO;IACvBC;EACF,CAAC;AACH;AAEA,OAAO,SAASc,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAgB,CAAC,EAAE;EACjD,oBAAO1B,IAAA,CAACH,IAAI;IAAC4B,KAAK,EAAE,CAACxB,WAAW,CAACyB,KAAK,CAAC,EAAED,KAAK,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AAChE;;AAEA;AACA,OAAO,SAASC,KAAKA,CAAC;EAAEtB,GAAG,GAAG,GAAG;EAAEoB,KAAK;EAAE,GAAGC;AAAgB,CAAC,EAAE;EAC9D,oBAAO1B,IAAA,CAACH,IAAI;IAAC4B,KAAK,EAAE,CAACxB,WAAW,CAAC;MAAEI,GAAG;MAAE,GAAGqB;IAAM,CAAC,CAAC,EAAED,KAAK,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AAC5E;;AAEA;AACA,OAAO,SAASE,MAAMA,CAAC;EAAEvB,GAAG,GAAG,GAAG;EAAEG,KAAK,GAAG,QAAQ;EAAEiB,KAAK;EAAE,GAAGC;AAAgB,CAAC,EAAE;EACjF,oBACE1B,IAAA,CAACH,IAAI;IACH4B,KAAK,EAAE,CACLxB,WAAW,CAAC;MAAEI,GAAG;MAAEG,KAAK;MAAE,GAAGkB;IAAM,CAAC,CAAC,EACrC;MAAEG,aAAa,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAO,CAAC,EAC1CL,KAAK,CACL;IAAA,GACEC;EAAK,CACV,CAAC;AAEN","ignoreList":[]}

package/lib/module/primitives/Pressable.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import * as React from 'react';
+import { Pressable as RNPressable, StyleSheet, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { useHaptics, useTheme } from "../theme/ThemeProvider.js";
+
+// The touchable itself animates and takes `style`, so layout props (flex,
+// position, margins) apply to the element that sits in the parent's layout.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(RNPressable);
+const AnimatedView = Animated.createAnimatedComponent(View);
+/**
+ * The base of every Nexub control: a state layer (on-colour at the pressed
+ * opacity) and a 0.97 press-scale on the spatial-fast spring. No ripple.
+ * Reduce Motion is honoured by Reanimated (ReduceMotion.System).
+ */
+export function Pressable({
+  style,
+  children,
+  haptic,
+  stateLayer = 'on-surface',
+  pressScale = 0.97,
+  disabled,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...rest
+}) {
+  const {
+    roles,
+    tokens
+  } = useTheme();
+  const play = useHaptics();
+  const pressed = useSharedValue(0);
+  const spring = tokens.motion.spring.spatial.fast;
+  const opacity = tokens.state.pressed;
+  const scale = pressScale === false ? 1 : pressScale;
+  const container = useAnimatedStyle(() => ({
+    transform: [{
+      scale: 1 - (1 - scale) * pressed.value
+    }]
+  }));
+  const layer = useAnimatedStyle(() => ({
+    opacity: pressed.value * opacity
+  }));
+  const radius = StyleSheet.flatten(style)?.borderRadius;
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    disabled: disabled,
+    onPressIn: e => {
+      pressed.value = withSpring(1, spring);
+      onPressIn?.(e);
+    },
+    onPressOut: e => {
+      pressed.value = withSpring(0, spring);
+      onPressOut?.(e);
+    },
+    onPress: e => {
+      if (haptic) play(haptic);
+      onPress?.(e);
+    },
+    style: [style, container],
+    ...rest,
+    children: [children, stateLayer && /*#__PURE__*/_jsx(AnimatedView, {
+      pointerEvents: "none",
+      style: [StyleSheet.absoluteFill, {
+        backgroundColor: roles[stateLayer],
+        borderRadius: radius
+      }, layer]
+    })]
+  });
+}
+//# sourceMappingURL=Pressable.js.map

package/lib/module/primitives/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","RNPressable","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withSpring","useHaptics","useTheme","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","AnimatedView","style","children","haptic","stateLayer","pressScale","disabled","onPress","onPressIn","onPressOut","rest","roles","tokens","play","pressed","spring","motion","spatial","fast","opacity","state","scale","container","transform","value","layer","radius","flatten","borderRadius","accessibilityRole","accessibilityState","e","pointerEvents","absoluteFill","backgroundColor"],"sourceRoot":"../../../src","sources":["primitives/Pressable.tsx"],"mappings":"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","ignoreList":[]}