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

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

@@ -0,0 +1,72 @@
+import { combineMasks, createIdentityMask, createInverseMask, createMask, createSoftenMask, createStrengthenMask, skipMask } from "../create-theme/index.native.js";
+
+var masks = {
+	identity: createIdentityMask(),
+	soften: createSoftenMask(),
+	soften2: createSoftenMask({ strength: 2 }),
+	soften3: createSoftenMask({ strength: 3 }),
+	strengthen: createStrengthenMask(),
+	inverse: createInverseMask(),
+	inverseSoften: combineMasks(createInverseMask(), createSoftenMask({ strength: 2 })),
+	inverseSoften2: combineMasks(createInverseMask(), createSoftenMask({ strength: 3 })),
+	inverseSoften3: combineMasks(createInverseMask(), createSoftenMask({ strength: 4 })),
+	inverseStrengthen2: combineMasks(createInverseMask(), createStrengthenMask({ strength: 2 })),
+	strengthenButSoftenBorder: createMask(function(template, options) {
+		var stronger = createStrengthenMask().mask(template, options);
+		var softer = createSoftenMask().mask(template, options);
+		return {
+			...stronger,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	}),
+	soften2Border1: createMask(function(template, options) {
+		var softer2 = createSoftenMask({ strength: 2 }).mask(template, options);
+		var softer1 = createSoftenMask({ strength: 1 }).mask(template, options);
+		return {
+			...softer2,
+			borderColor: softer1.borderColor,
+			borderColorHover: softer1.borderColorHover,
+			borderColorPress: softer1.borderColorPress,
+			borderColorFocus: softer1.borderColorFocus
+		};
+	}),
+	soften3FlatBorder: createMask(function(template, options) {
+		var borderMask = createSoftenMask({ strength: 2 }).mask(template, options);
+		var softer3 = createSoftenMask({ strength: 3 }).mask(template, options);
+		return {
+			...softer3,
+			borderColor: borderMask.borderColor,
+			borderColorHover: borderMask.borderColorHover,
+			borderColorPress: borderMask.borderColorPress,
+			borderColorFocus: borderMask.borderColorFocus
+		};
+	}),
+	softenBorder: createMask(function(template, options) {
+		var plain = skipMask.mask(template, options);
+		var softer = createSoftenMask().mask(template, options);
+		return {
+			...plain,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	}),
+	softenBorder2: createMask(function(template, options) {
+		var plain = skipMask.mask(template, options);
+		var softer = createSoftenMask({ strength: 2 }).mask(template, options);
+		return {
+			...plain,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	})
+};
+
+export { masks };
+//# sourceMappingURL=masks.native.js.map

package/dist/esm/theme-builder/masks.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masks.native.js","names":[],"sources":["esm/theme-builder/masks.native.js"],"sourcesContent":["import { combineMasks, createIdentityMask, createInverseMask, createMask, createSoftenMask, createStrengthenMask, skipMask } from \"../create-theme\";\nvar masks = {\n  identity: createIdentityMask(),\n  soften: createSoftenMask(),\n  soften2: createSoftenMask({\n    strength: 2\n  }),\n  soften3: createSoftenMask({\n    strength: 3\n  }),\n  strengthen: createStrengthenMask(),\n  inverse: createInverseMask(),\n  inverseSoften: combineMasks(createInverseMask(), createSoftenMask({\n    strength: 2\n  })),\n  inverseSoften2: combineMasks(createInverseMask(), createSoftenMask({\n    strength: 3\n  })),\n  inverseSoften3: combineMasks(createInverseMask(), createSoftenMask({\n    strength: 4\n  })),\n  inverseStrengthen2: combineMasks(createInverseMask(), createStrengthenMask({\n    strength: 2\n  })),\n  strengthenButSoftenBorder: createMask(function(template, options) {\n    var stronger = createStrengthenMask().mask(template, options);\n    var softer = createSoftenMask().mask(template, options);\n    return {\n      ...stronger,\n      borderColor: softer.borderColor,\n      borderColorHover: softer.borderColorHover,\n      borderColorPress: softer.borderColorPress,\n      borderColorFocus: softer.borderColorFocus\n    };\n  }),\n  soften2Border1: createMask(function(template, options) {\n    var softer2 = createSoftenMask({\n      strength: 2\n    }).mask(template, options);\n    var softer1 = createSoftenMask({\n      strength: 1\n    }).mask(template, options);\n    return {\n      ...softer2,\n      borderColor: softer1.borderColor,\n      borderColorHover: softer1.borderColorHover,\n      borderColorPress: softer1.borderColorPress,\n      borderColorFocus: softer1.borderColorFocus\n    };\n  }),\n  soften3FlatBorder: createMask(function(template, options) {\n    var borderMask = createSoftenMask({\n      strength: 2\n    }).mask(template, options);\n    var softer3 = createSoftenMask({\n      strength: 3\n    }).mask(template, options);\n    return {\n      ...softer3,\n      borderColor: borderMask.borderColor,\n      borderColorHover: borderMask.borderColorHover,\n      borderColorPress: borderMask.borderColorPress,\n      borderColorFocus: borderMask.borderColorFocus\n    };\n  }),\n  softenBorder: createMask(function(template, options) {\n    var plain = skipMask.mask(template, options);\n    var softer = createSoftenMask().mask(template, options);\n    return {\n      ...plain,\n      borderColor: softer.borderColor,\n      borderColorHover: softer.borderColorHover,\n      borderColorPress: softer.borderColorPress,\n      borderColorFocus: softer.borderColorFocus\n    };\n  }),\n  softenBorder2: createMask(function(template, options) {\n    var plain = skipMask.mask(template, options);\n    var softer = createSoftenMask({\n      strength: 2\n    }).mask(template, options);\n    return {\n      ...plain,\n      borderColor: softer.borderColor,\n      borderColorHover: softer.borderColorHover,\n      borderColorPress: softer.borderColorPress,\n      borderColorFocus: softer.borderColorFocus\n    };\n  })\n};\nexport {\n  masks\n};\n//# sourceMappingURL=masks.js.map\n"],"mappings":";;;AACA,IAAI,QAAQ;CACV,UAAU,mBAAmB;CAC7B,QAAQ,iBAAiB;CACzB,SAAS,iBAAiB,EACxB,UAAU,EACZ,CAAC;CACD,SAAS,iBAAiB,EACxB,UAAU,EACZ,CAAC;CACD,YAAY,qBAAqB;CACjC,SAAS,kBAAkB;CAC3B,eAAe,aAAa,kBAAkB,GAAG,iBAAiB,EAChE,UAAU,EACZ,CAAC,CAAC;CACF,gBAAgB,aAAa,kBAAkB,GAAG,iBAAiB,EACjE,UAAU,EACZ,CAAC,CAAC;CACF,gBAAgB,aAAa,kBAAkB,GAAG,iBAAiB,EACjE,UAAU,EACZ,CAAC,CAAC;CACF,oBAAoB,aAAa,kBAAkB,GAAG,qBAAqB,EACzE,UAAU,EACZ,CAAC,CAAC;CACF,2BAA2B,WAAW,SAAS,UAAU,SAAS;EAChE,IAAI,WAAW,qBAAqB,EAAE,KAAK,UAAU,OAAO;EAC5D,IAAI,SAAS,iBAAiB,EAAE,KAAK,UAAU,OAAO;EACtD,OAAO;GACL,GAAG;GACH,aAAa,OAAO;GACpB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;EAC3B;CACF,CAAC;CACD,gBAAgB,WAAW,SAAS,UAAU,SAAS;EACrD,IAAI,UAAU,iBAAiB,EAC7B,UAAU,EACZ,CAAC,EAAE,KAAK,UAAU,OAAO;EACzB,IAAI,UAAU,iBAAiB,EAC7B,UAAU,EACZ,CAAC,EAAE,KAAK,UAAU,OAAO;EACzB,OAAO;GACL,GAAG;GACH,aAAa,QAAQ;GACrB,kBAAkB,QAAQ;GAC1B,kBAAkB,QAAQ;GAC1B,kBAAkB,QAAQ;EAC5B;CACF,CAAC;CACD,mBAAmB,WAAW,SAAS,UAAU,SAAS;EACxD,IAAI,aAAa,iBAAiB,EAChC,UAAU,EACZ,CAAC,EAAE,KAAK,UAAU,OAAO;EACzB,IAAI,UAAU,iBAAiB,EAC7B,UAAU,EACZ,CAAC,EAAE,KAAK,UAAU,OAAO;EACzB,OAAO;GACL,GAAG;GACH,aAAa,WAAW;GACxB,kBAAkB,WAAW;GAC7B,kBAAkB,WAAW;GAC7B,kBAAkB,WAAW;EAC/B;CACF,CAAC;CACD,cAAc,WAAW,SAAS,UAAU,SAAS;EACnD,IAAI,QAAQ,SAAS,KAAK,UAAU,OAAO;EAC3C,IAAI,SAAS,iBAAiB,EAAE,KAAK,UAAU,OAAO;EACtD,OAAO;GACL,GAAG;GACH,aAAa,OAAO;GACpB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;EAC3B;CACF,CAAC;CACD,eAAe,WAAW,SAAS,UAAU,SAAS;EACpD,IAAI,QAAQ,SAAS,KAAK,UAAU,OAAO;EAC3C,IAAI,SAAS,iBAAiB,EAC5B,UAAU,EACZ,CAAC,EAAE,KAAK,UAAU,OAAO;EACzB,OAAO;GACL,GAAG;GACH,aAAa,OAAO;GACpB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;EAC3B;CACF,CAAC;AACH"}

package/dist/esm/v5/opacify.mjs

@@ -0,0 +1,96 @@
+function interpolateColor(color1, color2, amount) {
+	const rgb1 = parseToRgb(color1);
+	const rgb2 = parseToRgb(color2);
+	if (!rgb1 || !rgb2) return color1;
+	const r = Math.round(rgb1.r + (rgb2.r - rgb1.r) * amount);
+	const g = Math.round(rgb1.g + (rgb2.g - rgb1.g) * amount);
+	const b = Math.round(rgb1.b + (rgb2.b - rgb1.b) * amount);
+	return `rgb(${r}, ${g}, ${b})`;
+}
+function parseToRgb(color) {
+	if (typeof color !== "string") return null;
+	if (color.startsWith("#")) {
+		let hex = color.slice(1);
+		if (hex.length === 3) {
+			hex = hex.split("").map((c) => c + c).join("");
+		}
+		if (hex.length >= 6) {
+			return {
+				r: Number.parseInt(hex.slice(0, 2), 16),
+				g: Number.parseInt(hex.slice(2, 4), 16),
+				b: Number.parseInt(hex.slice(4, 6), 16)
+			};
+		}
+	}
+	if (color.startsWith("rgb")) {
+		const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+		if (match) {
+			return {
+				r: Number.parseInt(match[1], 10),
+				g: Number.parseInt(match[2], 10),
+				b: Number.parseInt(match[3], 10)
+			};
+		}
+	}
+	if (color.startsWith("hsl")) {
+		const match = color.match(/hsla?\((\d+),\s*(\d+)%,\s*(\d+)%/);
+		if (match) {
+			const h = Number.parseInt(match[1], 10);
+			const s = Number.parseInt(match[2], 10) / 100;
+			const l = Number.parseInt(match[3], 10) / 100;
+			return hslToRgb(h, s, l);
+		}
+	}
+	return null;
+}
+function hslToRgb(h, s, l) {
+	let r;
+	let g;
+	let b;
+	if (s === 0) {
+		r = g = b = l;
+	} else {
+		const hue2rgb = (p2, q2, t) => {
+			if (t < 0) t += 1;
+			if (t > 1) t -= 1;
+			if (t < 1 / 6) return p2 + (q2 - p2) * 6 * t;
+			if (t < 1 / 2) return q2;
+			if (t < 2 / 3) return p2 + (q2 - p2) * (2 / 3 - t) * 6;
+			return p2;
+		};
+		const q = l < .5 ? l * (1 + s) : l + s - l * s;
+		const p = 2 * l - q;
+		r = hue2rgb(p, q, h / 360 + 1 / 3);
+		g = hue2rgb(p, q, h / 360);
+		b = hue2rgb(p, q, h / 360 - 1 / 3);
+	}
+	return {
+		r: Math.round(r * 255),
+		g: Math.round(g * 255),
+		b: Math.round(b * 255)
+	};
+}
+function opacify(color, opacity = .1) {
+	if (typeof color !== "string") return color;
+	if (color.startsWith("hsl")) {
+		const match = color.match(/hsla?\((\d+),\s*(\d+)%,\s*(\d+)%(?:,\s*([\d.]+))?\)/);
+		if (match) {
+			const [, h, s, l] = match;
+			return `hsla(${h}, ${s}%, ${l}%, ${opacity})`;
+		}
+	}
+	if (color.startsWith("#")) {
+		let hex = color.slice(1);
+		if (hex.length === 3) {
+			hex = hex.split("").map((c) => c + c).join("");
+		}
+		if (hex.length === 6 || hex.length === 8) {
+			const alphaHex = Math.round(opacity * 255).toString(16).padStart(2, "0");
+			return `#${hex.slice(0, 6)}${alphaHex}`;
+		}
+	}
+	return color;
+}
+
+export { interpolateColor, opacify };
+//# sourceMappingURL=opacify.mjs.map

package/dist/esm/v5/opacify.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"opacify.js","names":[],"sources":["esm/v5/opacify.js"],"sourcesContent":["function interpolateColor(color1, color2, amount) {\n  const rgb1 = parseToRgb(color1);\n  const rgb2 = parseToRgb(color2);\n  if (!rgb1 || !rgb2) return color1;\n  const r = Math.round(rgb1.r + (rgb2.r - rgb1.r) * amount);\n  const g = Math.round(rgb1.g + (rgb2.g - rgb1.g) * amount);\n  const b = Math.round(rgb1.b + (rgb2.b - rgb1.b) * amount);\n  return `rgb(${r}, ${g}, ${b})`;\n}\nfunction parseToRgb(color) {\n  if (typeof color !== \"string\") return null;\n  if (color.startsWith(\"#\")) {\n    let hex = color.slice(1);\n    if (hex.length === 3) {\n      hex = hex.split(\"\").map((c) => c + c).join(\"\");\n    }\n    if (hex.length >= 6) {\n      return {\n        r: Number.parseInt(hex.slice(0, 2), 16),\n        g: Number.parseInt(hex.slice(2, 4), 16),\n        b: Number.parseInt(hex.slice(4, 6), 16)\n      };\n    }\n  }\n  if (color.startsWith(\"rgb\")) {\n    const match = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n    if (match) {\n      return {\n        r: Number.parseInt(match[1], 10),\n        g: Number.parseInt(match[2], 10),\n        b: Number.parseInt(match[3], 10)\n      };\n    }\n  }\n  if (color.startsWith(\"hsl\")) {\n    const match = color.match(/hsla?\\((\\d+),\\s*(\\d+)%,\\s*(\\d+)%/);\n    if (match) {\n      const h = Number.parseInt(match[1], 10);\n      const s = Number.parseInt(match[2], 10) / 100;\n      const l = Number.parseInt(match[3], 10) / 100;\n      return hslToRgb(h, s, l);\n    }\n  }\n  return null;\n}\nfunction hslToRgb(h, s, l) {\n  let r;\n  let g;\n  let b;\n  if (s === 0) {\n    r = g = b = l;\n  } else {\n    const hue2rgb = (p2, q2, t) => {\n      if (t < 0) t += 1;\n      if (t > 1) t -= 1;\n      if (t < 1 / 6) return p2 + (q2 - p2) * 6 * t;\n      if (t < 1 / 2) return q2;\n      if (t < 2 / 3) return p2 + (q2 - p2) * (2 / 3 - t) * 6;\n      return p2;\n    };\n    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    const p = 2 * l - q;\n    r = hue2rgb(p, q, h / 360 + 1 / 3);\n    g = hue2rgb(p, q, h / 360);\n    b = hue2rgb(p, q, h / 360 - 1 / 3);\n  }\n  return { r: Math.round(r * 255), g: Math.round(g * 255), b: Math.round(b * 255) };\n}\nfunction opacify(color, opacity = 0.1) {\n  if (typeof color !== \"string\") return color;\n  if (color.startsWith(\"hsl\")) {\n    const match = color.match(/hsla?\\((\\d+),\\s*(\\d+)%,\\s*(\\d+)%(?:,\\s*([\\d.]+))?\\)/);\n    if (match) {\n      const [, h, s, l] = match;\n      return `hsla(${h}, ${s}%, ${l}%, ${opacity})`;\n    }\n  }\n  if (color.startsWith(\"#\")) {\n    let hex = color.slice(1);\n    if (hex.length === 3) {\n      hex = hex.split(\"\").map((c) => c + c).join(\"\");\n    }\n    if (hex.length === 6 || hex.length === 8) {\n      const alphaHex = Math.round(opacity * 255).toString(16).padStart(2, \"0\");\n      return `#${hex.slice(0, 6)}${alphaHex}`;\n    }\n  }\n  return color;\n}\nexport {\n  interpolateColor,\n  opacify\n};\n//# sourceMappingURL=opacify.js.map\n"],"mappings":"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"}

package/dist/esm/v5/opacify.native.js

@@ -0,0 +1,101 @@
+function interpolateColor(color1, color2, amount) {
+	var rgb1 = parseToRgb(color1);
+	var rgb2 = parseToRgb(color2);
+	if (!rgb1 || !rgb2) return color1;
+	var r = Math.round(rgb1.r + (rgb2.r - rgb1.r) * amount);
+	var g = Math.round(rgb1.g + (rgb2.g - rgb1.g) * amount);
+	var b = Math.round(rgb1.b + (rgb2.b - rgb1.b) * amount);
+	return `rgb(${r}, ${g}, ${b})`;
+}
+function parseToRgb(color) {
+	if (typeof color !== "string") return null;
+	if (color.startsWith("#")) {
+		var hex = color.slice(1);
+		if (hex.length === 3) {
+			hex = hex.split("").map(function(c) {
+				return c + c;
+			}).join("");
+		}
+		if (hex.length >= 6) {
+			return {
+				r: Number.parseInt(hex.slice(0, 2), 16),
+				g: Number.parseInt(hex.slice(2, 4), 16),
+				b: Number.parseInt(hex.slice(4, 6), 16)
+			};
+		}
+	}
+	if (color.startsWith("rgb")) {
+		var match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+		if (match) {
+			return {
+				r: Number.parseInt(match[1], 10),
+				g: Number.parseInt(match[2], 10),
+				b: Number.parseInt(match[3], 10)
+			};
+		}
+	}
+	if (color.startsWith("hsl")) {
+		var match1 = color.match(/hsla?\((\d+),\s*(\d+)%,\s*(\d+)%/);
+		if (match1) {
+			var h = Number.parseInt(match1[1], 10);
+			var s = Number.parseInt(match1[2], 10) / 100;
+			var l = Number.parseInt(match1[3], 10) / 100;
+			return hslToRgb(h, s, l);
+		}
+	}
+	return null;
+}
+function hslToRgb(h, s, l) {
+	var r;
+	var g;
+	var b;
+	if (s === 0) {
+		r = g = b = l;
+	} else {
+		var hue2rgb = function(p2, q2, t) {
+			if (t < 0) t += 1;
+			if (t > 1) t -= 1;
+			if (t < 1 / 6) return p2 + (q2 - p2) * 6 * t;
+			if (t < 1 / 2) return q2;
+			if (t < 2 / 3) return p2 + (q2 - p2) * (2 / 3 - t) * 6;
+			return p2;
+		};
+		var q = l < .5 ? l * (1 + s) : l + s - l * s;
+		var p = 2 * l - q;
+		r = hue2rgb(p, q, h / 360 + 1 / 3);
+		g = hue2rgb(p, q, h / 360);
+		b = hue2rgb(p, q, h / 360 - 1 / 3);
+	}
+	return {
+		r: Math.round(r * 255),
+		g: Math.round(g * 255),
+		b: Math.round(b * 255)
+	};
+}
+function opacify(color) {
+	var opacity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : .1;
+	if (typeof color !== "string") return color;
+	if (color.startsWith("hsl")) {
+		var match = color.match(/hsla?\((\d+),\s*(\d+)%,\s*(\d+)%(?:,\s*([\d.]+))?\)/);
+		if (match) {
+			var [, h, s, l] = match;
+			return `hsla(${h}, ${s}%, ${l}%, ${opacity})`;
+		}
+	}
+	if (color.startsWith("#")) {
+		var hex = color.slice(1);
+		if (hex.length === 3) {
+			hex = hex.split("").map(function(c) {
+				return c + c;
+			}).join("");
+		}
+		if (hex.length === 6 || hex.length === 8) {
+			var alphaHex = Math.round(opacity * 255).toString(16).padStart(2, "0");
+			return `#${hex.slice(0, 6)}${alphaHex}`;
+		}
+	}
+	return color;
+}
+
+export { interpolateColor, opacify };
+//# sourceMappingURL=opacify.native.js.map

package/dist/esm/v5/opacify.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opacify.native.js","names":[],"sources":["esm/v5/opacify.native.js"],"sourcesContent":["function interpolateColor(color1, color2, amount) {\n  var rgb1 = parseToRgb(color1);\n  var rgb2 = parseToRgb(color2);\n  if (!rgb1 || !rgb2) return color1;\n  var r = Math.round(rgb1.r + (rgb2.r - rgb1.r) * amount);\n  var g = Math.round(rgb1.g + (rgb2.g - rgb1.g) * amount);\n  var b = Math.round(rgb1.b + (rgb2.b - rgb1.b) * amount);\n  return `rgb(${r}, ${g}, ${b})`;\n}\nfunction parseToRgb(color) {\n  if (typeof color !== \"string\") return null;\n  if (color.startsWith(\"#\")) {\n    var hex = color.slice(1);\n    if (hex.length === 3) {\n      hex = hex.split(\"\").map(function(c) {\n        return c + c;\n      }).join(\"\");\n    }\n    if (hex.length >= 6) {\n      return {\n        r: Number.parseInt(hex.slice(0, 2), 16),\n        g: Number.parseInt(hex.slice(2, 4), 16),\n        b: Number.parseInt(hex.slice(4, 6), 16)\n      };\n    }\n  }\n  if (color.startsWith(\"rgb\")) {\n    var match = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n    if (match) {\n      return {\n        r: Number.parseInt(match[1], 10),\n        g: Number.parseInt(match[2], 10),\n        b: Number.parseInt(match[3], 10)\n      };\n    }\n  }\n  if (color.startsWith(\"hsl\")) {\n    var match1 = color.match(/hsla?\\((\\d+),\\s*(\\d+)%,\\s*(\\d+)%/);\n    if (match1) {\n      var h = Number.parseInt(match1[1], 10);\n      var s = Number.parseInt(match1[2], 10) / 100;\n      var l = Number.parseInt(match1[3], 10) / 100;\n      return hslToRgb(h, s, l);\n    }\n  }\n  return null;\n}\nfunction hslToRgb(h, s, l) {\n  var r;\n  var g;\n  var b;\n  if (s === 0) {\n    r = g = b = l;\n  } else {\n    var hue2rgb = function(p2, q2, t) {\n      if (t < 0) t += 1;\n      if (t > 1) t -= 1;\n      if (t < 1 / 6) return p2 + (q2 - p2) * 6 * t;\n      if (t < 1 / 2) return q2;\n      if (t < 2 / 3) return p2 + (q2 - p2) * (2 / 3 - t) * 6;\n      return p2;\n    };\n    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    var p = 2 * l - q;\n    r = hue2rgb(p, q, h / 360 + 1 / 3);\n    g = hue2rgb(p, q, h / 360);\n    b = hue2rgb(p, q, h / 360 - 1 / 3);\n  }\n  return {\n    r: Math.round(r * 255),\n    g: Math.round(g * 255),\n    b: Math.round(b * 255)\n  };\n}\nfunction opacify(color) {\n  var opacity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0.1;\n  if (typeof color !== \"string\") return color;\n  if (color.startsWith(\"hsl\")) {\n    var match = color.match(/hsla?\\((\\d+),\\s*(\\d+)%,\\s*(\\d+)%(?:,\\s*([\\d.]+))?\\)/);\n    if (match) {\n      var [, h, s, l] = match;\n      return `hsla(${h}, ${s}%, ${l}%, ${opacity})`;\n    }\n  }\n  if (color.startsWith(\"#\")) {\n    var hex = color.slice(1);\n    if (hex.length === 3) {\n      hex = hex.split(\"\").map(function(c) {\n        return c + c;\n      }).join(\"\");\n    }\n    if (hex.length === 6 || hex.length === 8) {\n      var alphaHex = Math.round(opacity * 255).toString(16).padStart(2, \"0\");\n      return `#${hex.slice(0, 6)}${alphaHex}`;\n    }\n  }\n  return color;\n}\nexport {\n  interpolateColor,\n  opacify\n};\n//# sourceMappingURL=opacify.js.map\n"],"mappings":"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"}

package/dist/esm/v5/subtleChildrenThemes.mjs

@@ -0,0 +1,41 @@
+import { adjustPalettes, defaultChildrenThemes } from "./v5-themes.mjs";
+
+const v5SubtlePaletteAdjustments = {
+	default: {
+		light: (hsl) => ({
+			...hsl,
+			s: hsl.s * .9
+		}),
+		dark: (hsl, i) => ({
+			...hsl,
+			s: hsl.s * (i <= 4 ? .7 : .9)
+		})
+	},
+	yellow: {
+		light: (hsl, i) => {
+			const t = (i - 1) / 11;
+			const sStart = .65;
+			const sEnd = .4;
+			const lStart = 1.08;
+			const lEnd = .8;
+			return {
+				...hsl,
+				s: hsl.s * (sStart + t * (sEnd - sStart)),
+				l: hsl.l * (lStart + t * (lEnd - lStart))
+			};
+		},
+		dark: (hsl, i) => ({
+			...hsl,
+			s: hsl.s * (i <= 7 ? .45 : .55),
+			l: hsl.l * (i <= 4 ? .8 : 1)
+		})
+	}
+};
+const subtleChildrenThemes = adjustPalettes(defaultChildrenThemes, {
+	...v5SubtlePaletteAdjustments,
+	gray: void 0,
+	neutral: void 0
+});
+
+export { subtleChildrenThemes, v5SubtlePaletteAdjustments };
+//# sourceMappingURL=subtleChildrenThemes.mjs.map

package/dist/esm/v5/subtleChildrenThemes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtleChildrenThemes.js","names":[],"sources":["esm/v5/subtleChildrenThemes.js"],"sourcesContent":["import {\n  defaultChildrenThemes,\n  adjustPalettes\n} from \"./v5-themes\";\nconst v5SubtlePaletteAdjustments = {\n  default: {\n    light: (hsl) => ({\n      ...hsl,\n      s: hsl.s * 0.9\n    }),\n    dark: (hsl, i) => ({\n      ...hsl,\n      s: hsl.s * (i <= 4 ? 0.7 : 0.9)\n    })\n  },\n  // yellow palette in radix is especially off from the rest\n  yellow: {\n    light: (hsl, i) => {\n      const t = (i - 1) / 11;\n      const sStart = 0.65;\n      const sEnd = 0.4;\n      const lStart = 1.08;\n      const lEnd = 0.8;\n      return {\n        ...hsl,\n        s: hsl.s * (sStart + t * (sEnd - sStart)),\n        l: hsl.l * (lStart + t * (lEnd - lStart))\n      };\n    },\n    dark: (hsl, i) => ({\n      ...hsl,\n      s: hsl.s * (i <= 7 ? 0.45 : 0.55),\n      l: hsl.l * (i <= 4 ? 0.8 : 1)\n    })\n  }\n};\nconst subtleChildrenThemes = adjustPalettes(defaultChildrenThemes, {\n  ...v5SubtlePaletteAdjustments,\n  gray: void 0,\n  // skip\n  neutral: void 0\n  // skip\n});\nexport {\n  subtleChildrenThemes,\n  v5SubtlePaletteAdjustments\n};\n//# sourceMappingURL=subtleChildrenThemes.js.map\n"],"mappings":";;;AAIA,MAAM,6BAA6B;CACjC,SAAS;EACP,QAAQ,SAAS;GACf,GAAG;GACH,GAAG,IAAI,IAAI;EACb;EACA,OAAO,KAAK,OAAO;GACjB,GAAG;GACH,GAAG,IAAI,KAAK,KAAK,IAAI,KAAM;EAC7B;CACF;CAEA,QAAQ;EACN,QAAQ,KAAK,MAAM;GACjB,MAAM,KAAK,IAAI,KAAK;GACpB,MAAM,SAAS;GACf,MAAM,OAAO;GACb,MAAM,SAAS;GACf,MAAM,OAAO;GACb,OAAO;IACL,GAAG;IACH,GAAG,IAAI,KAAK,SAAS,KAAK,OAAO;IACjC,GAAG,IAAI,KAAK,SAAS,KAAK,OAAO;GACnC;EACF;EACA,OAAO,KAAK,OAAO;GACjB,GAAG;GACH,GAAG,IAAI,KAAK,KAAK,IAAI,MAAO;GAC5B,GAAG,IAAI,KAAK,KAAK,IAAI,KAAM;EAC7B;CACF;AACF;AACA,MAAM,uBAAuB,eAAe,uBAAuB;CACjE,GAAG;CACH,MAAM,KAAK;CAEX,SAAS,KAAK;AAEhB,CAAC"}

package/dist/esm/v5/subtleChildrenThemes.native.js

@@ -0,0 +1,47 @@
+import { adjustPalettes, defaultChildrenThemes } from "./v5-themes.native.js";
+
+var v5SubtlePaletteAdjustments = {
+	default: {
+		light: function(hsl) {
+			return {
+				...hsl,
+				s: hsl.s * .9
+			};
+		},
+		dark: function(hsl, i) {
+			return {
+				...hsl,
+				s: hsl.s * (i <= 4 ? .7 : .9)
+			};
+		}
+	},
+	yellow: {
+		light: function(hsl, i) {
+			var t = (i - 1) / 11;
+			var sStart = .65;
+			var sEnd = .4;
+			var lStart = 1.08;
+			var lEnd = .8;
+			return {
+				...hsl,
+				s: hsl.s * (sStart + t * (sEnd - sStart)),
+				l: hsl.l * (lStart + t * (lEnd - lStart))
+			};
+		},
+		dark: function(hsl, i) {
+			return {
+				...hsl,
+				s: hsl.s * (i <= 7 ? .45 : .55),
+				l: hsl.l * (i <= 4 ? .8 : 1)
+			};
+		}
+	}
+};
+var subtleChildrenThemes = adjustPalettes(defaultChildrenThemes, {
+	...v5SubtlePaletteAdjustments,
+	gray: void 0,
+	neutral: void 0
+});
+
+export { subtleChildrenThemes, v5SubtlePaletteAdjustments };
+//# sourceMappingURL=subtleChildrenThemes.native.js.map

package/dist/esm/v5/subtleChildrenThemes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtleChildrenThemes.native.js","names":[],"sources":["esm/v5/subtleChildrenThemes.native.js"],"sourcesContent":["import { defaultChildrenThemes, adjustPalettes } from \"./v5-themes\";\nvar v5SubtlePaletteAdjustments = {\n  default: {\n    light: function(hsl) {\n      return {\n        ...hsl,\n        s: hsl.s * 0.9\n      };\n    },\n    dark: function(hsl, i) {\n      return {\n        ...hsl,\n        s: hsl.s * (i <= 4 ? 0.7 : 0.9)\n      };\n    }\n  },\n  // yellow palette in radix is especially off from the rest\n  yellow: {\n    light: function(hsl, i) {\n      var t = (i - 1) / 11;\n      var sStart = 0.65;\n      var sEnd = 0.4;\n      var lStart = 1.08;\n      var lEnd = 0.8;\n      return {\n        ...hsl,\n        s: hsl.s * (sStart + t * (sEnd - sStart)),\n        l: hsl.l * (lStart + t * (lEnd - lStart))\n      };\n    },\n    dark: function(hsl, i) {\n      return {\n        ...hsl,\n        s: hsl.s * (i <= 7 ? 0.45 : 0.55),\n        l: hsl.l * (i <= 4 ? 0.8 : 1)\n      };\n    }\n  }\n};\nvar subtleChildrenThemes = adjustPalettes(defaultChildrenThemes, {\n  ...v5SubtlePaletteAdjustments,\n  gray: void 0,\n  // skip\n  neutral: void 0\n});\nexport {\n  subtleChildrenThemes,\n  v5SubtlePaletteAdjustments\n};\n//# sourceMappingURL=subtleChildrenThemes.js.map\n"],"mappings":";;;AACA,IAAI,6BAA6B;CAC/B,SAAS;EACP,OAAO,SAAS,KAAK;GACnB,OAAO;IACL,GAAG;IACH,GAAG,IAAI,IAAI;GACb;EACF;EACA,MAAM,SAAS,KAAK,GAAG;GACrB,OAAO;IACL,GAAG;IACH,GAAG,IAAI,KAAK,KAAK,IAAI,KAAM;GAC7B;EACF;CACF;CAEA,QAAQ;EACN,OAAO,SAAS,KAAK,GAAG;GACtB,IAAI,KAAK,IAAI,KAAK;GAClB,IAAI,SAAS;GACb,IAAI,OAAO;GACX,IAAI,SAAS;GACb,IAAI,OAAO;GACX,OAAO;IACL,GAAG;IACH,GAAG,IAAI,KAAK,SAAS,KAAK,OAAO;IACjC,GAAG,IAAI,KAAK,SAAS,KAAK,OAAO;GACnC;EACF;EACA,MAAM,SAAS,KAAK,GAAG;GACrB,OAAO;IACL,GAAG;IACH,GAAG,IAAI,KAAK,KAAK,IAAI,MAAO;IAC5B,GAAG,IAAI,KAAK,KAAK,IAAI,KAAM;GAC7B;EACF;CACF;AACF;AACA,IAAI,uBAAuB,eAAe,uBAAuB;CAC/D,GAAG;CACH,MAAM,KAAK;CAEX,SAAS,KAAK;AAChB,CAAC"}

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

@@ -0,0 +1,6 @@
+import { createThemes } from "../theme-builder/index.mjs";
+import { v5Templates } from "./v5-templates.mjs";
+
+export * from "./v5-themes.mjs"
+
+export { createThemes, v5Templates };

package/dist/esm/v5/v5-builder.native.js

@@ -0,0 +1,6 @@
+import { createThemes } from "../theme-builder/index.native.js";
+import { v5Templates } from "./v5-templates.native.js";
+
+export * from "./v5-themes.native.js"
+
+export { createThemes, v5Templates };

package/dist/esm/v5/v5-subtle-builder.mjs

@@ -0,0 +1,5 @@
+import { subtleChildrenThemes, v5SubtlePaletteAdjustments } from "./subtleChildrenThemes.mjs";
+
+export * from "./v5-builder.mjs"
+
+export { subtleChildrenThemes, v5SubtlePaletteAdjustments };

package/dist/esm/v5/v5-subtle-builder.native.js

@@ -0,0 +1,5 @@
+import { subtleChildrenThemes, v5SubtlePaletteAdjustments } from "./subtleChildrenThemes.native.js";
+
+export * from "./v5-builder.native.js"
+
+export { subtleChildrenThemes, v5SubtlePaletteAdjustments };

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

@@ -0,0 +1,91 @@
+import { PALETTE_BACKGROUND_OFFSET } from "../theme-builder/index.mjs";
+
+const objectFromEntries = (entries) => {
+	return Object.fromEntries(entries);
+};
+const objectKeys = (obj) => {
+	return Object.keys(obj);
+};
+const getTemplates = () => {
+	const lightTemplates = getBaseTemplates("light");
+	const darkTemplates = getBaseTemplates("dark");
+	const templates = {
+		...objectFromEntries(objectKeys(lightTemplates).map((name) => [`light_${name}`, lightTemplates[name]])),
+		...objectFromEntries(objectKeys(darkTemplates).map((name) => [`dark_${name}`, darkTemplates[name]]))
+	};
+	return templates;
+};
+const getBaseTemplates = (scheme) => {
+	const isLight = scheme === "light";
+	const lighten = isLight ? -1 : 1;
+	const darken = -lighten;
+	const background = PALETTE_BACKGROUND_OFFSET;
+	const borderColor = background + 2;
+	const color = -background;
+	const makeSurface = (offset, colorOffset = 0) => {
+		const clr = color - colorOffset;
+		const bg = background + offset;
+		const brdr = borderColor + offset;
+		return {
+			color: clr,
+			colorHover: clr + (isLight ? 0 : lighten),
+			colorPress: clr,
+			colorFocus: clr + darken,
+			background: bg,
+			backgroundHover: bg + lighten,
+			backgroundPress: bg + darken,
+			backgroundFocus: bg + offset,
+			backgroundActive: bg,
+			borderColor: brdr,
+			borderColorHover: brdr + lighten,
+			borderColorFocus: brdr,
+			borderColorPress: brdr + darken
+		};
+	};
+	const base = {
+		accentBackground: 0,
+		accentColor: -0,
+		background0: 1,
+		background02: 2,
+		background04: 3,
+		background06: 4,
+		background08: 5,
+		color1: background,
+		color2: background + 1,
+		color3: background + 2,
+		color4: background + 3,
+		color5: background + 4,
+		color6: background + 5,
+		color7: background + 6,
+		color8: background + 7,
+		color9: background + 8,
+		color10: background + 9,
+		color11: background + 10,
+		color12: background + 11,
+		color0: -1,
+		color02: -2,
+		color04: -3,
+		color06: -4,
+		color08: -5,
+		...makeSurface(1),
+		placeholderColor: color - 3,
+		colorTransparent: -1
+	};
+	const surface1 = makeSurface(2, 1);
+	const surface2 = makeSurface(3, 1);
+	const surface3 = makeSurface(5, 1);
+	const accent = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+		return [key, -index];
+	}));
+	return {
+		base,
+		surface1,
+		surface2,
+		surface3,
+		accent
+	};
+};
+const v5Templates = getTemplates();
+
+export { v5Templates };
+//# sourceMappingURL=v5-templates.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"v5-templates.js","names":[],"sources":["esm/v5/v5-templates.js"],"sourcesContent":["import { PALETTE_BACKGROUND_OFFSET } from \"../theme-builder\";\nconst objectFromEntries = (entries) => {\n  return Object.fromEntries(entries);\n};\nconst objectKeys = (obj) => {\n  return Object.keys(obj);\n};\nconst getTemplates = () => {\n  const lightTemplates = getBaseTemplates(\"light\");\n  const darkTemplates = getBaseTemplates(\"dark\");\n  const templates = {\n    ...objectFromEntries(\n      objectKeys(lightTemplates).map(\n        (name) => [`light_${name}`, lightTemplates[name]]\n      )\n    ),\n    ...objectFromEntries(\n      objectKeys(darkTemplates).map(\n        (name) => [`dark_${name}`, darkTemplates[name]]\n      )\n    )\n  };\n  return templates;\n};\nconst getBaseTemplates = (scheme) => {\n  const isLight = scheme === \"light\";\n  const lighten = isLight ? -1 : 1;\n  const darken = -lighten;\n  const background = PALETTE_BACKGROUND_OFFSET;\n  const borderColor = background + 2;\n  const color = -background;\n  const makeSurface = (offset, colorOffset = 0) => {\n    const clr = color - colorOffset;\n    const bg = background + offset;\n    const brdr = borderColor + offset;\n    return {\n      color: clr,\n      colorHover: clr + (isLight ? 0 : lighten),\n      colorPress: clr,\n      colorFocus: clr + darken,\n      background: bg,\n      // hover lightens always\n      backgroundHover: bg + lighten,\n      // press darkens always\n      backgroundPress: bg + darken,\n      // focus: lightens in dark mode, darkens in light\n      backgroundFocus: bg + offset,\n      backgroundActive: bg,\n      borderColor: brdr,\n      borderColorHover: brdr + lighten,\n      borderColorFocus: brdr,\n      borderColorPress: brdr + darken\n    };\n  };\n  const base = {\n    accentBackground: 0,\n    accentColor: -0,\n    background0: 1,\n    background02: 2,\n    background04: 3,\n    background06: 4,\n    background08: 5,\n    color1: background,\n    color2: background + 1,\n    color3: background + 2,\n    color4: background + 3,\n    color5: background + 4,\n    color6: background + 5,\n    color7: background + 6,\n    color8: background + 7,\n    color9: background + 8,\n    color10: background + 9,\n    color11: background + 10,\n    color12: background + 11,\n    color0: -1,\n    color02: -2,\n    color04: -3,\n    color06: -4,\n    color08: -5,\n    // v5 = we make this actually 1 up (surface1 technically from before)\n    // this way \"generics\" are automatically differentiated from base bg\n    ...makeSurface(1),\n    placeholderColor: color - 3,\n    colorTransparent: -1\n  };\n  const surface1 = makeSurface(2, 1);\n  const surface2 = makeSurface(3, 1);\n  const surface3 = makeSurface(5, 1);\n  const accent = Object.fromEntries(\n    Object.entries(base).map(([key, index]) => {\n      return [key, -index];\n    })\n  );\n  return {\n    base,\n    surface1,\n    surface2,\n    surface3,\n    accent\n  };\n};\nconst v5Templates = getTemplates();\nexport {\n  v5Templates\n};\n//# sourceMappingURL=v5-templates.js.map\n"],"mappings":";;;AACA,MAAM,qBAAqB,YAAY;CACrC,OAAO,OAAO,YAAY,OAAO;AACnC;AACA,MAAM,cAAc,QAAQ;CAC1B,OAAO,OAAO,KAAK,GAAG;AACxB;AACA,MAAM,qBAAqB;CACzB,MAAM,iBAAiB,iBAAiB,OAAO;CAC/C,MAAM,gBAAgB,iBAAiB,MAAM;CAC7C,MAAM,YAAY;EAChB,GAAG,kBACD,WAAW,cAAc,EAAE,KACxB,SAAS,CAAC,SAAS,QAAQ,eAAe,KAAK,CAClD,CACF;EACA,GAAG,kBACD,WAAW,aAAa,EAAE,KACvB,SAAS,CAAC,QAAQ,QAAQ,cAAc,KAAK,CAChD,CACF;CACF;CACA,OAAO;AACT;AACA,MAAM,oBAAoB,WAAW;CACnC,MAAM,UAAU,WAAW;CAC3B,MAAM,UAAU,UAAU,CAAC,IAAI;CAC/B,MAAM,SAAS,CAAC;CAChB,MAAM,aAAa;CACnB,MAAM,cAAc,aAAa;CACjC,MAAM,QAAQ,CAAC;CACf,MAAM,eAAe,QAAQ,cAAc,MAAM;EAC/C,MAAM,MAAM,QAAQ;EACpB,MAAM,KAAK,aAAa;EACxB,MAAM,OAAO,cAAc;EAC3B,OAAO;GACL,OAAO;GACP,YAAY,OAAO,UAAU,IAAI;GACjC,YAAY;GACZ,YAAY,MAAM;GAClB,YAAY;GAEZ,iBAAiB,KAAK;GAEtB,iBAAiB,KAAK;GAEtB,iBAAiB,KAAK;GACtB,kBAAkB;GAClB,aAAa;GACb,kBAAkB,OAAO;GACzB,kBAAkB;GAClB,kBAAkB,OAAO;EAC3B;CACF;CACA,MAAM,OAAO;EACX,kBAAkB;EAClB,aAAa,CAAC;EACd,aAAa;EACb,cAAc;EACd,cAAc;EACd,cAAc;EACd,cAAc;EACd,QAAQ;EACR,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,SAAS,aAAa;EACtB,SAAS,aAAa;EACtB,SAAS,aAAa;EACtB,QAAQ,CAAC;EACT,SAAS,CAAC;EACV,SAAS,CAAC;EACV,SAAS,CAAC;EACV,SAAS,CAAC;EAGV,GAAG,YAAY,CAAC;EAChB,kBAAkB,QAAQ;EAC1B,kBAAkB,CAAC;CACrB;CACA,MAAM,WAAW,YAAY,GAAG,CAAC;CACjC,MAAM,WAAW,YAAY,GAAG,CAAC;CACjC,MAAM,WAAW,YAAY,GAAG,CAAC;CACjC,MAAM,SAAS,OAAO,YACpB,OAAO,QAAQ,IAAI,EAAE,KAAK,CAAC,KAAK,WAAW;EACzC,OAAO,CAAC,KAAK,CAAC,KAAK;CACrB,CAAC,CACH;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF;AACA,MAAM,cAAc,aAAa"}

package/dist/esm/v5/v5-templates.native.js

@@ -0,0 +1,97 @@
+import { PALETTE_BACKGROUND_OFFSET } from "../theme-builder/index.native.js";
+
+var objectFromEntries = function(entries) {
+	return Object.fromEntries(entries);
+};
+var objectKeys = function(obj) {
+	return Object.keys(obj);
+};
+var getTemplates = function() {
+	var lightTemplates = getBaseTemplates("light");
+	var darkTemplates = getBaseTemplates("dark");
+	var templates = {
+		...objectFromEntries(objectKeys(lightTemplates).map(function(name) {
+			return [`light_${name}`, lightTemplates[name]];
+		})),
+		...objectFromEntries(objectKeys(darkTemplates).map(function(name) {
+			return [`dark_${name}`, darkTemplates[name]];
+		}))
+	};
+	return templates;
+};
+var getBaseTemplates = function(scheme) {
+	var isLight = scheme === "light";
+	var lighten = isLight ? -1 : 1;
+	var darken = -lighten;
+	var background = PALETTE_BACKGROUND_OFFSET;
+	var borderColor = background + 2;
+	var color = -background;
+	var makeSurface = function(offset) {
+		var colorOffset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+		var clr = color - colorOffset;
+		var bg = background + offset;
+		var brdr = borderColor + offset;
+		return {
+			color: clr,
+			colorHover: clr + (isLight ? 0 : lighten),
+			colorPress: clr,
+			colorFocus: clr + darken,
+			background: bg,
+			backgroundHover: bg + lighten,
+			backgroundPress: bg + darken,
+			backgroundFocus: bg + offset,
+			backgroundActive: bg,
+			borderColor: brdr,
+			borderColorHover: brdr + lighten,
+			borderColorFocus: brdr,
+			borderColorPress: brdr + darken
+		};
+	};
+	var base = {
+		accentBackground: 0,
+		accentColor: -0,
+		background0: 1,
+		background02: 2,
+		background04: 3,
+		background06: 4,
+		background08: 5,
+		color1: background,
+		color2: background + 1,
+		color3: background + 2,
+		color4: background + 3,
+		color5: background + 4,
+		color6: background + 5,
+		color7: background + 6,
+		color8: background + 7,
+		color9: background + 8,
+		color10: background + 9,
+		color11: background + 10,
+		color12: background + 11,
+		color0: -1,
+		color02: -2,
+		color04: -3,
+		color06: -4,
+		color08: -5,
+		...makeSurface(1),
+		placeholderColor: color - 3,
+		colorTransparent: -1
+	};
+	var surface1 = makeSurface(2, 1);
+	var surface2 = makeSurface(3, 1);
+	var surface3 = makeSurface(5, 1);
+	var accent = Object.fromEntries(Object.entries(base).map(function(param) {
+		var [key, index] = param;
+		return [key, -index];
+	}));
+	return {
+		base,
+		surface1,
+		surface2,
+		surface3,
+		accent
+	};
+};
+var v5Templates = getTemplates();
+
+export { v5Templates };
+//# sourceMappingURL=v5-templates.native.js.map

package/dist/esm/v5/v5-templates.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v5-templates.native.js","names":[],"sources":["esm/v5/v5-templates.native.js"],"sourcesContent":["import { PALETTE_BACKGROUND_OFFSET } from \"../theme-builder\";\nvar objectFromEntries = function(entries) {\n  return Object.fromEntries(entries);\n};\nvar objectKeys = function(obj) {\n  return Object.keys(obj);\n};\nvar getTemplates = function() {\n  var lightTemplates = getBaseTemplates(\"light\");\n  var darkTemplates = getBaseTemplates(\"dark\");\n  var templates = {\n    ...objectFromEntries(objectKeys(lightTemplates).map(function(name) {\n      return [\n        `light_${name}`,\n        lightTemplates[name]\n      ];\n    })),\n    ...objectFromEntries(objectKeys(darkTemplates).map(function(name) {\n      return [\n        `dark_${name}`,\n        darkTemplates[name]\n      ];\n    }))\n  };\n  return templates;\n};\nvar getBaseTemplates = function(scheme) {\n  var isLight = scheme === \"light\";\n  var lighten = isLight ? -1 : 1;\n  var darken = -lighten;\n  var background = PALETTE_BACKGROUND_OFFSET;\n  var borderColor = background + 2;\n  var color = -background;\n  var makeSurface = function(offset) {\n    var colorOffset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;\n    var clr = color - colorOffset;\n    var bg = background + offset;\n    var brdr = borderColor + offset;\n    return {\n      color: clr,\n      colorHover: clr + (isLight ? 0 : lighten),\n      colorPress: clr,\n      colorFocus: clr + darken,\n      background: bg,\n      // hover lightens always\n      backgroundHover: bg + lighten,\n      // press darkens always\n      backgroundPress: bg + darken,\n      // focus: lightens in dark mode, darkens in light\n      backgroundFocus: bg + offset,\n      backgroundActive: bg,\n      borderColor: brdr,\n      borderColorHover: brdr + lighten,\n      borderColorFocus: brdr,\n      borderColorPress: brdr + darken\n    };\n  };\n  var base = {\n    accentBackground: 0,\n    accentColor: -0,\n    background0: 1,\n    background02: 2,\n    background04: 3,\n    background06: 4,\n    background08: 5,\n    color1: background,\n    color2: background + 1,\n    color3: background + 2,\n    color4: background + 3,\n    color5: background + 4,\n    color6: background + 5,\n    color7: background + 6,\n    color8: background + 7,\n    color9: background + 8,\n    color10: background + 9,\n    color11: background + 10,\n    color12: background + 11,\n    color0: -1,\n    color02: -2,\n    color04: -3,\n    color06: -4,\n    color08: -5,\n    // v5 = we make this actually 1 up (surface1 technically from before)\n    // this way \"generics\" are automatically differentiated from base bg\n    ...makeSurface(1),\n    placeholderColor: color - 3,\n    colorTransparent: -1\n  };\n  var surface1 = makeSurface(2, 1);\n  var surface2 = makeSurface(3, 1);\n  var surface3 = makeSurface(5, 1);\n  var accent = Object.fromEntries(Object.entries(base).map(function(param) {\n    var [key, index] = param;\n    return [\n      key,\n      -index\n    ];\n  }));\n  return {\n    base,\n    surface1,\n    surface2,\n    surface3,\n    accent\n  };\n};\nvar v5Templates = getTemplates();\nexport {\n  v5Templates\n};\n//# sourceMappingURL=v5-templates.js.map\n"],"mappings":";;;AACA,IAAI,oBAAoB,SAAS,SAAS;CACxC,OAAO,OAAO,YAAY,OAAO;AACnC;AACA,IAAI,aAAa,SAAS,KAAK;CAC7B,OAAO,OAAO,KAAK,GAAG;AACxB;AACA,IAAI,eAAe,WAAW;CAC5B,IAAI,iBAAiB,iBAAiB,OAAO;CAC7C,IAAI,gBAAgB,iBAAiB,MAAM;CAC3C,IAAI,YAAY;EACd,GAAG,kBAAkB,WAAW,cAAc,EAAE,IAAI,SAAS,MAAM;GACjE,OAAO,CACL,SAAS,QACT,eAAe,KACjB;EACF,CAAC,CAAC;EACF,GAAG,kBAAkB,WAAW,aAAa,EAAE,IAAI,SAAS,MAAM;GAChE,OAAO,CACL,QAAQ,QACR,cAAc,KAChB;EACF,CAAC,CAAC;CACJ;CACA,OAAO;AACT;AACA,IAAI,mBAAmB,SAAS,QAAQ;CACtC,IAAI,UAAU,WAAW;CACzB,IAAI,UAAU,UAAU,CAAC,IAAI;CAC7B,IAAI,SAAS,CAAC;CACd,IAAI,aAAa;CACjB,IAAI,cAAc,aAAa;CAC/B,IAAI,QAAQ,CAAC;CACb,IAAI,cAAc,SAAS,QAAQ;EACjC,IAAI,cAAc,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;EACnF,IAAI,MAAM,QAAQ;EAClB,IAAI,KAAK,aAAa;EACtB,IAAI,OAAO,cAAc;EACzB,OAAO;GACL,OAAO;GACP,YAAY,OAAO,UAAU,IAAI;GACjC,YAAY;GACZ,YAAY,MAAM;GAClB,YAAY;GAEZ,iBAAiB,KAAK;GAEtB,iBAAiB,KAAK;GAEtB,iBAAiB,KAAK;GACtB,kBAAkB;GAClB,aAAa;GACb,kBAAkB,OAAO;GACzB,kBAAkB;GAClB,kBAAkB,OAAO;EAC3B;CACF;CACA,IAAI,OAAO;EACT,kBAAkB;EAClB,aAAa,CAAC;EACd,aAAa;EACb,cAAc;EACd,cAAc;EACd,cAAc;EACd,cAAc;EACd,QAAQ;EACR,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,QAAQ,aAAa;EACrB,SAAS,aAAa;EACtB,SAAS,aAAa;EACtB,SAAS,aAAa;EACtB,QAAQ,CAAC;EACT,SAAS,CAAC;EACV,SAAS,CAAC;EACV,SAAS,CAAC;EACV,SAAS,CAAC;EAGV,GAAG,YAAY,CAAC;EAChB,kBAAkB,QAAQ;EAC1B,kBAAkB,CAAC;CACrB;CACA,IAAI,WAAW,YAAY,GAAG,CAAC;CAC/B,IAAI,WAAW,YAAY,GAAG,CAAC;CAC/B,IAAI,WAAW,YAAY,GAAG,CAAC;CAC/B,IAAI,SAAS,OAAO,YAAY,OAAO,QAAQ,IAAI,EAAE,IAAI,SAAS,OAAO;EACvE,IAAI,CAAC,KAAK,SAAS;EACnB,OAAO,CACL,KACA,CAAC,KACH;CACF,CAAC,CAAC;CACF,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF;AACA,IAAI,cAAc,aAAa"}