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

package/ui/packages/ui/Elements/SingleSelect/SingleSelect.js

@@ -1,109 +0,0 @@
-import { __toESM as e } from "../../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../../node_modules/react/jsx-runtime.js";
-import { i18n as n } from "../../../../node_modules/@lingui/core/dist/index.js";
-import r from "../Select/index.js";
-import { nanoid as i } from "../../../../node_modules/nanoid/index.browser.js";
-import { require_omit as a } from "../../../../node_modules/lodash/fp/omit.js";
-import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { createFilter as u } from "react-select";
-//#region packages/ui/Elements/SingleSelect/SingleSelect.tsx
-var d = /* @__PURE__ */ e(a(), 1), f = t(), p = `_create_${i()}_`, m = u(), h = (e, t) => e?.value === p ? !0 : m(e, t), g = (e) => e === null ? null : Array.isArray(e) ? e.map((e) => e.value) : e.value, _ = () => n._({
-	id: "components.dropdown.loading",
-	message: "Loading..."
-}), v = (e) => {
-	let { name: t, onChange: i, onBlur: a, onValueChange: u, loadOptions: m, asyncLoadMinChars: v = 0, isLocked: y, lockedText: b = n._({
-		id: "components.dropdown.notReact",
-		message: "Select related values first..."
-	}), disabled: x, placeholder: S = n._({
-		id: "components.dropdown.placeholder",
-		message: "Select..."
-	}), preload: C, initialOptions: w, onCreateOption: T, options: E, filterOption: D, shouldReloadOptions: O = !1 } = e, [k, A] = l(!1), j = !!m || !!T, M = o((e) => m ? e.length < v ? n._({
-		id: "components.dropdown.writeMoreChars",
-		message: `Write at least ${v} characters.`
-	}) : n._({
-		id: "dataGrid.filterCell",
-		message: "Type to filter"
-	}) : n._({
-		id: "components.dropdown.noOptions",
-		message: "No options"
-	}), [m, v]), N = o(async (e) => T ? e.trim() ? await Promise.resolve([...E || [], {
-		value: p,
-		label: `${e} (${n._({
-			id: "components.dropdown.newOption",
-			message: "new value"
-		})})`,
-		inputValue: e
-	}]) : await Promise.resolve(E || []) : !m || e.length < v ? await Promise.resolve([]) : await m(e, !1), [
-		T,
-		m,
-		v,
-		E
-	]), [P, F] = l(E || []);
-	s(() => {
-		m && C && !e.value && m("", !1).then(F).catch(console.error);
-	}, [m]);
-	let [I, L] = l(null);
-	s(() => {
-		w?.length && L(w.find((t) => t.value === e.value) || null), m && !w && e.value && m(String(e.value), !0).then((e) => {
-			L(e?.[0] || null);
-		}).catch(console.error);
-	}, [w, L]), s(() => {
-		O && F(E || []);
-	}, [E]);
-	let R = o(async (r) => {
-		let a;
-		if (T && r?.value === p) if (r?.inputValue && r?.inputValue?.trim()?.length < 2) {
-			e?.form.setFieldTouched(t, !0, !0), e?.form.setFieldError(t, n._({
-				id: "form.general.min2Chars",
-				message: "Minimal length is 2 characters."
-			}));
-			return;
-		} else A(!0), a = g(await T(r?.inputValue?.trim() ?? "")), A(!1);
-		else a = g(r), m && L(r);
-		i && i({ target: {
-			name: t ?? "",
-			type: "change",
-			value: a
-		} }), u && u(a);
-	}, [
-		T,
-		m,
-		i,
-		u,
-		e?.form,
-		t
-	]), z = [
-		"onValueChange",
-		"placeholder",
-		"options",
-		"loadOptions",
-		"asyncLoadMinChars"
-	], B = y && !x ? b : S, V = c(() => {
-		if (!j) return;
-		let e = T ? E : P;
-		return I ? e ? [...e, I] : [I] : e || void 0;
-	}, [
-		j,
-		P,
-		T,
-		E,
-		I
-	]);
-	return /* @__PURE__ */ (0, f.jsx)(r, {
-		...(0, d.default)(z, e),
-		filterOption: D || h,
-		disabled: x || y,
-		onChange: R,
-		onBlur: a,
-		placeholder: B,
-		loadingMessage: _,
-		noOptionsMessage: M,
-		loadOptions: j ? N : void 0,
-		containerVariant: j ? "search" : void 0,
-		defaultOptions: V,
-		options: j ? void 0 : E,
-		isLoading: k || e.isLoading
-	});
-};
-//#endregion
-export { v as default };

package/ui/packages/ui/Elements/SingleSelect/index.js

@@ -1,5 +0,0 @@
-import e from "./SingleSelect.js";
-//#region packages/ui/Elements/SingleSelect/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Elements/SpaceAround/SpaceAround.js

@@ -1,32 +0,0 @@
-import { th as e } from "../../../../node_modules/@xstyled/system/dist/index.js";
-import { css as t, styled as n, useTheme as r, x as i } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as a } from "../../../../node_modules/react/jsx-runtime.js";
-import "react";
-//#region packages/ui/Elements/SpaceAround/SpaceAround.tsx
-var o = a(), s = n(i.div)`
-  width: ${({ $marginLeft: e, $marginRight: t }) => `calc(100% - ${e || "0px"} - ${t || "0px"})`};
-  position: relative;
-  box-sizing: border-box;
-  ${({ $spaceAround: e }) => e ? t`
-          margin-top: ${e === !0 || e?.marginTop === void 0 ? 1 : e.marginTop};
-          margin-right: ${e === !0 || e?.marginRight === void 0 ? 1 : e.marginRight};
-          margin-bottom: ${e === !0 || e?.marginBottom === void 0 ? 2 : e.marginBottom};
-          margin-left: ${e === !0 || e?.marginLeft === void 0 ? 0 : e.marginLeft};
-        ` : ""};
-  ${({ $spaceBetween: e }) => e ? t`
-          display: flex;
-          justify-content: space-between;
-        ` : ""};
-`, c = ({ children: t, spaceBetween: n = !1, spaceAround: i = !0, ...a }) => {
-	let c = r(), l = typeof i != "boolean" && i?.marginLeft ? e.space(i?.marginLeft)({ theme: c }) : 0;
-	return /* @__PURE__ */ (0, o.jsx)(s, {
-		$spaceAround: i,
-		$spaceBetween: n,
-		$marginRight: typeof i != "boolean" && i?.marginRight ? e.space(i?.marginRight)({ theme: c }) : 0,
-		$marginLeft: l,
-		...a,
-		children: t
-	});
-};
-//#endregion
-export { c as default };

package/ui/packages/ui/Elements/SpaceAround/index.js

@@ -1,5 +0,0 @@
-import e from "./SpaceAround.js";
-//#region packages/ui/Elements/SpaceAround/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Elements/Spinner/Spinner.js

@@ -1,26 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../node_modules/react/jsx-runtime.js";
-import { Circle as t, Svg as n } from "./styles.js";
-//#region packages/ui/Elements/Spinner/Spinner.tsx
-var r = e(), i = {
-	error: "white",
-	concept: "blue2",
-	done: "white",
-	info: "blue2",
-	processing: "white",
-	success: "white",
-	warning: "blue2",
-	waiting: "white"
-}, a = ({ variant: e = "default", appearance: a }) => /* @__PURE__ */ (0, r.jsx)(n, {
-	viewBox: "22 22 44 44",
-	$variant: e,
-	children: /* @__PURE__ */ (0, r.jsx)(t, {
-		cx: "44",
-		cy: "44",
-		r: "20.2",
-		fill: "none",
-		strokeWidth: "3.6",
-		color: a ? i[a] : "blue2"
-	})
-});
-//#endregion
-export { a as default };

package/ui/packages/ui/Elements/Spinner/index.js

@@ -1,5 +0,0 @@
-import e from "./Spinner.js";
-//#region packages/ui/Elements/Spinner/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Elements/Spinner/styles.js

@@ -1,34 +0,0 @@
-import { th as e } from "../../../../node_modules/@xstyled/system/dist/index.js";
-import { keyframes as t, styled as n } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Elements/Spinner/styles.ts
-var r = t`
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-`, i = t`
-  100% {
-    transform: rotate(360deg);
-  }
-`, a = n.svg`
-  width: ${({ $variant: e }) => e === "sm" ? "16" : "40"}px;
-  height: ${({ $variant: e }) => e === "sm" ? "16" : "40"}px;
-  animation: ${i} 1.4s linear infinite;
-`, o = n.circle`
-  animation: ${r} 1.4s ease-in-out infinite;
-  stroke-dasharray: 80px, 200px;
-  stroke-dashoffset: 0px;
-  stroke: ${({ color: t }) => t ? e.color(t) : e.color("blue2")};
-`;
-//#endregion
-export { o as Circle, a as Svg };

package/ui/packages/ui/Elements/Tag/Tag.js

@@ -1,43 +0,0 @@
-import { th as e } from "../../../../node_modules/@xstyled/system/dist/index.js";
-import { styled as t } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Elements/Tag/Tag.tsx
-var n = {
-	small: "14px",
-	medium: "16px",
-	big: "20px"
-}, r = {
-	small: "2px 8px",
-	medium: "7px 10px",
-	big: "12px 12px"
-}, i = {
-	small: "6px",
-	medium: "20px",
-	big: "20px"
-}, a = (t, n) => n ? e.color(n) : t ? e.color("blue2") : "white", o = (t) => t ? e.color(t) : "rgba(157, 163, 169, 0.2)", s = t.div`
-  background-color: ${({ color: e }) => o(e)};
-  margin-right: ${({ marginRight: e }) => e || "10px"};
-  color: ${({ isNotSelected: e, textColor: t }) => a(e, t)};
-  width: fit-content;
-  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  text-align: center;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-  ${({ size: e }) => `border-radius: ${i[e || "medium"]}`};
-  ${({ size: e }) => `font-size: ${n[e || "medium"]}`};
-  ${({ size: e }) => `padding: ${r[e || "medium"]}`};
-  ${({ border: e }) => e && "border: 1px solid rgba(0, 0, 0, 0.65);"};
-  ${({ opacity: e }) => e && "opacity: 0.7"};
-  ${({ pointer: e }) => e && "cursor: pointer;"};
-  ${({ hover: e }) => e && "&: hover { opacity: 0.7}"};
-
-  & span {
-    &:first-letter {
-      text-transform: uppercase;
-    }
-  }
-}
-`;
-//#endregion
-export { s as default };

package/ui/packages/ui/Elements/Tag/index.js

@@ -1,6 +0,0 @@
-import e from "./Tag.js";
-import "./palettes.js";
-//#region packages/ui/Elements/Tag/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Elements/Tag/palettes.js

@@ -1,49 +0,0 @@
-//#region packages/ui/Elements/Tag/palettes.ts
-var e = {
-	greenWhite: {
-		color: "green60",
-		textColor: "white"
-	},
-	greenGreen: {
-		color: "green30",
-		textColor: "green80"
-	},
-	blueBlue: {
-		color: "blue20",
-		textColor: "blue80"
-	},
-	magentaWhite: {
-		color: "magenta60",
-		textColor: "white"
-	},
-	magentaMagenta: {
-		color: "magenta20",
-		textColor: "magenta80"
-	},
-	tealTeal: {
-		color: "teal20",
-		textColor: "teal90"
-	},
-	orangeOrange: {
-		color: "orange20",
-		textColor: "orange80"
-	},
-	grayGray: {
-		color: "neutral20",
-		textColor: "typoPrimary"
-	},
-	redWhite: {
-		color: "red1",
-		textColor: "white"
-	},
-	redRed: {
-		color: "red30",
-		textColor: "red1"
-	},
-	purplePurple: {
-		color: "purple20",
-		textColor: "purple80"
-	}
-};
-//#endregion
-export { e as palettes };

package/ui/packages/ui/Elements/Text/Text.js

@@ -1,10 +0,0 @@
-import { x as e } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as t } from "../../../../node_modules/react/jsx-runtime.js";
-import "react";
-//#region packages/ui/Elements/Text/Text.tsx
-var n = t(), r = ({ as: t = "span", ...r }) => /* @__PURE__ */ (0, n.jsx)(e.div, {
-	as: t,
-	...r
-});
-//#endregion
-export { r as default };

package/ui/packages/ui/Elements/Text/index.js

@@ -1 +0,0 @@
-import "./Text.js";

package/ui/packages/ui/Elements/Toast/Toast.js

@@ -1,34 +0,0 @@
-import { x as e } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as t } from "../../../../node_modules/react/jsx-runtime.js";
-import n from "../Icon/Icon.js";
-import "../Icon/index.js";
-import { toastIconFill as r, toastIconMap as i, toastTitleMap as a } from "./constants.js";
-import { CloseWrapper as o, Container as s, ContentWrapper as c, Text as l, Title as u } from "./styles.js";
-import { useEffect as d } from "react";
-//#region packages/ui/Elements/Toast/Toast.tsx
-var f = t(), p = ({ closeToast: t, title: p, text: m, type: h, autoClose: g }) => {
-	let _ = i[h], v = r[h];
-	return d(() => {
-		if (!g) return;
-		let e = setTimeout(() => t?.(), g);
-		return () => {
-			clearTimeout(e);
-		};
-	}, []), /* @__PURE__ */ (0, f.jsxs)(s, {
-		autoClose: g,
-		fill: v,
-		children: [/* @__PURE__ */ (0, f.jsx)(e.div, {
-			mx: "12px",
-			children: /* @__PURE__ */ (0, f.jsx)(n, {
-				icon: _,
-				fill: v,
-				size: "20px"
-			})
-		}), /* @__PURE__ */ (0, f.jsxs)(c, { children: [/* @__PURE__ */ (0, f.jsxs)("div", { children: [/* @__PURE__ */ (0, f.jsx)(u, { children: p || a[h] }), m && /* @__PURE__ */ (0, f.jsx)(l, { children: m })] }), /* @__PURE__ */ (0, f.jsx)(o, { children: /* @__PURE__ */ (0, f.jsx)("div", {
-			onClick: t,
-			children: /* @__PURE__ */ (0, f.jsx)(n, { icon: "close" })
-		}) })] })]
-	});
-};
-//#endregion
-export { p as default };

package/ui/packages/ui/Elements/Toast/constants.js

@@ -1,19 +0,0 @@
-//#region packages/ui/Elements/Toast/constants.ts
-var e = {
-	info: "info",
-	success: "circleCheck",
-	error: "circleX",
-	warning: "circleTriangle"
-}, t = {
-	info: "blue2",
-	success: "darkGreen",
-	error: "red1",
-	warning: "yellow1"
-}, n = {
-	info: "Info",
-	success: "Success",
-	error: "Error",
-	warning: "Warning"
-};
-//#endregion
-export { t as toastIconFill, e as toastIconMap, n as toastTitleMap };

package/ui/packages/ui/Elements/Toast/index.js

@@ -1,5 +0,0 @@
-import e from "./Toast.js";
-//#region packages/ui/Elements/Toast/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Elements/Toast/styles.js

@@ -1,71 +0,0 @@
-import { th as e } from "../../../../node_modules/@xstyled/system/dist/index.js";
-import { css as t, keyframes as n, styled as r } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Elements/Toast/styles.ts
-var i = r.span`
-  display: block;
-  margin-bottom: 5px;
-  line-height: 18px;
-  font-weight: 700;
-  color: ${e("colors.blue2")};
-`, a = r.span`
-  display: block;
-  font-size: 12px;
-  line-height: 18px;
-  font-weight: 500;
-  color: ${e("colors.gray1")};
-`, o = r.div`
-  display: flex;
-  justify-content: space-between;
-`, s = r.span`
-  display: flex;
-  align-items: flex-start;
-  margin-left: 15px;
-
-  svg {
-    cursor: pointer;
-  }
-`, c = n`
-    to {
-       transform: scaleX(0)
-    }
-`, l = (n) => t`
-  &:after {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    content: '';
-    height: 4px;
-    width: 100%;
-    transform-origin: left center;
-    animation: ${c} ${n}ms linear;
-    border-radius: ${e.radius("lg")};
-    background-color: ${e.color("lightGray5")};
-  }
-`, u = r.div`
-  display: flex;
-  position: relative;
-  background-color: white;
-  border-radius: ${e.radius("lg")};
-  box-shadow: ${e.shadow("cornerDialogShadow")};
-  padding: 10px;
-
-  @media ${"(max-width: 576px)"} {
-    font-size: 14px;
-  }
-
-  &:before {
-    position: absolute;
-    top: 5px;
-    bottom: 5px;
-    left: 5px;
-    content: '';
-    width: 4px;
-    ${({ autoClose: e }) => e && "bottom: 8px"};
-    border-radius: ${e.radius("lg")};
-    background-color: ${({ fill: t }) => e.color(t)};
-  }
-
-  ${({ autoClose: e }) => e && l(e)};
-`;
-//#endregion
-export { s as CloseWrapper, u as Container, o as ContentWrapper, a as Text, i as Title };

package/ui/packages/ui/Elements/Toggle/Toggle.js

@@ -1,114 +0,0 @@
-import { css as e, styled as t } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as n } from "../../../../node_modules/react/jsx-runtime.js";
-import { FieldLabel as r } from "../Label/Label.js";
-import "../Label/index.js";
-import i from "../SpaceAround/SpaceAround.js";
-import "../SpaceAround/index.js";
-import "react";
-//#region packages/ui/Elements/Toggle/Toggle.tsx
-var a = n(), o = (e) => e && ["left", "right"].includes(e), s = t(i)`
-  display: flex;
-  flex-direction: ${({ labelPosition: e }) => e === "left" ? "row" : e === "right" ? "row-reverse" : "column"};
-  justify-content: ${({ labelPosition: e, labelJustify: t }) => e === "right" ? "flex-end" : t === "between" ? "space-between" : "flex-start"};
-  ${({ labelPosition: e }) => o(e) ? "margin-top: 1rem" : ""}
-`, c = t(r)`
-  cursor: pointer;
-  ${({ labelPosition: e }) => o(e) ? "margin-bottom: 0;" : ""}
-  ${({ labelPosition: e }) => e === "left" ? "margin-right: 1rem;" : e === "right" ? "margin-left: 1rem;" : ""}
-`, l = e`
-  opacity: 0.4;
-`, u = t.div`
-  aspect-ratio: 1 / 1;
-  width: 100%;
-  height: 100%;
-  border-radius: 7px;
-  background-color: lightGray5;
-  border: 3px solid;
-  border-color: lightGray5;
-  position: relative;
-  transition: all 100ms ease-out;
-
-  ${(e) => e.disabled ? l : ""}
-
-  input:checked + & {
-    background-color: red1;
-    border-color: red1;
-
-    & > span {
-      transform: translate(75%, -50%);
-      background-color: white;
-    }
-  }
-`, d = t.span`
-  aspect-ratio: 1 / 1;
-  background-color: white;
-  border-radius: 50%;
-  position: absolute;
-  top: 50%;
-  left: 10%;
-  transform: translate(-20%, -50%);
-  transition: all 100ms ease-out;
-`, f = t.input`
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  border-radius: 7px;
-  z-index: 1;
-  margin: 0;
-
-  ${({ $enabled: e }) => e ? "cursor: pointer;" : ""}
-`, p = t.div`
-  position: relative;
-  border-radius: 8px;
-  overflow: hidden;
-  flex-shrink: 0;
-  &[data-appearance='primary'] {
-    width: 24px;
-    height: 14px;
-    ${d} {
-      height: 10px;
-    }
-  }
-  &[data-appearance='grid'] {
-    width: 28px;
-    height: 16px;
-    ${d} {
-      height: 12px;
-    }
-  }
-`, m = ({ onChange: e, label: t, name: n, checked: r, defaultChecked: i, spaceAround: o = !1, disabled: l = !1, labelPosition: m = "default", labelJustify: h, variant: g = "primary", spaceBetween: _ = !1, readOnly: v, ...y }) => /* @__PURE__ */ (0, a.jsxs)(s, {
-	spaceBetween: _,
-	spaceAround: o,
-	labelPosition: m,
-	labelJustify: h,
-	children: [t && /* @__PURE__ */ (0, a.jsx)(c, {
-		htmlFor: n,
-		labelPosition: m,
-		children: t
-	}), /* @__PURE__ */ (0, a.jsxs)(p, {
-		"data-appearance": g,
-		children: [/* @__PURE__ */ (0, a.jsx)(f, {
-			id: n,
-			name: n,
-			type: "checkbox",
-			checked: r,
-			$enabled: !l,
-			defaultChecked: i,
-			onChange: l ? void 0 : e,
-			disabled: l,
-			"data-cy": n ? `${n}Switch` : void 0,
-			"data-testid": n ? `toggle-${n}` : void 0,
-			readOnly: v
-		}), /* @__PURE__ */ (0, a.jsx)(u, {
-			active: !!r,
-			disabled: l,
-			...y,
-			children: /* @__PURE__ */ (0, a.jsx)(d, {})
-		})]
-	})]
-});
-//#endregion
-export { m as default };

package/ui/packages/ui/Elements/Toggle/index.js

@@ -1,5 +0,0 @@
-import e from "./Toggle.js";
-//#region packages/ui/Elements/Toggle/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Elements/Typography/Typography.js

@@ -1,62 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../node_modules/react/jsx-runtime.js";
-import t from "../Text/Text.js";
-import "../Text/index.js";
-import "react";
-//#region packages/ui/Elements/Typography/Typography.tsx
-var n = e(), r = ({ as: e = "p", fontFamily: r = "primary", fontSize: i = "10px", variant: a, ...o }) => /* @__PURE__ */ (0, n.jsx)(t, {
-	as: e,
-	fontFamily: r,
-	fontSize: i,
-	fontWeight: a,
-	...o
-}), i = ({ fontFamily: e = "heading", mb: t = 2, mt: i = 2, ...a }) => /* @__PURE__ */ (0, n.jsx)(r, {
-	fontFamily: e,
-	mt: i,
-	mb: t,
-	...a
-}), a = (e) => /* @__PURE__ */ (0, n.jsx)(r, {
-	fontSize: "18px",
-	...e
-}), o = (e) => /* @__PURE__ */ (0, n.jsx)(r, {
-	fontSize: "16px",
-	...e
-}), s = (e) => /* @__PURE__ */ (0, n.jsx)(r, {
-	fontSize: "14px",
-	...e
-}), c = (e) => /* @__PURE__ */ (0, n.jsx)(r, {
-	fontSize: "12px",
-	...e
-}), l = (e) => /* @__PURE__ */ (0, n.jsx)(r, {
-	fontSize: "10px",
-	...e
-}), u = (e) => /* @__PURE__ */ (0, n.jsx)(i, {
-	fontSize: "32px",
-	as: "h1",
-	...e
-}), d = (e) => /* @__PURE__ */ (0, n.jsx)(i, {
-	fontSize: "24px",
-	as: "h2",
-	...e
-}), f = (e) => /* @__PURE__ */ (0, n.jsx)(i, {
-	fontSize: "21px",
-	as: "h3",
-	...e
-}), p = (e) => /* @__PURE__ */ (0, n.jsx)(i, {
-	fontSize: "18px",
-	as: "h4",
-	...e
-}), m = (e) => /* @__PURE__ */ (0, n.jsx)(i, {
-	fontSize: "16px",
-	as: "h5",
-	...e
-}), h = (e) => /* @__PURE__ */ (0, n.jsx)(i, {
-	fontSize: "14px",
-	as: "h6",
-	...e
-}), g = (e) => /* @__PURE__ */ (0, n.jsx)(i, {
-	fontSize: "12px",
-	as: "h6",
-	...e
-});
-//#endregion
-export { u as H1, d as H2, f as H3, p as H4, m as H5, h as H6, g as H7, a as Paragraph1, o as Paragraph2, s as Paragraph3, c as Paragraph4, l as Paragraph5, r as Text };

package/ui/packages/ui/Elements/Typography/index.js

@@ -1,5 +0,0 @@
-import { Text as e } from "./Typography.js";
-//#region packages/ui/Elements/Typography/index.ts
-var t = e;
-//#endregion
-export { t as default };