@ledgerhq/lumen-ui-rnative 0.1.3 → 0.1.5

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAsC/B,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,KAwCvB,CAAC"}

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

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from '../Utility';
-import { Checkbox } from './Checkbox';
-const meta = {
-    title: 'Selection/Checkbox',
-    component: Checkbox,
-    parameters: {
-        layout: 'fullscreen',
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    args: {
-        label: 'Checkbox',
-    },
-    argTypes: {
-        checked: {
-            control: 'boolean',
-            description: 'The controlled checked state of the checkbox',
-        },
-        defaultChecked: {
-            control: 'boolean',
-            description: 'The default checked state (uncontrolled)',
-        },
-        disabled: {
-            control: 'boolean',
-            description: 'If true, the checkbox is disabled',
-        },
-        onCheckedChange: {
-            action: 'checked changed',
-            description: 'Callback function called when the checked state changes',
-        },
-        label: {
-            control: 'text',
-            description: 'The label text of the checkbox',
-        },
-    },
-};
-export default meta;
-/**
- * The base checkbox 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(Checkbox, { ...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(Checkbox, { label: 'Unchecked', accessibilityLabel: 'Unchecked', defaultChecked: false }), _jsx(Checkbox, { label: 'Checked', defaultChecked: true })] })] }), _jsxs(Box, { style: { gap: 16 }, children: [_jsx(Text, { typography: 'heading5', children: "Disabled" }), _jsxs(Box, { style: { gap: 8 }, children: [_jsx(Checkbox, { label: 'Unchecked', disabled: true, defaultChecked: false }), _jsx(Checkbox, { label: 'Checked', disabled: true, defaultChecked: true })] })] })] }) }) })),
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContentBanner.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/ContentBanner/ContentBanner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAOvE,OAAO,EACL,aAAa,EAId,MAAM,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CA6BpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI,EAAE,KAkClB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAoDvC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC"}

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

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Settings, Wallet } from '../../Symbols';
-import { Button } from '../Button';
-import { Spot } from '../Spot';
-import { Stepper } from '../Stepper';
-import { Box, Text } from '../Utility';
-import { ContentBanner, ContentBannerContent, ContentBannerDescription, ContentBannerTitle, } from './ContentBanner';
-const meta = {
-    component: ContentBanner,
-    title: 'Communication/ContentBanner',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        onClose: {
-            control: 'select',
-            description: 'Close action callback',
-            options: ['With Close', 'None'],
-            mapping: {
-                'With Close': () => {
-                    console.log('Close clicked');
-                },
-                None: undefined,
-            },
-        },
-        closeAccessibilityLabel: {
-            control: 'text',
-            description: 'Accessibility label for the close button',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        closeAccessibilityLabel: 'Close content banner',
-    },
-    render: (args) => (_jsx(Box, { lx: { maxWidth: 's400' }, children: _jsxs(ContentBanner, { ...args, children: [_jsx(Spot, { appearance: 'icon', icon: Settings, size: 48 }), _jsxs(ContentBannerContent, { children: [_jsx(ContentBannerTitle, { children: "Content Banner" }), _jsx(ContentBannerDescription, { children: "This is a description for the content banner." })] })] }) })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<ContentBanner>
-  <Spot appearance="icon" icon={Settings} size={48} />
-  <ContentBannerContent>
-    <ContentBannerTitle>Content Banner</ContentBannerTitle>
-    <ContentBannerDescription>
-      This is a description for the content banner.
-    </ContentBannerDescription>
-  </ContentBannerContent>
-</ContentBanner>
-`,
-            },
-        },
-    },
-};
-export const WithClose = {
-    render: () => {
-        const [visible, setVisible] = React.useState(true);
-        if (!visible) {
-            return (_jsx(Button, { appearance: 'transparent', size: 'sm', onPress: () => setVisible(true), children: "Show banner again" }));
-        }
-        return (_jsx(Box, { lx: { maxWidth: 's400' }, children: _jsxs(ContentBanner, { onClose: () => setVisible(false), closeAccessibilityLabel: 'Close content banner', children: [_jsx(Spot, { appearance: 'icon', icon: Settings, size: 48 }), _jsxs(ContentBannerContent, { children: [_jsx(ContentBannerTitle, { children: "Dismissible Banner" }), _jsx(ContentBannerDescription, { children: "Press the close button to dismiss this banner." })] })] }) }));
-    },
-};
-export const ContentVariationsShowcase = {
-    render: () => (_jsxs(Box, { lx: {
-            flexDirection: 'column',
-            maxWidth: 's400',
-            gap: 's16',
-            padding: 's8',
-        }, children: [_jsxs(ContentBanner, { children: [_jsx(Spot, { appearance: 'icon', icon: Settings, size: 48 }), _jsx(ContentBannerContent, { children: _jsx(ContentBannerTitle, { children: "Title Only" }) })] }), _jsxs(ContentBanner, { children: [_jsx(Spot, { appearance: 'icon', icon: Wallet, size: 48 }), _jsxs(ContentBannerContent, { children: [_jsx(ContentBannerTitle, { children: "Title with Description" }), _jsx(ContentBannerDescription, { children: "This is a description for the content banner." })] })] }), _jsxs(ContentBanner, { onClose: () => console.log('close'), children: [_jsx(Spot, { appearance: 'icon', icon: Wallet, size: 48 }), _jsxs(ContentBannerContent, { children: [_jsx(ContentBannerTitle, { children: "With Close Button" }), _jsx(ContentBannerDescription, { children: "A content banner with a leading icon and close button." })] })] }), _jsxs(ContentBanner, { onClose: () => console.log('close'), children: [_jsx(Spot, { appearance: 'icon', icon: Settings, size: 48 }), _jsxs(ContentBannerContent, { children: [_jsx(ContentBannerTitle, { children: "Longer Title That Demonstrates Clamping Behavior With a Long Description" }), _jsx(ContentBannerDescription, { children: "This is a longer description that demonstrates how the content banner handles overflow. It should be clamped at two lines." })] })] })] })),
-};
-export const WithStepper = {
-    render: () => (_jsx(Box, { lx: { maxWidth: 's400' }, children: _jsxs(ContentBanner, { onClose: () => console.log('close'), children: [_jsx(Stepper, { currentStep: 2, totalSteps: 4 }), _jsxs(ContentBannerContent, { children: [_jsx(ContentBannerTitle, { children: "Setup your wallet" }), _jsx(ContentBannerDescription, { children: "Complete all steps to secure your wallet." })] })] }) })),
-};
-export const ResponsiveLayout = {
-    render: () => (_jsxs(Box, { lx: {
-            width: 's400',
-            flexDirection: 'column',
-            gap: 's16',
-            backgroundColor: 'mutedPressed',
-            padding: 's16',
-        }, children: [_jsx(Text, { typography: 'body4SemiBold', lx: { color: 'muted' }, children: "Container with a fixed width" }), _jsxs(ContentBanner, { children: [_jsx(Spot, { appearance: 'icon', icon: Settings, size: 48 }), _jsxs(ContentBannerContent, { children: [_jsx(ContentBannerTitle, { children: "Short Title" }), _jsx(ContentBannerDescription, { children: "Short description" })] })] }), _jsxs(ContentBanner, { onClose: () => console.log('close'), children: [_jsx(Spot, { appearance: 'icon', icon: Wallet, size: 48 }), _jsxs(ContentBannerContent, { children: [_jsx(ContentBannerTitle, { children: "Longer Title That Might Overflow When Container is Smaller" }), _jsx(ContentBannerDescription, { children: "This is a longer description that demonstrates how the content banner handles longer content within its constraints. It should be clamped at two lines with an ellipsis." })] })] })] })),
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Divider/Divider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAM9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA6DpB,CAAC"}

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

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../Utility/Box';
-import { Text } from '../Utility/Text';
-import { Divider } from './Divider';
-const meta = {
-    component: Divider,
-    title: 'Layout/Divider',
-    parameters: {
-        actions: { disable: true },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        orientation: 'horizontal',
-    },
-    render: (args) => {
-        const isVertical = args.orientation === 'vertical';
-        return (_jsxs(Box, { lx: isVertical
-                ? { flexDirection: 'row', alignItems: 'center', gap: 's16' }
-                : { width: 'full', gap: 's16' }, children: [_jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: isVertical ? 'Left content' : 'Content above' }), _jsx(Divider, { ...args, lx: isVertical ? { height: 's48' } : undefined }), _jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: isVertical ? 'Right content' : 'Content below' })] }));
-    },
-};
-export const OrientationShowcase = {
-    render: () => (_jsxs(Box, { lx: { gap: 's32' }, children: [_jsxs(Box, { lx: { gap: 's8' }, children: [_jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "Horizontal (default)" }), _jsxs(Box, { lx: { width: 'full', gap: 's16' }, children: [_jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: "Content above" }), _jsx(Divider, { orientation: 'horizontal' }), _jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: "Content below" })] })] }), _jsxs(Box, { lx: { gap: 's8' }, children: [_jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "Vertical" }), _jsxs(Box, { lx: { flexDirection: 'row', alignItems: 'center', gap: 's16' }, children: [_jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: "Left content" }), _jsx(Divider, { orientation: 'vertical', lx: { height: 's48' } }), _jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: "Right content" })] })] })] })),
-};
-export const InList = {
-    render: () => (_jsxs(Box, { lx: {
-            width: 'full',
-            maxWidth: 's400',
-            backgroundColor: 'canvas',
-            borderRadius: 'lg',
-            borderWidth: 's1',
-            borderColor: 'muted',
-        }, children: [_jsxs(Box, { lx: {
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    padding: 's16',
-                }, children: [_jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: "Item 1" }), _jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "$100" })] }), _jsx(Divider, {}), _jsxs(Box, { lx: {
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    padding: 's16',
-                }, children: [_jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: "Item 2" }), _jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "$200" })] }), _jsx(Divider, {}), _jsxs(Box, { lx: {
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    padding: 's16',
-                }, children: [_jsx(Text, { typography: 'body2', lx: { color: 'base' }, children: "Item 3" }), _jsx(Text, { typography: 'body3', lx: { color: 'muted' }, children: "$300" })] })] })),
-};

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

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import * as Icons from '../../Symbols';
-import type { IconSize } from './types';
-declare const meta: Meta;
-export default meta;
-type IconName = keyof typeof Icons;
-type IconStoryProps = {
-    size: IconSize;
-    name: IconName;
-    color?: string;
-};
-export declare const Icon: StoryObj<IconStoryProps>;
-export declare const IconSizes: StoryObj;
-export declare const Gallery: StoryObj;
-//# sourceMappingURL=Icon.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,KAAK,KAAK,MAAM,eAAe,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAEX,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,KAAK,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAGnC,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoEF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,cAAc,CA4CzC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QA0CvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QA+ErB,CAAC"}

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

@@ -1,137 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { useTheme } from '../../../styles';
-import * as Icons from '../../Symbols';
-import { SearchInput } from '../SearchInput/SearchInput';
-import { Box, Text, Pressable } from '../Utility';
-const meta = {
-    title: 'Symbols/Interface Icons',
-};
-export default meta;
-const sizes = [12, 16, 20, 24, 32, 40, 48, 56];
-const iconNames = Object.keys(Icons);
-const IconCard = ({ name, size = 24, color }) => {
-    const { theme } = useTheme();
-    const [copied, setCopied] = useState(false);
-    const IconComponent = Icons[name];
-    const iconColor = color ?? theme.colors.text.base;
-    const handleClick = async () => {
-        try {
-            await navigator.clipboard.writeText(name);
-            setCopied(true);
-            setTimeout(() => setCopied(false), 1500);
-        }
-        catch (err) {
-            console.error('Failed to copy:', err);
-        }
-    };
-    return (_jsxs(Pressable, { onPress: handleClick, lx: {
-            position: 'relative',
-            flexDirection: 'column',
-            alignItems: 'center',
-            gap: 's8',
-            borderRadius: 'sm',
-            padding: 's16',
-            width: 's96',
-        }, style: ({ pressed }) => ({
-            backgroundColor: pressed ? theme.colors.bg.mutedPressed : 'transparent',
-        }), children: [_jsx(IconComponent, { size: size, style: { color: iconColor } }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: name }), copied && (_jsx(Box, { lx: {
-                    position: 'absolute',
-                    top: 's0',
-                    left: 's0',
-                    right: 's0',
-                    bottom: 's0',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    borderRadius: 'sm',
-                    backgroundColor: 'muted',
-                }, children: _jsx(Text, { typography: 'body4', lx: { color: 'onAccent' }, children: "Copied!" }) }))] }, name));
-};
-export const Icon = {
-    args: {
-        size: 24,
-        name: 'Home',
-    },
-    argTypes: {
-        size: {
-            control: 'select',
-            options: sizes,
-            description: 'The size of the icon in pixels',
-        },
-        name: {
-            control: 'select',
-            options: iconNames,
-            description: 'The name of the icon to display',
-        },
-        color: {
-            control: 'color',
-            description: 'The color of the icon',
-        },
-    },
-    render: (args) => {
-        const { theme } = useTheme();
-        const IconComponent = Icons[args.name];
-        const iconColor = args.color ?? theme.colors.text.base;
-        return (_jsx(Box, { lx: { padding: 's8' }, children: _jsxs(Box, { lx: { flexDirection: 'column', alignItems: 'center', gap: 's4' }, children: [_jsx(IconComponent, { size: args.size, style: { color: iconColor } }), _jsx(Text, { lx: { color: 'base' }, children: args.name })] }) }));
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-        <Information size={24} style={{ color: theme.colors.text.base }} />
-      `,
-            },
-        },
-    },
-};
-export const IconSizes = {
-    render: () => {
-        const { theme } = useTheme();
-        return (_jsx(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: sizes.map((size) => (_jsxs(Box, { lx: { flexDirection: 'column' }, children: [_jsxs(Text, { typography: 'heading4', lx: { marginBottom: 's16' }, children: ["Size ", size, "px"] }), _jsx(Box, { lx: {
-                            flexDirection: 'row',
-                            flexWrap: 'wrap',
-                            gap: 's8',
-                            borderRadius: 'sm',
-                            padding: 's8',
-                        }, style: {
-                            borderWidth: 1,
-                            borderColor: theme.colors.border.mutedSubtle,
-                        }, children: [
-                            'Home',
-                            'Settings',
-                            'Heart',
-                            'Star',
-                            'ArrowDown',
-                            'ArrowLeft',
-                            'ArrowRight',
-                            'ArrowUp',
-                        ].map((iconName) => (_jsx(IconCard, { name: iconName, size: size }, iconName))) })] }, size))) }));
-    },
-};
-export const Gallery = {
-    parameters: {
-        layout: 'fullscreen',
-    },
-    render: () => {
-        const { theme } = useTheme();
-        const [searchTerm, setSearchTerm] = useState('');
-        // Filter icons based on search term
-        const filteredIcons = Object.entries(Icons).filter(([name]) => name.toLowerCase().includes(searchTerm.toLowerCase()));
-        return (_jsxs(Box, { lx: {
-                width: 'full',
-                flexDirection: 'column',
-                alignItems: 'stretch',
-                padding: 's8',
-            }, children: [_jsxs(Box, { lx: { marginBottom: 's32' }, children: [_jsx(Box, { lx: { marginBottom: 's8', maxWidth: 's320' }, children: _jsx(SearchInput, { placeholder: 'Search icons...', value: searchTerm, onChangeText: setSearchTerm }) }), _jsx(Box, { lx: { marginBottom: 's4' }, children: _jsxs(Text, { typography: 'body3', lx: { marginLeft: 's8', color: 'muted' }, children: [filteredIcons.length, " of ", Object.keys(Icons).length, " icons", searchTerm && ` matching "${searchTerm}"`] }) })] }), _jsx(Box, { lx: { flexDirection: 'row', flexWrap: 'wrap', gap: 's8' }, children: filteredIcons.map(([name]) => (_jsx(IconCard, { name: name }, name))) }), filteredIcons.length === 0 && searchTerm && (_jsxs(Box, { lx: {
-                        flexDirection: 'column',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        paddingVertical: 's16',
-                    }, children: [_jsxs(Text, { typography: 'body2', lx: { color: 'muted' }, children: ["No icons found matching \"", searchTerm, "\""] }), _jsx(Pressable, { onPress: () => setSearchTerm(''), style: ({ pressed }) => ({
-                                marginTop: 16,
-                                color: pressed
-                                    ? theme.colors.text.interactivePressed
-                                    : theme.colors.text.interactive,
-                            }), children: _jsx(Text, { typography: 'body2', lx: { color: 'interactive' }, children: "Clear search" }) })] }))] }));
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyCjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAmBhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoB5B,CAAC"}

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

@@ -1,74 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Close, Heart, Plus, Settings, Share } from '../../Symbols';
-import { Box } from '../Utility';
-import { IconButton } from './IconButton';
-const iconMap = {
-    Heart,
-    Plus,
-    Settings,
-    Share,
-    Close,
-};
-const meta = {
-    title: 'Action/IconButton',
-    component: IconButton,
-    argTypes: {
-        icon: {
-            options: Object.keys(iconMap),
-            mapping: iconMap,
-            control: {
-                type: 'select',
-                labels: {
-                    Heart: 'Heart',
-                    Plus: 'Plus',
-                    Settings: 'Settings',
-                    Share: 'Share',
-                    Close: 'Close',
-                },
-            },
-        },
-        accessibilityLabel: {
-            control: 'text',
-            description: 'Accessibility label for screen readers',
-        },
-        appearance: {
-            control: 'select',
-            options: [
-                'base',
-                'gray',
-                'accent',
-                'transparent',
-                'no-background',
-                'red',
-            ],
-        },
-        size: {
-            control: 'select',
-            options: ['xs', 'sm', 'md', 'lg'],
-        },
-        disabled: {
-            control: 'boolean',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        accessibilityLabel: 'Settings',
-        icon: Settings,
-        size: 'md',
-        appearance: 'base',
-    },
-};
-export const AppearanceShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'row', gap: 's8' }, children: [_jsx(IconButton, { accessibilityLabel: 'Add', icon: Plus, appearance: 'accent' }), _jsx(IconButton, { accessibilityLabel: 'Add', icon: Plus, appearance: 'base' }), _jsx(IconButton, { accessibilityLabel: 'Add', icon: Plus, appearance: 'gray' }), _jsx(IconButton, { accessibilityLabel: 'Add', icon: Plus, appearance: 'transparent' }), _jsx(IconButton, { accessibilityLabel: 'Add', icon: Plus, appearance: 'no-background' }), _jsx(IconButton, { accessibilityLabel: 'Add', icon: Plus, appearance: 'red' })] })),
-};
-export const SizesShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'row', alignItems: 'center', gap: 's8' }, children: [_jsx(IconButton, { accessibilityLabel: 'Add to favorites', icon: Heart, size: 'xs' }), _jsx(IconButton, { accessibilityLabel: 'Add to favorites', icon: Heart, size: 'sm' }), _jsx(IconButton, { accessibilityLabel: 'Add to favorites', icon: Heart, size: 'md' }), _jsx(IconButton, { accessibilityLabel: 'Add to favorites', icon: Heart, size: 'lg' })] })),
-};
-export const StatesShowcase = {
-    args: {
-        appearance: 'base',
-    },
-    render: ({ appearance }) => (_jsxs(Box, { lx: { flexDirection: 'row', alignItems: 'flex-start', gap: 's8' }, children: [_jsx(IconButton, { accessibilityLabel: 'Settings', appearance: appearance, icon: Settings, disabled: true }), _jsx(IconButton, { accessibilityLabel: 'Settings', appearance: appearance, icon: Settings, loading: true })] })),
-};

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

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native';
-import { InteractiveIcon } from './InteractiveIcon';
-declare const meta: Meta<typeof InteractiveIcon>;
-export default meta;
-type Story = StoryObj<typeof InteractiveIcon>;
-export declare const Base: Story;
-export declare const Stroked: Story;
-export declare const IconTypeShowcase: Story;
-export declare const SizesShowcase: Story;
-export declare const StatesShowcase: Story;
-//# sourceMappingURL=InteractiveIcon.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InteractiveIcon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAQ9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAuBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsD5B,CAAC"}

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

@@ -1,90 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Settings, PenEdit, DeleteCircleFill, MoreVertical, } from '../../Symbols';
-import { Box, Text } from '../Utility';
-import { InteractiveIcon } from './InteractiveIcon';
-const meta = {
-    component: InteractiveIcon,
-    title: 'Action/InteractiveIcon',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        children: {
-            control: 'select',
-            options: ['Settings', 'PenEdit', 'DeleteCircleFill'],
-            mapping: {
-                Settings: _jsx(Settings, {}),
-                PenEdit: _jsx(PenEdit, {}),
-                DeleteCircleFill: _jsx(DeleteCircleFill, {}),
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        iconType: 'filled',
-        children: _jsx(DeleteCircleFill, {}),
-        accessibilityLabel: 'Delete',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<InteractiveIcon iconType="filled" accessibilityLabel="Delete">
-  <DeleteCircleFill />
-</InteractiveIcon>
-`,
-            },
-        },
-    },
-};
-export const Stroked = {
-    args: {
-        iconType: 'stroked',
-        children: _jsx(MoreVertical, {}),
-        accessibilityLabel: 'More actions',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<InteractiveIcon iconType="stroked" accessibilityLabel="More actions">
-  <MoreVertical />
-</InteractiveIcon>
-`,
-            },
-        },
-    },
-};
-export const IconTypeShowcase = {
-    render: () => {
-        return (_jsxs(Box, { lx: { flexDirection: 'row', gap: 's16', padding: 's8' }, children: [_jsxs(Box, { lx: { flexDirection: 'column', alignItems: 'center', gap: 's4' }, children: [_jsx(Text, { lx: { color: 'muted' }, typography: 'body3', children: "Filled" }), _jsx(InteractiveIcon, { iconType: 'filled', accessibilityLabel: 'Delete', children: _jsx(DeleteCircleFill, {}) })] }), _jsxs(Box, { lx: { flexDirection: 'column', alignItems: 'center', gap: 's4' }, children: [_jsx(Text, { lx: { color: 'muted' }, typography: 'body3', children: "Stroked" }), _jsx(InteractiveIcon, { iconType: 'stroked', accessibilityLabel: 'More actions', children: _jsx(MoreVertical, {}) })] })] }));
-    },
-};
-export const SizesShowcase = {
-    render: () => {
-        const iconSizes = [16, 20, 24, 40];
-        return (_jsx(Box, { lx: { flexDirection: 'row', gap: 's12', padding: 's8' }, children: iconSizes.map((size) => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: [_jsx(Box, { lx: {
-                            width: 's72',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                        }, children: _jsx(InteractiveIcon, { iconType: 'stroked', accessibilityLabel: 'More', children: _jsx(DeleteCircleFill, { size: size }) }, size) }), _jsxs(Text, { lx: { textAlign: 'center' }, typography: 'body3', children: [size, "px"] })] }, size))) }));
-    },
-};
-export const StatesShowcase = {
-    render: () => {
-        return (_jsxs(Box, { lx: {
-                flexDirection: 'row',
-                gap: 's16',
-                backgroundColor: 'base',
-                padding: 's8',
-            }, children: [_jsxs(Box, { lx: { flexDirection: 'column', alignItems: 'center', gap: 's4' }, children: [_jsx(Text, { lx: { color: 'muted' }, typography: 'body3', children: "Filled enabled" }), _jsx(InteractiveIcon, { iconType: 'filled', accessibilityLabel: 'Delete', children: _jsx(DeleteCircleFill, {}) })] }), _jsxs(Box, { lx: { flexDirection: 'column', alignItems: 'center', gap: 's4' }, children: [_jsx(Text, { lx: { color: 'muted' }, typography: 'body3', children: "Stroked enabled" }), _jsx(InteractiveIcon, { iconType: 'stroked', accessibilityLabel: 'More actions', children: _jsx(MoreVertical, {}) })] }), _jsxs(Box, { lx: { flexDirection: 'column', alignItems: 'center', gap: 's4' }, children: [_jsx(Text, { lx: { color: 'muted' }, typography: 'body3', children: "Filled disabled" }), _jsx(InteractiveIcon, { iconType: 'filled', accessibilityLabel: 'Delete', disabled: true, children: _jsx(DeleteCircleFill, {}) })] }), _jsxs(Box, { lx: { flexDirection: 'column', alignItems: 'center', gap: 's4' }, children: [_jsx(Text, { lx: { color: 'muted' }, typography: 'body3', children: "Stroked disabled" }), _jsx(InteractiveIcon, { iconType: 'stroked', accessibilityLabel: 'More actions', disabled: true, children: _jsx(MoreVertical, {}) })] })] }));
-    },
-};

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

@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Link } from './Link';
-declare const meta: Meta<typeof Link>;
-export default meta;
-type Story = StoryObj<typeof Link>;
-export declare const Base: Story;
-export declare const WithIcon: Story;
-export declare const External: Story;
-export declare const ExternalLinkWithIcon: Story;
-export declare const AppearanceShowcase: Story;
-export declare const UnderlineShowcase: Story;
-export declare const SizesShowcase: Story;
-export declare const StatesShowcase: Story;
-export declare const ResponsiveLayout: Story;
-export declare const WithCustomNavigation: Story;
-export declare const InTextUsage: Story;
-//# sourceMappingURL=Link.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Link/Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA+C3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA0BlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAwBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgB/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA2D3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyDlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2EzB,CAAC"}