@mailstep/design-system 0.8.26 → 0.8.27

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

@@ -0,0 +1,93 @@
+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 TwoUsers = function TwoUsers(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx("path", {
+                d: "M10.6797 7.27588C11.8937 7.27588 12.8777 6.29188 12.8777 5.07788C12.8777 3.86455 11.8937 2.87988 10.6797 2.87988",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M11.6904 9.66406C12.0531 9.68873 12.4131 9.74073 12.7684 9.8194C13.2611 9.9174 13.8544 10.1194 14.0651 10.5614C14.1998 10.8447 14.1998 11.1747 14.0651 11.4581C13.8551 11.9001 13.2611 12.1021 12.7684 12.2034",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M6.39465 10.1377C8.85463 10.1377 10.956 10.5104 10.956 11.999C10.956 13.4884 8.86796 13.8737 6.39465 13.8737C3.93465 13.8737 1.83398 13.5017 1.83398 12.0124C1.83398 10.523 3.92132 10.1377 6.39465 10.1377Z",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M6.39435 8.013C4.77168 8.013 3.47168 6.71233 3.47168 5.08966C3.47168 3.46766 4.77168 2.16699 6.39435 2.16699C8.01701 2.16699 9.31768 3.46766 9.31768 5.08966C9.31768 6.71233 8.01701 8.013 6.39435 8.013Z",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    }));
+};
+export { TwoUsers };

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

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

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

@@ -0,0 +1,63 @@
+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 } from "react/jsx-runtime";
+var UserCowboy = function UserCowboy(props) {
+    return /* @__PURE__ */ jsx("svg", _object_spread_props(_object_spread({
+        viewBox: "0 0 640 640"
+    }, props), {
+        children: /* @__PURE__ */ jsx("path", {
+            d: "M516.7 100.7C506.1 111.3 478.1 130.3 433.7 143.9C423.9 90.2 403.8 32 369.7 32C360.8 32 352 35.8 344.2 40C336.5 44.2 326.8 48 320.1 48C313.4 48 303.7 44.2 296 40C288.1 35.7 279.4 32 270.5 32C236.4 32 216.3 90.2 206.5 143.9C162.1 130.3 134.1 111.4 123.5 100.7C118 95.2 109.2 94.4 102.8 99C96.4 103.6 94.3 112.1 97.8 119.1C109.4 142.2 139.8 176.1 192.1 199.1L192.1 208C192.1 278.7 249.4 336 320.1 336C390.8 336 448.1 278.7 448.1 208L448.1 199.1C500.4 176.2 530.9 142.3 542.4 119.1C545.9 112.1 543.8 103.6 537.4 99C531 94.4 522.3 95.1 516.7 100.7zM399.7 215.2C396.1 256 361.8 288 320 288C278.2 288 243.9 256 240.3 215.1C263.8 220.7 290.3 224 320 224C349.7 224 376.2 220.7 399.7 215.1zM276.6 384C185.7 384 112 457.7 112 548.6C112 563.7 124.3 576 139.4 576L500.5 576C515.6 576 527.9 563.7 527.9 548.6C527.9 457.7 454.2 384 363.3 384L276.4 384z"
+        })
+    }));
+};
+export { UserCowboy };

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

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

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

@@ -0,0 +1,85 @@
+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 Valuable = function Valuable(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        width: "100",
+        height: "100",
+        viewBox: "0 0 24 24",
+        stroke: "black",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx("path", {
+                d: "M2 9L6 2H18L22 9L12 22L2 9Z",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M12 22L8 9M12 22L16 9M2 9H22",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M6 2L12 9L18 2",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    }));
+};
+export { Valuable };

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

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

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

@@ -0,0 +1,66 @@
+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 } from "react/jsx-runtime";
+var Weight = function Weight(props) {
+    return /* @__PURE__ */ jsx("svg", _object_spread_props(_object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 640 640"
+    }, props), {
+        children: /* @__PURE__ */ jsx("path", {
+            d: "M320 64C368.6 64 408 103.4 408 152C408 166.4 404.5 180 398.3 192L480 192L576 576L64 576L160 192L241.7 192C235.6 180 232 166.4 232 152C232 103.4 271.4 64 320 64zM125.5 528L514.6 528L442.6 240L197.5 240L125.5 528zM320 112C297.9 112 280 129.9 280 152C280 174.1 297.9 192 320 192C342.1 192 360 174.1 360 152C360 129.9 342.1 112 320 112z"
+        })
+    }));
+};
+export { Weight };

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

@@ -0,0 +1,92 @@
+import { Cancel } from "./Cancel";
+import { FlagUSA } from "./FlagUSA";
+import { FlagCZ } from "./FlagCZ";
+import { FlagEL } from "./FlagEL";
+import { FlagESP } from "./FlagESP";
+import { FlagITA } from "./FlagITA";
+import { FlagRUS } from "./FlagRUS";
+import { FlagSVK } from "./FlagSVK";
+import { FlagNL } from "./FlagNL";
+import { FlagHU } from "./FlagHU";
+import { FlagUK } from "./FlagUK";
+import { Complaint } from "./Complaint";
+import { Expeditions } from "./Expeditions";
+import { HamburgerMenu } from "./HamburgerMenu";
+import { HelpCircle1 } from "./HelpCircle1";
+import { Income } from "./Income";
+import { Inventory } from "./Inventory";
+import { MenuItems } from "./MenuItems";
+import { MobileCancel } from "./MobileCancel";
+import { Notification2 } from "./Notification2";
+import { Plus1 } from "./Plus1";
+import { Products } from "./Products";
+import { Profile } from "./Profile";
+import { Return } from "./Return";
+import { Settings2 } from "./Settings2";
+import { Transfer } from "./Transfer";
+import { Product } from "./Product";
+import { ImagePlaceholder } from "./ImagePlaceholder";
+import { BarcodeScan } from "./BarcodeScan";
+import { Inventory2 } from "./Inventory2";
+import { Logout1 } from "./Logout1";
+import { Puzzle1 } from "./Puzzle1";
+import { AddPhoto } from "./AddPhoto";
+import { Layout } from "./Layout";
+import { Link } from "./Link";
+import { OpenBox } from "./OpenBox";
+import { Box } from "./Box";
+import { Rack } from "./Rack";
+import { CheckedBox } from "./CheckedBox";
+import { Consolidation } from "./Consolidation";
+import { Dispatch } from "./Dispatch";
+import { EmptyRack } from "./EmptyRack";
+import { Gift } from "./Gift";
+import { Info } from "./Info";
+import { Location } from "./Location";
+import { MakePhoto } from "./MakePhoto";
+import { Print } from "./Print";
+import { TwoBoxes } from "./TwoBoxes";
+import { TwoCheckedBoxes } from "./TwoCheckedBoxes";
+import { ThreeDots } from "./ThreeDots";
+import { Calendar } from "./Calendar";
+import { QRCode } from "./QRCode";
+import { Rows } from "./Rows";
+import { Group } from "./Group";
+import { Company } from "./Company";
+import { ShoppingBag } from "./ShoppingBag";
+import { Truck } from "./Truck";
+import { TwoUsers } from "./TwoUsers";
+import { Integrations } from "./Integrations";
+import { ArrowDown } from "./ArrowDown";
+import { ArrowUp } from "./ArrowUp";
+import { Desktop } from "./Desktop";
+import { Message } from "./Message";
+import { ToastSuccess } from "./ToastSuccess";
+import { ToastError } from "./ToastError";
+import { ArrowForward } from "./ArrowForward";
+import { Add } from "./Add";
+import { Fragile } from "./Fragile";
+import { TrashBin } from "./TrashBin";
+import { Container } from "./Container";
+import { Dashboard } from "./Dashboard";
+import { HorizontalLines } from "./HorizontalLines";
+import { Admin } from "./Admin";
+import { Pallet } from "./Pallet";
+import { Liquid } from "./Liquid";
+import { Foldable } from "./Foldable";
+import { MachinePackingForbidden } from "./MachinePackingForbidden";
+import { Valuable } from "./Valuable";
+import { MobilePhone } from "./MobilePhone";
+import { Reload } from "./Reload";
+import { Sun } from "./Sun";
+import { Moon } from "./Moon";
+import { CircleHalfStroke } from "./CircleHalfStroke";
+import { ShieldUser } from "./ShieldUser";
+import { UserCowboy } from "./UserCowboy";
+import { ArrowsLeftRight } from "./ArrowsLeftRight";
+import { ArrowsUpDown } from "./ArrowsUpDown";
+import { Weight } from "./Weight";
+import { ArrowUpRightDownLeft } from "./ArrowUpRightDownLeft";
+import { Filter } from "./Filter";
+import { Sort } from "./Sort";
+export { Add, AddPhoto, Admin, ArrowDown, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, BarcodeScan, Box, Calendar, Cancel, CheckedBox, CircleHalfStroke, Company, Complaint, Consolidation, Container, Dashboard, Desktop, Dispatch, EmptyRack, Expeditions, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rack, Reload, Return, Rows, Settings2, ShieldUser, ShoppingBag, Sort, Sun, ThreeDots, ToastError, ToastSuccess, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, Valuable, Weight };

package/ui/Elements/Icon/index.d.ts

@@ -1,5 +1,4 @@
-import { default as Icon } from './Icon';
-
+import Icon from './Icon';
 export type { IconProps } from './types';
 export * from './icons';
 export { iconDictionary } from './Icon';

package/ui/Elements/Icon/index.js

@@ -0,0 +1,5 @@
+import Icon from "./Icon";
+export * from "./icons";
+import { iconDictionary } from "./Icon";
+var Icon_default = Icon;
+export { Icon, Icon_default as default, iconDictionary };

package/ui/Elements/Icon/stories/BadgeIcon.stories.d.ts

@@ -1,11 +1,10 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<{
+    component: import("react").FC<{
         badge: "warning";
-    } & import('..').IconProps>;
-    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    } & import("..").IconProps>;
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         badge: "warning";
         icon: string;
         style?: "normal" | "light" | "solid" | undefined;

package/ui/Elements/Icon/stories/Icon.stories.d.ts

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

package/ui/Elements/Icon/types.d.ts

@@ -1,5 +1,4 @@
-import { MouseEventHandler } from 'react';
-
+import type { MouseEventHandler } from 'react';
 export type IconProps = {
     icon: string;
     style?: 'normal' | 'light' | 'solid';

package/ui/Elements/Image/Image.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { ImageProps } from './types';
-
+import { type FC } from 'react';
+import type { ImageProps } from './types';
 declare const Image: FC<ImageProps>;
 export default Image;

package/ui/Elements/Image/Image.js

@@ -0,0 +1,157 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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 _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { jsx } from "react/jsx-runtime";
+import { Img } from "react-image";
+var formatScrSet = function formatScrSet(srcSet, imageProps) {
+    return Object.entries(srcSet).map(function(param) {
+        var _param = _sliced_to_array(param, 2), width = _param[0], src = _param[1];
+        return "".concat(src, " ").concat(width);
+    }).join(", ");
+};
+var Image = function Image(props) {
+    var src = props.src, loader = props.loader, unloader = props.unloader, decode = props.decode, rest = _object_without_properties(props, [
+        "src",
+        "loader",
+        "unloader",
+        "decode"
+    ]);
+    var srcSetString = props.srcSet ? formatScrSet(props.srcSet, props) : void 0;
+    return /* @__PURE__ */ jsx(Img, _object_spread_props(_object_spread({}, rest), {
+        srcSet: srcSetString,
+        src: src
+    }));
+};
+var Image_default = Image;
+export { Image_default as default };

package/ui/Elements/Image/index.d.ts

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

package/ui/Elements/Image/index.js

@@ -0,0 +1,3 @@
+import Image from "./Image";
+var Image_default = Image;
+export { Image, Image_default as default };

package/ui/Elements/Image/stories/Image.stories.d.ts

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