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

package/ui/index4.es.js

@@ -1,1316 +0,0 @@
-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 };