rnwind 0.0.1 → 0.0.2

package/lib/esm/core/parser/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../../src/core/parser/constants.ts"],"sourcesContent":["/** 1 rem = 16 px — matches the CSS default so unit-bare Tailwind spacing stays predictable. */\nexport const REM_TO_PX = 16\n\n// Hot-path regexes hoisted to module scope so they're compiled once per\n// process; an inline literal would recompile on every declaration.\nexport const BARE_NUMBER_REGEX = /^-?\\d+(?:\\.\\d+)?$/\nexport const LENGTH_PX_REGEX = /^(-?\\d+(?:\\.\\d+)?)px$/\nexport const LENGTH_REM_REGEX = /^(-?\\d+(?:\\.\\d+)?)rem$/\nexport const CALC_RATIO_REGEX = /^calc\\(\\s*(-?\\d+(?:\\.\\d+)?)\\s*\\/\\s*(-?\\d+(?:\\.\\d+)?)\\s*\\)$/\nexport const CALC_MUL_REGEX = /^calc\\(\\s*(-?\\d+(?:\\.\\d+)?)(?:px|rem)?\\s*\\*\\s*(-?\\d+(?:\\.\\d+)?)\\s*\\)$/\nexport const KEBAB_BOUNDARY_REGEX = /-([a-z])/g\n"],"names":[],"mappings":"AAAA;AACO,MAAM,SAAS,GAAG;AAEzB;AACA;AACO,MAAM,iBAAiB,GAAG;AAC1B,MAAM,eAAe,GAAG;AACxB,MAAM,gBAAgB,GAAG;AACzB,MAAM,gBAAgB,GAAG;AACzB,MAAM,cAAc,GAAG;AACvB,MAAM,oBAAoB,GAAG;;;;"}

package/lib/esm/core/parser/declaration.d.ts

@@ -0,0 +1,15 @@
+import type { Declaration as LcDeclaration } from 'lightningcss';
+import type { RNEntry } from './types';
+/**
+ * Convert one lightningcss `Declaration` into zero-or-more RN style
+ * entries. Shorthand declarations (padding/margin/border-radius/flex) can
+ * emit multiple entries; skipped or unsupported properties emit none.
+ *
+ * The switch branches on `decl.property` so TypeScript narrows
+ * `decl.value` to the exact typed shape for each branch — no casts
+ * required. Unknown properties fall through to `[]`.
+ * @param decl One declaration from a lightningcss style rule.
+ * @param themeVars Optional lookup table for resolving `var(--x)` references inside unparsed values.
+ * @returns Array of `[key, value]` entries.
+ */
+export declare function declarationToRnEntries(decl: LcDeclaration, themeVars?: ReadonlyMap<string, string>): readonly RNEntry[];

package/lib/esm/core/parser/declaration.mjs

@@ -0,0 +1,345 @@
+import { kebabToCamel } from './case-convert.mjs';
+import { cssColorToString } from './color.mjs';
+import { lengthPercentageOrAutoToValue, dimensionPercentageToNumber, gapValueToValue, sizeLikeToValue } from './length.mjs';
+import { flexToEntries, expandBorderRadius, expandLogicalBlock, expandLogicalInline, expandFourSided, expandGap, expandBorderColor } from './shorthand.mjs';
+import { serializeTokens, substituteThemeVars, coerceUnparsedValue } from './tokens.mjs';
+import { fontWeightToValue, fontSizeToPx, displayToEntries, zIndexToNumber } from './typography.mjs';
+import { dispatchMotionDeclaration } from './motion-dispatcher.mjs';
+import { dispatchTypographyDeclaration } from './typography-dispatcher.mjs';
+import { dispatchLayoutDeclaration } from './layout-dispatcher.mjs';
+import { dispatchColorPropertyDeclaration } from './color-properties-dispatcher.mjs';
+import { dispatchBorderDeclaration } from './border-dispatcher.mjs';
+import { detectSafeAreaMarker } from './safe-area.mjs';
+
+/** CSS timing-function properties that need `cubic-bezier(...)` snapping. */
+const TIMING_FUNCTION_PROPS = new Set(['transition-timing-function', 'animation-timing-function']);
+/** CSS easing keywords Reanimated v4's CSS engine accepts as strings. */
+const CSS_EASING_KEYWORDS = new Set(['linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end']);
+/** CSS properties with no useful RN equivalent — silently dropped. */
+const UNSUPPORTED_LOGICAL_PROPS = new Set([
+    'border-inline-style',
+    'border-block-style',
+    'border-inline-start-style',
+    'border-inline-end-style',
+    'border-block-start-style',
+    'border-block-end-style',
+]);
+/**
+ * Pick the closest predefined CSS easing keyword for a `cubic-bezier`
+ * control-point set. Mirrors {@link snapCubicBezierToKeyword} in
+ * `animation.ts` — kept here so the unparsed-string path doesn't need
+ * to import a typed-only helper.
+ * @param x1 First control-point x (0–1).
+ * @param y1 First control-point y (0–1).
+ * @param x2 Second control-point x (0–1).
+ * @param y2 Second control-point y (0–1).
+ * @returns CSS easing keyword.
+ */
+function snapBezier(x1, y1, x2, y2) {
+    const tol = 0.01;
+    const eq = (a, b) => Math.abs(a - b) < tol;
+    if (eq(x1, 0) && eq(y1, 0) && eq(x2, 1) && eq(y2, 1))
+        return 'linear';
+    if (eq(x1, 0.25) && eq(y1, 0.1) && eq(x2, 0.25) && eq(y2, 1))
+        return 'ease';
+    if (eq(x1, 0.4) && eq(y1, 0) && eq(x2, 1) && eq(y2, 1))
+        return 'ease-in';
+    if (eq(x1, 0) && eq(y1, 0) && eq(x2, 0.2) && eq(y2, 1))
+        return 'ease-out';
+    if (eq(x1, 0.4) && eq(y1, 0) && eq(x2, 0.2) && eq(y2, 1))
+        return 'ease-in-out';
+    const startsFlat = x1 < 0.1;
+    const endsFlat = x2 > 0.9;
+    if (startsFlat && !endsFlat)
+        return 'ease-out';
+    if (!startsFlat && endsFlat)
+        return 'ease-in';
+    return 'ease-in-out';
+}
+/**
+ * Snap a cubic-bezier expression string to the closest CSS keyword
+ * Reanimated v4's CSS engine accepts. Strings that already are keywords
+ * pass through unchanged.
+ * @param value Resolved value text from an unparsed timing-function declaration.
+ * @returns CSS easing keyword.
+ */
+function coerceCubicBezierString(value) {
+    const text = value.trim();
+    if (CSS_EASING_KEYWORDS.has(text))
+        return text;
+    const match = /^cubic-bezier\(\s*([\d.-]+)\s*,\s*([\d.-]+)\s*,\s*([\d.-]+)\s*,\s*([\d.-]+)\s*\)$/.exec(text);
+    if (!match)
+        return 'ease-in-out';
+    const [, x1, y1, x2, y2] = match;
+    return snapBezier(Number(x1), Number(y1), Number(x2), Number(y2));
+}
+/**
+ * Fast-path check for the handful of color property names Tailwind emits.
+ * @param property Kebab-case CSS property name.
+ * @returns Whether the property's value should be treated as a color.
+ */
+function isColorProperty(property) {
+    return (property === 'color' ||
+        property === 'background-color' ||
+        (property.startsWith('border-') && property.endsWith('-color')) ||
+        property.endsWith('-color'));
+}
+/**
+ * Convert an unparsed declaration (typical Tailwind v4 output containing
+ * `var()` / `calc()`) into RN entries. Serializes the token list, then
+ * coerces the flat string into a number / keyword / length via a tight
+ * set of shapes Tailwind actually emits.
+ * @param property Real property name (kebab-case).
+ * @param tokens Token list from lightningcss.
+ * @param themeVars Optional lookup table for resolving `var(--x)` references.
+ * @returns RN entries — usually one, empty when unusable.
+ */
+function unparsedToEntries(property, tokens, themeVars) {
+    if (property.length === 0)
+        return [];
+    // Safe-area detection runs BEFORE token serialization because
+    // `env()` serializes to an empty string, which would strip the side
+    // info we need. If the tokens encode a recognised `env(safe-area-inset-*)`
+    // pattern (pure / `max(..., n)` / `calc(...+n)` / `h-screen-safe`),
+    // emit a runtime-resolved marker instead.
+    if (UNSUPPORTED_LOGICAL_PROPS.has(property))
+        return [];
+    const safe = detectSafeAreaMarker(tokens, themeVars);
+    if (safe !== null)
+        return [[kebabToCamel(property), safe]];
+    let text = serializeTokens(tokens);
+    if (themeVars && themeVars.size > 0)
+        text = substituteThemeVars(text, themeVars);
+    const coerced = coerceUnparsedValue(text);
+    if (coerced === null)
+        return [];
+    // Skip values that didn't resolve past their `var()` wrapper — they
+    // came from a `@property --tw-*` token without a real fallback.
+    // Tailwind v4's `border-N` emits `border-style: var(--tw-border-style)`
+    // expecting the cascade to fill it in; in RN we drop them and rely on
+    // RN's default (solid).
+    if (typeof coerced === 'string' && coerced.startsWith('var('))
+        return [];
+    // Logical-direction CSS properties RN doesn't have direct equivalents
+    // for. Keep the dropped names in one place so it's easy to audit.
+    if (UNSUPPORTED_LOGICAL_PROPS.has(property))
+        return [];
+    if (TIMING_FUNCTION_PROPS.has(property) && typeof coerced === 'string') {
+        // `transition-colors` and similar emit `var(--tw-ease, cubic-bezier(...))`
+        // which serializes to a cubic-bezier STRING after substitution.
+        // Reanimated v4's CSS engine rejects those — snap to the closest
+        // predefined keyword (same logic as the typed `EasingFunction` path).
+        return [[kebabToCamel(property), coerceCubicBezierString(coerced)]];
+    }
+    if (isColorProperty(property) && typeof coerced === 'string') {
+        // Resolved user-theme color strings (e.g. `#ff0099`) go straight to
+        // the RN style — no further conversion needed.
+        return [[kebabToCamel(property), coerced]];
+    }
+    return [[kebabToCamel(property), coerced]];
+}
+/**
+ * Convert one lightningcss `Declaration` into zero-or-more RN style
+ * entries. Shorthand declarations (padding/margin/border-radius/flex) can
+ * emit multiple entries; skipped or unsupported properties emit none.
+ *
+ * The switch branches on `decl.property` so TypeScript narrows
+ * `decl.value` to the exact typed shape for each branch — no casts
+ * required. Unknown properties fall through to `[]`.
+ * @param decl One declaration from a lightningcss style rule.
+ * @param themeVars Optional lookup table for resolving `var(--x)` references inside unparsed values.
+ * @returns Array of `[key, value]` entries.
+ */
+function declarationToRnEntries(decl, themeVars) {
+    switch (decl.property) {
+        case 'custom': {
+            // Lightningcss routes two shapes through `custom`:
+            //  - Actual CSS custom properties (`--my-var`): no RN meaning, drop.
+            //  - Real properties it doesn't have a dedicated typed entry for
+            //    (e.g. `object-fit`, `pointer-events`, future CSS keyword-only
+            //    props): treat like an unparsed declaration so the keyword
+            //    surfaces in the RN style.
+            const customName = decl.value.name;
+            if (customName.startsWith('--'))
+                return [];
+            return unparsedToEntries(customName, decl.value.value ?? [], themeVars);
+        }
+        case 'unparsed': {
+            return unparsedToEntries(decl.value.propertyId.property, decl.value.value, themeVars);
+        }
+        case 'color':
+        case 'background-color':
+        case 'border-top-color':
+        case 'border-right-color':
+        case 'border-bottom-color':
+        case 'border-left-color': {
+            // `background-color` narrows to `CssColor | 'background'` — the
+            // literal keyword means UA default. Skip the keyword.
+            if (typeof decl.value === 'string')
+                return [];
+            return [[kebabToCamel(decl.property), cssColorToString(decl.value)]];
+        }
+        case 'border-color': {
+            return expandBorderColor(decl.value);
+        }
+        case 'opacity': {
+            // Lightningcss hands us an `f32` for opacity, so values like `0.8`
+            // round-trip as `0.800000011920929`. Snap to 4 decimals to match the
+            // rest of the parser's numeric convention.
+            return [[decl.property, Math.round(decl.value * 10_000) / 10_000]];
+        }
+        case 'z-index': {
+            return [['zIndex', zIndexToNumber(decl.value)]];
+        }
+        case 'top':
+        case 'right':
+        case 'bottom':
+        case 'left': {
+            const v = lengthPercentageOrAutoToValue(decl.value);
+            if (v === null)
+                return [];
+            return [[decl.property, v]];
+        }
+        case 'inset': {
+            const top = lengthPercentageOrAutoToValue(decl.value.top);
+            const right = lengthPercentageOrAutoToValue(decl.value.right);
+            const bottom = lengthPercentageOrAutoToValue(decl.value.bottom);
+            const left = lengthPercentageOrAutoToValue(decl.value.left);
+            if (top === null || right === null || bottom === null || left === null)
+                return [];
+            return [
+                ['top', top],
+                ['right', right],
+                ['bottom', bottom],
+                ['left', left],
+            ];
+        }
+        case 'inset-inline': {
+            const start = lengthPercentageOrAutoToValue(decl.value.inlineStart);
+            const end = lengthPercentageOrAutoToValue(decl.value.inlineEnd);
+            if (start === null || end === null)
+                return [];
+            return [
+                ['left', start],
+                ['right', end],
+            ];
+        }
+        case 'inset-block': {
+            const start = lengthPercentageOrAutoToValue(decl.value.blockStart);
+            const end = lengthPercentageOrAutoToValue(decl.value.blockEnd);
+            if (start === null || end === null)
+                return [];
+            return [
+                ['top', start],
+                ['bottom', end],
+            ];
+        }
+        case 'width':
+        case 'height':
+        case 'min-width':
+        case 'min-height':
+        case 'max-width':
+        case 'max-height': {
+            const v = sizeLikeToValue(decl.value);
+            if (v === null)
+                return [];
+            return [[kebabToCamel(decl.property), v]];
+        }
+        case 'gap': {
+            return expandGap(decl.value);
+        }
+        case 'row-gap':
+        case 'column-gap': {
+            const v = gapValueToValue(decl.value);
+            if (v === null)
+                return [];
+            return [[kebabToCamel(decl.property), v]];
+        }
+        case 'font-style': {
+            return [['fontStyle', decl.value.type]];
+        }
+        case 'display': {
+            return displayToEntries(decl.value);
+        }
+        case 'position': {
+            return [['position', decl.value.type]];
+        }
+        case 'font-size': {
+            const px = fontSizeToPx(decl.value);
+            if (px === null)
+                return [];
+            return [['fontSize', px]];
+        }
+        case 'font-weight': {
+            return [['fontWeight', fontWeightToValue(decl.value)]];
+        }
+        case 'padding': {
+            return expandFourSided('padding', decl.value);
+        }
+        case 'margin': {
+            return expandFourSided('margin', decl.value);
+        }
+        case 'padding-inline': {
+            return expandLogicalInline('padding', decl.value);
+        }
+        case 'padding-block': {
+            return expandLogicalBlock('padding', decl.value);
+        }
+        case 'margin-inline': {
+            return expandLogicalInline('margin', decl.value);
+        }
+        case 'margin-block': {
+            return expandLogicalBlock('margin', decl.value);
+        }
+        case 'padding-top':
+        case 'padding-right':
+        case 'padding-bottom':
+        case 'padding-left':
+        case 'margin-top':
+        case 'margin-right':
+        case 'margin-bottom':
+        case 'margin-left': {
+            const v = lengthPercentageOrAutoToValue(decl.value);
+            if (v === null)
+                return [];
+            return [[kebabToCamel(decl.property), v]];
+        }
+        case 'border-radius': {
+            return expandBorderRadius(decl.value);
+        }
+        case 'border-top-left-radius':
+        case 'border-top-right-radius':
+        case 'border-bottom-left-radius':
+        case 'border-bottom-right-radius': {
+            const [xAxis] = decl.value;
+            const v = dimensionPercentageToNumber(xAxis);
+            if (v === null)
+                return [];
+            return [[kebabToCamel(decl.property), v]];
+        }
+        case 'flex': {
+            return flexToEntries(decl.value);
+        }
+        case 'flex-grow':
+        case 'flex-shrink': {
+            return [[kebabToCamel(decl.property), decl.value]];
+        }
+        case 'flex-basis': {
+            const v = lengthPercentageOrAutoToValue(decl.value);
+            if (v === null)
+                return [];
+            return [['flexBasis', v]];
+        }
+        default: {
+            return (dispatchLayoutDeclaration(decl) ??
+                dispatchTypographyDeclaration(decl) ??
+                dispatchColorPropertyDeclaration(decl) ??
+                dispatchBorderDeclaration(decl) ??
+                dispatchMotionDeclaration(decl) ??
+                []);
+        }
+    }
+}
+
+export { declarationToRnEntries };
+//# sourceMappingURL=declaration.mjs.map

package/lib/esm/core/parser/declaration.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"declaration.mjs","sources":["../../../../../src/core/parser/declaration.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity -- the main Declaration → RN-entries dispatcher is intentionally a flat switch so each branch keeps its narrowed value type */\nimport type { Declaration as LcDeclaration, TokenOrValue } from 'lightningcss'\nimport { kebabToCamel } from './case-convert'\nimport { cssColorToString } from './color'\nimport { dimensionPercentageToNumber, gapValueToValue, lengthPercentageOrAutoToValue, sizeLikeToValue } from './length'\nimport {\n  expandBorderColor,\n  expandBorderRadius,\n  expandFourSided,\n  expandGap,\n  expandLogicalBlock,\n  expandLogicalInline,\n  flexToEntries,\n} from './shorthand'\nimport { coerceUnparsedValue, serializeTokens, substituteThemeVars } from './tokens'\nimport { displayToEntries, fontSizeToPx, fontWeightToValue, zIndexToNumber } from './typography'\nimport { dispatchMotionDeclaration } from './motion-dispatcher'\nimport { dispatchTypographyDeclaration } from './typography-dispatcher'\nimport { dispatchLayoutDeclaration } from './layout-dispatcher'\nimport { dispatchColorPropertyDeclaration } from './color-properties-dispatcher'\nimport { dispatchBorderDeclaration } from './border-dispatcher'\nimport { detectSafeAreaMarker } from './safe-area'\nimport type { RNEntry } from './types'\n\n/** CSS timing-function properties that need `cubic-bezier(...)` snapping. */\nconst TIMING_FUNCTION_PROPS = new Set(['transition-timing-function', 'animation-timing-function'])\n\n/** CSS easing keywords Reanimated v4's CSS engine accepts as strings. */\nconst CSS_EASING_KEYWORDS = new Set(['linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end'])\n\n/** CSS properties with no useful RN equivalent — silently dropped. */\nconst UNSUPPORTED_LOGICAL_PROPS = new Set([\n  'border-inline-style',\n  'border-block-style',\n  'border-inline-start-style',\n  'border-inline-end-style',\n  'border-block-start-style',\n  'border-block-end-style',\n])\n\n/**\n * Pick the closest predefined CSS easing keyword for a `cubic-bezier`\n * control-point set. Mirrors {@link snapCubicBezierToKeyword} in\n * `animation.ts` — kept here so the unparsed-string path doesn't need\n * to import a typed-only helper.\n * @param x1 First control-point x (0–1).\n * @param y1 First control-point y (0–1).\n * @param x2 Second control-point x (0–1).\n * @param y2 Second control-point y (0–1).\n * @returns CSS easing keyword.\n */\nfunction snapBezier(x1: number, y1: number, x2: number, y2: number): string {\n  const tol = 0.01\n  const eq = (a: number, b: number): boolean => Math.abs(a - b) < tol\n  if (eq(x1, 0) && eq(y1, 0) && eq(x2, 1) && eq(y2, 1)) return 'linear'\n  if (eq(x1, 0.25) && eq(y1, 0.1) && eq(x2, 0.25) && eq(y2, 1)) return 'ease'\n  if (eq(x1, 0.4) && eq(y1, 0) && eq(x2, 1) && eq(y2, 1)) return 'ease-in'\n  if (eq(x1, 0) && eq(y1, 0) && eq(x2, 0.2) && eq(y2, 1)) return 'ease-out'\n  if (eq(x1, 0.4) && eq(y1, 0) && eq(x2, 0.2) && eq(y2, 1)) return 'ease-in-out'\n  const startsFlat = x1 < 0.1\n  const endsFlat = x2 > 0.9\n  if (startsFlat && !endsFlat) return 'ease-out'\n  if (!startsFlat && endsFlat) return 'ease-in'\n  return 'ease-in-out'\n}\n\n/**\n * Snap a cubic-bezier expression string to the closest CSS keyword\n * Reanimated v4's CSS engine accepts. Strings that already are keywords\n * pass through unchanged.\n * @param value Resolved value text from an unparsed timing-function declaration.\n * @returns CSS easing keyword.\n */\nfunction coerceCubicBezierString(value: string): string {\n  const text = value.trim()\n  if (CSS_EASING_KEYWORDS.has(text)) return text\n  const match = /^cubic-bezier\\(\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*\\)$/.exec(text)\n  if (!match) return 'ease-in-out'\n  const [, x1, y1, x2, y2] = match\n  return snapBezier(Number(x1), Number(y1), Number(x2), Number(y2))\n}\n\n/**\n * Fast-path check for the handful of color property names Tailwind emits.\n * @param property Kebab-case CSS property name.\n * @returns Whether the property's value should be treated as a color.\n */\nfunction isColorProperty(property: string): boolean {\n  return (\n    property === 'color' ||\n    property === 'background-color' ||\n    (property.startsWith('border-') && property.endsWith('-color')) ||\n    property.endsWith('-color')\n  )\n}\n\n/**\n * Convert an unparsed declaration (typical Tailwind v4 output containing\n * `var()` / `calc()`) into RN entries. Serializes the token list, then\n * coerces the flat string into a number / keyword / length via a tight\n * set of shapes Tailwind actually emits.\n * @param property Real property name (kebab-case).\n * @param tokens Token list from lightningcss.\n * @param themeVars Optional lookup table for resolving `var(--x)` references.\n * @returns RN entries — usually one, empty when unusable.\n */\nfunction unparsedToEntries(\n  property: string,\n  tokens: readonly TokenOrValue[],\n  themeVars: ReadonlyMap<string, string> | undefined,\n): readonly RNEntry[] {\n  if (property.length === 0) return []\n  // Safe-area detection runs BEFORE token serialization because\n  // `env()` serializes to an empty string, which would strip the side\n  // info we need. If the tokens encode a recognised `env(safe-area-inset-*)`\n  // pattern (pure / `max(..., n)` / `calc(...+n)` / `h-screen-safe`),\n  // emit a runtime-resolved marker instead.\n  if (UNSUPPORTED_LOGICAL_PROPS.has(property)) return []\n  const safe = detectSafeAreaMarker(tokens, themeVars)\n  if (safe !== null) return [[kebabToCamel(property), safe]]\n  let text = serializeTokens(tokens)\n  if (themeVars && themeVars.size > 0) text = substituteThemeVars(text, themeVars)\n  const coerced = coerceUnparsedValue(text)\n  if (coerced === null) return []\n  // Skip values that didn't resolve past their `var()` wrapper — they\n  // came from a `@property --tw-*` token without a real fallback.\n  // Tailwind v4's `border-N` emits `border-style: var(--tw-border-style)`\n  // expecting the cascade to fill it in; in RN we drop them and rely on\n  // RN's default (solid).\n  if (typeof coerced === 'string' && coerced.startsWith('var(')) return []\n  // Logical-direction CSS properties RN doesn't have direct equivalents\n  // for. Keep the dropped names in one place so it's easy to audit.\n  if (UNSUPPORTED_LOGICAL_PROPS.has(property)) return []\n  if (TIMING_FUNCTION_PROPS.has(property) && typeof coerced === 'string') {\n    // `transition-colors` and similar emit `var(--tw-ease, cubic-bezier(...))`\n    // which serializes to a cubic-bezier STRING after substitution.\n    // Reanimated v4's CSS engine rejects those — snap to the closest\n    // predefined keyword (same logic as the typed `EasingFunction` path).\n    return [[kebabToCamel(property), coerceCubicBezierString(coerced)]]\n  }\n  if (isColorProperty(property) && typeof coerced === 'string') {\n    // Resolved user-theme color strings (e.g. `#ff0099`) go straight to\n    // the RN style — no further conversion needed.\n    return [[kebabToCamel(property), coerced]]\n  }\n  return [[kebabToCamel(property), coerced]]\n}\n\n/**\n * Convert one lightningcss `Declaration` into zero-or-more RN style\n * entries. Shorthand declarations (padding/margin/border-radius/flex) can\n * emit multiple entries; skipped or unsupported properties emit none.\n *\n * The switch branches on `decl.property` so TypeScript narrows\n * `decl.value` to the exact typed shape for each branch — no casts\n * required. Unknown properties fall through to `[]`.\n * @param decl One declaration from a lightningcss style rule.\n * @param themeVars Optional lookup table for resolving `var(--x)` references inside unparsed values.\n * @returns Array of `[key, value]` entries.\n */\nexport function declarationToRnEntries(decl: LcDeclaration, themeVars?: ReadonlyMap<string, string>): readonly RNEntry[] {\n  switch (decl.property) {\n    case 'custom': {\n      // Lightningcss routes two shapes through `custom`:\n      //  - Actual CSS custom properties (`--my-var`): no RN meaning, drop.\n      //  - Real properties it doesn't have a dedicated typed entry for\n      //    (e.g. `object-fit`, `pointer-events`, future CSS keyword-only\n      //    props): treat like an unparsed declaration so the keyword\n      //    surfaces in the RN style.\n      const customName = decl.value.name\n      if (customName.startsWith('--')) return []\n      return unparsedToEntries(customName, decl.value.value ?? [], themeVars)\n    }\n    case 'unparsed': {\n      return unparsedToEntries(decl.value.propertyId.property, decl.value.value, themeVars)\n    }\n    case 'color':\n    case 'background-color':\n    case 'border-top-color':\n    case 'border-right-color':\n    case 'border-bottom-color':\n    case 'border-left-color': {\n      // `background-color` narrows to `CssColor | 'background'` — the\n      // literal keyword means UA default. Skip the keyword.\n      if (typeof decl.value === 'string') return []\n      return [[kebabToCamel(decl.property), cssColorToString(decl.value)]]\n    }\n    case 'border-color': {\n      return expandBorderColor(decl.value)\n    }\n    case 'opacity': {\n      // Lightningcss hands us an `f32` for opacity, so values like `0.8`\n      // round-trip as `0.800000011920929`. Snap to 4 decimals to match the\n      // rest of the parser's numeric convention.\n      return [[decl.property, Math.round(decl.value * 10_000) / 10_000]]\n    }\n    case 'z-index': {\n      return [['zIndex', zIndexToNumber(decl.value)]]\n    }\n    case 'top':\n    case 'right':\n    case 'bottom':\n    case 'left': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [[decl.property, v]]\n    }\n    case 'inset': {\n      const top = lengthPercentageOrAutoToValue(decl.value.top)\n      const right = lengthPercentageOrAutoToValue(decl.value.right)\n      const bottom = lengthPercentageOrAutoToValue(decl.value.bottom)\n      const left = lengthPercentageOrAutoToValue(decl.value.left)\n      if (top === null || right === null || bottom === null || left === null) return []\n      return [\n        ['top', top],\n        ['right', right],\n        ['bottom', bottom],\n        ['left', left],\n      ]\n    }\n    case 'inset-inline': {\n      const start = lengthPercentageOrAutoToValue(decl.value.inlineStart)\n      const end = lengthPercentageOrAutoToValue(decl.value.inlineEnd)\n      if (start === null || end === null) return []\n      return [\n        ['left', start],\n        ['right', end],\n      ]\n    }\n    case 'inset-block': {\n      const start = lengthPercentageOrAutoToValue(decl.value.blockStart)\n      const end = lengthPercentageOrAutoToValue(decl.value.blockEnd)\n      if (start === null || end === null) return []\n      return [\n        ['top', start],\n        ['bottom', end],\n      ]\n    }\n    case 'width':\n    case 'height':\n    case 'min-width':\n    case 'min-height':\n    case 'max-width':\n    case 'max-height': {\n      const v = sizeLikeToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'gap': {\n      return expandGap(decl.value)\n    }\n    case 'row-gap':\n    case 'column-gap': {\n      const v = gapValueToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'font-style': {\n      return [['fontStyle', decl.value.type]]\n    }\n    case 'display': {\n      return displayToEntries(decl.value)\n    }\n    case 'position': {\n      return [['position', decl.value.type]]\n    }\n    case 'font-size': {\n      const px = fontSizeToPx(decl.value)\n      if (px === null) return []\n      return [['fontSize', px]]\n    }\n    case 'font-weight': {\n      return [['fontWeight', fontWeightToValue(decl.value)]]\n    }\n    case 'padding': {\n      return expandFourSided('padding', decl.value)\n    }\n    case 'margin': {\n      return expandFourSided('margin', decl.value)\n    }\n    case 'padding-inline': {\n      return expandLogicalInline('padding', decl.value)\n    }\n    case 'padding-block': {\n      return expandLogicalBlock('padding', decl.value)\n    }\n    case 'margin-inline': {\n      return expandLogicalInline('margin', decl.value)\n    }\n    case 'margin-block': {\n      return expandLogicalBlock('margin', decl.value)\n    }\n    case 'padding-top':\n    case 'padding-right':\n    case 'padding-bottom':\n    case 'padding-left':\n    case 'margin-top':\n    case 'margin-right':\n    case 'margin-bottom':\n    case 'margin-left': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'border-radius': {\n      return expandBorderRadius(decl.value)\n    }\n    case 'border-top-left-radius':\n    case 'border-top-right-radius':\n    case 'border-bottom-left-radius':\n    case 'border-bottom-right-radius': {\n      const [xAxis] = decl.value\n      const v = dimensionPercentageToNumber(xAxis)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'flex': {\n      return flexToEntries(decl.value)\n    }\n    case 'flex-grow':\n    case 'flex-shrink': {\n      return [[kebabToCamel(decl.property), decl.value]]\n    }\n    case 'flex-basis': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [['flexBasis', v]]\n    }\n    default: {\n      return (\n        dispatchLayoutDeclaration(decl) ??\n        dispatchTypographyDeclaration(decl) ??\n        dispatchColorPropertyDeclaration(decl) ??\n        dispatchBorderDeclaration(decl) ??\n        dispatchMotionDeclaration(decl) ??\n        []\n      )\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/core/parser/gradient.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Gradient-atom extractor.
+ *
+ * Tailwind v4's gradient system is encoded as a set of CSS custom
+ * properties Tailwind writes onto specific utility class rules:
+ *
+ *   .from-red-500       → `--tw-gradient-from: #ef4444`
+ *   .via-green-500      → `--tw-gradient-via:  #22c55e`
+ *   .to-blue-500        → `--tw-gradient-to:   #3b82f6`
+ *   .bg-gradient-to-r   → `--tw-gradient-position: to right`
+ *   .bg-linear-to-br    → `--tw-gradient-position: to bottom right`
+ *
+ * None of these set properties React Native can render (`backgroundImage:
+ * linear-gradient(...)` is web-only). Instead, rnwind treats them as
+ * **metadata**: the transformer strips gradient atoms from the JSX
+ * site's className and emits `colors={[...]} start={...} end={...}`
+ * props on the original component (user supplies `<LinearGradient>`
+ * from `expo-linear-gradient` or similar).
+ *
+ * This module walks a lightningcss declaration list, notices the
+ * `--tw-gradient-*` writes, and surfaces them as a compact
+ * {@link GradientAtomInfo} record the transformer can read per atom.
+ */
+import type { Declaration as LcDeclaration } from 'lightningcss';
+/**
+ * The four roles an atom can play in a Tailwind v4 gradient. `from`,
+ * `via`, `to` carry a color. `direction` carries one of the 8 stock
+ * points (or a bare angle when Tailwind v4's `bg-linear-[angle]`
+ * syntax is used).
+ */
+export type GradientAtomInfo = {
+    readonly role: 'from';
+    readonly color: string;
+} | {
+    readonly role: 'via';
+    readonly color: string;
+} | {
+    readonly role: 'to';
+    readonly color: string;
+} | {
+    readonly role: 'direction';
+    readonly dir: GradientDirection;
+};
+/**
+ * Eight stock corner directions Tailwind v4 ships. The transformer
+ * maps each to a `(start, end)` pair of unit-square points the
+ * expo-linear-gradient API expects. Unknown directions are surfaced as
+ * `'unknown'` so the transformer can skip them gracefully.
+ */
+export type GradientDirection = 'to-r' | 'to-l' | 'to-t' | 'to-b' | 'to-tr' | 'to-tl' | 'to-br' | 'to-bl' | 'unknown';
+/**
+ * Inspect a rule's declaration list for `--tw-gradient-*` writes and
+ * return the atom's role + data. Returns `null` for rules that don't
+ * belong to a gradient utility.
+ * @param declarations Declarations from one lightningcss style rule.
+ * @returns Gradient info, or null.
+ */
+declare function detectGradientAtom(declarations: readonly LcDeclaration[]): GradientAtomInfo | null;
+export { detectGradientAtom };

package/lib/esm/core/parser/gradient.mjs

@@ -0,0 +1,130 @@
+import { cssColorToString } from './color.mjs';
+
+/**
+ * Gradient-atom extractor.
+ *
+ * Tailwind v4's gradient system is encoded as a set of CSS custom
+ * properties Tailwind writes onto specific utility class rules:
+ *
+ *   .from-red-500       → `--tw-gradient-from: #ef4444`
+ *   .via-green-500      → `--tw-gradient-via:  #22c55e`
+ *   .to-blue-500        → `--tw-gradient-to:   #3b82f6`
+ *   .bg-gradient-to-r   → `--tw-gradient-position: to right`
+ *   .bg-linear-to-br    → `--tw-gradient-position: to bottom right`
+ *
+ * None of these set properties React Native can render (`backgroundImage:
+ * linear-gradient(...)` is web-only). Instead, rnwind treats them as
+ * **metadata**: the transformer strips gradient atoms from the JSX
+ * site's className and emits `colors={[...]} start={...} end={...}`
+ * props on the original component (user supplies `<LinearGradient>`
+ * from `expo-linear-gradient` or similar).
+ *
+ * This module walks a lightningcss declaration list, notices the
+ * `--tw-gradient-*` writes, and surfaces them as a compact
+ * {@link GradientAtomInfo} record the transformer can read per atom.
+ */
+/**
+ * Inspect a rule's declaration list for `--tw-gradient-*` writes and
+ * return the atom's role + data. Returns `null` for rules that don't
+ * belong to a gradient utility.
+ * @param declarations Declarations from one lightningcss style rule.
+ * @returns Gradient info, or null.
+ */
+function detectGradientAtom(declarations) {
+    for (const decl of declarations) {
+        if (decl.property !== 'custom')
+            continue;
+        const custom = decl.value;
+        const name = typeof custom.name === 'string' ? custom.name : custom.name.name;
+        if (!name.startsWith('--tw-gradient-'))
+            continue;
+        if (name === '--tw-gradient-from')
+            return fromColor('from', custom.value);
+        if (name === '--tw-gradient-via')
+            return fromColor('via', custom.value);
+        if (name === '--tw-gradient-to')
+            return fromColor('to', custom.value);
+        if (name === '--tw-gradient-position')
+            return fromDirection(custom.value);
+    }
+    return null;
+}
+/**
+ * Extract a single color token from a custom-property value list and
+ * return the `{role, color}` record. Returns `null` when no color token
+ * is present (defensive — Tailwind always emits one, but future output
+ * shapes may not).
+ * @param role Target role (`from` / `via` / `to`).
+ * @param tokens Value tokens from the `--tw-gradient-*` declaration.
+ * @returns Gradient info, or null.
+ */
+function fromColor(role, tokens) {
+    if (!tokens)
+        return null;
+    for (const token of tokens) {
+        if (token.type !== 'color')
+            continue;
+        const color = cssColorToString(token.value);
+        if (!color)
+            return null;
+        return { role, color };
+    }
+    return null;
+}
+/**
+ * Interpret a `--tw-gradient-position` value list as a direction tag.
+ * Tailwind emits plain idents (`to`, `right`, `bottom`, …) for the
+ * 8 stock corners.
+ * @param tokens Value tokens from `--tw-gradient-position`.
+ * @returns Direction record, or null when unrecognised.
+ */
+function fromDirection(tokens) {
+    if (!tokens)
+        return null;
+    const idents = [];
+    for (const token of tokens) {
+        if (token.type !== 'token')
+            continue;
+        if (token.value.type === 'ident')
+            idents.push(token.value.value);
+    }
+    const dir = directionFromIdents(idents);
+    if (!dir)
+        return null;
+    return { role: 'direction', dir };
+}
+/** Table of Tailwind-space direction idents → compact rnwind tag. */
+const DIRECTION_TABLE = {
+    right: 'to-r',
+    left: 'to-l',
+    top: 'to-t',
+    bottom: 'to-b',
+    'top-right': 'to-tr',
+    'top-left': 'to-tl',
+    'bottom-right': 'to-br',
+    'bottom-left': 'to-bl',
+};
+/**
+ * Collapse the ident list Tailwind emits (`['to', 'right']`,
+ * `['to', 'bottom', 'right']`, etc.) into the compact tag the
+ * transformer hoists.
+ * @param idents Ident tokens from the declaration value.
+ * @returns One of the eight stock directions, `'unknown'`, or null.
+ */
+function directionFromIdents(idents) {
+    if (idents.length === 0)
+        return null;
+    if (idents[0] !== 'to')
+        return 'unknown';
+    // Tailwind v4 appends `in <colourspace>` for colour interpolation
+    // (`to right in oklab`). Strip everything from the `in` keyword on
+    // — it's irrelevant for the point mapping.
+    const inIndex = idents.indexOf('in');
+    const rest = idents.slice(1, inIndex === -1 ? idents.length : inIndex);
+    if (rest.length === 0 || rest.length > 2)
+        return 'unknown';
+    return DIRECTION_TABLE[rest.join('-')] ?? 'unknown';
+}
+
+export { detectGradientAtom };
+//# sourceMappingURL=gradient.mjs.map

package/lib/esm/core/parser/gradient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.mjs","sources":["../../../../../src/core/parser/gradient.ts"],"sourcesContent":["/**\n * Gradient-atom extractor.\n *\n * Tailwind v4's gradient system is encoded as a set of CSS custom\n * properties Tailwind writes onto specific utility class rules:\n *\n *   .from-red-500       → `--tw-gradient-from: #ef4444`\n *   .via-green-500      → `--tw-gradient-via:  #22c55e`\n *   .to-blue-500        → `--tw-gradient-to:   #3b82f6`\n *   .bg-gradient-to-r   → `--tw-gradient-position: to right`\n *   .bg-linear-to-br    → `--tw-gradient-position: to bottom right`\n *\n * None of these set properties React Native can render (`backgroundImage:\n * linear-gradient(...)` is web-only). Instead, rnwind treats them as\n * **metadata**: the transformer strips gradient atoms from the JSX\n * site's className and emits `colors={[...]} start={...} end={...}`\n * props on the original component (user supplies `<LinearGradient>`\n * from `expo-linear-gradient` or similar).\n *\n * This module walks a lightningcss declaration list, notices the\n * `--tw-gradient-*` writes, and surfaces them as a compact\n * {@link GradientAtomInfo} record the transformer can read per atom.\n */\n\nimport type { Declaration as LcDeclaration, TokenOrValue } from 'lightningcss'\nimport { cssColorToString } from './color'\n\n/**\n * The four roles an atom can play in a Tailwind v4 gradient. `from`,\n * `via`, `to` carry a color. `direction` carries one of the 8 stock\n * points (or a bare angle when Tailwind v4's `bg-linear-[angle]`\n * syntax is used).\n */\nexport type GradientAtomInfo =\n  | { readonly role: 'from'; readonly color: string }\n  | { readonly role: 'via'; readonly color: string }\n  | { readonly role: 'to'; readonly color: string }\n  | { readonly role: 'direction'; readonly dir: GradientDirection }\n\n/**\n * Eight stock corner directions Tailwind v4 ships. The transformer\n * maps each to a `(start, end)` pair of unit-square points the\n * expo-linear-gradient API expects. Unknown directions are surfaced as\n * `'unknown'` so the transformer can skip them gracefully.\n */\nexport type GradientDirection =\n  | 'to-r'\n  | 'to-l'\n  | 'to-t'\n  | 'to-b'\n  | 'to-tr'\n  | 'to-tl'\n  | 'to-br'\n  | 'to-bl'\n  | 'unknown'\n\n/**\n * Inspect a rule's declaration list for `--tw-gradient-*` writes and\n * return the atom's role + data. Returns `null` for rules that don't\n * belong to a gradient utility.\n * @param declarations Declarations from one lightningcss style rule.\n * @returns Gradient info, or null.\n */\nfunction detectGradientAtom(declarations: readonly LcDeclaration[]): GradientAtomInfo | null {\n  for (const decl of declarations) {\n    if (decl.property !== 'custom') continue\n    const custom = decl.value as { name: { name: string } | string; value?: readonly TokenOrValue[] }\n    const name = typeof custom.name === 'string' ? custom.name : custom.name.name\n    if (!name.startsWith('--tw-gradient-')) continue\n    if (name === '--tw-gradient-from') return fromColor('from', custom.value)\n    if (name === '--tw-gradient-via') return fromColor('via', custom.value)\n    if (name === '--tw-gradient-to') return fromColor('to', custom.value)\n    if (name === '--tw-gradient-position') return fromDirection(custom.value)\n  }\n  return null\n}\n\n/**\n * Extract a single color token from a custom-property value list and\n * return the `{role, color}` record. Returns `null` when no color token\n * is present (defensive — Tailwind always emits one, but future output\n * shapes may not).\n * @param role Target role (`from` / `via` / `to`).\n * @param tokens Value tokens from the `--tw-gradient-*` declaration.\n * @returns Gradient info, or null.\n */\nfunction fromColor(role: 'from' | 'via' | 'to', tokens: readonly TokenOrValue[] | undefined): GradientAtomInfo | null {\n  if (!tokens) return null\n  for (const token of tokens) {\n    if (token.type !== 'color') continue\n    const color = cssColorToString(token.value as never)\n    if (!color) return null\n    return { role, color } as GradientAtomInfo\n  }\n  return null\n}\n\n/**\n * Interpret a `--tw-gradient-position` value list as a direction tag.\n * Tailwind emits plain idents (`to`, `right`, `bottom`, …) for the\n * 8 stock corners.\n * @param tokens Value tokens from `--tw-gradient-position`.\n * @returns Direction record, or null when unrecognised.\n */\nfunction fromDirection(tokens: readonly TokenOrValue[] | undefined): GradientAtomInfo | null {\n  if (!tokens) return null\n  const idents: string[] = []\n  for (const token of tokens) {\n    if (token.type !== 'token') continue\n    if (token.value.type === 'ident') idents.push(token.value.value as string)\n  }\n  const dir = directionFromIdents(idents)\n  if (!dir) return null\n  return { role: 'direction', dir }\n}\n\n/** Table of Tailwind-space direction idents → compact rnwind tag. */\nconst DIRECTION_TABLE: Record<string, GradientDirection> = {\n  right: 'to-r',\n  left: 'to-l',\n  top: 'to-t',\n  bottom: 'to-b',\n  'top-right': 'to-tr',\n  'top-left': 'to-tl',\n  'bottom-right': 'to-br',\n  'bottom-left': 'to-bl',\n}\n\n/**\n * Collapse the ident list Tailwind emits (`['to', 'right']`,\n * `['to', 'bottom', 'right']`, etc.) into the compact tag the\n * transformer hoists.\n * @param idents Ident tokens from the declaration value.\n * @returns One of the eight stock directions, `'unknown'`, or null.\n */\nfunction directionFromIdents(idents: readonly string[]): GradientDirection | null {\n  if (idents.length === 0) return null\n  if (idents[0] !== 'to') return 'unknown'\n  // Tailwind v4 appends `in <colourspace>` for colour interpolation\n  // (`to right in oklab`). Strip everything from the `in` keyword on\n  // — it's irrelevant for the point mapping.\n  const inIndex = idents.indexOf('in')\n  const rest = idents.slice(1, inIndex === -1 ? idents.length : inIndex)\n  if (rest.length === 0 || rest.length > 2) return 'unknown'\n  return DIRECTION_TABLE[rest.join('-')] ?? 'unknown'\n}\n\nexport { detectGradientAtom }\n"],"names":[],"mappings":"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"}