@ledgerhq/lumen-ui-rnative 0.0.45 → 0.0.46

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import type { Pressable, PressableProps, PressableStateCallbackType, ViewStyle } from 'react-native';
-import { LumenPressableStyleLX } from '../types';
-type StyleFn = (state: PressableStateCallbackType) => ViewStyle;
-type StyleItem = ViewStyle | StyleFn | StyleItem[] | null | undefined;
-export type StyledPressableProps = LumenPressableStyleLX & Omit<PressableProps, 'style'> & {
-    style?: StyleItem;
-};
-/**
- * Factory function to create a styled Pressable component.
- *
- * Supports `style` as an object, function, or array of objects/functions (including nested).
- *
- * ```tsx
- * // Create a styled Pressable
- * const Pressable = createStyledPressable(RNPressable);
- *
- * // Usage with array of styles
- * <Pressable style={[props.style, ({ pressed }) => ({ opacity: pressed ? 0.8 : 1 })]} />
- * ```
- */
-export declare const createStyledPressable: (Component: typeof Pressable) => React.MemoExoticComponent<React.ForwardRefExoticComponent<LumenPressableStyleLX & Omit<PressableProps, "style"> & {
-    style?: StyleItem;
-} & React.RefAttributes<import("react-native").View>>>;
-export {};
-//# sourceMappingURL=createStyledPressable.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createStyledPressable.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/createStyledPressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,0BAA0B,EAC1B,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAIjD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;AAChE,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,GACtD,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AA6BJ;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAW,OAAO,SAAS;YA3CrD,SAAS;sDA6EpB,CAAC"}

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import type { Text, TextProps } from 'react-native';
-import type { LumenStyleSheetTheme, LumenTextStyleLX } from '../types';
-export type StyledTextProps = LumenTextStyleLX & TextProps & {
-    /**
-     * Typography preset
-     */
-    typography?: keyof LumenStyleSheetTheme['typographies'];
-};
-/**
- * Factory function to create a styled Text component.
- *
- * ```tsx
- * // Create a basic Text
- * const StyledText = createStyledText(Text);
- * ```
- */
-export declare const createStyledText: (Component: typeof Text) => React.MemoExoticComponent<React.ForwardRefExoticComponent<LumenTextStyleLX & TextProps & {
-    /**
-     * Typography preset
-     */
-    typography?: keyof LumenStyleSheetTheme["typographies"];
-} & React.RefAttributes<Text>>>;
-//# sourceMappingURL=createStyledText.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createStyledText.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/createStyledText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAG/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIvE,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,SAAS,GAAG;IACV;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;CACzD,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,OAAO,IAAI;IAdnD;;OAEG;iBACU,MAAM,oBAAoB,CAAC,cAAc,CAAC;+BAyC1D,CAAC"}

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { View, type ViewProps } from 'react-native';
-import type { LumenViewStyleLX } from '../types';
-export type StyledViewProps = LumenViewStyleLX & ViewProps;
-/**
- * Factory function to create a styled View component.
- *
- * ```tsx
- * // Create a basic View
- * const StyledView = createStyledView(View);
- * ```
- */
-export declare const createStyledView: (Component: typeof View) => React.MemoExoticComponent<React.ForwardRefExoticComponent<LumenViewStyleLX & ViewProps & React.RefAttributes<View>>>;
-//# sourceMappingURL=createStyledView.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createStyledView.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/createStyledView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIjD,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAE3D;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,OAAO,IAAI,yHAsBtD,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"resolveConfig.d.ts","sourceRoot":"","sources":["../../../../src/styles/resolveStyle/resolveConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1D;;;;;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,cAAc,EAAE,UAAU,CAyF5D,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,cAAc,EAAE,UAAU,CAO5D,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAE9B,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAE9B,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC"}

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

@@ -1,11 +0,0 @@
-import type { ViewStyle, TextStyle } from 'react-native';
-import type { LumenStyleSheetTheme, LumenTextStyle, LumenViewStyle } from '../types';
-/**
- * Transform lx props to StyleSheet style object for View
- */
-export declare const resolveViewStyle: (theme: LumenStyleSheetTheme, lumenStyle: LumenViewStyle) => ViewStyle;
-/**
- * Transform lx props to StyleSheet style object for Text
- */
-export declare const resolveTextStyle: (theme: LumenStyleSheetTheme, lumenStyle: LumenTextStyle) => TextStyle;
-//# sourceMappingURL=resolveStyle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resolveStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/resolveStyle/resolveStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EACd,cAAc,EACf,MAAM,UAAU,CAAC;AAyClB;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,oBAAoB,EAC3B,YAAY,cAAc,KACzB,SAAyE,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,oBAAoB,EAC3B,YAAY,cAAc,KACzB,SAAyE,CAAC"}

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

@@ -1 +0,0 @@
-{"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/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './mergeStyles';
-//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -1,16 +0,0 @@
-import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-type StyleValue = ViewStyle & TextStyle & ImageStyle;
-type StyleInput = StyleValue | false | null | undefined;
-/**
- * Merges multiple style objects, filtering out falsy values.
- * Use with conditional expressions for variant-based styling.
- *
- * @example
- * const style = mergeStyles(
- *   baseStyle,
- *   disabled && disabledStyle,
- * );
- */
-export declare const mergeStyles: (...styles: StyleInput[]) => StyleValue;
-export {};
-//# sourceMappingURL=mergeStyles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../src/styles/utils/mergeStyles.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;AACrD,KAAK,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAExD;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,GAAG,QAAQ,UAAU,EAAE,KAAG,UASrD,CAAC"}

package/dist/src/styles/utils/mergeStyles.js

@@ -1,20 +0,0 @@
-/**
- * Merges multiple style objects, filtering out falsy values.
- * Use with conditional expressions for variant-based styling.
- *
- * @example
- * const style = mergeStyles(
- *   baseStyle,
- *   disabled && disabledStyle,
- * );
- */
-export const mergeStyles = (...styles) => {
-    const result = {};
-    for (let i = 0; i < styles.length; i++) {
-        const style = styles[i];
-        if (style) {
-            Object.assign(result, style);
-        }
-    }
-    return result;
-};

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/src/global.css

@@ -1,4 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-

package/src/lib/Components/Search/Search.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { TextInput } from 'react-native';
-import { Search as SearchIcon } from '../../Symbols';
-import { BaseInput, type BaseInputProps } from '../BaseInput';
-import { InteractiveIcon } from '../InteractiveIcon';
-
-export type SearchProps = Omit<BaseInputProps, 'prefix' | 'label'>;
-
-export const Search = React.forwardRef<
-  React.ElementRef<typeof TextInput>,
-  SearchProps
->((props, ref) => {
-  return (
-    <BaseInput
-      ref={ref}
-      prefix={
-        <InteractiveIcon iconType='filled' disabled>
-          <SearchIcon size={20} accessible={false} />
-        </InteractiveIcon>
-      }
-      style={{ fontSize: 16, fontWeight: '500' }}
-      {...props}
-    />
-  );
-});
-
-Search.displayName = 'Search';

package/src/lib/Components/Search/index.ts

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

package/src/lib/Components/Spot/Spot.types.ts

@@ -1,94 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'react-native';
-import { IconSize } from '../Icon';
-
-export type SpotAppearance =
-  | 'icon'
-  | 'bluetooth'
-  | 'check'
-  | 'error'
-  | 'warning'
-  | 'info'
-  | 'loader'
-  | 'number';
-
-/**
- * A discriminated union that enforces type-safe props based on the `appearance`.
- */
-type IconSpotProps = {
-  /**
-   * Displays a custom icon with neutral base styling.
-   *
-   * **Use case**: When you need to show a custom icon that isn't available in the predefined appearances.
-   * **Style**: Default text color with transparent background.
-   * **Required prop**: `icon` - Must provide an icon component.
-   *
-   * @example <Spot appearance="icon" icon={SettingsIcon} />
-   */
-  appearance: 'icon';
-  /**
-   * A React component to be rendered as the icon. Required when appearance is 'icon'.
-   */
-  icon: React.ComponentType<{ size?: IconSize; className?: string }>;
-};
-type NumberSpotProps = {
-  /**
-   * Displays a single digit (0-9) with number styling.
-   *
-   * **Use case**: Step indicators, counters, or numbered badges.
-   * **Style**: Heading-4 typography with base text color.
-   * **Required prop**: `number` - Must be a digit from 0 to 9.
-   *
-   * @example <Spot appearance="number" number={5} />
-   */
-  appearance: 'number';
-  /**
-   * A single digit from 0 to 9 to display. Required when appearance is 'number'.
-   */
-  number: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
-};
-
-type StatusSpotProps = {
-  /**
-   * Self-contained predefined status indicators with semantic styling.
-   *
-   * **Available options**:
-   * - `'bluetooth'` - Bluetooth connection status (blue color)
-   * - `'check'` - Success/completion state (green color)
-   * - `'error'` - Error/failure state (red color)
-   * - `'warning'` - Warning/caution state (yellow color)
-   * - `'info'` - Informational state (muted color)
-   * - `'loader'` - Loading/processing state (no color)
-   *
-   * **Use case**: Status indicators, feedback states, loading states.
-   * **Style**: Each has semantic colors and predefined icons.
-   * **Props**: No additional props required - fully self-contained.
-   *
-   * @example
-   * <Spot appearance="check" />    // Success checkmark
-   * <Spot appearance="error" />    // Error X icon
-   * <Spot appearance="loader" />   // Loading spinner
-   */
-  appearance: Exclude<SpotAppearance, 'icon' | 'number'>;
-};
-
-type DiscriminatedSpotProps = IconSpotProps | NumberSpotProps | StatusSpotProps;
-export type SpotSize = 48 | 56 | 72;
-
-export type SpotProps = DiscriminatedSpotProps &
-  ViewProps & {
-    /**
-     * Whether the spot is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The size of the spot.
-     * @default 48
-     */
-    size?: SpotSize;
-    /**
-     * Additional CSS classes for styling.
-     */
-    className?: string;
-  };

package/src/lib/utils/cn.ts

@@ -1,6 +0,0 @@
-import { ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/src/styles/LumenStyleSheet.ts

@@ -1,25 +0,0 @@
-import { StyleSheet as NativeStyleSheet } from 'react-native';
-import type { StyleSheet as NativeStyleSheetType } from 'react-native';
-
-import { useCreate } from './create/useCreate';
-import { useTheme } from './Provider/useTheme';
-
-export type LumenStyleSheetType = {
-  absoluteFillObject: typeof NativeStyleSheetType.absoluteFillObject;
-  absoluteFill: typeof NativeStyleSheetType.absoluteFill;
-  compose: typeof NativeStyleSheetType.compose;
-  flatten: typeof NativeStyleSheetType.flatten;
-  useCreate: typeof useCreate;
-  useTheme: typeof useTheme;
-};
-
-class HybridLumenStyleSheet {
-  absoluteFillObject = NativeStyleSheet.absoluteFillObject;
-  absoluteFill = NativeStyleSheet.absoluteFill;
-  flatten = NativeStyleSheet.flatten;
-  compose = NativeStyleSheet.compose;
-  useCreate = useCreate;
-  useTheme = useTheme;
-}
-
-export const LumenStyleSheet = new HybridLumenStyleSheet();

package/src/styles/create/create.test.ts

@@ -1,261 +0,0 @@
-import { describe, expect, it } from '@jest/globals';
-import { ledgerLiveCoreTokens } from '@ledgerhq/lumen-design-core';
-import { create } from './create';
-
-// Custom theme for testing - simpler structure than full LumenStyleSheetTheme
-
-const customTheme = {
-  colors: {
-    bg: '#FFFFFF',
-    bgMuted: '#F5F5F5',
-    bgAccent: '#007AFF',
-    text: '#000000',
-    textMuted: '#666666',
-    border: '#E0E0E0',
-  },
-  shadows: {
-    sm: ledgerLiveCoreTokens.shadows.sm,
-  },
-  spacings: {
-    s8: 8,
-    s16: 16,
-    s24: 24,
-  },
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-} as any;
-
-describe('create', () => {
-  describe('Direct stylesheet objects', () => {
-    it('should handle static style objects', () => {
-      const styles = create(customTheme, {
-        container: {
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-        },
-      });
-
-      expect(styles).toEqual({
-        container: {
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-        },
-      });
-    });
-
-    it('should handle dynamic style functions in plain object', () => {
-      const styles = create(customTheme, {
-        container: (align: 'center' | 'flex-start') => ({
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: align ? 'center' : 'flex-start',
-        }),
-      });
-
-      expect(styles.container('center')).toEqual({
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-      });
-    });
-  });
-
-  describe('stylesheet with theme object', () => {
-    it('should handle static style objects', () => {
-      const styles = create(customTheme, () => ({
-        container: {
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-        },
-      }));
-
-      expect(styles).toEqual({
-        container: {
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-        },
-      });
-    });
-
-    it('should handle theme-based static styles', () => {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const styles = create(customTheme, (theme: any) => ({
-        container: {
-          backgroundColor: theme.colors.bg,
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-        },
-      }));
-
-      expect(styles).toEqual({
-        container: {
-          backgroundColor: customTheme.colors.bg,
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-        },
-      });
-    });
-
-    it('should handle box shadow styles', () => {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const styles = create(customTheme, (theme: any) => ({
-        container: {
-          boxShadow: theme.shadows.sm,
-        },
-      }));
-
-      expect(styles).toEqual({
-        container: {
-          boxShadow: customTheme.shadows.sm,
-        },
-      });
-    });
-
-    it('should handle multiple static style objects', () => {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const styles = create(customTheme, (theme: any) => ({
-        container: {
-          backgroundColor: theme.colors.bg,
-          flex: 1,
-        },
-        textContainer: {
-          flex: 1,
-          marginTop: theme.spacings.s16,
-        },
-        button: {
-          backgroundColor: theme.colors.bgAccent,
-          padding: theme.spacings.s8,
-        },
-      }));
-
-      expect(styles).toEqual({
-        container: {
-          backgroundColor: customTheme.colors.bg,
-          flex: 1,
-        },
-        textContainer: {
-          flex: 1,
-          marginTop: customTheme.spacings.s16,
-        },
-        button: {
-          backgroundColor: customTheme.colors.bgAccent,
-          padding: customTheme.spacings.s8,
-        },
-      });
-    });
-  });
-
-  describe('Dynamic function styles', () => {
-    it('should handle dynamic function with single parameter', () => {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const styles = create(customTheme, (theme: any) => ({
-        container: (maxWidth: number) => ({
-          backgroundColor: theme.colors.bg,
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-          maxWidth,
-        }),
-      }));
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      expect((styles.container as any)(100)).toEqual({
-        backgroundColor: customTheme.colors.bg,
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        maxWidth: 100,
-      });
-    });
-
-    it('should handle dynamic function with multiple parameters', () => {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const styles = create(customTheme, (theme: any) => ({
-        container: (maxWidth: number, isOdd: boolean) => ({
-          backgroundColor: theme.colors.bg,
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-          maxWidth,
-          borderBottomWidth: isOdd ? 1 : undefined,
-        }),
-      }));
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      expect((styles.container as any)(100, true)).toEqual({
-        backgroundColor: customTheme.colors.bg,
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        maxWidth: 100,
-        borderBottomWidth: 1,
-      });
-    });
-
-    it('should handle dynamic function with conditional styling', () => {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const styles = create(customTheme, (theme: any) => ({
-        container: (variant: 'primary' | 'secondary') => ({
-          backgroundColor:
-            variant === 'primary'
-              ? theme.colors.bgAccent
-              : theme.colors.bgMuted,
-          flex: variant === 'primary' ? 1 : 2,
-        }),
-      }));
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      expect((styles.container as any)('primary')).toEqual({
-        backgroundColor: customTheme.colors.bgAccent,
-        flex: 1,
-      });
-    });
-
-    it('should handle mix of static and dynamic styles', () => {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const styles = create(customTheme, (theme: any) => ({
-        textContainer: {
-          flex: 1,
-          marginTop: theme.spacings.s16,
-        },
-        container: (maxWidth: number, isOdd: boolean) => ({
-          backgroundColor: theme.colors.bg,
-          flex: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
-          maxWidth,
-          borderBottomWidth: isOdd ? 1 : undefined,
-        }),
-        staticBox: {
-          padding: theme.spacings.s24,
-          backgroundColor: theme.colors.bgAccent,
-        },
-      }));
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      expect((styles.container as any)(100, true)).toEqual({
-        backgroundColor: customTheme.colors.bg,
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        maxWidth: 100,
-        borderBottomWidth: 1,
-      });
-
-      expect(styles.textContainer).toEqual({
-        flex: 1,
-        marginTop: customTheme.spacings.s16,
-      });
-
-      expect(styles.staticBox).toEqual({
-        padding: customTheme.spacings.s24,
-        backgroundColor: customTheme.colors.bgAccent,
-      });
-    });
-  });
-});

package/src/styles/create/create.ts

@@ -1,18 +0,0 @@
-import { LumenStyleSheetTheme } from '../types';
-import type {
-  LumenStyleSheet,
-  LumenStyleSheetExtended,
-} from '../types/create.types';
-
-export const create = <S extends LumenStyleSheet>(
-  theme: LumenStyleSheetTheme,
-  stylesheet: LumenStyleSheetExtended<S>,
-): S => {
-  // If stylesheet is a function, call it with the theme to get the stylesheet object
-  if (typeof stylesheet === 'function') {
-    return stylesheet(theme);
-  }
-
-  // Otherwise, return the stylesheet as-is
-  return stylesheet;
-};

package/src/styles/create/useCreate.ts

@@ -1,18 +0,0 @@
-import { DependencyList, useMemo, useRef } from 'react';
-import { useTheme } from '../Provider/useTheme';
-import type { LumenStyleSheet, LumenStyleSheetExtended } from '../types';
-import { create } from './create';
-
-export const useCreate = <S extends LumenStyleSheet>(
-  styleCreator: LumenStyleSheetExtended<S>,
-  deps: DependencyList = [],
-): S => {
-  const { theme } = useTheme();
-  const styleCreatorRef = useRef(styleCreator);
-  styleCreatorRef.current = styleCreator;
-
-  return useMemo(
-    () => create(theme, styleCreatorRef.current),
-    [theme, ...deps],
-  );
-};