@mailstep/design-system 0.8.30 → 0.8.31-beta.2

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

@@ -1,188 +1,91 @@
-import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
-import { Cancel } from "./Cancel.js";
-import { FlagUSA } from "./FlagUSA.js";
-import { FlagCZ } from "./FlagCZ.js";
-import { FlagEL } from "./FlagEL.js";
-import { FlagESP } from "./FlagESP.js";
-import { FlagITA } from "./FlagITA.js";
-import { FlagRUS } from "./FlagRUS.js";
-import { FlagSVK } from "./FlagSVK.js";
-import { FlagNL } from "./FlagNL.js";
-import { FlagHU } from "./FlagHU.js";
-import { FlagUK } from "./FlagUK.js";
-import { Complaint } from "./Complaint.js";
-import { Expeditions } from "./Expeditions.js";
-import { HamburgerMenu } from "./HamburgerMenu.js";
-import { HelpCircle1 } from "./HelpCircle1.js";
-import { Income } from "./Income.js";
-import { Inventory } from "./Inventory.js";
-import { MenuItems } from "./MenuItems.js";
-import { MobileCancel } from "./MobileCancel.js";
-import { Notification2 } from "./Notification2.js";
-import { Plus1 } from "./Plus1.js";
-import { Products } from "./Products.js";
-import { Profile } from "./Profile.js";
-import { Return } from "./Return.js";
-import { Settings2 } from "./Settings2.js";
-import { Transfer } from "./Transfer.js";
-import { Product } from "./Product.js";
-import { ImagePlaceholder } from "./ImagePlaceholder.js";
-import { BarcodeScan } from "./BarcodeScan.js";
-import { Inventory2 } from "./Inventory2.js";
-import { Logout1 } from "./Logout1.js";
-import { Puzzle1 } from "./Puzzle1.js";
-import { AddPhoto } from "./AddPhoto.js";
-import { Layout } from "./Layout.js";
-import { Link } from "./Link.js";
-import { OpenBox } from "./OpenBox.js";
-import { Box } from "./Box.js";
-import { Rack } from "./Rack.js";
-import { CheckedBox } from "./CheckedBox.js";
-import { Consolidation } from "./Consolidation.js";
-import { Dispatch } from "./Dispatch.js";
-import { EmptyRack } from "./EmptyRack.js";
-import { Gift } from "./Gift.js";
-import { Info } from "./Info.js";
-import { Location } from "./Location.js";
-import { MakePhoto } from "./MakePhoto.js";
-import { Print } from "./Print.js";
-import { TwoBoxes } from "./TwoBoxes.js";
-import { TwoCheckedBoxes } from "./TwoCheckedBoxes.js";
-import { ThreeDots } from "./ThreeDots.js";
-import { Calendar } from "./Calendar.js";
-import { QRCode } from "./QRCode.js";
-import { Rows } from "./Rows.js";
-import { Group } from "./Group.js";
-import { Company } from "./Company.js";
-import { ShoppingBag } from "./ShoppingBag.js";
-import { Truck } from "./Truck.js";
-import { TwoUsers } from "./TwoUsers.js";
-import { Integrations } from "./Integrations.js";
-import { ArrowDown } from "./ArrowDown.js";
-import { ArrowUp } from "./ArrowUp.js";
-import { Desktop } from "./Desktop.js";
-import { Message } from "./Message.js";
-import { ToastSuccess } from "./ToastSuccess.js";
-import { ToastError } from "./ToastError.js";
-import { ArrowForward } from "./ArrowForward.js";
-import { Add } from "./Add.js";
-import { Fragile } from "./Fragile.js";
-import { TrashBin } from "./TrashBin.js";
-import { Container } from "./Container.js";
-import { Dashboard } from "./Dashboard.js";
-import { HorizontalLines } from "./HorizontalLines.js";
-import { Admin } from "./Admin.js";
-import { Pallet } from "./Pallet.js";
-import { Liquid } from "./Liquid.js";
-import { Foldable } from "./Foldable.js";
-import { MachinePackingForbidden } from "./MachinePackingForbidden.js";
-import { Valuable } from "./Valuable.js";
-import { MobilePhone } from "./MobilePhone.js";
-import { Reload } from "./Reload.js";
-import { Sun } from "./Sun.js";
-import { Moon } from "./Moon.js";
-import { CircleHalfStroke } from "./CircleHalfStroke.js";
-import { ShieldUser } from "./ShieldUser.js";
-import { UserCowboy } from "./UserCowboy.js";
-import { ArrowsLeftRight } from "./ArrowsLeftRight.js";
-import { ArrowsUpDown } from "./ArrowsUpDown.js";
-import { Weight } from "./Weight.js";
-import { ArrowUpRightDownLeft } from "./ArrowUpRightDownLeft.js";
-import { Filter } from "./Filter.js";
-import { Sort } from "./Sort.js";
-//#region packages/ui/Elements/Icon/icons/index.ts
-var icons_exports = /* @__PURE__ */ __exportAll({
-	Add: () => Add,
-	AddPhoto: () => AddPhoto,
-	Admin: () => Admin,
-	ArrowDown: () => ArrowDown,
-	ArrowForward: () => ArrowForward,
-	ArrowUp: () => ArrowUp,
-	ArrowUpRightDownLeft: () => ArrowUpRightDownLeft,
-	ArrowsLeftRight: () => ArrowsLeftRight,
-	ArrowsUpDown: () => ArrowsUpDown,
-	BarcodeScan: () => BarcodeScan,
-	Box: () => Box,
-	Calendar: () => Calendar,
-	Cancel: () => Cancel,
-	CheckedBox: () => CheckedBox,
-	CircleHalfStroke: () => CircleHalfStroke,
-	Company: () => Company,
-	Complaint: () => Complaint,
-	Consolidation: () => Consolidation,
-	Container: () => Container,
-	Dashboard: () => Dashboard,
-	Desktop: () => Desktop,
-	Dispatch: () => Dispatch,
-	EmptyRack: () => EmptyRack,
-	Expeditions: () => Expeditions,
-	Filter: () => Filter,
-	FlagCZ: () => FlagCZ,
-	FlagEL: () => FlagEL,
-	FlagESP: () => FlagESP,
-	FlagHU: () => FlagHU,
-	FlagITA: () => FlagITA,
-	FlagNL: () => FlagNL,
-	FlagRUS: () => FlagRUS,
-	FlagSVK: () => FlagSVK,
-	FlagUK: () => FlagUK,
-	FlagUSA: () => FlagUSA,
-	Foldable: () => Foldable,
-	Fragile: () => Fragile,
-	Gift: () => Gift,
-	Group: () => Group,
-	HamburgerMenu: () => HamburgerMenu,
-	HelpCircle1: () => HelpCircle1,
-	HorizontalLines: () => HorizontalLines,
-	ImagePlaceholder: () => ImagePlaceholder,
-	Income: () => Income,
-	Info: () => Info,
-	Integrations: () => Integrations,
-	Inventory: () => Inventory,
-	Inventory2: () => Inventory2,
-	Layout: () => Layout,
-	Link: () => Link,
-	Liquid: () => Liquid,
-	Location: () => Location,
-	Logout1: () => Logout1,
-	MachinePackingForbidden: () => MachinePackingForbidden,
-	MakePhoto: () => MakePhoto,
-	MenuItems: () => MenuItems,
-	Message: () => Message,
-	MobileCancel: () => MobileCancel,
-	MobilePhone: () => MobilePhone,
-	Moon: () => Moon,
-	Notification2: () => Notification2,
-	OpenBox: () => OpenBox,
-	Pallet: () => Pallet,
-	Plus1: () => Plus1,
-	Print: () => Print,
-	Product: () => Product,
-	Products: () => Products,
-	Profile: () => Profile,
-	Puzzle1: () => Puzzle1,
-	QRCode: () => QRCode,
-	Rack: () => Rack,
-	Reload: () => Reload,
-	Return: () => Return,
-	Rows: () => Rows,
-	Settings2: () => Settings2,
-	ShieldUser: () => ShieldUser,
-	ShoppingBag: () => ShoppingBag,
-	Sort: () => Sort,
-	Sun: () => Sun,
-	ThreeDots: () => ThreeDots,
-	ToastError: () => ToastError,
-	ToastSuccess: () => ToastSuccess,
-	Transfer: () => Transfer,
-	TrashBin: () => TrashBin,
-	Truck: () => Truck,
-	TwoBoxes: () => TwoBoxes,
-	TwoCheckedBoxes: () => TwoCheckedBoxes,
-	TwoUsers: () => TwoUsers,
-	UserCowboy: () => UserCowboy,
-	Valuable: () => Valuable,
-	Weight: () => Weight
-});
-//#endregion
-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, icons_exports };
+export { Cancel } from './Cancel';
+export { FlagUSA } from './FlagUSA';
+export { FlagCZ } from './FlagCZ';
+export { FlagEL } from './FlagEL';
+export { FlagESP } from './FlagESP';
+export { FlagITA } from './FlagITA';
+export { FlagRUS } from './FlagRUS';
+export { FlagSVK } from './FlagSVK';
+export { FlagNL } from './FlagNL';
+export { FlagHU } from './FlagHU';
+export { FlagUK } from './FlagUK';
+export { Complaint } from './Complaint';
+export { Expeditions } from './Expeditions';
+export { HamburgerMenu } from './HamburgerMenu';
+export { HelpCircle1 } from './HelpCircle1';
+export { Income } from './Income';
+export { Inventory } from './Inventory';
+export { MenuItems } from './MenuItems';
+export { MobileCancel } from './MobileCancel';
+export { Notification2 } from './Notification2';
+export { Plus1 } from './Plus1';
+export { Products } from './Products';
+export { Profile } from './Profile';
+export { Return } from './Return';
+export { Settings2 } from './Settings2';
+export { Transfer } from './Transfer';
+export { Product } from './Product';
+export { ImagePlaceholder } from './ImagePlaceholder';
+export { BarcodeScan } from './BarcodeScan';
+export { Inventory2 } from './Inventory2';
+export { Logout1 } from './Logout1';
+export { Puzzle1 } from './Puzzle1';
+export { AddPhoto } from './AddPhoto';
+export { Layout } from './Layout';
+export { Link } from './Link';
+export { OpenBox } from './OpenBox';
+export { Box } from './Box';
+export { Rack } from './Rack';
+export { CheckedBox } from './CheckedBox';
+export { Consolidation } from './Consolidation';
+export { Dispatch } from './Dispatch';
+export { EmptyRack } from './EmptyRack';
+export { Gift } from './Gift';
+export { Info } from './Info';
+export { Location } from './Location';
+export { MakePhoto } from './MakePhoto';
+export { Print } from './Print';
+export { TwoBoxes } from './TwoBoxes';
+export { TwoCheckedBoxes } from './TwoCheckedBoxes';
+export { ThreeDots } from './ThreeDots';
+export { Calendar } from './Calendar';
+export { QRCode } from './QRCode';
+export { Rows } from './Rows';
+export { Group } from './Group';
+export { Company } from './Company';
+export { ShoppingBag } from './ShoppingBag';
+export { Truck } from './Truck';
+export { TwoUsers } from './TwoUsers';
+export { Integrations } from './Integrations';
+export { ArrowDown } from './ArrowDown';
+export { ArrowUp } from './ArrowUp';
+export { Desktop } from './Desktop';
+export { Message } from './Message';
+export { ToastSuccess } from './ToastSuccess';
+export { ToastError } from './ToastError';
+export { ArrowForward } from './ArrowForward';
+export { Add } from './Add';
+export { Fragile } from './Fragile';
+export { TrashBin } from './TrashBin';
+export { Container } from './Container';
+export { Dashboard } from './Dashboard';
+export { HorizontalLines } from './HorizontalLines';
+export { Admin } from './Admin';
+export { Pallet } from './Pallet';
+export { Liquid } from './Liquid';
+export { Foldable } from './Foldable';
+export { MachinePackingForbidden } from './MachinePackingForbidden';
+export { Valuable } from './Valuable';
+export { MobilePhone } from './MobilePhone';
+export { Reload } from './Reload';
+export { Sun } from './Sun';
+export { Moon } from './Moon';
+export { CircleHalfStroke } from './CircleHalfStroke';
+export { ShieldUser } from './ShieldUser';
+export { UserCowboy } from './UserCowboy';
+export { ArrowsLeftRight } from './ArrowsLeftRight';
+export { ArrowsUpDown } from './ArrowsUpDown';
+export { Weight } from './Weight';
+export { ArrowUpRightDownLeft } from './ArrowUpRightDownLeft';
+export { Filter } from './Filter';
+export { Sort } from './Sort';

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

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

package/ui/Elements/Icon/index.js

@@ -1,97 +1,5 @@
-import { Cancel } from "./icons/Cancel.js";
-import { FlagUSA } from "./icons/FlagUSA.js";
-import { FlagCZ } from "./icons/FlagCZ.js";
-import { FlagEL } from "./icons/FlagEL.js";
-import { FlagESP } from "./icons/FlagESP.js";
-import { FlagITA } from "./icons/FlagITA.js";
-import { FlagRUS } from "./icons/FlagRUS.js";
-import { FlagSVK } from "./icons/FlagSVK.js";
-import { FlagNL } from "./icons/FlagNL.js";
-import { FlagHU } from "./icons/FlagHU.js";
-import { FlagUK } from "./icons/FlagUK.js";
-import { Complaint } from "./icons/Complaint.js";
-import { Expeditions } from "./icons/Expeditions.js";
-import { HamburgerMenu } from "./icons/HamburgerMenu.js";
-import { HelpCircle1 } from "./icons/HelpCircle1.js";
-import { Income } from "./icons/Income.js";
-import { Inventory } from "./icons/Inventory.js";
-import { MenuItems } from "./icons/MenuItems.js";
-import { MobileCancel } from "./icons/MobileCancel.js";
-import { Notification2 } from "./icons/Notification2.js";
-import { Plus1 } from "./icons/Plus1.js";
-import { Products } from "./icons/Products.js";
-import { Profile } from "./icons/Profile.js";
-import { Return } from "./icons/Return.js";
-import { Settings2 } from "./icons/Settings2.js";
-import { Transfer } from "./icons/Transfer.js";
-import { Product } from "./icons/Product.js";
-import { ImagePlaceholder } from "./icons/ImagePlaceholder.js";
-import { BarcodeScan } from "./icons/BarcodeScan.js";
-import { Inventory2 } from "./icons/Inventory2.js";
-import { Logout1 } from "./icons/Logout1.js";
-import { Puzzle1 } from "./icons/Puzzle1.js";
-import { AddPhoto } from "./icons/AddPhoto.js";
-import { Layout } from "./icons/Layout.js";
-import { Link } from "./icons/Link.js";
-import { OpenBox } from "./icons/OpenBox.js";
-import { Box } from "./icons/Box.js";
-import { Rack } from "./icons/Rack.js";
-import { CheckedBox } from "./icons/CheckedBox.js";
-import { Consolidation } from "./icons/Consolidation.js";
-import { Dispatch } from "./icons/Dispatch.js";
-import { EmptyRack } from "./icons/EmptyRack.js";
-import { Gift } from "./icons/Gift.js";
-import { Info } from "./icons/Info.js";
-import { Location } from "./icons/Location.js";
-import { MakePhoto } from "./icons/MakePhoto.js";
-import { Print } from "./icons/Print.js";
-import { TwoBoxes } from "./icons/TwoBoxes.js";
-import { TwoCheckedBoxes } from "./icons/TwoCheckedBoxes.js";
-import { ThreeDots } from "./icons/ThreeDots.js";
-import { Calendar } from "./icons/Calendar.js";
-import { QRCode } from "./icons/QRCode.js";
-import { Rows } from "./icons/Rows.js";
-import { Group } from "./icons/Group.js";
-import { Company } from "./icons/Company.js";
-import { ShoppingBag } from "./icons/ShoppingBag.js";
-import { Truck } from "./icons/Truck.js";
-import { TwoUsers } from "./icons/TwoUsers.js";
-import { Integrations } from "./icons/Integrations.js";
-import { ArrowDown } from "./icons/ArrowDown.js";
-import { ArrowUp } from "./icons/ArrowUp.js";
-import { Desktop } from "./icons/Desktop.js";
-import { Message } from "./icons/Message.js";
-import { ToastSuccess } from "./icons/ToastSuccess.js";
-import { ToastError } from "./icons/ToastError.js";
-import { ArrowForward } from "./icons/ArrowForward.js";
-import { Add } from "./icons/Add.js";
-import { Fragile } from "./icons/Fragile.js";
-import { TrashBin } from "./icons/TrashBin.js";
-import { Container } from "./icons/Container.js";
-import { Dashboard } from "./icons/Dashboard.js";
-import { HorizontalLines } from "./icons/HorizontalLines.js";
-import { Admin } from "./icons/Admin.js";
-import { Pallet } from "./icons/Pallet.js";
-import { Liquid } from "./icons/Liquid.js";
-import { Foldable } from "./icons/Foldable.js";
-import { MachinePackingForbidden } from "./icons/MachinePackingForbidden.js";
-import { Valuable } from "./icons/Valuable.js";
-import { MobilePhone } from "./icons/MobilePhone.js";
-import { Reload } from "./icons/Reload.js";
-import { Sun } from "./icons/Sun.js";
-import { Moon } from "./icons/Moon.js";
-import { CircleHalfStroke } from "./icons/CircleHalfStroke.js";
-import { ShieldUser } from "./icons/ShieldUser.js";
-import { UserCowboy } from "./icons/UserCowboy.js";
-import { ArrowsLeftRight } from "./icons/ArrowsLeftRight.js";
-import { ArrowsUpDown } from "./icons/ArrowsUpDown.js";
-import { Weight } from "./icons/Weight.js";
-import { ArrowUpRightDownLeft } from "./icons/ArrowUpRightDownLeft.js";
-import { Filter } from "./icons/Filter.js";
-import { Sort } from "./icons/Sort.js";
-import "./icons/index.js";
-import Icon, { iconDictionary } from "./Icon.js";
-//#region packages/ui/Elements/Icon/index.ts
-var Icon_default = Icon;
-//#endregion
-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, Icon, 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, Icon_default as default, iconDictionary };
+import Icon from './Icon';
+export * from './icons';
+export { iconDictionary } from './Icon';
+export { Icon };
+export default Icon;

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

@@ -1,16 +1,17 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { 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;
         fill?: string | undefined;
         stroke?: string | undefined;
-        size?: number | string | undefined;
+        size?: string | number | undefined;
         className?: string | undefined;
         fixedWidth?: boolean | undefined;
         spinning?: boolean | undefined;

package/ui/Elements/Icon/stories/BadgeIcon.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import BadgeIcon from '../BadgeIcon';
+var meta = {
+    title: 'Elements/BadgeIcon',
+    component: BadgeIcon,
+    decorators: [
+        function (Story) { return (_jsx("div", { style: { width: '30px' }, children: _jsx(Story, {}) })); },
+    ],
+    tags: ['autodocs'],
+    argTypes: {},
+};
+export default meta;
+export var Default = {
+    args: {
+        icon: 'coffee',
+        badge: 'warning'
+    },
+};

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

@@ -1,7 +1,8 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { 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/stories/Icon.stories.js

@@ -0,0 +1,48 @@
+import { Icon } from '../';
+var meta = {
+    title: 'Elements/Icon',
+    component: Icon,
+    tags: ['autodocs'],
+    argTypes: {},
+};
+export default meta;
+export var Expedition = {
+    args: {
+        icon: 'expedition',
+        size: '40px',
+    },
+};
+export var Spinning = {
+    args: {
+        icon: 'expedition',
+        size: '40px',
+        spinning: true
+    },
+};
+export var SmallExpedition = {
+    args: {
+        icon: 'expedition',
+        size: '20px',
+    },
+};
+export var BigExpedition = {
+    args: {
+        icon: 'expedition',
+        size: '80px',
+    },
+};
+export var ExpeditionPink = {
+    args: {
+        icon: 'expedition',
+        fill: 'pink',
+        size: '40px',
+    },
+};
+export var ExpeditionPinkSolid = {
+    args: {
+        icon: 'expedition',
+        style: 'solid',
+        fill: 'pink',
+        size: '40px',
+    },
+};

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

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

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

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

package/ui/Elements/Image/Image.js

@@ -1,16 +1,38 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { Img } from "react-image";
-//#region packages/ui/Elements/Image/Image.tsx
-const formatScrSet = (srcSet, imageProps) => Object.entries(srcSet).map(([width, src]) => `${src} ${width}`).join(", ");
-const Image = (props) => {
-	const { src, loader, unloader, decode, ...rest } = props;
-	const srcSetString = props.srcSet ? formatScrSet(props.srcSet, props) : void 0;
-	return /* @__PURE__ */ jsx(Img, {
-		...rest,
-		srcSet: srcSetString,
-		src
-	});
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-//#endregion
-export { Image as default };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Img } from 'react-image';
+var formatScrSet = function (srcSet, imageProps) {
+    return Object.entries(srcSet)
+        .map(function (_a) {
+        var width = _a[0], src = _a[1];
+        return "".concat(src, " ").concat(width);
+    })
+        .join(', ');
+};
+var Image = function (props) {
+    var src = props.src, loader = props.loader, unloader = props.unloader, decode = props.decode, rest = __rest(props, ["src", "loader", "unloader", "decode"]);
+    var srcSetString = props.srcSet ? formatScrSet(props.srcSet, props) : undefined;
+    return _jsx(Img, __assign({}, rest, { srcSet: srcSetString, src: src }));
+};
+export default Image;

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

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

package/ui/Elements/Image/index.js

@@ -1,5 +1,3 @@
-import Image from "./Image.js";
-//#region packages/ui/Elements/Image/index.ts
-var Image_default = Image;
-//#endregion
-export { Image, Image_default as default };
+import Image from './Image';
+export { Image };
+export default Image;

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

@@ -1,7 +1,8 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { 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: {};
 };

package/ui/Elements/Image/stories/Image.stories.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from '../Image';
+var small = 'https://via.placeholder.com/150x150';
+var medium = 'https://via.placeholder.com/700x700';
+var large = 'https://via.placeholder.com/1200x1200';
+var Loader = _jsx("div", { children: "loading image ..." });
+var meta = {
+    title: 'Elements/Image',
+    component: Image,
+    tags: ['autodocs'],
+    argTypes: {},
+};
+export default meta;
+export var Default = {
+    args: {
+        src: 'https://via.placeholder.com/1200',
+    },
+};
+export var WithLoader = {
+    args: {
+        src: 'https://upload.wikimedia.org/wikipedia/commons/4/47/New_york_times_square-terabass.jpg',
+        loader: Loader,
+    },
+};
+export var CORS = {
+    args: {
+        src: 'https://via.placeholder.com/150x150',
+        crossOrigin: 'anonymous',
+    },
+};
+export var SrcSet = {
+    args: {
+        src: 'https://via.placeholder.com/150x150',
+        srcSet: { '500w': small, '800w': medium, '1400w': large },
+    },
+};