@retray-dev/ui-kit 13.2.0 → 13.4.0

package/dist/Sheet.js

@@ -5,30 +5,33 @@ 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 reactNativeSizeMatters = require('react-native-size-matters');
 
 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 React2__default = /*#__PURE__*/_interopDefault(React2);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
 // src/components/Sheet/Sheet.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 impactMedium() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
-}
 var ThemeContext = React2.createContext(void 0);
 function useTheme() {
   const context = React2.useContext(ThemeContext);
@@ -37,6 +40,44 @@ function useTheme() {
   }
   return context;
 }
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
+}
+function impactMedium() {
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Medium);
+}
+
+// src/hooks/useSheetModal.ts
+function useSheetModal(visible, onDismiss) {
+  const ref = React2.useRef(null);
+  const state = React2.useRef("idle");
+  const onDismissRef = React2.useRef(onDismiss);
+  const [tick, setTick] = React2.useState(0);
+  React2.useEffect(() => {
+    onDismissRef.current = onDismiss;
+  });
+  React2.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 = React2.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;
@@ -74,34 +115,8 @@ function Sheet({
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const ref = React2.useRef(null);
-  const sheetState = React2.useRef("idle");
-  const onCloseRef = React2.useRef(onClose);
+  const { ref, handleDismiss } = useSheetModal(open, onClose);
   const name = React2.useId();
-  const [tick, setTick] = React2.useState(0);
-  React2.useEffect(() => {
-    onCloseRef.current = onClose;
-  }, [onClose]);
-  const handleDismiss = React2.useCallback(() => {
-    sheetState.current = "idle";
-    onCloseRef.current?.();
-    setTick((t) => t + 1);
-  }, []);
-  React2.useEffect(() => {
-    if (open) {
-      if (sheetState.current === "idle") {
-        sheetState.current = "presenting";
-        impactMedium();
-        ref.current?.present();
-        sheetState.current = "presented";
-      }
-    } else {
-      if (sheetState.current === "presented" || sheetState.current === "presenting") {
-        sheetState.current = "dismissing";
-        ref.current?.dismiss();
-      }
-    }
-  }, [open, tick]);
   const renderBackdrop = React2.useCallback(
     (props) => /* @__PURE__ */ React2__default.default.createElement(
       bottomSheet.BottomSheetBackdrop,

package/dist/Sheet.mjs

@@ -1,4 +1,5 @@
-export { BottomSheetModalProvider, Sheet, SheetContent, SheetFooter, SheetHeader, BottomSheetTextInput as SheetTextInput } from './chunk-7BZJRB77.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { BottomSheetModalProvider, Sheet, SheetContent, SheetFooter, SheetHeader, BottomSheetTextInput as SheetTextInput } from './chunk-UBTP4NPP.mjs';
+import './chunk-HMKJGVXA.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/SheetSelect.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface SheetSelectOption {
@@ -20,6 +20,6 @@ interface SheetSelectProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function SheetSelect({ options, value, onValueChange, multiSelect, label, error, wrap, style, accessibilityLabel, }: SheetSelectProps): React.JSX.Element;
+declare function SheetSelect({ options, value, onValueChange, multiSelect, label, error, wrap, style, accessibilityLabel, }: SheetSelectProps): React__default.JSX.Element;
 
 export { SheetSelect, type SheetSelectOption, type SheetSelectProps };

package/dist/SheetSelect.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface SheetSelectOption {
@@ -20,6 +20,6 @@ interface SheetSelectProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function SheetSelect({ options, value, onValueChange, multiSelect, label, error, wrap, style, accessibilityLabel, }: SheetSelectProps): React.JSX.Element;
+declare function SheetSelect({ options, value, onValueChange, multiSelect, label, error, wrap, style, accessibilityLabel, }: SheetSelectProps): React__default.JSX.Element;
 
 export { SheetSelect, type SheetSelectOption, type SheetSelectProps };

package/dist/SheetSelect.js

@@ -3,6 +3,7 @@
 var React3 = require('react');
 var reactNative = require('react-native');
 var reactNativeEase = require('react-native-ease');
+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');
@@ -14,7 +15,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);
@@ -23,22 +43,11 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/SheetSelect/SheetSelect.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/SheetSelect.mjs

@@ -1,8 +1,8 @@
-export { SheetSelect } from './chunk-WIPEDNSD.mjs';
+export { SheetSelect } from './chunk-WD5LBXPR.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/Skeleton.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type SkeletonPreset = 'base' | 'circle' | 'text';
@@ -14,7 +14,7 @@ interface SkeletonProps {
     backgroundColor?: string;
     style?: ViewStyle;
 }
-declare function Skeleton({ width, height, borderRadius, preset, diameter, backgroundColor, style, }: SkeletonProps): React.JSX.Element;
+declare function Skeleton({ width, height, borderRadius, preset, diameter, backgroundColor, style, }: SkeletonProps): React__default.JSX.Element;
 declare namespace Skeleton {
     var MediaCard: typeof MediaCardSkeleton;
     var ListItem: typeof ListItemSkeleton;
@@ -36,7 +36,7 @@ interface MediaCardSkeletonProps {
     style?: ViewStyle;
 }
 /** Loading placeholder matching `<MediaCard>` — image block + title/subtitle lines. */
-declare function MediaCardSkeleton({ aspectRatio, showSubtitle, style }: MediaCardSkeletonProps): React.JSX.Element;
+declare function MediaCardSkeleton({ aspectRatio, showSubtitle, style }: MediaCardSkeletonProps): React__default.JSX.Element;
 interface ListItemSkeletonProps {
     /** Render a circular leading avatar placeholder. Defaults to true. */
     showAvatar?: boolean;
@@ -45,7 +45,7 @@ interface ListItemSkeletonProps {
     style?: ViewStyle;
 }
 /** Loading placeholder matching `<ListItem>` — leading circle + title/subtitle lines. */
-declare function ListItemSkeleton({ showAvatar, showSubtitle, style }: ListItemSkeletonProps): React.JSX.Element;
+declare function ListItemSkeleton({ showAvatar, showSubtitle, style }: ListItemSkeletonProps): React__default.JSX.Element;
 interface ListSkeletonProps {
     /** Number of placeholder rows/cells. Defaults to 6. */
     count?: number;
@@ -64,6 +64,6 @@ interface ListSkeletonProps {
  * renders stacked `ListItemSkeleton`s; `columns>1` renders a wrapping grid of
  * `MediaCardSkeleton`s. Render this as the list's content while `data` is empty.
  */
-declare function ListSkeleton({ count, columns, gap, aspectRatio, showAvatar, style, }: ListSkeletonProps): React.JSX.Element;
+declare function ListSkeleton({ count, columns, gap, aspectRatio, showAvatar, style, }: ListSkeletonProps): React__default.JSX.Element;
 
 export { Skeleton, type SkeletonProps };

package/dist/Skeleton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type SkeletonPreset = 'base' | 'circle' | 'text';
@@ -14,7 +14,7 @@ interface SkeletonProps {
     backgroundColor?: string;
     style?: ViewStyle;
 }
-declare function Skeleton({ width, height, borderRadius, preset, diameter, backgroundColor, style, }: SkeletonProps): React.JSX.Element;
+declare function Skeleton({ width, height, borderRadius, preset, diameter, backgroundColor, style, }: SkeletonProps): React__default.JSX.Element;
 declare namespace Skeleton {
     var MediaCard: typeof MediaCardSkeleton;
     var ListItem: typeof ListItemSkeleton;
@@ -36,7 +36,7 @@ interface MediaCardSkeletonProps {
     style?: ViewStyle;
 }
 /** Loading placeholder matching `<MediaCard>` — image block + title/subtitle lines. */
-declare function MediaCardSkeleton({ aspectRatio, showSubtitle, style }: MediaCardSkeletonProps): React.JSX.Element;
+declare function MediaCardSkeleton({ aspectRatio, showSubtitle, style }: MediaCardSkeletonProps): React__default.JSX.Element;
 interface ListItemSkeletonProps {
     /** Render a circular leading avatar placeholder. Defaults to true. */
     showAvatar?: boolean;
@@ -45,7 +45,7 @@ interface ListItemSkeletonProps {
     style?: ViewStyle;
 }
 /** Loading placeholder matching `<ListItem>` — leading circle + title/subtitle lines. */
-declare function ListItemSkeleton({ showAvatar, showSubtitle, style }: ListItemSkeletonProps): React.JSX.Element;
+declare function ListItemSkeleton({ showAvatar, showSubtitle, style }: ListItemSkeletonProps): React__default.JSX.Element;
 interface ListSkeletonProps {
     /** Number of placeholder rows/cells. Defaults to 6. */
     count?: number;
@@ -64,6 +64,6 @@ interface ListSkeletonProps {
  * renders stacked `ListItemSkeleton`s; `columns>1` renders a wrapping grid of
  * `MediaCardSkeleton`s. Render this as the list's content while `data` is empty.
  */
-declare function ListSkeleton({ count, columns, gap, aspectRatio, showAvatar, style, }: ListSkeletonProps): React.JSX.Element;
+declare function ListSkeleton({ count, columns, gap, aspectRatio, showAvatar, style, }: ListSkeletonProps): React__default.JSX.Element;
 
 export { Skeleton, type SkeletonProps };

package/dist/Skeleton.mjs

@@ -1,5 +1,5 @@
-export { Skeleton } from './chunk-XCIG6HT2.mjs';
+export { Skeleton } from './chunk-S433IOQE.mjs';
 import './chunk-M53LC4Q7.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/Slider.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface SliderProps {
@@ -16,6 +16,6 @@ interface SliderProps {
     disabled?: boolean;
     style?: ViewStyle;
 }
-declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, accessibilityHint, disabled, style, }: SliderProps): React.JSX.Element;
+declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, accessibilityHint, disabled, style, }: SliderProps): React__default.JSX.Element;
 
 export { Slider, type SliderProps };

package/dist/Slider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface SliderProps {
@@ -16,6 +16,6 @@ interface SliderProps {
     disabled?: boolean;
     style?: ViewStyle;
 }
-declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, accessibilityHint, disabled, style, }: SliderProps): React.JSX.Element;
+declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, accessibilityHint, disabled, style, }: SliderProps): React__default.JSX.Element;
 
 export { Slider, type SliderProps };

package/dist/Slider.js

@@ -3,30 +3,39 @@
 var React2 = require('react');
 var reactNative = require('react-native');
 var RNSlider = require('@react-native-community/slider');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 
 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 React2__default = /*#__PURE__*/_interopDefault(React2);
 var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
 // src/components/Slider/Slider.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 = React2.createContext(void 0);
 function useTheme() {

package/dist/Slider.mjs

@@ -1,4 +1,4 @@
-export { Slider } from './chunk-C5ZRMR2E.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { Slider } from './chunk-4PF4LKNT.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/Spinner.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ActivityIndicatorProps } from 'react-native';
 
 type SpinnerSize = 'sm' | 'md' | 'lg';
@@ -7,6 +7,6 @@ interface SpinnerProps extends Omit<ActivityIndicatorProps, 'size'> {
     color?: string;
     label?: string;
 }
-declare function Spinner({ size, color, label, ...props }: SpinnerProps): React.JSX.Element;
+declare function Spinner({ size, color, label, ...props }: SpinnerProps): React__default.JSX.Element;
 
 export { Spinner, type SpinnerProps, type SpinnerSize };

package/dist/Spinner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ActivityIndicatorProps } from 'react-native';
 
 type SpinnerSize = 'sm' | 'md' | 'lg';
@@ -7,6 +7,6 @@ interface SpinnerProps extends Omit<ActivityIndicatorProps, 'size'> {
     color?: string;
     label?: string;
 }
-declare function Spinner({ size, color, label, ...props }: SpinnerProps): React.JSX.Element;
+declare function Spinner({ size, color, label, ...props }: SpinnerProps): React__default.JSX.Element;
 
 export { Spinner, type SpinnerProps, type SpinnerSize };

package/dist/Spinner.mjs

@@ -1,3 +1,3 @@
-export { Spinner } from './chunk-2VIDP72N.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { Spinner } from './chunk-K3V6OTVB.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/Stats.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type StatsVariant = 'elevated' | 'outlined' | 'filled';
@@ -7,7 +7,7 @@ interface StatsProps {
     value: string;
     label: string;
     description?: string;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     iconName?: string;
     iconColor?: string;
     variant?: StatsVariant;
@@ -18,13 +18,13 @@ interface StatsProps {
     accessibilityLabel?: string;
 }
 interface StatsGroupProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     gap?: number;
     style?: ViewStyle;
 }
-declare function StatsComponent({ value, label, description, icon, iconName, iconColor, variant, size, onPress, style, accessibilityLabel, }: StatsProps): React.JSX.Element;
-declare function StatsGroup({ children, gap, style }: StatsGroupProps): React.JSX.Element;
-declare const Stats: React.NamedExoticComponent<StatsProps> & {
+declare function StatsComponent({ value, label, description, icon, iconName, iconColor, variant, size, onPress, style, accessibilityLabel, }: StatsProps): React__default.JSX.Element;
+declare function StatsGroup({ children, gap, style }: StatsGroupProps): React__default.JSX.Element;
+declare const Stats: React__default.NamedExoticComponent<StatsProps> & {
     readonly type: typeof StatsComponent;
 } & {
     Group: typeof StatsGroup;

package/dist/Stats.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type StatsVariant = 'elevated' | 'outlined' | 'filled';
@@ -7,7 +7,7 @@ interface StatsProps {
     value: string;
     label: string;
     description?: string;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     iconName?: string;
     iconColor?: string;
     variant?: StatsVariant;
@@ -18,13 +18,13 @@ interface StatsProps {
     accessibilityLabel?: string;
 }
 interface StatsGroupProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     gap?: number;
     style?: ViewStyle;
 }
-declare function StatsComponent({ value, label, description, icon, iconName, iconColor, variant, size, onPress, style, accessibilityLabel, }: StatsProps): React.JSX.Element;
-declare function StatsGroup({ children, gap, style }: StatsGroupProps): React.JSX.Element;
-declare const Stats: React.NamedExoticComponent<StatsProps> & {
+declare function StatsComponent({ value, label, description, icon, iconName, iconColor, variant, size, onPress, style, accessibilityLabel, }: StatsProps): React__default.JSX.Element;
+declare function StatsGroup({ children, gap, style }: StatsGroupProps): React__default.JSX.Element;
+declare const Stats: React__default.NamedExoticComponent<StatsProps> & {
     readonly type: typeof StatsComponent;
 } & {
     Group: typeof StatsGroup;

package/dist/Stats.js

@@ -2,6 +2,7 @@
 
 var React3 = require('react');
 var reactNative = require('react-native');
+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');
@@ -13,7 +14,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);
@@ -22,22 +42,11 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/Stats/Stats.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 impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Light);
 }
 var ThemeContext = React3.createContext(void 0);
 function useTheme() {
@@ -64,23 +73,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 });