@retray-dev/ui-kit 13.0.0 → 13.4.0

package/dist/SelectableGrid.d.mts

@@ -1,11 +1,12 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
+import React__default from 'react';
+import { ImageSourcePropType, ViewStyle } from 'react-native';
 
 interface SelectableGridItem<T extends string | number = string> {
     value: T;
     label?: string;
     iconName?: string;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
+    imageUrl?: ImageSourcePropType;
     disabled?: boolean;
 }
 interface SelectableGridProps<T extends string | number = string> {
@@ -18,6 +19,6 @@ interface SelectableGridProps<T extends string | number = string> {
     orientation?: 'grid' | 'horizontal';
     style?: ViewStyle;
 }
-declare function SelectableGrid<T extends string | number = string>({ items, value, onChange, multiple, numColumns, gap, orientation, style, }: SelectableGridProps<T>): React.JSX.Element;
+declare function SelectableGrid<T extends string | number = string>({ items, value, onChange, multiple, numColumns, gap, orientation, style, }: SelectableGridProps<T>): React__default.JSX.Element;
 
 export { SelectableGrid, type SelectableGridItem, type SelectableGridProps };

package/dist/SelectableGrid.d.ts

@@ -1,11 +1,12 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
+import React__default from 'react';
+import { ImageSourcePropType, ViewStyle } from 'react-native';
 
 interface SelectableGridItem<T extends string | number = string> {
     value: T;
     label?: string;
     iconName?: string;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
+    imageUrl?: ImageSourcePropType;
     disabled?: boolean;
 }
 interface SelectableGridProps<T extends string | number = string> {
@@ -18,6 +19,6 @@ interface SelectableGridProps<T extends string | number = string> {
     orientation?: 'grid' | 'horizontal';
     style?: ViewStyle;
 }
-declare function SelectableGrid<T extends string | number = string>({ items, value, onChange, multiple, numColumns, gap, orientation, style, }: SelectableGridProps<T>): React.JSX.Element;
+declare function SelectableGrid<T extends string | number = string>({ items, value, onChange, multiple, numColumns, gap, orientation, style, }: SelectableGridProps<T>): React__default.JSX.Element;
 
 export { SelectableGrid, type SelectableGridItem, type SelectableGridProps };

package/dist/SelectableGrid.js

@@ -2,6 +2,7 @@
 
 var React3 = require('react');
 var reactNative = require('react-native');
+var expoImage = require('expo-image');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
 var Feather = require('@expo/vector-icons/Feather');
@@ -9,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 pressto = require('pressto');
+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 React3__default = /*#__PURE__*/_interopDefault(React3);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
@@ -20,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/SelectableGrid/SelectableGrid.tsx
 var ThemeContext = React3.createContext(void 0);
@@ -38,23 +59,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 });
@@ -68,22 +83,11 @@ makePressable(0.98);
 makePressable(0.97);
 var PressableChip = makePressable(0.94);
 makePressable(0.95);
-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 isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
@@ -102,8 +106,10 @@ function isSelected(value, candidate) {
 }
 function Cell({ item, selected, width, onPress }) {
   const { colors } = useTheme();
+  const hasImage = !!item.imageUrl;
   const iconColor = selected ? colors.primary : colors.foregroundSubtle;
   const iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React3__default.default.createElement(Icon, { name: item.iconName, size: ms(24), color: iconColor }) : null);
+  const imageSize = width - 4;
   return /* @__PURE__ */ React3__default.default.createElement(
     PressableChip,
     {
@@ -114,27 +120,44 @@ function Cell({ item, selected, width, onPress }) {
       activateOnHover: true,
       accessibilityRole: "button",
       accessibilityState: { selected, disabled: item.disabled },
-      accessibilityLabel: item.label ?? String(item.value),
-      style: [
-        { width },
-        styles.cell,
-        {
-          backgroundColor: selected ? colors.primary + "14" : colors.surface,
-          borderColor: selected ? colors.primary : "transparent"
-        },
-        item.disabled && styles.cellDisabled
-      ]
+      accessibilityLabel: item.label ?? String(item.value)
     },
-    iconNode,
-    item.label ? /* @__PURE__ */ React3__default.default.createElement(
-      reactNative.Text,
+    /* @__PURE__ */ React3__default.default.createElement(
+      reactNative.View,
       {
-        style: [styles.label, { color: selected ? colors.primary : colors.foreground }],
-        numberOfLines: 1,
-        allowFontScaling: true
+        style: [
+          { width },
+          styles.cell,
+          hasImage && styles.cellImage,
+          {
+            borderColor: selected ? colors.primary : "transparent"
+          },
+          item.disabled && styles.cellDisabled
+        ]
       },
-      item.label
-    ) : null
+      hasImage ? /* @__PURE__ */ React3__default.default.createElement(
+        expoImage.Image,
+        {
+          source: item.imageUrl,
+          style: { width: imageSize, height: imageSize },
+          contentFit: "cover"
+        }
+      ) : null,
+      iconNode && !hasImage ? iconNode : null,
+      item.label ? /* @__PURE__ */ React3__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [
+            styles.label,
+            hasImage && styles.labelImage,
+            { color: selected ? colors.primary : colors.foreground }
+          ],
+          numberOfLines: 2,
+          allowFontScaling: true
+        },
+        item.label
+      ) : null
+    )
   );
 }
 function SelectableGrid({
@@ -214,6 +237,13 @@ var styles = reactNative.StyleSheet.create({
     paddingHorizontal: s(8),
     paddingVertical: vs(10)
   },
+  cellImage: {
+    padding: 0,
+    gap: 0,
+    overflow: "hidden",
+    alignItems: "stretch",
+    justifyContent: "flex-start"
+  },
   cellDisabled: {
     opacity: 0.4
   },
@@ -222,6 +252,11 @@ var styles = reactNative.StyleSheet.create({
     fontSize: ms(11),
     lineHeight: mvs(14),
     textAlign: "center"
+  },
+  labelImage: {
+    paddingHorizontal: s(6),
+    paddingBottom: vs(6),
+    paddingTop: vs(3)
   }
 });
 

package/dist/SelectableGrid.mjs

@@ -1,8 +1,7 @@
-export { SelectableGrid } from './chunk-MP7GLMIR.mjs';
+export { SelectableGrid } from './chunk-T4KMKHTI.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/Separator.d.mts

@@ -1,10 +1,12 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface SeparatorProps {
     orientation?: 'horizontal' | 'vertical';
+    /** Label shown in the center of a horizontal separator — renders as "── label ──". */
+    label?: string;
     style?: ViewStyle;
 }
-declare function Separator({ orientation, style }: SeparatorProps): React.JSX.Element;
+declare function Separator({ orientation, label, style }: SeparatorProps): React__default.JSX.Element;
 
 export { Separator, type SeparatorProps };

package/dist/Separator.d.ts

@@ -1,10 +1,12 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface SeparatorProps {
     orientation?: 'horizontal' | 'vertical';
+    /** Label shown in the center of a horizontal separator — renders as "── label ──". */
+    label?: string;
     style?: ViewStyle;
 }
-declare function Separator({ orientation, style }: SeparatorProps): React.JSX.Element;
+declare function Separator({ orientation, label, style }: SeparatorProps): React__default.JSX.Element;
 
 export { Separator, type SeparatorProps };

package/dist/Separator.js

@@ -2,6 +2,7 @@
 
 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 }; }
 
@@ -16,10 +17,22 @@ function useTheme() {
   }
   return context;
 }
+var isWeb = reactNative.Platform.OS === "web";
+var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
 
 // src/components/Separator/Separator.tsx
-function Separator({ orientation = "horizontal", style }) {
+function Separator({ orientation = "horizontal", label, style }) {
   const { colors } = useTheme();
+  if (label && orientation !== "vertical") {
+    return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.row, style], accessibilityRole: "none" }, /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.line, { backgroundColor: colors.separator }] }), /* @__PURE__ */ React2__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles.label, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      label
+    ), /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.line, { backgroundColor: colors.separator }] }));
+  }
   return /* @__PURE__ */ React2__default.default.createElement(
     reactNative.View,
     {
@@ -39,6 +52,21 @@ var styles = reactNative.StyleSheet.create({
   vertical: {
     width: 1,
     height: "100%"
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(12)
+  },
+  line: {
+    flex: 1,
+    height: 1
+  },
+  label: {
+    fontFamily: "Sohne-Medium",
+    fontSize: 13,
+    letterSpacing: 0.32,
+    textTransform: "uppercase"
   }
 });
 

package/dist/Separator.mjs

@@ -1,3 +1,3 @@
-export { Separator } from './chunk-EW2FIDSM.mjs';
-import './chunk-KSSVIFYR.mjs';
-import './chunk-Y6FXYEAI.mjs';
+export { Separator } from './chunk-BVJAYPAD.mjs';
+import './chunk-ZQGCQ7SA.mjs';
+import './chunk-2CE3TQVY.mjs';

package/dist/Sheet.d.mts

@@ -1,17 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 
 interface SheetHeaderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     style?: ViewStyle;
 }
 interface SheetContentProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     style?: ViewStyle;
 }
 interface SheetFooterProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     style?: ViewStyle;
 }
 interface SheetProps {
@@ -20,7 +20,7 @@ interface SheetProps {
     title?: string;
     subtitle?: string;
     showCloseButton?: boolean;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     style?: ViewStyle;
     contentStyle?: ViewStyle;
     /** Render children inside BottomSheetScrollView instead of BottomSheetView. */
@@ -31,21 +31,21 @@ interface SheetProps {
     keyboardBlurBehavior?: 'none' | 'restore';
     enableBlurKeyboardOnGesture?: boolean;
     android_keyboardInputMode?: 'adjustPan' | 'adjustResize';
-    footer?: React.ReactNode;
+    footer?: React__default.ReactNode;
     /**
      * Array of snap points (e.g., ['50%', '85%'] or [200, 500]).
      * When provided, disables enableDynamicSizing.
      */
     snapPoints?: (string | number)[];
 }
-declare function SheetHeader({ children, style }: SheetHeaderProps): React.JSX.Element;
-declare function SheetContent({ children, style }: SheetContentProps): React.JSX.Element;
-declare function SheetFooter({ children, style }: SheetFooterProps): React.JSX.Element;
-declare function Sheet({ open, onClose, title, subtitle, showCloseButton, children, style, contentStyle, scrollable, maxHeight, keyboardBehavior, keyboardBlurBehavior, enableBlurKeyboardOnGesture, android_keyboardInputMode, footer, snapPoints, }: SheetProps): React.JSX.Element;
+declare function SheetHeader({ children, style }: SheetHeaderProps): React__default.JSX.Element;
+declare function SheetContent({ children, style }: SheetContentProps): React__default.JSX.Element;
+declare function SheetFooter({ children, style }: SheetFooterProps): React__default.JSX.Element;
+declare function Sheet({ open, onClose, title, subtitle, showCloseButton, children, style, contentStyle, scrollable, maxHeight, keyboardBehavior, keyboardBlurBehavior, enableBlurKeyboardOnGesture, android_keyboardInputMode, footer, snapPoints, }: SheetProps): React__default.JSX.Element;
 declare namespace Sheet {
     var Header: typeof SheetHeader;
     var Content: typeof SheetContent;
     var Footer: typeof SheetFooter;
 }
 
-export { Sheet, type SheetProps };
+export { Sheet, SheetContent, type SheetContentProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps };

package/dist/Sheet.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 
 interface SheetHeaderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     style?: ViewStyle;
 }
 interface SheetContentProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     style?: ViewStyle;
 }
 interface SheetFooterProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     style?: ViewStyle;
 }
 interface SheetProps {
@@ -20,7 +20,7 @@ interface SheetProps {
     title?: string;
     subtitle?: string;
     showCloseButton?: boolean;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     style?: ViewStyle;
     contentStyle?: ViewStyle;
     /** Render children inside BottomSheetScrollView instead of BottomSheetView. */
@@ -31,21 +31,21 @@ interface SheetProps {
     keyboardBlurBehavior?: 'none' | 'restore';
     enableBlurKeyboardOnGesture?: boolean;
     android_keyboardInputMode?: 'adjustPan' | 'adjustResize';
-    footer?: React.ReactNode;
+    footer?: React__default.ReactNode;
     /**
      * Array of snap points (e.g., ['50%', '85%'] or [200, 500]).
      * When provided, disables enableDynamicSizing.
      */
     snapPoints?: (string | number)[];
 }
-declare function SheetHeader({ children, style }: SheetHeaderProps): React.JSX.Element;
-declare function SheetContent({ children, style }: SheetContentProps): React.JSX.Element;
-declare function SheetFooter({ children, style }: SheetFooterProps): React.JSX.Element;
-declare function Sheet({ open, onClose, title, subtitle, showCloseButton, children, style, contentStyle, scrollable, maxHeight, keyboardBehavior, keyboardBlurBehavior, enableBlurKeyboardOnGesture, android_keyboardInputMode, footer, snapPoints, }: SheetProps): React.JSX.Element;
+declare function SheetHeader({ children, style }: SheetHeaderProps): React__default.JSX.Element;
+declare function SheetContent({ children, style }: SheetContentProps): React__default.JSX.Element;
+declare function SheetFooter({ children, style }: SheetFooterProps): React__default.JSX.Element;
+declare function Sheet({ open, onClose, title, subtitle, showCloseButton, children, style, contentStyle, scrollable, maxHeight, keyboardBehavior, keyboardBlurBehavior, enableBlurKeyboardOnGesture, android_keyboardInputMode, footer, snapPoints, }: SheetProps): React__default.JSX.Element;
 declare namespace Sheet {
     var Header: typeof SheetHeader;
     var Content: typeof SheetContent;
     var Footer: typeof SheetFooter;
 }
 
-export { Sheet, type SheetProps };
+export { Sheet, SheetContent, type SheetContentProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps };

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,24 +115,8 @@ function Sheet({
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const ref = React2.useRef(null);
-  const wasOpened = React2.useRef(false);
-  const isPresentedRef = React2.useRef(false);
+  const { ref, handleDismiss } = useSheetModal(open, onClose);
   const name = React2.useId();
-  const handleDismiss = React2.useCallback(() => {
-    isPresentedRef.current = false;
-    onClose?.();
-  }, [onClose]);
-  React2.useEffect(() => {
-    if (open && !isPresentedRef.current) {
-      impactMedium();
-      ref.current?.present();
-      wasOpened.current = true;
-      isPresentedRef.current = true;
-    } else if (!open && wasOpened.current && isPresentedRef.current) {
-      ref.current?.dismiss();
-    }
-  }, [open]);
   const renderBackdrop = React2.useCallback(
     (props) => /* @__PURE__ */ React2__default.default.createElement(
       bottomSheet.BottomSheetBackdrop,
@@ -236,3 +261,6 @@ Object.defineProperty(exports, "SheetTextInput", {
   get: function () { return bottomSheet.BottomSheetTextInput; }
 });
 exports.Sheet = Sheet;
+exports.SheetContent = SheetContent;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;

package/dist/Sheet.mjs

@@ -1,5 +1,5 @@
-export { BottomSheetModalProvider, Sheet, BottomSheetTextInput as SheetTextInput } from './chunk-2QOHHBJC.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';
-import './chunk-Y6FXYEAI.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 };