@tamagui/config-v5 0.0.0-bootstrap.0 → 3.0.0-beta.643.1

package/dist/esm/theme-builder/createThemes.mjs

@@ -0,0 +1,311 @@
+import { parseToHsla } from "color2k";
+import { defaultComponentThemes } from "./defaultComponentThemes.mjs";
+import { defaultTemplates } from "./defaultTemplates.mjs";
+import { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes } from "./getThemeSuitePalettes.mjs";
+import { createThemeBuilder } from "./ThemeBuilder.mjs";
+
+function createThemes(props) {
+	const { accent, childrenThemes, grandChildrenThemes, templates = defaultTemplates, componentThemes, getTheme } = props;
+	const 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
+	});
+	lastBuilder = builder.themeBuilder;
+	return builder.themes;
+}
+let lastBuilder = null;
+const getLastBuilder = () => lastBuilder;
+function createV4Themes(props) {
+	const { accent, childrenThemes, grandChildrenThemes, templates = defaultTemplates, componentThemes, getTheme } = props;
+	const 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
+	});
+	lastBuilder = builder.themeBuilder;
+	return builder.themes;
+}
+function normalizeSubThemes(defs) {
+	return Object.fromEntries(Object.entries(defs || {}).map(([name, value]) => {
+		const hasPalette = value.palette !== void 0;
+		return [name, {
+			...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]
+				}
+			}
+		}
+	});
+	if (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
+		}] });
+	}
+	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()
+	};
+}
+function getSchemePalette(colors) {
+	return {
+		light: colors,
+		dark: [...colors].reverse()
+	};
+}
+function getAnchors(palette) {
+	const maxIndex = 11;
+	const numItems = palette.light.length;
+	const anchors = palette.light.map((lcolor, index) => {
+		const dcolor = palette.dark[index];
+		const [lhue, lsat, llum, lalpha] = parseToHsla(lcolor);
+		const [dhue, dsat, dlum, dalpha] = 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) {
+	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);
+	const accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null;
+	const baseAnchors = getAnchors(base);
+	function getSubThemesPalettes(defs, isGrandChildren = false) {
+		return Object.fromEntries(Object.entries(defs).map(([key, value]) => {
+			if (isGrandChildren && key === "accent" && !value.palette) {
+				return null;
+			}
+			return [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, false),
+		...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes, true)
+	};
+}
+const getComponentThemes = (components) => {
+	return Object.fromEntries(Object.entries(components).map(([componentName, { template }]) => {
+		return [componentName, {
+			parent: "",
+			template: template || "base"
+		}];
+	}));
+};
+function createPalettes(palettes) {
+	const accentPalettes = palettes.accent ? getThemeSuitePalettes(palettes.accent) : null;
+	const basePalettes = getThemeSuitePalettes(palettes.base);
+	const next = Object.fromEntries(Object.entries(palettes).flatMap(([name, palette]) => {
+		const palettes2 = getThemeSuitePalettes(palette);
+		const isAccent = name.startsWith("accent");
+		const oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes;
+		if (!oppositePalettes) {
+			return [];
+		}
+		const oppositeLight = oppositePalettes.light;
+		const oppositeDark = oppositePalettes.dark;
+		const bgOffset = 7;
+		const out = [[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]
+		]]];
+		return out;
+	}));
+	return next;
+}
+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]
+				}
+			}
+		}
+	});
+	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?.light
+		}, {
+			parent: "dark",
+			template: "base",
+			palette: "dark_accent",
+			nonInheritedValues: accentExtra?.dark
+		}] }, { 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()
+	};
+}
+
+export { createPalettes, createSimpleThemeBuilder, createThemes, createV4ThemeBuilder, createV4Themes, getComponentThemes, getLastBuilder };
+//# sourceMappingURL=createThemes.mjs.map

package/dist/esm/theme-builder/createThemes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createThemes.js","names":[],"sources":["esm/theme-builder/createThemes.js"],"sourcesContent":["import { parseToHsla } from \"color2k\";\nimport { defaultComponentThemes } from \"./defaultComponentThemes\";\nimport { defaultTemplates } from \"./defaultTemplates\";\nimport { getThemeSuitePalettes, PALETTE_BACKGROUND_OFFSET } from \"./getThemeSuitePalettes\";\nimport { createThemeBuilder } from \"./ThemeBuilder\";\nfunction createThemes(props) {\n  const {\n    accent,\n    childrenThemes,\n    grandChildrenThemes,\n    templates = defaultTemplates,\n    componentThemes,\n    getTheme\n  } = props;\n  const builder = createSimpleThemeBuilder({\n    extra: props.base.extra,\n    accentExtra: accent?.extra,\n    componentThemes,\n    palettes: createPalettes(getThemesPalettes(props)),\n    templates,\n    accentTheme: !!accent,\n    childrenThemes: normalizeSubThemes(childrenThemes),\n    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,\n    getTheme\n  });\n  lastBuilder = builder.themeBuilder;\n  return builder.themes;\n}\nlet lastBuilder = null;\nconst getLastBuilder = () => lastBuilder;\nfunction createV4Themes(props) {\n  const {\n    accent,\n    childrenThemes,\n    grandChildrenThemes,\n    templates = defaultTemplates,\n    componentThemes,\n    getTheme\n  } = props;\n  const builder = createV4ThemeBuilder({\n    extra: props.base.extra,\n    accentExtra: accent?.extra,\n    componentThemes,\n    palettes: createPalettes(getThemesPalettes(props)),\n    templates,\n    accentTheme: !!accent,\n    childrenThemes: normalizeSubThemes(childrenThemes),\n    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,\n    getTheme\n  });\n  lastBuilder = builder.themeBuilder;\n  return builder.themes;\n}\nfunction normalizeSubThemes(defs) {\n  return Object.fromEntries(\n    Object.entries(defs || {}).map(([name, value]) => {\n      const hasPalette = value.palette !== void 0;\n      return [\n        name,\n        {\n          // Only add palette if the definition has one, otherwise theme is template-only\n          ...hasPalette ? { palette: name } : {},\n          template: value.template || \"base\"\n        }\n      ];\n    })\n  );\n}\nconst defaultPalettes = createPalettes(\n  getThemesPalettes({\n    base: {\n      palette: [\"#fff\", \"#000\"]\n    },\n    accent: {\n      palette: [\"#ff0000\", \"#ff9999\"]\n    }\n  })\n);\nfunction createSimpleThemeBuilder(props) {\n  const {\n    getTheme,\n    extra,\n    accentExtra,\n    childrenThemes = null,\n    grandChildrenThemes = null,\n    templates = defaultTemplates,\n    palettes = defaultPalettes,\n    accentTheme,\n    componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0\n  } = props;\n  let themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addThemes({\n    light: {\n      template: \"base\",\n      palette: \"light\",\n      nonInheritedValues: {\n        ...extra?.light,\n        ...accentTheme && palettes.light_accent && {\n          accent1: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 0],\n          accent2: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 1],\n          accent3: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 2],\n          accent4: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 3],\n          accent5: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 4],\n          accent6: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 5],\n          accent7: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 6],\n          accent8: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 7],\n          accent9: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 8],\n          accent10: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 9],\n          accent11: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 10],\n          accent12: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 11]\n        }\n      }\n    },\n    dark: {\n      template: \"base\",\n      palette: \"dark\",\n      nonInheritedValues: {\n        ...extra?.dark,\n        ...accentTheme && palettes.dark_accent && {\n          accent1: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 0],\n          accent2: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 1],\n          accent3: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 2],\n          accent4: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 3],\n          accent5: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 4],\n          accent6: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 5],\n          accent7: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 6],\n          accent8: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 7],\n          accent9: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 8],\n          accent10: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 9],\n          accent11: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 10],\n          accent12: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 11]\n        }\n      }\n    }\n  });\n  if (palettes.light_accent) {\n    themeBuilder = themeBuilder.addChildThemes({\n      accent: [\n        {\n          parent: \"light\",\n          template: \"base\",\n          palette: \"light_accent\",\n          nonInheritedValues: accentExtra?.light\n        },\n        {\n          parent: \"dark\",\n          template: \"base\",\n          palette: \"dark_accent\",\n          nonInheritedValues: accentExtra?.dark\n        }\n      ]\n    });\n  }\n  if (childrenThemes) {\n    themeBuilder = themeBuilder.addChildThemes(childrenThemes, {\n      avoidNestingWithin: [\"accent\"]\n    });\n  }\n  if (grandChildrenThemes) {\n    themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {\n      avoidNestingWithin: [\"accent\"]\n    });\n  }\n  if (componentThemes) {\n    themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {\n      avoidNestingWithin: Object.keys(grandChildrenThemes || {})\n    });\n  }\n  if (getTheme) {\n    themeBuilder = themeBuilder.getTheme(getTheme);\n  }\n  return {\n    themeBuilder,\n    themes: themeBuilder.build()\n  };\n}\nfunction getSchemePalette(colors) {\n  return {\n    light: colors,\n    dark: [...colors].reverse()\n  };\n}\nfunction getAnchors(palette) {\n  const maxIndex = 11;\n  const numItems = palette.light.length;\n  const anchors = palette.light.map((lcolor, index) => {\n    const dcolor = palette.dark[index];\n    const [lhue, lsat, llum, lalpha] = parseToHsla(lcolor);\n    const [dhue, dsat, dlum, dalpha] = parseToHsla(dcolor);\n    return {\n      index: spreadIndex(maxIndex, numItems, index),\n      hue: { light: lhue, dark: dhue },\n      sat: { light: lsat, dark: dsat },\n      lum: { light: llum, dark: dlum },\n      alpha: { light: lalpha, dark: dalpha }\n    };\n  });\n  return anchors;\n}\nfunction spreadIndex(maxIndex, numItems, index) {\n  return Math.round(index / (numItems - 1) * maxIndex);\n}\nfunction coerceSimplePaletteToSchemePalette(def) {\n  return Array.isArray(def) ? getSchemePalette(def) : def;\n}\nfunction getThemesPalettes(props) {\n  const base = coerceSimplePaletteToSchemePalette(props.base.palette);\n  const accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null;\n  const baseAnchors = getAnchors(base);\n  function getSubThemesPalettes(defs, isGrandChildren = false) {\n    return Object.fromEntries(\n      Object.entries(defs).map(([key, value]) => {\n        if (isGrandChildren && key === \"accent\" && !value.palette) {\n          return null;\n        }\n        return [\n          key,\n          {\n            name: key,\n            anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors\n          }\n        ];\n      }).filter(Boolean)\n    );\n  }\n  return {\n    base: {\n      name: \"base\",\n      anchors: baseAnchors\n    },\n    ...accent && {\n      accent: {\n        name: \"accent\",\n        anchors: getAnchors(accent)\n      }\n    },\n    ...props.childrenThemes && getSubThemesPalettes(props.childrenThemes, false),\n    ...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes, true)\n  };\n}\nconst getComponentThemes = (components) => {\n  return Object.fromEntries(\n    Object.entries(components).map(([componentName, { template }]) => {\n      return [\n        componentName,\n        {\n          parent: \"\",\n          template: template || \"base\"\n        }\n      ];\n    })\n  );\n};\nfunction createPalettes(palettes) {\n  const accentPalettes = palettes.accent ? getThemeSuitePalettes(palettes.accent) : null;\n  const basePalettes = getThemeSuitePalettes(palettes.base);\n  const next = Object.fromEntries(\n    Object.entries(palettes).flatMap(([name, palette]) => {\n      const palettes2 = getThemeSuitePalettes(palette);\n      const isAccent = name.startsWith(\"accent\");\n      const oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes;\n      if (!oppositePalettes) {\n        return [];\n      }\n      const oppositeLight = oppositePalettes.light;\n      const oppositeDark = oppositePalettes.dark;\n      const bgOffset = 7;\n      const out = [\n        [\n          name === \"base\" ? \"light\" : `light_${name}`,\n          [\n            oppositeLight[bgOffset],\n            ...palettes2.light,\n            oppositeLight[oppositeLight.length - bgOffset - 1]\n          ]\n        ],\n        [\n          name === \"base\" ? \"dark\" : `dark_${name}`,\n          [\n            oppositeDark[oppositeDark.length - bgOffset - 1],\n            ...palettes2.dark,\n            oppositeDark[bgOffset]\n          ]\n        ]\n      ];\n      return out;\n    })\n  );\n  return next;\n}\nfunction createV4ThemeBuilder(props) {\n  const {\n    getTheme,\n    extra,\n    accentExtra,\n    childrenThemes = null,\n    grandChildrenThemes = null,\n    templates = defaultTemplates,\n    palettes = defaultPalettes,\n    accentTheme,\n    componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0\n  } = props;\n  let themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addThemes({\n    light: {\n      template: \"base\",\n      palette: \"light\",\n      nonInheritedValues: {\n        ...extra?.light,\n        ...accentTheme && palettes.light_accent && {\n          accent1: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 0],\n          accent2: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 1],\n          accent3: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 2],\n          accent4: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 3],\n          accent5: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 4],\n          accent6: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 5],\n          accent7: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 6],\n          accent8: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 7],\n          accent9: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 8],\n          accent10: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 9],\n          accent11: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 10],\n          accent12: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 11]\n        }\n      }\n    },\n    dark: {\n      template: \"base\",\n      palette: \"dark\",\n      nonInheritedValues: {\n        ...extra?.dark,\n        ...accentTheme && palettes.dark_accent && {\n          accent1: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 0],\n          accent2: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 1],\n          accent3: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 2],\n          accent4: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 3],\n          accent5: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 4],\n          accent6: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 5],\n          accent7: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 6],\n          accent8: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 7],\n          accent9: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 8],\n          accent10: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 9],\n          accent11: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 10],\n          accent12: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 11]\n        }\n      }\n    }\n  });\n  if (childrenThemes) {\n    themeBuilder = themeBuilder.addChildThemes(childrenThemes, {\n      avoidNestingWithin: [\"accent\"]\n    });\n  }\n  if (grandChildrenThemes) {\n    themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {\n      avoidNestingWithin: [\"accent\"]\n    });\n  }\n  if (palettes.light_accent) {\n    themeBuilder = themeBuilder.addChildThemes(\n      {\n        accent: [\n          {\n            parent: \"light\",\n            template: \"base\",\n            palette: \"light_accent\",\n            nonInheritedValues: accentExtra?.light\n          },\n          {\n            parent: \"dark\",\n            template: \"base\",\n            palette: \"dark_accent\",\n            nonInheritedValues: accentExtra?.dark\n          }\n        ]\n      },\n      {\n        avoidNestingWithin: Object.keys(childrenThemes || {})\n      }\n    );\n  }\n  if (componentThemes) {\n    themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {\n      avoidNestingWithin: Object.keys(grandChildrenThemes || {})\n    });\n  }\n  if (getTheme) {\n    themeBuilder = themeBuilder.getTheme(getTheme);\n  }\n  return {\n    themeBuilder,\n    themes: themeBuilder.build()\n  };\n}\nexport {\n  createPalettes,\n  createSimpleThemeBuilder,\n  createThemes,\n  createV4ThemeBuilder,\n  createV4Themes,\n  getComponentThemes,\n  getLastBuilder\n};\n//# sourceMappingURL=createThemes.js.map\n"],"mappings":";;;;;;;AAKA,SAAS,aAAa,OAAO;CAC3B,MAAM,EACJ,QACA,gBACA,qBACA,YAAY,kBACZ,iBACA,aACE;CACJ,MAAM,UAAU,yBAAyB;EACvC,OAAO,MAAM,KAAK;EAClB,aAAa,QAAQ;EACrB;EACA,UAAU,eAAe,kBAAkB,KAAK,CAAC;EACjD;EACA,aAAa,CAAC,CAAC;EACf,gBAAgB,mBAAmB,cAAc;EACjD,qBAAqB,sBAAsB,mBAAmB,mBAAmB,IAAI,KAAK;EAC1F;CACF,CAAC;CACD,cAAc,QAAQ;CACtB,OAAO,QAAQ;AACjB;AACA,IAAI,cAAc;AAClB,MAAM,uBAAuB;AAC7B,SAAS,eAAe,OAAO;CAC7B,MAAM,EACJ,QACA,gBACA,qBACA,YAAY,kBACZ,iBACA,aACE;CACJ,MAAM,UAAU,qBAAqB;EACnC,OAAO,MAAM,KAAK;EAClB,aAAa,QAAQ;EACrB;EACA,UAAU,eAAe,kBAAkB,KAAK,CAAC;EACjD;EACA,aAAa,CAAC,CAAC;EACf,gBAAgB,mBAAmB,cAAc;EACjD,qBAAqB,sBAAsB,mBAAmB,mBAAmB,IAAI,KAAK;EAC1F;CACF,CAAC;CACD,cAAc,QAAQ;CACtB,OAAO,QAAQ;AACjB;AACA,SAAS,mBAAmB,MAAM;CAChC,OAAO,OAAO,YACZ,OAAO,QAAQ,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,WAAW;EAChD,MAAM,aAAa,MAAM,YAAY,KAAK;EAC1C,OAAO,CACL,MACA;GAEE,GAAG,aAAa,EAAE,SAAS,KAAK,IAAI,CAAC;GACrC,UAAU,MAAM,YAAY;EAC9B,CACF;CACF,CAAC,CACH;AACF;AACA,MAAM,kBAAkB,eACtB,kBAAkB;CAChB,MAAM,EACJ,SAAS,CAAC,QAAQ,MAAM,EAC1B;CACA,QAAQ,EACN,SAAS,CAAC,WAAW,SAAS,EAChC;AACF,CAAC,CACH;AACA,SAAS,yBAAyB,OAAO;CACvC,MAAM,EACJ,UACA,OACA,aACA,iBAAiB,MACjB,sBAAsB,MACtB,YAAY,kBACZ,WAAW,iBACX,aACA,kBAAkB,cAAc,mBAAmB,yBAAyB,KAAK,MAC/E;CACJ,IAAI,eAAe,mBAAmB,EAAE,YAAY,QAAQ,EAAE,aAAa,SAAS,EAAE,UAAU;EAC9F,OAAO;GACL,UAAU;GACV,SAAS;GACT,oBAAoB;IAClB,GAAG,OAAO;IACV,GAAG,eAAe,SAAS,gBAAgB;KACzC,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,UAAU,SAAS,aAAa,4BAA4B;KAC5D,UAAU,SAAS,aAAa,4BAA4B;KAC5D,UAAU,SAAS,aAAa,4BAA4B;IAC9D;GACF;EACF;EACA,MAAM;GACJ,UAAU;GACV,SAAS;GACT,oBAAoB;IAClB,GAAG,OAAO;IACV,GAAG,eAAe,SAAS,eAAe;KACxC,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,UAAU,SAAS,YAAY,4BAA4B;KAC3D,UAAU,SAAS,YAAY,4BAA4B;KAC3D,UAAU,SAAS,YAAY,4BAA4B;IAC7D;GACF;EACF;CACF,CAAC;CACD,IAAI,SAAS,cAAc;EACzB,eAAe,aAAa,eAAe,EACzC,QAAQ,CACN;GACE,QAAQ;GACR,UAAU;GACV,SAAS;GACT,oBAAoB,aAAa;EACnC,GACA;GACE,QAAQ;GACR,UAAU;GACV,SAAS;GACT,oBAAoB,aAAa;EACnC,CACF,EACF,CAAC;CACH;CACA,IAAI,gBAAgB;EAClB,eAAe,aAAa,eAAe,gBAAgB,EACzD,oBAAoB,CAAC,QAAQ,EAC/B,CAAC;CACH;CACA,IAAI,qBAAqB;EACvB,eAAe,aAAa,eAAe,qBAAqB,EAC9D,oBAAoB,CAAC,QAAQ,EAC/B,CAAC;CACH;CACA,IAAI,iBAAiB;EACnB,eAAe,aAAa,mBAAmB,mBAAmB,eAAe,GAAG,EAClF,oBAAoB,OAAO,KAAK,uBAAuB,CAAC,CAAC,EAC3D,CAAC;CACH;CACA,IAAI,UAAU;EACZ,eAAe,aAAa,SAAS,QAAQ;CAC/C;CACA,OAAO;EACL;EACA,QAAQ,aAAa,MAAM;CAC7B;AACF;AACA,SAAS,iBAAiB,QAAQ;CAChC,OAAO;EACL,OAAO;EACP,MAAM,CAAC,GAAG,MAAM,EAAE,QAAQ;CAC5B;AACF;AACA,SAAS,WAAW,SAAS;CAC3B,MAAM,WAAW;CACjB,MAAM,WAAW,QAAQ,MAAM;CAC/B,MAAM,UAAU,QAAQ,MAAM,KAAK,QAAQ,UAAU;EACnD,MAAM,SAAS,QAAQ,KAAK;EAC5B,MAAM,CAAC,MAAM,MAAM,MAAM,UAAU,YAAY,MAAM;EACrD,MAAM,CAAC,MAAM,MAAM,MAAM,UAAU,YAAY,MAAM;EACrD,OAAO;GACL,OAAO,YAAY,UAAU,UAAU,KAAK;GAC5C,KAAK;IAAE,OAAO;IAAM,MAAM;GAAK;GAC/B,KAAK;IAAE,OAAO;IAAM,MAAM;GAAK;GAC/B,KAAK;IAAE,OAAO;IAAM,MAAM;GAAK;GAC/B,OAAO;IAAE,OAAO;IAAQ,MAAM;GAAO;EACvC;CACF,CAAC;CACD,OAAO;AACT;AACA,SAAS,YAAY,UAAU,UAAU,OAAO;CAC9C,OAAO,KAAK,MAAM,SAAS,WAAW,KAAK,QAAQ;AACrD;AACA,SAAS,mCAAmC,KAAK;CAC/C,OAAO,MAAM,QAAQ,GAAG,IAAI,iBAAiB,GAAG,IAAI;AACtD;AACA,SAAS,kBAAkB,OAAO;CAChC,MAAM,OAAO,mCAAmC,MAAM,KAAK,OAAO;CAClE,MAAM,SAAS,MAAM,SAAS,mCAAmC,MAAM,OAAO,OAAO,IAAI;CACzF,MAAM,cAAc,WAAW,IAAI;CACnC,SAAS,qBAAqB,MAAM,kBAAkB,OAAO;EAC3D,OAAO,OAAO,YACZ,OAAO,QAAQ,IAAI,EAAE,KAAK,CAAC,KAAK,WAAW;GACzC,IAAI,mBAAmB,QAAQ,YAAY,CAAC,MAAM,SAAS;IACzD,OAAO;GACT;GACA,OAAO,CACL,KACA;IACE,MAAM;IACN,SAAS,MAAM,UAAU,WAAW,mCAAmC,MAAM,OAAO,CAAC,IAAI;GAC3F,CACF;EACF,CAAC,EAAE,OAAO,OAAO,CACnB;CACF;CACA,OAAO;EACL,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,GAAG,UAAU,EACX,QAAQ;GACN,MAAM;GACN,SAAS,WAAW,MAAM;EAC5B,EACF;EACA,GAAG,MAAM,kBAAkB,qBAAqB,MAAM,gBAAgB,KAAK;EAC3E,GAAG,MAAM,uBAAuB,qBAAqB,MAAM,qBAAqB,IAAI;CACtF;AACF;AACA,MAAM,sBAAsB,eAAe;CACzC,OAAO,OAAO,YACZ,OAAO,QAAQ,UAAU,EAAE,KAAK,CAAC,eAAe,EAAE,gBAAgB;EAChE,OAAO,CACL,eACA;GACE,QAAQ;GACR,UAAU,YAAY;EACxB,CACF;CACF,CAAC,CACH;AACF;AACA,SAAS,eAAe,UAAU;CAChC,MAAM,iBAAiB,SAAS,SAAS,sBAAsB,SAAS,MAAM,IAAI;CAClF,MAAM,eAAe,sBAAsB,SAAS,IAAI;CACxD,MAAM,OAAO,OAAO,YAClB,OAAO,QAAQ,QAAQ,EAAE,SAAS,CAAC,MAAM,aAAa;EACpD,MAAM,YAAY,sBAAsB,OAAO;EAC/C,MAAM,WAAW,KAAK,WAAW,QAAQ;EACzC,MAAM,mBAAmB,WAAW,eAAe,kBAAkB;EACrE,IAAI,CAAC,kBAAkB;GACrB,OAAO,CAAC;EACV;EACA,MAAM,gBAAgB,iBAAiB;EACvC,MAAM,eAAe,iBAAiB;EACtC,MAAM,WAAW;EACjB,MAAM,MAAM,CACV,CACE,SAAS,SAAS,UAAU,SAAS,QACrC;GACE,cAAc;GACd,GAAG,UAAU;GACb,cAAc,cAAc,SAAS,WAAW;EAClD,CACF,GACA,CACE,SAAS,SAAS,SAAS,QAAQ,QACnC;GACE,aAAa,aAAa,SAAS,WAAW;GAC9C,GAAG,UAAU;GACb,aAAa;EACf,CACF,CACF;EACA,OAAO;CACT,CAAC,CACH;CACA,OAAO;AACT;AACA,SAAS,qBAAqB,OAAO;CACnC,MAAM,EACJ,UACA,OACA,aACA,iBAAiB,MACjB,sBAAsB,MACtB,YAAY,kBACZ,WAAW,iBACX,aACA,kBAAkB,cAAc,mBAAmB,yBAAyB,KAAK,MAC/E;CACJ,IAAI,eAAe,mBAAmB,EAAE,YAAY,QAAQ,EAAE,aAAa,SAAS,EAAE,UAAU;EAC9F,OAAO;GACL,UAAU;GACV,SAAS;GACT,oBAAoB;IAClB,GAAG,OAAO;IACV,GAAG,eAAe,SAAS,gBAAgB;KACzC,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,SAAS,SAAS,aAAa,4BAA4B;KAC3D,UAAU,SAAS,aAAa,4BAA4B;KAC5D,UAAU,SAAS,aAAa,4BAA4B;KAC5D,UAAU,SAAS,aAAa,4BAA4B;IAC9D;GACF;EACF;EACA,MAAM;GACJ,UAAU;GACV,SAAS;GACT,oBAAoB;IAClB,GAAG,OAAO;IACV,GAAG,eAAe,SAAS,eAAe;KACxC,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,SAAS,SAAS,YAAY,4BAA4B;KAC1D,UAAU,SAAS,YAAY,4BAA4B;KAC3D,UAAU,SAAS,YAAY,4BAA4B;KAC3D,UAAU,SAAS,YAAY,4BAA4B;IAC7D;GACF;EACF;CACF,CAAC;CACD,IAAI,gBAAgB;EAClB,eAAe,aAAa,eAAe,gBAAgB,EACzD,oBAAoB,CAAC,QAAQ,EAC/B,CAAC;CACH;CACA,IAAI,qBAAqB;EACvB,eAAe,aAAa,eAAe,qBAAqB,EAC9D,oBAAoB,CAAC,QAAQ,EAC/B,CAAC;CACH;CACA,IAAI,SAAS,cAAc;EACzB,eAAe,aAAa,eAC1B,EACE,QAAQ,CACN;GACE,QAAQ;GACR,UAAU;GACV,SAAS;GACT,oBAAoB,aAAa;EACnC,GACA;GACE,QAAQ;GACR,UAAU;GACV,SAAS;GACT,oBAAoB,aAAa;EACnC,CACF,EACF,GACA,EACE,oBAAoB,OAAO,KAAK,kBAAkB,CAAC,CAAC,EACtD,CACF;CACF;CACA,IAAI,iBAAiB;EACnB,eAAe,aAAa,mBAAmB,mBAAmB,eAAe,GAAG,EAClF,oBAAoB,OAAO,KAAK,uBAAuB,CAAC,CAAC,EAC3D,CAAC;CACH;CACA,IAAI,UAAU;EACZ,eAAe,aAAa,SAAS,QAAQ;CAC/C;CACA,OAAO;EACL;EACA,QAAQ,aAAa,MAAM;CAC7B;AACF"}

package/dist/esm/theme-builder/createThemes.native.js

@@ -0,0 +1,318 @@
+import { parseToHsla } from "color2k";
+import { defaultComponentThemes } from "./defaultComponentThemes.native.js";
+import { defaultTemplates } from "./defaultTemplates.native.js";
+import { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes } from "./getThemeSuitePalettes.native.js";
+import { createThemeBuilder } from "./ThemeBuilder.native.js";
+
+function createThemes(props) {
+	var { accent, childrenThemes, grandChildrenThemes, templates = 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;
+var getLastBuilder = function() {
+	return lastBuilder;
+};
+function createV4Themes(props) {
+	var { accent, childrenThemes, grandChildrenThemes, templates = 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;
+		var hasPalette = value.palette !== void 0;
+		return [name, {
+			...hasPalette ? { palette: name } : {},
+			template: value.template || "base"
+		}];
+	}));
+}
+var defaultPalettes = createPalettes(getThemesPalettes({
+	base: { palette: ["#fff", "#000"] },
+	accent: { palette: ["#ff0000", "#ff9999"] }
+}));
+function createSimpleThemeBuilder(props) {
+	var { getTheme, extra, accentExtra, childrenThemes = null, grandChildrenThemes = null, templates = defaultTemplates, palettes = defaultPalettes, accentTheme, componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0 } = props;
+	var 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[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 === null || extra === void 0 ? void 0 : 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]
+				}
+			}
+		}
+	});
+	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
+		}] });
+	}
+	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()
+	};
+}
+function getSchemePalette(colors) {
+	return {
+		light: colors,
+		dark: [...colors].reverse()
+	};
+}
+function getAnchors(palette) {
+	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] = parseToHsla(lcolor);
+		var [dhue, dsat, dlum, dalpha] = 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) {
+	return Math.round(index / (numItems - 1) * maxIndex);
+}
+function coerceSimplePaletteToSchemePalette(def) {
+	return Array.isArray(def) ? getSchemePalette(def) : def;
+}
+function getThemesPalettes(props) {
+	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] : false;
+		return Object.fromEntries(Object.entries(defs).map(function(param) {
+			var [key, value] = param;
+			if (isGrandChildren && key === "accent" && !value.palette) {
+				return null;
+			}
+			return [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, false),
+		...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes, true)
+	};
+}
+var getComponentThemes = function(components) {
+	return Object.fromEntries(Object.entries(components).map(function(param) {
+		var [componentName, { template }] = param;
+		return [componentName, {
+			parent: "",
+			template: template || "base"
+		}];
+	}));
+};
+function createPalettes(palettes) {
+	var accentPalettes = palettes.accent ? getThemeSuitePalettes(palettes.accent) : null;
+	var basePalettes = getThemeSuitePalettes(palettes.base);
+	var next = Object.fromEntries(Object.entries(palettes).flatMap(function(param) {
+		var [name, palette] = param;
+		var _$palettes = 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 = defaultTemplates, palettes = defaultPalettes, accentTheme, componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0 } = props;
+	var 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[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 === null || extra === void 0 ? void 0 : 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]
+				}
+			}
+		}
+	});
+	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
+		}] }, { 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()
+	};
+}
+
+export { createPalettes, createSimpleThemeBuilder, createThemes, createV4ThemeBuilder, createV4Themes, getComponentThemes, getLastBuilder };
+//# sourceMappingURL=createThemes.native.js.map