@ledgerhq/lumen-ui-rnative 0.1.4 → 0.1.5

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

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../Utility/Box';
-import { Text } from '../Utility/Text';
-import { Stepper } from './Stepper';
-const meta = {
-    title: 'Communication/Stepper',
-    component: Stepper,
-    parameters: {
-        actions: { disable: true },
-    },
-    argTypes: {
-        currentStep: { control: 'number' },
-        totalSteps: { control: 'number' },
-        disabled: { control: 'boolean' },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        currentStep: 2,
-        totalSteps: 4,
-    },
-    render: (args) => _jsx(Stepper, { ...args }),
-};
-export const DisabledShowcase = {
-    render: () => (_jsxs(Box, { lx: { gap: 's32', alignItems: 'center' }, children: [_jsxs(Box, { lx: { alignItems: 'center', gap: 's8' }, children: [_jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "Default (2/4)" }), _jsx(Stepper, { currentStep: 2, totalSteps: 4 })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's8' }, children: [_jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "Disabled (2/4)" }), _jsx(Stepper, { currentStep: 2, totalSteps: 4, disabled: true })] }), _jsxs(Box, { lx: { alignItems: 'center', gap: 's8' }, children: [_jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "Unstarted (0/9)" }), _jsx(Stepper, { currentStep: 0, totalSteps: 9 })] })] })),
-};
-export const WithCustomLabel = {
-    args: {
-        currentStep: 5,
-        totalSteps: 5,
-        label: '🎉',
-    },
-    render: (args) => _jsx(Stepper, { ...args }),
-};

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

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native';
-import { Subheader } from './Subheader';
-declare const meta: Meta<typeof Subheader>;
-export default meta;
-type Story = StoryObj<typeof Subheader>;
-export declare const Base: Story;
-export declare const InteractiveRow: Story;
-export declare const WithInfoIcon: Story;
-export declare const WithAction: Story;
-//# sourceMappingURL=Subheader.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Subheader.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/Subheader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,EACL,SAAS,EAQV,MAAM,aAAa,CAAC;AAQrB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC"}

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

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, Text } from 'react-native';
-import { Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip';
-import { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription, SubheaderAction, } from './Subheader';
-const Container = ({ children }) => (_jsx(View, { style: { padding: 8, backgroundColor: '#ffffff', width: '100%' }, children: children }));
-const meta = {
-    component: Subheader,
-    title: 'Communication/Subheader',
-    subcomponents: {
-        SubheaderRow,
-        SubheaderTitle,
-        SubheaderDescription,
-        SubheaderCount,
-        SubheaderInfo,
-        SubheaderShowMore,
-        SubheaderAction,
-    },
-    decorators: [
-        (Story) => (_jsx(Container, { children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Base = {
-    render: () => (_jsxs(Subheader, { children: [_jsx(SubheaderRow, { children: _jsx(SubheaderTitle, { children: "Section Title" }) }), _jsx(SubheaderDescription, { children: "This is a detailed description that provides additional context about this section." })] })),
-};
-export const InteractiveRow = {
-    render: () => (_jsxs(Subheader, { children: [_jsxs(SubheaderRow, { onPress: () => console.log('Row clicked'), children: [_jsx(SubheaderTitle, { children: "Accounts" }), _jsx(SubheaderCount, { value: 5 }), _jsx(SubheaderShowMore, {})] }), _jsx(SubheaderDescription, { children: "Interactive rows always include the chevron to indicate they lead to more content" })] })),
-};
-export const WithInfoIcon = {
-    render: () => (_jsxs(Subheader, { children: [_jsxs(SubheaderRow, { children: [_jsx(SubheaderTitle, { children: "Section with Info" }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { children: _jsx(SubheaderInfo, {}) }), _jsx(TooltipContent, { content: _jsx(Text, { children: "Additional information about this section" }) })] })] }), _jsx(SubheaderDescription, { children: "Use the info icon to provide contextual help or additional details" })] })),
-};
-export const WithAction = {
-    render: () => (_jsxs(Subheader, { lx: { maxWidth: 's480' }, children: [_jsxs(SubheaderRow, { children: [_jsx(SubheaderTitle, { children: "Recent Activity" }), _jsx(SubheaderAction, { onPress: () => console.log('View all'), children: "View all" })] }), _jsx(SubheaderDescription, { children: "Use actions for quick access to related functionality" })] })),
-};

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

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Switch } from './Switch';
-declare const meta: Meta<typeof Switch>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * The base switch in its normal state.
- */
-export declare const Base: Story;
-/**
- * Interactive example showing all states.
- */
-export declare const AllStates: Story;
-//# sourceMappingURL=Switch.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA+B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAoCvB,CAAC"}

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

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from '../Utility';
-import { Switch } from './Switch';
-const meta = {
-    title: 'Selection/Switch',
-    component: Switch,
-    parameters: {
-        layout: 'fullscreen',
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        checked: {
-            control: 'boolean',
-            description: 'The controlled checked state of the switch',
-        },
-        defaultChecked: {
-            control: 'boolean',
-            description: 'The default checked state (uncontrolled)',
-        },
-        disabled: {
-            control: 'boolean',
-            description: 'If true, the switch is disabled',
-        },
-        onCheckedChange: {
-            action: 'checked changed',
-            description: 'Callback function called when the checked state changes',
-        },
-    },
-};
-export default meta;
-/**
- * The base switch in its normal state.
- */
-export const Base = {
-    render: (args) => {
-        return (_jsx(Box, { style: {
-                flex: 1,
-                minHeight: 96,
-                alignItems: 'center',
-                justifyContent: 'center',
-                padding: 24,
-            }, children: _jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsx(Switch, { ...args }) }) }));
-    },
-};
-/**
- * Interactive example showing all states.
- */
-export const AllStates = {
-    render: () => (_jsx(Box, { style: {
-            flex: 1,
-            minHeight: 96,
-            alignItems: 'center',
-            justifyContent: 'center',
-            padding: 24,
-        }, children: _jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Box, { style: {
-                    flexDirection: 'row',
-                    gap: 48,
-                }, children: [_jsxs(Box, { style: { gap: 16 }, children: [_jsx(Text, { typography: 'heading5', children: "Enabled" }), _jsxs(Box, { style: { gap: 8 }, children: [_jsx(Switch, { defaultChecked: false }), _jsx(Switch, { "aria-labelledby": '', defaultChecked: true })] })] }), _jsxs(Box, { style: { gap: 16 }, children: [_jsx(Text, { typography: 'heading5', children: "Disabled" }), _jsxs(Box, { style: { gap: 8 }, children: [_jsx(Switch, { disabled: true, defaultChecked: false }), _jsx(Switch, { disabled: true, defaultChecked: true })] })] })] }) }) })),
-};

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

@@ -1,50 +0,0 @@
-import type { StoryObj } from '@storybook/react-native-web-vite';
-import { TabBar, TabBarItem } from './TabBar';
-declare const meta: {
-    title: string;
-    component: typeof TabBar;
-    subcomponents: {
-        TabBarItem: typeof TabBarItem;
-    };
-    parameters: {
-        layout: string;
-        backgrounds: {
-            default: string;
-        };
-    };
-    argTypes: {
-        active: {
-            control: "text";
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onTabPress: {
-            action: string;
-            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 Complex: Story;
-export declare const MissingLabel: Story;
-//# sourceMappingURL=TabBar.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/TabBar/TabBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAiBvE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE9C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KA2BlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC"}

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

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { BasketPutIn, HomeFill, Settings, Placeholder, Chart1, Bell, CoinPercent, Home, LifeRing, LifeRingFill, Cart, CreditCard, CreditCardFill, } from '../../Symbols';
-import { TabBar, TabBarItem } from './TabBar';
-const meta = {
-    title: 'Navigation/TabBar',
-    component: TabBar,
-    subcomponents: {
-        TabBarItem,
-    },
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-    },
-    argTypes: {
-        active: {
-            control: 'text',
-            description: 'The currently active tab value',
-            table: {
-                type: { summary: 'string' },
-            },
-        },
-        onTabPress: {
-            action: 'tab pressed',
-            description: 'Callback function when a tab is pressed',
-            table: {
-                type: { summary: '(active: string) => void' },
-            },
-        },
-        children: {
-            control: false,
-            description: 'TabBarItem children',
-            table: {
-                type: { summary: 'TabBarChildren' },
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {},
-    render: () => {
-        const [active, setActive] = useState('home');
-        return (_jsxs(TabBar, { active: active, onTabPress: setActive, lx: { width: 's320' }, children: [_jsx(TabBarItem, { value: 'home', label: 'Home', icon: Home, activeIcon: HomeFill }), _jsx(TabBarItem, { value: 'pay', label: 'Pay', icon: CreditCard, activeIcon: CreditCardFill }), _jsx(TabBarItem, { value: 'help', label: 'Help', icon: LifeRing, activeIcon: LifeRingFill })] }));
-    },
-};
-export const Complex = {
-    args: {},
-    render: () => {
-        const [active, setActive] = useState('portfolio');
-        return (_jsxs(TabBar, { active: active, onTabPress: setActive, lx: { width: 's320' }, children: [_jsx(TabBarItem, { value: 'market', label: 'Market', icon: Chart1 }), _jsx(TabBarItem, { value: 'portfolio', label: 'Portfolio', icon: CoinPercent, activeIcon: CoinPercent }), _jsx(TabBarItem, { value: 'shop', label: 'Shop', icon: BasketPutIn }), _jsx(TabBarItem, { value: 'notifications', label: 'Alerts', icon: Bell }), _jsx(TabBarItem, { value: 'settings', label: 'Settings', icon: Settings })] }));
-    },
-};
-export const MissingLabel = {
-    args: {},
-    render: () => {
-        const [active, setActive] = useState('tab1');
-        return (_jsxs(TabBar, { active: active, onTabPress: setActive, lx: { width: 's320' }, children: [_jsx(TabBarItem, { value: 'tab1' }), _jsx(TabBarItem, { value: 'tab2', label: 'Tab', icon: Placeholder }), _jsx(TabBarItem, { value: 'tab3', icon: Cart })] }));
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAsB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC"}

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

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check } from '../../Symbols/Icons/Check';
-import { Box } from '../Utility/Box';
-import { Tag } from './Tag';
-const meta = {
-    component: Tag,
-    title: 'Communication/Tag',
-    argTypes: {
-        appearance: {
-            control: 'select',
-            options: ['base', 'gray', 'accent', 'success', 'error', 'warning'],
-        },
-        size: {
-            control: 'radio',
-            options: ['sm', 'md'],
-        },
-        label: {
-            control: 'text',
-        },
-        icon: {
-            control: {
-                type: 'boolean',
-            },
-            description: 'Show icon',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        label: 'Label',
-        appearance: 'accent',
-        size: 'md',
-    },
-    render: (args) => _jsx(Tag, { ...args, icon: args.icon ? Check : undefined }),
-};
-export const AppearanceShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: [_jsxs(Box, { lx: { flexDirection: 'row', gap: 's4' }, children: [_jsx(Tag, { appearance: 'base', label: 'Base' }), _jsx(Tag, { appearance: 'gray', label: 'Gray' }), _jsx(Tag, { appearance: 'accent', label: 'Accent' }), _jsx(Tag, { appearance: 'success', label: 'Success' }), _jsx(Tag, { appearance: 'error', label: 'Error' }), _jsx(Tag, { appearance: 'warning', label: 'Warning' }), _jsx(Tag, { label: 'Disabled', disabled: true })] }), _jsxs(Box, { lx: { flexDirection: 'row', gap: 's4' }, children: [_jsx(Tag, { appearance: 'base', label: 'Base', icon: Check }), _jsx(Tag, { appearance: 'gray', label: 'Gray', icon: Check }), _jsx(Tag, { appearance: 'accent', label: 'Accent', icon: Check }), _jsx(Tag, { appearance: 'success', label: 'Success', icon: Check }), _jsx(Tag, { appearance: 'error', label: 'Error', icon: Check }), _jsx(Tag, { appearance: 'warning', label: 'Warning', icon: Check }), _jsx(Tag, { label: 'Disabled', icon: Check, disabled: true })] })] })),
-};
-export const SizeShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'row', alignItems: 'center', gap: 's4' }, children: [_jsx(Tag, { size: 'md', label: 'Large Tag' }), _jsx(Tag, { size: 'sm', label: 'Small Tag' })] })),
-};
-export const ContentTypeShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'row', alignItems: 'center', gap: 's4' }, children: [_jsx(Tag, { label: 'Label only' }), _jsx(Tag, { icon: Check, label: 'Icon and Label' })] })),
-};

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

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { TextInput } from './TextInput';
-declare const meta: Meta<typeof TextInput>;
-export default meta;
-type Story = StoryObj<typeof TextInput>;
-export declare const Base: Story;
-export declare const WithContent: Story;
-export declare const WithError: Story;
-export declare const DisabledTextInput: Story;
-export declare const WithHiddenClearButton: Story;
-export declare const WithClearCallback: Story;
-export declare const EmailKeyboard: Story;
-export declare const PhoneKeyboard: Story;
-//# sourceMappingURL=TextInput.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/TextInput/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAuChC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AA2BxC,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC"}

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

@@ -1,128 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { View } from 'react-native';
-import { TextInput } from './TextInput';
-const meta = {
-    component: TextInput,
-    title: 'Input/TextInput',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        label: {
-            control: 'text',
-            description: 'Floating label text',
-        },
-        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',
-        },
-        keyboardType: {
-            control: 'select',
-            options: ['default', 'email-address', 'numeric', 'phone-pad', 'url'],
-            description: 'Keyboard type for input',
-        },
-    },
-};
-export default meta;
-const TextInputStory = (args) => {
-    const [value, setValue] = 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(TextInput, { ...args, value: value, onChangeText: setValue, onClear: args.onClear }) }) }));
-};
-export const Base = {
-    render: (args) => _jsx(TextInputStory, { ...args }),
-    args: {
-        label: 'Username',
-        editable: true,
-        hideClearButton: false,
-        keyboardType: 'default',
-    },
-};
-export const WithContent = {
-    render: (args) => _jsx(TextInputStory, { ...args, initialValue: 'johndoe' }),
-    args: {
-        label: 'Username',
-        editable: true,
-        hideClearButton: false,
-        keyboardType: 'default',
-    },
-};
-export const WithError = {
-    render: (args) => _jsx(TextInputStory, { ...args, initialValue: 'ab' }),
-    args: {
-        label: 'Username',
-        errorMessage: 'Username must be at least 3 characters',
-        editable: true,
-        hideClearButton: false,
-        keyboardType: 'default',
-    },
-};
-export const DisabledTextInput = {
-    render: (args) => _jsx(TextInputStory, { ...args, initialValue: 'johndoe' }),
-    args: {
-        label: 'Username',
-        editable: false,
-        hideClearButton: false,
-        keyboardType: 'default',
-    },
-};
-export const WithHiddenClearButton = {
-    render: (args) => (_jsx(TextInputStory, { ...args, initialValue: 'Content with hidden clear' })),
-    args: {
-        label: 'Label',
-        editable: true,
-        hideClearButton: true,
-        keyboardType: 'default',
-    },
-};
-export const WithClearCallback = {
-    render: (args) => (_jsx(TextInputStory, { ...args, initialValue: 'Click clear to see callback', onClear: () => alert('Input cleared!') })),
-    args: {
-        label: 'Label',
-        editable: true,
-        hideClearButton: false,
-        keyboardType: 'default',
-    },
-};
-export const EmailKeyboard = {
-    render: (args) => _jsx(TextInputStory, { ...args }),
-    args: {
-        label: 'Email',
-        editable: true,
-        hideClearButton: false,
-        keyboardType: 'email-address',
-    },
-};
-export const PhoneKeyboard = {
-    render: (args) => _jsx(TextInputStory, { ...args }),
-    args: {
-        label: 'Phone Number',
-        editable: true,
-        hideClearButton: false,
-        keyboardType: 'phone-pad',
-    },
-};

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

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Tile } from './Tile';
-declare const meta: Meta<typeof Tile>;
-export default meta;
-type Story = StoryObj<typeof Tile>;
-export declare const Base: Story;
-export declare const VariantsShowcase: Story;
-export declare const WithSecondaryAction: Story;
-export declare const HorizontalList: Story;
-export declare const ResponsiveLayout: Story;
-export declare const AppearanceShowcase: Story;
-export declare const CenteredShowcase: Story;
-export declare const SizeShowcase: Story;
-//# sourceMappingURL=Tile.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tile.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tile/Tile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EACL,IAAI,EAML,MAAM,QAAQ,CAAC;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAqC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KA8BlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAwC9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+BjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4C5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA+ChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA+C1B,CAAC"}

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

@@ -1,117 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Settings, Plus, User, Apps, ChevronRight } from '../../Symbols';
-import { Tag } from '../Tag/Tag';
-import { Box, Text } from '../Utility';
-import { Tile, TileSpot, TileContent, TileTitle, TileDescription, TileTrailingContent, } from './Tile';
-const meta = {
-    component: Tile,
-    subcomponents: {
-        TileSpot,
-        TileContent,
-        TileTitle,
-        TileDescription,
-        TileTrailingContent,
-    },
-    title: 'Containment/Tile',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        onPress: {
-            action: 'pressed',
-        },
-        onLongPress: {
-            action: 'long pressed',
-        },
-        appearance: {
-            control: 'select',
-            options: ['no-background', 'card'],
-        },
-        disabled: {
-            control: 'boolean',
-        },
-        centered: {
-            control: 'boolean',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        appearance: 'no-background',
-        disabled: false,
-        centered: false,
-    },
-    render: (args) => (_jsxs(Tile, { ...args, lx: { maxWidth: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Item with Spot and Description" }), _jsx(TileDescription, { children: "Additional information" })] })] })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Tile lx={{ maxWidth: 's112' }}>
-  <TileSpot appearance="icon" icon={Settings} />
-  <TileContent>
-    <TileTitle>Item with Spot and Description</TileTitle>
-    <TileDescription>Additional information</TileDescription>
-  </TileContent>
-</Tile>
-`,
-            },
-        },
-    },
-};
-export const VariantsShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: [_jsxs(Tile, { lx: { maxWidth: 's176' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: User }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "User" }), _jsx(TileDescription, { children: "With description" })] })] }), _jsxs(Tile, { lx: { maxWidth: 's176' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Plus }), _jsx(TileContent, { children: _jsx(TileTitle, { children: "Without Description" }) })] }), _jsxs(Tile, { lx: { maxWidth: 's176' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "With Trailing Content" }), _jsx(TileDescription, { children: "Additional information" }), _jsx(TileTrailingContent, { children: _jsx(Tag, { label: 'Custom', appearance: 'base' }) })] })] }), _jsxs(Tile, { lx: { maxWidth: 's176' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "With Trailing Content" }), _jsx(TileDescription, { children: "Additional information" }), _jsx(TileTrailingContent, { children: _jsx(Text, { typography: 'body2SemiBold', lx: { color: 'success' }, children: "+7.87%" }) })] })] })] })),
-};
-export const WithSecondaryAction = {
-    render: () => (_jsxs(Tile, { onLongPress: () => alert('Long press - secondary action triggered!'), lx: { maxWidth: 's176' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Long Press Me" }), _jsx(TileDescription, { children: "Try long pressing this tile" })] })] })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Tile
-  onLongPress={() => alert('Long press - secondary action triggered!')}
-  lx={{ maxWidth: 's160' }}
->
-  <TileSpot appearance="icon" icon={Settings} />
-  <TileContent>
-    <TileTitle>Long Press Me</TileTitle>
-    <TileDescription>Try long pressing this tile</TileDescription>
-  </TileContent>
-</Tile>
-`,
-            },
-        },
-    },
-};
-export const HorizontalList = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: [_jsx(Box, { lx: {
-                    position: 'relative',
-                    flexDirection: 'row',
-                    width: 's480',
-                    backgroundColor: 'base',
-                }, children: Array.from({ length: 3 }).map((_, i) => (_jsxs(Tile, { children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsxs(TileTitle, { children: ["Item ", i + 1] }), _jsxs(TileDescription, { children: ["Description ", i + 1] })] })] }, `list-1-${i}`))) }), _jsx(Box, { lx: {
-                    flexDirection: 'row',
-                    width: 's480',
-                    position: 'relative',
-                    backgroundColor: 'base',
-                    overflow: 'scroll',
-                }, children: Array.from({ length: 5 }).map((_, i) => (_jsxs(Tile, { lx: { width: 's128', flexShrink: 0 }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsxs(TileTitle, { children: ["Item ", i + 1] }), _jsx(TileDescription, { children: "Long description that should truncate appropriately" })] })] }, `list-2-${i}`))) })] })),
-};
-export const ResponsiveLayout = {
-    render: () => (_jsxs(Box, { lx: { width: 'full', flexDirection: 'column', gap: 's16' }, children: [_jsx(Box, { children: _jsxs(Tile, { children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Item fill width" }), _jsx(TileDescription, { children: "Description fill width" })] })] }) }), _jsx(Box, { lx: { alignItems: 'center', justifyContent: 'center' }, children: _jsxs(Tile, { lx: { width: 's224' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Plus }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Long Item with fixed width" }), _jsx(TileDescription, { children: "lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos." })] })] }) })] })),
-};
-export const AppearanceShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's24' }, children: [_jsxs(Box, { children: [_jsx(Box, { lx: { marginBottom: 's8' }, children: _jsx(Text, { typography: 'body2SemiBold', children: "No Background" }) }), _jsxs(Box, { lx: { flexDirection: 'row', gap: 's16' }, children: [_jsxs(Tile, { appearance: 'no-background', lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Press me" }), _jsx(TileDescription, { children: "Press state" })] })] }), _jsxs(Tile, { appearance: 'no-background', disabled: true, lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Disabled" }), _jsx(TileDescription, { children: "Disabled state" })] })] })] })] }), _jsxs(Box, { children: [_jsx(Box, { lx: { marginBottom: 's8' }, children: _jsx(Text, { typography: 'body2SemiBold', children: "Card" }) }), _jsxs(Box, { lx: { flexDirection: 'row', gap: 's16' }, children: [_jsxs(Tile, { appearance: 'card', lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: User }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Press me" }), _jsx(TileDescription, { children: "Press state" })] })] }), _jsxs(Tile, { appearance: 'card', disabled: true, lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: User }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Disabled" }), _jsx(TileDescription, { children: "Disabled state" })] })] })] })] })] })),
-};
-export const CenteredShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'row', gap: 's8' }, children: [_jsxs(Tile, { appearance: 'card', lx: { width: 's128' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Title" }), _jsx(TileDescription, { children: "Description" }), _jsx(TileTrailingContent, { children: _jsx(Tag, { label: 'Label', appearance: 'base' }) })] })] }), _jsxs(Tile, { appearance: 'card', lx: { width: 's128' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Title" }), _jsx(TileDescription, { children: "Description" }), _jsx(TileTrailingContent, { children: _jsx(Tag, { label: 'Label', appearance: 'base' }) })] })] }), _jsxs(Tile, { appearance: 'card', lx: { width: 's128' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Title" }), _jsx(TileDescription, { children: "Description" }), _jsx(TileTrailingContent, { children: _jsx(Tag, { label: 'Label', appearance: 'base' }) })] })] }), _jsxs(Tile, { appearance: 'card', centered: true, lx: { width: 's128' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: ChevronRight }), _jsx(TileContent, { children: _jsx(TileTitle, { children: "Show more" }) })] })] })),
-};
-export const SizeShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's24' }, children: [_jsxs(Box, { children: [_jsx(Box, { lx: { marginBottom: 's8' }, children: _jsx(Text, { typography: 'body2SemiBold', children: "Size 48 (default)" }) }), _jsxs(Box, { lx: { flexDirection: 'row', gap: 's16' }, children: [_jsxs(Tile, { appearance: 'card', lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings, size: 48 }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Settings" }), _jsx(TileDescription, { children: "Size 48" })] })] }), _jsxs(Tile, { appearance: 'card', lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'check', size: 48 }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Check" }), _jsx(TileDescription, { children: "Size 48" })] })] })] })] }), _jsxs(Box, { children: [_jsx(Box, { lx: { marginBottom: 's8' }, children: _jsx(Text, { typography: 'body2SemiBold', children: "Size 40" }) }), _jsxs(Box, { lx: { flexDirection: 'row', gap: 's16' }, children: [_jsxs(Tile, { appearance: 'card', lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings, size: 40 }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Settings" }), _jsx(TileDescription, { children: "Size 40" })] })] }), _jsxs(Tile, { appearance: 'card', lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'check', size: 40 }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Check" }), _jsx(TileDescription, { children: "Size 40" })] })] })] })] })] })),
-};