@mailstep/design-system 0.8.27 → 0.8.28

package/ui/Elements/Icon/index.js

@@ -1,5 +1,97 @@
-import Icon from "./Icon";
-export * from "./icons";
-import { iconDictionary } from "./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;
-export { Icon, Icon_default as default, iconDictionary };
+//#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/types.js

@@ -0,0 +1 @@
+export {};

package/ui/Elements/Image/Image.js

@@ -1,157 +1,16 @@
-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 "react";
 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(", ");
+//#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 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 };
+//#endregion
+export { Image as default };

package/ui/Elements/Image/index.js

@@ -1,3 +1,5 @@
-import Image from "./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/types.js

@@ -0,0 +1 @@
+export {};

package/ui/Elements/Label/Label.js

@@ -1,62 +1,23 @@
-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  color: ",
-        ";\n  font-family: ",
-        ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n          font-size: ",
-        ";\n        "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  margin-left: 8px;\n  ",
-        ";\n  ",
-        "\n  ",
-        ";\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  ",
-        ";\n  font-size: 12px;\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled, { css } from "@xstyled/styled-components";
-import { system, th } from "@xstyled/styled-components";
-var style = css(_templateObject(), th.color("typoPrimary"), th("fonts.primary"));
-var Label = styled.label(_templateObject2(), style, function(param) {
-    var fontSize = param.fontSize;
-    return fontSize ? css(_templateObject1(), fontSize) : null;
-}, system);
-var FieldLabel = styled.label(_templateObject3(), style);
+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.js

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

package/ui/Elements/Line/Line.js

@@ -1,47 +1,23 @@
-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  width: 100%;\n  border-bottom: 1px ",
-        ";\n  border-bottom-color: lightGray3;\n  margin: ",
-        ";\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
-import styled from "@xstyled/styled-components";
-var gabs = {
-    none: 0,
-    small: "5px",
-    medium: "10px",
-    large: "20px"
+//#region packages/ui/Elements/Line/Line.tsx
+const gabs = {
+	none: 0,
+	small: "5px",
+	medium: "10px",
+	large: "20px"
 };
-var LineComponent = styled.div(_templateObject(), function(param) {
-    var variant = param.variant;
-    return variant;
-}, function(param) {
-    var gab = param.gab, gabTop = param.gabTop, gabBottom = param.gabBottom;
-    return "".concat(gabs[gab] || gabs[gabTop], " 0 ").concat(gabs[gab] || gabs[gabBottom]);
+const LineComponent = styled$1.div`
+  width: 100%;
+  border-bottom: 1px ${({ variant }) => variant};
+  border-bottom-color: lightGray3;
+  margin: ${({ gab, gabTop, gabBottom }) => `${gabs[gab] || gabs[gabTop]} 0 ${gabs[gab] || gabs[gabBottom]}`};
+`;
+const Line = ({ gab = "none", gabTop = "none", gabBottom = "none", variant = "solid" }) => /* @__PURE__ */ jsx(LineComponent, {
+	gab,
+	gabTop,
+	gabBottom,
+	variant
 });
-var Line = function Line(param) {
-    var _param_gab = param.gab, gab = _param_gab === void 0 ? "none" : _param_gab, _param_gabTop = param.gabTop, gabTop = _param_gabTop === void 0 ? "none" : _param_gabTop, _param_gabBottom = param.gabBottom, gabBottom = _param_gabBottom === void 0 ? "none" : _param_gabBottom, _param_variant = param.variant, variant = _param_variant === void 0 ? "solid" : _param_variant;
-    return /* @__PURE__ */ jsx(LineComponent, {
-        gab: gab,
-        gabTop: gabTop,
-        gabBottom: gabBottom,
-        variant: variant
-    });
-};
-var Line_default = Line;
-export { Line_default as default };
+//#endregion
+export { Line as default };

package/ui/Elements/Line/index.js

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

package/ui/Elements/Line/types.js

@@ -0,0 +1 @@
+export {};

package/ui/Elements/Link/Link.js

@@ -1,128 +1,44 @@
-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;
-}
-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          pointer-events: none;\n          opacity: 0.5;\n        "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  color: ",
-        ";\n  cursor: pointer;\n  :visited {\n    color: ",
-        ";\n  }\n  :hover {\n    color: ",
-        ";\n  }\n  :active {\n    color: ",
-        ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ",
-        ";\n  font-size: ",
-        ";\n\n  ",
-        "\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+import { createRgba } from "../../utils/CreateRgba/createRgba.js";
+import "../../utils/index.js";
+import "react";
+import styled$1, { css, th, useTheme } from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
-import { NavLink as ReactLink } from "react-router-dom";
-import { createRgba } from "../../utils";
-import styled, { css, useTheme, th } from "@xstyled/styled-components";
-var StyledLink = styled(ReactLink)(_templateObject1(), function(param) {
-    var color = param.color;
-    return createRgba(color, 0.7);
-}, function(param) {
-    var color = param.color;
-    return color;
-}, function(param) {
-    var color = param.color;
-    return color;
-}, function(param) {
-    var color = param.color;
-    return color;
-}, th("fonts.primary"), function(param) {
-    var size = param.size;
-    return size;
-}, function(param) {
-    var disabled = param.disabled;
-    return disabled ? css(_templateObject()) : null;
-});
-var Link = function Link(props) {
-    var _props_size;
-    var theme = useTheme();
-    var themeColor = props.color ? th.color(props.color)({
-        theme: theme
-    }) : void 0;
-    var themeFontSize = th.fontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : 1)({
-        theme: theme
-    });
-    return /* @__PURE__ */ jsx(StyledLink, _object_spread_props(_object_spread({}, props), {
-        to: props.to || "",
-        color: themeColor,
-        size: themeFontSize,
-        children: props.children
-    }));
+import { NavLink } from "react-router-dom";
+//#region packages/ui/Elements/Link/Link.tsx
+const StyledLink = styled$1(NavLink)`
+  color: ${({ color }) => createRgba(color, .7)};
+  cursor: pointer;
+  :visited {
+    color: ${({ color }) => color};
+  }
+  :hover {
+    color: ${({ color }) => color};
+  }
+  :active {
+    color: ${({ color }) => color};
+  }
+  :focus {
+    outline: none;
+  }
+  font-family: ${th("fonts.primary")};
+  font-size: ${({ size }) => size};
+
+  ${({ disabled }) => disabled ? css`
+          pointer-events: none;
+          opacity: 0.5;
+        ` : null}
+`;
+const Link = (props) => {
+	const theme = useTheme();
+	const themeColor = props.color ? th.color(props.color)({ theme }) : void 0;
+	const themeFontSize = th.fontSize(props.size ?? 1)({ theme });
+	return /* @__PURE__ */ jsx(StyledLink, {
+		...props,
+		to: props.to || "",
+		color: themeColor,
+		size: themeFontSize,
+		children: props.children
+	});
 };
-var Link_default = Link;
-export { Link_default as default };
+//#endregion
+export { Link as default };

package/ui/Elements/Link/index.js

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