@retray-dev/ui-kit 13.2.0 → 13.4.0

package/dist/Toggle.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type ToggleVariant = 'default' | 'outline';
@@ -10,9 +10,9 @@ interface ToggleProps {
     size?: ToggleSize;
     label?: string;
     /** Icon to show when not pressed */
-    icon?: React.ReactNode | ((pressed: boolean) => React.ReactNode);
+    icon?: React__default.ReactNode | ((pressed: boolean) => React__default.ReactNode);
     /** Icon to show when pressed/active. If omitted, a default check mark is used. */
-    activeIcon?: React.ReactNode | ((pressed: boolean) => React.ReactNode);
+    activeIcon?: React__default.ReactNode | ((pressed: boolean) => React__default.ReactNode);
     /**
      * Icon name from `@expo/vector-icons` shown when not pressed.
      * See https://icons.expo.fyi. Takes precedence over `icon`.
@@ -31,6 +31,6 @@ interface ToggleProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function Toggle({ pressed, onPressedChange, variant, size, label, icon, activeIcon, iconName, activeIconName, iconColor, activeIconColor, disabled, style, accessibilityLabel, }: ToggleProps): React.JSX.Element;
+declare function Toggle({ pressed, onPressedChange, variant, size, label, icon, activeIcon, iconName, activeIconName, iconColor, activeIconColor, disabled, style, accessibilityLabel, }: ToggleProps): React__default.JSX.Element;
 
 export { Toggle, type ToggleProps, type ToggleSize, type ToggleVariant };

package/dist/Toggle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type ToggleVariant = 'default' | 'outline';
@@ -10,9 +10,9 @@ interface ToggleProps {
     size?: ToggleSize;
     label?: string;
     /** Icon to show when not pressed */
-    icon?: React.ReactNode | ((pressed: boolean) => React.ReactNode);
+    icon?: React__default.ReactNode | ((pressed: boolean) => React__default.ReactNode);
     /** Icon to show when pressed/active. If omitted, a default check mark is used. */
-    activeIcon?: React.ReactNode | ((pressed: boolean) => React.ReactNode);
+    activeIcon?: React__default.ReactNode | ((pressed: boolean) => React__default.ReactNode);
     /**
      * Icon name from `@expo/vector-icons` shown when not pressed.
      * See https://icons.expo.fyi. Takes precedence over `icon`.
@@ -31,6 +31,6 @@ interface ToggleProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function Toggle({ pressed, onPressedChange, variant, size, label, icon, activeIcon, iconName, activeIconName, iconColor, activeIconColor, disabled, style, accessibilityLabel, }: ToggleProps): React.JSX.Element;
+declare function Toggle({ pressed, onPressedChange, variant, size, label, icon, activeIcon, iconName, activeIconName, iconColor, activeIconColor, disabled, style, accessibilityLabel, }: ToggleProps): React__default.JSX.Element;
 
 export { Toggle, type ToggleProps, type ToggleSize, type ToggleVariant };

package/dist/Toggle.js

@@ -4,6 +4,7 @@ var React3 = require('react');
 var reactNative = require('react-native');
 var reactNativeEase = require('react-native-ease');
 var vectorIcons = require('@expo/vector-icons');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -15,7 +16,26 @@ var pressto = require('pressto');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var React3__default = /*#__PURE__*/_interopDefault(React3);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -24,22 +44,11 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/Toggle/Toggle.tsx
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function selectionAsync() {
-  getHaptics().then((h) => h?.selectionAsync());
+  maybeHaptics()?.selectionAsync();
 }
 var ThemeContext = React3.createContext(void 0);
 function useTheme() {
@@ -61,23 +70,17 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons__default.default },
   { name: "Ionicons", component: Ionicons__default.default }
 ];
-var glyphCacheInitialized = false;
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return;
-  glyphCacheInitialized = true;
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = entry.component.glyphMap;
-    } catch {
-      entry.glyphMap = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  ensureGlyphCache();
   const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
-    const glyphMap = f.glyphMap;
-    return glyphMap ? name in glyphMap : false;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
   return React3__default.default.createElement(entry.component, { name, size, color });

package/dist/Toggle.mjs

@@ -1,7 +1,7 @@
-export { Toggle } from './chunk-RRKM4MKB.mjs';
+export { Toggle } from './chunk-HLWGFBIF.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/VirtualizedList.d.mts

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { SectionListProps, SectionListRenderItemInfo, ViewStyle } from 'react-native';
+
+interface VirtualizedListSection<T> {
+    title?: string;
+    data: readonly T[];
+}
+interface VirtualizedListProps<T> extends Omit<SectionListProps<T>, 'sections' | 'renderItem' | 'ListEmptyComponent'> {
+    sections: VirtualizedListSection<T>[];
+    renderItem: (info: SectionListRenderItemInfo<T>) => React__default.ReactElement | null;
+    /** Empty state shown when no data. */
+    emptyTitle?: string;
+    /** Empty state description. */
+    emptyDescription?: string;
+    /** Custom empty state component. Overrides emptyTitle/emptyDescription. */
+    emptyComponent?: React__default.ReactNode;
+    /** Enable pull-to-refresh. */
+    refreshing?: boolean;
+    onRefresh?: () => void;
+    /** Sticky section headers. Default true. */
+    stickyHeaders?: boolean;
+    /** Override section header color. Defaults to foregroundMuted. */
+    headerColor?: string;
+    style?: ViewStyle;
+}
+declare function VirtualizedList<T>({ sections, renderItem, emptyTitle, emptyDescription, emptyComponent, refreshing, onRefresh, stickyHeaders, headerColor, style, ...props }: VirtualizedListProps<T>): React__default.JSX.Element;
+
+export { VirtualizedList, type VirtualizedListProps, type VirtualizedListSection };

package/dist/VirtualizedList.d.ts

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { SectionListProps, SectionListRenderItemInfo, ViewStyle } from 'react-native';
+
+interface VirtualizedListSection<T> {
+    title?: string;
+    data: readonly T[];
+}
+interface VirtualizedListProps<T> extends Omit<SectionListProps<T>, 'sections' | 'renderItem' | 'ListEmptyComponent'> {
+    sections: VirtualizedListSection<T>[];
+    renderItem: (info: SectionListRenderItemInfo<T>) => React__default.ReactElement | null;
+    /** Empty state shown when no data. */
+    emptyTitle?: string;
+    /** Empty state description. */
+    emptyDescription?: string;
+    /** Custom empty state component. Overrides emptyTitle/emptyDescription. */
+    emptyComponent?: React__default.ReactNode;
+    /** Enable pull-to-refresh. */
+    refreshing?: boolean;
+    onRefresh?: () => void;
+    /** Sticky section headers. Default true. */
+    stickyHeaders?: boolean;
+    /** Override section header color. Defaults to foregroundMuted. */
+    headerColor?: string;
+    style?: ViewStyle;
+}
+declare function VirtualizedList<T>({ sections, renderItem, emptyTitle, emptyDescription, emptyComponent, refreshing, onRefresh, stickyHeaders, headerColor, style, ...props }: VirtualizedListProps<T>): React__default.JSX.Element;
+
+export { VirtualizedList, type VirtualizedListProps, type VirtualizedListSection };

package/dist/VirtualizedList.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var React2 = require('react');
+var reactNative = require('react-native');
+var reactNativeSizeMatters = require('react-native-size-matters');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
+
+// src/components/VirtualizedList/VirtualizedList.tsx
+var ThemeContext = React2.createContext(void 0);
+function useTheme() {
+  const context = React2.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+var isWeb = reactNative.Platform.OS === "web";
+var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
+var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
+
+// src/components/VirtualizedList/VirtualizedList.tsx
+function VirtualizedList({
+  sections,
+  renderItem,
+  emptyTitle = "Sin contenido",
+  emptyDescription,
+  emptyComponent,
+  refreshing = false,
+  onRefresh,
+  stickyHeaders = true,
+  headerColor,
+  style,
+  ...props
+}) {
+  const { colors } = useTheme();
+  const renderSectionHeader = React2.useCallback(
+    ({ section }) => {
+      if (!section.title) return null;
+      return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.sectionHeader, { backgroundColor: colors.background }] }, /* @__PURE__ */ React2__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles.sectionHeaderText, { color: headerColor ?? colors.foregroundMuted }],
+          allowFontScaling: true
+        },
+        section.title
+      ));
+    },
+    [colors.background, colors.foregroundMuted, headerColor]
+  );
+  const keyExtractor = React2.useCallback(
+    (_item, index) => String(index),
+    []
+  );
+  const flatSections = sections.filter((s2) => s2.data.length > 0);
+  const hasData = flatSections.length > 0;
+  if (!hasData) {
+    if (emptyComponent) return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style }, emptyComponent);
+    return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.empty, style] }, /* @__PURE__ */ React2__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles.emptyTitle, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      emptyTitle
+    ), emptyDescription ? /* @__PURE__ */ React2__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles.emptyDescription, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      emptyDescription
+    ) : null);
+  }
+  return /* @__PURE__ */ React2__default.default.createElement(
+    reactNative.SectionList,
+    {
+      sections: flatSections,
+      renderItem,
+      renderSectionHeader,
+      keyExtractor,
+      stickySectionHeadersEnabled: stickyHeaders,
+      refreshControl: onRefresh ? /* @__PURE__ */ React2__default.default.createElement(
+        reactNative.RefreshControl,
+        {
+          refreshing,
+          onRefresh,
+          tintColor: colors.primary
+        }
+      ) : void 0,
+      style,
+      showsVerticalScrollIndicator: false,
+      ...props
+    }
+  );
+}
+var styles = reactNative.StyleSheet.create({
+  sectionHeader: {
+    paddingHorizontal: s(16),
+    paddingTop: vs(16),
+    paddingBottom: vs(6)
+  },
+  sectionHeaderText: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 13,
+    letterSpacing: 0.32,
+    textTransform: "uppercase"
+  },
+  empty: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: s(32),
+    gap: vs(8)
+  },
+  emptyTitle: {
+    fontFamily: "Sohne-Medium",
+    fontSize: 16,
+    textAlign: "center"
+  },
+  emptyDescription: {
+    fontFamily: "Sohne-Regular",
+    fontSize: 14,
+    textAlign: "center"
+  }
+});
+
+exports.VirtualizedList = VirtualizedList;

package/dist/VirtualizedList.mjs

@@ -0,0 +1,3 @@
+export { VirtualizedList } from './chunk-WFNGSYS4.mjs';
+import './chunk-ZQGCQ7SA.mjs';
+import './chunk-2CE3TQVY.mjs';

package/dist/{chunk-MZ6WRTD2.mjs → chunk-24JTXQ2M.mjs}

@@ -15,23 +15,17 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons },
   { name: "Ionicons", component: Ionicons }
 ];
-var glyphCacheInitialized = false;
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return;
-  glyphCacheInitialized = true;
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = entry.component.glyphMap;
-    } catch {
-      entry.glyphMap = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  ensureGlyphCache();
   const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
-    const glyphMap = f.glyphMap;
-    return glyphMap ? name in glyphMap : false;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
   return React.createElement(entry.component, { name, size, color });

package/dist/{chunk-OBV72JD4.mjs → chunk-2DDJ53DK.mjs}

@@ -1,19 +1,19 @@
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 
-function ListGroup({ children, variant = "plain", style }) {
+function ItemGroup({ children, variant = "plain", childPropKey, style }) {
   const { colors } = useTheme();
   const processedChildren = React.Children.map(children, (child, index) => {
     if (!React.isValidElement(child)) return child;
-    if (child.type === ListGroupHeader || child.type === ListGroupFooter) {
+    if (child.type === ItemGroupHeader || child.type === ItemGroupFooter) {
       return child;
     }
     const childProps = child.props;
-    const isListItem = "title" in childProps;
-    if (!isListItem) return child;
+    const isTargetChild = childPropKey in childProps;
+    if (!isTargetChild) return child;
     const isLast = index === React.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
       return React.cloneElement(child, {
@@ -36,22 +36,20 @@ function ListGroup({ children, variant = "plain", style }) {
   } : {};
   return /* @__PURE__ */ React.createElement(View, { style: [styles.container, cardStyle, style] }, processedChildren);
 }
-function ListGroupHeader({ children, style }) {
+function ItemGroupHeader({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
     return /* @__PURE__ */ React.createElement(View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React.createElement(Text, { style: [styles.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
   return /* @__PURE__ */ React.createElement(View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, children);
 }
-function ListGroupFooter({ children, style }) {
+function ItemGroupFooter({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
     return /* @__PURE__ */ React.createElement(View, { style: [styles.footer, style] }, /* @__PURE__ */ React.createElement(Text, { style: [styles.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
   return /* @__PURE__ */ React.createElement(View, { style: [styles.footer, style] }, children);
 }
-ListGroup.Header = ListGroupHeader;
-ListGroup.Footer = ListGroupFooter;
 var styles = StyleSheet.create({
   container: {
     overflow: "hidden"
@@ -79,4 +77,4 @@ var styles = StyleSheet.create({
   }
 });
 
-export { ListGroup, ListGroupFooter, ListGroupHeader };
+export { ItemGroup, ItemGroupFooter, ItemGroupHeader };

package/dist/{chunk-H6MQL7PS.mjs → chunk-2J5OZOMX.mjs}

@@ -1,8 +1,8 @@
-import { IconButton } from './chunk-ZTPYUU5C.mjs';
-import { BREAKPOINTS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
-import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
+import { IconButton } from './chunk-ZRUUUVOO.mjs';
+import { BREAKPOINTS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
+import { s, mvs, ms, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, useWindowDimensions, View, Text } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -35,7 +35,7 @@ function AppHeader({
       onPress: onBack,
       accessibilityLabel: "Atr\xE1s"
     }
-  ) : null, iconName && !left ? /* @__PURE__ */ React.createElement(Icon, { name: iconName, size: 20, color: colors.foreground }) : null);
+  ) : null, iconName && !left ? /* @__PURE__ */ React.createElement(View, { style: styles.iconSlot }, /* @__PURE__ */ React.createElement(Icon, { name: iconName, size: 20, color: colors.foreground })) : null);
   const titleBlock = /* @__PURE__ */ React.createElement(View, { style: [styles.titleBlock, centered && styles.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React.createElement(
     Text,
     {
@@ -112,6 +112,12 @@ var styles = StyleSheet.create({
     fontSize: ms(13),
     lineHeight: mvs(16)
   },
+  iconSlot: {
+    width: s(44),
+    height: s(44),
+    alignItems: "center",
+    justifyContent: "center"
+  },
   textCentered: {
     textAlign: "center"
   }

package/dist/{chunk-4NQFTHN3.mjs → chunk-3GE4UFV5.mjs}

@@ -1,6 +1,6 @@
 import { COLOR_TRANSITION } from './chunk-M53LC4Q7.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';
 import { Platform, StyleSheet, TouchableOpacity, View, Text, TextInput } from 'react-native';

package/dist/{chunk-KAGADD2O.mjs → chunk-3RIZCKRM.mjs}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-DE25XTVQ.mjs → chunk-3VHFOSZR.mjs}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-C5ZRMR2E.mjs → chunk-4PF4LKNT.mjs}

@@ -1,5 +1,5 @@
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, ms } from './chunk-2CE3TQVY.mjs';
 import React, { useRef } from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-5MYNAAFE.mjs → chunk-5J7VKFSZ.mjs}

@@ -1,9 +1,9 @@
 import { COLOR_TRANSITION } from './chunk-M53LC4Q7.mjs';
 import { PressableChip } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useCallback } from 'react';
 import { View, Text, StyleSheet, ScrollView } from 'react-native';

package/dist/{chunk-E2PONRJG.mjs → chunk-5TNQ573V.mjs}

@@ -1,7 +1,7 @@
 import { COLOR_TRANSITION, SPRING_ELASTIC, OPACITY_TRANSITION } from './chunk-M53LC4Q7.mjs';
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';

package/dist/{chunk-CZN6L2QU.mjs → chunk-6T2DVIQT.mjs}

@@ -1,8 +1,8 @@
 import { PressableRow } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, s, mvs, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { Image } from 'expo-image';

package/dist/{chunk-L3YKPTJQ.mjs → chunk-7CE6PDCQ.mjs}

@@ -1,6 +1,6 @@
 import { COLOR_TRANSITION } from './chunk-M53LC4Q7.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';
 import { Platform, StyleSheet, View, Text, TextInput } from 'react-native';

package/dist/{chunk-Y6YS33GM.mjs → chunk-AHFEAY6M.mjs}

@@ -1,9 +1,9 @@
 import { COLOR_TRANSITION } from './chunk-M53LC4Q7.mjs';
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { impactMedium } from './chunk-ARONDO7M.mjs';
-import { TYPOGRAPHY, RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactMedium } from './chunk-CTUFFKGS.mjs';
+import { TYPOGRAPHY, RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, s, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, ActivityIndicator, Text } from 'react-native';

package/dist/{chunk-77UOVFIS.mjs → chunk-AZRATPNP.mjs}

@@ -1,7 +1,7 @@
 import { COLOR_TRANSITION, OPACITY_TRANSITION } from './chunk-M53LC4Q7.mjs';
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-UMZTPUB3.mjs → chunk-BGXOEFDM.mjs}

@@ -1,8 +1,9 @@
-import { Button } from './chunk-Y6YS33GM.mjs';
-import { impactMedium, notificationSuccess, selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { useSheetModal } from './chunk-HMKJGVXA.mjs';
+import { Button } from './chunk-AHFEAY6M.mjs';
+import { notificationSuccess, selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, mvs, ms, s } from './chunk-2CE3TQVY.mjs';
-import React, { useRef, useId, useState, useEffect, useCallback } from 'react';
+import React, { useId, useCallback } from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
 import { BottomSheetBackdrop, BottomSheetModal, BottomSheetView } from '@gorhom/bottom-sheet';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -23,34 +24,8 @@ function ConfirmDialog({
 }) {
   const { colors } = useTheme();
   const insets = useSafeAreaInsets();
-  const ref = useRef(null);
-  const dialogState = useRef("idle");
-  const onCancelRef = useRef(onCancel);
+  const { ref, handleDismiss } = useSheetModal(visible, onCancel);
   const name = useId();
-  const [tick, setTick] = useState(0);
-  useEffect(() => {
-    onCancelRef.current = onCancel;
-  }, [onCancel]);
-  const handleDismiss = useCallback(() => {
-    dialogState.current = "idle";
-    onCancelRef.current?.();
-    setTick((t) => t + 1);
-  }, []);
-  useEffect(() => {
-    if (visible) {
-      if (dialogState.current === "idle") {
-        dialogState.current = "presenting";
-        impactMedium();
-        ref.current?.present();
-        dialogState.current = "presented";
-      }
-    } else {
-      if (dialogState.current === "presented" || dialogState.current === "presenting") {
-        dialogState.current = "dismissing";
-        ref.current?.dismiss();
-      }
-    }
-  }, [visible, tick]);
   const renderBackdrop = useCallback(
     (props) => /* @__PURE__ */ React.createElement(
       BottomSheetBackdrop,

package/dist/{chunk-KC5QDYGZ.mjs → chunk-BMAAAJWN.mjs}

@@ -1,7 +1,7 @@
 import { SPRINGS } from './chunk-M53LC4Q7.mjs';
 import { PressableTab } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import { StyleSheet, View, Text } from 'react-native';