react-native-css 2.1.1 → 3.0.0-nightly.27bd5e2

package/dist/module/metro/index.js

@@ -0,0 +1,159 @@
+"use strict";
+
+/* eslint-disable */
+import { dirname, relative, sep } from "node:path";
+import { versions } from "node:process";
+import connect from "connect";
+import debug from "debug";
+import { compile } from "../compiler/compiler.js";
+import { getNativeInjectionCode, getWebInjectionCode } from "./injection-code.js";
+import { nativeResolver, webResolver } from "./resolver.js";
+import { setupTypeScript } from "./typescript.js";
+const defaultLogger = debug("react-native-css:metro");
+export function withReactNativeCSS(config, options) {
+  if (typeof config === "function") {
+    return async () => {
+      return withReactNativeCSS(await config(), options);
+    };
+  }
+  if (Number(versions.node.split(".")[0]) < 20) {
+    throw new Error("react-native-css only supports NodeJS >20");
+  }
+  const {
+    disableTypeScriptGeneration,
+    typescriptEnvPath,
+    globalClassNamePolyfill = false
+  } = options || {};
+  if (disableTypeScriptGeneration !== true) {
+    setupTypeScript(typescriptEnvPath);
+  }
+  const originalMiddleware = config.server?.enhanceMiddleware;
+  const originalResolver = config.resolver?.resolveRequest;
+  const poisonPillPath = "./poison.pill";
+  return {
+    ...config,
+    transformerPath: require.resolve("./metro-transformer"),
+    resolver: {
+      ...config.resolver,
+      sourceExts: [...(config?.resolver?.sourceExts || []), "css"],
+      resolveRequest: (context, moduleName, platform) => {
+        if (moduleName === poisonPillPath) {
+          return {
+            type: "empty"
+          };
+        }
+
+        // Don't hijack the resolution of react-native imports
+        if (!globalClassNamePolyfill) {
+          const parentResolver = originalResolver ?? context.resolveRequest;
+          return parentResolver(context, moduleName, platform);
+        }
+        const parentResolver = originalResolver ?? context.resolveRequest;
+        const resolver = platform === "web" ? webResolver : nativeResolver;
+        const resolved = resolver(parentResolver, context, moduleName, platform);
+        return resolved;
+      }
+    },
+    server: {
+      ...config.server,
+      enhanceMiddleware(middleware, metroServer) {
+        const server = connect();
+        const bundler = metroServer.getBundler().getBundler();
+        if (!bundler.__react_native_css__patched) {
+          bundler.__react_native_css__patched = true;
+          const nativeCSSFiles = new Map();
+          const webCSSFiles = new Set();
+          const nativeInjectionPath = require.resolve("../runtime/native/metro");
+          const nativeInjectionFilepaths = [
+          // CommonJS
+          nativeInjectionPath,
+          // ES Module
+          nativeInjectionPath.replace(`dist${sep}commonjs`, `dist${sep}module`),
+          // TypeScript
+          nativeInjectionPath.replace(`dist${sep}commonjs`, `src`).replace(".js", ".ts")];
+          const webInjectionPath = require.resolve("../runtime/web/metro");
+          const webInjectionFilepaths = [
+          // CommonJS
+          webInjectionPath,
+          // ES Module
+          webInjectionPath.replace(`dist${sep}commonjs`, `dist${sep}module`),
+          // TypeScript
+          webInjectionPath.replace(`dist${sep}commonjs`, `src`).replace(".js", ".ts")];
+
+          // Keep the original
+          const transformFile = bundler.transformFile.bind(bundler);
+          const watcher = bundler.getWatcher();
+
+          // Patch with our functionality
+          bundler.transformFile = async function (filePath, transformOptions, fileBuffer) {
+            const isCss = /\.(s?css|sass)$/.test(filePath);
+            if (transformOptions.platform === "web") {
+              if (isCss) {
+                webCSSFiles.add(filePath);
+              } else if (webInjectionFilepaths.includes(filePath)) {
+                fileBuffer = getWebInjectionCode(Array.from(webCSSFiles));
+              }
+              return transformFile(filePath, transformOptions, fileBuffer);
+            } else {
+              // Handle CSS files on native platforms
+              if (isCss) {
+                const webTransform = await transformFile(filePath, {
+                  ...transformOptions,
+                  // Force the platform to web for CSS files
+                  platform: "web",
+                  // Let the transformer know that we will handle compilation
+                  customTransformOptions: {
+                    ...transformOptions.customTransformOptions,
+                    reactNativeCSSCompile: false
+                  }
+                }, fileBuffer);
+                const lastTransform = nativeCSSFiles.get(filePath);
+                const last = lastTransform?.[0];
+                const next = webTransform.output[0].data.css.code.toString();
+
+                // The CSS file has changed, we need to recompile the injection file
+                if (next !== last) {
+                  nativeCSSFiles.set(filePath, [next, compile(next, {
+                    hexColors: options?.hexColors
+                  })]);
+                  watcher.emit("change", {
+                    eventsQueue: nativeInjectionFilepaths.map(filePath => ({
+                      filePath,
+                      metadata: {
+                        modifiedTime: Date.now(),
+                        size: 1,
+                        // Can be anything
+                        type: "virtual" // Can be anything
+                      },
+                      type: "change"
+                    }))
+                  });
+                }
+                const nativeTransform = await transformFile(filePath, transformOptions, fileBuffer);
+
+                // Tell Expo to skip caching this file
+                nativeTransform.output[0].data.css = {
+                  skipCache: true,
+                  // Expo requires a `code` property
+                  code: ""
+                };
+                return nativeTransform;
+              } else if (nativeInjectionFilepaths.includes(filePath)) {
+                // If this is the injection file, we to swap its content with the
+                // compiled CSS files
+                fileBuffer = getNativeInjectionCode(Array.from(nativeCSSFiles.keys()).map(key => relative(dirname(filePath), key)), Array.from(nativeCSSFiles.values()).map(([, value]) => value));
+                if (defaultLogger.enabled && fileBuffer) {
+                  defaultLogger(`Transformed ${filePath}`);
+                  defaultLogger(fileBuffer?.toString());
+                }
+              }
+              return transformFile(filePath, transformOptions, fileBuffer);
+            }
+          };
+        }
+        return originalMiddleware ? server.use(originalMiddleware(middleware, metroServer)) : server.use(middleware);
+      }
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

package/dist/module/metro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dirname","relative","sep","versions","connect","debug","compile","getNativeInjectionCode","getWebInjectionCode","nativeResolver","webResolver","setupTypeScript","defaultLogger","withReactNativeCSS","config","options","Number","node","split","Error","disableTypeScriptGeneration","typescriptEnvPath","globalClassNamePolyfill","originalMiddleware","server","enhanceMiddleware","originalResolver","resolver","resolveRequest","poisonPillPath","transformerPath","require","resolve","sourceExts","context","moduleName","platform","type","parentResolver","resolved","middleware","metroServer","bundler","getBundler","__react_native_css__patched","nativeCSSFiles","Map","webCSSFiles","Set","nativeInjectionPath","nativeInjectionFilepaths","replace","webInjectionPath","webInjectionFilepaths","transformFile","bind","watcher","getWatcher","filePath","transformOptions","fileBuffer","isCss","test","add","includes","Array","from","webTransform","customTransformOptions","reactNativeCSSCompile","lastTransform","get","last","next","output","data","css","code","toString","set","hexColors","emit","eventsQueue","map","metadata","modifiedTime","Date","now","size","nativeTransform","skipCache","keys","key","values","value","enabled","use"],"sourceRoot":"../../../src","sources":["metro/index.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/metro/injection-code.js

@@ -0,0 +1,27 @@
+"use strict";
+
+/**
+ * This is a hack around Expo's handling of CSS files.
+ * When a component is inside a lazy() barrier, it is inside a different JS bundle.
+ * So when it updates, it only updates its local bundle, not the global one which contains the CSS files.
+ *
+ * To fix this, we force our code to always import the CSS files.
+ * Now the CSS files are in every bundle.
+ *
+ * We achieve this by collecting all CSS files and injecting them into a special file
+ * which is included inside react-native-css's runtime.
+ *
+ * This is why both of these function add imports for the CSS files.
+ */
+
+export function getWebInjectionCode(filePaths) {
+  const importStatements = filePaths.map(filePath => `import "${filePath}";`).join("\n");
+  return Buffer.from(importStatements);
+}
+export function getNativeInjectionCode(cssFilePaths, values) {
+  const importStatements = cssFilePaths.map(filePath => `import "${filePath}";`).join("\n");
+  const importPath = `import { StyleCollection } from "./api";`;
+  const contents = values.map(value => `StyleCollection.inject(${JSON.stringify(value)});`).join("\n");
+  return Buffer.from(`${importStatements}\n${importPath}\n${contents};export {};`);
+}
+//# sourceMappingURL=injection-code.js.map

package/dist/module/metro/injection-code.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getWebInjectionCode","filePaths","importStatements","map","filePath","join","Buffer","from","getNativeInjectionCode","cssFilePaths","values","importPath","contents","value","JSON","stringify"],"sourceRoot":"../../../src","sources":["metro/injection-code.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAASA,mBAAmBA,CAACC,SAAmB,EAAE;EACvD,MAAMC,gBAAgB,GAAGD,SAAS,CAC/BE,GAAG,CAAEC,QAAQ,IAAK,WAAWA,QAAQ,IAAI,CAAC,CAC1CC,IAAI,CAAC,IAAI,CAAC;EAEb,OAAOC,MAAM,CAACC,IAAI,CAACL,gBAAgB,CAAC;AACtC;AAEA,OAAO,SAASM,sBAAsBA,CACpCC,YAAsB,EACtBC,MAAiB,EACjB;EACA,MAAMR,gBAAgB,GAAGO,YAAY,CAClCN,GAAG,CAAEC,QAAQ,IAAK,WAAWA,QAAQ,IAAI,CAAC,CAC1CC,IAAI,CAAC,IAAI,CAAC;EACb,MAAMM,UAAU,GAAG,0CAA0C;EAC7D,MAAMC,QAAQ,GAAGF,MAAM,CACpBP,GAAG,CAAEU,KAAK,IAAK,0BAA0BC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,IAAI,CAAC,CACnER,IAAI,CAAC,IAAI,CAAC;EAEb,OAAOC,MAAM,CAACC,IAAI,CAChB,GAAGL,gBAAgB,KAAKS,UAAU,KAAKC,QAAQ,aACjD,CAAC;AACH","ignoreList":[]}

package/dist/module/metro/metro-transformer.js

@@ -0,0 +1,17 @@
+"use strict";
+
+const worker =
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+require("@expo/metro-config/build/transform-worker/transform-worker.js");
+export function transform(config, projectRoot, filePath, data, options) {
+  const isCss = options.type !== "asset" && /\.(s?css|sass)$/.test(filePath);
+  const skipCompile = options.customTransformOptions && "reactNativeCSSCompile" in options.customTransformOptions && options.customTransformOptions.reactNativeCSSCompile === false;
+  if (!isCss || skipCompile) {
+    return worker.transform(config, projectRoot, filePath, data, options);
+  }
+
+  // TODO - compile the CSS file inline
+
+  return worker.transform(config, projectRoot, filePath, data, options);
+}
+//# sourceMappingURL=metro-transformer.js.map

package/dist/module/metro/metro-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["worker","require","transform","config","projectRoot","filePath","data","options","isCss","type","test","skipCompile","customTransformOptions","reactNativeCSSCompile"],"sourceRoot":"../../../src","sources":["metro/metro-transformer.ts"],"mappings":";;AAMA,MAAMA,MAAM;AACV;AACAC,OAAO,CAAC,+DAA+D,CAA4C;AAErH,OAAO,SAASC,SAASA,CACvBC,MAA2B,EAC3BC,WAAmB,EACnBC,QAAgB,EAChBC,IAAY,EACZC,OAA2B,EACC;EAC5B,MAAMC,KAAK,GAAGD,OAAO,CAACE,IAAI,KAAK,OAAO,IAAI,iBAAiB,CAACC,IAAI,CAACL,QAAQ,CAAC;EAC1E,MAAMM,WAAW,GACfJ,OAAO,CAACK,sBAAsB,IAC9B,uBAAuB,IAAIL,OAAO,CAACK,sBAAsB,IACzDL,OAAO,CAACK,sBAAsB,CAACC,qBAAqB,KAAK,KAAK;EAEhE,IAAI,CAACL,KAAK,IAAIG,WAAW,EAAE;IACzB,OAAOX,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,CAAC;EACvE;;EAEA;;EAEA,OAAOP,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,CAAC;AACvE","ignoreList":[]}

package/dist/module/metro/picocolors.js

@@ -0,0 +1,67 @@
+"use strict";
+
+/* eslint-disable */
+// ISC License
+
+// Copyright (c) 2021 Alexey Raspopov, Kostiantyn Denysov, Anton Verinov
+
+// Permission to use, copy, modify, and/or distribute this software for any
+// purpose with or without fee is hereby granted, provided that the above
+// copyright notice and this permission notice appear in all copies.
+
+// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+//
+// https://github.com/alexeyraspopov/picocolors/blob/b6261487e7b81aaab2440e397a356732cad9e342/picocolors.js#L1
+
+const {
+  env,
+  stdout
+} = globalThis?.process ?? {};
+const enabled = env && !env.NO_COLOR && (env.FORCE_COLOR || stdout?.isTTY && !env.CI && env.TERM !== "dumb");
+const replaceClose = (str, close, replace, index) => {
+  const start = str.substring(0, index) + replace;
+  const end = str.substring(index + close.length);
+  const nextIndex = end.indexOf(close);
+  return ~nextIndex ? start + replaceClose(end, close, replace, nextIndex) : start + end;
+};
+const formatter = (open, close, replace = open) => {
+  if (!enabled) return String;
+  return input => {
+    const string = "" + input;
+    const index = string.indexOf(close, open.length);
+    return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
+  };
+};
+export const reset = enabled ? s => `\x1b[0m${s}\x1b[0m` : String;
+export const bold = formatter("\x1b[1m", "\x1b[22m", "\x1b[22m\x1b[1m");
+export const dim = formatter("\x1b[2m", "\x1b[22m", "\x1b[22m\x1b[2m");
+export const italic = formatter("\x1b[3m", "\x1b[23m");
+export const underline = formatter("\x1b[4m", "\x1b[24m");
+export const inverse = formatter("\x1b[7m", "\x1b[27m");
+export const hidden = formatter("\x1b[8m", "\x1b[28m");
+export const strikethrough = formatter("\x1b[9m", "\x1b[29m");
+export const black = formatter("\x1b[30m", "\x1b[39m");
+export const red = formatter("\x1b[31m", "\x1b[39m");
+export const green = formatter("\x1b[32m", "\x1b[39m");
+export const yellow = formatter("\x1b[33m", "\x1b[39m");
+export const blue = formatter("\x1b[34m", "\x1b[39m");
+export const magenta = formatter("\x1b[35m", "\x1b[39m");
+export const purple = formatter("\x1b[38;2;173;127;168m", "\x1b[39m");
+export const cyan = formatter("\x1b[36m", "\x1b[39m");
+export const white = formatter("\x1b[37m", "\x1b[39m");
+export const gray = formatter("\x1b[90m", "\x1b[39m");
+export const bgBlack = formatter("\x1b[40m", "\x1b[49m");
+export const bgRed = formatter("\x1b[41m", "\x1b[49m");
+export const bgGreen = formatter("\x1b[42m", "\x1b[49m");
+export const bgYellow = formatter("\x1b[43m", "\x1b[49m");
+export const bgBlue = formatter("\x1b[44m", "\x1b[49m");
+export const bgMagenta = formatter("\x1b[45m", "\x1b[49m");
+export const bgCyan = formatter("\x1b[46m", "\x1b[49m");
+export const bgWhite = formatter("\x1b[47m", "\x1b[49m");
+//# sourceMappingURL=picocolors.js.map

package/dist/module/metro/picocolors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["env","stdout","globalThis","process","enabled","NO_COLOR","FORCE_COLOR","isTTY","CI","TERM","replaceClose","str","close","replace","index","start","substring","end","length","nextIndex","indexOf","formatter","open","String","input","string","reset","s","bold","dim","italic","underline","inverse","hidden","strikethrough","black","red","green","yellow","blue","magenta","purple","cyan","white","gray","bgBlack","bgRed","bgGreen","bgYellow","bgBlue","bgMagenta","bgCyan","bgWhite"],"sourceRoot":"../../../src","sources":["metro/picocolors.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/metro/resolver.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { basename, resolve, sep } from "node:path";
+import { allowedModules } from "../babel/allowedModules.js";
+const thisModuleDist = resolve(__dirname, "../../../dist");
+const thisModuleSrc = resolve(__dirname, "../../../src");
+function isFromThisModule(filename) {
+  return filename.startsWith(thisModuleDist) || filename.startsWith(thisModuleSrc);
+}
+export function nativeResolver(resolver, context, moduleName, platform) {
+  const resolution = resolver(context, moduleName, platform);
+  if (
+  // Don't include our internal files
+  isFromThisModule(context.originModulePath) ||
+  // Only operate on source files
+  resolution.type !== "sourceFile" ||
+  // Skip the React Native barrel file to prevent infinite recursion
+  context.originModulePath.endsWith("react-native/index.js") ||
+  // Skip anything that isn't importing a React Native component
+  !(moduleName.startsWith("react-native") || moduleName.startsWith("react-native/"))) {
+    return resolution;
+  }
+  if (moduleName === "react-native") {
+    return resolver(context, `react-native-css/components`, platform);
+  }
+
+  // We only care about `react-native/Library/Components/<module>.js` components
+  const segments = resolution.filePath.split(sep);
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  const module = basename(segments.at(-1)).split(".")[0];
+  if (!module || !allowedModules.has(module)) {
+    return resolution;
+  }
+  return resolver(context, `react-native-css/components/${module}`, platform);
+}
+export function webResolver(resolver, context, moduleName, platform) {
+  const resolution = resolver(context, moduleName, platform);
+  if (
+  // Don't include our internal files
+  isFromThisModule(context.originModulePath) ||
+  // Only operate on source files
+  resolution.type !== "sourceFile" ||
+  // Skip anything that isn't importing from `react-native-web`
+  !resolution.filePath.includes(`${sep}react-native-web${sep}`)) {
+    return resolution;
+  }
+
+  // We only care about `react-native-web/<segment>/<segment>/<module>/index.js` components
+  const segments = resolution.filePath.split(sep);
+  const isIndex = segments.at(-1)?.startsWith("index.");
+  const module = segments.at(-2);
+  if (!isIndex || !module || !allowedModules.has(module)) {
+    return resolution;
+  }
+  return resolver(context, `react-native-css/components/${module}`, platform);
+}
+//# sourceMappingURL=resolver.js.map

package/dist/module/metro/resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["basename","resolve","sep","allowedModules","thisModuleDist","__dirname","thisModuleSrc","isFromThisModule","filename","startsWith","nativeResolver","resolver","context","moduleName","platform","resolution","originModulePath","type","endsWith","segments","filePath","split","module","at","has","webResolver","includes","isIndex"],"sourceRoot":"../../../src","sources":["metro/resolver.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,GAAG,QAAQ,WAAW;AAQlD,SAASC,cAAc,QAAQ,4BAAyB;AAExD,MAAMC,cAAc,GAAGH,OAAO,CAACI,SAAS,EAAE,eAAe,CAAC;AAC1D,MAAMC,aAAa,GAAGL,OAAO,CAACI,SAAS,EAAE,cAAc,CAAC;AAExD,SAASE,gBAAgBA,CAACC,QAAgB,EAAW;EACnD,OACEA,QAAQ,CAACC,UAAU,CAACL,cAAc,CAAC,IAAII,QAAQ,CAACC,UAAU,CAACH,aAAa,CAAC;AAE7E;AAEA,OAAO,SAASI,cAAcA,CAC5BC,QAAwB,EACxBC,OAAgC,EAChCC,UAAkB,EAClBC,QAAuB,EACX;EACZ,MAAMC,UAAU,GAAGJ,QAAQ,CAACC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAE1D;EACE;EACAP,gBAAgB,CAACK,OAAO,CAACI,gBAAgB,CAAC;EAC1C;EACAD,UAAU,CAACE,IAAI,KAAK,YAAY;EAChC;EACAL,OAAO,CAACI,gBAAgB,CAACE,QAAQ,CAAC,uBAAuB,CAAC;EAC1D;EACA,EACEL,UAAU,CAACJ,UAAU,CAAC,cAAc,CAAC,IACrCI,UAAU,CAACJ,UAAU,CAAC,eAAe,CAAC,CACvC,EACD;IACA,OAAOM,UAAU;EACnB;EAEA,IAAIF,UAAU,KAAK,cAAc,EAAE;IACjC,OAAOF,QAAQ,CAACC,OAAO,EAAE,6BAA6B,EAAEE,QAAQ,CAAC;EACnE;;EAEA;EACA,MAAMK,QAAQ,GAAGJ,UAAU,CAACK,QAAQ,CAACC,KAAK,CAACnB,GAAG,CAAC;EAC/C;EACA,MAAMoB,MAAM,GAAGtB,QAAQ,CAACmB,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,CAACF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;EAEvD,IAAI,CAACC,MAAM,IAAI,CAACnB,cAAc,CAACqB,GAAG,CAACF,MAAM,CAAC,EAAE;IAC1C,OAAOP,UAAU;EACnB;EAEA,OAAOJ,QAAQ,CAACC,OAAO,EAAE,+BAA+BU,MAAM,EAAE,EAAER,QAAQ,CAAC;AAC7E;AAEA,OAAO,SAASW,WAAWA,CACzBd,QAAwB,EACxBC,OAAgC,EAChCC,UAAkB,EAClBC,QAAuB,EACX;EACZ,MAAMC,UAAU,GAAGJ,QAAQ,CAACC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAE1D;EACE;EACAP,gBAAgB,CAACK,OAAO,CAACI,gBAAgB,CAAC;EAC1C;EACAD,UAAU,CAACE,IAAI,KAAK,YAAY;EAChC;EACA,CAACF,UAAU,CAACK,QAAQ,CAACM,QAAQ,CAAC,GAAGxB,GAAG,mBAAmBA,GAAG,EAAE,CAAC,EAC7D;IACA,OAAOa,UAAU;EACnB;;EAEA;EACA,MAAMI,QAAQ,GAAGJ,UAAU,CAACK,QAAQ,CAACC,KAAK,CAACnB,GAAG,CAAC;EAC/C,MAAMyB,OAAO,GAAGR,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEd,UAAU,CAAC,QAAQ,CAAC;EACrD,MAAMa,MAAM,GAAGH,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC;EAE9B,IAAI,CAACI,OAAO,IAAI,CAACL,MAAM,IAAI,CAACnB,cAAc,CAACqB,GAAG,CAACF,MAAM,CAAC,EAAE;IACtD,OAAOP,UAAU;EACnB;EAEA,OAAOJ,QAAQ,CAACC,OAAO,EAAE,+BAA+BU,MAAM,EAAE,EAAER,QAAQ,CAAC;AAC7E","ignoreList":[]}

package/dist/module/metro/stringify.js

@@ -0,0 +1,55 @@
+"use strict";
+
+/* eslint-disable */
+/**
+ * Convert a data structure to JavaScript.
+ * The output should be similar to JSON, but without the extra characters.
+ * This is simply to reduce file size in production
+ */
+export function stringify(data) {
+  switch (typeof data) {
+    case "bigint":
+    case "symbol":
+    case "function":
+      throw new Error(`Cannot stringify ${typeof data}`);
+    case "string":
+      return `"${data}"`;
+    case "number":
+      // Reduce to 3 decimal places
+      return `${Math.round(data * 1000) / 1000}`;
+    case "boolean":
+      return `${data}`;
+    case "undefined":
+      // null is processed faster than undefined
+      // JSON.stringify also converts undefined to null
+      return "null";
+    case "object":
+      {
+        if (data === null) {
+          return "null";
+        } else if (Array.isArray(data)) {
+          return `[${data.map(value => {
+            // These values can be omitted to create a holey array
+            // This is slightly slower to parse at runtime, but keeps the
+            // file size smaller
+            return value === null || value === undefined ? "" : stringify(value);
+          }).join(",")}]`;
+        } else {
+          return `{${Object.entries(data).flatMap(([key, value]) => {
+            // If an object's property is undefined or null we can just skip it
+            if (value === null || value === undefined) {
+              return [];
+            }
+
+            // Make sure we quote strings that require quotes
+            if (key.match(/[^a-zA-Z]/)) {
+              key = `"${key}"`;
+            }
+            value = stringify(value);
+            return [`${key}:${value}`];
+          }).join(",")}}`;
+        }
+      }
+  }
+}
+//# sourceMappingURL=stringify.js.map

package/dist/module/metro/stringify.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stringify","data","Error","Math","round","Array","isArray","map","value","undefined","join","Object","entries","flatMap","key","match"],"sourceRoot":"../../../src","sources":["metro/stringify.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,SAASA,CAACC,IAAa,EAAU;EAC/C,QAAQ,OAAOA,IAAI;IACjB,KAAK,QAAQ;IACb,KAAK,QAAQ;IACb,KAAK,UAAU;MACb,MAAM,IAAIC,KAAK,CAAC,oBAAoB,OAAOD,IAAI,EAAE,CAAC;IACpD,KAAK,QAAQ;MACX,OAAO,IAAIA,IAAI,GAAG;IACpB,KAAK,QAAQ;MACX;MACA,OAAO,GAAGE,IAAI,CAACC,KAAK,CAACH,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE;IAC5C,KAAK,SAAS;MACZ,OAAO,GAAGA,IAAI,EAAE;IAClB,KAAK,WAAW;MACd;MACA;MACA,OAAO,MAAM;IACf,KAAK,QAAQ;MAAE;QACb,IAAIA,IAAI,KAAK,IAAI,EAAE;UACjB,OAAO,MAAM;QACf,CAAC,MAAM,IAAII,KAAK,CAACC,OAAO,CAACL,IAAI,CAAC,EAAE;UAC9B,OAAO,IAAIA,IAAI,CACZM,GAAG,CAAEC,KAAK,IAAK;YACd;YACA;YACA;YACA,OAAOA,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKC,SAAS,GACxC,EAAE,GACFT,SAAS,CAACQ,KAAK,CAAC;UACtB,CAAC,CAAC,CACDE,IAAI,CAAC,GAAG,CAAC,GAAG;QACjB,CAAC,MAAM;UACL,OAAO,IAAIC,MAAM,CAACC,OAAO,CAACX,IAAI,CAAC,CAC5BY,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEN,KAAK,CAAC,KAAK;YACzB;YACA,IAAIA,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKC,SAAS,EAAE;cACzC,OAAO,EAAE;YACX;;YAEA;YACA,IAAIK,GAAG,CAACC,KAAK,CAAC,WAAW,CAAC,EAAE;cAC1BD,GAAG,GAAG,IAAIA,GAAG,GAAG;YAClB;YAEAN,KAAK,GAAGR,SAAS,CAACQ,KAAK,CAAC;YAExB,OAAO,CAAC,GAAGM,GAAG,IAAIN,KAAK,EAAE,CAAC;UAC5B,CAAC,CAAC,CACDE,IAAI,CAAC,GAAG,CAAC,GAAG;QACjB;MACF;EACF;AACF","ignoreList":[]}

package/dist/module/metro/typescript.js

@@ -0,0 +1,42 @@
+"use strict";
+
+/* eslint-disable */
+import { existsSync, readFileSync, writeFileSync } from "fs";
+import { CommentArray, parse, stringify } from "comment-json";
+import { bold, cyan } from "./picocolors.js";
+export function setupTypeScript(envPath = "react-native-css-env.d.ts", name = "react-native-css") {
+  try {
+    const ts = require("typescript");
+    if (!ts) {
+      return;
+    }
+    const configFileName = ts.findConfigFile("./", ts.sys.fileExists, "tsconfig.json");
+    const userConfig = parse(readFileSync(configFileName, {
+      encoding: "utf-8"
+    }));
+    if (typeof userConfig !== "object" || !userConfig || Array.isArray(userConfig)) {
+      return;
+    }
+    const output = [];
+    let updatedConfig = false;
+    if (!existsSync(envPath)) {
+      writeFileSync(envPath, `/// <reference types="react-native-css/types" />
+
+// NOTE: This file should not be edited and should be committed with your source code. It is generated by ${name}. If you need to move or disable this file, please see the documentation.`);
+      output.push(`Created ${cyan(envPath)}`);
+    }
+    userConfig.include ??= new CommentArray(envPath);
+    if (Array.isArray(userConfig.include) && !userConfig.include.includes(envPath)) {
+      userConfig.include.push(envPath);
+      updatedConfig = true;
+      output.push(`Updated ${configFileName} to include the ${cyan(envPath)} file`);
+    }
+    if (updatedConfig) {
+      writeFileSync(configFileName, stringify(userConfig, null, 2));
+    }
+    if (output.length) {
+      console.log(`${cyan(bold("NativeWind"))} made the following changes to your project to support TypeScript:\n  - ${output.join("\n  - ")}`);
+    }
+  } catch {}
+}
+//# sourceMappingURL=typescript.js.map

package/dist/module/metro/typescript.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["existsSync","readFileSync","writeFileSync","CommentArray","parse","stringify","bold","cyan","setupTypeScript","envPath","name","ts","require","configFileName","findConfigFile","sys","fileExists","userConfig","encoding","Array","isArray","output","updatedConfig","push","include","includes","length","console","log","join"],"sourceRoot":"../../../src","sources":["metro/typescript.ts"],"mappings":";;AAAA;AACA,SAASA,UAAU,EAAEC,YAAY,EAAEC,aAAa,QAAQ,IAAI;AAE5D,SAASC,YAAY,EAAEC,KAAK,EAAEC,SAAS,QAAQ,cAAc;AAE7D,SAASC,IAAI,EAAEC,IAAI,QAAQ,iBAAc;AAEzC,OAAO,SAASC,eAAeA,CAC7BC,OAAO,GAAG,2BAA2B,EACrCC,IAAI,GAAG,kBAAkB,EACzB;EACA,IAAI;IACF,MAAMC,EAAE,GAAGC,OAAO,CAAC,YAAY,CAAC;IAChC,IAAI,CAACD,EAAE,EAAE;MACP;IACF;IAEA,MAAME,cAAc,GAAGF,EAAE,CAACG,cAAc,CACtC,IAAI,EACJH,EAAE,CAACI,GAAG,CAACC,UAAU,EACjB,eACF,CAAC;IAED,MAAMC,UAAU,GAAGb,KAAK,CACtBH,YAAY,CAACY,cAAc,EAAE;MAC3BK,QAAQ,EAAE;IACZ,CAAC,CACH,CAAC;IAED,IACE,OAAOD,UAAU,KAAK,QAAQ,IAC9B,CAACA,UAAU,IACXE,KAAK,CAACC,OAAO,CAACH,UAAU,CAAC,EACzB;MACA;IACF;IAEA,MAAMI,MAAgB,GAAG,EAAE;IAC3B,IAAIC,aAAa,GAAG,KAAK;IAEzB,IAAI,CAACtB,UAAU,CAACS,OAAO,CAAC,EAAE;MACxBP,aAAa,CACXO,OAAO,EACP;AACR;AACA,4GAA4GC,IAAI,2EAC1G,CAAC;MACDW,MAAM,CAACE,IAAI,CAAC,WAAWhB,IAAI,CAACE,OAAO,CAAC,EAAE,CAAC;IACzC;IAEAQ,UAAU,CAACO,OAAO,KAAK,IAAIrB,YAAY,CAACM,OAAO,CAAC;IAChD,IACEU,KAAK,CAACC,OAAO,CAACH,UAAU,CAACO,OAAO,CAAC,IACjC,CAACP,UAAU,CAACO,OAAO,CAACC,QAAQ,CAAChB,OAAO,CAAC,EACrC;MACAQ,UAAU,CAACO,OAAO,CAACD,IAAI,CAACd,OAAO,CAAC;MAChCa,aAAa,GAAG,IAAI;MACpBD,MAAM,CAACE,IAAI,CACT,WAAWV,cAAc,mBAAmBN,IAAI,CAACE,OAAO,CAAC,OAC3D,CAAC;IACH;IAEA,IAAIa,aAAa,EAAE;MACjBpB,aAAa,CAACW,cAAc,EAAER,SAAS,CAACY,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/D;IAEA,IAAII,MAAM,CAACK,MAAM,EAAE;MACjBC,OAAO,CAACC,GAAG,CACT,GAAGrB,IAAI,CAACD,IAAI,CAAC,YAAY,CAAC,CAAC,2EAA2Ee,MAAM,CAACQ,IAAI,CAAC,QAAQ,CAAC,EAC7H,CAAC;IACH;EACF,CAAC,CAAC,MAAM,CAAC;AACX","ignoreList":[]}

package/dist/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/module/poison.pill.js

@@ -0,0 +1,34 @@
+"use strict";
+
+throw new Error(`react-native-css has encountered a setup error. 
+
+┌─────-─┐
+| Metro | 
+└─────-─┘
+
+Either your metro.config.js is missing the 'withReactNativeCSS' wrapper OR
+the resolver.resolveRequest function of your config is being overridden, and not calling the parent resolver.
+
+When using 3rd party libraries, please use withReactNativeCSS as the innermost function when composing Metro configs.
+
+\`\`\`ts
+const config = getDefaultConfig(__dirname);
+module.exports = with3rdPartyPlugin(
+  withReactNativeCSS(config)
+)
+\`\`\`
+
+┌─────------─┐
+| NativeWind | 
+└─────------─┘
+
+If you are using NativeWind with the 'withNativeWind' function, follow the Metro instructions above, but use 'withNativeWind' instead of 'withReactNativeCSS'.
+
+┌─────----------─┐
+| Other bundlers | 
+└─────----------─┘
+
+If you are using another bundler (Vite, Webpack, etc), or non-Metro framework (Next.js, Remix, etc), please ensure you have included 'react-native-css/babel' as a babel preset.
+`);
+export {};
+//# sourceMappingURL=poison.pill.js.map

package/dist/module/poison.pill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Error"],"sourceRoot":"../../src","sources":["poison.pill.ts"],"mappings":";;AAAA,MAAM,IAAIA,KAAK,CAAC;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF","ignoreList":[]}

package/dist/module/runtime/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+/**
+ * An opinionated runtime for React Native CSS.
+ * @module
+ */
+
+export * from "./runtime";
+//# sourceMappingURL=index.js.map

package/dist/module/runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["runtime/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,cAAc,WAAW","ignoreList":[]}

package/dist/module/runtime/native/api.js

@@ -0,0 +1,75 @@
+"use strict";
+
+/* eslint-disable  */
+import { useContext, useState } from "react";
+import { Appearance } from "react-native";
+import { mappingToConfig, useNativeCss } from "./react/useNativeCss.js";
+import { usePassthrough } from "./react/usePassthrough.js";
+import { colorScheme as colorSchemeObs, VAR_SYMBOL, VariableContext } from "./reactivity.js";
+import { resolveValue } from "./styles/resolve.js";
+export { StyleCollection } from "./injection.js";
+
+/**
+ * Generates a new Higher-Order component the wraps the base component and applies the styles.
+ * This is added to the `interopComponents` map so that it can be used in the `wrapJSX` function
+ * @param baseComponent
+ * @param mapping
+ */
+export const styled = (baseComponent, mapping, options) => {
+  let component;
+  // const type = getComponentType(baseComponent);
+
+  const configs = mappingToConfig(mapping);
+  if (options?.passThrough) {
+    component = props => {
+      return usePassthrough(baseComponent, props, configs);
+    };
+  } else {
+    component = props => {
+      return useNativeCss(baseComponent, props, configs);
+    };
+  }
+  const name = baseComponent.displayName ?? baseComponent.name ?? "unknown";
+  component.displayName = `CssInterop.${name}`;
+  return component;
+};
+export const colorScheme = {
+  get() {
+    return colorSchemeObs.get() ?? Appearance.getColorScheme() ?? "light";
+  },
+  set(value) {
+    return colorSchemeObs.set(value);
+  }
+};
+export const useUnstableNativeVariable = useNativeVariable;
+export const useCssElement = (component, incomingProps, mapping) => {
+  const [config] = useState(() => mappingToConfig(mapping));
+  return useNativeCss(component, incomingProps, config);
+};
+export function useNativeVariable(name) {
+  if (name.startsWith("--")) {
+    name = name.slice(2);
+  }
+  const inheritedVariables = useContext(VariableContext);
+  const [effect, setState] = useState(() => {
+    const effect = {
+      observers: new Set(),
+      run: () => setState(state => ({
+        ...state
+      }))
+    };
+    const get = observable => observable.get(effect);
+    return {
+      ...effect,
+      get
+    };
+  });
+  return resolveValue([{}, "var", [name]], effect.get, {
+    inheritedVariables
+  });
+}
+export function vars(variables) {
+  variables[VAR_SYMBOL] = "inline";
+  return variables;
+}
+//# sourceMappingURL=api.js.map

package/dist/module/runtime/native/api.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useState","Appearance","mappingToConfig","useNativeCss","usePassthrough","colorScheme","colorSchemeObs","VAR_SYMBOL","VariableContext","resolveValue","StyleCollection","styled","baseComponent","mapping","options","component","configs","passThrough","props","name","displayName","get","getColorScheme","set","value","useUnstableNativeVariable","useNativeVariable","useCssElement","incomingProps","config","startsWith","slice","inheritedVariables","effect","setState","observers","Set","run","state","observable","vars","variables"],"sourceRoot":"../../../../src","sources":["runtime/native/api.ts"],"mappings":"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","ignoreList":[]}