@ledgerhq/lumen-ui-rnative 0.1.3 → 0.1.5

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

@@ -1,275 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Settings, Information, ArrowRight } from '../../Symbols';
-import { Box, Text } from '../Utility';
-import { Link } from './Link';
-const meta = {
-    component: Link,
-    title: 'Action/Link',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        appearance: {
-            control: 'select',
-            options: ['base', 'accent'],
-            description: 'The visual style appearance of the link',
-        },
-        size: {
-            control: 'select',
-            options: ['sm', 'md'],
-            description: 'The size of the link',
-        },
-        underline: {
-            control: 'boolean',
-            description: 'Whether to underline the link text',
-        },
-        icon: {
-            control: 'select',
-            description: 'Optional icon component to display',
-            options: ['None', 'Information', 'Settings', 'ArrowRight'],
-            mapping: {
-                None: undefined,
-                Information: Information,
-                Settings: Settings,
-                ArrowRight: ArrowRight,
-            },
-        },
-        isExternal: {
-            control: 'boolean',
-            description: 'Whether to display external link icon',
-        },
-        children: {
-            control: 'text',
-            description: 'The content to be displayed inside the link',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        appearance: 'base',
-        size: 'md',
-        children: 'Base Link',
-        href: 'https://ledger.com',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Link appearance="base" href="https://ledger.com">
-  Base Link
-</Link>
-`,
-            },
-        },
-    },
-};
-export const WithIcon = {
-    args: {
-        appearance: 'base',
-        children: 'Link with Icon',
-        icon: Information,
-        href: 'https://ledger.com',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Link
-  appearance="base"
-  icon={Information}
-  href="https://ledger.com"
->
-  Link with Icon
-</Link>
-`,
-            },
-        },
-    },
-};
-export const External = {
-    args: {
-        appearance: 'base',
-        children: 'External Link',
-        isExternal: true,
-        href: 'https://ledger.com',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Link
-  appearance="base"
-  isExternal
-  href="https://ledger.com"
->
-  External Link
-</Link>
-`,
-            },
-        },
-    },
-};
-export const ExternalLinkWithIcon = {
-    args: {
-        appearance: 'base',
-        size: 'md',
-        children: 'External Link with Icon',
-        icon: Information,
-        isExternal: true,
-        href: 'https://ledger.com',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Link
-  appearance="base"
-  size="md"
-  icon={Information}
-  isExternal
-  href="https://ledger.com"
->
-  External Link with Icon
-</Link>
-`,
-            },
-        },
-    },
-};
-export const AppearanceShowcase = {
-    render: () => {
-        const appearances = [
-            { name: 'Base', appearance: 'base' },
-            { name: 'Accent', appearance: 'accent' },
-        ];
-        return (_jsx(Box, { lx: { flexDirection: 'row', gap: 's32', padding: 's8' }, children: appearances.map(({ name, appearance }) => (_jsx(Link, { size: 'md', appearance: appearance, href: 'https://ledger.com', icon: Information, isExternal: true, children: name }, appearance))) }));
-    },
-};
-export const UnderlineShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16', padding: 's8' }, children: [_jsx(Link, { appearance: 'accent', size: 'md', href: 'https://ledger.com', children: "With underline" }), _jsx(Link, { appearance: 'accent', size: 'md', underline: false, href: 'https://ledger.com', children: "Without underline" })] })),
-};
-export const SizesShowcase = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16' }, children: [_jsxs(Box, { lx: {
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 's32',
-                    padding: 's8',
-                }, children: [_jsx(Link, { appearance: 'base', size: 'sm', href: 'https://ledger.com', icon: Information, isExternal: true, children: "Small" }), _jsx(Link, { appearance: 'base', size: 'md', href: 'https://ledger.com', icon: Information, isExternal: true, children: "Medium" })] }), _jsxs(Box, { lx: {
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 's32',
-                    padding: 's8',
-                }, children: [_jsx(Link, { appearance: 'accent', size: 'sm', href: 'https://ledger.com', icon: Information, isExternal: true, children: "Small Accent" }), _jsx(Link, { appearance: 'accent', size: 'md', href: 'https://ledger.com', icon: Information, isExternal: true, children: "Medium Accent" })] })] })),
-};
-export const StatesShowcase = {
-    render: () => (_jsxs(Box, { lx: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 's16',
-            padding: 's8',
-        }, children: [_jsx(Link, { appearance: 'base', href: 'https://ledger.com', children: "Default" }), _jsx(Link, { appearance: 'accent', href: 'https://ledger.com', icon: ArrowRight, children: "With Icon" })] })),
-};
-export const ResponsiveLayout = {
-    render: () => (_jsxs(Box, { lx: {
-            width: 's256',
-            flexDirection: 'column',
-            gap: 's8',
-            borderRadius: 'sm',
-            borderColor: 'mutedSubtle',
-            borderWidth: 's1',
-            padding: 's8',
-        }, children: [_jsx(Link, { underline: true, href: 'https://ledger.com', children: "Short Link" }), _jsx(Link, { appearance: 'base', href: 'https://ledger.com', children: "This is a longer link text that will be truncated with ellipsis when it exceeds the container width" }), _jsx(Link, { appearance: 'base', href: 'https://ledger.com', icon: Information, isExternal: true, children: "Base with long text that is cut off" })] })),
-};
-export const WithCustomNavigation = {
-    render: () => {
-        const handlePress = () => {
-            console.log('Custom navigation triggered');
-            // In a real app: navigation.navigate('Dashboard')
-        };
-        return (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's16', padding: 's8' }, children: [_jsx(Link, { appearance: 'base', size: 'md', onPress: handlePress, children: "Navigate to Dashboard" }), _jsx(Link, { appearance: 'accent', size: 'md', icon: ArrowRight, onPress: handlePress, children: "Continue to Next Screen" })] }));
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-import { useNavigation } from '@react-navigation/native';
-
-function MyComponent() {
-  const navigation = useNavigation();
-  
-  return (
-    <>
-      <Link
-        appearance="base"
-        size="md"
-        onPress={() => navigation.navigate('Dashboard')}
-      >
-        Navigate to Dashboard
-      </Link>
-      
-      <Link
-        appearance="accent"
-        size="md"
-        icon={ArrowRight}
-        onPress={() => navigation.navigate('Next')}
-      >
-        Continue to Next Screen
-      </Link>
-    </>
-  );
-}
-`,
-            },
-        },
-    },
-};
-export const InTextUsage = {
-    render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's32', padding: 's8' }, children: [_jsxs(Text, { typography: 'body2', lx: { color: 'base' }, children: ["By continuing, you agree to our", ' ', _jsx(Link, { appearance: 'base', size: 'sm', href: 'https://ledger.com/terms', children: "Terms & Conditions" }), ' ', "and", ' ', _jsx(Link, { appearance: 'base', size: 'sm', href: 'https://ledger.com/privacy', children: "Privacy Policy" }), "."] }), _jsxs(Text, { typography: 'body1SemiBold', lx: { color: 'interactive' }, children: ["Need help?", ' ', _jsx(Link, { appearance: 'accent', size: 'md', href: 'https://ledger.com/support', children: "Contact Support" })] }), _jsxs(Text, { typography: 'body1SemiBold', lx: { color: 'base' }, children: ["Already have an account?", ' ', _jsx(Link, { appearance: 'accent', size: 'md', underline: false, href: 'https://ledger.com/signin', children: "Sign in" })] })] })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-// Links within text content
-<Text typography='body2' lx={{ color: 'base' }}>
-  By continuing, you agree to our{' '}
-  <Link appearance='base' size='sm' href='https://ledger.com/terms'>
-    Terms & Conditions
-  </Link>{' '}
-  and{' '}
-  <Link appearance='base' size='sm' href='https://ledger.com/privacy'>
-    Privacy Policy
-  </Link>.
-</Text>
-
-// Heading with inline link
-<Text typography='body1SemiBold' lx={{ color: 'interactive' }}>
-  Need help?{' '}
-  <Link appearance='accent' size='md' href='https://ledger.com/support'>
-    Contact Support
-  </Link>
-</Text>
-
-// Bold text with ununderlined link
-<Text typography='body1SemiBold' lx={{ color: 'base' }}>
-  Already have an account?{' '}
-  <Link
-    appearance='accent'
-    size='md'
-    underline={false}
-    href='https://ledger.com/signin'
-  >
-    Sign in
-  </Link>
-</Text>
-`,
-            },
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/ListItem/ListItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAMvE,OAAO,EACL,QAAQ,EAST,MAAM,YAAY,CAAC;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAkC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,IAAI,EAAE,KAgClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqK9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuE9B,CAAC"}

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

@@ -1,106 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Settings, ChevronRight, Wallet } from '../../Symbols';
-import { Switch } from '../Switch/Switch';
-import { Tag } from '../Tag/Tag';
-import { Box } from '../Utility';
-import { ListItem, ListItemLeading, ListItemContent, ListItemTitle, ListItemDescription, ListItemTrailing, ListItemSpot, ListItemIcon, ListItemTruncate, } from './ListItem';
-const meta = {
-    component: ListItem,
-    title: 'Containment/ListItem',
-    subcomponents: {
-        ListItemLeading,
-        ListItemContent,
-        ListItemTitle,
-        ListItemDescription,
-        ListItemTrailing,
-        ListItemSpot,
-        ListItemIcon,
-        ListItemTruncate,
-    },
-    parameters: {
-        layout: 'padded',
-        backgrounds: { default: 'light' },
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        disabled: {
-            control: 'boolean',
-            description: 'Whether the list item is disabled',
-        },
-        onPress: {
-            action: 'pressed',
-            description: 'The function to be called when the list item is pressed',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        lx: { maxWidth: 's320' },
-    },
-    render: (args) => (_jsx(ListItem, { ...args, children: _jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Settings }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Item with Icon and Description" }), _jsx(ListItemDescription, { children: "Additional information" })] })] }) })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<ListItem>
-  <ListItemLeading>
-    <ListItemSpot appearance="icon" icon={Settings} />
-    <ListItemContent>
-      <ListItemTitle>Item with Icon and Description</ListItemTitle>
-      <ListItemDescription>Additional information</ListItemDescription>
-    </ListItemContent>
-  </ListItemLeading>
-</ListItem>
-`,
-            },
-        },
-    },
-};
-export const VariantsShowcase = {
-    render: () => {
-        const [selected, setSelected] = useState(false);
-        return (_jsxs(Box, { lx: { flexDirection: 'column', maxWidth: 's320', gap: 's8' }, children: [_jsx(ListItem, { children: _jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Settings }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Simple composition" }), _jsx(ListItemDescription, { children: "With description" })] })] }) }), _jsxs(ListItem, { onPress: () => setSelected(!selected), children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Wallet }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Switch Variant" }), _jsx(ListItemDescription, { children: "With description" })] })] }), _jsx(ListItemTrailing, { children: _jsx(Switch, { checked: selected, onCheckedChange: setSelected }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Wallet }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Content Variant" }), _jsx(ListItemDescription, { children: "With description" })] })] }), _jsx(ListItemTrailing, { children: _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "42.10" }), _jsx(ListItemDescription, { children: "USD" })] }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Wallet }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Content Variant" }), _jsx(ListItemDescription, { children: "Custom style" })] })] }), _jsx(ListItemTrailing, { children: _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "USD" }), _jsx(ListItemDescription, { lx: { color: 'error' }, children: "-7.53%" })] }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Wallet }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Content Variant" }), _jsx(ListItemDescription, { children: "Custom style" })] })] }), _jsx(ListItemTrailing, { children: _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "USD" }), _jsx(ListItemDescription, { lx: { color: 'success' }, children: "+7.53%" })] }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Settings }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Tag Variant" }), _jsx(ListItemDescription, { children: "Custom style" })] })] }), _jsx(ListItemTrailing, { children: _jsx(Tag, { size: 'sm', label: 'New', appearance: 'accent' }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Settings }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Icon Variant" }), _jsx(ListItemDescription, { children: "With description" })] })] }), _jsx(ListItemTrailing, { children: _jsx(ListItemIcon, { icon: ChevronRight }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemIcon, { icon: Wallet }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Icon without Spot" }), _jsx(ListItemDescription, { children: "Using ListItemIcon" })] })] }), _jsx(ListItemTrailing, { children: _jsx(ListItemIcon, { icon: ChevronRight }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Wallet }), _jsxs(ListItemContent, { children: [_jsxs(ListItemTitle, { children: [_jsx(ListItemTruncate, { variant: 'title', children: "Complex 1" }), _jsx(Tag, { size: 'sm', label: 'New', appearance: 'base' })] }), _jsxs(ListItemDescription, { children: [_jsx(ListItemTruncate, { children: "With description" }), _jsx(Tag, { size: 'sm', label: 'Custom Tag', appearance: 'gray' })] })] })] }), _jsx(ListItemTrailing, { children: _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "42.10" }), _jsx(ListItemDescription, { children: "USD" })] }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Wallet }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Complex 2" }), _jsx(ListItemDescription, { children: "With description" })] })] }), _jsx(ListItemTrailing, { children: _jsxs(ListItemContent, { children: [_jsxs(ListItemTitle, { children: [_jsx(Tag, { size: 'sm', label: 'New', appearance: 'base' }), _jsx(ListItemTruncate, { variant: 'title', children: "1200.12" })] }), _jsx(ListItemDescription, { children: _jsx(Tag, { size: 'sm', label: 'BTC', appearance: 'gray' }) })] }) })] })] }));
-    },
-};
-export const DisabledState = {
-    args: {
-        disabled: true,
-    },
-    render: (args) => (_jsxs(Box, { lx: { flexDirection: 'column', width: 's320' }, children: [_jsxs(ListItem, { ...args, children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Settings }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Disabled Item" }), _jsx(ListItemDescription, { children: "This item is disabled" })] })] }), _jsx(ListItemTrailing, { children: _jsx(Switch, { checked: false, disabled: args.disabled }) })] }), _jsxs(ListItem, { ...args, children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Settings }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Disabled Item" }), _jsx(ListItemDescription, { children: "This item is disabled" })] })] }), _jsx(ListItemTrailing, { children: _jsx(ListItemIcon, { icon: ChevronRight }) })] }), _jsxs(ListItem, { ...args, children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Wallet }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Content Variant" }), _jsx(ListItemDescription, { children: "With description" })] })] }), _jsx(ListItemTrailing, { children: _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "42.10" }), _jsx(ListItemDescription, { children: "USD" })] }) })] }), _jsx(ListItem, { ...args, children: _jsxs(ListItemLeading, { children: [_jsx(ListItemIcon, { icon: Wallet }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Icon without Spot" }), _jsx(ListItemDescription, { children: "Using ListItemIcon" })] })] }) })] })),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<ListItem disabled>
-  <ListItemLeading>
-    <ListItemSpot appearance="icon" icon={Settings} />
-    <ListItemContent>
-      <ListItemTitle>Disabled Item</ListItemTitle>
-      <ListItemDescription>This item is disabled</ListItemDescription>
-    </ListItemContent>
-  </ListItemLeading>
-  <ListItemTrailing>
-    <ChevronRight size={24} />
-  </ListItemTrailing>
-</ListItem>
-`,
-            },
-        },
-    },
-};
-export const ResponsiveLayout = {
-    render: () => (_jsx(Box, { lx: {
-            width: 's400',
-            borderWidth: 's1',
-            borderColor: 'mutedSubtle',
-            padding: 's16',
-        }, children: _jsxs(Box, { lx: { flexDirection: 'column' }, children: [_jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Settings }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Short Title" }), _jsx(ListItemDescription, { children: "Short description" })] })] }), _jsx(ListItemTrailing, { children: _jsx(ListItemIcon, { icon: ChevronRight }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Settings }), _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Long Title that should truncate appropriately" }), _jsx(ListItemDescription, { children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos." })] })] }), _jsx(ListItemTrailing, { children: _jsx(ListItemIcon, { icon: ChevronRight }) })] }), _jsxs(ListItem, { children: [_jsxs(ListItemLeading, { children: [_jsx(ListItemSpot, { appearance: 'icon', icon: Wallet }), _jsxs(ListItemContent, { children: [_jsxs(ListItemTitle, { children: [_jsx(ListItemTruncate, { variant: 'title', children: "Long Title that should truncate appropriately" }), _jsx(Tag, { size: 'sm', label: 'New', appearance: 'base' })] }), _jsxs(ListItemDescription, { children: [_jsx(ListItemTruncate, { children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos." }), _jsx(Tag, { size: 'sm', label: 'Custom Tag', appearance: 'gray' })] })] })] }), _jsx(ListItemTrailing, { children: _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "42.10" }), _jsx(ListItemDescription, { children: "USD" })] }) })] })] }) })),
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavBar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/NavBar/NavBar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EACL,MAAM,EAOP,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA6B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KA8BzC,CAAC"}

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

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CryptoIcon } from '@ledgerhq/crypto-icons';
-import { MoreHorizontal, Settings } from '../../Symbols';
-import { IconButton } from '../IconButton';
-import { NavBar, NavBarBackButton, NavBarCoinCapsule, NavBarContent, NavBarDescription, NavBarTitle, NavBarTrailing, } from './NavBar';
-const meta = {
-    component: NavBar,
-    title: 'Navigation/NavBar',
-    subcomponents: {
-        NavBarBackButton,
-        NavBarContent,
-        NavBarTitle,
-        NavBarDescription,
-        NavBarCoinCapsule,
-        NavBarTrailing,
-    },
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        appearance: {
-            control: 'select',
-            options: ['compact', 'expanded'],
-            description: 'Controls the appearance/layout of the NavBar',
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        appearance: 'compact',
-        lx: {
-            width: 's480',
-        },
-    },
-    render: (args) => (_jsxs(NavBar, { ...args, children: [_jsx(NavBarBackButton, { onPress: () => console.log('Back pressed') }), _jsxs(NavBarContent, { children: [_jsx(NavBarTitle, { children: "Title" }), _jsx(NavBarDescription, { children: "Description" })] }), _jsx(NavBarTrailing, { children: _jsx(IconButton, { appearance: 'no-background', size: 'md', icon: MoreHorizontal, accessibilityLabel: 'More options' }) })] })),
-};
-export const Expanded = {
-    args: {
-        appearance: 'expanded',
-        lx: {
-            width: 's480',
-        },
-    },
-    render: (args) => (_jsxs(NavBar, { ...args, children: [_jsx(NavBarBackButton, { onPress: () => console.log('Back pressed') }), _jsxs(NavBarContent, { children: [_jsx(NavBarTitle, { children: "Account Details" }), _jsx(NavBarDescription, { children: "View and manage your account" })] }), _jsx(NavBarTrailing, { children: _jsx(IconButton, { appearance: 'no-background', size: 'md', icon: Settings, accessibilityLabel: 'Settings' }) })] })),
-};
-export const WithCoinCapsule = {
-    args: {
-        appearance: 'compact',
-        lx: {
-            width: 's480',
-        },
-    },
-    render: (args) => (_jsxs(NavBar, { ...args, children: [_jsx(NavBarBackButton, { onPress: () => console.log('Back pressed') }), _jsx(NavBarContent, { children: _jsx(NavBarCoinCapsule, { ticker: 'BTC', icon: _jsx(CryptoIcon, { ledgerId: 'bitcoin', ticker: 'BTC', size: '24px' }) }) }), _jsx(NavBarTrailing, { children: _jsx(IconButton, { appearance: 'no-background', size: 'md', icon: MoreHorizontal, accessibilityLabel: 'More options' }) })] })),
-};
-export const WithMultipleTrailingActions = {
-    args: {
-        appearance: 'compact',
-        lx: {
-            width: 's480',
-        },
-    },
-    render: (args) => (_jsxs(NavBar, { ...args, children: [_jsx(NavBarBackButton, { onPress: () => console.log('Back pressed') }), _jsxs(NavBarContent, { children: [_jsx(NavBarTitle, { children: "Portfolio" }), _jsx(NavBarDescription, { children: "Manage your assets" })] }), _jsxs(NavBarTrailing, { children: [_jsx(IconButton, { appearance: 'no-background', size: 'md', icon: Settings, accessibilityLabel: 'Settings' }), _jsx(IconButton, { appearance: 'no-background', size: 'md', icon: MoreHorizontal, accessibilityLabel: 'More options' })] })] })),
-};

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

@@ -1,27 +0,0 @@
-import type { StoryObj } from '@storybook/react-native-web-vite';
-declare const meta: {
-    title: string;
-    component: {
-        ({ currentPage, totalPages, lx, ref, ...props }: import("./types").PageIndicatorProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    parameters: {
-        layout: string;
-        backgrounds: {
-            default: string;
-        };
-    };
-    argTypes: {
-        currentPage: {
-            control: "number";
-        };
-        totalPages: {
-            control: "number";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Base: Story;
-export declare const Interactive: Story;
-//# sourceMappingURL=PageIndicator.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageIndicator.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/PageIndicator/PageIndicator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAOvE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAW4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AA0CF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}

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

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, IconButton } from '../';
-import { useTheme } from '../../../styles';
-import { ArrowLeft, ArrowRight } from '../../Symbols';
-import { PageIndicator } from './PageIndicator';
-const meta = {
-    title: 'Communication/PageIndicator',
-    component: PageIndicator,
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-    },
-    argTypes: {
-        currentPage: { control: 'number' },
-        totalPages: { control: 'number' },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        currentPage: 1,
-        totalPages: 5,
-    },
-};
-const InteractiveComponent = ({ totalPages }) => {
-    const [page, setPage] = useState(1);
-    const { theme } = useTheme();
-    return (_jsxs(Box, { lx: { gap: 's16', alignItems: 'center', width: 'full' }, children: [_jsxs(Box, { lx: {
-                    flexDirection: 'row',
-                    gap: 's16',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                }, children: [_jsx(IconButton, { icon: ArrowLeft, size: 'xs', accessibilityLabel: 'Previous page', appearance: 'transparent', onPress: () => setPage((v) => Math.max(1, v - 1)) }), _jsx(Text, { lx: { color: 'base', width: 's28', textAlign: 'center' }, style: { ...theme.typographies.heading2SemiBold }, children: page }), _jsx(IconButton, { icon: ArrowRight, size: 'xs', accessibilityLabel: 'Next page', appearance: 'transparent', onPress: () => setPage((v) => Math.min(totalPages, v + 1)) })] }), _jsx(PageIndicator, { currentPage: page, totalPages: totalPages })] }));
-};
-export const Interactive = {
-    args: {
-        currentPage: 1,
-        totalPages: 9,
-    },
-    render: (args) => _jsx(InteractiveComponent, { totalPages: args.totalPages }),
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAiClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AA6B1C,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC"}