@retray-dev/ui-kit 13.2.0 → 13.4.0

package/dist/ConfirmDialog.js

@@ -5,6 +5,7 @@ var reactNative = require('react-native');
 var bottomSheet = require('@gorhom/bottom-sheet');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var vectorIcons = require('@expo/vector-icons');
+var Haptics = require('expo-haptics');
 var reactNativeEase = require('react-native-ease');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
@@ -17,7 +18,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);
@@ -26,28 +46,17 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/ConfirmDialog/ConfirmDialog.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();
 }
 function impactMedium() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Medium);
 }
 function notificationSuccess() {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success));
+  maybeHaptics()?.notificationAsync(Haptics__namespace.NotificationFeedbackType.Success);
 }
 var ThemeContext = React3.createContext(void 0);
 function useTheme() {
@@ -57,6 +66,36 @@ function useTheme() {
   }
   return context;
 }
+function useSheetModal(visible, onDismiss) {
+  const ref = React3.useRef(null);
+  const state = React3.useRef("idle");
+  const onDismissRef = React3.useRef(onDismiss);
+  const [tick, setTick] = React3.useState(0);
+  React3.useEffect(() => {
+    onDismissRef.current = onDismiss;
+  });
+  React3.useEffect(() => {
+    if (visible) {
+      if (state.current === "idle") {
+        state.current = "presenting";
+        impactMedium();
+        ref.current?.present();
+        state.current = "presented";
+      }
+    } else {
+      if (state.current === "presented" || state.current === "presenting") {
+        state.current = "dismissing";
+        ref.current?.dismiss();
+      }
+    }
+  }, [visible, tick]);
+  const handleDismiss = React3.useCallback(() => {
+    state.current = "idle";
+    onDismissRef.current?.();
+    setTick((t) => t + 1);
+  }, []);
+  return { ref, handleDismiss };
+}
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
 var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
@@ -70,23 +109,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 });
@@ -109,8 +142,7 @@ var TYPOGRAPHY = {
     fontWeight: "500",
     lineHeight: 18,
     letterSpacing: 0
-  }
-};
+  }};
 var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
   "worklet";
   return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
@@ -266,34 +298,8 @@ function ConfirmDialog({
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const ref = React3.useRef(null);
-  const dialogState = React3.useRef("idle");
-  const onCancelRef = React3.useRef(onCancel);
+  const { ref, handleDismiss } = useSheetModal(visible, onCancel);
   const name = React3.useId();
-  const [tick, setTick] = React3.useState(0);
-  React3.useEffect(() => {
-    onCancelRef.current = onCancel;
-  }, [onCancel]);
-  const handleDismiss = React3.useCallback(() => {
-    dialogState.current = "idle";
-    onCancelRef.current?.();
-    setTick((t) => t + 1);
-  }, []);
-  React3.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 = React3.useCallback(
     (props) => /* @__PURE__ */ React3__default.default.createElement(
       bottomSheet.BottomSheetBackdrop,

package/dist/ConfirmDialog.mjs

@@ -1,9 +1,10 @@
-export { ConfirmDialog } from './chunk-UMZTPUB3.mjs';
-import './chunk-Y6YS33GM.mjs';
+export { ConfirmDialog } from './chunk-BGXOEFDM.mjs';
+import './chunk-HMKJGVXA.mjs';
+import './chunk-AHFEAY6M.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/CurrencyDisplay.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type CurrencyDisplayVariant = 'hero' | 'large' | 'medium' | 'small';
@@ -18,7 +18,7 @@ interface CurrencyDisplayProps {
     maxFontSize?: number;
     style?: ViewStyle;
 }
-declare function CurrencyDisplayBase({ value, prefix, showDecimals, textColor, variant, autoScale, maxFontSize, style }: CurrencyDisplayProps): React.JSX.Element;
-declare const CurrencyDisplay: React.MemoExoticComponent<typeof CurrencyDisplayBase>;
+declare function CurrencyDisplayBase({ value, prefix, showDecimals, textColor, variant, autoScale, maxFontSize, style }: CurrencyDisplayProps): React__default.JSX.Element;
+declare const CurrencyDisplay: React__default.MemoExoticComponent<typeof CurrencyDisplayBase>;
 
 export { CurrencyDisplay, type CurrencyDisplayProps, type CurrencyDisplayVariant };

package/dist/CurrencyDisplay.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type CurrencyDisplayVariant = 'hero' | 'large' | 'medium' | 'small';
@@ -18,7 +18,7 @@ interface CurrencyDisplayProps {
     maxFontSize?: number;
     style?: ViewStyle;
 }
-declare function CurrencyDisplayBase({ value, prefix, showDecimals, textColor, variant, autoScale, maxFontSize, style }: CurrencyDisplayProps): React.JSX.Element;
-declare const CurrencyDisplay: React.MemoExoticComponent<typeof CurrencyDisplayBase>;
+declare function CurrencyDisplayBase({ value, prefix, showDecimals, textColor, variant, autoScale, maxFontSize, style }: CurrencyDisplayProps): React__default.JSX.Element;
+declare const CurrencyDisplay: React__default.MemoExoticComponent<typeof CurrencyDisplayBase>;
 
 export { CurrencyDisplay, type CurrencyDisplayProps, type CurrencyDisplayVariant };

package/dist/CurrencyDisplay.mjs

@@ -1,3 +1,3 @@
-export { CurrencyDisplay } from './chunk-PI6RULJX.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { CurrencyDisplay } from './chunk-EQYTDFDD.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/CurrencyInput.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { TextInputProps, ViewStyle } from 'react-native';
 
 interface CurrencyInputProps extends TextInputProps {
@@ -18,6 +18,6 @@ interface CurrencyInputProps extends TextInputProps {
     /** Use inside a Sheet/BottomSheet — passes sheetMode to the underlying Input. */
     sheetMode?: boolean;
 }
-declare function CurrencyInput({ value, onChangeText, onChangeValue, prefix, thousandsSeparator, size, label, error, hint, placeholder, editable, containerStyle, style, sheetMode, ...props }: CurrencyInputProps): React.JSX.Element;
+declare function CurrencyInput({ value, onChangeText, onChangeValue, prefix, thousandsSeparator, size, label, error, hint, placeholder, editable, containerStyle, style, sheetMode, ...props }: CurrencyInputProps): React__default.JSX.Element;
 
 export { CurrencyInput, type CurrencyInputProps };

package/dist/CurrencyInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { TextInputProps, ViewStyle } from 'react-native';
 
 interface CurrencyInputProps extends TextInputProps {
@@ -18,6 +18,6 @@ interface CurrencyInputProps extends TextInputProps {
     /** Use inside a Sheet/BottomSheet — passes sheetMode to the underlying Input. */
     sheetMode?: boolean;
 }
-declare function CurrencyInput({ value, onChangeText, onChangeValue, prefix, thousandsSeparator, size, label, error, hint, placeholder, editable, containerStyle, style, sheetMode, ...props }: CurrencyInputProps): React.JSX.Element;
+declare function CurrencyInput({ value, onChangeText, onChangeValue, prefix, thousandsSeparator, size, label, error, hint, placeholder, editable, containerStyle, style, sheetMode, ...props }: CurrencyInputProps): React__default.JSX.Element;
 
 export { CurrencyInput, type CurrencyInputProps };

package/dist/CurrencyInput.js

@@ -44,23 +44,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/CurrencyInput.mjs

@@ -1,6 +1,6 @@
-export { CurrencyInput } from './chunk-HUSSF6TF.mjs';
-import './chunk-4NQFTHN3.mjs';
+export { CurrencyInput } from './chunk-EQNCMDZC.mjs';
+import './chunk-3GE4UFV5.mjs';
 import './chunk-M53LC4Q7.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/DetailRow.d.mts

@@ -1,18 +1,18 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
 type DetailRowSeparator = 'dotted' | 'solid' | 'dashed' | 'none';
 type DetailRowLabelWeight = 'normal' | 'medium' | 'semibold' | 'bold';
 interface DetailRowProps {
-    label: React.ReactNode;
-    value: string | number | React.ReactNode;
+    label: React__default.ReactNode;
+    value: string | number | React__default.ReactNode;
     /** Dotted/dashed/solid line between label and value. Defaults to 'dotted'. */
     separator?: DetailRowSeparator;
     labelWeight?: DetailRowLabelWeight;
     /** Semantic color key or hex string for value text. Only applies when value is a string. */
     valueColor?: string;
     /** Node rendered left of the label (e.g. Avatar, Icon). */
-    leftIcon?: React.ReactNode;
+    leftIcon?: React__default.ReactNode;
     /** Icon name from @expo/vector-icons rendered left of label. Takes precedence over leftIcon. */
     leftIconName?: string;
     /** Override left icon color. Defaults to foregroundMuted. */
@@ -26,7 +26,7 @@ interface DetailRowProps {
     /** Only applies when value is a string. */
     valueStyle?: TextStyle;
 }
-declare function DetailRowBase({ label, value, separator, labelWeight, valueColor, leftIcon, leftIconName, leftIconColor, rightIconName, rightIconColor, style, labelStyle, valueStyle, }: DetailRowProps): React.JSX.Element;
-declare const DetailRow: React.MemoExoticComponent<typeof DetailRowBase>;
+declare function DetailRowBase({ label, value, separator, labelWeight, valueColor, leftIcon, leftIconName, leftIconColor, rightIconName, rightIconColor, style, labelStyle, valueStyle, }: DetailRowProps): React__default.JSX.Element;
+declare const DetailRow: React__default.MemoExoticComponent<typeof DetailRowBase>;
 
 export { DetailRow, type DetailRowLabelWeight, type DetailRowProps, type DetailRowSeparator };

package/dist/DetailRow.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
 type DetailRowSeparator = 'dotted' | 'solid' | 'dashed' | 'none';
 type DetailRowLabelWeight = 'normal' | 'medium' | 'semibold' | 'bold';
 interface DetailRowProps {
-    label: React.ReactNode;
-    value: string | number | React.ReactNode;
+    label: React__default.ReactNode;
+    value: string | number | React__default.ReactNode;
     /** Dotted/dashed/solid line between label and value. Defaults to 'dotted'. */
     separator?: DetailRowSeparator;
     labelWeight?: DetailRowLabelWeight;
     /** Semantic color key or hex string for value text. Only applies when value is a string. */
     valueColor?: string;
     /** Node rendered left of the label (e.g. Avatar, Icon). */
-    leftIcon?: React.ReactNode;
+    leftIcon?: React__default.ReactNode;
     /** Icon name from @expo/vector-icons rendered left of label. Takes precedence over leftIcon. */
     leftIconName?: string;
     /** Override left icon color. Defaults to foregroundMuted. */
@@ -26,7 +26,7 @@ interface DetailRowProps {
     /** Only applies when value is a string. */
     valueStyle?: TextStyle;
 }
-declare function DetailRowBase({ label, value, separator, labelWeight, valueColor, leftIcon, leftIconName, leftIconColor, rightIconName, rightIconColor, style, labelStyle, valueStyle, }: DetailRowProps): React.JSX.Element;
-declare const DetailRow: React.MemoExoticComponent<typeof DetailRowBase>;
+declare function DetailRowBase({ label, value, separator, labelWeight, valueColor, leftIcon, leftIconName, leftIconColor, rightIconName, rightIconColor, style, labelStyle, valueStyle, }: DetailRowProps): React__default.JSX.Element;
+declare const DetailRow: React__default.MemoExoticComponent<typeof DetailRowBase>;
 
 export { DetailRow, type DetailRowLabelWeight, type DetailRowProps, type DetailRowSeparator };

package/dist/DetailRow.js

@@ -41,23 +41,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/DetailRow.mjs

@@ -1,4 +1,4 @@
-export { DetailRow } from './chunk-KAGADD2O.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { DetailRow } from './chunk-3RIZCKRM.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/EmptyState.d.mts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface EmptyStateProps {
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /**
      * Icon name from `@expo/vector-icons`. See https://icons.expo.fyi.
      * Takes precedence over `icon`. Sized automatically to fit the slot (48 default, 32 compact).
@@ -13,7 +13,7 @@ interface EmptyStateProps {
     title: string;
     description?: string;
     /** Custom action node. Use `actionLabel` + `onAction` for a pre-built primary Button. */
-    action?: React.ReactNode;
+    action?: React__default.ReactNode;
     /** Label for a convenience primary Button rendered below description. Ignored in compact size. */
     actionLabel?: string;
     /** Called when the convenience action Button is pressed. Required when `actionLabel` is set. */
@@ -22,6 +22,6 @@ interface EmptyStateProps {
     size?: 'default' | 'compact';
     style?: ViewStyle;
 }
-declare function EmptyState({ icon, iconName, iconColor, title, description, action, actionLabel, onAction, size, style }: EmptyStateProps): React.JSX.Element;
+declare function EmptyState({ icon, iconName, iconColor, title, description, action, actionLabel, onAction, size, style }: EmptyStateProps): React__default.JSX.Element;
 
 export { EmptyState, type EmptyStateProps };

package/dist/EmptyState.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface EmptyStateProps {
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /**
      * Icon name from `@expo/vector-icons`. See https://icons.expo.fyi.
      * Takes precedence over `icon`. Sized automatically to fit the slot (48 default, 32 compact).
@@ -13,7 +13,7 @@ interface EmptyStateProps {
     title: string;
     description?: string;
     /** Custom action node. Use `actionLabel` + `onAction` for a pre-built primary Button. */
-    action?: React.ReactNode;
+    action?: React__default.ReactNode;
     /** Label for a convenience primary Button rendered below description. Ignored in compact size. */
     actionLabel?: string;
     /** Called when the convenience action Button is pressed. Required when `actionLabel` is set. */
@@ -22,6 +22,6 @@ interface EmptyStateProps {
     size?: 'default' | 'compact';
     style?: ViewStyle;
 }
-declare function EmptyState({ icon, iconName, iconColor, title, description, action, actionLabel, onAction, size, style }: EmptyStateProps): React.JSX.Element;
+declare function EmptyState({ icon, iconName, iconColor, title, description, action, actionLabel, onAction, size, style }: EmptyStateProps): React__default.JSX.Element;
 
 export { EmptyState, type EmptyStateProps };

package/dist/EmptyState.js

@@ -10,10 +10,29 @@ var FontAwesome5 = require('@expo/vector-icons/FontAwesome5');
 var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
 var Ionicons = require('@expo/vector-icons/Ionicons');
 var reactNativeEase = require('react-native-ease');
+var Haptics = require('expo-haptics');
 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 AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
@@ -21,6 +40,7 @@ var Feather__default = /*#__PURE__*/_interopDefault(Feather);
 var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
 var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
 // src/components/EmptyState/EmptyState.tsx
 var ThemeContext = React3.createContext(void 0);
@@ -44,43 +64,26 @@ 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 });
 }
-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 impactMedium() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Medium);
 }
 
 // src/tokens.ts
@@ -100,8 +103,7 @@ var TYPOGRAPHY = {
     fontWeight: "500",
     lineHeight: 18,
     letterSpacing: 0
-  }
-};
+  }};
 var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
   "worklet";
   return { transform: [{ scale: 1 - (1 - scale2) * progress }] };

package/dist/EmptyState.mjs

@@ -1,9 +1,9 @@
-export { EmptyState } from './chunk-FTTI6T5Q.mjs';
-import './chunk-Y6YS33GM.mjs';
+export { EmptyState } from './chunk-W422TEH2.mjs';
+import './chunk-AHFEAY6M.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/ErrorBoundary.d.mts

@@ -1,23 +1,25 @@
-import React from 'react';
+import React__default from 'react';
 
 interface ErrorFallbackProps {
     error: Error;
+    /** Stack trace from the error boundary. */
+    componentStack: string;
     /** Reset the boundary and attempt to re-render children. */
     reset: () => void;
 }
 interface ErrorBoundaryProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Custom fallback. Either a React node, or a render function receiving the
      * caught error and a `reset` callback. Defaults to a themed error card.
      */
-    fallback?: React.ReactNode | ((props: ErrorFallbackProps) => React.ReactNode);
+    fallback?: React__default.ReactNode | ((props: ErrorFallbackProps) => React__default.ReactNode);
     /** Title shown by the default fallback. */
     title?: string;
     /** Body message shown by the default fallback. */
     message?: string;
     /** Called whenever an error is caught — wire your crash reporter here. */
-    onError?: (error: Error, info: React.ErrorInfo) => void;
+    onError?: (error: Error, info: React__default.ErrorInfo) => void;
 }
 interface ErrorBoundaryState {
     error: Error | null;
@@ -31,12 +33,12 @@ interface ErrorBoundaryState {
  *   <DocumentViewer />
  * </ErrorBoundary>
  */
-declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+declare class ErrorBoundary extends React__default.Component<ErrorBoundaryProps, ErrorBoundaryState> {
     state: ErrorBoundaryState;
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    componentDidCatch(error: Error, info: React__default.ErrorInfo): void;
     reset: () => void;
-    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
 }
 
 export { ErrorBoundary, type ErrorBoundaryProps, type ErrorFallbackProps };