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

package/ui/index714.es.js

@@ -0,0 +1,48 @@
+import { styled as e, x as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import r from "./index248.es.js";
+import i from "./index497.es.js";
+import a from "./index713.es.js";
+import "react";
+//#region packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.tsx
+var o = n(), s = e.div`
+  display: flex;
+  & > * {
+    margin-right: 12px;
+  }
+  z-index: 2;
+`, c = ({ hide: e, node: t, label: n, appearance: i, variant: s, disabled: c, onClick: l, onSelect: u, options: d, hideChevron: f, iconLeft: p, buttonProps: m }) => e ? null : t ? /* @__PURE__ */ (0, o.jsx)(o.Fragment, { children: t }) : d ? /* @__PURE__ */ (0, o.jsx)(a, {
+	label: n || "",
+	appearance: i || "secondary",
+	variant: s || "default",
+	options: d,
+	showChevron: !f,
+	onSelect: u,
+	disabled: c
+}) : /* @__PURE__ */ (0, o.jsx)(r, {
+	type: "button",
+	onClick: l,
+	disabled: c,
+	variant: s || "default",
+	appearance: i || "primary",
+	iconLeft: p,
+	...m,
+	children: n
+}), l = ({ extraControlButtons: e, isMobile: n, targetPosition: r }) => {
+	let a = r ? (e || []).filter(({ position: e, hide: t }) => e === r && !t) : e ?? [];
+	if (n && a?.length > 0) {
+		let e = a.flatMap(({ onSelect: e, onClick: t, options: n, label: r }) => n && e ? n.map((t) => ({
+			title: typeof r == "string" && !t.label.startsWith(String(r)) ? `${r}: ${t.label}` : t.label,
+			onClick: () => {
+				e(t.value);
+			}
+		})) : r && t ? [{
+			title: r,
+			onClick: t
+		}] : []);
+		return e.length === 0 ? null : /* @__PURE__ */ (0, o.jsx)(i, { items: e });
+	}
+	return /* @__PURE__ */ (0, o.jsx)(s, { children: a?.map((e, n) => /* @__PURE__ */ (0, o.jsx)(t.div, { children: /* @__PURE__ */ (0, o.jsx)(c, { ...e }) }, n)) });
+};
+//#endregion
+export { l as default };

package/ui/index715.es.js

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

package/ui/index716.es.js

@@ -0,0 +1,30 @@
+import { styled as e, x as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import r from "./index249.es.js";
+import i from "./index614.es.js";
+//#region packages/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.tsx
+var a = n(), o = e(i)`
+  position: ${({ isMobileInputView: e }) => e ? "absolute" : "relative"};
+  z-index: ${({ isMobileInputView: e }) => e ? "3" : "1"};
+  width: auto;
+`, s = ({ searchedValue: e, placeholderText: n, onChange: i, onClick: s, displayInput: c, onClear: l, isMobileInputView: u, alwaysShowClear: d }) => /* @__PURE__ */ (0, a.jsx)(t.div, {
+	mr: "12px",
+	children: c ? /* @__PURE__ */ (0, a.jsx)(o, {
+		icon: "search",
+		type: "text",
+		value: e,
+		placeholder: n,
+		onChange: i,
+		variant: "gray",
+		onClear: l,
+		alwaysShowClear: d,
+		isMobileInputView: u
+	}) : /* @__PURE__ */ (0, a.jsx)(r, {
+		variant: "icon",
+		appearance: "secondary",
+		icon: "search",
+		onClick: s
+	})
+});
+//#endregion
+export { s as default };

package/ui/index717.es.js

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

package/ui/index718.es.js

@@ -0,0 +1,39 @@
+import { th as e } from "./index4.es.js";
+import { styled as t } from "./index6.es.js";
+import n from "./index248.es.js";
+import "./index249.es.js";
+//#region packages/ui/Blocks/CommonGrid/components/ControlButtons/styles.ts
+var r = t.div`
+  display: flex;
+  position: sticky;
+  justify-content: space-between;
+  flex: 1;
+  left: 20px;
+`, i = t.div`
+  display: flex;
+  margin-right: 10px;
+`, a = t.div`
+  display: flex;
+`, o = t(n)`
+  position: sticky;
+  right: 20px;
+  z-index: 3;
+  margin-left: 8px;
+
+  > span > svg {
+    stroke: ${e("colors.blue2")};
+    width: 18px;
+    height: 18px;
+  }
+  > span > H6 {
+    display: none;
+  }
+  @media (min-width: 1024px) {
+    > span > H6 {
+      display: flex;
+      margin-left: 5px;
+    }
+  }
+`;
+//#endregion
+export { r as ControlButtonsContainer, i as Left, a as Right, o as StyledColumnButton };

package/ui/index719.es.js

@@ -0,0 +1,156 @@
+import { useColor as e, x as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import { Settings2 as ee } from "./index168.es.js";
+import { Filter as r } from "./index233.es.js";
+import { Sort as i } from "./index234.es.js";
+import a from "./index248.es.js";
+import { i18n as o } from "./index502.es.js";
+import { Trans as s } from "./index504.es.js";
+import c from "./index507.es.js";
+import { palettes as l } from "./index508.es.js";
+import { H6 as u } from "./index511.es.js";
+import "./index512.es.js";
+import { isFilterActive as d } from "./index647.es.js";
+import f from "./index649.es.js";
+import { ExtraControlButtonPosition as p } from "./index650.es.js";
+import m from "./index715.es.js";
+import h from "./index717.es.js";
+import { ControlButtonsContainer as g, Left as _, Right as v, StyledColumnButton as y } from "./index718.es.js";
+import { useEffect as b, useMemo as x } from "react";
+//#region packages/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.tsx
+var S = n(), C = ({ extraControlButtons: n, gridActions: C, gridSelectors: w, quickFilter: T = "", columns: E, filters: D, hideControlButtons: O, displayManageColumnButton: k, openManageColumnForm: A, setDisplayManageColumnButton: j, onOpenPresetsModal: M, gridName: N, selectedPresetName: P, withPresets: F, withManageColumnButton: I, onOpenMobileFilters: L, onOpenMobileSorting: R, isSortTerminated: z }) => {
+	let { searchedValue: B, translatedValue: V, onChangeInputValue: H, onClear: U, onClearSettings: W, onDisplayInput: G, displayInput: K, isMobileInputView: q, isMobile: J, filter: Y } = f({
+		gridActions: C,
+		gridSelectors: w,
+		quickFilter: T,
+		columns: E,
+		filters: D
+	});
+	b(() => {
+		j(!q && !!I);
+	}, [
+		q,
+		I,
+		j
+	]);
+	let X = e("red1"), Z = x(() => Y ? Object.values(Y).filter((e) => d(e.value)).length : 0, [Y]), Q = !!E?.some((e) => e.filtering), te = !!E?.some((e) => e.sorting), $ = w.sorting?.length ?? 0;
+	return /* @__PURE__ */ (0, S.jsxs)(g, { children: [/* @__PURE__ */ (0, S.jsxs)(_, { children: [
+		!O && /* @__PURE__ */ (0, S.jsxs)(S.Fragment, { children: [
+			T && !J && /* @__PURE__ */ (0, S.jsx)(h, {
+				searchedValue: B,
+				placeholderText: o._({
+					id: "controlButtons.searchPlaceholder",
+					message: `Search ${V} ...`,
+					values: { translatedValue: V }
+				}),
+				onChange: H,
+				onClear: U,
+				onClick: G,
+				displayInput: K,
+				isMobileInputView: q
+			}),
+			/* @__PURE__ */ (0, S.jsx)(m, {
+				extraControlButtons: n,
+				targetPosition: p.TopLeft
+			}),
+			/* @__PURE__ */ (0, S.jsx)(t.div, { children: !!Z && !J && /* @__PURE__ */ (0, S.jsx)(a, {
+				type: "button",
+				onClick: W,
+				variant: "default",
+				appearance: "secondary",
+				"data-cy": "resetFiltersBtn",
+				children: /* @__PURE__ */ (0, S.jsx)(s, {
+					id: "dataGrid.buttonClearSettings",
+					message: "Reset"
+				})
+			}) })
+		] }),
+		J && Q && /* @__PURE__ */ (0, S.jsxs)(a, {
+			type: "button",
+			appearance: Z ? "primary" : "tertiary",
+			onClick: L,
+			"data-cy": "mobileFilterBtn",
+			children: [/* @__PURE__ */ (0, S.jsx)(r, { fill: Z ? "white" : X }), /* @__PURE__ */ (0, S.jsxs)(u, {
+				variant: "semiBold",
+				mt: 0,
+				mb: 0,
+				ml: "6px",
+				children: [
+					/* @__PURE__ */ (0, S.jsx)(s, {
+						id: "dataGrid.filter",
+						message: "Filter"
+					}),
+					" ",
+					Z > 0 && `(${Z})`
+				]
+			})]
+		}),
+		J && te && /* @__PURE__ */ (0, S.jsx)(t.div, {
+			ml: "10px",
+			children: /* @__PURE__ */ (0, S.jsxs)(a, {
+				type: "button",
+				appearance: $ ? "primary" : "tertiary",
+				onClick: R,
+				disabled: z,
+				"data-cy": "mobileSortBtn",
+				children: [/* @__PURE__ */ (0, S.jsx)(i, { stroke: $ ? "white" : X }), /* @__PURE__ */ (0, S.jsxs)(u, {
+					variant: "semiBold",
+					mt: 0,
+					mb: 0,
+					ml: "6px",
+					children: [
+						/* @__PURE__ */ (0, S.jsx)(s, {
+							id: "dataGrid.sort",
+							message: "Sort"
+						}),
+						" ",
+						$ > 0 && `(${$})`
+					]
+				})]
+			})
+		}),
+		F && N && !J && /* @__PURE__ */ (0, S.jsxs)(S.Fragment, { children: [/* @__PURE__ */ (0, S.jsx)(t.div, {
+			mx: "12px",
+			children: /* @__PURE__ */ (0, S.jsx)(a, {
+				onClick: M,
+				type: "button",
+				variant: "default",
+				appearance: "tertiary",
+				children: /* @__PURE__ */ (0, S.jsx)(s, {
+					id: "dataGrid.presets.title",
+					message: "Presets"
+				})
+			})
+		}), P && /* @__PURE__ */ (0, S.jsx)(c, {
+			size: "medium",
+			...l.redWhite,
+			children: /* @__PURE__ */ (0, S.jsx)(u, {
+				mt: 0,
+				mb: 0,
+				variant: "semiBold",
+				children: P
+			})
+		})] })
+	] }), /* @__PURE__ */ (0, S.jsxs)(v, { children: [/* @__PURE__ */ (0, S.jsx)(m, {
+		extraControlButtons: n,
+		targetPosition: p.TopRight,
+		isMobile: J
+	}), k && !J && /* @__PURE__ */ (0, S.jsx)(y, {
+		type: "button",
+		variant: "ghost",
+		appearance: "primary",
+		iconLeft: /* @__PURE__ */ (0, S.jsx)(ee, {}),
+		onClick: A,
+		children: /* @__PURE__ */ (0, S.jsx)(u, {
+			variant: "semiBold",
+			mt: 0,
+			mb: 0,
+			children: /* @__PURE__ */ (0, S.jsx)(s, {
+				id: "manageColumn.title",
+				message: "Manage column"
+			})
+		})
+	})] })] });
+};
+//#endregion
+export { C as default };

package/ui/index72.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faCartArrowDown.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "cart-arrow-down", r = 576, i = 512, a = [], o = "f218", s = "M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48l45.5 0c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5L488 384c13.3 0 24-10.7 24-24s-10.7-24-24-24l-288.3 0c-11.5 0-21.4-8.2-23.6-19.5L170.7 288l288.5 0c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32L360 32l0 102.1 23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23L312 32 120.1 32C111 12.8 91.6 0 69.5 0L24 0zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faCartArrowDown = 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_faCartArrowDown };

package/ui/index720.es.js

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

package/ui/index721.es.js

@@ -0,0 +1,31 @@
+import { x as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import n from "./index236.es.js";
+import "./index237.es.js";
+import { Trans as r } from "./index504.es.js";
+//#region packages/ui/Blocks/CommonGrid/components/GridInfo/index.tsx
+var i = t(), a = ({ isSortTerminatedAppeal: t, isSortTerminated: a }) => t ? /* @__PURE__ */ (0, i.jsxs)(e.span, {
+	w: "100%",
+	ml: "8px",
+	fontSize: "12px",
+	display: "flex",
+	gap: "8px",
+	alignItems: "center",
+	children: [t && !a && /* @__PURE__ */ (0, i.jsxs)(i.Fragment, { children: [/* @__PURE__ */ (0, i.jsx)(n, {
+		icon: "circleTriangle",
+		size: "20px",
+		fill: "yellow70"
+	}), /* @__PURE__ */ (0, i.jsx)(r, {
+		id: "dataGrid.sortingTerminatedAppeal",
+		message: "Too many results, please set a filter"
+	})] }), a && /* @__PURE__ */ (0, i.jsxs)(i.Fragment, { children: [/* @__PURE__ */ (0, i.jsx)(n, {
+		icon: "circleTriangle",
+		size: "20px",
+		fill: "dangerColor"
+	}), /* @__PURE__ */ (0, i.jsx)(r, {
+		id: "dataGrid.sortingTerminated",
+		message: "Too many results, sorting cannot be used"
+	})] })]
+}) : null;
+//#endregion
+export { a as GridInfo };

package/ui/index722.es.js

@@ -0,0 +1,178 @@
+import { th as e } from "./index4.es.js";
+import { css as t, styled as n } from "./index6.es.js";
+import r from "./index487.es.js";
+import "./index490.es.js";
+//#region packages/ui/Blocks/Modal/styles.ts
+var i = /* @__PURE__ */ function(e) {
+	return e.Header = "header", e.DialogWindow = "dialogWindow", e.ContentContainer = "contentContainer", e.Title = "title", e;
+}(i || {}), a = (n, r = "default") => ({
+	header: {
+		default: t`
+        padding: 20px;
+        border-bottom: 1px solid ${e.color("lightGray6")};
+        @media (min-width: 576px) {
+          padding: 30px;
+          border-bottom: 0;
+        }
+      `,
+		compact: t`
+        padding: 20px 20px;
+        border-bottom: 1px solid ${e.color("lightGray6")};
+      `,
+		mobileFullscreen: t`
+        padding: 20px;
+      `
+	},
+	dialogWindow: {
+		default: t`
+        border-radius: 10px;
+        max-width: calc(100% - 32px);
+      `,
+		compact: t`
+        border-radius: 10px;
+        max-width: calc(100% - 32px);
+      `,
+		mobileFullscreen: t`
+        border-radius: 0;
+        max-width: 100% !important;
+      `
+	},
+	contentContainer: {
+		default: t`
+        padding: 20px 20px 15px;
+        @media (min-width: 576px) {
+          padding: 30px;
+        }
+      `,
+		compact: t`
+        padding: 20px 20px 15px;
+      `,
+		mobileFullscreen: t`
+        padding: 0;
+      `
+	},
+	title: {}
+})[n][r], o = n.div`
+  position: fixed;
+  z-index: 9;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: ${({ backgroundColor: e = "blue2" }) => r(e, .6)};
+  text-align: center;
+
+  @media print {
+    position: absolute !important;
+    left: 0 !important;
+    top: 0 !important;
+    height: auto !important;
+    visibility: hidden;
+  }
+
+  @media (max-width: 576px) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 16px 0;
+  }
+`, s = n.div`
+  background-color: ${({ $backgroundColor: e }) => e || "#fefefe"};
+  margin: auto;
+  box-shadow: dialogShadow;
+  min-width: ${({ $minWidth: e }) => e || "10%"};
+  min-height: ${({ $minHeight: e }) => e || "auto"};
+  max-height: ${({ $maxHeight: e }) => e || "none"};
+  display: inline-block;
+  position: relative;
+  text-align: left;
+
+  ${({ variant: e }) => a(i.DialogWindow, e)}
+  ${({ $maxWidth: e }) => e && `max-width: ${e}`};
+
+  @media print {
+    background-color: #fff;
+    margin: 0;
+    visibility: visible;
+    overflow: visible;
+    box-shadow: none;
+    max-width: 100%;
+  }
+
+  @media (min-width: 576px) {
+    margin: ${({ top: e = "100px" }) => e} auto 0 auto;
+  }
+`, c = n.div`
+  display: flex;
+  justify-content: space-between;
+  ${({ variant: e }) => a(i.Header, e)}
+`, l = n.div`
+  min-height: 50px;
+  ${({ variant: e }) => a(i.ContentContainer, e)}
+`, u = n.div`
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+  color: typoPrimary;
+  padding-right: 34px;
+
+  > div:first-of-type {
+    margin-right: 0.5em;
+    display: block;
+  }
+
+  .icon {
+    font-size: 24px;
+    margin-right: 15px;
+    display: flex;
+
+    @media (max-width: 576px) {
+      font-size: 18px;
+      margin-right: 12px;
+    }
+  }
+`, d = n.div`
+  display: flex;
+  align-items: center;
+  padding: 1.5rem;
+  border-top: 1px solid ${e.color("lightGray6")};
+  text-align: right;
+  justify-content: ${({ hasSpaceBetween: e }) => e ? "space-between" : "flex-end"};
+
+  @media (max-width: 576px) {
+    display: flex;
+    justify-content: space-around;
+    padding: 32px 18px 18px;
+
+    > * {
+      margin: 0;
+    }
+  }
+`, f = n.div`
+  width: ${({ hasExtraAction: e }) => e ? "auto" : "100%"};
+  display: flex;
+  justify-content: inherit;
+  column-gap: 8px;
+
+  @media (max-width: 576px) {
+    & > button {
+      width: ${({ hasBothButtons: e }) => e ? "50%" : "auto"};
+    }
+  }
+`, p = n.div`
+  position: absolute;
+  z-index: 2;
+  background-color: bgLightGray1;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  top: 11px;
+  right: 20px;
+  width: 34px;
+  height: 34px;
+`;
+//#endregion
+export { d as ButtonsContainer, f as ButtonsWrapper, p as CloseButton, l as ContentContainer, o as DialogOverlay, s as DialogWindow, c as HeaderContainer, u as TitleContainer };

package/ui/index723.es.js

@@ -0,0 +1,10 @@
+//#region packages/ui/Blocks/Modal/utils.ts
+var e = {
+	wide: "1450px",
+	mediumLarge: "1200px",
+	medium: "900px",
+	narrow: "600px",
+	auto: "auto"
+};
+//#endregion
+export { e as widthMap };

package/ui/index724.es.js

@@ -0,0 +1,116 @@
+import { x as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import { Cancel as n } from "./index144.es.js";
+import r from "./index236.es.js";
+import "./index237.es.js";
+import i from "./index249.es.js";
+import { useClickOutside as a } from "./index496.es.js";
+import { H2 as o, H5 as s } from "./index511.es.js";
+import "./index512.es.js";
+import c from "./index710.es.js";
+import { ButtonsContainer as l, ButtonsWrapper as u, CloseButton as d, ContentContainer as f, DialogOverlay as p, DialogWindow as m, HeaderContainer as h, TitleContainer as g } from "./index722.es.js";
+import { widthMap as _ } from "./index723.es.js";
+import { memo as v, useCallback as y, useEffect as b, useMemo as x } from "react";
+//#region packages/ui/Blocks/Modal/Modal.tsx
+var S = t(), C = v(({ children: t, isShown: v = !0, onExtraAction: C, onCancel: w, title: T, titleIcon: E, onConfirm: D, confirmLabel: O, cancelLabel: k, extraActionLabel: A, isLoading: j, isConfirmDisabled: M, width: N = "narrow", onClose: P, hasFooter: F = !0, hasHeader: I = !0, background: L, ignoreClickOutside: R = !1, closeEverywhere: z = !1, withCloseIcon: B = !0, overlayColor: V, minWidth: H, minHeight: U, maxWidth: W, maxHeight: G, variant: K = "compact", top: q, name: J }) => {
+	let Y = y(() => {
+		P ? P() : w && w();
+	}, [P, w]), X = x(() => ({ width: _[N] }), [N]), Z = a({
+		onClose: Y,
+		ignoreClickOutside: R,
+		closeCurrent: !0,
+		allowScrollbarClick: !0
+	}), Q = y(() => {
+		D?.(Y);
+	}, [D, Y]);
+	return b(() => (window.addEventListener("popstate", Y), () => {
+		window.removeEventListener("popstate", Y);
+	}), []), v ? /* @__PURE__ */ (0, S.jsx)(c, { children: /* @__PURE__ */ (0, S.jsx)(p, {
+		backgroundColor: V,
+		children: /* @__PURE__ */ (0, S.jsxs)(m, {
+			ref: Z,
+			style: X,
+			$backgroundColor: L,
+			top: q,
+			"data-cy": "dialogWindow",
+			onClick: z ? Y : void 0,
+			$minWidth: H,
+			$minHeight: U,
+			$maxWidth: W,
+			$maxHeight: G,
+			variant: K,
+			children: [
+				T && I && /* @__PURE__ */ (0, S.jsx)(h, {
+					variant: K,
+					children: /* @__PURE__ */ (0, S.jsxs)(g, { children: [E && /* @__PURE__ */ (0, S.jsx)(e.div, {
+						as: "span",
+						className: "icon",
+						children: typeof E == "string" ? /* @__PURE__ */ (0, S.jsx)(r, {
+							icon: E,
+							fill: "blue2"
+						}) : E
+					}), K == "default" ? /* @__PURE__ */ (0, S.jsx)(o, {
+						mt: 0,
+						mb: 0,
+						variant: "bold",
+						children: T
+					}) : /* @__PURE__ */ (0, S.jsx)(s, {
+						mt: 0,
+						mb: 0,
+						variant: "bold",
+						children: T
+					})] })
+				}),
+				B && /* @__PURE__ */ (0, S.jsx)(d, {
+					onClick: Y,
+					"data-cy": "dialogCloseBtn",
+					children: /* @__PURE__ */ (0, S.jsx)(n, {
+						width: "11px",
+						height: "11px"
+					})
+				}),
+				/* @__PURE__ */ (0, S.jsx)(f, {
+					variant: K,
+					children: t
+				}),
+				F && (C || w || D) && /* @__PURE__ */ (0, S.jsxs)(l, {
+					hasSpaceBetween: !!C,
+					children: [C && /* @__PURE__ */ (0, S.jsx)(i, {
+						type: "button",
+						onClick: C,
+						isLoading: j,
+						"data-cy": "extraActionBtn",
+						appearance: "secondary",
+						variant: "ghost",
+						children: A
+					}), /* @__PURE__ */ (0, S.jsxs)(u, {
+						hasExtraAction: !!C,
+						hasBothButtons: !!w && !!D,
+						children: [w && /* @__PURE__ */ (0, S.jsx)(i, {
+							type: "button",
+							onClick: w,
+							isLoading: j,
+							"data-cy": "cancelBtn",
+							appearance: "secondary",
+							variant: "default",
+							"data-testid": J ? `button-${J}-cancel` : void 0,
+							children: k || "Cancel"
+						}), D && /* @__PURE__ */ (0, S.jsx)(i, {
+							type: "button",
+							onClick: Q,
+							isLoading: j,
+							disabled: M,
+							"data-cy": "submitBtn",
+							appearance: "primary",
+							variant: "default",
+							"data-testid": J ? `button-${J}-confirm` : void 0,
+							children: O || "Submit"
+						})]
+					})]
+				})
+			]
+		})
+	}) }) : null;
+});
+//#endregion
+export { C as Modal };

package/ui/index725.es.js

@@ -0,0 +1,26 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require_isArray as t } from "./index305.es.js";
+import { require_isArguments as n } from "./index313.es.js";
+import { require_isBuffer as r } from "./index315.es.js";
+import { require_isTypedArray as i } from "./index321.es.js";
+import { require__isPrototype as a } from "./index323.es.js";
+import { require__baseKeys as o } from "./index326.es.js";
+import { require_isArrayLike as s } from "./index327.es.js";
+import { require__getTag as c } from "./index335.es.js";
+//#region node_modules/lodash/isEmpty.js
+var l = /* @__PURE__ */ e(((e, l) => {
+	var u = o(), d = c(), f = n(), p = t(), m = s(), h = r(), g = a(), _ = i(), v = "[object Map]", y = "[object Set]", b = Object.prototype.hasOwnProperty;
+	function x(e) {
+		if (e == null) return !0;
+		if (m(e) && (p(e) || typeof e == "string" || typeof e.splice == "function" || h(e) || _(e) || f(e))) return !e.length;
+		var t = d(e);
+		if (t == v || t == y) return !e.size;
+		if (g(e)) return !u(e).length;
+		for (var n in e) if (b.call(e, n)) return !1;
+		return !0;
+	}
+	l.exports = x;
+}));
+//#endregion
+export default l();
+export { l as require_isEmpty };