@zc-ui/theme 1.0.0

package/dist/index.mjs

@@ -0,0 +1,761 @@
+//#region src/colors.ts
+var e = {
+	50: "#ecf5ff",
+	100: "#d9ecff",
+	200: "#c6e2ff",
+	300: "#a0cfff",
+	400: "#79bbff",
+	500: "#409eff",
+	600: "#337ecc",
+	700: "#2a6cb3",
+	800: "#1d4f7f",
+	900: "#0d2640",
+	950: "#06121e"
+}, t = {
+	50: "#f0f9eb",
+	100: "#e1f3d8",
+	200: "#cfe8c3",
+	300: "#b3e19d",
+	400: "#95d575",
+	500: "#67c23a",
+	600: "#529b2e",
+	700: "#427a27",
+	800: "#325a1c",
+	900: "#1f3a10",
+	950: "#0e1d07"
+}, n = {
+	50: "#fdf6ec",
+	100: "#faecd8",
+	200: "#f8e3c5",
+	300: "#f3d19e",
+	400: "#ecbe77",
+	500: "#e6a23c",
+	600: "#b88230",
+	700: "#946626",
+	800: "#6f4c1c",
+	900: "#4a3212",
+	950: "#241907"
+}, r = {
+	50: "#fef0f0",
+	100: "#fde2e2",
+	200: "#fcd3d3",
+	300: "#fab6b6",
+	400: "#f78989",
+	500: "#f56c6c",
+	600: "#c45656",
+	700: "#9d4444",
+	800: "#763231",
+	900: "#4f211f",
+	950: "#2a1010"
+}, i = {
+	50: "#f4f4f5",
+	100: "#e9e9eb",
+	200: "#dedfe0",
+	300: "#c8c9cc",
+	400: "#a6a9ad",
+	500: "#909399",
+	600: "#73767a",
+	700: "#5c5e62",
+	800: "#45474a",
+	900: "#2e3032",
+	950: "#171819"
+}, a = {
+	primary: e,
+	success: t,
+	warning: n,
+	danger: r,
+	info: i
+}, o = {
+	primary: {
+		1: "#ecf5ff",
+		3: "#c6e2ff",
+		5: "#a0cfff",
+		7: "#79bbff",
+		8: "#66b1ff",
+		9: "#53a8ff"
+	},
+	success: {
+		1: "#f0f9eb",
+		3: "#d1edc4",
+		5: "#b3e19d",
+		7: "#95d575",
+		8: "#85cf61",
+		9: "#76c94e"
+	},
+	warning: {
+		1: "#fdf6ec",
+		3: "#f8e3c5",
+		5: "#f3d19e",
+		7: "#ecbe77",
+		8: "#ebb263",
+		9: "#e9ab50"
+	},
+	danger: {
+		1: "#fef0f0",
+		3: "#fcd3d3",
+		5: "#fab6b6",
+		7: "#f89898",
+		8: "#f78989",
+		9: "#f67b7b"
+	},
+	info: {
+		1: "#f4f4f5",
+		3: "#dedfe0",
+		5: "#c8c9cc",
+		7: "#b1b3b8",
+		8: "#a6a9ad",
+		9: "#9b9ea3"
+	}
+}, s = {
+	primary: { 2: "#337ecc" },
+	success: { 2: "#529b2e" },
+	warning: { 2: "#b88230" },
+	danger: { 2: "#c45656" },
+	info: { 2: "#73767a" }
+};
+//#endregion
+//#region src/color-generator.ts
+function c(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) || t.length !== 6) throw Error(`Invalid hex color: ${e}`);
+	return {
+		r: n >> 16 & 255,
+		g: n >> 8 & 255,
+		b: n & 255
+	};
+}
+function l({ r: e, g: t, b: n }) {
+	let r = e / 255, i = t / 255, a = n / 255, o = Math.max(r, i, a), s = Math.min(r, i, a), c = o - s, l = 0, u = 0, d = (o + s) / 2;
+	if (c !== 0) switch (u = d > .5 ? c / (2 - o - s) : c / (o + s), o) {
+		case r:
+			l = ((i - a) / c + (i < a ? 6 : 0)) * 60;
+			break;
+		case i:
+			l = ((a - r) / c + 2) * 60;
+			break;
+		case a:
+			l = ((r - i) / c + 4) * 60;
+			break;
+	}
+	return {
+		h: Math.round(l),
+		s: Math.round(u * 100),
+		l: Math.round(d * 100)
+	};
+}
+function u({ h: e, s: t, l: n }) {
+	let r = e / 360, i = t / 100, a = n / 100;
+	if (i === 0) {
+		let e = Math.round(a * 255);
+		return {
+			r: e,
+			g: e,
+			b: e
+		};
+	}
+	let o = a < .5 ? a * (1 + i) : a + i - a * i, s = 2 * a - o, c = (e, t, n) => (n < 0 && (n += 1), n > 1 && --n, n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e);
+	return {
+		r: Math.round(c(s, o, r + 1 / 3) * 255),
+		g: Math.round(c(s, o, r) * 255),
+		b: Math.round(c(s, o, r - 1 / 3) * 255)
+	};
+}
+function d({ r: e, g: t, b: n }) {
+	let r = (e) => Math.max(0, Math.min(255, Math.round(e))).toString(16).padStart(2, "0");
+	return `#${r(e)}${r(t)}${r(n)}`;
+}
+function f(e) {
+	return l(c(e));
+}
+function p(e, t) {
+	var n, r, i;
+	let a = f(e);
+	return d(u({
+		h: (n = t.h) == null ? a.h : n,
+		s: (r = t.s) == null ? a.s : r,
+		l: (i = t.l) == null ? a.l : i
+	}));
+}
+var ee = [
+	97,
+	93,
+	86,
+	77,
+	66,
+	50,
+	44,
+	38,
+	31,
+	21,
+	12
+], te = [
+	.85,
+	.92,
+	.96,
+	.98,
+	1,
+	1,
+	1,
+	1,
+	.97,
+	.93,
+	.88
+], ne = [
+	50,
+	100,
+	200,
+	300,
+	400,
+	500,
+	600,
+	700,
+	800,
+	900,
+	950
+];
+function m(e) {
+	let t = f(e), n = {};
+	return ne.forEach((r, i) => {
+		if (r === 500) {
+			n[r] = e.toLowerCase();
+			return;
+		}
+		let a = ee[i], o = te[i], s = Math.round(t.s * o);
+		n[r] = p(e, {
+			h: t.h,
+			s: Math.min(100, Math.max(0, s)),
+			l: a
+		});
+	}), n;
+}
+var re = {
+	primary: "#409eff",
+	success: "#67c23a",
+	warning: "#e6a23c",
+	danger: "#f56c6c",
+	info: "#909399"
+};
+function h(e = {}) {
+	let t = {
+		...re,
+		...e
+	};
+	return {
+		primary: m(t.primary),
+		success: m(t.success),
+		warning: m(t.warning),
+		danger: m(t.danger),
+		info: m(t.info)
+	};
+}
+var g = "--color-zc";
+function _(e, t = g) {
+	let n = {};
+	for (let [r, i] of Object.entries(e)) for (let [e, a] of Object.entries(i)) n[`${t}-${r}-${e}`] = String(a);
+	return n;
+}
+function ie(e, t = ":root", n = g) {
+	let r = _(e, n);
+	return `${t} {\n${Object.entries(r).map(([e, t]) => `  ${e}: ${t};`).join("\n")}\n}`;
+}
+function v(e) {
+	let { r: t, g: n, b: r } = c(e), [i, a, o] = [
+		t,
+		n,
+		r
+	].map((e) => {
+		let t = e / 255;
+		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	});
+	return .2126 * i + .7152 * a + .0722 * o;
+}
+function y(e, t) {
+	let n = v(e), r = v(t), [i, a] = n > r ? [n, r] : [r, n];
+	return (i + .05) / (a + .05);
+}
+function ae(e) {
+	return y(e, "#ffffff") >= y(e, "#000000") ? "#ffffff" : "#000000";
+}
+//#endregion
+//#region src/presets.ts
+function oe(e) {
+	return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function se(e) {
+	return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function b(e, t) {
+	let n = se(e), r = {};
+	for (let [e, i] of Object.entries(t)) if (e.startsWith("--")) r[e] = i;
+	else {
+		let t = `--zc-${n}-${oe(e)}`;
+		r[t] = i;
+	}
+	return r;
+}
+function ce(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) t[n] = b(n, r);
+	return t;
+}
+function le() {
+	return {
+		"--color-zc-text-primary": G.text.primary,
+		"--color-zc-text-regular": G.text.regular,
+		"--color-zc-text-secondary": G.text.secondary,
+		"--color-zc-text-placeholder": G.text.placeholder,
+		"--color-zc-text-disabled": "#c0c4cc",
+		"--color-zc-border-base": G.border.base,
+		"--color-zc-border-light": G.border.light,
+		"--color-zc-border-lighter": G.border.lighter,
+		"--color-zc-border-extralight": G.border.extraLight,
+		"--color-zc-fill-base": G.fill.base,
+		"--color-zc-fill-light": G.fill.light,
+		"--color-zc-fill-lighter": G.fill.lighter,
+		"--color-zc-bg-base": "#ffffff",
+		"--color-zc-bg": "#ffffff",
+		"--color-zc-white": "#ffffff"
+	};
+}
+function ue() {
+	return {
+		"--color-zc-text-primary": Z.text.primary,
+		"--color-zc-text-regular": Z.text.regular,
+		"--color-zc-text-secondary": Z.text.secondary,
+		"--color-zc-text-placeholder": Z.text.placeholder,
+		"--color-zc-text-disabled": "#5c5e62",
+		"--color-zc-border-base": Z.border.base,
+		"--color-zc-border-light": Z.border.light,
+		"--color-zc-border-lighter": Z.border.lighter,
+		"--color-zc-border-extralight": Z.border.extraLight,
+		"--color-zc-fill-base": Z.fill.base,
+		"--color-zc-fill-light": Z.fill.light,
+		"--color-zc-fill-lighter": Z.fill.lighter,
+		"--color-zc-bg-base": "#1d1d1d",
+		"--color-zc-bg": "#1d1d1d",
+		"--color-zc-white": "#1a1a1a",
+		"--shadow-zc-sm": "0 1px 2px 0 rgba(0, 0, 0, 0.3)",
+		"--shadow-zc-base": "0 2px 8px 0 rgba(0, 0, 0, 0.4)",
+		"--shadow-zc-md": "0 4px 12px 0 rgba(0, 0, 0, 0.5)",
+		"--shadow-zc-lg": "0 8px 24px 0 rgba(0, 0, 0, 0.6)",
+		"--shadow-zc-xl": "0 16px 48px 0 rgba(0, 0, 0, 0.7)",
+		"--shadow-zc-dark": "0 4px 12px 0 rgba(0, 0, 0, 0.8)"
+	};
+}
+function x() {
+	return {
+		"--text-zc-xs": K.xs,
+		"--text-zc-sm": K.sm,
+		"--text-zc-base": K.base,
+		"--text-zc-md": K.md,
+		"--text-zc-lg": K.lg,
+		"--text-zc-xl": K.xl,
+		"--radius-zc-sm": J.sm,
+		"--radius-zc-base": J.base,
+		"--radius-zc-md": J.md,
+		"--radius-zc-lg": J.lg,
+		"--radius-zc-round": J.round,
+		"--radius-zc-circle": J.circle,
+		"--spacing-zc-xs": q.xs,
+		"--spacing-zc-sm": q.sm,
+		"--spacing-zc-base": q.base,
+		"--spacing-zc-md": q.md,
+		"--spacing-zc-lg": q.lg,
+		"--spacing-zc-xl": q.xl,
+		"--shadow-zc-sm": Y.sm,
+		"--shadow-zc-base": Y.base,
+		"--shadow-zc-md": Y.md,
+		"--shadow-zc-lg": Y.lg,
+		"--shadow-zc-xl": Y.xl,
+		"--shadow-zc-dark": Y.dark
+	};
+}
+function S() {
+	return _(h());
+}
+function de() {
+	return {
+		name: "light",
+		mode: "light",
+		variables: {
+			...S(),
+			...x(),
+			...le()
+		}
+	};
+}
+function fe() {
+	return {
+		name: "dark",
+		mode: "dark",
+		variables: {
+			...S(),
+			...x(),
+			...ue()
+		}
+	};
+}
+var C = null, w = null, T = {
+	get name() {
+		return "light";
+	},
+	get mode() {
+		return "light";
+	},
+	get variables() {
+		return C || (C = de()), C.variables;
+	}
+}, E = {
+	get name() {
+		return "dark";
+	},
+	get mode() {
+		return "dark";
+	},
+	get variables() {
+		return w || (w = fe()), w.variables;
+	}
+};
+function D(e, t) {
+	return {
+		...e,
+		...t
+	};
+}
+function O(e, t) {
+	if (!e && !t) return;
+	if (!e) return { ...t };
+	if (!t) return { ...e };
+	let n = { ...e };
+	for (let [e, r] of Object.entries(t)) n[e] = {
+		...n[e] || {},
+		...r
+	};
+	return n;
+}
+function k(e = {}) {
+	let { name: t = "custom", mode: n, brandColors: r, variables: i, componentOverrides: a, components: o, extends: s, meta: c } = e, l = s == null ? n === "dark" ? E : T : s, u = n == null ? l.mode : n, d = {};
+	r && Object.keys(r).length > 0 && (d = _(h(r)));
+	let f;
+	return o && Object.keys(o).length > 0 && (f = ce(o)), {
+		name: t,
+		mode: u,
+		variables: D(l.variables, D(d, i || {})),
+		componentOverrides: O(O(l.componentOverrides, a), f),
+		meta: c
+	};
+}
+function pe(...e) {
+	if (e.length === 0) return k();
+	let t = {}, n, r = "light", i = "merged";
+	for (let a of e) t = D(t, a.variables), n = O(n, a.componentOverrides), r = a.mode, i = a.name;
+	return {
+		name: i,
+		mode: r,
+		variables: t,
+		componentOverrides: n
+	};
+}
+function me(e, t) {
+	var n, r;
+	return (n = (r = e.componentOverrides) == null ? void 0 : r[t]) == null ? {} : n;
+}
+function he(e, t = ":root") {
+	return `${t} {\n${Object.entries(e.variables).map(([e, t]) => `  ${e}: ${t};`).join("\n")}\n}`;
+}
+//#endregion
+//#region src/runtime-theme.ts
+function A(e) {
+	return e || (typeof document < "u" ? document.documentElement : null);
+}
+var j = /* @__PURE__ */ new Map(), M = null;
+function ge(e, t) {
+	j.set(e, t);
+}
+function _e(e) {
+	j.delete(e), M === e && (M = null);
+}
+function ve(e) {
+	return j.get(e);
+}
+function N() {
+	return Array.from(j.keys());
+}
+function P(e, t) {
+	let n = j.get(e);
+	if (!n) throw Error(`Theme "${e}" is not registered. Use registerTheme() first. Available: ${N().join(", ")}`);
+	L(n, t), M = e;
+}
+function F() {
+	return M;
+}
+function ye(e, t, n) {
+	let r = n == null ? void 0 : n.prefix;
+	for (let [n, i] of Object.entries(e)) {
+		let e = r && !n.startsWith(r) ? `${r}-${n}` : n;
+		t.style.setProperty(e, i);
+	}
+}
+function be(e, t) {
+	let n = [];
+	for (let r = 0; r < e.style.length; r++) {
+		let i = e.style.item(r);
+		i.startsWith(t) && n.push(i);
+	}
+	n.forEach((t) => e.style.removeProperty(t));
+}
+var I = "--color-zc";
+function L(e, t) {
+	let n = A(t == null ? void 0 : t.target);
+	if (n && (ye(e.variables, n, t), V(e.mode === "dark", n), e.componentOverrides)) for (let [t, r] of Object.entries(e.componentOverrides)) {
+		let e = `data-zc-theme-${t.toLowerCase()}`;
+		n.getAttribute(e);
+		let i = Object.entries(r).map(([e, t]) => `${e}:${t}`).join(";");
+		n.setAttribute(e, i);
+		for (let [e, t] of Object.entries(r)) n.style.setProperty(e, t);
+	}
+}
+function R(e, t, n) {
+	var r;
+	let i = A(n == null ? void 0 : n.target);
+	if (!i) return;
+	let a = m(t), o = (r = n == null ? void 0 : n.prefix) == null ? I : r;
+	for (let [t, n] of Object.entries(a)) i.style.setProperty(`${o}-${e}-${t}`, n);
+}
+function z(e, t) {
+	if (A(t == null ? void 0 : t.target)) for (let [n, r] of Object.entries(e)) r && R(n, r, t);
+}
+function B(e, t, n) {
+	let r = A(n == null ? void 0 : n.target);
+	r && r.style.setProperty(e, t);
+}
+function xe(e, t) {
+	let n = A(t == null ? void 0 : t.target);
+	n && n.style.removeProperty(e);
+}
+function V(e, t) {
+	let n = t == null ? A() : t;
+	n && (e ? n.classList.add("dark") : n.classList.remove("dark"));
+}
+function H(e) {
+	var t;
+	let n = A(e == null ? void 0 : e.target);
+	n && be(n, (t = e == null ? void 0 : e.prefix) == null ? I : t);
+}
+function Se(e, t, n) {
+	for (let [t, r] of Object.entries(n)) e.style.setProperty(t, r);
+	let r = `data-zc-theme-${t.toLowerCase()}`, i = Object.entries(n).map(([e, t]) => `${e}:${t}`).join(";");
+	e.setAttribute(r, i);
+}
+function Ce(e, t, n) {
+	for (let t of Object.keys(n)) e.style.removeProperty(t);
+	e.removeAttribute(`data-zc-theme-${t.toLowerCase()}`);
+}
+function we(e) {
+	let t = null;
+	return {
+		get current() {
+			return t;
+		},
+		apply(n) {
+			t = n, L(n, e);
+		},
+		setBrandColor(t, n) {
+			R(t, n, e);
+		},
+		setBrandColors(t) {
+			z(t, e);
+		},
+		setVariable(t, n) {
+			B(t, n, e);
+		},
+		toggleDark() {
+			let t = A(e == null ? void 0 : e.target);
+			if (!t) return !1;
+			let n = t.classList.contains("dark");
+			return V(!n, t), !n;
+		},
+		clear() {
+			H(e), t = null;
+		}
+	};
+}
+//#endregion
+//#region src/css-layers.ts
+var U = [
+	"zc-reset",
+	"zc-tokens",
+	"zc-base",
+	"zc-components",
+	"zc-overrides"
+], W = `@layer ${U.join(", ")};`;
+function Te() {
+	return [
+		"/* ZC UI CSS Layer Setup */",
+		W,
+		"",
+		"/* Design tokens go in the tokens layer */",
+		"@layer zc-tokens {",
+		"  /* CSS variables are declared in styles.css */",
+		"  /* Import @zc-ui/theme/styles here or reference tokens */",
+		"}"
+	].join("\n");
+}
+function Ee(e, t) {
+	return `@layer ${e} {\n${t}\n}`;
+}
+function De(e = U) {
+	return `@layer ${e.join(", ")};\n`;
+}
+//#endregion
+//#region src/namespace.ts
+var Oe = "--color-zc";
+function ke(e, t = {}) {
+	let { brandColors: n, variables: r, preset: i } = t, a = {};
+	n && Object.keys(n).length > 0 && (a = _(h(n), `--color-${e}`));
+	let o = {};
+	if (i) for (let [t, n] of Object.entries(i.variables)) {
+		let r = t.replace("--color-zc-", `--color-${e}-`);
+		o[r] = n;
+	}
+	let s = {};
+	return r && (s = { ...r }), {
+		name: e,
+		variables: {
+			...a,
+			...o,
+			...s
+		}
+	};
+}
+function Ae(e, t) {
+	for (let [n, r] of Object.entries(t.variables)) e.style.setProperty(n, r);
+}
+function je(e, t) {
+	for (let n of Object.keys(t.variables)) e.style.removeProperty(n);
+}
+function Me(e, t = ":root") {
+	return `${t} {\n${Object.entries(e.variables).map(([e, t]) => `  ${e}: ${t};`).join("\n")}\n}`;
+}
+function Ne(e) {
+	let t = `--color-${e}`;
+	return (e) => e.startsWith("--color-zc") ? e.replace("--color-zc", t) : e;
+}
+//#endregion
+//#region src/index.ts
+var G = {
+	primary: a.primary[500],
+	success: a.success[500],
+	warning: a.warning[500],
+	danger: a.danger[500],
+	info: a.info[500],
+	text: {
+		primary: "#303133",
+		regular: "#606266",
+		secondary: "#909399",
+		placeholder: "#a8abb2"
+	},
+	border: {
+		base: "#dcdfe6",
+		light: "#e4e7ed",
+		lighter: "#ebeef5",
+		extraLight: "#f2f6fc"
+	},
+	fill: {
+		base: "#f0f2f5",
+		light: "#f5f7fa",
+		lighter: "#fafafa"
+	}
+}, K = {
+	xs: "12px",
+	sm: "13px",
+	base: "14px",
+	md: "16px",
+	lg: "18px",
+	xl: "20px"
+}, q = {
+	xs: "4px",
+	sm: "8px",
+	base: "12px",
+	md: "16px",
+	lg: "24px",
+	xl: "32px"
+}, J = {
+	sm: "2px",
+	base: "4px",
+	md: "6px",
+	lg: "8px",
+	round: "20px",
+	circle: "50%"
+}, Y = {
+	sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+	base: "0 2px 8px 0 rgba(0, 0, 0, 0.08)",
+	md: "0 4px 12px 0 rgba(0, 0, 0, 0.1)",
+	lg: "0 8px 24px 0 rgba(0, 0, 0, 0.12)",
+	xl: "0 16px 48px 0 rgba(0, 0, 0, 0.16)",
+	dark: "0 4px 12px 0 rgba(0, 0, 0, 0.5)"
+}, X = {
+	duration: {
+		fast: "0.15s",
+		base: "0.25s",
+		slow: "0.35s"
+	},
+	timingFunction: {
+		easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+		easeOut: "cubic-bezier(0, 0, 0.2, 1)",
+		easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+		sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+	}
+}, Pe = {
+	base: 1,
+	dropdown: 1e3,
+	sticky: 1100,
+	fixed: 1200,
+	modal: 1300,
+	popover: 1400,
+	tooltip: 1500,
+	message: 1600
+}, Fe = "--zc", Z = {
+	text: {
+		primary: "#e5eaf3",
+		regular: "#cfd3dc",
+		secondary: "#a3a6ad",
+		placeholder: "#8d9095"
+	},
+	border: {
+		base: "#4c4d4f",
+		light: "#414243",
+		lighter: "#363637",
+		extraLight: "#2b2b2c"
+	},
+	fill: {
+		base: "#303030",
+		light: "#262727",
+		lighter: "#1d1d1d"
+	}
+}, Q = "dark";
+function Ie(e) {
+	let t = document.documentElement, n = e == null ? !t.classList.contains(Q) : e;
+	return t.classList.toggle(Q, n), n;
+}
+function $() {
+	return document.documentElement.classList.contains(Q);
+}
+function Le(e) {
+	let t = document.documentElement;
+	e === "dark" ? t.classList.add(Q) : t.classList.remove(Q);
+}
+function Re() {
+	return $() ? "dark" : "light";
+}
+var ze = { colors: {
+	primary: a.primary,
+	success: a.success,
+	warning: a.warning,
+	danger: a.danger,
+	info: a.info
+} };
+//#endregion
+export { g as CSS_VAR_PREFIX, Oe as DEFAULT_CSS_VAR_PREFIX, p as adjustHsl, Se as applyComponentOverrides, V as applyDarkMode, Ae as applyNamespace, L as applyTheme, J as borderRadius, H as clearThemeOverrides, a as colorScales, G as colors, b as componentShorthandToCssVars, De as createLayeredStyleSheet, ke as createNamespace, k as createTheme, we as createThemeController, Ne as createVarResolver, W as cssLayerDeclaration, U as cssLayerOrder, Fe as cssVarPrefix, r as dangerScale, Z as darkColors, E as darkTheme, s as darkVariants, K as fontSizes, m as generateColorScale, Te as generateCssLayerSetup, h as generatePalette, me as getComponentOverrides, y as getContrastRatio, F as getCurrentThemeName, v as getLuminance, ae as getReadableTextColor, ve as getRegisteredTheme, Re as getTheme, f as hexToHsl, c as hexToRgb, u as hslToRgb, i as infoScale, $ as isDarkMode, T as lightTheme, o as lightVariants, N as listRegisteredThemes, pe as mergeThemes, Me as namespaceToCssText, ie as paletteToCssText, _ as paletteToCssVars, e as primaryScale, ge as registerTheme, Ce as removeComponentOverrides, je as removeNamespace, xe as removeThemeVariable, d as rgbToHex, l as rgbToHsl, R as setBrandColor, z as setBrandColors, Le as setTheme, B as setThemeVariable, Y as shadows, q as spacing, t as successScale, P as switchTheme, ze as tailwindTheme, he as themeToCssText, Ie as toggleDark, X as transitions, _e as unregisterTheme, n as warningScale, Ee as wrapInLayer, Pe as zIndex };