From fc924b528a7931acab8833f139434a66c3fe830e Mon Sep 17 00:00:00 2001
From: Naman Goel <nmn@users.noreply.github.com>
Date: Sun, 13 Oct 2024 20:03:28 -0400
Subject: [PATCH 1/2] feat: automatically resolve name from containing
 package.json

---
 .../babel-plugin/src/utils/state-manager.js   |   55 +-
 .../__snapshots__/index-test.js.snap          |   10 +-
 .../open-props-compile-test.js.snap           | 2082 ++++++++---------
 packages/shared/src/stylex-define-vars.js     |    5 +-
 4 files changed, 1098 insertions(+), 1054 deletions(-)

diff --git a/packages/babel-plugin/src/utils/state-manager.js b/packages/babel-plugin/src/utils/state-manager.js
index c631eede..28f876ab 100644
--- a/packages/babel-plugin/src/utils/state-manager.js
+++ b/packages/babel-plugin/src/utils/state-manager.js
@@ -16,6 +16,7 @@ import type {
 } from '@stylexjs/shared';
 import { name } from '@stylexjs/stylex/package.json';
 import path from 'path';
+import fs from 'fs';
 import type { Check } from './validate';
 import * as z from './validate';
 import { addDefault, addNamed } from '@babel/helper-module-imports';
@@ -35,7 +36,7 @@ export type ImportPathResolution =
 type ModuleResolution =
   | $ReadOnly<{
       type: 'commonJS',
-      rootDir: string,
+      rootDir?: string,
       themeFileExtension?: ?string,
     }>
   | $ReadOnly<{
@@ -44,7 +45,7 @@ type ModuleResolution =
     }>
   | $ReadOnly<{
       type: 'experimental_crossFileParsing',
-      rootDir: string,
+      rootDir?: string,
       themeFileExtension?: ?string,
     }>;
 
@@ -463,11 +464,48 @@ export default class StateManager {
     switch (this.options.unstable_moduleResolution.type) {
       case 'haste':
         return path.basename(filename);
-      default: {
-        const rootDir = this.options.unstable_moduleResolution.rootDir;
-        return path.relative(rootDir, filename);
+      default:
+        return this.getCanonicalFilePath(filename);
+    }
+  }
+
+  getPackageNameAndPath(
+    filepath: string,
+  ): null | [+packageName: string, +packageDir: string] {
+    const folder = path.dirname(filepath);
+    if (folder === '/' || folder === '') {
+      return null;
+    }
+
+    const hasPackageJSON = fs.existsSync(path.join(folder, 'package.json'));
+    if (hasPackageJSON) {
+      try {
+        const packageJson = JSON.parse(
+          fs.readFileSync(path.join(folder, 'package.json'), 'utf8'),
+        );
+        const name = packageJson.name;
+        return [name, folder];
+      } catch (err) {
+        console.error(err);
+        return null;
+      }
+    } else {
+      return this.getPackageNameAndPath(folder);
+    }
+  }
+
+  getCanonicalFilePath(filePath: string): string {
+    const pkgNameAndPath = this.getPackageNameAndPath(filePath);
+    if (pkgNameAndPath == null) {
+      const rootDir = this.options.unstable_moduleResolution?.rootDir;
+      if (rootDir != null) {
+        return path.relative(rootDir, filePath);
       }
+      const fileName = path.relative(path.dirname(filePath), filePath);
+      return `_unknown_path_:${fileName}`;
     }
+    const [packageName, packageDir] = pkgNameAndPath;
+    return `${packageName}:${path.relative(packageDir, filePath)}`;
   }
 
   importPathResolver(importPath: string): ImportPathResolution {
@@ -478,7 +516,6 @@ export default class StateManager {
 
     switch (this.options.unstable_moduleResolution?.type) {
       case 'commonJS': {
-        const rootDir = this.options.unstable_moduleResolution.rootDir;
         const aliases = this.options.aliases;
         const themeFileExtension =
           this.options.unstable_moduleResolution?.themeFileExtension ??
@@ -492,7 +529,7 @@ export default class StateManager {
           aliases,
         );
         return resolvedFilePath
-          ? ['themeNameRef', path.relative(rootDir, resolvedFilePath)]
+          ? ['themeNameRef', this.getCanonicalFilePath(resolvedFilePath)]
           : false;
       }
       case 'haste': {
@@ -682,6 +719,10 @@ const addFileExtension = (
     return importedFilePath;
   }
   const fileExtension = path.extname(sourceFile);
+  // NOTE: This is unsafe. We are assuming the all files in your project
+  // use the same file extension.
+  // However, in a haste module system we have no way to resolve the
+  // *actual* file to get the actual file extension used.
   return importedFilePath + fileExtension;
 };
 
diff --git a/packages/esbuild-plugin/__tests__/__snapshots__/index-test.js.snap b/packages/esbuild-plugin/__tests__/__snapshots__/index-test.js.snap
index 2818a3f2..409c1c26 100644
--- a/packages/esbuild-plugin/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/esbuild-plugin/__tests__/__snapshots__/index-test.js.snap
@@ -106,7 +106,7 @@ exports[`esbuild-plugin-stylex extracts and bundles CSS without inject calls, bu
   // __tests__/__fixtures__/index.ts
   function App() {
     return {
-      className: "xlu94hl xgbg9yd"
+      className: "xktrvhi xthc9sq"
     };
   }
 })();
@@ -117,12 +117,12 @@ exports[`esbuild-plugin-stylex extracts and bundles CSS without inject calls, bu
 "
 @layer priority1, priority2;
 @layer priority1{
-:root{--x1b96qz0:white;--x1cpylmt:pink;--xr6c0rs:green;}
+:root{--xx1oc6k:white;--x14p2zvc:pink;--xdr2u03:green;}
 }
 @layer priority2{
-.xlu94hl{background-color:var(--x1b96qz0)}
-.xfpfjxz{color:var(--x1cpylmt)}
-.xgbg9yd{color:var(--xr6c0rs)}
+.xktrvhi{background-color:var(--xx1oc6k)}
+.xiz802d{color:var(--x14p2zvc)}
+.xthc9sq{color:var(--xdr2u03)}
 }"
 `;
 
diff --git a/packages/open-props/__tests__/__snapshots__/open-props-compile-test.js.snap b/packages/open-props/__tests__/__snapshots__/open-props-compile-test.js.snap
index 1a5758e6..7ef1b6aa 100644
--- a/packages/open-props/__tests__/__snapshots__/open-props-compile-test.js.snap
+++ b/packages/open-props/__tests__/__snapshots__/open-props-compile-test.js.snap
@@ -36,29 +36,29 @@ const float = "xtacmzc-B";
 const bounce = "xmu8adp-B";
 const pulse = "x1wtl5zh-B";
 export const animationNames = {
-  fadeIn: "var(--xwgfw4z)",
-  fadeInBloom: "var(--xwpxwog)",
-  fadeOut: "var(--x1mrv0ld)",
-  fadeOutBloom: "var(--x1f9mpsk)",
-  scaleUp: "var(--x1dlahej)",
-  scaleDown: "var(--xchc88h)",
-  slideOutUp: "var(--x1wwe1u9)",
-  slideOutDown: "var(--xojb453)",
-  slideOutRight: "var(--x1erxhtw)",
-  slideOutLeft: "var(--x2p2omt)",
-  slideInUp: "var(--x1lyv700)",
-  slideInDown: "var(--x1dhg8ry)",
-  slideInRight: "var(--x14d2ijb)",
-  slideInLeft: "var(--x1r6uxce)",
-  shakeX: "var(--x1o3zfci)",
-  shakeY: "var(--xhf4ud)",
-  spin: "var(--x7jv0fk)",
-  ping: "var(--x1x4v7e3)",
-  blink: "var(--xg5no4m)",
-  float: "var(--x7mxyyy)",
-  bounce: "var(--xs1cbdk)",
-  pulse: "var(--x1gf7j19)",
-  __themeName__: "x1p4jv38"
+  fadeIn: "var(--x1tpojno)",
+  fadeInBloom: "var(--x196p7n0)",
+  fadeOut: "var(--x1744v7y)",
+  fadeOutBloom: "var(--x1cjy58y)",
+  scaleUp: "var(--x18ipih6)",
+  scaleDown: "var(--x1o6vkl7)",
+  slideOutUp: "var(--xtar0oa)",
+  slideOutDown: "var(--x1pl3rtr)",
+  slideOutRight: "var(--xygut9p)",
+  slideOutLeft: "var(--xo4sz2)",
+  slideInUp: "var(--xu86f5p)",
+  slideInDown: "var(--x1wje62b)",
+  slideInRight: "var(--x2nfvv6)",
+  slideInLeft: "var(--x4efuzq)",
+  shakeX: "var(--x1hp58ex)",
+  shakeY: "var(--xyzqrm4)",
+  spin: "var(--x1j60cb5)",
+  ping: "var(--x1gf74ca)",
+  blink: "var(--xrqruaz)",
+  float: "var(--x4hq2i0)",
+  bounce: "var(--x1wfjpbb)",
+  pulse: "var(--xwo0ei1)",
+  __themeName__: "x1buy10o"
 };"
 `;
 
@@ -257,17 +257,17 @@ exports[`commonJS results of exported styles and variables animationNames.stylex
     1,
   ],
   [
-    "x1p4jv38",
+    "x1buy10o",
     {
-      "ltr": ":root{--xwgfw4z:x1wv65fh-B;--xwpxwog:x3cospo-B;--x1mrv0ld:x1mi9bte-B;--x1f9mpsk:xd93vs1-B;--x1dlahej:x1gdf4cp-B;--xchc88h:x1uvjygu-B;--x1wwe1u9:xyz4r9t-B;--xojb453:xyz4r9t-B;--x1erxhtw:x1qkfcoh-B;--x2p2omt:x1c1el34-B;--x1lyv700:x5q0om7-B;--x1dhg8ry:xiaildr-B;--x14d2ijb:x1pzz5b5-B;--x1r6uxce:x2i3tye-B;--x1o3zfci:xui5qpo-B;--xhf4ud:x1oudpiw-B;--x7jv0fk:x1uh2x5g-B;--x1x4v7e3:xk6fz2t-B;--xg5no4m:x13kz0yu-B;--x7mxyyy:xtacmzc-B;--xs1cbdk:xmu8adp-B;--x1gf7j19:x1wtl5zh-B;}",
+      "ltr": ":root{--x1tpojno:x1wv65fh-B;--x196p7n0:x3cospo-B;--x1744v7y:x1mi9bte-B;--x1cjy58y:xd93vs1-B;--x18ipih6:x1gdf4cp-B;--x1o6vkl7:x1uvjygu-B;--xtar0oa:xyz4r9t-B;--x1pl3rtr:xyz4r9t-B;--xygut9p:x1qkfcoh-B;--xo4sz2:x1c1el34-B;--xu86f5p:x5q0om7-B;--x1wje62b:xiaildr-B;--x2nfvv6:x1pzz5b5-B;--x4efuzq:x2i3tye-B;--x1hp58ex:xui5qpo-B;--xyzqrm4:x1oudpiw-B;--x1j60cb5:x1uh2x5g-B;--x1gf74ca:xk6fz2t-B;--xrqruaz:x13kz0yu-B;--x4hq2i0:xtacmzc-B;--x1wfjpbb:xmu8adp-B;--xwo0ei1:x1wtl5zh-B;}",
       "rtl": null,
     },
     0,
   ],
   [
-    "x1p4jv38-1lveb7",
+    "x1buy10o-1lveb7",
     {
-      "ltr": "@media (prefers-color-scheme: dark){:root{--xwpxwog:x1xhkb8m-B;--x1f9mpsk:x18q36hy-B;}}",
+      "ltr": "@media (prefers-color-scheme: dark){:root{--x196p7n0:x1xhkb8m-B;--x1cjy58y:x18q36hy-B;}}",
       "rtl": null,
     },
     0.1,
@@ -292,140 +292,140 @@ import './easings.stylex';
 import { easings } from './easings.stylex';
 export const animations = {
   fadeIn: {
-    animationName: "x3p9t1x",
+    animationName: "xh1ldnn",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   fadeInBloom: {
-    animationName: "x1jluy61",
+    animationName: "x4roml5",
     animationDuration: "x1c74tu6",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   fadeOut: {
-    animationName: "xtul1er",
+    animationName: "x5v1hgg",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   fadeOutBloom: {
-    animationName: "xs9yh5e",
+    animationName: "x171obl0",
     animationDuration: "x1c74tu6",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   scaleUp: {
-    animationName: "x6fat4",
+    animationName: "x1ixqlkn",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   scaleDown: {
-    animationName: "xik3923",
+    animationName: "xoj00vt",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   slideOutUp: {
-    animationName: "xkk4jzx",
+    animationName: "xqd33nb",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   slideOutDown: {
-    animationName: "xkqocqf",
+    animationName: "xkgcxt4",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   slideOutRight: {
-    animationName: "x1jpkbm0",
+    animationName: "x1eqxhb2",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   slideOutLeft: {
-    animationName: "xic7rct",
+    animationName: "x1dqchgh",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   slideInUp: {
-    animationName: "x1enzhaa",
+    animationName: "x1je50gr",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   slideInDown: {
-    animationName: "xcc5dou",
+    animationName: "x3kizir",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   slideInRight: {
-    animationName: "xchojtd",
+    animationName: "xpcdybh",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   slideInLeft: {
-    animationName: "x4jw8wk",
+    animationName: "x1ccho7t",
     animationDuration: "xxkxylk",
-    animationTimingFunction: "x2rebkn",
+    animationTimingFunction: "xnuir8f",
     $$css: true
   },
   shakeX: {
-    animationName: "x11muyh7",
+    animationName: "xvzz9k2",
     animationDuration: "x7v9bd0",
-    animationTimingFunction: "xdd0vbd",
+    animationTimingFunction: "x1i0jbje",
     $$css: true
   },
   shakeY: {
-    animationName: "x8incjk",
+    animationName: "x17f3kfx",
     animationDuration: "x7v9bd0",
-    animationTimingFunction: "xdd0vbd",
+    animationTimingFunction: "x1i0jbje",
     $$css: true
   },
   spin: {
-    animationName: "x1agzdf0",
+    animationName: "x1o9ub63",
     animationDuration: "x1c74tu6",
     animationTimingFunction: "x1esw782",
     animationIterationCount: "xa4qsjk",
     $$css: true
   },
   ping: {
-    animationName: "xrsn023",
+    animationName: "x1k7hdbq",
     animationDuration: "xz5h9r3",
-    animationTimingFunction: "x1yce85n",
+    animationTimingFunction: "x1de9pr8",
     animationIterationCount: "xa4qsjk",
     $$css: true
   },
   blink: {
-    animationName: "x14z51v8",
+    animationName: "xr02afx",
     animationDuration: "x1q3qbx4",
-    animationTimingFunction: "x1yce85n",
+    animationTimingFunction: "x1de9pr8",
     animationIterationCount: "xa4qsjk",
     $$css: true
   },
   float: {
-    animationName: "x16hxodu",
+    animationName: "x1mfaoq1",
     animationDuration: "x7t6ubo",
-    animationTimingFunction: "x1hfssnz",
+    animationTimingFunction: "x1pcntoe",
     animationIterationCount: "xa4qsjk",
     $$css: true
   },
   bounce: {
-    animationName: "x1dnw425",
+    animationName: "x3gult4",
     animationDuration: "x1c74tu6",
-    animationTimingFunction: "x10326v5",
+    animationTimingFunction: "x84ng4n",
     animationIterationCount: "xa4qsjk",
     $$css: true
   },
   pulse: {
-    animationName: "x1gfcmw4",
+    animationName: "x179usdr",
     animationDuration: "x1c74tu6",
-    animationTimingFunction: "x1yce85n",
+    animationTimingFunction: "x1de9pr8",
     animationIterationCount: "xa4qsjk",
     $$css: true
   }
@@ -435,9 +435,9 @@ export const animations = {
 exports[`commonJS results of exported styles and variables animations.stylex.js 2`] = `
 [
   [
-    "x3p9t1x",
+    "xh1ldnn",
     {
-      "ltr": ".x3p9t1x{animation-name:var(--xwgfw4z)}",
+      "ltr": ".xh1ldnn{animation-name:var(--x1tpojno)}",
       "rtl": null,
     },
     3000,
@@ -451,17 +451,17 @@ exports[`commonJS results of exported styles and variables animations.stylex.js
     3000,
   ],
   [
-    "x2rebkn",
+    "xnuir8f",
     {
-      "ltr": ".x2rebkn{animation-timing-function:var(--x1fbo7zi)}",
+      "ltr": ".xnuir8f{animation-timing-function:var(--x1ykp4cl)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x1jluy61",
+    "x4roml5",
     {
-      "ltr": ".x1jluy61{animation-name:var(--xwpxwog)}",
+      "ltr": ".x4roml5{animation-name:var(--x196p7n0)}",
       "rtl": null,
     },
     3000,
@@ -475,105 +475,105 @@ exports[`commonJS results of exported styles and variables animations.stylex.js
     3000,
   ],
   [
-    "xtul1er",
+    "x5v1hgg",
     {
-      "ltr": ".xtul1er{animation-name:var(--x1mrv0ld)}",
+      "ltr": ".x5v1hgg{animation-name:var(--x1744v7y)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "xs9yh5e",
+    "x171obl0",
     {
-      "ltr": ".xs9yh5e{animation-name:var(--x1f9mpsk)}",
+      "ltr": ".x171obl0{animation-name:var(--x1cjy58y)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x6fat4",
+    "x1ixqlkn",
     {
-      "ltr": ".x6fat4{animation-name:var(--x1dlahej)}",
+      "ltr": ".x1ixqlkn{animation-name:var(--x18ipih6)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "xik3923",
+    "xoj00vt",
     {
-      "ltr": ".xik3923{animation-name:var(--xchc88h)}",
+      "ltr": ".xoj00vt{animation-name:var(--x1o6vkl7)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "xkk4jzx",
+    "xqd33nb",
     {
-      "ltr": ".xkk4jzx{animation-name:var(--x1wwe1u9)}",
+      "ltr": ".xqd33nb{animation-name:var(--xtar0oa)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "xkqocqf",
+    "xkgcxt4",
     {
-      "ltr": ".xkqocqf{animation-name:var(--xojb453)}",
+      "ltr": ".xkgcxt4{animation-name:var(--x1pl3rtr)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x1jpkbm0",
+    "x1eqxhb2",
     {
-      "ltr": ".x1jpkbm0{animation-name:var(--x1erxhtw)}",
+      "ltr": ".x1eqxhb2{animation-name:var(--xygut9p)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "xic7rct",
+    "x1dqchgh",
     {
-      "ltr": ".xic7rct{animation-name:var(--x2p2omt)}",
+      "ltr": ".x1dqchgh{animation-name:var(--xo4sz2)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x1enzhaa",
+    "x1je50gr",
     {
-      "ltr": ".x1enzhaa{animation-name:var(--x1lyv700)}",
+      "ltr": ".x1je50gr{animation-name:var(--xu86f5p)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "xcc5dou",
+    "x3kizir",
     {
-      "ltr": ".xcc5dou{animation-name:var(--x1dhg8ry)}",
+      "ltr": ".x3kizir{animation-name:var(--x1wje62b)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "xchojtd",
+    "xpcdybh",
     {
-      "ltr": ".xchojtd{animation-name:var(--x14d2ijb)}",
+      "ltr": ".xpcdybh{animation-name:var(--x2nfvv6)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x4jw8wk",
+    "x1ccho7t",
     {
-      "ltr": ".x4jw8wk{animation-name:var(--x1r6uxce)}",
+      "ltr": ".x1ccho7t{animation-name:var(--x4efuzq)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x11muyh7",
+    "xvzz9k2",
     {
-      "ltr": ".x11muyh7{animation-name:var(--x1o3zfci)}",
+      "ltr": ".xvzz9k2{animation-name:var(--x1hp58ex)}",
       "rtl": null,
     },
     3000,
@@ -587,25 +587,25 @@ exports[`commonJS results of exported styles and variables animations.stylex.js
     3000,
   ],
   [
-    "xdd0vbd",
+    "x1i0jbje",
     {
-      "ltr": ".xdd0vbd{animation-timing-function:var(--x1l5m9gu)}",
+      "ltr": ".x1i0jbje{animation-timing-function:var(--x1wg5c7p)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x8incjk",
+    "x17f3kfx",
     {
-      "ltr": ".x8incjk{animation-name:var(--xhf4ud)}",
+      "ltr": ".x17f3kfx{animation-name:var(--xyzqrm4)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x1agzdf0",
+    "x1o9ub63",
     {
-      "ltr": ".x1agzdf0{animation-name:var(--x7jv0fk)}",
+      "ltr": ".x1o9ub63{animation-name:var(--x1j60cb5)}",
       "rtl": null,
     },
     3000,
@@ -627,9 +627,9 @@ exports[`commonJS results of exported styles and variables animations.stylex.js
     3000,
   ],
   [
-    "xrsn023",
+    "x1k7hdbq",
     {
-      "ltr": ".xrsn023{animation-name:var(--x1x4v7e3)}",
+      "ltr": ".x1k7hdbq{animation-name:var(--x1gf74ca)}",
       "rtl": null,
     },
     3000,
@@ -643,17 +643,17 @@ exports[`commonJS results of exported styles and variables animations.stylex.js
     3000,
   ],
   [
-    "x1yce85n",
+    "x1de9pr8",
     {
-      "ltr": ".x1yce85n{animation-timing-function:var(--xlr3pze)}",
+      "ltr": ".x1de9pr8{animation-timing-function:var(--xpr1u9v)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x14z51v8",
+    "xr02afx",
     {
-      "ltr": ".x14z51v8{animation-name:var(--xg5no4m)}",
+      "ltr": ".xr02afx{animation-name:var(--xrqruaz)}",
       "rtl": null,
     },
     3000,
@@ -667,9 +667,9 @@ exports[`commonJS results of exported styles and variables animations.stylex.js
     3000,
   ],
   [
-    "x16hxodu",
+    "x1mfaoq1",
     {
-      "ltr": ".x16hxodu{animation-name:var(--x7mxyyy)}",
+      "ltr": ".x1mfaoq1{animation-name:var(--x4hq2i0)}",
       "rtl": null,
     },
     3000,
@@ -683,33 +683,33 @@ exports[`commonJS results of exported styles and variables animations.stylex.js
     3000,
   ],
   [
-    "x1hfssnz",
+    "x1pcntoe",
     {
-      "ltr": ".x1hfssnz{animation-timing-function:var(--xgqmozd)}",
+      "ltr": ".x1pcntoe{animation-timing-function:var(--x6gv0p4)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x1dnw425",
+    "x3gult4",
     {
-      "ltr": ".x1dnw425{animation-name:var(--xs1cbdk)}",
+      "ltr": ".x3gult4{animation-name:var(--x1wfjpbb)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x10326v5",
+    "x84ng4n",
     {
-      "ltr": ".x10326v5{animation-timing-function:var(--xo3wfrc)}",
+      "ltr": ".x84ng4n{animation-timing-function:var(--xg36ngc)}",
       "rtl": null,
     },
     3000,
   ],
   [
-    "x1gfcmw4",
+    "x179usdr",
     {
-      "ltr": ".x1gfcmw4{animation-name:var(--x1gf7j19)}",
+      "ltr": ".x179usdr{animation-name:var(--xwo0ei1)}",
       "rtl": null,
     },
     3000,
@@ -729,22 +729,22 @@ exports[`commonJS results of exported styles and variables aspects.stylex.js 1`]
 
 import { defineVars } from '@stylexjs/stylex';
 export const aspects = {
-  ratioSquare: "var(--xf4ju30)",
-  ratioLandscape: "var(--x1sfzf88)",
-  ratioPortrait: "var(--x1ss1gth)",
-  ratioWidescreen: "var(--x494wxg)",
-  ratioUltrawide: "var(--xurb3c9)",
-  ratioGolden: "var(--x1o37t1i)",
-  __themeName__: "x1f3ngow"
+  ratioSquare: "var(--xq324k1)",
+  ratioLandscape: "var(--xlx0mzp)",
+  ratioPortrait: "var(--x1xq7ctp)",
+  ratioWidescreen: "var(--x6limxj)",
+  ratioUltrawide: "var(--xm74kdv)",
+  ratioGolden: "var(--x1vxckdw)",
+  __themeName__: "xqhtbyt"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables aspects.stylex.js 2`] = `
 [
   [
-    "x1f3ngow",
+    "xqhtbyt",
     {
-      "ltr": ":root{--xf4ju30:1;--x1sfzf88:4/3;--x1ss1gth:3/4;--x494wxg:16/9;--xurb3c9:18/5;--x1o37t1i:1.6180/1;}",
+      "ltr": ":root{--xq324k1:1;--xlx0mzp:4/3;--x1xq7ctp:3/4;--x6limxj:16/9;--xm74kdv:18/5;--x1vxckdw:1.6180/1;}",
       "rtl": null,
     },
     0,
@@ -770,34 +770,34 @@ const radius4 = '2rem';
 const radius5 = '4rem';
 const radius6 = '8rem';
 export const borders = {
-  size1: "var(--x1c4d28j)",
-  size2: "var(--x1tnavza)",
-  size3: "var(--xw9w0ji)",
-  size4: "var(--x1w2xhh)",
-  size5: "var(--xbk24gy)",
-  radius1: "var(--x19tsvu4)",
-  radius2: "var(--x17eca7m)",
-  radius3: "var(--x161m72u)",
-  radius4: "var(--xagv9nx)",
-  radius5: "var(--x1ourpcj)",
-  radius6: "var(--x5uhb2z)",
-  radiusRound: "var(--x15i6psm)",
-  radiusConditional1: "var(--xzs4xe0)",
-  radiusConditional2: "var(--xv7z80y)",
-  radiusConditional3: "var(--x5sox4w)",
-  radiusConditional4: "var(--x19pda2u)",
-  radiusConditional5: "var(--x103yzcm)",
-  radiusConditional6: "var(--x1hbo1ek)",
-  __themeName__: "x39jpd4"
+  size1: "var(--xbjj58a)",
+  size2: "var(--x14o6iis)",
+  size3: "var(--x1e9i0iw)",
+  size4: "var(--x176lscn)",
+  size5: "var(--x1p1l79a)",
+  radius1: "var(--x1ofeuqf)",
+  radius2: "var(--x1kpevz7)",
+  radius3: "var(--xy5lhyd)",
+  radius4: "var(--x1jhm85w)",
+  radius5: "var(--xemaozq)",
+  radius6: "var(--x1r3jsdr)",
+  radiusRound: "var(--x13okayq)",
+  radiusConditional1: "var(--xsn075m)",
+  radiusConditional2: "var(--x99wm3n)",
+  radiusConditional3: "var(--x13j5zal)",
+  radiusConditional4: "var(--xpvamk3)",
+  radiusConditional5: "var(--xz5h7m6)",
+  radiusConditional6: "var(--xwsfbci)",
+  __themeName__: "xsvni4y"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables borders.stylex.js 2`] = `
 [
   [
-    "x39jpd4",
+    "xsvni4y",
     {
-      "ltr": ":root{--x1c4d28j:1px;--x1tnavza:2px;--xw9w0ji:5px;--x1w2xhh:10px;--xbk24gy:25px;--x19tsvu4:2px;--x17eca7m:5px;--x161m72u:1rem;--xagv9nx:2rem;--x1ourpcj:4rem;--x5uhb2z:8rem;--x15i6psm:1e5px;--xzs4xe0:clamp(0px, calc(100vw - 100%) * 1e5, 2px);--xv7z80y:clamp(0px, calc(100vw - 100%) * 1e5, 5px);--x5sox4w:clamp(0px, calc(100vw - 100%) * 1e5, 1rem);--x19pda2u:clamp(0px, calc(100vw - 100%) * 1e5, 2rem);--x103yzcm:clamp(0px, calc(100vw - 100%) * 1e5, 4rem);--x1hbo1ek:clamp(0px, calc(100vw - 100%) * 1e5, 8rem);}",
+      "ltr": ":root{--xbjj58a:1px;--x14o6iis:2px;--x1e9i0iw:5px;--x176lscn:10px;--x1p1l79a:25px;--x1ofeuqf:2px;--x1kpevz7:5px;--xy5lhyd:1rem;--x1jhm85w:2rem;--xemaozq:4rem;--x1r3jsdr:8rem;--x13okayq:1e5px;--xsn075m:clamp(0px, calc(100vw - 100%) * 1e5, 2px);--x99wm3n:clamp(0px, calc(100vw - 100%) * 1e5, 5px);--x13j5zal:clamp(0px, calc(100vw - 100%) * 1e5, 1rem);--xpvamk3:clamp(0px, calc(100vw - 100%) * 1e5, 2rem);--xz5h7m6:clamp(0px, calc(100vw - 100%) * 1e5, 4rem);--xwsfbci:clamp(0px, calc(100vw - 100%) * 1e5, 8rem);}",
       "rtl": null,
     },
     0,
@@ -817,263 +817,263 @@ exports[`commonJS results of exported styles and variables colors.stylex.js 1`]
 
 import { defineVars } from '@stylexjs/stylex';
 export const colors = {
-  gray0: "var(--x171bl6o)",
-  gray1: "var(--x53xoeh)",
-  gray2: "var(--xtuf0as)",
-  gray3: "var(--xqf33b2)",
-  gray4: "var(--x1pjptji)",
-  gray5: "var(--x16nc6w8)",
-  gray6: "var(--x1fmok37)",
-  gray7: "var(--x15g7ll5)",
-  gray8: "var(--xzaov8u)",
-  gray9: "var(--x1g9dk52)",
-  gray10: "var(--x1kbbkdc)",
-  gray11: "var(--x1mg8qz3)",
-  gray12: "var(--xqfn6j6)",
-  stone0: "var(--x1nu2jqu)",
-  stone1: "var(--x10kmmjn)",
-  stone2: "var(--xjuy73p)",
-  stone3: "var(--x1i2mtrg)",
-  stone4: "var(--xiby4c1)",
-  stone5: "var(--x1xhyn4h)",
-  stone6: "var(--xol55ef)",
-  stone7: "var(--x13at81r)",
-  stone8: "var(--x24hi12)",
-  stone9: "var(--xq0t1l8)",
-  stone10: "var(--x4s2ag6)",
-  stone11: "var(--x19c3xg5)",
-  stone12: "var(--x1fgataf)",
-  red0: "var(--x12gv7as)",
-  red1: "var(--x1iinpj6)",
-  red2: "var(--x1pr4yew)",
-  red3: "var(--x1rpwo50)",
-  red4: "var(--x1n02shk)",
-  red5: "var(--x9dg48f)",
-  red6: "var(--x1s0kfbd)",
-  red7: "var(--xnt1wmt)",
-  red8: "var(--x1dma59k)",
-  red9: "var(--xv7uyjm)",
-  red10: "var(--x158wn9u)",
-  red11: "var(--xwvl7jc)",
-  red12: "var(--xy3i7qw)",
-  pink0: "var(--x1sde26w)",
-  pink1: "var(--xkv4yjn)",
-  pink2: "var(--x1po54hc)",
-  pink3: "var(--x1d58wjb)",
-  pink4: "var(--x10iaqhe)",
-  pink5: "var(--x12be1yj)",
-  pink6: "var(--xzu4ch7)",
-  pink7: "var(--x1e9ny94)",
-  pink8: "var(--x39u1qa)",
-  pink9: "var(--xz9csot)",
-  pink10: "var(--x171olnb)",
-  pink11: "var(--x9i5m2d)",
-  pink12: "var(--x1773nem)",
-  purple0: "var(--x12fvz3z)",
-  purple1: "var(--x1vh3ru7)",
-  purple2: "var(--x108aj8f)",
-  purple3: "var(--x1gnkb9m)",
-  purple4: "var(--x39rz6m)",
-  purple5: "var(--x1pexsp)",
-  purple6: "var(--xj1sfij)",
-  purple7: "var(--x1398cd3)",
-  purple8: "var(--xtmtos0)",
-  purple9: "var(--x1sw0tu2)",
-  purple10: "var(--x1ugcz6y)",
-  purple11: "var(--xxu9yxx)",
-  purple12: "var(--x14eaeg6)",
-  violet0: "var(--xmll37n)",
-  violet1: "var(--xyr5v5q)",
-  violet2: "var(--x8u9mr1)",
-  violet3: "var(--x1lyaq8k)",
-  violet4: "var(--x1nr66nz)",
-  violet5: "var(--xdwq09p)",
-  violet6: "var(--x19zwvp4)",
-  violet7: "var(--xnms21g)",
-  violet8: "var(--x13m2gj3)",
-  violet9: "var(--x1qt524i)",
-  violet10: "var(--x1lao5jo)",
-  violet11: "var(--x18nw0nx)",
-  violet12: "var(--x15lapa1)",
-  indigo0: "var(--x6f4ay2)",
-  indigo1: "var(--x1f1flxc)",
-  indigo2: "var(--x1wu3fiq)",
-  indigo3: "var(--x14kgl22)",
-  indigo4: "var(--xiy8384)",
-  indigo5: "var(--x1d0ve3d)",
-  indigo6: "var(--xabwuzv)",
-  indigo7: "var(--xvkuwqd)",
-  indigo8: "var(--x17nx1eb)",
-  indigo9: "var(--x2ynr27)",
-  indigo10: "var(--x1l241az)",
-  indigo11: "var(--x124yx5u)",
-  indigo12: "var(--x1ctjb59)",
-  blue0: "var(--x11thc9v)",
-  blue1: "var(--x1w6kana)",
-  blue2: "var(--xyvmbbe)",
-  blue3: "var(--x17ai2n4)",
-  blue4: "var(--xenmrf7)",
-  blue5: "var(--x4z9sw9)",
-  blue6: "var(--x1n0pbdd)",
-  blue7: "var(--x1q3wu0k)",
-  blue8: "var(--x1h7da2x)",
-  blue9: "var(--x15z1iti)",
-  blue10: "var(--xzkyt5k)",
-  blue11: "var(--x1kxlrob)",
-  blue12: "var(--xzsazgi)",
-  cyan0: "var(--x6xq5rn)",
-  cyan1: "var(--x1n5g7cy)",
-  cyan2: "var(--xsnlg07)",
-  cyan3: "var(--x1ckzrw1)",
-  cyan4: "var(--xxq5s6r)",
-  cyan5: "var(--x1j5ifqe)",
-  cyan6: "var(--xr6o2f)",
-  cyan7: "var(--x6nsyan)",
-  cyan8: "var(--x1pvbtp5)",
-  cyan9: "var(--x1l7oon8)",
-  cyan10: "var(--x2sshvw)",
-  cyan11: "var(--xq1eabj)",
-  cyan12: "var(--xjly8vc)",
-  teal0: "var(--x1p0c955)",
-  teal1: "var(--x1rlr389)",
-  teal2: "var(--x1m8nlo8)",
-  teal3: "var(--x7xdtc8)",
-  teal4: "var(--xdu385a)",
-  teal5: "var(--x1797x1j)",
-  teal6: "var(--xcgxbsa)",
-  teal7: "var(--x13wvkw0)",
-  teal8: "var(--x1bety91)",
-  teal9: "var(--xcp64yi)",
-  teal10: "var(--x1teo5rt)",
-  teal11: "var(--x6geyig)",
-  teal12: "var(--x5zszyd)",
-  green0: "var(--x1uppcxg)",
-  green1: "var(--x1f24716)",
-  green2: "var(--x1czfdao)",
-  green3: "var(--xtymhtk)",
-  green4: "var(--x1cgca4d)",
-  green5: "var(--x4bpidi)",
-  green6: "var(--xa4gp8g)",
-  green7: "var(--x1vy84un)",
-  green8: "var(--x1h6oidm)",
-  green9: "var(--x1bbn370)",
-  green10: "var(--x1k01y17)",
-  green11: "var(--xlh2xkx)",
-  green12: "var(--x1xtvyrt)",
-  lime0: "var(--xdo2cpq)",
-  lime1: "var(--x1dtv6a6)",
-  lime2: "var(--x163wpad)",
-  lime3: "var(--x1iip2t1)",
-  lime4: "var(--xhjmjok)",
-  lime5: "var(--x1b58uyt)",
-  lime6: "var(--xp03479)",
-  lime7: "var(--x11jir38)",
-  lime8: "var(--xzqw3ry)",
-  lime9: "var(--xnlfq2m)",
-  lime10: "var(--xjui4ph)",
-  lime11: "var(--x139i8hx)",
-  lime12: "var(--xq1ztay)",
-  yellow0: "var(--xkv0ppd)",
-  yellow1: "var(--xyknse8)",
-  yellow2: "var(--x1m69snz)",
-  yellow3: "var(--x1q8y0vp)",
-  yellow4: "var(--x1tm8otj)",
-  yellow5: "var(--x1p7cwxr)",
-  yellow6: "var(--x1rvavt9)",
-  yellow7: "var(--x17ewlhm)",
-  yellow8: "var(--x1n7wesg)",
-  yellow9: "var(--x16d6e50)",
-  yellow10: "var(--x4ck66)",
-  yellow11: "var(--x5bfmt0)",
-  yellow12: "var(--xkpebo4)",
-  orange0: "var(--x1p0ltw4)",
-  orange1: "var(--xkraadr)",
-  orange2: "var(--x1368088)",
-  orange3: "var(--xnnksgt)",
-  orange4: "var(--x1phn0v3)",
-  orange5: "var(--xh7r8gp)",
-  orange6: "var(--xmh9tum)",
-  orange7: "var(--x16m84st)",
-  orange8: "var(--xk1enzq)",
-  orange9: "var(--x19t7j6i)",
-  orange10: "var(--xlmuamo)",
-  orange11: "var(--xynrm3c)",
-  orange12: "var(--xtkqxm0)",
-  choco0: "var(--xsdm60n)",
-  choco1: "var(--xkrsabc)",
-  choco2: "var(--xacehvy)",
-  choco3: "var(--x11nqhkk)",
-  choco4: "var(--x16ijvqu)",
-  choco5: "var(--x1x7ixpg)",
-  choco6: "var(--x6w9g2q)",
-  choco7: "var(--x10v14zu)",
-  choco8: "var(--x16otim4)",
-  choco9: "var(--x1bbovs)",
-  choco10: "var(--x1kilxoa)",
-  choco11: "var(--x1leir5y)",
-  choco12: "var(--x7sz9re)",
-  brown0: "var(--x1viubac)",
-  brown1: "var(--x1wgijih)",
-  brown2: "var(--x1fe2z7k)",
-  brown3: "var(--x1jqvyfy)",
-  brown4: "var(--xiz6tmq)",
-  brown5: "var(--x1t8tmr1)",
-  brown6: "var(--xr3x7rx)",
-  brown7: "var(--xcry9cq)",
-  brown8: "var(--xxm9xfo)",
-  brown9: "var(--x99pjb0)",
-  brown10: "var(--xtj2n0b)",
-  brown11: "var(--xw0c66b)",
-  brown12: "var(--xutornl)",
-  sand0: "var(--xib0f03)",
-  sand1: "var(--x108j2ok)",
-  sand2: "var(--xvels3w)",
-  sand3: "var(--xo58c7z)",
-  sand4: "var(--xbp491y)",
-  sand5: "var(--xpadips)",
-  sand6: "var(--x1t30p1d)",
-  sand7: "var(--xlozb40)",
-  sand8: "var(--xk39fmi)",
-  sand9: "var(--x1xyn1p3)",
-  sand10: "var(--x4sb1jd)",
-  sand11: "var(--x3vn90b)",
-  sand12: "var(--xlic5yv)",
-  camo0: "var(--xj0nr15)",
-  camo1: "var(--x4lbuhq)",
-  camo2: "var(--x1eg4mg6)",
-  camo3: "var(--x14ryh7q)",
-  camo4: "var(--x1j1ycqg)",
-  camo5: "var(--x1ujbo7l)",
-  camo6: "var(--xyq708v)",
-  camo7: "var(--xsgugnr)",
-  camo8: "var(--x7j4lc0)",
-  camo9: "var(--x7p72ph)",
-  camo10: "var(--x1glnusk)",
-  camo11: "var(--x1bxxzva)",
-  camo12: "var(--x1a7rk2u)",
-  jungle0: "var(--x16r49b8)",
-  jungle1: "var(--xqdemos)",
-  jungle2: "var(--x1i423s)",
-  jungle3: "var(--x1f5kxsc)",
-  jungle4: "var(--x1ej4z7)",
-  jungle5: "var(--x14i4gcz)",
-  jungle6: "var(--x1x8176u)",
-  jungle7: "var(--xan9a21)",
-  jungle8: "var(--xrz8x5t)",
-  jungle9: "var(--x1y6wtbp)",
-  jungle10: "var(--x31qami)",
-  jungle11: "var(--x11t8p7i)",
-  jungle12: "var(--x6q9vsx)",
-  __themeName__: "x1c4j7iz"
+  gray0: "var(--x1du1ejt)",
+  gray1: "var(--x6l5fu6)",
+  gray2: "var(--xdtxd5r)",
+  gray3: "var(--xgsoah)",
+  gray4: "var(--x1x5euof)",
+  gray5: "var(--xx59qqg)",
+  gray6: "var(--x9zl0vm)",
+  gray7: "var(--xgoejoy)",
+  gray8: "var(--xx5q273)",
+  gray9: "var(--x6npkq2)",
+  gray10: "var(--x132tvzj)",
+  gray11: "var(--x7a06xw)",
+  gray12: "var(--xt25yf1)",
+  stone0: "var(--xspgq0w)",
+  stone1: "var(--xnd7l4w)",
+  stone2: "var(--xxrzpf0)",
+  stone3: "var(--x17fo9c7)",
+  stone4: "var(--xd221ts)",
+  stone5: "var(--xckbqqc)",
+  stone6: "var(--x1bgzw63)",
+  stone7: "var(--x1dcbxyc)",
+  stone8: "var(--x15f0217)",
+  stone9: "var(--x1tw3h6p)",
+  stone10: "var(--xv5pykf)",
+  stone11: "var(--xlkscd1)",
+  stone12: "var(--x1mhj7jz)",
+  red0: "var(--x154xur1)",
+  red1: "var(--x10i12q1)",
+  red2: "var(--xthycv)",
+  red3: "var(--x1i2pj8l)",
+  red4: "var(--x1aqpwr6)",
+  red5: "var(--x1yaxlo9)",
+  red6: "var(--x1qymcsb)",
+  red7: "var(--x1ox6e7r)",
+  red8: "var(--x1hsbqx0)",
+  red9: "var(--xldfda6)",
+  red10: "var(--x713hrr)",
+  red11: "var(--x1mdcq3j)",
+  red12: "var(--x1dyqf0v)",
+  pink0: "var(--xunvm2g)",
+  pink1: "var(--xrrfdwq)",
+  pink2: "var(--x292awk)",
+  pink3: "var(--xjthn19)",
+  pink4: "var(--xygz2)",
+  pink5: "var(--xzo0j5u)",
+  pink6: "var(--x17v35fl)",
+  pink7: "var(--xq00qks)",
+  pink8: "var(--x15ghqp4)",
+  pink9: "var(--xiib2n3)",
+  pink10: "var(--x15f0m3q)",
+  pink11: "var(--x1trj7ej)",
+  pink12: "var(--xk7lbjx)",
+  purple0: "var(--x1k3l046)",
+  purple1: "var(--x1783ujs)",
+  purple2: "var(--x1un3jw2)",
+  purple3: "var(--xrzhr89)",
+  purple4: "var(--x128pbbs)",
+  purple5: "var(--x1n9g0zx)",
+  purple6: "var(--x1a18snk)",
+  purple7: "var(--x1n60ep6)",
+  purple8: "var(--x11ofmpx)",
+  purple9: "var(--x1szirr7)",
+  purple10: "var(--x126kwiu)",
+  purple11: "var(--x6soue8)",
+  purple12: "var(--x33no5d)",
+  violet0: "var(--x1m4daxf)",
+  violet1: "var(--x1cd86dm)",
+  violet2: "var(--x16ykv6v)",
+  violet3: "var(--xy6v78x)",
+  violet4: "var(--x1wcz8fz)",
+  violet5: "var(--x1jlh2l6)",
+  violet6: "var(--xmxoa4b)",
+  violet7: "var(--xyjpukp)",
+  violet8: "var(--xfgbd0i)",
+  violet9: "var(--xil57hy)",
+  violet10: "var(--xgklyty)",
+  violet11: "var(--x13m4eca)",
+  violet12: "var(--x1oec7nb)",
+  indigo0: "var(--x1puh6wc)",
+  indigo1: "var(--x1x1j5mb)",
+  indigo2: "var(--x1tedhkn)",
+  indigo3: "var(--x1ivnq8y)",
+  indigo4: "var(--x1qpagxt)",
+  indigo5: "var(--xyw471d)",
+  indigo6: "var(--x1puzbj8)",
+  indigo7: "var(--xr7we1j)",
+  indigo8: "var(--x1luij3n)",
+  indigo9: "var(--x1j9ei1u)",
+  indigo10: "var(--x1uxr24x)",
+  indigo11: "var(--x1s92x7s)",
+  indigo12: "var(--xtahwgr)",
+  blue0: "var(--x24zuhp)",
+  blue1: "var(--xojgcvx)",
+  blue2: "var(--xg2lnj2)",
+  blue3: "var(--xi8t3zg)",
+  blue4: "var(--x1cxo12m)",
+  blue5: "var(--x108blat)",
+  blue6: "var(--x1m71bfi)",
+  blue7: "var(--x18thc5e)",
+  blue8: "var(--x1r2ch0g)",
+  blue9: "var(--xvj1pi2)",
+  blue10: "var(--x115d7ns)",
+  blue11: "var(--x8tlmf6)",
+  blue12: "var(--xh88pmo)",
+  cyan0: "var(--xan8hvm)",
+  cyan1: "var(--x18bhb5z)",
+  cyan2: "var(--x8ff4qx)",
+  cyan3: "var(--xlt4c4z)",
+  cyan4: "var(--x1mfssx2)",
+  cyan5: "var(--xq0bacp)",
+  cyan6: "var(--x55yy6t)",
+  cyan7: "var(--x1q374o9)",
+  cyan8: "var(--x1t0e0yp)",
+  cyan9: "var(--x1ud0v1m)",
+  cyan10: "var(--xib4mga)",
+  cyan11: "var(--x1c2ncfz)",
+  cyan12: "var(--xb71b1h)",
+  teal0: "var(--x1l1olg2)",
+  teal1: "var(--x1fo865r)",
+  teal2: "var(--x1nvc1fg)",
+  teal3: "var(--xgv6auw)",
+  teal4: "var(--x1pmst37)",
+  teal5: "var(--xkk4tu2)",
+  teal6: "var(--xd7fwrk)",
+  teal7: "var(--x18b04yc)",
+  teal8: "var(--xj3v5jt)",
+  teal9: "var(--x1s1bj4c)",
+  teal10: "var(--x54ht8j)",
+  teal11: "var(--xxe259l)",
+  teal12: "var(--x16fpf85)",
+  green0: "var(--xgmtrsx)",
+  green1: "var(--x425yo9)",
+  green2: "var(--x1bmyh8s)",
+  green3: "var(--x18hswmk)",
+  green4: "var(--x1jhgljg)",
+  green5: "var(--x1riuw4r)",
+  green6: "var(--x8bahf8)",
+  green7: "var(--x12e2g2o)",
+  green8: "var(--x12iv1wp)",
+  green9: "var(--x6bjjnb)",
+  green10: "var(--xg6ckn6)",
+  green11: "var(--xiugtb2)",
+  green12: "var(--xax6nii)",
+  lime0: "var(--x6jx7d8)",
+  lime1: "var(--x178ah5i)",
+  lime2: "var(--x2cs2bd)",
+  lime3: "var(--x1u6dil4)",
+  lime4: "var(--x8ww2g)",
+  lime5: "var(--xiik63j)",
+  lime6: "var(--xnjfibw)",
+  lime7: "var(--xmsrhpr)",
+  lime8: "var(--x1je4qph)",
+  lime9: "var(--x13cqja8)",
+  lime10: "var(--x1x607hg)",
+  lime11: "var(--xpkgxqi)",
+  lime12: "var(--x11jcshd)",
+  yellow0: "var(--x1grypkq)",
+  yellow1: "var(--xnswjug)",
+  yellow2: "var(--x9ofhvc)",
+  yellow3: "var(--x1d0oe9x)",
+  yellow4: "var(--x17dabl9)",
+  yellow5: "var(--xymg4no)",
+  yellow6: "var(--xdwmfyi)",
+  yellow7: "var(--xrmknr6)",
+  yellow8: "var(--x1qomae0)",
+  yellow9: "var(--x1uqlv87)",
+  yellow10: "var(--x4n8yqf)",
+  yellow11: "var(--x1l2ywbu)",
+  yellow12: "var(--x1e7q8c8)",
+  orange0: "var(--x14vtr7b)",
+  orange1: "var(--x8ugorc)",
+  orange2: "var(--x1ope2ln)",
+  orange3: "var(--xp98umn)",
+  orange4: "var(--xlv97gw)",
+  orange5: "var(--x1xagoox)",
+  orange6: "var(--xblktig)",
+  orange7: "var(--xxt8zue)",
+  orange8: "var(--x1r2hdc1)",
+  orange9: "var(--xnwt3lr)",
+  orange10: "var(--x1i2dlub)",
+  orange11: "var(--xf1iw9h)",
+  orange12: "var(--x1vvoewe)",
+  choco0: "var(--xm61dt9)",
+  choco1: "var(--x1k8uhob)",
+  choco2: "var(--x1ti0dn2)",
+  choco3: "var(--xi52343)",
+  choco4: "var(--xuf0ff2)",
+  choco5: "var(--x1r01pk)",
+  choco6: "var(--xryi63n)",
+  choco7: "var(--x1e11l0x)",
+  choco8: "var(--xmmgtle)",
+  choco9: "var(--x1hrtu5m)",
+  choco10: "var(--xyuxrpj)",
+  choco11: "var(--xel46zi)",
+  choco12: "var(--x1oigmu)",
+  brown0: "var(--x19egssh)",
+  brown1: "var(--xt0dsh4)",
+  brown2: "var(--x1epulul)",
+  brown3: "var(--xdy0a2q)",
+  brown4: "var(--xdzpipt)",
+  brown5: "var(--x188t1ja)",
+  brown6: "var(--xb615q4)",
+  brown7: "var(--xeqhvb8)",
+  brown8: "var(--xe7zt00)",
+  brown9: "var(--xct3ydx)",
+  brown10: "var(--xuy5q1s)",
+  brown11: "var(--xlws4yr)",
+  brown12: "var(--x1faujur)",
+  sand0: "var(--xtdghm2)",
+  sand1: "var(--xozahh3)",
+  sand2: "var(--x1052bky)",
+  sand3: "var(--x1473439)",
+  sand4: "var(--xhnc30k)",
+  sand5: "var(--x1h6kccj)",
+  sand6: "var(--x1ykdusk)",
+  sand7: "var(--x1r5bpmv)",
+  sand8: "var(--x9bgr96)",
+  sand9: "var(--xe04zig)",
+  sand10: "var(--x1czanuk)",
+  sand11: "var(--x1lbedzd)",
+  sand12: "var(--xspwxd9)",
+  camo0: "var(--x1q62qvy)",
+  camo1: "var(--xhjzm0h)",
+  camo2: "var(--xciiy3r)",
+  camo3: "var(--xl56gpu)",
+  camo4: "var(--x14qg1fj)",
+  camo5: "var(--xgy29dp)",
+  camo6: "var(--xbnjp6a)",
+  camo7: "var(--x1h0v8m5)",
+  camo8: "var(--x13mo2xy)",
+  camo9: "var(--x1gwvfa6)",
+  camo10: "var(--x693eh4)",
+  camo11: "var(--xi99qxk)",
+  camo12: "var(--xhzutxe)",
+  jungle0: "var(--xl2xtxp)",
+  jungle1: "var(--xpacl8i)",
+  jungle2: "var(--xseko76)",
+  jungle3: "var(--x1bru2sl)",
+  jungle4: "var(--x2anca0)",
+  jungle5: "var(--xg5u3s1)",
+  jungle6: "var(--xqj1s2g)",
+  jungle7: "var(--xccttox)",
+  jungle8: "var(--x1e1wjso)",
+  jungle9: "var(--x1oior8)",
+  jungle10: "var(--xxjjt9z)",
+  jungle11: "var(--x1vp08an)",
+  jungle12: "var(--x1y2wm6g)",
+  __themeName__: "x162kktg"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables colors.stylex.js 2`] = `
 [
   [
-    "x1c4j7iz",
+    "x162kktg",
     {
-      "ltr": ":root{--x171bl6o:#f8f9fa;--x53xoeh:#f1f3f5;--xtuf0as:#e9ecef;--xqf33b2:#dee2e6;--x1pjptji:#ced4da;--x16nc6w8:#adb5bd;--x1fmok37:#868e96;--x15g7ll5:#495057;--xzaov8u:#343a40;--x1g9dk52:#212529;--x1kbbkdc:#16191d;--x1mg8qz3:#0d0f12;--xqfn6j6:#030507;--x1nu2jqu:#f8fafb;--x10kmmjn:#f2f4f6;--xjuy73p:#ebedef;--x1i2mtrg:#e0e4e5;--xiby4c1:#d1d6d8;--x1xhyn4h:#b1b6b9;--xol55ef:#979b9d;--x13at81r:#7e8282;--x24hi12:#666968;--xq0t1l8:#50514f;--x4s2ag6:#3a3a37;--x19c3xg5:#252521;--x1fgataf:#121210;--x12gv7as:#fff5f5;--x1iinpj6:#ffe3e3;--x1pr4yew:#ffc9c9;--x1rpwo50:#ffa8a8;--x1n02shk:#ff8787;--x9dg48f:#ff6b6b;--x1s0kfbd:#fa5252;--xnt1wmt:#f03e3e;--x1dma59k:#e03131;--xv7uyjm:#c92a2a;--x158wn9u:#b02525;--xwvl7jc:#962020;--xy3i7qw:#7d1a1a;--x1sde26w:#fff0f6;--xkv4yjn:#ffdeeb;--x1po54hc:#fcc2d7;--x1d58wjb:#faa2c1;--x10iaqhe:#f783ac;--x12be1yj:#f06595;--xzu4ch7:#e64980;--x1e9ny94:#d6336c;--x39u1qa:#c2255c;--xz9csot:#a61e4d;--x171olnb:#8c1941;--x9i5m2d:#731536;--x1773nem:#59102a;--x12fvz3z:#f8f0fc;--x1vh3ru7:#f3d9fa;--x108aj8f:#eebefa;--x1gnkb9m:#e599f7;--x39rz6m:#da77f2;--x1pexsp:#cc5de8;--xj1sfij:#be4bdb;--x1398cd3:#ae3ec9;--xtmtos0:#9c36b5;--x1sw0tu2:#862e9c;--x1ugcz6y:#702682;--xxu9yxx:#5a1e69;--x14eaeg6:#44174f;--xmll37n:#f3f0ff;--xyr5v5q:#e5dbff;--x8u9mr1:#d0bfff;--x1lyaq8k:#b197fc;--x1nr66nz:#9775fa;--xdwq09p:#845ef7;--x19zwvp4:#7950f2;--xnms21g:#7048e8;--x13m2gj3:#6741d9;--x1qt524i:#5f3dc4;--x1lao5jo:#5235ab;--x18nw0nx:#462d91;--x15lapa1:#3a2578;--x6f4ay2:#edf2ff;--x1f1flxc:#dbe4ff;--x1wu3fiq:#bac8ff;--x14kgl22:#91a7ff;--xiy8384:#748ffc;--x1d0ve3d:#5c7cfa;--xabwuzv:#4c6ef5;--xvkuwqd:#4263eb;--x17nx1eb:#3b5bdb;--x2ynr27:#364fc7;--x1l241az:#2f44ad;--x124yx5u:#283a94;--x1ctjb59:#21307a;--x11thc9v:#e7f5ff;--x1w6kana:#d0ebff;--xyvmbbe:#a5d8ff;--x17ai2n4:#74c0fc;--xenmrf7:#4dabf7;--x4z9sw9:#339af0;--x1n0pbdd:#228be6;--x1q3wu0k:#1c7ed6;--x1h7da2x:#1971c2;--x15z1iti:#1864ab;--xzkyt5k:#145591;--x1kxlrob:#114678;--xzsazgi:#0d375e;--x6xq5rn:#e3fafc;--x1n5g7cy:#c5f6fa;--xsnlg07:#99e9f2;--x1ckzrw1:#66d9e8;--xxq5s6r:#3bc9db;--x1j5ifqe:#22b8cf;--xr6o2f:#15aabf;--x6nsyan:#1098ad;--x1pvbtp5:#0c8599;--x1l7oon8:#0b7285;--x2sshvw:#095c6b;--xq1eabj:#074652;--xjly8vc:#053038;--x1p0c955:#e6fcf5;--x1rlr389:#c3fae8;--x1m8nlo8:#96f2d7;--x7xdtc8:#63e6be;--xdu385a:#38d9a9;--x1797x1j:#20c997;--xcgxbsa:#12b886;--x13wvkw0:#0ca678;--x1bety91:#099268;--xcp64yi:#087f5b;--x1teo5rt:#066649;--x6geyig:#054d37;--x5zszyd:#033325;--x1uppcxg:#ebfbee;--x1f24716:#d3f9d8;--x1czfdao:#b2f2bb;--xtymhtk:#8ce99a;--x1cgca4d:#69db7c;--x4bpidi:#51cf66;--xa4gp8g:#40c057;--x1vy84un:#37b24d;--x1h6oidm:#2f9e44;--x1bbn370:#2b8a3e;--x1k01y17:#237032;--xlh2xkx:#1b5727;--x1xtvyrt:#133d1b;--xdo2cpq:#f4fce3;--x1dtv6a6:#e9fac8;--x163wpad:#d8f5a2;--x1iip2t1:#c0eb75;--xhjmjok:#a9e34b;--x1b58uyt:#94d82d;--xp03479:#82c91e;--x11jir38:#74b816;--xzqw3ry:#66a80f;--xnlfq2m:#5c940d;--xjui4ph:#4c7a0b;--x139i8hx:#3c6109;--xq1ztay:#2c4706;--xkv0ppd:#fff9db;--xyknse8:#fff3bf;--x1m69snz:#ffec99;--x1q8y0vp:#ffe066;--x1tm8otj:#ffd43b;--x1p7cwxr:#fcc419;--x1rvavt9:#fab005;--x17ewlhm:#f59f00;--x1n7wesg:#f08c00;--x16d6e50:#e67700;--x4ck66:#b35c00;--x5bfmt0:#804200;--xkpebo4:#663500;--x1p0ltw4:#fff4e6;--xkraadr:#ffe8cc;--x1368088:#ffd8a8;--xnnksgt:#ffc078;--x1phn0v3:#ffa94d;--xh7r8gp:#ff922b;--xmh9tum:#fd7e14;--x16m84st:#f76707;--xk1enzq:#e8590c;--x19t7j6i:#d9480f;--xlmuamo:#bf400d;--xynrm3c:#99330b;--xtkqxm0:#802b09;--xsdm60n:#fff8dc;--xkrsabc:#fce1bc;--xacehvy:#f7ca9e;--x11nqhkk:#f1b280;--x16ijvqu:#e99b62;--x1x7ixpg:#df8545;--x6w9g2q:#d46e25;--x10v14zu:#bd5f1b;--x16otim4:#a45117;--x1bbovs:#8a4513;--x1kilxoa:#703a13;--x1leir5y:#572f12;--x7sz9re:#3d210d;--x1viubac:#faf4eb;--x1wgijih:#ede0d1;--x1fe2z7k:#e0cab7;--x1jqvyfy:#d3b79e;--xiz6tmq:#c5a285;--x1t8tmr1:#b78f6d;--xr3x7rx:#a87c56;--xcry9cq:#956b47;--xxm9xfo:#825b3a;--x99pjb0:#6f4b2d;--xtj2n0b:#5e3a21;--xw0c66b:#4e2b15;--xutornl:#422412;--xib0f03:#f8fafb;--x108j2ok:#e6e4dc;--xvels3w:#d5cfbd;--xo58c7z:#c2b9a0;--xbp491y:#aea58c;--xpadips:#9a9178;--x1t30p1d:#867c65;--xlozb40:#736a53;--xk39fmi:#5f5746;--x1xyn1p3:#4b4639;--x4sb1jd:#38352d;--x3vn90b:#252521;--xlic5yv:#121210;--xj0nr15:#f9fbe7;--x4lbuhq:#e8ed9c;--x1eg4mg6:#d2df4e;--x14ryh7q:#c2ce34;--x1j1ycqg:#b5bb2e;--x1ujbo7l:#a7a827;--xyq708v:#999621;--xsgugnr:#8c851c;--x7j4lc0:#7e7416;--x7p72ph:#6d6414;--x1glnusk:#5d5411;--x1bxxzva:#4d460e;--x1a7rk2u:#36300a;--x16r49b8:#ecfeb0;--xqdemos:#def39a;--x1i423s:#d0e884;--x1f5kxsc:#c2dd6e;--x1ej4z7:#b5d15b;--x14i4gcz:#a8c648;--x1x8176u:#9bbb36;--xan9a21:#8fb024;--xrz8x5t:#84a513;--x1y6wtbp:#7a9908;--x31qami:#658006;--x11t8p7i:#516605;--x6q9vsx:#3d4d04;}",
+      "ltr": ":root{--x1du1ejt:#f8f9fa;--x6l5fu6:#f1f3f5;--xdtxd5r:#e9ecef;--xgsoah:#dee2e6;--x1x5euof:#ced4da;--xx59qqg:#adb5bd;--x9zl0vm:#868e96;--xgoejoy:#495057;--xx5q273:#343a40;--x6npkq2:#212529;--x132tvzj:#16191d;--x7a06xw:#0d0f12;--xt25yf1:#030507;--xspgq0w:#f8fafb;--xnd7l4w:#f2f4f6;--xxrzpf0:#ebedef;--x17fo9c7:#e0e4e5;--xd221ts:#d1d6d8;--xckbqqc:#b1b6b9;--x1bgzw63:#979b9d;--x1dcbxyc:#7e8282;--x15f0217:#666968;--x1tw3h6p:#50514f;--xv5pykf:#3a3a37;--xlkscd1:#252521;--x1mhj7jz:#121210;--x154xur1:#fff5f5;--x10i12q1:#ffe3e3;--xthycv:#ffc9c9;--x1i2pj8l:#ffa8a8;--x1aqpwr6:#ff8787;--x1yaxlo9:#ff6b6b;--x1qymcsb:#fa5252;--x1ox6e7r:#f03e3e;--x1hsbqx0:#e03131;--xldfda6:#c92a2a;--x713hrr:#b02525;--x1mdcq3j:#962020;--x1dyqf0v:#7d1a1a;--xunvm2g:#fff0f6;--xrrfdwq:#ffdeeb;--x292awk:#fcc2d7;--xjthn19:#faa2c1;--xygz2:#f783ac;--xzo0j5u:#f06595;--x17v35fl:#e64980;--xq00qks:#d6336c;--x15ghqp4:#c2255c;--xiib2n3:#a61e4d;--x15f0m3q:#8c1941;--x1trj7ej:#731536;--xk7lbjx:#59102a;--x1k3l046:#f8f0fc;--x1783ujs:#f3d9fa;--x1un3jw2:#eebefa;--xrzhr89:#e599f7;--x128pbbs:#da77f2;--x1n9g0zx:#cc5de8;--x1a18snk:#be4bdb;--x1n60ep6:#ae3ec9;--x11ofmpx:#9c36b5;--x1szirr7:#862e9c;--x126kwiu:#702682;--x6soue8:#5a1e69;--x33no5d:#44174f;--x1m4daxf:#f3f0ff;--x1cd86dm:#e5dbff;--x16ykv6v:#d0bfff;--xy6v78x:#b197fc;--x1wcz8fz:#9775fa;--x1jlh2l6:#845ef7;--xmxoa4b:#7950f2;--xyjpukp:#7048e8;--xfgbd0i:#6741d9;--xil57hy:#5f3dc4;--xgklyty:#5235ab;--x13m4eca:#462d91;--x1oec7nb:#3a2578;--x1puh6wc:#edf2ff;--x1x1j5mb:#dbe4ff;--x1tedhkn:#bac8ff;--x1ivnq8y:#91a7ff;--x1qpagxt:#748ffc;--xyw471d:#5c7cfa;--x1puzbj8:#4c6ef5;--xr7we1j:#4263eb;--x1luij3n:#3b5bdb;--x1j9ei1u:#364fc7;--x1uxr24x:#2f44ad;--x1s92x7s:#283a94;--xtahwgr:#21307a;--x24zuhp:#e7f5ff;--xojgcvx:#d0ebff;--xg2lnj2:#a5d8ff;--xi8t3zg:#74c0fc;--x1cxo12m:#4dabf7;--x108blat:#339af0;--x1m71bfi:#228be6;--x18thc5e:#1c7ed6;--x1r2ch0g:#1971c2;--xvj1pi2:#1864ab;--x115d7ns:#145591;--x8tlmf6:#114678;--xh88pmo:#0d375e;--xan8hvm:#e3fafc;--x18bhb5z:#c5f6fa;--x8ff4qx:#99e9f2;--xlt4c4z:#66d9e8;--x1mfssx2:#3bc9db;--xq0bacp:#22b8cf;--x55yy6t:#15aabf;--x1q374o9:#1098ad;--x1t0e0yp:#0c8599;--x1ud0v1m:#0b7285;--xib4mga:#095c6b;--x1c2ncfz:#074652;--xb71b1h:#053038;--x1l1olg2:#e6fcf5;--x1fo865r:#c3fae8;--x1nvc1fg:#96f2d7;--xgv6auw:#63e6be;--x1pmst37:#38d9a9;--xkk4tu2:#20c997;--xd7fwrk:#12b886;--x18b04yc:#0ca678;--xj3v5jt:#099268;--x1s1bj4c:#087f5b;--x54ht8j:#066649;--xxe259l:#054d37;--x16fpf85:#033325;--xgmtrsx:#ebfbee;--x425yo9:#d3f9d8;--x1bmyh8s:#b2f2bb;--x18hswmk:#8ce99a;--x1jhgljg:#69db7c;--x1riuw4r:#51cf66;--x8bahf8:#40c057;--x12e2g2o:#37b24d;--x12iv1wp:#2f9e44;--x6bjjnb:#2b8a3e;--xg6ckn6:#237032;--xiugtb2:#1b5727;--xax6nii:#133d1b;--x6jx7d8:#f4fce3;--x178ah5i:#e9fac8;--x2cs2bd:#d8f5a2;--x1u6dil4:#c0eb75;--x8ww2g:#a9e34b;--xiik63j:#94d82d;--xnjfibw:#82c91e;--xmsrhpr:#74b816;--x1je4qph:#66a80f;--x13cqja8:#5c940d;--x1x607hg:#4c7a0b;--xpkgxqi:#3c6109;--x11jcshd:#2c4706;--x1grypkq:#fff9db;--xnswjug:#fff3bf;--x9ofhvc:#ffec99;--x1d0oe9x:#ffe066;--x17dabl9:#ffd43b;--xymg4no:#fcc419;--xdwmfyi:#fab005;--xrmknr6:#f59f00;--x1qomae0:#f08c00;--x1uqlv87:#e67700;--x4n8yqf:#b35c00;--x1l2ywbu:#804200;--x1e7q8c8:#663500;--x14vtr7b:#fff4e6;--x8ugorc:#ffe8cc;--x1ope2ln:#ffd8a8;--xp98umn:#ffc078;--xlv97gw:#ffa94d;--x1xagoox:#ff922b;--xblktig:#fd7e14;--xxt8zue:#f76707;--x1r2hdc1:#e8590c;--xnwt3lr:#d9480f;--x1i2dlub:#bf400d;--xf1iw9h:#99330b;--x1vvoewe:#802b09;--xm61dt9:#fff8dc;--x1k8uhob:#fce1bc;--x1ti0dn2:#f7ca9e;--xi52343:#f1b280;--xuf0ff2:#e99b62;--x1r01pk:#df8545;--xryi63n:#d46e25;--x1e11l0x:#bd5f1b;--xmmgtle:#a45117;--x1hrtu5m:#8a4513;--xyuxrpj:#703a13;--xel46zi:#572f12;--x1oigmu:#3d210d;--x19egssh:#faf4eb;--xt0dsh4:#ede0d1;--x1epulul:#e0cab7;--xdy0a2q:#d3b79e;--xdzpipt:#c5a285;--x188t1ja:#b78f6d;--xb615q4:#a87c56;--xeqhvb8:#956b47;--xe7zt00:#825b3a;--xct3ydx:#6f4b2d;--xuy5q1s:#5e3a21;--xlws4yr:#4e2b15;--x1faujur:#422412;--xtdghm2:#f8fafb;--xozahh3:#e6e4dc;--x1052bky:#d5cfbd;--x1473439:#c2b9a0;--xhnc30k:#aea58c;--x1h6kccj:#9a9178;--x1ykdusk:#867c65;--x1r5bpmv:#736a53;--x9bgr96:#5f5746;--xe04zig:#4b4639;--x1czanuk:#38352d;--x1lbedzd:#252521;--xspwxd9:#121210;--x1q62qvy:#f9fbe7;--xhjzm0h:#e8ed9c;--xciiy3r:#d2df4e;--xl56gpu:#c2ce34;--x14qg1fj:#b5bb2e;--xgy29dp:#a7a827;--xbnjp6a:#999621;--x1h0v8m5:#8c851c;--x13mo2xy:#7e7416;--x1gwvfa6:#6d6414;--x693eh4:#5d5411;--xi99qxk:#4d460e;--xhzutxe:#36300a;--xl2xtxp:#ecfeb0;--xpacl8i:#def39a;--xseko76:#d0e884;--x1bru2sl:#c2dd6e;--x2anca0:#b5d15b;--xg5u3s1:#a8c648;--xqj1s2g:#9bbb36;--xccttox:#8fb024;--x1e1wjso:#84a513;--x1oior8:#7a9908;--xxjjt9z:#658006;--x1vp08an:#516605;--x1y2wm6g:#3d4d04;}",
       "rtl": null,
     },
     0,
@@ -1093,263 +1093,263 @@ exports[`commonJS results of exported styles and variables colorsHSL.stylex.js 1
 
 import { defineVars } from '@stylexjs/stylex';
 export const colorsHSL = {
-  gray0: "var(--xep3gyb)",
-  gray1: "var(--x1qy2yzm)",
-  gray2: "var(--x1v5detx)",
-  gray3: "var(--xw6fu9l)",
-  gray4: "var(--x1vzmimr)",
-  gray5: "var(--x5p7ppp)",
-  gray6: "var(--xk8lu8g)",
-  gray7: "var(--xqvn00l)",
-  gray8: "var(--x1btktcl)",
-  gray9: "var(--x1ak5sn9)",
-  gray10: "var(--x1yzjuf5)",
-  gray11: "var(--x19b9hbu)",
-  gray12: "var(--xhxgsjj)",
-  stone0: "var(--x1ucxddk)",
-  stone1: "var(--x1pjm85r)",
-  stone2: "var(--x7j9267)",
-  stone3: "var(--x8meidl)",
-  stone4: "var(--x1ochyx0)",
-  stone5: "var(--x4gr5l2)",
-  stone6: "var(--x1bmzmky)",
-  stone7: "var(--xfno6qc)",
-  stone8: "var(--x1eo1s72)",
-  stone9: "var(--x1cddavu)",
-  stone10: "var(--x7f4tkw)",
-  stone11: "var(--x1ry455g)",
-  stone12: "var(--xixtwep)",
-  red0: "var(--xga6t8v)",
-  red1: "var(--xki3els)",
-  red2: "var(--xp956r1)",
-  red3: "var(--x3grs5k)",
-  red4: "var(--xyhbx00)",
-  red5: "var(--x19w54bt)",
-  red6: "var(--x8ajwi2)",
-  red7: "var(--xarpa2s)",
-  red8: "var(--xfcb0ro)",
-  red9: "var(--x1h3wp1o)",
-  red10: "var(--xn36baz)",
-  red11: "var(--x1cjgzqn)",
-  red12: "var(--xlu40n5)",
-  pink0: "var(--x1ixqbeg)",
-  pink1: "var(--x1il46g9)",
-  pink2: "var(--x1pjgr7l)",
-  pink3: "var(--x15vxria)",
-  pink4: "var(--x1lqzi76)",
-  pink5: "var(--xkhxit8)",
-  pink6: "var(--x16r1vkv)",
-  pink7: "var(--x1of8uro)",
-  pink8: "var(--x4szd0n)",
-  pink9: "var(--xetpqdc)",
-  pink10: "var(--xgu1b28)",
-  pink11: "var(--x1m8lq7w)",
-  pink12: "var(--x7gmv31)",
-  purple0: "var(--xmv0q7q)",
-  purple1: "var(--x2hd0m)",
-  purple2: "var(--xypyda5)",
-  purple3: "var(--x1n5svxb)",
-  purple4: "var(--x11rwd9c)",
-  purple5: "var(--x1nt3wmy)",
-  purple6: "var(--x1azhr94)",
-  purple7: "var(--x14wm1ma)",
-  purple8: "var(--xdppp7g)",
-  purple9: "var(--xw1fcwj)",
-  purple10: "var(--x1g7022q)",
-  purple11: "var(--x1abyecg)",
-  purple12: "var(--x19f0zk6)",
-  violet0: "var(--x1xsviv0)",
-  violet1: "var(--x1i7p532)",
-  violet2: "var(--x1jp75bt)",
-  violet3: "var(--x1dhw61z)",
-  violet4: "var(--xlqbqsw)",
-  violet5: "var(--x1ac71nz)",
-  violet6: "var(--x1ukkv0h)",
-  violet7: "var(--x2nx9ch)",
-  violet8: "var(--x1rq6qfd)",
-  violet9: "var(--xqbsslu)",
-  violet10: "var(--xyyng9i)",
-  violet11: "var(--x1ugzfo0)",
-  violet12: "var(--xwue7r2)",
-  indigo0: "var(--x8465pp)",
-  indigo1: "var(--xseqhte)",
-  indigo2: "var(--x1x91ell)",
-  indigo3: "var(--xmtd91t)",
-  indigo4: "var(--x13cp09w)",
-  indigo5: "var(--x145g5s7)",
-  indigo6: "var(--xd9gvrw)",
-  indigo7: "var(--xmzbga7)",
-  indigo8: "var(--x1fop7yx)",
-  indigo9: "var(--x115l48x)",
-  indigo10: "var(--x1wybock)",
-  indigo11: "var(--xlx0e21)",
-  indigo12: "var(--x15khsgl)",
-  blue0: "var(--xtte4cz)",
-  blue1: "var(--x17g9q5i)",
-  blue2: "var(--xm0qyc2)",
-  blue3: "var(--xkq3tpf)",
-  blue4: "var(--xs4gxep)",
-  blue5: "var(--x1nbvk7u)",
-  blue6: "var(--x15umy01)",
-  blue7: "var(--xd8js7f)",
-  blue8: "var(--x15wgrzn)",
-  blue9: "var(--x6hcqqw)",
-  blue10: "var(--xonl48u)",
-  blue11: "var(--x16b2jzi)",
-  blue12: "var(--x3121xe)",
-  cyan0: "var(--x11c5w1n)",
-  cyan1: "var(--x1e78vuy)",
-  cyan2: "var(--x13be9yn)",
-  cyan3: "var(--x1u6mllc)",
-  cyan4: "var(--x2vcm8a)",
-  cyan5: "var(--x2l9plr)",
-  cyan6: "var(--x1msavv9)",
-  cyan7: "var(--x1vgsgry)",
-  cyan8: "var(--x1s4q5zw)",
-  cyan9: "var(--xysnlz6)",
-  cyan10: "var(--x1whs59b)",
-  cyan11: "var(--xzu7znr)",
-  cyan12: "var(--x84u4el)",
-  teal0: "var(--xx35u4w)",
-  teal1: "var(--x1ia6efg)",
-  teal2: "var(--x1oocypr)",
-  teal3: "var(--x175u7ut)",
-  teal4: "var(--x11j4k6s)",
-  teal5: "var(--xnug37u)",
-  teal6: "var(--x6j12ry)",
-  teal7: "var(--xhq42d9)",
-  teal8: "var(--xt79r3h)",
-  teal9: "var(--x11m4kh6)",
-  teal10: "var(--xbg8azi)",
-  teal11: "var(--x4dm333)",
-  teal12: "var(--x1b3b4t5)",
-  green0: "var(--x2p5azf)",
-  green1: "var(--x71800h)",
-  green2: "var(--x1mou8wh)",
-  green3: "var(--xe635b4)",
-  green4: "var(--xe90in2)",
-  green5: "var(--x19mai6)",
-  green6: "var(--x1bgie0q)",
-  green7: "var(--x1o9awcm)",
-  green8: "var(--xj6u7v4)",
-  green9: "var(--x1wj0iyp)",
-  green10: "var(--x1ssspn2)",
-  green11: "var(--x1pqru7z)",
-  green12: "var(--x11bwhsz)",
-  lime0: "var(--x1lbmqs8)",
-  lime1: "var(--x1p54lmx)",
-  lime2: "var(--x1rjl2mp)",
-  lime3: "var(--x1ubi8mj)",
-  lime4: "var(--x12hrf27)",
-  lime5: "var(--xgdwc26)",
-  lime6: "var(--x4k0b7)",
-  lime7: "var(--x1nxhbwa)",
-  lime8: "var(--x11m5mbv)",
-  lime9: "var(--xrs6skw)",
-  lime10: "var(--x8pqp5z)",
-  lime11: "var(--xj8wgvu)",
-  lime12: "var(--x7kq7f6)",
-  yellow0: "var(--xs57jz7)",
-  yellow1: "var(--xcczjkc)",
-  yellow2: "var(--xziinia)",
-  yellow3: "var(--xjg5047)",
-  yellow4: "var(--x1cyo597)",
-  yellow5: "var(--x1flq8tf)",
-  yellow6: "var(--x4n83fv)",
-  yellow7: "var(--xl58suc)",
-  yellow8: "var(--x11uhems)",
-  yellow9: "var(--x742mi2)",
-  yellow10: "var(--xtjuq0b)",
-  yellow11: "var(--xjinize)",
-  yellow12: "var(--xbyzl35)",
-  orange0: "var(--xy417p7)",
-  orange1: "var(--x1gvg9m2)",
-  orange2: "var(--xd5iaoa)",
-  orange3: "var(--x1j6pscn)",
-  orange4: "var(--x1flztp5)",
-  orange5: "var(--x1pcxrv5)",
-  orange6: "var(--x1ge7qtn)",
-  orange7: "var(--xiogoba)",
-  orange8: "var(--xoqe9no)",
-  orange9: "var(--x18w9x9o)",
-  orange10: "var(--xgaxnov)",
-  orange11: "var(--xhoooq5)",
-  orange12: "var(--x19kp5r1)",
-  choco0: "var(--xhgwd7p)",
-  choco1: "var(--xzmu82v)",
-  choco2: "var(--x18v1t95)",
-  choco3: "var(--x1qeznzr)",
-  choco4: "var(--x11i4rit)",
-  choco5: "var(--x1x8quyp)",
-  choco6: "var(--x1rth5am)",
-  choco7: "var(--x6zrpt8)",
-  choco8: "var(--x1qso75h)",
-  choco9: "var(--xpp9yzm)",
-  choco10: "var(--x1smjajl)",
-  choco11: "var(--x3hvkkn)",
-  choco12: "var(--x18k9ek4)",
-  brown0: "var(--x5oz4ql)",
-  brown1: "var(--xgi80ag)",
-  brown2: "var(--xzqpfp)",
-  brown3: "var(--x1dbhtr7)",
-  brown4: "var(--x1da80f5)",
-  brown5: "var(--x1e3u61y)",
-  brown6: "var(--xm6olh3)",
-  brown7: "var(--x1lahh5i)",
-  brown8: "var(--xjlu272)",
-  brown9: "var(--xdf7zrt)",
-  brown10: "var(--xz40s4i)",
-  brown11: "var(--x1u17wcp)",
-  brown12: "var(--xecvz8a)",
-  sand0: "var(--xud021m)",
-  sand1: "var(--x1k7zpzd)",
-  sand2: "var(--xtnmguu)",
-  sand3: "var(--x7122eo)",
-  sand4: "var(--x6rw4xi)",
-  sand5: "var(--x1wbbnsz)",
-  sand6: "var(--x1i6pbxg)",
-  sand7: "var(--xgx2k3s)",
-  sand8: "var(--x5q9vym)",
-  sand9: "var(--x1bu1nut)",
-  sand10: "var(--xrurwoo)",
-  sand11: "var(--x14a3m1o)",
-  sand12: "var(--xmetks3)",
-  camo0: "var(--xcgbcge)",
-  camo1: "var(--xuvlz9i)",
-  camo2: "var(--xemty1t)",
-  camo3: "var(--x1sf47r2)",
-  camo4: "var(--xue0d0g)",
-  camo5: "var(--x96wol0)",
-  camo6: "var(--x1h9am3f)",
-  camo7: "var(--x1tdnzlx)",
-  camo8: "var(--x2zfbkf)",
-  camo9: "var(--x1jywa61)",
-  camo10: "var(--xjdage2)",
-  camo11: "var(--xgzra4h)",
-  camo12: "var(--xkyl2e4)",
-  jungle0: "var(--xtb9bq5)",
-  jungle1: "var(--xkzx4rb)",
-  jungle2: "var(--xslg01j)",
-  jungle3: "var(--xip118t)",
-  jungle4: "var(--x8ogp6g)",
-  jungle5: "var(--x118i5ys)",
-  jungle6: "var(--x6b2zv7)",
-  jungle7: "var(--x1ko8224)",
-  jungle8: "var(--xbi1vlk)",
-  jungle9: "var(--xp2vimo)",
-  jungle10: "var(--x1ssggii)",
-  jungle11: "var(--x1f2zflk)",
-  jungle12: "var(--x1t80xh7)",
-  __themeName__: "xo4dpnp"
+  gray0: "var(--x6w7mb3)",
+  gray1: "var(--x1ih1bek)",
+  gray2: "var(--xixsm1q)",
+  gray3: "var(--xehhxjz)",
+  gray4: "var(--x1jd9bxl)",
+  gray5: "var(--xsmpgwg)",
+  gray6: "var(--x1xzikdo)",
+  gray7: "var(--x1qwjrry)",
+  gray8: "var(--x1olwv34)",
+  gray9: "var(--x13m3okq)",
+  gray10: "var(--x18roed0)",
+  gray11: "var(--x17n17tl)",
+  gray12: "var(--x118ecow)",
+  stone0: "var(--x2vb7vv)",
+  stone1: "var(--xh160pk)",
+  stone2: "var(--xymdneo)",
+  stone3: "var(--x11nvr3e)",
+  stone4: "var(--x1sdx6bp)",
+  stone5: "var(--xru1u51)",
+  stone6: "var(--xomtjf5)",
+  stone7: "var(--x1hdq1nh)",
+  stone8: "var(--xhwxa11)",
+  stone9: "var(--x1fqurk1)",
+  stone10: "var(--x1bdz9vs)",
+  stone11: "var(--x1gcm099)",
+  stone12: "var(--x1x1edl5)",
+  red0: "var(--x1iuemvu)",
+  red1: "var(--x15ijqa)",
+  red2: "var(--x102e8l1)",
+  red3: "var(--xvmjo8g)",
+  red4: "var(--xxigpro)",
+  red5: "var(--x1lr085o)",
+  red6: "var(--xytxotf)",
+  red7: "var(--x1qd1nj)",
+  red8: "var(--x1ocdf9f)",
+  red9: "var(--x5jqv7y)",
+  red10: "var(--x1lf7xix)",
+  red11: "var(--x1u2bq02)",
+  red12: "var(--x1ko49o4)",
+  pink0: "var(--xknlmxn)",
+  pink1: "var(--x1kecqyp)",
+  pink2: "var(--x6z8631)",
+  pink3: "var(--x1ptjy7r)",
+  pink4: "var(--x9bw62t)",
+  pink5: "var(--x1sgapxg)",
+  pink6: "var(--x1y484zm)",
+  pink7: "var(--x1hc4vzt)",
+  pink8: "var(--x1jzr6tr)",
+  pink9: "var(--xmwp5lj)",
+  pink10: "var(--x1nehrvj)",
+  pink11: "var(--xxv5tur)",
+  pink12: "var(--xwo8fxp)",
+  purple0: "var(--xgtkkh7)",
+  purple1: "var(--x16sbb60)",
+  purple2: "var(--x12xm1h6)",
+  purple3: "var(--xhj18ei)",
+  purple4: "var(--x1r68s7o)",
+  purple5: "var(--x13wd9lk)",
+  purple6: "var(--x1zq46f)",
+  purple7: "var(--xd665oj)",
+  purple8: "var(--x1cwcq1q)",
+  purple9: "var(--x1w0fisd)",
+  purple10: "var(--xa64uiz)",
+  purple11: "var(--x1igtwos)",
+  purple12: "var(--xzmvq4i)",
+  violet0: "var(--x5p669s)",
+  violet1: "var(--x1okk00l)",
+  violet2: "var(--x1qwbts7)",
+  violet3: "var(--x11epccb)",
+  violet4: "var(--x1yc71x1)",
+  violet5: "var(--x1xq9q29)",
+  violet6: "var(--x1nm74ce)",
+  violet7: "var(--xfgt7i8)",
+  violet8: "var(--xhala9o)",
+  violet9: "var(--xzcgphm)",
+  violet10: "var(--xkvrifn)",
+  violet11: "var(--x4cm2k4)",
+  violet12: "var(--xg3d7w6)",
+  indigo0: "var(--xg52tuh)",
+  indigo1: "var(--x1mb9kh5)",
+  indigo2: "var(--xxnmm21)",
+  indigo3: "var(--xbd1umm)",
+  indigo4: "var(--x9hjxz6)",
+  indigo5: "var(--x7o2y5a)",
+  indigo6: "var(--x7nbb8x)",
+  indigo7: "var(--xpcqu2x)",
+  indigo8: "var(--xpx0z4g)",
+  indigo9: "var(--x1w3i4gw)",
+  indigo10: "var(--x1hchauc)",
+  indigo11: "var(--xbx05wb)",
+  indigo12: "var(--x1dvvi2n)",
+  blue0: "var(--x16ei9z8)",
+  blue1: "var(--x10rfy3o)",
+  blue2: "var(--x1knyb98)",
+  blue3: "var(--xq5i0ow)",
+  blue4: "var(--x1thxrxk)",
+  blue5: "var(--xrogh10)",
+  blue6: "var(--xchx9if)",
+  blue7: "var(--x8kijkw)",
+  blue8: "var(--x1qap5je)",
+  blue9: "var(--x1ds60pk)",
+  blue10: "var(--x1gnqu8z)",
+  blue11: "var(--x18vlpt4)",
+  blue12: "var(--xmg6bzo)",
+  cyan0: "var(--x1t3wnj7)",
+  cyan1: "var(--x1oalpdo)",
+  cyan2: "var(--xsxlw0d)",
+  cyan3: "var(--x19q9i6u)",
+  cyan4: "var(--x1j3wl9t)",
+  cyan5: "var(--x1wf8d0p)",
+  cyan6: "var(--xviqjl5)",
+  cyan7: "var(--xcqiyy)",
+  cyan8: "var(--x5uu0mb)",
+  cyan9: "var(--xbw5sku)",
+  cyan10: "var(--xsml6q5)",
+  cyan11: "var(--x1q8hmy)",
+  cyan12: "var(--x2rlfop)",
+  teal0: "var(--x1f6ovgo)",
+  teal1: "var(--x1llezfl)",
+  teal2: "var(--x17jxy36)",
+  teal3: "var(--xb2v82l)",
+  teal4: "var(--x1dfbkad)",
+  teal5: "var(--xmqizi5)",
+  teal6: "var(--x1yyt21d)",
+  teal7: "var(--x1vfohxt)",
+  teal8: "var(--x8733yl)",
+  teal9: "var(--xzvks5j)",
+  teal10: "var(--x1gy6tgw)",
+  teal11: "var(--x8rjmwm)",
+  teal12: "var(--xubhqd8)",
+  green0: "var(--x17erpej)",
+  green1: "var(--xhgm50l)",
+  green2: "var(--x1s4gnm9)",
+  green3: "var(--x4a8x0)",
+  green4: "var(--x2qud0)",
+  green5: "var(--xjx73wb)",
+  green6: "var(--x1bbuk3z)",
+  green7: "var(--x1czu1a6)",
+  green8: "var(--x6wen3m)",
+  green9: "var(--x1p01cv1)",
+  green10: "var(--x6o2ox3)",
+  green11: "var(--x1uto70g)",
+  green12: "var(--x16tzaxm)",
+  lime0: "var(--x1guqeh6)",
+  lime1: "var(--x1xg5rly)",
+  lime2: "var(--xt528w5)",
+  lime3: "var(--xbtqi33)",
+  lime4: "var(--x102kj8h)",
+  lime5: "var(--x1bnots4)",
+  lime6: "var(--xmk6wf8)",
+  lime7: "var(--x1k7lxoi)",
+  lime8: "var(--x11wea82)",
+  lime9: "var(--x1e270ic)",
+  lime10: "var(--x1e6y9ut)",
+  lime11: "var(--xqsz3yo)",
+  lime12: "var(--x1wllptj)",
+  yellow0: "var(--x18rrqpj)",
+  yellow1: "var(--x17ns7ny)",
+  yellow2: "var(--x14wiqqu)",
+  yellow3: "var(--x1g8bwut)",
+  yellow4: "var(--x1b7hfdz)",
+  yellow5: "var(--x1ackil)",
+  yellow6: "var(--x1w7ynse)",
+  yellow7: "var(--x1ojv9xa)",
+  yellow8: "var(--x1nh1e0h)",
+  yellow9: "var(--xg5xsn2)",
+  yellow10: "var(--xiv5ced)",
+  yellow11: "var(--x1lyfw4e)",
+  yellow12: "var(--x8g6c8i)",
+  orange0: "var(--x1glfzdj)",
+  orange1: "var(--x1fnlhn8)",
+  orange2: "var(--x1llzohr)",
+  orange3: "var(--xszyzqu)",
+  orange4: "var(--x148vyi8)",
+  orange5: "var(--x1pu4196)",
+  orange6: "var(--xwgvleb)",
+  orange7: "var(--xqeb787)",
+  orange8: "var(--x1xzpeo9)",
+  orange9: "var(--x1owoglg)",
+  orange10: "var(--x1g83duz)",
+  orange11: "var(--xs7953m)",
+  orange12: "var(--xix6cnn)",
+  choco0: "var(--x13h62yj)",
+  choco1: "var(--x3budp2)",
+  choco2: "var(--x17eve4j)",
+  choco3: "var(--xpmhqbk)",
+  choco4: "var(--x193n8oi)",
+  choco5: "var(--x19url8l)",
+  choco6: "var(--xbakuua)",
+  choco7: "var(--x1hum3tw)",
+  choco8: "var(--xmdx3lo)",
+  choco9: "var(--x3ba194)",
+  choco10: "var(--x1dxu2ey)",
+  choco11: "var(--xcsu7i4)",
+  choco12: "var(--xo5zri9)",
+  brown0: "var(--x17l2h1v)",
+  brown1: "var(--x1ik2n53)",
+  brown2: "var(--x8szzy1)",
+  brown3: "var(--x1v80k07)",
+  brown4: "var(--xuw2zhb)",
+  brown5: "var(--x1gh25gw)",
+  brown6: "var(--x1plivp5)",
+  brown7: "var(--x1slg2e4)",
+  brown8: "var(--xufnyoc)",
+  brown9: "var(--xyjzfyt)",
+  brown10: "var(--xvo7poh)",
+  brown11: "var(--xvzksbq)",
+  brown12: "var(--x17dxb5u)",
+  sand0: "var(--x157769k)",
+  sand1: "var(--xdi41ea)",
+  sand2: "var(--x1mgy9b6)",
+  sand3: "var(--x1ig7l4g)",
+  sand4: "var(--x1ogfm5c)",
+  sand5: "var(--x1pmp6kb)",
+  sand6: "var(--xurejiy)",
+  sand7: "var(--xct15tp)",
+  sand8: "var(--xubhl9f)",
+  sand9: "var(--xfz5zb5)",
+  sand10: "var(--xn9a8u3)",
+  sand11: "var(--x1g61c0q)",
+  sand12: "var(--xl25y25)",
+  camo0: "var(--xb58dxj)",
+  camo1: "var(--x1gkekrb)",
+  camo2: "var(--x1gpz67u)",
+  camo3: "var(--xaeh432)",
+  camo4: "var(--xb125di)",
+  camo5: "var(--xk11ka9)",
+  camo6: "var(--x19iez70)",
+  camo7: "var(--x1gphoyw)",
+  camo8: "var(--x1det66j)",
+  camo9: "var(--x15cmkjj)",
+  camo10: "var(--xn7kx5t)",
+  camo11: "var(--x1rro31u)",
+  camo12: "var(--xcm56bv)",
+  jungle0: "var(--x18mkh58)",
+  jungle1: "var(--x1qhe1sa)",
+  jungle2: "var(--xf0i4ga)",
+  jungle3: "var(--xl0yg51)",
+  jungle4: "var(--x1n3zgr7)",
+  jungle5: "var(--xp6ug0o)",
+  jungle6: "var(--x1vrdmbh)",
+  jungle7: "var(--x12m5sw1)",
+  jungle8: "var(--x1lexsze)",
+  jungle9: "var(--x15eiztk)",
+  jungle10: "var(--xumemws)",
+  jungle11: "var(--x179chkn)",
+  jungle12: "var(--x1j8jjph)",
+  __themeName__: "xc0ri92"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables colorsHSL.stylex.js 2`] = `
 [
   [
-    "xo4dpnp",
+    "xc0ri92",
     {
-      "ltr": ":root{--xep3gyb:210 17% 98%;--x1qy2yzm:210 17% 95%;--x1v5detx:210 16% 93%;--xw6fu9l:210 14% 89%;--x1vzmimr:210 14% 83%;--x5p7ppp:210 11% 71%;--xk8lu8g:210 7% 56%;--xqvn00l:210 9% 31%;--x1btktcl:210 10% 23%;--x1ak5sn9:210 11% 15%;--x1yzjuf5:214 14% 10%;--x19b9hbu:216 16% 6%;--xhxgsjj:210 40% 2%;--x1ucxddk:200 27% 98%;--x1pjm85r:210 18% 96%;--x7j9267:210 11% 93%;--x8meidl:192 9% 89%;--x1ochyx0:197 8% 83%;--x4gr5l2:202 5% 71%;--x1bmzmky:200 3% 60%;--xfno6qc:180 2% 50%;--x1eo1s72:160 1% 41%;--x1cddavu:90 1% 31%;--x7f4tkw:60 3% 22%;--x1ry455g:60 6% 14%;--xixtwep:60 6% 7%;--xga6t8v:0 100% 98%;--xki3els:0 100% 95%;--xp956r1:0 100% 89%;--x3grs5k:0 100% 83%;--xyhbx00:0 100% 76%;--x19w54bt:0 100% 71%;--x8ajwi2:0 94% 65%;--xarpa2s:0 86% 59%;--xfcb0ro:0 74% 54%;--x1h3wp1o:0 65% 48%;--xn36baz:0 65% 42%;--x1cjgzqn:0 65% 36%;--xlu40n5:0 66% 30%;--x1ixqbeg:336 100% 97%;--x1il46g9:336 100% 94%;--x1pjgr7l:338 91% 87%;--x15vxria:339 90% 81%;--x1lqzi76:339 88% 74%;--xkhxit8:339 82% 67%;--x16r1vkv:339 76% 59%;--x1of8uro:339 67% 52%;--x4szd0n:339 68% 45%;--xetpqdc:339 69% 38%;--xgu1b28:339 70% 32%;--x1m8lq7w:339 69% 27%;--x7gmv31:339 70% 21%;--xmv0q7q:280 67% 96%;--x2hd0m:287 77% 92%;--xypyda5:288 86% 86%;--x1n5svxb:289 85% 78%;--x11rwd9c:288 83% 71%;--x1nt3wmy:288 75% 64%;--x1azhr94:288 67% 58%;--x14wm1ma:288 56% 52%;--xdppp7g:288 54% 46%;--xw1fcwj:288 54% 40%;--x1g7022q:288 55% 33%;--x1abyecg:288 56% 26%;--x19f0zk6:288 55% 20%;--x1xsviv0:252 100% 97%;--x1i7p532:257 100% 93%;--x1jp75bt:256 100% 87%;--x1dhw61z:255 94% 79%;--xlqbqsw:255 93% 72%;--x1ac71nz:255 91% 67%;--x1ukkv0h:255 86% 63%;--x2nx9ch:255 78% 60%;--x1rq6qfd:255 67% 55%;--xqbsslu:255 53% 50%;--xyyng9i:255 53% 44%;--x1ugzfo0:255 53% 37%;--xwue7r2:255 53% 31%;--x8465pp:223 100% 96%;--xseqhte:225 100% 93%;--x1x91ell:228 100% 86%;--xmtd91t:228 100% 78%;--x13cp09w:228 96% 72%;--x145g5s7:228 94% 67%;--xd9gvrw:228 89% 63%;--xmzbga7:228 81% 59%;--x1fop7yx:228 69% 55%;--x115l48x:230 57% 50%;--x1wybock:230 57% 43%;--xlx0e21:230 57% 37%;--x15khsgl:230 57% 30%;--xtte4cz:205 100% 95%;--x17g9q5i:206 100% 91%;--xm0qyc2:206 100% 82%;--xkq3tpf:206 96% 72%;--xs4gxep:207 91% 64%;--x1nbvk7u:207 86% 57%;--x15umy01:208 80% 52%;--xd8js7f:208 77% 47%;--x15wgrzn:209 77% 43%;--x6hcqqw:209 75% 38%;--xonl48u:209 76% 32%;--x16b2jzi:209 75% 27%;--x3121xe:209 76% 21%;--x11c5w1n:185 81% 94%;--x1e78vuy:185 84% 88%;--x13be9yn:186 77% 77%;--x1u6mllc:187 74% 65%;--x2vcm8a:187 69% 55%;--x2l9plr:188 72% 47%;--x1msavv9:187 80% 42%;--x1vgsgry:188 83% 37%;--x1s4q5zw:189 85% 32%;--xysnlz6:189 85% 28%;--x1whs59b:189 84% 23%;--xzu7znr:190 84% 17%;--x84u4el:189 84% 12%;--xx35u4w:161 79% 95%;--x1ia6efg:160 85% 87%;--x1oocypr:162 78% 77%;--x175u7ut:162 72% 65%;--x11j4k6s:162 68% 54%;--xnug37u:162 73% 46%;--x6j12ry:162 82% 40%;--xhq42d9:162 87% 35%;--xt79r3h:162 88% 30%;--x11m4kh6:162 88% 26%;--xbg8azi:162 89% 21%;--x4dm333:162 88% 16%;--x1b3b4t5:163 89% 11%;--x2p5azf:131 67% 95%;--x71800h:128 76% 90%;--x1mou8wh:128 71% 82%;--xe635b4:129 68% 73%;--xe90in2:130 61% 64%;--x19mai6:130 57% 56%;--x1bgie0q:131 50% 50%;--x1o9awcm:131 53% 46%;--xj6u7v4:131 54% 40%;--x1wj0iyp:132 52% 35%;--x1ssspn2:132 52% 29%;--x1pqru7z:132 53% 22%;--x11bwhsz:131 53% 16%;--x1lbmqs8:79 81% 94%;--x1p54lmx:80 83% 88%;--x1rjl2mp:81 81% 80%;--x1ubi8mj:82 75% 69%;--x12hrf27:83 73% 59%;--xgdwc26:84 69% 51%;--x4k0b7:85 74% 45%;--x1nxhbwa:85 79% 40%;--x11m5mbv:86 84% 36%;--xrs6skw:85 84% 32%;--x8pqp5z:85 83% 26%;--xj8wgvu:85 83% 21%;--x7kq7f6:85 84% 15%;--xs57jz7:50 100% 93%;--xcczjkc:49 100% 87%;--xziinia:49 100% 80%;--xjg5047:48 100% 70%;--x1cyo597:47 100% 62%;--x1flq8tf:45 97% 54%;--x4n83fv:42 96% 50%;--xl58suc:39 100% 48%;--x11uhems:35 100% 47%;--x742mi2:31 100% 45%;--xtjuq0b:31 100% 35%;--xjinize:31 100% 25%;--xbyzl35:31 100% 20%;--xy417p7:34 100% 95%;--x1gvg9m2:33 100% 90%;--xd5iaoa:33 100% 83%;--x1j6pscn:32 100% 74%;--x1flztp5:31 100% 65%;--x1pcxrv5:29 100% 58%;--x1ge7qtn:27 98% 54%;--xiogoba:24 94% 50%;--xoqe9no:21 90% 48%;--x18w9x9o:17 87% 45%;--xgaxnov:17 87% 40%;--xhoooq5:17 87% 32%;--x19kp5r1:17 87% 27%;--xhgwd7p:48 100% 93%;--xzmu82v:35 91% 86%;--x18v1t95:30 85% 79%;--x1qeznzr:27 80% 72%;--x11i4rit:25 75% 65%;--x1x8quyp:25 71% 57%;--x1rth5am:25 70% 49%;--x6zrpt8:25 75% 42%;--x1qso75h:25 75% 37%;--xpp9yzm:25 76% 31%;--x1smjajl:25 71% 26%;--x3hvkkn:25 66% 21%;--x18k9ek4:25 65% 15%;--x5oz4ql:36 60% 95%;--xgi80ag:32 44% 87%;--xzqpfp:28 40% 80%;--x1dbhtr7:28 38% 72%;--x1da80f5:27 36% 65%;--x1e3u61y:28 34% 57%;--xm6olh3:28 32% 50%;--x1lahh5i:28 35% 43%;--xjlu272:28 38% 37%;--xdf7zrt:27 42% 31%;--xz40s4i:25 48% 25%;--x1u17wcp:23 58% 19%;--xecvz8a:22 57% 16%;--xud021m:200 27% 98%;--x1k7zpzd:48 17% 88%;--xtnmguu:45 22% 79%;--x7122eo:44 22% 69%;--x6rw4xi:44 17% 62%;--x1wbbnsz:44 14% 54%;--x1i6pbxg:42 14% 46%;--xgx2k3s:43 16% 39%;--x5q9vym:41 15% 32%;--x1bu1nut:43 14% 26%;--xrurwoo:44 11% 20%;--x14a3m1o:60 6% 14%;--xmetks3:60 6% 7%;--xcgbcge:66 71% 95%;--xuvlz9i:64 69% 77%;--xemty1t:65 69% 59%;--x1sf47r2:65 61% 51%;--xue0d0g:63 61% 46%;--x96wol0:60 62% 41%;--x1h9am3f:59 65% 36%;--x1tdnzlx:56 67% 33%;--x2zfbkf:54 70% 29%;--x1jywa61:54 69% 25%;--xjdage2:53 69% 22%;--xgzra4h:53 69% 18%;--xkyl2e4:52 69% 13%;--xtb9bq5:74 98% 84%;--xkzx4rb:74 79% 78%;--xslg01j:74 68% 71%;--xip118t:75 62% 65%;--x8ogp6g:74 56% 59%;--x118i5ys:74 53% 53%;--x6b2zv7:74 55% 47%;--x1ko8224:74 66% 42%;--xbi1vlk:74 79% 36%;--xp2vimo:73 90% 32%;--x1ssggii:73 91% 26%;--x1f2zflk:73 91% 21%;--x1t80xh7:73 90% 16%;}",
+      "ltr": ":root{--x6w7mb3:210 17% 98%;--x1ih1bek:210 17% 95%;--xixsm1q:210 16% 93%;--xehhxjz:210 14% 89%;--x1jd9bxl:210 14% 83%;--xsmpgwg:210 11% 71%;--x1xzikdo:210 7% 56%;--x1qwjrry:210 9% 31%;--x1olwv34:210 10% 23%;--x13m3okq:210 11% 15%;--x18roed0:214 14% 10%;--x17n17tl:216 16% 6%;--x118ecow:210 40% 2%;--x2vb7vv:200 27% 98%;--xh160pk:210 18% 96%;--xymdneo:210 11% 93%;--x11nvr3e:192 9% 89%;--x1sdx6bp:197 8% 83%;--xru1u51:202 5% 71%;--xomtjf5:200 3% 60%;--x1hdq1nh:180 2% 50%;--xhwxa11:160 1% 41%;--x1fqurk1:90 1% 31%;--x1bdz9vs:60 3% 22%;--x1gcm099:60 6% 14%;--x1x1edl5:60 6% 7%;--x1iuemvu:0 100% 98%;--x15ijqa:0 100% 95%;--x102e8l1:0 100% 89%;--xvmjo8g:0 100% 83%;--xxigpro:0 100% 76%;--x1lr085o:0 100% 71%;--xytxotf:0 94% 65%;--x1qd1nj:0 86% 59%;--x1ocdf9f:0 74% 54%;--x5jqv7y:0 65% 48%;--x1lf7xix:0 65% 42%;--x1u2bq02:0 65% 36%;--x1ko49o4:0 66% 30%;--xknlmxn:336 100% 97%;--x1kecqyp:336 100% 94%;--x6z8631:338 91% 87%;--x1ptjy7r:339 90% 81%;--x9bw62t:339 88% 74%;--x1sgapxg:339 82% 67%;--x1y484zm:339 76% 59%;--x1hc4vzt:339 67% 52%;--x1jzr6tr:339 68% 45%;--xmwp5lj:339 69% 38%;--x1nehrvj:339 70% 32%;--xxv5tur:339 69% 27%;--xwo8fxp:339 70% 21%;--xgtkkh7:280 67% 96%;--x16sbb60:287 77% 92%;--x12xm1h6:288 86% 86%;--xhj18ei:289 85% 78%;--x1r68s7o:288 83% 71%;--x13wd9lk:288 75% 64%;--x1zq46f:288 67% 58%;--xd665oj:288 56% 52%;--x1cwcq1q:288 54% 46%;--x1w0fisd:288 54% 40%;--xa64uiz:288 55% 33%;--x1igtwos:288 56% 26%;--xzmvq4i:288 55% 20%;--x5p669s:252 100% 97%;--x1okk00l:257 100% 93%;--x1qwbts7:256 100% 87%;--x11epccb:255 94% 79%;--x1yc71x1:255 93% 72%;--x1xq9q29:255 91% 67%;--x1nm74ce:255 86% 63%;--xfgt7i8:255 78% 60%;--xhala9o:255 67% 55%;--xzcgphm:255 53% 50%;--xkvrifn:255 53% 44%;--x4cm2k4:255 53% 37%;--xg3d7w6:255 53% 31%;--xg52tuh:223 100% 96%;--x1mb9kh5:225 100% 93%;--xxnmm21:228 100% 86%;--xbd1umm:228 100% 78%;--x9hjxz6:228 96% 72%;--x7o2y5a:228 94% 67%;--x7nbb8x:228 89% 63%;--xpcqu2x:228 81% 59%;--xpx0z4g:228 69% 55%;--x1w3i4gw:230 57% 50%;--x1hchauc:230 57% 43%;--xbx05wb:230 57% 37%;--x1dvvi2n:230 57% 30%;--x16ei9z8:205 100% 95%;--x10rfy3o:206 100% 91%;--x1knyb98:206 100% 82%;--xq5i0ow:206 96% 72%;--x1thxrxk:207 91% 64%;--xrogh10:207 86% 57%;--xchx9if:208 80% 52%;--x8kijkw:208 77% 47%;--x1qap5je:209 77% 43%;--x1ds60pk:209 75% 38%;--x1gnqu8z:209 76% 32%;--x18vlpt4:209 75% 27%;--xmg6bzo:209 76% 21%;--x1t3wnj7:185 81% 94%;--x1oalpdo:185 84% 88%;--xsxlw0d:186 77% 77%;--x19q9i6u:187 74% 65%;--x1j3wl9t:187 69% 55%;--x1wf8d0p:188 72% 47%;--xviqjl5:187 80% 42%;--xcqiyy:188 83% 37%;--x5uu0mb:189 85% 32%;--xbw5sku:189 85% 28%;--xsml6q5:189 84% 23%;--x1q8hmy:190 84% 17%;--x2rlfop:189 84% 12%;--x1f6ovgo:161 79% 95%;--x1llezfl:160 85% 87%;--x17jxy36:162 78% 77%;--xb2v82l:162 72% 65%;--x1dfbkad:162 68% 54%;--xmqizi5:162 73% 46%;--x1yyt21d:162 82% 40%;--x1vfohxt:162 87% 35%;--x8733yl:162 88% 30%;--xzvks5j:162 88% 26%;--x1gy6tgw:162 89% 21%;--x8rjmwm:162 88% 16%;--xubhqd8:163 89% 11%;--x17erpej:131 67% 95%;--xhgm50l:128 76% 90%;--x1s4gnm9:128 71% 82%;--x4a8x0:129 68% 73%;--x2qud0:130 61% 64%;--xjx73wb:130 57% 56%;--x1bbuk3z:131 50% 50%;--x1czu1a6:131 53% 46%;--x6wen3m:131 54% 40%;--x1p01cv1:132 52% 35%;--x6o2ox3:132 52% 29%;--x1uto70g:132 53% 22%;--x16tzaxm:131 53% 16%;--x1guqeh6:79 81% 94%;--x1xg5rly:80 83% 88%;--xt528w5:81 81% 80%;--xbtqi33:82 75% 69%;--x102kj8h:83 73% 59%;--x1bnots4:84 69% 51%;--xmk6wf8:85 74% 45%;--x1k7lxoi:85 79% 40%;--x11wea82:86 84% 36%;--x1e270ic:85 84% 32%;--x1e6y9ut:85 83% 26%;--xqsz3yo:85 83% 21%;--x1wllptj:85 84% 15%;--x18rrqpj:50 100% 93%;--x17ns7ny:49 100% 87%;--x14wiqqu:49 100% 80%;--x1g8bwut:48 100% 70%;--x1b7hfdz:47 100% 62%;--x1ackil:45 97% 54%;--x1w7ynse:42 96% 50%;--x1ojv9xa:39 100% 48%;--x1nh1e0h:35 100% 47%;--xg5xsn2:31 100% 45%;--xiv5ced:31 100% 35%;--x1lyfw4e:31 100% 25%;--x8g6c8i:31 100% 20%;--x1glfzdj:34 100% 95%;--x1fnlhn8:33 100% 90%;--x1llzohr:33 100% 83%;--xszyzqu:32 100% 74%;--x148vyi8:31 100% 65%;--x1pu4196:29 100% 58%;--xwgvleb:27 98% 54%;--xqeb787:24 94% 50%;--x1xzpeo9:21 90% 48%;--x1owoglg:17 87% 45%;--x1g83duz:17 87% 40%;--xs7953m:17 87% 32%;--xix6cnn:17 87% 27%;--x13h62yj:48 100% 93%;--x3budp2:35 91% 86%;--x17eve4j:30 85% 79%;--xpmhqbk:27 80% 72%;--x193n8oi:25 75% 65%;--x19url8l:25 71% 57%;--xbakuua:25 70% 49%;--x1hum3tw:25 75% 42%;--xmdx3lo:25 75% 37%;--x3ba194:25 76% 31%;--x1dxu2ey:25 71% 26%;--xcsu7i4:25 66% 21%;--xo5zri9:25 65% 15%;--x17l2h1v:36 60% 95%;--x1ik2n53:32 44% 87%;--x8szzy1:28 40% 80%;--x1v80k07:28 38% 72%;--xuw2zhb:27 36% 65%;--x1gh25gw:28 34% 57%;--x1plivp5:28 32% 50%;--x1slg2e4:28 35% 43%;--xufnyoc:28 38% 37%;--xyjzfyt:27 42% 31%;--xvo7poh:25 48% 25%;--xvzksbq:23 58% 19%;--x17dxb5u:22 57% 16%;--x157769k:200 27% 98%;--xdi41ea:48 17% 88%;--x1mgy9b6:45 22% 79%;--x1ig7l4g:44 22% 69%;--x1ogfm5c:44 17% 62%;--x1pmp6kb:44 14% 54%;--xurejiy:42 14% 46%;--xct15tp:43 16% 39%;--xubhl9f:41 15% 32%;--xfz5zb5:43 14% 26%;--xn9a8u3:44 11% 20%;--x1g61c0q:60 6% 14%;--xl25y25:60 6% 7%;--xb58dxj:66 71% 95%;--x1gkekrb:64 69% 77%;--x1gpz67u:65 69% 59%;--xaeh432:65 61% 51%;--xb125di:63 61% 46%;--xk11ka9:60 62% 41%;--x19iez70:59 65% 36%;--x1gphoyw:56 67% 33%;--x1det66j:54 70% 29%;--x15cmkjj:54 69% 25%;--xn7kx5t:53 69% 22%;--x1rro31u:53 69% 18%;--xcm56bv:52 69% 13%;--x18mkh58:74 98% 84%;--x1qhe1sa:74 79% 78%;--xf0i4ga:74 68% 71%;--xl0yg51:75 62% 65%;--x1n3zgr7:74 56% 59%;--xp6ug0o:74 53% 53%;--x1vrdmbh:74 55% 47%;--x12m5sw1:74 66% 42%;--x1lexsze:74 79% 36%;--x15eiztk:73 90% 32%;--xumemws:73 91% 26%;--x179chkn:73 91% 21%;--x1j8jjph:73 90% 16%;}",
       "rtl": null,
     },
     0,
@@ -1369,33 +1369,33 @@ exports[`commonJS results of exported styles and variables colorsOKLCH.stylex.js
 
 import { defineVars } from '@stylexjs/stylex';
 export const colorsOKLCH = {
-  color0: "var(--xvxpeu4)",
-  color1: "var(--x17p703c)",
-  color2: "var(--x7em3a6)",
-  color3: "var(--x18qqa7n)",
-  color4: "var(--x1nibu77)",
-  color5: "var(--x1pbftlq)",
-  color6: "var(--x1k6bona)",
-  color7: "var(--x1ah1vxs)",
-  color8: "var(--x13mln2v)",
-  color9: "var(--x19th36h)",
-  color10: "var(--xuayvow)",
-  color11: "var(--xgtegoq)",
-  color12: "var(--xhpqi5x)",
-  color13: "var(--x4jlfl1)",
-  color14: "var(--x2nysj5)",
-  color15: "var(--x1mqxmvp)",
-  bright: "var(--x1sorwk4)",
-  __themeName__: "x1w7ij5j"
+  color0: "var(--x14exnge)",
+  color1: "var(--x1mtj3tc)",
+  color2: "var(--x1jy4cp6)",
+  color3: "var(--x1v3it4q)",
+  color4: "var(--x12osi74)",
+  color5: "var(--xt56mcx)",
+  color6: "var(--xwr729m)",
+  color7: "var(--x1wizxzv)",
+  color8: "var(--xzyjf9w)",
+  color9: "var(--xayx3h4)",
+  color10: "var(--x2xwirh)",
+  color11: "var(--x1wibhe8)",
+  color12: "var(--x1ou64m5)",
+  color13: "var(--xe8uy3l)",
+  color14: "var(--x3mszq1)",
+  color15: "var(--x1cb4rob)",
+  bright: "var(--xomcwl1)",
+  __themeName__: "x1xvrx1y"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables colorsOKLCH.stylex.js 2`] = `
 [
   [
-    "x1w7ij5j",
+    "x1xvrx1y",
     {
-      "ltr": ":root{--xvxpeu4:99% .03;--x17p703c:95% .06;--x7em3a6:88% .12;--x18qqa7n:80% .14;--x1nibu77:74% .16;--x1pbftlq:68% .19;--x1k6bona:63% .20;--x1ah1vxs:58% .21;--x13mln2v:53% .20;--x19th36h:49% .19;--xuayvow:42% .17;--xgtegoq:35% .15;--xhpqi5x:27% .12;--x4jlfl1:20% .09;--x2nysj5:14% .07;--x1mqxmvp:11% .05;--x1sorwk4:65% .3;}",
+      "ltr": ":root{--x14exnge:99% .03;--x1mtj3tc:95% .06;--x1jy4cp6:88% .12;--x1v3it4q:80% .14;--x12osi74:74% .16;--xt56mcx:68% .19;--xwr729m:63% .20;--x1wizxzv:58% .21;--xzyjf9w:53% .20;--xayx3h4:49% .19;--x2xwirh:42% .17;--x1wibhe8:35% .15;--x1ou64m5:27% .12;--xe8uy3l:20% .09;--x3mszq1:14% .07;--x1cb4rob:11% .05;--xomcwl1:65% .3;}",
       "rtl": null,
     },
     0,
@@ -1415,28 +1415,28 @@ exports[`commonJS results of exported styles and variables colorsOKLCHHues.style
 
 import { defineVars } from '@stylexjs/stylex';
 export const colorsOKLCHHues = {
-  red: "var(--x1w6s406)",
-  pink: "var(--x1m2ivtf)",
-  purple: "var(--x1mf3oql)",
-  violet: "var(--xu9tbt9)",
-  indigo: "var(--x1i7u3go)",
-  blue: "var(--x1sr1rs4)",
-  cyan: "var(--xf2w4zz)",
-  teal: "var(--x1e26lg7)",
-  green: "var(--x1if3evm)",
-  lime: "var(--x5x2c76)",
-  yellow: "var(--xrjq7g0)",
-  orange: "var(--xb48nck)",
-  __themeName__: "xbi67ks"
+  red: "var(--x1xpszto)",
+  pink: "var(--x1q8jelq)",
+  purple: "var(--xgvgxlr)",
+  violet: "var(--xbexeya)",
+  indigo: "var(--x1xvxfy3)",
+  blue: "var(--x28kzlq)",
+  cyan: "var(--x1k13omg)",
+  teal: "var(--x129ybs8)",
+  green: "var(--x138pnpi)",
+  lime: "var(--xt6kxm6)",
+  yellow: "var(--x1pjav1k)",
+  orange: "var(--x1nftbv8)",
+  __themeName__: "x1shiy44"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables colorsOKLCHHues.stylex.js 2`] = `
 [
   [
-    "xbi67ks",
+    "x1shiy44",
     {
-      "ltr": ":root{--x1w6s406:25;--x1m2ivtf:350;--x1mf3oql:310;--xu9tbt9:290;--x1i7u3go:270;--x1sr1rs4:240;--xf2w4zz:210;--x1e26lg7:185;--x1if3evm:145;--x5x2c76:125;--xrjq7g0:100;--xb48nck:75;}",
+      "ltr": ":root{--x1xpszto:25;--x1q8jelq:350;--xgvgxlr:310;--xbexeya:290;--x1xvxfy3:270;--x28kzlq:240;--x1k13omg:210;--x129ybs8:185;--x138pnpi:145;--xt6kxm6:125;--x1pjav1k:100;--x1nftbv8:75;}",
       "rtl": null,
     },
     0,
@@ -1466,109 +1466,109 @@ const elasticInOut3 = 'cubic-bezier(.5, -.5, .1, 1.5)';
 const elasticInOut4 = 'cubic-bezier(.5, -.7, .1, 1.5)';
 const elasticInOut5 = 'cubic-bezier(.5, -.9, .1, 1.5)';
 export const easings = {
-  ease1: "var(--x1j3522n)",
-  ease2: "var(--x1pe5cir)",
-  ease3: "var(--x1fbo7zi)",
-  ease4: "var(--xlez094)",
-  ease5: "var(--x1d8r132)",
-  in1: "var(--x6ggv30)",
-  in2: "var(--x4e0wjm)",
-  in3: "var(--xjlu58y)",
-  in4: "var(--x12f6w1g)",
-  in5: "var(--x1g88via)",
-  out1: "var(--x9jhuy4)",
-  out2: "var(--x10m1777)",
-  out3: "var(--xlr3pze)",
-  out4: "var(--x15mw0bv)",
-  out5: "var(--x1l5m9gu)",
-  inOut1: "var(--x1revdej)",
-  inOut2: "var(--xc4yn7n)",
-  inOut3: "var(--xgqmozd)",
-  inOut4: "var(--xg80u78)",
-  inOut5: "var(--xukp59z)",
-  elasticOut1: "var(--x7c2wul)",
-  elasticOut2: "var(--xp42vjl)",
-  elasticOut3: "var(--x14zwy87)",
-  elasticOut4: "var(--x1gjcl7)",
-  elasticOut5: "var(--xfgukh9)",
-  elasticIn1: "var(--x1uhe4l4)",
-  elasticIn2: "var(--xfoh8t2)",
-  elasticIn3: "var(--x16jwm1o)",
-  elasticIn4: "var(--x1vccxdt)",
-  elasticIn5: "var(--x3xer12)",
-  elasticInOut1: "var(--x18aaxr1)",
-  elasticInOut2: "var(--xo3wfrc)",
-  elasticInOut3: "var(--x1gacmsw)",
-  elasticInOut4: "var(--x19tfj5r)",
-  elasticInOut5: "var(--x6gdwcg)",
-  step1: "var(--x1qifqrf)",
-  step2: "var(--x4jxevu)",
-  step3: "var(--xbn2qu0)",
-  step4: "var(--xxljgl3)",
-  step5: "var(--xil4tbv)",
-  spring1: "var(--xmlavs2)",
-  spring2: "var(--x1jj3w8e)",
-  spring3: "var(--xttxnco)",
-  spring4: "var(--xh2bz9p)",
-  spring5: "var(--xo3u5ck)",
-  bounce1: "var(--x1gtyusx)",
-  bounce2: "var(--x1bn410r)",
-  bounce3: "var(--x1sbwotj)",
-  bounce4: "var(--xnjvpav)",
-  bounce5: "var(--x1i104lr)",
-  __themeName__: "x1ggldlb"
+  ease1: "var(--x1e14lbr)",
+  ease2: "var(--x1o9kc5h)",
+  ease3: "var(--x1ykp4cl)",
+  ease4: "var(--xq5s7df)",
+  ease5: "var(--xpudtma)",
+  in1: "var(--xb6ikgw)",
+  in2: "var(--xbsrsj0)",
+  in3: "var(--x3udct8)",
+  in4: "var(--xs50r7o)",
+  in5: "var(--x1uxalto)",
+  out1: "var(--xk4vstc)",
+  out2: "var(--x3tmsf0)",
+  out3: "var(--xpr1u9v)",
+  out4: "var(--xwkz3iy)",
+  out5: "var(--x1wg5c7p)",
+  inOut1: "var(--x7k49zx)",
+  inOut2: "var(--x1sa1jyc)",
+  inOut3: "var(--x6gv0p4)",
+  inOut4: "var(--x1rkj6nh)",
+  inOut5: "var(--x1vyk24l)",
+  elasticOut1: "var(--xsrmixm)",
+  elasticOut2: "var(--x17ag71c)",
+  elasticOut3: "var(--x1668mi7)",
+  elasticOut4: "var(--x1m5usp1)",
+  elasticOut5: "var(--x1tjawp3)",
+  elasticIn1: "var(--x1qtd5rm)",
+  elasticIn2: "var(--x832zgl)",
+  elasticIn3: "var(--x15jl3my)",
+  elasticIn4: "var(--x1g90qsa)",
+  elasticIn5: "var(--xv5rzqa)",
+  elasticInOut1: "var(--x6n4o8x)",
+  elasticInOut2: "var(--xg36ngc)",
+  elasticInOut3: "var(--x1rv6ukv)",
+  elasticInOut4: "var(--xxa6apx)",
+  elasticInOut5: "var(--x1xeiehs)",
+  step1: "var(--x10vgurc)",
+  step2: "var(--x1leqpo7)",
+  step3: "var(--x1pq1pvb)",
+  step4: "var(--x19z9hh5)",
+  step5: "var(--x14yp0s0)",
+  spring1: "var(--x1gnehdi)",
+  spring2: "var(--xpoa4zj)",
+  spring3: "var(--xp7vfu)",
+  spring4: "var(--xoo6wzt)",
+  spring5: "var(--x1jxu5gt)",
+  bounce1: "var(--x1hr7dsv)",
+  bounce2: "var(--x1wv5vqh)",
+  bounce3: "var(--x1sd2jui)",
+  bounce4: "var(--xtgjb53)",
+  bounce5: "var(--x1mnv2l8)",
+  __themeName__: "xdsoqlr"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables easings.stylex.js 2`] = `
 [
   [
-    "x1ggldlb",
+    "xdsoqlr",
     {
-      "ltr": ":root{--x1j3522n:cubic-bezier(.25, 0, .5, 1);--x1pe5cir:cubic-bezier(.25, 0, .4, 1);--x1fbo7zi:cubic-bezier(.25, 0, .3, 1);--xlez094:cubic-bezier(.25, 0, .2, 1);--x1d8r132:cubic-bezier(.25, 0, .1, 1);--x6ggv30:cubic-bezier(.25, 0, 1, 1);--x4e0wjm:cubic-bezier(.50, 0, 1, 1);--xjlu58y:cubic-bezier(.70, 0, 1, 1);--x12f6w1g:cubic-bezier(.90, 0, 1, 1);--x1g88via:cubic-bezier(1, 0, 1, 1);--x9jhuy4:cubic-bezier(0, 0, .75, 1);--x10m1777:cubic-bezier(0, 0, .50, 1);--xlr3pze:cubic-bezier(0, 0, .3, 1);--x15mw0bv:cubic-bezier(0, 0, .1, 1);--x1l5m9gu:cubic-bezier(0, 0, 0, 1);--x1revdej:cubic-bezier(.1, 0, .9, 1);--xc4yn7n:cubic-bezier(.3, 0, .7, 1);--xgqmozd:cubic-bezier(.5, 0, .5, 1);--xg80u78:cubic-bezier(.7, 0, .3, 1);--xukp59z:cubic-bezier(.9, 0, .1, 1);--x7c2wul:cubic-bezier(.5, .75, .75, 1.25);--xp42vjl:cubic-bezier(.5, 1, .75, 1.25);--x14zwy87:cubic-bezier(.5, 1.25, .75, 1.25);--x1gjcl7:cubic-bezier(.5, 1.5, .75, 1.25);--xfgukh9:cubic-bezier(.5, 1.75, .75, 1.25);--x1uhe4l4:cubic-bezier(.5, -0.25, .75, 1);--xfoh8t2:cubic-bezier(.5, -0.50, .75, 1);--x16jwm1o:cubic-bezier(.5, -0.75, .75, 1);--x1vccxdt:cubic-bezier(.5, -1.00, .75, 1);--x3xer12:cubic-bezier(.5, -1.25, .75, 1);--x18aaxr1:cubic-bezier(.5, -.1, .1, 1.5);--xo3wfrc:cubic-bezier(.5, -.3, .1, 1.5);--x1gacmsw:cubic-bezier(.5, -.5, .1, 1.5);--x19tfj5r:cubic-bezier(.5, -.7, .1, 1.5);--x6gdwcg:cubic-bezier(.5, -.9, .1, 1.5);--x1qifqrf:steps(2);--x4jxevu:steps(3);--xbn2qu0:steps(4);--xxljgl3:steps(7);--xil4tbv:steps(10);--xmlavs2:linear(
+      "ltr": ":root{--x1e14lbr:cubic-bezier(.25, 0, .5, 1);--x1o9kc5h:cubic-bezier(.25, 0, .4, 1);--x1ykp4cl:cubic-bezier(.25, 0, .3, 1);--xq5s7df:cubic-bezier(.25, 0, .2, 1);--xpudtma:cubic-bezier(.25, 0, .1, 1);--xb6ikgw:cubic-bezier(.25, 0, 1, 1);--xbsrsj0:cubic-bezier(.50, 0, 1, 1);--x3udct8:cubic-bezier(.70, 0, 1, 1);--xs50r7o:cubic-bezier(.90, 0, 1, 1);--x1uxalto:cubic-bezier(1, 0, 1, 1);--xk4vstc:cubic-bezier(0, 0, .75, 1);--x3tmsf0:cubic-bezier(0, 0, .50, 1);--xpr1u9v:cubic-bezier(0, 0, .3, 1);--xwkz3iy:cubic-bezier(0, 0, .1, 1);--x1wg5c7p:cubic-bezier(0, 0, 0, 1);--x7k49zx:cubic-bezier(.1, 0, .9, 1);--x1sa1jyc:cubic-bezier(.3, 0, .7, 1);--x6gv0p4:cubic-bezier(.5, 0, .5, 1);--x1rkj6nh:cubic-bezier(.7, 0, .3, 1);--x1vyk24l:cubic-bezier(.9, 0, .1, 1);--xsrmixm:cubic-bezier(.5, .75, .75, 1.25);--x17ag71c:cubic-bezier(.5, 1, .75, 1.25);--x1668mi7:cubic-bezier(.5, 1.25, .75, 1.25);--x1m5usp1:cubic-bezier(.5, 1.5, .75, 1.25);--x1tjawp3:cubic-bezier(.5, 1.75, .75, 1.25);--x1qtd5rm:cubic-bezier(.5, -0.25, .75, 1);--x832zgl:cubic-bezier(.5, -0.50, .75, 1);--x15jl3my:cubic-bezier(.5, -0.75, .75, 1);--x1g90qsa:cubic-bezier(.5, -1.00, .75, 1);--xv5rzqa:cubic-bezier(.5, -1.25, .75, 1);--x6n4o8x:cubic-bezier(.5, -.1, .1, 1.5);--xg36ngc:cubic-bezier(.5, -.3, .1, 1.5);--x1rv6ukv:cubic-bezier(.5, -.5, .1, 1.5);--xxa6apx:cubic-bezier(.5, -.7, .1, 1.5);--x1xeiehs:cubic-bezier(.5, -.9, .1, 1.5);--x10vgurc:steps(2);--x1leqpo7:steps(3);--x1pq1pvb:steps(4);--x19z9hh5:steps(7);--x14yp0s0:steps(10);--x1gnehdi:linear(
       0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
       0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,
       1.001
-    );--x1jj3w8e:linear(
+    );--xpoa4zj:linear(
       0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,
       1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,
       0.999 61.6%, 0.995 71.2%, 1
-    );--xttxnco:linear(
+    );--xp7vfu:linear(
       0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,
       1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,
       1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,
       0.997 69.8%, 1.003 76.9%, 1
-    );--xh2bz9p:linear(
+    );--xoo6wzt:linear(
       0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,
       1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,
       0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,
       0.998 78.9%, 1
-    );--xo3u5ck:linear(
+    );--x1jxu5gt:linear(
       0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,
       1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,
       0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,
       1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1
-    );--x1gtyusx:linear(
+    );--x1hr7dsv:linear(
       0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,
       0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,
       0.885, 0.895, 0.908 89.7%, 0.946, 1
-    );--x1bn410r:linear(
+    );--x1wv5vqh:linear(
       0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,
       1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,
       0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,
       0.973, 1
-    );--x1sbwotj:linear(
+    );--x1sd2jui:linear(
       0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,
       1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,
       0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,
       0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,
       0.96, 0.968, 0.981, 1
-    );--xnjvpav:linear(
+    );--xtgjb53:linear(
       0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,
       0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,
       0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,
       0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1
-    );--x1i104lr:linear(
+    );--x1mnv2l8:linear(
       0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,
       0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,
       0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,
@@ -1594,57 +1594,57 @@ exports[`commonJS results of exported styles and variables fonts.stylex.js 1`] =
 
 import { defineVars } from '@stylexjs/stylex';
 export const fonts = {
-  sans: "var(--xanpsew)",
-  serif: "var(--xv9w050)",
-  mono: "var(--x1q5jwrf)",
-  weight1: "var(--x13q41jb)",
-  weight2: "var(--x1w1zwzf)",
-  weight3: "var(--x1k5rcjo)",
-  weight4: "var(--x1xjd60x)",
-  weight5: "var(--x1gbz26p)",
-  weight6: "var(--xxk39i5)",
-  weight7: "var(--x1ih23ey)",
-  weight8: "var(--x1c86xch)",
-  weight9: "var(--x1h2oslr)",
-  lineHeight00: "var(--x3h6pva)",
-  lineHeight0: "var(--x1guo02n)",
-  lineHeight1: "var(--x1dqvqp8)",
-  lineHeight2: "var(--x5vo7ea)",
-  lineHeight3: "var(--x16xun1t)",
-  lineHeight4: "var(--x1mmyvf2)",
-  lineHeight5: "var(--x19cuso)",
-  letterSpacing0: "var(--x6rgj2r)",
-  letterSpacing1: "var(--x1abbisj)",
-  letterSpacing2: "var(--x182byyj)",
-  letterSpacing3: "var(--x1x5s38d)",
-  letterSpacing4: "var(--xqpg8kb)",
-  letterSpacing5: "var(--x1a92c87)",
-  letterSpacing6: "var(--x7qwnnj)",
-  letterSpacing7: "var(--x3jnj2)",
-  size00: "var(--x1v80h2e)",
-  size0: "var(--xd88jmw)",
-  size1: "var(--x1w37u79)",
-  size2: "var(--xubenyc)",
-  size3: "var(--x510uo4)",
-  size4: "var(--xj9ty4f)",
-  size5: "var(--xsv3ft2)",
-  size6: "var(--x1kesed8)",
-  size7: "var(--xxiefrq)",
-  size8: "var(--xffo5yo)",
-  sizeFluid0: "var(--x3f5w2j)",
-  sizeFluid1: "var(--x6058t9)",
-  sizeFluid2: "var(--x13ndac4)",
-  sizeFluid3: "var(--x9kjul6)",
-  __themeName__: "xib0cp9"
+  sans: "var(--x1q71073)",
+  serif: "var(--xfvs3xa)",
+  mono: "var(--xoq7w3g)",
+  weight1: "var(--xuhqzaw)",
+  weight2: "var(--x1vpx6q)",
+  weight3: "var(--x1tfinms)",
+  weight4: "var(--xlvgxm8)",
+  weight5: "var(--x1ptb8zq)",
+  weight6: "var(--xtblcaf)",
+  weight7: "var(--x18wmnkn)",
+  weight8: "var(--x1u21cuz)",
+  weight9: "var(--x1friz9z)",
+  lineHeight00: "var(--xl05amt)",
+  lineHeight0: "var(--x3ta65r)",
+  lineHeight1: "var(--xpbmc25)",
+  lineHeight2: "var(--xt1fs4w)",
+  lineHeight3: "var(--x1tjg5is)",
+  lineHeight4: "var(--x18dp253)",
+  lineHeight5: "var(--x1gr5rvv)",
+  letterSpacing0: "var(--x8wksiv)",
+  letterSpacing1: "var(--x11b87zf)",
+  letterSpacing2: "var(--x1ui74c2)",
+  letterSpacing3: "var(--xnzqs7t)",
+  letterSpacing4: "var(--x19sn613)",
+  letterSpacing5: "var(--xqk1qx4)",
+  letterSpacing6: "var(--xevygkm)",
+  letterSpacing7: "var(--x1clekq2)",
+  size00: "var(--xkyxx9v)",
+  size0: "var(--xvc51p2)",
+  size1: "var(--x1fmjzgv)",
+  size2: "var(--x1tc4mim)",
+  size3: "var(--x1y948ji)",
+  size4: "var(--x1e96w92)",
+  size5: "var(--x1gx7r6k)",
+  size6: "var(--x1mobfil)",
+  size7: "var(--x14epznc)",
+  size8: "var(--xjgnr78)",
+  sizeFluid0: "var(--x147pgvz)",
+  sizeFluid1: "var(--xdcznox)",
+  sizeFluid2: "var(--x1jukq44)",
+  sizeFluid3: "var(--xud2k9)",
+  __themeName__: "x2eykj1"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables fonts.stylex.js 2`] = `
 [
   [
-    "xib0cp9",
+    "x2eykj1",
     {
-      "ltr": ":root{--xanpsew:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--xv9w050:ui-serif,serif;--x1q5jwrf:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--x13q41jb:100;--x1w1zwzf:200;--x1k5rcjo:300;--x1xjd60x:400;--x1gbz26p:500;--xxk39i5:600;--x1ih23ey:700;--x1c86xch:800;--x1h2oslr:900;--x3h6pva:.95;--x1guo02n:1.1;--x1dqvqp8:1.25;--x5vo7ea:1.375;--x16xun1t:1.5;--x1mmyvf2:1.75;--x19cuso:2;--x6rgj2r:-.05em;--x1abbisj:.025em;--x182byyj:.050em;--x1x5s38d:.075em;--xqpg8kb:.150em;--x1a92c87:.500em;--x7qwnnj:.750em;--x3jnj2:1em;--x1v80h2e:.5rem;--xd88jmw:.75rem;--x1w37u79:1rem;--xubenyc:1.1rem;--x510uo4:1.25rem;--xj9ty4f:1.5rem;--xsv3ft2:2rem;--x1kesed8:2.5rem;--xxiefrq:3rem;--xffo5yo:3.5rem;--x3f5w2j:clamp(.75rem, 2vw, 1rem);--x6058t9:clamp(1rem, 4vw, 1.5rem);--x13ndac4:clamp(1.5rem, 6vw, 2.5rem);--x9kjul6:clamp(2rem, 9vw, 3.5rem);}",
+      "ltr": ":root{--x1q71073:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--xfvs3xa:ui-serif,serif;--xoq7w3g:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--xuhqzaw:100;--x1vpx6q:200;--x1tfinms:300;--xlvgxm8:400;--x1ptb8zq:500;--xtblcaf:600;--x18wmnkn:700;--x1u21cuz:800;--x1friz9z:900;--xl05amt:.95;--x3ta65r:1.1;--xpbmc25:1.25;--xt1fs4w:1.375;--x1tjg5is:1.5;--x18dp253:1.75;--x1gr5rvv:2;--x8wksiv:-.05em;--x11b87zf:.025em;--x1ui74c2:.050em;--xnzqs7t:.075em;--x19sn613:.150em;--xqk1qx4:.500em;--xevygkm:.750em;--x1clekq2:1em;--xkyxx9v:.5rem;--xvc51p2:.75rem;--x1fmjzgv:1rem;--x1tc4mim:1.1rem;--x1y948ji:1.25rem;--x1e96w92:1.5rem;--x1gx7r6k:2rem;--x1mobfil:2.5rem;--x14epznc:3rem;--xjgnr78:3.5rem;--x147pgvz:clamp(.75rem, 2vw, 1rem);--xdcznox:clamp(1rem, 4vw, 1.5rem);--x1jukq44:clamp(1.5rem, 6vw, 2.5rem);--xud2k9:clamp(2rem, 9vw, 3.5rem);}",
       "rtl": null,
     },
     0,
@@ -1664,56 +1664,56 @@ exports[`commonJS results of exported styles and variables gradients.stylex.js 1
 
 import { defineVars } from '@stylexjs/stylex';
 export const gradients = {
-  gradient1: "var(--x1jqh4zq)",
-  gradient2: "var(--xc7y7f8)",
-  gradient3: "var(--xhrjcfa)",
-  gradient4: "var(--xtqc8cc)",
-  gradient5: "var(--xh75ode)",
-  gradient6: "var(--x2s0ias)",
-  gradient7: "var(--x1a52zq7)",
-  gradient8: "var(--x8ip18a)",
-  gradient9: "var(--xh340k3)",
-  gradient10: "var(--xjw5pon)",
-  gradient11: "var(--x137kimp)",
-  gradient12: "var(--xm959zx)",
-  gradient13: "var(--x1d46zld)",
-  gradient14: "var(--x1h21oic)",
-  gradient15: "var(--x15apoaa)",
-  gradient16: "var(--x80ru36)",
-  gradient17: "var(--x13t8iy3)",
-  gradient18: "var(--x22tp4w)",
-  gradient19: "var(--xff05mo)",
-  gradient20: "var(--xrfvjfw)",
-  gradient21: "var(--xhriey9)",
-  gradient22: "var(--x1nqhnaz)",
-  gradient23: "var(--x7un2s0)",
-  gradient24: "var(--x10qbk77)",
-  gradient25: "var(--xrkz8d1)",
-  gradient26: "var(--x21w6k1)",
-  gradient27: "var(--x3qh47x)",
-  gradient28: "var(--x1d8h82p)",
-  gradient29: "var(--x18krjlm)",
-  gradient30: "var(--x1lj3lou)",
-  noise1: "var(--x12cx7eb)",
-  noise2: "var(--xoe3mf4)",
-  noise3: "var(--x1inqltg)",
-  noise4: "var(--xgyvn3v)",
-  noise5: "var(--x1eiahss)",
-  noiseFilter1: "var(--x6k9yr2)",
-  noiseFilter2: "var(--xlpey36)",
-  noiseFilter3: "var(--xz9i4ah)",
-  noiseFilter4: "var(--xn8azb5)",
-  noiseFilter5: "var(--xbu9qyx)",
-  __themeName__: "x1mr5r9p"
+  gradient1: "var(--xp4wc26)",
+  gradient2: "var(--xrh5j6x)",
+  gradient3: "var(--x18nq9xi)",
+  gradient4: "var(--xzux2dw)",
+  gradient5: "var(--x1tmqm8p)",
+  gradient6: "var(--x146672i)",
+  gradient7: "var(--xe84d5d)",
+  gradient8: "var(--x1epho9k)",
+  gradient9: "var(--x1tf9zl8)",
+  gradient10: "var(--x5gd9lo)",
+  gradient11: "var(--x1b3ubxy)",
+  gradient12: "var(--x15et81p)",
+  gradient13: "var(--x1pc3s1e)",
+  gradient14: "var(--x1pl5keh)",
+  gradient15: "var(--x1pfe3tj)",
+  gradient16: "var(--x1g4xbz6)",
+  gradient17: "var(--x1cx1j4v)",
+  gradient18: "var(--xius5tm)",
+  gradient19: "var(--x1ri8st6)",
+  gradient20: "var(--x1y40qgk)",
+  gradient21: "var(--xu5dmwv)",
+  gradient22: "var(--xeudyre)",
+  gradient23: "var(--x1t476tf)",
+  gradient24: "var(--x1nk9lg4)",
+  gradient25: "var(--x177d41g)",
+  gradient26: "var(--xs8mnf5)",
+  gradient27: "var(--x1fn5jn9)",
+  gradient28: "var(--x13tauc6)",
+  gradient29: "var(--x1ijif85)",
+  gradient30: "var(--xsp6d9h)",
+  noise1: "var(--x1jhub5j)",
+  noise2: "var(--x1e0yy9g)",
+  noise3: "var(--xaurr8t)",
+  noise4: "var(--x19mq58b)",
+  noise5: "var(--x19ucm2)",
+  noiseFilter1: "var(--xhf9ckf)",
+  noiseFilter2: "var(--x9600tu)",
+  noiseFilter3: "var(--x10w26cg)",
+  noiseFilter4: "var(--x1mjulo7)",
+  noiseFilter5: "var(--x7qn86e)",
+  __themeName__: "x6ecbot"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables gradients.stylex.js 2`] = `
 [
   [
-    "x1mr5r9p",
+    "x6ecbot",
     {
-      "ltr": ":root{--x1jqh4zq:linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--xc7y7f8:linear-gradient(to bottom right,#48005c, #8300e2, #a269ff);--xhrjcfa:
+      "ltr": ":root{--xp4wc26:linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--xrh5j6x:linear-gradient(to bottom right,#48005c, #8300e2, #a269ff);--x18nq9xi:
       radial-gradient(
         circle at top right,
         hsl(180 100% 50%), hsl(180 100% 50% / 0%)
@@ -1721,14 +1721,14 @@ exports[`commonJS results of exported styles and variables gradients.stylex.js 2
       radial-gradient(
         circle at bottom left,
         hsl(328 100% 54%), hsl(328 100% 54% / 0%)
-      );--xtqc8cc:linear-gradient(to bottom right,#00F5A0,#00D9F5);--xh75ode:conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);--x2s0ias:conic-gradient(from -90deg at top left, black, white);--x1a52zq7:linear-gradient(to bottom right,#72C6EF,#004E8F);--x8ip18a:conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);--xh340k3:conic-gradient(from .5turn at bottom center, lightblue, white);--xjw5pon:conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);--x137kimp:conic-gradient(at bottom left, deeppink, cyan);--xm959zx:conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);--x1d46zld:radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);--x1h21oic:conic-gradient(at top right, lime, cyan);--x15apoaa:linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);--x80ru36:radial-gradient(circle at 50% -250%, #374151, #111827, #000);--x13t8iy3:conic-gradient(from -90deg at 50% -25%, blue, blueviolet);--x22tp4w:
+      );--xzux2dw:linear-gradient(to bottom right,#00F5A0,#00D9F5);--x1tmqm8p:conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);--x146672i:conic-gradient(from -90deg at top left, black, white);--xe84d5d:linear-gradient(to bottom right,#72C6EF,#004E8F);--x1epho9k:conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);--x1tf9zl8:conic-gradient(from .5turn at bottom center, lightblue, white);--x5gd9lo:conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);--x1b3ubxy:conic-gradient(at bottom left, deeppink, cyan);--x15et81p:conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);--x1pc3s1e:radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);--x1pl5keh:conic-gradient(at top right, lime, cyan);--x1pfe3tj:linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);--x1g4xbz6:radial-gradient(circle at 50% -250%, #374151, #111827, #000);--x1cx1j4v:conic-gradient(from -90deg at 50% -25%, blue, blueviolet);--xius5tm:
       linear-gradient(0deg,   hsla(0   100% 50% / 80%), hsla(0   100% 50% / 0) 75%),
       linear-gradient(60deg,  hsla(60  100% 50% / 80%), hsla(60  100% 50% / 0) 75%),
       linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),
       linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),
       linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),
       linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)
-    ;--xff05mo:linear-gradient(to bottom right,#ffe259,#ffa751);--xrfvjfw:conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);--xhriey9:conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);--x1nqhnaz:linear-gradient(to bottom right,#acb6e5,#86fde8);--x7un2s0:linear-gradient(to bottom right,#536976,#292E49);--x10qbk77:conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);--xrkz8d1:conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);--x21w6k1:linear-gradient(to bottom right,#9796f0,#fbc7d4);--x3qh47x:conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple);--x1d8h82p:conic-gradient(from -90deg at 50% 105%, white, orchid);--x18krjlm:
+    ;--x1ri8st6:linear-gradient(to bottom right,#ffe259,#ffa751);--x1y40qgk:conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);--xu5dmwv:conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);--xeudyre:linear-gradient(to bottom right,#acb6e5,#86fde8);--x1t476tf:linear-gradient(to bottom right,#536976,#292E49);--x1nk9lg4:conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);--x177d41g:conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);--xs8mnf5:linear-gradient(to bottom right,#9796f0,#fbc7d4);--x1fn5jn9:conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple);--x13tauc6:conic-gradient(from -90deg at 50% 105%, white, orchid);--x1ijif85:
       radial-gradient(
         circle at top right,
         hsl(250 100% 85%), hsl(250 100% 85% / 0%)
@@ -1736,14 +1736,14 @@ exports[`commonJS results of exported styles and variables gradients.stylex.js 2
       radial-gradient(
         circle at bottom left,
         hsl(220 90% 75%), hsl(220 90% 75% / 0%)
-      );--x1lj3lou:radial-gradient(
+      );--xsp6d9h:radial-gradient(
         circle at top right,
         hsl(150 100% 50%), hsl(150 100% 50% / 0%)
       ),
       radial-gradient(
         circle at bottom left,
         hsl(150 100% 84%), hsl(150 100% 84% / 0%)
-      );--x12cx7eb:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--xoe3mf4:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--x1inqltg:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--xgyvn3v:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--x1eiahss:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--x6k9yr2:contrast(300%) brightness(100%);--xlpey36:contrast(200%) brightness(150%);--xz9i4ah:contrast(200%) brightness(250%);--xn8azb5:contrast(200%) brightness(500%);--xbu9qyx:contrast(200%) brightness(1000%);}",
+      );--x1jhub5j:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--x1e0yy9g:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--xaurr8t:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--x19mq58b:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--x19ucm2:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--xhf9ckf:contrast(300%) brightness(100%);--x9600tu:contrast(200%) brightness(150%);--x10w26cg:contrast(200%) brightness(250%);--x1mjulo7:contrast(200%) brightness(500%);--x7qn86e:contrast(200%) brightness(1000%);}",
       "rtl": null,
     },
     0,
@@ -1763,32 +1763,32 @@ exports[`commonJS results of exported styles and variables grayOKLCH.stylex.js 1
 
 import { defineVars } from '@stylexjs/stylex';
 export const grayOKLCH = {
-  grey0: "var(--xikvdla)",
-  grey1: "var(--x1u5ign3)",
-  grey2: "var(--xge0kc1)",
-  grey3: "var(--x1ycv5dp)",
-  grey4: "var(--xtu6ufq)",
-  grey5: "var(--x1pj7wxv)",
-  grey6: "var(--x16ixgft)",
-  grey7: "var(--x1gy9vbq)",
-  grey8: "var(--x1w3c3ua)",
-  grey9: "var(--x1rn0w7k)",
-  grey10: "var(--xy9sot0)",
-  grey11: "var(--x1o0pc1m)",
-  grey12: "var(--xenj3nv)",
-  grey13: "var(--x1fea5c)",
-  grey14: "var(--xcgkeii)",
-  grey15: "var(--x17lsm64)",
-  __themeName__: "xluomik"
+  grey0: "var(--x1r8db9y)",
+  grey1: "var(--x1539giv)",
+  grey2: "var(--x1wc3b5e)",
+  grey3: "var(--x1mjp29e)",
+  grey4: "var(--x1w8nt4b)",
+  grey5: "var(--xdwh0te)",
+  grey6: "var(--x1ce41rg)",
+  grey7: "var(--x6ar2cm)",
+  grey8: "var(--x13qaqud)",
+  grey9: "var(--x1lc6icy)",
+  grey10: "var(--xo11tc2)",
+  grey11: "var(--x190f7u2)",
+  grey12: "var(--x1g112n0)",
+  grey13: "var(--x1juan1k)",
+  grey14: "var(--x1g07krd)",
+  grey15: "var(--x1n3igy5)",
+  __themeName__: "x4qq4ro"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables grayOKLCH.stylex.js 2`] = `
 [
   [
-    "xluomik",
+    "x4qq4ro",
     {
-      "ltr": ":root{--xikvdla:99%;--x1u5ign3:95%;--xge0kc1:88%;--x1ycv5dp:80%;--xtu6ufq:74%;--x1pj7wxv:68%;--x16ixgft:63%;--x1gy9vbq:58%;--x1w3c3ua:53%;--x1rn0w7k:49%;--xy9sot0:43%;--x1o0pc1m:37%;--xenj3nv:31%;--x1fea5c:25%;--xcgkeii:18%;--x17lsm64:10%;}",
+      "ltr": ":root{--x1r8db9y:99%;--x1539giv:95%;--x1wc3b5e:88%;--x1mjp29e:80%;--x1w8nt4b:74%;--xdwh0te:68%;--x1ce41rg:63%;--x6ar2cm:58%;--x13qaqud:53%;--x1lc6icy:49%;--xo11tc2:43%;--x190f7u2:37%;--x1g112n0:31%;--x1juan1k:25%;--x1g07krd:18%;--x1n3igy5:10%;}",
       "rtl": null,
     },
     0,
@@ -1812,27 +1812,27 @@ const highlightSize = '10px';
 const highlightColor = 'hsl(0 0% 0% / 20%)';
 const highlightColorDark = 'hsl(0 0% 100% / 20%)';
 export const highlights = {
-  highlightSize: "var(--xmjqxfw)",
-  highlightColor: "var(--xgorgio)",
-  highlight: "var(--x27iylq)",
-  __themeName__: "xkkhulp"
+  highlightSize: "var(--xlazqa6)",
+  highlightColor: "var(--x1g77vpg)",
+  highlight: "var(--x11bt0u6)",
+  __themeName__: "x916mmj"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables highlights.stylex.js 2`] = `
 [
   [
-    "xkkhulp",
+    "x916mmj",
     {
-      "ltr": ":root{--xmjqxfw:10px;--xgorgio:hsl(0 0% 0% / 20%);--x27iylq:0 0 0 10px hsl(0 0% 0% / 20%);}",
+      "ltr": ":root{--xlazqa6:10px;--x1g77vpg:hsl(0 0% 0% / 20%);--x11bt0u6:0 0 0 10px hsl(0 0% 0% / 20%);}",
       "rtl": null,
     },
     0,
   ],
   [
-    "xkkhulp-1lveb7",
+    "x916mmj-1lveb7",
     {
-      "ltr": "@media (prefers-color-scheme: dark){:root{--xgorgio:hsl(0 0% 100% / 20%);--x27iylq:0 0 0 10px hsl(0 0% 100% / 20%);}}",
+      "ltr": "@media (prefers-color-scheme: dark){:root{--x1g77vpg:hsl(0 0% 100% / 20%);--x11bt0u6:0 0 0 10px hsl(0 0% 100% / 20%);}}",
       "rtl": null,
     },
     0.1,
@@ -1857,28 +1857,28 @@ const gridAdaptMixinBreak2 = '480px';
 const aboveBreak1Columns = '5';
 const aboveBreak2Columns = '2';
 export const layouts = {
-  gridCell: "var(--xatjgjs)",
-  gridCellName: "var(--xwyqwpe)",
-  gridRam: "var(--x1jjt0d4)",
-  gridHolyGrail: "var(--x1n3c61z)",
-  gridAdaptMixinViewportContext: "var(--xnwyyqj)",
-  gridAdaptMixinContainerContext: "var(--x1lb0luf)",
-  gridAdaptMixinContext: "var(--xx6sxmq)",
-  gridAdaptMixinBreak1: "var(--x9asj07)",
-  aboveBreak1Columns: "var(--x1bpzj9b)",
-  gridAdaptMixinBreak2: "var(--xaidca)",
-  aboveBreak2Columns: "var(--xby0n4n)",
-  gridAdaptMixin: "var(--x1fc8at1)",
-  __themeName__: "x1iz3vx4"
+  gridCell: "var(--x1f7j5v7)",
+  gridCellName: "var(--xu7dx3s)",
+  gridRam: "var(--xs0hnus)",
+  gridHolyGrail: "var(--xzsprd7)",
+  gridAdaptMixinViewportContext: "var(--xplbd01)",
+  gridAdaptMixinContainerContext: "var(--xfgzfod)",
+  gridAdaptMixinContext: "var(--xut1aks)",
+  gridAdaptMixinBreak1: "var(--x13vqd9u)",
+  aboveBreak1Columns: "var(--x1q3dbq9)",
+  gridAdaptMixinBreak2: "var(--xpm3c7f)",
+  aboveBreak2Columns: "var(--xqurbyj)",
+  gridAdaptMixin: "var(--xw9w9r6)",
+  __themeName__: "x1g8f3v0"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables layouts.stylex.js 2`] = `
 [
   [
-    "x1iz3vx4",
+    "x1g8f3v0",
     {
-      "ltr": ":root{--xatjgjs:[stack] 1fr / [stack] 1fr;--xwyqwpe:stack;--x1jjt0d4:repeat(auto-fit, minmax(min(0, 100%), 1fr));--x1n3c61z:auto 1fr auto / auto 1fr auto;--xnwyyqj:100vw;--x1lb0luf:100%;--xx6sxmq:100vw;--x9asj07:1024px;--x1bpzj9b:5;--xaidca:480px;--xby0n4n:2;--x1fc8at1:repeat(auto-fill,
+      "ltr": ":root{--x1f7j5v7:[stack] 1fr / [stack] 1fr;--xu7dx3s:stack;--xs0hnus:repeat(auto-fit, minmax(min(0, 100%), 1fr));--xzsprd7:auto 1fr auto / auto 1fr auto;--xplbd01:100vw;--xfgzfod:100%;--xut1aks:100vw;--x13vqd9u:1024px;--x1q3dbq9:5;--xpm3c7f:480px;--xqurbyj:2;--xw9w9r6:repeat(auto-fill,
         minmax(
           clamp(
             clamp(
@@ -1910,35 +1910,35 @@ exports[`commonJS results of exported styles and variables masksCornerCuts.style
 
 import { defineVars } from '@stylexjs/stylex';
 export const masksCornerCuts = {
-  circles1: "var(--x118h1qf)",
-  circles2: "var(--xc3ql46)",
-  circles3: "var(--x1168wbg)",
-  squares1: "var(--x1l37awf)",
-  squares2: "var(--xe01f8k)",
-  squares3: "var(--x1dxd85s)",
-  angles1: "var(--xd3zplw)",
-  angles2: "var(--x14npx5d)",
-  angles3: "var(--xgc3fv6)",
-  __themeName__: "xs8v4m1"
+  circles1: "var(--x1kvfogc)",
+  circles2: "var(--xdba12c)",
+  circles3: "var(--xozyv2b)",
+  squares1: "var(--x1ppcnoa)",
+  squares2: "var(--xsfaykt)",
+  squares3: "var(--x1rfdwb4)",
+  angles1: "var(--x1sde5ez)",
+  angles2: "var(--x1kkaz9n)",
+  angles3: "var(--x1armztt)",
+  __themeName__: "xi3n4kz"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables masksCornerCuts.stylex.js 2`] = `
 [
   [
-    "xs8v4m1",
+    "xi3n4kz",
     {
-      "ltr": ":root{--x118h1qf:radial-gradient(1rem at 1rem 1rem,#0000 99%,#000) -1rem -1rem;--xc3ql46:radial-gradient(2rem at 2rem 2rem,#0000 99%,#000) -2rem -2rem;--x1168wbg:radial-gradient(4rem at 4rem 4rem,#0000 99%,#000) -4rem -4rem;--x1l37awf:conic-gradient(at calc(2 * 1rem) calc(2 * 1rem), #000 75%, #0000 0) -1rem -1rem;--xe01f8k:conic-gradient(at calc(2 * 2rem) calc(2 * 2rem), #000 75%, #0000 0) -2rem -2rem;--x1dxd85s:conic-gradient(at calc(2 * 4rem) calc(2 * 4rem), #000 75%, #0000 0) -4rem -4rem;--xd3zplw:
+      "ltr": ":root{--x1kvfogc:radial-gradient(1rem at 1rem 1rem,#0000 99%,#000) -1rem -1rem;--xdba12c:radial-gradient(2rem at 2rem 2rem,#0000 99%,#000) -2rem -2rem;--xozyv2b:radial-gradient(4rem at 4rem 4rem,#0000 99%,#000) -4rem -4rem;--x1ppcnoa:conic-gradient(at calc(2 * 1rem) calc(2 * 1rem), #000 75%, #0000 0) -1rem -1rem;--xsfaykt:conic-gradient(at calc(2 * 2rem) calc(2 * 2rem), #000 75%, #0000 0) -2rem -2rem;--x1rfdwb4:conic-gradient(at calc(2 * 4rem) calc(2 * 4rem), #000 75%, #0000 0) -4rem -4rem;--x1sde5ez:
       conic-gradient(from -45deg at 1rem 1rem, #0000 25%, #000 0)
       -1rem 0 / 100% 51% repeat-x,
       conic-gradient(from 135deg at 1rem calc(100% - 1rem), #0000 25%, #000 0)
       -1rem 100% / 100% 51% repeat-x
-    ;--x14npx5d:
+    ;--x1kkaz9n:
       conic-gradient(from -45deg at 2rem 2rem, #0000 25%, #000 0)
       -2rem 0 / 100% 51% repeat-x,
       conic-gradient(from 135deg at 2rem calc(100% - 2rem), #0000 25%, #000 0)
       -2rem 100% / 100% 51% repeat-x
-    ;--xgc3fv6:
+    ;--x1armztt:
       conic-gradient(from -45deg at 4rem 4rem, #0000 25%, #000 0)
       -4rem 0 / 100% 51% repeat-x,
       conic-gradient(from 135deg at 4rem calc(100% - 4rem), #0000 25%, #000 0)
@@ -1963,87 +1963,87 @@ exports[`commonJS results of exported styles and variables masksEdges.stylex.js
 
 import { defineVars } from '@stylexjs/stylex';
 export const masksEdges = {
-  scoopBottom: "var(--x1yjis90)",
-  scoopTop: "var(--xcouh9x)",
-  scoopVertical: "var(--x9knu3d)",
-  scoopLeft: "var(--xm71dsr)",
-  scoopRight: "var(--x18w6z8w)",
-  scoopHorizontal: "var(--x9mek45)",
-  scalloped: "var(--x1vvwdwh)",
-  scallopedBottom: "var(--xdzmfpz)",
-  scallopedTop: "var(--x128t0v2)",
-  scallopedVertical: "var(--x1sgnykh)",
-  scallopedLeft: "var(--x1umr6rj)",
-  scallopedRight: "var(--xml1wf3)",
-  scallopedHorizontal: "var(--x1j30e3f)",
-  dripBottom: "var(--x1gkgr)",
-  dripTop: "var(--xm0l2u7)",
-  dripVertical: "var(--x1pz3wxr)",
-  dripLeft: "var(--x11att2k)",
-  dripRight: "var(--xdmzouv)",
-  dripHorizontal: "var(--x1lqu3y2)",
-  zigZagTop: "var(--xsthxl6)",
-  zigZagBottom: "var(--x1v6xl0u)",
-  zigZagLeft: "var(--xycpfz0)",
-  zigZagRight: "var(--x19obybm)",
-  zigZagHorizontal: "var(--xy55snz)",
-  zigZagVertical: "var(--x16fnyyy)",
-  __themeName__: "xirjb1k"
+  scoopBottom: "var(--x1pdpr22)",
+  scoopTop: "var(--x1tjf7n0)",
+  scoopVertical: "var(--x3icuq1)",
+  scoopLeft: "var(--x1lms7mn)",
+  scoopRight: "var(--x1464ow1)",
+  scoopHorizontal: "var(--x12eo0ay)",
+  scalloped: "var(--x15w39cc)",
+  scallopedBottom: "var(--x12nuj25)",
+  scallopedTop: "var(--x1xvvhu0)",
+  scallopedVertical: "var(--xjd2hkt)",
+  scallopedLeft: "var(--xs4ocik)",
+  scallopedRight: "var(--x1f1s9f7)",
+  scallopedHorizontal: "var(--x1adk3zr)",
+  dripBottom: "var(--xz3jlve)",
+  dripTop: "var(--xw7d2sp)",
+  dripVertical: "var(--x2zztlr)",
+  dripLeft: "var(--x1knj9aw)",
+  dripRight: "var(--xnyyfy3)",
+  dripHorizontal: "var(--xl0fh2i)",
+  zigZagTop: "var(--x1485qu)",
+  zigZagBottom: "var(--x14s1kjc)",
+  zigZagLeft: "var(--x1he6yew)",
+  zigZagRight: "var(--x1tswfyy)",
+  zigZagHorizontal: "var(--xn45qbi)",
+  zigZagVertical: "var(--x1uza3tf)",
+  __themeName__: "x1v1u9bc"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables masksEdges.stylex.js 2`] = `
 [
   [
-    "xirjb1k",
+    "x1v1u9bc",
     {
-      "ltr": ":root{--x1yjis90:radial-gradient(20px at 50% 100%,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%;--xcouh9x:radial-gradient(20px at 50% 0,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%;--x9knu3d:radial-gradient(20px at 50% 20px,#0000 97%,#000) 50% -20px/ calc(1.9 * 20px) 100%;--xm71dsr:radial-gradient(20px at 0 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px);--x18w6z8w:radial-gradient(20px at 100% 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px);--x9mek45:radial-gradient(20px at 20px 50%,#0000 97%,#000) -20px/ 100% calc(1.9 * 20px);--x1vvwdwh:
+      "ltr": ":root{--x1pdpr22:radial-gradient(20px at 50% 100%,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%;--x1tjf7n0:radial-gradient(20px at 50% 0,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%;--x3icuq1:radial-gradient(20px at 50% 20px,#0000 97%,#000) 50% -20px/ calc(1.9 * 20px) 100%;--x1lms7mn:radial-gradient(20px at 0 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px);--x1464ow1:radial-gradient(20px at 100% 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px);--x12eo0ay:radial-gradient(20px at 20px 50%,#0000 97%,#000) -20px/ 100% calc(1.9 * 20px);--x15w39cc:
     radial-gradient(farthest-side,#000 97%,#0000) 0 0 / 20px 20px round,
     linear-gradient(#000 0 0) 50%/calc(100% - 20px) calc(100% - 20px) no-repeat
-  ;--xdzmfpz:
+  ;--x12nuj25:
     linear-gradient(to top,#0000 20px,#000 0),
     radial-gradient(20px at top,#000 97%,#0000) bottom / calc(1.9 * 20px) 20px
-  ;--x128t0v2:
+  ;--x1xvvhu0:
     linear-gradient(to bottom,#0000 20px,#000 0),
     radial-gradient(20px at bottom,#000 97%,#0000) top / calc(1.9 * 20px) 20px
-  ;--x1sgnykh:
+  ;--xjd2hkt:
     linear-gradient(0deg,#0000 calc(2 * 20px),#000 0) 0 20px,
     radial-gradient(20px,#000 97%,#0000) 50% / calc(1.9 * 20px) calc(2 * 20px) repeat space
-  ;--x1umr6rj:
+  ;--xs4ocik:
     linear-gradient(to right,#0000 20px,#000 0),
     radial-gradient(20px at right,#000 97%,#0000) left / 20px calc(1.9 * 20px)
-  ;--xml1wf3:
+  ;--x1f1s9f7:
     linear-gradient(to left,#0000 20px,#000 0),
     radial-gradient(20px at left,#000 97%,#0000) right / 20px calc(1.9 * 20px)
-  ;--x1j30e3f:
+  ;--x1adk3zr:
     linear-gradient(-90deg,#0000 calc(2 * 20px),#000 0) 20px,
     radial-gradient(20px,#000 97%,#0000) 50% / calc(2 * 20px) calc(1.9 * 20px) space repeat
-  ;--x1gkgr:
+  ;--xz3jlve:
     radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 100% repeat-x,
     radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x
-  ;--xm0l2u7:
+  ;--xw7d2sp:
     radial-gradient(20px at top,#0000 97%,#000) 50% 20px / calc(2 * 20px) 100% repeat-x,
     radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 1% / calc(4 * 20px) calc(2 * 20px) repeat-x
-  ;--x1pz3wxr:
+  ;--x2zztlr:
     radial-gradient(20px at top   ,#0000 97%,#000) 50%             20px  / calc(2 * 20px) 51% repeat-x,
     radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 51% repeat-x,
     radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% -   20px) 1%  / calc(4 * 20px) calc(2 * 20px) repeat-x,
     radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 3*20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x
-  ;--x11att2k:
+  ;--x1knj9aw:
     radial-gradient(20px at left,#0000 97%,#000) 20px 50% / 100% calc(2 * 20px) repeat-y,
     radial-gradient(20px at 50% 25%,#000 97%,#0000) 1% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
-  ;--xdmzouv:
+  ;--xnyyfy3:
     radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 100% calc(2 * 20px) repeat-y,
     radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
-  ;--x1lqu3y2:
+  ;--xl0fh2i:
     radial-gradient(20px at left ,#0000 97%,#000)             20px  50% / 51% calc(2 * 20px) repeat-y,
     radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 51% calc(2 * 20px) repeat-y,
     radial-gradient(20px at 50% 25%,#000 97%,#0000) 1%  calc(50% -   20px) / calc(2 * 20px) calc(4 * 20px) repeat-y,
     radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 3*20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
-  ;--xsthxl6:conic-gradient(from 135deg at top,#0000,#000 1deg 90deg,#0000 91deg) 50% / calc(2 * 20px) 100%;--x1v6xl0u:conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) 50% / calc(2 * 20px) 100%;--xycpfz0:conic-gradient(from 45deg at left,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px);--x19obybm:conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px);--xy55snz:
+  ;--x1485qu:conic-gradient(from 135deg at top,#0000,#000 1deg 90deg,#0000 91deg) 50% / calc(2 * 20px) 100%;--x14s1kjc:conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) 50% / calc(2 * 20px) 100%;--x1he6yew:conic-gradient(from 45deg at left,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px);--x1tswfyy:conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px);--xn45qbi:
     conic-gradient(from   45deg at left ,#0000,#000 1deg 90deg,#0000 91deg) left  / 51% calc(2 * 20px) repeat-y,
     conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) right / 51% calc(2 * 20px) repeat-y
-  ;--x16fnyyy:
+  ;--x1uza3tf:
     conic-gradient(from 135deg at top   ,#0000,#000 1deg 90deg,#0000 91deg) top    / calc(2 * 20px) 51% repeat-x,
     conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom / calc(2 * 20px) 51% repeat-x
   ;}",
@@ -2072,87 +2072,87 @@ const shadowColorDark = '220 40% 2%';
 const innerShadowHighlight = 'inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007';
 const DARK = '@media (prefers-color-scheme: dark)';
 export const shadows = {
-  shadow1: "var(--x1wj0zy1)",
-  shadow2: "var(--x1msc3j8)",
-  shadow3: "var(--xmzq3gi)",
-  shadow4: "var(--x1utqbou)",
-  shadow5: "var(--x1sfyynq)",
-  shadow6: "var(--x1n2o97r)",
-  innerShadow0: "var(--x11qlsbw)",
-  innerShadow1: "var(--xa5ok5s)",
-  innerShadow2: "var(--x15xf9dp)",
-  innerShadow3: "var(--x1dicv20)",
-  innerShadow4: "var(--x1yks3sz)",
-  __themeName__: "xtfhujy"
+  shadow1: "var(--x1e1erjl)",
+  shadow2: "var(--x16af1ne)",
+  shadow3: "var(--xn7i8uw)",
+  shadow4: "var(--xp49pjo)",
+  shadow5: "var(--xw8wuhf)",
+  shadow6: "var(--x1bagnk9)",
+  innerShadow0: "var(--x1cjfspb)",
+  innerShadow1: "var(--xmy0rc1)",
+  innerShadow2: "var(--x1jfbmt5)",
+  innerShadow3: "var(--x31gyii)",
+  innerShadow4: "var(--xsamknv)",
+  __themeName__: "xnkilpb"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables shadows.stylex.js 2`] = `
 [
   [
-    "xtfhujy",
+    "xnkilpb",
     {
-      "ltr": ":root{--x1wj0zy1:0 1px 2px -1px hsl(220 3% 15% / calc(1% + 9%));--x1msc3j8:
+      "ltr": ":root{--x1e1erjl:0 1px 2px -1px hsl(220 3% 15% / calc(1% + 9%));--x16af1ne:
     0 3px 5px -2px hsl(220 3% 15% / calc(1% + 3%)),
-    0 7px 14px -5px hsl(220 3% 15% / calc(1% + 5%));--xmzq3gi:
+    0 7px 14px -5px hsl(220 3% 15% / calc(1% + 5%));--xn7i8uw:
       0 -1px 3px 0 hsl(220 3% 15% / calc(1% + 2%)),
       0 1px 2px -5px hsl(220 3% 15% / calc(1% + 2%)),
       0 2px 5px -5px hsl(220 3% 15% / calc(1% + 4%)),
       0 4px 12px -5px hsl(220 3% 15% / calc(1% + 5%)),
-      0 12px 15px -5px hsl(220 3% 15% / calc(1% + 7%));--x1utqbou:
+      0 12px 15px -5px hsl(220 3% 15% / calc(1% + 7%));--xp49pjo:
       0 -2px 5px 0 hsl(220 3% 15% / calc(1% + 2%)),
       0 1px 1px -2px hsl(220 3% 15% / calc(1% + 3%)),
       0 2px 2px -2px hsl(220 3% 15% / calc(1% + 3%)),
       0 5px 5px -2px hsl(220 3% 15% / calc(1% + 4%)),
       0 9px 9px -2px hsl(220 3% 15% / calc(1% + 5%)),
-      0 16px 16px -2px hsl(220 3% 15% / calc(1% + 6%));--x1sfyynq:
+      0 16px 16px -2px hsl(220 3% 15% / calc(1% + 6%));--xw8wuhf:
       0 -1px 2px 0 hsl(220 3% 15% / calc(1% + 2%)),
       0 2px 1px -2px hsl(220 3% 15% / calc(1% + 3%)),
       0 5px 5px -2px hsl(220 3% 15% / calc(1% + 3%)),
       0 10px 10px -2px hsl(220 3% 15% / calc(1% + 4%)),
       0 20px 20px -2px hsl(220 3% 15% / calc(1% + 5%)),
-      0 40px 40px -2px hsl(220 3% 15% / calc(1% + 7%));--x1n2o97r:
+      0 40px 40px -2px hsl(220 3% 15% / calc(1% + 7%));--x1bagnk9:
       0 -1px 2px 0 hsl(220 3% 15% / calc(1% + 2%)),
       0 3px 2px -2px hsl(220 3% 15% / calc(1% + 3%)),
       0 7px 5px -2px hsl(220 3% 15% / calc(1% + 3%)),
       0 12px 10px -2px hsl(220 3% 15% / calc(1% + 4%)),
       0 22px 18px -2px hsl(220 3% 15% / calc(1% + 5%)),
       0 41px 33px -2px hsl(220 3% 15% / calc(1% + 6%)),
-      0 100px 80px -2px hsl(220 3% 15% / calc(1% + 7%));--x11qlsbw:inset 0 0 0 1px hsl(220 3% 15% / calc(1% + 9%));--xa5ok5s:inset 0 1px 2px 0 hsl(220 3% 15% / calc(1% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x15xf9dp:inset 0 1px 4px 0 hsl(220 3% 15% / calc(1% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x1dicv20:inset 0 2px 8px 0 hsl(220 3% 15% / calc(1% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x1yks3sz:inset 0 2px 14px 0 hsl(220 3% 15% / calc(1% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;}",
+      0 100px 80px -2px hsl(220 3% 15% / calc(1% + 7%));--x1cjfspb:inset 0 0 0 1px hsl(220 3% 15% / calc(1% + 9%));--xmy0rc1:inset 0 1px 2px 0 hsl(220 3% 15% / calc(1% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x1jfbmt5:inset 0 1px 4px 0 hsl(220 3% 15% / calc(1% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x31gyii:inset 0 2px 8px 0 hsl(220 3% 15% / calc(1% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--xsamknv:inset 0 2px 14px 0 hsl(220 3% 15% / calc(1% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;}",
       "rtl": null,
     },
     0,
   ],
   [
-    "xtfhujy-1lveb7",
+    "xnkilpb-1lveb7",
     {
-      "ltr": "@media (prefers-color-scheme: dark){:root{--x1wj0zy1:0 1px 2px -1px hsl(220 40% 2% / calc(25% + 9%));--x1msc3j8:
+      "ltr": "@media (prefers-color-scheme: dark){:root{--x1e1erjl:0 1px 2px -1px hsl(220 40% 2% / calc(25% + 9%));--x16af1ne:
     0 3px 5px -2px hsl(220 40% 2% / calc(25% + 3%)),
-    0 7px 14px -5px hsl(220 40% 2% / calc(25% + 5%));--xmzq3gi:
+    0 7px 14px -5px hsl(220 40% 2% / calc(25% + 5%));--xn7i8uw:
     0 -1px 3px 0 hsl(220 40% 2% / calc(25% + 2%)),
     0 1px 2px -5px hsl(220 40% 2% / calc(25% + 2%)),
     0 2px 5px -5px hsl(220 40% 2% / calc(25% + 4%)),
     0 4px 12px -5px hsl(220 40% 2% / calc(25% + 5%)),
-    0 12px 15px -5px hsl(220 40% 2% / calc(25% + 7%));--x1utqbou:
+    0 12px 15px -5px hsl(220 40% 2% / calc(25% + 7%));--xp49pjo:
     0 -2px 5px 0 hsl(220 40% 2% / calc(25% + 2%)),
     0 1px 1px -2px hsl(220 40% 2% / calc(25% + 3%)),
     0 2px 2px -2px hsl(220 40% 2% / calc(25% + 3%)),
     0 5px 5px -2px hsl(220 40% 2% / calc(25% + 4%)),
     0 9px 9px -2px hsl(220 40% 2% / calc(25% + 5%)),
-    0 16px 16px -2px hsl(220 40% 2% / calc(25% + 6%));--x1sfyynq:
+    0 16px 16px -2px hsl(220 40% 2% / calc(25% + 6%));--xw8wuhf:
     0 -1px 2px 0 hsl(220 40% 2% / calc(25% + 2%)),
     0 2px 1px -2px hsl(220 40% 2% / calc(25% + 3%)),
     0 5px 5px -2px hsl(220 40% 2% / calc(25% + 3%)),
     0 10px 10px -2px hsl(220 40% 2% / calc(25% + 4%)),
     0 20px 20px -2px hsl(220 40% 2% / calc(25% + 5%)),
-    0 40px 40px -2px hsl(220 40% 2% / calc(25% + 7%));--x1n2o97r:
+    0 40px 40px -2px hsl(220 40% 2% / calc(25% + 7%));--x1bagnk9:
       0 -1px 2px 0 hsl(220 40% 2% / calc(25% + 2%)),
       0 3px 2px -2px hsl(220 40% 2% / calc(25% + 3%)),
       0 7px 5px -2px hsl(220 40% 2% / calc(25% + 3%)),
       0 12px 10px -2px hsl(220 40% 2% / calc(25% + 4%)),
       0 22px 18px -2px hsl(220 40% 2% / calc(25% + 5%)),
       0 41px 33px -2px hsl(220 40% 2% / calc(25% + 6%)),
-      0 100px 80px -2px hsl(220 40% 2% / calc(25% + 7%));--x11qlsbw:inset 0 0 0 1px hsl(220 40% 2% / calc(25% + 9%));--xa5ok5s:inset 0 1px 2px 0 hsl(220 40% 2% / calc(25% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x15xf9dp:inset 0 1px 4px 0 hsl(220 40% 2% / calc(25% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x1dicv20:inset 0 2px 8px 0 hsl(220 40% 2% / calc(25% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x1yks3sz:inset 0 2px 14px 0 hsl(220 40% 2% / calc(25% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;}}",
+      0 100px 80px -2px hsl(220 40% 2% / calc(25% + 7%));--x1cjfspb:inset 0 0 0 1px hsl(220 40% 2% / calc(25% + 9%));--xmy0rc1:inset 0 1px 2px 0 hsl(220 40% 2% / calc(25% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x1jfbmt5:inset 0 1px 4px 0 hsl(220 40% 2% / calc(25% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--x31gyii:inset 0 2px 8px 0 hsl(220 40% 2% / calc(25% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;--xsamknv:inset 0 2px 14px 0 hsl(220 40% 2% / calc(25% + 9%)), inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;}}",
       "rtl": null,
     },
     0.1,
@@ -2172,73 +2172,73 @@ exports[`commonJS results of exported styles and variables sizes.stylex.js 1`] =
 
 import { defineVars } from '@stylexjs/stylex';
 export const sizes = {
-  spacing000: "var(--xnmueqm)",
-  spacing00: "var(--x104et4o)",
-  spacing1: "var(--xdq7fed)",
-  spacing2: "var(--xb215zq)",
-  spacing3: "var(--x1x5fmop)",
-  spacing4: "var(--x92ffkq)",
-  spacing5: "var(--xe0b098)",
-  spacing6: "var(--xz29dv2)",
-  spacing7: "var(--x1hmgbyf)",
-  spacing8: "var(--xeemxq0)",
-  spacing9: "var(--x18w8zzv)",
-  spacing10: "var(--xn1t2s4)",
-  spacing11: "var(--x3f439p)",
-  spacing12: "var(--xjt9i9e)",
-  spacing13: "var(--x1ja7xie)",
-  spacing14: "var(--x1ovkd5q)",
-  spacing15: "var(--x1fdjknu)",
-  fluid1: "var(--x1gcsi40)",
-  fluid2: "var(--xjgt9dg)",
-  fluid3: "var(--xtt7ebj)",
-  fluid4: "var(--xqev5ec)",
-  fluid5: "var(--xuzvajy)",
-  fluid6: "var(--xovadhh)",
-  fluid7: "var(--xjyj8kc)",
-  fluid8: "var(--x9uj4o1)",
-  fluid9: "var(--x1hihu17)",
-  fluid10: "var(--x10z2nc1)",
-  content1: "var(--xx2o4kd)",
-  content2: "var(--x1hs9oux)",
-  content3: "var(--xmo6vec)",
-  header1: "var(--x19hm07g)",
-  header2: "var(--x1iswacu)",
-  header3: "var(--x1a9h1xp)",
-  xxs: "var(--xqkhnbe)",
-  xs: "var(--x34kpk2)",
-  sm: "var(--xlqy9bw)",
-  md: "var(--x1qc7hse)",
-  lg: "var(--xr85rl5)",
-  xl: "var(--xa5hxd)",
-  xxl: "var(--x1caek2l)",
-  relative000: "var(--xfpbg41)",
-  relative00: "var(--x1ra01ix)",
-  relative1: "var(--x1v6ufr4)",
-  relative2: "var(--x18om8sv)",
-  relative3: "var(--xrbmo34)",
-  relative4: "var(--xf6c0o8)",
-  relative5: "var(--xybj6ds)",
-  relative6: "var(--xe2897r)",
-  relative7: "var(--x1uom5sa)",
-  relative8: "var(--x1t4716e)",
-  relative9: "var(--xv4w5a4)",
-  relative10: "var(--x1dvrmtj)",
-  relative11: "var(--x9igfg4)",
-  relative12: "var(--xpdc9cj)",
-  relative13: "var(--x92y7qi)",
-  relative14: "var(--x1g3w1y7)",
-  relative15: "var(--x1cfyxxz)",
-  __themeName__: "xrvxprj"
+  spacing000: "var(--x10c2mb0)",
+  spacing00: "var(--x1rigic1)",
+  spacing1: "var(--xf5dhsg)",
+  spacing2: "var(--xei8mgy)",
+  spacing3: "var(--xnnz86x)",
+  spacing4: "var(--xxyc3p4)",
+  spacing5: "var(--x5jweno)",
+  spacing6: "var(--x7eyatk)",
+  spacing7: "var(--xccvhc4)",
+  spacing8: "var(--x1wku7qf)",
+  spacing9: "var(--x1wacyrj)",
+  spacing10: "var(--x1nv1xt7)",
+  spacing11: "var(--xe4mdns)",
+  spacing12: "var(--x4h7nxk)",
+  spacing13: "var(--x1rekwlc)",
+  spacing14: "var(--xdplmc)",
+  spacing15: "var(--x1cejz3h)",
+  fluid1: "var(--xkc5xg9)",
+  fluid2: "var(--xweq03e)",
+  fluid3: "var(--xd967u6)",
+  fluid4: "var(--xfiwhl0)",
+  fluid5: "var(--xunc2kr)",
+  fluid6: "var(--xy30rbg)",
+  fluid7: "var(--x83h2ny)",
+  fluid8: "var(--x1ghjfbc)",
+  fluid9: "var(--xywjja0)",
+  fluid10: "var(--x1xsg4hw)",
+  content1: "var(--x1024npx)",
+  content2: "var(--xb0he92)",
+  content3: "var(--x8yvubs)",
+  header1: "var(--x3ciwww)",
+  header2: "var(--x1tb70fj)",
+  header3: "var(--xmfgt3w)",
+  xxs: "var(--x18sc4l3)",
+  xs: "var(--x8tqzst)",
+  sm: "var(--xhrh6dk)",
+  md: "var(--xmcuqcs)",
+  lg: "var(--xbfrxss)",
+  xl: "var(--xwqk27)",
+  xxl: "var(--x1c2s3yf)",
+  relative000: "var(--xbg94ra)",
+  relative00: "var(--x65nl7c)",
+  relative1: "var(--xfmqfi3)",
+  relative2: "var(--x1454zi4)",
+  relative3: "var(--x19o0ad0)",
+  relative4: "var(--xuqcu4i)",
+  relative5: "var(--xhoyn7d)",
+  relative6: "var(--xyyv8g1)",
+  relative7: "var(--x1ytxoxw)",
+  relative8: "var(--xntq519)",
+  relative9: "var(--x1is3opf)",
+  relative10: "var(--xmpf0z3)",
+  relative11: "var(--xcslx1p)",
+  relative12: "var(--x1n3aqit)",
+  relative13: "var(--x1sjgdge)",
+  relative14: "var(--x1opc873)",
+  relative15: "var(--x9felbm)",
+  __themeName__: "x1fwfsl1"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables sizes.stylex.js 2`] = `
 [
   [
-    "xrvxprj",
+    "x1fwfsl1",
     {
-      "ltr": ":root{--xnmueqm:-.5rem;--x104et4o:-.25rem;--xdq7fed:.25rem;--xb215zq:.5rem;--x1x5fmop:1rem;--x92ffkq:1.25rem;--xe0b098:1.5rem;--xz29dv2:1.75rem;--x1hmgbyf:2rem;--xeemxq0:3rem;--x18w8zzv:4rem;--xn1t2s4:5rem;--x3f439p:7.5rem;--xjt9i9e:10rem;--x1ja7xie:15rem;--x1ovkd5q:20rem;--x1fdjknu:30rem;--x1gcsi40:clamp(.5rem, 1vw, 1rem);--xjgt9dg:clamp(1rem, 2vw, 1.5rem);--xtt7ebj:clamp(1.5rem, 3vw, 2rem);--xqev5ec:clamp(2rem, 4vw, 3rem);--xuzvajy:clamp(4rem, 5vw, 5rem);--xovadhh:clamp(5rem, 7vw, 7.5rem);--xjyj8kc:clamp(7.5rem, 10vw, 10rem);--x9uj4o1:clamp(10rem, 20vw, 15rem);--x1hihu17:clamp(15rem, 30vw, 20rem);--x10z2nc1:clamp(20rem, 40vw, 30rem);--xx2o4kd:20ch;--x1hs9oux:45ch;--xmo6vec:60ch;--x19hm07g:20ch;--x1iswacu:25ch;--x1a9h1xp:35ch;--xqkhnbe:240px;--x34kpk2:360px;--xlqy9bw:480px;--x1qc7hse:768px;--xr85rl5:1024px;--xa5hxd:1440px;--x1caek2l:1920px;--xfpbg41:-.5ch;--x1ra01ix:-.25ch;--x1v6ufr4:.25ch;--x18om8sv:.5ch;--xrbmo34:1ch;--xf6c0o8:1.25ch;--xybj6ds:1.5ch;--xe2897r:1.75ch;--x1uom5sa:2ch;--x1t4716e:3ch;--xv4w5a4:4ch;--x1dvrmtj:5ch;--x9igfg4:7.5ch;--xpdc9cj:10ch;--x92y7qi:15ch;--x1g3w1y7:20ch;--x1cfyxxz:30ch;}",
+      "ltr": ":root{--x10c2mb0:-.5rem;--x1rigic1:-.25rem;--xf5dhsg:.25rem;--xei8mgy:.5rem;--xnnz86x:1rem;--xxyc3p4:1.25rem;--x5jweno:1.5rem;--x7eyatk:1.75rem;--xccvhc4:2rem;--x1wku7qf:3rem;--x1wacyrj:4rem;--x1nv1xt7:5rem;--xe4mdns:7.5rem;--x4h7nxk:10rem;--x1rekwlc:15rem;--xdplmc:20rem;--x1cejz3h:30rem;--xkc5xg9:clamp(.5rem, 1vw, 1rem);--xweq03e:clamp(1rem, 2vw, 1.5rem);--xd967u6:clamp(1.5rem, 3vw, 2rem);--xfiwhl0:clamp(2rem, 4vw, 3rem);--xunc2kr:clamp(4rem, 5vw, 5rem);--xy30rbg:clamp(5rem, 7vw, 7.5rem);--x83h2ny:clamp(7.5rem, 10vw, 10rem);--x1ghjfbc:clamp(10rem, 20vw, 15rem);--xywjja0:clamp(15rem, 30vw, 20rem);--x1xsg4hw:clamp(20rem, 40vw, 30rem);--x1024npx:20ch;--xb0he92:45ch;--x8yvubs:60ch;--x3ciwww:20ch;--x1tb70fj:25ch;--xmfgt3w:35ch;--x18sc4l3:240px;--x8tqzst:360px;--xhrh6dk:480px;--xmcuqcs:768px;--xbfrxss:1024px;--xwqk27:1440px;--x1c2s3yf:1920px;--xbg94ra:-.5ch;--x65nl7c:-.25ch;--xfmqfi3:.25ch;--x1454zi4:.5ch;--x19o0ad0:1ch;--xuqcu4i:1.25ch;--xhoyn7d:1.5ch;--xyyv8g1:1.75ch;--x1ytxoxw:2ch;--xntq519:3ch;--x1is3opf:4ch;--xmpf0z3:5ch;--xcslx1p:7.5ch;--x1n3aqit:10ch;--x1sjgdge:15ch;--x1opc873:20ch;--x9felbm:30ch;}",
       "rtl": null,
     },
     0,
@@ -2258,19 +2258,19 @@ exports[`commonJS results of exported styles and variables svg.stylex.js 1`] = `
 
 import { defineVars } from '@stylexjs/stylex';
 export const svg = {
-  squircle1: "var(--x1tho6n9)",
-  squircle2: "var(--xuuij38)",
-  squircle3: "var(--x11v3omg)",
-  __themeName__: "xqcr4k6"
+  squircle1: "var(--x13zn0ov)",
+  squircle2: "var(--xajwcke)",
+  squircle3: "var(--x1crdnjy)",
+  __themeName__: "x1eym2pk"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables svg.stylex.js 2`] = `
 [
   [
-    "xqcr4k6",
+    "x1eym2pk",
     {
-      "ltr": ":root{--x1tho6n9:url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");--xuuij38:url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");--x11v3omg:url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");}",
+      "ltr": ":root{--x13zn0ov:url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");--xajwcke:url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");--x1crdnjy:url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E");}",
       "rtl": null,
     },
     0,
@@ -2290,22 +2290,22 @@ exports[`commonJS results of exported styles and variables zIndex.stylex.js 1`]
 
 import { defineVars } from '@stylexjs/stylex';
 export const zIndex = {
-  layer1: "var(--xwoxhb1)",
-  layer2: "var(--xgbqxci)",
-  layer3: "var(--x12z0mro)",
-  layer4: "var(--xqe0k3d)",
-  layer5: "var(--x78f1es)",
-  layerImportant: "var(--xom5p78)",
-  __themeName__: "x1nmakcm"
+  layer1: "var(--x14pxyhg)",
+  layer2: "var(--x10r6eil)",
+  layer3: "var(--x33targ)",
+  layer4: "var(--xat9xnd)",
+  layer5: "var(--xik18wj)",
+  layerImportant: "var(--xxhdrl2)",
+  __themeName__: "x13e19nd"
 };"
 `;
 
 exports[`commonJS results of exported styles and variables zIndex.stylex.js 2`] = `
 [
   [
-    "x1nmakcm",
+    "x13e19nd",
     {
-      "ltr": ":root{--xwoxhb1:1;--xgbqxci:2;--x12z0mro:3;--xqe0k3d:4;--x78f1es:5;--xom5p78:2147483647;}",
+      "ltr": ":root{--x14pxyhg:1;--x10r6eil:2;--x33targ:3;--xat9xnd:4;--xik18wj:5;--xxhdrl2:2147483647;}",
       "rtl": null,
     },
     0,
diff --git a/packages/shared/src/stylex-define-vars.js b/packages/shared/src/stylex-define-vars.js
index a6463354..61590bdf 100644
--- a/packages/shared/src/stylex-define-vars.js
+++ b/packages/shared/src/stylex-define-vars.js
@@ -88,7 +88,10 @@ export default function styleXDefineVars<Vars: VarsConfig>(
   );
 
   return [
-    { ...themeVariablesObject, __themeName__: themeNameHash },
+    {
+      ...themeVariablesObject,
+      __themeName__: themeNameHash,
+    },
     { ...injectableTypes, ...injectableStyles },
   ];
 }

From 2a945283bce091cd02caa13df3a564ef889d6272 Mon Sep 17 00:00:00 2001
From: Naman Goel <nmn@users.noreply.github.com>
Date: Tue, 15 Oct 2024 20:31:48 -0700
Subject: [PATCH 2/2] fix: check for root dir in a cross-platform safe way

---
 packages/babel-plugin/src/utils/state-manager.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/babel-plugin/src/utils/state-manager.js b/packages/babel-plugin/src/utils/state-manager.js
index 28f876ab..2984d091 100644
--- a/packages/babel-plugin/src/utils/state-manager.js
+++ b/packages/babel-plugin/src/utils/state-manager.js
@@ -473,9 +473,6 @@ export default class StateManager {
     filepath: string,
   ): null | [+packageName: string, +packageDir: string] {
     const folder = path.dirname(filepath);
-    if (folder === '/' || folder === '') {
-      return null;
-    }
 
     const hasPackageJSON = fs.existsSync(path.join(folder, 'package.json'));
     if (hasPackageJSON) {
@@ -490,6 +487,9 @@ export default class StateManager {
         return null;
       }
     } else {
+      if (folder === path.parse(folder).root || folder === '') {
+        return null;
+      }
       return this.getPackageNameAndPath(folder);
     }
   }