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

package/ui/packages/ui/Blocks/Modal/Modal.js

@@ -1,116 +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 { Cancel as n } from "../../Elements/Icon/icons/Cancel.js";
-import r from "../../Elements/Icon/Icon.js";
-import "../../Elements/Icon/index.js";
-import i from "../../Elements/Button/index.js";
-import { useClickOutside as a } from "./hooks/useClickOutside.js";
-import { H2 as o, H5 as s } from "../../Elements/Typography/Typography.js";
-import "../../Elements/Typography/index.js";
-import c from "../../Elements/Portal/index.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 "./styles.js";
-import { widthMap as _ } from "./utils.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/packages/ui/Blocks/Modal/hooks/useClickOutside.js

@@ -1,19 +0,0 @@
-import { useCallback as e, useEffect as t, useRef as n } from "react";
-//#region packages/ui/Blocks/Modal/hooks/useClickOutside.ts
-var r = ({ onClose: r, parentRef: i, ignoreClickOutside: a = !1, closeCurrent: o = !1, allowScrollbarClick: s = !1 }) => {
-	let c = n(null), l = a ? void 0 : r, u = e((e) => {
-		!(s && e.offsetX > e.target.clientWidth) && c.current && !c.current.contains(e.target) && !i?.current?.contains(e.target) && (o ? e.target.contains(c.current) && l?.() : l?.());
-	}, [
-		s,
-		i,
-		o,
-		l
-	]), d = e((e) => {
-		e.key === "Escape" && l?.();
-	}, [l]);
-	return t(() => (document.addEventListener("mousedown", u), document.addEventListener("keydown", d), () => {
-		document.removeEventListener("mousedown", u), document.removeEventListener("keydown", d);
-	}), [u, d]), c;
-};
-//#endregion
-export { r as useClickOutside };

package/ui/packages/ui/Blocks/Modal/hooks/useModal.js

@@ -1,17 +0,0 @@
-import { useCallback as e, useState as t } from "react";
-//#region packages/ui/Blocks/Modal/hooks/useModal.ts
-var n = (n = !1) => {
-	let [r, i] = t(n), [a, o] = t();
-	return {
-		isOpen: r,
-		onClose: e(() => {
-			i(!1), o(void 0);
-		}, []),
-		onOpen: e((e) => {
-			e && o(e), i(!0);
-		}, []),
-		data: a
-	};
-};
-//#endregion
-export { n as useModal };

package/ui/packages/ui/Blocks/Modal/index.js

@@ -1,7 +0,0 @@
-import "./hooks/useModal.js";
-import "./hooks/useClickOutside.js";
-import { Modal as e } from "./Modal.js";
-//#region packages/ui/Blocks/Modal/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/Modal/styles.js

@@ -1,178 +0,0 @@
-import { th as e } from "../../../../node_modules/@xstyled/system/dist/index.js";
-import { css as t, styled as n } from "../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import r from "../../utils/CreateRgba/createRgba.js";
-import "../../utils/index.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/packages/ui/Blocks/Modal/utils.js

@@ -1,10 +0,0 @@
-//#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/packages/ui/Blocks/Popover/index.js

@@ -1,30 +0,0 @@
-import { styled 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 { useClickOutside as n } from "../Modal/hooks/useClickOutside.js";
-import { Popper as r } from "../../../../node_modules/react-popper/lib/esm/Popper.js";
-import i from "../../Elements/Portal/index.js";
-import "react";
-//#region packages/ui/Blocks/Popover/index.tsx
-var a = t(), o = e.div`
-  z-index: 5;
-`, s = ({ placement: e, wrapper: t, children: s, onClose: c, parentRef: l }) => {
-	let u = n({
-		onClose: c,
-		parentRef: l
-	}), d = t || o;
-	return /* @__PURE__ */ (0, a.jsx)(i, { children: /* @__PURE__ */ (0, a.jsx)("div", {
-		ref: u,
-		children: /* @__PURE__ */ (0, a.jsx)(r, {
-			innerRef: u,
-			referenceElement: l.current,
-			placement: e,
-			children: ({ ref: e, style: t }) => /* @__PURE__ */ (0, a.jsx)(d, {
-				ref: e,
-				style: t,
-				children: s
-			})
-		})
-	}) });
-};
-//#endregion
-export { s as default };

package/ui/packages/ui/Blocks/Scheduler/Scheduler.js

@@ -1,40 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../node_modules/react/jsx-runtime.js";
-import { require_lodash as t } from "../../../../node_modules/lodash/lodash.js";
-import { useToggleAndClose as n } from "../../hooks/useToggleAndClose.js";
-import { DateChanger as r } from "./components/DateChanger/index.js";
-import { Groups as i } from "./components/Groups/index.js";
-import { TimeSlots as a } from "./components/TimeSlots/index.js";
-import { useChangeDate as o } from "./hooks/useChangeDate.js";
-import { generateTimeArray as s } from "./utils/generateTimeArray.js";
-import { getClosestStep as c } from "./utils/getClosestStep.js";
-import { Block as l, Container as u } from "./styles.js";
-import { useMemo as d } from "react";
-//#region packages/ui/Blocks/Scheduler/Scheduler.tsx
-var f = t(), p = e(), m = s(), h = ({ groups: e, activeHours: t, data: s, handleSelectTimeSlot: h, handleReloadTimeSlots: g, handleTimeSlotClick: _, isLoading: v, timeSlotDefinitions: y }) => {
-	let b = d(() => (0, f.groupBy)(s, ({ groupId: e, from: t }) => `${e}-${c(t)}`), [s]), [x, S, C] = n(!1), { handlePrevDay: w, handleNextDay: T, handleChangeDate: E, date: D, isTodayDate: O } = o({
-		closeDatePicker: C,
-		handleReloadTimeSlots: g
-	});
-	return e?.length ? /* @__PURE__ */ (0, p.jsxs)(u, { children: [/* @__PURE__ */ (0, p.jsx)(r, {
-		isLoading: v,
-		isDatepickerOpen: x,
-		toggleDatepicker: S,
-		closeDatePicker: C,
-		handlePrevDay: w,
-		handleNextDay: T,
-		handleChangeDate: E,
-		date: D
-	}), /* @__PURE__ */ (0, p.jsxs)(l, { children: [/* @__PURE__ */ (0, p.jsx)(i, { groups: e }), /* @__PURE__ */ (0, p.jsx)(a, {
-		timeArray: m,
-		groups: e,
-		activeHours: t,
-		timeSlots: b,
-		handleSelectTimeSlot: v ? void 0 : h,
-		handleTimeSlotClick: v ? void 0 : _,
-		isTodayDate: O,
-		date: D,
-		timeSlotDefinitions: y
-	})] })] }) : null;
-};
-//#endregion
-export { h as Scheduler };

package/ui/packages/ui/Blocks/Scheduler/components/BookedTimeSlots/index.js

@@ -1,33 +0,0 @@
-import { __toESM as e } from "../../../../../../_virtual/_rolldown/runtime.js";
-import { x 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 { require_get as r } from "../../../../../../node_modules/lodash/get.js";
-import { getMinutesFromTime as i } from "../../utils/getMinutesFromTime.js";
-import { convertDateToTime as a } from "../../utils/convertDateToTime.js";
-import { convertMinutesToDuration as o } from "../../utils/convertMinutesToDuration.js";
-import { Body as s, BookedTimeSlot as c, Header as l } from "./styles.js";
-//#region packages/ui/Blocks/Scheduler/components/BookedTimeSlots/index.tsx
-var u = /* @__PURE__ */ e(r(), 1), d = n(), f = ({ bookedTimeSlots: e, timeSlotDefinitions: n, handleTimeSlotClick: r, time: f }) => /* @__PURE__ */ (0, d.jsx)(d.Fragment, { children: e.map(({ id: e, from: p, to: m, ...h }) => {
-	let g = a(new Date(p)), _ = a(new Date(m)), v = i(g), y = i(_) - v, b = n?.count ? (0, u.default)(h, n?.count) : 0;
-	return /* @__PURE__ */ (0, d.jsxs)(c, {
-		startPoint: v - i(f) + 1,
-		heightInMinutes: y - 2,
-		onClick: r?.({
-			id: e,
-			from: p,
-			to: m,
-			...h
-		}),
-		children: [/* @__PURE__ */ (0, d.jsxs)(l, { children: [/* @__PURE__ */ (0, d.jsx)("div", { children: `${g} - ${_} (${o(y)})` }), /* @__PURE__ */ (0, d.jsxs)(t.div, {
-			display: "flex",
-			gap: "6px",
-			alignItems: "center",
-			children: [!!b && b, n?.icon]
-		})] }), /* @__PURE__ */ (0, d.jsx)(s, { children: n?.data?.map((e) => {
-			let t = (0, u.default)(h, e);
-			return /* @__PURE__ */ (0, d.jsx)("span", { children: Array.isArray(t) ? t.join(", ") : t }, `${e}-${f}`);
-		}) })]
-	}, e);
-}) });
-//#endregion
-export { f as BookedTimeSlots };

package/ui/packages/ui/Blocks/Scheduler/components/BookedTimeSlots/styles.js

@@ -1,33 +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/Blocks/Scheduler/components/BookedTimeSlots/styles.ts
-var n = t.div`
-  position: absolute;
-  z-index: 1;
-  top: ${({ startPoint: e }) => `${e * 5}px`};
-  background-color: ${e.color("bgLightGray1")};
-  border-radius: 4px;
-  box-shadow: ${e.shadow("gridShadow")};
-  height: ${({ heightInMinutes: e }) => `${e * 5}px`};
-  border-left: 4px solid ${e.color("green60")};
-  padding: 10px;
-  margin-right: 10px;
-  margin-left: 6px; // -4px border
-  width: calc(100% - 16px);
-  cursor: pointer;
-  overflow-y: auto;
-  text-align: left;
-`, r = t.div`
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  height: fit-content;
-  align-items: center;
-`, i = t.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: 6px;
-  gap: 6px;
-`;
-//#endregion
-export { i as Body, n as BookedTimeSlot, r as Header };

package/ui/packages/ui/Blocks/Scheduler/components/CurrentTimeMarker/hooks/useCurrentTime.js

@@ -1,16 +0,0 @@
-import { convertDateToTime as e } from "../../../utils/convertDateToTime.js";
-import { useEffect as t, useState as n } from "react";
-//#region packages/ui/Blocks/Scheduler/components/CurrentTimeMarker/hooks/useCurrentTime.ts
-var r = () => {
-	let [r, i] = n(/* @__PURE__ */ new Date());
-	return t(() => {
-		let e = setInterval(() => {
-			i(/* @__PURE__ */ new Date());
-		}, 6e4);
-		return () => {
-			clearInterval(e);
-		};
-	}, []), { time: e(r) };
-};
-//#endregion
-export { r as useCurrentTime };

package/ui/packages/ui/Blocks/Scheduler/components/CurrentTimeMarker/index.js

@@ -1,14 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../../node_modules/react/jsx-runtime.js";
-import { getMinutesFromTime as t } from "../../utils/getMinutesFromTime.js";
-import { useCurrentTime as n } from "./hooks/useCurrentTime.js";
-import { CurrentTime as r, CurrentTimeContainer as i, Line as a } from "./styles.js";
-//#region packages/ui/Blocks/Scheduler/components/CurrentTimeMarker/index.tsx
-var o = e(), s = () => {
-	let { time: e } = n();
-	return /* @__PURE__ */ (0, o.jsxs)(i, {
-		minutes: t(e),
-		children: [/* @__PURE__ */ (0, o.jsx)(r, { children: e }), /* @__PURE__ */ (0, o.jsx)(a, {})]
-	});
-};
-//#endregion
-export { s as CurrentTimeMarker };

package/ui/packages/ui/Blocks/Scheduler/components/CurrentTimeMarker/styles.js

@@ -1,28 +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/Blocks/Scheduler/components/CurrentTimeMarker/styles.ts
-var n = t.div`
-  position: absolute;
-  top: ${({ minutes: e }) => `${e * 5 - 22 / 2}px`};
-  left: 0;
-  padding-left: 10px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  height: ${22}px;
-  z-index: 1;
-`, r = t.div`
-  font-size: 10px;
-  color: white;
-  font-weight: 600;
-  background-color: ${e.color("red1")};
-  width: ${35}px;
-  padding: 5px;
-  border-radius: 14px;
-`, i = t.div`
-  background-color: ${e.color("red1")};
-  width: calc(100% - ${35}px);
-  height: 1px;
-`;
-//#endregion
-export { r as CurrentTime, n as CurrentTimeContainer, i as Line };

package/ui/packages/ui/Blocks/Scheduler/components/DateChanger/index.js

@@ -1,48 +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 { ArrowDown as n } from "../../../../Elements/Icon/icons/ArrowDown.js";
-import "../../../../Elements/Icon/index.js";
-import r from "../../../../Elements/Spinner/Spinner.js";
-import { LanguageContext as i } from "../../../../ThemeProvider/ThemeProvider.js";
-import a from "../../../../Elements/DatePicker/index.js";
-import o from "../../../Popover/index.js";
-import { formatDate as s } from "../../utils/formatDate.js";
-import { ArrowContainer as c, DateChangerContainer as l } from "./styles.js";
-import { useContext as u, useRef as d } from "react";
-//#region packages/ui/Blocks/Scheduler/components/DateChanger/index.tsx
-var f = t(), p = ({ isLoading: t, date: p, handleChangeDate: m, closeDatePicker: h, handleNextDay: g, handlePrevDay: _, toggleDatepicker: v, isDatepickerOpen: y }) => {
-	let b = d(null), x = u(i);
-	return t ? /* @__PURE__ */ (0, f.jsx)(e.div, {
-		p: "6px 12px",
-		children: /* @__PURE__ */ (0, f.jsx)(r, { variant: "sm" })
-	}) : /* @__PURE__ */ (0, f.jsxs)(l, { children: [
-		/* @__PURE__ */ (0, f.jsx)(c, {
-			onClick: _,
-			rotate: 90,
-			children: /* @__PURE__ */ (0, f.jsx)(n, {})
-		}),
-		/* @__PURE__ */ (0, f.jsx)(e.span, {
-			ref: b,
-			onClick: v,
-			cursor: "pointer",
-			children: s(p, x)
-		}),
-		y && /* @__PURE__ */ (0, f.jsx)(o, {
-			parentRef: b,
-			onClose: h,
-			children: /* @__PURE__ */ (0, f.jsx)(a, {
-				value: p,
-				input: !1,
-				onChange: m,
-				isSecondDatePicker: !0
-			})
-		}),
-		/* @__PURE__ */ (0, f.jsx)(c, {
-			onClick: g,
-			rotate: -90,
-			children: /* @__PURE__ */ (0, f.jsx)(n, {})
-		})
-	] });
-};
-//#endregion
-export { p as DateChanger };

package/ui/packages/ui/Blocks/Scheduler/components/DateChanger/styles.js

@@ -1,22 +0,0 @@
-import { styled as e } from "../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/Scheduler/components/DateChanger/styles.ts
-var t = e.div`
-  display: flex;
-  margin-bottom: 24px;
-  margin-top: 12px;
-  width: fit-content;
-  align-items: center;
-  column-gap: 12px;
-  font-size: 16px;
-  font-weight: 500;
-`, n = e.div`
-  display: flex;
-  height: 15px;
-  width: 15px;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transform: ${({ rotate: e }) => `rotate(${e}deg)`};
-`;
-//#endregion
-export { n as ArrowContainer, t as DateChangerContainer };

package/ui/packages/ui/Blocks/Scheduler/components/Groups/index.js

@@ -1,9 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../../node_modules/react/jsx-runtime.js";
-import { Gap as t, GroupContainer as n, GroupItem as r } from "./styles.js";
-//#region packages/ui/Blocks/Scheduler/components/Groups/index.tsx
-var i = e(), a = ({ groups: e }) => /* @__PURE__ */ (0, i.jsxs)(n, { children: [/* @__PURE__ */ (0, i.jsx)(t, {}), e?.map((t, n) => /* @__PURE__ */ (0, i.jsx)(r, {
-	groupsCount: e?.length,
-	children: t.name
-}, t.id))] });
-//#endregion
-export { a as Groups };

package/ui/packages/ui/Blocks/Scheduler/components/Groups/styles.js

@@ -1,30 +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/Blocks/Scheduler/components/Groups/styles.ts
-var n = t.div`
-  height: ${38}px;
-  display: flex;
-  border-bottom: 1px solid ${e.color("lightGray6")};
-  width: fit-content;
-`, r = t.div`
-  background-color: ${({ bg: t }) => t || e.color("bgLightGray")};
-  flex-shrink: 0;
-  min-width: 350px;
-  height: 100%;
-  font-size: 14px;
-  font-weight: 600;
-  padding: 10px;
-  border-right: 1px solid ${e.color("lightGray6")};
-
-  &:last-child {
-    border-right: none;
-  }
-`, i = t.div`
-  background-color: ${e.color("bgLightGray1")};
-  height: 100%;
-  width: ${53}px;
-  min-width: ${53}px;
-  border-right: 1px solid ${e.color("lightGray6")};
-`;
-//#endregion
-export { i as Gap, n as GroupContainer, r as GroupItem };