@mailstep/design-system 0.8.26-beta.2 → 0.8.26-beta.4

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

@@ -0,0 +1,147 @@
+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 FlagSVK = function FlagSVK(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        width: "28",
+        height: "20",
+        viewBox: "0 0 28 20",
+        fill: "none"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx("rect", {
+                x: "0.25",
+                y: "0.25",
+                width: "27.5",
+                height: "19.5",
+                rx: "1.75",
+                fill: "white",
+                stroke: "#F5F5F5",
+                strokeWidth: "0.5"
+            }),
+            /* @__PURE__ */ jsx("mask", {
+                id: "mask0_48_1842",
+                maskUnits: "userSpaceOnUse",
+                x: "0",
+                y: "0",
+                width: "28",
+                height: "20",
+                children: /* @__PURE__ */ jsx("rect", {
+                    x: "0.25",
+                    y: "0.25",
+                    width: "27.5",
+                    height: "19.5",
+                    rx: "1.75",
+                    fill: "white",
+                    stroke: "white",
+                    strokeWidth: "0.5"
+                })
+            }),
+            /* @__PURE__ */ jsxs("g", {
+                mask: "url(#mask0_48_1842)",
+                children: [
+                    /* @__PURE__ */ jsx("path", {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M0 13.3333H28V6.66666H0V13.3333Z",
+                        fill: "#0C47B7"
+                    }),
+                    /* @__PURE__ */ jsx("path", {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M0 20H28V13.3333H0V20Z",
+                        fill: "#E53B35"
+                    }),
+                    /* @__PURE__ */ jsx("path", {
+                        d: "M6.94971 3.33333C5.87505 3.33333 4.99249 4.1826 4.95119 5.25647L4.69194 11.9969C4.66847 12.6073 4.92515 13.1948 5.38888 13.5923L8.26456 16.0572C9.2632 16.9132 10.7368 16.9132 11.7355 16.0572L14.6111 13.5923C15.0749 13.1948 15.3315 12.6073 15.3081 11.9969L15.0488 5.25647C15.0075 4.1826 14.125 3.33333 13.0503 3.33333H6.94971Z",
+                        fill: "#F73744",
+                        stroke: "white",
+                        strokeWidth: "1.33333"
+                    }),
+                    /* @__PURE__ */ jsx("mask", {
+                        id: "mask1_48_1842",
+                        maskUnits: "userSpaceOnUse",
+                        x: "4",
+                        y: "2",
+                        width: "12",
+                        height: "16",
+                        children: /* @__PURE__ */ jsx("path", {
+                            d: "M6.94971 3.33333C5.87505 3.33333 4.99249 4.1826 4.95119 5.25647L4.69194 11.9969C4.66847 12.6073 4.92515 13.1948 5.38888 13.5923L8.26456 16.0572C9.2632 16.9132 10.7368 16.9132 11.7355 16.0572L14.6111 13.5923C15.0749 13.1948 15.3315 12.6073 15.3081 11.9969L15.0488 5.25647C15.0075 4.1826 14.125 3.33333 13.0503 3.33333H6.94971Z",
+                            fill: "white",
+                            stroke: "white",
+                            strokeWidth: "1.33333"
+                        })
+                    }),
+                    /* @__PURE__ */ jsxs("g", {
+                        mask: "url(#mask1_48_1842)",
+                        children: [
+                            /* @__PURE__ */ jsx("path", {
+                                fillRule: "evenodd",
+                                clipRule: "evenodd",
+                                d: "M9.33331 11C9.33331 10.8159 9.18407 10.6667 8.99998 10.6667H7.66665C7.48255 10.6667 7.33331 10.5174 7.33331 10.3333V9.66668C7.33331 9.48258 7.48255 9.33334 7.66665 9.33334H8.99998C9.18407 9.33334 9.33331 9.1841 9.33331 9.00001V8.33334C9.33331 8.14925 9.18407 8.00001 8.99998 8.00001H8.33331C8.14922 8.00001 7.99998 7.85077 7.99998 7.66668V7.00001C7.99998 6.81592 8.14922 6.66668 8.33331 6.66668H8.99998C9.18407 6.66668 9.33331 6.51744 9.33331 6.33334V5.66668C9.33331 5.48258 9.48255 5.33334 9.66665 5.33334H10.3333C10.5174 5.33334 10.6666 5.48258 10.6666 5.66668V6.33334C10.6666 6.51744 10.8159 6.66668 11 6.66668H11.6666C11.8507 6.66668 12 6.81592 12 7.00001V7.66668C12 7.85077 11.8507 8.00001 11.6666 8.00001H11C10.8159 8.00001 10.6666 8.14925 10.6666 8.33334V9.00001C10.6666 9.1841 10.8159 9.33334 11 9.33334H12.3333C12.5174 9.33334 12.6666 9.48258 12.6666 9.66668V10.3333C12.6666 10.5174 12.5174 10.6667 12.3333 10.6667H11C10.8159 10.6667 10.6666 10.8159 10.6666 11V13C10.6666 13.1841 10.5174 13.3333 10.3333 13.3333H9.66665C9.48255 13.3333 9.33331 13.1841 9.33331 13V11Z",
+                                fill: "white"
+                            }),
+                            /* @__PURE__ */ jsx("path", {
+                                fillRule: "evenodd",
+                                clipRule: "evenodd",
+                                d: "M11.2035 13.4254C10.9889 12.9767 10.5307 12.6667 10 12.6667C9.46934 12.6667 9.01109 12.9767 8.79647 13.4254C7.17545 13.6808 6 14.4384 6 15.3333C6 16.4379 7.79086 17.3333 10 17.3333C12.2091 17.3333 14 16.4379 14 15.3333C14 14.4384 12.8246 13.6808 11.2035 13.4254Z",
+                                fill: "#1251A1"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    }));
+};
+export { FlagSVK };

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

@@ -0,0 +1,75 @@
+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 FlagUK = function FlagUK(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "28",
+        height: "20"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx("rect", {
+                width: "28",
+                height: "20",
+                fill: "#0057B7"
+            }),
+            /* @__PURE__ */ jsx("rect", {
+                width: "28",
+                height: "10",
+                y: "10",
+                fill: "#FFD700"
+            })
+        ]
+    }));
+};
+export { FlagUK };

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

@@ -0,0 +1,170 @@
+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 FlagUSA = function FlagUSA(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        width: "28",
+        height: "20",
+        viewBox: "0 0 28 20",
+        fill: "none"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx("rect", {
+                width: "28",
+                height: "20",
+                rx: "2",
+                fill: "white"
+            }),
+            /* @__PURE__ */ jsx("mask", {
+                id: "mask0_48_2135",
+                maskUnits: "userSpaceOnUse",
+                x: "0",
+                y: "0",
+                width: "28",
+                height: "20",
+                children: /* @__PURE__ */ jsx("rect", {
+                    width: "28",
+                    height: "20",
+                    rx: "2",
+                    fill: "white"
+                })
+            }),
+            /* @__PURE__ */ jsxs("g", {
+                mask: "url(#mask0_48_2135)",
+                children: [
+                    /* @__PURE__ */ jsx("path", {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M28 0H0V1.33333H28V0ZM28 2.66667H0V4H28V2.66667ZM0 5.33333H28V6.66667H0V5.33333ZM28 8H0V9.33333H28V8ZM0 10.6667H28V12H0V10.6667ZM28 13.3333H0V14.6667H28V13.3333ZM0 16H28V17.3333H0V16ZM28 18.6667H0V20H28V18.6667Z",
+                        fill: "#D02F44"
+                    }),
+                    /* @__PURE__ */ jsx("rect", {
+                        width: "12",
+                        height: "9.33333",
+                        fill: "#46467F"
+                    }),
+                    /* @__PURE__ */ jsx("g", {
+                        filter: "url(#filter0_d_48_2135)",
+                        children: /* @__PURE__ */ jsx("path", {
+                            fillRule: "evenodd",
+                            clipRule: "evenodd",
+                            d: "M2.66671 2.00001C2.66671 2.3682 2.36823 2.66668 2.00004 2.66668C1.63185 2.66668 1.33337 2.3682 1.33337 2.00001C1.33337 1.63182 1.63185 1.33334 2.00004 1.33334C2.36823 1.33334 2.66671 1.63182 2.66671 2.00001ZM5.33337 2.00001C5.33337 2.3682 5.0349 2.66668 4.66671 2.66668C4.29852 2.66668 4.00004 2.3682 4.00004 2.00001C4.00004 1.63182 4.29852 1.33334 4.66671 1.33334C5.0349 1.33334 5.33337 1.63182 5.33337 2.00001ZM7.33337 2.66668C7.70156 2.66668 8.00004 2.3682 8.00004 2.00001C8.00004 1.63182 7.70156 1.33334 7.33337 1.33334C6.96518 1.33334 6.66671 1.63182 6.66671 2.00001C6.66671 2.3682 6.96518 2.66668 7.33337 2.66668ZM10.6667 2.00001C10.6667 2.3682 10.3682 2.66668 10 2.66668C9.63185 2.66668 9.33337 2.3682 9.33337 2.00001C9.33337 1.63182 9.63185 1.33334 10 1.33334C10.3682 1.33334 10.6667 1.63182 10.6667 2.00001ZM3.33337 4.00001C3.70156 4.00001 4.00004 3.70153 4.00004 3.33334C4.00004 2.96515 3.70156 2.66668 3.33337 2.66668C2.96518 2.66668 2.66671 2.96515 2.66671 3.33334C2.66671 3.70153 2.96518 4.00001 3.33337 4.00001ZM6.66671 3.33334C6.66671 3.70153 6.36823 4.00001 6.00004 4.00001C5.63185 4.00001 5.33337 3.70153 5.33337 3.33334C5.33337 2.96515 5.63185 2.66668 6.00004 2.66668C6.36823 2.66668 6.66671 2.96515 6.66671 3.33334ZM8.66671 4.00001C9.0349 4.00001 9.33337 3.70153 9.33337 3.33334C9.33337 2.96515 9.0349 2.66668 8.66671 2.66668C8.29852 2.66668 8.00004 2.96515 8.00004 3.33334C8.00004 3.70153 8.29852 4.00001 8.66671 4.00001ZM10.6667 4.66668C10.6667 5.03487 10.3682 5.33334 10 5.33334C9.63185 5.33334 9.33337 5.03487 9.33337 4.66668C9.33337 4.29849 9.63185 4.00001 10 4.00001C10.3682 4.00001 10.6667 4.29849 10.6667 4.66668ZM7.33337 5.33334C7.70156 5.33334 8.00004 5.03487 8.00004 4.66668C8.00004 4.29849 7.70156 4.00001 7.33337 4.00001C6.96518 4.00001 6.66671 4.29849 6.66671 4.66668C6.66671 5.03487 6.96518 5.33334 7.33337 5.33334ZM5.33337 4.66668C5.33337 5.03487 5.0349 5.33334 4.66671 5.33334C4.29852 5.33334 4.00004 5.03487 4.00004 4.66668C4.00004 4.29849 4.29852 4.00001 4.66671 4.00001C5.0349 4.00001 5.33337 4.29849 5.33337 4.66668ZM2.00004 5.33334C2.36823 5.33334 2.66671 5.03487 2.66671 4.66668C2.66671 4.29849 2.36823 4.00001 2.00004 4.00001C1.63185 4.00001 1.33337 4.29849 1.33337 4.66668C1.33337 5.03487 1.63185 5.33334 2.00004 5.33334ZM4.00004 6.00001C4.00004 6.3682 3.70156 6.66668 3.33337 6.66668C2.96518 6.66668 2.66671 6.3682 2.66671 6.00001C2.66671 5.63182 2.96518 5.33334 3.33337 5.33334C3.70156 5.33334 4.00004 5.63182 4.00004 6.00001ZM6.00004 6.66668C6.36823 6.66668 6.66671 6.3682 6.66671 6.00001C6.66671 5.63182 6.36823 5.33334 6.00004 5.33334C5.63185 5.33334 5.33337 5.63182 5.33337 6.00001C5.33337 6.3682 5.63185 6.66668 6.00004 6.66668ZM9.33337 6.00001C9.33337 6.3682 9.0349 6.66668 8.66671 6.66668C8.29852 6.66668 8.00004 6.3682 8.00004 6.00001C8.00004 5.63182 8.29852 5.33334 8.66671 5.33334C9.0349 5.33334 9.33337 5.63182 9.33337 6.00001ZM10 8.00001C10.3682 8.00001 10.6667 7.70153 10.6667 7.33334C10.6667 6.96515 10.3682 6.66668 10 6.66668C9.63185 6.66668 9.33337 6.96515 9.33337 7.33334C9.33337 7.70153 9.63185 8.00001 10 8.00001ZM8.00004 7.33334C8.00004 7.70153 7.70156 8.00001 7.33337 8.00001C6.96518 8.00001 6.66671 7.70153 6.66671 7.33334C6.66671 6.96515 6.96518 6.66668 7.33337 6.66668C7.70156 6.66668 8.00004 6.96515 8.00004 7.33334ZM4.66671 8.00001C5.0349 8.00001 5.33337 7.70153 5.33337 7.33334C5.33337 6.96515 5.0349 6.66668 4.66671 6.66668C4.29852 6.66668 4.00004 6.96515 4.00004 7.33334C4.00004 7.70153 4.29852 8.00001 4.66671 8.00001ZM2.66671 7.33334C2.66671 7.70153 2.36823 8.00001 2.00004 8.00001C1.63185 8.00001 1.33337 7.70153 1.33337 7.33334C1.33337 6.96515 1.63185 6.66668 2.00004 6.66668C2.36823 6.66668 2.66671 6.96515 2.66671 7.33334Z",
+                            fill: "url(#paint0_linear_48_2135)"
+                        })
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsxs("defs", {
+                children: [
+                    /* @__PURE__ */ jsxs("filter", {
+                        id: "filter0_d_48_2135",
+                        x: "1.33337",
+                        y: "1.33334",
+                        width: "9.33337",
+                        height: "7.66666",
+                        filterUnits: "userSpaceOnUse",
+                        colorInterpolationFilters: "sRGB",
+                        children: [
+                            /* @__PURE__ */ jsx("feFlood", {
+                                floodOpacity: "0",
+                                result: "BackgroundImageFix"
+                            }),
+                            /* @__PURE__ */ jsx("feColorMatrix", {
+                                in: "SourceAlpha",
+                                type: "matrix",
+                                values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                                result: "hardAlpha"
+                            }),
+                            /* @__PURE__ */ jsx("feOffset", {
+                                dy: "1"
+                            }),
+                            /* @__PURE__ */ jsx("feColorMatrix", {
+                                type: "matrix",
+                                values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
+                            }),
+                            /* @__PURE__ */ jsx("feBlend", {
+                                mode: "normal",
+                                in2: "BackgroundImageFix",
+                                result: "effect1_dropShadow_48_2135"
+                            }),
+                            /* @__PURE__ */ jsx("feBlend", {
+                                mode: "normal",
+                                in: "SourceGraphic",
+                                in2: "effect1_dropShadow_48_2135",
+                                result: "shape"
+                            })
+                        ]
+                    }),
+                    /* @__PURE__ */ jsxs("linearGradient", {
+                        id: "paint0_linear_48_2135",
+                        x1: "1.33337",
+                        y1: "1.33334",
+                        x2: "1.33337",
+                        y2: "8.00001",
+                        gradientUnits: "userSpaceOnUse",
+                        children: [
+                            /* @__PURE__ */ jsx("stop", {
+                                stopColor: "white"
+                            }),
+                            /* @__PURE__ */ jsx("stop", {
+                                offset: "1",
+                                stopColor: "#F0F0F0"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    }));
+};
+export { FlagUSA };

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

@@ -0,0 +1,86 @@
+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 Foldable = function Foldable(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        width: "22",
+        height: "26",
+        viewBox: "0 0 22 26",
+        stroke: "#9E4800",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx("path", {
+                d: "M11.595 4.80273V24.7273H0.727051V4.80273H5.70818",
+                strokeWidth: "1.35849",
+                strokeMiterlimit: "10",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M11.595 4.80277V24.7273H20.6516V4.80277H11.595Z",
+                strokeWidth: "1.35849",
+                strokeMiterlimit: "10",
+                strokeLinejoin: "round",
+                strokeDasharray: "1.81 1.81"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M5.70818 0.727295L11.595 4.80277V24.7273L5.70818 20.6518V0.727295Z",
+                strokeWidth: "1.35849",
+                strokeMiterlimit: "10",
+                strokeLinejoin: "round"
+            })
+        ]
+    }));
+};
+export { Foldable };

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

@@ -0,0 +1,94 @@
+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 Fragile = function Fragile(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        width: "45",
+        height: "70",
+        viewBox: "0 0 45 70",
+        fill: "none",
+        stroke: "black",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx("path", {
+                d: "M22.5417 45.2083V68.5417",
+                strokeWidth: "2.91667",
+                strokeMiterlimit: "10",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M10.875 68.5417H34.2083",
+                strokeWidth: "2.91667",
+                strokeMiterlimit: "10",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M5.04167 1.45834H40.0417L42.9583 24.7917C42.9583 36.0704 33.8175 45.2083 22.5417 45.2083C11.2658 45.2083 2.125 36.0704 2.125 24.7917L5.04167 1.45834Z",
+                strokeWidth: "2.91667",
+                strokeMiterlimit: "10",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M28.3751 1.45834L13.7917 16.0417H28.3751L13.7917 30.625",
+                strokeWidth: "2.91667",
+                strokeMiterlimit: "10",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    }));
+};
+export { Fragile };

package/ui/Elements/Icon/icons/Gift.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 Gift = function Gift(props) {
+    return /* @__PURE__ */ jsxs("svg", _object_spread_props(_object_spread({
+        width: "18",
+        height: "15",
+        viewBox: "0 0 18 15",
+        stroke: "#DB2B19",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx("path", {
+                d: "M1.85556 2.125L3.48063 0.970602C3.76878 0.765903 4.15773 0.777028 4.43371 0.997864L8.6136 4.34248C9.02428 4.67109 9.00625 5.30141 8.57746 5.60601L6.95239 6.76042C6.66423 6.96512 6.27529 6.95399 5.9993 6.73316L1.81941 3.38854C1.40874 3.05993 1.42677 2.4296 1.85556 2.125Z",
+                strokeWidth: "1.5"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M9.85562 5.60601L11.4807 6.76042C11.7688 6.96512 12.1578 6.95399 12.4338 6.73315L16.6137 3.38854C17.0243 3.05993 17.0063 2.4296 16.5775 2.125L14.9524 0.970601C14.6643 0.765902 14.2753 0.777027 13.9994 0.997863L9.81948 4.34248C9.4088 4.67109 9.42683 5.30141 9.85562 5.60601Z",
+                strokeWidth: "1.5"
+            }),
+            /* @__PURE__ */ jsx("path", {
+                d: "M3 4.5V13.2083C3 13.6456 3.35444 14 3.79167 14H15.2083C15.6456 14 16 13.6456 16 13.2083V4",
+                strokeWidth: "1.5"
+            }),
+            /* @__PURE__ */ jsx("line", {
+                x1: "9.75",
+                y1: "11",
+                x2: "9.75",
+                y2: "14",
+                strokeWidth: "1.5"
+            }),
+            /* @__PURE__ */ jsx("line", {
+                x1: "9.75",
+                y1: "6",
+                x2: "9.75",
+                y2: "9",
+                strokeWidth: "1.5"
+            })
+        ]
+    }));
+};
+export { Gift };