@retray-dev/ui-kit 13.0.0 → 13.4.0

package/dist/ListItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType, ViewStyle, TextStyle } from 'react-native';
 
 type ListItemVariant = 'plain' | 'card';
@@ -12,16 +12,16 @@ interface ListItemProps {
      * Arbitrary content rendered on the left (avatar, icon, image, etc.).
      * Rendered inside a 44×44 aligned container.
      */
-    leftRender?: React.ReactNode;
+    leftRender?: React__default.ReactNode;
     /**
      * Arbitrary content rendered on the right (badge, price, chevron, switch, etc.).
      */
-    rightRender?: React.ReactNode | string;
+    rightRender?: React__default.ReactNode | string;
     /**
      * Multiple action buttons rendered on the right with automatic gap.
      * Takes precedence over `rightRender` and `showChevron`.
      */
-    rightActions?: React.ReactNode[];
+    rightActions?: React__default.ReactNode[];
     /**
      * Icon name from `@expo/vector-icons` rendered in the left slot.
      * See https://icons.expo.fyi. Takes precedence over `leftRender`.
@@ -64,8 +64,9 @@ interface ListItemProps {
     captionStyle?: TextStyle;
     /** Accessibility label override. Defaults to the title. */
     accessibilityLabel?: string;
+    accessibilityHint?: string;
 }
-declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
-declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
+declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, accessibilityHint, }: ListItemProps): React__default.JSX.Element;
+declare const ListItem: React__default.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

package/dist/ListItem.js

@@ -4,6 +4,7 @@ var React3 = require('react');
 var expoImage = require('expo-image');
 var reactNative = require('react-native');
 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/ListItem/ListItem.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() {
@@ -62,23 +71,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 });
@@ -120,7 +123,8 @@ function ListItemBase({
   subtitleStyle,
   subtitleNumberOfLines = 2,
   captionStyle,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const handlePress = () => {
@@ -185,6 +189,7 @@ function ListItemBase({
         activateOnHover: true,
         accessibilityRole: "button",
         accessibilityLabel: a11yLabel,
+        accessibilityHint,
         accessibilityState: { disabled: !!disabled }
       },
       content

package/dist/ListItem.mjs

@@ -1,8 +1,7 @@
-export { ListItem } from './chunk-6QLBHUEG.mjs';
+export { ListItem } from './chunk-6T2DVIQT.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';
-import './chunk-Y6FXYEAI.mjs';

package/dist/MediaCard.d.mts

@@ -1,12 +1,12 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType, ViewStyle } from 'react-native';
 
 type MediaCardAspectRatio = '1:1' | '4:3' | '16:9' | '4:5' | '3:2';
 interface MediaCardProps {
     imageSource?: ImageSourcePropType;
     aspectRatio?: MediaCardAspectRatio;
-    badge?: React.ReactNode;
-    actionIcon?: React.ReactNode;
+    badge?: React__default.ReactNode;
+    actionIcon?: React__default.ReactNode;
     actionIconName?: string;
     actionActive?: boolean;
     onActionPress?: () => void;
@@ -16,10 +16,10 @@ interface MediaCardProps {
     onPress?: () => void;
     style?: ViewStyle;
     imageStyle?: ViewStyle;
-    footer?: React.ReactNode;
+    footer?: React__default.ReactNode;
     accessibilityLabel?: string;
 }
-declare function MediaCardBase({ imageSource, aspectRatio, badge, actionIcon, actionIconName, actionActive, onActionPress, title, subtitle, caption, onPress, style, imageStyle, footer, accessibilityLabel, }: MediaCardProps): React.JSX.Element;
-declare const MediaCard: React.MemoExoticComponent<typeof MediaCardBase>;
+declare function MediaCardBase({ imageSource, aspectRatio, badge, actionIcon, actionIconName, actionActive, onActionPress, title, subtitle, caption, onPress, style, imageStyle, footer, accessibilityLabel, }: MediaCardProps): React__default.JSX.Element;
+declare const MediaCard: React__default.MemoExoticComponent<typeof MediaCardBase>;
 
 export { MediaCard, type MediaCardAspectRatio, type MediaCardProps };

package/dist/MediaCard.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType, ViewStyle } from 'react-native';
 
 type MediaCardAspectRatio = '1:1' | '4:3' | '16:9' | '4:5' | '3:2';
 interface MediaCardProps {
     imageSource?: ImageSourcePropType;
     aspectRatio?: MediaCardAspectRatio;
-    badge?: React.ReactNode;
-    actionIcon?: React.ReactNode;
+    badge?: React__default.ReactNode;
+    actionIcon?: React__default.ReactNode;
     actionIconName?: string;
     actionActive?: boolean;
     onActionPress?: () => void;
@@ -16,10 +16,10 @@ interface MediaCardProps {
     onPress?: () => void;
     style?: ViewStyle;
     imageStyle?: ViewStyle;
-    footer?: React.ReactNode;
+    footer?: React__default.ReactNode;
     accessibilityLabel?: string;
 }
-declare function MediaCardBase({ imageSource, aspectRatio, badge, actionIcon, actionIconName, actionActive, onActionPress, title, subtitle, caption, onPress, style, imageStyle, footer, accessibilityLabel, }: MediaCardProps): React.JSX.Element;
-declare const MediaCard: React.MemoExoticComponent<typeof MediaCardBase>;
+declare function MediaCardBase({ imageSource, aspectRatio, badge, actionIcon, actionIconName, actionActive, onActionPress, title, subtitle, caption, onPress, style, imageStyle, footer, accessibilityLabel, }: MediaCardProps): React__default.JSX.Element;
+declare const MediaCard: React__default.MemoExoticComponent<typeof MediaCardBase>;
 
 export { MediaCard, type MediaCardAspectRatio, type MediaCardProps };

package/dist/MediaCard.js

@@ -3,6 +3,7 @@
 var React3 = require('react');
 var expoImage = require('expo-image');
 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');
@@ -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/MediaCard/MediaCard.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() {
@@ -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/MediaCard.mjs

@@ -1,8 +1,7 @@
-export { MediaCard } from './chunk-CM2DG4MR.mjs';
+export { MediaCard } from './chunk-MSS3CD6F.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';
-import './chunk-Y6FXYEAI.mjs';

package/dist/MenuItem.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
 type MenuItemVariant = 'plain' | 'card';
@@ -12,7 +12,7 @@ interface MenuItemProps {
      */
     iconName?: string;
     /** Custom icon node rendered on the left. */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /** Override icon color. Defaults to `foreground`. */
     iconColor?: string;
     /**
@@ -20,7 +20,7 @@ interface MenuItemProps {
      * When provided, replaces the default chevron.
      * Use for checkboxes, switches, badges, or other controls.
      */
-    rightRender?: React.ReactNode;
+    rightRender?: React__default.ReactNode;
     /**
      * Show chevron on the right. Defaults to `true`.
      * Ignored when `rightRender` is provided.
@@ -41,8 +41,9 @@ interface MenuItemProps {
     labelStyle?: TextStyle;
     /** Accessibility label override. Defaults to label. */
     accessibilityLabel?: string;
+    accessibilityHint?: string;
 }
-declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, }: MenuItemProps): React.JSX.Element;
-declare const MenuItem: React.MemoExoticComponent<typeof MenuItemBase>;
+declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, accessibilityHint, }: MenuItemProps): React__default.JSX.Element;
+declare const MenuItem: React__default.MemoExoticComponent<typeof MenuItemBase>;
 
 export { MenuItem, type MenuItemProps, type MenuItemVariant };

package/dist/MenuItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
 type MenuItemVariant = 'plain' | 'card';
@@ -12,7 +12,7 @@ interface MenuItemProps {
      */
     iconName?: string;
     /** Custom icon node rendered on the left. */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /** Override icon color. Defaults to `foreground`. */
     iconColor?: string;
     /**
@@ -20,7 +20,7 @@ interface MenuItemProps {
      * When provided, replaces the default chevron.
      * Use for checkboxes, switches, badges, or other controls.
      */
-    rightRender?: React.ReactNode;
+    rightRender?: React__default.ReactNode;
     /**
      * Show chevron on the right. Defaults to `true`.
      * Ignored when `rightRender` is provided.
@@ -41,8 +41,9 @@ interface MenuItemProps {
     labelStyle?: TextStyle;
     /** Accessibility label override. Defaults to label. */
     accessibilityLabel?: string;
+    accessibilityHint?: string;
 }
-declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, }: MenuItemProps): React.JSX.Element;
-declare const MenuItem: React.MemoExoticComponent<typeof MenuItemBase>;
+declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, accessibilityHint, }: MenuItemProps): React__default.JSX.Element;
+declare const MenuItem: React__default.MemoExoticComponent<typeof MenuItemBase>;
 
 export { MenuItem, type MenuItemProps, type MenuItemVariant };

package/dist/MenuItem.js

@@ -3,6 +3,7 @@
 var React3 = require('react');
 var reactNative = require('react-native');
 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');
@@ -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/MenuItem/MenuItem.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() {
@@ -60,23 +69,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 });
@@ -110,7 +113,8 @@ function MenuItemBase({
   showSeparator = false,
   style,
   labelStyle,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const handlePress = () => {
@@ -141,6 +145,7 @@ function MenuItemBase({
       activateOnHover: true,
       accessibilityRole: "button",
       accessibilityLabel: a11yLabel,
+      accessibilityHint,
       accessibilityState: { disabled }
     },
     resolvedIcon ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.iconContainer }, resolvedIcon) : null,

package/dist/MenuItem.mjs

@@ -1,8 +1,7 @@
-export { MenuItem } from './chunk-E4EQSCKR.mjs';
+export { MenuItem } from './chunk-BTPCY4C7.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';
-import './chunk-Y6FXYEAI.mjs';

package/dist/MonthPicker.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface MonthPickerValue {
@@ -23,6 +23,6 @@ interface MonthPickerProps {
     formatLabel?: (value: MonthPickerValue) => string;
     style?: ViewStyle;
 }
-declare function MonthPicker({ value, onChange, minValue, maxValue, locale, formatLabel, style }: MonthPickerProps): React.JSX.Element;
+declare function MonthPicker({ value, onChange, minValue, maxValue, locale, formatLabel, style }: MonthPickerProps): React__default.JSX.Element;
 
 export { MonthPicker, type MonthPickerProps, type MonthPickerValue, dateToMonthPickerValue, monthPickerValueToDate };

package/dist/MonthPicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface MonthPickerValue {
@@ -23,6 +23,6 @@ interface MonthPickerProps {
     formatLabel?: (value: MonthPickerValue) => string;
     style?: ViewStyle;
 }
-declare function MonthPicker({ value, onChange, minValue, maxValue, locale, formatLabel, style }: MonthPickerProps): React.JSX.Element;
+declare function MonthPicker({ value, onChange, minValue, maxValue, locale, formatLabel, style }: MonthPickerProps): React__default.JSX.Element;
 
 export { MonthPicker, type MonthPickerProps, type MonthPickerValue, dateToMonthPickerValue, monthPickerValueToDate };

package/dist/MonthPicker.js

@@ -3,29 +3,38 @@
 var React2 = require('react');
 var reactNative = require('react-native');
 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/MonthPicker/MonthPicker.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/MonthPicker.mjs

@@ -1,5 +1,4 @@
-export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './chunk-ITG4JQM3.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './chunk-QEE3EQ3N.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/NumberStepper.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type NumberStepperSize = 'sm' | 'md' | 'lg';
@@ -12,8 +12,9 @@ interface NumberStepperProps {
     disabled?: boolean;
     style?: ViewStyle;
     accessibilityLabel?: string;
+    accessibilityHint?: string;
 }
-declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
-declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
+declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, accessibilityHint, }: NumberStepperProps): React__default.JSX.Element;
+declare const NumberStepper: React__default.MemoExoticComponent<typeof NumberStepperBase>;
 
 export { NumberStepper, type NumberStepperProps, type NumberStepperSize };

package/dist/NumberStepper.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type NumberStepperSize = 'sm' | 'md' | 'lg';
@@ -12,8 +12,9 @@ interface NumberStepperProps {
     disabled?: boolean;
     style?: ViewStyle;
     accessibilityLabel?: string;
+    accessibilityHint?: string;
 }
-declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
-declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
+declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, accessibilityHint, }: NumberStepperProps): React__default.JSX.Element;
+declare const NumberStepper: React__default.MemoExoticComponent<typeof NumberStepperBase>;
 
 export { NumberStepper, type NumberStepperProps, type NumberStepperSize };