@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

package/dist/module/styles/hooks/useStyleSheet.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { useMemo, useRef } from 'react';
+import { useTheme } from "./useTheme.js";
+export const useStyleSheet = (styleCreator, deps) => {
+  const {
+    theme
+  } = useTheme();
+  const styleCreatorRef = useRef(styleCreator);
+  styleCreatorRef.current = styleCreator;
+  return useMemo(() => {
+    const isFunction = typeof styleCreatorRef.current === 'function';
+    const styles = isFunction ? styleCreatorRef.current(theme) : styleCreatorRef.current;
+    return styles;
+  }, [theme, ...deps]);
+};
+//# sourceMappingURL=useStyleSheet.js.map

package/dist/module/styles/hooks/useStyleSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useRef","useTheme","useStyleSheet","styleCreator","deps","theme","styleCreatorRef","current","isFunction","styles"],"sourceRoot":"../../../../src","sources":["styles/hooks/useStyleSheet.ts"],"mappings":";;AAAA,SAAyBA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAMvD,SAASC,QAAQ,QAAQ,eAAY;AAErC,OAAO,MAAMC,aAAa,GAAGA,CAC3BC,YAAwC,EACxCC,IAAoB,KACd;EACN,MAAM;IAAEC;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAC5B,MAAMK,eAAe,GAAGN,MAAM,CAACG,YAAY,CAAC;EAC5CG,eAAe,CAACC,OAAO,GAAGJ,YAAY;EAEtC,OAAOJ,OAAO,CAAC,MAAM;IACnB,MAAMS,UAAU,GAAG,OAAOF,eAAe,CAACC,OAAO,KAAK,UAAU;IAChE,MAAME,MAAM,GAAGD,UAAU,GACpBF,eAAe,CAACC,OAAO,CAAwCF,KAAK,CAAC,GACtEC,eAAe,CAACC,OAAO;IAE3B,OAAOE,MAAM;EACf,CAAC,EAAE,CAACJ,KAAK,EAAE,GAAGD,IAAI,CAAC,CAAC;AACtB,CAAC","ignoreList":[]}

package/dist/module/styles/hooks/useStyleSheet.test.js

@@ -0,0 +1,473 @@
+"use strict";
+
+import { describe, expect, it } from '@jest/globals';
+import { fireEvent, render, userEvent, waitFor } from '@testing-library/react-native';
+import React, { useState } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { LumenStyleSheetProvider } from "../provider/LumenStyleSheetProvider.js";
+import { useStyleSheet } from "./useStyleSheet.js";
+
+// Wrapper that allows testing uncontrolled theme switching
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const TestProviderWrapper = ({
+  children,
+  themes,
+  initialColorScheme = 'dark'
+}) => {
+  return /*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+    themes: themes,
+    colorScheme: initialColorScheme,
+    children: children
+  });
+};
+
+// Test themes
+const testThemes = {
+  light: {
+    colors: {
+      bg: {
+        base: '#FFFFFF',
+        accent: '#007AFF',
+        surface: '#F5F5F5'
+      },
+      text: {
+        base: '#000000',
+        muted: '#666666'
+      },
+      border: {
+        base: '#E0E0E0',
+        accent: '#007AFF'
+      }
+    },
+    typographies: {
+      xs: {
+        body1: {
+          fontSize: 16,
+          fontWeight: 'normal'
+        }
+      }
+    },
+    spacings: {
+      s8: 8,
+      s16: 16,
+      s24: 24
+    }
+  },
+  dark: {
+    colors: {
+      bg: {
+        base: '#000000',
+        accent: '#0A84FF',
+        surface: '#1C1C1E'
+      },
+      text: {
+        base: '#FFFFFF',
+        muted: '#999999'
+      },
+      border: {
+        base: '#38383A',
+        accent: '#0A84FF'
+      }
+    },
+    spacings: {
+      s8: 8,
+      s16: 16,
+      s24: 24
+    },
+    typographies: {
+      xs: {
+        body1: {
+          fontSize: 16,
+          fontWeight: 'normal'
+        }
+      }
+    }
+  }
+};
+describe('useStyleSheet', () => {
+  describe('Static styles', () => {
+    it('creates static styles with theme tokens', () => {
+      const TestComponent = () => {
+        const styles = useStyleSheet(theme => ({
+          container: {
+            backgroundColor: theme.colors.bg.base,
+            padding: theme.spacings.s8
+          },
+          text: {
+            color: theme.colors.text.base,
+            fontSize: 16
+          }
+        }), []);
+        return /*#__PURE__*/_jsx(View, {
+          style: styles.container,
+          testID: "container",
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.text,
+            testID: "text",
+            children: "Test"
+          })
+        });
+      };
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        colorScheme: "dark",
+        children: /*#__PURE__*/_jsx(TestComponent, {})
+      }));
+      const container = getByTestId('container');
+      const text = getByTestId('text');
+      expect(container.props.style).toEqual({
+        backgroundColor: '#000000',
+        padding: 8
+      });
+      expect(text.props.style).toEqual({
+        color: '#FFFFFF',
+        fontSize: 16
+      });
+    });
+    it('updates styles when theme changes', async () => {
+      const Content = ({
+        colorScheme,
+        setColorScheme
+      }) => {
+        const styles = useStyleSheet(theme => ({
+          container: {
+            backgroundColor: theme.colors.bg.base,
+            borderColor: theme.colors.border.base
+          }
+        }), []);
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.container,
+            testID: "container"
+          }), /*#__PURE__*/_jsx(Pressable, {
+            testID: "toggle",
+            onPress: () => setColorScheme(colorScheme === 'dark' ? 'light' : 'dark'),
+            children: /*#__PURE__*/_jsx(Text, {
+              children: "Toggle"
+            })
+          })]
+        });
+      };
+      const TestComponent = () => {
+        const [colorScheme, setColorScheme] = useState('dark');
+        return /*#__PURE__*/_jsx(TestProviderWrapper, {
+          themes: testThemes,
+          initialColorScheme: colorScheme,
+          children: /*#__PURE__*/_jsx(Content, {
+            colorScheme: colorScheme,
+            setColorScheme: setColorScheme
+          })
+        });
+      };
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(TestComponent, {}));
+      const container = getByTestId('container');
+
+      // Initially dark theme
+      expect(container.props.style).toEqual({
+        backgroundColor: '#000000',
+        borderColor: '#38383A'
+      });
+
+      // Switch to light theme
+      await userEvent.press(getByTestId('toggle'));
+
+      // Should update to light theme colors
+      expect(container.props.style).toEqual({
+        backgroundColor: '#FFFFFF',
+        borderColor: '#E0E0E0'
+      });
+    });
+    it('handles nested theme properties', () => {
+      const TestComponent = () => {
+        const styles = useStyleSheet(theme => ({
+          card: {
+            backgroundColor: theme.colors.bg.surface,
+            padding: theme.spacings.s24,
+            borderWidth: 1,
+            borderColor: theme.colors.border.accent
+          }
+        }), []);
+        return /*#__PURE__*/_jsx(View, {
+          style: styles.card,
+          testID: "card"
+        });
+      };
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        colorScheme: "dark",
+        children: /*#__PURE__*/_jsx(TestComponent, {})
+      }));
+      expect(getByTestId('card').props.style).toEqual({
+        backgroundColor: '#1C1C1E',
+        padding: 24,
+        borderWidth: 1,
+        borderColor: '#0A84FF'
+      });
+    });
+  });
+  describe('Dynamic functions', () => {
+    it('creates dynamic styles with function parameters', () => {
+      const TestComponent = () => {
+        const styles = useStyleSheet(theme => ({
+          container: (width, highlighted) => ({
+            backgroundColor: highlighted ? theme.colors.bg.accent : theme.colors.bg.base,
+            width,
+            borderWidth: highlighted ? 2 : 1,
+            borderColor: theme.colors.border.accent
+          })
+        }), []);
+        return /*#__PURE__*/_jsxs(View, {
+          testID: "wrapper",
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.container(200, true),
+            testID: "container-1"
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.container(150, false),
+            testID: "container-2"
+          })]
+        });
+      };
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        colorScheme: "dark",
+        children: /*#__PURE__*/_jsx(TestComponent, {})
+      }));
+      expect(getByTestId('container-1').props.style).toEqual({
+        backgroundColor: '#0A84FF',
+        width: 200,
+        borderWidth: 2,
+        borderColor: '#0A84FF'
+      });
+      expect(getByTestId('container-2').props.style).toEqual({
+        backgroundColor: '#000000',
+        width: 150,
+        borderWidth: 1,
+        borderColor: '#0A84FF'
+      });
+    });
+    it('updates dynamic styles when theme changes', async () => {
+      const Content = ({
+        setColorScheme
+      }) => {
+        const styles = useStyleSheet(theme => ({
+          container: isActive => ({
+            backgroundColor: isActive ? theme.colors.bg.accent : theme.colors.bg.base,
+            borderColor: theme.colors.border.base
+          })
+        }), []);
+        return /*#__PURE__*/_jsxs(View, {
+          testID: "wrapper",
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.container(true),
+            testID: "active"
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.container(false),
+            testID: "inactive"
+          }), /*#__PURE__*/_jsx(Pressable, {
+            testID: "toggle",
+            onPress: () => setColorScheme('light'),
+            children: /*#__PURE__*/_jsx(Text, {
+              children: "Toggle"
+            })
+          })]
+        });
+      };
+      const TestComponent = () => {
+        const [colorScheme, setColorScheme] = useState('dark');
+        return /*#__PURE__*/_jsx(TestProviderWrapper, {
+          themes: testThemes,
+          initialColorScheme: colorScheme,
+          children: /*#__PURE__*/_jsx(Content, {
+            setColorScheme: setColorScheme
+          })
+        });
+      };
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(TestComponent, {}));
+
+      // Dark theme
+      expect(getByTestId('active').props.style).toEqual({
+        backgroundColor: '#0A84FF',
+        borderColor: '#38383A'
+      });
+      expect(getByTestId('inactive').props.style).toEqual({
+        backgroundColor: '#000000',
+        borderColor: '#38383A'
+      });
+
+      // Switch to light
+      fireEvent.press(getByTestId('toggle'));
+      await waitFor(() => {
+        expect(getByTestId('active').props.style).toEqual({
+          backgroundColor: '#007AFF',
+          borderColor: '#E0E0E0'
+        });
+        expect(getByTestId('inactive').props.style).toEqual({
+          backgroundColor: '#FFFFFF',
+          borderColor: '#E0E0E0'
+        });
+      });
+    });
+    it('handles multiple parameters in dynamic functions', () => {
+      const TestComponent = () => {
+        const styles = useStyleSheet(theme => ({
+          box: (size, color, rounded) => ({
+            width: size,
+            height: size,
+            backgroundColor: color,
+            borderRadius: rounded ? size / 2 : 0,
+            padding: theme.spacings.s8
+          })
+        }), []);
+        return /*#__PURE__*/_jsxs(View, {
+          testID: "wrapper",
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.box(100, '#FF0000', true),
+            testID: "box-1"
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.box(50, '#00FF00', false),
+            testID: "box-2"
+          })]
+        });
+      };
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        colorScheme: "dark",
+        children: /*#__PURE__*/_jsx(TestComponent, {})
+      }));
+      expect(getByTestId('box-1').props.style).toEqual({
+        width: 100,
+        height: 100,
+        backgroundColor: '#FF0000',
+        borderRadius: 50,
+        padding: 8
+      });
+      expect(getByTestId('box-2').props.style).toEqual({
+        width: 50,
+        height: 50,
+        backgroundColor: '#00FF00',
+        borderRadius: 0,
+        padding: 8
+      });
+    });
+  });
+  describe('Mixed static and dynamic styles', () => {
+    it('supports both static and dynamic styles in the same stylesheet', () => {
+      const TestComponent = () => {
+        const styles = useStyleSheet(theme => ({
+          staticContainer: {
+            backgroundColor: theme.colors.bg.base,
+            padding: theme.spacings.s16
+          },
+          dynamicText: (size, bold) => ({
+            color: theme.colors.text.base,
+            fontSize: size,
+            fontWeight: bold ? '700' : '400'
+          })
+        }), []);
+        return /*#__PURE__*/_jsxs(View, {
+          style: styles.staticContainer,
+          testID: "container",
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.dynamicText(16, false),
+            testID: "text-1",
+            children: "Normal"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.dynamicText(20, true),
+            testID: "text-2",
+            children: "Bold"
+          })]
+        });
+      };
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        colorScheme: "dark",
+        children: /*#__PURE__*/_jsx(TestComponent, {})
+      }));
+      expect(getByTestId('container').props.style).toEqual({
+        backgroundColor: '#000000',
+        padding: 16
+      });
+      expect(getByTestId('text-1').props.style).toEqual({
+        color: '#FFFFFF',
+        fontSize: 16,
+        fontWeight: '400'
+      });
+      expect(getByTestId('text-2').props.style).toEqual({
+        color: '#FFFFFF',
+        fontSize: 20,
+        fontWeight: '700'
+      });
+    });
+  });
+  describe('Memoization', () => {
+    it('recalculates styles when colorScheme changes but not on component re-render', () => {
+      let styleCreationCount = 0;
+      const Content = ({
+        colorScheme,
+        setColorScheme
+      }) => {
+        const styles = useStyleSheet(theme => {
+          styleCreationCount++;
+          return {
+            container: {
+              backgroundColor: theme.colors.bg.base
+            }
+          };
+        }, []);
+        return /*#__PURE__*/_jsxs(View, {
+          testID: "wrapper",
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.container,
+            testID: "container"
+          }), /*#__PURE__*/_jsx(Text, {
+            testID: "color-scheme",
+            children: colorScheme
+          }), /*#__PURE__*/_jsx(Pressable, {
+            testID: "toggle",
+            onPress: () => setColorScheme('light'),
+            children: /*#__PURE__*/_jsx(Text, {
+              children: "Toggle"
+            })
+          })]
+        });
+      };
+      const TestComponent = () => {
+        const [colorScheme, setColorScheme] = useState('dark');
+        return /*#__PURE__*/_jsx(TestProviderWrapper, {
+          themes: testThemes,
+          initialColorScheme: colorScheme,
+          children: /*#__PURE__*/_jsx(Content, {
+            colorScheme: colorScheme,
+            setColorScheme: setColorScheme
+          })
+        });
+      };
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(TestComponent, {}));
+      const initialCount = styleCreationCount;
+      expect(initialCount).toBeGreaterThan(0);
+
+      // Change theme - should recalculate styles
+      fireEvent.press(getByTestId('toggle'));
+      expect(getByTestId('color-scheme').props.children).toBe('light');
+      expect(styleCreationCount).toBeGreaterThan(initialCount);
+      expect(getByTestId('container').props.style.backgroundColor).toBe('#FFFFFF');
+    });
+  });
+});
+//# sourceMappingURL=useStyleSheet.test.js.map

package/dist/module/styles/hooks/useStyleSheet.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","fireEvent","render","userEvent","waitFor","React","useState","Pressable","Text","View","LumenStyleSheetProvider","useStyleSheet","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TestProviderWrapper","children","themes","initialColorScheme","colorScheme","testThemes","light","colors","bg","base","accent","surface","text","muted","border","typographies","xs","body1","fontSize","fontWeight","spacings","s8","s16","s24","dark","TestComponent","styles","theme","container","backgroundColor","padding","color","style","testID","getByTestId","props","toEqual","Content","setColorScheme","borderColor","onPress","press","card","borderWidth","width","highlighted","isActive","box","size","rounded","height","borderRadius","staticContainer","dynamicText","bold","styleCreationCount","initialCount","toBeGreaterThan","toBe"],"sourceRoot":"../../../../src","sources":["styles/hooks/useStyleSheet.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/styles/hooks/useTheme.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { useLumenStyleSheetContext } from "../provider/LumenStyleSheetProvider.js";
+export const useTheme = () => {
+  const context = useLumenStyleSheetContext({
+    consumerName: 'useTheme',
+    contextRequired: true
+  });
+  return context;
+};
+//# sourceMappingURL=useTheme.js.map

package/dist/module/styles/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLumenStyleSheetContext","useTheme","context","consumerName","contextRequired"],"sourceRoot":"../../../../src","sources":["styles/hooks/useTheme.ts"],"mappings":";;AAAA,SACEA,yBAAyB,QAEpB,wCAAqC;AAE5C,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAmC;EACzD,MAAMC,OAAO,GAAGF,yBAAyB,CAAC;IACxCG,YAAY,EAAE,UAAU;IACxBC,eAAe,EAAE;EACnB,CAAC,CAAC;EAEF,OAAOF,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/module/styles/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { LumenStyleSheetProvider } from "./provider/LumenStyleSheetProvider.js";
+export { useTheme, useStyleSheet } from "./hooks/index.js";
+export * from "./types/index.js";
+export * from "./lx/index.js";
+//# sourceMappingURL=index.js.map

package/dist/module/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LumenStyleSheetProvider","useTheme","useStyleSheet"],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,uCAAoC;AAC5E,SAASC,QAAQ,EAAEC,aAAa,QAAQ,kBAAS;AACjD,cAAc,kBAAS;AACvB,cAAc,eAAM","ignoreList":[]}

package/dist/module/styles/lx/areLxPropsEqual.js

@@ -0,0 +1,22 @@
+"use strict";
+
+/**
+ * Shallow equal for all props
+ */
+const shallowEqual = (a, b) => {
+  const keysA = Object.keys(a);
+  if (keysA.length !== Object.keys(b).length) return false;
+  return keysA.every(k => a[k] === b[k]);
+};
+export const areLxPropsEqual = (prevProps, nextProps) => {
+  const {
+    lx: prevLx = {},
+    ...prevRest
+  } = prevProps;
+  const {
+    lx: nextLx = {},
+    ...nextRest
+  } = nextProps;
+  return shallowEqual(prevLx, nextLx) && shallowEqual(prevRest, nextRest);
+};
+//# sourceMappingURL=areLxPropsEqual.js.map

package/dist/module/styles/lx/areLxPropsEqual.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shallowEqual","a","b","keysA","Object","keys","length","every","k","areLxPropsEqual","prevProps","nextProps","lx","prevLx","prevRest","nextLx","nextRest"],"sourceRoot":"../../../../src","sources":["styles/lx/areLxPropsEqual.ts"],"mappings":";;AAQA;AACA;AACA;AACA,MAAMA,YAAY,GAAGA,CAACC,CAAgB,EAAEC,CAAgB,KAAc;EACpE,MAAMC,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACJ,CAAC,CAAC;EAC5B,IAAIE,KAAK,CAACG,MAAM,KAAKF,MAAM,CAACC,IAAI,CAACH,CAAC,CAAC,CAACI,MAAM,EAAE,OAAO,KAAK;EACxD,OAAOH,KAAK,CAACI,KAAK,CAAEC,CAAC,IAAKP,CAAC,CAACO,CAAC,CAAC,KAAKN,CAAC,CAACM,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,SAAmE,EACnEC,SAAmE,KACvD;EACZ,MAAM;IAAEC,EAAE,EAAEC,MAAM,GAAG,CAAC,CAAC;IAAE,GAAGC;EAAS,CAAC,GAAGJ,SAAS;EAClD,MAAM;IAAEE,EAAE,EAAEG,MAAM,GAAG,CAAC,CAAC;IAAE,GAAGC;EAAS,CAAC,GAAGL,SAAS;EAElD,OACEX,YAAY,CAACa,MAAM,EAAEE,MAAM,CAAC,IAC5Bf,YAAY,CACVc,QAAQ,EACRE,QACF,CAAC;AAEL,CAAC","ignoreList":[]}

package/dist/module/styles/lx/createStyledPressable.js

@@ -0,0 +1,95 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { useHapticFeedbackWithPressIn } from "../../lib/Haptics/index.js";
+import { areLxPropsEqual } from "./areLxPropsEqual.js";
+import { useResolveViewStyle } from "./resolveStyle.js";
+
+/**
+ * Check if any style item (including nested arrays) is a function
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const hasStyleFunction = style => {
+  if (Array.isArray(style)) {
+    return style.some(s => hasStyleFunction(s));
+  }
+  return typeof style === 'function';
+};
+
+/**
+ * Resolve all style functions in a style tree
+ */
+const resolveStyleFunctions = (style, state) => {
+  if (Array.isArray(style)) {
+    return style.map(s => resolveStyleFunctions(s, state));
+  }
+  return typeof style === 'function' ? style(state) : style;
+};
+
+/**
+ * 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 const createStyledPressable = Component => {
+  const StyledComponent = /*#__PURE__*/memo(({
+    lx = {},
+    ref,
+    style,
+    hapticFeedback,
+    onPressIn,
+    ...props
+  }) => {
+    const resolvedStyle = useResolveViewStyle(lx);
+    const intensity = hapticFeedback === true ? 'medium' : hapticFeedback ?? undefined;
+    const {
+      handlePressIn
+    } = useHapticFeedbackWithPressIn({
+      hapticFeedback: intensity,
+      onPressIn: onPressIn ?? undefined
+    });
+    if (!hasStyleFunction(style)) {
+      const finalStyle = StyleSheet.flatten([style, resolvedStyle]);
+      return /*#__PURE__*/_jsx(Component, {
+        ref: ref,
+        ...props,
+        ...(handlePressIn !== undefined && {
+          onPressIn: handlePressIn
+        }),
+        style: finalStyle
+      });
+    }
+    const mergedStyle = state => {
+      const resolvedBareStyle = resolveStyleFunctions(style, state);
+      return StyleSheet.flatten([resolvedBareStyle, resolvedStyle]);
+    };
+    return /*#__PURE__*/_jsx(Component, {
+      ref: ref,
+      ...props,
+      ...(handlePressIn !== undefined && {
+        onPressIn: handlePressIn
+      }),
+      style: mergedStyle
+    });
+  }, areLxPropsEqual);
+
+  // Set display name for debugging
+  const componentName = Component.displayName || Component.name || 'Component';
+  StyledComponent.displayName = `StyledPressable(${componentName})`;
+  return StyledComponent;
+};
+//# sourceMappingURL=createStyledPressable.js.map

package/dist/module/styles/lx/createStyledPressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","useHapticFeedbackWithPressIn","areLxPropsEqual","useResolveViewStyle","jsx","_jsx","hasStyleFunction","style","Array","isArray","some","s","resolveStyleFunctions","state","map","createStyledPressable","Component","StyledComponent","lx","ref","hapticFeedback","onPressIn","props","resolvedStyle","intensity","undefined","handlePressIn","finalStyle","flatten","mergedStyle","resolvedBareStyle","componentName","displayName","name"],"sourceRoot":"../../../../src","sources":["styles/lx/createStyledPressable.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AAMzC,SAASC,4BAA4B,QAAQ,4BAAmB;AAGhE,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,mBAAmB,QAAQ,mBAAgB;;AAEpD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,MAAMC,gBAAgB,GAAIC,KAAyB,IAAc;EAC/D,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK,CAACG,IAAI,CAAEC,CAAC,IAAKL,gBAAgB,CAACK,CAAC,CAAC,CAAC;EAC/C;EACA,OAAO,OAAOJ,KAAK,KAAK,UAAU;AACpC,CAAC;;AAED;AACA;AACA;AACA,MAAMK,qBAAqB,GAAGA,CAC5BL,KAAyB,EACzBM,KAAiC,KACmC;EACpE,IAAIL,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK,CAACO,GAAG,CAAEH,CAAC,IAAKC,qBAAqB,CAACD,CAAC,EAAEE,KAAK,CAAC,CAAC;EAK1D;EACA,OAAO,OAAON,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACM,KAAK,CAAC,GAAGN,KAAK;AAC3D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMQ,qBAAqB,GAAIC,SAA2B,IAAK;EACpE,MAAMC,eAAe,gBAAGlB,IAAI,CAC1B,CAAC;IACCmB,EAAE,GAAG,CAAC,CAAC;IACPC,GAAG;IACHZ,KAAK;IACLa,cAAc;IACdC,SAAS;IACT,GAAGC;EACiB,CAAC,KAAK;IAC1B,MAAMC,aAAa,GAAGpB,mBAAmB,CAACe,EAAE,CAAC;IAC7C,MAAMM,SAAqC,GACzCJ,cAAc,KAAK,IAAI,GAAG,QAAQ,GAAIA,cAAc,IAAIK,SAAU;IAEpE,MAAM;MAAEC;IAAc,CAAC,GAAGzB,4BAA4B,CAAC;MACrDmB,cAAc,EAAEI,SAAS;MACzBH,SAAS,EAAEA,SAAS,IAAII;IAC1B,CAAC,CAAC;IAEF,IAAI,CAACnB,gBAAgB,CAACC,KAAK,CAAC,EAAE;MAC5B,MAAMoB,UAAU,GAAG3B,UAAU,CAAC4B,OAAO,CAAC,CACpCrB,KAAK,EACLgB,aAAa,CACd,CAAC;MACF,oBACElB,IAAA,CAACW,SAAS;QACRG,GAAG,EAAEA,GAAI;QAAA,GACLG,KAAK;QAAA,IACJI,aAAa,KAAKD,SAAS,IAAI;UAAEJ,SAAS,EAAEK;QAAc,CAAC;QAChEnB,KAAK,EAAEoB;MAAW,CACnB,CAAC;IAEN;IAEA,MAAME,WAAW,GAAIhB,KAAiC,IAAgB;MACpE,MAAMiB,iBAAiB,GAAGlB,qBAAqB,CAACL,KAAK,EAAEM,KAAK,CAAC;MAC7D,OAAOb,UAAU,CAAC4B,OAAO,CAAC,CAACE,iBAAiB,EAAEP,aAAa,CAAC,CAAC;IAC/D,CAAC;IAED,oBACElB,IAAA,CAACW,SAAS;MACRG,GAAG,EAAEA,GAAI;MAAA,GACLG,KAAK;MAAA,IACJI,aAAa,KAAKD,SAAS,IAAI;QAAEJ,SAAS,EAAEK;MAAc,CAAC;MAChEnB,KAAK,EAAEsB;IAAY,CACpB,CAAC;EAEN,CAAC,EACD3B,eACF,CAAC;;EAED;EACA,MAAM6B,aAAa,GAChBf,SAAS,CAA8BgB,WAAW,IAClDhB,SAAS,CAAuBiB,IAAI,IACrC,WAAW;EACbhB,eAAe,CAACe,WAAW,GAAG,mBAAmBD,aAAa,GAAG;EAEjE,OAAOd,eAAe;AACxB,CAAC","ignoreList":[]}