@mailstep/design-system 0.8.24 → 0.8.26-beta.0

package/ui/index4.es.js

@@ -0,0 +1,1316 @@
+import { assign as e, cascade as t, func as n, getThemeValue as r, is as i, merge as a, negative as o, num as s, obj as c, string as l, warn as u } from "./index3.es.js";
+//#region node_modules/@xstyled/system/dist/index.mjs
+var d = Math.pow, f = (e) => Math.round(e * d(10, 4)) / d(10, 4), p = (e) => (t) => s(t) && t !== 0 ? `${t}${e}` : t, m = p("ms"), h = p("px"), g = p("deg"), _ = (e, { rootFontSize: t = 16 } = {}) => f(e / t), ee = (e, t) => {
+	if (!l(e) || e.length < 4 || e.slice(-3) !== "rpx") return e;
+	let n = Number(e.slice(0, e.length - 3));
+	return n === 0 ? 0 : `${_(n, t)}rem`;
+}, te = (e) => s(e) && e !== 0 && e >= -1 && e <= 1 ? `${f(e * 100)}%` : e, ne = (e, { rawValue: t, variants: n, props: i }) => {
+	if (l(t)) {
+		let e = t.startsWith("-"), a = e ? t.substr(1) : t, o = r(i, a, n), c = l(o) || s(o) ? o : a;
+		return e ? `-${c}` : c;
+	}
+	if (s(t)) {
+		let e = o(t), r = Math.abs(t), i = n ? n[r] : void 0;
+		if (l(i)) return e ? `-${i}` : i;
+		let a = s(i) ? i : r;
+		return e ? a * -1 : a;
+	}
+}, re = (e) => e ? `@media (min-width: ${e})` : null, ie = (e, t) => {
+	let n = e[t];
+	return n === 0 ? null : h(n);
+}, ae = (e, t) => {
+	let n = e[t];
+	return n === 0 ? null : h(n - .02);
+}, oe = Object.defineProperty, se = Object.getOwnPropertySymbols, ce = Object.prototype.hasOwnProperty, le = Object.prototype.propertyIsEnumerable, ue = (e, t, n) => t in e ? oe(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, de = (e, t) => {
+	for (var n in t ||= {}) ce.call(t, n) && ue(e, n, t[n]);
+	if (se) for (var n of se(t)) le.call(t, n) && ue(e, n, t[n]);
+	return e;
+}, fe = (e) => e.theme && e.theme.screens ? e.theme.screens : {}, pe = (e) => e.theme && e.theme.states ? e.theme.states : {}, me = (e) => {
+	let t = fe(e), n = pe(e), r = {};
+	for (let e in t) r[e] = re(ie(t, e));
+	let i = de(de({}, r), n);
+	for (let [e, t] of Object.entries(i)) t && t.startsWith("@") && (delete i[e], i[e] = t);
+	return i;
+}, he = (e, t) => {
+	if (t.has("_variants")) return t.get("_variants");
+	let n = me(e);
+	return t.set("_variants", n), n;
+}, v = typeof Map < "u" && typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : null, ge = (e) => e?.xstyled?.cache === !1, _e = (e) => {
+	if (ge(e) || v === null) return null;
+	if (v.has(e)) return v.get(e) || null;
+	let t = {};
+	return v.set(e, t), t;
+}, ve = {
+	has: () => !1,
+	set: () => void 0,
+	get: () => void 0
+}, y = (e, t) => {
+	if (!e) return ve;
+	let n = _e(e);
+	return !n || !e ? ve : (n[t] = n[t] || /* @__PURE__ */ new Map(), n[t]);
+}, ye = Object.defineProperty, be = Object.getOwnPropertySymbols, xe = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable, Ce = (e, t, n) => t in e ? ye(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, we = (e, t) => {
+	for (var n in t ||= {}) xe.call(t, n) && Ce(e, n, t[n]);
+	if (be) for (var n of be(t)) Se.call(t, n) && Ce(e, n, t[n]);
+	return e;
+}, Te = 0, Ee = {
+	shorthand: [/\s+/, " "],
+	multiple: [/\s*,\s*/, ","]
+}, De = (e, t) => (n) => n.split(e[0]).map(t).join(e[1]), b = ({ name: e, transform: t, key: n, compose: a, shorthand: o, multiple: c }) => {
+	let u = Te++, d = (d, f) => (p) => {
+		let m = d;
+		if (!l(d) && !s(d) && d !== !0) return m;
+		let h = `${typeof d}-${d}-${f}`, g = y(p.theme, `__themeGetter${u}`);
+		if (g.has(h)) return g.get(h);
+		let _ = (o) => {
+			let c = i(f) ? f : o, u = o, d = i(n) ? r(p, n) : null;
+			if (i(d)) {
+				let e = o === !0 ? "default" : l(o) || s(o) ? o : null;
+				if (i(e)) {
+					let t = r(p, e, d);
+					u = Array.isArray(t) ? t.join(",") : t;
+				}
+			}
+			let m = o;
+			i(u) || (m = c, u = c);
+			let h = (e && p.theme && p.theme.transformers ? p.theme.transformers[e] : null) || t;
+			return h && (u = h(u, {
+				rawValue: m,
+				variants: d,
+				props: p
+			})), a ? a(u)(p) : u;
+		};
+		if ((o || c) && l(d)) {
+			let e = _;
+			o && (e = De(Ee.shorthand, e)), c && (e = De(Ee.multiple, e)), m = e(d);
+		} else m = _(d);
+		return g.set(h, m), m;
+	};
+	return d.meta = {
+		name: e,
+		transform: t
+	}, d;
+}, x = ({ getStyle: e, props: t, cssGetters: n = {}, generators: r }) => {
+	let i = e;
+	return i.meta = {
+		props: t,
+		cssGetters: n,
+		getStyle: i,
+		generators: r
+	}, i.apply = (e) => ({ theme: t }) => i(we({ theme: t }, e)), i;
+}, S = (t, n, r) => {
+	let i = he(t, y(t.theme, "__variants")), o = {};
+	for (let t in n) {
+		let s = r(n[t]);
+		if (s === null) continue;
+		let c = t in i ? i[t] : t;
+		c !== void 0 && (c === null ? o = a(o, s) : o[c] = o[c] ? e(o[c], s) : s);
+	}
+	return o;
+}, Oe = (e, n, r) => (a) => {
+	let o = (e) => i(e) ? c(e) ? S(a, e, o) : t(n(r ? r(e)(a) : e), a) : null, s = a[e];
+	if (!i(s)) return null;
+	let l = y(a.theme, e), u = c(s) ? JSON.stringify(s) : s;
+	if (l.has(u)) return l.get(u);
+	let d = o(s);
+	return l.set(u, d), d;
+}, ke = (e) => {
+	let t = {};
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n];
+		if (r && r.meta) for (let e = 0; e < r.meta.props.length; e++) {
+			let n = r.meta.props[e];
+			t[n] = r;
+		}
+	}
+	return t;
+}, Ae = (e, t) => {
+	for (let n in t) {
+		let r = t[n], i = e[r];
+		i && (delete e[r], e[r] = i);
+	}
+	return e;
+};
+function C(...e) {
+	let t = [];
+	e.forEach((e) => {
+		u(!!e, "Undefined generator in \"compose\" method"), e && (e.meta.generators ? t = [...t, ...e.meta.generators] : t.push(e));
+	});
+	let n = ke(t), r = (e, t = !0) => {
+		let r = {}, i;
+		for (let t in e) {
+			let o = n[t];
+			o && (a(r, o.meta.getStyle(e, !1)), i = !0);
+		}
+		return !i || !t ? r : Ae(r, he(e, y(e.theme, "__states")));
+	}, i = [], o = {};
+	for (let e = 0; e < t.length; e++) {
+		let n = t[e];
+		i.push(...n.meta.props), Object.assign(o, n.meta.cssGetters);
+	}
+	return x({
+		getStyle: r,
+		props: i,
+		cssGetters: o,
+		generators: e
+	});
+}
+var je = (e) => (t) => {
+	if (l(e)) return { [e]: t };
+	let n = {};
+	for (let r in e) n[e[r]] = t;
+	return n;
+}, Me = (e) => n(e) ? e : je(e), Ne = (e) => e.replace(/[A-Z]/g, "-$&").toLowerCase(), w = ({ prop: e, css: t, themeGet: n, key: r, transform: i, cssProps: a }) => {
+	let o = n || (r || i ? b({
+		key: r,
+		transform: i
+	}) : void 0), s = a || (l(t) ? [t] : Array.isArray(t) ? t : l(e) ? [e] : Array.isArray(e) ? e : []);
+	if (Array.isArray(e)) {
+		let n = t && Me(t);
+		return C(...e.map((e) => w({
+			prop: e,
+			css: n,
+			cssProps: s,
+			themeGet: o
+		})));
+	}
+	let c = [e], u = Me(t || c), d = [], f = x({
+		getStyle: Oe(e, u, o),
+		props: c,
+		cssGetters: o ? s.reduce((e, t) => (e[Ne(t)] = o, e), {}) : {}
+	});
+	return d.push(f), C(...d);
+}, T = b({
+	name: "px",
+	transform: (e, { props: t }) => {
+		let n = t?.theme?.settings?.rootFontSize ?? void 0, r = Number(e);
+		return h(ee(Number.isNaN(r) ? e : r, { rootFontSize: n }));
+	}
+}), E = b({
+	name: "duration",
+	key: "durations",
+	transform: (e) => {
+		let t = Number(e);
+		return m(Number.isNaN(t) ? e : t);
+	}
+}), D = b({
+	name: "angle",
+	transform: (e) => {
+		let t = Number(e);
+		return g(Number.isNaN(t) ? e : t);
+	}
+}), O = b({
+	name: "percent",
+	compose: T,
+	transform: te
+}), k = b({
+	name: "transition",
+	key: "transitions"
+}), A = b({
+	name: "transitionProperty",
+	key: "transitionProperties"
+}), j = b({
+	name: "timingFunction",
+	key: "timingFunctions"
+}), Pe = w({
+	prop: "transition",
+	themeGet: k
+}), Fe = w({
+	prop: "transitionProperty",
+	themeGet: A
+}), Ie = w({
+	prop: "transitionDuration",
+	themeGet: E
+}), Le = w({
+	prop: "transitionTimingFunction",
+	themeGet: j
+}), Re = w({
+	prop: "transitionDelay",
+	themeGet: E
+}), ze = C(Pe, Fe, Ie, Le, Re), M = b({
+	name: "animation",
+	key: "animations"
+}), Be = w({
+	prop: "animation",
+	themeGet: M
+}), Ve = w({
+	prop: "animationDuration",
+	themeGet: E
+}), He = w({
+	prop: "animationTimingFunction",
+	themeGet: j
+}), Ue = C(Be, Ve, He), N = b({
+	name: "color",
+	key: "colors"
+}), We = {
+	"gradient-to-t": "linear-gradient(to top, var(--x-gradient-stops))",
+	"gradient-to-tr": "linear-gradient(to top right, var(--x-gradient-stops))",
+	"gradient-to-r": "linear-gradient(to right, var(--x-gradient-stops))",
+	"gradient-to-br": "linear-gradient(to bottom right, var(--x-gradient-stops))",
+	"gradient-to-b": "linear-gradient(to bottom, var(--x-gradient-stops))",
+	"gradient-to-bl": "linear-gradient(to bottom left, var(--x-gradient-stops))",
+	"gradient-to-l": "linear-gradient(to left, var(--x-gradient-stops))",
+	"gradient-to-tl": "linear-gradient(to top left, var(--x-gradient-stops))"
+}, Ge = w({
+	prop: "background",
+	css: (e) => ({ background: We[e] || e })
+}), Ke = w({
+	prop: ["backgroundColor", "bg"],
+	css: "backgroundColor",
+	themeGet: N
+}), qe = w({
+	prop: "backgroundImage",
+	css: (e) => ({ backgroundImage: We[e] || e })
+}), Je = w({ prop: "backgroundSize" }), Ye = w({ prop: "backgroundPosition" }), Xe = w({ prop: "backgroundRepeat" }), Ze = w({ prop: "backgroundAttachment" }), Qe = w({
+	prop: "backgroundClip",
+	css: ["backgroundClip", "-webkitBackgroundClip"]
+}), $e = w({
+	prop: "gradientFrom",
+	themeGet: N,
+	css: (e) => ({
+		"--x-gradient-from": e,
+		"--x-gradient-stops": "var(--x-gradient-from), var(--x-gradient-to, transparent)"
+	})
+}), et = w({
+	prop: "gradientVia",
+	themeGet: N,
+	css: (e) => ({ "--x-gradient-stops": `var(--x-gradient-from), ${e}, var(--x-gradient-to, transparent)` })
+}), tt = w({
+	prop: "gradientTo",
+	themeGet: N,
+	css: "--x-gradient-to"
+}), nt = C(Ge, Ke, qe, Je, Ye, Xe, Ze, Qe, $e, et, tt), P = b({
+	name: "border",
+	key: "borders",
+	transform: (e) => {
+		let t = Number(e);
+		return t > 0 ? `${h(t)} solid` : e;
+	}
+}), F = b({
+	name: "borderWidth",
+	key: "borderWidths",
+	compose: T,
+	shorthand: !0
+}), I = b({
+	name: "borderColor",
+	compose: N,
+	shorthand: !0
+}), L = b({
+	name: "borderStyle",
+	key: "borderStyles"
+}), rt = w({
+	prop: "border",
+	themeGet: P
+}), it = w({
+	prop: "borderTop",
+	themeGet: P
+}), at = w({
+	prop: "borderRight",
+	themeGet: P
+}), ot = w({
+	prop: "borderBottom",
+	themeGet: P
+}), st = w({
+	prop: "borderLeft",
+	themeGet: P
+}), ct = w({
+	prop: "borderColor",
+	themeGet: I
+}), lt = w({
+	prop: "borderTopColor",
+	themeGet: N
+}), ut = w({
+	prop: "borderRightColor",
+	themeGet: N
+}), dt = w({
+	prop: "borderBottomColor",
+	themeGet: N
+}), ft = w({
+	prop: "borderLeftColor",
+	themeGet: N
+}), pt = w({
+	prop: "borderWidth",
+	themeGet: F
+}), mt = w({
+	prop: "borderTopWidth",
+	themeGet: F
+}), ht = w({
+	prop: "borderRightWidth",
+	themeGet: F
+}), gt = w({
+	prop: "borderBottomWidth",
+	themeGet: F
+}), _t = w({
+	prop: "borderLeftWidth",
+	themeGet: F
+}), vt = w({
+	prop: "borderStyle",
+	themeGet: L,
+	cssProps: [
+		"borderStyle",
+		"borderTopStyle",
+		"borderRightStyle",
+		"borderBottomStyle",
+		"borderLeftStyle"
+	]
+}), yt = w({
+	prop: "borderTopStyle",
+	themeGet: L
+}), bt = w({
+	prop: "borderRightStyle",
+	themeGet: L
+}), xt = w({
+	prop: "borderBottomStyle",
+	themeGet: L
+}), St = w({
+	prop: "borderLeftStyle",
+	themeGet: L
+}), Ct = w({
+	prop: "outline",
+	themeGet: P
+}), wt = w({
+	prop: "outlineColor",
+	themeGet: N
+}), Tt = w({
+	prop: "outlineWidth",
+	themeGet: F
+}), Et = w({
+	prop: "outlineStyle",
+	themeGet: L
+}), Dt = w({
+	prop: "outlineOffset",
+	themeGet: F
+}), R = b({
+	name: "radius",
+	key: "radii",
+	compose: T,
+	shorthand: !0
+}), Ot = w({
+	prop: "borderRadius",
+	themeGet: R,
+	cssProps: [
+		"borderRadius",
+		"borderTopLeftRadius",
+		"borderTopRightRadius",
+		"borderBottomRightRadius",
+		"borderBottomLeftRadius"
+	]
+}), z = "& > :not([hidden]) ~ :not([hidden])", kt = w({
+	prop: "divideY",
+	themeGet: F,
+	css: (e) => {
+		let t = e === !0 ? 1 : e;
+		return { [z]: {
+			"--x-divide-y-reverse": 0,
+			borderTopWidth: `calc(${t} * calc(1 - var(--x-divide-y-reverse)))`,
+			borderBottomWidth: `calc(${t} * var(--x-divide-y-reverse))`
+		} };
+	}
+}), At = w({
+	prop: "divideX",
+	themeGet: F,
+	css: (e) => {
+		let t = e === !0 ? 1 : e;
+		return { [z]: {
+			"--x-divide-x-reverse": 0,
+			borderRightWidth: `calc(${t} * var(--x-divide-x-reverse))`,
+			borderLeftWidth: `calc(${t} * calc(1 - var(--x-divide-x-reverse)))`
+		} };
+	}
+}), jt = w({
+	prop: "divideXReverse",
+	css: () => ({ [z]: { "--x-divide-x-reverse": "1" } })
+}), Mt = w({
+	prop: "divideYReverse",
+	css: () => ({ [z]: { "--x-divide-y-reverse": "1" } })
+}), Nt = w({
+	prop: "divideColor",
+	themeGet: N,
+	css: (e) => ({ [z]: { borderColor: e } })
+}), Pt = w({
+	prop: "divideStyle",
+	themeGet: L,
+	css: (e) => ({ [z]: { borderStyle: e } })
+}), B = b({
+	name: "ringWidth",
+	key: "ringWidths",
+	compose: T
+}), Ft = w({
+	prop: "ring",
+	themeGet: B,
+	css: (e) => ({
+		"--x-ring-shadow": `var(--x-ring-inset, /*!*/ /*!*/) 0 0 0 ${e} var(--x-ring-color)`,
+		boxShadow: "var(--x-ring-shadow, 0 0 #0000), var(--x-shadow, 0 0 #0000)"
+	})
+}), It = w({
+	prop: "ringInset",
+	css: () => ({ "--x-ring-inset": "inset" })
+}), Lt = w({
+	prop: "ringColor",
+	themeGet: N,
+	css: (e) => ({ "--x-ring-color": e })
+}), Rt = C(rt, it, at, ot, st, ct, lt, ut, dt, ft, pt, mt, ht, gt, _t, vt, yt, bt, xt, St, Ot, Ct, wt, Tt, Et, Dt, At, kt, jt, Mt, Nt, Pt, Ft, It, Lt), V = b({
+	name: "shadow",
+	key: "shadows",
+	multiple: !0
+}), zt = w({ prop: "opacity" }), Bt = w({
+	prop: "boxShadow",
+	themeGet: V,
+	css: (e) => ({
+		"--x-shadow": e,
+		boxShadow: "var(--x-ring-shadow, 0 0 #0000), var(--x-shadow)"
+	})
+}), Vt = w({
+	prop: "textShadow",
+	themeGet: V
+}), Ht = C(zt, Bt, Vt), Ut = Object.defineProperty, Wt = Object.getOwnPropertySymbols, Gt = Object.prototype.hasOwnProperty, Kt = Object.prototype.propertyIsEnumerable, qt = (e, t, n) => t in e ? Ut(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, H = (e, t) => {
+	for (var n in t ||= {}) Gt.call(t, n) && qt(e, n, t[n]);
+	if (Wt) for (var n of Wt(t)) Kt.call(t, n) && qt(e, n, t[n]);
+	return e;
+}, Jt = w({
+	prop: "row",
+	css: () => ({
+		boxSizing: "border-box",
+		flexGrow: 1,
+		flexWrap: "wrap",
+		display: "flex"
+	})
+}), Yt = (e, t) => {
+	if (!i(t)) return null;
+	if (t === !0) return {
+		flexBasis: 0,
+		flexGrow: 1,
+		maxWidth: "100%"
+	};
+	if (t === "auto") return {
+		flex: "0 0 auto",
+		maxWidth: "none",
+		width: "auto"
+	};
+	let n = O(t)(e);
+	return {
+		flex: `0 0 ${n}`,
+		maxWidth: n
+	};
+}, Xt = x({
+	getStyle: (e) => {
+		let t = e.col, n = {
+			boxSizing: "border-box",
+			flexBasis: 0,
+			flexGrow: 1,
+			maxWidth: "100%"
+		};
+		if (c(t)) {
+			let r = S(e, t, (t) => Yt(e, t));
+			return H(H({}, n), r);
+		}
+		return H(H({}, n), Yt(e, t));
+	},
+	props: ["col"]
+}), Zt = C(Jt, Xt), Qt = Object.defineProperty, $t = Object.getOwnPropertySymbols, en = Object.prototype.hasOwnProperty, tn = Object.prototype.propertyIsEnumerable, nn = (e, t, n) => t in e ? Qt(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, rn = (e, t) => {
+	for (var n in t ||= {}) en.call(t, n) && nn(e, n, t[n]);
+	if ($t) for (var n of $t(t)) tn.call(t, n) && nn(e, n, t[n]);
+	return e;
+}, U = w({ prop: "display" }), an = w({ prop: "float" }), on = w({ prop: "boxSizing" }), sn = x({
+	getStyle: (e) => {
+		if (!e.container) return null;
+		let t = S(e, fe(e), (e) => e === 0 ? {} : { maxWidth: e });
+		return c(e.container) && (t = S(e, e.container, () => t)), rn({ width: "100%" }, t);
+	},
+	props: ["container"]
+}), cn = w({ prop: "overflow" }), ln = w({ prop: "overflowX" }), un = w({ prop: "overflowY" }), W = b({
+	name: "zIndex",
+	key: "zIndices"
+}), dn = w({
+	prop: "zIndex",
+	themeGet: W
+}), fn = w({ prop: "position" }), G = b({
+	name: "inset",
+	key: "inset",
+	compose: T,
+	transform: ne
+}), pn = w({
+	prop: "top",
+	themeGet: G
+}), mn = w({
+	prop: "right",
+	themeGet: G
+}), hn = w({
+	prop: "bottom",
+	themeGet: G
+}), gn = w({
+	prop: "left",
+	themeGet: G
+}), _n = w({ prop: "visibility" }), vn = w({ prop: "overscrollBehavior" }), yn = w({ prop: "objectFit" }), bn = C(on, U, an, sn, cn, ln, un, fn, dn, pn, mn, hn, gn, _n, vn, yn), xn = w({ prop: "alignItems" }), Sn = w({ prop: "alignContent" }), Cn = w({ prop: "justifyContent" }), wn = w({ prop: "justifyItems" }), Tn = w({ prop: "flexWrap" }), En = w({ prop: "flexGrow" }), Dn = w({ prop: "flexShrink" }), On = w({
+	prop: "flexBasis",
+	themeGet: O
+}), kn = w({ prop: "flexDirection" }), An = w({ prop: "flex" }), jn = w({ prop: "justifySelf" }), Mn = w({ prop: "alignSelf" }), Nn = w({ prop: "order" }), Pn = C(U, xn, Sn, Cn, wn, Tn, On, Dn, En, kn, An, jn, Mn, Nn), K = b({
+	name: "space",
+	key: "space",
+	compose: T,
+	shorthand: !0,
+	transform: ne
+}), Fn = w({
+	prop: ["margin", "m"],
+	themeGet: K,
+	css: "margin"
+}), In = w({
+	prop: ["marginTop", "mt"],
+	themeGet: K,
+	css: "marginTop"
+}), Ln = w({
+	prop: ["marginRight", "mr"],
+	themeGet: K,
+	css: "marginRight"
+}), Rn = w({
+	prop: ["marginBottom", "mb"],
+	themeGet: K,
+	css: "marginBottom"
+}), zn = w({
+	prop: ["marginLeft", "ml"],
+	themeGet: K,
+	css: "marginLeft"
+}), Bn = w({
+	prop: "mx",
+	themeGet: K,
+	css: ["marginRight", "marginLeft"]
+}), Vn = w({
+	prop: "my",
+	themeGet: K,
+	css: ["marginTop", "marginBottom"]
+}), Hn = w({
+	prop: ["padding", "p"],
+	themeGet: K,
+	css: "padding"
+}), Un = w({
+	prop: ["paddingTop", "pt"],
+	themeGet: K,
+	css: "paddingTop"
+}), Wn = w({
+	prop: ["paddingRight", "pr"],
+	themeGet: K,
+	css: "paddingRight"
+}), Gn = w({
+	prop: ["paddingBottom", "pb"],
+	themeGet: K,
+	css: "paddingBottom"
+}), Kn = w({
+	prop: ["paddingLeft", "pl"],
+	themeGet: K,
+	css: "paddingLeft"
+}), qn = w({
+	prop: "px",
+	themeGet: K,
+	css: ["paddingRight", "paddingLeft"]
+}), Jn = w({
+	prop: "py",
+	themeGet: K,
+	css: ["paddingTop", "paddingBottom"]
+}), Yn = w({
+	prop: "spaceY",
+	themeGet: K,
+	css: (e) => ({ "& > :not([hidden]) ~ :not([hidden])": {
+		"--x-space-y-reverse": 0,
+		marginTop: `calc(${e} * calc(1 - var(--x-space-y-reverse)))`,
+		marginBottom: `calc(${e} * var(--x-space-y-reverse))`
+	} })
+}), Xn = w({
+	prop: "spaceX",
+	themeGet: K,
+	css: (e) => ({ "& > :not([hidden]) ~ :not([hidden])": {
+		"--x-space-x-reverse": 0,
+		marginRight: `calc(${e} * var(--x-space-x-reverse))`,
+		marginLeft: `calc(${e} * calc(1 - var(--x-space-x-reverse)))`
+	} })
+}), Zn = w({
+	prop: "spaceXReverse",
+	css: () => ({ "& > :not([hidden]) ~ :not([hidden])": { "--x-space-x-reverse": "1" } })
+}), Qn = w({
+	prop: "spaceYReverse",
+	css: () => ({ "& > :not([hidden]) ~ :not([hidden])": { "--x-space-y-reverse": "1" } })
+}), q = C(Fn, In, Ln, Rn, zn, Bn, Vn, Hn, Un, Wn, Gn, Kn, qn, Jn, Xn, Yn, Zn, Qn), $n = w({
+	prop: "gap",
+	themeGet: K
+}), er = w({
+	prop: "columnGap",
+	themeGet: K
+}), tr = w({
+	prop: "rowGap",
+	themeGet: K
+}), nr = w({ prop: "gridColumn" }), rr = w({ prop: "gridRow" }), ir = w({ prop: "gridAutoFlow" }), ar = w({ prop: "gridAutoColumns" }), or = w({ prop: "gridAutoRows" }), sr = w({
+	prop: "gridTemplateColumns",
+	key: "gridTemplateColumns"
+}), cr = w({
+	prop: "gridTemplateRows",
+	key: "gridTemplateRows"
+}), lr = w({ prop: "gridTemplateAreas" }), ur = w({ prop: "gridArea" }), dr = C($n, er, tr, nr, rr, ir, ar, or, sr, cr, lr, ur), fr = w({ prop: "appearance" }), pr = w({ prop: "cursor" }), mr = w({ prop: "pointerEvents" }), hr = w({ prop: "resize" }), gr = w({ prop: "userSelect" }), _r = C(fr, pr, mr, hr, gr), J = b({
+	name: "size",
+	key: "sizes",
+	compose: O
+}), vr = w({
+	prop: "w",
+	themeGet: J,
+	css: "width"
+}), yr = w({
+	prop: "h",
+	themeGet: J,
+	css: "height"
+}), br = w({
+	prop: ["maxWidth", "maxW"],
+	themeGet: J,
+	css: "maxWidth"
+}), xr = w({
+	prop: ["maxHeight", "maxH"],
+	themeGet: J,
+	css: "maxHeight"
+}), Sr = w({
+	prop: ["minWidth", "minW"],
+	themeGet: J,
+	css: "minWidth"
+}), Cr = w({
+	prop: ["minHeight", "minH"],
+	themeGet: J,
+	css: "minHeight"
+}), wr = w({
+	prop: "maskSize",
+	themeGet: b({
+		name: "size",
+		key: "sizes",
+		compose: O,
+		multiple: !0,
+		shorthand: !0
+	})
+}), Tr = C(vr, yr, br, xr, Sr, Cr, wr), Er = w({
+	prop: "fill",
+	themeGet: N
+}), Dr = w({
+	prop: "stroke",
+	themeGet: N
+}), Or = C(Er, Dr), kr = w({ prop: "borderCollapse" }), Ar = w({ prop: "tableLayout" }), jr = C(kr, Ar), Y = b({
+	name: "transform",
+	key: "transforms"
+}), Mr = w({
+	prop: "transform",
+	themeGet: Y,
+	css: (e) => e === !0 ? {
+		"--x-translate-x": 0,
+		"--x-translate-y": 0,
+		"--x-rotate": 0,
+		"--x-skew-x": 0,
+		"--x-skew-y": 0,
+		"--x-scale-x": "1",
+		"--x-scale-y": "1",
+		transform: "translate3d(var(--x-translate-x), var(--x-translate-y), 0) rotate(var(--x-rotate)) skewX(var(--x-skew-x)) skewY(var(--x-skew-y)) scaleX(var(--x-scale-x)) scaleY(var(--x-scale-y))"
+	} : { transform: e }
+}), Nr = w({ prop: "transformOrigin" }), Pr = w({
+	prop: "translateX",
+	themeGet: K,
+	css: "--x-translate-x"
+}), Fr = w({
+	prop: "translateY",
+	themeGet: K,
+	css: "--x-translate-y"
+}), Ir = w({
+	prop: "rotate",
+	themeGet: D,
+	css: "--x-rotate"
+}), Lr = w({
+	prop: "skewX",
+	themeGet: D,
+	css: "--x-skew-x"
+}), Rr = w({
+	prop: "skewY",
+	themeGet: D,
+	css: "--x-skew-y"
+}), zr = w({
+	prop: "scale",
+	transform: (e) => String(e),
+	css: ["--x-scale-x", "--x-scale-y"]
+}), Br = w({
+	prop: "scaleX",
+	transform: (e) => String(e),
+	css: "--x-scale-x"
+}), Vr = w({
+	prop: "scaleY",
+	transform: (e) => String(e),
+	css: "--x-scale-y"
+}), Hr = C(Mr, Nr, Pr, Fr, Ir, Lr, Rr, zr, Br, Vr), Ur = Object.defineProperty, Wr = Object.defineProperties, Gr = Object.getOwnPropertyDescriptors, Kr = Object.getOwnPropertySymbols, qr = Object.prototype.hasOwnProperty, Jr = Object.prototype.propertyIsEnumerable, Yr = (e, t, n) => t in e ? Ur(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, Xr = (e, t) => {
+	for (var n in t ||= {}) qr.call(t, n) && Yr(e, n, t[n]);
+	if (Kr) for (var n of Kr(t)) Jr.call(t, n) && Yr(e, n, t[n]);
+	return e;
+}, Zr = (e, t) => Wr(e, Gr(t)), X = b({
+	name: "font",
+	key: "fonts"
+}), Z = b({
+	name: "lineHeight",
+	key: "lineHeights",
+	transform: (e, { props: t }) => ee(e, { rootFontSize: t?.theme?.settings?.rootFontSize ?? void 0 })
+}), Q = b({
+	name: "fontWeight",
+	key: "fontWeights"
+}), Qr = b({
+	name: "letterSpacing",
+	key: "letterSpacings",
+	compose: T
+}), $r = b({
+	name: "fontSize",
+	key: "fontSizes",
+	compose: T
+}), ei = w({
+	prop: "fontFamily",
+	themeGet: X
+}), ti = w({
+	prop: "fontSize",
+	themeGet: $r
+}), ni = w({ prop: "fontVariant" }), ri = w({
+	prop: "lineHeight",
+	themeGet: Z
+}), ii = w({
+	prop: "fontWeight",
+	themeGet: Q
+}), ai = w({ prop: "fontStyle" }), oi = w({
+	prop: "letterSpacing",
+	themeGet: Qr
+}), si = w({
+	prop: "color",
+	themeGet: N
+}), ci = w({ prop: "textTransform" }), li = w({ prop: "textDecoration" }), ui = w({ prop: "textAlign" }), di = w({ prop: "verticalAlign" }), fi = w({ prop: "whiteSpace" }), pi = w({ prop: "textOverflow" }), mi = w({ prop: "listStyleType" }), hi = w({ prop: "listStylePosition" }), gi = C(q, ei, ti, ai, ni, ri, ii, ui, oi, si, ci, li, di, fi, pi, mi, hi), _i = w({
+	prop: "text",
+	key: "texts",
+	css: (e) => ({ theme: t }) => gi(Zr(Xr({}, e), { theme: t }))
+}), vi = C(gi, _i), yi = C(Ue, nt, Rt, Ht, Zt, Pn, dr, _r, bn, Tr, q, Or, jr, Hr, ze, vi), $ = (e, t) => (n) => {
+	let a = r(n, e);
+	return i(a) ? a : i(t) ? t : e;
+};
+[
+	D,
+	M,
+	P,
+	I,
+	L,
+	F,
+	N,
+	E,
+	X,
+	$r,
+	Q,
+	G,
+	Qr,
+	Z,
+	O,
+	T,
+	R,
+	B,
+	V,
+	J,
+	K,
+	j,
+	Y,
+	k,
+	A,
+	W
+].forEach((e) => {
+	$[e.meta.name] = e;
+});
+var bi = Object.defineProperty, xi = Object.getOwnPropertySymbols, Si = Object.prototype.hasOwnProperty, Ci = Object.prototype.propertyIsEnumerable, wi = (e, t, n) => t in e ? bi(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, Ti = (e, t) => {
+	for (var n in t ||= {}) Si.call(t, n) && wi(e, n, t[n]);
+	if (xi) for (var n of xi(t)) Ci.call(t, n) && wi(e, n, t[n]);
+	return e;
+}, Ei = [
+	0,
+	5,
+	10,
+	20,
+	25,
+	30,
+	40,
+	50,
+	60,
+	70,
+	75,
+	80,
+	90,
+	95,
+	100
+], Di = (e, t = Ei) => {
+	let n = (e, t) => `${e}${Math.round(t / 100 * 255).toString(16).padStart(2, "0")}`, r = Object.keys(e).reduce((r, i) => (t.forEach((a) => {
+		let o = e[i], s = `${i}-a${a}`;
+		r[s] = l(o) ? n(o, a) : Di(o, t);
+	}), r), {});
+	return Ti(Ti({}, e), r);
+}, Oi = Object.defineProperty, ki = Object.defineProperties, Ai = Object.getOwnPropertyDescriptors, ji = Object.getOwnPropertySymbols, Mi = Object.prototype.hasOwnProperty, Ni = Object.prototype.propertyIsEnumerable, Pi = (e, t, n) => t in e ? Oi(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, Fi = (e, t) => {
+	for (var n in t ||= {}) Mi.call(t, n) && Pi(e, n, t[n]);
+	if (ji) for (var n of ji(t)) Ni.call(t, n) && Pi(e, n, t[n]);
+	return e;
+}, Ii = (e, t) => ki(e, Ai(t)), Li = {
+	.5: "0.125rem",
+	1: "0.25rem",
+	1.5: "0.375rem",
+	2: "0.5rem",
+	2.5: "0.625rem",
+	3: "0.75rem",
+	3.5: "0.875rem",
+	4: "1rem",
+	5: "1.25rem",
+	6: "1.5rem",
+	7: "1.75rem",
+	8: "2rem",
+	9: "2.25rem",
+	10: "2.5rem",
+	11: "2.75rem",
+	12: "3rem",
+	14: "3.5rem",
+	16: "4rem",
+	20: "5rem",
+	24: "6rem",
+	28: "7rem",
+	32: "8rem",
+	36: "9rem",
+	40: "10rem",
+	44: "11rem",
+	48: "12rem",
+	52: "13rem",
+	56: "14rem",
+	60: "15rem",
+	64: "16rem",
+	72: "18rem",
+	80: "20rem",
+	96: "24rem"
+}, Ri = {
+	"ease-in": "cubic-bezier(0.4, 0, 1, 1)",
+	"ease-out": "cubic-bezier(0, 0, 0.2, 1)",
+	"ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+}, zi = {
+	default: [
+		"background-color",
+		"border-color",
+		"color",
+		"fill",
+		"stroke",
+		"opacity",
+		"box-shadow",
+		"transform"
+	],
+	colors: [
+		"background-color",
+		"border-color",
+		"color",
+		"fill",
+		"stroke"
+	],
+	opacity: ["opacity"],
+	shadow: ["box-shadow"],
+	transform: ["transform"]
+};
+Object.keys(zi).reduce((e, t) => (e[t] = zi[t].map((e) => `${e} ${Ri["ease-in-out"]} 150ms`).join(","), e), {}), Object.keys({
+	xs: "0.75rem",
+	sm: "0.875rem",
+	default: "1rem",
+	lg: "1.125rem",
+	xl: "1.25rem",
+	"2xl": "1.5rem",
+	"3xl": "1.875rem",
+	"4xl": "2.25rem",
+	"5xl": "3rem",
+	"6xl": "3.75rem",
+	"7xl": "4.5rem",
+	"8xl": "6rem",
+	"9xl": "8rem"
+}).reduce((e, t) => (e[t] = {
+	fontSize: t,
+	lineHeight: t
+}, e), {}), Di({
+	black: "#000000",
+	white: "#ffffff",
+	"blue-gray-50": "#f8fafc",
+	"blue-gray-100": "#f1f5f9",
+	"blue-gray-200": "#e2e8f0",
+	"blue-gray-300": "#cbd5e1",
+	"blue-gray-400": "#94a3b8",
+	"blue-gray-500": "#64748b",
+	"blue-gray-600": "#475569",
+	"blue-gray-700": "#334155",
+	"blue-gray-800": "#1e293b",
+	"blue-gray-900": "#0f172a",
+	"cool-gray-50": "#f9fafb",
+	"cool-gray-100": "#f3f4f6",
+	"cool-gray-200": "#e5e7eb",
+	"cool-gray-300": "#d1d5db",
+	"cool-gray-400": "#9ca3af",
+	"cool-gray-500": "#6b7280",
+	"cool-gray-600": "#4b5563",
+	"cool-gray-700": "#374151",
+	"cool-gray-800": "#1f2937",
+	"cool-gray-900": "#111827",
+	"gray-50": "#fafafa",
+	"gray-100": "#f4f4f5",
+	"gray-200": "#e4e4e7",
+	"gray-300": "#d4d4d8",
+	"gray-400": "#a1a1aa",
+	"gray-500": "#71717a",
+	"gray-600": "#52525b",
+	"gray-700": "#3f3f46",
+	"gray-800": "#27272a",
+	"gray-900": "#18181b",
+	"true-gray-50": "#fafafa",
+	"true-gray-100": "#f5f5f5",
+	"true-gray-200": "#e5e5e5",
+	"true-gray-300": "#d4d4d4",
+	"true-gray-400": "#a3a3a3",
+	"true-gray-500": "#737373",
+	"true-gray-600": "#525252",
+	"true-gray-700": "#404040",
+	"true-gray-800": "#262626",
+	"true-gray-900": "#171717",
+	"warm-gray-50": "#fafaf9",
+	"warm-gray-100": "#f5f5f4",
+	"warm-gray-200": "#e7e5e4",
+	"warm-gray-300": "#d6d3d1",
+	"warm-gray-400": "#a8a29e",
+	"warm-gray-500": "#78716c",
+	"warm-gray-600": "#57534e",
+	"warm-gray-700": "#44403c",
+	"warm-gray-800": "#292524",
+	"warm-gray-900": "#1c1917",
+	"red-50": "#fef2f2",
+	"red-100": "#fee2e2",
+	"red-200": "#fecaca",
+	"red-300": "#fca5a5",
+	"red-400": "#f87171",
+	"red-500": "#ef4444",
+	"red-600": "#dc2626",
+	"red-700": "#b91c1c",
+	"red-800": "#991b1b",
+	"red-900": "#7f1d1d",
+	"orange-50": "#fff7ed",
+	"orange-100": "#ffedd5",
+	"orange-200": "#fed7aa",
+	"orange-300": "#fdba74",
+	"orange-400": "#fb923c",
+	"orange-500": "#f97316",
+	"orange-600": "#ea580c",
+	"orange-700": "#c2410c",
+	"orange-800": "#9a3412",
+	"orange-900": "#7c2d12",
+	"amber-50": "#fffbeb",
+	"amber-100": "#fef3c7",
+	"amber-200": "#fde68a",
+	"amber-300": "#fcd34d",
+	"amber-400": "#fbbf24",
+	"amber-500": "#f59e0b",
+	"amber-600": "#d97706",
+	"amber-700": "#b45309",
+	"amber-800": "#92400e",
+	"amber-900": "#78350f",
+	"yellow-50": "#fefce8",
+	"yellow-100": "#fef9c3",
+	"yellow-200": "#fef08a",
+	"yellow-300": "#fde047",
+	"yellow-400": "#facc15",
+	"yellow-500": "#eab308",
+	"yellow-600": "#ca8a04",
+	"yellow-700": "#a16207",
+	"yellow-800": "#854d0e",
+	"yellow-900": "#713f12",
+	"lime-50": "#f7fee7",
+	"lime-100": "#ecfccb",
+	"lime-200": "#d9f99d",
+	"lime-300": "#bef264",
+	"lime-400": "#a3e635",
+	"lime-500": "#84cc16",
+	"lime-600": "#65a30d",
+	"lime-700": "#4d7c0f",
+	"lime-800": "#3f6212",
+	"lime-900": "#365314",
+	"green-50": "#f0fdf4",
+	"green-100": "#dcfce7",
+	"green-200": "#bbf7d0",
+	"green-300": "#86efac",
+	"green-400": "#4ade80",
+	"green-500": "#22c55e",
+	"green-600": "#16a34a",
+	"green-700": "#15803d",
+	"green-800": "#166534",
+	"green-900": "#14532d",
+	"emerald-50": "#ecfdf5",
+	"emerald-100": "#d1fae5",
+	"emerald-200": "#a7f3d0",
+	"emerald-300": "#6ee7b7",
+	"emerald-400": "#34d399",
+	"emerald-500": "#10b981",
+	"emerald-600": "#059669",
+	"emerald-700": "#047857",
+	"emerald-800": "#065f46",
+	"emerald-900": "#064e3b",
+	"teal-50": "#f0fdfa",
+	"teal-100": "#ccfbf1",
+	"teal-200": "#99f6e4",
+	"teal-300": "#5eead4",
+	"teal-400": "#2dd4bf",
+	"teal-500": "#14b8a6",
+	"teal-600": "#0d9488",
+	"teal-700": "#0f766e",
+	"teal-800": "#115e59",
+	"teal-900": "#134e4a",
+	"cyan-50": "#ecfeff",
+	"cyan-100": "#cffafe",
+	"cyan-200": "#a5f3fc",
+	"cyan-300": "#67e8f9",
+	"cyan-400": "#22d3ee",
+	"cyan-500": "#06b6d4",
+	"cyan-600": "#0891b2",
+	"cyan-700": "#0e7490",
+	"cyan-800": "#155e75",
+	"cyan-900": "#164e63",
+	"light-blue-50": "#f0f9ff",
+	"light-blue-100": "#e0f2fe",
+	"light-blue-200": "#bae6fd",
+	"light-blue-300": "#7dd3fc",
+	"light-blue-400": "#38bdf8",
+	"light-blue-500": "#0ea5e9",
+	"light-blue-600": "#0284c7",
+	"light-blue-700": "#0369a1",
+	"light-blue-800": "#075985",
+	"light-blue-900": "#0c4a6e",
+	"blue-50": "#eff6ff",
+	"blue-100": "#dbeafe",
+	"blue-200": "#bfdbfe",
+	"blue-300": "#93c5fd",
+	"blue-400": "#60a5fa",
+	"blue-500": "#3b82f6",
+	"blue-600": "#2563eb",
+	"blue-700": "#1d4ed8",
+	"blue-800": "#1e40af",
+	"blue-900": "#1e3a8a",
+	"indigo-50": "#eef2ff",
+	"indigo-100": "#e0e7ff",
+	"indigo-200": "#c7d2fe",
+	"indigo-300": "#a5b4fc",
+	"indigo-400": "#818cf8",
+	"indigo-500": "#6366f1",
+	"indigo-600": "#4f46e5",
+	"indigo-700": "#4338ca",
+	"indigo-800": "#3730a3",
+	"indigo-900": "#312e81",
+	"violet-50": "#f5f3ff",
+	"violet-100": "#ede9fe",
+	"violet-200": "#ddd6fe",
+	"violet-300": "#c4b5fd",
+	"violet-400": "#a78bfa",
+	"violet-500": "#8b5cf6",
+	"violet-600": "#7c3aed",
+	"violet-700": "#6d28d9",
+	"violet-800": "#5b21b6",
+	"violet-900": "#4c1d95",
+	"purple-50": "#faf5ff",
+	"purple-100": "#f3e8ff",
+	"purple-200": "#e9d5ff",
+	"purple-300": "#d8b4fe",
+	"purple-400": "#c084fc",
+	"purple-500": "#a855f7",
+	"purple-600": "#9333ea",
+	"purple-700": "#7e22ce",
+	"purple-800": "#6b21a8",
+	"purple-900": "#581c87",
+	"fuchsia-50": "#fdf4ff",
+	"fuchsia-100": "#fae8ff",
+	"fuchsia-200": "#f5d0fe",
+	"fuchsia-300": "#f0abfc",
+	"fuchsia-400": "#e879f9",
+	"fuchsia-500": "#d946ef",
+	"fuchsia-600": "#c026d3",
+	"fuchsia-700": "#a21caf",
+	"fuchsia-800": "#86198f",
+	"fuchsia-900": "#701a75",
+	"pink-50": "#fdf2f8",
+	"pink-100": "#fce7f3",
+	"pink-200": "#fbcfe8",
+	"pink-300": "#f9a8d4",
+	"pink-400": "#f472b6",
+	"pink-500": "#ec4899",
+	"pink-600": "#db2777",
+	"pink-700": "#be185d",
+	"pink-800": "#9d174d",
+	"pink-900": "#831843",
+	"rose-50": "#fff1f2",
+	"rose-100": "#ffe4e6",
+	"rose-200": "#fecdd3",
+	"rose-300": "#fda4af",
+	"rose-400": "#fb7185",
+	"rose-500": "#f43f5e",
+	"rose-600": "#e11d48",
+	"rose-700": "#be123c",
+	"rose-800": "#9f1239",
+	"rose-900": "#881337"
+}), Ii(Fi({}, Li), {
+	.5: void 0,
+	1: void 0,
+	"0.5s": Li[.5],
+	"1s": Li[1],
+	full: "100%",
+	xs: "20rem",
+	sm: "24rem",
+	md: "28rem",
+	lg: "32rem",
+	xl: "36rem",
+	"2xl": "42rem",
+	"3xl": "48rem",
+	"4xl": "56rem",
+	"5xl": "64rem",
+	"6xl": "72rem",
+	"7xl": "80rem"
+});
+var Bi = (e) => `
+/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+*,::after,::before{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
+
+/* Role button pointer */
+[role=button], button {
+  cursor: pointer;
+}
+
+/* Remove default margins */
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+/* Remove headings styles */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/* Unstyle lists */
+ol,
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Image are block-level */
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+
+/* Reset border styles */
+*,
+::before,
+::after {
+  border-width: 0;
+  border-style: solid;
+  border-color: ${$.color("default-border-color", "currentColor")({ theme: e })};
+}
+
+* {
+  --x-ring-color: ${$.color("default-ring-color", "rgba(59,130,246,0.5)")({ theme: e })};
+}
+
+/* Default outline on buttons */
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+// Animations
+@keyframes x-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes x-ping {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@keyframes x-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: .5;
+  }
+}
+
+@keyframes x-bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: translateY(0);
+    animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+`;
+//#endregion
+export { Sn as alignContent, xn as alignItems, Mn as alignSelf, Be as animation, Ve as animationDuration, He as animationTimingFunction, Ue as animations, fr as appearance, Ge as background, Ze as backgroundAttachment, Qe as backgroundClip, Ke as backgroundColor, qe as backgroundImage, Ye as backgroundPosition, Xe as backgroundRepeat, Je as backgroundSize, nt as backgrounds, rt as border, ot as borderBottom, dt as borderBottomColor, xt as borderBottomStyle, gt as borderBottomWidth, kr as borderCollapse, ct as borderColor, st as borderLeft, ft as borderLeftColor, St as borderLeftStyle, _t as borderLeftWidth, Ot as borderRadius, at as borderRight, ut as borderRightColor, bt as borderRightStyle, ht as borderRightWidth, vt as borderStyle, it as borderTop, lt as borderTopColor, yt as borderTopStyle, mt as borderTopWidth, pt as borderWidth, Rt as borders, hn as bottom, Bt as boxShadow, on as boxSizing, Xt as col, si as color, er as columnGap, C as compose, sn as container, x as createStyleGenerator, pr as cursor, U as display, Nt as divideColor, Pt as divideStyle, At as divideX, jt as divideXReverse, kt as divideY, Mt as divideYReverse, Ht as effects, Er as fill, An as flex, On as flexBasis, kn as flexDirection, En as flexGrow, Dn as flexShrink, Tn as flexWrap, Zt as flexboxGrids, Pn as flexboxes, an as float, ei as fontFamily, ti as fontSize, ai as fontStyle, ni as fontVariant, ii as fontWeight, $n as gap, Di as generateHexAlphaVariants, D as getAngle, M as getAnimation, P as getBorder, I as getBorderColor, L as getBorderStyle, F as getBorderWidth, ae as getBreakpointMax, ie as getBreakpointMin, N as getColor, E as getDuration, X as getFont, $r as getFontSize, Q as getFontWeight, G as getInset, Qr as getLetterSpacing, Z as getLineHeight, O as getPercent, Bi as getPreflightStyles, T as getPx, R as getRadius, B as getRingWidth, fe as getScreens, V as getShadow, J as getSize, K as getSpace, pe as getStates, j as getTimingFunction, Y as getTransform, k as getTransition, A as getTransitionProperty, me as getVariants, W as getZIndex, $e as gradientFrom, tt as gradientTo, et as gradientVia, ur as gridArea, ar as gridAutoColumns, ir as gridAutoFlow, or as gridAutoRows, nr as gridColumn, rr as gridRow, lr as gridTemplateAreas, sr as gridTemplateColumns, cr as gridTemplateRows, dr as grids, yr as height, _r as interactivity, Cn as justifyContent, wn as justifyItems, jn as justifySelf, bn as layout, gn as left, oi as letterSpacing, ri as lineHeight, hi as listStylePosition, mi as listStyleType, Fn as margin, Rn as marginBottom, zn as marginLeft, Ln as marginRight, In as marginTop, wr as maskSize, xr as maxHeight, br as maxWidth, Cr as minHeight, Sr as minWidth, Bn as mx, Vn as my, yn as objectFit, zt as opacity, Nn as order, Ct as outline, wt as outlineColor, Dt as outlineOffset, Et as outlineStyle, Tt as outlineWidth, cn as overflow, ln as overflowX, un as overflowY, vn as overscrollBehavior, Hn as padding, Gn as paddingBottom, Kn as paddingLeft, Wn as paddingRight, Un as paddingTop, mr as pointerEvents, fn as position, qn as px, Jn as py, hr as resize, mn as right, Ft as ring, Lt as ringColor, It as ringInset, Ir as rotate, Jt as row, tr as rowGap, zr as scale, Br as scaleX, Vr as scaleY, Tr as sizing, Lr as skewX, Rr as skewY, q as space$1, Xn as spaceX, Zn as spaceXReverse, Yn as spaceY, Qn as spaceYReverse, Dr as stroke, w as style, Or as svg, yi as system, Ar as tableLayout, jr as tables, _i as text, ui as textAlign, li as textDecoration, pi as textOverflow, Vt as textShadow, ci as textTransform, $ as th, b as themeGetter, pn as top, Mr as transform, Nr as transformOrigin, Hr as transforms, Pe as transition, Re as transitionDelay, Ie as transitionDuration, Fe as transitionProperty, Le as transitionTimingFunction, ze as transitions$1, Pr as translateX, Fr as translateY, vi as typography, gr as userSelect, di as verticalAlign, _n as visibility, fi as whiteSpace, vr as width, dn as zIndex };