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

package/ui/Blocks/CornerDialog/index.js

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

package/ui/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts

@@ -1,8 +1,7 @@
 import { StoryObj } from '@storybook/react-webpack5';
-
 declare const meta: {
     title: string;
-    component: import('react').FC<import('..').CornerDialogProps>;
+    component: import("react").FC<import("..").CornerDialogProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Blocks/CornerDialog/styles.d.ts

@@ -1,12 +1,12 @@
-export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $mounted: boolean;
 }, never>;
-export declare const Header: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const Status: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     background: string;
 }, never>;
-export declare const CloseBtn: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const StatusText: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
+export declare const CloseBtn: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
     fontColor: string;
 }, never>;

package/ui/Blocks/CornerDialog/styles.js

@@ -0,0 +1,57 @@
+import styled$1, { th } from "@xstyled/styled-components";
+//#region packages/ui/Blocks/CornerDialog/styles.ts
+const Container = styled$1.div`
+  position: fixed;
+  z-index: 10;
+  bottom: 3rem;
+  right: 0.6rem;
+  background: white;
+  border-radius: 12px;
+  box-shadow: cornerDialogShadow;
+  width: 95vw;
+  max-width: 400px;
+  padding: 50px 30px 30px;
+  color: typoPrimary;
+  transition: opacity 225ms linear;
+  opacity: ${({ $mounted }) => $mounted ? 1 : 0};
+  @media (min-width: 768px) {
+    right: 3rem;
+    width: 400px;
+  }
+`;
+const Header = styled$1.div`
+  margin-bottom: 15px;
+  color: typoPrimary;
+  font-size: 18px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+`;
+const Wrapper = styled$1.div`
+  font-size: 14px;
+  font-weight: 400;
+`;
+const Status = styled$1.div`
+  position: absolute;
+  left: 0;
+  top: 0;
+  padding: 6px 10px;
+  text-transform: uppercase;
+  border-radius: 12px 0 12px 0;
+  background-color: ${({ background }) => th.color(background)};
+`;
+const CloseBtn = styled$1.div`
+  cursor: pointer;
+  position: absolute;
+  top: 12px;
+  right: 12px;
+`;
+const StatusText = styled$1.span`
+  display: inline-block;
+  margin-left: 6px;
+  font-size: 14px;
+  font-weight: 700;
+  color: ${({ fontColor }) => th.color(fontColor)};
+`;
+//#endregion
+export { CloseBtn, Container, Header, Status, StatusText, Wrapper };

package/ui/Blocks/CornerDialog/types.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import type { ReactNode } from 'react';
 export type Intent = 'success' | 'error' | 'warning' | 'info';
 export interface CornerDialogProps {
     title: ReactNode | string;

package/ui/Blocks/CornerDialog/types.js

@@ -0,0 +1 @@
+export {};

package/ui/Blocks/CornerDialog/utils.d.ts

@@ -1,4 +1,3 @@
 import { Intent, ColorProps } from './types';
-
 export declare const statusToColors: Record<Intent, ColorProps>;
 export declare const statusToIcon: Record<Intent, string>;

package/ui/Blocks/CornerDialog/utils.js

@@ -0,0 +1,31 @@
+//#region packages/ui/Blocks/CornerDialog/utils.ts
+const statusToColors = {
+	info: {
+		fontColor: "gray1",
+		backgroundColor: "lightGray7",
+		fill: "gray1"
+	},
+	success: {
+		fontColor: "white",
+		backgroundColor: "green",
+		fill: "white"
+	},
+	error: {
+		fontColor: "white",
+		backgroundColor: "red1",
+		fill: "white"
+	},
+	warning: {
+		fontColor: "blue2",
+		backgroundColor: "yellow1",
+		fill: "blue2"
+	}
+};
+const statusToIcon = {
+	info: "info",
+	success: "circleCheck",
+	error: "circleX",
+	warning: "circleTriangle"
+};
+//#endregion
+export { statusToColors, statusToIcon };

package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { MenuItemType } from '../../../../../SideMenu/types';
-
+import { type FC } from 'react';
+import type { MenuItemType } from '../../../../../SideMenu/types';
 type MenuItemProps = {
     item: MenuItemType;
 };

package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.js

@@ -0,0 +1,16 @@
+import { MenuItemsListItem } from "../../styles.js";
+import { jsx } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+//#region packages/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.tsx
+const MenuItem = ({ item }) => {
+	return /* @__PURE__ */ jsx(MenuItemsListItem, {
+		onClick: item.onClick,
+		pointer: !!item.onClick,
+		children: item.link ? /* @__PURE__ */ jsx(Link, {
+			to: item.link,
+			children: item.title
+		}) : item.title
+	});
+};
+//#endregion
+export { MenuItem };

package/ui/Blocks/Header/components/MenuItems/index.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { MenuItemType } from '../../../SideMenu/types';
-
+import { type FC } from 'react';
+import type { MenuItemType } from '../../../SideMenu/types';
 type MenuItemsProps = {
     items?: MenuItemType[];
 };

package/ui/Blocks/Header/components/MenuItems/index.js

@@ -0,0 +1,9 @@
+import { MenuItemsList } from "./styles.js";
+import { MenuItem } from "./components/MenuItem/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Blocks/Header/components/MenuItems/index.tsx
+const MenuItems = ({ items }) => {
+	return /* @__PURE__ */ jsx(MenuItemsList, { children: items?.map((item, key) => /* @__PURE__ */ jsx(MenuItem, { item }, key)) });
+};
+//#endregion
+export { MenuItems };

package/ui/Blocks/Header/components/MenuItems/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const MenuItemsList: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
-export declare const MenuItemsListItem: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {
+export declare const MenuItemsList: import("styled-components").StyledComponent<"ul", import("@xstyled/system").Theme, {}, never>;
+export declare const MenuItemsListItem: import("styled-components").StyledComponent<"li", import("@xstyled/system").Theme, {
     pointer?: boolean;
 }, never>;

package/ui/Blocks/Header/components/MenuItems/styles.js

@@ -0,0 +1,22 @@
+import styled$1 from "@xstyled/styled-components";
+//#region packages/ui/Blocks/Header/components/MenuItems/styles.ts
+const MenuItemsList = styled$1.ul`
+  display: flex;
+  gap: 10px;
+`;
+const MenuItemsListItem = styled$1.li`
+  ${({ pointer }) => pointer && "cursor: pointer;"};
+
+  a {
+    text-decoration: none;
+    border-color: red1;
+    color: typoPrimary;
+  }
+
+  a:hover {
+    border-bottom: 1px solid;
+    color: red1;
+  }
+`;
+//#endregion
+export { MenuItemsList, MenuItemsListItem };

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/index.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-
+import { type FC } from 'react';
 type UserInfoProps = {
     userName?: string;
     role?: string;

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/index.js

@@ -0,0 +1,23 @@
+import { H7 } from "../../../../../../Elements/Typography/Typography.js";
+import "../../../../../../Elements/Typography/index.js";
+import Avatar_default from "../../../../../../Elements/Avatar/index.js";
+import { AvatarWrapper, UserInfo } from "./styles.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Blocks/Header/components/UserMenu/components/UserInfo/index.tsx
+const UserInfoBlock = ({ userName, role }) => {
+	return /* @__PURE__ */ jsxs(AvatarWrapper, { children: [/* @__PURE__ */ jsx(Avatar_default, {
+		colorBack: "lightGray7",
+		size: 34
+	}), /* @__PURE__ */ jsxs(UserInfo, { children: [/* @__PURE__ */ jsx(H7, {
+		variant: "bold",
+		mt: 0,
+		mb: "4px",
+		children: userName
+	}), /* @__PURE__ */ jsx(H7, {
+		mt: 0,
+		mb: 0,
+		children: role
+	})] })] });
+};
+//#endregion
+export { UserInfoBlock };

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const UserInfo: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const AvatarWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const UserInfo: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.js

@@ -0,0 +1,14 @@
+import styled$1 from "@xstyled/styled-components";
+//#region packages/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.ts
+const UserInfo = styled$1.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+const AvatarWrapper = styled$1.div`
+  display: flex;
+  column-gap: 15px;
+  margin-bottom: 20px;
+`;
+//#endregion
+export { AvatarWrapper, UserInfo };

package/ui/Blocks/Header/components/UserMenu/hooks/index.js

@@ -0,0 +1,2 @@
+import { useLogout } from "./useLogout.js";
+export { useLogout };

package/ui/Blocks/Header/components/UserMenu/hooks/useLogout.js

@@ -0,0 +1,10 @@
+//#region packages/ui/Blocks/Header/components/UserMenu/hooks/useLogout.ts
+const useLogout = ({ closeDropdown, onLogout }) => {
+	const handleLogout = () => {
+		closeDropdown();
+		onLogout?.();
+	};
+	return { handleLogout };
+};
+//#endregion
+export { useLogout };

package/ui/Blocks/Header/components/UserMenu/index.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { User } from '../../types';
-
+import type { FC } from 'react';
+import type { User } from '../../types';
 type Props = {
     user?: User | null;
     onLogout?: () => void;

package/ui/Blocks/Header/components/UserMenu/index.js

@@ -0,0 +1,49 @@
+import Button_default from "../../../../Elements/Button/index.js";
+import Popover from "../../../Popover/index.js";
+import { useToggleAndClose } from "../../../../hooks/useToggleAndClose.js";
+import Avatar_default from "../../../../Elements/Avatar/index.js";
+import { UserInfoBlock } from "./components/UserInfo/index.js";
+import { useLogout } from "./hooks/useLogout.js";
+import { DropdownContentWrap, Line, UserWrap } from "./styles.js";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Trans } from "@lingui/react";
+//#region packages/ui/Blocks/Header/components/UserMenu/index.tsx
+const UserMenu = ({ user, onLogout }) => {
+	const [isDropdownOpen, toggleDropdown, closeDropdown] = useToggleAndClose(false);
+	const parentRef = useRef(null);
+	const { handleLogout } = useLogout({
+		closeDropdown,
+		onLogout
+	});
+	return /* @__PURE__ */ jsxs(UserWrap, { children: [/* @__PURE__ */ jsx("div", {
+		ref: parentRef,
+		onClick: toggleDropdown,
+		children: /* @__PURE__ */ jsx(Avatar_default, {
+			colorBack: isDropdownOpen ? "lightGray7" : "neutral20",
+			size: 34
+		})
+	}), isDropdownOpen && /* @__PURE__ */ jsx(Popover, {
+		parentRef,
+		onClose: closeDropdown,
+		children: /* @__PURE__ */ jsxs(DropdownContentWrap, { children: [
+			/* @__PURE__ */ jsx(UserInfoBlock, {
+				userName: `${user?.firstName ?? ""} ${user?.lastName ?? ""}`,
+				role: user?.roles?.[0] ?? ""
+			}),
+			/* @__PURE__ */ jsx(Line, {}),
+			/* @__PURE__ */ jsx(Button_default, {
+				onClick: handleLogout,
+				iconLeft: "logout",
+				variant: "ghost",
+				fullWidth: true,
+				children: /* @__PURE__ */ jsx(Trans, {
+					id: "logout",
+					message: "Logout"
+				})
+			})
+		] })
+	})] });
+};
+//#endregion
+export { UserMenu };

package/ui/Blocks/Header/components/UserMenu/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const UserWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const DropdownContentWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const Line: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const UserWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const DropdownContentWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/Header/components/UserMenu/styles.js

@@ -0,0 +1,25 @@
+import styled$1, { th } from "@xstyled/styled-components";
+//#region packages/ui/Blocks/Header/components/UserMenu/styles.ts
+const UserWrap = styled$1.div`
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+  align-items: center;
+`;
+const DropdownContentWrap = styled$1.div`
+  width: 295px;
+  background-color: white;
+  box-shadow: ${th.shadow("dropShadow")};
+  padding: 24px 12px 12px 12px;
+  border: 1px solid ${th.color("lightGray6")};
+  border-radius: 8px;
+  margin: 5px 10px 0 0;
+`;
+const Line = styled$1.div`
+  width: 100%;
+  height: 1px;
+  background-color: ${th.color("lightGray6")};
+  margin: 4px 0;
+`;
+//#endregion
+export { DropdownContentWrap, Line, UserWrap };

package/ui/Blocks/Header/hooks/useChangeLanguage.js

@@ -0,0 +1,9 @@
+//#region packages/ui/Blocks/Header/hooks/useChangeLanguage.ts
+const useChangeLanguage = ({ onChangeLanguage }) => {
+	const handleChangeLanguage = (languageCode) => {
+		onChangeLanguage?.(languageCode);
+	};
+	return { handleChangeLanguage };
+};
+//#endregion
+export { useChangeLanguage };

package/ui/Blocks/Header/index.d.ts

@@ -1,9 +1,8 @@
-import { FC } from 'react';
-import { Brand, Variant } from '../../Elements/Logo';
-import { LanguageItem } from '../LanguageSwitch';
-import { MenuItemType } from '../SideMenu/types';
-import { User } from './types';
-
+import { type FC } from 'react';
+import type { Brand, Variant } from '../../Elements/Logo';
+import { type LanguageItem } from '../LanguageSwitch';
+import type { MenuItemType } from '../SideMenu/types';
+import type { User } from './types';
 type Props = {
     homeLink: string;
     isMobileMenuOpen?: boolean;

package/ui/Blocks/Header/index.js

@@ -0,0 +1,45 @@
+import LanguageSwitch_default from "../LanguageSwitch/index.js";
+import { HamburgerMenuButton } from "../SideMenu/components/HamburgerMenu.js";
+import "../SideMenu/index.js";
+import Logo_default from "../../Elements/Logo/index.js";
+import { MenuItems } from "./components/MenuItems/index.js";
+import { UserMenu } from "./components/UserMenu/index.js";
+import { useChangeLanguage } from "./hooks/useChangeLanguage.js";
+import { languageItems } from "./utils/languageItems.js";
+import { Container, LanguageWrapper, LeftSide, RightSide } from "./styles.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+//#region packages/ui/Blocks/Header/index.tsx
+const Header = ({ isMobileMenuOpen, homeLink, logo, logoVariant, logoSrc, logoSrcWidth, user, currentLanguage, hasUserMenu = false, rightMenuItems, showLanguageWithTitle, languageFlagWrapBackgroundColor, languageItems: languageItems$1 = languageItems, withLanguageSwitch = true, onOpenMobileSideMenu, onChangeLanguage, onLogout }) => {
+	const { handleChangeLanguage } = useChangeLanguage({ onChangeLanguage });
+	return /* @__PURE__ */ jsxs(Container, { children: [/* @__PURE__ */ jsxs(LeftSide, { children: [onOpenMobileSideMenu && /* @__PURE__ */ jsx(HamburgerMenuButton, {
+		isLeftMenuOpen: isMobileMenuOpen,
+		onClick: onOpenMobileSideMenu
+	}), /* @__PURE__ */ jsx(Link, {
+		to: homeLink,
+		children: logoSrc ? /* @__PURE__ */ jsx("img", {
+			src: logoSrc,
+			alt: "logo",
+			width: logoSrcWidth
+		}) : logo && /* @__PURE__ */ jsx(Logo_default, {
+			brand: logo,
+			variant: logoVariant,
+			width: "145px"
+		})
+	})] }), /* @__PURE__ */ jsxs(RightSide, { children: [
+		Array.isArray(rightMenuItems) && rightMenuItems?.length > 0 && /* @__PURE__ */ jsx(MenuItems, { items: rightMenuItems }),
+		withLanguageSwitch && /* @__PURE__ */ jsx(LanguageWrapper, { children: /* @__PURE__ */ jsx(LanguageSwitch_default, {
+			languageItems: languageItems$1,
+			withTitle: showLanguageWithTitle,
+			onLanguageChange: handleChangeLanguage,
+			activeLanguage: currentLanguage,
+			languageFlagWrapBackgroundColor
+		}) }),
+		hasUserMenu && /* @__PURE__ */ jsx(UserMenu, {
+			user,
+			onLogout
+		})
+	] })] });
+};
+//#endregion
+export { Header };

package/ui/Blocks/Header/stories/Header.stories.d.ts

@@ -1,19 +1,18 @@
-import { FC } from 'react';
-
+import type { FC } from 'react';
 declare const meta: {
     title: string;
     component: FC<{
         homeLink: string;
         isMobileMenuOpen?: boolean;
-        logo?: import('../../..').Brand;
-        logoVariant?: import('../../..').Variant;
+        logo?: import("../../..").Brand;
+        logoVariant?: import("../../..").Variant;
         logoSrc?: string;
         logoSrcWidth?: string;
-        user?: import('../types').User | null;
+        user?: import("../types").User | null;
         currentLanguage?: string;
         hasUserMenu?: boolean;
-        rightMenuItems?: import('../../SideMenu').MenuItemType[];
-        languageItems?: import('../../LanguageSwitch').LanguageItem[];
+        rightMenuItems?: import("../../SideMenu").MenuItemType[];
+        languageItems?: import("../../LanguageSwitch").LanguageItem[];
         showLanguageWithTitle?: boolean;
         languageFlagWrapBackgroundColor?: string;
         onOpenMobileSideMenu?: () => void;

package/ui/Blocks/Header/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const Container: import('styled-components').StyledComponent<"header", import('@xstyled/system').Theme, {}, never>;
-export declare const LeftSide: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const LanguageWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const RightSide: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"header", import("@xstyled/system").Theme, {}, never>;
+export declare const LeftSide: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const LanguageWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const RightSide: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/ui/Blocks/Header/styles.js

@@ -0,0 +1,34 @@
+import { headerHeight } from "./utils/constants.js";
+import styled$1, { th } from "@xstyled/styled-components";
+//#region packages/ui/Blocks/Header/styles.ts
+const Container = styled$1.header`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 8px;
+  height: ${headerHeight};
+  border-bottom: 1px solid ${th.color("lightGray7")};
+
+  @media (min-width: 768px) {
+    padding: 0 20px;
+  }
+`;
+const LeftSide = styled$1.div`
+  display: flex;
+`;
+const LanguageWrapper = styled$1.div`
+  display: flex;
+  justify-content: flex-end;
+`;
+const RightSide = styled$1.div`
+  display: flex;
+  gap: 4px;
+  align-items: center;
+
+  @media (min-width: 768px) {
+    gap: 20px;
+  }
+`;
+//#endregion
+export { Container, LanguageWrapper, LeftSide, RightSide };

package/ui/Blocks/Header/types.js

@@ -0,0 +1 @@
+export {};

package/ui/Blocks/Header/utils/constants.js

@@ -0,0 +1,4 @@
+//#region packages/ui/Blocks/Header/utils/constants.ts
+const headerHeight = "52px";
+//#endregion
+export { headerHeight };

package/ui/Blocks/Header/utils/languageItems.d.ts

@@ -1,3 +1,2 @@
-import { LanguageItem } from '../../LanguageSwitch';
-
+import type { LanguageItem } from '../../LanguageSwitch';
 export declare const languageItems: LanguageItem[];

package/ui/Blocks/Header/utils/languageItems.js

@@ -0,0 +1,15 @@
+import { FlagUSA } from "../../../Elements/Icon/icons/FlagUSA.js";
+import { FlagCZ } from "../../../Elements/Icon/icons/FlagCZ.js";
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Blocks/Header/utils/languageItems.tsx
+const languageItems = [{
+	languageCode: "cs",
+	icon: /* @__PURE__ */ jsx(FlagCZ, { height: "16px" }),
+	title: "Česky"
+}, {
+	languageCode: "en",
+	icon: /* @__PURE__ */ jsx(FlagUSA, { height: "16px" }),
+	title: "English"
+}];
+//#endregion
+export { languageItems };

package/ui/Blocks/HidePrint/HidePrint.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 type Props = {
     children: React.ReactNode;
 };

package/ui/Blocks/HidePrint/HidePrint.js

@@ -0,0 +1,13 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+//#region packages/ui/Blocks/HidePrint/HidePrint.tsx
+const HideWrapper = styled.div`
+  display: contents;
+  @media print {
+    display: none;
+  }
+`;
+const HidePrint = ({ children }) => /* @__PURE__ */ jsx(HideWrapper, { children });
+//#endregion
+export { HidePrint as default };

package/ui/Blocks/ImageList/ImageList.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-import { ImageListProps } from './types';
-
+import { type FC } from 'react';
+import { type ImageListProps } from './types';
 export declare const ImageList: FC<ImageListProps>;