@mailstep/design-system 0.8.27 → 0.8.28

package/ui/Elements/Icon/Icon.js

@@ -1,85 +1,36 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  ",
-        "\n  --fa-secondary-color: ",
-        ";\n  --fa-secondary-opacity: 1;\n  display: ",
-        ";\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import { jsx } from "react/jsx-runtime";
+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 as fadTriangleExclamation } from "@fortawesome/pro-duotone-svg-icons/faTriangleExclamation";
-import { faCoffee as falCoffee } from "@fortawesome/pro-light-svg-icons/faCoffee";
+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 as faBoxRegular } from "@fortawesome/pro-regular-svg-icons/faBox";
+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 as farChevronRight } from "@fortawesome/pro-regular-svg-icons/faChevronRight";
+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 farCoffee } from "@fortawesome/pro-regular-svg-icons/faCoffee";
+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 as faEnvelopeLight } from "@fortawesome/pro-regular-svg-icons/faEnvelope";
+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";
@@ -95,7 +46,7 @@ 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 farTriangleExclamation } from "@fortawesome/pro-regular-svg-icons/faTriangleExclamation";
+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";
@@ -105,7 +56,7 @@ 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 } from "@fortawesome/pro-solid-svg-icons/faBox";
+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";
@@ -114,14 +65,14 @@ 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 fasChevronDown } from "@fortawesome/pro-solid-svg-icons/faChevronDown";
+import { faChevronDown as faChevronDown$1 } from "@fortawesome/pro-solid-svg-icons/faChevronDown";
 import { faChevronLeft } from "@fortawesome/pro-solid-svg-icons/faChevronLeft";
-import { faChevronRight as fasChevronRight } from "@fortawesome/pro-solid-svg-icons/faChevronRight";
-import { faChevronUp as fasChevronUp } from "@fortawesome/pro-solid-svg-icons/faChevronUp";
+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 fasCoffee } from "@fortawesome/pro-solid-svg-icons/faCoffee";
+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";
@@ -143,7 +94,7 @@ 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 as fasPeopleCarry } from "@fortawesome/pro-solid-svg-icons/faPeopleCarry";
+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";
@@ -151,7 +102,7 @@ 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 } from "@fortawesome/pro-solid-svg-icons/faTriangleExclamation";
+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";
@@ -160,197 +111,173 @@ 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 as fasXmark } from "@fortawesome/pro-solid-svg-icons/faXmark";
+import { faXmark } from "@fortawesome/pro-solid-svg-icons/faXmark";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import styled, { useTheme, th } from "@xstyled/styled-components";
-import * as icons from "./icons";
-var 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: farChevronRight,
-    clock: faClock,
-    complaint: faFileAlt,
-    // 'file-lines'
-    computerMouseScrollwheel: faComputerMouseScrollwheel,
-    mailLight: faEnvelopeLight,
-    eshop: faStore,
-    expedition: faShippingFast,
-    // 'truck-fast'
-    equals: faEquals,
-    // 'truck-fast'
-    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: farTriangleExclamation,
-    exchangeRates: farTriangleExclamation,
-    product: faBoxOpen,
-    box: faBox,
-    boxRegular: faBoxRegular,
-    boxes: faBoxesStacked,
-    boxChecked: faBoxCircleCheck,
-    shelves: faShelves,
-    reservation: faHandHoldingBox,
-    return: [
-        faShareSquare,
-        "horizontal"
-    ],
-    // 'fa-share-from-square'
-    search: faSearch,
-    // 'magnifying-glass'
-    supplier: farTriangleExclamation,
-    transfer: faExchange,
-    // 'arrow-right-arrow-left'
-    users: faUsersGear,
-    warning: farTriangleExclamation,
-    close: fasXmark,
-    false: fasXmark,
-    deleteX: fasXmark,
-    deleteCan: faTrashCan,
-    import: faCircleArrowDown,
-    export: faCircleArrowRight,
-    check: faCheck,
-    camera: faCamera,
-    crop: faCrop,
-    squareCheck: faSquareCheck,
-    squareMinus: faSquareMinus,
-    goLeft: faChevronLeft,
-    goRight: fasChevronRight,
-    goDown: fasChevronDown,
-    goUp: fasChevronUp,
-    internal: faEyeSlash,
-    password: faLock,
-    notEqual: faNotEqual,
-    calendar: faCalendar,
-    note: faNoteSticky,
-    comments: faComments,
-    commentDots: faCommentDots,
-    calendarPlus: faCalendarPlus,
-    download: faArrowDownToBracket,
-    plus: faPlus,
-    minus: faMinus,
-    warningDual: fadTriangleExclamation,
-    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,
-    questionMak: faCircleQuestion,
-    badgeCheck: faBadgeCheck,
-    peopleCarry: fasPeopleCarry,
-    stopwatch: faStopwatch,
-    truck: faTruck,
-    webhook: faWebhook,
-    watch: faWatch,
-    filter: faFilter
+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(farCoffee, fasCoffee, falCoffee, faHandHoldingBox, faLuggageCart, faPaperclip, fasPeopleCarry, faStopwatch, faTruck, faWatch, faFileSearch, faCircleCheck, faCircleXmark, faTriangleExclamation, faBadgeCheck);
-var iconPrefixMap = {
-    normal: "far",
-    light: "fal",
-    solid: "fas"
+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"
 };
-var FaIconSizing = styled.div(_templateObject(), function(param) {
-    var size = param.size;
-    return size && "font-size: ".concat(size, ";");
-}, function(param) {
-    var $colorSecondary = param.$colorSecondary;
-    return $colorSecondary;
-}, function(param) {
-    var $fixedWidth = param.$fixedWidth;
-    return $fixedWidth ? "contents" : "block";
-});
-var Icon = function Icon(param) {
-    var icon = param.icon, fill = param.fill, stroke = param.stroke, _param_style = param.style, style = _param_style === void 0 ? "normal" : _param_style, size = param.size, className = param.className, secondaryColor = param.secondaryColor, _param_fixedWidth = param.fixedWidth, fixedWidth = _param_fixedWidth === void 0 ? true : _param_fixedWidth, spinning = param.spinning;
-    var theme = useTheme();
-    var colorFill = fill && th.color(fill)({
-        theme: theme
-    });
-    var colorStroke = stroke && th.color(stroke)({
-        theme: theme
-    });
-    var colorSecondary = secondaryColor && th.color(secondaryColor)({
-        theme: theme
-    });
-    var namedIcon = typeof icon === "string" && (iconDictionary === null || iconDictionary === void 0 ? void 0 : iconDictionary[icon]) || false;
-    var iconProp = useMemo(function() {
-        if (namedIcon) {
-            return Array.isArray(namedIcon) ? namedIcon[0] : namedIcon;
-        }
-        return [
-            iconPrefixMap[style],
-            icon
-        ];
-    }, [
-        icon,
-        style,
-        namedIcon
-    ]);
-    var flipProp = namedIcon && Array.isArray(namedIcon) && namedIcon[1] || void 0;
-    var IconComponent = icons[icon];
-    return /* @__PURE__ */ jsx(FaIconSizing, {
-        size: size,
-        className: className !== null && className !== void 0 ? className : "",
-        $colorSecondary: colorSecondary,
-        $fixedWidth: fixedWidth,
-        children: IconComponent ? /* @__PURE__ */ jsx(IconComponent, _object_spread({
-            fill: colorFill,
-            stroke: colorStroke
-        }, size ? {
-            width: size,
-            height: size
-        } : {})) : /* @__PURE__ */ jsx(FontAwesomeIcon, {
-            color: colorFill,
-            flip: flipProp,
-            icon: iconProp,
-            className: "faIcon ".concat(fixedWidth ? "fa-fw" : "", " ").concat(spinning ? "fa-spin" : "")
-        })
-    });
+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" : ""}`
+		})
+	});
 };
-var Icon_default = Icon;
-export { Icon_default as default, iconDictionary };
+//#endregion
+export { Icon as default, iconDictionary };

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

@@ -1,93 +1,33 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
 import { jsx, jsxs } from "react/jsx-runtime";
-var Add = function Add(props) {
-    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
-        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"
-                    })
-                })
-            })
-        ]
-    }));
-};
+//#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 };