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

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

@@ -0,0 +1,44 @@
+
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_builder_exports = {};
+__export(theme_builder_exports, {
+	PALETTE_BACKGROUND_OFFSET: () => import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET,
+	createPalettes: () => import_createThemes.createPalettes,
+	createStudioThemes: () => import_createStudioThemes.createStudioThemes,
+	createThemes: () => import_createThemes.createThemes,
+	createV4ThemeBuilder: () => import_createThemes.createV4ThemeBuilder,
+	createV4Themes: () => import_createThemes.createV4Themes,
+	defaultComponentThemes: () => import_defaultComponentThemes.defaultComponentThemes,
+	defaultTemplates: () => import_defaultTemplates.defaultTemplates,
+	getThemeSuitePalettes: () => import_getThemeSuitePalettes.getThemeSuitePalettes,
+	masks: () => import_masks.masks
+});
+module.exports = __toCommonJS(theme_builder_exports);
+__reExport(theme_builder_exports, require("./ThemeBuilder.cjs"), module.exports);
+__reExport(theme_builder_exports, require("../create-theme/index.cjs"), module.exports);
+var import_createStudioThemes = require("./createStudioThemes.cjs");
+var import_createThemes = require("./createThemes.cjs");
+var import_defaultTemplates = require("./defaultTemplates.cjs");
+var import_defaultComponentThemes = require("./defaultComponentThemes.cjs");
+var import_getThemeSuitePalettes = require("./getThemeSuitePalettes.cjs");
+var import_masks = require("./masks.cjs");

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

@@ -0,0 +1,46 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_builder_exports = {};
+__export(theme_builder_exports, {
+	PALETTE_BACKGROUND_OFFSET: () => import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET,
+	createPalettes: () => import_createThemes.createPalettes,
+	createStudioThemes: () => import_createStudioThemes.createStudioThemes,
+	createThemes: () => import_createThemes.createThemes,
+	createV4ThemeBuilder: () => import_createThemes.createV4ThemeBuilder,
+	createV4Themes: () => import_createThemes.createV4Themes,
+	defaultComponentThemes: () => import_defaultComponentThemes.defaultComponentThemes,
+	defaultTemplates: () => import_defaultTemplates.defaultTemplates,
+	getThemeSuitePalettes: () => import_getThemeSuitePalettes.getThemeSuitePalettes,
+	masks: () => import_masks.masks
+});
+module.exports = __toCommonJS(theme_builder_exports);
+__reExport(theme_builder_exports, require("./ThemeBuilder.native.js"), module.exports);
+__reExport(theme_builder_exports, require("../create-theme/index.native.js"), module.exports);
+var import_createStudioThemes = require("./createStudioThemes.native.js");
+var import_createThemes = require("./createThemes.native.js");
+var import_defaultTemplates = require("./defaultTemplates.native.js");
+var import_defaultComponentThemes = require("./defaultComponentThemes.native.js");
+var import_getThemeSuitePalettes = require("./getThemeSuitePalettes.native.js");
+var import_masks = require("./masks.native.js");

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

@@ -0,0 +1,48 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_builder_exports = {};
+__export(theme_builder_exports, {
+	PALETTE_BACKGROUND_OFFSET: () => import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET,
+	createPalettes: () => import_createThemes.createPalettes,
+	createStudioThemes: () => import_createStudioThemes.createStudioThemes,
+	createThemes: () => import_createThemes.createThemes,
+	createV4ThemeBuilder: () => import_createThemes.createV4ThemeBuilder,
+	createV4Themes: () => import_createThemes.createV4Themes,
+	defaultComponentThemes: () => import_defaultComponentThemes.defaultComponentThemes,
+	defaultTemplates: () => import_defaultTemplates.defaultTemplates,
+	getThemeSuitePalettes: () => import_getThemeSuitePalettes.getThemeSuitePalettes,
+	masks: () => import_masks.masks
+});
+module.exports = __toCommonJS(theme_builder_exports);
+__reExport(theme_builder_exports, require("./ThemeBuilder.native.js"), module.exports);
+__reExport(theme_builder_exports, require("../create-theme/index.native.js"), module.exports);
+var import_createStudioThemes = require("./createStudioThemes.native.js");
+var import_createThemes = require("./createThemes.native.js");
+var import_defaultTemplates = require("./defaultTemplates.native.js");
+var import_defaultComponentThemes = require("./defaultComponentThemes.native.js");
+var import_getThemeSuitePalettes = require("./getThemeSuitePalettes.native.js");
+var import_masks = require("./masks.native.js");
+
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/theme-builder/index.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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar theme_builder_exports = {};\n__export(theme_builder_exports, {\n  PALETTE_BACKGROUND_OFFSET: () => import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET,\n  createPalettes: () => import_createThemes.createPalettes,\n  createStudioThemes: () => import_createStudioThemes.createStudioThemes,\n  createThemes: () => import_createThemes.createThemes,\n  createV4ThemeBuilder: () => import_createThemes.createV4ThemeBuilder,\n  createV4Themes: () => import_createThemes.createV4Themes,\n  defaultComponentThemes: () => import_defaultComponentThemes.defaultComponentThemes,\n  defaultTemplates: () => import_defaultTemplates.defaultTemplates,\n  getThemeSuitePalettes: () => import_getThemeSuitePalettes.getThemeSuitePalettes,\n  masks: () => import_masks.masks\n});\nmodule.exports = __toCommonJS(theme_builder_exports);\n__reExport(theme_builder_exports, require(\"./ThemeBuilder\"), module.exports);\n__reExport(theme_builder_exports, require(\"../create-theme\"), module.exports);\nvar import_createStudioThemes = require(\"./createStudioThemes\");\nvar import_createThemes = require(\"./createThemes\");\nvar import_defaultTemplates = require(\"./defaultTemplates\");\nvar import_defaultComponentThemes = require(\"./defaultComponentThemes\");\nvar import_getThemeSuitePalettes = require(\"./getThemeSuitePalettes\");\nvar import_masks = require(\"./masks\");\n//# sourceMappingURL=index.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,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,wBAAwB,CAAC;AAC7B,SAAS,uBAAuB;CAC9B,iCAAiC,6BAA6B;CAC9D,sBAAsB,oBAAoB;CAC1C,0BAA0B,0BAA0B;CACpD,oBAAoB,oBAAoB;CACxC,4BAA4B,oBAAoB;CAChD,sBAAsB,oBAAoB;CAC1C,8BAA8B,8BAA8B;CAC5D,wBAAwB,wBAAwB;CAChD,6BAA6B,6BAA6B;CAC1D,aAAa,aAAa;AAC5B,CAAC;AACD,OAAO,UAAU,aAAa,qBAAqB;AACnD,WAAW,uBAAuB,QAAQ,0BAAgB,GAAG,OAAO,OAAO;AAC3E,WAAW,uBAAuB,QAAQ,iCAAiB,GAAG,OAAO,OAAO;AAC5E,IAAI,4BAA4B,QAAQ,gCAAsB;AAC9D,IAAI,sBAAsB,QAAQ,0BAAgB;AAClD,IAAI,0BAA0B,QAAQ,8BAAoB;AAC1D,IAAI,gCAAgC,QAAQ,oCAA0B;AACtE,IAAI,+BAA+B,QAAQ,mCAAyB;AACpE,IAAI,eAAe,QAAQ,mBAAS"}

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

@@ -0,0 +1,92 @@
+
+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 masks_exports = {};
+__export(masks_exports, { masks: () => masks });
+module.exports = __toCommonJS(masks_exports);
+var import_create_theme = require("../create-theme/index.cjs");
+const masks = {
+	identity: (0, import_create_theme.createIdentityMask)(),
+	soften: (0, import_create_theme.createSoftenMask)(),
+	soften2: (0, import_create_theme.createSoftenMask)({ strength: 2 }),
+	soften3: (0, import_create_theme.createSoftenMask)({ strength: 3 }),
+	strengthen: (0, import_create_theme.createStrengthenMask)(),
+	inverse: (0, import_create_theme.createInverseMask)(),
+	inverseSoften: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 2 })),
+	inverseSoften2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 3 })),
+	inverseSoften3: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 4 })),
+	inverseStrengthen2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createStrengthenMask)({ strength: 2 })),
+	strengthenButSoftenBorder: (0, import_create_theme.createMask)((template, options) => {
+		const stronger = (0, import_create_theme.createStrengthenMask)().mask(template, options);
+		const softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+		return {
+			...stronger,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	}),
+	soften2Border1: (0, import_create_theme.createMask)((template, options) => {
+		const softer2 = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		const softer1 = (0, import_create_theme.createSoftenMask)({ strength: 1 }).mask(template, options);
+		return {
+			...softer2,
+			borderColor: softer1.borderColor,
+			borderColorHover: softer1.borderColorHover,
+			borderColorPress: softer1.borderColorPress,
+			borderColorFocus: softer1.borderColorFocus
+		};
+	}),
+	soften3FlatBorder: (0, import_create_theme.createMask)((template, options) => {
+		const borderMask = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		const softer3 = (0, import_create_theme.createSoftenMask)({ strength: 3 }).mask(template, options);
+		return {
+			...softer3,
+			borderColor: borderMask.borderColor,
+			borderColorHover: borderMask.borderColorHover,
+			borderColorPress: borderMask.borderColorPress,
+			borderColorFocus: borderMask.borderColorFocus
+		};
+	}),
+	softenBorder: (0, import_create_theme.createMask)((template, options) => {
+		const plain = import_create_theme.skipMask.mask(template, options);
+		const softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+		return {
+			...plain,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	}),
+	softenBorder2: (0, import_create_theme.createMask)((template, options) => {
+		const plain = import_create_theme.skipMask.mask(template, options);
+		const softer = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		return {
+			...plain,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	})
+};

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

@@ -0,0 +1,94 @@
+"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 masks_exports = {};
+__export(masks_exports, { masks: () => masks });
+module.exports = __toCommonJS(masks_exports);
+var import_create_theme = require("../create-theme/index.native.js");
+var masks = {
+	identity: (0, import_create_theme.createIdentityMask)(),
+	soften: (0, import_create_theme.createSoftenMask)(),
+	soften2: (0, import_create_theme.createSoftenMask)({ strength: 2 }),
+	soften3: (0, import_create_theme.createSoftenMask)({ strength: 3 }),
+	strengthen: (0, import_create_theme.createStrengthenMask)(),
+	inverse: (0, import_create_theme.createInverseMask)(),
+	inverseSoften: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 2 })),
+	inverseSoften2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 3 })),
+	inverseSoften3: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 4 })),
+	inverseStrengthen2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createStrengthenMask)({ strength: 2 })),
+	strengthenButSoftenBorder: (0, import_create_theme.createMask)(function(template, options) {
+		var stronger = (0, import_create_theme.createStrengthenMask)().mask(template, options);
+		var softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+		return {
+			...stronger,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	}),
+	soften2Border1: (0, import_create_theme.createMask)(function(template, options) {
+		var softer2 = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		var softer1 = (0, import_create_theme.createSoftenMask)({ strength: 1 }).mask(template, options);
+		return {
+			...softer2,
+			borderColor: softer1.borderColor,
+			borderColorHover: softer1.borderColorHover,
+			borderColorPress: softer1.borderColorPress,
+			borderColorFocus: softer1.borderColorFocus
+		};
+	}),
+	soften3FlatBorder: (0, import_create_theme.createMask)(function(template, options) {
+		var borderMask = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		var softer3 = (0, import_create_theme.createSoftenMask)({ strength: 3 }).mask(template, options);
+		return {
+			...softer3,
+			borderColor: borderMask.borderColor,
+			borderColorHover: borderMask.borderColorHover,
+			borderColorPress: borderMask.borderColorPress,
+			borderColorFocus: borderMask.borderColorFocus
+		};
+	}),
+	softenBorder: (0, import_create_theme.createMask)(function(template, options) {
+		var plain = import_create_theme.skipMask.mask(template, options);
+		var softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+		return {
+			...plain,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	}),
+	softenBorder2: (0, import_create_theme.createMask)(function(template, options) {
+		var plain = import_create_theme.skipMask.mask(template, options);
+		var softer = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		return {
+			...plain,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	})
+};

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

@@ -0,0 +1,96 @@
+"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 masks_exports = {};
+__export(masks_exports, { masks: () => masks });
+module.exports = __toCommonJS(masks_exports);
+var import_create_theme = require("../create-theme/index.native.js");
+var masks = {
+	identity: (0, import_create_theme.createIdentityMask)(),
+	soften: (0, import_create_theme.createSoftenMask)(),
+	soften2: (0, import_create_theme.createSoftenMask)({ strength: 2 }),
+	soften3: (0, import_create_theme.createSoftenMask)({ strength: 3 }),
+	strengthen: (0, import_create_theme.createStrengthenMask)(),
+	inverse: (0, import_create_theme.createInverseMask)(),
+	inverseSoften: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 2 })),
+	inverseSoften2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 3 })),
+	inverseSoften3: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 4 })),
+	inverseStrengthen2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createStrengthenMask)({ strength: 2 })),
+	strengthenButSoftenBorder: (0, import_create_theme.createMask)(function(template, options) {
+		var stronger = (0, import_create_theme.createStrengthenMask)().mask(template, options);
+		var softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+		return {
+			...stronger,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	}),
+	soften2Border1: (0, import_create_theme.createMask)(function(template, options) {
+		var softer2 = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		var softer1 = (0, import_create_theme.createSoftenMask)({ strength: 1 }).mask(template, options);
+		return {
+			...softer2,
+			borderColor: softer1.borderColor,
+			borderColorHover: softer1.borderColorHover,
+			borderColorPress: softer1.borderColorPress,
+			borderColorFocus: softer1.borderColorFocus
+		};
+	}),
+	soften3FlatBorder: (0, import_create_theme.createMask)(function(template, options) {
+		var borderMask = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		var softer3 = (0, import_create_theme.createSoftenMask)({ strength: 3 }).mask(template, options);
+		return {
+			...softer3,
+			borderColor: borderMask.borderColor,
+			borderColorHover: borderMask.borderColorHover,
+			borderColorPress: borderMask.borderColorPress,
+			borderColorFocus: borderMask.borderColorFocus
+		};
+	}),
+	softenBorder: (0, import_create_theme.createMask)(function(template, options) {
+		var plain = import_create_theme.skipMask.mask(template, options);
+		var softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+		return {
+			...plain,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	}),
+	softenBorder2: (0, import_create_theme.createMask)(function(template, options) {
+		var plain = import_create_theme.skipMask.mask(template, options);
+		var softer = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+		return {
+			...plain,
+			borderColor: softer.borderColor,
+			borderColorHover: softer.borderColorHover,
+			borderColorPress: softer.borderColorPress,
+			borderColorFocus: softer.borderColorFocus
+		};
+	})
+};
+
+//# sourceMappingURL=masks.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masks.native.js","names":[],"sources":["cjs/theme-builder/masks.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 masks_exports = {};\n__export(masks_exports, {\n  masks: () => masks\n});\nmodule.exports = __toCommonJS(masks_exports);\nvar import_create_theme = require(\"../create-theme\");\nvar masks = {\n  identity: (0, import_create_theme.createIdentityMask)(),\n  soften: (0, import_create_theme.createSoftenMask)(),\n  soften2: (0, import_create_theme.createSoftenMask)({\n    strength: 2\n  }),\n  soften3: (0, import_create_theme.createSoftenMask)({\n    strength: 3\n  }),\n  strengthen: (0, import_create_theme.createStrengthenMask)(),\n  inverse: (0, import_create_theme.createInverseMask)(),\n  inverseSoften: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({\n    strength: 2\n  })),\n  inverseSoften2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({\n    strength: 3\n  })),\n  inverseSoften3: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({\n    strength: 4\n  })),\n  inverseStrengthen2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createStrengthenMask)({\n    strength: 2\n  })),\n  strengthenButSoftenBorder: (0, import_create_theme.createMask)(function(template, options) {\n    var stronger = (0, import_create_theme.createStrengthenMask)().mask(template, options);\n    var softer = (0, import_create_theme.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: (0, import_create_theme.createMask)(function(template, options) {\n    var softer2 = (0, import_create_theme.createSoftenMask)({\n      strength: 2\n    }).mask(template, options);\n    var softer1 = (0, import_create_theme.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: (0, import_create_theme.createMask)(function(template, options) {\n    var borderMask = (0, import_create_theme.createSoftenMask)({\n      strength: 2\n    }).mask(template, options);\n    var softer3 = (0, import_create_theme.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: (0, import_create_theme.createMask)(function(template, options) {\n    var plain = import_create_theme.skipMask.mask(template, options);\n    var softer = (0, import_create_theme.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: (0, import_create_theme.createMask)(function(template, options) {\n    var plain = import_create_theme.skipMask.mask(template, options);\n    var softer = (0, import_create_theme.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};\n//# sourceMappingURL=masks.js.map\n"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) 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 types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

@@ -0,0 +1,19 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) 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 types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) 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 types_exports = {};
+module.exports = __toCommonJS(types_exports);
+
+//# sourceMappingURL=types.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.native.js","names":[],"sources":["cjs/theme-builder/types.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\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 types_exports = {};\nmodule.exports = __toCommonJS(types_exports);\n//# sourceMappingURL=types.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,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,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa"}

package/dist/cjs/v5/opacify.cjs

@@ -0,0 +1,120 @@
+
+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 opacify_exports = {};
+__export(opacify_exports, {
+	interpolateColor: () => interpolateColor,
+	opacify: () => opacify
+});
+module.exports = __toCommonJS(opacify_exports);
+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;
+}