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

package/dist/cjs/theme-builder/createStudioThemes.cjs

@@ -0,0 +1,39 @@
+
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createStudioThemes_exports = {};
+__export(createStudioThemes_exports, { createStudioThemes: () => createStudioThemes });
+module.exports = __toCommonJS(createStudioThemes_exports);
+var import_createThemes = require("./createThemes.cjs");
+var import_defaultComponentThemes = require("./defaultComponentThemes.cjs");
+var import_defaultTemplates = require("./defaultTemplates.cjs");
+var import_defaultTemplatesStronger = require("./defaultTemplatesStronger.cjs");
+var import_defaultTemplatesStrongest = require("./defaultTemplatesStrongest.cjs");
+function createStudioThemes(props) {
+	const palettes = (0, import_createThemes.createPalettes)(props.palettes);
+	const templates = props.templateStrategy === "stronger" ? import_defaultTemplatesStronger.defaultTemplatesStronger : props.templateStrategy === "strongest" ? import_defaultTemplatesStrongest.defaultTemplatesStrongest : import_defaultTemplates.defaultTemplates;
+	return (0, import_createThemes.createSimpleThemeBuilder)({
+		palettes,
+		templates,
+		componentThemes: import_defaultComponentThemes.defaultComponentThemes,
+		accentTheme: !!props.palettes.accent
+	});
+}

package/dist/cjs/theme-builder/createStudioThemes.native.cjs

@@ -0,0 +1,41 @@
+"use strict";
+
+
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createStudioThemes_exports = {};
+__export(createStudioThemes_exports, { createStudioThemes: () => createStudioThemes });
+module.exports = __toCommonJS(createStudioThemes_exports);
+var import_createThemes = require("./createThemes.native.js");
+var import_defaultComponentThemes = require("./defaultComponentThemes.native.js");
+var import_defaultTemplates = require("./defaultTemplates.native.js");
+var import_defaultTemplatesStronger = require("./defaultTemplatesStronger.native.js");
+var import_defaultTemplatesStrongest = require("./defaultTemplatesStrongest.native.js");
+function createStudioThemes(props) {
+	var palettes = (0, import_createThemes.createPalettes)(props.palettes);
+	var templates = props.templateStrategy === "stronger" ? import_defaultTemplatesStronger.defaultTemplatesStronger : props.templateStrategy === "strongest" ? import_defaultTemplatesStrongest.defaultTemplatesStrongest : import_defaultTemplates.defaultTemplates;
+	return (0, import_createThemes.createSimpleThemeBuilder)({
+		palettes,
+		templates,
+		componentThemes: import_defaultComponentThemes.defaultComponentThemes,
+		accentTheme: !!props.palettes.accent
+	});
+}

package/dist/cjs/theme-builder/createStudioThemes.native.js

@@ -0,0 +1,43 @@
+"use strict";
+
+
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createStudioThemes_exports = {};
+__export(createStudioThemes_exports, { createStudioThemes: () => createStudioThemes });
+module.exports = __toCommonJS(createStudioThemes_exports);
+var import_createThemes = require("./createThemes.native.js");
+var import_defaultComponentThemes = require("./defaultComponentThemes.native.js");
+var import_defaultTemplates = require("./defaultTemplates.native.js");
+var import_defaultTemplatesStronger = require("./defaultTemplatesStronger.native.js");
+var import_defaultTemplatesStrongest = require("./defaultTemplatesStrongest.native.js");
+function createStudioThemes(props) {
+	var palettes = (0, import_createThemes.createPalettes)(props.palettes);
+	var templates = props.templateStrategy === "stronger" ? import_defaultTemplatesStronger.defaultTemplatesStronger : props.templateStrategy === "strongest" ? import_defaultTemplatesStrongest.defaultTemplatesStrongest : import_defaultTemplates.defaultTemplates;
+	return (0, import_createThemes.createSimpleThemeBuilder)({
+		palettes,
+		templates,
+		componentThemes: import_defaultComponentThemes.defaultComponentThemes,
+		accentTheme: !!props.palettes.accent
+	});
+}
+
+//# sourceMappingURL=createStudioThemes.native.js.map

package/dist/cjs/theme-builder/createStudioThemes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStudioThemes.native.js","names":[],"sources":["cjs/theme-builder/createStudioThemes.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar createStudioThemes_exports = {};\n__export(createStudioThemes_exports, {\n  createStudioThemes: () => createStudioThemes\n});\nmodule.exports = __toCommonJS(createStudioThemes_exports);\nvar import_createThemes = require(\"./createThemes\");\nvar import_defaultComponentThemes = require(\"./defaultComponentThemes\");\nvar import_defaultTemplates = require(\"./defaultTemplates\");\nvar import_defaultTemplatesStronger = require(\"./defaultTemplatesStronger\");\nvar import_defaultTemplatesStrongest = require(\"./defaultTemplatesStrongest\");\nfunction createStudioThemes(props) {\n  var palettes = (0, import_createThemes.createPalettes)(props.palettes);\n  var templates = props.templateStrategy === \"stronger\" ? import_defaultTemplatesStronger.defaultTemplatesStronger : props.templateStrategy === \"strongest\" ? import_defaultTemplatesStrongest.defaultTemplatesStrongest : import_defaultTemplates.defaultTemplates;\n  return (0, import_createThemes.createSimpleThemeBuilder)({\n    palettes,\n    templates,\n    componentThemes: import_defaultComponentThemes.defaultComponentThemes,\n    accentTheme: !!props.palettes.accent\n  });\n}\n//# sourceMappingURL=createStudioThemes.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,6BAA6B,CAAC;AAClC,SAAS,4BAA4B,EACnC,0BAA0B,mBAC5B,CAAC;AACD,OAAO,UAAU,aAAa,0BAA0B;AACxD,IAAI,sBAAsB,QAAQ,0BAAgB;AAClD,IAAI,gCAAgC,QAAQ,oCAA0B;AACtE,IAAI,0BAA0B,QAAQ,8BAAoB;AAC1D,IAAI,kCAAkC,QAAQ,sCAA4B;AAC1E,IAAI,mCAAmC,QAAQ,uCAA6B;AAC5E,SAAS,mBAAmB,OAAO;CACjC,IAAI,YAAY,GAAG,oBAAoB,gBAAgB,MAAM,QAAQ;CACrE,IAAI,YAAY,MAAM,qBAAqB,aAAa,gCAAgC,2BAA2B,MAAM,qBAAqB,cAAc,iCAAiC,4BAA4B,wBAAwB;CACjP,QAAQ,GAAG,oBAAoB,0BAA0B;EACvD;EACA;EACA,iBAAiB,8BAA8B;EAC/C,aAAa,CAAC,CAAC,MAAM,SAAS;CAChC,CAAC;AACH"}

package/dist/cjs/theme-builder/createThemes.cjs

@@ -0,0 +1,339 @@
+
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createThemes_exports = {};
+__export(createThemes_exports, {
+	createPalettes: () => createPalettes,
+	createSimpleThemeBuilder: () => createSimpleThemeBuilder,
+	createThemes: () => createThemes,
+	createV4ThemeBuilder: () => createV4ThemeBuilder,
+	createV4Themes: () => createV4Themes,
+	getComponentThemes: () => getComponentThemes,
+	getLastBuilder: () => getLastBuilder
+});
+module.exports = __toCommonJS(createThemes_exports);
+var import_color2k = require("color2k");
+var import_defaultComponentThemes = require("./defaultComponentThemes.cjs");
+var import_defaultTemplates = require("./defaultTemplates.cjs");
+var import_getThemeSuitePalettes = require("./getThemeSuitePalettes.cjs");
+var import_ThemeBuilder = require("./ThemeBuilder.cjs");
+function createThemes(props) {
+	const { accent, childrenThemes, grandChildrenThemes, templates = import_defaultTemplates.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 = import_defaultTemplates.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 = import_defaultTemplates.defaultTemplates, palettes = defaultPalettes, accentTheme, componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0 } = props;
+	let 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]
+				}
+			}
+		}
+	});
+	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] = (0, import_color2k.parseToHsla)(lcolor);
+		const [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) {
+	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 ? (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.accent) : null;
+	const basePalettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.base);
+	const next = Object.fromEntries(Object.entries(palettes).flatMap(([name, palette]) => {
+		const palettes2 = (0, import_getThemeSuitePalettes.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 = import_defaultTemplates.defaultTemplates, palettes = defaultPalettes, accentTheme, componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0 } = props;
+	let 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]
+				}
+			}
+		}
+	});
+	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()
+	};
+}