@ledgerhq/lumen-ui-rnative 0.0.45 → 0.0.46

package/src/styles/{resolveStyle → lx}/resolveStyle.ts

@@ -1,5 +1,6 @@
 import { getObjectPath } from '@ledgerhq/lumen-utils-shared';
-import type { ViewStyle, TextStyle } from 'react-native';
+import { type ViewStyle, type TextStyle, StyleSheet } from 'react-native';
+import { useTheme } from '../hooks/useTheme';
 import type {
   LumenStyleSheetTheme,
   LumenTextStyle,
@@ -13,12 +14,12 @@ import { VIEW_PROP_CONFIG, TEXT_PROP_CONFIG } from './resolveConfig';
  */
 const resolveStyle = <T extends ViewStyle | TextStyle>(
   theme: LumenStyleSheetTheme,
-  lumenStyle: LumenViewStyle | LumenTextStyle,
+  lx: LumenViewStyle | LumenTextStyle,
   config: typeof VIEW_PROP_CONFIG | typeof TEXT_PROP_CONFIG,
 ): T => {
   const resolved: Record<string, unknown> = {};
 
-  for (const [prop, value] of Object.entries(lumenStyle)) {
+  for (const [prop, value] of Object.entries(lx)) {
     const propConfig = config[prop as keyof typeof config];
     if (!propConfig) continue;
 
@@ -34,12 +35,7 @@ const resolveStyle = <T extends ViewStyle | TextStyle>(
       value as string,
     ]);
 
-    // Spread props (like typography) merge into resolved styles
-    if (propConfig.spread && resolvedValue) {
-      Object.assign(resolved, resolvedValue);
-    } else {
-      resolved[prop] = resolvedValue;
-    }
+    resolved[prop] = resolvedValue;
   }
 
   return resolved as T;
@@ -48,15 +44,23 @@ const resolveStyle = <T extends ViewStyle | TextStyle>(
 /**
  * Transform lx props to StyleSheet style object for View
  */
-export const resolveViewStyle = (
-  theme: LumenStyleSheetTheme,
-  lumenStyle: LumenViewStyle,
-): ViewStyle => resolveStyle<ViewStyle>(theme, lumenStyle, VIEW_PROP_CONFIG);
+export const useResolveViewStyle = (
+  lx: LumenViewStyle,
+  bareStyle?: ViewStyle,
+): ViewStyle => {
+  const { theme } = useTheme();
+  const resolvedStyle = resolveStyle<ViewStyle>(theme, lx, VIEW_PROP_CONFIG);
+  return StyleSheet.flatten([bareStyle, resolvedStyle]);
+};
 
 /**
  * Transform lx props to StyleSheet style object for Text
  */
-export const resolveTextStyle = (
-  theme: LumenStyleSheetTheme,
-  lumenStyle: LumenTextStyle,
-): TextStyle => resolveStyle<TextStyle>(theme, lumenStyle, TEXT_PROP_CONFIG);
+export const useResolveTextStyle = (
+  lx: LumenTextStyle,
+  bareStyle?: TextStyle,
+): TextStyle => {
+  const { theme } = useTheme();
+  const resolvedStyle = resolveStyle<TextStyle>(theme, lx, TEXT_PROP_CONFIG);
+  return StyleSheet.flatten([bareStyle, resolvedStyle]);
+};

package/src/styles/{Provider → provider}/LumenStyleSheetProvider.test.tsx

@@ -2,8 +2,8 @@ import { describe, expect, it, jest } from '@jest/globals';
 import { render, userEvent } from '@testing-library/react-native';
 import React from 'react';
 import { Pressable, Text, View } from 'react-native';
+import { useTheme } from '../hooks/useTheme';
 import { LumenStyleSheetProvider } from './LumenStyleSheetProvider';
-import { useTheme } from './useTheme';
 
 // Test themes
 const testThemes: any = {

package/src/styles/{Provider → provider}/LumenStyleSheetProvider.tsx

@@ -7,10 +7,9 @@ import {
 } from 'react-native';
 import { RuntimeConstants } from '../../lib/utils';
 import { useControllableState } from '../../lib/utils/use-controllable-state/use-controllable-state';
-
+import { createStylesheetTheme } from '../theme/createStylesheetTheme';
 import { type LumenStyleSheetTheme } from '../types';
-import { createStylesheetTheme } from './createStylesheetTheme';
-import { LumenStyleSheetProviderProps } from './LumenStyleSheetProvider.types';
+import { LumenStyleSheetProviderProps } from './types';
 
 const DARK_MODE = 'dark';
 const LIGHT_MODE = 'light';

package/src/styles/provider/index.ts

@@ -0,0 +1,5 @@
+export {
+  LumenStyleSheetProvider,
+  useLumenStyleSheetContext,
+  type LumenStyleSheetContextValue,
+} from './LumenStyleSheetProvider';

package/src/styles/{Provider → theme}/createStylesheetTheme.ts

@@ -19,7 +19,7 @@ export const getNegativeSpacings = <
  * The theme object from design-core is not directly compatible with React Native's StyleSheet.
  *
  * We must transform and extend the theme so it can be easily used with
- * LumenStyleSheet utilities like `useCreate`, as well as components such as
+ * utilities like `useStyleSheet`, as well as components such as
  * `createStyledText` and `createStyledView`. This process augments the design system
  * theme with React Native–specific structure and shorthand.
  */

package/src/styles/theme/index.ts

@@ -0,0 +1,4 @@
+export {
+  createStylesheetTheme,
+  getNegativeSpacings,
+} from './createStylesheetTheme';

package/src/styles/types/factories.types.ts

@@ -0,0 +1,55 @@
+import {
+  PressableProps,
+  PressableStateCallbackType,
+  TextProps as RNTextProps,
+  ViewProps,
+  ViewStyle,
+} from 'react-native';
+import { LumenTextStyle, LumenViewStyle } from './lx.types';
+import { LumenStyleSheetTheme } from './theme.types';
+
+type StyleFn = (state: PressableStateCallbackType) => ViewStyle;
+export type PressableStyleItem =
+  | ViewStyle
+  | StyleFn
+  | PressableStyleItem[]
+  | null
+  | undefined;
+
+export type ExtendRNPressableProps = Omit<PressableProps, 'style'> & {
+  style?: PressableStyleItem;
+};
+
+/**
+ * View API that extends lx style property
+ */
+export type StyledViewProps = {
+  /**
+   * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
+   */
+  lx?: LumenViewStyle;
+} & ViewProps;
+
+/**
+ * Text API that extends lx style property
+ */
+export type StyledTextProps = {
+  /**
+   * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
+   */
+  lx?: LumenTextStyle;
+  /**
+   * Typography preset
+   */
+  typography?: keyof LumenStyleSheetTheme['typographies'];
+} & RNTextProps;
+
+/**
+ * Pressable API that extends lx style property
+ */
+export type StyledPressableProps = {
+  /**
+   * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
+   */
+  lx?: LumenViewStyle;
+} & ExtendRNPressableProps;

package/src/styles/types/index.ts

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

package/src/styles/types/{styled.types.ts → lx.types.ts}

@@ -13,7 +13,6 @@ 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'];
 
 /**
  * Main public types - combine token props with RN props
@@ -131,30 +130,7 @@ export type LumenViewStyle = {
 
 export type LumenTextStyle = LumenViewStyle & {
   color?: TextColorToken;
-  typography?: TypographyToken;
   textAlign?: TextStyle['textAlign'];
   textTransform?: TextStyle['textTransform'];
   textDecorationLine?: TextStyle['textDecorationLine'];
 };
-
-/**
- * Derived style-only types (for internal resolver use)
- */
-export type LumenViewStyleLX = {
-  /**
-   * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
-   */
-  lx?: LumenViewStyle;
-};
-export type LumenPressableStyleLX = {
-  /**
-   * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
-   */
-  lx?: LumenViewStyle;
-};
-export type LumenTextStyleLX = {
-  /**
-   * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
-   */
-  lx?: LumenTextStyle;
-};

package/src/utils/icon-template.ts

@@ -12,7 +12,7 @@ const template: Template = (variables, { tpl }) => {
  * 
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  * 
  * @example
@@ -22,8 +22,8 @@ const template: Template = (variables, { tpl }) => {
  * <${componentName} />
  * 
  * @example
- * // With custom size and className (NativeWind)
- * <${componentName} size={40} className="text-warning" />
+ * // With custom size and style
+ * <${componentName} size={40} color="warning" lx={{ marginTop: 's4' }} />
  * 
  * @example
  * // Used within a Button component

package/tsconfig.storybook.json

@@ -32,7 +32,6 @@
   ],
   "files": [
     "../../node_modules/@nx/react/typings/styled-jsx.d.ts",
-    "../../node_modules/@nx/react/typings/cssmodule.d.ts",
     "../../node_modules/@nx/react/typings/image.d.ts"
   ]
 }

package/.storybook/docs/getting-started/ThemeProvider.mdx

@@ -1,85 +0,0 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-
-<Meta title="Getting Started/Theme" />
-
-# Theme Provider
-
-The ThemeProvider manages your app's theme mode (light/dark) and provides theme tokens to all components.
-
-## Basic Setup
-
-Wrap your app with `ThemeProvider` and pass your theme objects:
-
-```tsx
-import { ThemeProvider } from '@ledgerhq/lumen-ui-rnative';
-import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
-
-function App() {
-  return (
-    <ThemeProvider 
-      themes={ledgerLiveThemes}
-      colorScheme="dark"
-    >
-      <YourApp />
-    </ThemeProvider>
-  );
-}
-```
-
-## Color Scheme
-
-The `colorScheme` prop controls the theme color scheme.
-If not provided, the theme will follow the device settings.
-
-- `"dark"` - Forces dark mode
-- `"light"` - Forces light mode
-
-
-
-```tsx
-<ThemeProvider 
-  themes={ledgerLiveThemes}
-  colorScheme="dark"
->
-  <App />
-</ThemeProvider>
-```
-
-## Changing Theme Mode
-
-If the ThemeProvider is uncontrolled, you can use the [`LumenStyleSheet.useTheme`](/?path=/docs/style-system-usetheme--docs) hook to control theme mode at runtime:
-
-```tsx
-import { LumenStyleSheet } from '@ledgerhq/lumen-ui-rnative/styles';
-
-const ThemeToggle = () => {
-  const { colorScheme, toggleColorScheme, setColorScheme } = LumenStyleSheet.useTheme();
-  
-  return (
-    <Button onPress={toggleColorScheme}>
-      Current: {colorScheme}
-    </Button>
-  );
-};
-```
-
-When the colorScheme changes, `Appearance.setColorScheme` is automatically called to update the system theme.
-
-
-## Internationalization
-The ThemeProvider also manages the app’s locale using React Context.  
-You can just pass the locale to the `ThemeProvider` and the translations will be loaded automatically.
-
-```tsx
-import { ThemeProvider, type SupportedLocale } from '@ledgerhq/lumen-ui-rnative';
-
-function AppProviders() {
-  const [locale, setLocale] = useState<SupportedLocale>('en');
-  return (
-    <ThemeProvider locale={locale}>
-      <App />
-      <Button onClick={() => setLocale('fr')}>Switch to French</Button>
-    </ThemeProvider>
-  );
-}
-```

package/.storybook/vite-plugins/commonjs-exports-shim.ts

@@ -1,26 +0,0 @@
-import type { Plugin } from 'vite';
-
-const UNDEFINED_EXPORTS_REGEXP = /Object\.defineProperty\(exports,/;
-
-/**
- * Temporary fix for NativeWind's `cssInterop` CommonJS exports in ESM context.
- *
- * NativeWind's `cssInterop` (from react-native-css-interop) contains bare CommonJS code
- * that references `exports` without it being defined in the ESM bundle, causing:
- * `ReferenceError: exports is not defined` at runtime.
- *
- * This plugin injects `const exports = {}` at the start of affected chunks.
- * Can be removed once react-native-css-interop ships proper ESM builds or when upgrading to v5.
- */
-export const commonjsExportsShim = (): Plugin => ({
-  name: 'commonjs-exports-shim',
-  renderChunk(code) {
-    if (UNDEFINED_EXPORTS_REGEXP.test(code)) {
-      return {
-        code: `const exports = {};\n${code}`,
-        map: null,
-      };
-    }
-    return undefined;
-  },
-});

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { TextInput } from 'react-native';
-import { type BaseInputProps } from '../BaseInput';
-export type SearchProps = Omit<BaseInputProps, 'prefix' | 'label'>;
-export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<TextInput>>;
-//# sourceMappingURL=Search.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;AAEnE,eAAO,MAAM,MAAM,+EAgBjB,CAAC"}

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Search as SearchIcon } from '../../Symbols';
-import { BaseInput } from '../BaseInput';
-import { InteractiveIcon } from '../InteractiveIcon';
-export const Search = React.forwardRef((props, ref) => {
-    return (_jsx(BaseInput, { ref: ref, prefix: _jsx(InteractiveIcon, { iconType: 'filled', disabled: true, children: _jsx(SearchIcon, { size: 20, accessible: false }) }), style: { fontSize: 16, fontWeight: '500' }, ...props }));
-});
-Search.displayName = 'Search';

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

@@ -1 +0,0 @@
-{"version":3,"file":"Search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Search/Search.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAmBrC,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC"}

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

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

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

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

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

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

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

@@ -1,85 +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;
-};
-export {};
-//# sourceMappingURL=Spot.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spot.types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spot/Spot.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB;;;;;;;;OAQG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpE,CAAC;AACF,KAAK,eAAe,GAAG;IACrB;;;;;;;;OAQG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AAEF,KAAK,sBAAsB,GAAG,aAAa,GAAG,eAAe,GAAG,eAAe,CAAC;AAChF,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEpC,MAAM,MAAM,SAAS,GAAG,sBAAsB,GAC5C,SAAS,GAAG;IACV;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1E;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,SAAS,CAAC"}

package/dist/src/lib/utils/cn.d.ts

@@ -1,3 +0,0 @@
-import { ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=cn.d.ts.map

package/dist/src/lib/utils/cn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAGxC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/src/lib/utils/cn.js

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

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

@@ -1,23 +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;
-};
-declare class HybridLumenStyleSheet {
-    absoluteFillObject: NativeStyleSheet.AbsoluteFillStyle;
-    absoluteFill: import("react-native").RegisteredStyle<NativeStyleSheet.AbsoluteFillStyle>;
-    flatten: typeof NativeStyleSheet.flatten;
-    compose: typeof NativeStyleSheet.compose;
-    useCreate: <S extends import("./types").LumenStyleSheet>(styleCreator: import("./types").LumenStyleSheetExtended<S>, deps?: import("react").DependencyList) => S;
-    useTheme: () => import("./Provider/LumenStyleSheetProvider").LumenStyleSheetContextValue;
-}
-export declare const LumenStyleSheet: HybridLumenStyleSheet;
-export {};
-//# sourceMappingURL=LumenStyleSheet.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LumenStyleSheet.d.ts","sourceRoot":"","sources":["../../../src/styles/LumenStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG;IAChC,kBAAkB,EAAE,OAAO,oBAAoB,CAAC,kBAAkB,CAAC;IACnE,YAAY,EAAE,OAAO,oBAAoB,CAAC,YAAY,CAAC;IACvD,OAAO,EAAE,OAAO,oBAAoB,CAAC,OAAO,CAAC;IAC7C,OAAO,EAAE,OAAO,oBAAoB,CAAC,OAAO,CAAC;IAC7C,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,QAAQ,EAAE,OAAO,QAAQ,CAAC;CAC3B,CAAC;AAEF,cAAM,qBAAqB;IACzB,kBAAkB,qCAAuC;IACzD,YAAY,6EAAiC;IAC7C,OAAO,kCAA4B;IACnC,OAAO,kCAA4B;IACnC,SAAS,wJAAa;IACtB,QAAQ,iFAAY;CACrB;AAED,eAAO,MAAM,eAAe,uBAA8B,CAAC"}

package/dist/src/styles/LumenStyleSheet.js

@@ -1,12 +0,0 @@
-import { StyleSheet as NativeStyleSheet } from 'react-native';
-import { useCreate } from './create/useCreate';
-import { useTheme } from './Provider/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/dist/src/styles/Provider/LumenStyleSheetProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LumenStyleSheetProvider.d.ts","sourceRoot":"","sources":["../../../../src/styles/Provider/LumenStyleSheetProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,eAAe,EAEhB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAM/E,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAKF,eAAO,MAAM,yBAAyB;;;uGAA6B,CAAC;AAEpE,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA+CpE,CAAC"}

package/dist/src/styles/Provider/LumenStyleSheetProvider.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LumenStyleSheetProvider.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/Provider/LumenStyleSheetProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,GAAG;IAC7D,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACzD,CAAC"}

package/dist/src/styles/Provider/createStylesheetTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createStylesheetTheme.d.ts","sourceRoot":"","sources":["../../../../src/styles/Provider/createStylesheetTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,KAAK,SAAS,UAAU,CAAC,UAAU,CAAC,EACpC,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAElC,WAAU,KAAmB,KAC5B,MAIF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,GAChC,OAAO,UAAU,KAChB,oBASF,CAAC"}

package/dist/src/styles/Provider/useTheme.d.ts

@@ -1,3 +0,0 @@
-import { type LumenStyleSheetContextValue } from './LumenStyleSheetProvider';
-export declare const useTheme: () => LumenStyleSheetContextValue;
-//# sourceMappingURL=useTheme.d.ts.map

package/dist/src/styles/Provider/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/styles/Provider/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,QAAQ,QAAO,2BAO3B,CAAC"}

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

@@ -1,4 +0,0 @@
-import { LumenStyleSheetTheme } from '../types';
-import type { LumenStyleSheet, LumenStyleSheetExtended } from '../types/create.types';
-export declare const create: <S extends LumenStyleSheet>(theme: LumenStyleSheetTheme, stylesheet: LumenStyleSheetExtended<S>) => S;
-//# sourceMappingURL=create.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../../src/styles/create/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EACV,eAAe,EACf,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,eAAe,EAC9C,OAAO,oBAAoB,EAC3B,YAAY,uBAAuB,CAAC,CAAC,CAAC,KACrC,CAQF,CAAC"}

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

@@ -1,8 +0,0 @@
-export const create = (theme, stylesheet) => {
-    // 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/dist/src/styles/create/useCreate.d.ts

@@ -1,4 +0,0 @@
-import { DependencyList } from 'react';
-import type { LumenStyleSheet, LumenStyleSheetExtended } from '../types';
-export declare const useCreate: <S extends LumenStyleSheet>(styleCreator: LumenStyleSheetExtended<S>, deps?: DependencyList) => S;
-//# sourceMappingURL=useCreate.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCreate.d.ts","sourceRoot":"","sources":["../../../../src/styles/create/useCreate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAmB,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGzE,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,eAAe,EACjD,cAAc,uBAAuB,CAAC,CAAC,CAAC,EACxC,OAAM,cAAmB,KACxB,CASF,CAAC"}

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

@@ -1,9 +0,0 @@
-import { useMemo, useRef } from 'react';
-import { useTheme } from '../Provider/useTheme';
-import { create } from './create';
-export const useCreate = (styleCreator, deps = []) => {
-    const { theme } = useTheme();
-    const styleCreatorRef = useRef(styleCreator);
-    styleCreatorRef.current = styleCreator;
-    return useMemo(() => create(theme, styleCreatorRef.current), [theme, ...deps]);
-};

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

@@ -1,3 +0,0 @@
-import { LumenViewStyleLX, LumenTextStyleLX, LumenPressableStyleLX } from '../types';
-export declare const areLxPropsEqual: (prevProps: LumenViewStyleLX | LumenTextStyleLX | LumenPressableStyleLX, nextProps: LumenViewStyleLX | LumenTextStyleLX | LumenPressableStyleLX) => boolean;
-//# sourceMappingURL=areLxPropsEqual.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"areLxPropsEqual.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/areLxPropsEqual.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAalB,eAAO,MAAM,eAAe,GAC1B,WAAW,gBAAgB,GAAG,gBAAgB,GAAG,qBAAqB,EACtE,WAAW,gBAAgB,GAAG,gBAAgB,GAAG,qBAAqB,KACrE,OAWF,CAAC"}