@tamagui/theme-builder 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/createThemes.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var createThemes_exports = {};
 __export(createThemes_exports, {
@@ -31,63 +33,65 @@ __export(createThemes_exports, {
   getLastBuilder: () => getLastBuilder
 });
 module.exports = __toCommonJS(createThemes_exports);
-var import_color2k = require("color2k"),
-  import_defaultComponentThemes = require("./defaultComponentThemes.native.js"),
-  import_defaultTemplates = require("./defaultTemplates.native.js"),
-  import_getThemeSuitePalettes = require("./getThemeSuitePalettes.native.js"),
-  import_ThemeBuilder = require("./ThemeBuilder.native.js");
+var import_color2k = require("color2k");
+var import_defaultComponentThemes = require("./defaultComponentThemes.native.js");
+var import_defaultTemplates = require("./defaultTemplates.native.js");
+var import_getThemeSuitePalettes = require("./getThemeSuitePalettes.native.js");
+var import_ThemeBuilder = require("./ThemeBuilder.native.js");
 function createThemes(props) {
   var {
-      accent,
-      childrenThemes,
-      grandChildrenThemes,
-      templates = import_defaultTemplates.defaultTemplates,
-      componentThemes,
-      getTheme
-    } = props,
-    builder = createSimpleThemeBuilder({
-      extra: props.base.extra,
-      accentExtra: accent?.extra,
-      componentThemes,
-      palettes: createPalettes(getThemesPalettes(props)),
-      templates,
-      accentTheme: !!accent,
-      childrenThemes: normalizeSubThemes(childrenThemes),
-      grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,
-      getTheme
-    });
-  return lastBuilder = builder.themeBuilder, builder.themes;
+    accent,
+    childrenThemes,
+    grandChildrenThemes,
+    templates = import_defaultTemplates.defaultTemplates,
+    componentThemes,
+    getTheme
+  } = props;
+  var builder = createSimpleThemeBuilder({
+    extra: props.base.extra,
+    accentExtra: accent === null || accent === void 0 ? void 0 : accent.extra,
+    componentThemes,
+    palettes: createPalettes(getThemesPalettes(props)),
+    templates,
+    accentTheme: !!accent,
+    childrenThemes: normalizeSubThemes(childrenThemes),
+    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,
+    getTheme
+  });
+  lastBuilder = builder.themeBuilder;
+  return builder.themes;
 }
-var lastBuilder = null,
-  getLastBuilder = function () {
-    return lastBuilder;
-  };
+var lastBuilder = null;
+var getLastBuilder = function () {
+  return lastBuilder;
+};
 function createV4Themes(props) {
   var {
-      accent,
-      childrenThemes,
-      grandChildrenThemes,
-      templates = import_defaultTemplates.defaultTemplates,
-      componentThemes,
-      getTheme
-    } = props,
-    builder = createV4ThemeBuilder({
-      extra: props.base.extra,
-      accentExtra: accent?.extra,
-      componentThemes,
-      palettes: createPalettes(getThemesPalettes(props)),
-      templates,
-      accentTheme: !!accent,
-      childrenThemes: normalizeSubThemes(childrenThemes),
-      grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,
-      getTheme
-    });
-  return lastBuilder = builder.themeBuilder, builder.themes;
+    accent,
+    childrenThemes,
+    grandChildrenThemes,
+    templates = import_defaultTemplates.defaultTemplates,
+    componentThemes,
+    getTheme
+  } = props;
+  var builder = createV4ThemeBuilder({
+    extra: props.base.extra,
+    accentExtra: accent === null || accent === void 0 ? void 0 : accent.extra,
+    componentThemes,
+    palettes: createPalettes(getThemesPalettes(props)),
+    templates,
+    accentTheme: !!accent,
+    childrenThemes: normalizeSubThemes(childrenThemes),
+    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,
+    getTheme
+  });
+  lastBuilder = builder.themeBuilder;
+  return builder.themes;
 }
 function normalizeSubThemes(defs) {
   return Object.fromEntries(Object.entries(defs || {}).map(function (param) {
-    var [name, value] = param,
-      hasPalette = value.palette !== void 0;
+    var [name, value] = param;
+    var hasPalette = value.palette !== void 0;
     return [name, {
       // Only add palette if the definition has one, otherwise theme is template-only
       ...(hasPalette ? {
@@ -107,79 +111,94 @@ var defaultPalettes = createPalettes(getThemesPalettes({
 }));
 function createSimpleThemeBuilder(props) {
   var {
-      getTheme,
-      extra,
-      accentExtra,
-      childrenThemes = null,
-      grandChildrenThemes = null,
-      templates = import_defaultTemplates.defaultTemplates,
-      palettes = defaultPalettes,
-      accentTheme,
-      componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0
-    } = props,
-    themeBuilder = (0, import_ThemeBuilder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addThemes({
-      light: {
+    getTheme,
+    extra,
+    accentExtra,
+    childrenThemes = null,
+    grandChildrenThemes = null,
+    templates = import_defaultTemplates.defaultTemplates,
+    palettes = defaultPalettes,
+    accentTheme,
+    componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0
+  } = props;
+  var themeBuilder = (0, import_ThemeBuilder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addThemes({
+    light: {
+      template: "base",
+      palette: "light",
+      nonInheritedValues: {
+        ...(extra === null || extra === void 0 ? void 0 : extra.light),
+        ...(accentTheme && palettes.light_accent && {
+          accent1: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
+          accent2: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
+          accent3: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
+          accent4: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
+          accent5: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
+          accent6: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
+          accent7: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
+          accent8: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
+          accent9: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
+          accent10: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
+          accent11: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
+          accent12: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
+        })
+      }
+    },
+    dark: {
+      template: "base",
+      palette: "dark",
+      nonInheritedValues: {
+        ...(extra === null || extra === void 0 ? void 0 : extra.dark),
+        ...(accentTheme && palettes.dark_accent && {
+          accent1: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
+          accent2: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
+          accent3: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
+          accent4: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
+          accent5: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
+          accent6: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
+          accent7: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
+          accent8: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
+          accent9: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
+          accent10: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
+          accent11: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
+          accent12: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
+        })
+      }
+    }
+  });
+  if (palettes.light_accent) {
+    themeBuilder = themeBuilder.addChildThemes({
+      accent: [{
+        parent: "light",
         template: "base",
-        palette: "light",
-        nonInheritedValues: {
-          ...extra?.light,
-          ...(accentTheme && palettes.light_accent && {
-            accent1: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
-            accent2: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
-            accent3: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
-            accent4: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
-            accent5: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
-            accent6: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
-            accent7: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
-            accent8: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
-            accent9: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
-            accent10: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
-            accent11: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
-            accent12: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
-          })
-        }
-      },
-      dark: {
+        palette: "light_accent",
+        nonInheritedValues: accentExtra === null || accentExtra === void 0 ? void 0 : accentExtra.light
+      }, {
+        parent: "dark",
         template: "base",
-        palette: "dark",
-        nonInheritedValues: {
-          ...extra?.dark,
-          ...(accentTheme && palettes.dark_accent && {
-            accent1: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
-            accent2: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
-            accent3: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
-            accent4: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
-            accent5: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
-            accent6: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
-            accent7: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
-            accent8: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
-            accent9: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
-            accent10: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
-            accent11: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
-            accent12: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
-          })
-        }
-      }
+        palette: "dark_accent",
+        nonInheritedValues: accentExtra === null || accentExtra === void 0 ? void 0 : accentExtra.dark
+      }]
     });
-  return palettes.light_accent && (themeBuilder = themeBuilder.addChildThemes({
-    accent: [{
-      parent: "light",
-      template: "base",
-      palette: "light_accent",
-      nonInheritedValues: accentExtra?.light
-    }, {
-      parent: "dark",
-      template: "base",
-      palette: "dark_accent",
-      nonInheritedValues: accentExtra?.dark
-    }]
-  })), childrenThemes && (themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
-    avoidNestingWithin: ["accent"]
-  })), grandChildrenThemes && (themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
-    avoidNestingWithin: ["accent"]
-  })), componentThemes && (themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
-    avoidNestingWithin: Object.keys(grandChildrenThemes || {})
-  })), getTheme && (themeBuilder = themeBuilder.getTheme(getTheme)), {
+  }
+  if (childrenThemes) {
+    themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
+      avoidNestingWithin: ["accent"]
+    });
+  }
+  if (grandChildrenThemes) {
+    themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
+      avoidNestingWithin: ["accent"]
+    });
+  }
+  if (componentThemes) {
+    themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
+      avoidNestingWithin: Object.keys(grandChildrenThemes || {})
+    });
+  }
+  if (getTheme) {
+    themeBuilder = themeBuilder.getTheme(getTheme);
+  }
+  return {
     themeBuilder,
     themes: themeBuilder.build()
   };
@@ -191,32 +210,32 @@ function getSchemePalette(colors) {
   };
 }
 function getAnchors(palette) {
-  var maxIndex = 11,
-    numItems = palette.light.length,
-    anchors = palette.light.map(function (lcolor, index) {
-      var dcolor = palette.dark[index],
-        [lhue, lsat, llum, lalpha] = (0, import_color2k.parseToHsla)(lcolor),
-        [dhue, dsat, dlum, dalpha] = (0, import_color2k.parseToHsla)(dcolor);
-      return {
-        index: spreadIndex(maxIndex, numItems, index),
-        hue: {
-          light: lhue,
-          dark: dhue
-        },
-        sat: {
-          light: lsat,
-          dark: dsat
-        },
-        lum: {
-          light: llum,
-          dark: dlum
-        },
-        alpha: {
-          light: lalpha,
-          dark: dalpha
-        }
-      };
-    });
+  var maxIndex = 11;
+  var numItems = palette.light.length;
+  var anchors = palette.light.map(function (lcolor, index) {
+    var dcolor = palette.dark[index];
+    var [lhue, lsat, llum, lalpha] = (0, import_color2k.parseToHsla)(lcolor);
+    var [dhue, dsat, dlum, dalpha] = (0, import_color2k.parseToHsla)(dcolor);
+    return {
+      index: spreadIndex(maxIndex, numItems, index),
+      hue: {
+        light: lhue,
+        dark: dhue
+      },
+      sat: {
+        light: lsat,
+        dark: dsat
+      },
+      lum: {
+        light: llum,
+        dark: dlum
+      },
+      alpha: {
+        light: lalpha,
+        dark: dalpha
+      }
+    };
+  });
   return anchors;
 }
 function spreadIndex(maxIndex, numItems, index) {
@@ -226,14 +245,17 @@ function coerceSimplePaletteToSchemePalette(def) {
   return Array.isArray(def) ? getSchemePalette(def) : def;
 }
 function getThemesPalettes(props) {
-  var base = coerceSimplePaletteToSchemePalette(props.base.palette),
-    accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null,
-    baseAnchors = getAnchors(base);
+  var base = coerceSimplePaletteToSchemePalette(props.base.palette);
+  var accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null;
+  var baseAnchors = getAnchors(base);
   function getSubThemesPalettes(defs) {
-    var isGrandChildren = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    var isGrandChildren = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
     return Object.fromEntries(Object.entries(defs).map(function (param) {
       var [key, value] = param;
-      return isGrandChildren && key === "accent" && !value.palette ? null : [key, {
+      if (isGrandChildren && key === "accent" && !value.palette) {
+        return null;
+      }
+      return [key, {
         name: key,
         anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors
       }];
@@ -250,8 +272,8 @@ function getThemesPalettes(props) {
         anchors: getAnchors(accent)
       }
     }),
-    ...(props.childrenThemes && getSubThemesPalettes(props.childrenThemes, !1)),
-    ...(props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes, !0))
+    ...(props.childrenThemes && getSubThemesPalettes(props.childrenThemes, false)),
+    ...(props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes, true))
   };
 }
 var getComponentThemes = function (components) {
@@ -266,99 +288,116 @@ var getComponentThemes = function (components) {
   }));
 };
 function createPalettes(palettes) {
-  var accentPalettes = palettes.accent ? (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.accent) : null,
-    basePalettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.base),
-    next = Object.fromEntries(Object.entries(palettes).flatMap(function (param) {
-      var [name, palette] = param,
-        _$palettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palette),
-        isAccent = name.startsWith("accent"),
-        oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes;
-      if (!oppositePalettes) return [];
-      var oppositeLight = oppositePalettes.light,
-        oppositeDark = oppositePalettes.dark,
-        bgOffset = 7,
-        out = [[name === "base" ? "light" : `light_${name}`, [oppositeLight[bgOffset], ..._$palettes.light, oppositeLight[oppositeLight.length - bgOffset - 1]]], [name === "base" ? "dark" : `dark_${name}`, [oppositeDark[oppositeDark.length - bgOffset - 1], ..._$palettes.dark, oppositeDark[bgOffset]]]];
-      return out;
-    }));
+  var accentPalettes = palettes.accent ? (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.accent) : null;
+  var basePalettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.base);
+  var next = Object.fromEntries(Object.entries(palettes).flatMap(function (param) {
+    var [name, palette] = param;
+    var _$palettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palette);
+    var isAccent = name.startsWith("accent");
+    var oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes;
+    if (!oppositePalettes) {
+      return [];
+    }
+    var oppositeLight = oppositePalettes.light;
+    var oppositeDark = oppositePalettes.dark;
+    var bgOffset = 7;
+    var out = [[name === "base" ? "light" : `light_${name}`, [oppositeLight[bgOffset], ..._$palettes.light, oppositeLight[oppositeLight.length - bgOffset - 1]]], [name === "base" ? "dark" : `dark_${name}`, [oppositeDark[oppositeDark.length - bgOffset - 1], ..._$palettes.dark, oppositeDark[bgOffset]]]];
+    return out;
+  }));
   return next;
 }
 function createV4ThemeBuilder(props) {
   var {
-      getTheme,
-      extra,
-      accentExtra,
-      childrenThemes = null,
-      grandChildrenThemes = null,
-      templates = import_defaultTemplates.defaultTemplates,
-      palettes = defaultPalettes,
-      accentTheme,
-      componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0
-    } = props,
-    themeBuilder = (0, import_ThemeBuilder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addThemes({
-      light: {
-        template: "base",
-        palette: "light",
-        nonInheritedValues: {
-          ...extra?.light,
-          ...(accentTheme && palettes.light_accent && {
-            accent1: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
-            accent2: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
-            accent3: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
-            accent4: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
-            accent5: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
-            accent6: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
-            accent7: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
-            accent8: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
-            accent9: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
-            accent10: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
-            accent11: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
-            accent12: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
-          })
-        }
-      },
-      dark: {
-        template: "base",
-        palette: "dark",
-        nonInheritedValues: {
-          ...extra?.dark,
-          ...(accentTheme && palettes.dark_accent && {
-            accent1: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
-            accent2: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
-            accent3: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
-            accent4: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
-            accent5: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
-            accent6: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
-            accent7: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
-            accent8: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
-            accent9: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
-            accent10: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
-            accent11: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
-            accent12: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
-          })
-        }
+    getTheme,
+    extra,
+    accentExtra,
+    childrenThemes = null,
+    grandChildrenThemes = null,
+    templates = import_defaultTemplates.defaultTemplates,
+    palettes = defaultPalettes,
+    accentTheme,
+    componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0
+  } = props;
+  var themeBuilder = (0, import_ThemeBuilder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addThemes({
+    light: {
+      template: "base",
+      palette: "light",
+      nonInheritedValues: {
+        ...(extra === null || extra === void 0 ? void 0 : extra.light),
+        ...(accentTheme && palettes.light_accent && {
+          accent1: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
+          accent2: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
+          accent3: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
+          accent4: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
+          accent5: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
+          accent6: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
+          accent7: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
+          accent8: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
+          accent9: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
+          accent10: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
+          accent11: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
+          accent12: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
+        })
       }
-    });
-  return childrenThemes && (themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
-    avoidNestingWithin: ["accent"]
-  })), grandChildrenThemes && (themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
-    avoidNestingWithin: ["accent"]
-  })), palettes.light_accent && (themeBuilder = themeBuilder.addChildThemes({
-    accent: [{
-      parent: "light",
+    },
+    dark: {
       template: "base",
-      palette: "light_accent",
-      nonInheritedValues: accentExtra?.light
+      palette: "dark",
+      nonInheritedValues: {
+        ...(extra === null || extra === void 0 ? void 0 : extra.dark),
+        ...(accentTheme && palettes.dark_accent && {
+          accent1: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
+          accent2: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
+          accent3: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
+          accent4: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
+          accent5: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
+          accent6: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
+          accent7: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
+          accent8: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
+          accent9: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
+          accent10: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
+          accent11: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
+          accent12: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
+        })
+      }
+    }
+  });
+  if (childrenThemes) {
+    themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
+      avoidNestingWithin: ["accent"]
+    });
+  }
+  if (grandChildrenThemes) {
+    themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
+      avoidNestingWithin: ["accent"]
+    });
+  }
+  if (palettes.light_accent) {
+    themeBuilder = themeBuilder.addChildThemes({
+      accent: [{
+        parent: "light",
+        template: "base",
+        palette: "light_accent",
+        nonInheritedValues: accentExtra === null || accentExtra === void 0 ? void 0 : accentExtra.light
+      }, {
+        parent: "dark",
+        template: "base",
+        palette: "dark_accent",
+        nonInheritedValues: accentExtra === null || accentExtra === void 0 ? void 0 : accentExtra.dark
+      }]
     }, {
-      parent: "dark",
-      template: "base",
-      palette: "dark_accent",
-      nonInheritedValues: accentExtra?.dark
-    }]
-  }, {
-    avoidNestingWithin: Object.keys(childrenThemes || {})
-  })), componentThemes && (themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
-    avoidNestingWithin: Object.keys(grandChildrenThemes || {})
-  })), getTheme && (themeBuilder = themeBuilder.getTheme(getTheme)), {
+      avoidNestingWithin: Object.keys(childrenThemes || {})
+    });
+  }
+  if (componentThemes) {
+    themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
+      avoidNestingWithin: Object.keys(grandChildrenThemes || {})
+    });
+  }
+  if (getTheme) {
+    themeBuilder = themeBuilder.getTheme(getTheme);
+  }
+  return {
     themeBuilder,
     themes: themeBuilder.build()
   };