rnwind 0.0.1 → 0.0.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.mjs","sources":["../../../../../src/core/parser/color.ts"],"sourcesContent":["import type { CssColor, LABColor } from 'lightningcss'\nimport { formatHex, rgb as culoriRgb } from 'culori'\n\n/**\n * Clamp a 0-255 float to the integer byte range RN color strings accept.\n * @param value Unclamped float (may be negative or above 255).\n * @returns Integer in `[0, 255]`.\n */\nfunction clampByte(value: number): number {\n  if (value < 0) return 0\n  if (value > 255) return 255\n  return Math.round(value)\n}\n\n/**\n * Two-digit hex encoding of a 0-255 byte.\n * @param byte Byte value (may be out-of-range — clamped).\n * @returns Zero-padded two-char hex string.\n */\nfunction byteToHex(byte: number): string {\n  const hex = clampByte(byte).toString(16)\n  return hex.length === 1 ? `0${hex}` : hex\n}\n\n/**\n * Format an integer-RGB triple + alpha as `#rrggbb` or `rgba(r, g, b, a)`.\n * @param r 0-255 red.\n * @param g 0-255 green.\n * @param b 0-255 blue.\n * @param alpha 0-1 alpha.\n * @returns Color string.\n */\nfunction rgbIntsToString(r: number, g: number, b: number, alpha: number): string {\n  if (alpha >= 1) return `#${byteToHex(r)}${byteToHex(g)}${byteToHex(b)}`\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/**\n * Format a float-RGB triple + alpha (CSS `color(srgb …)` forms) as\n * hex/rgba.\n * @param r 0-1 red.\n * @param g 0-1 green.\n * @param b 0-1 blue.\n * @param alpha 0-1 alpha.\n * @returns Color string.\n */\nfunction floatRgbToString(r: number, g: number, b: number, alpha: number): string {\n  return rgbIntsToString(clampByte(r * 255), clampByte(g * 255), clampByte(b * 255), alpha)\n}\n\n/**\n * Dispatch a LAB-family color through culori's hex formatter.\n * @param color Typed LAB-family color.\n * @returns `#rrggbb` string, or `null` when culori couldn't convert.\n */\nfunction culoriHexFor(color: LABColor): string | null {\n  switch (color.type) {\n    case 'oklch': {\n      return formatHex({ mode: 'oklch', l: color.l, c: color.c, h: color.h }) ?? null\n    }\n    case 'oklab': {\n      return formatHex({ mode: 'oklab', l: color.l, a: color.a, b: color.b }) ?? null\n    }\n    case 'lab': {\n      return formatHex({ mode: 'lab', l: color.l, a: color.a, b: color.b }) ?? null\n    }\n    case 'lch': {\n      return formatHex({ mode: 'lch', l: color.l, c: color.c, h: color.h }) ?? null\n    }\n    default: {\n      return null\n    }\n  }\n}\n\n/**\n * Composite a culori-produced sRGB hex with the source alpha into the RN\n * color string. Shared tail for every culori-backed conversion (lab\n * family, XYZ, wide-gamut RGB): opaque → the hex as-is; translucent →\n * `rgba(...)` rebuilt from the hex channels.\n * @param hex sRGB hex from culori, or `null` when culori rejected the color.\n * @param alpha Source alpha (0–1).\n * @returns RN color string.\n */\nfunction withAlpha(hex: string | null, alpha: number): string {\n  if (!hex) return alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent'\n  if (alpha >= 1) return hex\n  const back = culoriRgb(hex)\n  if (!back) return hex\n  return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), alpha)\n}\n\n/**\n * Convert a LAB / LCH / OKLAB / OKLCH color to sRGB hex via culori. RN\n * can't evaluate these modern color spaces at paint time; compile-time\n * lowering to sRGB is the only portable path.\n * @param color Typed lab-family color.\n * @returns Hex or rgba string in sRGB.\n */\nfunction labFamilyToHex(color: LABColor): string {\n  return withAlpha(culoriHexFor(color), color.alpha)\n}\n\n/**\n * Convert a wide-gamut `color(<space> r g b)` triple to sRGB hex via\n * culori. The channels are NOT sRGB — each space (display-p3, rec2020,\n * a98-rgb, prophoto-rgb, srgb-linear) carries its own primaries / transfer\n * function, so a bare `channel * 255` would mis-paint. culori does the\n * gamut + gamma conversion to sRGB.\n * @param mode culori mode key for the source space.\n * @param r Source red (0–1).\n * @param g Source green (0–1).\n * @param b Source blue (0–1).\n * @param alpha Alpha channel (0–1).\n * @returns sRGB color string RN accepts.\n */\nfunction wideGamutToHex(mode: 'lrgb' | 'p3' | 'a98' | 'prophoto' | 'rec2020', r: number, g: number, b: number, alpha: number): string {\n  return withAlpha(formatHex({ mode, r, g, b }) ?? null, alpha)\n}\n\n/**\n * Convert a CSS `color(xyz-d50 …)` / `color(xyz-d65 …)` value to sRGB hex\n * via culori.\n * @param color Typed XYZ color (discriminated by `type`).\n * @param color.type Whether the color is in the D50 or D65 XYZ space.\n * @param color.x CIE X component (0–1).\n * @param color.y CIE Y component (0–1).\n * @param color.z CIE Z component (0–1).\n * @param color.alpha Alpha channel (0–1).\n * @returns `#rrggbb` string, or `'transparent'` when culori rejects it.\n */\nfunction xyzToHex(color: { type: 'xyz-d50' | 'xyz-d65'; x: number; y: number; z: number; alpha: number }): string {\n  const mode = color.type === 'xyz-d50' ? 'xyz50' : 'xyz65'\n  return withAlpha(formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null, color.alpha)\n}\n\n/**\n * Convert a lightningcss `CssColor` to an RN-safe color string. RGB\n * passes through unchanged. LAB / LCH / OKLAB / OKLCH / `color(xyz-…)`\n * forms go through culori to reach sRGB — RN's native view manager only\n * understands sRGB-family strings. SystemColor keywords (`'background'`,\n * `'canvas'`, …) pass through untouched; they have no RN analog and the\n * runtime ignores unknown color strings gracefully.\n * @param color Typed color value.\n * @returns Color string RN accepts.\n */\nexport function cssColorToString(color: CssColor): string {\n  if (typeof color === 'string') return color\n  switch (color.type) {\n    case 'rgb': {\n      return rgbIntsToString(color.r, color.g, color.b, color.alpha)\n    }\n    case 'lab':\n    case 'lch':\n    case 'oklab':\n    case 'oklch': {\n      return labFamilyToHex(color)\n    }\n    case 'srgb': {\n      return floatRgbToString(color.r, color.g, color.b, color.alpha)\n    }\n    case 'srgb-linear': {\n      return wideGamutToHex('lrgb', color.r, color.g, color.b, color.alpha)\n    }\n    case 'display-p3': {\n      return wideGamutToHex('p3', color.r, color.g, color.b, color.alpha)\n    }\n    case 'a98-rgb': {\n      return wideGamutToHex('a98', color.r, color.g, color.b, color.alpha)\n    }\n    case 'prophoto-rgb': {\n      return wideGamutToHex('prophoto', color.r, color.g, color.b, color.alpha)\n    }\n    case 'rec2020': {\n      return wideGamutToHex('rec2020', color.r, color.g, color.b, color.alpha)\n    }\n    case 'xyz-d50':\n    case 'xyz-d65': {\n      return xyzToHex(color)\n    }\n    case 'currentcolor': {\n      return 'currentColor'\n    }\n    case 'light-dark': {\n      return cssColorToString(color.light)\n    }\n    default: {\n      return 'transparent'\n    }\n  }\n}\n"],"names":["culoriRgb"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/** 1 rem = 16 px — matches the CSS default so unit-bare Tailwind spacing stays predictable. */
+export declare const REM_TO_PX = 16;
+export declare const BARE_NUMBER_REGEX: RegExp;
+export declare const LENGTH_PX_REGEX: RegExp;
+export declare const LENGTH_REM_REGEX: RegExp;
+export declare const CALC_RATIO_REGEX: RegExp;
+export declare const CALC_MUL_REGEX: RegExp;
+export declare const KEBAB_BOUNDARY_REGEX: RegExp;

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

@@ -0,0 +1,13 @@
+/** 1 rem = 16 px — matches the CSS default so unit-bare Tailwind spacing stays predictable. */
+const REM_TO_PX = 16;
+// Hot-path regexes hoisted to module scope so they're compiled once per
+// process; an inline literal would recompile on every declaration.
+const BARE_NUMBER_REGEX = /^-?\d+(?:\.\d+)?$/;
+const LENGTH_PX_REGEX = /^(-?\d+(?:\.\d+)?)px$/;
+const LENGTH_REM_REGEX = /^(-?\d+(?:\.\d+)?)rem$/;
+const CALC_RATIO_REGEX = /^calc\(\s*(-?\d+(?:\.\d+)?)\s*\/\s*(-?\d+(?:\.\d+)?)\s*\)$/;
+const CALC_MUL_REGEX = /^calc\(\s*(-?\d+(?:\.\d+)?)(?:px|rem)?\s*\*\s*(-?\d+(?:\.\d+)?)\s*\)$/;
+const KEBAB_BOUNDARY_REGEX = /-([a-z])/g;
+
+export { BARE_NUMBER_REGEX, CALC_MUL_REGEX, CALC_RATIO_REGEX, KEBAB_BOUNDARY_REGEX, LENGTH_PX_REGEX, LENGTH_REM_REGEX, REM_TO_PX };
+//# sourceMappingURL=constants.mjs.map

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 };