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

package/dist/cjs/masks.js

@@ -1,86 +0,0 @@
-var __defProp = Object.defineProperty;
-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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var masks_exports = {};
-__export(masks_exports, {
-  masks: () => masks
-});
-module.exports = __toCommonJS(masks_exports);
-var import_create_theme = require("@tamagui/create-theme");
-const masks = {
-  identity: (0, import_create_theme.createIdentityMask)(),
-  soften: (0, import_create_theme.createSoftenMask)(),
-  soften2: (0, import_create_theme.createSoftenMask)({ strength: 2 }),
-  soften3: (0, import_create_theme.createSoftenMask)({ strength: 3 }),
-  strengthen: (0, import_create_theme.createStrengthenMask)(),
-  inverse: (0, import_create_theme.createInverseMask)(),
-  inverseSoften: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 2 })),
-  inverseSoften2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 3 })),
-  inverseSoften3: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 4 })),
-  inverseStrengthen2: (0, import_create_theme.combineMasks)(
-    (0, import_create_theme.createInverseMask)(),
-    (0, import_create_theme.createStrengthenMask)({ strength: 2 })
-  ),
-  strengthenButSoftenBorder: (0, import_create_theme.createMask)((template, options) => {
-    const stronger = (0, import_create_theme.createStrengthenMask)().mask(template, options), softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
-    return {
-      ...stronger,
-      borderColor: softer.borderColor,
-      borderColorHover: softer.borderColorHover,
-      borderColorPress: softer.borderColorPress,
-      borderColorFocus: softer.borderColorFocus
-    };
-  }),
-  soften2Border1: (0, import_create_theme.createMask)((template, options) => {
-    const softer2 = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options), softer1 = (0, import_create_theme.createSoftenMask)({ strength: 1 }).mask(template, options);
-    return {
-      ...softer2,
-      borderColor: softer1.borderColor,
-      borderColorHover: softer1.borderColorHover,
-      borderColorPress: softer1.borderColorPress,
-      borderColorFocus: softer1.borderColorFocus
-    };
-  }),
-  soften3FlatBorder: (0, import_create_theme.createMask)((template, options) => {
-    const borderMask = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
-    return {
-      ...(0, import_create_theme.createSoftenMask)({ strength: 3 }).mask(template, options),
-      borderColor: borderMask.borderColor,
-      borderColorHover: borderMask.borderColorHover,
-      borderColorPress: borderMask.borderColorPress,
-      borderColorFocus: borderMask.borderColorFocus
-    };
-  }),
-  softenBorder: (0, import_create_theme.createMask)((template, options) => {
-    const plain = import_create_theme.skipMask.mask(template, options), softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
-    return {
-      ...plain,
-      borderColor: softer.borderColor,
-      borderColorHover: softer.borderColorHover,
-      borderColorPress: softer.borderColorPress,
-      borderColorFocus: softer.borderColorFocus
-    };
-  }),
-  softenBorder2: (0, import_create_theme.createMask)((template, options) => {
-    const plain = import_create_theme.skipMask.mask(template, options), softer = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
-    return {
-      ...plain,
-      borderColor: softer.borderColor,
-      borderColorHover: softer.borderColorHover,
-      borderColorPress: softer.borderColorPress,
-      borderColorFocus: softer.borderColorFocus
-    };
-  })
-};
-//# sourceMappingURL=masks.js.map

package/dist/cjs/masks.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/masks.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAQO;AAEA,MAAM,QAAQ;AAAA,EACnB,cAAU,wCAAmB;AAAA,EAC7B,YAAQ,sCAAiB;AAAA,EACzB,aAAS,sCAAiB,EAAE,UAAU,EAAE,CAAC;AAAA,EACzC,aAAS,sCAAiB,EAAE,UAAU,EAAE,CAAC;AAAA,EACzC,gBAAY,0CAAqB;AAAA,EACjC,aAAS,uCAAkB;AAAA,EAC3B,mBAAe,sCAAa,uCAAkB,OAAG,sCAAiB,EAAE,UAAU,EAAE,CAAC,CAAC;AAAA,EAClF,oBAAgB,sCAAa,uCAAkB,OAAG,sCAAiB,EAAE,UAAU,EAAE,CAAC,CAAC;AAAA,EACnF,oBAAgB,sCAAa,uCAAkB,OAAG,sCAAiB,EAAE,UAAU,EAAE,CAAC,CAAC;AAAA,EACnF,wBAAoB;AAAA,QAClB,uCAAkB;AAAA,QAClB,0CAAqB,EAAE,UAAU,EAAE,CAAC;AAAA,EACtC;AAAA,EACA,+BAA2B,gCAAW,CAAC,UAAU,YAAY;AAC3D,UAAM,eAAW,0CAAqB,EAAE,KAAK,UAAU,OAAO,GACxD,aAAS,sCAAiB,EAAE,KAAK,UAAU,OAAO;AACxD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,MACpB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AAAA,EACD,oBAAgB,gCAAW,CAAC,UAAU,YAAY;AAChD,UAAM,cAAU,sCAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO,GAClE,cAAU,sCAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;AACxE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,QAAQ;AAAA,MACrB,kBAAkB,QAAQ;AAAA,MAC1B,kBAAkB,QAAQ;AAAA,MAC1B,kBAAkB,QAAQ;AAAA,IAC5B;AAAA,EACF,CAAC;AAAA,EACD,uBAAmB,gCAAW,CAAC,UAAU,YAAY;AACnD,UAAM,iBAAa,sCAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;AAE3E,WAAO;AAAA,MACL,OAFc,sCAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;AAAA,MAGtE,aAAa,WAAW;AAAA,MACxB,kBAAkB,WAAW;AAAA,MAC7B,kBAAkB,WAAW;AAAA,MAC7B,kBAAkB,WAAW;AAAA,IAC/B;AAAA,EACF,CAAC;AAAA,EACD,kBAAc,gCAAW,CAAC,UAAU,YAAY;AAC9C,UAAM,QAAQ,6BAAS,KAAK,UAAU,OAAO,GACvC,aAAS,sCAAiB,EAAE,KAAK,UAAU,OAAO;AACxD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,MACpB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AAAA,EACD,mBAAe,gCAAW,CAAC,UAAU,YAAY;AAC/C,UAAM,QAAQ,6BAAS,KAAK,UAAU,OAAO,GACvC,aAAS,sCAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;AACvE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,MACpB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AACH;",
-  "names": []
-}

package/dist/cjs/types.js

@@ -1,14 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/types.ts"],
-  "mappings": ";;;;;;;;;;;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/ThemeBuilder.js

@@ -1,174 +0,0 @@
-import {
-  applyMask,
-  createMask,
-  createThemeWithPalettes,
-  objectEntries,
-  objectFromEntries
-} from "@tamagui/create-theme";
-class ThemeBuilder {
-  constructor(state) {
-    this.state = state;
-  }
-  _getThemeFn;
-  addPalettes(palettes) {
-    return this.state.palettes = {
-      // as {} prevents generic string key merge messing up types
-      ...this.state.palettes,
-      ...palettes
-    }, this;
-  }
-  addTemplates(templates) {
-    return this.state.templates = {
-      // as {} prevents generic string key merge messing up types
-      ...this.state.templates,
-      ...templates
-    }, this;
-  }
-  addMasks(masks) {
-    return this.state.masks = {
-      // as {} prevents generic string key merge messing up types
-      ...this.state.masks,
-      ...objectFromEntries(
-        objectEntries(masks).map(([key, val]) => [key, createMask(val)])
-      )
-    }, this;
-  }
-  // for dev mode only really
-  _addedThemes = [];
-  addThemes(themes) {
-    return this._addedThemes.push({ type: "themes", args: [themes] }), this.state.themes = {
-      // as {} prevents generic string key merge messing up types
-      ...this.state.themes,
-      ...themes
-    }, this;
-  }
-  // these wont be typed to save some complexity and because they don't need to be typed!
-  addComponentThemes(childThemeDefinition, options) {
-    return this.addChildThemes(childThemeDefinition, options), this;
-  }
-  addChildThemes(childThemeDefinition, options) {
-    const currentThemes = this.state.themes;
-    if (!currentThemes)
-      throw new Error(
-        "No themes defined yet, use addThemes first to set your base themes"
-      );
-    this._addedThemes.push({ type: "childThemes", args: [childThemeDefinition, options] });
-    const currentThemeNames = Object.keys(currentThemes), incomingThemeNames = Object.keys(childThemeDefinition), namesWithDefinitions = currentThemeNames.flatMap((prefix) => {
-      const avoidNestingWithin = options?.avoidNestingWithin;
-      return avoidNestingWithin && avoidNestingWithin.some(
-        (avoidName) => prefix.startsWith(avoidName) || prefix.endsWith(avoidName)
-      ) ? [] : incomingThemeNames.map((subName) => {
-        const fullName = `${prefix}_${subName}`, definition = childThemeDefinition[subName];
-        return "avoidNestingWithin" in definition && definition.avoidNestingWithin.some((name) => (name === "light" || name === "dark") && prefix.includes("_") ? !1 : prefix.startsWith(name) || prefix.endsWith(name)) || prefix.endsWith(`_${subName}`) ? null : [fullName, definition];
-      }).filter(Boolean);
-    }), childThemes = Object.fromEntries(namesWithDefinitions), next = {
-      // as {} prevents generic string key merge messing up types
-      ...this.state.themes,
-      ...childThemes
-    };
-    return this.state.themes = next, this;
-  }
-  getTheme(fn) {
-    return this._getThemeFn = fn, this;
-  }
-  build() {
-    if (!this.state.themes)
-      return {};
-    const out = {}, maskedThemes = [];
-    for (const themeName in this.state.themes) {
-      const nameParts = themeName.split("_"), parentName = nameParts.slice(0, nameParts.length - 1).join("_"), definitions = this.state.themes[themeName], themeDefinition = Array.isArray(definitions) ? (() => {
-        const found = definitions.find(
-          // endWith match stronger than startsWith
-          (d) => d.parent ? parentName.endsWith(d.parent) || parentName.startsWith(d.parent) : !0
-        );
-        return found || null;
-      })() : definitions;
-      if (themeDefinition)
-        if ("theme" in themeDefinition)
-          out[themeName] = themeDefinition.theme;
-        else if ("mask" in themeDefinition)
-          maskedThemes.push({ parentName, themeName, mask: themeDefinition });
-        else {
-          let {
-            palette: paletteName = "",
-            template: templateName,
-            ...options
-          } = themeDefinition;
-          const parentDefinition = this.state.themes[parentName];
-          if (!this.state.palettes)
-            throw new Error(
-              `No palettes defined for theme with palette expected: ${themeName}`
-            );
-          let palette = this.state.palettes[paletteName || ""], attemptParentName = `${parentName}_${paletteName}`;
-          for (; !palette && attemptParentName; )
-            attemptParentName in this.state.palettes ? (palette = this.state.palettes[attemptParentName], paletteName = attemptParentName) : attemptParentName = attemptParentName.split("_").slice(0, -1).join("_");
-          if (!palette) {
-            const msg = process.env.NODE_ENV !== "production" ? `: ${themeName}: ${paletteName}
-          Definition: ${JSON.stringify(themeDefinition)}
-          Parent: ${JSON.stringify(parentDefinition)}
-          Potential: (${Object.keys(this.state.palettes).join(", ")})` : "";
-            throw new Error(`No palette for theme${msg}`);
-          }
-          const template = this.state.templates?.[templateName] ?? // fall back to finding the scheme specific on if it exists
-          this.state.templates?.[`${nameParts[0]}_${templateName}`];
-          if (!template)
-            throw new Error(
-              `No template for theme ${themeName}: ${templateName} in templates:
-- ${Object.keys(this.state.templates || {}).join(`
- - `)}`
-            );
-          const theme = createThemeWithPalettes(
-            this.state.palettes,
-            paletteName,
-            template,
-            options,
-            themeName,
-            !0
-          );
-          out[themeName] = this._getThemeFn ? {
-            ...theme,
-            ...this._getThemeFn({
-              theme,
-              name: themeName,
-              level: nameParts.length,
-              parentName,
-              scheme: /^(light|dark)$/.test(nameParts[0]) ? nameParts[0] : void 0,
-              parentNames: nameParts.slice(0, -1),
-              palette,
-              template
-            })
-          } : theme;
-        }
-    }
-    for (const { mask, themeName, parentName } of maskedThemes) {
-      const parent = out[parentName];
-      if (!parent)
-        continue;
-      const { mask: maskName, ...options } = mask;
-      let maskFunction = this.state.masks?.[maskName];
-      if (!maskFunction)
-        throw new Error(`No mask ${maskName}`);
-      const parentTheme = this.state.themes[parentName];
-      if (parentTheme && "childOptions" in parentTheme) {
-        const { mask: mask2, ...childOpts } = parentTheme.childOptions;
-        mask2 && (maskFunction = this.state.masks?.[mask2]), Object.assign(options, childOpts);
-      }
-      out[themeName] = applyMask(
-        parent,
-        maskFunction,
-        options,
-        parentName,
-        themeName
-      );
-    }
-    return out;
-  }
-}
-function createThemeBuilder() {
-  return new ThemeBuilder({});
-}
-export {
-  ThemeBuilder,
-  createThemeBuilder
-};
-//# sourceMappingURL=ThemeBuilder.js.map

package/dist/esm/ThemeBuilder.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ThemeBuilder.ts"],
-  "mappings": "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",
-  "names": ["mask"]
-}

package/dist/esm/createStudioThemes.js

@@ -1,18 +0,0 @@
-import { createPalettes, createSimpleThemeBuilder } from "./createThemes";
-import { defaultComponentThemes } from "./defaultComponentThemes";
-import { defaultTemplates } from "./defaultTemplates";
-import { defaultTemplatesStronger } from "./defaultTemplatesStronger";
-import { defaultTemplatesStrongest } from "./defaultTemplatesStrongest";
-function createStudioThemes(props) {
-  const palettes = createPalettes(props.palettes), templates = props.templateStrategy === "stronger" ? defaultTemplatesStronger : props.templateStrategy === "strongest" ? defaultTemplatesStrongest : defaultTemplates;
-  return createSimpleThemeBuilder({
-    palettes,
-    templates,
-    componentThemes: defaultComponentThemes,
-    accentTheme: !!props.palettes.accent
-  });
-}
-export {
-  createStudioThemes
-};
-//# sourceMappingURL=createStudioThemes.js.map

package/dist/esm/createStudioThemes.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createStudioThemes.ts"],
-  "mappings": "AAAA,SAAS,gBAAgB,gCAAgC;AACzD,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAOnC,SAAS,mBAAmB,OAA6B;AAC9D,QAAM,WAAW,eAAe,MAAM,QAAQ,GAExC,YACJ,MAAM,qBAAqB,aACvB,2BACA,MAAM,qBAAqB,cACzB,4BACA;AAER,SAAO,yBAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,aAAa,CAAC,CAAC,MAAM,SAAS;AAAA,EAChC,CAAC;AACH;",
-  "names": []
-}

package/dist/esm/createThemes.js

@@ -1,344 +0,0 @@
-import { parseToHsla } from "color2k";
-import { defaultComponentThemes } from "./defaultComponentThemes";
-import { defaultTemplates } from "./defaultTemplates";
-import { getThemeSuitePalettes, PALETTE_BACKGROUND_OFFSET } from "./getThemeSuitePalettes";
-import { createThemeBuilder } from "./ThemeBuilder";
-function createThemes(props) {
-  const {
-    accent,
-    childrenThemes,
-    grandChildrenThemes,
-    templates = 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;
-}
-let lastBuilder = null;
-const getLastBuilder = () => lastBuilder;
-function createV4Themes(props) {
-  const {
-    accent,
-    childrenThemes,
-    grandChildrenThemes,
-    templates = 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;
-}
-function normalizeSubThemes(defs) {
-  return Object.fromEntries(
-    Object.entries(defs || {}).map(([name, value]) => {
-      const hasPalette = value.palette !== void 0;
-      return [
-        name,
-        {
-          // Only add palette if the definition has one, otherwise theme is template-only
-          ...hasPalette ? { palette: name } : {},
-          template: value.template || "base"
-        }
-      ];
-    })
-  );
-}
-const defaultPalettes = createPalettes(
-  getThemesPalettes({
-    base: {
-      palette: ["#fff", "#000"]
-    },
-    accent: {
-      palette: ["#ff0000", "#ff9999"]
-    }
-  })
-);
-function createSimpleThemeBuilder(props) {
-  const {
-    getTheme,
-    extra,
-    accentExtra,
-    childrenThemes = null,
-    grandChildrenThemes = null,
-    templates = defaultTemplates,
-    palettes = defaultPalettes,
-    accentTheme,
-    componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0
-  } = props;
-  let themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addThemes({
-    light: {
-      template: "base",
-      palette: "light",
-      nonInheritedValues: {
-        ...extra?.light,
-        ...accentTheme && palettes.light_accent && {
-          accent1: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 0],
-          accent2: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 1],
-          accent3: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 2],
-          accent4: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 3],
-          accent5: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 4],
-          accent6: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 5],
-          accent7: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 6],
-          accent8: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 7],
-          accent9: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 8],
-          accent10: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 9],
-          accent11: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 10],
-          accent12: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 11]
-        }
-      }
-    },
-    dark: {
-      template: "base",
-      palette: "dark",
-      nonInheritedValues: {
-        ...extra?.dark,
-        ...accentTheme && palettes.dark_accent && {
-          accent1: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 0],
-          accent2: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 1],
-          accent3: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 2],
-          accent4: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 3],
-          accent5: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 4],
-          accent6: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 5],
-          accent7: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 6],
-          accent8: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 7],
-          accent9: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 8],
-          accent10: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 9],
-          accent11: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 10],
-          accent12: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 11]
-        }
-      }
-    }
-  });
-  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)), {
-    themeBuilder,
-    themes: themeBuilder.build()
-  };
-}
-function getSchemePalette(colors) {
-  return {
-    light: colors,
-    dark: [...colors].reverse()
-  };
-}
-function getAnchors(palette) {
-  const numItems = palette.light.length;
-  return palette.light.map((lcolor, index) => {
-    const dcolor = palette.dark[index], [lhue, lsat, llum, lalpha] = parseToHsla(lcolor), [dhue, dsat, dlum, dalpha] = parseToHsla(dcolor);
-    return {
-      index: spreadIndex(11, numItems, index),
-      hue: { light: lhue, dark: dhue },
-      sat: { light: lsat, dark: dsat },
-      lum: { light: llum, dark: dlum },
-      alpha: { light: lalpha, dark: dalpha }
-    };
-  });
-}
-function spreadIndex(maxIndex, numItems, index) {
-  return Math.round(index / (numItems - 1) * maxIndex);
-}
-function coerceSimplePaletteToSchemePalette(def) {
-  return Array.isArray(def) ? getSchemePalette(def) : def;
-}
-function getThemesPalettes(props) {
-  const base = coerceSimplePaletteToSchemePalette(props.base.palette), accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null, baseAnchors = getAnchors(base);
-  function getSubThemesPalettes(defs, isGrandChildren = !1) {
-    return Object.fromEntries(
-      Object.entries(defs).map(([key, value]) => isGrandChildren && key === "accent" && !value.palette ? null : [
-        key,
-        {
-          name: key,
-          anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors
-        }
-      ]).filter(Boolean)
-    );
-  }
-  return {
-    base: {
-      name: "base",
-      anchors: baseAnchors
-    },
-    ...accent && {
-      accent: {
-        name: "accent",
-        anchors: getAnchors(accent)
-      }
-    },
-    ...props.childrenThemes && getSubThemesPalettes(props.childrenThemes, !1),
-    ...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes, !0)
-  };
-}
-const getComponentThemes = (components) => Object.fromEntries(
-  Object.entries(components).map(([componentName, { template }]) => [
-    componentName,
-    {
-      parent: "",
-      template: template || "base"
-    }
-  ])
-);
-function createPalettes(palettes) {
-  const accentPalettes = palettes.accent ? getThemeSuitePalettes(palettes.accent) : null, basePalettes = getThemeSuitePalettes(palettes.base);
-  return Object.fromEntries(
-    Object.entries(palettes).flatMap(([name, palette]) => {
-      const palettes2 = getThemeSuitePalettes(palette), oppositePalettes = name.startsWith("accent") ? basePalettes : accentPalettes || basePalettes;
-      if (!oppositePalettes)
-        return [];
-      const oppositeLight = oppositePalettes.light, oppositeDark = oppositePalettes.dark, bgOffset = 7;
-      return [
-        [
-          name === "base" ? "light" : `light_${name}`,
-          [
-            oppositeLight[bgOffset],
-            ...palettes2.light,
-            oppositeLight[oppositeLight.length - bgOffset - 1]
-          ]
-        ],
-        [
-          name === "base" ? "dark" : `dark_${name}`,
-          [
-            oppositeDark[oppositeDark.length - bgOffset - 1],
-            ...palettes2.dark,
-            oppositeDark[bgOffset]
-          ]
-        ]
-      ];
-    })
-  );
-}
-function createV4ThemeBuilder(props) {
-  const {
-    getTheme,
-    extra,
-    accentExtra,
-    childrenThemes = null,
-    grandChildrenThemes = null,
-    templates = defaultTemplates,
-    palettes = defaultPalettes,
-    accentTheme,
-    componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0
-  } = props;
-  let themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addThemes({
-    light: {
-      template: "base",
-      palette: "light",
-      nonInheritedValues: {
-        ...extra?.light,
-        ...accentTheme && palettes.light_accent && {
-          accent1: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 0],
-          accent2: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 1],
-          accent3: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 2],
-          accent4: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 3],
-          accent5: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 4],
-          accent6: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 5],
-          accent7: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 6],
-          accent8: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 7],
-          accent9: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 8],
-          accent10: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 9],
-          accent11: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 10],
-          accent12: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 11]
-        }
-      }
-    },
-    dark: {
-      template: "base",
-      palette: "dark",
-      nonInheritedValues: {
-        ...extra?.dark,
-        ...accentTheme && palettes.dark_accent && {
-          accent1: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 0],
-          accent2: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 1],
-          accent3: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 2],
-          accent4: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 3],
-          accent5: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 4],
-          accent6: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 5],
-          accent7: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 6],
-          accent8: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 7],
-          accent9: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 8],
-          accent10: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 9],
-          accent11: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 10],
-          accent12: palettes.dark_accent[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",
-          template: "base",
-          palette: "light_accent",
-          nonInheritedValues: accentExtra?.light
-        },
-        {
-          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)), {
-    themeBuilder,
-    themes: themeBuilder.build()
-  };
-}
-export {
-  createPalettes,
-  createSimpleThemeBuilder,
-  createThemes,
-  createV4ThemeBuilder,
-  createV4Themes,
-  getComponentThemes,
-  getLastBuilder
-};
-//# sourceMappingURL=createThemes.js.map