rnwind 0.0.2 → 0.0.4

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

@@ -3,8 +3,11 @@ import { lengthPercentageOrAutoToValue, dimensionPercentageToNumber, gapValueToV
 
 /**
  * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to
- * RN entries. When all four sides share the same converted value, collapse
- * to the single-key shorthand RN accepts; otherwise emit four longhands.
+ * RN entries. Collapses progressively for a smaller emitted style:
+ * - all four equal → single `padding` / `margin`
+ * - matching axes → `paddingHorizontal` + `paddingVertical`
+ * - one matching axis → that axis collapsed, opposite axis as longhands
+ * - otherwise → four longhands
  * @param property `'padding'` or `'margin'`.
  * @param value Typed shorthand record.
  * @returns RN entries.
@@ -18,6 +21,28 @@ function expandFourSided(property, value) {
         return [];
     if (top === right && right === bottom && bottom === left)
         return [[property, top]];
+    const horizontalEqual = left === right;
+    const verticalEqual = top === bottom;
+    if (horizontalEqual && verticalEqual) {
+        return [
+            [`${property}Vertical`, top],
+            [`${property}Horizontal`, left],
+        ];
+    }
+    if (horizontalEqual) {
+        return [
+            [`${property}Top`, top],
+            [`${property}Bottom`, bottom],
+            [`${property}Horizontal`, left],
+        ];
+    }
+    if (verticalEqual) {
+        return [
+            [`${property}Vertical`, top],
+            [`${property}Right`, right],
+            [`${property}Left`, left],
+        ];
+    }
     return [
         [`${property}Top`, top],
         [`${property}Right`, right],
@@ -27,8 +52,10 @@ function expandFourSided(property, value) {
 }
 /**
  * Expand `padding-inline` / `margin-inline` (logical property) into RN's
- * physical left / right pair. RN has no RTL-aware logical props at the
- * style-object level, so we lower at compile time.
+ * physical pair. RN has no RTL-aware logical props at the style-object
+ * level, so we lower at compile time. When both sides match, emit the
+ * single `paddingHorizontal` / `marginHorizontal` shorthand for a more
+ * compact style.
  * @param property `'padding'` or `'margin'`.
  * @param value Typed inline shorthand.
  * @returns RN entries.
@@ -38,6 +65,8 @@ function expandLogicalInline(property, value) {
     const end = lengthPercentageOrAutoToValue(value.inlineEnd);
     if (start === null || end === null)
         return [];
+    if (start === end)
+        return [[`${property}Horizontal`, start]];
     return [
         [`${property}Left`, start],
         [`${property}Right`, end],
@@ -45,7 +74,8 @@ function expandLogicalInline(property, value) {
 }
 /**
  * Expand `padding-block` / `margin-block` (logical property) into RN's
- * physical top / bottom pair.
+ * physical pair. When both sides match, emit `paddingVertical` /
+ * `marginVertical` for a more compact style.
  * @param property `'padding'` or `'margin'`.
  * @param value Typed block shorthand.
  * @returns RN entries.
@@ -55,6 +85,8 @@ function expandLogicalBlock(property, value) {
     const end = lengthPercentageOrAutoToValue(value.blockEnd);
     if (start === null || end === null)
         return [];
+    if (start === end)
+        return [[`${property}Vertical`, start]];
     return [
         [`${property}Top`, start],
         [`${property}Bottom`, end],

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

@@ -1 +1 @@
-{"version":3,"file":"shorthand.mjs","sources":["../../../../../src/core/parser/shorthand.ts"],"sourcesContent":["import type {\n  BorderColor,\n  BorderRadius,\n  Flex,\n  Gap,\n  Margin,\n  MarginBlock,\n  MarginInline,\n  Padding,\n  PaddingBlock,\n  PaddingInline,\n} from 'lightningcss'\nimport { cssColorToString } from './color'\nimport { dimensionPercentageToNumber, gapValueToValue, lengthPercentageOrAutoToValue } from './length'\nimport type { RNEntry } from './types'\n\n/**\n * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to\n * RN entries. When all four sides share the same converted value, collapse\n * to the single-key shorthand RN accepts; otherwise emit four longhands.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed shorthand record.\n * @returns RN entries.\n */\nexport function expandFourSided(property: 'padding' | 'margin', value: Padding | Margin): readonly RNEntry[] {\n  const top = lengthPercentageOrAutoToValue(value.top)\n  const right = lengthPercentageOrAutoToValue(value.right)\n  const bottom = lengthPercentageOrAutoToValue(value.bottom)\n  const left = lengthPercentageOrAutoToValue(value.left)\n  if (top === null || right === null || bottom === null || left === null) return []\n  if (top === right && right === bottom && bottom === left) return [[property, top]]\n  return [\n    [`${property}Top`, top],\n    [`${property}Right`, right],\n    [`${property}Bottom`, bottom],\n    [`${property}Left`, left],\n  ]\n}\n\n/**\n * Expand `padding-inline` / `margin-inline` (logical property) into RN's\n * physical left / right pair. RN has no RTL-aware logical props at the\n * style-object level, so we lower at compile time.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed inline shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalInline(property: 'padding' | 'margin', value: PaddingInline | MarginInline): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.inlineStart)\n  const end = lengthPercentageOrAutoToValue(value.inlineEnd)\n  if (start === null || end === null) return []\n  return [\n    [`${property}Left`, start],\n    [`${property}Right`, end],\n  ]\n}\n\n/**\n * Expand `padding-block` / `margin-block` (logical property) into RN's\n * physical top / bottom pair.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed block shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalBlock(property: 'padding' | 'margin', value: PaddingBlock | MarginBlock): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.blockStart)\n  const end = lengthPercentageOrAutoToValue(value.blockEnd)\n  if (start === null || end === null) return []\n  return [\n    [`${property}Top`, start],\n    [`${property}Bottom`, end],\n  ]\n}\n\n/**\n * Expand a `border-radius` shorthand into RN corner entries. Each corner\n * is a 2-tuple `[x, y]` in lightningcss; RN exposes one radius per corner\n * so we use the x-axis. When all four corners match, collapse to the\n * single `borderRadius` key.\n * @param value Typed `BorderRadius` record.\n * @returns RN entries.\n */\nexport function expandBorderRadius(value: BorderRadius): readonly RNEntry[] {\n  const corners: Array<[string, number | string | null]> = [\n    ['borderTopLeftRadius', dimensionPercentageToNumber(value.topLeft[0])],\n    ['borderTopRightRadius', dimensionPercentageToNumber(value.topRight[0])],\n    ['borderBottomRightRadius', dimensionPercentageToNumber(value.bottomRight[0])],\n    ['borderBottomLeftRadius', dimensionPercentageToNumber(value.bottomLeft[0])],\n  ]\n  const [first] = corners\n  if (first?.[1] == null) return []\n  if (corners.every(([, v]) => v === first[1])) return [['borderRadius', first[1]]]\n  return corners.filter((entry): entry is [string, number | string] => entry[1] !== null)\n}\n\n/**\n * Expand a `border-color` shorthand into RN longhands. When all four\n * sides match, collapse to a single `borderColor`; otherwise emit per-side\n * props.\n * @param value Typed `BorderColor` record.\n * @returns RN entries.\n */\nexport function expandBorderColor(value: BorderColor): readonly RNEntry[] {\n  const top = cssColorToString(value.top)\n  const right = cssColorToString(value.right)\n  const bottom = cssColorToString(value.bottom)\n  const left = cssColorToString(value.left)\n  if (top === right && right === bottom && bottom === left) return [['borderColor', top]]\n  return [\n    ['borderTopColor', top],\n    ['borderRightColor', right],\n    ['borderBottomColor', bottom],\n    ['borderLeftColor', left],\n  ]\n}\n\n/**\n * Expand `gap` shorthand (`{row, column}`) into RN entries. When both\n * axes equal the same value collapse to the single `gap` key; otherwise\n * emit `rowGap` + `columnGap`.\n * @param value Typed `Gap` record.\n * @returns RN entries.\n */\nexport function expandGap(value: Gap): readonly RNEntry[] {\n  const row = gapValueToValue(value.row)\n  const column = gapValueToValue(value.column)\n  if (row === null || column === null) return []\n  if (row === column) return [['gap', row]]\n  return [\n    ['rowGap', row],\n    ['columnGap', column],\n  ]\n}\n\n/**\n * Convert `Flex` shorthand to RN entries. When the shape matches `flex:\n * 1` (`{grow:1, shrink:1, basis: 0%}`), emit the single `flex` key RN\n * understands. Otherwise expand to the three longhands.\n * @param value Typed `Flex` record.\n * @returns RN entries.\n */\nexport function flexToEntries(value: Flex): readonly RNEntry[] {\n  const basis = lengthPercentageOrAutoToValue(value.basis)\n  if (basis === null) return []\n  if (value.grow === 1 && value.shrink === 1 && basis === '0%') return [['flex', 1]]\n  const entries: RNEntry[] = [\n    ['flexGrow', value.grow],\n    ['flexShrink', value.shrink],\n  ]\n  if (basis !== 'auto') entries.push(['flexBasis', basis])\n  return entries\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"shorthand.mjs","sources":["../../../../../src/core/parser/shorthand.ts"],"sourcesContent":["import type {\n  BorderColor,\n  BorderRadius,\n  Flex,\n  Gap,\n  Margin,\n  MarginBlock,\n  MarginInline,\n  Padding,\n  PaddingBlock,\n  PaddingInline,\n} from 'lightningcss'\nimport { cssColorToString } from './color'\nimport { dimensionPercentageToNumber, gapValueToValue, lengthPercentageOrAutoToValue } from './length'\nimport type { RNEntry } from './types'\n\n/**\n * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to\n * RN entries. Collapses progressively for a smaller emitted style:\n * - all four equal → single `padding` / `margin`\n * - matching axes → `paddingHorizontal` + `paddingVertical`\n * - one matching axis → that axis collapsed, opposite axis as longhands\n * - otherwise → four longhands\n * @param property `'padding'` or `'margin'`.\n * @param value Typed shorthand record.\n * @returns RN entries.\n */\nexport function expandFourSided(property: 'padding' | 'margin', value: Padding | Margin): readonly RNEntry[] {\n  const top = lengthPercentageOrAutoToValue(value.top)\n  const right = lengthPercentageOrAutoToValue(value.right)\n  const bottom = lengthPercentageOrAutoToValue(value.bottom)\n  const left = lengthPercentageOrAutoToValue(value.left)\n  if (top === null || right === null || bottom === null || left === null) return []\n  if (top === right && right === bottom && bottom === left) return [[property, top]]\n  const horizontalEqual = left === right\n  const verticalEqual = top === bottom\n  if (horizontalEqual && verticalEqual) {\n    return [\n      [`${property}Vertical`, top],\n      [`${property}Horizontal`, left],\n    ]\n  }\n  if (horizontalEqual) {\n    return [\n      [`${property}Top`, top],\n      [`${property}Bottom`, bottom],\n      [`${property}Horizontal`, left],\n    ]\n  }\n  if (verticalEqual) {\n    return [\n      [`${property}Vertical`, top],\n      [`${property}Right`, right],\n      [`${property}Left`, left],\n    ]\n  }\n  return [\n    [`${property}Top`, top],\n    [`${property}Right`, right],\n    [`${property}Bottom`, bottom],\n    [`${property}Left`, left],\n  ]\n}\n\n/**\n * Expand `padding-inline` / `margin-inline` (logical property) into RN's\n * physical pair. RN has no RTL-aware logical props at the style-object\n * level, so we lower at compile time. When both sides match, emit the\n * single `paddingHorizontal` / `marginHorizontal` shorthand for a more\n * compact style.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed inline shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalInline(property: 'padding' | 'margin', value: PaddingInline | MarginInline): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.inlineStart)\n  const end = lengthPercentageOrAutoToValue(value.inlineEnd)\n  if (start === null || end === null) return []\n  if (start === end) return [[`${property}Horizontal`, start]]\n  return [\n    [`${property}Left`, start],\n    [`${property}Right`, end],\n  ]\n}\n\n/**\n * Expand `padding-block` / `margin-block` (logical property) into RN's\n * physical pair. When both sides match, emit `paddingVertical` /\n * `marginVertical` for a more compact style.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed block shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalBlock(property: 'padding' | 'margin', value: PaddingBlock | MarginBlock): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.blockStart)\n  const end = lengthPercentageOrAutoToValue(value.blockEnd)\n  if (start === null || end === null) return []\n  if (start === end) return [[`${property}Vertical`, start]]\n  return [\n    [`${property}Top`, start],\n    [`${property}Bottom`, end],\n  ]\n}\n\n/**\n * Expand a `border-radius` shorthand into RN corner entries. Each corner\n * is a 2-tuple `[x, y]` in lightningcss; RN exposes one radius per corner\n * so we use the x-axis. When all four corners match, collapse to the\n * single `borderRadius` key.\n * @param value Typed `BorderRadius` record.\n * @returns RN entries.\n */\nexport function expandBorderRadius(value: BorderRadius): readonly RNEntry[] {\n  const corners: Array<[string, number | string | null]> = [\n    ['borderTopLeftRadius', dimensionPercentageToNumber(value.topLeft[0])],\n    ['borderTopRightRadius', dimensionPercentageToNumber(value.topRight[0])],\n    ['borderBottomRightRadius', dimensionPercentageToNumber(value.bottomRight[0])],\n    ['borderBottomLeftRadius', dimensionPercentageToNumber(value.bottomLeft[0])],\n  ]\n  const [first] = corners\n  if (first?.[1] == null) return []\n  if (corners.every(([, v]) => v === first[1])) return [['borderRadius', first[1]]]\n  return corners.filter((entry): entry is [string, number | string] => entry[1] !== null)\n}\n\n/**\n * Expand a `border-color` shorthand into RN longhands. When all four\n * sides match, collapse to a single `borderColor`; otherwise emit per-side\n * props.\n * @param value Typed `BorderColor` record.\n * @returns RN entries.\n */\nexport function expandBorderColor(value: BorderColor): readonly RNEntry[] {\n  const top = cssColorToString(value.top)\n  const right = cssColorToString(value.right)\n  const bottom = cssColorToString(value.bottom)\n  const left = cssColorToString(value.left)\n  if (top === right && right === bottom && bottom === left) return [['borderColor', top]]\n  return [\n    ['borderTopColor', top],\n    ['borderRightColor', right],\n    ['borderBottomColor', bottom],\n    ['borderLeftColor', left],\n  ]\n}\n\n/**\n * Expand `gap` shorthand (`{row, column}`) into RN entries. When both\n * axes equal the same value collapse to the single `gap` key; otherwise\n * emit `rowGap` + `columnGap`.\n * @param value Typed `Gap` record.\n * @returns RN entries.\n */\nexport function expandGap(value: Gap): readonly RNEntry[] {\n  const row = gapValueToValue(value.row)\n  const column = gapValueToValue(value.column)\n  if (row === null || column === null) return []\n  if (row === column) return [['gap', row]]\n  return [\n    ['rowGap', row],\n    ['columnGap', column],\n  ]\n}\n\n/**\n * Convert `Flex` shorthand to RN entries. When the shape matches `flex:\n * 1` (`{grow:1, shrink:1, basis: 0%}`), emit the single `flex` key RN\n * understands. Otherwise expand to the three longhands.\n * @param value Typed `Flex` record.\n * @returns RN entries.\n */\nexport function flexToEntries(value: Flex): readonly RNEntry[] {\n  const basis = lengthPercentageOrAutoToValue(value.basis)\n  if (basis === null) return []\n  if (value.grow === 1 && value.shrink === 1 && basis === '0%') return [['flex', 1]]\n  const entries: RNEntry[] = [\n    ['flexGrow', value.grow],\n    ['flexShrink', value.shrink],\n  ]\n  if (basis !== 'auto') entries.push(['flexBasis', basis])\n  return entries\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/core/parser/theme-vars.d.ts

@@ -44,6 +44,27 @@ export declare function extractThemeVars(css: string): ThemeSchemeTable;
  *   use the literal scheme name and don't need an alias).
  */
 export declare function extractSchemeAliases(css: string): Map<string, string>;
+/**
+ * Collect every scheme name declared via `@custom-variant <name>
+ * (<class-selector>);` in first-appearance order.
+ *
+ * A scheme can be declared this way WITHOUT a matching `@variant <name>
+ * { … }` override block — its values then come entirely from the base
+ * `@theme`. That's Tailwind v4's standard shape: light defaults sit in
+ * `@theme` and only `@variant dark { … }` overrides them. Such a scheme
+ * still has to register so the runtime can switch to it, but
+ * {@link extractThemeVars} (which only sees `@variant` blocks) never
+ * surfaces it. The parser unions these names into its declared-scheme
+ * list so the base-only scheme isn't dropped.
+ *
+ * Only class-container selectors count — `@custom-variant` is Tailwind's
+ * general variant mechanism, so hover / focus / media / supports
+ * variants must NOT inflate the scheme list (or the generated `Scheme`
+ * union). See {@link isSchemeSelector}.
+ * @param css Theme CSS source.
+ * @returns Ordered, de-duplicated `@custom-variant` scheme names.
+ */
+export declare function extractCustomVariantSchemes(css: string): string[];
 /**
  * Rewrite the theme CSS so Tailwind's compiler accepts it:
  *  1. Strip every `@variant <name> { ... }` block — Tailwind rejects

package/lib/esm/core/parser/theme-vars.mjs

@@ -376,6 +376,58 @@ function extractSchemeAliases(css) {
     }
     return aliases;
 }
+/** Single class token (`.scheme-dark`) — non-global so `.test` is stateless. */
+const CLASS_TOKEN = /\.[A-Za-z_][\w-]*/;
+/**
+ * Whether a `@custom-variant` selector body targets an ancestor *class*
+ * container (`&:where(.scheme-dark, .scheme-dark *)`, `.dark`). That's
+ * the only shape rnwind resolves as a runtime scheme — the parser's
+ * nested-rule matcher keys schemes off `.class` selectors. Pseudo-class
+ * / `@media` / `@supports` custom-variants (`&:hover`, `@supports
+ * (display: grid)`) carry no class and are ordinary Tailwind variants,
+ * not schemes.
+ * @param selector Selector body captured after the variant name.
+ * @returns True when the selector contains at least one class token.
+ */
+function isSchemeSelector(selector) {
+    return CLASS_TOKEN.test(selector);
+}
+/**
+ * Collect every scheme name declared via `@custom-variant <name>
+ * (<class-selector>);` in first-appearance order.
+ *
+ * A scheme can be declared this way WITHOUT a matching `@variant <name>
+ * { … }` override block — its values then come entirely from the base
+ * `@theme`. That's Tailwind v4's standard shape: light defaults sit in
+ * `@theme` and only `@variant dark { … }` overrides them. Such a scheme
+ * still has to register so the runtime can switch to it, but
+ * {@link extractThemeVars} (which only sees `@variant` blocks) never
+ * surfaces it. The parser unions these names into its declared-scheme
+ * list so the base-only scheme isn't dropped.
+ *
+ * Only class-container selectors count — `@custom-variant` is Tailwind's
+ * general variant mechanism, so hover / focus / media / supports
+ * variants must NOT inflate the scheme list (or the generated `Scheme`
+ * union). See {@link isSchemeSelector}.
+ * @param css Theme CSS source.
+ * @returns Ordered, de-duplicated `@custom-variant` scheme names.
+ */
+function extractCustomVariantSchemes(css) {
+    const stripped = stripComments(css);
+    const seen = new Set();
+    const out = [];
+    for (const match of stripped.matchAll(CUSTOM_VARIANT_WITH_SELECTOR)) {
+        const name = match[1];
+        const selector = match[2];
+        if (name === BASE_SCHEME || seen.has(name))
+            continue;
+        if (!isSchemeSelector(selector))
+            continue;
+        seen.add(name);
+        out.push(name);
+    }
+    return out;
+}
 /**
  * Rewrite the theme CSS so Tailwind's compiler accepts it:
  *  1. Strip every `@variant <name> { ... }` block — Tailwind rejects
@@ -405,5 +457,5 @@ function compileReadyTheme(css, table) {
     return `${prelude.join('\n')}\n${stripped}`;
 }
 
-export { BASE_SCHEME, compileReadyTheme, extractSchemeAliases, extractThemeVars };
+export { BASE_SCHEME, compileReadyTheme, extractCustomVariantSchemes, extractSchemeAliases, extractThemeVars };
 //# sourceMappingURL=theme-vars.mjs.map

package/lib/esm/core/parser/theme-vars.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-vars.mjs","sources":["../../../../../src/core/parser/theme-vars.ts"],"sourcesContent":["/**\n * Lightweight extractor for user-declared `@theme` and `@variant` blocks\n * inside `:root` / `@layer theme`. Used by the parser to resolve\n * `var(--x)` references that Tailwind's `theme(inline)` leaves\n * unresolved (it only inlines its own known tokens, not user-added ones).\n *\n * Kept regex-free — a linear paren-balanced scan handles nesting without\n * the backtracking risks of `{[^}]*}` patterns. CSS comment blocks are\n * stripped before scanning so slash-star-sequences inside declaration\n * values don't confuse the parser.\n */\n\n/**\n * `@custom-variant <name> ...content-up-to-semicolon...;`\n * The `[^;]+` class is constant-width relative to its input (one char\n * per step, no alternation backtracking), so sonarjs/slow-regex doesn't\n * apply — the flagged pattern is a false positive.\n */\n// eslint-disable-next-line sonarjs/slow-regex\nconst CUSTOM_VARIANT_WITH_SELECTOR = /@custom-variant\\s+([A-Za-z][A-Za-z0-9_-]*)\\s+([^;]+);/g\n/** Bare `.classname` occurrences (one capture group per class). */\nconst CLASS_IN_SELECTOR = /\\.([A-Za-z_][\\w-]*)/g\n\n/**\n * One iteration step of the block walker — decides whether the next\n * interesting token is a declaration, a nested block, or the end of\n * scope. Kept small to keep {@link walkBlocks} below the cognitive\n * complexity threshold.\n */\ninterface WalkStep {\n  /** Next scan index, or `-1` to terminate the outer loop. */\n  next: number\n}\n\n/**\n * Recursively descend into `{ ... }` blocks, collecting `--x: y;`\n * declarations under the active scheme. When we hit `@variant <name> {`,\n * the child scope's scheme becomes `<name>` until that block closes.\n * @param source Pre-stripped CSS source.\n * @param start Start index of the block body (0 for top-level).\n * @param scheme Active scheme name for declarations inside this scope.\n * @param table Destination table, mutated in place.\n */\nfunction walkBlocks(source: string, start: number, scheme: string, table: ThemeSchemeTable): void {\n  let index = start\n  while (index < source.length) {\n    const step = nextWalkStep(source, index, scheme, table)\n    if (step.next === -1) return\n    index = step.next\n  }\n}\n\n/**\n * Decide the next action at `index`: declaration, nested block, or EOF.\n * @param source Pre-stripped CSS.\n * @param index Current scan index.\n * @param scheme Active scheme name.\n * @param table Destination table.\n * @returns Step descriptor with the next scan index (or -1 for EOF).\n */\nfunction nextWalkStep(source: string, index: number, scheme: string, table: ThemeSchemeTable): WalkStep {\n  // Find the next TOP-LEVEL `--` (outside any `( ... )`). That's the only\n  // place a custom-property declaration can start. `--foo` that appears\n  // inside `var(--foo)` or `calc(... --value(integer) ...)` is part of a\n  // value, not a new declaration — accidentally treating it as one would\n  // splice into the `@theme` block's declaration list and produce broken\n  // CSS that Tailwind rejects downstream.\n  const atIndex = findTopLevelDoubleDash(source, index)\n  const openIndex = source.indexOf('{', index)\n  const closeIndex = source.indexOf('}', index)\n  const blockClose = closeIndex === -1 ? Number.POSITIVE_INFINITY : closeIndex\n  if (isDeclarationNext(atIndex, openIndex, blockClose)) {\n    return { next: consumeDeclaration(source, atIndex, scheme, table) }\n  }\n  if (openIndex !== -1 && openIndex < blockClose) {\n    return { next: enterBlock(source, index, openIndex, scheme, table) }\n  }\n  return { next: -1 }\n}\n\n/**\n * Find the next `--` in `source` that's not inside a `( ... )` group.\n * Stops early if we hit an unmatched `}` (end of the containing block)\n * — a `--` inside a nested block isn't our concern either.\n * @param source Pre-stripped CSS source.\n * @param from Start index to scan from.\n * @returns Index of the next top-level `--`, or `-1` when none.\n */\nfunction findTopLevelDoubleDash(source: string, from: number): number {\n  let parenDepth = 0\n  for (let index = from; index < source.length - 1; index += 1) {\n    const ch = source.codePointAt(index)\n    if (ch === 40 /* ( */) {\n      parenDepth += 1\n      continue\n    }\n    if (ch === 41 /* ) */) {\n      if (parenDepth > 0) parenDepth -= 1\n      continue\n    }\n    if (ch === 125 /* } */ && parenDepth === 0) return -1\n    if (ch === 45 /* - */ && parenDepth === 0 && source.codePointAt(index + 1) === 45) {\n      return index\n    }\n  }\n  return -1\n}\n\n/**\n * Whether the next action at the current scan position is a declaration.\n * @param atIndex Index of the next `--`.\n * @param openIndex Index of the next `{`.\n * @param blockClose Index of the next `}` (or `+Infinity` when absent).\n * @returns True when a declaration should be consumed next.\n */\nfunction isDeclarationNext(atIndex: number, openIndex: number, blockClose: number): boolean {\n  if (atIndex === -1 || atIndex >= blockClose) return false\n  return openIndex === -1 || atIndex < openIndex\n}\n\n/**\n * Handle a nested `{ ... }` block: recurse with the right scheme, then\n * skip past the matching closing brace.\n * @param source Pre-stripped CSS.\n * @param index Scan position at the start of the header.\n * @param openIndex Index of the opening brace.\n * @param scheme Scheme active in the parent scope.\n * @param table Destination table.\n * @returns Index past the matching closing brace.\n */\nfunction enterBlock(source: string, index: number, openIndex: number, scheme: string, table: ThemeSchemeTable): number {\n  const header = source.slice(index, openIndex).trim()\n  // Skip blocks that define utilities / at-rules that carry declarations\n  // meant for a downstream compiler, not custom-property values for the\n  // active theme scheme. `@utility name-*` bodies contain Tailwind v4's\n  // `--value(...)` meta-syntax which would otherwise confuse the\n  // top-level declaration walker and spill into the extracted theme.\n  if (isNonThemeAtRule(header)) return skipMatchingBrace(source, openIndex + 1)\n  const childScheme = variantNameOf(header) ?? scheme\n  walkBlocks(source, openIndex + 1, childScheme, table)\n  return skipMatchingBrace(source, openIndex + 1)\n}\n\n/**\n * Whether a block header belongs to an at-rule whose body should be\n * ignored by the theme-var extractor. `@utility` / `@media` / `@keyframes`\n * / `@supports` / `@container` bodies contain property declarations that\n * are NOT custom-property definitions for the active theme.\n * @param header Text between the outer statement and the opening brace.\n * @returns `true` when the block body should be skipped.\n */\nfunction isNonThemeAtRule(header: string): boolean {\n  const trimmed = header.trimStart()\n  if (!trimmed.startsWith('@')) return false\n  const match = /^@([A-Za-z-]+)/.exec(trimmed)\n  if (!match) return false\n  const name = match[1]!\n  return name === 'utility' || name === 'keyframes' || name === 'media' || name === 'supports' || name === 'container'\n}\n\n/**\n * Consume one `--name: value;` declaration starting at `start`. Commits\n * the name/value pair into the active scheme's map and returns the index\n * just past the terminating `;`.\n * @param source CSS source.\n * @param start Index of the `--`.\n * @param scheme Active scheme.\n * @param table Destination table.\n * @returns Next scan index.\n */\nfunction consumeDeclaration(source: string, start: number, scheme: string, table: ThemeSchemeTable): number {\n  const colon = source.indexOf(':', start)\n  if (colon === -1) return source.length\n  const name = source.slice(start, colon).trim()\n  const end = source.indexOf(';', colon)\n  const stop = end === -1 ? source.indexOf('}', colon) : end\n  if (stop === -1) return source.length\n  const value = source.slice(colon + 1, stop).trim()\n  if (name.startsWith('--')) {\n    const bucket = table.get(scheme) ?? new Map()\n    bucket.set(name, value)\n    table.set(scheme, bucket)\n  }\n  return stop + 1\n}\n\n/**\n * Walk forward through the source tracking brace depth; return the index\n * just past the matching `}` for the opener at `start - 1`.\n * @param source CSS source.\n * @param start Index just past the opening brace.\n * @returns Index past the matching closer (or source.length on imbalance).\n */\nfunction skipMatchingBrace(source: string, start: number): number {\n  let depth = 1\n  for (let index = start; index < source.length; index += 1) {\n    const ch = source[index]\n    if (ch === '{') depth += 1\n    else if (ch === '}') {\n      depth -= 1\n      if (depth === 0) return index + 1\n    }\n  }\n  return source.length\n}\n\n/**\n * If `header` text (right before an opening brace) names a variant\n * (`@variant <name>`), return that name. Otherwise null.\n * @param header Text between the previous statement and the next `{`.\n * @returns Variant name, or null when this block isn't a `@variant`.\n */\nfunction variantNameOf(header: string): string | null {\n  const match = /^@variant\\s+([A-Za-z][A-Za-z0-9_-]*)/.exec(header)\n  if (!match) return null\n  return match[1] ?? null\n}\n\n/**\n * Emit `@custom-variant` declarations for every scheme the user declared\n * but hasn't manually registered. Makes Tailwind accept `light:*` /\n * `dark:*` / etc. as valid class-name prefixes.\n * @param css Stripped CSS source used to detect already-declared variants.\n * @param schemes Non-base scheme names from the extracted table.\n * @returns Zero or more `@custom-variant ... ;` lines.\n */\nfunction buildCustomVariantDeclarations(css: string, schemes: readonly string[]): string[] {\n  if (schemes.length === 0) return []\n  const existing = new Set<string>()\n  for (const match of css.matchAll(CUSTOM_VARIANT_REGEX)) existing.add(match[1]!)\n  const out: string[] = []\n  for (const name of schemes) {\n    if (!existing.has(name)) out.push(`@custom-variant ${name} (&:where(.${name}, .${name} *));`)\n  }\n  return out\n}\n\n/**\n * Re-publish variant-scoped tokens into a flat theme block so Tailwind\n * sees every custom-property name it needs. Values come from the base\n * scheme first, with the FIRST declared non-base scheme layering on top\n * — Tailwind only cares about token shape (color vs length), not the\n * exact value, since rnwind does per-scheme substitution at walk time.\n * @param table Extracted scheme → var-name → value table.\n * @param schemes Non-base scheme names (sorted by declaration order).\n * @returns A single `@theme { ... }` block or `null` when there are no tokens.\n */\nfunction buildUnifiedThemeBlock(table: ThemeSchemeTable, schemes: readonly string[]): string | null {\n  const unifiedVars = new Map<string, string>()\n  const baseTokens = table.get(BASE_SCHEME)\n  if (baseTokens) for (const [k, v] of baseTokens) unifiedVars.set(k, v)\n  if (schemes.length > 0) {\n    const firstTokens = table.get(schemes[0]!)\n    if (firstTokens) for (const [k, v] of firstTokens) unifiedVars.set(k, v)\n  }\n  if (unifiedVars.size === 0) return null\n  const decls = [...unifiedVars].map(([name, value]) => `  ${name}: ${value};`).join('\\n')\n  return `@theme {\\n${decls}\\n}`\n}\n\nconst CUSTOM_VARIANT_REGEX = /@custom-variant\\s+([A-Za-z][A-Za-z0-9_-]*)\\b/g\nconst VARIANT_OPEN_REGEX = /@variant\\s+[A-Za-z0-9_-]+\\s*\\{/g\n\n/**\n * Strip every `@variant <name> { ... }` block (including nested braces)\n * from a CSS source.\n * @param css Raw CSS.\n * @returns CSS without variant blocks.\n */\nfunction stripVariantBlocks(css: string): string {\n  let out = ''\n  let cursor = 0\n  VARIANT_OPEN_REGEX.lastIndex = 0\n  let match: RegExpExecArray | null\n  while ((match = VARIANT_OPEN_REGEX.exec(css)) !== null) {\n    const openEnd = match.index + match[0].length\n    const closeIndex = findMatchingBrace(css, openEnd)\n    if (closeIndex === -1) break\n    out += css.slice(cursor, match.index)\n    cursor = closeIndex + 1\n    VARIANT_OPEN_REGEX.lastIndex = cursor\n  }\n  out += css.slice(cursor)\n  return out\n}\n\n/**\n * Walk forward from `start` tracking brace depth; return the index of the\n * matching `}` for the opener just before `start`.\n * @param source Source string.\n * @param start Index just past the opening `{`.\n * @returns Index of matching `}`, or `-1` on imbalance.\n */\nfunction findMatchingBrace(source: string, start: number): number {\n  let depth = 1\n  for (let index = start; index < source.length; index += 1) {\n    const ch = source[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 * Drop CSS comment blocks from a source. Keeps the token-declaration\n * scanner simple — comments can contain braces / `--` sequences that\n * would otherwise fool it.\n * @param css Raw CSS source.\n * @returns Source with every comment block removed.\n */\nfunction stripComments(css: string): string {\n  let out = ''\n  let index = 0\n  while (index < css.length) {\n    const open = css.indexOf('/*', index)\n    if (open === -1) {\n      out += css.slice(index)\n      break\n    }\n    out += css.slice(index, open)\n    const close = css.indexOf('*/', open + 2)\n    if (close === -1) break\n    index = close + 2\n  }\n  return out\n}\n\n/** Scheme name → (var name → value). The base scheme key is `'base'`. */\nexport type ThemeSchemeTable = Map<string, Map<string, string>>\n\n/** Synthetic scheme name used for tokens declared outside any `@variant`. */\nexport const BASE_SCHEME = 'base'\n\n/**\n * Extract user-declared theme tokens from a CSS source. Scans for:\n *  - classic v4 `@theme` blocks (`@theme { --x: y; ... }`)\n *  - `@variant <name> { --x: y; ... }` inside any surrounding block\n *\n * Both flavors contribute to the returned table: vars outside any\n * `@variant` go under `'base'`; vars inside `@variant <name>` go under\n * `<name>`.\n *\n * Not a full CSS parser — just enough to recognise the token-declaration\n * shape Tailwind v4 users actually write.\n * @param css Theme CSS source.\n * @returns Scheme → var-name → value map.\n */\nexport function extractThemeVars(css: string): ThemeSchemeTable {\n  const table: ThemeSchemeTable = new Map()\n  const stripped = stripComments(css)\n  walkBlocks(stripped, 0, BASE_SCHEME, table)\n  return table\n}\n\n/**\n * Build a `<class-in-selector> → <scheme-name>` alias map from any\n * `@custom-variant <name> (<selector>);` declarations in the theme CSS.\n *\n * Tailwind compiles `dark:opacity-100` to a nested rule whose selector is\n * the user's declared variant selector. When the user writes\n * `@custom-variant dark (&:where(.scheme-dark, .scheme-dark *));`, the\n * generated rule references `.scheme-dark` instead of the literal `.dark`\n * class rnwind's selector matcher defaults to. This alias map lets the\n * parser map those custom selector classes back to their scheme name.\n * @param css Theme CSS source.\n * @returns Class-name → scheme-name map. Empty when no `@custom-variant`\n *   declarations are present (rnwind's auto-generated defaults already\n *   use the literal scheme name and don't need an alias).\n */\nexport function extractSchemeAliases(css: string): Map<string, string> {\n  const aliases = new Map<string, string>()\n  const stripped = stripComments(css)\n  for (const match of stripped.matchAll(CUSTOM_VARIANT_WITH_SELECTOR)) {\n    const schemeName = match[1]!\n    const selectorBody = match[2]!\n    for (const cls of selectorBody.matchAll(CLASS_IN_SELECTOR)) {\n      const className = cls[1]!\n      if (className === schemeName) continue\n      aliases.set(className, schemeName)\n    }\n  }\n  return aliases\n}\n\n/**\n * Rewrite the theme CSS so Tailwind's compiler accepts it:\n *  1. Strip every `@variant <name> { ... }` block — Tailwind rejects\n *     them inline because `@variant` is a rnwind concept, not a Tailwind\n *     at-rule. The scheme-scoped vars are preserved in the extracted\n *     {@link ThemeSchemeTable} and substituted at walk time.\n *  2. Prepend `@custom-variant <name> (&:where(.<name>, .<name> *));`\n *     for every scheme name we saw, so Tailwind accepts `light:bg-*`,\n *     `dark:bg-*`, etc. as valid class-name prefixes without the user\n *     having to duplicate the variant declaration.\n * @param css Theme CSS source.\n * @param table Scheme → var-name → value table from {@link extractThemeVars}.\n * @returns CSS ready to feed `@tailwindcss/node`'s compiler.\n */\nexport function compileReadyTheme(css: string, table: ThemeSchemeTable): string {\n  const schemes = [...table.keys()].filter((name) => name !== BASE_SCHEME)\n  const stripped = stripVariantBlocks(css)\n  const prelude: string[] = []\n  const customVariants = buildCustomVariantDeclarations(stripped, schemes)\n  if (customVariants.length > 0) prelude.push(...customVariants)\n  const themeBlock = buildUnifiedThemeBlock(table, schemes)\n  if (themeBlock) prelude.push(themeBlock)\n  if (prelude.length === 0) return stripped\n  return `${prelude.join('\\n')}\\n${stripped}`\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme-vars.mjs","sources":["../../../../../src/core/parser/theme-vars.ts"],"sourcesContent":["/**\n * Lightweight extractor for user-declared `@theme` and `@variant` blocks\n * inside `:root` / `@layer theme`. Used by the parser to resolve\n * `var(--x)` references that Tailwind's `theme(inline)` leaves\n * unresolved (it only inlines its own known tokens, not user-added ones).\n *\n * Kept regex-free — a linear paren-balanced scan handles nesting without\n * the backtracking risks of `{[^}]*}` patterns. CSS comment blocks are\n * stripped before scanning so slash-star-sequences inside declaration\n * values don't confuse the parser.\n */\n\n/**\n * `@custom-variant <name> ...content-up-to-semicolon...;`\n * The `[^;]+` class is constant-width relative to its input (one char\n * per step, no alternation backtracking), so sonarjs/slow-regex doesn't\n * apply — the flagged pattern is a false positive.\n */\n// eslint-disable-next-line sonarjs/slow-regex\nconst CUSTOM_VARIANT_WITH_SELECTOR = /@custom-variant\\s+([A-Za-z][A-Za-z0-9_-]*)\\s+([^;]+);/g\n/** Bare `.classname` occurrences (one capture group per class). */\nconst CLASS_IN_SELECTOR = /\\.([A-Za-z_][\\w-]*)/g\n\n/**\n * One iteration step of the block walker — decides whether the next\n * interesting token is a declaration, a nested block, or the end of\n * scope. Kept small to keep {@link walkBlocks} below the cognitive\n * complexity threshold.\n */\ninterface WalkStep {\n  /** Next scan index, or `-1` to terminate the outer loop. */\n  next: number\n}\n\n/**\n * Recursively descend into `{ ... }` blocks, collecting `--x: y;`\n * declarations under the active scheme. When we hit `@variant <name> {`,\n * the child scope's scheme becomes `<name>` until that block closes.\n * @param source Pre-stripped CSS source.\n * @param start Start index of the block body (0 for top-level).\n * @param scheme Active scheme name for declarations inside this scope.\n * @param table Destination table, mutated in place.\n */\nfunction walkBlocks(source: string, start: number, scheme: string, table: ThemeSchemeTable): void {\n  let index = start\n  while (index < source.length) {\n    const step = nextWalkStep(source, index, scheme, table)\n    if (step.next === -1) return\n    index = step.next\n  }\n}\n\n/**\n * Decide the next action at `index`: declaration, nested block, or EOF.\n * @param source Pre-stripped CSS.\n * @param index Current scan index.\n * @param scheme Active scheme name.\n * @param table Destination table.\n * @returns Step descriptor with the next scan index (or -1 for EOF).\n */\nfunction nextWalkStep(source: string, index: number, scheme: string, table: ThemeSchemeTable): WalkStep {\n  // Find the next TOP-LEVEL `--` (outside any `( ... )`). That's the only\n  // place a custom-property declaration can start. `--foo` that appears\n  // inside `var(--foo)` or `calc(... --value(integer) ...)` is part of a\n  // value, not a new declaration — accidentally treating it as one would\n  // splice into the `@theme` block's declaration list and produce broken\n  // CSS that Tailwind rejects downstream.\n  const atIndex = findTopLevelDoubleDash(source, index)\n  const openIndex = source.indexOf('{', index)\n  const closeIndex = source.indexOf('}', index)\n  const blockClose = closeIndex === -1 ? Number.POSITIVE_INFINITY : closeIndex\n  if (isDeclarationNext(atIndex, openIndex, blockClose)) {\n    return { next: consumeDeclaration(source, atIndex, scheme, table) }\n  }\n  if (openIndex !== -1 && openIndex < blockClose) {\n    return { next: enterBlock(source, index, openIndex, scheme, table) }\n  }\n  return { next: -1 }\n}\n\n/**\n * Find the next `--` in `source` that's not inside a `( ... )` group.\n * Stops early if we hit an unmatched `}` (end of the containing block)\n * — a `--` inside a nested block isn't our concern either.\n * @param source Pre-stripped CSS source.\n * @param from Start index to scan from.\n * @returns Index of the next top-level `--`, or `-1` when none.\n */\nfunction findTopLevelDoubleDash(source: string, from: number): number {\n  let parenDepth = 0\n  for (let index = from; index < source.length - 1; index += 1) {\n    const ch = source.codePointAt(index)\n    if (ch === 40 /* ( */) {\n      parenDepth += 1\n      continue\n    }\n    if (ch === 41 /* ) */) {\n      if (parenDepth > 0) parenDepth -= 1\n      continue\n    }\n    if (ch === 125 /* } */ && parenDepth === 0) return -1\n    if (ch === 45 /* - */ && parenDepth === 0 && source.codePointAt(index + 1) === 45) {\n      return index\n    }\n  }\n  return -1\n}\n\n/**\n * Whether the next action at the current scan position is a declaration.\n * @param atIndex Index of the next `--`.\n * @param openIndex Index of the next `{`.\n * @param blockClose Index of the next `}` (or `+Infinity` when absent).\n * @returns True when a declaration should be consumed next.\n */\nfunction isDeclarationNext(atIndex: number, openIndex: number, blockClose: number): boolean {\n  if (atIndex === -1 || atIndex >= blockClose) return false\n  return openIndex === -1 || atIndex < openIndex\n}\n\n/**\n * Handle a nested `{ ... }` block: recurse with the right scheme, then\n * skip past the matching closing brace.\n * @param source Pre-stripped CSS.\n * @param index Scan position at the start of the header.\n * @param openIndex Index of the opening brace.\n * @param scheme Scheme active in the parent scope.\n * @param table Destination table.\n * @returns Index past the matching closing brace.\n */\nfunction enterBlock(source: string, index: number, openIndex: number, scheme: string, table: ThemeSchemeTable): number {\n  const header = source.slice(index, openIndex).trim()\n  // Skip blocks that define utilities / at-rules that carry declarations\n  // meant for a downstream compiler, not custom-property values for the\n  // active theme scheme. `@utility name-*` bodies contain Tailwind v4's\n  // `--value(...)` meta-syntax which would otherwise confuse the\n  // top-level declaration walker and spill into the extracted theme.\n  if (isNonThemeAtRule(header)) return skipMatchingBrace(source, openIndex + 1)\n  const childScheme = variantNameOf(header) ?? scheme\n  walkBlocks(source, openIndex + 1, childScheme, table)\n  return skipMatchingBrace(source, openIndex + 1)\n}\n\n/**\n * Whether a block header belongs to an at-rule whose body should be\n * ignored by the theme-var extractor. `@utility` / `@media` / `@keyframes`\n * / `@supports` / `@container` bodies contain property declarations that\n * are NOT custom-property definitions for the active theme.\n * @param header Text between the outer statement and the opening brace.\n * @returns `true` when the block body should be skipped.\n */\nfunction isNonThemeAtRule(header: string): boolean {\n  const trimmed = header.trimStart()\n  if (!trimmed.startsWith('@')) return false\n  const match = /^@([A-Za-z-]+)/.exec(trimmed)\n  if (!match) return false\n  const name = match[1]!\n  return name === 'utility' || name === 'keyframes' || name === 'media' || name === 'supports' || name === 'container'\n}\n\n/**\n * Consume one `--name: value;` declaration starting at `start`. Commits\n * the name/value pair into the active scheme's map and returns the index\n * just past the terminating `;`.\n * @param source CSS source.\n * @param start Index of the `--`.\n * @param scheme Active scheme.\n * @param table Destination table.\n * @returns Next scan index.\n */\nfunction consumeDeclaration(source: string, start: number, scheme: string, table: ThemeSchemeTable): number {\n  const colon = source.indexOf(':', start)\n  if (colon === -1) return source.length\n  const name = source.slice(start, colon).trim()\n  const end = source.indexOf(';', colon)\n  const stop = end === -1 ? source.indexOf('}', colon) : end\n  if (stop === -1) return source.length\n  const value = source.slice(colon + 1, stop).trim()\n  if (name.startsWith('--')) {\n    const bucket = table.get(scheme) ?? new Map()\n    bucket.set(name, value)\n    table.set(scheme, bucket)\n  }\n  return stop + 1\n}\n\n/**\n * Walk forward through the source tracking brace depth; return the index\n * just past the matching `}` for the opener at `start - 1`.\n * @param source CSS source.\n * @param start Index just past the opening brace.\n * @returns Index past the matching closer (or source.length on imbalance).\n */\nfunction skipMatchingBrace(source: string, start: number): number {\n  let depth = 1\n  for (let index = start; index < source.length; index += 1) {\n    const ch = source[index]\n    if (ch === '{') depth += 1\n    else if (ch === '}') {\n      depth -= 1\n      if (depth === 0) return index + 1\n    }\n  }\n  return source.length\n}\n\n/**\n * If `header` text (right before an opening brace) names a variant\n * (`@variant <name>`), return that name. Otherwise null.\n * @param header Text between the previous statement and the next `{`.\n * @returns Variant name, or null when this block isn't a `@variant`.\n */\nfunction variantNameOf(header: string): string | null {\n  const match = /^@variant\\s+([A-Za-z][A-Za-z0-9_-]*)/.exec(header)\n  if (!match) return null\n  return match[1] ?? null\n}\n\n/**\n * Emit `@custom-variant` declarations for every scheme the user declared\n * but hasn't manually registered. Makes Tailwind accept `light:*` /\n * `dark:*` / etc. as valid class-name prefixes.\n * @param css Stripped CSS source used to detect already-declared variants.\n * @param schemes Non-base scheme names from the extracted table.\n * @returns Zero or more `@custom-variant ... ;` lines.\n */\nfunction buildCustomVariantDeclarations(css: string, schemes: readonly string[]): string[] {\n  if (schemes.length === 0) return []\n  const existing = new Set<string>()\n  for (const match of css.matchAll(CUSTOM_VARIANT_REGEX)) existing.add(match[1]!)\n  const out: string[] = []\n  for (const name of schemes) {\n    if (!existing.has(name)) out.push(`@custom-variant ${name} (&:where(.${name}, .${name} *));`)\n  }\n  return out\n}\n\n/**\n * Re-publish variant-scoped tokens into a flat theme block so Tailwind\n * sees every custom-property name it needs. Values come from the base\n * scheme first, with the FIRST declared non-base scheme layering on top\n * — Tailwind only cares about token shape (color vs length), not the\n * exact value, since rnwind does per-scheme substitution at walk time.\n * @param table Extracted scheme → var-name → value table.\n * @param schemes Non-base scheme names (sorted by declaration order).\n * @returns A single `@theme { ... }` block or `null` when there are no tokens.\n */\nfunction buildUnifiedThemeBlock(table: ThemeSchemeTable, schemes: readonly string[]): string | null {\n  const unifiedVars = new Map<string, string>()\n  const baseTokens = table.get(BASE_SCHEME)\n  if (baseTokens) for (const [k, v] of baseTokens) unifiedVars.set(k, v)\n  if (schemes.length > 0) {\n    const firstTokens = table.get(schemes[0]!)\n    if (firstTokens) for (const [k, v] of firstTokens) unifiedVars.set(k, v)\n  }\n  if (unifiedVars.size === 0) return null\n  const decls = [...unifiedVars].map(([name, value]) => `  ${name}: ${value};`).join('\\n')\n  return `@theme {\\n${decls}\\n}`\n}\n\nconst CUSTOM_VARIANT_REGEX = /@custom-variant\\s+([A-Za-z][A-Za-z0-9_-]*)\\b/g\nconst VARIANT_OPEN_REGEX = /@variant\\s+[A-Za-z0-9_-]+\\s*\\{/g\n\n/**\n * Strip every `@variant <name> { ... }` block (including nested braces)\n * from a CSS source.\n * @param css Raw CSS.\n * @returns CSS without variant blocks.\n */\nfunction stripVariantBlocks(css: string): string {\n  let out = ''\n  let cursor = 0\n  VARIANT_OPEN_REGEX.lastIndex = 0\n  let match: RegExpExecArray | null\n  while ((match = VARIANT_OPEN_REGEX.exec(css)) !== null) {\n    const openEnd = match.index + match[0].length\n    const closeIndex = findMatchingBrace(css, openEnd)\n    if (closeIndex === -1) break\n    out += css.slice(cursor, match.index)\n    cursor = closeIndex + 1\n    VARIANT_OPEN_REGEX.lastIndex = cursor\n  }\n  out += css.slice(cursor)\n  return out\n}\n\n/**\n * Walk forward from `start` tracking brace depth; return the index of the\n * matching `}` for the opener just before `start`.\n * @param source Source string.\n * @param start Index just past the opening `{`.\n * @returns Index of matching `}`, or `-1` on imbalance.\n */\nfunction findMatchingBrace(source: string, start: number): number {\n  let depth = 1\n  for (let index = start; index < source.length; index += 1) {\n    const ch = source[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 * Drop CSS comment blocks from a source. Keeps the token-declaration\n * scanner simple — comments can contain braces / `--` sequences that\n * would otherwise fool it.\n * @param css Raw CSS source.\n * @returns Source with every comment block removed.\n */\nfunction stripComments(css: string): string {\n  let out = ''\n  let index = 0\n  while (index < css.length) {\n    const open = css.indexOf('/*', index)\n    if (open === -1) {\n      out += css.slice(index)\n      break\n    }\n    out += css.slice(index, open)\n    const close = css.indexOf('*/', open + 2)\n    if (close === -1) break\n    index = close + 2\n  }\n  return out\n}\n\n/** Scheme name → (var name → value). The base scheme key is `'base'`. */\nexport type ThemeSchemeTable = Map<string, Map<string, string>>\n\n/** Synthetic scheme name used for tokens declared outside any `@variant`. */\nexport const BASE_SCHEME = 'base'\n\n/**\n * Extract user-declared theme tokens from a CSS source. Scans for:\n *  - classic v4 `@theme` blocks (`@theme { --x: y; ... }`)\n *  - `@variant <name> { --x: y; ... }` inside any surrounding block\n *\n * Both flavors contribute to the returned table: vars outside any\n * `@variant` go under `'base'`; vars inside `@variant <name>` go under\n * `<name>`.\n *\n * Not a full CSS parser — just enough to recognise the token-declaration\n * shape Tailwind v4 users actually write.\n * @param css Theme CSS source.\n * @returns Scheme → var-name → value map.\n */\nexport function extractThemeVars(css: string): ThemeSchemeTable {\n  const table: ThemeSchemeTable = new Map()\n  const stripped = stripComments(css)\n  walkBlocks(stripped, 0, BASE_SCHEME, table)\n  return table\n}\n\n/**\n * Build a `<class-in-selector> → <scheme-name>` alias map from any\n * `@custom-variant <name> (<selector>);` declarations in the theme CSS.\n *\n * Tailwind compiles `dark:opacity-100` to a nested rule whose selector is\n * the user's declared variant selector. When the user writes\n * `@custom-variant dark (&:where(.scheme-dark, .scheme-dark *));`, the\n * generated rule references `.scheme-dark` instead of the literal `.dark`\n * class rnwind's selector matcher defaults to. This alias map lets the\n * parser map those custom selector classes back to their scheme name.\n * @param css Theme CSS source.\n * @returns Class-name → scheme-name map. Empty when no `@custom-variant`\n *   declarations are present (rnwind's auto-generated defaults already\n *   use the literal scheme name and don't need an alias).\n */\nexport function extractSchemeAliases(css: string): Map<string, string> {\n  const aliases = new Map<string, string>()\n  const stripped = stripComments(css)\n  for (const match of stripped.matchAll(CUSTOM_VARIANT_WITH_SELECTOR)) {\n    const schemeName = match[1]!\n    const selectorBody = match[2]!\n    for (const cls of selectorBody.matchAll(CLASS_IN_SELECTOR)) {\n      const className = cls[1]!\n      if (className === schemeName) continue\n      aliases.set(className, schemeName)\n    }\n  }\n  return aliases\n}\n\n/** Single class token (`.scheme-dark`) — non-global so `.test` is stateless. */\nconst CLASS_TOKEN = /\\.[A-Za-z_][\\w-]*/\n\n/**\n * Whether a `@custom-variant` selector body targets an ancestor *class*\n * container (`&:where(.scheme-dark, .scheme-dark *)`, `.dark`). That's\n * the only shape rnwind resolves as a runtime scheme — the parser's\n * nested-rule matcher keys schemes off `.class` selectors. Pseudo-class\n * / `@media` / `@supports` custom-variants (`&:hover`, `@supports\n * (display: grid)`) carry no class and are ordinary Tailwind variants,\n * not schemes.\n * @param selector Selector body captured after the variant name.\n * @returns True when the selector contains at least one class token.\n */\nfunction isSchemeSelector(selector: string): boolean {\n  return CLASS_TOKEN.test(selector)\n}\n\n/**\n * Collect every scheme name declared via `@custom-variant <name>\n * (<class-selector>);` in first-appearance order.\n *\n * A scheme can be declared this way WITHOUT a matching `@variant <name>\n * { … }` override block — its values then come entirely from the base\n * `@theme`. That's Tailwind v4's standard shape: light defaults sit in\n * `@theme` and only `@variant dark { … }` overrides them. Such a scheme\n * still has to register so the runtime can switch to it, but\n * {@link extractThemeVars} (which only sees `@variant` blocks) never\n * surfaces it. The parser unions these names into its declared-scheme\n * list so the base-only scheme isn't dropped.\n *\n * Only class-container selectors count — `@custom-variant` is Tailwind's\n * general variant mechanism, so hover / focus / media / supports\n * variants must NOT inflate the scheme list (or the generated `Scheme`\n * union). See {@link isSchemeSelector}.\n * @param css Theme CSS source.\n * @returns Ordered, de-duplicated `@custom-variant` scheme names.\n */\nexport function extractCustomVariantSchemes(css: string): string[] {\n  const stripped = stripComments(css)\n  const seen = new Set<string>()\n  const out: string[] = []\n  for (const match of stripped.matchAll(CUSTOM_VARIANT_WITH_SELECTOR)) {\n    const name = match[1]!\n    const selector = match[2]!\n    if (name === BASE_SCHEME || seen.has(name)) continue\n    if (!isSchemeSelector(selector)) continue\n    seen.add(name)\n    out.push(name)\n  }\n  return out\n}\n\n/**\n * Rewrite the theme CSS so Tailwind's compiler accepts it:\n *  1. Strip every `@variant <name> { ... }` block — Tailwind rejects\n *     them inline because `@variant` is a rnwind concept, not a Tailwind\n *     at-rule. The scheme-scoped vars are preserved in the extracted\n *     {@link ThemeSchemeTable} and substituted at walk time.\n *  2. Prepend `@custom-variant <name> (&:where(.<name>, .<name> *));`\n *     for every scheme name we saw, so Tailwind accepts `light:bg-*`,\n *     `dark:bg-*`, etc. as valid class-name prefixes without the user\n *     having to duplicate the variant declaration.\n * @param css Theme CSS source.\n * @param table Scheme → var-name → value table from {@link extractThemeVars}.\n * @returns CSS ready to feed `@tailwindcss/node`'s compiler.\n */\nexport function compileReadyTheme(css: string, table: ThemeSchemeTable): string {\n  const schemes = [...table.keys()].filter((name) => name !== BASE_SCHEME)\n  const stripped = stripVariantBlocks(css)\n  const prelude: string[] = []\n  const customVariants = buildCustomVariantDeclarations(stripped, schemes)\n  if (customVariants.length > 0) prelude.push(...customVariants)\n  const themeBlock = buildUnifiedThemeBlock(table, schemes)\n  if (themeBlock) prelude.push(themeBlock)\n  if (prelude.length === 0) return stripped\n  return `${prelude.join('\\n')}\\n${stripped}`\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import { rgb } from 'culori';
 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';
 
@@ -251,6 +252,9 @@ function coerceUnparsedValue(text) {
     const rem = LENGTH_REM_REGEX.exec(trimmed);
     if (rem)
         return Number(rem[1]) * REM_TO_PX;
+    const colorMix = evaluateColorMixWithTransparent(trimmed);
+    if (colorMix !== null)
+        return colorMix;
     const fallback = extractVariableFallback(trimmed);
     if (fallback !== null)
         return coerceUnparsedValue(fallback);
@@ -271,7 +275,185 @@ function coerceUnparsedValue(text) {
         const base = Number(calcMul[1]) * Number(calcMul[2]);
         return unit === 'rem' ? base * REM_TO_PX : base;
     }
-    return trimmed;
+    return unquoteCssString(trimmed);
+}
+/**
+ * Evaluate the specific `color-mix(in <space>, <color> <pct>%, transparent)`
+ * shape Tailwind v4 emits for opacity-suffixed themed colors (e.g.
+ * `border-text/20`, `bg-on-background/30`). The result is the original
+ * color with `alpha = originalAlpha * pct/100` — no actual color-space
+ * conversion is needed because mixing a color with `transparent` only
+ * changes its alpha, regardless of the named space (oklab / srgb /
+ * lab / …) — the chrominance is preserved.
+ *
+ * Returns null when the expression isn't this shape (handed back to
+ * the caller for the next coercion strategy).
+ * @param text Trimmed CSS value.
+ * @returns RN-compatible `rgba(...)` string, or null when unmatched.
+ */
+function evaluateColorMixWithTransparent(text) {
+    const lower = text.toLowerCase();
+    if (!lower.startsWith('color-mix('))
+        return null;
+    // Match the trailing `, transparent)` (allowing optional whitespace).
+    const tail = /,\s*transparent\s*\)\s*$/.exec(text);
+    if (!tail)
+        return null;
+    // Skip the `in <space>` clause (everything up to the FIRST comma after
+    // the opening paren). Walking by hand instead of regex because the
+    // color slot may itself contain `(...)` (e.g. `rgb(...)`).
+    const inComma = text.indexOf(',', 'color-mix('.length);
+    if (inComma === -1 || inComma > tail.index)
+        return null;
+    const middle = text.slice(inComma + 1, tail.index).trim();
+    // `<color> <pct>%` — the `<num>%` token is at the END of `middle`.
+    // Anchored, no backtracking — explicit `% ` then end.
+    const pctMatch = COLOR_MIX_PCT_TAIL.exec(middle);
+    if (!pctMatch)
+        return null;
+    const pct = Number(pctMatch[1]) / 100;
+    if (!Number.isFinite(pct))
+        return null;
+    const colorText = middle.slice(0, pctMatch.index).trim();
+    if (colorText.length === 0)
+        return null;
+    return applyAlphaToCssColor(colorText, pct);
+}
+/** End-anchored `<num>%` matcher used to slice a color-mix percentage off the right of an expression. */
+// eslint-disable-next-line sonarjs/slow-regex -- end-anchored, atomic-style group; bounded backtracking is safe.
+const COLOR_MIX_PCT_TAIL = /(-?\d+(?:\.\d+)?)%$/;
+/**
+ * Multiply the alpha channel of a serialized CSS color by `multiplier`
+ * (0…1). Recognises `#rgb` / `#rrggbb` / `#rrggbbaa` hex, named colors
+ * (only `transparent` matters here), and `rgb(…)` / `rgba(…)` forms —
+ * which is what theme tokens resolve to after substitution.
+ * @param color CSS color text.
+ * @param multiplier Alpha multiplier (0…1).
+ * @returns `rgba(r, g, b, a)` string with the adjusted alpha.
+ */
+function applyAlphaToCssColor(color, multiplier) {
+    const trimmed = color.trim();
+    if (trimmed === 'transparent')
+        return 'rgba(0, 0, 0, 0)';
+    return alphaFromHex(trimmed, multiplier) ?? alphaFromRgbFunction(trimmed, multiplier) ?? alphaFromCulori(trimmed, multiplier);
+}
+/**
+ * Apply the alpha multiplier to a hex literal, expanding 3/4/6/8-digit forms.
+ * @param text
+ * @param multiplier
+ */
+function alphaFromHex(text, multiplier) {
+    const hexMatch = /^#([0-9a-fA-F]{3,8})$/.exec(text);
+    if (!hexMatch)
+        return null;
+    const expanded = expandHex(hexMatch[1]);
+    if (!expanded)
+        return null;
+    return `rgba(${expanded.r}, ${expanded.g}, ${expanded.b}, ${expanded.alpha * multiplier})`;
+}
+/**
+ * Apply alpha to an `rgb(…)` / `rgba(…)` literal. Walks the channels by
+ * hand instead of a multi-capture regex (the linter flags the regex
+ * form as backtracking-prone).
+ * @param text
+ * @param multiplier
+ */
+function alphaFromRgbFunction(text, multiplier) {
+    if (!text.startsWith('rgb(') && !text.startsWith('rgba('))
+        return null;
+    const inner = text.slice(text.indexOf('(') + 1, -1);
+    const channels = inner.split(/\s*[\s,]\s*/).filter((part) => part.length > 0);
+    if (channels.length !== 3 && channels.length !== 4)
+        return null;
+    const r = Math.round(Number(channels[0]));
+    const g = Math.round(Number(channels[1]));
+    const b = Math.round(Number(channels[2]));
+    const baseAlpha = channels.length === 4 ? Number(channels[3]) : 1;
+    if (![r, g, b, baseAlpha].every((value) => Number.isFinite(value)))
+        return null;
+    return `rgba(${r}, ${g}, ${b}, ${baseAlpha * multiplier})`;
+}
+/**
+ * Fallback for wide-gamut color forms (`oklch`, `oklab`, `lab`, `lch`,
+ * `hsl`, …) — culori parses every CSS color shape and yields RGB. Lets
+ * `color-mix(in oklab, oklch(...) 50%, transparent)` resolve when
+ * Tailwind emits the source color in a wide-gamut space (every
+ * built-in `bg-red-500` / `shadow-red-500` does, in v4).
+ * @param text
+ * @param multiplier
+ */
+function alphaFromCulori(text, multiplier) {
+    try {
+        const parsed = rgb(text);
+        if (!parsed)
+            return null;
+        if (![parsed.r, parsed.g, parsed.b].every((v) => typeof v === 'number' && Number.isFinite(v)))
+            return null;
+        const r = Math.round(Math.max(0, Math.min(1, parsed.r)) * 255);
+        const g = Math.round(Math.max(0, Math.min(1, parsed.g)) * 255);
+        const b = Math.round(Math.max(0, Math.min(1, parsed.b)) * 255);
+        const baseAlpha = typeof parsed.alpha === 'number' ? parsed.alpha : 1;
+        return `rgba(${r}, ${g}, ${b}, ${baseAlpha * multiplier})`;
+    }
+    catch {
+        // culori threw on an unrecognised CSS form — fall through.
+        return null;
+    }
+}
+/**
+ * Expand `#rgb` / `#rrggbb` / `#rrggbbaa` hex to its `{r, g, b, alpha}`
+ * components. Returns null when the digit count doesn't match a CSS hex
+ * shape.
+ * @param digits Hex digits without the leading `#`.
+ * @returns Decoded color or null.
+ */
+function expandHex(digits) {
+    const { length } = digits;
+    if (length === 3 || length === 4) {
+        const r = Number.parseInt(digits[0] + digits[0], 16);
+        const g = Number.parseInt(digits[1] + digits[1], 16);
+        const b = Number.parseInt(digits[2] + digits[2], 16);
+        const alpha = length === 4 ? Number.parseInt(digits[3] + digits[3], 16) / 255 : 1;
+        return Number.isNaN(r) || Number.isNaN(g) || Number.isNaN(b) ? null : { r, g, b, alpha };
+    }
+    if (length === 6 || length === 8) {
+        const r = Number.parseInt(digits.slice(0, 2), 16);
+        const g = Number.parseInt(digits.slice(2, 4), 16);
+        const b = Number.parseInt(digits.slice(4, 6), 16);
+        const alpha = length === 8 ? Number.parseInt(digits.slice(6, 8), 16) / 255 : 1;
+        return Number.isNaN(r) || Number.isNaN(g) || Number.isNaN(b) ? null : { r, g, b, alpha };
+    }
+    return null;
+}
+/**
+ * Strip the matched outer quote characters from a CSS string literal.
+ * `--font-sans: 'Inter-Medium'` flows through `var(--font-sans)`
+ * substitution as the raw value text — quotes included. Without this
+ * step `fontFamily` lands on the RN style as `"'Inter-Medium'"` (with
+ * literal quote characters), which RN can't match against the registered
+ * native font and silently falls back to the system face.
+ *
+ * Only strips when both ends agree (`'…'` or `"…"`) and there are no
+ * other top-level quote chars — keeps multi-segment fallbacks like
+ * `'Inter', sans-serif` untouched (those get split downstream).
+ * @param text Trimmed CSS value.
+ * @returns Same text with outer matching quotes removed, or unchanged.
+ */
+function unquoteCssString(text) {
+    if (text.length < 2)
+        return text;
+    const first = text.codePointAt(0);
+    const last = text.codePointAt(text.length - 1);
+    if (first === undefined || first !== last)
+        return text;
+    if (first !== 34 && first !== 39)
+        return text; // " or '
+    const inner = text.slice(1, -1);
+    // Don't unquote when the inner string itself contains an unescaped
+    // matching quote — that means we'd be merging two adjacent literals.
+    if (inner.includes(text[0]))
+        return text;
+    return inner;
 }
 /**
  * Substitute every `var(--name [, fallback])` reference in `text` with