@mailstep/design-system 0.8.31-beta.3 → 0.8.31

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

@@ -1,91 +1,188 @@
-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';
+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 };

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

@@ -1,5 +1,97 @@
-import Icon from './Icon';
-export * from './icons';
-export { iconDictionary } from './Icon';
-export { Icon };
-export default Icon;
+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 };

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

@@ -1,17 +1,16 @@
-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;
         fill?: string | undefined;
         stroke?: string | undefined;
-        size?: string | number | undefined;
+        size?: number | string | undefined;
         className?: string | undefined;
         fixedWidth?: boolean | undefined;
         spinning?: boolean | 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

@@ -1,38 +1,16 @@
-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);
+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 __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;
+//#endregion
+export { Image 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

@@ -1,3 +1,5 @@
-import Image from './Image';
-export { Image };
-export default Image;
+import Image from "./Image.js";
+//#region packages/ui/Elements/Image/index.ts
+var Image_default = Image;
+//#endregion
+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: {};
 };

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

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import type { ReactNode } from 'react';
 export type ImageProps = {
     src: string;
     loader?: ReactNode | null;

package/ui/Elements/Label/Label.d.ts

@@ -1,4 +1,4 @@
-export declare const Label: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
-    fontSize?: string | number | undefined;
+export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {
+    fontSize?: number | string;
 }, never>;
-export declare const FieldLabel: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {}, never>;

package/ui/Elements/Label/Label.js

@@ -1,14 +1,23 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled, { css } from '@xstyled/styled-components';
-import { system, th } from '@xstyled/styled-components';
-var style = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"])), th.color('typoPrimary'), th('fonts.primary'));
-export var Label = styled.label(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"], ["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"])), style, function (_a) {
-    var fontSize = _a.fontSize;
-    return fontSize
-        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          font-size: ", ";\n        "], ["\n          font-size: ", ";\n        "])), fontSize) : null;
-}, system);
-export var FieldLabel = styled.label(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  font-size: 12px;\n"], ["\n  ", ";\n  font-size: 12px;\n"])), style);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+import styled$1, { css, system, th } from "@xstyled/styled-components";
+//#region packages/ui/Elements/Label/Label.tsx
+const style = css`
+  color: ${th.color("typoPrimary")};
+  font-family: ${th("fonts.primary")};
+  font-weight: bold;
+  display: block;
+  margin-bottom: 6px;
+`;
+const Label = styled$1.label`
+  margin-left: 8px;
+  ${style};
+  ${({ fontSize }) => fontSize ? css`
+          font-size: ${fontSize};
+        ` : null}
+  ${system};
+`;
+const FieldLabel = styled$1.label`
+  ${style};
+  font-size: 12px;
+`;
+//#endregion
+export { FieldLabel, Label };

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

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

package/ui/Elements/Label/index.js

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

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

@@ -1,9 +1,8 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
-        fontSize?: string | number | undefined;
+    component: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {
+        fontSize?: number | string;
     }, never>;
     tags: string[];
     argTypes: {};