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

package/ui/hooks/useToggleAndClose.js

@@ -0,0 +1,18 @@
+import { useState } from "react";
+//#region packages/ui/hooks/useToggleAndClose.ts
+const useToggleAndClose = (initialValue = true) => {
+	const [state, setState] = useState(initialValue);
+	const toggleHandler = () => {
+		setState((prev) => !prev);
+	};
+	const onClose = () => {
+		setState(false);
+	};
+	return [
+		state,
+		toggleHandler,
+		onClose
+	];
+};
+//#endregion
+export { useToggleAndClose };

package/ui/index.d.ts

@@ -1,51 +1,50 @@
-import { default as CommonGrid } from './Blocks/CommonGrid';
-import { default as CornerDialog } from './Blocks/CornerDialog';
-import { default as ImageList } from './Blocks/ImageList';
-import { default as LanguageSwitch } from './Blocks/LanguageSwitch';
-import { default as LightBox } from './Blocks/LightBox';
-import { default as LoginPage } from './Blocks/LoginPage';
-import { default as Modal } from './Blocks/Modal';
-import { default as Popover } from './Blocks/Popover';
-import { default as Scheduler } from './Blocks/Scheduler';
-import { default as SideMenu } from './Blocks/SideMenu';
-import { default as Stepper } from './Blocks/Stepper';
-import { default as Tabs } from './Blocks/Tabs';
-import { default as Alert } from './Elements/Alert';
-import { default as AsyncSelect } from './Elements/AsyncSelect';
-import { default as Avatar } from './Elements/Avatar';
-import { default as Badge } from './Elements/Badge';
-import { default as BorderedBox } from './Elements/BorderedBox';
-import { default as Button } from './Elements/Button';
-import { default as Card } from './Elements/Card';
-import { default as DatePicker } from './Elements/DatePicker';
-import { default as Dropdown } from './Elements/Dropdown';
-import { default as DropdownSelect } from './Elements/DropdownSelect';
-import { default as ErrorMessage } from './Elements/ErrorMessage';
-import { default as Icon } from './Elements/Icon';
-import { default as Image } from './Elements/Image';
-import { default as Label } from './Elements/Label';
-import { default as Line } from './Elements/Line';
-import { default as Link } from './Elements/Link';
-import { default as Logo } from './Elements/Logo';
-import { default as Pagination } from './Elements/Pagination';
-import { default as Portal } from './Elements/Portal';
-import { default as ProgressBar } from './Elements/ProgressBar';
-import { default as Select } from './Elements/Select';
-import { default as SimpleLink } from './Elements/SimpleLink';
-import { default as SingleSelect } from './Elements/SingleSelect';
-import { default as SpaceAround } from './Elements/SpaceAround';
-import { default as Spinner } from './Elements/Spinner';
-import { default as Tag } from './Elements/Tag';
-import { default as Toast } from './Elements/Toast';
-import { default as Toggle } from './Elements/Toggle';
-import { default as Typography } from './Elements/Typography';
-import { default as Checkbox } from './Forms/Checkbox';
-import { default as Input } from './Forms/Input';
-import { default as RadioButton } from './Forms/RadioButton';
-import { default as TextArea } from './Forms/TextArea';
-import { default as ThemeProvider } from './ThemeProvider';
-import { default as utils } from './utils';
-
+import CommonGrid from './Blocks/CommonGrid';
+import CornerDialog from './Blocks/CornerDialog';
+import ImageList from './Blocks/ImageList';
+import LanguageSwitch from './Blocks/LanguageSwitch';
+import LightBox from './Blocks/LightBox';
+import LoginPage from './Blocks/LoginPage';
+import Modal from './Blocks/Modal';
+import Popover from './Blocks/Popover';
+import Scheduler from './Blocks/Scheduler';
+import SideMenu from './Blocks/SideMenu';
+import Stepper from './Blocks/Stepper';
+import Tabs from './Blocks/Tabs';
+import Alert from './Elements/Alert';
+import AsyncSelect from './Elements/AsyncSelect';
+import Avatar from './Elements/Avatar';
+import Badge from './Elements/Badge';
+import BorderedBox from './Elements/BorderedBox';
+import Button from './Elements/Button';
+import Card from './Elements/Card';
+import DatePicker from './Elements/DatePicker';
+import Dropdown from './Elements/Dropdown';
+import DropdownSelect from './Elements/DropdownSelect';
+import ErrorMessage from './Elements/ErrorMessage';
+import Icon from './Elements/Icon';
+import Image from './Elements/Image';
+import Label from './Elements/Label';
+import Line from './Elements/Line';
+import Link from './Elements/Link';
+import Logo from './Elements/Logo';
+import Pagination from './Elements/Pagination';
+import Portal from './Elements/Portal';
+import ProgressBar from './Elements/ProgressBar';
+import Select from './Elements/Select';
+import SimpleLink from './Elements/SimpleLink';
+import SingleSelect from './Elements/SingleSelect';
+import SpaceAround from './Elements/SpaceAround';
+import Spinner from './Elements/Spinner';
+import Tag from './Elements/Tag';
+import Toast from './Elements/Toast';
+import Toggle from './Elements/Toggle';
+import Typography from './Elements/Typography';
+import Checkbox from './Forms/Checkbox';
+import Input from './Forms/Input';
+import RadioButton from './Forms/RadioButton';
+import TextArea from './Forms/TextArea';
+import ThemeProvider from './ThemeProvider';
+import utils from './utils';
 export { DropdownSelect, DatePicker, CommonGrid, Popover, SingleSelect, Select, Card, CornerDialog, ImageList, LightBox, Modal, Tabs, Alert, Avatar, AsyncSelect, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils, TextArea, LoginPage, LanguageSwitch, SideMenu, Stepper, Scheduler };
 export * from './Blocks/CornerDialog';
 export * from './Blocks/ImageList';

package/ui/index.js

@@ -0,0 +1,179 @@
+import { Cancel } from "./Elements/Icon/icons/Cancel.js";
+import { FlagUSA } from "./Elements/Icon/icons/FlagUSA.js";
+import { FlagCZ } from "./Elements/Icon/icons/FlagCZ.js";
+import { FlagEL } from "./Elements/Icon/icons/FlagEL.js";
+import { FlagESP } from "./Elements/Icon/icons/FlagESP.js";
+import { FlagITA } from "./Elements/Icon/icons/FlagITA.js";
+import { FlagRUS } from "./Elements/Icon/icons/FlagRUS.js";
+import { FlagSVK } from "./Elements/Icon/icons/FlagSVK.js";
+import { FlagNL } from "./Elements/Icon/icons/FlagNL.js";
+import { FlagHU } from "./Elements/Icon/icons/FlagHU.js";
+import { FlagUK } from "./Elements/Icon/icons/FlagUK.js";
+import { Complaint } from "./Elements/Icon/icons/Complaint.js";
+import { Expeditions } from "./Elements/Icon/icons/Expeditions.js";
+import { HamburgerMenu } from "./Elements/Icon/icons/HamburgerMenu.js";
+import { HelpCircle1 } from "./Elements/Icon/icons/HelpCircle1.js";
+import { Income } from "./Elements/Icon/icons/Income.js";
+import { Inventory } from "./Elements/Icon/icons/Inventory.js";
+import { MenuItems } from "./Elements/Icon/icons/MenuItems.js";
+import { MobileCancel } from "./Elements/Icon/icons/MobileCancel.js";
+import { Notification2 } from "./Elements/Icon/icons/Notification2.js";
+import { Plus1 } from "./Elements/Icon/icons/Plus1.js";
+import { Products } from "./Elements/Icon/icons/Products.js";
+import { Profile } from "./Elements/Icon/icons/Profile.js";
+import { Return } from "./Elements/Icon/icons/Return.js";
+import { Settings2 } from "./Elements/Icon/icons/Settings2.js";
+import { Transfer } from "./Elements/Icon/icons/Transfer.js";
+import { Product } from "./Elements/Icon/icons/Product.js";
+import { ImagePlaceholder } from "./Elements/Icon/icons/ImagePlaceholder.js";
+import { BarcodeScan } from "./Elements/Icon/icons/BarcodeScan.js";
+import { Inventory2 } from "./Elements/Icon/icons/Inventory2.js";
+import { Logout1 } from "./Elements/Icon/icons/Logout1.js";
+import { Puzzle1 } from "./Elements/Icon/icons/Puzzle1.js";
+import { AddPhoto } from "./Elements/Icon/icons/AddPhoto.js";
+import { Layout } from "./Elements/Icon/icons/Layout.js";
+import { OpenBox } from "./Elements/Icon/icons/OpenBox.js";
+import { Box } from "./Elements/Icon/icons/Box.js";
+import { Rack } from "./Elements/Icon/icons/Rack.js";
+import { CheckedBox } from "./Elements/Icon/icons/CheckedBox.js";
+import { Consolidation } from "./Elements/Icon/icons/Consolidation.js";
+import { Dispatch } from "./Elements/Icon/icons/Dispatch.js";
+import { EmptyRack } from "./Elements/Icon/icons/EmptyRack.js";
+import { Gift } from "./Elements/Icon/icons/Gift.js";
+import { Info } from "./Elements/Icon/icons/Info.js";
+import { Location } from "./Elements/Icon/icons/Location.js";
+import { MakePhoto } from "./Elements/Icon/icons/MakePhoto.js";
+import { Print } from "./Elements/Icon/icons/Print.js";
+import { TwoBoxes } from "./Elements/Icon/icons/TwoBoxes.js";
+import { TwoCheckedBoxes } from "./Elements/Icon/icons/TwoCheckedBoxes.js";
+import { ThreeDots } from "./Elements/Icon/icons/ThreeDots.js";
+import { Calendar } from "./Elements/Icon/icons/Calendar.js";
+import { QRCode } from "./Elements/Icon/icons/QRCode.js";
+import { Rows } from "./Elements/Icon/icons/Rows.js";
+import { Group } from "./Elements/Icon/icons/Group.js";
+import { Company } from "./Elements/Icon/icons/Company.js";
+import { ShoppingBag } from "./Elements/Icon/icons/ShoppingBag.js";
+import { Truck } from "./Elements/Icon/icons/Truck.js";
+import { TwoUsers } from "./Elements/Icon/icons/TwoUsers.js";
+import { Integrations } from "./Elements/Icon/icons/Integrations.js";
+import { ArrowDown } from "./Elements/Icon/icons/ArrowDown.js";
+import { ArrowUp } from "./Elements/Icon/icons/ArrowUp.js";
+import { Desktop } from "./Elements/Icon/icons/Desktop.js";
+import { Message } from "./Elements/Icon/icons/Message.js";
+import { ToastSuccess } from "./Elements/Icon/icons/ToastSuccess.js";
+import { ToastError } from "./Elements/Icon/icons/ToastError.js";
+import { ArrowForward } from "./Elements/Icon/icons/ArrowForward.js";
+import { Add } from "./Elements/Icon/icons/Add.js";
+import { Fragile } from "./Elements/Icon/icons/Fragile.js";
+import { TrashBin } from "./Elements/Icon/icons/TrashBin.js";
+import { Container } from "./Elements/Icon/icons/Container.js";
+import { Dashboard } from "./Elements/Icon/icons/Dashboard.js";
+import { HorizontalLines } from "./Elements/Icon/icons/HorizontalLines.js";
+import { Admin } from "./Elements/Icon/icons/Admin.js";
+import { Pallet } from "./Elements/Icon/icons/Pallet.js";
+import { Liquid } from "./Elements/Icon/icons/Liquid.js";
+import { Foldable } from "./Elements/Icon/icons/Foldable.js";
+import { MachinePackingForbidden } from "./Elements/Icon/icons/MachinePackingForbidden.js";
+import { Valuable } from "./Elements/Icon/icons/Valuable.js";
+import { MobilePhone } from "./Elements/Icon/icons/MobilePhone.js";
+import { Reload } from "./Elements/Icon/icons/Reload.js";
+import { Sun } from "./Elements/Icon/icons/Sun.js";
+import { Moon } from "./Elements/Icon/icons/Moon.js";
+import { CircleHalfStroke } from "./Elements/Icon/icons/CircleHalfStroke.js";
+import { ShieldUser } from "./Elements/Icon/icons/ShieldUser.js";
+import { UserCowboy } from "./Elements/Icon/icons/UserCowboy.js";
+import { ArrowsLeftRight } from "./Elements/Icon/icons/ArrowsLeftRight.js";
+import { ArrowsUpDown } from "./Elements/Icon/icons/ArrowsUpDown.js";
+import { Weight } from "./Elements/Icon/icons/Weight.js";
+import { ArrowUpRightDownLeft } from "./Elements/Icon/icons/ArrowUpRightDownLeft.js";
+import { Filter } from "./Elements/Icon/icons/Filter.js";
+import { Sort } from "./Elements/Icon/icons/Sort.js";
+import { iconDictionary } from "./Elements/Icon/Icon.js";
+import Icon_default from "./Elements/Icon/index.js";
+import Pagination_default from "./Elements/Pagination/index.js";
+import { useModal } from "./Blocks/Modal/hooks/useModal.js";
+import Spinner_default from "./Elements/Spinner/index.js";
+import Button_default from "./Elements/Button/index.js";
+import themes from "./ThemeProvider/themes/index.js";
+import ThemeProvider_default from "./ThemeProvider/index.js";
+import { createRgba } from "./utils/CreateRgba/createRgba.js";
+import KeyPress_default from "./utils/KeyPress/index.js";
+import utils_default from "./utils/index.js";
+import { useClickOutside } from "./Blocks/Modal/hooks/useClickOutside.js";
+import { palettes } from "./Elements/Tag/palettes.js";
+import { H1, H2, H3, H4, H5, H6, H7, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Text } from "./Elements/Typography/Typography.js";
+import Typography_default from "./Elements/Typography/index.js";
+import Checkbox_default from "./Forms/Checkbox/index.js";
+import ErrorMessage_default from "./Elements/ErrorMessage/index.js";
+import { FieldLabel } from "./Elements/Label/Label.js";
+import Label_default from "./Elements/Label/index.js";
+import SpaceAroundWrap from "./Elements/SpaceAround/SpaceAround.js";
+import SpaceAround_default from "./Elements/SpaceAround/index.js";
+import Select_default from "./Elements/Select/index.js";
+import SingleSelect_default from "./Elements/SingleSelect/index.js";
+import Input_default from "./Forms/Input/index.js";
+import { DatePickerRepeat, TimePickerRepeat } from "./Elements/DatePicker/Datetime/types.js";
+import DatePicker_default from "./Elements/DatePicker/index.js";
+import { useEvent } from "./Blocks/CommonGrid/hooks/useEvent.js";
+import { useAddFilter } from "./Blocks/CommonGrid/hooks/useAddFilter.js";
+import { types_exports } from "./Blocks/CommonGrid/types.js";
+import { Portal } from "./Elements/Portal/index.js";
+import Popover from "./Blocks/Popover/index.js";
+import { CustomSelectButton } from "./Elements/DropdownSelect/DropdownSelect.js";
+import DropdownSelect_default from "./Elements/DropdownSelect/index.js";
+import { DateCell } from "./Blocks/CommonGrid/components/gridCells/Date.js";
+import { DateTimeCell } from "./Blocks/CommonGrid/components/gridCells/DateTime.js";
+import { StringJoinCell } from "./Blocks/CommonGrid/components/gridCells/StringJoin.js";
+import { BoolIconCell } from "./Blocks/CommonGrid/components/gridCells/BoolIcon.js";
+import { RemoveCell } from "./Blocks/CommonGrid/components/gridCells/RemoveItem.js";
+import SimpleLink_default from "./Elements/SimpleLink/index.js";
+import { LinkInCell } from "./Blocks/CommonGrid/components/gridCells/LinkInCell.js";
+import { ButtonInCell } from "./Blocks/CommonGrid/components/gridCells/ButtonInCell.js";
+import { IconButtonInCell } from "./Blocks/CommonGrid/components/gridCells/IconButtonInCell.js";
+import { SwitchInCell } from "./Blocks/CommonGrid/components/gridCells/SwitchInCell.js";
+import { ImageCell } from "./Blocks/CommonGrid/components/gridCells/ImageCell.js";
+import { EnumInCell } from "./Blocks/CommonGrid/components/gridCells/EnumInCell.js";
+import { HoverBubble } from "./Blocks/CommonGrid/components/gridCells/HoverBubble.js";
+import { RowActionsCell } from "./Blocks/CommonGrid/components/gridCells/RowActionsCell.js";
+import { ToggleCell } from "./Blocks/CommonGrid/components/gridCells/ToggleCell.js";
+import store_default, { actionPrefix, actionTypes, createActions, createFullSelector, createSelectors } from "./Blocks/CommonGrid/store/index.js";
+import withReduxActions from "./Blocks/CommonGrid/HoC/withReduxActions.js";
+import useFloatingButton from "./Blocks/CommonGrid/hooks/useFloatingButton.js";
+import CommonGrid_default from "./Blocks/CommonGrid/index.js";
+import CornerDialog_default from "./Blocks/CornerDialog/index.js";
+import Modal_default from "./Blocks/Modal/index.js";
+import { useLightBox } from "./Blocks/LightBox/hooks/useLightBox.js";
+import LightBox_default from "./Blocks/LightBox/index.js";
+import Tag_default from "./Elements/Tag/index.js";
+import ImageList_default from "./Blocks/ImageList/index.js";
+import LanguageSwitch_default from "./Blocks/LanguageSwitch/index.js";
+import LoginPage_default from "./Blocks/LoginPage/index.js";
+import { Scheduler } from "./Blocks/Scheduler/Scheduler.js";
+import "./Blocks/Scheduler/index.js";
+import { HamburgerMenuButton } from "./Blocks/SideMenu/components/HamburgerMenu.js";
+import { compactMenuWidth, expandedMenuWidth } from "./Blocks/SideMenu/utils/constants.js";
+import SideMenu_default from "./Blocks/SideMenu/index.js";
+import { StepCircle } from "./Blocks/Stepper/components/StepCircle/index.js";
+import { Stepper } from "./Blocks/Stepper/Stepper.js";
+import { useStepper } from "./Blocks/Stepper/hooks/useStepper.js";
+import "./Blocks/Stepper/index.js";
+import { TabContent } from "./Blocks/Tabs/TabContent.js";
+import { useTabs } from "./Blocks/Tabs/hooks/useTabs.js";
+import Tabs_default from "./Blocks/Tabs/index.js";
+import Link_default from "./Elements/Link/index.js";
+import Alert_default from "./Elements/Alert/index.js";
+import AsyncSelect_default from "./Elements/AsyncSelect/index.js";
+import Avatar_default from "./Elements/Avatar/index.js";
+import Badge_default from "./Elements/Badge/index.js";
+import BorderedBox_default from "./Elements/BorderedBox/index.js";
+import Card_default from "./Elements/Card/index.js";
+import Dropdown_default from "./Elements/Dropdown/index.js";
+import Image_default from "./Elements/Image/index.js";
+import Line_default from "./Elements/Line/index.js";
+import Logo_default from "./Elements/Logo/index.js";
+import ProgressBar_default from "./Elements/ProgressBar/index.js";
+import Toast_default from "./Elements/Toast/index.js";
+import Toggle_default from "./Elements/Toggle/index.js";
+import RadioButton_default from "./Forms/RadioButton/index.js";
+import TextArea_default from "./Forms/TextArea/index.js";
+export { Add, AddPhoto, Admin, Alert_default as Alert, ArrowDown, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, AsyncSelect_default as AsyncSelect, Avatar_default as Avatar, Badge_default as Badge, BarcodeScan, BoolIconCell, BorderedBox_default as BorderedBox, Box, Button_default as Button, ButtonInCell, Calendar, Cancel, Card_default as Card, Checkbox_default as Checkbox, CheckedBox, CircleHalfStroke, CommonGrid_default as CommonGrid, Company, Complaint, Consolidation, Container, CornerDialog_default as CornerDialog, CustomSelectButton, Dashboard, DateCell, DatePicker_default as DatePicker, DatePickerRepeat, DateTimeCell, Desktop, Dispatch, Dropdown_default as Dropdown, DropdownSelect_default as DropdownSelect, EmptyRack, EnumInCell, ErrorMessage_default as ErrorMessage, Expeditions, FieldLabel, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, H1, H2, H3, H4, H5, H6, H7, HamburgerMenu, HamburgerMenuButton, HelpCircle1, HorizontalLines, HoverBubble, Icon_default as Icon, IconButtonInCell, Image_default as Image, ImageCell, ImageList_default as ImageList, ImagePlaceholder, Income, Info, Input_default as Input, Integrations, Inventory, Inventory2, KeyPress_default as KeyPress, Label_default as Label, LanguageSwitch_default as LanguageSwitch, Layout, LightBox_default as LightBox, Line_default as Line, Link_default as Link, LinkInCell, Liquid, Location, LoginPage_default as LoginPage, Logo_default as Logo, Logout1, MachinePackingForbidden, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Modal_default as Modal, Moon, Notification2, OpenBox, Pagination_default as Pagination, Pallet, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Plus1, Popover, Portal, Print, Product, Products, Profile, ProgressBar_default as ProgressBar, Puzzle1, QRCode, Rack, RadioButton_default as RadioButton, Reload, RemoveCell, Return, RowActionsCell, Rows, Scheduler, Select_default as Select, Settings2, ShieldUser, ShoppingBag, SideMenu_default as SideMenu, SimpleLink_default as SimpleLink, SingleSelect_default as SingleSelect, Sort, SpaceAround_default as SpaceAround, SpaceAroundWrap, Spinner_default as Spinner, StepCircle, Stepper, StringJoinCell, Sun, SwitchInCell, TabContent, Tabs_default as Tabs, Tag_default as Tag, Text, TextArea_default as TextArea, ThemeProvider_default as ThemeProvider, ThreeDots, TimePickerRepeat, Toast_default as Toast, ToastError, ToastSuccess, Toggle_default as Toggle, ToggleCell, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, types_exports as Types, Typography_default as Typography, UserCowboy, Valuable, Weight, actionPrefix, actionTypes, compactMenuWidth, createActions, createFullSelector, createRgba, createSelectors, expandedMenuWidth, iconDictionary, palettes, store_default as reducer, themes, useAddFilter, useClickOutside, useEvent, useFloatingButton, useLightBox, useModal, useStepper, useTabs, utils_default as utils, withReduxActions };

package/ui/packages/assets/fonts/Inter-Bold_mailstep.js

@@ -0,0 +1,4 @@
+//#region packages/assets/fonts/Inter-Bold_mailstep.woff2
+var Inter_Bold_mailstep_default = "./Inter-Bold_mailstep.woff2";
+//#endregion
+export { Inter_Bold_mailstep_default as default };

package/ui/packages/assets/fonts/Inter-Light_mailstep.js

@@ -0,0 +1,4 @@
+//#region packages/assets/fonts/Inter-Light_mailstep.woff2
+var Inter_Light_mailstep_default = "./Inter-Light_mailstep.woff2";
+//#endregion
+export { Inter_Light_mailstep_default as default };

package/ui/packages/assets/fonts/Inter-Medium_mailstep.js

@@ -0,0 +1,4 @@
+//#region packages/assets/fonts/Inter-Medium_mailstep.woff2
+var Inter_Medium_mailstep_default = "./Inter-Medium_mailstep.woff2";
+//#endregion
+export { Inter_Medium_mailstep_default as default };

package/ui/packages/assets/fonts/Inter-Regular_mailstep.js

@@ -0,0 +1,4 @@
+//#region packages/assets/fonts/Inter-Regular_mailstep.woff2
+var Inter_Regular_mailstep_default = "./Inter-Regular_mailstep.woff2";
+//#endregion
+export { Inter_Regular_mailstep_default as default };

package/ui/packages/assets/fonts/Inter-SemiBold_mailstep.js

@@ -0,0 +1,4 @@
+//#region packages/assets/fonts/Inter-SemiBold_mailstep.woff2
+var Inter_SemiBold_mailstep_default = "./Inter-SemiBold_mailstep.woff2";
+//#endregion
+export { Inter_SemiBold_mailstep_default as default };

package/ui/utils/CheckDeviceWidth/checkDeviceWidth.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from "react";
+//#region packages/ui/utils/CheckDeviceWidth/checkDeviceWidth.ts
+const useCheckDeviceWidth = () => {
+	const [isMobile, setIsMobile] = useState(false);
+	useEffect(() => {
+		const handleResize = () => {
+			if (window.innerWidth < 1024) setIsMobile?.(true);
+			else setIsMobile(false);
+		};
+		window.addEventListener("resize", handleResize);
+		handleResize();
+		return () => window.removeEventListener("resize", handleResize);
+	}, []);
+	return { isMobile };
+};
+//#endregion
+export { useCheckDeviceWidth };

package/ui/utils/CreateRgba/createRgba.d.ts

@@ -1,4 +1,3 @@
 import { CreateRgba } from './types';
-
 export declare const createRgba: CreateRgba;
 export default createRgba;

package/ui/utils/CreateRgba/createRgba.js

@@ -0,0 +1,12 @@
+import themes from "../../ThemeProvider/themes/index.js";
+import "../../ThemeProvider/index.js";
+import getOr from "lodash/fp/getOr.js";
+//#region packages/ui/utils/CreateRgba/createRgba.ts
+const createRgba = (color, alpha) => {
+	color = getOr(false, `colors[${color}]`, themes.default) || color;
+	if (/^rgb/.test(color)) return `rgba(${color.substring(color.indexOf("(") + 1, color.length - 1)}, ${alpha})`;
+	if (/^#/.test(color)) return `rgba(${parseInt(`0x${color.substr(1, 2)}`)}, ${parseInt(`0x${color.substr(3, 2)}`)}, ${parseInt(`0x${color.substr(5, 2)}`)}, ${alpha})`;
+	return color;
+};
+//#endregion
+export { createRgba, createRgba as default };

package/ui/utils/CreateRgba/types.js

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

package/ui/utils/KeyPress/KeyPress.d.ts

@@ -1,4 +1,3 @@
 import { KeyPress } from './types';
-
 declare const OnKeyPress: KeyPress;
 export default OnKeyPress;

package/ui/utils/KeyPress/KeyPress.js

@@ -0,0 +1,16 @@
+import { useCallback, useEffect } from "react";
+//#region packages/ui/utils/KeyPress/KeyPress.tsx
+const OnKeyPress = ({ action, keyCode }) => {
+	const testKeyCode = useCallback((event) => {
+		if (event.keyCode === keyCode) action();
+	}, [keyCode, action]);
+	useEffect(() => {
+		document.addEventListener("keydown", testKeyCode, false);
+		return () => {
+			document.removeEventListener("keydown", testKeyCode, false);
+		};
+	}, [testKeyCode]);
+	return null;
+};
+//#endregion
+export { OnKeyPress as default };

package/ui/utils/KeyPress/KeyPress.stories.d.ts

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

package/ui/utils/KeyPress/index.d.ts

@@ -1,3 +1,2 @@
-import { default as KeyPress } from './KeyPress';
-
+import KeyPress from './KeyPress';
 export default KeyPress;

package/ui/utils/KeyPress/index.js

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

package/ui/utils/KeyPress/types.js

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

package/ui/utils/LinguiContainer/index.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { i18n } from "@lingui/core";
+import { I18nProvider } from "@lingui/react";
+//#region packages/ui/utils/LinguiContainer/index.tsx
+i18n.activate("en");
+const LinguiContainer = ({ children }) => {
+	return /* @__PURE__ */ jsx(I18nProvider, {
+		i18n,
+		children
+	});
+};
+//#endregion
+export { LinguiContainer };

package/ui/utils/index.d.js

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

package/ui/utils/index.d.ts

@@ -1,9 +1,8 @@
-import { default as createRgba } from './CreateRgba/createRgba';
-import { default as KeyPress } from './KeyPress';
-
+import createRgba from './CreateRgba/createRgba';
+import KeyPress from './KeyPress';
 export { createRgba, KeyPress };
 declare const _default: {
-    createRgba: import('./CreateRgba/types').CreateRgba;
-    KeyPress: import('./KeyPress/types').KeyPress;
+    createRgba: import("./CreateRgba/types").CreateRgba;
+    KeyPress: import("./KeyPress/types").KeyPress;
 };
 export default _default;

package/ui/utils/index.js

@@ -0,0 +1,9 @@
+import { createRgba } from "./CreateRgba/createRgba.js";
+import KeyPress_default from "./KeyPress/index.js";
+//#region packages/ui/utils/index.ts
+var utils_default = {
+	createRgba,
+	KeyPress: KeyPress_default
+};
+//#endregion
+export { KeyPress_default as KeyPress, createRgba, utils_default as default };

package/ui/utils/translations.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-
+import type { FC } from 'react';
 /** catalog for lungui to track translations - DO NOT REMOVE */
 export declare const Translations: FC;