@ledgerhq/lumen-ui-rnative 0.1.4 → 0.1.6

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" })] })] })] })] })] })),
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TileButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/TileButton/TileButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAY1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,IAAI,EAAE,KAalB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoCxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC"}

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

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View } from 'react-native';
-import { Settings, Plus, User, Apps, Home, Bell, Cart } from '../../Symbols';
-import { TileButton } from './TileButton';
-const iconOptions = {
-    Settings,
-    Plus,
-    User,
-    Apps,
-    Home,
-    Bell,
-    Cart,
-};
-const meta = {
-    component: TileButton,
-    title: 'Action/TileButton',
-    argTypes: {
-        icon: {
-            options: Object.keys(iconOptions),
-            mapping: iconOptions,
-            control: { type: 'select' },
-        },
-        onPress: {
-            action: 'pressed',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        icon: Settings,
-        children: 'Settings',
-    },
-    render: (args) => _jsx(TileButton, { ...args }),
-    parameters: {
-        docs: {
-            source: {
-                code: `<TileButton icon={Settings} onPress={() => {}}>Settings</TileButton>`,
-            },
-        },
-    },
-};
-export const DisabledShowcase = {
-    render: (args) => (_jsxs(View, { style: { flexDirection: 'row', gap: 16 }, children: [_jsx(TileButton, { icon: Settings, onPress: args.onPress, children: "Enabled" }), _jsx(TileButton, { icon: Settings, onPress: args.onPress, disabled: true, children: "Disabled" })] })),
-};
-export const IconsShowcase = {
-    render: (args) => (_jsxs(View, { style: { flexDirection: 'row', gap: 16 }, children: [_jsx(TileButton, { icon: Settings, onPress: args.onPress, children: "Settings" }), _jsx(TileButton, { icon: User, onPress: args.onPress, children: "Profile" }), _jsx(TileButton, { icon: Plus, onPress: args.onPress, children: "Add" }), _jsx(TileButton, { icon: Apps, onPress: args.onPress, children: "Apps" })] })),
-};
-export const GridLayout = {
-    render: (args) => (_jsxs(View, { style: { width: 343, gap: 8 }, children: [_jsxs(View, { style: { flexDirection: 'row', gap: 8 }, children: [_jsx(View, { style: { flex: 1 }, children: _jsx(TileButton, { icon: Plus, isFull: true, onPress: args.onPress, children: "Buy" }) }), _jsx(View, { style: { flex: 1 }, children: _jsx(TileButton, { icon: Settings, isFull: true, onPress: args.onPress, children: "Settings" }) })] }), _jsxs(View, { style: { flexDirection: 'row', gap: 8 }, children: [_jsx(View, { style: { flex: 1 }, children: _jsx(TileButton, { icon: User, isFull: true, onPress: args.onPress, children: "Profile" }) }), _jsx(View, { style: { flex: 1 }, children: _jsx(TileButton, { icon: Apps, isFull: true, onPress: args.onPress, children: "Apps" }) }), _jsx(View, { style: { flex: 1 }, children: _jsx(TileButton, { icon: Home, isFull: true, onPress: args.onPress, children: "Home" }) })] })] })),
-};
-export const WidthShowcase = {
-    render: (args) => (_jsxs(View, { style: {
-            width: 320,
-            gap: 8,
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'flex-start',
-        }, children: [_jsx(TileButton, { icon: Settings, onPress: args.onPress, children: "Default width" }), _jsx(TileButton, { icon: Settings, isFull: true, onPress: args.onPress, children: "Full width (isFull)" })] })),
-};
-export const TruncationShowcase = {
-    render: (args) => (_jsx(View, { style: { flexDirection: 'row', gap: 16 }, children: _jsx(View, { style: { width: 80 }, children: _jsx(TileButton, { icon: Settings, isFull: true, onPress: args.onPress, children: "Very long label text" }) }) })),
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAOvE,OAAO,EAAE,OAAO,EAAkC,MAAM,WAAW,CAAC;AAEpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAI9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAgDlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8BhC,CAAC"}

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Information } from '../../Symbols';
-import { Button } from '../Button';
-import { InteractiveIcon } from '../InteractiveIcon';
-import { Box } from '../Utility/Box';
-import { Text } from '../Utility/Text';
-import { GlobalTooltipBottomSheet } from './GlobalTooltipBottomSheet';
-import { Tooltip, TooltipTrigger, TooltipContent } from './Tooltip';
-const meta = {
-    component: Tooltip,
-    subcomponents: { TooltipTrigger, TooltipContent },
-    title: 'Communication/Tooltip',
-};
-export default meta;
-export const Base = {
-    render: () => (_jsxs(_Fragment, { children: [_jsx(Box, { lx: {
-                    minHeight: 's400',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    padding: 's24',
-                }, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { children: "Press me" }) }), _jsx(TooltipContent, { title: 'My tooltip title', content: _jsx(Text, { typography: 'body2', children: "This is a helpful tooltip" }) })] }) }), _jsx(GlobalTooltipBottomSheet, {})] })),
-};
-export const WithCustomContent = {
-    render: () => (_jsxs(_Fragment, { children: [_jsx(Box, { lx: {
-                    minHeight: 's400',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    padding: 's24',
-                }, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { children: "Press me" }) }), _jsx(TooltipContent, { title: 'My tooltip title', content: _jsxs(Box, { lx: { alignItems: 'flex-start', gap: 's12' }, children: [_jsx(Text, { typography: 'body2', lx: { color: 'muted' }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." }), _jsx(Button, { size: 'sm', appearance: 'accent', children: "Custom tooltip action" })] }) })] }) }), _jsx(GlobalTooltipBottomSheet, {})] })),
-};
-export const WithMultipleTooltips = {
-    render: () => (_jsxs(_Fragment, { children: [_jsxs(Box, { lx: {
-                    minHeight: 's400',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    gap: 's16',
-                    padding: 's24',
-                }, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { children: "Tooltip 1" }) }), _jsx(TooltipContent, { title: 'First', content: _jsx(Text, { typography: 'body2', children: "First tooltip content" }) })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { children: "Tooltip 2" }) }), _jsx(TooltipContent, { title: 'Second', content: _jsx(Text, { typography: 'body2', children: "Second tooltip content" }) })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(InteractiveIcon, { iconType: 'filled', accessibilityLabel: 'Info', children: _jsx(Information, {}) }) }), _jsx(TooltipContent, { title: 'Third', content: _jsx(Text, { typography: 'body2', children: "Third tooltip content" }) })] })] }), _jsx(GlobalTooltipBottomSheet, {})] })),
-};
-export const WithChangeCallback = {
-    render: () => {
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { lx: {
-                        minHeight: 's400',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        padding: 's24',
-                    }, children: _jsxs(Tooltip, { onOpenChange: (newOpen) => alert(`Opened changes to: ${newOpen}`), children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { children: "Press me" }) }), _jsx(TooltipContent, { title: 'My tooltip title', content: _jsx(Text, { typography: 'body2', children: "This is a helpful tooltip" }) })] }) }), _jsx(GlobalTooltipBottomSheet, {})] }));
-    },
-};

package/dist/src/lib/Components/Utility/Box/Box.stories.d.ts

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

package/dist/src/lib/Components/Utility/Box/Box.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAY1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,IAAI,EAAE,KA0BlB,CAAC"}

package/dist/src/lib/Components/Utility/Box/Box.stories.js

@@ -1,42 +0,0 @@
-import { Box } from './Box';
-const meta = {
-    component: Box,
-    title: 'Utility/Box',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        lx: {
-            height: 's48',
-            width: 's48',
-            backgroundColor: 'accent',
-            borderRadius: 'md',
-        },
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Box
-  lx={{
-    height: 's48',
-    width: 's48',
-    backgroundColor: 'accent',
-    borderRadius: 'md',
-    alignSelf: 'center',
-  }}
-/>
-`,
-            },
-        },
-    },
-};

package/dist/src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.stories.d.ts

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

package/dist/src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinearGradient.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwB1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAyC7B,CAAC"}