@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

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

@@ -1,37 +0,0 @@
-import { View } from 'react-native';
-import { createStyledView } from '../../../../styles';
-/**
- * Box - A layout primitive component with token-constrained style props.
- *
- * Box is a View wrapper that accepts design token-based style props directly,
- * providing type-safe styling with autocomplete for spacing, sizes, colors, etc.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/layout-box--docs Storybook}
- *
- * @example
- * ```tsx
- * import { Box } from '@ledgerhq/lumen-ui-rnative';
- *
- * // Basic usage with token props
- * <Box lx={{ width: 's400', marginTop: 's4', gap: 's12', alignItems: 'center' }}>
- *   <Text>Content</Text>
- * </Box>
- *
- * // With background and border
- * <Box
- *   lx={{
- *    padding: 's16',
- *    backgroundColor: 'surface',
- *    borderRadius: 'md',
- *    borderColor: 'muted',
- *    borderWidth: 1
- *   }}
- * >
- *   <Text>Card content</Text>
- * </Box>
- *
- * // style prop for complete override
- * <Box lx={{ marginTop: 's4' }} style={{ width: 127 }} />
- * ```
- */
-export const Box = createStyledView(View);

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './Box';
-export * from './types';

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Box/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC"}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAGV,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAwCjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,0FAQtB,mBAAmB,6CA2CvB,CAAC"}

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

@@ -1,75 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useId, useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import Svg, { Defs, LinearGradient as SvgLinearGradient, Rect, Stop, } from 'react-native-svg';
-import { useTheme } from '../../../../../styles';
-import { Box } from '../../Box';
-import { processGradientStops } from '../utils/resolveGradientColor';
-const DIRECTION_MAP = {
-    'to-bottom': { x1: '0%', y1: '0%', x2: '0%', y2: '100%' },
-    'to-top': { x1: '0%', y1: '100%', x2: '0%', y2: '0%' },
-    'to-right': { x1: '0%', y1: '0%', x2: '100%', y2: '0%' },
-    'to-left': { x1: '100%', y1: '0%', x2: '0%', y2: '0%' },
-    'to-bottomright': { x1: '0%', y1: '0%', x2: '100%', y2: '100%' },
-    'to-bottomleft': { x1: '100%', y1: '0%', x2: '0%', y2: '100%' },
-    'to-topright': { x1: '0%', y1: '100%', x2: '100%', y2: '0%' },
-    'to-topleft': { x1: '100%', y1: '100%', x2: '0%', y2: '0%' },
-};
-const angleToCoordinates = (angle) => {
-    const normalizedAngle = ((angle % 360) + 360) % 360;
-    // Convert to radians (CSS: 0° is up, going clockwise)
-    // SVG: we need to map this to x1,y1 -> x2,y2
-    const radians = ((normalizedAngle - 90) * Math.PI) / 180;
-    const x2 = Math.cos(radians) * 0.5 + 0.5;
-    const y2 = Math.sin(radians) * 0.5 + 0.5;
-    const x1 = 1 - x2;
-    const y1 = 1 - y2;
-    return {
-        x1: `${Math.round(x1 * 100)}%`,
-        y1: `${Math.round(y1 * 100)}%`,
-        x2: `${Math.round(x2 * 100)}%`,
-        y2: `${Math.round(y2 * 100)}%`,
-    };
-};
-const styles = StyleSheet.create({
-    gradient: {
-        ...StyleSheet.absoluteFillObject,
-        width: '100%',
-        height: '100%',
-    },
-});
-/**
- * LinearGradient - A container component that renders a linear gradient background.
- *
- * Uses react-native-svg to render gradients that work consistently across platforms.
- * Extends Box, so it supports all lx style props for layout and sizing.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/utility-lineargradient--docs Storybook}
- *
- * @example
- * ```tsx
- * import { LinearGradient } from '@ledgerhq/lumen-ui-rnative';
- *
- * // Basic usage with direction preset
- * <LinearGradient
- *   direction="to-bottomright"
- *   stops={[
- *     { color: '#FF6B6B', offset: 0 },
- *     { color: '#6BCB77', offset: 1 },
- *   ]}
- *   lx={{ height: 's200', borderRadius: 'lg' }}
- * />
- */
-export const LinearGradient = memo(({ direction = 'to-bottom', stops, children, lx = {}, ref, ...props }) => {
-    const gradientId = useId();
-    const { theme } = useTheme();
-    const coordinates = useMemo(() => {
-        const isCustomAngle = typeof direction === 'number';
-        return isCustomAngle
-            ? angleToCoordinates(direction)
-            : DIRECTION_MAP[direction];
-    }, [direction]);
-    const processedStops = useMemo(() => processGradientStops(stops, theme.colors.bg), [stops, theme.colors.bg]);
-    return (_jsxs(Box, { ref: ref, lx: { overflow: 'hidden', ...lx }, ...props, children: [_jsxs(Svg, { style: styles.gradient, preserveAspectRatio: 'none', children: [_jsx(Defs, { children: _jsx(SvgLinearGradient, { id: gradientId, ...coordinates, children: processedStops.map((stop, index) => (_jsx(Stop, { offset: `${stop.offset * 100}%`, stopColor: stop.color, stopOpacity: stop.opacity }, index))) }) }), _jsx(Rect, { x: '0', y: '0', width: '100%', height: '100%', fill: `url(#${gradientId})` })] }), children] }));
-});
-LinearGradient.displayName = 'LinearGradient';

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/LinearGradient/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './LinearGradient';
-export * from './types';

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/LinearGradient/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,WAAW,GACX,QAAQ,GACR,SAAS,GACT,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,YAAY,CAAC;AAEjB;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,uBAAuB,GAAG,MAAM,CAAC;CAC9C,GAAG,eAAe,CAAC"}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadialGradient.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAYnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,uFAQtB,mBAAmB,6CAkDvB,CAAC"}

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

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useId, useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import Svg, { Defs, RadialGradient as SvgRadialGradient, Rect, Stop, } from 'react-native-svg';
-import { useTheme } from '../../../../../styles';
-import { Box } from '../../Box';
-import { processGradientStops } from '../utils/resolveGradientColor';
-const DEFAULT_CENTER = { x: 0.5, y: 0.5 };
-const styles = StyleSheet.create({
-    gradient: {
-        ...StyleSheet.absoluteFillObject,
-        width: '100%',
-        height: '100%',
-    },
-});
-/**
- * RadialGradient - A container component that renders a radial gradient background.
- *
- * Uses react-native-svg to render gradients that work consistently across platforms.
- * Extends Box, so it supports all lx style props for layout and sizing.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/utility-radialgradient--docs Storybook}
- *
- * @example
- * ```tsx
- * import { RadialGradient } from '@ledgerhq/lumen-ui-rnative';
- *
- * // Basic usage (center to edge)
- * <RadialGradient
- *   lx={{ height: 's200', borderRadius: 'lg' }}
- *   stops={[
- *     { color: '#845EC2', offset: 0 },
- *     { color: '#FF6F91', offset: 1 },
- *   ]}
- * />
- * ```
- */
-export const RadialGradient = memo(({ center = DEFAULT_CENTER, stops, children, lx = {}, ref, ...props }) => {
-    const gradientId = useId();
-    const { theme } = useTheme();
-    const processedStops = useMemo(() => {
-        return processGradientStops(stops, theme.colors.bg);
-    }, [stops, theme.colors.bg]);
-    const centerCoordinates = useMemo(() => {
-        return {
-            cx: `${center.x * 100}%`,
-            cy: `${center.y * 100}%`,
-        };
-    }, [center]);
-    return (_jsxs(Box, { ref: ref, lx: { overflow: 'hidden', ...lx }, ...props, children: [_jsxs(Svg, { style: styles.gradient, preserveAspectRatio: 'none', children: [_jsx(Defs, { children: _jsx(SvgRadialGradient, { id: gradientId, cx: centerCoordinates.cx, cy: centerCoordinates.cy, rx: '50%', ry: '50%', fx: centerCoordinates.cx, fy: centerCoordinates.cy, children: processedStops.map((stop, index) => (_jsx(Stop, { offset: `${stop.offset * 100}%`, stopColor: stop.color, stopOpacity: stop.opacity }, index))) }) }), _jsx(Rect, { x: '0', y: '0', width: '100%', height: '100%', fill: `url(#${gradientId})` })] }), children] }));
-});
-RadialGradient.displayName = 'RadialGradient';

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/RadialGradient/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './RadialGradient';
-export * from './types';

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/RadialGradient/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B,GAAG,eAAe,CAAC"}

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

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Utility/Gradient/gradient.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient.types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Gradient/gradient.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,MAAM,oBAAoB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;AAE9E,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,EAAE,oBAAoB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/src/lib/Components/Utility/Gradient/gradient.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Utility/Gradient/utils/resolveGradientColor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveGradientColor.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/utils/resolveGradientColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5E,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;AAI7D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,UACxB,MAAM,YACH,gBAAgB,KACzB,MAMF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,UACxB,YAAY,EAAE,YACX,gBAAgB,KACzB,KAAK,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAuBA,CAAC"}

package/dist/src/lib/Components/Utility/Gradient/utils/resolveGradientColor.js

@@ -1,38 +0,0 @@
-const DEFAULT_OPACITY = 1;
-const DEFAULT_OFFSET = 0;
-/**
- * Resolves a gradient stop color to a concrete color value.
- * If the color is a design token, it's resolved from the theme.
- * If it's a raw color string, it's returned as-is.
- */
-export const resolveGradientColor = (color, bgColors) => {
-    const isBackgroundToken = color in bgColors;
-    if (isBackgroundToken) {
-        return bgColors[color];
-    }
-    return color;
-};
-/**
- * Processes gradient stops by:
- * 1. Resolving color tokens to actual values
- * 2. Auto-spreading offsets if not provided
- */
-export const processGradientStops = (stops, bgColors) => {
-    const stopCount = stops.length;
-    return stops.map((stop, index) => {
-        const resolvedColor = resolveGradientColor(stop.color, bgColors);
-        // Auto-spread offsets if not provided
-        // For n stops: 0, 1/(n-1), 2/(n-1), ..., 1
-        const offset = stop.offset !== undefined
-            ? stop.offset
-            : stopCount === 1
-                ? DEFAULT_OFFSET
-                : index / (stopCount - 1);
-        const opacity = stop.opacity !== undefined ? stop.opacity : DEFAULT_OPACITY;
-        return {
-            color: resolvedColor,
-            offset,
-            opacity,
-        };
-    });
-};

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

@@ -1,32 +0,0 @@
-/**
- * Pressable - An interactive layout primitive with token-constrained style props.
- *
- * Pressable is a wrapper around React Native's Pressable that accepts design
- * token-based style props directly, providing type-safe styling with autocomplete
- * for spacing, sizes, colors, etc. Use the `style` prop for pressed-state styling.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/utility-pressable--docs Storybook}
- *
- * @example
- * ```tsx
- * import { Pressable } from '@ledgerhq/lumen-ui-rnative';
- *
- * // Basic usage with token props
- * <Pressable
- *   lx={{ width: 's400', marginTop: 's4', gap: 's12', alignItems: 'center' }}
- *   onPress={handlePress}
- * >
- *   <Text>Content</Text>
- * </Pressable>
- *
- * // With function-based style for pressed state
- * <Pressable
- *   lx={{ padding: 's16', backgroundColor: 'surface' }}
- *   style={({ pressed }) => ({ opacity: pressed ? 0.8 : 1 })}
- * >
- *   <Text>Press me</Text>
- * </Pressable>
- * ```
- */
-export declare const Pressable: import("react").MemoExoticComponent<({ lx, ref, style, ...props }: import("../../../../styles").StyledPressableProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=Pressable.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Pressable/Pressable.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,mKAAqC,CAAC"}

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

@@ -1,33 +0,0 @@
-import { Pressable as RNPressable } from 'react-native';
-import { createStyledPressable } from '../../../../styles';
-/**
- * Pressable - An interactive layout primitive with token-constrained style props.
- *
- * Pressable is a wrapper around React Native's Pressable that accepts design
- * token-based style props directly, providing type-safe styling with autocomplete
- * for spacing, sizes, colors, etc. Use the `style` prop for pressed-state styling.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/utility-pressable--docs Storybook}
- *
- * @example
- * ```tsx
- * import { Pressable } from '@ledgerhq/lumen-ui-rnative';
- *
- * // Basic usage with token props
- * <Pressable
- *   lx={{ width: 's400', marginTop: 's4', gap: 's12', alignItems: 'center' }}
- *   onPress={handlePress}
- * >
- *   <Text>Content</Text>
- * </Pressable>
- *
- * // With function-based style for pressed state
- * <Pressable
- *   lx={{ padding: 's16', backgroundColor: 'surface' }}
- *   style={({ pressed }) => ({ opacity: pressed ? 0.8 : 1 })}
- * >
- *   <Text>Press me</Text>
- * </Pressable>
- * ```
- */
-export const Pressable = createStyledPressable(RNPressable);

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Pressable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1 +0,0 @@
-export * from './Pressable';

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Pressable/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC"}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Text/Text.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,IAAI,0KAA2B,CAAC"}

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

@@ -1,36 +0,0 @@
-import { Text as RNText } from 'react-native';
-import { createStyledText } from '../../../../styles';
-/**
- * Text - A typography component with typography support and token-constrained style props.
- *
- * Text is a wrapper around React Native's Text that accepts a `typography` prop for
- * typography presets, plus design token-based style props for colors, spacing, etc.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/typography-text--docs Storybook}
- *
- * @example
- * ```tsx
- * import { Text } from '@ledgerhq/lumen-ui-rnative';
- *
- * // Basic usage with typography typography
- * <Text typography='body1'>Hello World</Text>
- *
- * // With custom color
- * <Text typography='heading3SemiBold' lx={{ color: 'muted' }}>
- *   Subtitle
- * </Text>
- *
- * // With spacing
- * <Text typography='body2' lx={{ marginTop: 's8', color: 'base' }}>
- *   Description text
- * </Text>
- *
- * // Style prop for complete override
- * <Text
- *  typography='body1'
- *  lx={{ marginTop: 's8' }}
- *  style={{ letterSpacing: 127 }}
- * />
- * ```
- */
-export const Text = createStyledText(RNText);

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1 +0,0 @@
-export * from './Text';

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC"}

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

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Utility/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Utility/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC"}

package/dist/src/lib/Components/Utility/index.js

@@ -1,5 +0,0 @@
-export * from './Pressable';
-export * from './Box';
-export * from './Text';
-export * from './Gradient/LinearGradient';
-export * from './Gradient/RadialGradient';

package/dist/src/lib/Components/Wrap/Wrap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Wrap.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Wrap/Wrap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,IAAI,+CAAgD,SAAS,8BAEzE,CAAC"}

package/dist/src/lib/Components/Wrap/Wrap.js

@@ -1,3 +0,0 @@
-export const Wrap = ({ if: condition, with: wrapper, children }) => {
-    return condition ? wrapper(children) : children;
-};

package/dist/src/lib/Components/Wrap/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Wrap/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/src/lib/Components/Wrap/index.js

@@ -1 +0,0 @@
-export * from './Wrap';

package/dist/src/lib/Components/Wrap/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Wrap/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEnE,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG;IAC1C,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,YAAY,CAAC;CAC7C,CAAC"}

package/dist/src/lib/Components/Wrap/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/index.d.ts

@@ -1,36 +0,0 @@
-export * from './AddressInput';
-export * from './AmountDisplay';
-export * from './AmountInput';
-export * from './Avatar';
-export * from './Banner';
-export * from './BottomSheet';
-export * from './Button';
-export * from './CardButton';
-export * from './ContentBanner';
-export * from './Checkbox';
-export * from './Divider';
-export * from './Icon';
-export * from './IconButton';
-export * from './InteractiveIcon';
-export * from './Link';
-export * from './ListItem';
-export * from './NavBar';
-export * from './PageIndicator';
-export * from './SearchInput';
-export * from './SegmentedControl';
-export * from './Select';
-export * from './Skeleton';
-export * from './Spinner';
-export * from './Spot';
-export * from './Stepper';
-export * from './Subheader';
-export * from './Switch';
-export * from './TabBar';
-export * from './Tag';
-export * from './Utility';
-export * from './TextInput';
-export * from './ThemeProvider';
-export * from './Tile';
-export * from './TileButton';
-export * from './Tooltip';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/lib/Components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

package/dist/src/lib/Components/index.js

@@ -1,35 +0,0 @@
-export * from './AddressInput';
-export * from './AmountDisplay';
-export * from './AmountInput';
-export * from './Avatar';
-export * from './Banner';
-export * from './BottomSheet';
-export * from './Button';
-export * from './CardButton';
-export * from './ContentBanner';
-export * from './Checkbox';
-export * from './Divider';
-export * from './Icon';
-export * from './IconButton';
-export * from './InteractiveIcon';
-export * from './Link';
-export * from './ListItem';
-export * from './NavBar';
-export * from './PageIndicator';
-export * from './SearchInput';
-export * from './SegmentedControl';
-export * from './Select';
-export * from './Skeleton';
-export * from './Spinner';
-export * from './Spot';
-export * from './Stepper';
-export * from './Subheader';
-export * from './Switch';
-export * from './TabBar';
-export * from './Tag';
-export * from './Utility';
-export * from './TextInput';
-export * from './ThemeProvider';
-export * from './Tile';
-export * from './TileButton';
-export * from './Tooltip';

package/dist/src/lib/Patterns/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Patterns/index.ts"],"names":[],"mappings":";AAAA,wBAAkB"}

package/dist/src/lib/Patterns/index.js

@@ -1 +0,0 @@
-export default {};

package/dist/src/lib/Symbols/Icons/Airplane.d.ts

@@ -1,35 +0,0 @@
-/**
- * Airplane icon component for React Native.
- *
- * This icon component is automatically generated from SVG files and uses the createIcon utility
- * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
- * and additional size variants defined in the Icon component.
- *
- * @component
- * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [color] - The color of the icon.
- * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
- *
- * @example
- * // Basic usage with default size (24px)
- * import { Airplane } from '@ledgerhq/lumen-ui-rnative/symbols';
- *
- * <Airplane />
- *
- * @example
- * // With custom size and style
- * <Airplane size={40} color="warning" lx={{ marginTop: 's4' }} />
- *
- * @example
- * // Used within a Button component
- * import { Button } from '@ledgerhq/lumen-ui-rnative';
- *
- * <Button icon={Airplane} size="md">
- *   Click me
- * </Button>
- */
-export declare const Airplane: {
-    (props: Omit<import("../../Components").IconProps, "children">): import("react").FunctionComponentElement<import("../../Components").IconProps>;
-    displayName: string;
-};
-//# sourceMappingURL=Airplane.d.ts.map

package/dist/src/lib/Symbols/Icons/Airplane.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Airplane.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Symbols/Icons/Airplane.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ;;;CAkBpB,CAAC"}

package/dist/src/lib/Symbols/Icons/Airplane.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Svg, { G, Path, Defs, ClipPath } from 'react-native-svg';
-import createIcon from '../../Components/Icon/createIcon';
-/**
- * Airplane icon component for React Native.
- *
- * This icon component is automatically generated from SVG files and uses the createIcon utility
- * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
- * and additional size variants defined in the Icon component.
- *
- * @component
- * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [color] - The color of the icon.
- * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
- *
- * @example
- * // Basic usage with default size (24px)
- * import { Airplane } from '@ledgerhq/lumen-ui-rnative/symbols';
- *
- * <Airplane />
- *
- * @example
- * // With custom size and style
- * <Airplane size={40} color="warning" lx={{ marginTop: 's4' }} />
- *
- * @example
- * // Used within a Button component
- * import { Button } from '@ledgerhq/lumen-ui-rnative';
- *
- * <Button icon={Airplane} size="md">
- *   Click me
- * </Button>
- */
-export const Airplane = createIcon('Airplane', _jsxs(Svg, { width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 16 16', children: [_jsx(G, { clipPath: 'url(#clip0_436_164)', children: _jsx(Path, { stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 1.3, d: 'm2 8-.666-2.667h1.2c.066 0 .2.067.266.134l1.067 1.2h3.2L4.934 1.8c-.134-.2 0-.467.266-.467h1.134c.2 0 .4.134.533.267L10.2 6.667h3.134c.733 0 1.333.6 1.333 1.333s-.6 1.333-1.333 1.333H10.2L6.867 14.4c-.133.2-.333.267-.533.267H5.2c-.266 0-.4-.267-.333-.467L7 9.333H3.8l-1.066 1.2c-.067.067-.134.134-.267.134H1.334z' }) }), _jsx(Defs, { children: _jsx(ClipPath, { id: 'clip0_436_164', children: _jsx(Path, { fill: '#fff', d: 'M0 0h16v16H0z' }) }) })] }));