@tamagui/config 1.121.12 → 1.122.1

package/biome.json

@@ -3,9 +3,11 @@
   "organizeImports": {
     "enabled": false
   },
+  "files": {
+    "ignore": ["**/*/generated-*.ts", ".tamagui"]
+  },
   "linter": {
     "enabled": true,
-    "ignore": ["**/*/generated-new.ts", "**/*/generated-v2.ts", ".tamagui"],
     "rules": {
       "correctness": {
         "useExhaustiveDependencies": "off",

package/dist/cjs/media.cjs

@@ -26,10 +26,9 @@ __export(media_exports, {
   widths: () => widths
 });
 module.exports = __toCommonJS(media_exports);
-var import_react_native_media_driver = require("@tamagui/react-native-media-driver");
 const demoMedia = [500, 620, 780, 900],
   widths = [660, 800, 1020, 1280],
-  media = (0, import_react_native_media_driver.createMedia)({
+  media = {
     // for site
     xl: {
       maxWidth: 1650
@@ -64,7 +63,7 @@ const demoMedia = [500, 620, 780, 900],
     gtXl: {
       minWidth: 1651
     }
-  }),
+  },
   mediaQueryDefaultActive = {
     xl: !0,
     lg: !0,

package/dist/cjs/media.js

@@ -20,8 +20,7 @@ __export(media_exports, {
   widths: () => widths
 });
 module.exports = __toCommonJS(media_exports);
-var import_react_native_media_driver = require("@tamagui/react-native-media-driver");
-const demoMedia = [500, 620, 780, 900], widths = [660, 800, 1020, 1280], media = (0, import_react_native_media_driver.createMedia)({
+const demoMedia = [500, 620, 780, 900], widths = [660, 800, 1020, 1280], media = {
   // for site
   xl: { maxWidth: 1650 },
   lg: { maxWidth: 1280 },
@@ -34,7 +33,7 @@ const demoMedia = [500, 620, 780, 900], widths = [660, 800, 1020, 1280], media =
   gtMd: { minWidth: 1021 },
   gtLg: { minWidth: 1281 },
   gtXl: { minWidth: 1651 }
-}), mediaQueryDefaultActive = {
+}, mediaQueryDefaultActive = {
   xl: !0,
   lg: !0,
   md: !0,

package/dist/cjs/media.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/media.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAA4B;AAErB,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,GAC/B,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI,GAK9B,YAAQ,8CAAY;AAAA;AAAA,EAE/B,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,KAAK,EAAE,UAAU,IAAI;AAAA,EACrB,MAAM,EAAE,UAAU,IAAQ;AAAA,EAC1B,MAAM,EAAE,UAAU,IAAQ;AAAA,EAC1B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,MAAM,EAAE,UAAU,KAAS;AAC7B,CAAC,GAIY,0BAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA;AAAA,EAEJ,KAAK;AACP;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,GAC/B,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI,GAK9B,QAAQ;AAAA;AAAA,EAEnB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,KAAK,EAAE,UAAU,IAAI;AAAA,EACrB,MAAM,EAAE,UAAU,IAAQ;AAAA,EAC1B,MAAM,EAAE,UAAU,IAAQ;AAAA,EAC1B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,MAAM,EAAE,UAAU,KAAS;AAC7B,GAIa,0BAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA;AAAA,EAEJ,KAAK;AACP;",
   "names": []
 }

package/dist/cjs/media.native.js

@@ -21,7 +21,7 @@ __export(media_exports, {
   widths: () => widths
 });
 module.exports = __toCommonJS(media_exports);
-var import_react_native_media_driver = require("@tamagui/react-native-media-driver"), demoMedia = [
+var demoMedia = [
   500,
   620,
   780,
@@ -31,7 +31,7 @@ var import_react_native_media_driver = require("@tamagui/react-native-media-driv
   800,
   1020,
   1280
-], media = (0, import_react_native_media_driver.createMedia)({
+], media = {
   // for site
   xl: {
     maxWidth: 1650
@@ -66,7 +66,7 @@ var import_react_native_media_driver = require("@tamagui/react-native-media-driv
   gtXl: {
     minWidth: 1651
   }
-}), mediaQueryDefaultActive = {
+}, mediaQueryDefaultActive = {
   xl: !0,
   lg: !0,
   md: !0,

package/dist/cjs/media.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/config/src/media.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;;;uCAA4B,+CAEfA,YAAY;EAAC;EAAK;EAAK;EAAK;GAC5BC,SAAS;EAAC;EAAK;EAAK;EAAM;GAK1BC,YAAQC,8CAAY;;EAE/BC,IAAI;IAAEC,UAAU;EAAK;EACrBC,IAAI;IAAED,UAAU;EAAK;EACrBE,IAAI;IAAEF,UAAU;EAAK;EACrBG,IAAI;IAAEH,UAAU;EAAI;EACpBI,IAAI;IAAEJ,UAAU;EAAI;EACpBK,KAAK;IAAEL,UAAU;EAAI;EACrBM,MAAM;IAAEC,UAAU;EAAQ;EAC1BC,MAAM;IAAED,UAAU;EAAQ;EAC1BE,MAAM;IAAEF,UAAU;EAAS;EAC3BG,MAAM;IAAEH,UAAU;EAAS;EAC3BI,MAAM;IAAEJ,UAAU;EAAS;AAC7B,CAAA,GAIaK,0BAA0B;EACrCb,IAAI;EACJE,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;;EAEJC,KAAK;AACP;",
-  "names": ["demoMedia", "widths", "media", "createMedia", "xl", "maxWidth", "lg", "md", "sm", "xs", "xxs", "gtXs", "minWidth", "gtSm", "gtMd", "gtLg", "gtXl", "mediaQueryDefaultActive"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;;;AAAO,IAAMA,YAAY;EAAC;EAAK;EAAK;EAAK;GAC5BC,SAAS;EAAC;EAAK;EAAK;EAAM;GAK1BC,QAAQ;;EAEnBC,IAAI;IAAEC,UAAU;EAAK;EACrBC,IAAI;IAAED,UAAU;EAAK;EACrBE,IAAI;IAAEF,UAAU;EAAK;EACrBG,IAAI;IAAEH,UAAU;EAAI;EACpBI,IAAI;IAAEJ,UAAU;EAAI;EACpBK,KAAK;IAAEL,UAAU;EAAI;EACrBM,MAAM;IAAEC,UAAU;EAAQ;EAC1BC,MAAM;IAAED,UAAU;EAAQ;EAC1BE,MAAM;IAAEF,UAAU;EAAS;EAC3BG,MAAM;IAAEH,UAAU;EAAS;EAC3BI,MAAM;IAAEJ,UAAU;EAAS;AAC7B,GAIaK,0BAA0B;EACrCb,IAAI;EACJE,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;;EAEJC,KAAK;AACP;",
+  "names": ["demoMedia", "widths", "media", "xl", "maxWidth", "lg", "md", "sm", "xs", "xxs", "gtXs", "minWidth", "gtSm", "gtMd", "gtLg", "gtXl", "mediaQueryDefaultActive"]
 }

package/dist/cjs/v4.cjs

@@ -1,7 +1,9 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
     for (var name in all) __defProp(target, name, {
       get: all[name],
@@ -15,46 +17,192 @@ var __export = (target, all) => {
     });
     return to;
   };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var v4_exports = {};
 __export(v4_exports, {
   animations: () => import_v4_animations.animations,
-  config: () => config,
-  fonts: () => import_fonts.fonts,
+  createSystemFont: () => import_v4_fonts2.createSystemFont,
+  createThemes: () => import_theme_builder2.createThemes,
+  defaultConfig: () => defaultConfig,
+  fonts: () => import_v4_fonts2.fonts,
   media: () => import_media.media,
   mediaQueryDefaultActive: () => import_media.mediaQueryDefaultActive,
-  shorthands: () => import_v3.shorthands,
-  tokens: () => import_v3_themes.tokens
+  selectionStyles: () => selectionStyles,
+  settings: () => settings,
+  shorthands: () => import_v42.shorthands,
+  tamaguiThemes: () => import_v43.tamaguiThemes,
+  themes: () => themes,
+  tokens: () => import_v43.tokens
 });
 module.exports = __toCommonJS(v4_exports);
-var import_v2 = require("@tamagui/shorthands/v2"),
+var Colors = __toESM(require("@tamagui/colors")),
+  import_theme_builder = require("@tamagui/theme-builder"),
+  import_v2 = require("@tamagui/shorthands/v2"),
   import_v4 = require("@tamagui/themes/v4"),
   import_v3_animations = require("./v3-animations.cjs"),
   import_v4_fonts = require("./v4-fonts.cjs"),
   import_v4_media = require("./v4-media.cjs"),
-  import_v3 = require("@tamagui/shorthands/v3"),
-  import_v3_themes = require("@tamagui/themes/v3-themes"),
-  import_fonts = require("./fonts.cjs"),
+  import_theme_builder2 = require("@tamagui/theme-builder"),
+  import_v42 = require("@tamagui/shorthands/v4"),
   import_media = require("./media.cjs"),
-  import_v4_animations = require("./v4-animations.cjs");
-const config = {
-  animations: import_v3_animations.animations,
-  media: import_v4_media.media,
-  shorthands: import_v2.shorthands,
-  tokens: import_v4.tokens,
-  fonts: import_v4_fonts.fonts,
-  selectionStyles: theme => theme.color5 ? {
+  import_v4_animations = require("./v4-animations.cjs"),
+  import_v4_fonts2 = require("./v4-fonts.cjs"),
+  import_v43 = require("@tamagui/themes/v4");
+const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#323232", "#424242", "#494949", "#545454", "#626262", "#a5a5a5", "#fff"],
+  lightPalette = ["#fff", "#f8f8f8", "hsl(0, 0%, 96.3%)", "hsl(0, 0%, 94.1%)", "hsl(0, 0%, 92.0%)", "hsl(0, 0%, 90.0%)", "hsl(0, 0%, 88.5%)", "hsl(0, 0%, 81.0%)", "hsl(0, 0%, 56.1%)", "hsl(0, 0%, 50.3%)", "hsl(0, 0%, 42.5%)", "hsl(0, 0%, 9.0%)"],
+  lightShadows = {
+    shadow1: "rgba(0,0,0,0.04)",
+    shadow2: "rgba(0,0,0,0.08)",
+    shadow3: "rgba(0,0,0,0.16)",
+    shadow4: "rgba(0,0,0,0.24)",
+    shadow5: "rgba(0,0,0,0.32)",
+    shadow6: "rgba(0,0,0,0.4)"
+  },
+  darkShadows = {
+    shadow1: "rgba(0,0,0,0.2)",
+    shadow2: "rgba(0,0,0,0.3)",
+    shadow3: "rgba(0,0,0,0.4)",
+    shadow4: "rgba(0,0,0,0.5)",
+    shadow5: "rgba(0,0,0,0.6)",
+    shadow6: "rgba(0,0,0,0.7)"
+  },
+  blackColors = {
+    black1: darkPalette[0],
+    black2: darkPalette[1],
+    black3: darkPalette[2],
+    black4: darkPalette[3],
+    black5: darkPalette[4],
+    black6: darkPalette[5],
+    black7: darkPalette[6],
+    black8: darkPalette[7],
+    black9: darkPalette[8],
+    black10: darkPalette[9],
+    black11: darkPalette[10],
+    black12: darkPalette[11]
+  },
+  whiteColors = {
+    white1: lightPalette[0],
+    white2: lightPalette[1],
+    white3: lightPalette[2],
+    white4: lightPalette[3],
+    white5: lightPalette[4],
+    white6: lightPalette[5],
+    white7: lightPalette[6],
+    white8: lightPalette[7],
+    white9: lightPalette[8],
+    white10: lightPalette[9],
+    white11: lightPalette[10],
+    white12: lightPalette[11]
+  },
+  generatedThemes = (0, import_theme_builder.createThemes)({
+    componentThemes: import_theme_builder.defaultComponentThemes,
+    base: {
+      palette: {
+        dark: darkPalette,
+        light: lightPalette
+      },
+      // for values we don't want being inherited onto sub-themes
+      extra: {
+        light: {
+          ...Colors.blue,
+          ...Colors.green,
+          ...Colors.red,
+          ...Colors.yellow,
+          ...lightShadows,
+          ...blackColors,
+          ...whiteColors,
+          shadowColor: lightShadows.shadow1
+        },
+        dark: {
+          ...Colors.blueDark,
+          ...Colors.greenDark,
+          ...Colors.redDark,
+          ...Colors.yellowDark,
+          ...darkShadows,
+          ...blackColors,
+          ...whiteColors,
+          shadowColor: darkShadows.shadow1
+        }
+      }
+    },
+    // inverse accent theme
+    accent: {
+      palette: {
+        dark: lightPalette,
+        light: darkPalette
+      }
+    },
+    childrenThemes: {
+      black: {
+        palette: {
+          dark: Object.values(blackColors),
+          light: Object.values(blackColors)
+        }
+      },
+      white: {
+        palette: {
+          dark: Object.values(whiteColors),
+          light: Object.values(whiteColors)
+        }
+      },
+      blue: {
+        palette: {
+          dark: Object.values(Colors.blueDark),
+          light: Object.values(Colors.blue)
+        }
+      },
+      red: {
+        palette: {
+          dark: Object.values(Colors.redDark),
+          light: Object.values(Colors.red)
+        }
+      },
+      yellow: {
+        palette: {
+          dark: Object.values(Colors.yellowDark),
+          light: Object.values(Colors.yellow)
+        }
+      },
+      green: {
+        palette: {
+          dark: Object.values(Colors.greenDark),
+          light: Object.values(Colors.green)
+        }
+      }
+    }
+  }),
+  themes = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : generatedThemes,
+  selectionStyles = theme => theme.color5 ? {
     backgroundColor: theme.color5,
     color: theme.color11
   } : null,
-  settings: {
+  settings = {
     mediaQueryDefaultActive: import_v4_media.mediaQueryDefaultActive,
     defaultFont: "body",
     fastSchemeChange: !0,
     shouldAddPrefersColorThemes: !0,
     allowedStyleValues: "somewhat-strict-web",
-    themeClassNameOnRoot: !0
-  }
-};
+    themeClassNameOnRoot: !0,
+    maxDarkLightNesting: 1
+  },
+  defaultConfig = {
+    animations: import_v3_animations.animations,
+    media: import_v4_media.media,
+    shorthands: import_v2.shorthands,
+    themes,
+    tokens: import_v4.tokens,
+    fonts: import_v4_fonts.fonts,
+    selectionStyles,
+    settings
+  };

package/dist/cjs/v4.js

@@ -1,7 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -11,36 +12,193 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var v4_exports = {};
 __export(v4_exports, {
   animations: () => import_v4_animations.animations,
-  config: () => config,
-  fonts: () => import_fonts.fonts,
+  createSystemFont: () => import_v4_fonts2.createSystemFont,
+  createThemes: () => import_theme_builder2.createThemes,
+  defaultConfig: () => defaultConfig,
+  fonts: () => import_v4_fonts2.fonts,
   media: () => import_media.media,
   mediaQueryDefaultActive: () => import_media.mediaQueryDefaultActive,
-  shorthands: () => import_v3.shorthands,
-  tokens: () => import_v3_themes.tokens
+  selectionStyles: () => selectionStyles,
+  settings: () => settings,
+  shorthands: () => import_v42.shorthands,
+  tamaguiThemes: () => import_v43.tamaguiThemes,
+  themes: () => themes,
+  tokens: () => import_v43.tokens
 });
 module.exports = __toCommonJS(v4_exports);
-var import_v2 = require("@tamagui/shorthands/v2"), import_v4 = require("@tamagui/themes/v4"), import_v3_animations = require("./v3-animations"), import_v4_fonts = require("./v4-fonts"), import_v4_media = require("./v4-media"), import_v3 = require("@tamagui/shorthands/v3"), import_v3_themes = require("@tamagui/themes/v3-themes"), import_fonts = require("./fonts"), import_media = require("./media"), import_v4_animations = require("./v4-animations");
-const config = {
+var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require("@tamagui/theme-builder"), import_v2 = require("@tamagui/shorthands/v2"), import_v4 = require("@tamagui/themes/v4"), import_v3_animations = require("./v3-animations"), import_v4_fonts = require("./v4-fonts"), import_v4_media = require("./v4-media"), import_theme_builder2 = require("@tamagui/theme-builder"), import_v42 = require("@tamagui/shorthands/v4"), import_media = require("./media"), import_v4_animations = require("./v4-animations"), import_v4_fonts2 = require("./v4-fonts"), import_v43 = require("@tamagui/themes/v4");
+const darkPalette = [
+  "#050505",
+  "#151515",
+  "#191919",
+  "#232323",
+  "#282828",
+  "#323232",
+  "#424242",
+  "#494949",
+  "#545454",
+  "#626262",
+  "#a5a5a5",
+  "#fff"
+], lightPalette = [
+  "#fff",
+  "#f8f8f8",
+  "hsl(0, 0%, 96.3%)",
+  "hsl(0, 0%, 94.1%)",
+  "hsl(0, 0%, 92.0%)",
+  "hsl(0, 0%, 90.0%)",
+  "hsl(0, 0%, 88.5%)",
+  "hsl(0, 0%, 81.0%)",
+  "hsl(0, 0%, 56.1%)",
+  "hsl(0, 0%, 50.3%)",
+  "hsl(0, 0%, 42.5%)",
+  "hsl(0, 0%, 9.0%)"
+], lightShadows = {
+  shadow1: "rgba(0,0,0,0.04)",
+  shadow2: "rgba(0,0,0,0.08)",
+  shadow3: "rgba(0,0,0,0.16)",
+  shadow4: "rgba(0,0,0,0.24)",
+  shadow5: "rgba(0,0,0,0.32)",
+  shadow6: "rgba(0,0,0,0.4)"
+}, darkShadows = {
+  shadow1: "rgba(0,0,0,0.2)",
+  shadow2: "rgba(0,0,0,0.3)",
+  shadow3: "rgba(0,0,0,0.4)",
+  shadow4: "rgba(0,0,0,0.5)",
+  shadow5: "rgba(0,0,0,0.6)",
+  shadow6: "rgba(0,0,0,0.7)"
+}, blackColors = {
+  black1: darkPalette[0],
+  black2: darkPalette[1],
+  black3: darkPalette[2],
+  black4: darkPalette[3],
+  black5: darkPalette[4],
+  black6: darkPalette[5],
+  black7: darkPalette[6],
+  black8: darkPalette[7],
+  black9: darkPalette[8],
+  black10: darkPalette[9],
+  black11: darkPalette[10],
+  black12: darkPalette[11]
+}, whiteColors = {
+  white1: lightPalette[0],
+  white2: lightPalette[1],
+  white3: lightPalette[2],
+  white4: lightPalette[3],
+  white5: lightPalette[4],
+  white6: lightPalette[5],
+  white7: lightPalette[6],
+  white8: lightPalette[7],
+  white9: lightPalette[8],
+  white10: lightPalette[9],
+  white11: lightPalette[10],
+  white12: lightPalette[11]
+}, generatedThemes = (0, import_theme_builder.createThemes)({
+  componentThemes: import_theme_builder.defaultComponentThemes,
+  base: {
+    palette: {
+      dark: darkPalette,
+      light: lightPalette
+    },
+    // for values we don't want being inherited onto sub-themes
+    extra: {
+      light: {
+        ...Colors.blue,
+        ...Colors.green,
+        ...Colors.red,
+        ...Colors.yellow,
+        ...lightShadows,
+        ...blackColors,
+        ...whiteColors,
+        shadowColor: lightShadows.shadow1
+      },
+      dark: {
+        ...Colors.blueDark,
+        ...Colors.greenDark,
+        ...Colors.redDark,
+        ...Colors.yellowDark,
+        ...darkShadows,
+        ...blackColors,
+        ...whiteColors,
+        shadowColor: darkShadows.shadow1
+      }
+    }
+  },
+  // inverse accent theme
+  accent: {
+    palette: {
+      dark: lightPalette,
+      light: darkPalette
+    }
+  },
+  childrenThemes: {
+    black: {
+      palette: {
+        dark: Object.values(blackColors),
+        light: Object.values(blackColors)
+      }
+    },
+    white: {
+      palette: {
+        dark: Object.values(whiteColors),
+        light: Object.values(whiteColors)
+      }
+    },
+    blue: {
+      palette: {
+        dark: Object.values(Colors.blueDark),
+        light: Object.values(Colors.blue)
+      }
+    },
+    red: {
+      palette: {
+        dark: Object.values(Colors.redDark),
+        light: Object.values(Colors.red)
+      }
+    },
+    yellow: {
+      palette: {
+        dark: Object.values(Colors.yellowDark),
+        light: Object.values(Colors.yellow)
+      }
+    },
+    green: {
+      palette: {
+        dark: Object.values(Colors.greenDark),
+        light: Object.values(Colors.green)
+      }
+    }
+  }
+}), themes = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : generatedThemes, selectionStyles = (theme) => theme.color5 ? {
+  backgroundColor: theme.color5,
+  color: theme.color11
+} : null, settings = {
+  mediaQueryDefaultActive: import_v4_media.mediaQueryDefaultActive,
+  defaultFont: "body",
+  fastSchemeChange: !0,
+  shouldAddPrefersColorThemes: !0,
+  allowedStyleValues: "somewhat-strict-web",
+  themeClassNameOnRoot: !0,
+  maxDarkLightNesting: 1
+}, defaultConfig = {
   animations: import_v3_animations.animations,
   media: import_v4_media.media,
   shorthands: import_v2.shorthands,
+  themes,
   tokens: import_v4.tokens,
   fonts: import_v4_fonts.fonts,
-  selectionStyles: (theme) => theme.color5 ? {
-    backgroundColor: theme.color5,
-    color: theme.color11
-  } : null,
-  settings: {
-    mediaQueryDefaultActive: import_v4_media.mediaQueryDefaultActive,
-    defaultFont: "body",
-    fastSchemeChange: !0,
-    shouldAddPrefersColorThemes: !0,
-    allowedStyleValues: "somewhat-strict-web",
-    themeClassNameOnRoot: !0
-  }
+  selectionStyles,
+  settings
 };
 //# sourceMappingURL=v4.js.map

package/dist/cjs/v4.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/v4.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B,mCAC3B,YAAuB,+BAEvB,uBAA2B,4BAE3B,kBAAsB,uBACtB,kBAA+C,uBAE/C,YAA2B,mCAC3B,mBAAuB,sCACvB,eAAsB,oBACtB,eAA+C,oBAC/C,uBAA2B;AAEpB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,UAChB,MAAM,SACF;AAAA,IACE,iBAAiB,MAAM;AAAA,IACvB,OAAO,MAAM;AAAA,EACf,IACA;AAAA,EACN,UAAU;AAAA,IACR;AAAA,IACA,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,6BAA6B;AAAA,IAC7B,oBAAoB;AAAA,IACpB,sBAAsB;AAAA,EACxB;AACF;",
-  "names": []
+  "mappings": "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",
+  "names": ["import_theme_builder", "import_v4", "import_v4_fonts"]
 }