@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

package/dist/typescript/src/styles/hooks/useStyleSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleSheet.d.ts","sourceRoot":"","sources":["../../../../../src/styles/hooks/useStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAmB,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EACV,eAAe,EACf,uBAAuB,EAExB,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,eAAe,EACrD,cAAc,uBAAuB,CAAC,CAAC,CAAC,EACxC,MAAM,cAAc,KACnB,CAaF,CAAC"}

package/dist/typescript/src/styles/hooks/useTheme.d.ts.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAClD,cAAc,SAAS,CAAC;AACxB,cAAc,MAAM,CAAC"}

package/dist/typescript/src/styles/lx/areLxPropsEqual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"areLxPropsEqual.d.ts","sourceRoot":"","sources":["../../../../../src/styles/lx/areLxPropsEqual.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,eAAe,EAChB,MAAM,UAAU,CAAC;AAalB,eAAO,MAAM,eAAe,GAC1B,WAAW,eAAe,GAAG,eAAe,GAAG,oBAAoB,EACnE,WAAW,eAAe,GAAG,eAAe,GAAG,oBAAoB,KAClE,OAWF,CAAC"}

package/dist/typescript/src/styles/lx/createStyledPressable.d.ts

@@ -0,0 +1,22 @@
+import type { Pressable } from 'react-native';
+import { StyledPressableProps } from '../types';
+/**
+ * Factory function to create a styled Pressable component.
+ *
+ * Supports `style` as an object, function, or array of objects/functions (including nested).
+ * Supports `hapticFeedback` to trigger vibration on press-in (`true` = medium, or an impact style string).
+ *
+ * ```tsx
+ * // Create a styled Pressable
+ * const Pressable = createStyledPressable(RNPressable);
+ *
+ * // Usage with haptic feedback
+ * <Pressable hapticFeedback onPress={handlePress} />
+ * <Pressable hapticFeedback="light" onPress={handlePress} />
+ *
+ * // Usage with array of styles
+ * <Pressable style={[props.style, ({ pressed }) => ({ opacity: pressed ? 0.8 : 1 })]} />
+ * ```
+ */
+export declare const createStyledPressable: (Component: typeof Pressable) => import("react").MemoExoticComponent<({ lx, ref, style, hapticFeedback, onPressIn, ...props }: StyledPressableProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=createStyledPressable.d.ts.map

package/dist/typescript/src/styles/lx/createStyledPressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyledPressable.d.ts","sourceRoot":"","sources":["../../../../../src/styles/lx/createStyledPressable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,oBAAoB,EAAsB,MAAM,UAAU,CAAC;AA+BpE;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAW,OAAO,SAAS,mGAS1D,oBAAoB,6CAkD1B,CAAC"}

package/dist/typescript/src/styles/lx/createStyledText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyledText.d.ts","sourceRoot":"","sources":["../../../../../src/styles/lx/createStyledText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI3C;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,OAAO,IAAI,oFAQhD,eAAe,6CAyBrB,CAAC"}

package/dist/typescript/src/styles/lx/createStyledView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyledView.d.ts","sourceRoot":"","sources":["../../../../../src/styles/lx/createStyledView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,OAAO,IAAI,wEAEf,eAAe,6CAiBtD,CAAC"}

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

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

package/dist/typescript/src/styles/lx/resolveConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveConfig.d.ts","sourceRoot":"","sources":["../../../../../src/styles/lx/resolveConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1D;;;;GAIG;AACH,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,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,CAM5D,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/typescript/src/styles/lx/resolveStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveStyle.d.ts","sourceRoot":"","sources":["../../../../../src/styles/lx/resolveStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAc,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAEV,cAAc,EACd,cAAc,EACf,MAAM,UAAU,CAAC;AAoClB;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,IAAI,cAAc,EAClB,YAAY,SAAS,KACpB,SAIF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,IAAI,cAAc,EAClB,YAAY,SAAS,KACpB,SAIF,CAAC"}

package/dist/typescript/src/styles/provider/LumenStyleSheetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LumenStyleSheetProvider.d.ts","sourceRoot":"","sources":["../../../../../src/styles/provider/LumenStyleSheetProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EAEhB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAiB,KAAK,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAI3E,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,WAAW,EAAE,eAAe,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,yBAAyB;;;uGAA6B,CAAC;AAEpE,eAAO,MAAM,uBAAuB,GAAI,oCAIrC,4BAA4B,4CAmB9B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/styles/provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,KAAK,2BAA2B,GACjC,MAAM,2BAA2B,CAAC"}

package/dist/typescript/src/styles/provider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/styles/provider/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,eAAO,MAAM,aAAa;;;CAGhB,CAAC;AAEX,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/typescript/src/styles/theme/createStylesheetTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStylesheetTheme.d.ts","sourceRoot":"","sources":["../../../../../src/styles/theme/createStylesheetTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI5D;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,GAChC,OAAO,UAAU,KAChB,oBASF,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/styles/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/typescript/src/styles/theme/resolvers/resolveFontWeights.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFontWeights.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/theme/resolvers/resolveFontWeights.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,sBAAsB;;;;;;;;;;CAUlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,cAAc,qBAAqB,0BAwBrE,CAAC"}

package/dist/typescript/src/styles/theme/resolvers/resolveNegativeSpacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveNegativeSpacing.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/theme/resolvers/resolveNegativeSpacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,eAAO,MAAM,sBAAsB,GACjC,KAAK,SAAS,UAAU,CAAC,UAAU,CAAC,EACpC,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAElC,WAAU,KAAmB,KAC5B,MAOF,CAAC"}

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

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

package/dist/typescript/src/styles/types/factories.types.d.ts

@@ -0,0 +1,49 @@
+import type { ComponentPropsWithRef } from 'react';
+import { PressableProps, PressableStateCallbackType, TextProps as RNTextProps, ViewProps, ViewStyle, Text as RNText, View as RNView, Pressable as RNPressable } from 'react-native';
+import type { ImpactFeedbackStyle } from '../../lib/Haptics';
+import { LumenTextStyle, LumenViewStyle } from './lx.types';
+import { LumenTypographyTokenName } 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 & ComponentPropsWithRef<typeof RNView>;
+/**
+ * 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?: LumenTypographyTokenName;
+} & RNTextProps & ComponentPropsWithRef<typeof RNText>;
+/**
+ * Pressable API that extends lx style property
+ */
+export type StyledPressableProps = {
+    /**
+     * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
+     */
+    lx?: LumenViewStyle;
+    /**
+     * Triggers haptic feedback on press-in.
+     * - `true` — default medium intensity.
+     * - Impact style: `"light"` | `"medium"` | `"heavy"` | `"soft"` | `"rigid"`.
+     */
+    hapticFeedback?: ImpactFeedbackStyle | true;
+} & ExtendRNPressableProps & ComponentPropsWithRef<typeof RNPressable>;
+export {};
+//# sourceMappingURL=factories.types.d.ts.map

package/dist/typescript/src/styles/types/factories.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factories.types.d.ts","sourceRoot":"","sources":["../../../../../src/styles/types/factories.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,cAAc,EACd,0BAA0B,EAC1B,SAAS,IAAI,WAAW,EACxB,SAAS,EACT,SAAS,EACT,IAAI,IAAI,MAAM,EACd,IAAI,IAAI,MAAM,EACd,SAAS,IAAI,WAAW,EACzB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAEzD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,OAAO,GACP,kBAAkB,EAAE,GACpB,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IACnE,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB,GAAG,SAAS,GACX,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC,GAAG,WAAW,GACb,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;CAC7C,GAAG,sBAAsB,GACxB,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC"}

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

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

package/dist/typescript/src/styles/types/lx.types.d.ts.map

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

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

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

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

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

package/dist/typescript/src/utils/icon-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-template.d.ts","sourceRoot":"","sources":["../../../../src/utils/icon-template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEtE,QAAA,MAAM,QAAQ,EAAE,QA4Cf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",
@@ -9,23 +9,38 @@
     "design-system",
     "mobile"
   ],
+  "sideEffects": false,
   "type": "module",
-  "main": "./src/index.ts",
-  "module": "./src/index.ts",
+  "react-native": "./src/index.ts",
+  "main": "./dist/module/index.js",
+  "module": "./dist/module/index.js",
+  "types": "./dist/typescript/src/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts",
-      "default": "./src/index.ts"
+      "react-native": "./src/index.ts",
+      "types": "./dist/typescript/src/index.d.ts",
+      "import": "./dist/module/index.js",
+      "default": "./dist/module/index.js"
     },
     "./symbols": {
-      "types": "./src/lib/Symbols/index.ts",
-      "import": "./src/lib/Symbols/index.ts",
-      "default": "./src/lib/Symbols/index.ts"
+      "react-native": "./src/lib/Symbols/index.ts",
+      "types": "./dist/typescript/src/lib/Symbols/index.d.ts",
+      "import": "./dist/module/lib/Symbols/index.js",
+      "default": "./dist/module/lib/Symbols/index.js"
     },
-    "./styles": "./src/styles/index.ts"
+    "./styles": {
+      "react-native": "./src/styles/index.ts",
+      "types": "./dist/typescript/src/styles/index.d.ts",
+      "import": "./dist/module/styles/index.js",
+      "default": "./dist/module/styles/index.js"
+    }
   },
+  "files": [
+    "dist",
+    "src",
+    "!**/*.tsbuildinfo"
+  ],
   "dependencies": {
     "@ledgerhq/lumen-utils-shared": "0.1.1",
     "i18next": "^23.7.0",
@@ -37,18 +52,39 @@
   "peerDependencies": {
     "@types/react": "^19.0.0",
     "@gorhom/bottom-sheet": "^5.0.0",
-    "@ledgerhq/lumen-design-core": "0.1.2",
+    "@ledgerhq/lumen-design-core": "0.1.3",
     "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"
+    "@sbaiahmed1/react-native-blur": "^4.5.5",
+    "expo": ">=53.0.0",
+    "expo-haptics": "~14.1.4"
   },
   "nx": {
     "tags": [
       "scope:react-native",
       "type:ui"
     ]
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "dist",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true,
+          "configFile": "./babel.config.bob.cjs"
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.lib.json"
+        }
+      ]
+    ]
   }
 }

package/src/index.ts

@@ -2,3 +2,4 @@ export { type SupportedLocale, Languages } from './i18n';
 export * from './lib/Components';
 export * from './lib/Patterns';
 export * from './lib/Animations';
+export * from './lib/Haptics';

package/src/lib/Animations/Pulse/Pulse.stories.tsx

@@ -30,7 +30,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Base: Story = {
   args: {
-    duration: 2000,
+    timing: { duration: 1000, easing: 'linear' },
     animate: true,
     children: (
       <Box lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }} />
@@ -39,36 +39,37 @@ export const Base: Story = {
 };
 
 export const DurationShowcase: Story = {
-  render: () => (
+  args: {
+    timing: { duration: 1000, easing: 'linear' },
+    animate: true,
+    children: (
+      <Box lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }} />
+    ),
+  },
+  render: (args) => (
     <View style={{ flexDirection: 'row', gap: 24, alignItems: 'center' }}>
       <View style={{ alignItems: 'center', gap: 8 }}>
-        <Pulse duration={1000} animate={true}>
-          <Box
-            lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }}
-          />
+        <Pulse timing={{ ...args.timing, duration: 700 }} animate={true}>
+          {args.children}
         </Pulse>
         <Text typography='body4' lx={{ color: 'muted' }}>
-          1000ms
+          700ms
         </Text>
       </View>
       <View style={{ alignItems: 'center', gap: 8 }}>
-        <Pulse duration={2000} animate={true}>
-          <Box
-            lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }}
-          />
+        <Pulse timing={{ ...args.timing, duration: 1000 }} animate={true}>
+          {args.children}
         </Pulse>
         <Text typography='body4' lx={{ color: 'muted' }}>
-          2000ms
+          1000ms
         </Text>
       </View>
       <View style={{ alignItems: 'center', gap: 8 }}>
-        <Pulse duration={3000} animate={true}>
-          <Box
-            lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }}
-          />
+        <Pulse timing={{ ...args.timing, duration: 2000 }} animate={true}>
+          {args.children}
         </Pulse>
         <Text typography='body4' lx={{ color: 'muted' }}>
-          3000ms
+          2000ms
         </Text>
       </View>
     </View>

package/src/lib/Animations/Pulse/Pulse.tsx

@@ -1,55 +1,54 @@
-import { useRef, useEffect, memo } from 'react';
-import { Animated, Easing } from 'react-native';
-import { RuntimeConstants } from '../../utils';
+import { useEffect, memo } from 'react';
+import Animated, {
+  cancelAnimation,
+  useAnimatedStyle,
+  useSharedValue,
+  withRepeat,
+  withSequence,
+  withTiming,
+} from 'react-native-reanimated';
+import { TimingTokens } from '../types';
+import { useTimingConfig } from '../useTimingConfig';
 import { PulseProps } from './types';
 
-export const Pulse = memo(
-  ({ children, duration = 2000, animate }: PulseProps) => {
-    const pulseAnim = useRef(new Animated.Value(1)).current;
-    const animationRef = useRef<Animated.CompositeAnimation | null>(null);
+const MIN_OPACITY = 0.35;
 
-    useEffect(() => {
-      if (animate) {
-        const animation = Animated.loop(
-          Animated.sequence([
-            Animated.timing(pulseAnim, {
-              toValue: 0,
-              duration: duration / 2,
-              easing: Easing.linear,
-              useNativeDriver: RuntimeConstants.isNative,
-            }),
-            Animated.timing(pulseAnim, {
-              toValue: 1,
-              duration: duration / 2,
-              easing: Easing.linear,
-              useNativeDriver: RuntimeConstants.isNative,
-            }),
-          ]),
-        );
+const TIMING_DEFAULTS: TimingTokens = {
+  duration: 1000,
+  easing: 'linear',
+};
+export const Pulse = memo(({ children, timing, animate }: PulseProps) => {
+  const sv = useSharedValue<number>(1);
 
-        animationRef.current = animation;
-        animation.start();
-      } else {
-        animationRef.current?.stop();
-        Animated.timing(pulseAnim, {
-          toValue: 1,
-          duration: 200,
-          easing: Easing.out(Easing.ease),
-          useNativeDriver: RuntimeConstants.isNative,
-        }).start();
-      }
+  const timingConfig = useTimingConfig({
+    duration: timing?.duration ?? TIMING_DEFAULTS.duration,
+    easing: timing?.easing ?? TIMING_DEFAULTS.easing,
+  });
 
-      return () => {
-        animationRef.current?.stop();
-      };
-    }, [pulseAnim, duration, animate]);
+  useEffect(() => {
+    if (animate) {
+      sv.value = withRepeat(
+        withSequence(
+          withTiming(MIN_OPACITY, timingConfig),
+          withTiming(1, timingConfig),
+        ),
+        -1,
+      );
+    } else {
+      cancelAnimation(sv);
+      sv.value = withTiming(1, timingConfig);
+    }
 
-    const pulse = pulseAnim.interpolate({
-      inputRange: [0, 1],
-      outputRange: [0.35, 1],
-    });
+    return () => cancelAnimation(sv);
+  }, [sv, animate, timingConfig]);
 
-    return <Animated.View style={{ opacity: pulse }}>{children}</Animated.View>;
-  },
-);
+  const animatedStyle = useAnimatedStyle(
+    () => ({
+      opacity: sv.value,
+    }),
+    [sv],
+  );
+
+  return <Animated.View style={animatedStyle}>{children}</Animated.View>;
+});
 Pulse.displayName = 'Pulse';

package/src/lib/Animations/Pulse/types.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Duration } from '../types';
+import { TimingTokens } from '../types';
 
 export type PulseProps = {
   /**
@@ -7,10 +7,10 @@ export type PulseProps = {
    */
   children: ReactNode;
   /**
-   * Duration of one complete pulse in milliseconds
-   * @default 2000
+   * Motion token overrides for this animation.
+   * Wrapper defaults are used when values are omitted.
    */
-  duration?: Duration;
+  timing?: Partial<TimingTokens>;
   /**
    * Whether the pulse animation should play
    */

package/src/lib/Animations/Spin/Spin.stories.tsx

@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Base: Story = {
   args: {
-    duration: 1000,
+    timing: { duration: 1000, easing: 'linear' },
     children: (
       <Box lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }} />
     ),
@@ -25,34 +25,28 @@ export const Base: Story = {
 };
 
 export const DurationShowcase: Story = {
-  render: () => (
+  args: {
+    timing: { duration: 1000, easing: 'linear' },
+    children: (
+      <Box lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }} />
+    ),
+  },
+  render: (args) => (
     <View style={{ flexDirection: 'row', gap: 24, alignItems: 'center' }}>
       <View style={{ alignItems: 'center', gap: 8 }}>
-        <Spin duration={500}>
-          <Box
-            lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }}
-          />
-        </Spin>
+        <Spin timing={{ ...args.timing, duration: 500 }}>{args.children}</Spin>
         <Text typography='body4' lx={{ color: 'muted' }}>
           500ms
         </Text>
       </View>
       <View style={{ alignItems: 'center', gap: 8 }}>
-        <Spin duration={1000}>
-          <Box
-            lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }}
-          />
-        </Spin>
+        <Spin timing={{ ...args.timing, duration: 1000 }}>{args.children}</Spin>
         <Text typography='body4' lx={{ color: 'muted' }}>
           1000ms
         </Text>
       </View>
       <View style={{ alignItems: 'center', gap: 8 }}>
-        <Spin duration={2000}>
-          <Box
-            lx={{ width: 's48', height: 's48', backgroundColor: 'accent' }}
-          />
-        </Spin>
+        <Spin timing={{ ...args.timing, duration: 2000 }}>{args.children}</Spin>
         <Text typography='body4' lx={{ color: 'muted' }}>
           2000ms
         </Text>

package/src/lib/Animations/Spin/Spin.tsx

@@ -1,34 +1,40 @@
-import { memo, useEffect, useRef } from 'react';
-import { Animated, Easing } from 'react-native';
-import { RuntimeConstants } from '../../utils';
+import { memo, useEffect } from 'react';
+import Animated, {
+  cancelAnimation,
+  useAnimatedStyle,
+  useSharedValue,
+  withRepeat,
+  withTiming,
+} from 'react-native-reanimated';
+import { TimingTokens } from '../types';
+import { useTimingConfig } from '../useTimingConfig';
 import { SpinProps } from './types';
 
-export const Spin = memo(({ children, duration = 1000 }: SpinProps) => {
-  const spinValue = useRef(new Animated.Value(0)).current;
+const TIMING_DEFAULTS: TimingTokens = {
+  duration: 1000,
+  easing: 'linear',
+};
+export const Spin = memo(({ children, timing }: SpinProps) => {
+  const sv = useSharedValue<number>(0);
+
+  const timingConfig = useTimingConfig({
+    duration: timing?.duration ?? TIMING_DEFAULTS.duration,
+    easing: timing?.easing ?? TIMING_DEFAULTS.easing,
+  });
 
   useEffect(() => {
-    const animation = Animated.loop(
-      Animated.timing(spinValue, {
-        toValue: 1,
-        duration: duration,
-        easing: Easing.linear,
-        useNativeDriver: RuntimeConstants.isNative,
-      }),
-    );
-    animation.start();
+    sv.value = withRepeat(withTiming(1, timingConfig), -1);
 
-    return () => animation.stop();
-  }, [spinValue, duration]);
+    return () => cancelAnimation(sv);
+  }, [sv, timingConfig]);
 
-  const spin = spinValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg'],
-  });
-
-  return (
-    <Animated.View style={{ transform: [{ rotate: spin }] }}>
-      {children}
-    </Animated.View>
+  const animatedStyle = useAnimatedStyle(
+    () => ({
+      transform: [{ rotate: `${sv.value * 360}deg` }],
+    }),
+    [sv],
   );
+
+  return <Animated.View style={animatedStyle}>{children}</Animated.View>;
 });
 Spin.displayName = 'Spin';

package/src/lib/Animations/Spin/types.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Duration } from '../types';
+import { TimingTokens } from '../types';
 
 export type SpinProps = {
   /**
@@ -7,8 +7,8 @@ export type SpinProps = {
    */
   children: ReactNode;
   /**
-   * Duration of one complete rotation in milliseconds
-   * @default 1000
+   * Motion token overrides for this animation.
+   * Wrapper defaults are used when values are omitted.
    */
-  duration?: Duration;
+  timing?: Partial<TimingTokens>;
 };

package/src/lib/Animations/index.ts

@@ -1,4 +1,3 @@
 export * from './Spin';
 export * from './Pulse';
 export * from './types';
-export * from './constants';