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

package/dist/esm/v5/v5-themes.mjs

@@ -0,0 +1,352 @@
+import { blue, blueDark, gray, grayDark, green, greenDark, orange, orangeDark, pink, pinkDark, purple, purpleDark, red, redDark, teal, tealDark, yellow, yellowDark } from "@tamagui/colors";
+import { createThemes } from "../theme-builder/index.mjs";
+import { interpolateColor, opacify, opacify as opacify2 } from "./opacify.mjs";
+import { v5Templates } from "./v5-templates.mjs";
+
+const V5_BG_OFFSET = 6 + 1;
+const v5ComponentThemes = {
+	Button: { template: "surface2" },
+	Input: { template: "surface1" },
+	Progress: { template: "surface1" },
+	ProgressIndicator: { template: "surface3" },
+	Slider: { template: "surface1" },
+	SliderActive: { template: "surface3" },
+	SliderThumb: { template: "surface2" },
+	Switch: { template: "surface2" },
+	TextArea: { template: "surface1" },
+	Tooltip: { template: "accent" },
+	SwitchThumb: { template: "accent" }
+};
+const v5ComponentThemesWithInverses = {
+	...v5ComponentThemes,
+	ProgressIndicator: { template: "accent" },
+	SliderThumb: { template: "accent" },
+	Tooltip: { template: "accent" }
+};
+const v5GrandchildrenThemes = {
+	accent: { template: "accent" },
+	surface1: { template: "surface1" },
+	surface2: { template: "surface2" }
+};
+function parseHSL(str) {
+	const m = str.match(/hsl\((\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?)%,\s*(\d+(?:\.\d+)?)%\)/);
+	return m ? {
+		h: +m[1],
+		s: +m[2],
+		l: +m[3]
+	} : null;
+}
+function parseHex(str) {
+	if (!str.startsWith("#")) return null;
+	let hex = str.slice(1);
+	if (hex.length === 3) {
+		hex = hex.split("").map((c) => c + c).join("");
+	}
+	if (hex.length !== 6) return null;
+	const r = Number.parseInt(hex.slice(0, 2), 16) / 255;
+	const g = Number.parseInt(hex.slice(2, 4), 16) / 255;
+	const b = Number.parseInt(hex.slice(4, 6), 16) / 255;
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	const l = (max + min) / 2;
+	if (max === min) {
+		return {
+			h: 0,
+			s: 0,
+			l: l * 100
+		};
+	}
+	const d = max - min;
+	const s = l > .5 ? d / (2 - max - min) : d / (max + min);
+	let h = 0;
+	if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+	else if (max === g) h = ((b - r) / d + 2) / 6;
+	else h = ((r - g) / d + 4) / 6;
+	return {
+		h: Math.round(h * 360),
+		s: s * 100,
+		l: l * 100
+	};
+}
+function parseColor(str) {
+	return parseHSL(str) ?? parseHex(str);
+}
+function hslToString(hsl) {
+	return `hsl(${hsl.h}, ${Math.round(Math.min(100, Math.max(0, hsl.s)))}%, ${Math.round(Math.min(100, Math.max(0, hsl.l)))}%)`;
+}
+function adjustPalette(palette, fn) {
+	const out = {};
+	const keys = Object.keys(palette);
+	for (let i = 0; i < keys.length; i++) {
+		const key = keys[i];
+		const parsed = parseColor(palette[key]);
+		if (!parsed) {
+			out[key] = palette[key];
+			continue;
+		}
+		out[key] = hslToString(fn(parsed, i + 1));
+	}
+	return out;
+}
+const identity = (hsl) => hsl;
+function adjustPalettes(themes, adjustments) {
+	const result = {};
+	for (const [name, theme] of Object.entries(themes)) {
+		const adj = adjustments[name] ?? adjustments.default;
+		if (!adj) {
+			;
+			result[name] = theme;
+			continue;
+		}
+		;
+		result[name] = {
+			light: adjustPalette(theme.light, adj.light ?? identity),
+			dark: adjustPalette(theme.dark, adj.dark ?? identity)
+		};
+	}
+	return result;
+}
+function paletteToNamedColors(name, palette) {
+	return Object.fromEntries(palette.map((color, i) => [`${name}${i + 1}`, color]));
+}
+const darkPalette = [
+	"#090909",
+	"#151515",
+	"#191919",
+	"#232323",
+	"#333",
+	"#444",
+	"#666",
+	"#777",
+	"#858585",
+	"#aaa",
+	"#ccc",
+	"#ffffff"
+];
+const lightPalette = [
+	"#fff",
+	"#f8f8f8",
+	"hsl(0, 0%, 93%)",
+	"hsl(0, 0%, 85%)",
+	"hsl(0, 0%, 80%)",
+	"hsl(0, 0%, 70%)",
+	"hsl(0, 0%, 59%)",
+	"hsl(0, 0%, 45%)",
+	"hsl(0, 0%, 30%)",
+	"hsl(0, 0%, 20%)",
+	"hsl(0, 0%, 14%)",
+	"hsl(0, 0%, 2%)"
+];
+const neutralPalette = [
+	"hsl(0, 0%, 68%)",
+	"hsl(0, 0%, 65%)",
+	"hsl(0, 0%, 62%)",
+	"hsl(0, 0%, 59%)",
+	"hsl(0, 0%, 56%)",
+	"hsl(0, 0%, 53%)",
+	"hsl(0, 0%, 50%)",
+	"hsl(0, 0%, 47%)",
+	"hsl(0, 0%, 44%)",
+	"hsl(0, 0%, 41%)",
+	"hsl(0, 0%, 38%)",
+	"hsl(0, 0%, 32%)"
+];
+const neutral = paletteToNamedColors("neutral", neutralPalette);
+const whiteBlack = {
+	white: "rgba(255,255,255,1)",
+	white0: "rgba(255,255,255,0)",
+	white02: "rgba(255,255,255,0.2)",
+	white04: "rgba(255,255,255,0.4)",
+	white06: "rgba(255,255,255,0.6)",
+	white08: "rgba(255,255,255,0.8)",
+	black: "rgba(0,0,0,1)",
+	black0: "rgba(0,0,0,0)",
+	black02: "rgba(0,0,0,0.2)",
+	black04: "rgba(0,0,0,0.4)",
+	black06: "rgba(0,0,0,0.6)",
+	black08: "rgba(0,0,0,0.8)"
+};
+const darkShadows = {
+	shadow1: "rgba(0,0,0,0.15)",
+	shadow2: "rgba(0,0,0,0.23)",
+	shadow3: "rgba(0,0,0,0.33)",
+	shadow4: "rgba(0,0,0,0.45)",
+	shadow5: "rgba(0,0,0,0.65)",
+	shadow6: "rgba(0,0,0,0.8)",
+	shadow7: "rgba(0,0,0,0.9)",
+	shadow8: "rgba(0,0,0,1)"
+};
+const lightShadows = {
+	shadow1: "rgba(0,0,0,0.04)",
+	shadow2: "rgba(0,0,0,0.08)",
+	shadow3: "rgba(0,0,0,0.12)",
+	shadow4: "rgba(0,0,0,0.22)",
+	shadow5: "rgba(0,0,0,0.33)",
+	shadow6: "rgba(0,0,0,0.44)",
+	shadow7: "rgba(0,0,0,0.6)",
+	shadow8: "rgba(0,0,0,0.75)"
+};
+const darkHighlights = {
+	highlight1: "rgba(255,255,255,0.1)",
+	highlight2: "rgba(255,255,255,0.2)",
+	highlight3: "rgba(255,255,255,0.3)",
+	highlight4: "rgba(255,255,255,0.45)",
+	highlight5: "rgba(255,255,255,0.65)",
+	highlight6: "rgba(255,255,255,0.85)",
+	highlight7: "rgba(255,255,255,0.95)",
+	highlight8: "rgba(255,255,255,1)"
+};
+const lightHighlights = {
+	highlight1: "rgba(255,255,255,0.05)",
+	highlight2: "rgba(255,255,255,0.1)",
+	highlight3: "rgba(255,255,255,0.15)",
+	highlight4: "rgba(255,255,255,0.3)",
+	highlight5: "rgba(255,255,255,0.4)",
+	highlight6: "rgba(255,255,255,0.55)",
+	highlight7: "rgba(255,255,255,0.7)",
+	highlight8: "rgba(255,255,255,0.85)"
+};
+const defaultChildrenThemes = {
+	gray: {
+		light: gray,
+		dark: grayDark
+	},
+	blue: {
+		light: blue,
+		dark: blueDark
+	},
+	red: {
+		light: red,
+		dark: redDark
+	},
+	yellow: {
+		light: yellow,
+		dark: yellowDark
+	},
+	green: {
+		light: green,
+		dark: greenDark
+	},
+	orange: {
+		light: orange,
+		dark: orangeDark
+	},
+	pink: {
+		light: pink,
+		dark: pinkDark
+	},
+	purple: {
+		light: purple,
+		dark: purpleDark
+	},
+	teal: {
+		light: teal,
+		dark: tealDark
+	},
+	neutral: {
+		light: neutral,
+		dark: neutral
+	}
+};
+function getDefaultV5ThemeValues({ palette }) {
+	if (!palette || palette.length < 3) {
+		throw new Error(`invalid palette: ${JSON.stringify(palette)}`);
+	}
+	const bgColor = palette[7];
+	const fgColor = palette[palette.length - 2];
+	return {
+		color01: opacify(fgColor, .1),
+		color0075: opacify(fgColor, .075),
+		color005: opacify(fgColor, .05),
+		color0025: opacify(fgColor, .025),
+		color002: opacify(fgColor, .02),
+		color001: opacify(fgColor, .01),
+		background01: opacify(bgColor, .1),
+		background0075: opacify(bgColor, .075),
+		background005: opacify(bgColor, .05),
+		background0025: opacify(bgColor, .025),
+		background002: opacify(bgColor, .02),
+		background001: opacify(bgColor, .01),
+		background02: opacify(bgColor, .2),
+		background04: opacify(bgColor, .4),
+		background06: opacify(bgColor, .6),
+		background08: opacify(bgColor, .8),
+		outlineColor: opacify(palette[7 + 4], .6)
+	};
+}
+function createV5Theme(options = {}) {
+	const { darkPalette: customDarkPalette = darkPalette, lightPalette: customLightPalette = lightPalette, accent: customAccent, childrenThemes = defaultChildrenThemes, grandChildrenThemes = v5GrandchildrenThemes, componentThemes: customComponentThemes = v5ComponentThemes, getTheme: userGetTheme } = options;
+	const blackColors = paletteToNamedColors("black", customDarkPalette);
+	const whiteColors = paletteToNamedColors("white", customLightPalette);
+	const extraBase = {
+		...blackColors,
+		...whiteColors,
+		...whiteBlack
+	};
+	const lightExtraBase = {
+		...extraBase,
+		...lightShadows,
+		...lightHighlights,
+		shadowColor: lightShadows.shadow3
+	};
+	const darkExtraBase = {
+		...extraBase,
+		...darkShadows,
+		...darkHighlights,
+		shadowColor: darkShadows.shadow3
+	};
+	const lightExtra = { ...lightExtraBase };
+	const darkExtra = { ...darkExtraBase };
+	for (const theme of Object.values(childrenThemes)) {
+		if (theme.light) Object.assign(lightExtra, theme.light);
+		if (theme.dark) Object.assign(darkExtra, theme.dark);
+	}
+	const childrenWithPalettes = {
+		black: { palette: {
+			dark: Object.values(blackColors),
+			light: Object.values(blackColors)
+		} },
+		white: { palette: {
+			dark: Object.values(whiteColors),
+			light: Object.values(whiteColors)
+		} },
+		...Object.fromEntries(Object.entries(childrenThemes).map(([name, theme]) => [name, { palette: {
+			light: Object.values(theme.light),
+			dark: Object.values(theme.dark)
+		} }]))
+	};
+	return createThemes({
+		componentThemes: customComponentThemes,
+		templates: v5Templates,
+		base: {
+			palette: {
+				dark: customDarkPalette,
+				light: customLightPalette
+			},
+			extra: {
+				light: lightExtra,
+				dark: darkExtra
+			}
+		},
+		accent: { palette: customAccent ? {
+			light: Object.values(customAccent.light),
+			dark: Object.values(customAccent.dark)
+		} : {
+			dark: customLightPalette,
+			light: customDarkPalette
+		} },
+		childrenThemes: childrenWithPalettes,
+		grandChildrenThemes,
+		getTheme: (props) => {
+			const builtInTheme = getDefaultV5ThemeValues(props);
+			const customTheme = userGetTheme?.(props);
+			return customTheme ? {
+				...builtInTheme,
+				...customTheme
+			} : builtInTheme;
+		}
+	});
+}
+
+export { V5_BG_OFFSET, adjustPalette, adjustPalettes, createV5Theme, defaultChildrenThemes, darkPalette as defaultDarkPalette, lightPalette as defaultLightPalette, hslToString, interpolateColor, opacify2 as opacify, parseColor, parseHSL, parseHex, v5ComponentThemes, v5ComponentThemesWithInverses, v5GrandchildrenThemes };
+//# sourceMappingURL=v5-themes.mjs.map

package/dist/esm/v5/v5-themes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"v5-themes.js","names":[],"sources":["esm/v5/v5-themes.js"],"sourcesContent":["import {\n  blue,\n  blueDark,\n  gray,\n  grayDark,\n  green,\n  greenDark,\n  orange,\n  orangeDark,\n  pink,\n  pinkDark,\n  purple,\n  purpleDark,\n  red,\n  redDark,\n  teal,\n  tealDark,\n  yellow,\n  yellowDark\n} from \"@tamagui/colors\";\nimport { createThemes } from \"../theme-builder\";\nimport { opacify } from \"./opacify\";\nimport { v5Templates } from \"./v5-templates\";\nimport { interpolateColor, opacify as opacify2 } from \"./opacify\";\nconst V5_BG_OFFSET = 6 + 1;\nconst v5ComponentThemes = {\n  Button: { template: \"surface2\" },\n  Input: { template: \"surface1\" },\n  Progress: { template: \"surface1\" },\n  ProgressIndicator: { template: \"surface3\" },\n  Slider: { template: \"surface1\" },\n  SliderActive: { template: \"surface3\" },\n  SliderThumb: { template: \"surface2\" },\n  Switch: { template: \"surface2\" },\n  TextArea: { template: \"surface1\" },\n  Tooltip: { template: \"accent\" },\n  SwitchThumb: { template: \"accent\" }\n};\nconst v5ComponentThemesWithInverses = {\n  ...v5ComponentThemes,\n  ProgressIndicator: { template: \"accent\" },\n  SliderThumb: { template: \"accent\" },\n  Tooltip: { template: \"accent\" }\n};\nconst v5GrandchildrenThemes = {\n  accent: { template: \"accent\" },\n  surface1: { template: \"surface1\" },\n  surface2: { template: \"surface2\" }\n};\nfunction parseHSL(str) {\n  const m = str.match(/hsl\\((\\d+(?:\\.\\d+)?),\\s*(\\d+(?:\\.\\d+)?)%,\\s*(\\d+(?:\\.\\d+)?)%\\)/);\n  return m ? { h: +m[1], s: +m[2], l: +m[3] } : null;\n}\nfunction parseHex(str) {\n  if (!str.startsWith(\"#\")) return null;\n  let hex = str.slice(1);\n  if (hex.length === 3) {\n    hex = hex.split(\"\").map((c) => c + c).join(\"\");\n  }\n  if (hex.length !== 6) return null;\n  const r = Number.parseInt(hex.slice(0, 2), 16) / 255;\n  const g = Number.parseInt(hex.slice(2, 4), 16) / 255;\n  const b = Number.parseInt(hex.slice(4, 6), 16) / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  if (max === min) {\n    return { h: 0, s: 0, l: l * 100 };\n  }\n  const d = max - min;\n  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n  let h = 0;\n  if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;\n  else if (max === g) h = ((b - r) / d + 2) / 6;\n  else h = ((r - g) / d + 4) / 6;\n  return { h: Math.round(h * 360), s: s * 100, l: l * 100 };\n}\nfunction parseColor(str) {\n  return parseHSL(str) ?? parseHex(str);\n}\nfunction hslToString(hsl) {\n  return `hsl(${hsl.h}, ${Math.round(Math.min(100, Math.max(0, hsl.s)))}%, ${Math.round(Math.min(100, Math.max(0, hsl.l)))}%)`;\n}\nfunction adjustPalette(palette, fn) {\n  const out = {};\n  const keys = Object.keys(palette);\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    const parsed = parseColor(palette[key]);\n    if (!parsed) {\n      out[key] = palette[key];\n      continue;\n    }\n    out[key] = hslToString(fn(parsed, i + 1));\n  }\n  return out;\n}\nconst identity = (hsl) => hsl;\nfunction adjustPalettes(themes, adjustments) {\n  const result = {};\n  for (const [name, theme] of Object.entries(themes)) {\n    const adj = adjustments[name] ?? adjustments.default;\n    if (!adj) {\n      ;\n      result[name] = theme;\n      continue;\n    }\n    ;\n    result[name] = {\n      light: adjustPalette(theme.light, adj.light ?? identity),\n      dark: adjustPalette(theme.dark, adj.dark ?? identity)\n    };\n  }\n  return result;\n}\nfunction paletteToNamedColors(name, palette) {\n  return Object.fromEntries(palette.map((color, i) => [`${name}${i + 1}`, color]));\n}\nconst darkPalette = [\n  \"#090909\",\n  \"#151515\",\n  \"#191919\",\n  \"#232323\",\n  \"#333\",\n  \"#444\",\n  \"#666\",\n  \"#777\",\n  \"#858585\",\n  \"#aaa\",\n  \"#ccc\",\n  \"#ffffff\"\n];\nconst lightPalette = [\n  \"#fff\",\n  \"#f8f8f8\",\n  \"hsl(0, 0%, 93%)\",\n  \"hsl(0, 0%, 85%)\",\n  \"hsl(0, 0%, 80%)\",\n  \"hsl(0, 0%, 70%)\",\n  \"hsl(0, 0%, 59%)\",\n  \"hsl(0, 0%, 45%)\",\n  \"hsl(0, 0%, 30%)\",\n  \"hsl(0, 0%, 20%)\",\n  \"hsl(0, 0%, 14%)\",\n  \"hsl(0, 0%, 2%)\"\n];\nconst neutralPalette = [\n  \"hsl(0, 0%, 68%)\",\n  \"hsl(0, 0%, 65%)\",\n  \"hsl(0, 0%, 62%)\",\n  \"hsl(0, 0%, 59%)\",\n  \"hsl(0, 0%, 56%)\",\n  \"hsl(0, 0%, 53%)\",\n  \"hsl(0, 0%, 50%)\",\n  \"hsl(0, 0%, 47%)\",\n  \"hsl(0, 0%, 44%)\",\n  \"hsl(0, 0%, 41%)\",\n  \"hsl(0, 0%, 38%)\",\n  \"hsl(0, 0%, 32%)\"\n];\nconst neutral = paletteToNamedColors(\"neutral\", neutralPalette);\nconst whiteBlack = {\n  white: \"rgba(255,255,255,1)\",\n  white0: \"rgba(255,255,255,0)\",\n  white02: \"rgba(255,255,255,0.2)\",\n  white04: \"rgba(255,255,255,0.4)\",\n  white06: \"rgba(255,255,255,0.6)\",\n  white08: \"rgba(255,255,255,0.8)\",\n  black: \"rgba(0,0,0,1)\",\n  black0: \"rgba(0,0,0,0)\",\n  black02: \"rgba(0,0,0,0.2)\",\n  black04: \"rgba(0,0,0,0.4)\",\n  black06: \"rgba(0,0,0,0.6)\",\n  black08: \"rgba(0,0,0,0.8)\"\n};\nconst darkShadows = {\n  shadow1: \"rgba(0,0,0,0.15)\",\n  shadow2: \"rgba(0,0,0,0.23)\",\n  shadow3: \"rgba(0,0,0,0.33)\",\n  shadow4: \"rgba(0,0,0,0.45)\",\n  shadow5: \"rgba(0,0,0,0.65)\",\n  shadow6: \"rgba(0,0,0,0.8)\",\n  shadow7: \"rgba(0,0,0,0.9)\",\n  shadow8: \"rgba(0,0,0,1)\"\n};\nconst lightShadows = {\n  shadow1: \"rgba(0,0,0,0.04)\",\n  shadow2: \"rgba(0,0,0,0.08)\",\n  shadow3: \"rgba(0,0,0,0.12)\",\n  shadow4: \"rgba(0,0,0,0.22)\",\n  shadow5: \"rgba(0,0,0,0.33)\",\n  shadow6: \"rgba(0,0,0,0.44)\",\n  shadow7: \"rgba(0,0,0,0.6)\",\n  shadow8: \"rgba(0,0,0,0.75)\"\n};\nconst darkHighlights = {\n  highlight1: \"rgba(255,255,255,0.1)\",\n  highlight2: \"rgba(255,255,255,0.2)\",\n  highlight3: \"rgba(255,255,255,0.3)\",\n  highlight4: \"rgba(255,255,255,0.45)\",\n  highlight5: \"rgba(255,255,255,0.65)\",\n  highlight6: \"rgba(255,255,255,0.85)\",\n  highlight7: \"rgba(255,255,255,0.95)\",\n  highlight8: \"rgba(255,255,255,1)\"\n};\nconst lightHighlights = {\n  highlight1: \"rgba(255,255,255,0.05)\",\n  highlight2: \"rgba(255,255,255,0.1)\",\n  highlight3: \"rgba(255,255,255,0.15)\",\n  highlight4: \"rgba(255,255,255,0.3)\",\n  highlight5: \"rgba(255,255,255,0.4)\",\n  highlight6: \"rgba(255,255,255,0.55)\",\n  highlight7: \"rgba(255,255,255,0.7)\",\n  highlight8: \"rgba(255,255,255,0.85)\"\n};\nconst defaultChildrenThemes = {\n  gray: { light: gray, dark: grayDark },\n  blue: { light: blue, dark: blueDark },\n  red: { light: red, dark: redDark },\n  yellow: { light: yellow, dark: yellowDark },\n  green: { light: green, dark: greenDark },\n  orange: { light: orange, dark: orangeDark },\n  pink: { light: pink, dark: pinkDark },\n  purple: { light: purple, dark: purpleDark },\n  teal: { light: teal, dark: tealDark },\n  neutral: { light: neutral, dark: neutral }\n};\nfunction getDefaultV5ThemeValues({ palette }) {\n  if (!palette || palette.length < 3) {\n    throw new Error(`invalid palette: ${JSON.stringify(palette)}`);\n  }\n  const bgColor = palette[V5_BG_OFFSET];\n  const fgColor = palette[palette.length - 2];\n  return {\n    color01: opacify(fgColor, 0.1),\n    color0075: opacify(fgColor, 0.075),\n    color005: opacify(fgColor, 0.05),\n    color0025: opacify(fgColor, 0.025),\n    color002: opacify(fgColor, 0.02),\n    color001: opacify(fgColor, 0.01),\n    background01: opacify(bgColor, 0.1),\n    background0075: opacify(bgColor, 0.075),\n    background005: opacify(bgColor, 0.05),\n    background0025: opacify(bgColor, 0.025),\n    background002: opacify(bgColor, 0.02),\n    background001: opacify(bgColor, 0.01),\n    background02: opacify(bgColor, 0.2),\n    background04: opacify(bgColor, 0.4),\n    background06: opacify(bgColor, 0.6),\n    background08: opacify(bgColor, 0.8),\n    outlineColor: opacify(palette[V5_BG_OFFSET + 4], 0.6)\n  };\n}\nfunction createV5Theme(options = {}) {\n  const {\n    darkPalette: customDarkPalette = darkPalette,\n    lightPalette: customLightPalette = lightPalette,\n    accent: customAccent,\n    childrenThemes = defaultChildrenThemes,\n    grandChildrenThemes = v5GrandchildrenThemes,\n    componentThemes: customComponentThemes = v5ComponentThemes,\n    getTheme: userGetTheme\n  } = options;\n  const blackColors = paletteToNamedColors(\"black\", customDarkPalette);\n  const whiteColors = paletteToNamedColors(\"white\", customLightPalette);\n  const extraBase = {\n    ...blackColors,\n    ...whiteColors,\n    ...whiteBlack\n  };\n  const lightExtraBase = {\n    ...extraBase,\n    ...lightShadows,\n    ...lightHighlights,\n    shadowColor: lightShadows.shadow3\n  };\n  const darkExtraBase = {\n    ...extraBase,\n    ...darkShadows,\n    ...darkHighlights,\n    shadowColor: darkShadows.shadow3\n  };\n  const lightExtra = { ...lightExtraBase };\n  const darkExtra = { ...darkExtraBase };\n  for (const theme of Object.values(childrenThemes)) {\n    if (theme.light) Object.assign(lightExtra, theme.light);\n    if (theme.dark) Object.assign(darkExtra, theme.dark);\n  }\n  const childrenWithPalettes = {\n    // Always include black/white for theme generation\n    black: {\n      palette: { dark: Object.values(blackColors), light: Object.values(blackColors) }\n    },\n    white: {\n      palette: { dark: Object.values(whiteColors), light: Object.values(whiteColors) }\n    },\n    ...Object.fromEntries(\n      Object.entries(childrenThemes).map(([name, theme]) => [\n        name,\n        {\n          palette: {\n            light: Object.values(theme.light),\n            dark: Object.values(theme.dark)\n          }\n        }\n      ])\n    )\n  };\n  return createThemes({\n    // componentThemes: false disables them, undefined/truthy values enable them\n    componentThemes: customComponentThemes,\n    templates: v5Templates,\n    base: {\n      palette: {\n        dark: customDarkPalette,\n        light: customLightPalette\n      },\n      extra: {\n        light: lightExtra,\n        dark: darkExtra\n      }\n    },\n    accent: {\n      palette: customAccent ? {\n        light: Object.values(customAccent.light),\n        dark: Object.values(customAccent.dark)\n      } : {\n        dark: customLightPalette,\n        light: customDarkPalette\n      }\n    },\n    childrenThemes: childrenWithPalettes,\n    grandChildrenThemes,\n    getTheme: (props) => {\n      const builtInTheme = getDefaultV5ThemeValues(props);\n      const customTheme = userGetTheme?.(props);\n      return customTheme ? { ...builtInTheme, ...customTheme } : builtInTheme;\n    }\n  });\n}\nexport {\n  V5_BG_OFFSET,\n  adjustPalette,\n  adjustPalettes,\n  createV5Theme,\n  defaultChildrenThemes,\n  darkPalette as defaultDarkPalette,\n  lightPalette as defaultLightPalette,\n  hslToString,\n  interpolateColor,\n  opacify2 as opacify,\n  parseColor,\n  parseHSL,\n  parseHex,\n  v5ComponentThemes,\n  v5ComponentThemesWithInverses,\n  v5GrandchildrenThemes\n};\n//# sourceMappingURL=v5-themes.js.map\n"],"mappings":"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"}