rnwind 0.0.1 → 0.0.2

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

@@ -0,0 +1,298 @@
+import { BARE_NUMBER_REGEX, REM_TO_PX, LENGTH_PX_REGEX, LENGTH_REM_REGEX, CALC_RATIO_REGEX, CALC_MUL_REGEX } from './constants.mjs';
+import { cssColorToString } from './color.mjs';
+
+/**
+ * Extract the fallback clause of a `var(--name, fallback)` by walking the
+ * string with paren-depth tracking. Linear-time; safe on nested
+ * `var(--a, var(--b, var(--c, 1rem)))` without regex backtracking.
+ * @param text CSS value already trimmed.
+ * @returns Fallback text, or `null` when `text` is not a `var(..., ...)`
+ *   with a fallback.
+ */
+function extractVariableFallback(text) {
+    if (!text.startsWith('var(') || !text.endsWith(')'))
+        return null;
+    const inner = text.slice(4, -1);
+    let depth = 0;
+    for (let index = 0; index < inner.length; index += 1) {
+        const ch = inner[index];
+        if (ch === '(')
+            depth += 1;
+        else if (ch === ')')
+            depth -= 1;
+        else if (ch === ',' && depth === 0)
+            return inner.slice(index + 1).trim();
+    }
+    return null;
+}
+/**
+ * Find the matching `)` for the opening `var(` whose body starts at
+ * `start`. Returns `-1` when the parens are unbalanced.
+ * @param text Source text.
+ * @param start Index just past the opening `var(`.
+ * @returns Index of the matching `)`, or `-1`.
+ */
+function findBalancedParenEnd(text, start) {
+    let depth = 1;
+    for (let index = start; index < text.length; index += 1) {
+        const ch = text[index];
+        if (ch === '(')
+            depth += 1;
+        else if (ch === ')') {
+            depth -= 1;
+            if (depth === 0)
+                return index;
+        }
+    }
+    return -1;
+}
+/**
+ * Resolve a `var(…)` body (the bit between parentheses). Reads the
+ * variable name, then either returns the table lookup or recurses into
+ * the fallback clause. When neither resolves, re-wraps as `var(…)` so
+ * downstream coercion still sees a well-formed reference.
+ * @param body Text between the outer parentheses of a `var()` call.
+ * @param table var → value map.
+ * @returns Substituted text fragment.
+ */
+function resolveVariableBody(body, table) {
+    let depth = 0;
+    let commaIndex = -1;
+    for (const [index, ch] of [...body].entries()) {
+        if (ch === '(')
+            depth += 1;
+        else if (ch === ')')
+            depth -= 1;
+        else if (ch === ',' && depth === 0) {
+            commaIndex = index;
+            break;
+        }
+    }
+    const rawName = (commaIndex === -1 ? body : body.slice(0, commaIndex)).trim();
+    const fallback = commaIndex === -1 ? null : body.slice(commaIndex + 1).trim();
+    const resolved = table.get(rawName);
+    if (resolved !== undefined)
+        return resolved;
+    if (fallback !== null)
+        return substitutePass(fallback, table);
+    return `var(${body})`;
+}
+/**
+ * One pass of left-to-right `var(...)` substitution. Separate from the
+ * fixed-point driver so the recursion depth stays bounded.
+ * @param text Value text to scan.
+ * @param table var → value map.
+ * @returns Value text after one pass.
+ */
+function substitutePass(text, table) {
+    let out = '';
+    let index = 0;
+    while (index < text.length) {
+        const head = text.indexOf('var(', index);
+        if (head === -1) {
+            out += text.slice(index);
+            break;
+        }
+        out += text.slice(index, head);
+        const end = findBalancedParenEnd(text, head + 4);
+        if (end === -1) {
+            out += text.slice(head);
+            break;
+        }
+        const body = text.slice(head + 4, end);
+        out += resolveVariableBody(body, table);
+        index = end + 1;
+    }
+    return out;
+}
+/**
+ * Serialize a list of `TokenOrValue` nodes into a CSS-ish value string.
+ * Preserves the CSS form closely enough for downstream numeric coercion.
+ * @param tokens Token list from an unparsed declaration or custom-property body.
+ * @returns Concatenated CSS-value fragment.
+ */
+function serializeTokens(tokens) {
+    let out = '';
+    for (const token of tokens)
+        out += serializeToken(token);
+    return out.trim();
+}
+/**
+ * Serialize one `TokenOrValue` node back to CSS text. Handles the shapes
+ * Tailwind v4 actually emits in utility-class bodies: raw tokens, `var()`
+ * references, and numeric functions (`calc()`).
+ * @param token One token node.
+ * @returns CSS-value fragment.
+ */
+function serializeToken(token) {
+    switch (token.type) {
+        case 'token': {
+            return serializeRawToken(token.value);
+        }
+        case 'var': {
+            const head = token.value.name.ident;
+            const { fallback } = token.value;
+            if (!fallback || fallback.length === 0)
+                return `var(${head})`;
+            return `var(${head}, ${serializeTokens(fallback)})`;
+        }
+        case 'function': {
+            return `${token.value.name}(${serializeTokens(token.value.arguments)})`;
+        }
+        case 'length': {
+            return `${token.value.value}${token.value.unit}`;
+        }
+        case 'dashed-ident': {
+            return token.value;
+        }
+        case 'angle': {
+            return `${token.value.value}${token.value.type}`;
+        }
+        case 'time': {
+            const unit = token.value.type === 'milliseconds' ? 'ms' : 's';
+            return `${token.value.value}${unit}`;
+        }
+        case 'resolution': {
+            return `${token.value.value}${token.value.type}`;
+        }
+        case 'color': {
+            // Pre-resolved CSS color (`oklch(...)`, `rgb(...)`, etc.) — render
+            // it back to a hex/rgba string RN can read.
+            return cssColorToString(token.value);
+        }
+        case 'env':
+        case 'unresolved-color':
+        case 'url':
+        case 'animation-name': {
+            return '';
+        }
+        default: {
+            return '';
+        }
+    }
+}
+/**
+ * Serialize a raw `Token` back to CSS text. `TokenOrValue` with
+ * `type === 'token'` wraps one of these; the discriminated union lets
+ * TypeScript narrow per branch without casts.
+ * @param token Raw token.
+ * @returns CSS text fragment.
+ */
+function serializeRawToken(token) {
+    switch (token.type) {
+        case 'ident':
+        case 'at-keyword':
+        case 'string':
+        case 'unquoted-url':
+        case 'function': {
+            return token.value;
+        }
+        case 'hash':
+        case 'id-hash': {
+            return `#${token.value}`;
+        }
+        case 'number': {
+            return String(token.value);
+        }
+        case 'percentage': {
+            return `${token.value * 100}%`;
+        }
+        case 'dimension': {
+            return `${token.value}${token.unit}`;
+        }
+        case 'white-space': {
+            return ' ';
+        }
+        case 'delim': {
+            return token.value;
+        }
+        case 'comma': {
+            return ',';
+        }
+        case 'colon':
+        case 'semicolon':
+        case 'parenthesis-block':
+        case 'square-bracket-block':
+        case 'curly-bracket-block':
+        case 'cdo':
+        case 'cdc':
+        case 'include-match':
+        case 'dash-match':
+        case 'prefix-match':
+        case 'suffix-match':
+        case 'substring-match':
+        case 'comment':
+        case 'bad-url':
+        case 'bad-string': {
+            return '';
+        }
+        default: {
+            return '';
+        }
+    }
+}
+/**
+ * Coerce the flat serialization of an unparsed value into an RN scalar.
+ * Handles the shapes Tailwind v4 actually emits: bare numbers, pixel /
+ * rem lengths, calc ratios, and `var(--x, fallback)` where we recurse into
+ * the fallback. Anything else passes through as a string.
+ * @param text Serialized CSS value.
+ * @returns Coerced primitive, or `null` when unrepresentable.
+ */
+function coerceUnparsedValue(text) {
+    const trimmed = text.trim();
+    if (trimmed.length === 0)
+        return null;
+    if (BARE_NUMBER_REGEX.test(trimmed))
+        return Number(trimmed);
+    const px = LENGTH_PX_REGEX.exec(trimmed);
+    if (px)
+        return Number(px[1]);
+    const rem = LENGTH_REM_REGEX.exec(trimmed);
+    if (rem)
+        return Number(rem[1]) * REM_TO_PX;
+    const fallback = extractVariableFallback(trimmed);
+    if (fallback !== null)
+        return coerceUnparsedValue(fallback);
+    const calcRatio = CALC_RATIO_REGEX.exec(trimmed);
+    if (calcRatio) {
+        const right = Number(calcRatio[2]);
+        if (right === 0)
+            return null;
+        return Number(calcRatio[1]) / right;
+    }
+    const calcMul = CALC_MUL_REGEX.exec(trimmed);
+    if (calcMul) {
+        // Unit-aware multiply: `calc(0.5rem * 2)` → 16 (rem scaled to px).
+        // Regex captures `(number)(unit?) * (number)` — the unit is implicit
+        // in the match position; rebuild via the full match text.
+        const unitMatch = /^calc\(\s*-?\d+(?:\.\d+)?(rem|px)?/.exec(trimmed);
+        const unit = unitMatch?.[1];
+        const base = Number(calcMul[1]) * Number(calcMul[2]);
+        return unit === 'rem' ? base * REM_TO_PX : base;
+    }
+    return trimmed;
+}
+/**
+ * Substitute every `var(--name [, fallback])` reference in `text` with
+ * the value from `table` (or the fallback clause when the name misses).
+ * Paren-balanced so nested `var(…)` refs don't confuse the scanner.
+ * Iterates to a fixed point so multi-hop substitutions land in one call
+ * (with a safety cap so a malformed self-referential token can't loop).
+ * @param text Raw CSS value.
+ * @param table var name → resolved value map.
+ * @returns Substituted text.
+ */
+function substituteThemeVars(text, table) {
+    let current = text;
+    for (let pass = 0; pass < 8; pass += 1) {
+        const next = substitutePass(current, table);
+        if (next === current)
+            return next;
+        current = next;
+    }
+    return current;
+}
+
+export { coerceUnparsedValue, serializeRawToken, serializeToken, serializeTokens, substituteThemeVars };
+//# sourceMappingURL=tokens.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.mjs","sources":["../../../../../src/core/parser/tokens.ts"],"sourcesContent":["import type { Token, TokenOrValue } from 'lightningcss'\nimport { BARE_NUMBER_REGEX, CALC_MUL_REGEX, CALC_RATIO_REGEX, LENGTH_PX_REGEX, LENGTH_REM_REGEX, REM_TO_PX } from './constants'\nimport { cssColorToString } from './color'\nimport type { RNStyleValue } from './types'\n\n/**\n * Extract the fallback clause of a `var(--name, fallback)` by walking the\n * string with paren-depth tracking. Linear-time; safe on nested\n * `var(--a, var(--b, var(--c, 1rem)))` without regex backtracking.\n * @param text CSS value already trimmed.\n * @returns Fallback text, or `null` when `text` is not a `var(..., ...)`\n *   with a fallback.\n */\nfunction extractVariableFallback(text: string): string | null {\n  if (!text.startsWith('var(') || !text.endsWith(')')) return null\n  const inner = text.slice(4, -1)\n  let depth = 0\n  for (let index = 0; index < inner.length; index += 1) {\n    const ch = inner[index]\n    if (ch === '(') depth += 1\n    else if (ch === ')') depth -= 1\n    else if (ch === ',' && depth === 0) return inner.slice(index + 1).trim()\n  }\n  return null\n}\n\n/**\n * Find the matching `)` for the opening `var(` whose body starts at\n * `start`. Returns `-1` when the parens are unbalanced.\n * @param text Source text.\n * @param start Index just past the opening `var(`.\n * @returns Index of the matching `)`, or `-1`.\n */\nfunction findBalancedParenEnd(text: string, start: number): number {\n  let depth = 1\n  for (let index = start; index < text.length; index += 1) {\n    const ch = text[index]\n    if (ch === '(') depth += 1\n    else if (ch === ')') {\n      depth -= 1\n      if (depth === 0) return index\n    }\n  }\n  return -1\n}\n\n/**\n * Resolve a `var(…)` body (the bit between parentheses). Reads the\n * variable name, then either returns the table lookup or recurses into\n * the fallback clause. When neither resolves, re-wraps as `var(…)` so\n * downstream coercion still sees a well-formed reference.\n * @param body Text between the outer parentheses of a `var()` call.\n * @param table var → value map.\n * @returns Substituted text fragment.\n */\nfunction resolveVariableBody(body: string, table: ReadonlyMap<string, string>): string {\n  let depth = 0\n  let commaIndex = -1\n  for (const [index, ch] of [...body].entries()) {\n    if (ch === '(') depth += 1\n    else if (ch === ')') depth -= 1\n    else if (ch === ',' && depth === 0) {\n      commaIndex = index\n      break\n    }\n  }\n  const rawName = (commaIndex === -1 ? body : body.slice(0, commaIndex)).trim()\n  const fallback = commaIndex === -1 ? null : body.slice(commaIndex + 1).trim()\n  const resolved = table.get(rawName)\n  if (resolved !== undefined) return resolved\n  if (fallback !== null) return substitutePass(fallback, table)\n  return `var(${body})`\n}\n\n/**\n * One pass of left-to-right `var(...)` substitution. Separate from the\n * fixed-point driver so the recursion depth stays bounded.\n * @param text Value text to scan.\n * @param table var → value map.\n * @returns Value text after one pass.\n */\nfunction substitutePass(text: string, table: ReadonlyMap<string, string>): string {\n  let out = ''\n  let index = 0\n  while (index < text.length) {\n    const head = text.indexOf('var(', index)\n    if (head === -1) {\n      out += text.slice(index)\n      break\n    }\n    out += text.slice(index, head)\n    const end = findBalancedParenEnd(text, head + 4)\n    if (end === -1) {\n      out += text.slice(head)\n      break\n    }\n    const body = text.slice(head + 4, end)\n    out += resolveVariableBody(body, table)\n    index = end + 1\n  }\n  return out\n}\n\n/**\n * Serialize a list of `TokenOrValue` nodes into a CSS-ish value string.\n * Preserves the CSS form closely enough for downstream numeric coercion.\n * @param tokens Token list from an unparsed declaration or custom-property body.\n * @returns Concatenated CSS-value fragment.\n */\nexport function serializeTokens(tokens: readonly TokenOrValue[]): string {\n  let out = ''\n  for (const token of tokens) out += serializeToken(token)\n  return out.trim()\n}\n\n/**\n * Serialize one `TokenOrValue` node back to CSS text. Handles the shapes\n * Tailwind v4 actually emits in utility-class bodies: raw tokens, `var()`\n * references, and numeric functions (`calc()`).\n * @param token One token node.\n * @returns CSS-value fragment.\n */\nexport function serializeToken(token: TokenOrValue): string {\n  switch (token.type) {\n    case 'token': {\n      return serializeRawToken(token.value)\n    }\n    case 'var': {\n      const head = token.value.name.ident\n      const { fallback } = token.value\n      if (!fallback || fallback.length === 0) return `var(${head})`\n      return `var(${head}, ${serializeTokens(fallback)})`\n    }\n    case 'function': {\n      return `${token.value.name}(${serializeTokens(token.value.arguments)})`\n    }\n    case 'length': {\n      return `${token.value.value}${token.value.unit}`\n    }\n    case 'dashed-ident': {\n      return token.value\n    }\n    case 'angle': {\n      return `${token.value.value}${token.value.type}`\n    }\n    case 'time': {\n      const unit = token.value.type === 'milliseconds' ? 'ms' : 's'\n      return `${token.value.value}${unit}`\n    }\n    case 'resolution': {\n      return `${token.value.value}${token.value.type}`\n    }\n    case 'color': {\n      // Pre-resolved CSS color (`oklch(...)`, `rgb(...)`, etc.) — render\n      // it back to a hex/rgba string RN can read.\n      return cssColorToString(token.value)\n    }\n    case 'env':\n    case 'unresolved-color':\n    case 'url':\n    case 'animation-name': {\n      return ''\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\n/**\n * Serialize a raw `Token` back to CSS text. `TokenOrValue` with\n * `type === 'token'` wraps one of these; the discriminated union lets\n * TypeScript narrow per branch without casts.\n * @param token Raw token.\n * @returns CSS text fragment.\n */\nexport function serializeRawToken(token: Token): string {\n  switch (token.type) {\n    case 'ident':\n    case 'at-keyword':\n    case 'string':\n    case 'unquoted-url':\n    case 'function': {\n      return token.value\n    }\n    case 'hash':\n    case 'id-hash': {\n      return `#${token.value}`\n    }\n    case 'number': {\n      return String(token.value)\n    }\n    case 'percentage': {\n      return `${token.value * 100}%`\n    }\n    case 'dimension': {\n      return `${token.value}${token.unit}`\n    }\n    case 'white-space': {\n      return ' '\n    }\n    case 'delim': {\n      return token.value\n    }\n    case 'comma': {\n      return ','\n    }\n    case 'colon':\n    case 'semicolon':\n    case 'parenthesis-block':\n    case 'square-bracket-block':\n    case 'curly-bracket-block':\n    case 'cdo':\n    case 'cdc':\n    case 'include-match':\n    case 'dash-match':\n    case 'prefix-match':\n    case 'suffix-match':\n    case 'substring-match':\n    case 'comment':\n    case 'bad-url':\n    case 'bad-string': {\n      return ''\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\n/**\n * Coerce the flat serialization of an unparsed value into an RN scalar.\n * Handles the shapes Tailwind v4 actually emits: bare numbers, pixel /\n * rem lengths, calc ratios, and `var(--x, fallback)` where we recurse into\n * the fallback. Anything else passes through as a string.\n * @param text Serialized CSS value.\n * @returns Coerced primitive, or `null` when unrepresentable.\n */\nexport function coerceUnparsedValue(text: string): RNStyleValue | null {\n  const trimmed = text.trim()\n  if (trimmed.length === 0) return null\n  if (BARE_NUMBER_REGEX.test(trimmed)) return Number(trimmed)\n  const px = LENGTH_PX_REGEX.exec(trimmed)\n  if (px) return Number(px[1])\n  const rem = LENGTH_REM_REGEX.exec(trimmed)\n  if (rem) return Number(rem[1]) * REM_TO_PX\n  const fallback = extractVariableFallback(trimmed)\n  if (fallback !== null) return coerceUnparsedValue(fallback)\n  const calcRatio = CALC_RATIO_REGEX.exec(trimmed)\n  if (calcRatio) {\n    const right = Number(calcRatio[2])\n    if (right === 0) return null\n    return Number(calcRatio[1]) / right\n  }\n  const calcMul = CALC_MUL_REGEX.exec(trimmed)\n  if (calcMul) {\n    // Unit-aware multiply: `calc(0.5rem * 2)` → 16 (rem scaled to px).\n    // Regex captures `(number)(unit?) * (number)` — the unit is implicit\n    // in the match position; rebuild via the full match text.\n    const unitMatch = /^calc\\(\\s*-?\\d+(?:\\.\\d+)?(rem|px)?/.exec(trimmed)\n    const unit = unitMatch?.[1]\n    const base = Number(calcMul[1]) * Number(calcMul[2])\n    return unit === 'rem' ? base * REM_TO_PX : base\n  }\n  return trimmed\n}\n\n/**\n * Substitute every `var(--name [, fallback])` reference in `text` with\n * the value from `table` (or the fallback clause when the name misses).\n * Paren-balanced so nested `var(…)` refs don't confuse the scanner.\n * Iterates to a fixed point so multi-hop substitutions land in one call\n * (with a safety cap so a malformed self-referential token can't loop).\n * @param text Raw CSS value.\n * @param table var name → resolved value map.\n * @returns Substituted text.\n */\nexport function substituteThemeVars(text: string, table: ReadonlyMap<string, string>): string {\n  let current = text\n  for (let pass = 0; pass < 8; pass += 1) {\n    const next = substitutePass(current, table)\n    if (next === current) return next\n    current = next\n  }\n  return current\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import type { Rotate, Scale, Transform, Translate } from 'lightningcss';
+import type { RNEntry } from './types';
+/**
+ * Convert lightningcss's typed `transform: ...` value into RN's
+ * `transform: [{ op: value }, ...]` array. RN supports a restricted subset
+ * of CSS transforms — this function picks out the ones it actually
+ * handles and drops the rest.
+ *
+ * Reanimated v4's CSS engine reads this same array shape, so the output
+ * is drop-in for both static RN `style` props and `Animated.View` styles.
+ * @param fns Typed transform function list.
+ * @returns Zero-or-one RN entry with the `transform` array.
+ */
+export declare function transformFunctionsToEntries(fns: readonly Transform[]): readonly RNEntry[];
+/**
+ * Convert Tailwind v4's typed `rotate: ...` (individual property) into
+ * the RN transform array. Tailwind's `rotate-*` utilities emit this
+ * property rather than the classic `transform: rotate(...)` shorthand.
+ * @param value Typed rotate value.
+ * @returns Zero-or-one RN entry.
+ */
+export declare function rotateToEntries(value: Rotate | 'none'): readonly RNEntry[];
+/**
+ * Convert Tailwind v4's typed `translate: ...` into the RN transform
+ * array. Both axes are emitted as separate ops so each is independently
+ * animatable by Reanimated.
+ * @param value Typed translate value.
+ * @returns Zero-or-one RN entry.
+ */
+export declare function translateToEntries(value: Translate | 'none'): readonly RNEntry[];
+/**
+ * Convert Tailwind v4's typed `scale: ...` into the RN transform array.
+ * @param value Typed scale value.
+ * @returns Zero-or-one RN entry.
+ */
+export declare function scaleToEntries(value: Scale | 'none'): readonly RNEntry[];

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

@@ -0,0 +1,193 @@
+import { lengthToPx } from './length.mjs';
+
+/**
+ * Map a single typed transform function into zero-or-more RN transform
+ * operations. Compound ops (like `translate`, `scale`, `skew`) expand
+ * into per-axis entries the way RN expects them.
+ * @param fn Typed transform function.
+ * @returns RN transform operations.
+ */
+function mapTransformFunction(fn) {
+    switch (fn.type) {
+        case 'rotate':
+        case 'rotateZ': {
+            return [{ rotate: angleToString(fn.value) }];
+        }
+        case 'rotateX': {
+            return [{ rotateX: angleToString(fn.value) }];
+        }
+        case 'rotateY': {
+            return [{ rotateY: angleToString(fn.value) }];
+        }
+        case 'scale': {
+            const [x, y] = fn.value;
+            return [{ scaleX: numberOrPercentageToNumber(x) }, { scaleY: numberOrPercentageToNumber(y) }];
+        }
+        case 'scaleX': {
+            return [{ scaleX: numberOrPercentageToNumber(fn.value) }];
+        }
+        case 'scaleY': {
+            return [{ scaleY: numberOrPercentageToNumber(fn.value) }];
+        }
+        case 'translateX': {
+            return [{ translateX: lengthOrPercentToNumber(fn.value) }];
+        }
+        case 'translateY': {
+            return [{ translateY: lengthOrPercentToNumber(fn.value) }];
+        }
+        case 'translate': {
+            const [x, y] = fn.value;
+            const out = [{ translateX: lengthOrPercentToNumber(x) }];
+            if (y)
+                out.push({ translateY: lengthOrPercentToNumber(y) });
+            return out;
+        }
+        case 'translate3d': {
+            const [x, y] = fn.value;
+            return [{ translateX: lengthOrPercentToNumber(x) }, { translateY: lengthOrPercentToNumber(y) }];
+        }
+        case 'skew': {
+            const [x, y] = fn.value;
+            const out = [{ skewX: angleToString(x) }];
+            if (y)
+                out.push({ skewY: angleToString(y) });
+            return out;
+        }
+        case 'skewX': {
+            return [{ skewX: angleToString(fn.value) }];
+        }
+        case 'skewY': {
+            return [{ skewY: angleToString(fn.value) }];
+        }
+        default: {
+            // RN doesn't have a direct equivalent for `matrix()` / `matrix3d()` /
+            // `perspective()` at the transform-op level — skip silently. Tailwind's
+            // generated transforms stay within rotate/translate/scale/skew.
+            return null;
+        }
+    }
+}
+/**
+ * Serialize a typed angle into the CSS degree string RN accepts
+ * (`'45deg'`, `'0.5turn'` → `'180deg'`).
+ * @param angle Typed angle.
+ * @returns Degree string.
+ */
+function angleToString(angle) {
+    switch (angle.type) {
+        case 'deg': {
+            return `${formatNumber(angle.value)}deg`;
+        }
+        case 'rad': {
+            return `${formatNumber((angle.value * 180) / Math.PI)}deg`;
+        }
+        case 'grad': {
+            return `${formatNumber((angle.value * 360) / 400)}deg`;
+        }
+        case 'turn': {
+            return `${formatNumber(angle.value * 360)}deg`;
+        }
+        default: {
+            return '0deg';
+        }
+    }
+}
+/**
+ * Convert a `NumberOrPercentage` to a plain number. Percentages become
+ * their fractional equivalent (e.g. `50%` → `0.5`).
+ * @param value Typed value.
+ * @returns Plain number.
+ */
+function numberOrPercentageToNumber(value) {
+    if (value.type === 'percentage')
+        return value.value;
+    return value.value;
+}
+/**
+ * Convert a length-or-percentage used by translate into the shape RN
+ * accepts (`number` for px, `string` for `%`). Percentages stay as
+ * strings so RN layout can resolve them against the element size.
+ * @param value Typed length or percentage.
+ * @returns RN-style translate value.
+ */
+function lengthOrPercentToNumber(value) {
+    if (value.type === 'dimension')
+        return lengthToPx(value.value);
+    if (value.type === 'value')
+        return lengthToPx(value.value);
+    if (value.type === 'percentage')
+        return `${formatNumber(value.value * 100)}%`;
+    return 0;
+}
+/**
+ * Render a number without trailing IEEE noise.
+ * @param value Number to format.
+ * @returns Compact string form.
+ */
+function formatNumber(value) {
+    const rounded = Math.round(value * 10_000) / 10_000;
+    return String(rounded);
+}
+/**
+ * Convert lightningcss's typed `transform: ...` value into RN's
+ * `transform: [{ op: value }, ...]` array. RN supports a restricted subset
+ * of CSS transforms — this function picks out the ones it actually
+ * handles and drops the rest.
+ *
+ * Reanimated v4's CSS engine reads this same array shape, so the output
+ * is drop-in for both static RN `style` props and `Animated.View` styles.
+ * @param fns Typed transform function list.
+ * @returns Zero-or-one RN entry with the `transform` array.
+ */
+function transformFunctionsToEntries(fns) {
+    const ops = [];
+    for (const fn of fns) {
+        const mapped = mapTransformFunction(fn);
+        if (mapped)
+            ops.push(...mapped);
+    }
+    if (ops.length === 0)
+        return [];
+    return [['transform', ops]];
+}
+/**
+ * Convert Tailwind v4's typed `rotate: ...` (individual property) into
+ * the RN transform array. Tailwind's `rotate-*` utilities emit this
+ * property rather than the classic `transform: rotate(...)` shorthand.
+ * @param value Typed rotate value.
+ * @returns Zero-or-one RN entry.
+ */
+function rotateToEntries(value) {
+    if (value === 'none')
+        return [];
+    return [['transform', [{ rotate: angleToString(value.angle) }]]];
+}
+/**
+ * Convert Tailwind v4's typed `translate: ...` into the RN transform
+ * array. Both axes are emitted as separate ops so each is independently
+ * animatable by Reanimated.
+ * @param value Typed translate value.
+ * @returns Zero-or-one RN entry.
+ */
+function translateToEntries(value) {
+    if (value === 'none')
+        return [];
+    const ops = [{ translateX: lengthOrPercentToNumber(value.x) }];
+    const yNumber = lengthOrPercentToNumber(value.y);
+    if (yNumber !== 0)
+        ops.push({ translateY: yNumber });
+    return [['transform', ops]];
+}
+/**
+ * Convert Tailwind v4's typed `scale: ...` into the RN transform array.
+ * @param value Typed scale value.
+ * @returns Zero-or-one RN entry.
+ */
+function scaleToEntries(value) {
+    if (value === 'none')
+        return [];
+    return [['transform', [{ scaleX: numberOrPercentageToNumber(value.x) }, { scaleY: numberOrPercentageToNumber(value.y) }]]];
+}
+
+export { rotateToEntries, scaleToEntries, transformFunctionsToEntries, translateToEntries };
+//# sourceMappingURL=transform.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.mjs","sources":["../../../../../src/core/parser/transform.ts"],"sourcesContent":["import type { Angle, LengthValue, NumberOrPercentage, Rotate, Scale, Transform, Translate } from 'lightningcss'\nimport type { RNEntry } from './types'\nimport { lengthToPx } from './length'\n\ntype RnTransformRecord = Record<string, string | number>\n\ntype DimensionPercent =\n  | { type: 'dimension'; value: LengthValue }\n  | { type: 'percentage'; value: number }\n  | { type: 'calc'; value: unknown }\n\n/**\n * Map a single typed transform function into zero-or-more RN transform\n * operations. Compound ops (like `translate`, `scale`, `skew`) expand\n * into per-axis entries the way RN expects them.\n * @param fn Typed transform function.\n * @returns RN transform operations.\n */\nfunction mapTransformFunction(fn: Transform): RnTransformRecord[] | null {\n  switch (fn.type) {\n    case 'rotate':\n    case 'rotateZ': {\n      return [{ rotate: angleToString(fn.value) }]\n    }\n    case 'rotateX': {\n      return [{ rotateX: angleToString(fn.value) }]\n    }\n    case 'rotateY': {\n      return [{ rotateY: angleToString(fn.value) }]\n    }\n    case 'scale': {\n      const [x, y] = fn.value\n      return [{ scaleX: numberOrPercentageToNumber(x) }, { scaleY: numberOrPercentageToNumber(y) }]\n    }\n    case 'scaleX': {\n      return [{ scaleX: numberOrPercentageToNumber(fn.value) }]\n    }\n    case 'scaleY': {\n      return [{ scaleY: numberOrPercentageToNumber(fn.value) }]\n    }\n    case 'translateX': {\n      return [{ translateX: lengthOrPercentToNumber(fn.value) }]\n    }\n    case 'translateY': {\n      return [{ translateY: lengthOrPercentToNumber(fn.value) }]\n    }\n    case 'translate': {\n      const [x, y] = fn.value\n      const out: RnTransformRecord[] = [{ translateX: lengthOrPercentToNumber(x) }]\n      if (y) out.push({ translateY: lengthOrPercentToNumber(y) })\n      return out\n    }\n    case 'translate3d': {\n      const [x, y] = fn.value\n      return [{ translateX: lengthOrPercentToNumber(x) }, { translateY: lengthOrPercentToNumber(y) }]\n    }\n    case 'skew': {\n      const [x, y] = fn.value\n      const out: RnTransformRecord[] = [{ skewX: angleToString(x) }]\n      if (y) out.push({ skewY: angleToString(y) })\n      return out\n    }\n    case 'skewX': {\n      return [{ skewX: angleToString(fn.value) }]\n    }\n    case 'skewY': {\n      return [{ skewY: angleToString(fn.value) }]\n    }\n    default: {\n      // RN doesn't have a direct equivalent for `matrix()` / `matrix3d()` /\n      // `perspective()` at the transform-op level — skip silently. Tailwind's\n      // generated transforms stay within rotate/translate/scale/skew.\n      return null\n    }\n  }\n}\n\n/**\n * Serialize a typed angle into the CSS degree string RN accepts\n * (`'45deg'`, `'0.5turn'` → `'180deg'`).\n * @param angle Typed angle.\n * @returns Degree string.\n */\nfunction angleToString(angle: Angle): string {\n  switch (angle.type) {\n    case 'deg': {\n      return `${formatNumber(angle.value)}deg`\n    }\n    case 'rad': {\n      return `${formatNumber((angle.value * 180) / Math.PI)}deg`\n    }\n    case 'grad': {\n      return `${formatNumber((angle.value * 360) / 400)}deg`\n    }\n    case 'turn': {\n      return `${formatNumber(angle.value * 360)}deg`\n    }\n    default: {\n      return '0deg'\n    }\n  }\n}\n\n/**\n * Convert a `NumberOrPercentage` to a plain number. Percentages become\n * their fractional equivalent (e.g. `50%` → `0.5`).\n * @param value Typed value.\n * @returns Plain number.\n */\nfunction numberOrPercentageToNumber(value: NumberOrPercentage): number {\n  if (value.type === 'percentage') return value.value\n  return value.value\n}\n\n/**\n * Convert a length-or-percentage used by translate into the shape RN\n * accepts (`number` for px, `string` for `%`). Percentages stay as\n * strings so RN layout can resolve them against the element size.\n * @param value Typed length or percentage.\n * @returns RN-style translate value.\n */\nfunction lengthOrPercentToNumber(value: DimensionPercent | { type: 'value'; value: LengthValue }): number | string {\n  if (value.type === 'dimension') return lengthToPx(value.value)\n  if (value.type === 'value') return lengthToPx(value.value)\n  if (value.type === 'percentage') return `${formatNumber(value.value * 100)}%`\n  return 0\n}\n\n/**\n * Render a number without trailing IEEE noise.\n * @param value Number to format.\n * @returns Compact string form.\n */\nfunction formatNumber(value: number): string {\n  const rounded = Math.round(value * 10_000) / 10_000\n  return String(rounded)\n}\n\n/**\n * Convert lightningcss's typed `transform: ...` value into RN's\n * `transform: [{ op: value }, ...]` array. RN supports a restricted subset\n * of CSS transforms — this function picks out the ones it actually\n * handles and drops the rest.\n *\n * Reanimated v4's CSS engine reads this same array shape, so the output\n * is drop-in for both static RN `style` props and `Animated.View` styles.\n * @param fns Typed transform function list.\n * @returns Zero-or-one RN entry with the `transform` array.\n */\nexport function transformFunctionsToEntries(fns: readonly Transform[]): readonly RNEntry[] {\n  const ops: RnTransformRecord[] = []\n  for (const fn of fns) {\n    const mapped = mapTransformFunction(fn)\n    if (mapped) ops.push(...mapped)\n  }\n  if (ops.length === 0) return []\n  return [['transform', ops]]\n}\n\n/**\n * Convert Tailwind v4's typed `rotate: ...` (individual property) into\n * the RN transform array. Tailwind's `rotate-*` utilities emit this\n * property rather than the classic `transform: rotate(...)` shorthand.\n * @param value Typed rotate value.\n * @returns Zero-or-one RN entry.\n */\nexport function rotateToEntries(value: Rotate | 'none'): readonly RNEntry[] {\n  if (value === 'none') return []\n  return [['transform', [{ rotate: angleToString(value.angle) }]]]\n}\n\n/**\n * Convert Tailwind v4's typed `translate: ...` into the RN transform\n * array. Both axes are emitted as separate ops so each is independently\n * animatable by Reanimated.\n * @param value Typed translate value.\n * @returns Zero-or-one RN entry.\n */\nexport function translateToEntries(value: Translate | 'none'): readonly RNEntry[] {\n  if (value === 'none') return []\n  const ops: RnTransformRecord[] = [{ translateX: lengthOrPercentToNumber(value.x) }]\n  const yNumber = lengthOrPercentToNumber(value.y)\n  if (yNumber !== 0) ops.push({ translateY: yNumber })\n  return [['transform', ops]]\n}\n\n/**\n * Convert Tailwind v4's typed `scale: ...` into the RN transform array.\n * @param value Typed scale value.\n * @returns Zero-or-one RN entry.\n */\nexport function scaleToEntries(value: Scale | 'none'): readonly RNEntry[] {\n  if (value === 'none') return []\n  return [['transform', [{ scaleX: numberOrPercentageToNumber(value.x) }, { scaleY: numberOrPercentageToNumber(value.y) }]]]\n}\n"],"names":[],"mappings":"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"}