@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

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

@@ -0,0 +1,291 @@
+"use strict";
+
+import { describe, expect, it, jest } from '@jest/globals';
+import { fireEvent, render, screen } from '@testing-library/react-native';
+import React, { createRef } from 'react';
+import { Pressable } from 'react-native';
+import { LumenStyleSheetProvider } from "../provider/LumenStyleSheetProvider.js";
+import { createStyledPressable } from "./createStyledPressable.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const testThemes = {
+  light: {
+    spacings: {
+      s8: 8,
+      s16: 16
+    },
+    sizes: {
+      s48: 48,
+      full: '100%'
+    },
+    colors: {
+      bg: {
+        surface: '#F0F0F0',
+        accent: '#6B21A8'
+      },
+      border: {}
+    },
+    borderRadius: {
+      md: 12
+    },
+    shadows: {},
+    typographies: {
+      xs: {
+        heading: {},
+        body: {}
+      }
+    }
+  },
+  dark: {
+    spacings: {
+      s8: 8,
+      s16: 16
+    },
+    sizes: {
+      s48: 48,
+      full: '100%'
+    },
+    colors: {
+      bg: {
+        surface: '#1C1C1E',
+        accent: '#A855F7'
+      },
+      border: {}
+    },
+    borderRadius: {
+      md: 12
+    },
+    shadows: {},
+    typographies: {
+      xs: {
+        heading: {},
+        body: {}
+      }
+    }
+  }
+};
+const renderWithProvider = children => render(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+  themes: testThemes,
+  children: children
+}));
+describe('createStyledPressable', () => {
+  const StyledPressable = createStyledPressable(Pressable);
+  it('should have correct display name', () => {
+    expect(StyledPressable.displayName).toBe('StyledPressable(Pressable)');
+  });
+  it('should resolve token props to styles', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+      testID: "pressable",
+      lx: {
+        padding: 's16',
+        width: 's48',
+        backgroundColor: 'surface',
+        borderRadius: 'md'
+      }
+    }));
+    const pressable = screen.getByTestId('pressable');
+    expect(pressable.props.style).toMatchObject({
+      padding: 16,
+      width: 48,
+      backgroundColor: '#F0F0F0',
+      borderRadius: 12
+    });
+  });
+  it('should resolve full size token to 100%', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+      testID: "pressable",
+      lx: {
+        width: 'full'
+      }
+    }));
+    const pressable = screen.getByTestId('pressable');
+    expect(pressable.props.style.width).toBe('100%');
+  });
+  it('should merge static style prop with resolved tokens', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+      testID: "pressable",
+      lx: {
+        padding: 's16'
+      },
+      style: {
+        opacity: 0.5
+      }
+    }));
+    const pressable = screen.getByTestId('pressable');
+    expect(pressable.props.style.padding).toBe(16);
+    expect(pressable.props.style.opacity).toBe(0.5);
+  });
+  it('should merge style prop with resolved tokens', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+      testID: "pressable",
+      lx: {
+        backgroundColor: 'surface'
+      },
+      style: {
+        opacity: 0.8
+      }
+    }));
+    const pressable = screen.getByTestId('pressable');
+    expect(pressable.props.style.backgroundColor).toBe('#F0F0F0');
+    expect(pressable.props.style.opacity).toBe(0.8);
+  });
+  it('should support function-based style prop', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+      testID: "pressable",
+      lx: {
+        backgroundColor: 'surface'
+      },
+      style: ({
+        pressed
+      }) => ({
+        opacity: pressed ? 0.7 : 1
+      })
+    }));
+    const pressable = screen.getByTestId('pressable');
+    expect(pressable.props.style.backgroundColor).toBe('#F0F0F0');
+    expect(pressable.props.style.opacity).toBe(1);
+  });
+  describe('array style support', () => {
+    it('should support array of static styles', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+        testID: "pressable",
+        lx: {
+          padding: 's16'
+        },
+        style: [{
+          opacity: 0.5
+        }, {
+          flex: 1
+        }]
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.padding).toBe(16);
+      expect(pressable.props.style.opacity).toBe(0.5);
+      expect(pressable.props.style.flex).toBe(1);
+    });
+    it('should support array with function-based style', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+        testID: "pressable",
+        lx: {
+          backgroundColor: 'surface'
+        },
+        style: [{
+          flex: 1
+        }, ({
+          pressed
+        }) => ({
+          opacity: pressed ? 0.7 : 1
+        })]
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.backgroundColor).toBe('#F0F0F0');
+      expect(pressable.props.style.flex).toBe(1);
+      expect(pressable.props.style.opacity).toBe(1);
+    });
+    it('should support array with mixed static and function styles', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+        testID: "pressable",
+        style: [{
+          padding: 10
+        }, ({
+          pressed
+        }) => ({
+          opacity: pressed ? 0.5 : 1
+        }), {
+          margin: 5
+        }]
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.padding).toBe(10);
+      expect(pressable.props.style.margin).toBe(5);
+      expect(pressable.props.style.opacity).toBe(1);
+    });
+    it('should handle null/undefined in style array', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+        testID: "pressable",
+        style: [null, {
+          opacity: 0.8
+        }, undefined]
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.opacity).toBe(0.8);
+    });
+  });
+  it('should forward ref', () => {
+    const ref = /*#__PURE__*/createRef();
+    renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+      ref: ref,
+      testID: "pressable"
+    }));
+    expect(ref.current).toBeTruthy();
+  });
+  it('should handle onPress callback', () => {
+    const onPress = jest.fn();
+    renderWithProvider(/*#__PURE__*/_jsx(StyledPressable, {
+      testID: "pressable",
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByTestId('pressable'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  describe('performance (memo)', () => {
+    it('should not re-render when props are unchanged', () => {
+      const renderCount = jest.fn();
+      const TrackedPressable = props => {
+        renderCount();
+        return /*#__PURE__*/_jsx(Pressable, {
+          ...props
+        });
+      };
+      const StyledTracked = createStyledPressable(TrackedPressable);
+      const {
+        rerender
+      } = renderWithProvider(/*#__PURE__*/_jsx(StyledTracked, {
+        testID: "pressable",
+        lx: {
+          padding: 's16'
+        }
+      }));
+      expect(renderCount).toHaveBeenCalledTimes(1);
+      rerender(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        children: /*#__PURE__*/_jsx(StyledTracked, {
+          testID: "pressable",
+          lx: {
+            padding: 's16'
+          }
+        })
+      }));
+      expect(renderCount).toHaveBeenCalledTimes(1);
+    });
+    it('should re-render when token props change', () => {
+      const renderCount = jest.fn();
+      const TrackedPressable = props => {
+        renderCount();
+        return /*#__PURE__*/_jsx(Pressable, {
+          ...props
+        });
+      };
+      const StyledTracked = createStyledPressable(TrackedPressable);
+      const {
+        rerender
+      } = renderWithProvider(/*#__PURE__*/_jsx(StyledTracked, {
+        testID: "pressable",
+        lx: {
+          padding: 's16'
+        }
+      }));
+      expect(renderCount).toHaveBeenCalledTimes(1);
+      rerender(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        children: /*#__PURE__*/_jsx(StyledTracked, {
+          testID: "pressable",
+          lx: {
+            width: 's48'
+          }
+        })
+      }));
+      expect(renderCount).toHaveBeenCalledTimes(2);
+    });
+  });
+});
+//# sourceMappingURL=createStyledPressable.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","jest","fireEvent","render","screen","React","createRef","Pressable","LumenStyleSheetProvider","createStyledPressable","jsx","_jsx","testThemes","light","spacings","s8","s16","sizes","s48","full","colors","bg","surface","accent","border","borderRadius","md","shadows","typographies","xs","heading","body","dark","renderWithProvider","children","themes","StyledPressable","displayName","toBe","testID","lx","padding","width","backgroundColor","pressable","getByTestId","props","style","toMatchObject","opacity","pressed","flex","margin","undefined","ref","current","toBeTruthy","onPress","fn","press","toHaveBeenCalledTimes","renderCount","TrackedPressable","StyledTracked","rerender"],"sourceRoot":"../../../../src","sources":["styles/lx/createStyledPressable.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,IAAI,QAAQ,eAAe;AAC1D,SAASC,SAAS,EAAEC,MAAM,EAAEC,MAAM,QAAQ,+BAA+B;AACzE,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,SAAS,QAIJ,cAAc;AACrB,SAASC,uBAAuB,QAAQ,wCAAqC;AAC7E,SAASC,qBAAqB,QAAQ,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhE,MAAMC,UAAe,GAAG;EACtBC,KAAK,EAAE;IACLC,QAAQ,EAAE;MAAEC,EAAE,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAG,CAAC;IAC5BC,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAO,CAAC;IAChCC,MAAM,EAAE;MAAEC,EAAE,EAAE;QAAEC,OAAO,EAAE,SAAS;QAAEC,MAAM,EAAE;MAAU,CAAC;MAAEC,MAAM,EAAE,CAAC;IAAE,CAAC;IACrEC,YAAY,EAAE;MAAEC,EAAE,EAAE;IAAG,CAAC;IACxBC,OAAO,EAAE,CAAC,CAAC;IACXC,YAAY,EAAE;MAAEC,EAAE,EAAE;QAAEC,OAAO,EAAE,CAAC,CAAC;QAAEC,IAAI,EAAE,CAAC;MAAE;IAAE;EAChD,CAAC;EACDC,IAAI,EAAE;IACJlB,QAAQ,EAAE;MAAEC,EAAE,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAG,CAAC;IAC5BC,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAO,CAAC;IAChCC,MAAM,EAAE;MAAEC,EAAE,EAAE;QAAEC,OAAO,EAAE,SAAS;QAAEC,MAAM,EAAE;MAAU,CAAC;MAAEC,MAAM,EAAE,CAAC;IAAE,CAAC;IACrEC,YAAY,EAAE;MAAEC,EAAE,EAAE;IAAG,CAAC;IACxBC,OAAO,EAAE,CAAC,CAAC;IACXC,YAAY,EAAE;MAAEC,EAAE,EAAE;QAAEC,OAAO,EAAE,CAAC,CAAC;QAAEC,IAAI,EAAE,CAAC;MAAE;IAAE;EAChD;AACF,CAAC;AAED,MAAME,kBAAkB,GAAIC,QAA4B,IACtD/B,MAAM,cACJQ,IAAA,CAACH,uBAAuB;EAAC2B,MAAM,EAAEvB,UAAW;EAAAsB,QAAA,EACzCA;AAAQ,CACc,CAC3B,CAAC;AAEHpC,QAAQ,CAAC,uBAAuB,EAAE,MAAM;EACtC,MAAMsC,eAAe,GAAG3B,qBAAqB,CAACF,SAAS,CAAC;EAExDP,EAAE,CAAC,kCAAkC,EAAE,MAAM;IAC3CD,MAAM,CAACqC,eAAe,CAACC,WAAW,CAAC,CAACC,IAAI,CAAC,4BAA4B,CAAC;EACxE,CAAC,CAAC;EAEFtC,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/CiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;MACdG,MAAM,EAAC,WAAW;MAClBC,EAAE,EAAE;QACFC,OAAO,EAAE,KAAK;QACdC,KAAK,EAAE,KAAK;QACZC,eAAe,EAAE,SAAS;QAC1BlB,YAAY,EAAE;MAChB;IAAE,CACH,CACH,CAAC;IAED,MAAMmB,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;IACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAAC,CAACC,aAAa,CAAC;MAC1CP,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,eAAe,EAAE,SAAS;MAC1BlB,YAAY,EAAE;IAChB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFzB,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjDiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;MAACG,MAAM,EAAC,WAAW;MAACC,EAAE,EAAE;QAAEE,KAAK,EAAE;MAAO;IAAE,CAAE,CAC9D,CAAC;IAED,MAAME,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;IACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACL,KAAK,CAAC,CAACJ,IAAI,CAAC,MAAM,CAAC;EAClD,CAAC,CAAC;EAEFtC,EAAE,CAAC,qDAAqD,EAAE,MAAM;IAC9DiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;MACdG,MAAM,EAAC,WAAW;MAClBC,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAM,CAAE;MACvBM,KAAK,EAAE;QAAEE,OAAO,EAAE;MAAI;IAAE,CACzB,CACH,CAAC;IAED,MAAML,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;IACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACN,OAAO,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC;IAC9CvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACE,OAAO,CAAC,CAACX,IAAI,CAAC,GAAG,CAAC;EACjD,CAAC,CAAC;EAEFtC,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACvDiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;MACdG,MAAM,EAAC,WAAW;MAClBC,EAAE,EAAE;QAAEG,eAAe,EAAE;MAAU,CAAE;MACnCI,KAAK,EAAE;QAAEE,OAAO,EAAE;MAAI;IAAE,CACzB,CACH,CAAC;IAED,MAAML,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;IACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACJ,eAAe,CAAC,CAACL,IAAI,CAAC,SAAS,CAAC;IAC7DvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACE,OAAO,CAAC,CAACX,IAAI,CAAC,GAAG,CAAC;EACjD,CAAC,CAAC;EAEFtC,EAAE,CAAC,0CAA0C,EAAE,MAAM;IACnDiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;MACdG,MAAM,EAAC,WAAW;MAClBC,EAAE,EAAE;QAAEG,eAAe,EAAE;MAAU,CAAE;MACnCI,KAAK,EAAEA,CAAC;QAAEG;MAAQ,CAAC,MAAM;QACvBD,OAAO,EAAEC,OAAO,GAAG,GAAG,GAAG;MAC3B,CAAC;IAAE,CACJ,CACH,CAAC;IAED,MAAMN,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;IACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACJ,eAAe,CAAC,CAACL,IAAI,CAAC,SAAS,CAAC;IAC7DvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACE,OAAO,CAAC,CAACX,IAAI,CAAC,CAAC,CAAC;EAC/C,CAAC,CAAC;EAEFxC,QAAQ,CAAC,qBAAqB,EAAE,MAAM;IACpCE,EAAE,CAAC,uCAAuC,EAAE,MAAM;MAChDiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;QACdG,MAAM,EAAC,WAAW;QAClBC,EAAE,EAAE;UAAEC,OAAO,EAAE;QAAM,CAAE;QACvBM,KAAK,EAAE,CAAC;UAAEE,OAAO,EAAE;QAAI,CAAC,EAAE;UAAEE,IAAI,EAAE;QAAE,CAAC;MAAE,CACxC,CACH,CAAC;MAED,MAAMP,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;MACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACN,OAAO,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC;MAC9CvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACE,OAAO,CAAC,CAACX,IAAI,CAAC,GAAG,CAAC;MAC/CvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACI,IAAI,CAAC,CAACb,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEFtC,EAAE,CAAC,gDAAgD,EAAE,MAAM;MACzDiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;QACdG,MAAM,EAAC,WAAW;QAClBC,EAAE,EAAE;UAAEG,eAAe,EAAE;QAAU,CAAE;QACnCI,KAAK,EAAE,CACL;UAAEI,IAAI,EAAE;QAAE,CAAC,EACX,CAAC;UAAED;QAAoC,CAAC,MAAM;UAC5CD,OAAO,EAAEC,OAAO,GAAG,GAAG,GAAG;QAC3B,CAAC,CAAC;MACF,CACH,CACH,CAAC;MAED,MAAMN,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;MACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACJ,eAAe,CAAC,CAACL,IAAI,CAAC,SAAS,CAAC;MAC7DvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACI,IAAI,CAAC,CAACb,IAAI,CAAC,CAAC,CAAC;MAC1CvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACE,OAAO,CAAC,CAACX,IAAI,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEFtC,EAAE,CAAC,4DAA4D,EAAE,MAAM;MACrEiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;QACdG,MAAM,EAAC,WAAW;QAClBQ,KAAK,EAAE,CACL;UAAEN,OAAO,EAAE;QAAG,CAAC,EACf,CAAC;UAAES;QAAoC,CAAC,MAAM;UAC5CD,OAAO,EAAEC,OAAO,GAAG,GAAG,GAAG;QAC3B,CAAC,CAAC,EACF;UAAEE,MAAM,EAAE;QAAE,CAAC;MACb,CACH,CACH,CAAC;MAED,MAAMR,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;MACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACN,OAAO,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC;MAC9CvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACK,MAAM,CAAC,CAACd,IAAI,CAAC,CAAC,CAAC;MAC5CvC,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACE,OAAO,CAAC,CAACX,IAAI,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEFtC,EAAE,CAAC,6CAA6C,EAAE,MAAM;MACtDiC,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;QACdG,MAAM,EAAC,WAAW;QAClBQ,KAAK,EAAE,CAAC,IAAI,EAAE;UAAEE,OAAO,EAAE;QAAI,CAAC,EAAEI,SAAS;MAAE,CAC5C,CACH,CAAC;MAED,MAAMT,SAAS,GAAGxC,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC;MACjD9C,MAAM,CAAC6C,SAAS,CAACE,KAAK,CAACC,KAAK,CAACE,OAAO,CAAC,CAACX,IAAI,CAAC,GAAG,CAAC;IACjD,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFtC,EAAE,CAAC,oBAAoB,EAAE,MAAM;IAC7B,MAAMsD,GAAG,gBAAGhD,SAAS,CAAO,CAAC;IAC7B2B,kBAAkB,cAACtB,IAAA,CAACyB,eAAe;MAACkB,GAAG,EAAEA,GAAI;MAACf,MAAM,EAAC;IAAW,CAAE,CAAC,CAAC;IACpExC,MAAM,CAACuD,GAAG,CAACC,OAAO,CAAC,CAACC,UAAU,CAAC,CAAC;EAClC,CAAC,CAAC;EAEFxD,EAAE,CAAC,gCAAgC,EAAE,MAAM;IACzC,MAAMyD,OAAO,GAAGxD,IAAI,CAACyD,EAAE,CAAC,CAAC;IACzBzB,kBAAkB,cAChBtB,IAAA,CAACyB,eAAe;MAACG,MAAM,EAAC,WAAW;MAACkB,OAAO,EAAEA;IAAQ,CAAE,CACzD,CAAC;IAEDvD,SAAS,CAACyD,KAAK,CAACvD,MAAM,CAACyC,WAAW,CAAC,WAAW,CAAC,CAAC;IAChD9C,MAAM,CAAC0D,OAAO,CAAC,CAACG,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF9D,QAAQ,CAAC,oBAAoB,EAAE,MAAM;IACnCE,EAAE,CAAC,+CAA+C,EAAE,MAAM;MACxD,MAAM6D,WAAW,GAAG5D,IAAI,CAACyD,EAAE,CAAC,CAAC;MAC7B,MAAMI,gBAAgB,GAAIhB,KAAqB,IAAK;QAClDe,WAAW,CAAC,CAAC;QACb,oBAAOlD,IAAA,CAACJ,SAAS;UAAA,GAAKuC;QAAK,CAAG,CAAC;MACjC,CAAC;MACD,MAAMiB,aAAa,GAAGtD,qBAAqB,CAACqD,gBAAuB,CAAC;MAEpE,MAAM;QAAEE;MAAS,CAAC,GAAG/B,kBAAkB,cACrCtB,IAAA,CAACoD,aAAa;QAACxB,MAAM,EAAC,WAAW;QAACC,EAAE,EAAE;UAAEC,OAAO,EAAE;QAAM;MAAE,CAAE,CAC7D,CAAC;MAED1C,MAAM,CAAC8D,WAAW,CAAC,CAACD,qBAAqB,CAAC,CAAC,CAAC;MAE5CI,QAAQ,cACNrD,IAAA,CAACH,uBAAuB;QAAC2B,MAAM,EAAEvB,UAAW;QAAAsB,QAAA,eAC1CvB,IAAA,CAACoD,aAAa;UAACxB,MAAM,EAAC,WAAW;UAACC,EAAE,EAAE;YAAEC,OAAO,EAAE;UAAM;QAAE,CAAE;MAAC,CACrC,CAC3B,CAAC;MAED1C,MAAM,CAAC8D,WAAW,CAAC,CAACD,qBAAqB,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF5D,EAAE,CAAC,0CAA0C,EAAE,MAAM;MACnD,MAAM6D,WAAW,GAAG5D,IAAI,CAACyD,EAAE,CAAC,CAAC;MAC7B,MAAMI,gBAAgB,GAAIhB,KAAqB,IAAK;QAClDe,WAAW,CAAC,CAAC;QACb,oBAAOlD,IAAA,CAACJ,SAAS;UAAA,GAAKuC;QAAK,CAAG,CAAC;MACjC,CAAC;MACD,MAAMiB,aAAa,GAAGtD,qBAAqB,CAACqD,gBAAuB,CAAC;MAEpE,MAAM;QAAEE;MAAS,CAAC,GAAG/B,kBAAkB,cACrCtB,IAAA,CAACoD,aAAa;QAACxB,MAAM,EAAC,WAAW;QAACC,EAAE,EAAE;UAAEC,OAAO,EAAE;QAAM;MAAE,CAAE,CAC7D,CAAC;MAED1C,MAAM,CAAC8D,WAAW,CAAC,CAACD,qBAAqB,CAAC,CAAC,CAAC;MAE5CI,QAAQ,cACNrD,IAAA,CAACH,uBAAuB;QAAC2B,MAAM,EAAEvB,UAAW;QAAAsB,QAAA,eAC1CvB,IAAA,CAACoD,aAAa;UAACxB,MAAM,EAAC,WAAW;UAACC,EAAE,EAAE;YAAEE,KAAK,EAAE;UAAM;QAAE,CAAE;MAAC,CACnC,CAC3B,CAAC;MAED3C,MAAM,CAAC8D,WAAW,CAAC,CAACD,qBAAqB,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { useTheme } from "../hooks/useTheme.js";
+import { areLxPropsEqual } from "./areLxPropsEqual.js";
+import { useResolveTextStyle } from "./resolveStyle.js";
+
+/**
+ * Factory function to create a styled Text component.
+ *
+ * ```tsx
+ * // Create a basic Text
+ * const StyledText = createStyledText(Text);
+ * ```
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createStyledText = Component => {
+  const StyledComponent = /*#__PURE__*/memo(({
+    typography = 'body3',
+    lx = {},
+    ref,
+    style,
+    ...props
+  }) => {
+    const {
+      theme
+    } = useTheme();
+    const resolvedStyle = useResolveTextStyle(lx);
+    const typographyStyle = theme.typographies[typography];
+    const finalStyle = StyleSheet.flatten([typographyStyle, style, resolvedStyle]);
+    return /*#__PURE__*/_jsx(Component, {
+      ref: ref,
+      ...props,
+      style: finalStyle
+    });
+  }, areLxPropsEqual);
+
+  // Set display name for debugging
+  const componentName = Component.displayName || Component.name || 'Component';
+  StyledComponent.displayName = `StyledText(${componentName})`;
+  return StyledComponent;
+};
+//# sourceMappingURL=createStyledText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","useTheme","areLxPropsEqual","useResolveTextStyle","jsx","_jsx","createStyledText","Component","StyledComponent","typography","lx","ref","style","props","theme","resolvedStyle","typographyStyle","typographies","finalStyle","flatten","componentName","displayName","name"],"sourceRoot":"../../../../src","sources":["styles/lx/createStyledText.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,QAAQ,sBAAmB;AAE5C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,mBAAmB,QAAQ,mBAAgB;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,SAAAC,GAAA,IAAAC,IAAA;AAQA,OAAO,MAAMC,gBAAgB,GAAIC,SAAsB,IAAK;EAC1D,MAAMC,eAAe,gBAAGT,IAAI,CAC1B,CAAC;IACCU,UAAU,GAAG,OAAO;IACpBC,EAAE,GAAG,CAAC,CAAC;IACPC,GAAG;IACHC,KAAK;IACL,GAAGC;EACY,CAAC,KAAK;IACrB,MAAM;MAAEC;IAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;IAC5B,MAAMc,aAAa,GAAGZ,mBAAmB,CAACO,EAAE,CAAC;IAC7C,MAAMM,eAAe,GAAGF,KAAK,CAACG,YAAY,CAACR,UAAU,CAAc;IAEnE,MAAMS,UAAU,GAAGlB,UAAU,CAACmB,OAAO,CAAC,CACpCH,eAAe,EACfJ,KAAK,EACLG,aAAa,CACd,CAAC;IAEF,oBAAOV,IAAA,CAACE,SAAS;MAACI,GAAG,EAAEA,GAAI;MAAA,GAAKE,KAAK;MAAED,KAAK,EAAEM;IAAW,CAAE,CAAC;EAC9D,CAAC,EAEDhB,eACF,CAAC;;EAED;EACA,MAAMkB,aAAa,GAChBb,SAAS,CAA8Bc,WAAW,IAClDd,SAAS,CAAuBe,IAAI,IACrC,WAAW;EACbd,eAAe,CAACa,WAAW,GAAG,cAAcD,aAAa,GAAG;EAE5D,OAAOZ,eAAe;AACxB,CAAC","ignoreList":[]}

package/dist/module/styles/lx/createStyledText.test.js

@@ -0,0 +1,242 @@
+"use strict";
+
+import { describe, expect, it, jest } from '@jest/globals';
+import { render, screen } from '@testing-library/react-native';
+import React, { createRef } from 'react';
+import { Text } from 'react-native';
+import { LumenStyleSheetProvider } from "../provider/LumenStyleSheetProvider.js";
+import { createStyledText } from "./createStyledText.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const testThemes = {
+  light: {
+    spacings: {
+      s8: 8
+    },
+    sizes: {},
+    colors: {
+      bg: {},
+      text: {
+        base: '#000000',
+        muted: '#666666'
+      },
+      border: {}
+    },
+    borderRadius: {},
+    shadows: {},
+    typographies: {
+      xs: {
+        heading: {},
+        body: {
+          body1: {
+            fontSize: 16,
+            fontWeight: '500',
+            lineHeight: 24,
+            letterSpacing: 0
+          }
+        }
+      }
+    }
+  },
+  dark: {
+    spacings: {
+      s8: 8
+    },
+    sizes: {},
+    colors: {
+      bg: {},
+      text: {
+        base: '#FFFFFF',
+        muted: '#8E8E93'
+      },
+      border: {}
+    },
+    borderRadius: {},
+    shadows: {},
+    typographies: {
+      xs: {
+        heading: {},
+        body: {
+          body1: {
+            fontSize: 16,
+            fontWeight: '500',
+            lineHeight: 24,
+            letterSpacing: 0
+          }
+        }
+      }
+    }
+  }
+};
+const renderWithProvider = children => render(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+  themes: testThemes,
+  children: children
+}));
+describe('createStyledText', () => {
+  const StyledText = createStyledText(Text);
+  it('should have correct display name', () => {
+    expect(StyledText.displayName).toBe('StyledText(Text)');
+  });
+  it('should apply typography typography', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledText, {
+      testID: "text",
+      typography: "body1",
+      children: "Hello"
+    }));
+    const style = screen.getByTestId('text').props.style;
+    expect(style).toMatchObject({
+      fontSize: 16,
+      fontWeight: '500',
+      lineHeight: 24
+    });
+  });
+  it('should apply color token', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledText, {
+      testID: "text",
+      lx: {
+        color: 'muted'
+      },
+      children: "Muted"
+    }));
+    expect(screen.getByTestId('text').props.style.color).toBe('#666666');
+  });
+  it('should combine typography, color and spacing', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledText, {
+      testID: "text",
+      typography: "body1",
+      lx: {
+        color: 'base',
+        marginTop: 's8'
+      },
+      children: "Styled"
+    }));
+    const style = screen.getByTestId('text').props.style;
+    expect(style).toMatchObject({
+      color: '#000000',
+      marginTop: 8,
+      fontSize: 16,
+      fontWeight: '500',
+      lineHeight: 24,
+      letterSpacing: 0
+    });
+  });
+  it('should merge style prop with resolved tokens', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(StyledText, {
+      testID: "text",
+      typography: "body1",
+      style: {
+        textDecorationLine: 'underline'
+      },
+      children: "Underlined"
+    }));
+    const style = screen.getByTestId('text').props.style;
+    expect(style.fontSize).toBe(16);
+    expect(style.textDecorationLine).toBe('underline');
+  });
+  it('should forward ref', () => {
+    const ref = /*#__PURE__*/createRef();
+    renderWithProvider(/*#__PURE__*/_jsx(StyledText, {
+      ref: ref,
+      testID: "text",
+      children: "Ref"
+    }));
+    expect(ref.current).toBeTruthy();
+  });
+  describe('performance (memo)', () => {
+    it('should not re-render when props are unchanged', () => {
+      const renderCount = jest.fn();
+      const TrackedText = props => {
+        renderCount();
+        return /*#__PURE__*/_jsx(Text, {
+          ...props
+        });
+      };
+      const StyledTracked = createStyledText(TrackedText);
+      const {
+        rerender
+      } = renderWithProvider(/*#__PURE__*/_jsx(StyledTracked, {
+        testID: "text",
+        typography: "body1",
+        children: "Hello"
+      }));
+      expect(renderCount).toHaveBeenCalledTimes(1);
+
+      // Re-render with same props
+      rerender(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        children: /*#__PURE__*/_jsx(StyledTracked, {
+          testID: "text",
+          typography: "body1",
+          children: "Hello"
+        })
+      }));
+
+      // memo should prevent re-render
+      expect(renderCount).toHaveBeenCalledTimes(1);
+    });
+    it('should re-render when token props change', () => {
+      const renderCount = jest.fn();
+      const TrackedText = props => {
+        renderCount();
+        return /*#__PURE__*/_jsx(Text, {
+          ...props
+        });
+      };
+      const StyledTracked = createStyledText(TrackedText);
+      const {
+        rerender
+      } = renderWithProvider(/*#__PURE__*/_jsx(StyledTracked, {
+        testID: "text",
+        typography: "body1",
+        children: "Hello"
+      }));
+      expect(renderCount).toHaveBeenCalledTimes(1);
+
+      // Re-render with different props
+      rerender(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        children: /*#__PURE__*/_jsx(StyledTracked, {
+          testID: "text",
+          lx: {
+            color: 'muted'
+          },
+          children: "Hello"
+        })
+      }));
+
+      // Should re-render due to prop change
+      expect(renderCount).toHaveBeenCalledTimes(2);
+    });
+    it('should re-render when children change', () => {
+      const renderCount = jest.fn();
+      const TrackedText = props => {
+        renderCount();
+        return /*#__PURE__*/_jsx(Text, {
+          ...props
+        });
+      };
+      const StyledTracked = createStyledText(TrackedText);
+      const {
+        rerender
+      } = renderWithProvider(/*#__PURE__*/_jsx(StyledTracked, {
+        testID: "text",
+        typography: "body1",
+        children: "Hello"
+      }));
+      expect(renderCount).toHaveBeenCalledTimes(1);
+
+      // Re-render with different children
+      rerender(/*#__PURE__*/_jsx(LumenStyleSheetProvider, {
+        themes: testThemes,
+        children: /*#__PURE__*/_jsx(StyledTracked, {
+          testID: "text",
+          typography: "body1",
+          children: "World"
+        })
+      }));
+
+      // Should re-render due to children change
+      expect(renderCount).toHaveBeenCalledTimes(2);
+    });
+  });
+});
+//# sourceMappingURL=createStyledText.test.js.map

package/dist/module/styles/lx/createStyledText.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","jest","render","screen","React","createRef","Text","LumenStyleSheetProvider","createStyledText","jsx","_jsx","testThemes","light","spacings","s8","sizes","colors","bg","text","base","muted","border","borderRadius","shadows","typographies","xs","heading","body","body1","fontSize","fontWeight","lineHeight","letterSpacing","dark","renderWithProvider","children","themes","StyledText","displayName","toBe","testID","typography","style","getByTestId","props","toMatchObject","lx","color","marginTop","textDecorationLine","ref","current","toBeTruthy","renderCount","fn","TrackedText","StyledTracked","rerender","toHaveBeenCalledTimes"],"sourceRoot":"../../../../src","sources":["styles/lx/createStyledText.test.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { areLxPropsEqual } from "./areLxPropsEqual.js";
+import { useResolveViewStyle } from "./resolveStyle.js";
+
+/**
+ * Factory function to create a styled View component.
+ *
+ * ```tsx
+ * // Create a basic View
+ * const StyledView = createStyledView(View);
+ * ```
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createStyledView = Component => {
+  const StyledComponent = /*#__PURE__*/memo(({
+    lx = {},
+    ref,
+    style,
+    ...props
+  }) => {
+    const resolvedStyle = useResolveViewStyle(lx);
+    const finalStyle = StyleSheet.flatten([style, resolvedStyle]);
+    return /*#__PURE__*/_jsx(Component, {
+      ref: ref,
+      ...props,
+      style: finalStyle
+    });
+  }, areLxPropsEqual);
+
+  // Set display name for debugging
+  const componentName = Component.displayName || Component.name || 'Component';
+  StyledComponent.displayName = `Styled(${componentName})`;
+  return StyledComponent;
+};
+//# sourceMappingURL=createStyledView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","areLxPropsEqual","useResolveViewStyle","jsx","_jsx","createStyledView","Component","StyledComponent","lx","ref","style","props","resolvedStyle","finalStyle","flatten","componentName","displayName","name"],"sourceRoot":"../../../../src","sources":["styles/lx/createStyledView.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAc,cAAc;AAE/C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,mBAAmB,QAAQ,mBAAgB;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,SAAAC,GAAA,IAAAC,IAAA;AAQA,OAAO,MAAMC,gBAAgB,GAAIC,SAAsB,IAAK;EAC1D,MAAMC,eAAe,gBAAGR,IAAI,CAC1B,CAAC;IAAES,EAAE,GAAG,CAAC,CAAC;IAAEC,GAAG;IAAEC,KAAK;IAAE,GAAGC;EAAuB,CAAC,KAAK;IACtD,MAAMC,aAAa,GAAGV,mBAAmB,CAACM,EAAE,CAAC;IAC7C,MAAMK,UAAU,GAAGb,UAAU,CAACc,OAAO,CAAC,CAACJ,KAAK,EAAEE,aAAa,CAAC,CAAC;IAE7D,oBAAOR,IAAA,CAACE,SAAS;MAACG,GAAG,EAAEA,GAAI;MAAA,GAAKE,KAAK;MAAED,KAAK,EAAEG;IAAW,CAAE,CAAC;EAC9D,CAAC,EACDZ,eACF,CAAC;;EAED;EACA,MAAMc,aAAa,GAChBT,SAAS,CAA8BU,WAAW,IAClDV,SAAS,CAAuBW,IAAI,IACrC,WAAW;EACbV,eAAe,CAACS,WAAW,GAAG,UAAUD,aAAa,GAAG;EAExD,OAAOR,eAAe;AACxB,CAAC","ignoreList":[]}