@xleddyl/443-components-native 0.0.0-stage → 0.1.0

package/lib/module/components/navigation/Tabs.js

@@ -0,0 +1,276 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { interpolate, useAnimatedStyle, useReducedMotion, useSharedValue, withSpring } from 'react-native-reanimated';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { scheduleOnRN } from 'react-native-worklets';
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { toneColors } from "../../theme/tones.js";
+import { renderIcon } from "../core/Icon.js";
+import { Text } from "../core/Text.js";
+import { Touchable } from "../core/Touchable.js";
+import { hiddenFromAccessibility } from "../../utils/a11y.js";
+import { clamp } from "../../utils/math.js";
+import { floatingShadow } from "../../utils/styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const swipeVelocityFactor = 0.0015;
+const edgeResistance = 0.25;
+const tabColor = (theme, variant, selected) => {
+  if (!selected) {
+    return theme.colors.textMuted;
+  }
+  return variant === 'underline' ? toneColors(theme, 'primary').text : theme.colors.text;
+};
+const tabHeight = (theme, size) => theme.sizes.control[size];
+export const Tabs = ({
+  ref,
+  items,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  variant = 'segmented',
+  size = 'md',
+  lazy = true,
+  swipeEnabled = true,
+  header = true,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const reducedMotion = useReducedMotion();
+  const [value, setValue] = useControllableState({
+    value: valueProp,
+    defaultValue: defaultValue ?? items[0]?.key ?? '',
+    onChange: onValueChange
+  });
+  const [width, setWidth] = useState(0);
+  const [layouts, setLayouts] = useState([]);
+  const [visited, setVisited] = useState([value]);
+  const position = useSharedValue(0);
+  const dragStart = useSharedValue(0);
+  const foundIndex = items.findIndex(item => item.key === value);
+  const index = foundIndex === -1 ? 0 : foundIndex;
+  const count = items.length;
+  const spring = {
+    ...theme.motion.spring.gentle
+  };
+  if (!visited.includes(value)) {
+    setVisited([...visited, value]);
+  }
+  const selectIndex = next => {
+    const item = items[next];
+    if (!item || item.disabled || next === index) {
+      position.value = reducedMotion ? index : withSpring(index, spring);
+      return;
+    }
+    setValue(item.key);
+  };
+  const pan = Gesture.Pan().enabled(swipeEnabled && width > 0 && count > 1).activeOffsetX([-12, 12]).failOffsetY([-10, 10]).onStart(() => {
+    dragStart.value = position.value;
+  }).onUpdate(event => {
+    const next = dragStart.value - event.translationX / width;
+    if (next < 0) {
+      position.value = next * edgeResistance;
+      return;
+    }
+    if (next > count - 1) {
+      position.value = count - 1 + (next - (count - 1)) * edgeResistance;
+      return;
+    }
+    position.value = next;
+  }).onEnd(event => {
+    const projected = position.value - event.velocityX * swipeVelocityFactor;
+    const target = clamp(Math.round(projected), Math.max(Math.floor(dragStart.value) - 1, 0), Math.min(Math.ceil(dragStart.value) + 1, count - 1));
+    position.value = withSpring(target, spring);
+    scheduleOnRN(selectIndex, target);
+  });
+  useEffect(() => {
+    position.value = reducedMotion ? index : withSpring(index, spring);
+  }, [index, reducedMotion]);
+  const pagerStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: -position.value * width
+    }]
+  }));
+  const measuredLayouts = layouts.length === count && layouts.every(Boolean);
+  const layoutInputs = layouts.map((_, layoutIndex) => layoutIndex);
+  const layoutWidths = layouts.map(layout => layout.width);
+  const layoutOffsets = layouts.map(layout => layout.x);
+  const indicatorStyle = useAnimatedStyle(() => {
+    if (!measuredLayouts) {
+      return {
+        opacity: 0
+      };
+    }
+    return {
+      opacity: 1,
+      width: interpolate(position.value, layoutInputs, layoutWidths, 'clamp'),
+      transform: [{
+        translateX: interpolate(position.value, layoutInputs, layoutOffsets, 'clamp')
+      }]
+    };
+  });
+  const handleTabLayout = tabIndex => event => {
+    const {
+      x,
+      width: tabWidth
+    } = event.nativeEvent.layout;
+    setLayouts(current => {
+      if (current[tabIndex]?.x === x && current[tabIndex]?.width === tabWidth) {
+        return current;
+      }
+      const next = [...current];
+      next[tabIndex] = {
+        x,
+        width: tabWidth
+      };
+      return next;
+    });
+  };
+  const handlePagerLayout = event => setWidth(event.nativeEvent.layout.width);
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    style: [stylesheet.container, style, styles?.container],
+    children: [header ? /*#__PURE__*/_jsxs(View, {
+      accessibilityRole: "tablist",
+      style: [stylesheet.header(variant), styles?.header],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [stylesheet.indicator(variant), indicatorStyle, styles?.indicator]
+      }), items.map((item, tabIndex) => {
+        const selected = tabIndex === index;
+        const color = tabColor(theme, variant, selected);
+        return /*#__PURE__*/_jsxs(Touchable, {
+          feedback: "opacity",
+          haptic: selected ? false : 'selection',
+          accessibilityRole: "tab",
+          accessibilityLabel: item.label,
+          accessibilityState: {
+            selected,
+            disabled: !!item.disabled
+          },
+          accessibilityValue: item.badge !== undefined ? {
+            text: String(item.badge)
+          } : undefined,
+          disabled: item.disabled,
+          onPress: () => setValue(item.key),
+          onLayout: handleTabLayout(tabIndex),
+          hitSlop: {
+            top: theme.space(0.5),
+            bottom: theme.space(0.5)
+          },
+          style: [stylesheet.tab(size), styles?.tab],
+          children: [item.icon ? renderIcon(item.icon, {
+            size: 'sm',
+            color
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            variant: "label",
+            weight: selected ? 'semibold' : 'medium',
+            numberOfLines: 1,
+            style: [stylesheet.label(color), styles?.label],
+            children: item.label
+          }), item.badge !== undefined ? /*#__PURE__*/_jsx(View, {
+            style: stylesheet.badge,
+            children: /*#__PURE__*/_jsx(Text, {
+              variant: "caption",
+              weight: "semibold",
+              style: stylesheet.badgeLabel,
+              children: String(item.badge)
+            })
+          }) : null]
+        }, item.key);
+      })]
+    }) : null, /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: pan,
+      children: /*#__PURE__*/_jsx(View, {
+        onLayout: handlePagerLayout,
+        style: [stylesheet.pager, styles?.pager],
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [stylesheet.track(width, count), pagerStyle],
+          children: items.map((item, paneIndex) => {
+            const active = paneIndex === index;
+            const shouldRender = !lazy || visited.includes(item.key);
+            return /*#__PURE__*/_jsx(View, {
+              style: [stylesheet.pane(width), styles?.pane],
+              ...hiddenFromAccessibility(!active),
+              children: shouldRender ? typeof item.content === 'function' ? item.content() : item.content : null
+            }, item.key);
+          })
+        })
+      })
+    })]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  container: {
+    gap: theme.space(1.5),
+    flexShrink: 1
+  },
+  header: variant => ({
+    flexDirection: 'row',
+    padding: variant === 'segmented' ? theme.space(0.5) : 0,
+    borderRadius: variant === 'segmented' ? theme.components.tabs?.radius ?? theme.radius.lg : 0,
+    backgroundColor: variant === 'segmented' ? theme.components.tabs?.trackBackground ?? theme.colors.surfaceSunken : 'transparent',
+    borderBottomWidth: variant === 'underline' ? theme.sizes.borderWidth : 0,
+    borderBottomColor: theme.colors.border
+  }),
+  indicator: variant => ({
+    ...(variant === 'segmented' ? {
+      position: 'absolute',
+      pointerEvents: 'none',
+      left: 0,
+      top: theme.space(0.5),
+      bottom: theme.space(0.5),
+      borderRadius: Math.max(0, (theme.components.tabs?.radius ?? theme.radius.lg) - theme.space(0.5)),
+      backgroundColor: theme.components.tabs?.indicatorColor ?? theme.colors.surfaceRaised,
+      boxShadow: floatingShadow(theme, 'raised')
+    } : {
+      position: 'absolute',
+      pointerEvents: 'none',
+      left: 0,
+      bottom: -theme.sizes.borderWidth,
+      height: theme.space(0.375),
+      borderRadius: theme.radius.full,
+      backgroundColor: theme.components.tabs?.indicatorColor ?? theme.colors.primary
+    })
+  }),
+  tab: size => ({
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: theme.space(0.75),
+    minHeight: tabHeight(theme, size) - theme.space(1),
+    paddingHorizontal: theme.space(1)
+  }),
+  label: color => ({
+    color
+  }),
+  badge: {
+    minWidth: theme.space(2.25),
+    paddingHorizontal: theme.space(0.5),
+    borderRadius: theme.radius.full,
+    backgroundColor: theme.colors.primarySoft,
+    alignItems: 'center'
+  },
+  badgeLabel: {
+    color: toneColors(theme, 'primary').text
+  },
+  pager: {
+    flexGrow: 1,
+    overflow: 'hidden'
+  },
+  track: (width, count) => ({
+    flexGrow: 1,
+    flexDirection: 'row',
+    alignItems: 'stretch',
+    width: width > 0 ? width * count : '100%'
+  }),
+  pane: width => ({
+    width: width > 0 ? width : '100%'
+  })
+}));
+//# sourceMappingURL=Tabs.js.map

package/lib/module/components/navigation/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","View","Gesture","GestureDetector","Animated","interpolate","useAnimatedStyle","useReducedMotion","useSharedValue","withSpring","StyleSheet","useUnistyles","scheduleOnRN","useControllableState","toneColors","renderIcon","Text","Touchable","hiddenFromAccessibility","clamp","floatingShadow","jsx","_jsx","jsxs","_jsxs","swipeVelocityFactor","edgeResistance","tabColor","theme","variant","selected","colors","textMuted","text","tabHeight","size","sizes","control","Tabs","ref","items","value","valueProp","defaultValue","onValueChange","lazy","swipeEnabled","header","style","styles","reducedMotion","setValue","key","onChange","width","setWidth","layouts","setLayouts","visited","setVisited","position","dragStart","foundIndex","findIndex","item","index","count","length","spring","motion","gentle","includes","selectIndex","next","disabled","pan","Pan","enabled","activeOffsetX","failOffsetY","onStart","onUpdate","event","translationX","onEnd","projected","velocityX","target","Math","round","max","floor","min","ceil","pagerStyle","transform","translateX","measuredLayouts","every","Boolean","layoutInputs","map","_","layoutIndex","layoutWidths","layout","layoutOffsets","x","indicatorStyle","opacity","handleTabLayout","tabIndex","tabWidth","nativeEvent","current","handlePagerLayout","stylesheet","container","children","accessibilityRole","indicator","color","feedback","haptic","accessibilityLabel","label","accessibilityState","accessibilityValue","badge","undefined","String","onPress","onLayout","hitSlop","top","space","bottom","tab","icon","weight","numberOfLines","badgeLabel","gesture","pager","track","paneIndex","active","shouldRender","pane","content","create","gap","flexShrink","flexDirection","padding","borderRadius","components","tabs","radius","lg","backgroundColor","trackBackground","surfaceSunken","borderBottomWidth","borderWidth","borderBottomColor","border","pointerEvents","left","indicatorColor","surfaceRaised","boxShadow","height","full","primary","flex","alignItems","justifyContent","minHeight","paddingHorizontal","minWidth","primarySoft","flexGrow","overflow"],"sourceRoot":"../../../../src","sources":["components/navigation/Tabs.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AACvE,OAAOC,QAAQ,IACZC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACN,yBAAyB;AAChC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AACjE,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,oBAAoB,QAAQ,qCAAkC;AACvE,SAASC,UAAU,QAAQ,sBAAmB;AAG9C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,IAAI,QAAQ,iBAAc;AACnC,SAASC,SAAS,QAAQ,sBAAmB;AAC7C,SAASC,uBAAuB,QAAQ,qBAAkB;AAC1D,SAASC,KAAK,QAAQ,qBAAkB;AACxC,SAASC,cAAc,QAAQ,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkDnD,MAAMC,mBAAmB,GAAG,MAAM;AAClC,MAAMC,cAAc,GAAG,IAAI;AAE3B,MAAMC,QAAQ,GAAGA,CAACC,KAAgB,EAAEC,OAAoB,EAAEC,QAAiB,KAAK;EAC7E,IAAI,CAACA,QAAQ,EAAE;IACZ,OAAOF,KAAK,CAACG,MAAM,CAACC,SAAS;EAChC;EACA,OAAOH,OAAO,KAAK,WAAW,GAAGf,UAAU,CAACc,KAAK,EAAE,SAAS,CAAC,CAACK,IAAI,GAAGL,KAAK,CAACG,MAAM,CAACE,IAAI;AACzF,CAAC;AAED,MAAMC,SAAS,GAAGA,CAACN,KAAgB,EAAEO,IAAiB,KAAKP,KAAK,CAACQ,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC;AAEpF,OAAO,MAAMG,IAAI,GAAGA,CAAC;EAClBC,GAAG;EACHC,KAAK;EACLC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbf,OAAO,GAAG,WAAW;EACrBM,IAAI,GAAG,IAAI;EACXU,IAAI,GAAG,IAAI;EACXC,YAAY,GAAG,IAAI;EACnBC,MAAM,GAAG,IAAI;EACbC,KAAK;EACLC;AACQ,CAAC,KAAK;EACd,MAAM;IAAErB;EAAM,CAAC,GAAGjB,YAAY,CAAC,CAAC;EAChC,MAAMuC,aAAa,GAAG3C,gBAAgB,CAAC,CAAC;EACxC,MAAM,CAACkC,KAAK,EAAEU,QAAQ,CAAC,GAAGtC,oBAAoB,CAAC;IAC5C4B,KAAK,EAAEC,SAAS;IAChBC,YAAY,EAAEA,YAAY,IAAIH,KAAK,CAAC,CAAC,CAAC,EAAEY,GAAG,IAAI,EAAE;IACjDC,QAAQ,EAAET;EACb,CAAC,CAAC;EACF,MAAM,CAACU,KAAK,EAAEC,QAAQ,CAAC,GAAGvD,QAAQ,CAAC,CAAC,CAAC;EACrC,MAAM,CAACwD,OAAO,EAAEC,UAAU,CAAC,GAAGzD,QAAQ,CAAc,EAAE,CAAC;EACvD,MAAM,CAAC0D,OAAO,EAAEC,UAAU,CAAC,GAAG3D,QAAQ,CAAW,CAACyC,KAAK,CAAC,CAAC;EACzD,MAAMmB,QAAQ,GAAGpD,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMqD,SAAS,GAAGrD,cAAc,CAAC,CAAC,CAAC;EAEnC,MAAMsD,UAAU,GAAGtB,KAAK,CAACuB,SAAS,CAAEC,IAAI,IAAKA,IAAI,CAACZ,GAAG,KAAKX,KAAK,CAAC;EAChE,MAAMwB,KAAK,GAAGH,UAAU,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGA,UAAU;EAChD,MAAMI,KAAK,GAAG1B,KAAK,CAAC2B,MAAM;EAC1B,MAAMC,MAAM,GAAG;IAAE,GAAGxC,KAAK,CAACyC,MAAM,CAACD,MAAM,CAACE;EAAO,CAAC;EAEhD,IAAI,CAACZ,OAAO,CAACa,QAAQ,CAAC9B,KAAK,CAAC,EAAE;IAC3BkB,UAAU,CAAC,CAAC,GAAGD,OAAO,EAAEjB,KAAK,CAAC,CAAC;EAClC;EAEA,MAAM+B,WAAW,GAAIC,IAAY,IAAK;IACnC,MAAMT,IAAI,GAAGxB,KAAK,CAACiC,IAAI,CAAC;IACxB,IAAI,CAACT,IAAI,IAAIA,IAAI,CAACU,QAAQ,IAAID,IAAI,KAAKR,KAAK,EAAE;MAC3CL,QAAQ,CAACnB,KAAK,GAAGS,aAAa,GAAGe,KAAK,GAAGxD,UAAU,CAACwD,KAAK,EAAEG,MAAM,CAAC;MAClE;IACH;IACAjB,QAAQ,CAACa,IAAI,CAACZ,GAAG,CAAC;EACrB,CAAC;EAED,MAAMuB,GAAG,GAAGzE,OAAO,CAAC0E,GAAG,CAAC,CAAC,CACrBC,OAAO,CAAC/B,YAAY,IAAIQ,KAAK,GAAG,CAAC,IAAIY,KAAK,GAAG,CAAC,CAAC,CAC/CY,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CACxBC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CACtBC,OAAO,CAAC,MAAM;IACZnB,SAAS,CAACpB,KAAK,GAAGmB,QAAQ,CAACnB,KAAK;EACnC,CAAC,CAAC,CACDwC,QAAQ,CAAEC,KAAK,IAAK;IAClB,MAAMT,IAAI,GAAGZ,SAAS,CAACpB,KAAK,GAAGyC,KAAK,CAACC,YAAY,GAAG7B,KAAK;IACzD,IAAImB,IAAI,GAAG,CAAC,EAAE;MACXb,QAAQ,CAACnB,KAAK,GAAGgC,IAAI,GAAG/C,cAAc;MACtC;IACH;IACA,IAAI+C,IAAI,GAAGP,KAAK,GAAG,CAAC,EAAE;MACnBN,QAAQ,CAACnB,KAAK,GAAGyB,KAAK,GAAG,CAAC,GAAG,CAACO,IAAI,IAAIP,KAAK,GAAG,CAAC,CAAC,IAAIxC,cAAc;MAClE;IACH;IACAkC,QAAQ,CAACnB,KAAK,GAAGgC,IAAI;EACxB,CAAC,CAAC,CACDW,KAAK,CAAEF,KAAK,IAAK;IACf,MAAMG,SAAS,GAAGzB,QAAQ,CAACnB,KAAK,GAAGyC,KAAK,CAACI,SAAS,GAAG7D,mBAAmB;IACxE,MAAM8D,MAAM,GAAGpE,KAAK,CACjBqE,IAAI,CAACC,KAAK,CAACJ,SAAS,CAAC,EACrBG,IAAI,CAACE,GAAG,CAACF,IAAI,CAACG,KAAK,CAAC9B,SAAS,CAACpB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAC5C+C,IAAI,CAACI,GAAG,CAACJ,IAAI,CAACK,IAAI,CAAChC,SAAS,CAACpB,KAAK,CAAC,GAAG,CAAC,EAAEyB,KAAK,GAAG,CAAC,CACrD,CAAC;IACDN,QAAQ,CAACnB,KAAK,GAAGhC,UAAU,CAAC8E,MAAM,EAAEnB,MAAM,CAAC;IAC3CxD,YAAY,CAAC4D,WAAW,EAAEe,MAAM,CAAC;EACpC,CAAC,CAAC;EAELxF,SAAS,CAAC,MAAM;IACb6D,QAAQ,CAACnB,KAAK,GAAGS,aAAa,GAAGe,KAAK,GAAGxD,UAAU,CAACwD,KAAK,EAAEG,MAAM,CAAC;EACrE,CAAC,EAAE,CAACH,KAAK,EAAEf,aAAa,CAAC,CAAC;EAE1B,MAAM4C,UAAU,GAAGxF,gBAAgB,CAAC,OAAO;IACxCyF,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE,CAACpC,QAAQ,CAACnB,KAAK,GAAGa;IAAM,CAAC;EACtD,CAAC,CAAC,CAAC;EAEH,MAAM2C,eAAe,GAAGzC,OAAO,CAACW,MAAM,KAAKD,KAAK,IAAIV,OAAO,CAAC0C,KAAK,CAACC,OAAO,CAAC;EAC1E,MAAMC,YAAY,GAAG5C,OAAO,CAAC6C,GAAG,CAAC,CAACC,CAAC,EAAEC,WAAW,KAAKA,WAAW,CAAC;EACjE,MAAMC,YAAY,GAAGhD,OAAO,CAAC6C,GAAG,CAAEI,MAAM,IAAKA,MAAM,CAACnD,KAAK,CAAC;EAC1D,MAAMoD,aAAa,GAAGlD,OAAO,CAAC6C,GAAG,CAAEI,MAAM,IAAKA,MAAM,CAACE,CAAC,CAAC;EACvD,MAAMC,cAAc,GAAGtG,gBAAgB,CAAC,MAAM;IAC3C,IAAI,CAAC2F,eAAe,EAAE;MACnB,OAAO;QAAEY,OAAO,EAAE;MAAE,CAAC;IACxB;IACA,OAAO;MACJA,OAAO,EAAE,CAAC;MACVvD,KAAK,EAAEjD,WAAW,CAACuD,QAAQ,CAACnB,KAAK,EAAE2D,YAAY,EAAEI,YAAY,EAAE,OAAO,CAAC;MACvET,SAAS,EAAE,CACR;QACGC,UAAU,EAAE3F,WAAW,CAACuD,QAAQ,CAACnB,KAAK,EAAE2D,YAAY,EAAEM,aAAa,EAAE,OAAO;MAC/E,CAAC;IAEP,CAAC;EACJ,CAAC,CAAC;EAEF,MAAMI,eAAe,GAAIC,QAAgB,IAAM7B,KAAwB,IAAK;IACzE,MAAM;MAAEyB,CAAC;MAAErD,KAAK,EAAE0D;IAAS,CAAC,GAAG9B,KAAK,CAAC+B,WAAW,CAACR,MAAM;IACvDhD,UAAU,CAAEyD,OAAO,IAAK;MACrB,IAAIA,OAAO,CAACH,QAAQ,CAAC,EAAEJ,CAAC,KAAKA,CAAC,IAAIO,OAAO,CAACH,QAAQ,CAAC,EAAEzD,KAAK,KAAK0D,QAAQ,EAAE;QACtE,OAAOE,OAAO;MACjB;MACA,MAAMzC,IAAI,GAAG,CAAC,GAAGyC,OAAO,CAAC;MACzBzC,IAAI,CAACsC,QAAQ,CAAC,GAAG;QAAEJ,CAAC;QAAErD,KAAK,EAAE0D;MAAS,CAAC;MACvC,OAAOvC,IAAI;IACd,CAAC,CAAC;EACL,CAAC;EAED,MAAM0C,iBAAiB,GAAIjC,KAAwB,IAAK3B,QAAQ,CAAC2B,KAAK,CAAC+B,WAAW,CAACR,MAAM,CAACnD,KAAK,CAAC;EAEhG,oBACG9B,KAAA,CAACvB,IAAI;IAACsC,GAAG,EAAEA,GAAI;IAACS,KAAK,EAAE,CAACoE,UAAU,CAACC,SAAS,EAAErE,KAAK,EAAEC,MAAM,EAAEoE,SAAS,CAAE;IAAAC,QAAA,GACpEvE,MAAM,gBACJvB,KAAA,CAACvB,IAAI;MAACsH,iBAAiB,EAAC,SAAS;MAACvE,KAAK,EAAE,CAACoE,UAAU,CAACrE,MAAM,CAAClB,OAAO,CAAC,EAAEoB,MAAM,EAAEF,MAAM,CAAE;MAAAuE,QAAA,gBACnFhG,IAAA,CAAClB,QAAQ,CAACH,IAAI;QACX+C,KAAK,EAAE,CAACoE,UAAU,CAACI,SAAS,CAAC3F,OAAO,CAAC,EAAE+E,cAAc,EAAE3D,MAAM,EAAEuE,SAAS;MAAE,CAC5E,CAAC,EACDhF,KAAK,CAAC6D,GAAG,CAAC,CAACrC,IAAI,EAAE+C,QAAQ,KAAK;QAC5B,MAAMjF,QAAQ,GAAGiF,QAAQ,KAAK9C,KAAK;QACnC,MAAMwD,KAAK,GAAG9F,QAAQ,CAACC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,CAAC;QAChD,oBACGN,KAAA,CAACP,SAAS;UAEPyG,QAAQ,EAAC,SAAS;UAClBC,MAAM,EAAE7F,QAAQ,GAAG,KAAK,GAAG,WAAY;UACvCyF,iBAAiB,EAAC,KAAK;UACvBK,kBAAkB,EAAE5D,IAAI,CAAC6D,KAAM;UAC/BC,kBAAkB,EAAE;YAAEhG,QAAQ;YAAE4C,QAAQ,EAAE,CAAC,CAACV,IAAI,CAACU;UAAS,CAAE;UAC5DqD,kBAAkB,EACf/D,IAAI,CAACgE,KAAK,KAAKC,SAAS,GAAG;YAAEhG,IAAI,EAAEiG,MAAM,CAAClE,IAAI,CAACgE,KAAK;UAAE,CAAC,GAAGC,SAC5D;UACDvD,QAAQ,EAAEV,IAAI,CAACU,QAAS;UACxByD,OAAO,EAAEA,CAAA,KAAMhF,QAAQ,CAACa,IAAI,CAACZ,GAAG,CAAE;UAClCgF,QAAQ,EAAEtB,eAAe,CAACC,QAAQ,CAAE;UACpCsB,OAAO,EAAE;YAAEC,GAAG,EAAE1G,KAAK,CAAC2G,KAAK,CAAC,GAAG,CAAC;YAAEC,MAAM,EAAE5G,KAAK,CAAC2G,KAAK,CAAC,GAAG;UAAE,CAAE;UAC7DvF,KAAK,EAAE,CAACoE,UAAU,CAACqB,GAAG,CAACtG,IAAI,CAAC,EAAEc,MAAM,EAAEwF,GAAG,CAAE;UAAAnB,QAAA,GAE1CtD,IAAI,CAAC0E,IAAI,GAAG3H,UAAU,CAACiD,IAAI,CAAC0E,IAAI,EAAE;YAAEvG,IAAI,EAAE,IAAI;YAAEsF;UAAM,CAAC,CAAC,GAAG,IAAI,eAChEnG,IAAA,CAACN,IAAI;YACFa,OAAO,EAAC,OAAO;YACf8G,MAAM,EAAE7G,QAAQ,GAAG,UAAU,GAAG,QAAS;YACzC8G,aAAa,EAAE,CAAE;YACjB5F,KAAK,EAAE,CAACoE,UAAU,CAACS,KAAK,CAACJ,KAAK,CAAC,EAAExE,MAAM,EAAE4E,KAAK,CAAE;YAAAP,QAAA,EAE/CtD,IAAI,CAAC6D;UAAK,CACR,CAAC,EACN7D,IAAI,CAACgE,KAAK,KAAKC,SAAS,gBACtB3G,IAAA,CAACrB,IAAI;YAAC+C,KAAK,EAAEoE,UAAU,CAACY,KAAM;YAAAV,QAAA,eAC3BhG,IAAA,CAACN,IAAI;cACFa,OAAO,EAAC,SAAS;cACjB8G,MAAM,EAAC,UAAU;cACjB3F,KAAK,EAAEoE,UAAU,CAACyB,UAAW;cAAAvB,QAAA,EAE5BY,MAAM,CAAClE,IAAI,CAACgE,KAAK;YAAC,CAChB;UAAC,CACJ,CAAC,GACN,IAAI;QAAA,GAlCHhE,IAAI,CAACZ,GAmCF,CAAC;MAElB,CAAC,CAAC;IAAA,CACC,CAAC,GACN,IAAI,eACR9B,IAAA,CAACnB,eAAe;MAAC2I,OAAO,EAAEnE,GAAI;MAAA2C,QAAA,eAC3BhG,IAAA,CAACrB,IAAI;QAACmI,QAAQ,EAAEjB,iBAAkB;QAACnE,KAAK,EAAE,CAACoE,UAAU,CAAC2B,KAAK,EAAE9F,MAAM,EAAE8F,KAAK,CAAE;QAAAzB,QAAA,eACzEhG,IAAA,CAAClB,QAAQ,CAACH,IAAI;UAAC+C,KAAK,EAAE,CAACoE,UAAU,CAAC4B,KAAK,CAAC1F,KAAK,EAAEY,KAAK,CAAC,EAAE4B,UAAU,CAAE;UAAAwB,QAAA,EAC/D9E,KAAK,CAAC6D,GAAG,CAAC,CAACrC,IAAI,EAAEiF,SAAS,KAAK;YAC7B,MAAMC,MAAM,GAAGD,SAAS,KAAKhF,KAAK;YAClC,MAAMkF,YAAY,GAAG,CAACtG,IAAI,IAAIa,OAAO,CAACa,QAAQ,CAACP,IAAI,CAACZ,GAAG,CAAC;YACxD,oBACG9B,IAAA,CAACrB,IAAI;cAEF+C,KAAK,EAAE,CAACoE,UAAU,CAACgC,IAAI,CAAC9F,KAAK,CAAC,EAAEL,MAAM,EAAEmG,IAAI,CAAE;cAAA,GAC1ClI,uBAAuB,CAAC,CAACgI,MAAM,CAAC;cAAA5B,QAAA,EAEnC6B,YAAY,GACR,OAAOnF,IAAI,CAACqF,OAAO,KAAK,UAAU,GAC/BrF,IAAI,CAACqF,OAAO,CAAC,CAAC,GACdrF,IAAI,CAACqF,OAAO,GACf;YAAI,GARJrF,IAAI,CAACZ,GASP,CAAC;UAEb,CAAC;QAAC,CACU;MAAC,CACb;IAAC,CACO,CAAC;EAAA,CACf,CAAC;AAEb,CAAC;AAED,MAAMgE,UAAU,GAAG1G,UAAU,CAAC4I,MAAM,CAAE1H,KAAK,KAAM;EAC9CyF,SAAS,EAAE;IACRkC,GAAG,EAAE3H,KAAK,CAAC2G,KAAK,CAAC,GAAG,CAAC;IACrBiB,UAAU,EAAE;EACf,CAAC;EACDzG,MAAM,EAAGlB,OAAoB,KAAM;IAChC4H,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE7H,OAAO,KAAK,WAAW,GAAGD,KAAK,CAAC2G,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;IACvDoB,YAAY,EACT9H,OAAO,KAAK,WAAW,GAAID,KAAK,CAACgI,UAAU,CAACC,IAAI,EAAEC,MAAM,IAAIlI,KAAK,CAACkI,MAAM,CAACC,EAAE,GAAI,CAAC;IACnFC,eAAe,EACZnI,OAAO,KAAK,WAAW,GACjBD,KAAK,CAACgI,UAAU,CAACC,IAAI,EAAEI,eAAe,IAAIrI,KAAK,CAACG,MAAM,CAACmI,aAAa,GACrE,aAAa;IACrBC,iBAAiB,EAAEtI,OAAO,KAAK,WAAW,GAAGD,KAAK,CAACQ,KAAK,CAACgI,WAAW,GAAG,CAAC;IACxEC,iBAAiB,EAAEzI,KAAK,CAACG,MAAM,CAACuI;EACnC,CAAC,CAAC;EACF9C,SAAS,EAAG3F,OAAoB,KAAM;IACnC,IAAIA,OAAO,KAAK,WAAW,GACtB;MACG+B,QAAQ,EAAE,UAAU;MACpB2G,aAAa,EAAE,MAAM;MACrBC,IAAI,EAAE,CAAC;MACPlC,GAAG,EAAE1G,KAAK,CAAC2G,KAAK,CAAC,GAAG,CAAC;MACrBC,MAAM,EAAE5G,KAAK,CAAC2G,KAAK,CAAC,GAAG,CAAC;MACxBoB,YAAY,EAAEnE,IAAI,CAACE,GAAG,CACnB,CAAC,EACD,CAAC9D,KAAK,CAACgI,UAAU,CAACC,IAAI,EAAEC,MAAM,IAAIlI,KAAK,CAACkI,MAAM,CAACC,EAAE,IAAInI,KAAK,CAAC2G,KAAK,CAAC,GAAG,CACvE,CAAC;MACDyB,eAAe,EAAEpI,KAAK,CAACgI,UAAU,CAACC,IAAI,EAAEY,cAAc,IAAI7I,KAAK,CAACG,MAAM,CAAC2I,aAAa;MACpFC,SAAS,EAAEvJ,cAAc,CAACQ,KAAK,EAAE,QAAQ;IAC5C,CAAC,GACD;MACGgC,QAAQ,EAAE,UAAU;MACpB2G,aAAa,EAAE,MAAM;MACrBC,IAAI,EAAE,CAAC;MACPhC,MAAM,EAAE,CAAC5G,KAAK,CAACQ,KAAK,CAACgI,WAAW;MAChCQ,MAAM,EAAEhJ,KAAK,CAAC2G,KAAK,CAAC,KAAK,CAAC;MAC1BoB,YAAY,EAAE/H,KAAK,CAACkI,MAAM,CAACe,IAAI;MAC/Bb,eAAe,EAAEpI,KAAK,CAACgI,UAAU,CAACC,IAAI,EAAEY,cAAc,IAAI7I,KAAK,CAACG,MAAM,CAAC+I;IAC1E,CAAC;EACT,CAAC,CAAC;EACFrC,GAAG,EAAGtG,IAAiB,KAAM;IAC1B4I,IAAI,EAAE,CAAC;IACPtB,aAAa,EAAE,KAAK;IACpBuB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB1B,GAAG,EAAE3H,KAAK,CAAC2G,KAAK,CAAC,IAAI,CAAC;IACtB2C,SAAS,EAAEhJ,SAAS,CAACN,KAAK,EAAEO,IAAI,CAAC,GAAGP,KAAK,CAAC2G,KAAK,CAAC,CAAC,CAAC;IAClD4C,iBAAiB,EAAEvJ,KAAK,CAAC2G,KAAK,CAAC,CAAC;EACnC,CAAC,CAAC;EACFV,KAAK,EAAGJ,KAAa,KAAM;IACxBA;EACH,CAAC,CAAC;EACFO,KAAK,EAAE;IACJoD,QAAQ,EAAExJ,KAAK,CAAC2G,KAAK,CAAC,IAAI,CAAC;IAC3B4C,iBAAiB,EAAEvJ,KAAK,CAAC2G,KAAK,CAAC,GAAG,CAAC;IACnCoB,YAAY,EAAE/H,KAAK,CAACkI,MAAM,CAACe,IAAI;IAC/Bb,eAAe,EAAEpI,KAAK,CAACG,MAAM,CAACsJ,WAAW;IACzCL,UAAU,EAAE;EACf,CAAC;EACDnC,UAAU,EAAE;IACTpB,KAAK,EAAE3G,UAAU,CAACc,KAAK,EAAE,SAAS,CAAC,CAACK;EACvC,CAAC;EACD8G,KAAK,EAAE;IACJuC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE;EACb,CAAC;EACDvC,KAAK,EAAEA,CAAC1F,KAAa,EAAEY,KAAa,MAAM;IACvCoH,QAAQ,EAAE,CAAC;IACX7B,aAAa,EAAE,KAAK;IACpBuB,UAAU,EAAE,SAAS;IACrB1H,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAGY,KAAK,GAAG;EACtC,CAAC,CAAC;EACFkF,IAAI,EAAG9F,KAAa,KAAM;IACvBA,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG;EAC9B,CAAC;AACJ,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/navigation/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export { BackButton } from "./BackButton.js";
+export { Header } from "./Header.js";
+export { TabBar } from "./TabBar.js";
+export { useTabBarHeight } from "./tabBarStore.js";
+export { Tabs } from "./Tabs.js";
+export { useScrollOffset } from "./useScrollOffset.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BackButton","Header","TabBar","useTabBarHeight","Tabs","useScrollOffset"],"sourceRoot":"../../../../src","sources":["components/navigation/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AAEzC,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,MAAM,QAAQ,aAAU;AAcjC,SAASC,eAAe,QAAQ,kBAAe;AAC/C,SAASC,IAAI,QAAQ,WAAQ;AAE7B,SAASC,eAAe,QAAQ,sBAAmB","ignoreList":[]}

package/lib/module/components/navigation/tabBarStore.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { createStore, useStore } from "../../utils/createStore.js";
+const heightStore = createStore(0);
+export const setTabBarHeight = next => {
+  if (Math.abs(next - heightStore.get()) >= 1) {
+    heightStore.set(next);
+  }
+};
+export const useTabBarHeight = () => useStore(heightStore);
+//# sourceMappingURL=tabBarStore.js.map

package/lib/module/components/navigation/tabBarStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStore","useStore","heightStore","setTabBarHeight","next","Math","abs","get","set","useTabBarHeight"],"sourceRoot":"../../../../src","sources":["components/navigation/tabBarStore.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,4BAAyB;AAE/D,MAAMC,WAAW,GAAGF,WAAW,CAAC,CAAC,CAAC;AAElC,OAAO,MAAMG,eAAe,GAAIC,IAAY,IAAK;EAC9C,IAAIC,IAAI,CAACC,GAAG,CAACF,IAAI,GAAGF,WAAW,CAACK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;IAC1CL,WAAW,CAACM,GAAG,CAACJ,IAAI,CAAC;EACxB;AACH,CAAC;AAED,OAAO,MAAMK,eAAe,GAAGA,CAAA,KAAMR,QAAQ,CAACC,WAAW,CAAC","ignoreList":[]}

package/lib/module/components/navigation/tabBarUtils.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { isValidElement } from 'react';
+import { toneColors } from "../../theme/tones.js";
+import { countLabel } from "../../utils/math.js";
+export const isHiddenItemStyle = itemStyle => typeof itemStyle === 'object' && itemStyle !== null && !Array.isArray(itemStyle) && itemStyle.display === 'none';
+export const isDefaultPrevented = event => typeof event === 'object' && event !== null && 'defaultPrevented' in event && event.defaultPrevented === true;
+export const iconFor = (icon, focused) => ! /*#__PURE__*/isValidElement(icon) && typeof icon === 'object' && 'active' in icon ? focused ? icon.active : icon.inactive : icon;
+export const tabBarActiveColor = theme => theme.components.tabBar?.activeColor ?? toneColors(theme, 'primary').text;
+export const tabBarInactiveColor = theme => theme.components.tabBar?.inactiveColor ?? theme.colors.textMuted;
+export const tabBarItemColor = (theme, focused) => focused ? tabBarActiveColor(theme) : tabBarInactiveColor(theme);
+export const badgeText = badge => {
+  if (typeof badge === 'number') {
+    return countLabel(badge);
+  }
+  return typeof badge === 'string' ? badge : '';
+};
+export const hasBadge = badge => badge !== undefined && badge !== false && badge !== 0;
+//# sourceMappingURL=tabBarUtils.js.map

package/lib/module/components/navigation/tabBarUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isValidElement","toneColors","countLabel","isHiddenItemStyle","itemStyle","Array","isArray","display","isDefaultPrevented","event","defaultPrevented","iconFor","icon","focused","active","inactive","tabBarActiveColor","theme","components","tabBar","activeColor","text","tabBarInactiveColor","inactiveColor","colors","textMuted","tabBarItemColor","badgeText","badge","hasBadge","undefined"],"sourceRoot":"../../../../src","sources":["components/navigation/tabBarUtils.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,OAAO;AAEtC,SAASC,UAAU,QAAQ,sBAAmB;AAC9C,SAASC,UAAU,QAAQ,qBAAkB;AAM7C,OAAO,MAAMC,iBAAiB,GAAIC,SAAkB,IACjD,OAAOA,SAAS,KAAK,QAAQ,IAC7BA,SAAS,KAAK,IAAI,IAClB,CAACC,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,IACxBA,SAAS,CAA0BG,OAAO,KAAK,MAAM;AAEzD,OAAO,MAAMC,kBAAkB,GAAIC,KAAc,IAC9C,OAAOA,KAAK,KAAK,QAAQ,IACzBA,KAAK,KAAK,IAAI,IACd,kBAAkB,IAAIA,KAAK,IAC3BA,KAAK,CAACC,gBAAgB,KAAK,IAAI;AAElC,OAAO,MAAMC,OAAO,GAAGA,CAACC,IAAmB,EAAEC,OAAgB,KAC1D,eAACb,cAAc,CAACY,IAAI,CAAC,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,QAAQ,IAAIA,IAAI,GAChEC,OAAO,GACJD,IAAI,CAACE,MAAM,GACXF,IAAI,CAACG,QAAQ,GAChBH,IAAI;AAEZ,OAAO,MAAMI,iBAAiB,GAAIC,KAAgB,IAC/CA,KAAK,CAACC,UAAU,CAACC,MAAM,EAAEC,WAAW,IAAInB,UAAU,CAACgB,KAAK,EAAE,SAAS,CAAC,CAACI,IAAI;AAE5E,OAAO,MAAMC,mBAAmB,GAAIL,KAAgB,IACjDA,KAAK,CAACC,UAAU,CAACC,MAAM,EAAEI,aAAa,IAAIN,KAAK,CAACO,MAAM,CAACC,SAAS;AAEnE,OAAO,MAAMC,eAAe,GAAGA,CAACT,KAAgB,EAAEJ,OAAgB,KAC/DA,OAAO,GAAGG,iBAAiB,CAACC,KAAK,CAAC,GAAGK,mBAAmB,CAACL,KAAK,CAAC;AAElE,OAAO,MAAMU,SAAS,GAAIC,KAAuB,IAAK;EACnD,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC5B,OAAO1B,UAAU,CAAC0B,KAAK,CAAC;EAC3B;EACA,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,EAAE;AAChD,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAID,KAAuB,IAC7CA,KAAK,KAAKE,SAAS,IAAIF,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,CAAC","ignoreList":[]}

package/lib/module/components/navigation/useScrollOffset.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
+export const useScrollOffset = () => {
+  const scrollY = useSharedValue(0);
+  const onScroll = useAnimatedScrollHandler(event => {
+    scrollY.value = event.contentOffset.y;
+  });
+  return {
+    scrollY,
+    onScroll
+  };
+};
+//# sourceMappingURL=useScrollOffset.js.map

package/lib/module/components/navigation/useScrollOffset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAnimatedScrollHandler","useSharedValue","useScrollOffset","scrollY","onScroll","event","value","contentOffset","y"],"sourceRoot":"../../../../src","sources":["components/navigation/useScrollOffset.ts"],"mappings":";;AAAA,SAASA,wBAAwB,EAAEC,cAAc,QAAQ,yBAAyB;AAElF,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAGF,cAAc,CAAC,CAAC,CAAC;EACjC,MAAMG,QAAQ,GAAGJ,wBAAwB,CAAEK,KAAK,IAAK;IAClDF,OAAO,CAACG,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;EACxC,CAAC,CAAC;EACF,OAAO;IAAEL,OAAO;IAAEC;EAAS,CAAC;AAC/B,CAAC","ignoreList":[]}

package/lib/module/components/overlays/ActionSheet.js

@@ -0,0 +1,134 @@
+"use strict";
+
+import { useRef } from 'react';
+import { View } from 'react-native';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { joinLabel } from "../../utils/a11y.js";
+import { Button } from "../core/Button.js";
+import { renderIcon } from "../core/Icon.js";
+import { Text } from "../core/Text.js";
+import { Touchable } from "../core/Touchable.js";
+import { actionColor } from "./actionColor.js";
+import { Sheet } from "./Sheet.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ActionSheet = ({
+  actions,
+  message,
+  cancelLabel = 'Cancel',
+  onCancel,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  onDismiss,
+  styles,
+  ...props
+}) => {
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const pendingRef = useRef(null);
+  const choose = action => {
+    pendingRef.current = action.onPress ?? null;
+    setOpen(false);
+  };
+  const cancel = () => {
+    pendingRef.current = onCancel ?? null;
+    setOpen(false);
+  };
+  const handleDismiss = () => {
+    const pending = pendingRef.current;
+    pendingRef.current = null;
+    pending?.();
+    onDismiss?.();
+  };
+  return /*#__PURE__*/_jsxs(Sheet, {
+    ...props,
+    open: open,
+    onOpenChange: setOpen,
+    onDismiss: handleDismiss,
+    description: message,
+    snapPoints: ['content'],
+    scrollable: true,
+    styles: {
+      container: styles?.container
+    },
+    children: [/*#__PURE__*/_jsx(ActionSheetList, {
+      actions: actions,
+      onChoose: choose,
+      styles: styles
+    }), cancelLabel ? /*#__PURE__*/_jsx(Button, {
+      variant: "soft",
+      tone: "neutral",
+      size: "lg",
+      fullWidth: true,
+      onPress: cancel,
+      style: styles?.cancel,
+      children: cancelLabel
+    }) : null]
+  });
+};
+const ActionSheetList = ({
+  actions,
+  onChoose,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  return /*#__PURE__*/_jsx(View, {
+    role: "menu",
+    style: [stylesheet.list, styles?.list],
+    children: actions.map(action => /*#__PURE__*/_jsxs(Touchable, {
+      feedback: "opacity",
+      haptic: action.destructive ? 'warning' : 'selection',
+      accessibilityRole: "menuitem",
+      accessibilityLabel: joinLabel(action.label, action.description),
+      disabled: action.disabled,
+      onPress: () => onChoose(action),
+      style: [stylesheet.action, styles?.action],
+      children: [action.icon ? renderIcon(action.icon, {
+        size: 'md',
+        color: actionColor(theme, !!action.destructive)
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: stylesheet.texts,
+        children: [/*#__PURE__*/_jsx(Text, {
+          weight: "medium",
+          style: [stylesheet.actionLabel(!!action.destructive), styles?.actionLabel],
+          children: action.label
+        }), action.description ? /*#__PURE__*/_jsx(Text, {
+          variant: "caption",
+          tone: "muted",
+          children: action.description
+        }) : null]
+      })]
+    }, action.key ?? action.label))
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  list: {
+    borderRadius: theme.radius.lg,
+    backgroundColor: theme.colors.surfaceSunken,
+    overflow: 'hidden'
+  },
+  action: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.space(1.5),
+    minHeight: theme.sizes.control.lg,
+    paddingHorizontal: theme.space(2),
+    paddingVertical: theme.space(1.25),
+    borderBottomWidth: theme.sizes.borderWidth,
+    borderBottomColor: theme.colors.border
+  },
+  texts: {
+    flex: 1,
+    gap: theme.space(0.25)
+  },
+  actionLabel: destructive => ({
+    color: actionColor(theme, destructive)
+  })
+}));
+//# sourceMappingURL=ActionSheet.js.map

package/lib/module/components/overlays/ActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","View","StyleSheet","useUnistyles","useControllableState","joinLabel","Button","renderIcon","Text","Touchable","actionColor","Sheet","jsx","_jsx","jsxs","_jsxs","ActionSheet","actions","message","cancelLabel","onCancel","open","openProp","defaultOpen","onOpenChange","onDismiss","styles","props","setOpen","value","defaultValue","onChange","pendingRef","choose","action","current","onPress","cancel","handleDismiss","pending","description","snapPoints","scrollable","container","children","ActionSheetList","onChoose","variant","tone","size","fullWidth","style","theme","role","stylesheet","list","map","feedback","haptic","destructive","accessibilityRole","accessibilityLabel","label","disabled","icon","color","texts","weight","actionLabel","key","create","borderRadius","radius","lg","backgroundColor","colors","surfaceSunken","overflow","flexDirection","alignItems","gap","space","minHeight","sizes","control","paddingHorizontal","paddingVertical","borderBottomWidth","borderWidth","borderBottomColor","border","flex"],"sourceRoot":"../../../../src","sources":["components/overlays/ActionSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/overlays/ActionSheetHost.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { ActionSheet } from "./ActionSheet.js";
+import { actionKey, removeActionSheetRequest, useActionSheetRequests } from "./actionSheetStore.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ActionSheetHost = () => {
+  const requests = useActionSheetRequests();
+  const current = requests[0];
+  return current ? /*#__PURE__*/_jsx(ActionSheetRequestView, {
+    request: current
+  }, current.id) : null;
+};
+const ActionSheetRequestView = ({
+  request
+}) => {
+  const [open, setOpen] = useState(true);
+  const chosenRef = useRef(null);
+  const {
+    options
+  } = request;
+  return /*#__PURE__*/_jsx(ActionSheet, {
+    open: open,
+    onOpenChange: setOpen,
+    title: options.title,
+    message: options.message,
+    cancelLabel: options.cancelLabel,
+    actions: options.actions.map(action => ({
+      ...action,
+      key: actionKey(action),
+      onPress: () => {
+        chosenRef.current = actionKey(action);
+      }
+    })),
+    onDismiss: () => {
+      request.settle(chosenRef.current);
+      removeActionSheetRequest(request.id);
+    }
+  });
+};
+//# sourceMappingURL=ActionSheetHost.js.map

package/lib/module/components/overlays/ActionSheetHost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","ActionSheet","actionKey","removeActionSheetRequest","useActionSheetRequests","jsx","_jsx","ActionSheetHost","requests","current","ActionSheetRequestView","request","id","open","setOpen","chosenRef","options","onOpenChange","title","message","cancelLabel","actions","map","action","key","onPress","onDismiss","settle"],"sourceRoot":"../../../../src","sources":["components/overlays/ActionSheetHost.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxC,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,SAAS,EAAEC,wBAAwB,EAAEC,sBAAsB,QAAQ,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGhG,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAClC,MAAMC,QAAQ,GAAGJ,sBAAsB,CAAC,CAAC;EACzC,MAAMK,OAAO,GAAGD,QAAQ,CAAC,CAAC,CAAC;EAC3B,OAAOC,OAAO,gBAAGH,IAAA,CAACI,sBAAsB;IAAkBC,OAAO,EAAEF;EAAQ,GAA7BA,OAAO,CAACG,EAAuB,CAAC,GAAG,IAAI;AACxF,CAAC;AAED,MAAMF,sBAAsB,GAAGA,CAAC;EAAEC;AAAyC,CAAC,KAAK;EAC9E,MAAM,CAACE,IAAI,EAAEC,OAAO,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EACtC,MAAMe,SAAS,GAAGhB,MAAM,CAAgB,IAAI,CAAC;EAC7C,MAAM;IAAEiB;EAAQ,CAAC,GAAGL,OAAO;EAE3B,oBACGL,IAAA,CAACL,WAAW;IACTY,IAAI,EAAEA,IAAK;IACXI,YAAY,EAAEH,OAAQ;IACtBI,KAAK,EAAEF,OAAO,CAACE,KAAM;IACrBC,OAAO,EAAEH,OAAO,CAACG,OAAQ;IACzBC,WAAW,EAAEJ,OAAO,CAACI,WAAY;IACjCC,OAAO,EAAEL,OAAO,CAACK,OAAO,CAACC,GAAG,CAAEC,MAAM,KAAM;MACvC,GAAGA,MAAM;MACTC,GAAG,EAAEtB,SAAS,CAACqB,MAAM,CAAC;MACtBE,OAAO,EAAEA,CAAA,KAAM;QACZV,SAAS,CAACN,OAAO,GAAGP,SAAS,CAACqB,MAAM,CAAC;MACxC;IACH,CAAC,CAAC,CAAE;IACJG,SAAS,EAAEA,CAAA,KAAM;MACdf,OAAO,CAACgB,MAAM,CAACZ,SAAS,CAACN,OAAO,CAAC;MACjCN,wBAAwB,CAACQ,OAAO,CAACC,EAAE,CAAC;IACvC;EAAE,CACJ,CAAC;AAER,CAAC","ignoreList":[]}

package/lib/module/components/overlays/Backdrop.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { Pressable } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export const Backdrop = ({
+  visible = true,
+  progress,
+  onPress,
+  dimmed = true,
+  accessibilityLabel = 'Close',
+  style
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const reducedMotion = useReducedMotion();
+  const ownProgress = useSharedValue(0);
+  const duration = reducedMotion ? theme.motion.duration.fast : theme.motion.duration.normal;
+  useEffect(() => {
+    ownProgress.value = withTiming(visible ? 1 : 0, {
+      duration
+    });
+  }, [visible, duration, ownProgress]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: (progress ?? ownProgress).value
+  }));
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    accessible: !!onPress,
+    accessibilityRole: onPress ? 'button' : undefined,
+    accessibilityLabel: onPress ? accessibilityLabel : undefined,
+    importantForAccessibility: onPress ? 'yes' : 'no',
+    onPress: onPress,
+    disabled: !onPress,
+    tabIndex: -1,
+    style: [stylesheet.backdrop(dimmed), animatedStyle, style]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  backdrop: dimmed => ({
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: dimmed ? theme.colors.overlay : 'transparent',
+    cursor: 'auto'
+  })
+}));
+//# sourceMappingURL=Backdrop.js.map

package/lib/module/components/overlays/Backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Pressable","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","StyleSheet","useUnistyles","jsx","_jsx","AnimatedPressable","createAnimatedComponent","Backdrop","visible","progress","onPress","dimmed","accessibilityLabel","style","theme","reducedMotion","ownProgress","duration","motion","fast","normal","value","animatedStyle","opacity","accessible","accessibilityRole","undefined","importantForAccessibility","disabled","tabIndex","stylesheet","backdrop","create","position","top","left","right","bottom","backgroundColor","colors","overlay","cursor"],"sourceRoot":"../../../../src","sources":["components/overlays/Backdrop.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAOC,QAAQ,IACZC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACN,yBAAyB;AAEhC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEjE,MAAMC,iBAAiB,GAAGT,QAAQ,CAACU,uBAAuB,CAACX,SAAS,CAAC;AAWrE,OAAO,MAAMY,QAAQ,GAAGA,CAAC;EACtBC,OAAO,GAAG,IAAI;EACdC,QAAQ;EACRC,OAAO;EACPC,MAAM,GAAG,IAAI;EACbC,kBAAkB,GAAG,OAAO;EAC5BC;AACY,CAAC,KAAK;EAClB,MAAM;IAAEC;EAAM,CAAC,GAAGZ,YAAY,CAAC,CAAC;EAChC,MAAMa,aAAa,GAAGjB,gBAAgB,CAAC,CAAC;EACxC,MAAMkB,WAAW,GAAGjB,cAAc,CAAC,CAAC,CAAC;EACrC,MAAMkB,QAAQ,GAAGF,aAAa,GAAGD,KAAK,CAACI,MAAM,CAACD,QAAQ,CAACE,IAAI,GAAGL,KAAK,CAACI,MAAM,CAACD,QAAQ,CAACG,MAAM;EAE1F1B,SAAS,CAAC,MAAM;IACbsB,WAAW,CAACK,KAAK,GAAGrB,UAAU,CAACQ,OAAO,GAAG,CAAC,GAAG,CAAC,EAAE;MAAES;IAAS,CAAC,CAAC;EAChE,CAAC,EAAE,CAACT,OAAO,EAAES,QAAQ,EAAED,WAAW,CAAC,CAAC;EAEpC,MAAMM,aAAa,GAAGzB,gBAAgB,CAAC,OAAO;IAC3C0B,OAAO,EAAE,CAACd,QAAQ,IAAIO,WAAW,EAAEK;EACtC,CAAC,CAAC,CAAC;EAEH,oBACGjB,IAAA,CAACC,iBAAiB;IACfmB,UAAU,EAAE,CAAC,CAACd,OAAQ;IACtBe,iBAAiB,EAAEf,OAAO,GAAG,QAAQ,GAAGgB,SAAU;IAClDd,kBAAkB,EAAEF,OAAO,GAAGE,kBAAkB,GAAGc,SAAU;IAC7DC,yBAAyB,EAAEjB,OAAO,GAAG,KAAK,GAAG,IAAK;IAClDA,OAAO,EAAEA,OAAQ;IACjBkB,QAAQ,EAAE,CAAClB,OAAQ;IACnBmB,QAAQ,EAAE,CAAC,CAAE;IACbhB,KAAK,EAAE,CAACiB,UAAU,CAACC,QAAQ,CAACpB,MAAM,CAAC,EAAEW,aAAa,EAAET,KAAK;EAAE,CAC7D,CAAC;AAER,CAAC;AAED,MAAMiB,UAAU,GAAG7B,UAAU,CAAC+B,MAAM,CAAElB,KAAK,KAAM;EAC9CiB,QAAQ,EAAGpB,MAAe,KAAM;IAC7BsB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE3B,MAAM,GAAGG,KAAK,CAACyB,MAAM,CAACC,OAAO,GAAG,aAAa;IAC9DC,MAAM,EAAE;EACX,CAAC;AACJ,CAAC,CAAC,CAAC","ignoreList":[]}