rnwind 0.0.1 → 0.0.3

package/lib/esm/testing/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/testing/index.ts"],"sourcesContent":["/* eslint-disable sonarjs/no-unused-vars */\nimport type { File as BabelFile } from '@babel/types'\nimport { parse } from '@babel/parser'\nimport generateImport from '@babel/generator'\nimport { existsSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs'\nimport { createRequire } from 'node:module'\nimport { tmpdir } from 'node:os'\nimport path from 'node:path'\nimport * as React from 'react'\nimport type {\n  render as testingLibraryRender,\n  renderHook as testingLibraryRenderHook,\n  RenderHookOptions,\n} from '@testing-library/react-native'\nimport { configureRnwindState, resetRnwindState, transform as metroTransform } from '../metro'\nimport { __resetLookupCssState, lookupCss, registerAtoms } from '../runtime/lookup-css'\nimport type { Insets } from '../runtime/components/rnwind-provider'\nimport { RnwindProvider, useRnwind, useR_ } from '../runtime/components/rnwind-provider'\nimport { triggerHaptic, useMountHaptic } from '../runtime/haptics'\nimport type { OnHaptics } from '../core/parser/haptics'\nimport type { Scheme } from '../runtime/types'\n\n// ────────────────────────────────────────────────────────────────────────\n// Private constants\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Minimal theme every `renderWithCss` call defaults to. Ships the two\n * conventional schemes so atoms carrying `dark:` / `light:` prefixes\n * resolve without the caller having to craft a theme CSS string.\n */\nconst DEFAULT_THEME_CSS = `@import 'tailwindcss';\n@layer theme {\n  :root {\n    @variant light { --color-bg: #ffffff; --color-fg: #0a0a0a; }\n    @variant dark  { --color-bg: #0a0a0a; --color-fg: #ffffff; }\n  }\n}\n`\n\n/** `StyleSheet.create` stub the evaluated bundle calls — identity at test time. */\nconst BUNDLE_STYLE_SHEET = { create: <T>(styles: T): T => styles, hairlineWidth: 1 }\n\n/** Stubbed interactive-state hook return matching `useInteract()`. */\nconst NOOP_INTERACT = {\n  state: undefined,\n  onPressIn: (): void => undefined,\n  onPressOut: (): void => undefined,\n  onFocus: (): void => undefined,\n  onBlur: (): void => undefined,\n}\n\n/**\n * Identity chain helper matching `chainPress` / `chainFocus`. Returns a\n * single callback that invokes every supplied handler in turn.\n * @param handlers Handlers to chain.\n * @returns Combined callback.\n */\nconst NOOP_CHAIN =\n  (...handlers: ReadonlyArray<((...args: unknown[]) => unknown) | undefined>) =>\n  (...args: unknown[]): void => {\n    for (const handler of handlers) {\n      if (typeof handler === 'function') handler(...args)\n    }\n  }\n\n// Synthesize a require rooted at the consumer's cwd so optional peer\n// lookups (`@testing-library/react-native`, `esbuild`) resolve from THEIR\n// node_modules, not rnwind's. A workspace-local rnwind install resolves\n// through a different node_modules chain than the test cwd — we want the\n// test's chain.\nconst localRequire: NodeRequire = createRequire(path.join(process.cwd(), 'package.json'))\n\nconst generate: typeof generateImport = (generateImport as { default?: typeof generateImport }).default ?? generateImport\n\n/**\n * Pre-loaded `@testing-library/react-native`. Resolved once at module\n * init (not lazily per-call) because the testing library registers\n * `beforeAll`/`afterEach` cleanup hooks on import — and Bun's test\n * runner refuses to register lifecycle hooks from inside a running\n * test body, which is where the first `renderWithCss` call lands.\n */\nconst TESTING_LIBRARY: {\n  render: typeof testingLibraryRender\n  renderHook: typeof testingLibraryRenderHook\n} = (() => {\n  try {\n    return localRequire('@testing-library/react-native') as {\n      render: typeof testingLibraryRender\n      renderHook: typeof testingLibraryRenderHook\n    }\n  } catch (error) {\n    throw new Error(\n      'rnwind/testing: cannot load `@testing-library/react-native`. Add it to your dev dependencies. Underlying error: ' +\n        (error instanceof Error ? error.message : String(error)),\n    )\n  }\n})()\n\n// ────────────────────────────────────────────────────────────────────────\n// Private helpers\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Scheme string typed to match what `<RnwindProvider>` accepts. Users\n * who declare their own scheme names via `rnwind-types.d.ts` get them\n * through `Scheme`; everyone else gets `'light' | 'dark' | string`.\n */\ntype SchemeName = Scheme\n\n/**\n * Default lookup for the test process's `react-native` module. Users\n * who run with a mocked `react-native` (via Bun's `mock.module` or\n * Jest's `jest.mock`) get the mock here automatically.\n * @returns React Native namespace bindings.\n */\nfunction resolveReactNative(): Record<string, unknown> {\n  return localRequire('react-native') as Record<string, unknown>\n}\n\n/**\n * Compile JSX + TypeScript source to plain JS. Prefers Bun's built-in\n * transpiler (fast, zero-dep); falls back to `esbuild` if running under\n * Node (Jest users). Throws with an install hint if neither is available.\n * @param source Source text to compile.\n * @returns JavaScript suitable for `new Function(...)` evaluation.\n */\nfunction compileToJs(source: string): string {\n  const globalBun = (\n    globalThis as { Bun?: { Transpiler: new (options: unknown) => { transformSync: (text: string) => string } } }\n  ).Bun\n  if (globalBun?.Transpiler) {\n    return new globalBun.Transpiler({\n      loader: 'tsx',\n      tsconfig: JSON.stringify({ compilerOptions: { jsx: 'react', target: 'esnext' } }),\n    }).transformSync(source)\n  }\n  try {\n    const esbuild = localRequire('esbuild') as {\n      transformSync: (text: string, options: { loader: string; jsx: string; target?: string }) => { code: string }\n    }\n    return esbuild.transformSync(source, { loader: 'tsx', jsx: 'transform', target: 'esnext' }).code\n  } catch {\n    throw new Error(\n      'rnwind/testing: cannot compile JSX. Run tests under Bun (which has a built-in transpiler) ' +\n        'or install `esbuild` as a dev dependency for Node / Jest setups.',\n    )\n  }\n}\n\n/**\n * Evaluate the union `style.js` the ledger wrote during the transform\n * so its `registerAtoms` call lands in the process-global registry.\n * Strips the `react-native` + `rnwind` imports from the source and\n * forwards local bindings into the evaluated closure.\n * @param cacheDir The rnwind cache dir where the ledger writes bundles.\n */\nfunction evaluateStyleBundle(cacheDir: string): void {\n  const filePath = path.join(cacheDir, 'style.js')\n  if (!existsSync(filePath)) return\n  const body = readFileSync(filePath, 'utf8')\n    .replaceAll(/import \\{ StyleSheet \\} from 'react-native'\\s*\\n/g, '')\n    .replaceAll(/import \\{[^}]+\\} from 'rnwind'\\s*\\n/g, '')\n  // Bundle body is generated by rnwind itself — not user-controlled.\n  // eslint-disable-next-line sonarjs/code-eval\n  new Function('StyleSheet', 'registerAtoms', body)(BUNDLE_STYLE_SHEET, registerAtoms)\n}\n\n/**\n * Evaluate the transformer's rewritten source as a standalone module:\n * strip synthetic imports, forward `import ... from 'rnwind'` +\n * `'react-native'` to local bindings, compile JSX via the compiler, and\n * capture the default export.\n * @param transformedSource Post-transformer source.\n * @param reactNative `react-native` namespace bindings to forward.\n * @returns The default-exported component.\n */\nfunction evaluateRewrittenModule(\n  transformedSource: string,\n  reactNative: Record<string, unknown>,\n): React.ComponentType<Record<string, unknown>> {\n  const prepared = transformedSource\n    .replaceAll(/import\\s+[\"']rnwind\\/__generated\\/[^\"']+[\"'];?\\s*\\n?/g, '')\n    .replaceAll(/import\\s+\\{([^}]+)\\}\\s+from\\s+[\"']rnwind[\"'];?/g, 'const {$1} = __rnwind;')\n    .replaceAll(/import\\s+\\{([^}]+)\\}\\s+from\\s+[\"']react-native[\"'];?/g, 'const {$1} = __reactNative;')\n    .replace(/export\\s+default\\s+/, 'module.exports.default = ')\n\n  const compiled = compileToJs(prepared)\n  const rnwindEnv = {\n    lookupCss,\n    useRnwind,\n    useR_,\n    useMountHaptic,\n    triggerHaptic,\n    useInteract: () => NOOP_INTERACT,\n    chainPress: NOOP_CHAIN,\n    chainFocus: NOOP_CHAIN,\n  }\n  const moduleObject: { exports: { default?: React.ComponentType<Record<string, unknown>> } } = { exports: {} }\n  // Compiled source originates from rnwind's own transformer + the JSX compiler.\n  // eslint-disable-next-line sonarjs/code-eval\n  new Function('React', '__rnwind', '__reactNative', 'module', compiled)(React, rnwindEnv, reactNative, moduleObject)\n  if (!moduleObject.exports.default) {\n    throw new Error('rnwind/testing: evaluated module did not export a default component.')\n  }\n  return moduleObject.exports.default\n}\n\n/**\n * Build the root element `@testing-library/react-native`'s `render`\n * receives. When a scheme is specified, wrap the component in a live\n * `<RnwindProvider>` so hooks like `useScheme()` and `useCss()` return\n * the requested scheme. Otherwise render bare (context falls back to the\n * default `'light'`).\n * @param Component Component to render.\n * @param scheme Optional active scheme override.\n * @param insets\n * @param onHaptics\n * @returns The React element to hand to `render`.\n */\nfunction buildRootElement(\n  Component: React.ComponentType<Record<string, unknown>>,\n  scheme: string | undefined,\n  insets: Partial<Insets> | undefined,\n  onHaptics: OnHaptics | undefined,\n): React.ReactElement {\n  const child = React.createElement(Component)\n  if (scheme === undefined && !insets && !onHaptics) return child\n  const providerProps: { scheme: SchemeName; insets?: Partial<Insets>; onHaptics?: OnHaptics } = {\n    scheme: (scheme ?? 'light') as SchemeName,\n  }\n  if (insets) providerProps.insets = insets\n  if (onHaptics) providerProps.onHaptics = onHaptics\n  return React.createElement(RnwindProvider, providerProps, child)\n}\n\n/**\n * Compose the `wrapper` option `renderHook` accepts. When a scheme is\n * set, wrap the hook's execution context in `<RnwindProvider>` so hooks\n * that read `useScheme()` see the requested scheme. If the user also\n * supplies their own wrapper, nest it inside the provider so both apply.\n * @param scheme Optional active scheme override.\n * @param userWrapper Optional user-supplied wrapper component.\n * @returns A wrapper component suitable for `renderHook`'s `wrapper` option.\n */\nfunction composeHookWrapper(\n  scheme: string | undefined,\n  userWrapper: React.ComponentType<{ children?: React.ReactNode }> | undefined,\n): React.ComponentType<{ children?: React.ReactNode }> | undefined {\n  if (scheme === undefined && !userWrapper) return undefined\n  return function RnwindTestWrapper({ children }: { children?: React.ReactNode }): React.ReactElement {\n    const inner = userWrapper ? React.createElement(userWrapper, null, children) : (children as React.ReactElement)\n    if (scheme === undefined) return inner\n    return React.createElement(RnwindProvider, { scheme: scheme as SchemeName }, inner)\n  }\n}\n\n/**\n * Spin up an ephemeral rnwind project and register the atoms produced\n * by `source` (when provided) into the runtime. Returns the project\n * state and the post-transform source so callers can render the\n * rewritten module or just rely on the registered atoms.\n *\n * Shared between `renderWithCss` (needs the rewritten component) and\n * `renderHookWithCss` (only needs the atoms in the registry).\n * @param options Options controlling the theme and pre-registered source.\n * @param options.themeCss Theme CSS override.\n * @param options.source Source whose Tailwind candidates should be registered.\n * @returns Paths plus the transformed source and a `cleanup` closure.\n */\nasync function bootstrapRnwindRuntime(options: { themeCss?: string; source?: string }): Promise<{\n  projectRoot: string\n  cacheDir: string\n  transformedSource: string\n  cleanup: () => void\n}> {\n  const projectRoot = mkdtempSync(path.join(tmpdir(), 'rnwind-test-'))\n  const cacheDir = path.join(projectRoot, '.rnwind-cache')\n  const cssPath = path.join(projectRoot, 'theme.css')\n  writeFileSync(cssPath, options.themeCss ?? DEFAULT_THEME_CSS)\n  configureRnwindState(cssPath, cacheDir)\n\n  let transformedSource = ''\n  if (options.source !== undefined) {\n    const filename = path.join(projectRoot, 'App.tsx')\n    writeFileSync(filename, options.source)\n    const ast: BabelFile = parse(options.source, { sourceType: 'module', plugins: ['typescript', 'jsx'] })\n    const result = await metroTransform({ filename, src: options.source, options: { projectRoot }, ast })\n    transformedSource = generate(result.ast).code\n    evaluateStyleBundle(cacheDir)\n  }\n\n  const cleanup = (): void => {\n    __resetLookupCssState()\n    resetRnwindState()\n    if (existsSync(projectRoot)) rmSync(projectRoot, { recursive: true, force: true })\n  }\n\n  return { projectRoot, cacheDir, transformedSource, cleanup }\n}\n\n/**\n * Synthesize a throwaway source file that mentions each className in a\n * JSX `className=\"...\"` attribute so the Metro transformer's scanner\n * picks them up and records their resolved styles into the union\n * `style.js`. Used by `renderHookWithCss` to pre-register atoms the\n * hook under test will look up.\n * @param classNames Class names to include.\n * @returns Source string suitable for `bootstrapRnwindRuntime`.\n */\nfunction sourceFromClassNames(classNames: readonly string[]): string {\n  const joined = classNames.join(' ').replaceAll('\"', String.raw`\\\"`)\n  return `const V: any = () => null\\nexport default () => <V className=\"${joined}\" />\\n`\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Public exports — types\n// ────────────────────────────────────────────────────────────────────────\n\n/** Exact signature of `@testing-library/react-native`'s `render`. */\nexport type Render = typeof testingLibraryRender\n\n/** Exact signature of `@testing-library/react-native`'s `renderHook`. */\nexport type RenderHook = typeof testingLibraryRenderHook\n\n/**\n * Exact return type of `@testing-library/react-native`'s `render` — we\n * re-export the upstream type so tests get every query (`getByTestId`,\n * `queryByText`, `rerender`, `unmount`, `debug`, `UNSAFE_root`, …) with\n * its real signature.\n */\nexport type TestingLibraryRenderAPI = ReturnType<typeof testingLibraryRender>\n\n/** Options accepted by {@link renderWithCss}. */\nexport interface RenderWithCssOptions {\n  /** Theme CSS fed to rnwind's parser. Defaults to {@link DEFAULT_THEME_CSS}. */\n  themeCss?: string\n  /**\n   * Active scheme the runtime resolver uses. Defaults to `'light'`.\n   * Flip to `'dark'` / `'brand'` / ... to exercise scheme-variant atoms.\n   */\n  scheme?: string\n  /**\n   * Safe-area insets to inject. When provided, the component tree is\n   * rendered under a `<RnwindProvider insets={...}>` so `*-safe` atoms\n   * resolve to real numbers instead of the `0` fallback. Partial is\n   * accepted — missing sides default to zero.\n   */\n  insets?: Partial<Insets>\n  /**\n   * Haptic dispatcher forwarded onto the implicit `<RnwindProvider>`.\n   * Tests pass a spy callback to assert which haptic atoms fired.\n   */\n  onHaptics?: OnHaptics\n  /**\n   * `react-native` namespace bindings forwarded into the rewritten\n   * module. Defaults to importing the test process's `react-native`\n   * (typically a mocked stub). Override to inject custom host elements.\n   */\n  reactNative?: Record<string, unknown>\n}\n\n/**\n * Result of a {@link renderWithCss} call. Every key from\n * `@testing-library/react-native`'s `render` return value is spread onto\n * this object — `getByTestId`, `queryByText`, `rerender`, `unmount`,\n * `debug`, etc. — so tests use the testing-library API directly.\n *\n * Two rnwind-specific handles are added:\n *  - `transformedSource` — the exact code the rnwind Metro transformer\n *    emitted for your input. Log it to confirm the rewrite.\n *  - `cleanup` — tears down the ephemeral rnwind state + chunk cache dir.\n *    Call from `afterEach` so successive tests don't share atoms.\n */\nexport type RenderWithCssResult = TestingLibraryRenderAPI & {\n  /** The post-transformer source text. Same code Metro would ship. */\n  transformedSource: string\n  /** Tear down the ephemeral rnwind state + cache dir. */\n  cleanup: () => void\n}\n\n/** Options accepted by {@link renderHookWithCss}. */\nexport interface RenderHookWithCssOptions<Props> extends RenderHookOptions<Props> {\n  /** Theme CSS fed to rnwind's parser. Defaults to the built-in minimal theme. */\n  themeCss?: string\n  /**\n   * Active scheme the runtime resolver uses. Defaults to `'light'`. When\n   * set, the hook is wrapped in `<RnwindProvider scheme={scheme}>` so\n   * `useScheme()` / `useCss()` observe the override.\n   */\n  scheme?: string\n  /**\n   * Class names to pre-register into the runtime atom registry before\n   * the hook runs. rnwind synthesizes a throwaway source file mentioning\n   * these classes, feeds it through the real Metro transformer, and\n   * evaluates the generated `style.js` bundle — so the hook sees\n   * exactly the atoms the production bundle would register.\n   */\n  classNames?: readonly string[]\n}\n\n/**\n * Result of a {@link renderHookWithCss} call. Mirrors\n * `@testing-library/react-native`'s `renderHook` return type — `result`,\n * `rerender`, `unmount` — and adds a `cleanup` that tears down the\n * ephemeral rnwind state.\n */\nexport type RenderHookWithCssResult<Result, Props> = ReturnType<typeof testingLibraryRenderHook<Result, Props>> & {\n  /** Tear down the ephemeral rnwind state + cache dir. */\n  cleanup: () => void\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Public exports — functions\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Feed a source string through rnwind's Metro transformer, evaluate\n * the generated `style.js` bundle, evaluate the rewritten module, and\n * render the default-exported component with\n * `@testing-library/react-native`.\n *\n * The rendered RN element's `style` prop is the EXACT array your\n * production bundle would attach — same transformer, same runtime\n * resolver, same atoms. Assert on `flatten(node.props.style)` to verify\n * the resolved values.\n * @example\n * ```tsx\n * const handle = await renderWithCss(\n *   `import { View } from 'react-native'\n *    export default () => <View className=\"bg-primary p-4\" testID=\"box\" />`,\n *   { themeCss: `@import 'tailwindcss'; @theme { --color-primary: #6366f1; }` },\n * )\n * const flat = flatten(handle.getByTestId('box').props.style)\n * expect(flat.backgroundColor).toBe('#6366f1')\n * ```\n * @param source User source (one file) to transform + render.\n * @param options Optional theme override, scheme, and `react-native` bindings.\n * @returns Render queries + diagnostic handles.\n */\nexport async function renderWithCss(source: string, options: RenderWithCssOptions = {}): Promise<RenderWithCssResult> {\n  const reactNative = options.reactNative ?? resolveReactNative()\n  const {\n    projectRoot: _projectRoot,\n    transformedSource,\n    cleanup,\n  } = await bootstrapRnwindRuntime({\n    themeCss: options.themeCss,\n    source,\n  })\n  const Component = evaluateRewrittenModule(transformedSource, reactNative)\n  const rendered = TESTING_LIBRARY.render(buildRootElement(Component, options.scheme, options.insets, options.onHaptics))\n  return Object.assign({}, rendered, { transformedSource, cleanup })\n}\n\n/**\n * Render-side counterpart to {@link renderWithCss} for testing hooks in\n * isolation. Pre-registers atoms for the supplied `classNames`, wraps\n * the hook in an optional `<RnwindProvider>`, and forwards to\n * `@testing-library/react-native`'s `renderHook`.\n * @example\n * ```ts\n * const { result, cleanup } = await renderHookWithCss(\n *   () => useCss('bg-primary'),\n *   {\n *     themeCss: `@import 'tailwindcss'; @theme { --color-primary: #6366f1; }`,\n *     classNames: ['bg-primary'],\n *   },\n * )\n * expect(flatten(result.current).backgroundColor).toBe('#6366f1')\n * cleanup()\n * ```\n * @param callback Hook body — same shape as `renderHook(callback)`.\n * @param options Theme, scheme, classNames to pre-register, plus\n *   everything `renderHook` itself accepts (`initialProps`, `wrapper`).\n * @returns `renderHook`'s return value plus a `cleanup` function.\n */\nexport async function renderHookWithCss<Result, Props = unknown>(\n  callback: (props: Props) => Result,\n  options: RenderHookWithCssOptions<Props> = {},\n): Promise<RenderHookWithCssResult<Result, Props>> {\n  const { cleanup } = await bootstrapRnwindRuntime({\n    themeCss: options.themeCss,\n    source: options.classNames && options.classNames.length > 0 ? sourceFromClassNames(options.classNames) : undefined,\n  })\n  const wrapper = composeHookWrapper(options.scheme, options.wrapper as RenderHookWithCssOptions<Props>['wrapper'])\n  const { themeCss: _themeCss, scheme: _scheme, classNames: _classNames, ...hookOptions } = options\n  const rendered = TESTING_LIBRARY.renderHook<Result, Props>(callback, {\n    ...(hookOptions as RenderHookOptions<Props>),\n    wrapper,\n  })\n  return Object.assign({}, rendered, { cleanup })\n}\n\n/**\n * Flatten a React Native style array (or single style object) into one\n * merged record. RN flattens left-to-right (later wins), so the returned\n * record is what the native view manager actually applies.\n * @param styles Style array, single object, or null/undefined.\n * @returns Flat style record.\n */\nexport function flatten(styles: unknown): Record<string, unknown> {\n  if (styles == null) return {}\n  if (Array.isArray(styles)) return Object.assign({}, ...styles.map((entry) => flatten(entry)))\n  if (typeof styles === 'object') return styles as Record<string, unknown>\n  return {}\n}\n"],"names":["generateImport","metroTransform"],"mappings":"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"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "rnwind",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Tailwind for React Native",
-  "author": "samuel.gjabel@gmail.com",
+  "author": "https://github.com/sagltd",
   "license": "MIT",
-  "repository": "https://github.com/samuelgjabel/rnwind",
-  "homepage": "https://github.com/samuelgjabel/rnwind",
+  "repository": "https://github.com/sagltd/rnwind",
+  "homepage": "https://github.com/sagltd/rnwind",
   "keywords": [
     "react-native",
     "tailwind",
@@ -13,30 +13,97 @@
     "styling",
     "rnwind"
   ],
-  "main": "./lib/index.cjs",
-  "module": "./lib/index.mjs",
-  "types": "./lib/index.d.ts",
+  "main": "./lib/cjs/runtime/index.cjs",
+  "module": "./lib/esm/runtime/index.mjs",
+  "types": "./src/runtime/index.ts",
+  "typescript": "./src/runtime/index.ts",
+  "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./lib/index.d.ts",
-      "import": "./lib/index.mjs",
-      "require": "./lib/index.cjs"
-    }
+      "types": "./src/runtime/index.ts",
+      "source": "./src/runtime/index.ts",
+      "typescript": "./src/runtime/index.ts",
+      "import": "./lib/esm/runtime/index.mjs",
+      "require": "./lib/cjs/runtime/index.cjs"
+    },
+    "./metro": {
+      "types": "./src/metro/index.ts",
+      "source": "./src/metro/index.ts",
+      "typescript": "./src/metro/index.ts",
+      "import": "./lib/esm/metro/index.mjs",
+      "require": "./lib/cjs/metro/index.cjs"
+    },
+    "./metro/transformer": {
+      "types": "./src/metro/transformer.ts",
+      "source": "./src/metro/transformer.ts",
+      "typescript": "./src/metro/transformer.ts",
+      "import": "./lib/esm/metro/transformer.mjs",
+      "require": "./lib/cjs/metro/transformer.cjs"
+    },
+    "./testing": {
+      "types": "./src/testing/index.ts",
+      "source": "./src/testing/index.ts",
+      "typescript": "./src/testing/index.ts",
+      "import": "./lib/esm/testing/index.mjs",
+      "require": "./lib/cjs/testing/index.cjs"
+    },
+    "./css": "./preset.css"
   },
   "files": [
     "lib",
+    "preset.css",
     "src"
   ],
   "scripts": {
-    "build": "bun build ./src/index.ts --outdir ./lib --target node --format esm --entry-naming '[dir]/[name].mjs' && bun build ./src/index.ts --outdir ./lib --target node --format cjs --entry-naming '[dir]/[name].cjs' && tsc --project tsconfig.build.json"
+    "build": "rollup -c rollup.config.mjs",
+    "test": "bun test ./__tests__",
+    "test:coverage": "bun test ./__tests__ --coverage",
+    "typecheck": "tsc --noEmit",
+    "lint": "bunx eslint \"src/**/*.{ts,tsx}\" \"__tests__/**/*.{ts,tsx}\" --fix",
+    "format": "prettier --write \"./**/*.{js,jsx,json,ts,tsx}\"",
+    "code-check": "bun run typecheck && bun run lint && bun run test"
   },
   "peerDependencies": {
+    "@testing-library/react-native": "^13.3.3",
     "react": ">=18",
-    "react-native": ">=0.70"
+    "react-native": ">=0.70",
+    "react-native-reanimated": "*",
+    "react-native-safe-area-context": "*"
   },
   "peerDependenciesMeta": {
     "react-native": {
       "optional": false
+    },
+    "react-native-reanimated": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    },
+    "@testing-library/react-native": {
+      "optional": true
     }
+  },
+  "devDependencies": {
+    "@babel/code-frame": "^7.29.0",
+    "@babel/generator": "^7.29.1",
+    "@babel/parser": "^7.29.2",
+    "@babel/traverse": "^7.29.0",
+    "@babel/types": "^7.29.0",
+    "@types/babel__core": "^7.20.5",
+    "@types/babel__generator": "^7.27.0",
+    "@types/babel__traverse": "^7.28.0",
+    "@types/culori": "^4.0.1",
+    "@types/node": "^25.6.0",
+    "metro-babel-transformer": "^0.84.3",
+    "tailwind-variants": "^3.2.2",
+    "tinybench": "^6.0.0"
+  },
+  "dependencies": {
+    "@tailwindcss/node": "^4.2.3",
+    "@tailwindcss/oxide": "^4.2.3",
+    "culori": "^4.0.2",
+    "lightningcss": "^1.32.0",
+    "tailwindcss": "^4.2.3"
   }
 }