@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/tokens/index.js

@@ -1,280 +1,443 @@
-import { css as r } from "lit";
-var e = {
-  primary: "#6750A4",
-  onPrimary: "#FFFFFF",
-  primaryContainer: "#EADDFF",
-  onPrimaryContainer: "#21005D",
-  secondary: "#625B71",
-  onSecondary: "#FFFFFF",
-  secondaryContainer: "#E8DEF8",
-  onSecondaryContainer: "#1D192B",
-  tertiary: "#7D5260",
-  onTertiary: "#FFFFFF",
-  tertiaryContainer: "#FFD8E4",
-  onTertiaryContainer: "#31111D",
-  error: "#B3261E",
-  onError: "#FFFFFF",
-  errorContainer: "#F9DEDC",
-  onErrorContainer: "#410E0B",
-  background: "#FEF7FF",
-  onBackground: "#1D1B20",
-  surface: "#FEF7FF",
-  onSurface: "#1D1B20",
-  surfaceVariant: "#E7E0EC",
-  onSurfaceVariant: "#49454F",
-  outline: "#79747E",
-  outlineVariant: "#CAC4D0",
-  shadow: "#000000",
-  scrim: "rgba(0, 0, 0, 0.32)",
-  inverseSurface: "#313033",
-  inverseOnSurface: "#F4EFF4",
-  inversePrimary: "#D0BCFF",
-  surfaceDim: "#DED8E1",
-  surfaceBright: "#FEF7FF",
-  surfaceContainerLowest: "#FFFFFF",
-  surfaceContainerLow: "#F7F2FA",
-  surfaceContainer: "#F3EDF7",
-  surfaceContainerHigh: "#ECE6F0",
-  surfaceContainerHighest: "#E6E0E9"
-}, o = {
-  primary: "#D0BCFF",
-  onPrimary: "#381E72",
-  primaryContainer: "#4F378B",
-  onPrimaryContainer: "#EADDFF",
-  secondary: "#CCC2DC",
-  onSecondary: "#332D41",
-  secondaryContainer: "#4A4458",
-  onSecondaryContainer: "#E8DEF8",
-  tertiary: "#EFB8C8",
-  onTertiary: "#492532",
-  tertiaryContainer: "#633B48",
-  onTertiaryContainer: "#FFD8E4",
-  error: "#F2B8B5",
-  onError: "#601410",
-  errorContainer: "#8C1D18",
-  onErrorContainer: "#F9DEDC",
-  background: "#141218",
-  onBackground: "#E6E0E9",
-  surface: "#141218",
-  onSurface: "#E6E0E9",
-  surfaceVariant: "#49454F",
-  onSurfaceVariant: "#CAC4D0",
-  outline: "#938F99",
-  outlineVariant: "#49454F",
-  shadow: "#000000",
-  scrim: "rgba(0, 0, 0, 0.32)",
-  inverseSurface: "#E6E0E9",
-  inverseOnSurface: "#313033",
-  inversePrimary: "#6750A4",
-  surfaceDim: "#141218",
-  surfaceBright: "#3B383E",
-  surfaceContainerLowest: "#0F0D13",
-  surfaceContainerLow: "#1D1B20",
-  surfaceContainer: "#211F26",
-  surfaceContainerHigh: "#2B2930",
-  surfaceContainerHighest: "#36343B"
-};
-function p(l) {
-  const i = {};
-  for (const [y, t] of Object.entries(l)) {
-    const d = y.replace(/([A-Z])/g, "-$1").toLowerCase();
-    i[`--md-sys-color-${d}`] = t;
-  }
-  return i;
+import { css as e } from "lit";
+//#region src/tokens/palette-generator.ts
+function t(e) {
+	let t = e.replace("#", "").trim();
+	t.length === 3 && (t = t.split("").map((e) => e + e).join(""));
+	let n = parseInt(t, 16);
+	if (isNaN(n)) return [
+		0,
+		0,
+		0
+	];
+	let r = (n >> 16 & 255) / 255, i = (n >> 8 & 255) / 255, a = (n & 255) / 255, o = Math.max(r, i, a), s = Math.min(r, i, a), c = 0, l = 0, u = (o + s) / 2;
+	if (o !== s) {
+		let e = o - s;
+		switch (l = u > .5 ? e / (2 - o - s) : e / (o + s), o) {
+			case r:
+				c = (i - a) / e + (i < a ? 6 : 0);
+				break;
+			case i:
+				c = (a - r) / e + 2;
+				break;
+			case a: c = (r - i) / e + 4;
+		}
+		c /= 6;
+	}
+	return [
+		Math.round(c * 360),
+		Math.round(l * 100),
+		Math.round(u * 100)
+	];
 }
-var n = {
-  fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
-  displayLarge: {
-    size: "57px",
-    lineHeight: "64px",
-    letterSpacing: "-0.25px",
-    weight: 400
-  },
-  displayMedium: {
-    size: "45px",
-    lineHeight: "52px",
-    letterSpacing: "0px",
-    weight: 400
-  },
-  displaySmall: {
-    size: "36px",
-    lineHeight: "44px",
-    letterSpacing: "0px",
-    weight: 400
-  },
-  headlineLarge: {
-    size: "32px",
-    lineHeight: "40px",
-    letterSpacing: "0px",
-    weight: 400
-  },
-  headlineMedium: {
-    size: "28px",
-    lineHeight: "36px",
-    letterSpacing: "0px",
-    weight: 400
-  },
-  headlineSmall: {
-    size: "24px",
-    lineHeight: "32px",
-    letterSpacing: "0px",
-    weight: 400
-  },
-  titleLarge: {
-    size: "22px",
-    lineHeight: "28px",
-    letterSpacing: "0px",
-    weight: 400
-  },
-  titleMedium: {
-    size: "16px",
-    lineHeight: "24px",
-    letterSpacing: "0.15px",
-    weight: 500
-  },
-  titleSmall: {
-    size: "14px",
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-    weight: 500
-  },
-  bodyLarge: {
-    size: "16px",
-    lineHeight: "24px",
-    letterSpacing: "0.5px",
-    weight: 400
-  },
-  bodyMedium: {
-    size: "14px",
-    lineHeight: "20px",
-    letterSpacing: "0.25px",
-    weight: 400
-  },
-  bodySmall: {
-    size: "12px",
-    lineHeight: "16px",
-    letterSpacing: "0.4px",
-    weight: 400
-  },
-  labelLarge: {
-    size: "14px",
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-    weight: 500
-  },
-  labelMedium: {
-    size: "12px",
-    lineHeight: "16px",
-    letterSpacing: "0.5px",
-    weight: 500
-  },
-  labelSmall: {
-    size: "11px",
-    lineHeight: "16px",
-    letterSpacing: "0.5px",
-    weight: 500
-  }
-}, s = {
-  level0: "none",
-  level1: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
-  level2: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
-  level3: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)",
-  level4: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)",
-  level5: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
-}, a = {
-  cornerNone: "0px",
-  cornerExtraSmall: "4px",
-  cornerSmall: "8px",
-  cornerMedium: "12px",
-  cornerLarge: "16px",
-  cornerExtraLarge: "28px",
-  cornerFull: "9999px"
+function n(e, t, n) {
+	let r = Math.max(0, Math.min(100, t)) / 100, i = Math.max(0, Math.min(100, n)) / 100, a = r * Math.min(i, 1 - i), o = (t) => {
+		let n = (t + e % 360 / 30) % 12, r = i - a * Math.max(Math.min(n - 3, 9 - n, 1), -1);
+		return Math.round(255 * r).toString(16).padStart(2, "0");
+	};
+	return `#${o(0)}${o(8)}${o(4)}`.toUpperCase();
+}
+function r(e) {
+	let t = e.replace("#", "").trim();
+	t.length === 3 && (t = t.split("").map((e) => e + e).join(""));
+	let n = parseInt(t, 16);
+	return isNaN(n) ? [
+		0,
+		0,
+		0
+	] : [
+		n >> 16 & 255,
+		n >> 8 & 255,
+		n & 255
+	];
+}
+function i(e) {
+	let t = e.replace("#", "").trim();
+	return t.length === 3 && (t = t.split("").map((e) => e + e).join("")), `#${t.padStart(6, "0").slice(0, 6)}`.toUpperCase();
+}
+function a(e, r) {
+	let a = i(e), [o, s] = t(a);
+	return r ? {
+		primary: n(o, Math.max(s, 60), 80),
+		onPrimary: n(o, Math.max(s, 70), 20),
+		primaryContainer: n(o, Math.max(s, 60), 32),
+		onPrimaryContainer: n(o, Math.max(s, 60), 90),
+		secondary: n((o + 10) % 360, 25, 75),
+		onSecondary: n((o + 10) % 360, 30, 20),
+		secondaryContainer: n((o + 10) % 360, 30, 32),
+		onSecondaryContainer: n((o + 10) % 360, 35, 92),
+		tertiary: n((o + 60) % 360, 40, 80),
+		onTertiary: n((o + 60) % 360, 45, 20),
+		tertiaryContainer: n((o + 60) % 360, 45, 32),
+		onTertiaryContainer: n((o + 60) % 360, 50, 92),
+		error: "#F2B8B5",
+		onError: "#601410",
+		errorContainer: "#8C1D18",
+		onErrorContainer: "#F9DEDC",
+		background: "#141218",
+		onBackground: "#E6E0E9",
+		surface: "#141218",
+		onSurface: "#E6E0E9",
+		surfaceVariant: "#49454F",
+		onSurfaceVariant: "#CAC4D0",
+		outline: "#938F99",
+		outlineVariant: "#49454F",
+		shadow: "#000000",
+		scrim: "rgba(0, 0, 0, 0.32)",
+		inverseSurface: "#E6E0E9",
+		inverseOnSurface: "#313033",
+		inversePrimary: a,
+		surfaceDim: "#141218",
+		surfaceBright: "#3B383E",
+		surfaceContainerLowest: "#0F0D13",
+		surfaceContainerLow: "#1D1B20",
+		surfaceContainer: "#211F26",
+		surfaceContainerHigh: "#2B2930",
+		surfaceContainerHighest: "#36343B"
+	} : {
+		primary: a,
+		onPrimary: "#FFFFFF",
+		primaryContainer: n(o, Math.max(s, 55), 90),
+		onPrimaryContainer: n(o, Math.max(s, 70), 16),
+		secondary: n((o + 10) % 360, 25, 42),
+		onSecondary: "#FFFFFF",
+		secondaryContainer: n((o + 10) % 360, 35, 92),
+		onSecondaryContainer: n((o + 10) % 360, 40, 16),
+		tertiary: n((o + 60) % 360, 40, 42),
+		onTertiary: "#FFFFFF",
+		tertiaryContainer: n((o + 60) % 360, 50, 92),
+		onTertiaryContainer: n((o + 60) % 360, 55, 16),
+		error: "#B3261E",
+		onError: "#FFFFFF",
+		errorContainer: "#F9DEDC",
+		onErrorContainer: "#410E0B",
+		background: n(o, 15, 99),
+		onBackground: "#1D1B20",
+		surface: n(o, 15, 99),
+		onSurface: "#1D1B20",
+		surfaceVariant: n(o, 15, 92),
+		onSurfaceVariant: "#49454F",
+		outline: "#79747E",
+		outlineVariant: "#CAC4D0",
+		shadow: "#000000",
+		scrim: "rgba(0, 0, 0, 0.32)",
+		inverseSurface: "#313033",
+		inverseOnSurface: "#F4EFF4",
+		inversePrimary: n(o, Math.max(s, 60), 80),
+		surfaceDim: n(o, 10, 88),
+		surfaceBright: n(o, 15, 99),
+		surfaceContainerLowest: "#FFFFFF",
+		surfaceContainerLow: n(o, 12, 97),
+		surfaceContainer: n(o, 12, 95),
+		surfaceContainerHigh: n(o, 12, 92),
+		surfaceContainerHighest: n(o, 12, 90)
+	};
+}
+function o(e) {
+	let t = i(e), n = a(t, !1), r = a(t, !0), o = l(n), s = l(r), c = (e, t = "    ") => Object.entries(e).map(([e, n]) => `${t}${e}: ${n};`).join("\n"), u = `:root, :host {\n${c(o)}\n}\n\n[data-theme='dark'] {\n${c(s)}\n}`;
+	return {
+		sourceColor: t,
+		light: n,
+		dark: r,
+		schemes: {
+			light: n,
+			dark: r
+		},
+		cssVariables: {
+			light: o,
+			dark: s
+		},
+		cssText: u,
+		apply(e) {
+			let t = e?.target ?? (typeof document < "u" ? document.documentElement : void 0);
+			if (!t) return;
+			let i = e?.dark ?? t.getAttribute("data-theme") === "dark" ? r : n;
+			for (let [e, n] of Object.entries(i)) if (n) {
+				let r = e.replace(/([A-Z])/g, "-$1").toLowerCase();
+				t.style.setProperty(`--md-sys-color-${r}`, n);
+			}
+		}
+	};
+}
+//#endregion
+//#region src/tokens/colors.ts
+var s = {
+	primary: "#6750A4",
+	onPrimary: "#FFFFFF",
+	primaryContainer: "#EADDFF",
+	onPrimaryContainer: "#21005D",
+	secondary: "#625B71",
+	onSecondary: "#FFFFFF",
+	secondaryContainer: "#E8DEF8",
+	onSecondaryContainer: "#1D192B",
+	tertiary: "#7D5260",
+	onTertiary: "#FFFFFF",
+	tertiaryContainer: "#FFD8E4",
+	onTertiaryContainer: "#31111D",
+	error: "#B3261E",
+	onError: "#FFFFFF",
+	errorContainer: "#F9DEDC",
+	onErrorContainer: "#410E0B",
+	background: "#FEF7FF",
+	onBackground: "#1D1B20",
+	surface: "#FEF7FF",
+	onSurface: "#1D1B20",
+	surfaceVariant: "#E7E0EC",
+	onSurfaceVariant: "#49454F",
+	outline: "#79747E",
+	outlineVariant: "#CAC4D0",
+	shadow: "#000000",
+	scrim: "rgba(0, 0, 0, 0.32)",
+	inverseSurface: "#313033",
+	inverseOnSurface: "#F4EFF4",
+	inversePrimary: "#D0BCFF",
+	surfaceDim: "#DED8E1",
+	surfaceBright: "#FEF7FF",
+	surfaceContainerLowest: "#FFFFFF",
+	surfaceContainerLow: "#F7F2FA",
+	surfaceContainer: "#F3EDF7",
+	surfaceContainerHigh: "#ECE6F0",
+	surfaceContainerHighest: "#E6E0E9"
 }, c = {
-  easingStandard: "cubic-bezier(0.2, 0, 0, 1)",
-  easingStandardDecelerate: "cubic-bezier(0, 0, 0, 1)",
-  easingStandardAccelerate: "cubic-bezier(0.3, 0, 1, 1)",
-  easingEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
-  easingEmphasizedDecelerate: "cubic-bezier(0.05, 0.7, 0.1, 1)",
-  easingEmphasizedAccelerate: "cubic-bezier(0.3, 0, 0.8, 0.15)",
-  durationShort1: "50ms",
-  durationShort2: "100ms",
-  durationShort3: "150ms",
-  durationShort4: "200ms",
-  durationMedium1: "250ms",
-  durationMedium2: "300ms",
-  durationMedium3: "350ms",
-  durationMedium4: "400ms",
-  durationLong1: "450ms",
-  durationLong2: "500ms",
-  durationLong3: "550ms",
-  durationLong4: "600ms"
-}, u = r`
+	primary: "#D0BCFF",
+	onPrimary: "#381E72",
+	primaryContainer: "#4F378B",
+	onPrimaryContainer: "#EADDFF",
+	secondary: "#CCC2DC",
+	onSecondary: "#332D41",
+	secondaryContainer: "#4A4458",
+	onSecondaryContainer: "#E8DEF8",
+	tertiary: "#EFB8C8",
+	onTertiary: "#492532",
+	tertiaryContainer: "#633B48",
+	onTertiaryContainer: "#FFD8E4",
+	error: "#F2B8B5",
+	onError: "#601410",
+	errorContainer: "#8C1D18",
+	onErrorContainer: "#F9DEDC",
+	background: "#141218",
+	onBackground: "#E6E0E9",
+	surface: "#141218",
+	onSurface: "#E6E0E9",
+	surfaceVariant: "#49454F",
+	onSurfaceVariant: "#CAC4D0",
+	outline: "#938F99",
+	outlineVariant: "#49454F",
+	shadow: "#000000",
+	scrim: "rgba(0, 0, 0, 0.32)",
+	inverseSurface: "#E6E0E9",
+	inverseOnSurface: "#313033",
+	inversePrimary: "#6750A4",
+	surfaceDim: "#141218",
+	surfaceBright: "#3B383E",
+	surfaceContainerLowest: "#0F0D13",
+	surfaceContainerLow: "#1D1B20",
+	surfaceContainer: "#211F26",
+	surfaceContainerHigh: "#2B2930",
+	surfaceContainerHighest: "#36343B"
+};
+function l(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) {
+		let e = n.replace(/([A-Z])/g, "-$1").toLowerCase();
+		t[`--md-sys-color-${e}`] = r;
+	}
+	return t;
+}
+//#endregion
+//#region src/tokens/typography.ts
+var u = {
+	fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+	displayLarge: {
+		size: "57px",
+		lineHeight: "64px",
+		letterSpacing: "-0.25px",
+		weight: 400
+	},
+	displayMedium: {
+		size: "45px",
+		lineHeight: "52px",
+		letterSpacing: "0px",
+		weight: 400
+	},
+	displaySmall: {
+		size: "36px",
+		lineHeight: "44px",
+		letterSpacing: "0px",
+		weight: 400
+	},
+	headlineLarge: {
+		size: "32px",
+		lineHeight: "40px",
+		letterSpacing: "0px",
+		weight: 400
+	},
+	headlineMedium: {
+		size: "28px",
+		lineHeight: "36px",
+		letterSpacing: "0px",
+		weight: 400
+	},
+	headlineSmall: {
+		size: "24px",
+		lineHeight: "32px",
+		letterSpacing: "0px",
+		weight: 400
+	},
+	titleLarge: {
+		size: "22px",
+		lineHeight: "28px",
+		letterSpacing: "0px",
+		weight: 400
+	},
+	titleMedium: {
+		size: "16px",
+		lineHeight: "24px",
+		letterSpacing: "0.15px",
+		weight: 500
+	},
+	titleSmall: {
+		size: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0.1px",
+		weight: 500
+	},
+	bodyLarge: {
+		size: "16px",
+		lineHeight: "24px",
+		letterSpacing: "0.5px",
+		weight: 400
+	},
+	bodyMedium: {
+		size: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0.25px",
+		weight: 400
+	},
+	bodySmall: {
+		size: "12px",
+		lineHeight: "16px",
+		letterSpacing: "0.4px",
+		weight: 400
+	},
+	labelLarge: {
+		size: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0.1px",
+		weight: 500
+	},
+	labelMedium: {
+		size: "12px",
+		lineHeight: "16px",
+		letterSpacing: "0.5px",
+		weight: 500
+	},
+	labelSmall: {
+		size: "11px",
+		lineHeight: "16px",
+		letterSpacing: "0.5px",
+		weight: 500
+	}
+}, d = {
+	level0: "none",
+	level1: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
+	level2: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
+	level3: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)",
+	level4: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)",
+	level5: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
+}, f = {
+	cornerNone: "0px",
+	cornerExtraSmall: "4px",
+	cornerSmall: "8px",
+	cornerMedium: "12px",
+	cornerLarge: "16px",
+	cornerExtraLarge: "28px",
+	cornerFull: "9999px"
+}, p = {
+	easingStandard: "cubic-bezier(0.2, 0, 0, 1)",
+	easingStandardDecelerate: "cubic-bezier(0, 0, 0, 1)",
+	easingStandardAccelerate: "cubic-bezier(0.3, 0, 1, 1)",
+	easingEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
+	easingEmphasizedDecelerate: "cubic-bezier(0.05, 0.7, 0.1, 1)",
+	easingEmphasizedAccelerate: "cubic-bezier(0.3, 0, 0.8, 0.15)",
+	durationShort1: "50ms",
+	durationShort2: "100ms",
+	durationShort3: "150ms",
+	durationShort4: "200ms",
+	durationMedium1: "250ms",
+	durationMedium2: "300ms",
+	durationMedium3: "350ms",
+	durationMedium4: "400ms",
+	durationLong1: "450ms",
+	durationLong2: "500ms",
+	durationLong3: "550ms",
+	durationLong4: "600ms"
+}, m = e`
   :root, :host {
     /* Color Tokens - Default Light */
-    --md-sys-color-primary: ${r([e.primary])};
-    --md-sys-color-on-primary: ${r([e.onPrimary])};
-    --md-sys-color-primary-container: ${r([e.primaryContainer])};
-    --md-sys-color-on-primary-container: ${r([e.onPrimaryContainer])};
-    --md-sys-color-secondary: ${r([e.secondary])};
-    --md-sys-color-on-secondary: ${r([e.onSecondary])};
-    --md-sys-color-secondary-container: ${r([e.secondaryContainer])};
-    --md-sys-color-on-secondary-container: ${r([e.onSecondaryContainer])};
-    --md-sys-color-tertiary: ${r([e.tertiary])};
-    --md-sys-color-on-tertiary: ${r([e.onTertiary])};
-    --md-sys-color-tertiary-container: ${r([e.tertiaryContainer])};
-    --md-sys-color-on-tertiary-container: ${r([e.onTertiaryContainer])};
-    --md-sys-color-error: ${r([e.error])};
-    --md-sys-color-on-error: ${r([e.onError])};
-    --md-sys-color-error-container: ${r([e.errorContainer])};
-    --md-sys-color-on-error-container: ${r([e.onErrorContainer])};
-    --md-sys-color-background: ${r([e.background])};
-    --md-sys-color-on-background: ${r([e.onBackground])};
-    --md-sys-color-surface: ${r([e.surface])};
-    --md-sys-color-on-surface: ${r([e.onSurface])};
-    --md-sys-color-surface-variant: ${r([e.surfaceVariant])};
-    --md-sys-color-on-surface-variant: ${r([e.onSurfaceVariant])};
-    --md-sys-color-outline: ${r([e.outline])};
-    --md-sys-color-outline-variant: ${r([e.outlineVariant])};
-    --md-sys-color-surface-container-lowest: ${r([e.surfaceContainerLowest])};
-    --md-sys-color-surface-container-low: ${r([e.surfaceContainerLow])};
-    --md-sys-color-surface-container: ${r([e.surfaceContainer])};
-    --md-sys-color-surface-container-high: ${r([e.surfaceContainerHigh])};
-    --md-sys-color-surface-container-highest: ${r([e.surfaceContainerHighest])};
-    --md-sys-color-inverse-surface: ${r([e.inverseSurface])};
-    --md-sys-color-inverse-on-surface: ${r([e.inverseOnSurface])};
-    --md-sys-color-inverse-primary: ${r([e.inversePrimary])};
-    --md-sys-color-scrim: ${r([e.scrim])};
+    --md-sys-color-primary: ${e([s.primary])};
+    --md-sys-color-on-primary: ${e([s.onPrimary])};
+    --md-sys-color-primary-container: ${e([s.primaryContainer])};
+    --md-sys-color-on-primary-container: ${e([s.onPrimaryContainer])};
+    --md-sys-color-secondary: ${e([s.secondary])};
+    --md-sys-color-on-secondary: ${e([s.onSecondary])};
+    --md-sys-color-secondary-container: ${e([s.secondaryContainer])};
+    --md-sys-color-on-secondary-container: ${e([s.onSecondaryContainer])};
+    --md-sys-color-tertiary: ${e([s.tertiary])};
+    --md-sys-color-on-tertiary: ${e([s.onTertiary])};
+    --md-sys-color-tertiary-container: ${e([s.tertiaryContainer])};
+    --md-sys-color-on-tertiary-container: ${e([s.onTertiaryContainer])};
+    --md-sys-color-error: ${e([s.error])};
+    --md-sys-color-on-error: ${e([s.onError])};
+    --md-sys-color-error-container: ${e([s.errorContainer])};
+    --md-sys-color-on-error-container: ${e([s.onErrorContainer])};
+    --md-sys-color-background: ${e([s.background])};
+    --md-sys-color-on-background: ${e([s.onBackground])};
+    --md-sys-color-surface: ${e([s.surface])};
+    --md-sys-color-on-surface: ${e([s.onSurface])};
+    --md-sys-color-surface-variant: ${e([s.surfaceVariant])};
+    --md-sys-color-on-surface-variant: ${e([s.onSurfaceVariant])};
+    --md-sys-color-outline: ${e([s.outline])};
+    --md-sys-color-outline-variant: ${e([s.outlineVariant])};
+    --md-sys-color-surface-container-lowest: ${e([s.surfaceContainerLowest])};
+    --md-sys-color-surface-container-low: ${e([s.surfaceContainerLow])};
+    --md-sys-color-surface-container: ${e([s.surfaceContainer])};
+    --md-sys-color-surface-container-high: ${e([s.surfaceContainerHigh])};
+    --md-sys-color-surface-container-highest: ${e([s.surfaceContainerHighest])};
+    --md-sys-color-inverse-surface: ${e([s.inverseSurface])};
+    --md-sys-color-inverse-on-surface: ${e([s.inverseOnSurface])};
+    --md-sys-color-inverse-primary: ${e([s.inversePrimary])};
+    --md-sys-color-scrim: ${e([s.scrim])};
 
     /* Typography */
-    --md-sys-typescale-font-family: ${r([n.fontFamily])};
-    --md-sys-typescale-body-large-size: ${r([n.bodyLarge.size])};
-    --md-sys-typescale-body-large-line-height: ${r([n.bodyLarge.lineHeight])};
-    --md-sys-typescale-body-medium-size: ${r([n.bodyMedium.size])};
-    --md-sys-typescale-label-large-size: ${r([n.labelLarge.size])};
-    --md-sys-typescale-title-medium-size: ${r([n.titleMedium.size])};
+    --md-sys-typescale-font-family: ${e([u.fontFamily])};
+    --md-sys-typescale-body-large-size: ${e([u.bodyLarge.size])};
+    --md-sys-typescale-body-large-line-height: ${e([u.bodyLarge.lineHeight])};
+    --md-sys-typescale-body-medium-size: ${e([u.bodyMedium.size])};
+    --md-sys-typescale-label-large-size: ${e([u.labelLarge.size])};
+    --md-sys-typescale-title-medium-size: ${e([u.titleMedium.size])};
 
     /* Elevation */
-    --md-sys-elevation-level0: ${r([s.level0])};
-    --md-sys-elevation-level1: ${r([s.level1])};
-    --md-sys-elevation-level2: ${r([s.level2])};
-    --md-sys-elevation-level3: ${r([s.level3])};
-    --md-sys-elevation-level4: ${r([s.level4])};
-    --md-sys-elevation-level5: ${r([s.level5])};
+    --md-sys-elevation-level0: ${e([d.level0])};
+    --md-sys-elevation-level1: ${e([d.level1])};
+    --md-sys-elevation-level2: ${e([d.level2])};
+    --md-sys-elevation-level3: ${e([d.level3])};
+    --md-sys-elevation-level4: ${e([d.level4])};
+    --md-sys-elevation-level5: ${e([d.level5])};
 
     /* Shape */
-    --md-sys-shape-corner-none: ${r([a.cornerNone])};
-    --md-sys-shape-corner-extra-small: ${r([a.cornerExtraSmall])};
-    --md-sys-shape-corner-small: ${r([a.cornerSmall])};
-    --md-sys-shape-corner-medium: ${r([a.cornerMedium])};
-    --md-sys-shape-corner-large: ${r([a.cornerLarge])};
-    --md-sys-shape-corner-extra-large: ${r([a.cornerExtraLarge])};
-    --md-sys-shape-corner-full: ${r([a.cornerFull])};
+    --md-sys-shape-corner-none: ${e([f.cornerNone])};
+    --md-sys-shape-corner-extra-small: ${e([f.cornerExtraSmall])};
+    --md-sys-shape-corner-small: ${e([f.cornerSmall])};
+    --md-sys-shape-corner-medium: ${e([f.cornerMedium])};
+    --md-sys-shape-corner-large: ${e([f.cornerLarge])};
+    --md-sys-shape-corner-extra-large: ${e([f.cornerExtraLarge])};
+    --md-sys-shape-corner-full: ${e([f.cornerFull])};
 
     /* Motion */
-    --md-sys-motion-easing-standard: ${r([c.easingStandard])};
-    --md-sys-motion-duration-short: ${r([c.durationShort2])};
-    --md-sys-motion-duration-medium: ${r([c.durationMedium2])};
-    --md-sys-motion-duration-long: ${r([c.durationLong2])};
+    --md-sys-motion-easing-standard: ${e([p.easingStandard])};
+    --md-sys-motion-duration-short: ${e([p.durationShort2])};
+    --md-sys-motion-duration-medium: ${e([p.durationMedium2])};
+    --md-sys-motion-duration-long: ${e([p.durationLong2])};
 
     /* State Layer Opacities */
     --md-sys-state-hover-opacity: 0.08;
@@ -284,57 +447,48 @@ var n = {
   }
 
   [data-theme='dark'] {
-    --md-sys-color-primary: ${r([o.primary])};
-    --md-sys-color-on-primary: ${r([o.onPrimary])};
-    --md-sys-color-primary-container: ${r([o.primaryContainer])};
-    --md-sys-color-on-primary-container: ${r([o.onPrimaryContainer])};
-    --md-sys-color-secondary: ${r([o.secondary])};
-    --md-sys-color-on-secondary: ${r([o.onSecondary])};
-    --md-sys-color-secondary-container: ${r([o.secondaryContainer])};
-    --md-sys-color-on-secondary-container: ${r([o.onSecondaryContainer])};
-    --md-sys-color-tertiary: ${r([o.tertiary])};
-    --md-sys-color-on-tertiary: ${r([o.onTertiary])};
-    --md-sys-color-tertiary-container: ${r([o.tertiaryContainer])};
-    --md-sys-color-on-tertiary-container: ${r([o.onTertiaryContainer])};
-    --md-sys-color-error: ${r([o.error])};
-    --md-sys-color-on-error: ${r([o.onError])};
-    --md-sys-color-error-container: ${r([o.errorContainer])};
-    --md-sys-color-on-error-container: ${r([o.onErrorContainer])};
-    --md-sys-color-background: ${r([o.background])};
-    --md-sys-color-on-background: ${r([o.onBackground])};
-    --md-sys-color-surface: ${r([o.surface])};
-    --md-sys-color-on-surface: ${r([o.onSurface])};
-    --md-sys-color-surface-variant: ${r([o.surfaceVariant])};
-    --md-sys-color-on-surface-variant: ${r([o.onSurfaceVariant])};
-    --md-sys-color-outline: ${r([o.outline])};
-    --md-sys-color-outline-variant: ${r([o.outlineVariant])};
-    --md-sys-color-surface-container-lowest: ${r([o.surfaceContainerLowest])};
-    --md-sys-color-surface-container-low: ${r([o.surfaceContainerLow])};
-    --md-sys-color-surface-container: ${r([o.surfaceContainer])};
-    --md-sys-color-surface-container-high: ${r([o.surfaceContainerHigh])};
-    --md-sys-color-surface-container-highest: ${r([o.surfaceContainerHighest])};
-    --md-sys-color-inverse-surface: ${r([o.inverseSurface])};
-    --md-sys-color-inverse-on-surface: ${r([o.inverseOnSurface])};
-    --md-sys-color-inverse-primary: ${r([o.inversePrimary])};
-    --md-sys-color-scrim: ${r([o.scrim])};
+    --md-sys-color-primary: ${e([c.primary])};
+    --md-sys-color-on-primary: ${e([c.onPrimary])};
+    --md-sys-color-primary-container: ${e([c.primaryContainer])};
+    --md-sys-color-on-primary-container: ${e([c.onPrimaryContainer])};
+    --md-sys-color-secondary: ${e([c.secondary])};
+    --md-sys-color-on-secondary: ${e([c.onSecondary])};
+    --md-sys-color-secondary-container: ${e([c.secondaryContainer])};
+    --md-sys-color-on-secondary-container: ${e([c.onSecondaryContainer])};
+    --md-sys-color-tertiary: ${e([c.tertiary])};
+    --md-sys-color-on-tertiary: ${e([c.onTertiary])};
+    --md-sys-color-tertiary-container: ${e([c.tertiaryContainer])};
+    --md-sys-color-on-tertiary-container: ${e([c.onTertiaryContainer])};
+    --md-sys-color-error: ${e([c.error])};
+    --md-sys-color-on-error: ${e([c.onError])};
+    --md-sys-color-error-container: ${e([c.errorContainer])};
+    --md-sys-color-on-error-container: ${e([c.onErrorContainer])};
+    --md-sys-color-background: ${e([c.background])};
+    --md-sys-color-on-background: ${e([c.onBackground])};
+    --md-sys-color-surface: ${e([c.surface])};
+    --md-sys-color-on-surface: ${e([c.onSurface])};
+    --md-sys-color-surface-variant: ${e([c.surfaceVariant])};
+    --md-sys-color-on-surface-variant: ${e([c.onSurfaceVariant])};
+    --md-sys-color-outline: ${e([c.outline])};
+    --md-sys-color-outline-variant: ${e([c.outlineVariant])};
+    --md-sys-color-surface-container-lowest: ${e([c.surfaceContainerLowest])};
+    --md-sys-color-surface-container-low: ${e([c.surfaceContainerLow])};
+    --md-sys-color-surface-container: ${e([c.surfaceContainer])};
+    --md-sys-color-surface-container-high: ${e([c.surfaceContainerHigh])};
+    --md-sys-color-surface-container-highest: ${e([c.surfaceContainerHighest])};
+    --md-sys-color-inverse-surface: ${e([c.inverseSurface])};
+    --md-sys-color-inverse-on-surface: ${e([c.inverseOnSurface])};
+    --md-sys-color-inverse-primary: ${e([c.inversePrimary])};
+    --md-sys-color-scrim: ${e([c.scrim])};
   }
 `;
-function g(l, i = document.documentElement) {
-  for (const [y, t] of Object.entries(l)) if (t) {
-    const d = y.replace(/([A-Z])/g, "-$1").toLowerCase();
-    i.style.setProperty(`--md-sys-color-${d}`, t);
-  }
+function h(e, t = document.documentElement) {
+	for (let [n, r] of Object.entries(e)) if (r) {
+		let e = n.replace(/([A-Z])/g, "-$1").toLowerCase();
+		t.style.setProperty(`--md-sys-color-${e}`, r);
+	}
 }
-export {
-  g as applyTheme,
-  p as colorSchemeToCssVariables,
-  o as darkColorScheme,
-  s as elevationTokens,
-  e as lightColorScheme,
-  c as motionTokens,
-  a as shapeTokens,
-  u as themeStyles,
-  n as typographyTokens
-};
+//#endregion
+export { h as applyTheme, l as colorSchemeToCssVariables, c as darkColorScheme, d as elevationTokens, a as generateColorScheme, o as generateTheme, t as hexToHsl, r as hexToRgb, n as hslToHex, s as lightColorScheme, p as motionTokens, i as normalizeHex, f as shapeTokens, m as themeStyles, u as typographyTokens };
 
 //# sourceMappingURL=index.js.map