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

package/ui/index924.es.js

@@ -1,73 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { css as t, styled as n } from "./index6.es.js";
-import { StepCircleContainer as r } from "./index921.es.js";
-//#region packages/ui/Blocks/Stepper/components/StepItem/styles.ts
-var i = t`
-  width: 100%;
-  padding: 8px;
-
-  h6 {
-    font-size: 10px;
-  }
-
-  p {
-    font-size: 12px;
-  }
-
-  ${r} {
-    display: flex;
-  }
-
-  @media (min-width: ${({ total: e }) => e * 150}px) {
-    width: 150px;
-    padding: 16px;
-
-    ${r} {
-      display: none;
-    }
-  }
-
-  @media (min-width: ${({ total: e }) => e * 200}px) {
-    width: 200px;
-    padding: 24px;
-
-    ${r} {
-      display: flex;
-    }
-  }
-
-  @media (min-width: ${({ total: e }) => e * 240}px) {
-    width: 240px;
-
-    p {
-      font-size: 16px;
-    }
-    h6 {
-      font-size: 12px;
-    }
-
-    ${r} {
-      display: flex;
-    }
-  }
-`, a = n.div`
-  border-radius: 10px;
-  width: 240px;
-  padding: 24px;
-  background-color: ${({ isActiveStep: t }) => t ? e.color("bgLightGray1") : "transparent"};
-  cursor: ${({ isDisabled: e, onClick: t }) => e ? "not-allowed" : t ? "pointer" : "auto"};
-  display: ${({ isVisible: e }) => e ? "block" : "none"};
-  ${i}
-`, o = n.div`
-  height: 4px;
-  border-radius: 8px;
-  width: 100%;
-  background-color: ${({ isActiveStep: t, isCompletedStep: n }) => t ? e.color("red1") : n ? e.color("red20") : e.color("lightGray7")};
-  margin-bottom: 16px;
-`, s = n.div`
-  display: flex;
-  column-gap: 16px;
-  align-items: flex-start;
-`;
-//#endregion
-export { s as ContentWrapper, o as Line, a as StepItemContainer };

package/ui/index925.es.js

@@ -1,52 +0,0 @@
-import { __toESM as e } from "./index2.es.js";
-import { x as t } from "./index6.es.js";
-import { require_jsx_runtime as n } from "./index143.es.js";
-import { Trans as r } from "./index504.es.js";
-import { H7 as i, Paragraph2 as a } from "./index511.es.js";
-import { StepCircle as o } from "./index922.es.js";
-import { require_isBoolean as s } from "./index923.es.js";
-import { ContentWrapper as c, Line as l, StepItemContainer as u } from "./index924.es.js";
-//#region packages/ui/Blocks/Stepper/components/StepItem/index.tsx
-var d = /* @__PURE__ */ e(s(), 1), f = n(), p = ({ title: e, index: n, disabled: s, isPrevStepCompleted: p, activeStep: m, completed: h, icon: g, hasStepNumbering: _ = !0, visible: v = !0, total: y, onClick: b }) => {
-	let x = n === m, S = (0, d.default)(h) ? h : n < m;
-	return /* @__PURE__ */ (0, f.jsxs)(u, {
-		onClick: !s && (S || p) ? b : void 0,
-		isActiveStep: x,
-		isDisabled: s,
-		isVisible: v,
-		total: y,
-		children: [/* @__PURE__ */ (0, f.jsx)(l, {
-			isActiveStep: x,
-			isCompletedStep: S
-		}), /* @__PURE__ */ (0, f.jsxs)(c, { children: [/* @__PURE__ */ (0, f.jsx)(o, {
-			icon: S ? "check" : g,
-			isCompleted: S,
-			isActiveStep: x,
-			children: n + 1
-		}), /* @__PURE__ */ (0, f.jsxs)(t.div, {
-			alignSelf: "center",
-			children: [_ && /* @__PURE__ */ (0, f.jsx)(t.span, {
-				textTransform: "uppercase",
-				children: /* @__PURE__ */ (0, f.jsxs)(i, {
-					color: S ? "red1" : "gray1",
-					variant: "semiBold",
-					mt: 0,
-					mb: "4px",
-					children: [
-						/* @__PURE__ */ (0, f.jsx)(r, {
-							id: "step",
-							message: "Step"
-						}),
-						": ",
-						n + 1
-					]
-				})
-			}), /* @__PURE__ */ (0, f.jsx)(a, {
-				variant: "medium",
-				children: e
-			})]
-		})] })]
-	});
-};
-//#endregion
-export { p as StepItem };

package/ui/index926.es.js

@@ -1,24 +0,0 @@
-import { styled as e } from "./index6.es.js";
-//#region packages/ui/Blocks/Stepper/styles.ts
-var t = e.div`
-  display: flex;
-  flex-direction: column;
-  height: fit-content;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  flex-direction: column;
-`, n = e.div`
-  display: flex;
-  margin-bottom: ${({ hasComponent: e }) => e ? "36px" : "0"};
-  flex-direction: column;
-  width: 100%;
-
-  @media (min-width: ${({ total: e }) => e * 150}px) {
-    flex-direction: row;
-    width: auto;
-    max-width: 100%;
-  }
-`;
-//#endregion
-export { t as Container, n as ItemsWrapper };

package/ui/index927.es.js

@@ -1,32 +0,0 @@
-import { require_jsx_runtime as e } from "./index143.es.js";
-import { StepItem as t } from "./index925.es.js";
-import { Container as n, ItemsWrapper as r } from "./index926.es.js";
-import { useEffect as i, useMemo as a } from "react";
-//#region packages/ui/Blocks/Stepper/Stepper.tsx
-var o = e(), s = ({ items: e, activeStep: s, hasStepNumbering: c, handleChangeStep: l, handleGoToNextStep: u, isLoading: d }) => {
-	let f = a(() => e[s]?.component, [e, s]);
-	return i(() => {
-		s && !e[s - 1]?.completed && l?.(0)();
-	}, [e]), e?.length ? /* @__PURE__ */ (0, o.jsxs)(n, { children: [/* @__PURE__ */ (0, o.jsx)(r, {
-		total: e.length,
-		hasComponent: !!f,
-		children: e.map(({ title: n, disabled: r, visible: i, completed: a, icon: u }, d) => /* @__PURE__ */ (0, o.jsx)(t, {
-			isPrevStepCompleted: e[d - 1]?.completed,
-			onClick: l?.(d),
-			title: n,
-			index: d,
-			total: e.length,
-			activeStep: s,
-			disabled: r,
-			visible: i,
-			completed: a,
-			hasStepNumbering: c,
-			icon: u
-		}, n))
-	}), f && /* @__PURE__ */ (0, o.jsx)(f, {
-		handleGoToNextStep: u,
-		isLoading: d
-	})] }) : null;
-};
-//#endregion
-export { s as Stepper };

package/ui/index929.es.js

@@ -1,3 +0,0 @@
-import "./index922.es.js";
-import "./index927.es.js";
-import "./index928.es.js";

package/ui/index93.es.js

@@ -1,20 +0,0 @@
-import { __commonJSMin as e } from "./index2.es.js";
-//#region node_modules/@fortawesome/pro-solid-svg-icons/faGlobe.js
-var t = /* @__PURE__ */ e(((e) => {
-	Object.defineProperty(e, "__esModule", { value: !0 });
-	var t = "fas", n = "globe", r = 512, i = 512, a = [127760], o = "f0ac", s = "M352 256c0 22.2-1.2 43.6-3.3 64l-185.3 0c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64l185.3 0c2.2 20.4 3.3 41.8 3.3 64zm28.8-64l123.1 0c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64l-123.1 0c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32l-116.7 0c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0l-176.6 0c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0L18.6 160C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192l123.1 0c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64L8.1 320C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6l176.6 0c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352l116.7 0zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6l116.7 0z";
-	e.definition = {
-		prefix: t,
-		iconName: n,
-		icon: [
-			r,
-			i,
-			a,
-			o,
-			s
-		]
-	}, e.faGlobe = 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_faGlobe };

package/ui/index930.es.js

@@ -1,91 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { css as t, styled as n, x as r } from "./index6.es.js";
-//#region packages/ui/Blocks/Tabs/styles.ts
-var i = n(r.div)`
-  margin-right: 1em;
-`, a = n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: relative;
-`, o = n.div`
-  display: flex !important;
-  justify-content: center;
-  align-items: center;
-  height: 23px;
-  background-color: ${e.color("lightGray7")};
-  border-radius: 29px;
-  padding: 3px 10px;
-  margin-left: 8px;
-`, s = t`
-  color: ${e.color("red1")};
-
-  &:after {
-    content: '';
-    position: absolute;
-    bottom: 2;
-    left: 0;
-    right: 0;
-    background-color: ${e.color("red1")};
-    height: 4px;
-    border-radius: 6px 6px 0px 0px;
-  }
-  & > div {
-    display: inline;
-    color: ${e.color("typoPrimary")};
-  }
-`, c = n.div`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: ${({ disabled: e }) => e ? "auto" : "pointer"};
-  padding: 0 12px 12px;
-  transition: 200ms;
-  color: ${e.color("gray")};
-  font-weight: bold;
-  font-size: 14px;
-  letter-spacing: 0.03em;
-  min-width: ${({ minWidth: e }) => e ? Array.isArray(e) ? e[0] : e : "100px"};
-
-  & > div {
-    display: none;
-  }
-  &:not(:last-child) {
-    margin-right: 0.5rem;
-  }
-
-  :hover {
-    color: ${({ disabled: t }) => e.color(t ? "gray" : "typoPrimary")};
-  }
-
-  :active {
-    ${({ disabled: e }) => !e && s};
-  }
-
-  ${({ active: e }) => e ? s : ""};
-
-  @media (min-width: 400px) {
-    min-width: ${({ minWidth: e }) => e ? Array.isArray(e) ? e[1] : e : "120px"};
-  }
-`, l = n.div`
-  display: flex;
-  align-items: center;
-  overflow: auto;
-  width: fit-content;
-  position: relative;
-  margin-bottom: ${({ $mb: e = 0 }) => e};
-  margin-top: ${({ $mt: e = 0 }) => e};
-  align-items: stretch;
-
-  &:after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background-color: ${e.color("bgLightGray1")};
-    height: 2px;
-  }
-`;
-//#endregion
-export { o as RoundedWrap, i as StyledImageBox, a as StyledTabWrapper, c as Tab, l as TabPanel };

package/ui/index931.es.js

@@ -1,40 +0,0 @@
-import { require_jsx_runtime as e } from "./index143.es.js";
-import t from "./index236.es.js";
-import "./index237.es.js";
-import n from "./index509.es.js";
-import "./index510.es.js";
-import { RoundedWrap as r, StyledImageBox as i, StyledTabWrapper as a, Tab as o, TabPanel as s } from "./index930.es.js";
-import { useCallback as c } from "react";
-//#region packages/ui/Blocks/Tabs/Tabs.tsx
-var l = e(), u = ({ tabDefinition: e, value: s, isActive: u, onTabSwitch: d, minWidth: f }) => {
-	let { icon: p, label: m, badgeCount: h, disabled: g } = e, _ = c(() => {
-		d(s);
-	}, [d, s]);
-	return /* @__PURE__ */ (0, l.jsx)(a, { children: /* @__PURE__ */ (0, l.jsxs)(o, {
-		onClick: g ? void 0 : _,
-		active: u,
-		disabled: g,
-		minWidth: f,
-		"data-testid": `tab-${s}`,
-		children: [
-			p && /* @__PURE__ */ (0, l.jsx)(i, { children: /* @__PURE__ */ (0, l.jsx)(t, { icon: p }) }),
-			/* @__PURE__ */ (0, l.jsx)(n, { children: m }),
-			h === 0 || h && h > 0 && /* @__PURE__ */ (0, l.jsx)(r, { children: /* @__PURE__ */ (0, l.jsx)(n, {
-				variant: "medium",
-				children: h
-			}) })
-		]
-	}) });
-}, d = ({ tabsDefinition: e, activeTab: t, onTabSwitch: n, mb: r, mt: i, minTabWidth: a }) => /* @__PURE__ */ (0, l.jsx)(s, {
-	$mb: r,
-	$mt: i,
-	children: e.map((e, r) => /* @__PURE__ */ (0, l.jsx)(u, {
-		value: r,
-		tabDefinition: e,
-		isActive: r === t,
-		minWidth: a,
-		onTabSwitch: n
-	}, r))
-});
-//#endregion
-export { d as Tabs };

package/ui/index932.es.js

@@ -1,9 +0,0 @@
-import { require_jsx_runtime as e } from "./index143.es.js";
-import { Activity as t } from "react";
-//#region packages/ui/Blocks/Tabs/TabContent.tsx
-var n = e(), r = ({ activeTab: e, value: r, children: i }) => /* @__PURE__ */ (0, n.jsx)(t, {
-	mode: e === r ? "visible" : "hidden",
-	children: i
-});
-//#endregion
-export { r as TabContent };

package/ui/index934.es.js

@@ -1,7 +0,0 @@
-import { Tabs as e } from "./index931.es.js";
-import "./index932.es.js";
-import "./index933.es.js";
-//#region packages/ui/Blocks/Tabs/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/index935.es.js

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

package/ui/index936.es.js

@@ -1,75 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { x as t } from "./index6.es.js";
-import n from "./index491.es.js";
-import "./index935.es.js";
-import r from "styled-components";
-//#region packages/ui/Elements/Alert/styles.ts
-var i = r(t.div)`
-  width: calc(100vw - 20px);
-  display: flex;
-  min-height: 48px;
-  align-items: center;
-  justify-content: space-between;
-  border: ${({ $inline: e, $colorFill: t }) => e ? `solid 1px ${t}` : "none"};
-  border-radius: 8px;
-  background-color: ${({ $bgColor: e }) => e};
-  color: ${e("colors.textPrimary")};
-  font-family: ${e("fonts.primary")};
-  padding: 6px 5px 6px 5px;
-  margin-bottom: 5px;
-  position: sticky;
-  left: 10px;
-  @media (min-width: 1024px) {
-    position: relative;
-    left: 0;
-    width: 100%;
-  }
-`, a = r(t.div)`
-  width: 4px;
-  height: 36px;
-  border-radius: 94px;
-  background-color: ${({ $colorFill: e }) => e};
-`, o = r(t.div)`
-  margin: 0 13px 0 9px;
-`, s = r.span`
-  font-size: 14px;
-  line-height: 18px;
-  font-weight: 600;
-`, c = r.span`
-  font-size: 14px;
-  line-height: 20px;
-  font-weight: 400;
-`, l = r(n)`
-  font-size: 14px;
-  font-weight: 600;
-  color: ${({ $colorFill: e }) => e};
-  margin-right: 10px;
-`, u = r.button`
-  margin-right: 10px;
-  font-size: 14px;
-  font-weight: 600;
-  color: ${({ $colorFill: e }) => e};
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-`, d = r.button`
-  height: 30px;
-  width: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: none;
-  margin-right: 5px;
-  background-color: transparent;
-  & :hover {
-    cursor: pointer;
-  }
-`, f = r.div`
-  position: absolute;
-  top: 3px;
-  right: 8px;
-  color: ${e("colors.gray")};
-  font-size: 10px;
-`;
-//#endregion
-export { u as ActionButton, d as CloseBtn, f as Description, o as IconWrap, l as LinkWrapper, i as StyledAlert, c as Text, s as Title, a as VerticalSeparator };

package/ui/index937.es.js

@@ -1,70 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { useTheme as t, x as n } from "./index6.es.js";
-import { require_jsx_runtime as r } from "./index143.es.js";
-import i from "./index236.es.js";
-import "./index237.es.js";
-import { ActionButton as a, CloseBtn as o, Description as s, IconWrap as c, LinkWrapper as l, StyledAlert as u, Text as d, Title as f, VerticalSeparator as p } from "./index936.es.js";
-//#region packages/ui/Elements/Alert/Alert.tsx
-var m = r(), h = {
-	success: "green10",
-	info: "blue10",
-	warning: "yellow10",
-	danger: "red10"
-}, g = {
-	success: "successColor",
-	info: "blue60",
-	warning: "yellow70",
-	danger: "dangerColor"
-}, _ = {
-	success: "circleCheck",
-	info: "info",
-	warning: "circleTriangle",
-	danger: "circleTriangle"
-}, v = (r) => {
-	let { intent: v, inline: y, onClick: b, onClose: x, title: S, text: C, href: w, actionLabel: T, actionType: E, desc: D, closeAnywhere: O = !1 } = r, k = t(), A = e.color(v ? h[v] : "transparent")({ theme: k }), j = e.color(v ? g[v] : "transparent")({ theme: k }), M = v && _[v];
-	return /* @__PURE__ */ (0, m.jsxs)(u, {
-		$bgColor: A,
-		$colorFill: j,
-		$inline: y,
-		onClick: O ? x : void 0,
-		children: [/* @__PURE__ */ (0, m.jsxs)(n.div, {
-			display: "flex",
-			alignItems: "center",
-			children: [
-				y && /* @__PURE__ */ (0, m.jsx)(p, { $colorFill: j }),
-				M && /* @__PURE__ */ (0, m.jsx)(c, { children: /* @__PURE__ */ (0, m.jsx)(i, {
-					icon: M,
-					size: "20px",
-					fill: j
-				}) }),
-				/* @__PURE__ */ (0, m.jsxs)("div", { children: [/* @__PURE__ */ (0, m.jsx)(f, { children: S }), /* @__PURE__ */ (0, m.jsxs)(d, { children: [" ", C] })] })
-			]
-		}), /* @__PURE__ */ (0, m.jsxs)(n.div, {
-			display: "flex",
-			alignItems: "center",
-			children: [
-				w && E === "link" && /* @__PURE__ */ (0, m.jsx)(l, {
-					$colorFill: j,
-					to: w,
-					children: T ?? "Link"
-				}),
-				b && E === "button" && /* @__PURE__ */ (0, m.jsx)(a, {
-					$colorFill: j,
-					onClick: b,
-					children: T ?? "Submit"
-				}),
-				x && !O && /* @__PURE__ */ (0, m.jsx)(o, {
-					onClick: x,
-					children: /* @__PURE__ */ (0, m.jsx)(i, {
-						icon: "close",
-						size: "15px",
-						fill: "gray"
-					})
-				}),
-				D && /* @__PURE__ */ (0, m.jsx)(s, { children: D })
-			]
-		})]
-	});
-};
-//#endregion
-export { v as default };

package/ui/index938.es.js

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

package/ui/index939.es.js

@@ -1,35 +0,0 @@
-import { require_jsx_runtime as e } from "./index143.es.js";
-import { i18n as t } from "./index502.es.js";
-import n from "./index519.es.js";
-import { FieldLabel as r } from "./index521.es.js";
-import "./index522.es.js";
-import i from "./index524.es.js";
-import { StyledAsyncSelect as a, Wrapper as o } from "./index576.es.js";
-import { useStylesAndComponents as s } from "./index588.es.js";
-import "react";
-//#region packages/ui/Elements/AsyncSelect/AsyncSelect.tsx
-var c = e(), l = ({ error: e, label: l, className: u, spaceAround: d, name: f, placeholder: p, style: m = "form", optionVariant: h = "checkbox", multiLabelVariant: g = "count", ..._ }) => {
-	let [v, y, b] = s(m, h, g);
-	return /* @__PURE__ */ (0, c.jsxs)(i, {
-		spaceAround: d,
-		className: u,
-		children: [/* @__PURE__ */ (0, c.jsxs)(o, { children: [l && /* @__PURE__ */ (0, c.jsx)(r, {
-			htmlFor: f,
-			children: l
-		}), /* @__PURE__ */ (0, c.jsx)(a, {
-			id: f,
-			name: f,
-			theme: y,
-			components: v,
-			styles: b,
-			classNamePrefix: "react-select",
-			placeholder: p || t._({
-				id: "components.dropdown.placeholder",
-				message: "Select..."
-			}),
-			..._
-		})] }), e && /* @__PURE__ */ (0, c.jsx)(n, { children: e })]
-	});
-};
-//#endregion
-export { l as AsyncSelect };

package/ui/index94.es.js

@@ -1,20 +0,0 @@
-import { __commonJSMin as e } from "./index2.es.js";
-//#region node_modules/@fortawesome/pro-solid-svg-icons/faGreaterThanEqual.js
-var t = /* @__PURE__ */ e(((e) => {
-	Object.defineProperty(e, "__esModule", { value: !0 });
-	var t = "fas", n = "greater-than-equal", r = 448, i = 512, a = [], o = "f532", s = "M52.1 93.7C35.7 87.1 27.7 68.5 34.3 52.1s25.2-24.4 41.6-17.8l320 128C408 167.1 416 178.9 416 192s-8 24.9-20.1 29.7l-320 128c-16.4 6.6-35-1.4-41.6-17.8s1.4-35 17.8-41.6L297.8 192 52.1 93.7zM416 416c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0z";
-	e.definition = {
-		prefix: t,
-		iconName: n,
-		icon: [
-			r,
-			i,
-			a,
-			o,
-			s
-		]
-	}, e.faGreaterThanEqual = 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_faGreaterThanEqual };

package/ui/index940.es.js

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

package/ui/index941.es.js

@@ -1,35 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { styled as t } from "./index6.es.js";
-import { require_jsx_runtime as n } from "./index143.es.js";
-import { Profile as r } from "./index166.es.js";
-import "./index237.es.js";
-import "react";
-//#region packages/ui/Elements/Avatar/Avatar.tsx
-var i = n(), a = 100, o = t.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  overflow: hidden;
-  color: ${(t) => t.$colorFront ? e.color(t.$colorFront) : "auto"};
-  background-color: ${(t) => t.$colorBack ? e.color(t.$colorBack) : "auto"};
-  width: ${(e) => `${e.size}px`};
-  height: ${(e) => `${e.size}px`};
-  :hover {
-    background-color: ${(t) => t.$hoverColorBack ? e.color(t.$hoverColorBack) : "auto"};
-  }
-`, s = ({ src: e, size: t = a, colorFront: n, colorBack: s, className: c, hoverColorBack: l, ...u }) => /* @__PURE__ */ (0, i.jsx)(i.Fragment, { children: /* @__PURE__ */ (0, i.jsx)(o, {
-	size: t || 34,
-	className: c,
-	$colorBack: s || "neutral20",
-	$colorFront: n || "blue2",
-	$hoverColorBack: l || "lightGray7",
-	...u,
-	children: e ? /* @__PURE__ */ (0, i.jsx)("img", {
-		src: e,
-		width: t,
-		height: t
-	}) : /* @__PURE__ */ (0, i.jsx)(r, {})
-}) });
-//#endregion
-export { s as Avatar };

package/ui/index942.es.js

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

package/ui/index943.es.js

@@ -1,46 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { css as t, styled as n, useTheme as r } from "./index6.es.js";
-import { require_jsx_runtime as i } from "./index143.es.js";
-import { useMemo as a } from "react";
-//#region packages/ui/Elements/Badge/Badge.tsx
-var o = i(), s = n.div`
-  min-width: 12px;
-  display: flex;
-  align-items: center;
-  height: ${({ size: e }) => e === "small" ? "16px" : "24px"};
-  padding: ${({ size: e }) => e === "small" ? "0 5px" : "3px 8px"};
-  color: white;
-  gap: 10px;
-  background-color: ${({ color: e }) => e};
-  border-radius: 29px;
-  line-height: 15.6px;
-  font-family: ${e("fonts.primary")};
-  font-size: ${({ size: e }) => e === "small" ? "12px" : "14px"};
-  font-weight: semiBold;
-  position: absolute;
-  top: ${({ topPosition: e }) => e && "-15%"};
-  left: ${({ horizontalPosition: e }) => e === "middle" ? "50%" : "100%"};
-  z-index: 1;
-`, c = n.div`
-  position: relative;
-  ${({ width: e }) => e ? t`
-          width: ${e};
-        ` : ""};
-`, l = ({ children: t, color: n = "red1", size: i = "default", label: l, childWidth: u, topPosition: d, horizontalPosition: f = "middle" }) => {
-	let p = r(), m = e.color(n)({ theme: p }), h = a(() => typeof l == "number" && l >= 100 ? "99+" : l, [l]);
-	return !l || typeof l == "number" && l <= 0 ? /* @__PURE__ */ (0, o.jsx)(o.Fragment, { children: t }) : /* @__PURE__ */ (0, o.jsxs)(c, {
-		width: u,
-		children: [/* @__PURE__ */ (0, o.jsx)(s, {
-			color: m,
-			size: i,
-			topPosition: d,
-			horizontalPosition: f,
-			children: /* @__PURE__ */ (0, o.jsx)("div", {
-				className: "label",
-				children: h
-			})
-		}), t]
-	});
-};
-//#endregion
-export { l as default };