@ledgerhq/lumen-ui-rnative 0.1.4 → 0.1.5

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"}

package/dist/src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.stories.js

@@ -1,105 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from 'src/styles';
-import { Box } from '../../Box';
-import { Text } from '../../Text';
-import { LinearGradient } from './LinearGradient';
-const meta = {
-    component: LinearGradient,
-    title: 'Utility/LinearGradient',
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        direction: 'to-bottom',
-        stops: [{ color: 'accent' }, { color: 'active', opacity: 0 }],
-        lx: {
-            width: 's192',
-            height: 's56',
-            borderRadius: 'lg',
-        },
-    },
-};
-export const DirectionShowcase = {
-    render: () => {
-        const orientations = [
-            'to-bottom',
-            'to-right',
-            'to-top',
-            'to-left',
-            'to-bottomright',
-            'to-bottomleft',
-            'to-topright',
-            'to-topleft',
-            0,
-            90,
-            180,
-            270,
-        ];
-        return (_jsx(Box, { lx: { flexDirection: 'row', flexWrap: 'wrap', gap: 's20' }, children: orientations.map((orientation) => {
-                return (_jsxs(Box, { lx: { gap: 's4' }, children: [_jsx(LinearGradient, { direction: orientation, stops: [{ color: 'accent' }, { color: 'active', opacity: 0 }], lx: { height: 's40', width: 's176', borderRadius: 'md' } }), _jsx(Text, { typography: 'body4', lx: { color: 'base' }, children: orientation })] }, orientation));
-            }) }));
-    },
-};
-export const WithChildren = {
-    args: {
-        direction: 'to-bottomright',
-        stops: [{ color: 'accent' }, { color: 'active', opacity: 0, offset: 0.75 }],
-        lx: {
-            padding: 's24',
-            borderRadius: 'lg',
-            width: 's288',
-        },
-    },
-    render: (args) => (_jsxs(LinearGradient, { ...args, children: [_jsx(Text, { typography: 'heading2SemiBold', lx: { color: 'base' }, children: "With Children" }), _jsx(Text, { typography: 'body2', lx: { color: 'base', marginTop: 's8' }, children: "Adapt height based on content." }), _jsx(Text, { typography: 'body3', lx: { color: 'base', marginTop: 's8' }, children: "Lorem ipsum dolor sit amet consectetur adipisicing elit consectetur adipisicing elit adipisicing elit. Mas adename labin anet." })] })),
-};
-export const WithMultipleStops = {
-    args: {
-        direction: 'to-right',
-        stops: [
-            { color: 'accent', offset: 0, opacity: 1 },
-            { color: 'warning', offset: 0.5, opacity: 1 },
-            { color: 'errorStrong', offset: 1, opacity: 1 },
-        ],
-        lx: {
-            borderRadius: 'md',
-            height: 's56',
-            width: 's288',
-        },
-    },
-    render: (args) => {
-        return (_jsxs(Box, { lx: { gap: 's12' }, children: [_jsx(LinearGradient, { ...args }), _jsxs(Box, { lx: { flexDirection: 'row', justifyContent: 'space-between' }, children: [_jsx(Text, { children: "accent" }), _jsx(Text, { children: "warning" }), _jsx(Text, { children: "errorStrong" })] })] }));
-    },
-};
-export const CryptoGradients = {
-    args: {
-        direction: 'to-bottomright',
-        lx: {
-            borderRadius: 'md',
-            height: 's56',
-            width: 's288',
-        },
-    },
-    render: (args) => {
-        const { theme } = useTheme();
-        return (_jsx(Box, { lx: {
-                gap: 's20',
-                flexDirection: 'row',
-                flexWrap: 'wrap',
-            }, children: Object.entries(theme.colors.gradients.crypto).map(([key, gradient]) => (_jsxs(Box, { lx: { gap: 's4' }, children: [_jsx(LinearGradient, { ...args, lx: {
-                            height: 's40',
-                            width: 's176',
-                            borderRadius: 'md',
-                        }, stops: gradient }), _jsx(Text, { typography: 'body4', lx: { color: 'base' }, children: key })] }, key))) }));
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadialGradient.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,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,KASlB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAuEpC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwB1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC"}

package/dist/src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.stories.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../Box';
-import { Text } from '../../Text';
-import { RadialGradient } from './RadialGradient';
-const meta = {
-    component: RadialGradient,
-    title: 'Utility/RadialGradient',
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        stops: [{ color: 'accent' }, { color: 'active', opacity: 0 }],
-        lx: {
-            height: 's192',
-            width: 's192',
-            borderRadius: 'lg',
-        },
-    },
-};
-export const CenterPositionShowcase = {
-    render: () => {
-        const positions = [
-            {
-                title: 'Aspect ratio 1:1',
-                isSquare: true,
-                items: [
-                    {
-                        center: { x: 0.5, y: 0.5 },
-                        label: '{x: 0.5, y: 0.5} (default)',
-                    },
-                    { center: { x: 0.2, y: 0.2 }, label: '{x: 0.2, y: 0.2}' },
-                    { center: { x: 0.8, y: 0.8 }, label: '{x: 0.8, y: 0.8}' },
-                    { center: { x: 0.2, y: 0.8 }, label: '{x: 0.2, y: 0.8}' },
-                    { center: { x: 0.8, y: 0.2 }, label: '{x: 0.8, y: 0.2}' },
-                ],
-            },
-            {
-                title: 'Aspect ratio 1:2',
-                isSquare: false,
-                items: [
-                    {
-                        center: { x: 0.5, y: 0.5 },
-                        label: '{x: 0.5, y: 0.5} (default)',
-                    },
-                    { center: { x: 0.2, y: 0.2 }, label: '{x: 0.2, y: 0.2}' },
-                    { center: { x: 0.8, y: 0.8 }, label: '{x: 0.8, y: 0.8}' },
-                    { center: { x: 0.2, y: 0.8 }, label: '{x: 0.2, y: 0.8}' },
-                    { center: { x: 0.8, y: 0.2 }, label: '{x: 0.8, y: 0.2}' },
-                ],
-            },
-        ];
-        return (_jsx(Box, { lx: { flexDirection: 'column', gap: 's40' }, children: positions.map(({ title, isSquare, items }) => (_jsxs(Box, { children: [_jsx(Text, { typography: 'heading5SemiBold', lx: { color: 'base', marginBottom: 's16' }, children: title }), _jsx(Box, { lx: { flexDirection: 'row', flexWrap: 'wrap', gap: 's24' }, children: items.map(({ center, label }) => (_jsxs(Box, { lx: { gap: 's8', alignItems: 'center' }, children: [_jsx(RadialGradient, { center: center, stops: [
-                                        { color: 'accent' },
-                                        { color: 'active', opacity: 0 },
-                                    ], lx: {
-                                        height: 's72',
-                                        width: isSquare ? 's72' : 's144',
-                                        borderRadius: 'md',
-                                        borderColor: 'active',
-                                        borderWidth: 's1',
-                                    } }), _jsx(Text, { typography: 'body4', lx: { color: 'base' }, children: label })] }, label))) })] }, title))) }));
-    },
-};
-export const WithChildren = {
-    args: {
-        stops: [{ color: 'accent' }, { color: 'active', opacity: 0 }],
-        lx: {
-            padding: 's24',
-            borderRadius: 'lg',
-            width: 's288',
-            borderColor: 'active',
-            borderWidth: 's1',
-        },
-    },
-    render: (args) => (_jsxs(RadialGradient, { ...args, children: [_jsx(Text, { typography: 'heading2SemiBold', lx: { color: 'base' }, children: "With Children" }), _jsx(Text, { typography: 'body2', lx: { color: 'base', marginTop: 's8' }, children: "Adapt height based on content." }), _jsx(Text, { typography: 'body3', lx: { color: 'base', marginTop: 's8' }, children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos" })] })),
-};
-export const WithMultipleStops = {
-    args: {
-        stops: [
-            { color: 'warning', offset: 0, opacity: 1 },
-            { color: 'accent', offset: 0.5, opacity: 1 },
-            { color: 'error', offset: 1, opacity: 1 },
-        ],
-        lx: {
-            height: 's80',
-            width: 's80',
-            borderRadius: 'full',
-        },
-    },
-};

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

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

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

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

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

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pressable } from './Pressable';
-const meta = {
-    component: Pressable,
-    title: 'Utility/Pressable',
-    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',
-            alignSelf: 'center',
-        },
-        style: ({ pressed }) => ({ opacity: pressed ? 0.5 : 1 }),
-    },
-    render: (args) => _jsx(Pressable, { ...args }),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Pressable
-  style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}
-  lx={{
-    height: 's48',
-    width: 's48',
-    backgroundColor: 'accent',
-    borderRadius: 'md',
-    alignSelf: 'center',
-  }}
-/>
-`,
-            },
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAYzB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}

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

@@ -1,33 +0,0 @@
-import { Text } from './Text';
-const meta = {
-    component: Text,
-    title: 'Utility/Text',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        typography: 'body1',
-        lx: { color: 'base' },
-        children: 'Hello World',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Text typography='body1' lx={{ color: 'base' }}>
-  Hello World
-</Text>
-`,
-            },
-        },
-    },
-};