rnwind 0.0.9 → 0.0.10

package/lib/cjs/core/parser/tw-parser.cjs

@@ -148,6 +148,33 @@ class TailwindParser {
             merged.set(k, v);
         return merged;
     }
+    /**
+     * Build the per-scheme theme token tables for `registerThemeTokens` —
+     * the data source for `useColor` / `useToken` / `useSize`. Emits one table
+     * per scheme the user wrote tokens under (`base` + each variant block /
+     * `.dark` override). `--color-*` values are lowered to sRGB (matching the
+     * className path) using `resolver` so a wide-gamut or `var()`-referencing
+     * token resolves to an RN-renderable string; other tokens pass through.
+     * @param resolver Full compiled `:root` table, for resolving `var()` refs.
+     * @returns Scheme → (token name → value) map.
+     */
+    buildThemeTokens(resolver) {
+        const out = {};
+        for (const scheme of this.themeSchemes.keys()) {
+            const userTable = this.themeSchemes.get(scheme);
+            if (!userTable || userTable.size === 0)
+                continue;
+            const schemeResolver = new Map(resolver);
+            for (const [k, v] of this.effectiveVars(scheme))
+                schemeResolver.set(k, v);
+            const table = {};
+            for (const [name, raw] of userTable) {
+                table[name] = name.startsWith('--color-') ? lowerColorToken(raw, schemeResolver) : raw;
+            }
+            out[scheme] = table;
+        }
+        return out;
+    }
     /**
      * Build the Tailwind compiler on first use and cache it. The theme CSS
      * gets a `theme(inline)` modifier on its `@import 'tailwindcss'` so
@@ -339,9 +366,23 @@ class TailwindParser {
             if (!referencedKeyframes.has(name))
                 keyframes$1.delete(name);
         }
-        return { atoms, keyframes: keyframes$1, propertyDefaults, gradientAtoms, hapticAtoms, candidates: [...candidates], schemes, breakpoints };
+        const themeTokens = this.buildThemeTokens(compiledTheme);
+        return { atoms, keyframes: keyframes$1, propertyDefaults, gradientAtoms, hapticAtoms, candidates: [...candidates], schemes, breakpoints, themeTokens };
     }
 }
+/**
+ * Lower a `--color-*` token value to an RN-renderable sRGB string, matching
+ * the className path: resolve any `var()` ref via `resolver`, then lower a
+ * wide-gamut form (`oklch(…)`, `lab(…)`, `color(p3 …)`) to sRGB. Hex / rgb /
+ * named colors pass through unchanged.
+ * @param raw Raw token value.
+ * @param resolver Var name → value table for resolving `var()` references.
+ * @returns RN-safe color string.
+ */
+function lowerColorToken(raw, resolver) {
+    const substituted = tokens.substituteThemeVars(raw, resolver);
+    return color.normalizeColorString(substituted) ?? substituted;
+}
 /**
  * Wrap an error from `@tailwindcss/node`'s compiler or `lightningcss`'s
  * transform with a `rnwind:` prefix so the user sees a clear "this came
@@ -388,6 +429,7 @@ function emptyOutput() {
         candidates: [],
         schemes: [themeVars.BASE_SCHEME],
         breakpoints: new Map(),
+        themeTokens: {},
     };
 }
 /**