@xaui/native 0.0.23 → 0.0.25

package/dist/autocomplete/index.js

@@ -1,14 +1,10 @@
-import {
-  CheckmarkIcon
-} from "../chunk-GBHQCAKW.js";
-import "../chunk-DXXNBF5P.js";
 import {
   Portal,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-URBEEDFX.js";
 
 // src/components/autocomplete/autocomplete.tsx
-import React4, { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
+import React5, { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
 import { Keyboard as Keyboard2, Text as Text3, View as View4 } from "react-native";
 
 // src/components/autocomplete/autocomplete-context.ts
@@ -318,7 +314,7 @@ var defaultFilterFunction = (textValue, inputValue) => {
 };
 
 // src/components/dialogs/autocomplete-dialog/autocomplete-dialog.tsx
-import React2, { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import React3, { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 import {
   Animated as Animated3,
   BackHandler,
@@ -331,8 +327,24 @@ import {
   useWindowDimensions
 } from "react-native";
 
-// src/components/dialogs/autocomplete-dialog/autocomplete-dialog-header.tsx
+// src/components/select/checkmark-icon.tsx
 import React from "react";
+import Svg, { Polyline } from "react-native-svg";
+function CheckmarkIcon({ color, size }) {
+  return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 17 18", fill: "none" }, /* @__PURE__ */ React.createElement(
+    Polyline,
+    {
+      points: "1 9 7 14 15 4",
+      stroke: color,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ));
+}
+
+// src/components/dialogs/autocomplete-dialog/autocomplete-dialog-header.tsx
+import React2 from "react";
 import {
   Animated,
   Pressable,
@@ -435,7 +447,7 @@ var AutocompleteDialogHeader = ({
   onBlur
 }) => {
   const theme = useXUITheme();
-  return /* @__PURE__ */ React.createElement(View, { style: styles2.header }, title ? /* @__PURE__ */ React.createElement(View, { style: styles2.titleRow }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React2.createElement(View, { style: styles2.header }, title ? /* @__PURE__ */ React2.createElement(View, { style: styles2.titleRow }, /* @__PURE__ */ React2.createElement(
     Pressable,
     {
       style: styles2.backButton,
@@ -443,8 +455,8 @@ var AutocompleteDialogHeader = ({
       accessibilityLabel: "Back",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ React.createElement(ArrowBackIcon, { size: 20, color: theme.colors.foreground })
-  ), /* @__PURE__ */ React.createElement(Text, { style: [styles2.title, { color: theme.colors.foreground }] }, title)) : null, /* @__PURE__ */ React.createElement(View, { style: styles2.inputContainer }, /* @__PURE__ */ React.createElement(Animated.View, { style: [styles2.inputWrapper, inputAnimatedStyle] }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React2.createElement(ArrowBackIcon, { size: 20, color: theme.colors.foreground })
+  ), /* @__PURE__ */ React2.createElement(Text, { style: [styles2.title, { color: theme.colors.foreground }] }, title)) : null, /* @__PURE__ */ React2.createElement(View, { style: styles2.inputContainer }, /* @__PURE__ */ React2.createElement(Animated.View, { style: [styles2.inputWrapper, inputAnimatedStyle] }, /* @__PURE__ */ React2.createElement(
     TextInput,
     {
       ref: inputRef,
@@ -466,7 +478,7 @@ var AutocompleteDialogHeader = ({
       onFocus,
       onBlur
     }
-  ), inputValue ? /* @__PURE__ */ React.createElement(
+  ), inputValue ? /* @__PURE__ */ React2.createElement(
     Pressable,
     {
       style: styles2.clearInputButton,
@@ -474,7 +486,7 @@ var AutocompleteDialogHeader = ({
       accessibilityLabel: "Clear input",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ React.createElement(CloseIcon, { color: theme.colors.foreground })
+    /* @__PURE__ */ React2.createElement(CloseIcon, { color: theme.colors.foreground })
   ) : null)));
 };
 
@@ -556,8 +568,8 @@ var AutocompleteDialog = ({
     };
   }, []);
   const items = useMemo2(
-    () => React2.Children.toArray(children).filter(
-      React2.isValidElement
+    () => React3.Children.toArray(children).filter(
+      React3.isValidElement
     ),
     [children]
   );
@@ -616,7 +628,7 @@ var AutocompleteDialog = ({
   const inputAnimatedStyle = {
     transform: [{ scaleX: scaleAnim }]
   };
-  const listHeader = /* @__PURE__ */ React2.createElement(
+  const listHeader = /* @__PURE__ */ React3.createElement(
     AutocompleteDialogHeader,
     {
       title,
@@ -632,13 +644,13 @@ var AutocompleteDialog = ({
       onBlur
     }
   );
-  return /* @__PURE__ */ React2.createElement(Portal, null, /* @__PURE__ */ React2.createElement(View2, { style: [overlayStyle, style] }, /* @__PURE__ */ React2.createElement(Animated3.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }), /* @__PURE__ */ React2.createElement(Animated3.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React3.createElement(Portal, null, /* @__PURE__ */ React3.createElement(View2, { style: [overlayStyle, style] }, /* @__PURE__ */ React3.createElement(Animated3.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }), /* @__PURE__ */ React3.createElement(Animated3.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ React3.createElement(
     View2,
     {
       style: [styles2.container, { backgroundColor: theme.colors.background }]
     },
     listHeader,
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(
       FlatList,
       {
         data: items,
@@ -653,7 +665,7 @@ var AutocompleteDialog = ({
         showsVerticalScrollIndicator: false
       }
     ),
-    showCheckmark ? /* @__PURE__ */ React2.createElement(View2, { style: styles2.checkmarkButtonContainer }, /* @__PURE__ */ React2.createElement(
+    showCheckmark ? /* @__PURE__ */ React3.createElement(View2, { style: styles2.checkmarkButtonContainer }, /* @__PURE__ */ React3.createElement(
       Pressable2,
       {
         style: [
@@ -664,13 +676,13 @@ var AutocompleteDialog = ({
         accessibilityLabel: "Confirm",
         accessibilityRole: "button"
       },
-      checkmarkIcon ?? /* @__PURE__ */ React2.createElement(CheckmarkIcon, { color: checkmarkColor, size: 20 })
+      checkmarkIcon ?? /* @__PURE__ */ React3.createElement(CheckmarkIcon, { color: checkmarkColor, size: 20 })
     )) : null
   ))));
 };
 
 // src/components/autocomplete/autocomplete-trigger.tsx
-import React3 from "react";
+import React4 from "react";
 import { Pressable as Pressable3, Text as Text2, TouchableOpacity, View as View3 } from "react-native";
 import { CloseIcon as CloseIcon2 } from "@xaui/icons";
 var AutocompleteTrigger = ({
@@ -695,7 +707,7 @@ var AutocompleteTrigger = ({
   onLayout: handleTriggerLayout
 }) => {
   const renderLabel = isLabelInside && label;
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React4.createElement(
     Pressable3,
     {
       ref: triggerRef,
@@ -718,7 +730,7 @@ var AutocompleteTrigger = ({
       accessibilityRole: "button",
       accessibilityState: { disabled: isDisabled }
     },
-    /* @__PURE__ */ React3.createElement(View3, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React4.createElement(View3, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ React4.createElement(
       Text2,
       {
         style: [
@@ -732,14 +744,14 @@ var AutocompleteTrigger = ({
       },
       displayValue
     )),
-    isClearable && (currentSelectedKey || currentInputValue) ? /* @__PURE__ */ React3.createElement(
+    isClearable && (currentSelectedKey || currentInputValue) ? /* @__PURE__ */ React4.createElement(
       TouchableOpacity,
       {
         onPress: handleClear,
         style: styles.clearButton,
         hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
       },
-      clearIcon ?? /* @__PURE__ */ React3.createElement(CloseIcon2, { color: theme.colors.foreground, size: 20 })
+      clearIcon ?? /* @__PURE__ */ React4.createElement(CloseIcon2, { color: theme.colors.foreground, size: 20 })
     ) : null
   );
 };
@@ -798,9 +810,9 @@ var Autocomplete = ({
     });
   }, []);
   const items = useMemo3(() => {
-    const elements = React4.Children.toArray(children).filter(Boolean);
+    const elements = React5.Children.toArray(children).filter(Boolean);
     return elements.map((child, index) => {
-      if (!React4.isValidElement(child)) {
+      if (!React5.isValidElement(child)) {
         return null;
       }
       const key = child.props.value ?? String(index);
@@ -893,7 +905,7 @@ var Autocomplete = ({
       handleItemSelection(item.key, item.labelText);
       itemProps.onSelected?.();
     };
-    return React4.cloneElement(item.element, {
+    return React5.cloneElement(item.element, {
       key: item.key,
       isDisabled: itemDisabled,
       isSelected: itemSelected,
@@ -904,10 +916,10 @@ var Autocomplete = ({
   const isLabelInside = labelPlacement === "inside";
   const isLabelOutsideLeft = labelPlacement === "outside-left";
   const isLabelOutside = labelPlacement === "outside" || labelPlacement === "outside-top";
-  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ React4.createElement(Text3, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ React4.createElement(View4, null, label) : null;
+  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ React5.createElement(Text3, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ React5.createElement(View4, null, label) : null;
   const shouldShowHelper = Boolean(description || errorMessage);
   const helperContent = isInvalid && errorMessage ? errorMessage : description;
-  const triggerContent = /* @__PURE__ */ React4.createElement(
+  const triggerContent = /* @__PURE__ */ React5.createElement(
     AutocompleteTrigger,
     {
       triggerRef,
@@ -932,7 +944,7 @@ var Autocomplete = ({
     }
   );
   const labelBlock = isLabelOutside || isLabelInside ? renderLabel : null;
-  return /* @__PURE__ */ React4.createElement(View4, { style: [styles.container, fullWidth ? styles.fullWidth : styles.minWidth] }, isLabelOutside && labelBlock, isLabelOutsideLeft ? /* @__PURE__ */ React4.createElement(View4, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent, shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ React4.createElement(Text3, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ React4.createElement(View4, null, helperContent) : null, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(View4, { style: [styles.container, fullWidth ? styles.fullWidth : styles.minWidth] }, isLabelOutside && labelBlock, isLabelOutsideLeft ? /* @__PURE__ */ React5.createElement(View4, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent, shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ React5.createElement(Text3, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ React5.createElement(View4, null, helperContent) : null, /* @__PURE__ */ React5.createElement(
     AutocompleteDialog,
     {
       visible: isOpen,
@@ -946,12 +958,12 @@ var Autocomplete = ({
       onClose: () => setOpen(false),
       onCheckmark: handleCheckmark
     },
-    /* @__PURE__ */ React4.createElement(AutocompleteContext.Provider, { value: { size, themeColor, isDisabled } }, showEmptyMessage ? /* @__PURE__ */ React4.createElement(Text3, { style: [styles.emptyMessage, { color: theme.colors.foreground }] }, "No results found") : listItems)
+    /* @__PURE__ */ React5.createElement(AutocompleteContext.Provider, { value: { size, themeColor, isDisabled } }, showEmptyMessage ? /* @__PURE__ */ React5.createElement(Text3, { style: [styles.emptyMessage, { color: theme.colors.foreground }] }, "No results found") : listItems)
   ));
 };
 
 // src/components/autocomplete/autocomplete-item.tsx
-import React5, { useContext as useContext2 } from "react";
+import React6, { useContext as useContext2 } from "react";
 import { Pressable as Pressable4, Text as Text4, View as View5 } from "react-native";
 
 // src/components/autocomplete/autocomplete-item.style.ts
@@ -1081,7 +1093,7 @@ var AutocompleteItem = ({
     }
     onSelected?.();
   };
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(
     Pressable4,
     {
       onPress: handlePress,
@@ -1098,7 +1110,7 @@ var AutocompleteItem = ({
       ]
     },
     startContent,
-    /* @__PURE__ */ React5.createElement(View5, { style: styles3.content }, /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(View5, { style: styles3.content }, /* @__PURE__ */ React6.createElement(
       Text4,
       {
         style: [
@@ -1108,7 +1120,7 @@ var AutocompleteItem = ({
         ]
       },
       label
-    ), description && /* @__PURE__ */ React5.createElement(
+    ), description && /* @__PURE__ */ React6.createElement(
       Text4,
       {
         style: [

package/dist/{components/avatar/avatar.type.d.mts → avatar/index.d.cts}

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
-import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-import type { Radius, Size, ThemeColor } from '../../types';
-export type AvatarSize = Size | number;
+import React, { ReactNode } from 'react';
+import { ViewStyle, ImageStyle, TextStyle } from 'react-native';
+import { S as Size, R as Radius, T as ThemeColor } from '../index-BOw6tbkc.cjs';
+
+type AvatarSize = Size | number;
 type AvatarCustomAppearance = {
     /**
      * Custom styles for the container
@@ -16,7 +17,7 @@ type AvatarCustomAppearance = {
      */
     text?: TextStyle;
 };
-export type AvatarProps = {
+type AvatarProps = {
     /**
      * Avatar image source URL.
      */
@@ -69,7 +70,7 @@ export type AvatarProps = {
      */
     customAppearance?: AvatarCustomAppearance;
 };
-export type AvatarGroupProps = {
+type AvatarGroupProps = {
     children?: ReactNode;
     /**
      * Max avatars to display before showing count.
@@ -114,5 +115,9 @@ export type AvatarGroupProps = {
         container?: ViewStyle;
     };
 };
-export {};
-//# sourceMappingURL=avatar.type.d.ts.map
+
+declare const Avatar: React.FC<AvatarProps>;
+
+declare const AvatarGroup: React.FC<AvatarGroupProps>;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps };

package/dist/avatar/index.d.ts

@@ -1,4 +1,123 @@
-export { Avatar } from './avatar';
-export { AvatarGroup } from './avatar-group';
-export type { AvatarProps, AvatarGroupProps } from './avatar.type';
-//# sourceMappingURL=index.d.ts.map
+import React, { ReactNode } from 'react';
+import { ViewStyle, ImageStyle, TextStyle } from 'react-native';
+import { S as Size, R as Radius, T as ThemeColor } from '../index-BOw6tbkc.js';
+
+type AvatarSize = Size | number;
+type AvatarCustomAppearance = {
+    /**
+     * Custom styles for the container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the image
+     */
+    image?: ImageStyle;
+    /**
+     * Custom styles for the fallback text
+     */
+    text?: TextStyle;
+};
+type AvatarProps = {
+    /**
+     * Avatar image source URL.
+     */
+    src?: string;
+    /**
+     * Avatar name used for initials fallback.
+     */
+    name?: string;
+    /**
+     * Custom icon rendered when no image is available.
+     */
+    icon?: ReactNode;
+    /**
+     * Custom fallback rendered when no image is available.
+     */
+    fallback?: ReactNode;
+    /**
+     * Avatar size preset or custom number.
+     * @default 'md'
+     */
+    size?: AvatarSize;
+    /**
+     * Avatar radius.
+     * @default 'full'
+     */
+    radius?: Radius;
+    /**
+     * Theme color for avatar background and text.
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Show border around avatar.
+     */
+    isBordered?: boolean;
+    /**
+     * Disabled state.
+     */
+    isDisabled?: boolean;
+    /**
+     * Show fallback content when image is missing or fails.
+     * @default false
+     */
+    showFallback?: boolean;
+    /**
+     * Custom initials generator.
+     */
+    getInitials?: (name: string) => string;
+    /**
+     * Custom appearance styles for avatar parts
+     */
+    customAppearance?: AvatarCustomAppearance;
+};
+type AvatarGroupProps = {
+    children?: ReactNode;
+    /**
+     * Max avatars to display before showing count.
+     */
+    max?: number;
+    /**
+     * Total avatars count if different from children length.
+     */
+    total?: number;
+    /**
+     * Shared avatar size.
+     */
+    size?: AvatarSize;
+    /**
+     * Shared avatar radius.
+     */
+    radius?: Radius;
+    /**
+     * Shared theme color.
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Show border around avatars.
+     */
+    isBordered?: boolean;
+    /**
+     * Disabled state for all avatars.
+     */
+    isDisabled?: boolean;
+    /**
+     * Render avatars in a grid layout.
+     */
+    isGrid?: boolean;
+    /**
+     * Custom renderer for the count avatar.
+     */
+    renderCount?: (count: number) => ReactNode;
+    /**
+     * Custom appearance styles for group container
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+    };
+};
+
+declare const Avatar: React.FC<AvatarProps>;
+
+declare const AvatarGroup: React.FC<AvatarGroupProps>;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps };

package/dist/avatar/index.js

@@ -1,7 +1,6 @@
-import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-URBEEDFX.js";
 
 // src/components/avatar/avatar.tsx
 import React from "react";

package/dist/{components/badge/badge.type.d.mts → badge/index.d.cts}

@@ -1,9 +1,10 @@
-import type { ReactNode } from 'react';
-import type { TextStyle, ViewStyle } from 'react-native';
-import type { Radius, ThemeColor } from '../../types';
-export type BadgeVariant = 'solid' | 'flat' | 'faded' | 'shadow';
-export type BadgeSize = 'sm' | 'md' | 'lg';
-export type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { T as ThemeColor, R as Radius } from '../index-BOw6tbkc.cjs';
+
+type BadgeVariant = 'solid' | 'flat' | 'faded' | 'shadow';
+type BadgeSize = 'sm' | 'md' | 'lg';
+type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
 type BadgeCustomAppearance = {
     /**
      * Custom styles for the container
@@ -18,7 +19,7 @@ type BadgeCustomAppearance = {
      */
     text?: TextStyle;
 };
-export type BadgeProps = {
+type BadgeProps = {
     /**
      * Content rendered inside the badge.
      */
@@ -87,5 +88,7 @@ export type BadgeProps = {
      */
     children?: ReactNode;
 };
-export {};
-//# sourceMappingURL=badge.type.d.ts.map
+
+declare const Badge: React.FC<BadgeProps>;
+
+export { Badge, type BadgeProps };

package/dist/badge/index.d.ts

@@ -1,3 +1,94 @@
-export { Badge } from './badge';
-export type { BadgeProps } from './badge.type';
-//# sourceMappingURL=index.d.ts.map
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { T as ThemeColor, R as Radius } from '../index-BOw6tbkc.js';
+
+type BadgeVariant = 'solid' | 'flat' | 'faded' | 'shadow';
+type BadgeSize = 'sm' | 'md' | 'lg';
+type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+type BadgeCustomAppearance = {
+    /**
+     * Custom styles for the container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the badge
+     */
+    badge?: ViewStyle;
+    /**
+     * Custom styles for the text
+     */
+    text?: TextStyle;
+};
+type BadgeProps = {
+    /**
+     * Content rendered inside the badge.
+     */
+    content?: ReactNode;
+    /**
+     * The badge color.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The badge variant.
+     * @default 'solid'
+     */
+    variant?: BadgeVariant;
+    /**
+     * The badge size.
+     * @default 'md'
+     */
+    size?: BadgeSize;
+    /**
+     * The badge radius.
+     * @default 'full'
+     */
+    radius?: Radius;
+    /**
+     * Placement relative to children.
+     * @default 'top-right'
+     */
+    placement?: BadgePlacement;
+    /**
+     * Show outline around badge.
+     * @default true
+     */
+    showOutline?: boolean;
+    /**
+     * Disable outline around badge.
+     * @default false
+     */
+    disableOutline?: boolean;
+    /**
+     * Hide the badge.
+     * @default false
+     */
+    isInvisible?: boolean;
+    /**
+     * Render dot style badge.
+     * @default false
+     */
+    isDot?: boolean;
+    /**
+     * Render badge as one character size.
+     * @default false
+     */
+    isOneChar?: boolean;
+    /**
+     * Disable badge animation.
+     * @default false
+     */
+    disableAnimation?: boolean;
+    /**
+     * Custom appearance styles for badge parts
+     */
+    customAppearance?: BadgeCustomAppearance;
+    /**
+     * Wrapped component.
+     */
+    children?: ReactNode;
+};
+
+declare const Badge: React.FC<BadgeProps>;
+
+export { Badge, type BadgeProps };

package/dist/badge/index.js

@@ -1,7 +1,6 @@
-import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-URBEEDFX.js";
 
 // src/components/badge/badge.tsx
 import React from "react";

package/dist/{components/bottom-sheet/bottom-sheet.type.d.mts → bottom-sheet/index.d.cts}

@@ -1,8 +1,9 @@
-import type { ReactNode } from 'react';
-import type { ViewStyle } from 'react-native';
-import type { Radius, ThemeColor } from '../../types';
-export type BottomSheetSnapPoint = number | string;
-export type BottomSheetProps = {
+import React, { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+import { T as ThemeColor, R as Radius } from '../index-BOw6tbkc.cjs';
+
+type BottomSheetSnapPoint = number | string;
+type BottomSheetProps = {
     /**
      * Content to render inside the bottom sheet.
      */
@@ -67,7 +68,7 @@ export type BottomSheetProps = {
      */
     handleContent?: ReactNode;
 } & BottomSheetEvents;
-export type BottomSheetEvents = {
+type BottomSheetEvents = {
     /**
      * Called when the sheet is closed.
      */
@@ -77,4 +78,7 @@ export type BottomSheetEvents = {
      */
     onSnapChange?: (index: number) => void;
 };
-//# sourceMappingURL=bottom-sheet.type.d.ts.map
+
+declare const BottomSheet: React.FC<BottomSheetProps>;
+
+export { BottomSheet, type BottomSheetEvents, type BottomSheetProps, type BottomSheetSnapPoint };