@ledgerhq/lumen-ui-rnative 0.1.8 → 0.1.9

package/.storybook/main.ts

@@ -1,50 +0,0 @@
-import { dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-import type { StorybookConfig } from '@storybook/react-native-web-vite';
-import { mergeConfig } from 'vite';
-
-const config: StorybookConfig = {
-  stories: [
-    '../src/lib/**/*.mdx',
-    '../src/lib/**/*.stories.@(js|jsx|ts|tsx|mdx)',
-    './docs/**/*.@(mdx)',
-  ],
-  addons: [
-    getAbsolutePath('@storybook/addon-themes'),
-    getAbsolutePath('@storybook/addon-docs'),
-  ],
-  framework: {
-    name: getAbsolutePath('@storybook/react-native-web-vite'),
-    options: {},
-  },
-  typescript: {
-    reactDocgen: 'react-docgen-typescript',
-  },
-
-  viteFinal: async (config) => {
-    config.resolve = config.resolve || {};
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      'react-native': 'react-native-web',
-      'react-native-svg': 'react-native-svg-web',
-      '@sbaiahmed1/react-native-blur': fileURLToPath(
-        new URL('./mocks/blur.tsx', import.meta.url),
-      ),
-    };
-
-    return mergeConfig(config, {
-      plugins: [nxViteTsPaths()],
-    });
-  },
-
-  core: {
-    disableTelemetry: true,
-  },
-};
-
-export default config;
-
-function getAbsolutePath(value: string): any {
-  return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
-}

package/.storybook/manager.ts

@@ -1,6 +0,0 @@
-import { addons } from 'storybook/manager-api';
-import theme from './theme';
-
-addons.setConfig({
-  theme,
-});

package/.storybook/mocks/blur.tsx

@@ -1,21 +0,0 @@
-import { View, ViewProps } from 'react-native';
-
-/**
- * Mock BlurView for web/storybook
- * @sbaiahmed1/react-native-blur doesn't work on web, so we use a simple View
- */
-export const BlurView = (
-  props: ViewProps & {
-    blurAmount?: number;
-    blurType?: string;
-    overlayColor?: string;
-  },
-) => {
-  const {
-    blurAmount: _blurAmount,
-    blurType: _blurType,
-    overlayColor: _overlayColor,
-    ...restProps
-  } = props;
-  return <View {...restProps} />;
-};

package/.storybook/preview-head.html

@@ -1,27 +0,0 @@
-<style>
-  body {
-    background-color: #ffffff;
-  }
-
-  .dark body {
-    background-color: #191919;
-  }
-
-  .sbdocs-preview {
-    background-color: #ffffff;
-  }
-
-  .dark .sbdocs-preview {
-    background-color: #000;
-  }
-
-  .sbdocs-a {
-    color: rgb(126, 78, 165) !important;
-    text-decoration: underline !important;
-    cursor: pointer;
-  }
-
-  .sbdocs-a:hover {
-    text-decoration: underline;
-  }
-</style>

package/.storybook/preview.tsx

@@ -1,93 +0,0 @@
-import type { Preview } from '@storybook/react-native-web-vite';
-
-import {
-  withBrandDecorator,
-  withModeDecorator,
-  withProvidersDecorator,
-  withProvidersDocsContainer,
-} from './Decorator';
-import './font.css';
-
-const preview: Preview = {
-  globalTypes: {
-    brand: {
-      name: 'Brand',
-      description: 'Global brand theme for components',
-      defaultValue: 'ledger-live',
-      toolbar: {
-        icon: 'paintbrush',
-        title: 'Brand',
-        items: ['ledger-live', 'enterprise', 'websites'],
-
-        dynamicTitle: true,
-      },
-    },
-    mode: {
-      name: 'Mode',
-      description: 'Color scheme for components',
-      defaultValue: 'light',
-      toolbar: {
-        icon: 'sun',
-        title: 'Mode',
-        items: ['light', 'dark'],
-        dynamicTitle: true,
-      },
-    },
-  },
-
-  parameters: {
-    backgrounds: {
-      options: {
-        dark: { name: 'Dark', value: '#191919' },
-        light: { name: 'Light', value: '#fafafa' },
-      },
-    },
-    initialGlobals: {
-      backgrounds: { value: 'light' },
-    },
-
-    options: {
-      storySort: {
-        order: [
-          'Getting Started',
-          ['Setup', 'Changelog'],
-          'Style System',
-          ['Style System', 'useTheme', 'useStyleSheet', 'lx'],
-          'Symbols',
-          'Action',
-          [
-            'Button',
-            'CardButton',
-            'IconButton',
-            'TileButton',
-            'Link',
-            'InteractiveIcon',
-          ],
-          'Communication',
-          'Containment',
-          'Selection',
-          'Input',
-          'Layout',
-          'Navigation',
-          'Utility',
-          'Animations',
-        ],
-      },
-    },
-    tags: ['autodocs'],
-    docs: {
-      container: withProvidersDocsContainer,
-    },
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
-
-  decorators: [withBrandDecorator, withModeDecorator, withProvidersDecorator],
-};
-
-export default preview;

package/.storybook/theme.ts

@@ -1,22 +0,0 @@
-import { ThemeVars } from 'storybook/theming';
-import { create } from 'storybook/theming/create';
-import logoUrl from './docs/lumen.svg';
-
-const theme: ThemeVars = create({
-  base: 'light',
-  brandTarget: '_self',
-  brandImage: logoUrl,
-  appBg: '#fafafa',
-  appContentBg: '#ffffff',
-  appBorderRadius: 8,
-
-  textColor: '#1a1a1a',
-  textInverseColor: '#ffffff',
-
-  colorPrimary: '#2563eb',
-  colorSecondary: '#7e4ea5',
-  barBg: '#f8fafc',
-  barHoverColor: '#d4a0ff',
-});
-
-export default theme;

package/.test.env

@@ -1 +0,0 @@
-NODE_OPTIONS='--no-experimental-detect-module'

package/ai-rules/README.md

@@ -1,98 +0,0 @@
-# Lumen AI Rules for Consumers
-
-AI assistant rules to help you use `@ledgerhq/lumen-ui-rnative` correctly in your projects.
-
-## What These Rules Do
-
-These rules help AI assistants:
-
-✅ **Correct imports** - Suggest proper import paths (e.g., `/symbols` for icons)  
-✅ **Design tokens** - Use Lumen tokens via the `lx` style system  
-✅ **Component catalog** - Know which React Native components are available  
-✅ **Style system** - Use the `lx` prop with type-safe design tokens  
-✅ **Dark mode** - Understand automatic theme support
-
-## Usage by AI Tool
-
-### Cursor
-
-Add to your project's `.cursorrules` file:
-
-```
-@node_modules/@ledgerhq/lumen-ui-rnative/ai-rules/RULES.md
-```
-
-Or create `.cursor/rules/lumen-rnative.mdc`:
-
-```markdown
----
-description: Lumen UI React Native design system rules
-globs:
-alwaysApply: true
----
-
-@node_modules/@ledgerhq/lumen-ui-rnative/ai-rules/RULES.md
-```
-
-### Claude / Claude Code
-
-Reference the rules file in your conversation:
-
-```
-Use the design system rules from: node_modules/@ledgerhq/lumen-ui-rnative/ai-rules/RULES.md
-```
-
-Or copy the content from `node_modules/@ledgerhq/lumen-ui-rnative/ai-rules/RULES.md` into your custom instructions.
-
-### VS Code / GitHub Copilot
-
-Add to your workspace settings (`.vscode/settings.json`):
-
-```json
-{
-  "github.copilot.advanced": {
-    "contextFiles": ["node_modules/@ledgerhq/lumen-ui-rnative/ai-rules/RULES.md"]
-  }
-}
-```
-
-### WebStorm / JetBrains AI
-
-Add the file `node_modules/@ledgerhq/lumen-ui-rnative/ai-rules/RULES.md` to your AI Assistant settings under "Additional Context".
-
-### Manual Setup
-
-Copy the rules from `node_modules/@ledgerhq/lumen-ui-rnative/ai-rules/RULES.md` into your preferred AI assistant's configuration.
-
-## Example Results
-
-With these rules, AI assistants will suggest:
-
-```tsx
-// ❌ Without rules
-import { ArrowRight } from '@ledgerhq/lumen-ui-rnative';
-<View style={{ backgroundColor: '#f5f5f5', padding: 16 }}>
-  <Text style={{ color: '#666', fontWeight: 'bold' }}>Text</Text>
-</View>;
-
-// ✅ With rules
-import { ArrowRight } from '@ledgerhq/lumen-ui-rnative/symbols';
-<Box lx={{ backgroundColor: 'muted', padding: 16 }}>
-  <Text lx={{ color: 'muted', fontSize: 'heading-3' }}>Text</Text>
-</Box>;
-```
-
-## Auto-Sync Benefits
-
-By referencing the file from node_modules instead of copying:
-
-- ✅ Always get the latest rules when you update the package
-- ✅ No manual copy/paste needed
-- ✅ Consistent across your team
-- ✅ Rules are version-locked with your package version
-
-## Learn More
-
-- [Lumen Documentation](https://ldls.vercel.app)
-- [Package README](../README.md)
-- [Main Repository](https://github.com/LedgerHQ/lumen)

package/ai-rules/RULES.md

@@ -1,148 +0,0 @@
-# Lumen UI React Native - AI Assistant Rules
-
-## About Lumen
-
-**Lumen** (Ledger Design Language System), also known as **Lumen**, is Ledger's comprehensive design system providing:
-
-- **UI components** available via `@ledgerhq/lumen-ui-rnative`
-- **Design tokens** (colors, spacing, typography) available via `@ledgerhq/lumen-design-core`
-- **Multiple brand presets**: available via `@ledgerhq/lumen-design-core`
-
-## Setup Requirements
-
-### Package Installation
-
-- Import components from `@ledgerhq/lumen-ui-rnative`
-- Import icons from `@ledgerhq/lumen-ui-rnative/symbols` (not from main package)
-- Import design tokens/presets from `@ledgerhq/lumen-design-core`
-
----
-
-## Available React Native Components
-
-Below is a complete list of all available Lumen React Native components. Click any component name to view its documentation and interactive examples in Storybook.
-
-**Components:**
-
-- [Button](https://ldls.vercel.app/?path=/docs/action-button--docs) - Primary action button component
-- [CardButton](https://ldls.vercel.app/?path=/docs/action-cardbutton--docs) - Card-style interactive button
-- [IconButton](https://ldls.vercel.app/?path=/docs/action-iconbutton--docs) - Button with icon only
-- [InteractiveIcon](https://ldls.vercel.app/?path=/docs/action-interactiveicon--docs) - Interactive icon with states
-- [Link](https://ldls.vercel.app/?path=/docs/action-link--docs) - Hyperlink component
-- [TileButton](https://ldls.vercel.app/?path=/docs/action-tilebutton--docs) - Interactive tile button
-- [AmountDisplay](https://ldls.vercel.app/?path=/docs/communication-amountdisplay--docs) - Display formatted amounts with currency
-- [Avatar](https://ldls.vercel.app/?path=/docs/communication-avatar--docs) - User avatar with image, initials, or placeholder
-- [Banner](https://ldls.vercel.app/?path=/docs/communication-banner--docs) - Alert and notification banners
-- [ContentBanner](https://ldls.vercel.app/?path=/docs/communication-contentbanner--docs) - Rich content banner with image support
-- [PageIndicator](https://ldls.vercel.app/?path=/docs/communication-pageindicator--docs) - Step and page progress indicator
-- [Skeleton](https://ldls.vercel.app/?path=/docs/communication-skeleton--docs) - Loading placeholder skeleton
-- [Spinner](https://ldls.vercel.app/?path=/docs/communication-spinner--docs) - Loading spinner indicator
-- [Spot](https://ldls.vercel.app/?path=/docs/communication-spot--docs) - Icon container with background
-- [Stepper](https://ldls.vercel.app/?path=/docs/communication-stepper--docs) - Multi-step progress indicator
-- [Subheader](https://ldls.vercel.app/?path=/docs/communication-subheader--docs) - Section subheader component
-- [Tag](https://ldls.vercel.app/?path=/docs/communication-tag--docs) - Label and tag component
-- [Tooltip](https://ldls.vercel.app/?path=/docs/communication-tooltip--docs) - Tooltip overlay component
-- [BottomSheet](https://ldls.vercel.app/?path=/docs/containment-bottomsheet--docs) - Bottom sheet modal component
-- [ListItem](https://ldls.vercel.app/?path=/docs/containment-listitem--docs) - List item with flexible composition
-- [Tile](https://ldls.vercel.app/?path=/docs/containment-tile--docs) - Content container tile
-- [AddressInput](https://ldls.vercel.app/?path=/docs/input-addressinput--docs) - Input field for cryptocurrency addresses
-- [AmountInput](https://ldls.vercel.app/?path=/docs/input-amountinput--docs) - Input field for amount values
-- [SearchInput](https://ldls.vercel.app/?path=/docs/input-searchinput--docs) - Search input field
-- [TextInput](https://ldls.vercel.app/?path=/docs/input-textinput--docs) - Text input field
-- [Divider](https://ldls.vercel.app/?path=/docs/layout-divider--docs) - Visual separator line
-- [NavBar](https://ldls.vercel.app/?path=/docs/navigation-navbar--docs) - Top navigation bar
-- [TabBar](https://ldls.vercel.app/?path=/docs/navigation-tabbar--docs) - Bottom tab navigation bar
-- [Checkbox](https://ldls.vercel.app/?path=/docs/selection-checkbox--docs) - Checkbox input for selections
-- [Select](https://ldls.vercel.app/?path=/docs/selection-select--docs) - Dropdown select component
-- [Switch](https://ldls.vercel.app/?path=/docs/selection-switch--docs) - Toggle switch component
-
-**Symbols:**
-
-- [Icon](https://ldls.vercel.app/?path=/docs/symbols-interface-icons--docs) - Interface icon components
-
-**Utility Components:**
-
-- [Box](https://ldls.vercel.app/?path=/docs/utility-box--docs) - Layout container with style props
-- [LinearGradient](https://ldls.vercel.app/?path=/docs/utility-lineargradient--docs) - Linear gradient component
-- [Pressable](https://ldls.vercel.app/?path=/docs/utility-pressable--docs) - Pressable wrapper with visual feedback
-- [RadialGradient](https://ldls.vercel.app/?path=/docs/utility-radialgradient--docs) - Radial gradient component
-- [Text](https://ldls.vercel.app/?path=/docs/utility-text--docs) - Text component with style props
-
-### Icons
-
-[View all available icons in Storybook →](https://ldls.vercel.app/?path=/docs/symbols-interface-icons--docs)
-
-- Always import icons from `/symbols` entry point
-- Import: `import { ArrowRight, CheckCircle } from '@ledgerhq/lumen-ui-rnative/symbols'`
-- Use as components: `<ArrowRight size={20} />`
-- Pass as props: `<Button icon={ArrowRight}>Label</Button>`
-- Available sizes: 12, 16, 20, 24, 32, 40, 48, 56
-
----
-
-## React Native Style System
-
-Lumen React Native uses a custom style system called `lx` that provides type-safe access to design tokens. 
-
-Explore the complete theme reference:
-
-- [Colors](https://ldls.vercel.app/?path=/docs/style-system-theme-colors--docs) - Semantic color tokens for background, text, and borders
-- [Spacings](https://ldls.vercel.app/?path=/docs/style-system-theme-spacings--docs) - Spacing scale for padding, margin, and gaps
-- [Sizes](https://ldls.vercel.app/?path=/docs/style-system-theme-sizes--docs) - Size tokens for width and height
-- [Shadows](https://ldls.vercel.app/?path=/docs/style-system-theme-shadows--docs) - Elevation shadow styles
-- [Border Width](https://ldls.vercel.app/?path=/docs/style-system-theme-border-width--docs) - Border width tokens
-- [Border Radius](https://ldls.vercel.app/?path=/docs/style-system-theme-border-radius--docs) - Border radius tokens
-
-### Style System Usage
-
-
-- [Style System](https://lumen-ldls.vercel.app/?path=/docs/react-native_style-system-style-system--docs) - high level guidelines
-- [useTheme](https://lumen-ldls.vercel.app/?path=/docs/react-native_style-system-usetheme--docs) - useTheme hook
-- [useStyleSheet](https://lumen-ldls.vercel.app/?path=/docs/react-native_style-system-usestylesheet--docs) - useStyleSheet
-- [lx property](https://lumen-ldls.vercel.app/?path=/docs/react-native_style-system-lx--docs) - lx property
-
-
----
-
-## Design Tokens
-
-### Colors
-
-Use Lumen design tokens -- do not use default React Native color values.
-
-#### Available Background Colors
-
-- **Canvas**: `canvas`, `canvas-muted`, `canvas-sheet`, `canvas-overlay`
-- **Base**: `base`, `base-hover`, `base-pressed`
-- **Base Transparent**: `base-transparent`, `base-transparent-hover`, `base-transparent-pressed`
-- **Muted**: `muted`, `muted-hover`, `muted-pressed`
-- **Muted Transparent**: `muted-transparent`, `muted-transparent-hover`, `muted-transparent-pressed`, `muted-transparent-disabled`
-- **Muted Strong**: `muted-strong`, `muted-strong-hover`, `muted-strong-pressed`
-- **Accent**: `accent`, `accent-hover`, `accent-pressed`
-- **Interactive**: `interactive`, `interactive-hover`, `interactive-pressed`
-- **Status**: `error`, `error-strong`, `error-transparent`, `warning`, `warning-strong`, `success`, `success-strong`, `success-transparent`
-- **Active**: `active`, `active-hover`, `active-pressed`, `active-subtle`, `active-subtle-hover`, `active-subtle-pressed`
-- **Surface**: `surface`, `surface-hover`, `surface-pressed`
-- **Utility**: `white`, `black`, `disabled`, `disabled-strong`
-
-#### Available Text Colors
-
-- **Base**: `base`, `base-hover`, `base-pressed`
-- **Muted**: `muted`, `muted-hover`, `muted-pressed`, `muted-subtle`
-- **Interactive**: `interactive`, `interactive-hover`, `interactive-pressed`
-- **Status**: `error`, `warning`, `success`
-- **On Colors**: `on-accent`, `on-interactive`, `on-error-strong`, `on-warning`, `on-success-strong`
-- **Utility**: `white`, `black`, `grey`, `disabled`, `active`
-
-#### Available Border Colors
-
-- **Base**: `base`, `base-hover`, `base-pressed`
-- **Muted**: `muted`, `muted-hover`, `muted-pressed`, `muted-subtle`
-- **Status**: `error`, `warning`, `success`
-- **Interactive**: `focus`, `active`
-- **Utility**: `black`, `white`, `disabled`
-
-### Dark Mode
-
-- Lumen components support dark mode automatically via the theme provider
-- No component-level changes needed

package/babel.config.js

@@ -1,23 +0,0 @@
-export default function (api) {
-  api.cache(true);
-
-  return {
-    presets: [
-      [
-        '@nx/react/babel',
-        {
-          runtime: 'automatic',
-          useBuiltIns: 'usage',
-        },
-      ],
-    ],
-    plugins: ['react-native-worklets/plugin', 'react-native-reanimated/plugin'],
-    env: {
-      test: {
-        presets: [
-          ['module:@react-native/babel-preset', { useTransformReactJSX: true }],
-        ],
-      },
-    },
-  };
-}

package/chromatic.config.json

@@ -1,7 +0,0 @@
-{
-  "onlyChanged": true,
-  "projectId": "Project:6995e38fbeb7afd7cb1abfa0",
-  "storybookBaseDir": "libs/ui-rnative",
-  "zip": true,
-  "outputDir": "./storybook-static"
-}

package/dist/package.json

@@ -1,55 +0,0 @@
-{
-  "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.1.7",
-  "license": "Apache-2.0",
-  "keywords": [
-    "react-native",
-    "ui",
-    "components",
-    "design-system",
-    "mobile"
-  ],
-  "type": "module",
-  "main": "./src/index.ts",
-  "module": "./src/index.ts",
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts",
-      "default": "./src/index.ts"
-    },
-    "./symbols": {
-      "types": "./src/lib/Symbols/index.ts",
-      "import": "./src/lib/Symbols/index.ts",
-      "default": "./src/lib/Symbols/index.ts"
-    },
-    "./styles": "./src/styles/index.ts"
-  },
-  "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.1",
-    "i18next": "^23.7.0",
-    "react-i18next": "^14.0.0"
-  },
-  "devDependencies": {
-    "@types/react": "^19.0.0"
-  },
-  "peerDependencies": {
-    "@types/react": "^19.0.0",
-    "@gorhom/bottom-sheet": "^5.0.0",
-    "@ledgerhq/lumen-design-core": "0.1.2",
-    "react": "^19.0.0",
-    "react-native": "~0.79.7",
-    "react-native-reanimated": "^3.0.0",
-    "react-native-safe-area-context": "^4.0.0 || ^5.0.0",
-    "react-native-svg": "^15.0.0",
-    "@sbaiahmed1/react-native-blur": "^4.5.5"
-  },
-  "nx": {
-    "tags": [
-      "scope:react-native",
-      "type:ui"
-    ]
-  },
-  "types": "./src/index.d.ts"
-}

package/dist/src/i18n/I18nProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"I18nProvider.d.ts","sourceRoot":"","sources":["../../../src/i18n/I18nProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAErE,KAAK,iBAAiB,GAAG,iBAAiB,GAAG;IAC3C,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,0BAGtB,iBAAiB,4CAMnB,CAAC"}

package/dist/src/i18n/I18nProvider.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { I18nextProvider } from 'react-i18next';
-import { i18n, switchLanguage } from './i18n';
-import { DEFAULT_LANGUAGE } from './languages';
-export const I18nProvider = ({ locale = DEFAULT_LANGUAGE, children, }) => {
-    useEffect(() => {
-        switchLanguage(locale);
-    }, [locale]);
-    return _jsx(I18nextProvider, { i18n: i18n, children: children });
-};

package/dist/src/i18n/i18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,KAAK,IAAI,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAE7D,OAAO,EAGL,eAAe,EAChB,MAAM,aAAa,CAAC;AAsDrB,eAAO,MAAM,IAAI,cAAmB,CAAC;AAErC;;;GAGG;AACH,eAAO,MAAM,UAAU,WAAkB,eAAe,KAAG,OAAO,CAAC,IAAI,CAoBtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,WACjB,eAAe,KACtB,OAAO,CAAC,IAAI,CAGd,CAAC"}

package/dist/src/i18n/i18n.js

@@ -1,75 +0,0 @@
-import i18next from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import { DEFAULT_LANGUAGE, I18N_DEFAULT_NAMESPACE, } from './languages';
-import de from './locales/de.json';
-import en from './locales/en.json';
-import es from './locales/es.json';
-import fr from './locales/fr.json';
-import ja from './locales/ja.json';
-import ko from './locales/ko.json';
-import pt from './locales/pt.json';
-import ru from './locales/ru.json';
-import th from './locales/th.json';
-import tr from './locales/tr.json';
-import zh from './locales/zh.json';
-const localeResources = {
-    de,
-    en,
-    es,
-    fr,
-    ja,
-    ko,
-    pt,
-    ru,
-    th,
-    tr,
-    zh,
-};
-const loadedLocales = new Set();
-const initializeI18n = () => {
-    const instance = i18next.createInstance();
-    instance
-        .use(initReactI18next)
-        .init({
-        resources: {},
-        lng: DEFAULT_LANGUAGE,
-        defaultNS: I18N_DEFAULT_NAMESPACE,
-        fallbackLng: DEFAULT_LANGUAGE,
-        interpolation: {
-            escapeValue: false,
-        },
-        react: {
-            useSuspense: false,
-        },
-    })
-        .catch((error) => {
-        console.error('Failed to initialize i18next:', error);
-    });
-    return instance;
-};
-export const i18n = initializeI18n();
-/**
- * Loads the translations for a given locale.
- * In React Native, we bundle all locales, so this just adds the resource bundle.
- */
-export const loadLocale = async (locale) => {
-    if (loadedLocales.has(locale)) {
-        return;
-    }
-    try {
-        const translations = localeResources[locale];
-        i18n.addResourceBundle(locale, I18N_DEFAULT_NAMESPACE, translations, true, true);
-        loadedLocales.add(locale);
-    }
-    catch (error) {
-        console.error(`Failed to load locale ${locale}`, error);
-        throw error;
-    }
-};
-/**
- * Switches the language to the given locale.
- */
-export const switchLanguage = async (locale) => {
-    await loadLocale(locale);
-    await i18n.changeLanguage(locale);
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/i18n/index.js

@@ -1,3 +0,0 @@
-export { I18nProvider } from './I18nProvider';
-export { Languages } from './languages';
-export { useCommonTranslation } from './useCommonTranslation';

package/dist/src/i18n/languages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"languages.d.ts","sourceRoot":"","sources":["../../../src/i18n/languages.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC6B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,gBAAgB,MAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,SAAS,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,WAAW,CAAC"}