@ledgerhq/lumen-ui-rnative 0.1.4 → 0.1.5

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

@@ -1,98 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { View } from 'react-native';
-import { SearchInput } from './SearchInput';
-const meta = {
-    component: SearchInput,
-    title: 'Input/SearchInput',
-    args: {
-        appearance: 'plain',
-    },
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        placeholder: {
-            control: 'text',
-            description: 'Placeholder text when input is empty',
-        },
-        errorMessage: {
-            control: 'text',
-            description: 'Error message to display below input',
-        },
-        editable: {
-            control: 'boolean',
-            description: 'Whether the input is editable',
-        },
-        hideClearButton: {
-            control: 'boolean',
-            description: 'Hide the clear button',
-        },
-    },
-};
-export default meta;
-const SearchInputStory = (args) => {
-    const [query, setQuery] = useState(args.initialValue ?? '');
-    return (_jsx(View, { style: {
-            flex: 1,
-            minHeight: 96,
-            alignItems: 'center',
-            justifyContent: 'center',
-            padding: 24,
-        }, children: _jsx(View, { style: { width: '100%', maxWidth: 400 }, children: _jsx(SearchInput, { ...args, value: query, onChangeText: setQuery, onClear: args.onClear }) }) }));
-};
-export const Base = {
-    render: (args) => _jsx(SearchInputStory, { ...args }),
-    args: {
-        placeholder: 'Search products',
-        editable: true,
-        hideClearButton: false,
-    },
-};
-export const WithContent = {
-    render: (args) => _jsx(SearchInputStory, { ...args, initialValue: 'Search text' }),
-    args: {
-        placeholder: 'Search products',
-        editable: true,
-        hideClearButton: false,
-    },
-};
-export const WithError = {
-    render: (args) => (_jsx(SearchInputStory, { ...args, initialValue: 'Invalid search' })),
-    args: {
-        placeholder: 'Search products',
-        errorMessage: 'Search term is invalid',
-        editable: true,
-        hideClearButton: false,
-    },
-};
-export const DisabledSearchInput = {
-    render: (args) => (_jsx(SearchInputStory, { ...args, initialValue: 'Disabled search' })),
-    args: {
-        placeholder: 'Search products',
-        editable: false,
-        hideClearButton: false,
-    },
-};
-export const WithHiddenClearButton = {
-    render: (args) => _jsx(SearchInputStory, { ...args, initialValue: 'Search text' }),
-    args: {
-        placeholder: 'Search products',
-        editable: true,
-        hideClearButton: true,
-    },
-};
-export const WithClearCallback = {
-    render: (args) => (_jsx(SearchInputStory, { ...args, initialValue: 'Click clear to see callback', onClear: () => alert('Search cleared!') })),
-    args: {
-        placeholder: 'Search products',
-        editable: true,
-        hideClearButton: false,
-    },
-};

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

@@ -1,58 +0,0 @@
-import type { StoryObj } from '@storybook/react-native-web-vite';
-import { SegmentedControl, SegmentedControlButton } from './SegmentedControl';
-declare const meta: {
-    title: string;
-    component: typeof SegmentedControl;
-    subcomponents: {
-        SegmentedControlButton: typeof SegmentedControlButton;
-    };
-    parameters: {
-        layout: string;
-        backgrounds: {
-            default: string;
-        };
-    };
-    argTypes: {
-        onSelectedChange: {
-            action: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        accessibilityLabel: {
-            control: "text";
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        selectedValue: {
-            control: "text";
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        children: {
-            control: false;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Base: Story;
-export declare const WithIcons: Story;
-//# sourceMappingURL=SegmentedControl.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/SegmentedControl/SegmentedControl.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAqBlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC"}

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

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Coins, Nft, TransferHorizontal, Settings } from '../../Symbols';
-import { Box } from '../Utility';
-import { SegmentedControl, SegmentedControlButton } from './SegmentedControl';
-const meta = {
-    title: 'Navigation/SegmentedControl',
-    component: SegmentedControl,
-    subcomponents: {
-        SegmentedControlButton,
-    },
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-    },
-    argTypes: {
-        onSelectedChange: {
-            action: 'change',
-            description: 'Callback when the selected value changes',
-            table: {
-                type: { summary: '(value: string) => void' },
-            },
-        },
-        accessibilityLabel: {
-            control: 'text',
-            description: 'Accessible label for the control',
-            table: {
-                type: { summary: 'string' },
-            },
-        },
-        selectedValue: {
-            control: 'text',
-            description: 'The value of the currently selected segment (drives the sliding pill)',
-            table: {
-                type: { summary: 'string' },
-            },
-        },
-        children: {
-            control: false,
-            description: 'SegmentedControlButton elements',
-            table: {
-                type: { summary: 'ReactNode' },
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {},
-    render: () => {
-        const [state, setState] = useState('send');
-        return (_jsx(Box, { lx: { width: 's256' }, children: _jsxs(SegmentedControl, { selectedValue: state, onSelectedChange: setState, accessibilityLabel: 'Transaction type', children: [_jsx(SegmentedControlButton, { value: 'send', children: "Send" }), _jsx(SegmentedControlButton, { value: 'receive', children: "Receive" }), _jsx(SegmentedControlButton, { value: 'buy', children: "Buy" })] }) }));
-    },
-};
-export const WithIcons = {
-    args: {},
-    render: () => {
-        const [state, setState] = useState('tokens');
-        return (_jsxs(SegmentedControl, { selectedValue: state, onSelectedChange: setState, accessibilityLabel: 'Asset section', children: [_jsx(SegmentedControlButton, { value: 'tokens', icon: Coins, children: "Tokens" }), _jsx(SegmentedControlButton, { value: 'nfts', icon: Nft, children: "NFTs" }), _jsx(SegmentedControlButton, { value: 'activity', icon: TransferHorizontal, children: "Activity" }), _jsx(SegmentedControlButton, { value: 'settings', icon: Settings, children: "Settings" })] }));
-    },
-};

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

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Select } from './Select';
-declare const meta: Meta<typeof Select>;
-export default meta;
-type Story = StoryObj<typeof Select>;
-export declare const Base: Story;
-export declare const WithGroups: Story;
-export declare const WithDisabledItems: Story;
-export declare const DisabledSelect: Story;
-export declare const WithChangeCallback: Story;
-//# sourceMappingURL=Select.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EACL,MAAM,EASP,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAgB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KA2ClB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA2C/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqC5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8ChC,CAAC"}

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

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box } from '../Utility';
-import { GlobalSelectBottomSheet } from './GlobalSelectBottomSheet';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectItemText, SelectGroup, SelectLabel, SelectSeparator, } from './Select';
-const meta = {
-    component: Select,
-    subcomponents: {
-        SelectTrigger,
-        SelectValue,
-        SelectContent,
-        SelectItem,
-        SelectItemText,
-        SelectGroup,
-        SelectLabel,
-        SelectSeparator,
-    },
-    title: 'Selection/Select',
-    parameters: {
-        layout: 'fullscreen',
-    },
-};
-export default meta;
-export const Base = {
-    render: () => {
-        const [value, setValue] = useState('apple');
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { style: {
-                        flex: 1,
-                        minHeight: 400,
-                        padding: 24,
-                        width: '100%',
-                    }, children: _jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Select, { value: value, onValueChange: setValue, children: [_jsx(SelectTrigger, { label: 'Choose a fruit', children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: 'apple', children: _jsx(SelectItemText, { children: "Apple" }) }), _jsx(SelectItem, { value: 'banana', children: _jsx(SelectItemText, { children: "Banana" }) }), _jsx(SelectItem, { value: 'orange', children: _jsx(SelectItemText, { children: "Orange" }) }), _jsx(SelectItem, { value: 'grape', children: _jsx(SelectItemText, { children: "Grape" }) }), _jsx(SelectItem, { value: 'mango', children: _jsx(SelectItemText, { children: "Mango" }) })] })] }) }) }), _jsx(GlobalSelectBottomSheet, {})] }));
-    },
-};
-export const WithGroups = {
-    render: () => {
-        const [value, setValue] = useState('btc');
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { style: {
-                        flex: 1,
-                        minHeight: 400,
-                        padding: 24,
-                        width: '100%',
-                    }, children: _jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Select, { value: value, onValueChange: setValue, children: [_jsx(SelectTrigger, { label: 'Select cryptocurrency', children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Popular" }), _jsx(SelectItem, { value: 'btc', children: _jsx(SelectItemText, { children: "Bitcoin" }) }), _jsx(SelectItem, { value: 'eth', children: _jsx(SelectItemText, { children: "Ethereum" }) })] }), _jsx(SelectSeparator, {}), _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Altcoins" }), _jsx(SelectItem, { value: 'ada', children: _jsx(SelectItemText, { children: "Cardano" }) }), _jsx(SelectItem, { value: 'dot', children: _jsx(SelectItemText, { children: "Polkadot" }) }), _jsx(SelectItem, { value: 'sol', children: _jsx(SelectItemText, { children: "Solana" }) })] })] })] }) }) }), _jsx(GlobalSelectBottomSheet, {})] }));
-    },
-};
-export const WithDisabledItems = {
-    render: () => {
-        const [value, setValue] = useState('option1');
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { style: {
-                        flex: 1,
-                        minHeight: 400,
-                        padding: 24,
-                        width: '100%',
-                    }, children: _jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Select, { value: value, onValueChange: setValue, children: [_jsx(SelectTrigger, { label: 'Select option', children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: 'option1', children: _jsx(SelectItemText, { children: "Option 1" }) }), _jsx(SelectItem, { value: 'option2', disabled: true, children: _jsx(SelectItemText, { children: "Option 2 (Disabled)" }) }), _jsx(SelectItem, { value: 'option3', children: _jsx(SelectItemText, { children: "Option 3" }) }), _jsx(SelectItem, { value: 'option4', disabled: true, children: _jsx(SelectItemText, { children: "Option 4 (Disabled)" }) }), _jsx(SelectItem, { value: 'option5', children: _jsx(SelectItemText, { children: "Option 5" }) })] })] }) }) }), _jsx(GlobalSelectBottomSheet, {})] }));
-    },
-};
-export const DisabledSelect = {
-    render: () => {
-        const [value, setValue] = useState('apple');
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { style: {
-                        flex: 1,
-                        minHeight: 400,
-                        padding: 24,
-                        width: '100%',
-                    }, children: _jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Select, { value: value, onValueChange: setValue, disabled: true, children: [_jsx(SelectTrigger, { label: 'Disabled select', children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: 'apple', children: _jsx(SelectItemText, { children: "Apple" }) }), _jsx(SelectItem, { value: 'banana', children: _jsx(SelectItemText, { children: "Banana" }) }), _jsx(SelectItem, { value: 'orange', children: _jsx(SelectItemText, { children: "Orange" }) })] })] }) }) }), _jsx(GlobalSelectBottomSheet, {})] }));
-    },
-};
-export const WithChangeCallback = {
-    render: () => {
-        const [value, setValue] = useState('option1');
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { style: {
-                        flex: 1,
-                        minHeight: 400,
-                        padding: 24,
-                        width: '100%',
-                    }, children: _jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Select, { value: value, onValueChange: (newValue) => {
-                                setValue(newValue);
-                                alert(`Selected: ${newValue}`);
-                            }, onOpenChange: (open) => {
-                                alert(`Select ${open ? 'opened' : 'closed'}`);
-                            }, children: [_jsx(SelectTrigger, { label: 'Select with callbacks', children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: 'option1', children: _jsx(SelectItemText, { children: "Option 1" }) }), _jsx(SelectItem, { value: 'option2', children: _jsx(SelectItemText, { children: "Option 2" }) }), _jsx(SelectItem, { value: 'option3', children: _jsx(SelectItemText, { children: "Option 3" }) })] })] }) }) }), _jsx(GlobalSelectBottomSheet, {})] }));
-    },
-};

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

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Skeleton } from './Skeleton';
-declare const meta: Meta<typeof Skeleton>;
-export default meta;
-type Story = StoryObj<typeof Skeleton>;
-export declare const Base: Story;
-export declare const WithListItem: Story;
-export declare const WithTile: Story;
-export declare const SizeShowcase: Story;
-export declare const ShapeShowcase: Story;
-//# sourceMappingURL=Skeleton.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAa/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,IAAI,EAAE,KAelB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC"}

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

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../Utility/Box';
-import { Skeleton } from './Skeleton';
-const meta = {
-    title: 'Communication/Skeleton',
-    component: Skeleton,
-    parameters: {
-        actions: { disable: true },
-    },
-    argTypes: {
-        component: {
-            control: 'select',
-            options: [undefined, 'list-item', 'tile'],
-            description: 'Pre-built skeleton component variant',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        lx: {
-            height: 's16',
-            width: 's256',
-        },
-    },
-    render: (args) => (_jsx(Box, { lx: { padding: 's16', backgroundColor: 'canvas', borderRadius: 'md' }, children: _jsx(Skeleton, { component: args.component, lx: args.component ? undefined : args.lx }) })),
-};
-export const WithListItem = {
-    render: () => (_jsx(Box, { lx: { padding: 's16', backgroundColor: 'canvas', borderRadius: 'md' }, children: _jsx(Skeleton, { component: 'list-item' }) })),
-};
-export const WithTile = {
-    render: () => (_jsx(Box, { lx: { padding: 's16', backgroundColor: 'canvas', borderRadius: 'md' }, children: _jsx(Skeleton, { component: 'tile' }) })),
-};
-export const SizeShowcase = {
-    render: () => (_jsxs(Box, { lx: {
-            padding: 's16',
-            backgroundColor: 'canvas',
-            borderRadius: 'md',
-            gap: 's4',
-        }, children: [_jsx(Skeleton, { lx: { height: 's40', width: 's56' } }), _jsx(Skeleton, { lx: { height: 's12', width: 's112' } }), _jsx(Skeleton, { lx: { height: 's128', width: 's256' } })] })),
-};
-export const ShapeShowcase = {
-    render: () => (_jsxs(Box, { lx: {
-            padding: 's16',
-            backgroundColor: 'canvas',
-            borderRadius: 'md',
-            gap: 's4',
-        }, children: [_jsx(Skeleton, { lx: { height: 's40', width: 's256', borderRadius: 'none' } }), _jsx(Skeleton, { lx: { height: 's40', width: 's256', borderRadius: 'lg' } }), _jsx(Skeleton, { lx: { width: 's48', height: 's48', borderRadius: 'full' } }), _jsx(Skeleton, { lx: { width: 's48', height: 's48', borderRadius: 'md' } })] })),
-};

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Spinner } from './Spinner';
-declare const meta: Meta<typeof Spinner>;
-export default meta;
-type Story = StoryObj<typeof Spinner>;
-export declare const Base: Story;
-export declare const Sizes: Story;
-export declare const Colors: Story;
-//# sourceMappingURL=Spinner.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGlE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAY9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KA2DnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAmCpB,CAAC"}

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../Utility/Box';
-import { Text } from '../Utility/Text';
-import { Spinner } from './Spinner';
-const meta = {
-    title: 'Communication/Spinner',
-    component: Spinner,
-    parameters: {
-        actions: { disable: true },
-    },
-    argTypes: {
-        size: {
-            control: 'select',
-            options: [12, 16, 20, 24, 40, 48, 56],
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        size: 40,
-    },
-    render: (args) => _jsx(Spinner, { ...args }),
-};
-export const Sizes = {
-    argTypes: {
-        size: {
-            control: false,
-        },
-    },
-    render: () => (_jsxs(Box, { lx: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: 's32',
-        }, children: [_jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 12 }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "12" })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 16 }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "16" })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 20 }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "20" })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 24 }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "24" })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 40 }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "40" })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 48 }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "48" })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 56 }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "56" })] })] })),
-};
-export const Colors = {
-    argTypes: {
-        size: {
-            control: false,
-        },
-    },
-    render: () => (_jsxs(Box, { lx: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: 's32',
-        }, children: [_jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 40, color: 'base' }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "base" })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 40, color: 'muted' }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "muted" })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's4' }, children: [_jsx(Spinner, { size: 40, color: 'interactive' }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "interactive" })] })] })),
-};

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

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Spot } from './Spot';
-declare const meta: Meta<typeof Spot>;
-export default meta;
-type Story = StoryObj<typeof Spot>;
-export declare const Base: Story;
-export declare const AppearanceShowcase: Story;
-export declare const IconVariants: Story;
-export declare const NumberVariants: Story;
-export declare const SizesShowcase: Story;
-export declare const StatesShowcase: Story;
-//# sourceMappingURL=Spot.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spot.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spot/Spot.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAKvE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAsD3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAkDhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyD5B,CAAC"}

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

@@ -1,156 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Settings, Plus, Heart, Star } from '../../Symbols';
-import { Box, Text } from '../Utility';
-import { Spot } from './Spot';
-const meta = {
-    component: Spot,
-    title: 'Communication/Spot',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        appearance: {
-            control: 'select',
-            options: [
-                'icon',
-                'bluetooth',
-                'check',
-                'error',
-                'warning',
-                'info',
-                'loader',
-                'number',
-            ],
-            description: 'The visual appearance and behavior of the spot',
-        },
-        size: {
-            control: 'select',
-            options: [32, 40, 48, 56, 72],
-            description: 'The size of the spot',
-        },
-        disabled: {
-            control: 'boolean',
-            description: 'Whether the spot looks disabled',
-        },
-        icon: {
-            control: 'select',
-            description: 'Icon component to display (required for icon appearance)',
-            options: ['None', 'Settings', 'Plus', 'Heart', 'Star'],
-            mapping: {
-                None: undefined,
-                Settings: Settings,
-                Plus: Plus,
-                Heart: Heart,
-                Star: Star,
-            },
-        },
-        number: {
-            control: 'select',
-            options: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
-            description: 'Number to display (required for number appearance)',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        appearance: 'icon',
-        icon: Settings,
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Spot
-  appearance="icon"
-  icon={Settings}
-/>
-`,
-            },
-        },
-    },
-};
-export const AppearanceShowcase = {
-    render: () => {
-        const appearances = [
-            { name: 'Icon', appearance: 'icon', icon: Settings },
-            { name: 'Bluetooth', appearance: 'bluetooth' },
-            { name: 'Check', appearance: 'check' },
-            { name: 'Error', appearance: 'error' },
-            { name: 'Warning', appearance: 'warning' },
-            { name: 'Info', appearance: 'info' },
-            { name: 'Loader', appearance: 'loader' },
-            { name: 'Number', appearance: 'number', number: 3 },
-        ];
-        return (_jsx(Box, { lx: {
-                flexDirection: 'row',
-                flexWrap: 'wrap',
-                gap: 's16',
-                padding: 's8',
-            }, children: appearances.map(({ name, appearance, icon, number }) => (_jsxs(Box, { lx: {
-                    width: 's64',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                    gap: 's4',
-                }, children: [_jsx(Spot, { appearance: appearance, icon: icon, number: number }), _jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: name })] }, appearance))) }));
-    },
-};
-export const IconVariants = {
-    render: () => {
-        const icons = [
-            { name: 'Settings', component: Settings },
-            { name: 'Plus', component: Plus },
-            { name: 'Heart', component: Heart },
-            { name: 'Star', component: Star },
-        ];
-        return (_jsx(Box, { lx: { flexDirection: 'row', gap: 's8', padding: 's8' }, children: icons.map(({ name, component: Icon }) => (_jsx(Spot, { appearance: 'icon', icon: Icon }, name))) }));
-    },
-};
-export const NumberVariants = {
-    render: () => {
-        const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
-        return (_jsx(Box, { lx: {
-                flexDirection: 'row',
-                flexWrap: 'wrap',
-                gap: 's8',
-                padding: 's8',
-            }, children: numbers.map((num) => (_jsx(Spot, { appearance: 'number', number: num }, num))) }));
-    },
-};
-export const SizesShowcase = {
-    render: () => {
-        const sizes = [32, 40, 48, 56, 72];
-        return (_jsx(Box, { lx: { flexDirection: 'column', gap: 's32', padding: 's16' }, children: sizes.map((size) => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: [_jsxs(Text, { typography: 'heading5SemiBold', children: [size, "px"] }), _jsxs(Box, { lx: { flexDirection: 'row', gap: 's12' }, children: [_jsx(Spot, { appearance: 'icon', icon: Settings, size: size }), _jsx(Spot, { appearance: 'info', size: size }), _jsx(Spot, { appearance: 'number', number: 5, size: size })] })] }, size))) }));
-    },
-};
-export const StatesShowcase = {
-    render: () => {
-        return (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: [_jsxs(Box, { lx: { flexDirection: 'column', gap: 's8' }, children: [_jsx(Text, { typography: 'body2', children: "Default" }), _jsxs(Box, { lx: { flexDirection: 'row', flexWrap: 'wrap', gap: 's16' }, children: [_jsx(Box, { lx: {
-                                        width: 's64',
-                                        flexDirection: 'column',
-                                        alignItems: 'center',
-                                        gap: 's4',
-                                    }, children: _jsx(Spot, { appearance: 'icon', icon: Settings }) }), _jsx(Box, { lx: {
-                                        width: 's64',
-                                        flexDirection: 'column',
-                                        alignItems: 'center',
-                                        gap: 's4',
-                                    }, children: _jsx(Spot, { appearance: 'bluetooth' }) })] })] }), _jsxs(Box, { lx: { flexDirection: 'column', gap: 's8' }, children: [_jsx(Text, { typography: 'body2', children: "Disabled" }), _jsxs(Box, { lx: { flexDirection: 'row', flexWrap: 'wrap', gap: 's16' }, children: [_jsx(Box, { lx: {
-                                        width: 's64',
-                                        flexDirection: 'column',
-                                        alignItems: 'center',
-                                        gap: 's4',
-                                    }, children: _jsx(Spot, { appearance: 'icon', icon: Settings, disabled: true }) }), _jsx(Box, { lx: {
-                                        width: 's64',
-                                        flexDirection: 'column',
-                                        alignItems: 'center',
-                                        gap: 's4',
-                                    }, children: _jsx(Spot, { appearance: 'bluetooth', disabled: true }) })] })] })] }));
-    },
-};

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Stepper } from './Stepper';
-declare const meta: Meta<typeof Stepper>;
-export default meta;
-type Story = StoryObj<typeof Stepper>;
-export declare const Base: Story;
-export declare const DisabledShowcase: Story;
-export declare const WithCustomLabel: Story;
-//# sourceMappingURL=Stepper.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGlE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAW9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC"}