@mailstep/design-system 0.8.25 → 0.8.26-beta.1

package/ui/index5.es.js

@@ -0,0 +1,242 @@
+import { cascade as e, func as t, obj as n, string as r } from "./index3.es.js";
+import { getBreakpointMax as i, getBreakpointMin as a, getScreens as o, system as s } from "./index4.es.js";
+import * as c from "react";
+import { useMemo as l } from "react";
+//#region node_modules/@xstyled/core/dist/index.mjs
+var u = (...e) => e.filter(Boolean).join("."), d = (e) => `--${e.replace(/\./g, "-")}`, f = (e, t) => `var(${d(e)}, ${t})`, p = (e, t) => `${e}: ${t};`;
+function m(i, a, o = Object.keys(i), s) {
+	let c = Array.isArray(i) ? [] : {};
+	for (let l in o) {
+		let d = o[l], p = i[d], h = u(s, d);
+		if (n(p)) {
+			c[d] = m(p, a, Object.keys(p), h);
+			continue;
+		}
+		if (r(p)) {
+			c[d] = f(h, p);
+			continue;
+		}
+		if (t(p)) {
+			c[d] = f(h, e(p, { theme: a }));
+			continue;
+		}
+	}
+	return c;
+}
+function h(i, a, o = Object.keys(i), s, c = { value: "" }) {
+	for (let l in o) {
+		let f = o[l], m = i[f], g = u(s, f);
+		if (n(m)) {
+			h(m, a, Object.keys(m), g, c);
+			continue;
+		}
+		if (r(m)) {
+			c.value += p(d(g), m);
+			continue;
+		}
+		if (t(m)) {
+			c.value += p(d(g), e(m, { theme: a }));
+			continue;
+		}
+	}
+	return c.value;
+}
+var g = Object.defineProperty, _ = Object.defineProperties, v = Object.getOwnPropertyDescriptors, y = Object.getOwnPropertySymbols, b = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable, S = (e, t, n) => t in e ? g(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, C = (e, t) => {
+	for (var n in t ||= {}) b.call(t, n) && S(e, n, t[n]);
+	if (y) for (var n of y(t)) x.call(t, n) && S(e, n, t[n]);
+	return e;
+}, w = (e, t) => _(e, v(t)), T = (e, t) => {
+	var n = {};
+	for (var r in e) b.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+	if (e != null && y) for (var r of y(e)) t.indexOf(r) < 0 && x.call(e, r) && (n[r] = e[r]);
+	return n;
+}, E = "xstyled-color-mode", D = typeof window < "u" && (() => {
+	try {
+		let e = "xstyled-test-key";
+		return window.localStorage.setItem(e, e), window.localStorage.removeItem(e), !0;
+	} catch {
+		return !1;
+	}
+})() ? {
+	get: () => window.localStorage.getItem(E),
+	set: (e) => {
+		window.localStorage.setItem(E, e);
+	},
+	clear: () => window.localStorage.removeItem(E)
+} : {
+	get: () => null,
+	set: () => {},
+	clear: () => {}
+}, O = "xstyled-color-mode-", k = (e) => `${O}${e}`, A = "xstyled-colors", j = ["light", "dark"];
+function M(e, t) {
+	return w(C({}, e), { colors: C(C({}, e.colors), e.colors.modes[t]) });
+}
+var N = (e) => `@media ${e}`, P = (e) => `(prefers-color-scheme: ${e})`;
+function F(e) {
+	return !!(e && e.colors && e.colors.modes);
+}
+function I(e) {
+	return !!(e && (e.useCustomProperties === void 0 || e.useCustomProperties));
+}
+function L(e) {
+	return !!(e && (e.useColorSchemeMediaQuery === void 0 || e.useColorSchemeMediaQuery));
+}
+function R(e) {
+	return e.initialColorModeName || "default";
+}
+function z(e) {
+	return e.defaultColorModeName || R(e);
+}
+function B(e) {
+	let t = [];
+	for (let n in e) t = [...t, ...Object.keys(e[n])];
+	return t;
+}
+function V(e, { targetSelector: t = "body" } = {}) {
+	if (!F(e)) return null;
+	let n = e.colors, { modes: r } = n, i = T(n, ["modes"]), a = B(r), o = h(i, e, a, A);
+	function s(t) {
+		let n = M(e, t), r = n.colors, { modes: i } = r;
+		return h(C(C({}, T(r, ["modes"])), i[t]), n, a, A);
+	}
+	return e.useColorSchemeMediaQuery !== !1 && j.forEach((e) => {
+		if (r[e]) {
+			let t = N(P(e));
+			o += `${t}{${s(e)}}`;
+		}
+	}), [R(e), ...Object.keys(r)].forEach((e) => {
+		let t = `&.${k(e)}`;
+		o += `${t}{${s(e)}}`;
+	}), `${t}{${o}}`;
+}
+function H(e) {
+	if (typeof window > "u" || window.matchMedia === void 0) return null;
+	let t = P(e);
+	return window.matchMedia(t);
+}
+function U(e) {
+	let t = c.useMemo(() => L(e) ? j.map((t) => {
+		if (!F(e) || !e.colors.modes[t]) return null;
+		let n = H(t);
+		return n ? {
+			mode: t,
+			mql: n
+		} : null;
+	}).filter(Boolean) : [], [e]), [n, r] = c.useState(() => {
+		let e = t.find((e) => e.mql.matches);
+		return e ? e.mode : null;
+	});
+	return c.useEffect(() => {
+		let e = t.map(({ mode: e, mql: t }) => {
+			let n = ({ matches: t }) => {
+				r(t ? e : (t) => t === e ? null : e);
+			};
+			return t.addEventListener("change", n), () => t.removeEventListener("change", n);
+		});
+		return () => e.forEach((e) => e());
+	}), n;
+}
+var W = typeof window < "u" ? c.useLayoutEffect : c.useEffect;
+function G(e, { target: t } = {}) {
+	let n = U(e), r = z(e), i = R(e), [a, o] = c.useState(() => F(e) ? r : null), s = I(e), l = c.useCallback((e) => {
+		o(e || null), e ? D.set(e) : D.clear();
+	}, []);
+	return W(() => {
+		if (!F(e)) return;
+		let t = D.get();
+		a !== (t || n || r) && o(t || n || r);
+	}, []), W(() => {
+		if (D.get()) return;
+		let e = n || r;
+		e !== a && o(e);
+	}, [
+		a,
+		n,
+		r
+	]), W(() => {
+		if (!a || !s || !D.get() && i === a) return;
+		let e = k(a), n = t || document.body;
+		return n.classList.add(e), () => {
+			n.classList.remove(e);
+		};
+	}, [
+		s,
+		t,
+		a,
+		i
+	]), [a, l];
+}
+function K(e, t) {
+	let [n] = c.useState(t), r = c.useMemo(() => {
+		if (!n || !I(e)) return null;
+		if (!F(e)) return e;
+		let t = e.colors, { modes: r } = t, i = T(t, ["modes"]), a = B(r);
+		return w(C({}, e), {
+			colors: w(C(C({}, i), m(i, e, a, A)), { modes: r }),
+			__rawColors: e.colors
+		});
+	}, [n, e]), i = c.useMemo(() => !t || I(e) ? null : F(e) ? t === R(e) ? w(C({}, e), { __colorMode: t }) : w(C({}, e), {
+		colors: C(C({}, e.colors), e.colors.modes[t]),
+		__colorMode: t,
+		__rawColors: e.colors
+	}) : e, [e, t]);
+	return r || i;
+}
+var q = c.createContext(null);
+function J({ ThemeContext: e, ThemeProvider: t, ColorModeStyle: n }) {
+	function r({ children: r, target: i, targetSelector: a }) {
+		let o = c.useContext(e);
+		if (!o) throw Error("[ColorModeProvider] requires ThemeProvider upper in the tree");
+		let s = G(o, { target: i }), l = K(o, s[0]);
+		return /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(n, { targetSelector: a }), /* @__PURE__ */ c.createElement(t, { theme: l }, /* @__PURE__ */ c.createElement(q.Provider, { value: s }, r)));
+	}
+	return r;
+}
+function Y() {
+	return [
+		"&&{",
+		s,
+		"}"
+	];
+}
+Y.meta = s.meta;
+var X = (e) => (t) => (n) => {
+	let r = e(o(n), t);
+	return r === null ? "0" : r || t;
+}, Z = {
+	"min-width": X(a),
+	"max-width": X(i)
+}, Q = "[-\\w]", $ = `(${Q}+)(\\s*:\\s*)(?=\\S)((?:\\\\[\\s\\S]|[^\\\\;{}])*?)(\\s*!important)?(\\s*;)`, ee = RegExp(`(?:${$}|(@media\\b\\s*)(?=\\S)([^{]+?)(\\s*\\{))`, "g"), te = RegExp(`(\\(\\s*)(${Q}+)(\\s*:\\s*)([^\\)]*?)(\\s*\\))`, "g"), ne = (e) => {
+	let t, n = 0, r = [];
+	for (; t = te.exec(e);) {
+		let [, i, a, o, s, c] = t, l = Z[a];
+		l && (r.push(e.slice(n, t.index)), r.push((e) => `${i}${a}${o}${l(s)(e)}${c}`), n = t.index + t[0].length);
+	}
+	return r.push(e.slice(n, e.length)), r;
+}, re = (e) => (t) => {
+	if (typeof t != "string") return t;
+	let n, r = 0, i = [];
+	for (; n = ee.exec(t);) {
+		let [, a, o, s, c, l, u, d, f] = n;
+		if (u) i.push(t.slice(r, n.index)), i.push(u), ne(d).forEach((e) => i.push(e)), i.push(f), r = n.index + n[0].length;
+		else {
+			let u = e.meta.cssGetters[a];
+			u && (i.push(t.slice(r, n.index)), i.push((e) => `${a}${o}${u(s)(e)}${c || ""}${l}`), r = n.index + n[0].length);
+		}
+	}
+	return i.push(t.slice(r, t.length)), i;
+}, ie = (e, t) => (n, r) => {
+	let i = t();
+	return l(() => e(n, r)({ theme: i }), [
+		n,
+		r,
+		i
+	]);
+};
+//#endregion
+export { J as createColorModeProvider, V as createColorStyles, re as createTransform, ie as createUseGetter };

package/ui/index50.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-regular-svg-icons/faLock.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "far", n = "lock", r = 448, i = 512, a = [128274], o = "f023", s = "M144 128l0 64 160 0 0-64c0-44.2-35.8-80-80-80s-80 35.8-80 80zM96 192l0-64C96 57.3 153.3 0 224 0s128 57.3 128 128l0 64 32 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l32 0zM48 256l0 192c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-192c0-8.8-7.2-16-16-16L64 240c-8.8 0-16 7.2-16 16z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faLock = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faLock };

package/ui/index500.es.js

@@ -0,0 +1,169 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require_lexer as t } from "./index499.es.js";
+//#region node_modules/@messageformat/parser/lib/parser.js
+var n = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.ParseError = void 0, e.parse = u;
+	var n = t(), r = (e) => ({
+		offset: e.offset,
+		line: e.line,
+		col: e.col,
+		text: e.text,
+		lineBreaks: e.lineBreaks
+	}), i = (e) => e === "plural" || e === "select" || e === "selectordinal";
+	function a(e, t) {
+		let n = "", r = "";
+		for (let i of t) {
+			let t = i.ctx.text;
+			switch (r += t, i.type) {
+				case "content":
+					n += i.value;
+					break;
+				case "argument":
+				case "function":
+				case "octothorpe":
+					n += t;
+					break;
+				default: throw new c(e, `Unsupported part in strict mode function arg style: ${t}`);
+			}
+		}
+		return [{
+			type: "content",
+			value: n.trim(),
+			ctx: Object.assign({}, t[0].ctx, { text: r })
+		}];
+	}
+	var o = [
+		"number",
+		"date",
+		"time",
+		"spellout",
+		"ordinal",
+		"duration"
+	], s = [
+		"zero",
+		"one",
+		"two",
+		"few",
+		"many",
+		"other"
+	], c = class extends Error {
+		constructor(e, t) {
+			super(n.lexer.formatError(e, t));
+		}
+	};
+	e.ParseError = c;
+	var l = class {
+		constructor(e, t) {
+			this.lexer = n.lexer.reset(e), this.cardinalKeys = t?.cardinal ?? s, this.ordinalKeys = t?.ordinal ?? s, this.strict = t?.strict ?? !1, this.strictPluralKeys = t?.strictPluralKeys ?? !0;
+		}
+		parse() {
+			return this.parseBody(!1, !0);
+		}
+		checkSelectKey(e, t, n) {
+			if (n[0] === "=") {
+				if (t === "select") throw new c(e, `The case ${n} is not valid with select`);
+			} else if (t !== "select") {
+				let r = t === "plural" ? this.cardinalKeys : this.ordinalKeys;
+				if (this.strictPluralKeys && r.length > 0 && !r.includes(n)) throw new c(e, `The ${t} case ${n} is not valid in this locale`);
+			}
+		}
+		parseSelect({ value: e }, t, n, i) {
+			let a = {
+				type: i,
+				arg: e,
+				cases: [],
+				ctx: n
+			};
+			i === "plural" || i === "selectordinal" ? t = !0 : this.strict && (t = !1);
+			for (let e of this.lexer) switch (e.type) {
+				case "offset":
+					if (i === "select") throw new c(e, "Unexpected plural offset for select");
+					if (a.cases.length > 0) throw new c(e, "Plural offset must be set before cases");
+					a.pluralOffset = Number(e.value), n.text += e.text, n.lineBreaks += e.lineBreaks;
+					break;
+				case "case":
+					this.checkSelectKey(e, i, e.value), a.cases.push({
+						key: e.value,
+						tokens: this.parseBody(t),
+						ctx: r(e)
+					});
+					break;
+				case "end": return a;
+				/* istanbul ignore next: never happens */
+				default: throw new c(e, `Unexpected lexer token: ${e.type}`);
+			}
+			throw new c(null, "Unexpected message end");
+		}
+		parseArgToken(e, t) {
+			let n = r(e), s = this.lexer.next();
+			if (!s) throw new c(null, "Unexpected message end");
+			if (n.text += s.text, n.lineBreaks += s.lineBreaks, this.strict && (s.type === "func-simple" || s.type === "func-args") && !o.includes(s.value)) throw new c(e, `Invalid strict mode function arg type: ${s.value}`);
+			switch (s.type) {
+				case "end": return {
+					type: "argument",
+					arg: e.value,
+					ctx: n
+				};
+				case "func-simple": {
+					let t = this.lexer.next();
+					if (!t) throw new c(null, "Unexpected message end");
+					/* istanbul ignore if: never happens */
+					if (t.type !== "end") throw new c(t, `Unexpected lexer token: ${t.type}`);
+					if (n.text += t.text, i(s.value.toLowerCase())) throw new c(s, `Invalid type identifier: ${s.value}`);
+					return {
+						type: "function",
+						arg: e.value,
+						key: s.value,
+						ctx: n
+					};
+				}
+				case "func-args": {
+					if (i(s.value.toLowerCase())) throw new c(s, `Invalid type identifier: ${s.value}`);
+					let r = this.parseBody(this.strict ? !1 : t);
+					return this.strict && r.length > 0 && (r = a(e, r)), {
+						type: "function",
+						arg: e.value,
+						key: s.value,
+						param: r,
+						ctx: n
+					};
+				}
+				case "select":
+					/* istanbul ignore else: never happens */
+					if (i(s.value)) return this.parseSelect(e, t, n, s.value);
+					throw new c(s, `Unexpected select type ${s.value}`);
+				/* istanbul ignore next: never happens */
+				default: throw new c(s, `Unexpected lexer token: ${s.type}`);
+			}
+		}
+		parseBody(e, t) {
+			let n = [], i = null;
+			for (let a of this.lexer) if (a.type === "argument") i &&= null, n.push(this.parseArgToken(a, e));
+			else if (a.type === "octothorpe" && e) i &&= null, n.push({
+				type: "octothorpe",
+				ctx: r(a)
+			});
+			else if (a.type === "end" && !t) return n;
+			else {
+				let t = a.value;
+				if (!e && a.type === "quoted" && t[0] === "#") {
+					if (t.includes("{")) throw new c(a, `Unsupported escape pattern: ${t}`);
+					t = a.text;
+				}
+				i ? (i.value += t, i.ctx.text += a.text, i.ctx.lineBreaks += a.lineBreaks) : (i = {
+					type: "content",
+					value: t,
+					ctx: r(a)
+				}, n.push(i));
+			}
+			if (t) return n;
+			throw new c(null, "Unexpected message end");
+		}
+	};
+	function u(e, t = {}) {
+		return new l(e, t).parse();
+	}
+}));
+//#endregion
+export default n();
+export { n as require_parser };