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

package/ui/index505.es.js

@@ -1,95 +0,0 @@
-import { styled as e } from "./index6.es.js";
-import { require_jsx_runtime as t } from "./index143.es.js";
-import n from "./index248.es.js";
-import "./index249.es.js";
-import { useGridActionTrigger as r } from "./index373.es.js";
-import { useToggleAllCheckbox as i } from "./index374.es.js";
-import a from "./index497.es.js";
-import { i18n as o } from "./index502.es.js";
-import { Trans as s } from "./index504.es.js";
-import { useCallback as c, useMemo as l } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/ActionHead/ActionHead.tsx
-var u = t(), d = e.div`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin-right: 2;
-  gap: 24px;
-  background-color: red;
-  position: relative;
-`, f = e.div`
-  position: absolute;
-  bottom: 32px;
-  left: 50%;
-  transform: translate(-50%);
-  width: 596px;
-  padding: 12px 24px;
-  border-radius: 10px;
-  background-color: #fff;
-  box-shadow: dropShadow;
-  z-index: 2;
-`, p = e.span`
-  font-size: 14px;
-  line-height: 18px;
-  color: blue2;
-  font-weight: 600;
-`, m = e.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`, h = e.div`
-  display: flex;
-  align-items: center;
-  margin-left: 10px;
-
-  & > * {
-    margin-left: 10px;
-  }
-`, g = ({ gridActions: e, gridSelectors: t, actionOptions: g, onBatchAction: _, rowsData: v, processCheckedValues: y, processCheckedValuesTitle: b }) => {
-	let { handleUxChange: x } = e || {}, { uxState: S = {} } = t || {}, [C, w] = i(v, S, x), [T, E] = r(v, S, g, _), D = Object.keys(S?.checkedRows || []).length, O = c(() => {
-		C || w();
-	}, [C, w]), k = l(() => g?.length ? g.map((e) => ({
-		title: e.label,
-		onClick: () => {
-			E(e.value);
-		},
-		link: "#"
-	})) : [], [g, E]);
-	return /* @__PURE__ */ (0, u.jsx)(d, { children: D > 0 && /* @__PURE__ */ (0, u.jsx)(f, { children: /* @__PURE__ */ (0, u.jsxs)(m, { children: [/* @__PURE__ */ (0, u.jsx)(p, { children: o._({
-		id: "dataGrid.checkedRowsCount",
-		message: "Selected {checkedRowsCount} items",
-		values: { checkedRowsCount: D }
-	}) }), /* @__PURE__ */ (0, u.jsxs)(h, { children: [
-		/* @__PURE__ */ (0, u.jsx)(n, {
-			type: "button",
-			onClick: O,
-			appearance: "secondary",
-			variant: "default",
-			"data-cy": "checkAllBtn",
-			disabled: C,
-			children: /* @__PURE__ */ (0, u.jsx)(s, {
-				id: "dataGrid.checkAll",
-				message: "Check all"
-			})
-		}),
-		y && /* @__PURE__ */ (0, u.jsx)(n, {
-			type: "button",
-			onClick: y,
-			appearance: "primary",
-			variant: "default",
-			"data-cy": "exportBtn",
-			disabled: !v.length,
-			children: b || /* @__PURE__ */ (0, u.jsx)(s, {
-				id: "dataGrid.actionOptions.export",
-				message: "Export"
-			})
-		}),
-		g?.length && /* @__PURE__ */ (0, u.jsx)(a, {
-			items: k,
-			disabled: !T.length || !v.length,
-			dropdownPosition: "top"
-		})
-	] })] }) }) });
-};
-//#endregion
-export { g as default };

package/ui/index506.es.js

@@ -1,5 +0,0 @@
-import e from "./index505.es.js";
-//#region packages/ui/Blocks/CommonGrid/components/ActionHead/index.tsx
-var t = e;
-//#endregion
-export { t as default };

package/ui/index507.es.js

@@ -1,43 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { styled as t } from "./index6.es.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/index509.es.js

@@ -1,10 +0,0 @@
-import { x as e } from "./index6.es.js";
-import { require_jsx_runtime as t } from "./index143.es.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/index51.es.js

@@ -1,20 +0,0 @@
-import { __commonJSMin as e } from "./index2.es.js";
-//#region node_modules/@fortawesome/pro-regular-svg-icons/faPenToSquare.js
-var t = /* @__PURE__ */ e(((e) => {
-	Object.defineProperty(e, "__esModule", { value: !0 });
-	var t = "far", n = "pen-to-square", r = 512, i = 512, a = ["edit"], o = "f044", s = "M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z";
-	e.definition = {
-		prefix: t,
-		iconName: n,
-		icon: [
-			r,
-			i,
-			a,
-			o,
-			s
-		]
-	}, e.faPenToSquare = 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_faPenToSquare };

package/ui/index510.es.js

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

package/ui/index511.es.js

@@ -1,62 +0,0 @@
-import { require_jsx_runtime as e } from "./index143.es.js";
-import t from "./index509.es.js";
-import "./index510.es.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/index512.es.js

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

package/ui/index513.es.js

@@ -1,10 +0,0 @@
-import { __toESM as e } from "./index2.es.js";
-import { require_isObject as t } from "./index268.es.js";
-import { i18n as n } from "./index502.es.js";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/utils.ts
-var r = /* @__PURE__ */ e(t(), 1), i = (e) => e && (0, r.default)(e?.title) ? "props" in e.title && e.title?.props && n._({
-	id: e.title?.props?.id ?? "",
-	message: e.title?.props.message
-}) : e?.title;
-//#endregion
-export { i as getTranslatedValue };

package/ui/index514.es.js

@@ -1,92 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { styled as t } from "./index6.es.js";
-import n from "./index236.es.js";
-import "./index237.es.js";
-//#region packages/ui/Forms/Checkbox/styles.ts
-var r = t.div`
-  width: ${({ size: e }) => e};
-  min-width: ${({ size: e }) => e};
-  height: ${({ size: e }) => e};
-  border-radius: md;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.2s ease;
-  transform: rotate(0);
-  overflow: hidden;
-  border: slim;
-  border-color: lightGray5;
-
-  input[type='checkbox']:not(:disabled):hover + & {
-    border-color: gray1;
-  }
-
-  input[type='checkbox']:disabled + & {
-    background-color: white;
-    border-color: lightGray7;
-  }
-
-  input[type='checkbox']:checked:disabled + & {
-    background-color: bgLightGray1;
-    border-color: bgLightGray1;
-  }
-
-  input[type='checkbox']:checked:not(:disabled) + & {
-    transform: rotate(0deg);
-    background-color: red1;
-    border-color: red1;
-  }
-
-  input[type='checkbox']:not(:checked):not(:disabled) + & {
-    transform: rotate(90deg);
-    background-color: white;
-    border-color: lightGray5;
-  }
-`, i = t(n)`
-  border-radius: lg;
-  transition: all 200ms ease;
-  & svg {
-    width: 70% !important;
-  }
-  & path {
-    fill: none;
-    stroke: none;
-  }
-
-  input[type='checkbox']:not(:disabled):checked + ${r} & {
-    & path {
-      stroke: white;
-      fill: white;
-    }
-  }
-
-  input[type='checkbox']:disabled:checked + ${r} & {
-    & path {
-      fill: ${e.color("lightGray5")} !important;
-    }
-  }
-`, a = t.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-
-  input {
-    margin: 0;
-    width: ${({ size: e }) => e};
-    height: ${({ size: e }) => e};
-    z-index: 1;
-    position: absolute;
-    opacity: 0;
-    top: 50%;
-    transform: translateY(-50%);
-    left: 0;
-    cursor: pointer;
-  }
-`, o = t.label`
-  margin: 0;
-  margin-left: 8px;
-  font-size: 14px;
-`;
-//#endregion
-export { i as CheckIcon, a as CheckboxWrap, r as FakeInput, o as Label };

package/ui/index515.es.js

@@ -1,42 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { useTheme as t } from "./index6.es.js";
-import { require_jsx_runtime as n } from "./index143.es.js";
-import { CheckIcon as r, CheckboxWrap as i, FakeInput as a, Label as o } from "./index514.es.js";
-import { memo as s, useId as c } from "react";
-//#region packages/ui/Forms/Checkbox/Checkbox.tsx
-var l = n(), u = s(({ name: n, label: s, onChange: u, checked: d, defaultChecked: f, size: p = 4, className: m, disabled: h, inputRef: g, readOnly: _, minusIcon: v = !1 }) => {
-	let y = t(), b = e.fontSize(p)({ theme: y }), x = c();
-	return /* @__PURE__ */ (0, l.jsxs)(i, {
-		size: b,
-		className: m,
-		children: [
-			/* @__PURE__ */ (0, l.jsx)("input", {
-				type: "checkbox",
-				ref: g,
-				name: n,
-				checked: d,
-				defaultChecked: f,
-				disabled: h,
-				onChange: u,
-				value: "",
-				readOnly: _,
-				"data-cy": n ? `${n}Checkbox` : void 0,
-				"data-testid": n ? `checkbox-${n}` : void 0,
-				id: x
-			}),
-			/* @__PURE__ */ (0, l.jsx)(a, {
-				size: b,
-				children: /* @__PURE__ */ (0, l.jsx)(r, {
-					icon: v ? "minus" : "check",
-					size: b
-				})
-			}),
-			s && /* @__PURE__ */ (0, l.jsx)(o, {
-				htmlFor: x,
-				children: s
-			})
-		]
-	});
-});
-//#endregion
-export { u as default };

package/ui/index516.es.js

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

package/ui/index517.es.js

@@ -1,31 +0,0 @@
-import { x as e } from "./index6.es.js";
-import { require_jsx_runtime as t } from "./index143.es.js";
-import { useToggleAllCheckbox as n } from "./index374.es.js";
-import r from "./index516.es.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.tsx
-var i = t(), a = ({ actionColumn: t, rowsData: a, uxState: o, handleUxChange: s }) => {
-	let [c, l] = n(a, o, s), u = t?.addRowNumbers, d = t?.addRowNumbersLabel ?? "#", f = t?.actionOptions?.length || t?.forceCheckboxes;
-	return /* @__PURE__ */ (0, i.jsxs)(e.div, {
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "space-between",
-		gap: "16px",
-		pl: "4px",
-		children: [f && /* @__PURE__ */ (0, i.jsx)(e.div, {
-			w: "100%",
-			children: /* @__PURE__ */ (0, i.jsx)(r, {
-				checked: c,
-				onChange: l,
-				label: ""
-			}, "check-all")
-		}), u && /* @__PURE__ */ (0, i.jsx)(e.div, {
-			w: "100%",
-			pr: "12px",
-			display: "flex",
-			justifyContent: "center",
-			children: d
-		})]
-	});
-};
-//#endregion
-export { a as default };

package/ui/index518.es.js

@@ -1,5 +0,0 @@
-import e from "./index517.es.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/index519.es.js

@@ -1,60 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { css as t, styled as n } from "./index6.es.js";
-import { require_jsx_runtime as r } from "./index143.es.js";
-import "react";
-//#region packages/ui/Elements/ErrorMessage/ErrorMessage.tsx
-var i = r(), a = t`
-  span {
-    display: none;
-    position: absolute;
-    width: 120px;
-    background-color: red1;
-    color: white;
-    text-align: center;
-    border-radius: md;
-    padding: 1;
-    z-index: 1;
-    transition: opacity 0.3s;
-    top: 0;
-    margin-top: -4px;
-    left: 100%;
-    margin-left: 2;
-    box-shadow: tooltipBoxShadow;
-
-    :after {
-      content: '';
-      position: absolute;
-      top: 3px;
-      right: 100%;
-      border: mediumThick;
-      border-color: transparent ${e.color("red1")} transparent transparent;
-    }
-  }
-
-  :hover {
-    cursor: pointer;
-    span {
-      display: block;
-    }
-  }
-`, o = n.div`
-  color: red1;
-  font-size: 1;
-  display: flex;
-  align-items: flex-start;
-`, s = n.div`
-  .inline {
-    margin-top: 1;
-  }
-  .tooltip {
-    ${a}
-  }
-`, c = ({ children: e, appearance: t }) => /* @__PURE__ */ (0, i.jsx)(s, { children: /* @__PURE__ */ (0, i.jsx)(o, {
-	className: t,
-	children: /* @__PURE__ */ (0, i.jsx)("span", {
-		"data-testid": "error-message",
-		children: e
-	})
-}) });
-//#endregion
-export { c as default };

package/ui/index52.es.js

@@ -1,20 +0,0 @@
-import { __commonJSMin as e } from "./index2.es.js";
-//#region node_modules/@fortawesome/pro-regular-svg-icons/faShareFromSquare.js
-var t = /* @__PURE__ */ e(((e) => {
-	Object.defineProperty(e, "__esModule", { value: !0 });
-	var t = "far", n = "share-from-square", r = 576, i = 512, a = [61509, "share-square"], o = "f14d", s = "M400 255.4l0-15.4 0-32c0-8.8-7.2-16-16-16l-32 0-16 0-46.5 0c-50.9 0-93.9 33.5-108.3 79.6c-3.3-9.4-5.2-19.8-5.2-31.6c0-61.9 50.1-112 112-112l48 0 16 0 32 0c8.8 0 16-7.2 16-16l0-32 0-15.4L506 160 400 255.4zM336 240l16 0 0 48c0 17.7 14.3 32 32 32l3.7 0c7.9 0 15.5-2.9 21.4-8.2l139-125.1c7.6-6.8 11.9-16.5 11.9-26.7s-4.3-19.9-11.9-26.7L409.9 8.9C403.5 3.2 395.3 0 386.7 0C367.5 0 352 15.5 352 34.7L352 80l-16 0-32 0-16 0c-88.4 0-160 71.6-160 160c0 60.4 34.6 99.1 63.9 120.9c5.9 4.4 11.5 8.1 16.7 11.2c4.4 2.7 8.5 4.9 11.9 6.6c3.4 1.7 6.2 3 8.2 3.9c2.2 1 4.6 1.4 7.1 1.4l2.5 0c9.8 0 17.8-8 17.8-17.8c0-7.8-5.3-14.7-11.6-19.5c0 0 0 0 0 0c-.4-.3-.7-.5-1.1-.8c-1.7-1.1-3.4-2.5-5-4.1c-.8-.8-1.7-1.6-2.5-2.6s-1.6-1.9-2.4-2.9c-1.8-2.5-3.5-5.3-5-8.5c-2.6-6-4.3-13.3-4.3-22.4c0-36.1 29.3-65.5 65.5-65.5l14.5 0 32 0zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-64c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 64c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l64 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z";
-	e.definition = {
-		prefix: t,
-		iconName: n,
-		icon: [
-			r,
-			i,
-			a,
-			o,
-			s
-		]
-	}, e.faShareFromSquare = 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_faShareFromSquare };

package/ui/index520.es.js

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

package/ui/index521.es.js

@@ -1,22 +0,0 @@
-import { system as e, th as t } from "./index4.es.js";
-import { css as n, styled as r } from "./index6.es.js";
-//#region packages/ui/Elements/Label/Label.tsx
-var i = n`
-  color: ${t.color("typoPrimary")};
-  font-family: ${t("fonts.primary")};
-  font-weight: bold;
-  display: block;
-  margin-bottom: 6px;
-`, a = r.label`
-  margin-left: 8px;
-  ${i};
-  ${({ fontSize: e }) => e ? n`
-          font-size: ${e};
-        ` : null}
-  ${e};
-`, o = r.label`
-  ${i};
-  font-size: 12px;
-`;
-//#endregion
-export { o as FieldLabel, a as Label };

package/ui/index522.es.js

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

package/ui/index523.es.js

@@ -1,32 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { css as t, styled as n, useTheme as r, x as i } from "./index6.es.js";
-import { require_jsx_runtime as a } from "./index143.es.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/index524.es.js

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

package/ui/index526.es.js

@@ -1,14 +0,0 @@
-import { _typeof as e } from "./index525.es.js";
-//#region node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-function t(t, n) {
-	if (e(t) != "object" || !t) return t;
-	var r = t[Symbol.toPrimitive];
-	if (r !== void 0) {
-		var i = r.call(t, n || "default");
-		if (e(i) != "object") return i;
-		throw TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return (n === "string" ? String : Number)(t);
-}
-//#endregion
-export { t as toPrimitive };

package/ui/index527.es.js

@@ -1,9 +0,0 @@
-import { _typeof as e } from "./index525.es.js";
-import { toPrimitive as t } from "./index526.es.js";
-//#region node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-function n(n) {
-	var r = t(n, "string");
-	return e(r) == "symbol" ? r : r + "";
-}
-//#endregion
-export { n as toPropertyKey };

package/ui/index528.es.js

@@ -1,12 +0,0 @@
-import { toPropertyKey as e } from "./index527.es.js";
-//#region node_modules/@babel/runtime/helpers/esm/defineProperty.js
-function t(t, n, r) {
-	return (n = e(n)) in t ? Object.defineProperty(t, n, {
-		value: r,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : t[n] = r, t;
-}
-//#endregion
-export { t as _defineProperty };

package/ui/index529.es.js

@@ -1,25 +0,0 @@
-import { _defineProperty as e } from "./index528.es.js";
-//#region node_modules/@babel/runtime/helpers/esm/objectSpread2.js
-function t(e, t) {
-	var n = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var r = Object.getOwnPropertySymbols(e);
-		t && (r = r.filter(function(t) {
-			return Object.getOwnPropertyDescriptor(e, t).enumerable;
-		})), n.push.apply(n, r);
-	}
-	return n;
-}
-function n(n) {
-	for (var r = 1; r < arguments.length; r++) {
-		var i = arguments[r] == null ? {} : arguments[r];
-		r % 2 ? t(Object(i), !0).forEach(function(t) {
-			e(n, t, i[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(i)) : t(Object(i)).forEach(function(e) {
-			Object.defineProperty(n, e, Object.getOwnPropertyDescriptor(i, e));
-		});
-	}
-	return n;
-}
-//#endregion
-export { n as _objectSpread2 };