@evolve.ui/theme-system 1.0.0

package/default-B2n4PnsJ.mjs

@@ -0,0 +1,914 @@
+import { $ as colorIconPrimary, $n as fontWeightLabelMini, $t as colorSurface100, A as colorBorderInverse, An as colorWarning300, At as colorPrimary700, B as colorCritical400, C as colorBackgroundWarningDark, Cn as colorTextInverse, Cr as textTransformButton, D as colorBorderDisabled, Dn as colorTextWarning, E as colorBorderCritical, En as colorTextSuccess, F as colorBorderTertiary, Gn as fontWeightButton, Gt as colorSuccess300, H as colorCritical500, Hn as fontSizeButton200, I as colorBorderWarning, In as colorWarning800, J as colorFocusPrimary, Jn as fontWeightH2, Kn as fontWeightCaption, Lt as colorSecondary50, M as colorBorderSecondary, Mn as colorWarning50, Mt as colorPrimary900, N as colorBorderSelected, Nn as colorWarning500, O as colorBorderHover, Or as wrapOpacity, Ot as colorPrimary500, P as colorBorderSuccess, Pn as colorWarning600, Q as colorIconInverse, Qn as fontWeightH6, Qt as colorSuccess900, S as colorBackgroundTertiary, Sn as colorTextInfo, Sr as shadow05, St as colorLinkSecondary, T as colorBorderBlack, Tn as colorTextSecondary, Tr as textTransformLabelMini, Un as fontWeightBodyPrimary, V as colorCritical50, Vn as fontSizeButton100, Wn as fontWeightBodySecondary, X as colorIconDisabled, Xn as fontWeightH4, Xt as colorSuccess700, Y as colorIconCritical, Yn as fontWeightH3, Z as colorIconInfo, Zn as fontWeightH5, _ as colorBackgroundPrimary, _t as colorLinkInverseHover, a as checkboxBorderRadius, ar as letterSpacingCaption, b as colorBackgroundSuccessDark, bn as colorTextDisabled, br as shadow03, bt as colorLinkPressed, c as colorBackgroundDisabled, cn as colorSurface900, cr as letterSpacingH2, d as colorBackgroundInfoDark, dr as letterSpacingH3Mobile, en as colorSurface200, er as fontWeightLabelStrong, et as colorIconSecondary, f as colorBackgroundInfoLight, fr as letterSpacingH4, g as colorBackgroundPressedInverse, gr as letterSpacingLabelStrong, h as colorBackgroundPressed, hr as letterSpacingLabelMini, ht as colorLinkInverse, i as buttonBorderRadius, in as colorSurface500, ir as letterSpacingButton, j as colorBorderPrimary, k as colorBorderInfo, kr as wrapVar, l as colorBackgroundHover, lr as letterSpacingH2Mobile, lt as colorInfo600, mr as letterSpacingH6, mt as colorLinkHover, nr as letterSpacingBodyPrimary, nt as colorIconWarning, o as colorBackgroundCriticalDark, or as letterSpacingH1, ot as colorInfo400, p as colorBackgroundInverse, pn as colorTertiary50, pr as letterSpacingH5, pt as colorLinkDisabled, q as colorFocusInverse, qn as fontWeightH1, qt as colorSuccess50, rn as colorSurface50, rr as letterSpacingBodySecondary, s as colorBackgroundCriticalLight, sr as letterSpacingH1Mobile, st as colorInfo50, tn as colorSurface300, tr as inputBorderRadius, tt as colorIconSuccess, u as colorBackgroundHoverInverse, ur as letterSpacingH3, ut as colorInfo700, v as colorBackgroundSecondary, vr as shadow01, vt as colorLinkInversePressed, w as colorBackgroundWarningLight, wn as colorTextPrimary, wr as textTransformH6, x as colorBackgroundSuccessLight, xn as colorTextInactive, xr as shadow04, xt as colorLinkPrimary, y as colorBackgroundSubdued, yn as colorTextCritical, yr as shadow02, yt as colorLinkMonochrome } from "./spacing-D43IZfIU.mjs";
+import { n as boxShadow, t as fontFamily } from "./fontFamily-DTm-Yz5-.mjs";
+import { breakpoints, radius, spacing, width } from "./themes/common.mjs";
+import tinycolor from "tinycolor2";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+//#region src/utils/color.ts
+const lighten = (percentAsInt, unprocessedColor) => {
+	const color = tinycolor(unprocessedColor);
+	const amount = percentAsInt * ((1 - color.toHsl().l) * 100) / 100;
+	return color.lighten(amount);
+};
+const darken = (percentAsInt, unprocessedColor) => {
+	const color = tinycolor(unprocessedColor);
+	const amount = percentAsInt * (color.toHsl().l * 100) / 100;
+	return color.darken(amount);
+};
+const removeRGB = (color) => color.replace(/rgb\(|,|\)/g, "");
+/**
+* Generate a set of color steps from a base color. Base color becomes 500.
+*
+* @param color The color to generate the steps from
+* @returns An array of 50, 100, 200, 300, 400, 500, 600, 700, 800, 900 color values.
+*/
+const generateNormalColorSteps = (color) => {
+	return [
+		removeRGB(lighten(95, color).toRgbString()),
+		removeRGB(lighten(85, color).toRgbString()),
+		removeRGB(lighten(70, color).toRgbString()),
+		removeRGB(lighten(40, color).toRgbString()),
+		removeRGB(lighten(20, color).toRgbString()),
+		removeRGB(tinycolor(color).toRgbString()),
+		removeRGB(darken(20, color).toRgbString()),
+		removeRGB(darken(40, color).toRgbString()),
+		removeRGB(darken(50, color).toRgbString()),
+		removeRGB(darken(70, color).toRgbString())
+	];
+};
+/**
+* Generate a set of color steps from a base color. Base color becomes 500.
+*
+* @param color The color to generate the steps from
+* @param isNeutral Whether the color is a neutral color to make surface-50 true white
+* @returns An array of 50, 100, 200, 300, 400, 500, 600, 700, 800, 900 color values.
+*/
+const generateSurfaceColorSteps = (color, isNeutral = false) => {
+	return [
+		removeRGB(lighten(isNeutral ? 100 : 99, color).toRgbString()),
+		removeRGB(lighten(95, color).toRgbString()),
+		removeRGB(lighten(80, color).toRgbString()),
+		removeRGB(lighten(50, color).toRgbString()),
+		removeRGB(lighten(30, color).toRgbString()),
+		removeRGB(tinycolor(color).toRgbString()),
+		removeRGB(darken(20, color).toRgbString()),
+		removeRGB(darken(40, color).toRgbString()),
+		removeRGB(darken(50, color).toRgbString()),
+		removeRGB(darken(70, color).toRgbString())
+	];
+};
+const steps = [
+	"50",
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"600",
+	"700",
+	"800",
+	"900"
+];
+const colorStepArrayToObject = (colorStepArray) => {
+	return {
+		"100": colorStepArray[1],
+		"200": colorStepArray[2],
+		"300": colorStepArray[3],
+		"400": colorStepArray[4],
+		"50": colorStepArray[0],
+		"500": colorStepArray[5],
+		"600": colorStepArray[6],
+		"700": colorStepArray[7],
+		"800": colorStepArray[8],
+		"900": colorStepArray[9]
+	};
+};
+//#endregion
+//#region src/themes/BasketballTraining.ts
+var BasketballTraining_exports = /* @__PURE__ */ __exportAll({
+	colorAliases: () => colorAliases$2,
+	coreColors: () => coreColors$2,
+	nonColorVariables: () => nonColorVariables$2
+});
+const coreColors$2 = {
+	amber: colorStepArrayToObject(generateNormalColorSteps("#B45309")),
+	blue: colorStepArrayToObject(generateNormalColorSteps("#0369A1")),
+	green: colorStepArrayToObject(generateNormalColorSteps("#15803D")),
+	neutral: colorStepArrayToObject(generateSurfaceColorSteps("#5D564F", true)),
+	orange: colorStepArrayToObject(generateNormalColorSteps("#C2410C")),
+	red: colorStepArrayToObject(generateNormalColorSteps("#CC2B20")),
+	teal: colorStepArrayToObject(generateNormalColorSteps("#1E3A5F")),
+	violet: colorStepArrayToObject(generateNormalColorSteps("#0F766E"))
+};
+const colorAliases$2 = {
+	critical: coreColors$2.red,
+	info: coreColors$2.blue,
+	primary: coreColors$2.orange,
+	secondary: coreColors$2.teal,
+	success: coreColors$2.green,
+	surface: coreColors$2.neutral,
+	tertiary: coreColors$2.violet,
+	warning: coreColors$2.amber
+};
+const nonColorVariables$2 = {
+	"--box-shadow-01": `0px 4px 4px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-02": `0px 1px 4px ${wrapOpacity(wrapVar(colorSurface300), 50)}, 0px 1px 8px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-03": `0px 2px 8px ${wrapOpacity(wrapVar(colorSurface300), 50)}, 0px 4px 16px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-04": `0px 3px 12px ${wrapOpacity(wrapVar(colorSurface500), 50)}, 0px 6px 24px ${wrapOpacity(wrapVar(colorSurface300), 50)}`,
+	"--box-shadow-05": `0px -4px 4px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--button-border-radius": "8px",
+	"--checkbox-border-radius": "4px",
+	"--color-background-critical-dark": wrapVar(colorCritical500),
+	"--color-background-critical-light": wrapVar(colorCritical50),
+	"--color-background-disabled": wrapVar(colorSurface200),
+	"--color-background-hover": wrapVar(colorSurface900),
+	"--color-background-hover-inverse": wrapVar(colorSurface50),
+	"--color-background-info-dark": wrapVar(colorInfo600),
+	"--color-background-info-light": wrapVar(colorInfo50),
+	"--color-background-inverse": wrapVar(colorPrimary900),
+	"--color-background-overlay": wrapVar(colorSurface900),
+	"--color-background-pressed": wrapVar(colorSurface900),
+	"--color-background-pressed-inverse": wrapVar(colorSurface50),
+	"--color-background-primary": wrapVar(colorSurface50),
+	"--color-background-secondary": wrapVar(colorSecondary50),
+	"--color-background-subdued": wrapVar(colorSurface100),
+	"--color-background-success-dark": wrapVar(colorSuccess900),
+	"--color-background-success-light": wrapVar(colorSuccess50),
+	"--color-background-tertiary": wrapVar(colorTertiary50),
+	"--color-background-warning-dark": wrapVar(colorWarning500),
+	"--color-background-warning-light": wrapVar(colorWarning50),
+	"--color-border-black": wrapVar(colorSurface900),
+	"--color-border-critical": wrapVar(colorCritical400),
+	"--color-border-disabled": wrapVar(colorSurface300),
+	"--color-border-hover": wrapVar(colorPrimary700),
+	"--color-border-info": wrapVar(colorInfo400),
+	"--color-border-inverse": wrapVar(colorSurface50),
+	"--color-border-primary": wrapVar(colorSurface300),
+	"--color-border-secondary": wrapVar(colorSurface200),
+	"--color-border-selected": wrapVar(colorPrimary500),
+	"--color-border-success": wrapVar(colorSuccess300),
+	"--color-border-tertiary": wrapVar(colorSurface100),
+	"--color-border-warning": wrapVar(colorWarning300),
+	"--color-focus-inverse": wrapVar(colorSurface50),
+	"--color-focus-primary": wrapVar(colorPrimary500),
+	"--color-icon-critical": wrapVar(colorCritical400),
+	"--color-icon-disabled": wrapVar(colorSurface300),
+	"--color-icon-info": wrapVar(colorInfo400),
+	"--color-icon-inverse": wrapVar(colorSurface50),
+	"--color-icon-primary": wrapVar(colorSurface500),
+	"--color-icon-secondary": wrapVar(colorPrimary500),
+	"--color-icon-success": wrapVar(colorSuccess700),
+	"--color-icon-warning": wrapVar(colorWarning600),
+	"--color-link-disabled": wrapVar(colorSurface300),
+	"--color-link-hover": wrapVar(colorPrimary700),
+	"--color-link-inverse": wrapVar(colorSurface50),
+	"--color-link-inverse-disabled": wrapVar(colorSurface300),
+	"--color-link-inverse-hover": wrapVar(colorSurface100),
+	"--color-link-inverse-pressed": wrapVar(colorSurface200),
+	"--color-link-monochrome": wrapVar(colorSurface900),
+	"--color-link-pressed": wrapVar(colorPrimary900),
+	"--color-link-primary": wrapVar(colorPrimary500),
+	"--color-link-secondary": wrapVar(colorSurface500),
+	"--color-text-critical": wrapVar(colorCritical500),
+	"--color-text-disabled": wrapVar(colorSurface300),
+	"--color-text-inactive": wrapVar(colorSurface300),
+	"--color-text-info": wrapVar(colorInfo700),
+	"--color-text-inverse": wrapVar(colorSurface50),
+	"--color-text-primary": wrapVar(colorSurface900),
+	"--color-text-secondary": wrapVar(colorSurface500),
+	"--color-text-success": wrapVar(colorSuccess900),
+	"--color-text-warning": wrapVar(colorWarning800),
+	"--container-border-radius": "12px",
+	"--font-family-primary": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+	"--font-family-secondary": "'Georgia', serif",
+	"--font-size-button-100": "14px",
+	"--font-size-button-200": "12px",
+	"--font-weight-body-primary": "400",
+	"--font-weight-body-secondary": "400",
+	"--font-weight-button": "600",
+	"--font-weight-caption": "400",
+	"--font-weight-h1": "400",
+	"--font-weight-h2": "400",
+	"--font-weight-h3": "400",
+	"--font-weight-h4": "400",
+	"--font-weight-h5": "600",
+	"--font-weight-h6": "600",
+	"--font-weight-label-mini": "400",
+	"--font-weight-label-strong": "600",
+	"--input-border-radius": "6px",
+	"--letter-spacing-body-primary": "0.2px",
+	"--letter-spacing-body-secondary": "0.2px",
+	"--letter-spacing-button": "1px",
+	"--letter-spacing-caption": "0.2px",
+	"--letter-spacing-h1": "0.2px",
+	"--letter-spacing-h1-mobile": "0.2px",
+	"--letter-spacing-h2": "0.2px",
+	"--letter-spacing-h2-mobile": "0.2px",
+	"--letter-spacing-h3": "0.2px",
+	"--letter-spacing-h3-mobile": "0.2px",
+	"--letter-spacing-h4": "0.2px",
+	"--letter-spacing-h5": "0.2px",
+	"--letter-spacing-h6": "1px",
+	"--letter-spacing-label-mini": "1px",
+	"--letter-spacing-label-strong": "0.2px",
+	"--search-input-border-radius": "24px",
+	"--text-transform-button": "uppercase",
+	"--text-transform-h6": "uppercase",
+	"--text-transform-label-mini": "uppercase",
+	"--width-dense": "1200px",
+	"--width-page": "1644px"
+};
+//#endregion
+//#region src/themes/Default.ts
+var Default_exports = /* @__PURE__ */ __exportAll({
+	colorAliases: () => colorAliases$1,
+	coreColors: () => coreColors$1,
+	nonColorVariables: () => nonColorVariables$1
+});
+const coreColors$1 = {
+	amber: colorStepArrayToObject(generateNormalColorSteps("#D97706")),
+	blue: colorStepArrayToObject(generateNormalColorSteps("#2563EB")),
+	gray: colorStepArrayToObject(generateNormalColorSteps("#33415C")),
+	green: colorStepArrayToObject(generateNormalColorSteps("#16A34A")),
+	neutral: colorStepArrayToObject(generateSurfaceColorSteps("#555E6B", true)),
+	red: colorStepArrayToObject(generateNormalColorSteps("#D92525")),
+	stone: colorStepArrayToObject(generateNormalColorSteps("#6E6259")),
+	zinc: colorStepArrayToObject(generateNormalColorSteps("#5C6470"))
+};
+const colorAliases$1 = {
+	critical: coreColors$1.red,
+	info: coreColors$1.blue,
+	primary: coreColors$1.gray,
+	secondary: coreColors$1.zinc,
+	success: coreColors$1.green,
+	surface: coreColors$1.neutral,
+	tertiary: coreColors$1.stone,
+	warning: coreColors$1.amber
+};
+const nonColorVariables$1 = {
+	"--box-shadow-01": `0px 4px 4px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-02": `0px 1px 4px ${wrapOpacity(wrapVar(colorSurface300), 50)}, 0px 1px 8px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-03": `0px 2px 8px ${wrapOpacity(wrapVar(colorSurface300), 50)}, 0px 4px 16px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-04": `0px 3px 12px ${wrapOpacity(wrapVar(colorSurface500), 50)}, 0px 6px 24px ${wrapOpacity(wrapVar(colorSurface300), 50)}`,
+	"--box-shadow-05": `0px -4px 4px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--button-border-radius": "8px",
+	"--checkbox-border-radius": "4px",
+	"--color-background-critical-dark": wrapVar(colorCritical500),
+	"--color-background-critical-light": wrapVar(colorCritical50),
+	"--color-background-disabled": wrapVar(colorSurface200),
+	"--color-background-hover": wrapVar(colorSurface900),
+	"--color-background-hover-inverse": wrapVar(colorSurface50),
+	"--color-background-info-dark": wrapVar(colorInfo600),
+	"--color-background-info-light": wrapVar(colorInfo50),
+	"--color-background-inverse": wrapVar(colorPrimary900),
+	"--color-background-overlay": wrapVar(colorSurface900),
+	"--color-background-pressed": wrapVar(colorSurface900),
+	"--color-background-pressed-inverse": wrapVar(colorSurface50),
+	"--color-background-primary": wrapVar(colorSurface50),
+	"--color-background-secondary": wrapVar(colorSecondary50),
+	"--color-background-subdued": wrapVar(colorSurface100),
+	"--color-background-success-dark": wrapVar(colorSuccess900),
+	"--color-background-success-light": wrapVar(colorSuccess50),
+	"--color-background-tertiary": wrapVar(colorTertiary50),
+	"--color-background-warning-dark": wrapVar(colorWarning500),
+	"--color-background-warning-light": wrapVar(colorWarning50),
+	"--color-border-black": wrapVar(colorSurface900),
+	"--color-border-critical": wrapVar(colorCritical400),
+	"--color-border-disabled": wrapVar(colorSurface300),
+	"--color-border-hover": wrapVar(colorPrimary700),
+	"--color-border-info": wrapVar(colorInfo400),
+	"--color-border-inverse": wrapVar(colorSurface50),
+	"--color-border-primary": wrapVar(colorSurface300),
+	"--color-border-secondary": wrapVar(colorSurface200),
+	"--color-border-selected": wrapVar(colorPrimary500),
+	"--color-border-success": wrapVar(colorSuccess300),
+	"--color-border-tertiary": wrapVar(colorSurface100),
+	"--color-border-warning": wrapVar(colorWarning300),
+	"--color-focus-inverse": wrapVar(colorSurface50),
+	"--color-focus-primary": wrapVar(colorPrimary500),
+	"--color-icon-critical": wrapVar(colorCritical400),
+	"--color-icon-disabled": wrapVar(colorSurface300),
+	"--color-icon-info": wrapVar(colorInfo400),
+	"--color-icon-inverse": wrapVar(colorSurface50),
+	"--color-icon-primary": wrapVar(colorSurface500),
+	"--color-icon-secondary": wrapVar(colorPrimary500),
+	"--color-icon-success": wrapVar(colorSuccess700),
+	"--color-icon-warning": wrapVar(colorWarning600),
+	"--color-link-disabled": wrapVar(colorSurface300),
+	"--color-link-hover": wrapVar(colorPrimary700),
+	"--color-link-inverse": wrapVar(colorSurface50),
+	"--color-link-inverse-disabled": wrapVar(colorSurface300),
+	"--color-link-inverse-hover": wrapVar(colorSurface100),
+	"--color-link-inverse-pressed": wrapVar(colorSurface200),
+	"--color-link-monochrome": wrapVar(colorSurface900),
+	"--color-link-pressed": wrapVar(colorPrimary900),
+	"--color-link-primary": wrapVar(colorPrimary500),
+	"--color-link-secondary": wrapVar(colorSurface500),
+	"--color-text-critical": wrapVar(colorCritical500),
+	"--color-text-disabled": wrapVar(colorSurface300),
+	"--color-text-inactive": wrapVar(colorSurface300),
+	"--color-text-info": wrapVar(colorInfo700),
+	"--color-text-inverse": wrapVar(colorSurface50),
+	"--color-text-primary": wrapVar(colorSurface900),
+	"--color-text-secondary": wrapVar(colorSurface500),
+	"--color-text-success": wrapVar(colorSuccess900),
+	"--color-text-warning": wrapVar(colorWarning800),
+	"--container-border-radius": "8px",
+	"--font-family-primary": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+	"--font-family-secondary": "'Georgia', serif",
+	"--font-size-button-100": "14px",
+	"--font-size-button-200": "12px",
+	"--font-weight-body-primary": "400",
+	"--font-weight-body-secondary": "400",
+	"--font-weight-button": "600",
+	"--font-weight-caption": "400",
+	"--font-weight-h1": "400",
+	"--font-weight-h2": "400",
+	"--font-weight-h3": "400",
+	"--font-weight-h4": "400",
+	"--font-weight-h5": "600",
+	"--font-weight-h6": "600",
+	"--font-weight-label-mini": "400",
+	"--font-weight-label-strong": "600",
+	"--input-border-radius": "6px",
+	"--letter-spacing-body-primary": "0.2px",
+	"--letter-spacing-body-secondary": "0.2px",
+	"--letter-spacing-button": "1px",
+	"--letter-spacing-caption": "0.2px",
+	"--letter-spacing-h1": "0.2px",
+	"--letter-spacing-h1-mobile": "0.2px",
+	"--letter-spacing-h2": "0.2px",
+	"--letter-spacing-h2-mobile": "0.2px",
+	"--letter-spacing-h3": "0.2px",
+	"--letter-spacing-h3-mobile": "0.2px",
+	"--letter-spacing-h4": "0.2px",
+	"--letter-spacing-h5": "0.2px",
+	"--letter-spacing-h6": "1px",
+	"--letter-spacing-label-mini": "1px",
+	"--letter-spacing-label-strong": "0.2px",
+	"--search-input-border-radius": "24px",
+	"--text-transform-button": "uppercase",
+	"--text-transform-h6": "uppercase",
+	"--text-transform-label-mini": "uppercase",
+	"--width-dense": "1200px",
+	"--width-page": "1644px"
+};
+//#endregion
+//#region src/themes/ProfessionalBrand.ts
+var ProfessionalBrand_exports = /* @__PURE__ */ __exportAll({
+	colorAliases: () => colorAliases,
+	coreColors: () => coreColors,
+	nonColorVariables: () => nonColorVariables
+});
+const coreColors = {
+	amber: colorStepArrayToObject(generateNormalColorSteps("#B45309")),
+	blue: colorStepArrayToObject(generateNormalColorSteps("#1D4ED8")),
+	cyan: colorStepArrayToObject(generateNormalColorSteps("#0C6478")),
+	green: colorStepArrayToObject(generateNormalColorSteps("#047857")),
+	indigo: colorStepArrayToObject(generateNormalColorSteps("#4F46E5")),
+	neutral: colorStepArrayToObject(generateSurfaceColorSteps("#525B6E", true)),
+	red: colorStepArrayToObject(generateNormalColorSteps("#D42424")),
+	slate: colorStepArrayToObject(generateNormalColorSteps("#475569"))
+};
+const colorAliases = {
+	critical: coreColors.red,
+	info: coreColors.cyan,
+	primary: coreColors.blue,
+	secondary: coreColors.slate,
+	success: coreColors.green,
+	surface: coreColors.neutral,
+	tertiary: coreColors.indigo,
+	warning: coreColors.amber
+};
+const nonColorVariables = {
+	"--box-shadow-01": `0px 4px 4px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-02": `0px 1px 4px ${wrapOpacity(wrapVar(colorSurface300), 50)}, 0px 1px 8px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-03": `0px 2px 8px ${wrapOpacity(wrapVar(colorSurface300), 50)}, 0px 4px 16px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--box-shadow-04": `0px 3px 12px ${wrapOpacity(wrapVar(colorSurface500), 50)}, 0px 6px 24px ${wrapOpacity(wrapVar(colorSurface300), 50)}`,
+	"--box-shadow-05": `0px -4px 4px ${wrapOpacity(wrapVar(colorSurface200), 50)}`,
+	"--button-border-radius": "8px",
+	"--checkbox-border-radius": "4px",
+	"--color-background-critical-dark": wrapVar(colorCritical500),
+	"--color-background-critical-light": wrapVar(colorCritical50),
+	"--color-background-disabled": wrapVar(colorSurface200),
+	"--color-background-hover": wrapVar(colorSurface900),
+	"--color-background-hover-inverse": wrapVar(colorSurface50),
+	"--color-background-info-dark": wrapVar(colorInfo600),
+	"--color-background-info-light": wrapVar(colorInfo50),
+	"--color-background-inverse": wrapVar(colorPrimary900),
+	"--color-background-overlay": wrapVar(colorSurface900),
+	"--color-background-pressed": wrapVar(colorSurface900),
+	"--color-background-pressed-inverse": wrapVar(colorSurface50),
+	"--color-background-primary": wrapVar(colorSurface50),
+	"--color-background-secondary": wrapVar(colorSecondary50),
+	"--color-background-subdued": wrapVar(colorSurface100),
+	"--color-background-success-dark": wrapVar(colorSuccess900),
+	"--color-background-success-light": wrapVar(colorSuccess50),
+	"--color-background-tertiary": wrapVar(colorTertiary50),
+	"--color-background-warning-dark": wrapVar(colorWarning500),
+	"--color-background-warning-light": wrapVar(colorWarning50),
+	"--color-border-black": wrapVar(colorSurface900),
+	"--color-border-critical": wrapVar(colorCritical400),
+	"--color-border-disabled": wrapVar(colorSurface300),
+	"--color-border-hover": wrapVar(colorPrimary700),
+	"--color-border-info": wrapVar(colorInfo400),
+	"--color-border-inverse": wrapVar(colorSurface50),
+	"--color-border-primary": wrapVar(colorSurface300),
+	"--color-border-secondary": wrapVar(colorSurface200),
+	"--color-border-selected": wrapVar(colorPrimary500),
+	"--color-border-success": wrapVar(colorSuccess300),
+	"--color-border-tertiary": wrapVar(colorSurface100),
+	"--color-border-warning": wrapVar(colorWarning300),
+	"--color-focus-inverse": wrapVar(colorSurface50),
+	"--color-focus-primary": wrapVar(colorPrimary500),
+	"--color-icon-critical": wrapVar(colorCritical400),
+	"--color-icon-disabled": wrapVar(colorSurface300),
+	"--color-icon-info": wrapVar(colorInfo400),
+	"--color-icon-inverse": wrapVar(colorSurface50),
+	"--color-icon-primary": wrapVar(colorSurface500),
+	"--color-icon-secondary": wrapVar(colorPrimary500),
+	"--color-icon-success": wrapVar(colorSuccess700),
+	"--color-icon-warning": wrapVar(colorWarning600),
+	"--color-link-disabled": wrapVar(colorSurface300),
+	"--color-link-hover": wrapVar(colorPrimary700),
+	"--color-link-inverse": wrapVar(colorSurface50),
+	"--color-link-inverse-disabled": wrapVar(colorSurface300),
+	"--color-link-inverse-hover": wrapVar(colorSurface100),
+	"--color-link-inverse-pressed": wrapVar(colorSurface200),
+	"--color-link-monochrome": wrapVar(colorSurface900),
+	"--color-link-pressed": wrapVar(colorPrimary900),
+	"--color-link-primary": wrapVar(colorPrimary500),
+	"--color-link-secondary": wrapVar(colorSurface500),
+	"--color-text-critical": wrapVar(colorCritical500),
+	"--color-text-disabled": wrapVar(colorSurface300),
+	"--color-text-inactive": wrapVar(colorSurface300),
+	"--color-text-info": wrapVar(colorInfo700),
+	"--color-text-inverse": wrapVar(colorSurface50),
+	"--color-text-primary": wrapVar(colorSurface900),
+	"--color-text-secondary": wrapVar(colorSurface500),
+	"--color-text-success": wrapVar(colorSuccess900),
+	"--color-text-warning": wrapVar(colorWarning800),
+	"--container-border-radius": "12px",
+	"--font-family-primary": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+	"--font-family-secondary": "'Georgia', serif",
+	"--font-size-button-100": "14px",
+	"--font-size-button-200": "12px",
+	"--font-weight-body-primary": "400",
+	"--font-weight-body-secondary": "400",
+	"--font-weight-button": "600",
+	"--font-weight-caption": "400",
+	"--font-weight-h1": "400",
+	"--font-weight-h2": "400",
+	"--font-weight-h3": "400",
+	"--font-weight-h4": "400",
+	"--font-weight-h5": "600",
+	"--font-weight-h6": "600",
+	"--font-weight-label-mini": "400",
+	"--font-weight-label-strong": "600",
+	"--input-border-radius": "6px",
+	"--letter-spacing-body-primary": "0.2px",
+	"--letter-spacing-body-secondary": "0.2px",
+	"--letter-spacing-button": "1px",
+	"--letter-spacing-caption": "0.2px",
+	"--letter-spacing-h1": "0.2px",
+	"--letter-spacing-h1-mobile": "0.2px",
+	"--letter-spacing-h2": "0.2px",
+	"--letter-spacing-h2-mobile": "0.2px",
+	"--letter-spacing-h3": "0.2px",
+	"--letter-spacing-h3-mobile": "0.2px",
+	"--letter-spacing-h4": "0.2px",
+	"--letter-spacing-h5": "0.2px",
+	"--letter-spacing-h6": "1px",
+	"--letter-spacing-label-mini": "1px",
+	"--letter-spacing-label-strong": "0.2px",
+	"--search-input-border-radius": "24px",
+	"--text-transform-button": "uppercase",
+	"--text-transform-h6": "uppercase",
+	"--text-transform-label-mini": "uppercase",
+	"--width-dense": "1200px",
+	"--width-page": "1644px"
+};
+//#endregion
+//#region src/themes/runtime/buildTheme.ts
+const themeSources = {
+	BasketballTraining: BasketballTraining_exports,
+	Default: Default_exports,
+	ProfessionalBrand: ProfessionalBrand_exports
+};
+const variable = (name) => `var(${name})`;
+const textSpec = ({ family = fontFamily.primary, height, size, spacing: letterSpacing, transform, weight }) => ({
+	family,
+	height,
+	size,
+	spacing: letterSpacing,
+	style: "normal",
+	transform,
+	weight
+});
+const buildTypography = () => {
+	return {
+		body: {
+			primary: textSpec({
+				height: "24px",
+				size: "16px",
+				spacing: variable(letterSpacingBodyPrimary),
+				weight: variable(fontWeightBodyPrimary)
+			}),
+			secondary: textSpec({
+				height: "22px",
+				size: "14px",
+				spacing: variable(letterSpacingBodySecondary),
+				weight: variable(fontWeightBodySecondary)
+			})
+		},
+		button: {
+			"100": textSpec({
+				height: "20px",
+				size: variable(fontSizeButton100),
+				spacing: variable(letterSpacingButton),
+				transform: variable(textTransformButton),
+				weight: variable(fontWeightButton)
+			}),
+			"200": textSpec({
+				height: "18px",
+				size: variable(fontSizeButton200),
+				spacing: variable(letterSpacingButton),
+				transform: variable(textTransformButton),
+				weight: variable(fontWeightButton)
+			})
+		},
+		caption: { "100": textSpec({
+			height: "18px",
+			size: "12px",
+			spacing: variable(letterSpacingCaption),
+			weight: variable(fontWeightCaption)
+		}) },
+		heading: {
+			"000": textSpec({
+				family: fontFamily.secondary,
+				height: "56px",
+				size: "40px",
+				spacing: variable(letterSpacingH1),
+				weight: variable(fontWeightH1)
+			}),
+			"100": {
+				...textSpec({
+					family: fontFamily.secondary,
+					height: "48px",
+					size: "32px",
+					spacing: variable(letterSpacingH1),
+					weight: variable(fontWeightH1)
+				}),
+				mobile: textSpec({
+					family: fontFamily.secondary,
+					height: "36px",
+					size: "24px",
+					spacing: variable(letterSpacingH1Mobile),
+					weight: variable(fontWeightH1)
+				})
+			},
+			"200": {
+				...textSpec({
+					family: fontFamily.secondary,
+					height: "36px",
+					size: "24px",
+					spacing: variable(letterSpacingH2),
+					weight: variable(fontWeightH2)
+				}),
+				mobile: textSpec({
+					family: fontFamily.secondary,
+					height: "30px",
+					size: "20px",
+					spacing: variable(letterSpacingH2Mobile),
+					weight: variable(fontWeightH2)
+				})
+			},
+			"300": {
+				...textSpec({
+					family: fontFamily.secondary,
+					height: "30px",
+					size: "20px",
+					spacing: variable(letterSpacingH3),
+					weight: variable(fontWeightH3)
+				}),
+				mobile: textSpec({
+					family: fontFamily.secondary,
+					height: "24px",
+					size: "16px",
+					spacing: variable(letterSpacingH3Mobile),
+					weight: variable(fontWeightH3)
+				})
+			},
+			"400": textSpec({
+				family: fontFamily.secondary,
+				height: "24px",
+				size: "16px",
+				spacing: variable(letterSpacingH4),
+				weight: variable(fontWeightH4)
+			}),
+			"500": textSpec({
+				height: "24px",
+				size: "16px",
+				spacing: variable(letterSpacingH5),
+				weight: variable(fontWeightH5)
+			}),
+			"600": textSpec({
+				height: "22px",
+				size: "14px",
+				spacing: variable(letterSpacingH6),
+				transform: variable(textTransformH6),
+				weight: variable(fontWeightH6)
+			})
+		},
+		label: {
+			mini: textSpec({
+				height: "14px",
+				size: "12px",
+				spacing: variable(letterSpacingLabelMini),
+				transform: variable(textTransformLabelMini),
+				weight: variable(fontWeightLabelMini)
+			}),
+			strong: textSpec({
+				height: "22px",
+				size: "14px",
+				spacing: variable(letterSpacingLabelStrong),
+				weight: variable(fontWeightLabelStrong)
+			})
+		}
+	};
+};
+const buildRuntimeTheme = (brand) => {
+	const source = themeSources[brand];
+	const v = variable;
+	return {
+		border: {
+			radius,
+			width
+		},
+		brand,
+		breakpoints,
+		button: {
+			border: { radius: v(buttonBorderRadius) },
+			favorite: {
+				default: { color: {
+					background: v(colorBackgroundPrimary),
+					border: v(colorBorderPrimary)
+				} },
+				disabled: { color: {
+					background: v(colorBackgroundDisabled),
+					border: v(colorBorderDisabled)
+				} },
+				hover: { color: {
+					background: v(colorBackgroundHover),
+					border: v(colorBorderHover)
+				} },
+				pressed: { color: {
+					background: v(colorBackgroundPressed),
+					border: v(colorBorderSelected)
+				} },
+				selected: { color: {
+					background: v(colorBackgroundPrimary),
+					border: v(colorBorderSelected)
+				} }
+			},
+			inline: {
+				alt: {
+					default: { color: { text: v(colorLinkInverse) } },
+					hover: { color: { text: v(colorLinkInverseHover) } },
+					pressed: { color: { text: v(colorLinkInversePressed) } }
+				},
+				default: { color: { text: v(colorLinkPrimary) } },
+				hover: { color: { text: v(colorLinkHover) } },
+				inverse: { color: { text: v(colorLinkInverse) } },
+				pressed: { color: { text: v(colorLinkPressed) } },
+				weak: { color: { text: v(colorLinkSecondary) } }
+			},
+			primary: {
+				alt: {
+					color: {
+						background: v(colorBackgroundInverse),
+						border: v(colorBorderInverse),
+						text: v(colorTextInverse)
+					},
+					focused: { color: { background: v(colorBackgroundHoverInverse) } },
+					hover: { color: {
+						background: v(colorBackgroundHoverInverse),
+						border: v(colorBorderInverse)
+					} },
+					pressed: { color: {
+						background: v(colorBackgroundPressedInverse),
+						border: v(colorBorderInverse)
+					} }
+				},
+				color: {
+					background: v(colorLinkPrimary),
+					text: v(colorTextInverse)
+				},
+				focused: { color: { background: v(colorLinkHover) } },
+				hover: { color: { background: v(colorLinkHover) } },
+				pressed: { color: { background: v(colorLinkPressed) } }
+			},
+			secondary: {
+				alt: {
+					color: {
+						background: v(colorBackgroundPrimary),
+						border: v(colorBorderInverse),
+						text: v(colorTextInverse)
+					},
+					focused: { color: {
+						background: v(colorBackgroundHoverInverse),
+						text: v(colorTextPrimary)
+					} },
+					hover: { color: {
+						background: v(colorBackgroundHoverInverse),
+						border: v(colorBorderInverse),
+						text: v(colorTextPrimary)
+					} },
+					pressed: { color: {
+						background: v(colorBackgroundPressedInverse),
+						border: v(colorBorderInverse)
+					} }
+				},
+				color: {
+					background: v(colorBackgroundPrimary),
+					border: v(colorBorderPrimary),
+					text: v(colorTextPrimary)
+				},
+				focused: { color: { background: v(colorBackgroundHover) } },
+				hover: { color: {
+					background: v(colorBackgroundHover),
+					border: v(colorBorderHover),
+					text: v(colorTextInverse)
+				} },
+				pressed: { color: {
+					background: v(colorBackgroundPressed),
+					border: v(colorBorderSelected)
+				} }
+			},
+			tertiary: {
+				color: { text: v(colorLinkPrimary) },
+				hover: { color: { background: v(colorBackgroundHover) } },
+				pressed: { color: { background: v(colorBackgroundPressed) } }
+			}
+		},
+		checkbox: { border: { radius: v(checkboxBorderRadius) } },
+		color: {
+			background: {
+				critical: {
+					dark: v(colorBackgroundCriticalDark),
+					light: v(colorBackgroundCriticalLight)
+				},
+				decorative: v(colorBackgroundTertiary),
+				disabled: v(colorBackgroundDisabled),
+				field: { default: v(colorBackgroundPrimary) },
+				hover: v(colorBackgroundHover),
+				info: {
+					dark: v(colorBackgroundInfoDark),
+					light: v(colorBackgroundInfoLight)
+				},
+				inverse: v(colorBackgroundInverse),
+				neutral: {
+					dark: v(colorBackgroundInverse),
+					light: v(colorBackgroundSubdued)
+				},
+				pressed: v(colorBackgroundPressed),
+				primary: v(colorBackgroundPrimary),
+				secondary: v(colorBackgroundSecondary),
+				subdued: v(colorBackgroundSubdued),
+				success: {
+					dark: v(colorBackgroundSuccessDark),
+					light: v(colorBackgroundSuccessLight)
+				},
+				tertiary: v(colorBackgroundTertiary),
+				warning: {
+					dark: v(colorBackgroundWarningDark),
+					light: v(colorBackgroundWarningLight)
+				}
+			},
+			border: {
+				critical: v(colorBorderCritical),
+				disabled: v(colorBorderDisabled),
+				divider: {
+					black: v(colorBorderBlack),
+					dark: v(colorBorderPrimary),
+					default: v(colorBorderSecondary),
+					inverse: v(colorBorderInverse),
+					light: v(colorBorderTertiary)
+				},
+				focused: {
+					default: v(colorFocusPrimary),
+					inverse: v(colorFocusInverse)
+				},
+				hover: v(colorBorderHover),
+				info: v(colorBorderInfo),
+				inverse: v(colorBorderInverse),
+				primary: v(colorBorderPrimary),
+				secondary: v(colorBorderSecondary),
+				selected: v(colorBorderSelected),
+				success: v(colorBorderSuccess),
+				warning: v(colorBorderWarning)
+			},
+			icon: {
+				active: v(colorIconPrimary),
+				alt: {
+					active: v(colorIconInverse),
+					default: v(colorIconInverse),
+					hover: v(colorIconSecondary)
+				},
+				critical: v(colorIconCritical),
+				decorative: {
+					alt: v(colorIconSecondary),
+					default: v(colorIconPrimary),
+					light: v(colorIconDisabled)
+				},
+				default: v(colorIconPrimary),
+				disabled: v(colorIconDisabled),
+				hover: v(colorIconSecondary),
+				info: v(colorIconInfo),
+				inverse: v(colorIconInverse),
+				primary: {
+					alt: {
+						active: v(colorIconInverse),
+						default: v(colorIconSecondary),
+						hover: v(colorIconPrimary)
+					},
+					default: v(colorIconPrimary)
+				},
+				success: v(colorIconSuccess),
+				warning: {
+					default: v(colorIconWarning),
+					light: v(colorBackgroundWarningLight)
+				}
+			},
+			keyboardFocus: v(colorFocusPrimary),
+			keyboardFocusInverse: v(colorFocusInverse),
+			shadow: {
+				"01": boxShadow["01"],
+				"02": boxShadow["02"],
+				"03": boxShadow["03"]
+			},
+			skeleton: { default: v(colorBackgroundSubdued) },
+			text: {
+				alt: v(colorTextInverse),
+				critical: v(colorTextCritical),
+				disabled: v(colorTextDisabled),
+				error: v(colorTextCritical),
+				inactive: v(colorTextInactive),
+				info: v(colorTextInfo),
+				inverse: v(colorTextInverse),
+				link: {
+					active: v(colorLinkPressed),
+					default: v(colorLinkPrimary),
+					disabled: v(colorLinkDisabled),
+					focused: v(colorLinkHover),
+					hover: v(colorLinkHover),
+					inverse: v(colorLinkInverse),
+					monochrome: v(colorLinkMonochrome),
+					weak: v(colorLinkSecondary)
+				},
+				primary: v(colorTextPrimary),
+				secondary: v(colorTextSecondary),
+				standard: v(colorTextPrimary),
+				success: v(colorTextSuccess),
+				warning: {
+					default: v(colorTextWarning),
+					light: v(colorBackgroundWarningLight)
+				},
+				weak: v(colorTextSecondary)
+			},
+			transparent00: "rgb(0 0 0 / 0%)",
+			transparent05: "rgb(0 0 0 / 5%)",
+			transparent20: "rgb(0 0 0 / 20%)",
+			transparent40: "rgb(0 0 0 / 40%)"
+		},
+		core: Object.fromEntries(Object.entries(source.coreColors).map(([key]) => [key, key])),
+		elevation: {
+			"01": v(shadow01),
+			"02": v(shadow02),
+			"03": v(shadow03),
+			"04": v(shadow04),
+			"05": v(shadow05)
+		},
+		input: { border: { radius: v(inputBorderRadius) } },
+		spacing,
+		toggle: { border: { radius: v(buttonBorderRadius) } },
+		typography: buildTypography()
+	};
+};
+//#endregion
+//#region src/themes/runtime/default.ts
+const defaultTheme = buildRuntimeTheme("Default");
+//#endregion
+export { darken as a, lighten as c, colorStepArrayToObject as i, steps as l, buildRuntimeTheme as n, generateNormalColorSteps as o, nonColorVariables$1 as r, generateSurfaceColorSteps as s, defaultTheme as t, tinycolor as u };
+
+//# sourceMappingURL=default-B2n4PnsJ.mjs.map