@ledgerhq/lumen-ui-rnative 0.0.42

package/dist/src/styles/factories/createStyledView.d.ts

@@ -0,0 +1,34 @@
+import React, { MemoExoticComponent } from 'react';
+import type { View } from 'react-native';
+import type { LumenViewProps } from '../types';
+type ViewRef = React.ElementRef<typeof View>;
+type ReturnComponentType = MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<LumenViewProps> & React.RefAttributes<ViewRef>>>;
+/**
+ * Factory function to create a styled View component.
+ *
+ * Creates a component that accepts token-constrained style props directly,
+ * resolving them to actual values at runtime using the current theme.
+ *
+ * @param Component - The base View-like component to wrap
+ *
+ * @example
+ * ```tsx
+ * import { View } from 'react-native';
+ * import { createStyledView } from '@ledgerhq/lumen-ui-rnative/styles';
+ *
+ * // Create a basic Box
+ * const Box = createStyledView(View);
+ *
+ * // Usage - token props are resolved to actual values
+ * <Box width='s400' marginTop='s4' gap='s12' alignItems='center' />
+ * <Box padding='s16' backgroundColor='surface' borderRadius='md'>
+ *   Content
+ * </Box>
+ *
+ * // style prop for escape hatch
+ * <Box marginTop='s4' style={{ width: 127 }} />
+ * ```
+ */
+export declare const createStyledView: (Component: React.ComponentType<LumenViewProps>) => ReturnComponentType;
+export {};
+//# sourceMappingURL=createStyledView.d.ts.map

package/dist/src/styles/factories/createStyledView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyledView.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/createStyledView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoB,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAM/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAC7C,KAAK,mBAAmB,GAAG,mBAAmB,CAC5C,KAAK,CAAC,yBAAyB,CAC7B,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CACrE,CACF,CAAC;AACF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,gBAAgB,GAC3B,WAAW,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC7C,mBA+BF,CAAC"}

package/dist/src/styles/factories/createStyledView.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import { useTheme } from '../Provider/useTheme';
+import { resolveViewStyle, extractLumenViewStyleProps, } from '../resolveStyle/resolveStyle';
+/**
+ * Factory function to create a styled View component.
+ *
+ * Creates a component that accepts token-constrained style props directly,
+ * resolving them to actual values at runtime using the current theme.
+ *
+ * @param Component - The base View-like component to wrap
+ *
+ * @example
+ * ```tsx
+ * import { View } from 'react-native';
+ * import { createStyledView } from '@ledgerhq/lumen-ui-rnative/styles';
+ *
+ * // Create a basic Box
+ * const Box = createStyledView(View);
+ *
+ * // Usage - token props are resolved to actual values
+ * <Box width='s400' marginTop='s4' gap='s12' alignItems='center' />
+ * <Box padding='s16' backgroundColor='surface' borderRadius='md'>
+ *   Content
+ * </Box>
+ *
+ * // style prop for escape hatch
+ * <Box marginTop='s4' style={{ width: 127 }} />
+ * ```
+ */
+export const createStyledView = (Component) => {
+    const StyledComponent = memo(forwardRef((props, ref) => {
+        const { theme } = useTheme();
+        const { lumenStyle, rest } = extractLumenViewStyleProps(props);
+        const resolvedStyle = resolveViewStyle(theme, lumenStyle);
+        const { style: propsStyle, ...componentProps } = rest;
+        const style = propsStyle
+            ? [resolvedStyle, propsStyle]
+            : resolvedStyle;
+        return (_jsx(Component, { ...{ ...componentProps, ref, style } }));
+    }));
+    // Set display name for debugging
+    const componentName = Component.displayName ||
+        Component.name ||
+        'Component';
+    StyledComponent.displayName = `Styled(${componentName})`;
+    return StyledComponent;
+};

package/dist/src/styles/index.d.ts

@@ -0,0 +1,7 @@
+export { LumenStyleSheetProvider } from './Provider/LumenStyleSheetProvider';
+export { LumenStyleSheet } from './LumenStyleSheet';
+export * from './types';
+export * from './factories/createStyledText';
+export * from './factories/createStyledView';
+export * from './utils/styleVarianceAuthority';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}

package/dist/src/styles/index.js

@@ -0,0 +1,6 @@
+export { LumenStyleSheetProvider } from './Provider/LumenStyleSheetProvider';
+export { LumenStyleSheet } from './LumenStyleSheet';
+export * from './types';
+export * from './factories/createStyledText';
+export * from './factories/createStyledView';
+export * from './utils/styleVarianceAuthority';

package/dist/src/styles/resolveStyle/resolveConfig.d.ts

@@ -0,0 +1,28 @@
+import { LumenTextStyleProps, LumenViewStyleProps } from '../types';
+/**
+ * Configuration for each style prop
+ * - path: Theme path for token lookup (array of keys)
+ * - spread: true for props that spread into multiple style properties (typo)
+ * - No path = passthrough prop (value passed as-is)
+ */
+export type PropConfig = {
+    path?: string[];
+    spread?: boolean;
+};
+/**
+ * View style props configuration
+ */
+export declare const VIEW_PROP_CONFIG: Record<keyof LumenViewStyleProps, PropConfig>;
+/**
+ * Text style props configuration (extends view props + color + typo)
+ */
+export declare const TEXT_PROP_CONFIG: Record<keyof LumenTextStyleProps, PropConfig>;
+/**
+ * Set for O(1) view prop lookup
+ */
+export declare const LUMEN_VIEW_STYLE_PROPS: Set<keyof LumenViewStyleProps>;
+/**
+ * Set for O(1) text prop lookup
+ */
+export declare const LUMEN_TEXT_STYLE_PROPS: Set<keyof LumenTextStyleProps>;
+//# sourceMappingURL=resolveConfig.d.ts.map

package/dist/src/styles/resolveStyle/resolveConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveConfig.d.ts","sourceRoot":"","sources":["../../../../src/styles/resolveStyle/resolveConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,mBAAmB,EAAE,UAAU,CAwFjE,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,mBAAmB,EAAE,UAAU,CAOjE,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAE9B,GAAG,CAAC,MAAM,mBAAmB,CAAC,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAE9B,GAAG,CAAC,MAAM,mBAAmB,CAAC,CAAC"}

package/dist/src/styles/resolveStyle/resolveConfig.js

@@ -0,0 +1,104 @@
+/**
+ * View style props configuration
+ */
+export const VIEW_PROP_CONFIG = {
+    // Spacing props
+    padding: { path: ['spacings'] },
+    paddingTop: { path: ['spacings'] },
+    paddingBottom: { path: ['spacings'] },
+    paddingLeft: { path: ['spacings'] },
+    paddingRight: { path: ['spacings'] },
+    paddingStart: { path: ['spacings'] },
+    paddingEnd: { path: ['spacings'] },
+    paddingHorizontal: { path: ['spacings'] },
+    paddingVertical: { path: ['spacings'] },
+    margin: { path: ['spacings'] },
+    marginTop: { path: ['spacings'] },
+    marginBottom: { path: ['spacings'] },
+    marginLeft: { path: ['spacings'] },
+    marginRight: { path: ['spacings'] },
+    marginStart: { path: ['spacings'] },
+    marginEnd: { path: ['spacings'] },
+    marginHorizontal: { path: ['spacings'] },
+    marginVertical: { path: ['spacings'] },
+    gap: { path: ['spacings'] },
+    rowGap: { path: ['spacings'] },
+    columnGap: { path: ['spacings'] },
+    // Size props
+    width: { path: ['sizes'] },
+    height: { path: ['sizes'] },
+    minWidth: { path: ['sizes'] },
+    minHeight: { path: ['sizes'] },
+    maxWidth: { path: ['sizes'] },
+    maxHeight: { path: ['sizes'] },
+    // Background color
+    backgroundColor: { path: ['colors', 'bg'] },
+    // Border colors
+    borderColor: { path: ['colors', 'border'] },
+    borderTopColor: { path: ['colors', 'border'] },
+    borderBottomColor: { path: ['colors', 'border'] },
+    borderLeftColor: { path: ['colors', 'border'] },
+    borderRightColor: { path: ['colors', 'border'] },
+    borderStartColor: { path: ['colors', 'border'] },
+    borderEndColor: { path: ['colors', 'border'] },
+    // Border width
+    borderWidth: { path: ['borderWidth'] },
+    borderLeftWidth: { path: ['borderWidth'] },
+    borderRightWidth: { path: ['borderWidth'] },
+    borderTopWidth: { path: ['borderWidth'] },
+    borderBottomWidth: { path: ['borderWidth'] },
+    borderStartWidth: { path: ['borderWidth'] },
+    borderEndWidth: { path: ['borderWidth'] },
+    // Border radius
+    borderRadius: { path: ['borderRadius'] },
+    borderTopLeftRadius: { path: ['borderRadius'] },
+    borderTopRightRadius: { path: ['borderRadius'] },
+    borderBottomLeftRadius: { path: ['borderRadius'] },
+    borderBottomRightRadius: { path: ['borderRadius'] },
+    // Shadow
+    boxShadow: { path: ['shadows'] },
+    // Passthrough props (no path = pass value as-is)
+    flex: {},
+    flexDirection: {},
+    flexWrap: {},
+    justifyContent: {},
+    alignItems: {},
+    alignSelf: {},
+    alignContent: {},
+    flexGrow: {},
+    flexShrink: {},
+    flexBasis: {},
+    position: {},
+    top: {},
+    bottom: {},
+    left: {},
+    right: {},
+    start: {},
+    end: {},
+    zIndex: {},
+    overflow: {},
+    display: {},
+    aspectRatio: {},
+    opacity: {},
+    borderStyle: {},
+    transform: {},
+};
+/**
+ * Text style props configuration (extends view props + color + typo)
+ */
+export const TEXT_PROP_CONFIG = {
+    ...VIEW_PROP_CONFIG,
+    color: { path: ['colors', 'text'] },
+    typo: { path: ['typographies'], spread: true },
+    textAlign: {},
+    textTransform: {},
+    textDecorationLine: {},
+};
+/**
+ * Set for O(1) view prop lookup
+ */
+export const LUMEN_VIEW_STYLE_PROPS = new Set(Object.keys(VIEW_PROP_CONFIG));
+/**
+ * Set for O(1) text prop lookup
+ */
+export const LUMEN_TEXT_STYLE_PROPS = new Set(Object.keys(TEXT_PROP_CONFIG));

package/dist/src/styles/resolveStyle/resolveStyle.d.ts

@@ -0,0 +1,25 @@
+import type { ViewStyle, TextStyle, ViewProps, TextProps } from 'react-native';
+import type { LumenStyleSheetTheme, LumenTextStyleProps, LumenViewStyleProps } from '../types';
+/**
+ * Resolve LumenViewStyleProps to React Native ViewStyle
+ */
+export declare const resolveViewStyle: (theme: LumenStyleSheetTheme, lumenStyle: LumenViewStyleProps) => ViewStyle;
+/**
+ * Resolve LumenTextStyleProps to React Native TextStyle
+ */
+export declare const resolveTextStyle: (theme: LumenStyleSheetTheme, lumenStyle: LumenTextStyleProps) => TextStyle;
+/**
+ * Extract styled view props from component props
+ */
+export declare const extractLumenViewStyleProps: (props: LumenViewStyleProps) => {
+    lumenStyle: LumenViewStyleProps;
+    rest: ViewProps;
+};
+/**
+ * Extract styled text props from component props
+ */
+export declare const extractLumenTextStyleProps: (props: LumenTextStyleProps) => {
+    lumenStyle: LumenTextStyleProps;
+    rest: TextProps;
+};
+//# sourceMappingURL=resolveStyle.d.ts.map

package/dist/src/styles/resolveStyle/resolveStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/resolveStyle/resolveStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AA8ClB;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,oBAAoB,EAC3B,YAAY,mBAAmB,KAC9B,SAAyE,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,oBAAoB,EAC3B,YAAY,mBAAmB,KAC9B,SAAyE,CAAC;AA+B7E;;GAEG;AACH,eAAO,MAAM,0BAA0B,GACrC,OAAO,mBAAmB,KACzB;IAAE,UAAU,EAAE,mBAAmB,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CACwB,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,0BAA0B,GACrC,OAAO,mBAAmB,KACzB;IAAE,UAAU,EAAE,mBAAmB,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CACwB,CAAC"}

package/dist/src/styles/resolveStyle/resolveStyle.js

@@ -0,0 +1,65 @@
+import { getObjectPath } from '@ledgerhq/lumen-utils-shared';
+import { VIEW_PROP_CONFIG, TEXT_PROP_CONFIG, LUMEN_VIEW_STYLE_PROPS, LUMEN_TEXT_STYLE_PROPS, } from './resolveConfig';
+/**
+ * Unified style resolver
+ * Config-driven: single loop resolves all props via provided config
+ */
+const resolveStyle = (theme, lumenStyle, config) => {
+    const resolved = {};
+    for (const [prop, value] of Object.entries(lumenStyle)) {
+        const propConfig = config[prop];
+        if (!propConfig)
+            continue;
+        // Passthrough (no path)
+        if (!propConfig.path) {
+            resolved[prop] = value;
+            continue;
+        }
+        // Token lookup
+        const resolvedValue = getObjectPath(theme, [
+            ...propConfig.path,
+            value,
+        ]);
+        // Spread props (like typo) merge into resolved styles
+        if (propConfig.spread && resolvedValue) {
+            Object.assign(resolved, resolvedValue);
+        }
+        else {
+            resolved[prop] = resolvedValue;
+        }
+    }
+    return resolved;
+};
+/**
+ * Resolve LumenViewStyleProps to React Native ViewStyle
+ */
+export const resolveViewStyle = (theme, lumenStyle) => resolveStyle(theme, lumenStyle, VIEW_PROP_CONFIG);
+/**
+ * Resolve LumenTextStyleProps to React Native TextStyle
+ */
+export const resolveTextStyle = (theme, lumenStyle) => resolveStyle(theme, lumenStyle, TEXT_PROP_CONFIG);
+/**
+ * Unified style props extractor
+ * Loops only through input props with O(1) Set lookup
+ */
+const extractStyleProps = (props, stylePropsSet) => {
+    const lumenStyle = {};
+    const rest = {};
+    for (const key of Object.keys(props)) {
+        if (stylePropsSet.has(key)) {
+            lumenStyle[key] = props[key];
+        }
+        else {
+            rest[key] = props[key];
+        }
+    }
+    return { lumenStyle, rest };
+};
+/**
+ * Extract styled view props from component props
+ */
+export const extractLumenViewStyleProps = (props) => extractStyleProps(props, LUMEN_VIEW_STYLE_PROPS);
+/**
+ * Extract styled text props from component props
+ */
+export const extractLumenTextStyleProps = (props) => extractStyleProps(props, LUMEN_TEXT_STYLE_PROPS);

package/dist/src/styles/types/create.types.d.ts

@@ -0,0 +1,14 @@
+import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import type { LumenStyleSheetTheme } from './theme.types';
+type AllAvailableStyles = ViewStyle & TextStyle & ImageStyle;
+type AllAvailableKeys = keyof (ViewStyle & TextStyle & ImageStyle);
+type FlatLumensValues = {
+    [propName in AllAvailableKeys]?: AllAvailableStyles[propName];
+};
+type LumensValues = FlatLumensValues;
+export type LumenStyleSheet = {
+    [styleName: string]: LumensValues | ((...args: any) => LumensValues);
+};
+export type LumenStyleSheetExtended<S extends LumenStyleSheet> = ((theme: LumenStyleSheetTheme) => S) | S;
+export {};
+//# sourceMappingURL=create.types.d.ts.map

package/dist/src/styles/types/create.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/create.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,KAAK,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAC7D,KAAK,gBAAgB,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAEnE,KAAK,gBAAgB,GAAG;KACrB,QAAQ,IAAI,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC;CAC9D,CAAC;AAEF,KAAK,YAAY,GAAG,gBAAgB,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,SAAS,EAAE,MAAM,GACd,YAAY,GAEZ,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,YAAY,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,eAAe,IACzD,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,CAAC,CAAC,GACpC,CAAC,CAAC"}

package/dist/src/styles/types/create.types.js

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

package/dist/src/styles/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './create.types';
+export * from './theme.types';
+export * from './styled.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/styles/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

package/dist/src/styles/types/index.js

@@ -0,0 +1,3 @@
+export * from './create.types';
+export * from './theme.types';
+export * from './styled.types';

package/dist/src/styles/types/styled.types.d.ts

@@ -0,0 +1,135 @@
+import type { ViewStyle, FlexStyle, TextStyle, ViewProps, TextProps } from 'react-native';
+import type { LumenStyleSheetTheme } from './theme.types';
+/**
+ * Extract token keys from theme
+ */
+type SpacingToken = keyof LumenStyleSheetTheme['spacings'];
+type BorderWidthToken = keyof LumenStyleSheetTheme['borderWidth'];
+type SizeToken = keyof LumenStyleSheetTheme['sizes'];
+type BackgroundColorToken = keyof LumenStyleSheetTheme['colors']['bg'];
+type TextColorToken = keyof LumenStyleSheetTheme['colors']['text'];
+type BorderColorToken = keyof LumenStyleSheetTheme['colors']['border'];
+type BorderRadiusToken = keyof LumenStyleSheetTheme['borderRadius'];
+type ShadowToken = keyof LumenStyleSheetTheme['shadows'];
+type TypographyToken = keyof LumenStyleSheetTheme['typographies'];
+type SpacingProps = {
+    /**
+     * Padding
+     */
+    padding?: SpacingToken;
+    paddingTop?: SpacingToken;
+    paddingBottom?: SpacingToken;
+    paddingLeft?: SpacingToken;
+    paddingRight?: SpacingToken;
+    paddingStart?: SpacingToken;
+    paddingEnd?: SpacingToken;
+    paddingHorizontal?: SpacingToken;
+    paddingVertical?: SpacingToken;
+    /**
+     * Margin
+     */
+    margin?: SpacingToken;
+    marginTop?: SpacingToken;
+    marginBottom?: SpacingToken;
+    marginLeft?: SpacingToken;
+    marginRight?: SpacingToken;
+    marginStart?: SpacingToken;
+    marginEnd?: SpacingToken;
+    marginHorizontal?: SpacingToken;
+    marginVertical?: SpacingToken;
+    /**
+     * Gaps
+     */
+    gap?: SpacingToken;
+    rowGap?: SpacingToken;
+    columnGap?: SpacingToken;
+};
+/**
+ * Size props - use size tokens only
+ */
+type SizeProps = {
+    width?: SizeToken;
+    height?: SizeToken;
+    minWidth?: SizeToken;
+    minHeight?: SizeToken;
+    maxWidth?: SizeToken;
+    maxHeight?: SizeToken;
+};
+/**
+ * Background color props - use background color tokens only
+ */
+type BackgroundColorProps = {
+    backgroundColor?: BackgroundColorToken;
+};
+type BorderProps = {
+    /**
+     * Border width
+     */
+    borderWidth?: BorderWidthToken;
+    borderLeftWidth?: BorderWidthToken;
+    borderRightWidth?: BorderWidthToken;
+    borderTopWidth?: BorderWidthToken;
+    borderBottomWidth?: BorderWidthToken;
+    borderStartWidth?: BorderWidthToken;
+    borderEndWidth?: BorderWidthToken;
+    /**
+     * Border Color
+     */
+    borderColor?: BorderColorToken;
+    borderTopColor?: BorderColorToken;
+    borderBottomColor?: BorderColorToken;
+    borderLeftColor?: BorderColorToken;
+    borderRightColor?: BorderColorToken;
+    borderStartColor?: BorderColorToken;
+    borderEndColor?: BorderColorToken;
+    /**
+     * Border Radius
+     */
+    borderRadius?: BorderRadiusToken;
+    borderTopLeftRadius?: BorderRadiusToken;
+    borderTopRightRadius?: BorderRadiusToken;
+    borderBottomLeftRadius?: BorderRadiusToken;
+    borderBottomRightRadius?: BorderRadiusToken;
+};
+/**
+ * Shadow props - use shadow tokens
+ */
+type ShadowProps = {
+    boxShadow?: ShadowToken;
+};
+/**
+ * Flex layout props - passthrough from React Native
+ */
+type FlexLayoutProps = Pick<FlexStyle, 'flex' | 'flexDirection' | 'flexWrap' | 'justifyContent' | 'alignItems' | 'alignSelf' | 'alignContent' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'position' | 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'zIndex' | 'overflow' | 'display' | 'aspectRatio'>;
+/**
+ * Other view style props - passthrough from React Native
+ */
+type OtherViewStyleProps = Pick<ViewStyle, 'opacity' | 'borderStyle' | 'transform'>;
+/**
+ * Text color props - use text color tokens only
+ */
+type TextColorProps = {
+    color?: TextColorToken;
+};
+/**
+ * Typography prop
+ */
+type TypographyProps = {
+    typo?: TypographyToken;
+};
+/**
+ * Text style props - passthrough from React Native
+ */
+type OtherTextStyleProps = Pick<TextStyle, 'textAlign' | 'textTransform' | 'textDecorationLine'>;
+/**
+ * Main public types - combine token props with RN props
+ */
+export type LumenViewStyleProps = SpacingProps & SizeProps & BackgroundColorProps & BorderProps & ShadowProps & FlexLayoutProps & OtherViewStyleProps;
+export type LumenTextStyleProps = LumenViewStyleProps & TextColorProps & TypographyProps & OtherTextStyleProps;
+/**
+ * Derived style-only types (for internal resolver use)
+ */
+export type LumenViewProps = LumenViewStyleProps & ViewProps;
+export type LumenTextProps = LumenTextStyleProps & TextProps;
+export {};
+//# sourceMappingURL=styled.types.d.ts.map

package/dist/src/styles/types/styled.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/styled.types.ts"],"names":[],"mappings":"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"}

package/dist/src/styles/types/styled.types.js

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

package/dist/src/styles/types/theme.types.d.ts

@@ -0,0 +1,23 @@
+import { ledgerLiveThemes, TypographyTokens } from '@ledgerhq/lumen-design-core';
+import { AddEntriesNegative } from './utility.types';
+/**
+ * Instead of exposing the raw theme objects, narrow, extends and transform the theme to improve experience and performances
+ */
+type ThemeWithOneTypographyTokens<Theme extends LumenTheme> = Omit<Theme, 'typographies' | 'spacings'> & {
+    typographies: TypographyTokens;
+    spacings: AddEntriesNegative<Theme['spacings']>;
+};
+export type LumenDarkTheme = typeof ledgerLiveThemes.dark;
+export type LumenLightTheme = typeof ledgerLiveThemes.light;
+export type LumenTheme = LumenDarkTheme | LumenLightTheme;
+export type LumenStyleSheetTheme = ThemeWithOneTypographyTokens<LumenTheme>;
+export interface LumenStyleSheetThemes {
+    light: LumenStyleSheetTheme;
+    dark: LumenStyleSheetTheme;
+}
+export type LumenThemes = {
+    light: LumenLightTheme;
+    dark: LumenDarkTheme;
+};
+export {};
+//# sourceMappingURL=theme.types.d.ts.map

package/dist/src/styles/types/theme.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD;;GAEG;AACH,KAAK,4BAA4B,CAAC,KAAK,SAAS,UAAU,IAAI,IAAI,CAChE,KAAK,EACL,cAAc,GAAG,UAAU,CAC5B,GAAG;IACF,YAAY,EAAE,gBAAgB,CAAC;IAC/B,QAAQ,EAAE,kBAAkB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,gBAAgB,CAAC,IAAI,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,OAAO,gBAAgB,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,eAAe,CAAC;AAC1D,MAAM,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,UAAU,CAAC,CAAC;AAG5E,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC"}

package/dist/src/styles/types/theme.types.js

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

package/dist/src/styles/types/utility.types.d.ts

@@ -0,0 +1,8 @@
+type NegativeNumber<T extends number> = T & {
+    __negative: true;
+};
+export type AddEntriesNegative<T extends Record<string, number>> = T & {
+    [K in keyof T as `-${string & K}`]: NegativeNumber<T[K]>;
+};
+export {};
+//# sourceMappingURL=utility.types.d.ts.map

package/dist/src/styles/types/utility.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/utility.types.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IAAE,UAAU,EAAE,IAAI,CAAA;CAAE,CAAC;AACjE,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;KACpE,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAAC"}

package/dist/src/styles/types/utility.types.js

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

package/dist/src/styles/utils/styleVarianceAuthority.d.ts

@@ -0,0 +1,30 @@
+import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+type StyleValue = ViewStyle | TextStyle | ImageStyle;
+type VariantsConfig = Record<string, Record<string, StyleValue>>;
+type CompoundVariantConditions<V extends VariantsConfig> = {
+    [K in keyof V]?: keyof V[K];
+};
+type AtLeastOneCondition<V extends VariantsConfig> = {
+    [K in keyof V]: Required<Pick<CompoundVariantConditions<V>, K>> & Partial<Omit<CompoundVariantConditions<V>, K>>;
+}[keyof V];
+type CompoundVariant<V extends VariantsConfig> = AtLeastOneCondition<V> & {
+    style: StyleValue;
+};
+type VariantConfig<V extends VariantsConfig> = {
+    base?: StyleValue;
+    variants?: V;
+    compoundVariants?: CompoundVariant<V>[];
+    defaultVariants?: {
+        [K in keyof V]?: keyof V[K];
+    };
+};
+type VariantPropsInput<V extends VariantsConfig> = {
+    [K in keyof V]?: keyof V[K];
+};
+/**
+ * Extract variant props type from an sva instance
+ */
+export type VariantProps<T> = T extends (props?: infer P) => StyleValue ? P : never;
+export declare const sva: <V extends VariantsConfig>(config: VariantConfig<V>) => (props?: VariantPropsInput<V>) => StyleValue;
+export {};
+//# sourceMappingURL=styleVarianceAuthority.d.ts.map

package/dist/src/styles/utils/styleVarianceAuthority.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleVarianceAuthority.d.ts","sourceRoot":"","sources":["../../../../src/styles/utils/styleVarianceAuthority.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,KAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AAEjE,KAAK,yBAAyB,CAAC,CAAC,SAAS,cAAc,IAAI;KACxD,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAC5B,CAAC;AAGF,KAAK,mBAAmB,CAAC,CAAC,SAAS,cAAc,IAAI;KAClD,CAAC,IAAI,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC7D,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACjD,CAAC,MAAM,CAAC,CAAC,CAAC;AAEX,KAAK,eAAe,CAAC,CAAC,SAAS,cAAc,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAAG;IACxE,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,KAAK,aAAa,CAAC,CAAC,SAAS,cAAc,IAAI;IAC7C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,gBAAgB,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,eAAe,CAAC,EAAE;SAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;KAAE,CAAC;CACnD,CAAC;AAEF,KAAK,iBAAiB,CAAC,CAAC,SAAS,cAAc,IAAI;KAChD,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,UAAU,GACnE,CAAC,GACD,KAAK,CAAC;AAkDV,eAAO,MAAM,GAAG,GAAI,CAAC,SAAS,cAAc,EAAE,QAAQ,aAAa,CAAC,CAAC,CAAC,MAM5D,QAAQ,iBAAiB,CAAC,CAAC,CAAC,KAAG,UA6DxC,CAAC"}