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

package/ui/Elements/Icon/Icon.js

@@ -0,0 +1,283 @@
+import { icons_exports } from "./icons/index.js";
+import { useMemo } from "react";
+import styled$1, { th, useTheme } from "@xstyled/styled-components";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { faFacebookF } from "@fortawesome/free-brands-svg-icons/faFacebookF";
+import { faInstagram } from "@fortawesome/free-brands-svg-icons/faInstagram";
+import { faLinkedinIn } from "@fortawesome/free-brands-svg-icons/faLinkedinIn";
+import { faTwitter } from "@fortawesome/free-brands-svg-icons/faTwitter";
+import { faYoutube } from "@fortawesome/free-brands-svg-icons/faYoutube";
+import { faTriangleExclamation } from "@fortawesome/pro-duotone-svg-icons/faTriangleExclamation";
+import { faCoffee } from "@fortawesome/pro-light-svg-icons/faCoffee";
+import { faHandHoldingBox } from "@fortawesome/pro-light-svg-icons/faHandHoldingBox";
+import { faPaperclip } from "@fortawesome/pro-light-svg-icons/faPaperclip";
+import { faStopwatch } from "@fortawesome/pro-light-svg-icons/faStopwatch";
+import { faArrowRightToBracket } from "@fortawesome/pro-regular-svg-icons/faArrowRightToBracket";
+import { faBell } from "@fortawesome/pro-regular-svg-icons/faBell";
+import { faBox } from "@fortawesome/pro-regular-svg-icons/faBox";
+import { faCalendar } from "@fortawesome/pro-regular-svg-icons/faCalendar";
+import { faCalendarPlus } from "@fortawesome/pro-regular-svg-icons/faCalendarPlus";
+import { faCartFlatbedBoxes } from "@fortawesome/pro-regular-svg-icons/faCartFlatbedBoxes";
+import { faChevronDown } from "@fortawesome/pro-regular-svg-icons/faChevronDown";
+import { faChevronRight } from "@fortawesome/pro-regular-svg-icons/faChevronRight";
+import { faChevronUp } from "@fortawesome/pro-regular-svg-icons/faChevronUp";
+import { faCircleArrowDown } from "@fortawesome/pro-regular-svg-icons/faCircleArrowDown";
+import { faCircleArrowRight } from "@fortawesome/pro-regular-svg-icons/faCircleArrowRight";
+import { faCircleQuestion } from "@fortawesome/pro-regular-svg-icons/faCircleQuestion";
+import { faClock } from "@fortawesome/pro-regular-svg-icons/faClock";
+import { faCoffee as faCoffee$1 } from "@fortawesome/pro-regular-svg-icons/faCoffee";
+import { faCommentDots } from "@fortawesome/pro-regular-svg-icons/faCommentDots";
+import { faComments } from "@fortawesome/pro-regular-svg-icons/faComments";
+import { faCopy } from "@fortawesome/pro-regular-svg-icons/faCopy";
+import { faEllipsisVertical } from "@fortawesome/pro-regular-svg-icons/faEllipsisVertical";
+import { faEnvelope } from "@fortawesome/pro-regular-svg-icons/faEnvelope";
+import { faEyeSlash } from "@fortawesome/pro-regular-svg-icons/faEyeSlash";
+import { faFaceMeh } from "@fortawesome/pro-regular-svg-icons/faFaceMeh";
+import { faFile } from "@fortawesome/pro-regular-svg-icons/faFile";
+import { faFileAlt } from "@fortawesome/pro-regular-svg-icons/faFileAlt";
+import { faFileLines } from "@fortawesome/pro-regular-svg-icons/faFileLines";
+import { faFileSearch } from "@fortawesome/pro-regular-svg-icons/faFileSearch";
+import { faFilter } from "@fortawesome/pro-regular-svg-icons/faFilter";
+import { faGear } from "@fortawesome/pro-regular-svg-icons/faGear";
+import { faHand } from "@fortawesome/pro-regular-svg-icons/faHand";
+import { faLink } from "@fortawesome/pro-regular-svg-icons/faLink";
+import { faLock } from "@fortawesome/pro-regular-svg-icons/faLock";
+import { faPenToSquare } from "@fortawesome/pro-regular-svg-icons/faPenToSquare";
+import { faShareSquare } from "@fortawesome/pro-regular-svg-icons/faShareSquare";
+import { faSquareMinus } from "@fortawesome/pro-regular-svg-icons/faSquareMinus";
+import { faTrashCan } from "@fortawesome/pro-regular-svg-icons/faTrashCan";
+import { faTriangleExclamation as faTriangleExclamation$1 } from "@fortawesome/pro-regular-svg-icons/faTriangleExclamation";
+import { faAngleLeft } from "@fortawesome/pro-solid-svg-icons/faAngleLeft";
+import { faAngleRight } from "@fortawesome/pro-solid-svg-icons/faAngleRight";
+import { faAnglesRight } from "@fortawesome/pro-solid-svg-icons/faAnglesRight";
+import { faArrowDownToBracket } from "@fortawesome/pro-solid-svg-icons/faArrowDownToBracket";
+import { faArrowLeft } from "@fortawesome/pro-solid-svg-icons/faArrowLeft";
+import { faArrowsRotate } from "@fortawesome/pro-solid-svg-icons/faArrowsRotate";
+import { faBadgeCheck } from "@fortawesome/pro-solid-svg-icons/faBadgeCheck";
+import { faBan } from "@fortawesome/pro-solid-svg-icons/faBan";
+import { faBatteryBolt } from "@fortawesome/pro-solid-svg-icons/faBatteryBolt";
+import { faBox as faBox$1 } from "@fortawesome/pro-solid-svg-icons/faBox";
+import { faBoxArchive } from "@fortawesome/pro-solid-svg-icons/faBoxArchive";
+import { faBoxCircleCheck } from "@fortawesome/pro-solid-svg-icons/faBoxCircleCheck";
+import { faBoxOpen } from "@fortawesome/pro-solid-svg-icons/faBoxOpen";
+import { faBoxesStacked } from "@fortawesome/pro-solid-svg-icons/faBoxesStacked";
+import { faCamera } from "@fortawesome/pro-solid-svg-icons/faCamera";
+import { faCartArrowDown } from "@fortawesome/pro-solid-svg-icons/faCartArrowDown";
+import { faChartLine } from "@fortawesome/pro-solid-svg-icons/faChartLine";
+import { faCheck } from "@fortawesome/pro-solid-svg-icons/faCheck";
+import { faChevronDown as faChevronDown$1 } from "@fortawesome/pro-solid-svg-icons/faChevronDown";
+import { faChevronLeft } from "@fortawesome/pro-solid-svg-icons/faChevronLeft";
+import { faChevronRight as faChevronRight$1 } from "@fortawesome/pro-solid-svg-icons/faChevronRight";
+import { faChevronUp as faChevronUp$1 } from "@fortawesome/pro-solid-svg-icons/faChevronUp";
+import { faCircleCheck } from "@fortawesome/pro-solid-svg-icons/faCircleCheck";
+import { faCircleInfo } from "@fortawesome/pro-solid-svg-icons/faCircleInfo";
+import { faCircleXmark } from "@fortawesome/pro-solid-svg-icons/faCircleXmark";
+import { faCoffee as faCoffee$2 } from "@fortawesome/pro-solid-svg-icons/faCoffee";
+import { faComputerMouseScrollwheel } from "@fortawesome/pro-solid-svg-icons/faComputerMouseScrollwheel";
+import { faCrop } from "@fortawesome/pro-solid-svg-icons/faCrop";
+import { faCube } from "@fortawesome/pro-solid-svg-icons/faCube";
+import { faEquals } from "@fortawesome/pro-solid-svg-icons/faEquals";
+import { faExchange } from "@fortawesome/pro-solid-svg-icons/faExchange";
+import { faFlag } from "@fortawesome/pro-solid-svg-icons/faFlag";
+import { faFlaskRoundPotion } from "@fortawesome/pro-solid-svg-icons/faFlaskRoundPotion";
+import { faFluxCapacitor } from "@fortawesome/pro-solid-svg-icons/faFluxCapacitor";
+import { faGlobe } from "@fortawesome/pro-solid-svg-icons/faGlobe";
+import { faGreaterThanEqual } from "@fortawesome/pro-solid-svg-icons/faGreaterThanEqual";
+import { faHome } from "@fortawesome/pro-solid-svg-icons/faHome";
+import { faHouseUser } from "@fortawesome/pro-solid-svg-icons/faHouseUser";
+import { faLaptopCode } from "@fortawesome/pro-solid-svg-icons/faLaptopCode";
+import { faLessThanEqual } from "@fortawesome/pro-solid-svg-icons/faLessThanEqual";
+import { faLocationCrosshairs } from "@fortawesome/pro-solid-svg-icons/faLocationCrosshairs";
+import { faLuggageCart } from "@fortawesome/pro-solid-svg-icons/faLuggageCart";
+import { faMinus } from "@fortawesome/pro-solid-svg-icons/faMinus";
+import { faNotEqual } from "@fortawesome/pro-solid-svg-icons/faNotEqual";
+import { faNoteSticky } from "@fortawesome/pro-solid-svg-icons/faNoteSticky";
+import { faPaperPlane } from "@fortawesome/pro-solid-svg-icons/faPaperPlane";
+import { faPen } from "@fortawesome/pro-solid-svg-icons/faPen";
+import { faPeopleCarry } from "@fortawesome/pro-solid-svg-icons/faPeopleCarry";
+import { faPlus } from "@fortawesome/pro-solid-svg-icons/faPlus";
+import { faSearch } from "@fortawesome/pro-solid-svg-icons/faSearch";
+import { faShelves } from "@fortawesome/pro-solid-svg-icons/faShelves";
+import { faShippingFast } from "@fortawesome/pro-solid-svg-icons/faShippingFast";
+import { faSquareCheck } from "@fortawesome/pro-solid-svg-icons/faSquareCheck";
+import { faStore } from "@fortawesome/pro-solid-svg-icons/faStore";
+import { faTags } from "@fortawesome/pro-solid-svg-icons/faTags";
+import { faTriangleExclamation as faTriangleExclamation$2 } from "@fortawesome/pro-solid-svg-icons/faTriangleExclamation";
+import { faTruck } from "@fortawesome/pro-solid-svg-icons/faTruck";
+import { faTruckRampBox } from "@fortawesome/pro-solid-svg-icons/faTruckRampBox";
+import { faUpDownLeftRight } from "@fortawesome/pro-solid-svg-icons/faUpDownLeftRight";
+import { faUser } from "@fortawesome/pro-solid-svg-icons/faUser";
+import { faUsersGear } from "@fortawesome/pro-solid-svg-icons/faUsersGear";
+import { faWatch } from "@fortawesome/pro-solid-svg-icons/faWatch";
+import { faWebhook } from "@fortawesome/pro-solid-svg-icons/faWebhook";
+import { faWineGlassCrack } from "@fortawesome/pro-solid-svg-icons/faWineGlassCrack";
+import { faXmark } from "@fortawesome/pro-solid-svg-icons/faXmark";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/Icon.tsx
+const iconDictionary = {
+	greaterThan: faAngleRight,
+	startsWith: faAnglesRight,
+	lessThen: faAngleLeft,
+	endsWith: faBan,
+	pen: faPen,
+	edit: faPenToSquare,
+	avatar: faUser,
+	arrowLeft: faArrowLeft,
+	arrowsRotate: faArrowsRotate,
+	upDownLeftRight: faUpDownLeftRight,
+	attachment: faPaperclip,
+	dashboard: faChartLine,
+	chevronUp: faChevronUp,
+	chevronDown: faChevronDown,
+	chevronRight: faChevronRight,
+	clock: faClock,
+	complaint: faFileAlt,
+	computerMouseScrollwheel: faComputerMouseScrollwheel,
+	mailLight: faEnvelope,
+	eshop: faStore,
+	expedition: faShippingFast,
+	equals: faEquals,
+	fluxCapacitor: faFluxCapacitor,
+	wineGlassCrack: faWineGlassCrack,
+	paperPlane: faPaperPlane,
+	flaskRoundPotion: faFlaskRoundPotion,
+	batteryBolt: faBatteryBolt,
+	ellipsisVertical: faEllipsisVertical,
+	greaterThanEqual: faGreaterThanEqual,
+	home: faHome,
+	gear: faGear,
+	inbound: faCartArrowDown,
+	inventory: faFile,
+	knowledgeBase: faLaptopCode,
+	luggageCart: faLuggageCart,
+	cartFlatbedBoxes: faCartFlatbedBoxes,
+	lessThanEqual: faLessThanEqual,
+	logout: faArrowRightToBracket,
+	login: faArrowRightToBracket,
+	logs: faCopy,
+	notification: faBell,
+	organisation: faHouseUser,
+	partner: faTriangleExclamation$1,
+	exchangeRates: faTriangleExclamation$1,
+	product: faBoxOpen,
+	box: faBox$1,
+	boxRegular: faBox,
+	boxes: faBoxesStacked,
+	boxChecked: faBoxCircleCheck,
+	shelves: faShelves,
+	reservation: faHandHoldingBox,
+	return: [faShareSquare, "horizontal"],
+	search: faSearch,
+	supplier: faTriangleExclamation$1,
+	transfer: faExchange,
+	users: faUsersGear,
+	warning: faTriangleExclamation$1,
+	close: faXmark,
+	false: faXmark,
+	deleteX: faXmark,
+	deleteCan: faTrashCan,
+	import: faCircleArrowDown,
+	export: faCircleArrowRight,
+	check: faCheck,
+	camera: faCamera,
+	crop: faCrop,
+	squareCheck: faSquareCheck,
+	squareMinus: faSquareMinus,
+	goLeft: faChevronLeft,
+	goRight: faChevronRight$1,
+	goDown: faChevronDown$1,
+	goUp: faChevronUp$1,
+	internal: faEyeSlash,
+	password: faLock,
+	notEqual: faNotEqual,
+	calendar: faCalendar,
+	note: faNoteSticky,
+	comments: faComments,
+	commentDots: faCommentDots,
+	calendarPlus: faCalendarPlus,
+	download: faArrowDownToBracket,
+	plus: faPlus,
+	minus: faMinus,
+	warningDual: faTriangleExclamation,
+	info: faCircleInfo,
+	cube: faCube,
+	flatBox: faBoxArchive,
+	link: faLink,
+	facebook: faFacebookF,
+	twitter: faTwitter,
+	youtube: faYoutube,
+	linkedin: faLinkedinIn,
+	instagram: faInstagram,
+	faceMeh: faFaceMeh,
+	handStop: faHand,
+	drag: faHand,
+	flag: faFlag,
+	findDetail: faFileSearch,
+	compass: faLocationCrosshairs,
+	boxRamp: faTruckRampBox,
+	earth: faGlobe,
+	filePlaceholder: faFileLines,
+	tags: faTags,
+	circleCheck: faCircleCheck,
+	circleX: faCircleXmark,
+	circleTriangle: faTriangleExclamation$2,
+	questionMak: faCircleQuestion,
+	badgeCheck: faBadgeCheck,
+	peopleCarry: faPeopleCarry,
+	stopwatch: faStopwatch,
+	truck: faTruck,
+	webhook: faWebhook,
+	watch: faWatch,
+	filter: faFilter
+};
+library.add(faCoffee$1, faCoffee$2, faCoffee, faHandHoldingBox, faLuggageCart, faPaperclip, faPeopleCarry, faStopwatch, faTruck, faWatch, faFileSearch, faCircleCheck, faCircleXmark, faTriangleExclamation$2, faBadgeCheck);
+const iconPrefixMap = {
+	normal: "far",
+	light: "fal",
+	solid: "fas"
+};
+const FaIconSizing = styled$1.div`
+  ${({ size }) => size && `font-size: ${size};`}
+  --fa-secondary-color: ${({ $colorSecondary }) => $colorSecondary};
+  --fa-secondary-opacity: 1;
+  display: ${({ $fixedWidth }) => $fixedWidth ? "contents" : "block"};
+`;
+const Icon = ({ icon, fill, stroke, style = "normal", size, className, secondaryColor, fixedWidth = true, spinning }) => {
+	const theme = useTheme();
+	const colorFill = fill && th.color(fill)({ theme });
+	const colorStroke = stroke && th.color(stroke)({ theme });
+	const colorSecondary = secondaryColor && th.color(secondaryColor)({ theme });
+	const namedIcon = typeof icon === "string" && iconDictionary?.[icon] || false;
+	const iconProp = useMemo(() => {
+		if (namedIcon) return Array.isArray(namedIcon) ? namedIcon[0] : namedIcon;
+		return [iconPrefixMap[style], icon];
+	}, [
+		icon,
+		style,
+		namedIcon
+	]);
+	const flipProp = namedIcon && Array.isArray(namedIcon) && namedIcon[1] || void 0;
+	const IconComponent = icons_exports[icon];
+	return /* @__PURE__ */ jsx(FaIconSizing, {
+		size,
+		className: className ?? "",
+		$colorSecondary: colorSecondary,
+		$fixedWidth: fixedWidth,
+		children: IconComponent ? /* @__PURE__ */ jsx(IconComponent, {
+			fill: colorFill,
+			stroke: colorStroke,
+			...size ? {
+				width: size,
+				height: size
+			} : {}
+		}) : /* @__PURE__ */ jsx(FontAwesomeIcon, {
+			color: colorFill,
+			flip: flipProp,
+			icon: iconProp,
+			className: `faIcon ${fixedWidth ? "fa-fw" : ""} ${spinning ? "fa-spin" : ""}`
+		})
+	});
+};
+//#endregion
+export { Icon as default, iconDictionary };

package/ui/Elements/Icon/icons/Add.d.ts

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

package/ui/Elements/Icon/icons/Add.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/Add.tsx
+const Add = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: "18",
+	height: "18",
+	viewBox: "0 0 18 18",
+	fill: "none",
+	stroke: "white",
+	...props,
+	children: [/* @__PURE__ */ jsxs("g", {
+		clipPath: "url(#clip0_1232_3409)",
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			fill: "white",
+			stroke: "none",
+			d: "M5.81115 7.89697C5.39693 7.89697 5.06115 8.23276 5.06115 8.64697C5.06115 9.06119 5.39693 9.39697 5.81115 9.39697L8.23954 9.39697L8.23954 11.8254C8.23954 12.2396 8.57533 12.5754 8.98954 12.5754C9.40376 12.5754 9.73954 12.2396 9.73954 11.8254V9.39697H12.1679C12.5822 9.39697 12.9179 9.06119 12.9179 8.64697C12.9179 8.23276 12.5822 7.89697 12.1679 7.89697L9.73954 7.89697L9.73954 5.46858C9.73954 5.05436 9.40376 4.71858 8.98954 4.71858C8.57533 4.71858 8.23954 5.05436 8.23954 5.46858L8.23954 7.89697L5.81115 7.89697Z"
+		})]
+	}), /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+		id: "clip0_1232_3409",
+		children: /* @__PURE__ */ jsx("rect", {
+			width: "18",
+			height: "18"
+		})
+	}) })]
+});
+//#endregion
+export { Add };

package/ui/Elements/Icon/icons/AddPhoto.d.ts

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

package/ui/Elements/Icon/icons/AddPhoto.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/AddPhoto.tsx
+const AddPhoto = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: "36",
+	height: "36",
+	viewBox: "0 0 37 34",
+	fill: "#DB2B19",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M9.82792 6.14124C10.7187 5.25044 11.9269 4.75 13.1867 4.75H19C19.8745 4.75 20.5833 5.45889 20.5833 6.33333C20.5833 7.20778 19.8745 7.91667 19 7.91667H13.1867C12.7668 7.91667 12.364 8.08349 12.0671 8.38041L10.7554 9.69209C9.86461 10.5829 8.65643 11.0833 7.39665 11.0833H4.75C3.87556 11.0833 3.16667 11.7922 3.16667 12.6667V28.5C3.16667 29.3745 3.87556 30.0833 4.75 30.0833H26.9167C27.7911 30.0833 28.5 29.3745 28.5 28.5V17.4167C28.5 16.5422 29.2089 15.8333 30.0833 15.8333C30.9578 15.8333 31.6667 16.5422 31.6667 17.4167V28.5C31.6667 31.1234 29.5401 33.25 26.9167 33.25H4.75C2.12665 33.25 0 31.1234 0 28.5V12.6667C0 10.0433 2.12665 7.91667 4.75 7.91667H7.39665C7.81658 7.91667 8.21931 7.74985 8.51624 7.45292L9.82792 6.14124Z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M7.9165 20.5834C7.9165 16.2112 11.4609 12.6667 15.8332 12.6667C20.2054 12.6667 23.7498 16.2112 23.7498 20.5834C23.7498 24.9556 20.2054 28.5001 15.8332 28.5001C11.4609 28.5001 7.9165 24.9556 7.9165 20.5834ZM15.8332 15.8334C13.2098 15.8334 11.0832 17.96 11.0832 20.5834C11.0832 23.2068 13.2098 25.3334 15.8332 25.3334C18.4566 25.3334 20.5832 23.2068 20.5832 20.5834C20.5832 17.96 18.4566 15.8334 15.8332 15.8334Z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M23.75 6.33333C23.75 5.45889 24.4589 4.75 25.3333 4.75H34.8333C35.7078 4.75 36.4167 5.45889 36.4167 6.33333C36.4167 7.20778 35.7078 7.91667 34.8333 7.91667H25.3333C24.4589 7.91667 23.75 7.20778 23.75 6.33333Z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M30.0833 0C30.9578 0 31.6667 0.70889 31.6667 1.58333V11.0833C31.6667 11.9578 30.9578 12.6667 30.0833 12.6667C29.2089 12.6667 28.5 11.9578 28.5 11.0833V1.58333C28.5 0.70889 29.2089 0 30.0833 0Z"
+		})
+	]
+});
+//#endregion
+export { AddPhoto };

package/ui/Elements/Icon/icons/Admin.d.ts

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

package/ui/Elements/Icon/icons/Admin.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/Admin.tsx
+const Admin = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: "42",
+	height: "42",
+	viewBox: "0 0 42 42",
+	fill: "none",
+	stroke: "#DB2B19",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [/* @__PURE__ */ jsx("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M33.0137 8.96659C33.7785 9.23434 34.2895 9.95534 34.2895 10.7656V22.6183C34.2895 25.9311 33.0855 29.0933 30.9592 31.5433C29.89 32.7771 28.5373 33.7378 27.1005 34.5148L20.874 37.8783L14.637 34.5131C13.1985 33.7361 11.844 32.7771 10.773 31.5416C8.645 29.0916 7.4375 25.9276 7.4375 22.6113V10.7656C7.4375 9.95534 7.9485 9.23434 8.71325 8.96659L20.2317 4.91884C20.6412 4.77534 21.0875 4.77534 21.4952 4.91884L33.0137 8.96659Z",
+		strokeWidth: "2.625",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	}), /* @__PURE__ */ jsx("path", {
+		d: "M16.3144 20.856L19.6254 24.1688L26.4469 17.3473",
+		strokeWidth: "2.625",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})]
+});
+//#endregion
+export { Admin };

package/ui/Elements/Icon/icons/ArrowDown.d.ts

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

package/ui/Elements/Icon/icons/ArrowDown.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/ArrowDown.tsx
+const ArrowDown = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "12",
+	height: "7",
+	viewBox: "0 0 12 7",
+	fill: "none",
+	stroke: "#22394E",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M1 1L5.64645 5.64645C5.84171 5.84171 6.15829 5.84171 6.35355 5.64645L11 1",
+		strokeWidth: "2",
+		strokeLinecap: "round"
+	})
+});
+//#endregion
+export { ArrowDown };

package/ui/Elements/Icon/icons/ArrowForward.d.ts

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

package/ui/Elements/Icon/icons/ArrowForward.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/ArrowForward.tsx
+const ArrowForward = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "7",
+	height: "11",
+	viewBox: "0 0 7 11",
+	fill: "#A3B3C1",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M0.244995 9.565L1.13 10.45L6.08 5.5L1.13 0.550003L0.244995 1.435L4.31 5.5L0.244995 9.565Z" })
+});
+//#endregion
+export { ArrowForward };

package/ui/Elements/Icon/icons/ArrowUp.d.ts

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

package/ui/Elements/Icon/icons/ArrowUp.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/ArrowUp.tsx
+const ArrowUp = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "12",
+	height: "7",
+	viewBox: "0 0 12 7",
+	fill: "none",
+	stroke: "#22394E",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M1 6L5.64645 1.35355C5.84171 1.15829 6.15829 1.15829 6.35355 1.35355L11 6",
+		strokeWidth: "2",
+		strokeLinecap: "round"
+	})
+});
+//#endregion
+export { ArrowUp };

package/ui/Elements/Icon/icons/ArrowUpRightDownLeft.d.ts

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

package/ui/Elements/Icon/icons/ArrowUpRightDownLeft.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/ArrowUpRightDownLeft.tsx
+const ArrowUpRightDownLeft = (props) => /* @__PURE__ */ jsxs("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "3",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("path", { d: "M11 19H5v-6" }),
+		/* @__PURE__ */ jsx("path", { d: "M13 5h6v6" }),
+		/* @__PURE__ */ jsx("path", { d: "M19 5 5 19" })
+	]
+});
+//#endregion
+export { ArrowUpRightDownLeft };

package/ui/Elements/Icon/icons/ArrowsLeftRight.d.ts

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

package/ui/Elements/Icon/icons/ArrowsLeftRight.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/ArrowsLeftRight.tsx
+const ArrowsLeftRight = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 640 640",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M502.6 438.6L598.6 342.6C611.1 330.1 611.1 309.8 598.6 297.3L502.6 201.3C490.1 188.8 469.8 188.8 457.3 201.3C444.8 213.8 444.8 234.1 457.3 246.6L498.7 288L141.2 288L182.6 246.6C195.1 234.1 195.1 213.8 182.6 201.3C170.1 188.8 149.8 188.8 137.3 201.3L41.3 297.3C35.3 303.3 31.9 311.4 31.9 319.9C31.9 328.4 35.3 336.5 41.3 342.5L137.3 438.5C149.8 451 170.1 451 182.6 438.5C195.1 426 195.1 405.7 182.6 393.2L141.2 351.8L498.7 351.8L457.3 393.2C444.8 405.7 444.8 426 457.3 438.5C469.8 451 490.1 451 502.6 438.5z" })
+});
+//#endregion
+export { ArrowsLeftRight };

package/ui/Elements/Icon/icons/ArrowsUpDown.d.ts

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

package/ui/Elements/Icon/icons/ArrowsUpDown.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/ArrowsUpDown.tsx
+const ArrowsUpDown = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 640 640",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M342.6 41.4C330.1 28.9 309.8 28.9 297.3 41.4L201.3 137.4C188.8 149.9 188.8 170.2 201.3 182.7C213.8 195.2 234.1 195.2 246.6 182.7L288 141.3L288 498.7L246.6 457.4C234.1 444.9 213.8 444.9 201.3 457.4C188.8 469.9 188.8 490.2 201.3 502.7L297.3 598.7C303.3 604.7 311.4 608.1 319.9 608.1C328.4 608.1 336.5 604.7 342.5 598.7L438.5 502.7C451 490.2 451 469.9 438.5 457.4C426 444.9 405.7 444.9 393.2 457.4L351.8 498.8L351.8 141.3L393.2 182.7C405.7 195.2 426 195.2 438.5 182.7C451 170.2 451 149.9 438.5 137.4L342.5 41.4z" })
+});
+//#endregion
+export { ArrowsUpDown };

package/ui/Elements/Icon/icons/BarcodeScan.d.ts

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

package/ui/Elements/Icon/icons/BarcodeScan.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/BarcodeScan.tsx
+const BarcodeScan = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "24",
+	height: "16",
+	viewBox: "0 0 24 16",
+	fill: "#22394E",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M3.3 -6.10352e-05C2.80125 -6.10352e-05 2.4 0.382082 2.4 0.857082V5.71422H4.2V0.857082C4.2 0.382082 3.79875 -6.10352e-05 3.3 -6.10352e-05ZM2.4 15.1428C2.4 15.6178 2.80125 15.9999 3.3 15.9999C3.79875 15.9999 4.2 15.6178 4.2 15.1428V10.2857H2.4V15.1428ZM6 15.4285C6 15.7428 6.27 15.9999 6.6 15.9999C6.93 15.9999 7.2 15.7428 7.2 15.4285V10.2857H6V15.4285ZM8.4 15.1428C8.4 15.6178 8.80125 15.9999 9.3 15.9999C9.79875 15.9999 10.2 15.6178 10.2 15.1428V10.2857H8.4V15.1428ZM8.4 0.857082V5.71422H10.2V0.857082C10.2 0.382082 9.79875 -6.10352e-05 9.3 -6.10352e-05C8.80125 -6.10352e-05 8.4 0.382082 8.4 0.857082ZM12.6 15.1428C12.6 15.6178 13.0013 15.9999 13.5 15.9999C13.9988 15.9999 14.4 15.6178 14.4 15.1428V10.2857H12.6V15.1428ZM12.6 0.857082V5.71422H14.4V0.857082C14.4 0.382082 13.9988 -6.10352e-05 13.5 -6.10352e-05C13.0013 -6.10352e-05 12.6 0.382082 12.6 0.857082ZM17.4 15.4285C17.4 15.7428 17.67 15.9999 18 15.9999C18.33 15.9999 18.6 15.7428 18.6 15.4285V10.2857H17.4V15.4285ZM17.4 0.571368V5.71422H18.6V0.571368C18.6 0.257082 18.33 -6.10352e-05 18 -6.10352e-05C17.67 -6.10352e-05 17.4 0.257082 17.4 0.571368ZM19.8 15.1428C19.8 15.6178 20.2013 15.9999 20.7 15.9999C21.1988 15.9999 21.6 15.6178 21.6 15.1428V10.2857H19.8V15.1428ZM19.8 0.857082V5.71422H21.6V0.857082C21.6 0.382082 21.1988 -6.10352e-05 20.7 -6.10352e-05C20.2013 -6.10352e-05 19.8 0.382082 19.8 0.857082ZM6 5.71422H7.2V0.571368C7.2 0.257082 6.93 -6.10352e-05 6.6 -6.10352e-05C6.27 -6.10352e-05 6 0.257082 6 0.571368V5.71422ZM0 7.99994C0 8.47494 0.40125 8.85708 0.9 8.85708H23.1C23.5988 8.85708 24 8.47494 24 7.99994C24 7.52494 23.5988 7.1428 23.1 7.1428H0.9C0.40125 7.1428 0 7.52494 0 7.99994Z" })
+});
+//#endregion
+export { BarcodeScan };

package/ui/Elements/Icon/icons/Box.d.ts

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

package/ui/Elements/Icon/icons/Box.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/Box.tsx
+const Box = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "43",
+	height: "33",
+	viewBox: "0 0 43 33",
+	fill: "none",
+	stroke: "#22394E",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M5.38112 10.4486V29.2438C5.38112 30.3073 6.24322 31.1694 7.30669 31.1694H21.3431M36.7729 9.82071V10.4486V29.2438C36.7729 30.3073 35.9108 31.1694 34.8474 31.1694H21.3431M36.7729 9.82071H38.6544C40.0334 9.82071 40.9654 8.41366 40.4274 7.14395L38.8667 3.46026C38.5651 2.74835 37.8669 2.28588 37.0937 2.28588H21.3431M36.7729 9.82071H25.8109C25.0377 9.82071 24.3395 9.35825 24.0379 8.64633L21.3431 2.28588M21.3431 2.28588L4.70988 2.28588C3.848 2.28588 3.09109 2.85861 2.85681 3.68804L1.81633 7.37174C1.46925 8.60055 2.39251 9.82071 3.6694 9.82071H16.8752C17.6484 9.82071 18.3466 9.35825 18.6482 8.64633L21.3431 2.28588ZM21.3431 2.28588V17.3555M21.3431 22.3788V31.1694M9.63763 26.1462H13.8941M9.63763 21.1229H16.2884",
+		strokeWidth: "2.88835"
+	})
+});
+//#endregion
+export { Box };

package/ui/Elements/Icon/icons/Calendar.d.ts

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

package/ui/Elements/Icon/icons/Calendar.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/Calendar.tsx
+const Calendar = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: "22",
+	height: "21",
+	viewBox: "0 0 22 21",
+	stroke: "#E32C1E",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			d: "M17.125 3.5H4.875C3.9085 3.5 3.125 4.2835 3.125 5.25V17.5C3.125 18.4665 3.9085 19.25 4.875 19.25H17.125C18.0915 19.25 18.875 18.4665 18.875 17.5V5.25C18.875 4.2835 18.0915 3.5 17.125 3.5Z",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M14.5 1.75V5.25",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M7.5 1.75V5.25",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M3.125 8.75H18.875",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+});
+//#endregion
+export { Calendar };

package/ui/Elements/Icon/icons/Cancel.d.ts

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