@ledgerhq/lumen-ui-rnative 0.0.45 → 0.0.47

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

@@ -5,12 +5,10 @@ import {
   ColorSchemeName,
   useColorScheme as useReactNativeColorScheme,
 } from 'react-native';
-import { RuntimeConstants } from '../../lib/utils';
-import { useControllableState } from '../../lib/utils/use-controllable-state/use-controllable-state';
-
+import { RuntimeConstants, useControllableState } from '../../lib/utils';
+import { createStylesheetTheme } from '../theme/createStylesheetTheme';
 import { type LumenStyleSheetTheme } from '../types';
-import { createStylesheetTheme } from './createStylesheetTheme';
-import { LumenStyleSheetProviderProps } from './LumenStyleSheetProvider.types';
+import { type 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/ListItem/ListItem.types.d.ts

@@ -1,27 +0,0 @@
-import { PressableProps } from 'react-native';
-export type ListItemProps = {
-    /**
-     * The main title of the list item.
-     */
-    title: string;
-    /**
-     * Optional descriptive text below the title.
-     */
-    description?: string;
-    /**
-     * Optional content to display on the left, usually a Spot component.
-     * @example leadingContent={<Spot appearance="icon" icon={Settings} />}
-     */
-    leadingContent?: React.ReactNode;
-    /**
-     * Optional Tag component displayed next to the description.
-     * @example descriptionTag={<Tag label="New" appearance="accent" size="sm" />}
-     */
-    descriptionTag?: React.ReactNode;
-    /**
-     * Custom content to render on the right side of the list item.
-     * @example trailingContent={<Icon />}
-     */
-    trailingContent?: React.ReactNode;
-} & Omit<PressableProps, 'children'>;
-//# sourceMappingURL=ListItem.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}

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/lib/utils/react/extract-text-from-children.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extract-text-from-children.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/react/extract-text-from-children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAC3C,MAAM,CAoBR"}

package/dist/src/lib/utils/start-transition/index.d.ts

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

package/dist/src/lib/utils/start-transition/index.d.ts.map

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

package/dist/src/lib/utils/start-transition/index.js

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

package/dist/src/lib/utils/start-transition/start-transition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"start-transition.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/start-transition/start-transition.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,UAAU,KAAK,CAAC,kBAAkB,KAAG,IAQpE,CAAC"}

package/dist/src/lib/utils/string-utils.d.ts

@@ -1,6 +0,0 @@
-/**
- * Transforms a kebab-case or snake_case string into a PascalCase string.
- * e.g., 'arrow-up' -> 'ArrowUp'
- */
-export declare function toPascalCase(str: string): string;
-//# sourceMappingURL=string-utils.d.ts.map

package/dist/src/lib/utils/string-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"string-utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/string-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAMhD"}

package/dist/src/lib/utils/string-utils.js

@@ -1,12 +0,0 @@
-/**
- * Transforms a kebab-case or snake_case string into a PascalCase string.
- * e.g., 'arrow-up' -> 'ArrowUp'
- */
-export function toPascalCase(str) {
-    if (!str)
-        return '';
-    return str
-        .split(/[-_ ]+/)
-        .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-        .join('');
-}

package/dist/src/lib/utils/use-controllable-state/index.d.ts

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

package/dist/src/lib/utils/use-controllable-state/index.d.ts.map

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

package/dist/src/lib/utils/use-controllable-state/index.js

@@ -1 +0,0 @@
-export * from './use-controllable-state';

package/dist/src/lib/utils/use-controllable-state/use-controllable-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/use-controllable-state/use-controllable-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,QAAQ,CAAC,CAAC,IACX,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,GACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAI5C;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAsB,EACtB,UAAU,GACX,EAAE;IACD,IAAI,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,WAAW,EAAE,CAAC,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,GAAG,kBAAkB,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAsC/C"}

package/dist/src/lib/utils/use-event/index.d.ts

@@ -1,3 +0,0 @@
-export * from './use-event';
-export * from './use-get';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/lib/utils/use-event/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/use-event/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/dist/src/lib/utils/use-event/index.js

@@ -1,2 +0,0 @@
-export * from './use-event';
-export * from './use-get';

package/dist/src/lib/utils/use-event/use-event.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-event.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/use-event/use-event.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAE3C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAE/D"}

package/dist/src/lib/utils/use-event/use-get.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-get.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/use-event/use-get.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,MAAM,CAAC,CAAC,EACtB,YAAY,EAAE,CAAC,EACf,YAAY,CAAC,EAAE,GAAG,EAClB,iBAAiB,CAAC,EAAE,OAAO,GAC1B,MAAM,CAAC,CAYT"}