react-native-system-ui 0.0.1-beta0 → 0.0.2

package/dist/types/components/overlay/OverlayStackStore.d.ts

@@ -0,0 +1,39 @@
+export interface OverlayStackEntry {
+    key: number;
+    zIndex: number;
+    onClose?: () => void;
+    closeOnBack?: boolean;
+    lockScroll?: boolean;
+    type?: string;
+    meta?: Record<string, any>;
+}
+export type OverlayStackSnapshot = readonly OverlayStackEntry[];
+export interface OverlayStackMountOptions {
+    onClose?: () => void;
+    closeOnBack?: boolean;
+    lockScroll?: boolean;
+    type?: string;
+    zIndex?: number;
+    meta?: Record<string, any>;
+}
+type Listener = () => void;
+export declare class OverlayStackStore {
+    private readonly baseZIndex;
+    private readonly zIndexStep;
+    private listeners;
+    private entries;
+    private keySeed;
+    constructor(baseZIndex?: number, zIndexStep?: number);
+    subscribe: (listener: Listener) => () => void;
+    getSnapshot: () => OverlayStackSnapshot;
+    mount: (options: OverlayStackMountOptions) => OverlayStackEntry;
+    update: (key: number, options: Partial<OverlayStackMountOptions>) => OverlayStackEntry | undefined;
+    unmount: (key: number) => void;
+    peek: () => OverlayStackEntry | undefined;
+    size: () => number;
+    getBaseZIndex: () => number;
+    private resolveZIndex;
+    private emit;
+}
+export declare const overlayStackStore: OverlayStackStore;
+export {};

package/dist/types/components/overlay/index.d.ts

@@ -0,0 +1,6 @@
+import Overlay from './Overlay';
+export type { OverlayProps } from './types';
+export { Overlay };
+export default Overlay;
+export * from './OverlayStackStore';
+export * from './useOverlayStack';

package/dist/types/components/overlay/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from '../../design-system/tokens';
+import type { OverlayTokens } from './types';
+export declare const createOverlayTokens: (_foundations: Foundations) => OverlayTokens;
+export declare const useOverlayTokens: (overrides?: import("../..").DeepPartial<OverlayTokens> | undefined) => OverlayTokens;

package/dist/types/components/overlay/useOverlayStack.d.ts

@@ -0,0 +1,10 @@
+import type { OverlayStackMountOptions } from './OverlayStackStore';
+export interface UseOverlayStackOptions extends OverlayStackMountOptions {
+    visible: boolean;
+}
+export interface UseOverlayStackResult {
+    entryKey: number | null;
+    zIndex?: number;
+    isTopMost: boolean;
+}
+export declare const useOverlayStack: ({ visible, ...options }: UseOverlayStackOptions) => UseOverlayStackResult;

package/dist/types/components/pagination/Pagination.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { PaginationProps } from './types';
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<View>>;
+export default Pagination;

package/dist/types/components/pagination/index.d.ts

@@ -0,0 +1,5 @@
+import Pagination from './Pagination';
+export type { PaginationProps, PaginationMode, PaginationPageItem } from './types';
+export { usePaginationTokens } from './tokens';
+export default Pagination;
+export { Pagination };

package/dist/types/components/pagination/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { PaginationTokens } from './types';
+export declare const usePaginationTokens: (overrides?: import("../..").DeepPartial<PaginationTokens> | undefined) => PaginationTokens;

package/dist/types/components/password-input/PasswordInput.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { type TextStyle } from 'react-native';
+import type { PasswordInputProps, PasswordInputRef } from './types';
+export interface PasswordInputTokens {
+    colors: {
+        border: string;
+        text: string;
+        muted: string;
+        error: string;
+        cursor: string;
+        background: string;
+    };
+    radii: {
+        wrapper: number;
+    };
+    sizing: {
+        cellHeight: number;
+        cellTextSize: number;
+        maskSize: number;
+        cursorWidth: number;
+        cursorHeightRatio: number;
+        cursorTopRatio: number;
+    };
+    typography: {
+        fontFamily: string;
+        cellTextWeight: TextStyle['fontWeight'];
+        infoSize: number;
+        infoLineHeight: number;
+        infoWeight: TextStyle['fontWeight'];
+    };
+    opacity: {
+        disabled: number;
+    };
+    spacing: {
+        infoMarginTop: number;
+    };
+}
+declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<PasswordInputRef>>;
+export default PasswordInput;

package/dist/types/components/password-input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './PasswordInput';
+export type { PasswordInputProps, PasswordInputRef } from './types';

package/dist/types/components/picker/Picker.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { PickerColumns, PickerOption, PickerProps } from './types';
+export declare function usePickerValue({ columns, valueProp, defaultValue, emitConfirmOnAutoSelect, onChange, onConfirm, }: {
+    columns?: PickerColumns;
+    valueProp?: PickerProps['value'];
+    defaultValue?: PickerProps['defaultValue'];
+    emitConfirmOnAutoSelect?: boolean;
+    onChange?: PickerProps['onChange'];
+    onConfirm?: PickerProps['onConfirm'];
+}): {
+    normalized: import("./utils").NormalizedPickerResult;
+    handleSelect: (option: PickerOption, columnIndex: number) => void;
+    handleConfirm: () => void;
+};
+declare const Picker: React.FC<PickerProps>;
+export default Picker;

package/dist/types/components/picker/WheelPicker.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { PickerOption } from './types';
+type WheelPickerRender<T> = (item: T | null, index: number) => React.ReactNode;
+export type WheelPickerProps<T extends PickerOption = PickerOption> = {
+    data: T[];
+    selectedIndex: number;
+    onChange: (index: number) => void;
+    onInteractStart?: () => void;
+    onInteractEnd?: () => void;
+    renderItem: WheelPickerRender<T>;
+    itemHeight: number;
+    visibleRest: number;
+    readOnly?: boolean;
+    indicatorColor: string;
+    decelerationRate?: 'normal' | 'fast' | number;
+    scrollEventThrottle?: number;
+    swipeDuration?: number;
+};
+declare const WheelPickerInner: <T extends PickerOption>({ data, selectedIndex, onChange, onInteractStart, onInteractEnd, renderItem, itemHeight, visibleRest, readOnly, indicatorColor, decelerationRate, scrollEventThrottle, swipeDuration, }: WheelPickerProps<T>) => React.JSX.Element;
+declare const WheelPicker: typeof WheelPickerInner;
+export default WheelPicker;

package/dist/types/components/picker/index.d.ts

@@ -0,0 +1,4 @@
+import Picker from './Picker';
+export default Picker;
+export { Picker };
+export type { PickerProps, PickerOption, PickerValue, PickerColumn, PickerColumns, PickerColumnWithDefault, PickerInteractionMode, PickerToolbarPosition, } from './types';

package/dist/types/components/picker/tokens.d.ts

@@ -0,0 +1,37 @@
+import type { PickerToolbarPosition } from './types';
+import type { TextStyle } from 'react-native';
+export interface PickerTokens {
+    defaults: {
+        itemHeight: number;
+        visibleItemCount: number;
+        showToolbar: boolean;
+        toolbarPosition: PickerToolbarPosition;
+        swipeDuration: number;
+        maskType: 'gradient' | 'solid';
+    };
+    colors: {
+        background: string;
+        indicator: string;
+        text: string;
+        textMuted: string;
+        textDisabled: string;
+        confirm: string;
+        cancel: string;
+        mask: string;
+    };
+    spacing: {
+        toolbarHeight: number;
+        actionPadding: number;
+    };
+    typography: {
+        optionSize: number;
+        toolbarSize: number;
+        fontFamily: string;
+        optionWeight: TextStyle['fontWeight'];
+        toolbarWeight: TextStyle['fontWeight'];
+    };
+    radius: {
+        toolbar: number;
+    };
+}
+export declare const usePickerTokens: (overrides?: import("../..").DeepPartial<PickerTokens> | undefined) => PickerTokens;

package/dist/types/components/picker/utils.d.ts

@@ -0,0 +1,17 @@
+import type { PickerColumns, PickerOption, PickerValue } from './types';
+export interface NormalizedPickerResult {
+    columns: PickerOption[][];
+    values: PickerValue[];
+    options: (PickerOption | undefined)[];
+}
+export interface PreparedPickerColumns {
+    type: 'single' | 'multiple' | 'cascade';
+    columnsList: PickerOption[][];
+    defaults: (PickerValue | undefined)[];
+    cascadeRoot?: PickerOption[];
+}
+export declare const toArrayValue: (value?: PickerValue[] | PickerValue | null) => PickerValue[];
+export declare const findEnabledIndex: (options: PickerOption[], startIndex: number) => number;
+export declare const prepareColumns: (columnsInput?: PickerColumns) => PreparedPickerColumns;
+export declare const normalizePicker: (prepared: PreparedPickerColumns, rawValueInput?: PickerValue[]) => NormalizedPickerResult;
+export declare const shallowEqualArray: (a?: PickerValue[], b?: PickerValue[]) => boolean;

package/dist/types/components/popup/Popup.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Animated, type StyleProp, type ViewStyle, type ViewProps } from 'react-native';
+import type { DeepPartial } from '../../types';
+import type { PopupTokens } from './tokens';
+export type PopupPlacement = 'top' | 'bottom' | 'left' | 'right' | 'center';
+export type PopupCloseIconPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface PopupProps extends ViewProps {
+    visible: boolean;
+    position?: PopupPlacement;
+    placement?: PopupPlacement;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    tokensOverride?: DeepPartial<PopupTokens>;
+    overlay?: boolean;
+    overlayStyle?: StyleProp<ViewStyle>;
+    overlayAccessibilityLabel?: string;
+    closeOnOverlayPress?: boolean;
+    closeOnClickOverlay?: boolean;
+    overlayTestID?: string;
+    closeable?: boolean;
+    closeIcon?: React.ReactNode;
+    closeIconPosition?: PopupCloseIconPosition;
+    stopPropagation?: boolean;
+    round?: boolean;
+    safeArea?: boolean;
+    safeAreaInsetTop?: boolean;
+    safeAreaInsetBottom?: boolean;
+    lockScroll?: boolean;
+    destroyOnClose?: boolean;
+    duration?: number;
+    zIndex?: number;
+    closeOnBackPress?: boolean;
+    closeOnPopstate?: boolean;
+    children?: React.ReactNode;
+    beforeClose?: (reason: 'close-icon' | 'overlay' | 'close') => boolean | Promise<boolean>;
+    onClickOverlay?: () => void;
+    onClose?: () => void;
+    onOpen?: () => void;
+    onOpened?: () => void;
+    onClosed?: () => void;
+    contentAnimationStyle?: Animated.WithAnimatedObject<ViewStyle>;
+}
+export declare const Popup: React.FC<PopupProps>;
+export default Popup;

package/dist/types/components/popup/index.d.ts

@@ -0,0 +1,4 @@
+import Popup from './Popup';
+export type { PopupProps, PopupPlacement, PopupCloseIconPosition } from './Popup';
+export default Popup;
+export { Popup };

package/dist/types/components/popup/tokens.d.ts

@@ -0,0 +1,46 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import { type Foundations } from '../../design-system/tokens';
+export interface PopupTokens {
+    colors: {
+        overlay: string;
+        background: string;
+        title: string;
+        description: string;
+        closeIcon: string;
+    };
+    radius: {
+        round: number;
+        shadow: number;
+    };
+    spacing: {
+        padding: number;
+        titleTop: number;
+        titleBottom: number;
+        descriptionHorizontal: number;
+        descriptionBottom: number;
+        closeIconTop: number;
+        closeIconRight: number;
+        closeIconSize: number;
+    };
+    typography: {
+        titleSize: number;
+        titleWeight: TextStyle['fontWeight'];
+        descriptionSize: number;
+        descriptionLineHeight: number;
+    };
+    shadow: {
+        color: string;
+        opacity: number;
+        radius: number;
+        offsetY: number;
+        elevation: number;
+    };
+    layout: {
+        maxWidth: number;
+        minWidth: number;
+        centerMaxWidth: number;
+        sideWidth: ViewStyle['width'];
+    };
+}
+export declare const createPopupTokens: (foundations: Foundations) => PopupTokens;
+export declare const usePopupTokens: (overrides?: import("../..").DeepPartial<PopupTokens> | undefined) => PopupTokens;

package/dist/types/components/portal/Portal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PortalHost } from './PortalHost';
+export interface PortalProps {
+    children?: React.ReactNode;
+}
+export declare const Portal: React.FC<PortalProps> & {
+    Host: typeof PortalHost;
+    add: (children: React.ReactNode, key?: number) => number;
+    remove: (key: number) => void;
+    update: (key: number, children: React.ReactNode) => void;
+    clear: () => void;
+};
+export default Portal;

package/dist/types/components/portal/PortalContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface PortalManager {
+    mount: (children: React.ReactNode, key?: number) => number;
+    update: (key: number, children: React.ReactNode) => void;
+    unmount: (key: number) => void;
+}
+export declare const PortalContext: React.Context<PortalManager | null>;

package/dist/types/components/portal/PortalHost.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { type PortalManager } from './PortalContext';
+interface PortalEntry {
+    key: number;
+    children: React.ReactNode;
+    zIndex?: number;
+}
+export interface PortalHostProps {
+    children?: React.ReactNode;
+    fixed?: boolean;
+}
+export declare class PortalHost extends React.Component<PortalHostProps> {
+    private layer;
+    componentWillUnmount(): void;
+    private readonly setLayerRef;
+    render(): React.JSX.Element;
+}
+export declare const ensureGlobalPortalHost: () => Promise<void>;
+export declare const portalManager: PortalManager;
+export declare const portalStore: {
+    clear: () => void;
+    getSnapshot: () => PortalEntry[];
+    hasHosts: () => boolean;
+};
+export {};

package/dist/types/components/portal/index.d.ts

@@ -0,0 +1,3 @@
+export { PortalHost } from './PortalHost';
+export { Portal } from './Portal';
+export { portalManager } from './PortalHost';

package/dist/types/components/progress/Progress.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ProgressProps } from './types';
+export declare const Progress: React.MemoExoticComponent<(props: ProgressProps) => React.JSX.Element>;
+export default Progress;

package/dist/types/components/progress/index.d.ts

@@ -0,0 +1,3 @@
+import { Progress } from './Progress';
+export type { ProgressProps } from './types';
+export default Progress;

package/dist/types/components/progress/tokens.d.ts

@@ -0,0 +1,4 @@
+import { type Foundations } from '../../design-system/tokens';
+import type { ProgressTokens } from './types';
+export declare const createProgressTokens: (foundations: Foundations) => ProgressTokens;
+export declare const useProgressTokens: (overrides?: import("../..").DeepPartial<ProgressTokens> | undefined) => ProgressTokens;

package/dist/types/components/pull-refresh/PullRefresh.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import type { PullRefreshProps } from './types';
+declare const PullRefresh: React.ForwardRefExoticComponent<PullRefreshProps & React.RefAttributes<ScrollView>>;
+export default PullRefresh;

package/dist/types/components/pull-refresh/index.d.ts

@@ -0,0 +1,4 @@
+import PullRefresh from './PullRefresh';
+export type { PullRefreshProps } from './types';
+export { usePullRefreshTokens } from './tokens';
+export default PullRefresh;

package/dist/types/components/pull-refresh/tokens.d.ts

@@ -0,0 +1,10 @@
+export interface PullRefreshTokens {
+    colors: {
+        text: string;
+        success: string;
+    };
+    sizing: {
+        headHeight: number;
+    };
+}
+export declare const usePullRefreshTokens: (overrides?: import("../..").DeepPartial<PullRefreshTokens> | undefined) => PullRefreshTokens;

package/dist/types/components/radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { RadioProps } from './types';
+export declare const Radio: React.MemoExoticComponent<(props: RadioProps) => React.JSX.Element>;

package/dist/types/components/radio/RadioContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { RadioGroupState } from '@react-stately/radio';
+import type { RadioGroupDirection, RadioValue } from './types';
+export interface RadioGroupContextValue {
+    state: RadioGroupState;
+    direction: RadioGroupDirection;
+    iconSize?: number | string;
+    checkedColor?: string;
+    labelDisabled?: boolean;
+    registerValue: (key: string, raw: RadioValue) => void;
+    unregisterValue: (key: string) => void;
+}
+export declare const RadioGroupContext: React.Context<RadioGroupContextValue | null>;

package/dist/types/components/radio/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { RadioGroupProps } from './types';
+export declare const RadioGroup: React.FC<RadioGroupProps>;

package/dist/types/components/radio/index.d.ts

@@ -0,0 +1,7 @@
+import { Radio as RadioBase } from './Radio';
+import { RadioGroup } from './RadioGroup';
+declare const Radio: typeof RadioBase & {
+    Group: typeof RadioGroup;
+};
+export { Radio, RadioGroup };
+export type { RadioProps, RadioGroupProps } from './types';

package/dist/types/components/radio/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { RadioTokens } from './types';
+export declare const useRadioTokens: (overrides?: import("../..").DeepPartial<RadioTokens> | undefined) => RadioTokens;

package/dist/types/components/rate/Rate.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { RateProps } from './types';
+export declare const Rate: React.MemoExoticComponent<(props: RateProps) => React.JSX.Element>;
+export default Rate;

package/dist/types/components/rate/index.d.ts

@@ -0,0 +1,4 @@
+import Rate from './Rate';
+export default Rate;
+export { Rate };
+export type { RateProps } from './types';

package/dist/types/components/rate/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from '../../design-system/tokens';
+import type { RateTokens } from './types';
+export declare const createRateTokens: (foundations: Foundations) => RateTokens;
+export declare const useRateTokens: (overrides?: import("../..").DeepPartial<RateTokens> | undefined) => RateTokens;

package/dist/types/components/safe-area/SafeAreaClipper.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+interface UseSafeAreaClipOptions {
+    enabled?: boolean;
+    position?: 'top' | 'bottom';
+    topInsetStyle?: {
+        backgroundColor?: string;
+    };
+}
+export interface SafeAreaClipperProps {
+    /** 是否开启顶部安全区域裁切 */
+    clipTop?: boolean;
+    /** 样式 */
+    style?: StyleProp<ViewStyle>;
+    /** 内容 */
+    children: React.ReactNode;
+    /** 位置 */
+    position?: 'top' | 'bottom';
+}
+export interface SafeAreaClipProviderProps {
+    enabled?: boolean;
+    position?: 'top' | 'bottom';
+    style?: StyleProp<ViewStyle>;
+    topInsetStyle?: {
+        backgroundColor?: string;
+    };
+    children: (args: {
+        clipTop: boolean;
+        topInset: React.ReactNode;
+    }) => React.ReactNode;
+}
+export declare const useSafeAreaClip: ({ enabled, position, topInsetStyle, }: UseSafeAreaClipOptions) => {
+    clipTop: boolean;
+    topInset: React.JSX.Element | null;
+};
+/**
+ * 通用安全区域裁切容器
+ * 逻辑：通过 padding 将内容推到安全区域下方，并利用 overflow: hidden 实现物理裁切
+ */
+export declare const SafeAreaClipper: React.FC<SafeAreaClipperProps>;
+/**
+ * 通用安全区域裁切 Provider
+ * - 内部统一处理裁切与顶部占位
+ * - 组件侧只需渲染 topInset 即可
+ */
+export declare const SafeAreaClipProvider: React.FC<SafeAreaClipProviderProps>;
+export default SafeAreaClipper;

package/dist/types/components/safe-area/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View, type LayoutChangeEvent } from 'react-native';
+export { SafeAreaClipper, SafeAreaClipProvider, useSafeAreaClip } from './SafeAreaClipper';
+export interface SafeAreaOpts {
+    safeArea?: boolean;
+    safeAreaInsetTop?: boolean;
+    safeAreaInsetBottom?: boolean;
+}
+export declare const renderWithSafeArea: (children: React.ReactNode, opts: SafeAreaOpts, safeAreaTopRef?: React.RefObject<View>, onSafeAreaTopLayout?: (event: LayoutChangeEvent) => void) => React.JSX.Element;

package/dist/types/components/search/Search.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SearchProps, SearchRef } from './types';
+export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<SearchRef>>;
+export default Search;

package/dist/types/components/search/index.d.ts

@@ -0,0 +1,4 @@
+import Search from './Search';
+export default Search;
+export { Search };
+export type { SearchProps, SearchRef, SearchShape } from './types';

package/dist/types/components/search/tokens.d.ts

@@ -0,0 +1,40 @@
+import type { TextStyle } from 'react-native';
+import type { SearchShape } from './types';
+export interface SearchTokens {
+    defaults: {
+        shape: SearchShape;
+        clearTrigger: 'always' | 'focus';
+    };
+    colors: {
+        background: string;
+        contentBackground: string;
+        label: string;
+        action: string;
+        icon: string;
+    };
+    spacing: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        labelGap: number;
+        actionGap: number;
+        contentPaddingHorizontal: number;
+        contentPaddingVertical: number;
+    };
+    radius: {
+        square: number;
+        round: number;
+    };
+    typography: {
+        label: number;
+        labelWeight: NonNullable<TextStyle['fontWeight']>;
+        action: number;
+        actionWeight: NonNullable<TextStyle['fontWeight']>;
+    };
+    opacity: {
+        actionPressed: number;
+    };
+    icon: {
+        size: number;
+    };
+}
+export declare const useSearchTokens: (overrides?: import("../..").DeepPartial<SearchTokens> | undefined) => SearchTokens;

package/dist/types/components/selector/Selector.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SelectorProps, SelectorValue } from './types';
+type SelectorComponent = (<V extends SelectorValue>(props: SelectorProps<V>) => React.ReactElement) & {
+    displayName?: string;
+};
+export declare const Selector: SelectorComponent;
+export default Selector;

package/dist/types/components/selector/index.d.ts

@@ -0,0 +1,4 @@
+import Selector from './Selector';
+export default Selector;
+export { Selector };
+export type { SelectorProps, SelectorOption, SelectorValue } from './types';

package/dist/types/components/selector/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { SelectorTokens } from './types';
+export declare const useSelectorTokens: (overrides?: import("../..").DeepPartial<SelectorTokens> | undefined) => SelectorTokens;

package/dist/types/components/share-sheet/ShareSheet.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ShareSheetProps } from './types';
+declare const ShareSheet: React.FC<ShareSheetProps>;
+export default ShareSheet;

package/dist/types/components/share-sheet/index.d.ts

@@ -0,0 +1,4 @@
+import ShareSheet from './ShareSheet';
+export type { ShareSheetProps, ShareSheetOption, ShareSheetOptions } from './types';
+export { useShareSheetTokens } from './tokens';
+export default ShareSheet;