@ledgerhq/lumen-ui-rnative 0.1.3 → 0.1.5

package/dist/src/lib/Components/AmountInput/AmountInput.stories.js

@@ -1,186 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { View } from 'react-native';
-import { AmountInput } from './AmountInput';
-const meta = {
-    component: AmountInput,
-    title: 'Input/AmountInput',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        currencyText: {
-            control: 'text',
-            description: 'Currency text to display (e.g. USD, EUR, $)',
-        },
-        currencyPosition: {
-            control: 'radio',
-            options: ['left', 'right'],
-            description: 'Position of the currency text',
-        },
-        allowDecimals: {
-            control: 'boolean',
-            description: 'Whether to allow decimal values',
-        },
-        thousandsSeparator: {
-            control: 'boolean',
-            description: 'Whether to display thousands separator',
-        },
-        maxIntegerLength: {
-            control: 'number',
-            description: 'Maximum digits for integer part',
-        },
-        maxDecimalLength: {
-            control: 'number',
-            description: 'Maximum digits for decimal part',
-        },
-        isInvalid: {
-            control: 'boolean',
-            description: 'Whether the input is in error state',
-        },
-        editable: {
-            control: 'boolean',
-            description: 'Whether the input is editable',
-        },
-    },
-};
-export default meta;
-const AmountInputStory = (args) => {
-    const [value, setValue] = useState(args.value?.toString() ?? '');
-    return (_jsx(View, { style: {
-            flex: 1,
-            minHeight: 96,
-            alignItems: 'center',
-            justifyContent: 'center',
-            padding: 24,
-        }, children: _jsx(View, { style: { width: '100%', maxWidth: 320 }, children: _jsx(AmountInput, { ...args, value: value, onChangeText: setValue }) }) }));
-};
-export const Base = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        maxIntegerLength: 9,
-        maxDecimalLength: 9,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const WithValue = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1234.56',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const CurrencyPositionLeft = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1000',
-        currencyText: '$',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const CurrencyPositionRight = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1000',
-        currencyText: 'ETH',
-        currencyPosition: 'right',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const IntegerOnly = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1234',
-        currencyText: 'items',
-        currencyPosition: 'right',
-        allowDecimals: false,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const WithThousandsSeparator = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1000000',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const WithoutThousandsSeparator = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1000000',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: false,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const ErrorState = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1234.56',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: true,
-        editable: true,
-    },
-};
-export const DisabledAmountInput = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1234.56',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: false,
-    },
-};
-export const CustomLengthLimits = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '123',
-        currencyText: '$',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        maxIntegerLength: 6,
-        maxDecimalLength: 2,
-        isInvalid: false,
-        editable: true,
-    },
-};

package/dist/src/lib/Components/Avatar/Avatar.stories.d.ts

@@ -1,22 +0,0 @@
-import { StoryObj } from '@storybook/react-native-web-vite';
-declare const meta: {
-    component: ({ lx, style, src, alt, size, showNotification, ref, ...props }: import("./types").AvatarProps) => import("react/jsx-runtime").JSX.Element;
-    title: string;
-    parameters: {
-        docs: {
-            source: {
-                language: string;
-                format: boolean;
-                type: string;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Base: Story;
-export declare const SizeShowcase: Story;
-export declare const FallbackShowcase: Story;
-export declare const NotificationShowcase: Story;
-export declare const InteractiveShowcase: Story;
-//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/src/lib/Components/Avatar/Avatar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAMlE,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAKnC,eAAO,MAAM,IAAI,EAAE,KAelB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA6B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC;AAKF,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC"}

package/dist/src/lib/Components/Avatar/Avatar.stories.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, Text, Pressable, Linking } from 'react-native';
-import { Box } from '../Utility';
-import { Avatar } from './Avatar';
-const meta = {
-    component: Avatar,
-    title: 'Communication/Avatar',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-const exampleSrc = 'https://plus.unsplash.com/premium_photo-1689551670902-19b441a6afde?q=80&w=774&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D';
-export const Base = {
-    args: {
-        src: exampleSrc,
-        alt: 'avatar',
-        size: 'md',
-        showNotification: false,
-    },
-    render: (args) => _jsx(Avatar, { ...args }),
-    parameters: {
-        docs: {
-            source: {
-                code: `<Avatar src="https://example.com" size="md" alt="avatar" showNotification={false} />`,
-            },
-        },
-    },
-};
-export const SizeShowcase = {
-    render: () => (_jsxs(Box, { lx: {
-            alignItems: 'stretch',
-            flexDirection: 'row',
-            gap: 's16',
-        }, children: [_jsxs(View, { style: { alignItems: 'center', justifyContent: 'flex-end' }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'sm', showNotification: false }), _jsx(Text, { style: { marginTop: 4 }, children: "sm" })] }), _jsxs(View, { style: { alignItems: 'center', justifyContent: 'flex-end' }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: false }), _jsx(Text, { style: { marginTop: 4 }, children: "md" })] })] })),
-};
-export const FallbackShowcase = {
-    args: {
-        src: 'https://brokenLink.random',
-        size: 'md',
-        alt: 'Fallback example',
-        showNotification: false,
-    },
-    render: (args) => _jsx(Avatar, { ...args }),
-    parameters: {
-        docs: {
-            source: {
-                code: `<Avatar src="https://brokenLink.random" size="md" alt="Fallback example" showNotification={false} />`,
-            },
-        },
-    },
-};
-export const NotificationShowcase = {
-    render: () => (_jsxs(Box, { lx: {
-            flexDirection: 'row',
-            gap: 's16',
-        }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: false }), _jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: true })] })),
-};
-const onPressRedirect = () => Linking.openURL('https://shop.ledger.com/pages/ledger-nano-gen5');
-export const InteractiveShowcase = {
-    render: () => (_jsx(Pressable, { onPress: onPressRedirect, style: ({ pressed }) => ({
-            borderRadius: 9999,
-            opacity: pressed ? 0.7 : 1,
-            backgroundColor: pressed ? 'rgba(0, 0, 0, 0.05)' : 'transparent',
-        }), children: _jsx(Avatar, { src: exampleSrc, size: 'md', showNotification: true }) })),
-};

package/dist/src/lib/Components/Banner/Banner.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Banner } from './Banner';
-declare const meta: Meta<typeof Banner>;
-export default meta;
-type Story = StoryObj<typeof Banner>;
-export declare const Base: Story;
-export declare const WithDescription: Story;
-export declare const WithActions: Story;
-export declare const WithFullFeatures: Story;
-export declare const AppearanceShowcase: Story;
-export declare const ContentVariations: Story;
-export declare const NaturalWidth: Story;
-export declare const ResponsiveLayout: Story;
-export declare const InteractiveDismiss: Story;
-export declare const InteractiveActions: Story;
-//# sourceMappingURL=Banner.stories.d.ts.map

package/dist/src/lib/Components/Banner/Banner.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Banner/Banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA4E7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KA8BlB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAgChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgF/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAuB1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAiBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsDhC,CAAC"}

package/dist/src/lib/Components/Banner/Banner.stories.js

@@ -1,268 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Button } from '../Button';
-import { Box, Text } from '../Utility';
-import { Banner } from './Banner';
-const meta = {
-    component: Banner,
-    title: 'Communication/Banner',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        appearance: {
-            control: 'select',
-            options: ['info', 'success', 'warning', 'error'],
-            description: 'The visual style appearance of the banner',
-        },
-        title: {
-            control: 'text',
-            description: 'The title of the banner',
-        },
-        description: {
-            control: 'text',
-            description: 'Optional description text',
-        },
-        primaryAction: {
-            control: 'select',
-            description: 'Primary action Button',
-            options: ['Button', 'None'],
-            mapping: {
-                Button: (_jsx(Button, { appearance: 'transparent', size: 'sm', onPress: () => console.log('Primary clicked'), children: "Primary" })),
-                None: undefined,
-            },
-        },
-        secondaryAction: {
-            control: 'select',
-            description: 'Secondary action Button',
-            options: ['Button', 'None'],
-            mapping: {
-                Button: (_jsx(Button, { appearance: 'no-background', size: 'sm', onPress: () => console.log('Secondary clicked'), children: "Secondary" })),
-                None: undefined,
-            },
-        },
-        onClose: {
-            control: 'select',
-            description: 'Close action Button',
-            options: ['With Close', 'None'],
-            mapping: {
-                'With Close': () => {
-                    console.log('Close clicked');
-                },
-                None: undefined,
-            },
-        },
-        closeAriaLabel: {
-            control: 'text',
-            description: 'Close action with onClick and ariaLabel',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        appearance: 'info',
-        title: 'Information Banner',
-        primaryAction: 'None',
-        secondaryAction: 'None',
-    },
-    render: (args) => (
-    // maxWidth container for visual presentation - not required for Banner component
-    _jsx(Box, { lx: { maxWidth: 's400' }, children: _jsx(Banner, { ...args, description: 'This is additional information about the banner.' }) })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Banner
-  appearance="info"
-  title="Information Banner"
-  onClose={() => console.log('Closed')}
-  description="This is additional information about the banner."
-/>
-`,
-            },
-        },
-    },
-};
-export const WithDescription = {
-    args: {
-        appearance: 'info',
-        title: 'Banner with Description',
-        description: 'This is additional information about the banner.',
-    },
-    render: (args) => (_jsx(Box, { lx: { maxWidth: 's400' }, children: _jsx(Banner, { ...args }) })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Banner
-  appearance="info"
-  title="Banner with Description"
-  description="This is additional information about the banner."
-  onClose={() => console.log('Closed')}
-  closeAriaLabel="Close banner"
-/>
-`,
-            },
-        },
-    },
-};
-export const WithActions = {
-    args: {
-        appearance: 'info',
-        title: 'Banner with Actions',
-        primaryAction: 'Button',
-        secondaryAction: 'Button',
-    },
-    render: (args) => (_jsx(Box, { lx: { maxWidth: 's400' }, children: _jsx(Banner, { ...args }) })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-  <Banner
-    appearance="info"
-    title="Banner with Full Features"
-    description="This is additional information about the banner."
-    primaryAction={(
-      <Button
-        appearance="gray"
-        size="sm"
-        onPress={() => console.log('Primary clicked')}
-      >
-        Primary
-      </Button>
-    )}
-    secondaryAction={(
-      <Button
-        appearance="no-background"
-        size="sm"
-        onPress={() => console.log('Secondary clicked')}
-      >
-        Secondary
-      </Button>
-    )}
-    onClose={() => console.log('Closed')}
-    closeAriaLabel="Close banner"
-  />
-  `,
-            },
-        },
-    },
-};
-export const WithFullFeatures = {
-    args: {
-        appearance: 'info',
-        title: 'Banner with Full Features',
-        description: 'This is additional information about the banner.',
-        primaryAction: (_jsx(Button, { appearance: 'gray', size: 'sm', onPress: () => console.log('Primary clicked'), children: "Primary" })),
-        secondaryAction: (_jsx(Button, { appearance: 'no-background', size: 'sm', onPress: () => console.log('Secondary clicked'), children: "Secondary" })),
-        onClose: () => console.log('Closed'),
-        closeAriaLabel: 'Close banner',
-    },
-    render: (args) => (_jsx(Box, { lx: { maxWidth: 's400' }, children: _jsx(Banner, { ...args }) })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-  <Banner
-    appearance="info"
-    title="Banner with Full Features"
-    description="This is additional information about the banner."
-    primaryAction={(
-      <Button
-        appearance="gray"
-        size="sm"
-        onPress={() => console.log('Primary clicked')}
-      >
-        Primary
-      </Button>
-    )}
-    secondaryAction={(
-      <Button
-        appearance="no-background"
-        size="sm"
-        onPress={() => console.log('Secondary clicked')}
-      >
-        Secondary
-      </Button>
-    )}
-    onClose={() => console.log('Closed')}
-    closeAriaLabel="Close banner"
-  />
-  `,
-            },
-        },
-    },
-};
-export const AppearanceShowcase = {
-    render: () => {
-        const appearances = [
-            { name: 'Info', appearance: 'info' },
-            { name: 'Success', appearance: 'success' },
-            { name: 'Warning', appearance: 'warning' },
-            { name: 'Error', appearance: 'error' },
-        ];
-        return (
-        // maxWidth container for visual presentation - not required for Banner component
-        _jsx(Box, { lx: {
-                flexDirection: 'column',
-                maxWidth: 's400',
-                gap: 's16',
-                padding: 's8',
-            }, children: appearances.map(({ name, appearance }) => (_jsx(Banner, { appearance: appearance, title: `${name} Banner`, description: `${name} Banner Description`, onClose: () => console.log('Closed'), closeAriaLabel: `Close ${name} banner` }, appearance))) }));
-    },
-};
-export const ContentVariations = {
-    render: () => (_jsxs(Box, { lx: {
-            flexDirection: 'column',
-            maxWidth: 's400',
-            gap: 's16',
-            padding: 's8',
-        }, children: [_jsx(Banner, { title: 'Title Only' }), _jsx(Banner, { description: 'Description only without title' }), _jsx(Banner, { title: 'With Description', description: 'Additional details here.' }), _jsx(Banner, { title: 'With Primary Action', primaryAction: _jsx(Button, { appearance: 'gray', size: 'sm', onPress: () => console.log('Primary clicked'), children: "Primary" }) }), _jsx(Banner, { title: 'With Close', description: 'Can be dismissed', onClose: () => console.log('Closed'), closeAriaLabel: 'Close banner' }), _jsx(Banner, { title: 'With Actions and Description', description: 'Details', primaryAction: _jsx(Button, { appearance: 'gray', size: 'sm', onPress: () => console.log('Primary clicked'), children: "Primary" }), secondaryAction: _jsx(Button, { appearance: 'no-background', size: 'sm', onPress: () => console.log('Secondary clicked'), children: "Secondary" }) }), _jsx(Banner, { appearance: 'info', title: 'Banner with Full Features', description: 'This is additional information about the banner.', primaryAction: _jsx(Button, { appearance: 'gray', size: 'sm', onPress: () => console.log('Primary clicked'), children: "Primary" }), secondaryAction: _jsx(Button, { appearance: 'no-background', size: 'sm', onPress: () => console.log('Secondary clicked'), children: "Secondary" }), onClose: () => console.log('Closed'), closeAriaLabel: 'Close banner' })] })),
-};
-export const NaturalWidth = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: [_jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "Banner without container constraints - takes full parent width:" }), _jsx(Banner, { title: 'Full Width Banner', description: 'This banner demonstrates natural width behavior - it fills the full width of its parent container.', primaryAction: _jsx(Button, { appearance: 'transparent', size: 'sm', onPress: () => console.log('Action clicked'), children: "Action" }), onClose: () => console.log('Closed'), closeAriaLabel: 'Close full width banner' })] })),
-};
-export const ResponsiveLayout = {
-    render: () => (_jsxs(Box, { lx: {
-            width: 's400',
-            flexDirection: 'column',
-            gap: 's16',
-            backgroundColor: 'mutedPressed',
-            padding: 's16',
-        }, children: [_jsx(Text, { typography: 'body4SemiBold', lx: { color: 'muted' }, children: "Container with a fixed width" }), _jsx(Banner, { title: 'Short Title', description: 'Short description', onClose: () => console.log('Closed'), closeAriaLabel: 'Close short banner' }), _jsx(Banner, { title: 'Constrained Width', description: 'Banner width is controlled by a fixed width container', onClose: () => console.log('Closed'), closeAriaLabel: 'Close constrained width banner' }), _jsx(Banner, { title: 'Longer Title That Might Overflow When Container is Smaller', description: 'This is a longer description that demonstrates how the banner handles longer content within its constraints. It should be truncated at 5 lines with an ellipsis, so this line should not be visible.', onClose: () => console.log('Closed'), closeAriaLabel: 'Close overflow banner' })] })),
-};
-export const InteractiveDismiss = {
-    render: (args) => {
-        const [visible, setVisible] = React.useState(true);
-        if (!visible)
-            return _jsx(Text, { typography: 'body2', children: "Banner dismissed" });
-        return (_jsx(Box, { lx: { maxWidth: 's400' }, children: _jsx(Banner, { ...args, title: 'Click close to dismiss', onClose: () => setVisible(false), closeAriaLabel: 'Dismiss interactive banner' }) }));
-    },
-};
-export const InteractiveActions = {
-    render: (args) => {
-        const [state, setState] = React.useState('idle');
-        const handleAccept = () => {
-            setState('success');
-        };
-        const handleReject = () => {
-            setState('error');
-        };
-        return (_jsx(Box, { lx: { maxWidth: 's400' }, children: _jsx(Banner, { ...args, appearance: state === 'success'
-                    ? 'success'
-                    : state === 'error'
-                        ? 'error'
-                        : 'info', title: state === 'success'
-                    ? 'Accepted!'
-                    : state === 'error'
-                        ? 'Rejected!'
-                        : 'Banner with Action', primaryAction: state === 'idle' ? (_jsx(Button, { appearance: 'transparent', size: 'sm', onPress: handleAccept, children: "Accept" })) : undefined, secondaryAction: state === 'idle' ? (_jsx(Button, { appearance: 'no-background', size: 'sm', onPress: handleReject, children: "Reject" })) : undefined, onClose: () => setState('idle'), closeAriaLabel: 'Reset banner state' }) }));
-    },
-};

package/dist/src/lib/Components/BottomSheet/BottomSheet.stories.d.ts

@@ -1,87 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { BottomSheet } from './BottomSheet';
-declare const meta: {
-    component: {
-        ({ onOpen, onClose, onDismiss, onBack, onAnimate, children, hideCloseButton, enablePanDownToClose, enableDynamicSizing, enableBlurKeyboardOnGesture, enableHandlePanningGesture, maxDynamicContentSize, detached, hideBackdrop, backdropPressBehavior, onBackdropPress, onChange, snapPoints, ref, ...props }: import("./types").BottomSheetProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    subcomponents: {
-        BottomSheetHeader: {
-            ({ lx, style, title, description, appearance, spacing, ...props }: import("./types").BottomSheetHeaderProps): import("react/jsx-runtime").JSX.Element | null;
-            displayName: string;
-        };
-    };
-    title: string;
-    parameters: {
-        docs: {
-            source: {
-                language: string;
-                format: boolean;
-                type: string;
-            };
-            story: {
-                inline: boolean;
-                iframeHeight: number;
-            };
-        };
-    };
-    argTypes: {
-        snapPoints: {
-            control: "select";
-            options: (string | undefined)[];
-            mapping: {
-                undefined: undefined;
-                full: string;
-                medium: string;
-                small: string;
-                '[150, 300]': number[];
-                '["25%", "50%"]': string[];
-            };
-        };
-        onBack: {
-            control: "select";
-            options: string[];
-            mapping: {
-                '() => {}': () => null;
-                undefined: undefined;
-            };
-        };
-        onClose: {
-            control: "select";
-            options: string[];
-            mapping: {
-                '() => {}': () => null;
-                undefined: undefined;
-            };
-        };
-        onDismiss: {
-            control: "select";
-            options: string[];
-            mapping: {
-                '() => {}': () => null;
-                undefined: undefined;
-            };
-        };
-        backdropPressBehavior: {
-            control: "select";
-            options: (string | number)[];
-            mapping: {
-                none: string;
-                close: string;
-                collapse: string;
-                1: number;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof BottomSheet>;
-export declare const Base: Story;
-export declare const TitleExpanded: Story;
-export declare const DynamicSizingWithoutSnapPoints: Story;
-export declare const DynamicSizingWithSnapPoints: Story;
-export declare const PreventClose: Story;
-export declare const ScrollView: Story;
-export declare const VirtualList: Story;
-export declare const VirtualizedList: Story;
-//# sourceMappingURL=BottomSheet.stories.d.ts.map

package/dist/src/lib/Components/BottomSheet/BottomSheet.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheet.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/BottomSheet/BottomSheet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8E0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,IAAI,EAAE,KAmDlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiD3B,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAwC5C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAwCzC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA4C1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2CxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoEzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAkF7B,CAAC"}