@indxsearch/pixl 1.0.0 → 1.0.3

package/dist/components/main-icons/PercentIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PercentIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" })] }));
 };
 export default PercentIcon;

package/dist/components/main-icons/PersonaliseIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const PersonaliseIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsx("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 0H3V1H2V0ZM1 2V3H2V4V5H3V4V3V2H1ZM6 3V2H4V3H5V4V5H6V4V3ZM6 0H5V1H6V0Z" }) }));
+    return (_jsx("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 0H3V1H2V0ZM1 2V3H2V4V5H3V4V3V2H1ZM6 3V2H4V3H5V4V5H6V4V3ZM6 0H5V1H6V0Z" }) }));
 };
 export default PersonaliseIcon;

package/dist/components/main-icons/PlayIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PlayIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" })] }));
 };
 export default PlayIcon;

package/dist/components/main-icons/PlusIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PlusIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { "clip-path": "url(#clip0_5048_14603)", children: [_jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5048_14603", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { "clip-path": "url(#clip0_5048_14603)", children: [_jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5048_14603", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default PlusIcon;

package/dist/components/main-icons/PointLeftIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PointLeftIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { "clip-path": "url(#clip0_3546_7260)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 1L4 1V0L3 0V1ZM4 1L5 1V2V3V4V5H4L3 5H2V4L2 3L1 3H0V2L1 2H2L3 2H4L4 1ZM7 5H6L6 4V3V2L7 2V3L7 4V5Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7260", children: _jsx("rect", { width: "7", height: "5", transform: "matrix(-1 0 0 1 7 0)" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("g", { "clip-path": "url(#clip0_3546_7260)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 1L4 1V0L3 0V1ZM4 1L5 1V2V3V4V5H4L3 5H2V4L2 3L1 3H0V2L1 2H2L3 2H4L4 1ZM7 5H6L6 4V3V2L7 2V3L7 4V5Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7260", children: _jsx("rect", { width: "7", height: "5", transform: "matrix(-1 0 0 1 7 0)" }) }) })] }));
 };
 export default PointLeftIcon;

package/dist/components/main-icons/PointRightIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PointRightIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { "clip-path": "url(#clip0_3546_7262)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0L4 0V1L3 1V0ZM3 1L3 2H4L5 2H6L7 2V3H6L5 3L5 4V5H4L3 5H2V4V3V2L2 1L3 1ZM1 5L1 4V3L1 2L0 2L0 3L0 4L0 5H1Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7262", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("g", { "clip-path": "url(#clip0_3546_7262)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0L4 0V1L3 1V0ZM3 1L3 2H4L5 2H6L7 2V3H6L5 3L5 4V5H4L3 5H2V4V3V2L2 1L3 1ZM1 5L1 4V3L1 2L0 2L0 3L0 4L0 5H1Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7262", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default PointRightIcon;

package/dist/components/main-icons/PointUpIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const PointUpIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsx("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0V1L3 2V3V4L2 4V3H1V4H2L2 5H3H4L5 5H6V4L6 3V2L5 2H4V1V0L3 0Z" }) }));
+    return (_jsx("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0V1L3 2V3V4L2 4V3H1V4H2L2 5H3H4L5 5H6V4L6 3V2L5 2H4V1V0L3 0Z" }) }));
 };
 export default PointUpIcon;

package/dist/components/main-icons/PowerIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PowerIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" })] }));
 };
 export default PowerIcon;

package/dist/components/main-icons/PrevIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PrevIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" })] }));
 };
 export default PrevIcon;

package/dist/components/main-icons/PuzzlePieceIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PuzzlePieceIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "4", y: "4", width: "2", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "5", height: "1" }), _jsx("rect", { x: "1", width: "2", height: "1" }), _jsx("rect", { x: "4", width: "2", height: "1" }), _jsx("rect", { x: "1", y: "3", width: "5", height: "1" }), _jsx("rect", { x: "1", y: "4", width: "2", height: "1" }), _jsx("rect", { y: "2", width: "5", height: "1" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { x: "4", y: "4", width: "2", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "5", height: "1" }), _jsx("rect", { x: "1", width: "2", height: "1" }), _jsx("rect", { x: "4", width: "2", height: "1" }), _jsx("rect", { x: "1", y: "3", width: "5", height: "1" }), _jsx("rect", { x: "1", y: "4", width: "2", height: "1" }), _jsx("rect", { y: "2", width: "5", height: "1" })] }));
 };
 export default PuzzlePieceIcon;

package/dist/components/main-icons/RSSFeedIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const RSSFeedIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" })] }));
 };
 export default RSSFeedIcon;

package/dist/components/main-icons/RamIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const RamIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 2)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 2)" })] }));
 };
 export default RamIcon;

package/dist/components/main-icons/RecorderIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const RecorderIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { "clip-path": "url(#clip0_3546_7208)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0L2 0V1L1 1L1 0ZM1 2L0 2L0 1L1 1V2ZM2 2H1L1 3L2 3V4L1 4L1 5H2H3L4 5H5H6V4L5 4L5 3L6 3V2L7 2V1L6 1V0L5 0V1L4 1V2L5 2V3H4H3H2V2ZM5 2V1L6 1V2H5ZM2 2L3 2L3 1L2 1L2 2Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7208", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("g", { "clip-path": "url(#clip0_3546_7208)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0L2 0V1L1 1L1 0ZM1 2L0 2L0 1L1 1V2ZM2 2H1L1 3L2 3V4L1 4L1 5H2H3L4 5H5H6V4L5 4L5 3L6 3V2L7 2V1L6 1V0L5 0V1L4 1V2L5 2V3H4H3H2V2ZM5 2V1L6 1V2H5ZM2 2L3 2L3 1L2 1L2 2Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7208", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default RecorderIcon;

package/dist/components/main-icons/RefreshIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const RefreshIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 2 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 2 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" })] }));
 };
 export default RefreshIcon;

package/dist/components/main-icons/SaveIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SaveIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" })] }));
 };
 export default SaveIcon;

package/dist/components/main-icons/SearchIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const SearchIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsx("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 0H2V1H1V3H2V4H4V3H5V1H4V0ZM4 1V3H2V1H4ZM6 4H5V5H6V4Z" }) }));
+    return (_jsx("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 0H2V1H1V3H2V4H4V3H5V1H4V0ZM4 1V3H2V1H4ZM6 4H5V5H6V4Z" }) }));
 };
 export default SearchIcon;

package/dist/components/main-icons/SearchQueryIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SearchQueryIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" })] }));
 };
 export default SearchQueryIcon;

package/dist/components/main-icons/ShieldIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ShieldIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" })] }));
 };
 export default ShieldIcon;

package/dist/components/main-icons/SlidersHorizontalIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SlidersHorizontalIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { "clip-path": "url(#clip0_3376_2783)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 1V0H6V1H5ZM5 2H4H3V1H4H5V2ZM6 2V3H5V2H6ZM6 2H7V1H6V2ZM1 3V4H0V3H1ZM2 3H1V2H2V3ZM3 3H2V4H1V5H2V4H3H4V3H3Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3376_2783", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("g", { "clip-path": "url(#clip0_3376_2783)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 1V0H6V1H5ZM5 2H4H3V1H4H5V2ZM6 2V3H5V2H6ZM6 2H7V1H6V2ZM1 3V4H0V3H1ZM2 3H1V2H2V3ZM3 3H2V4H1V5H2V4H3H4V3H3Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3376_2783", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default SlidersHorizontalIcon;

package/dist/components/main-icons/SlidersVerticalIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SlidersVerticalIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { "clip-path": "url(#clip0_3376_2781)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0H0V1V2V3H1V4V5H2V4V3H3V2V1V0H2H1ZM1 2V1H2V2H1ZM5 4H4V3V2V1H5V0H6V1H7V2V3V4H6V5H5V4ZM6 2H5V3H6V2Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3376_2781", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("g", { "clip-path": "url(#clip0_3376_2781)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0H0V1V2V3H1V4V5H2V4V3H3V2V1V0H2H1ZM1 2V1H2V2H1ZM5 4H4V3V2V1H5V0H6V1H7V2V3V4H6V5H5V4ZM6 2H5V3H6V2Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3376_2781", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default SlidersVerticalIcon;

package/dist/components/main-icons/SmallerIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SmallerIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" })] }));
 };
 export default SmallerIcon;

package/dist/components/main-icons/SmallerOrEqualIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SmallerOrEqualIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 4)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 4)" })] }));
 };
 export default SmallerOrEqualIcon;

package/dist/components/main-icons/SortAscendingIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SortAscendingIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" })] }));
 };
 export default SortAscendingIcon;

package/dist/components/main-icons/SortDescendingIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SortDescendingIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" })] }));
 };
 export default SortDescendingIcon;

package/dist/components/main-icons/SparkIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SparkIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { "clip-path": "url(#clip0_5884_15096)", children: [_jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15096", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { "clip-path": "url(#clip0_5884_15096)", children: [_jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15096", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default SparkIcon;

package/dist/components/main-icons/SpecialCharactersIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SpecialCharactersIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { x: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1" })] }));
 };
 export default SpecialCharactersIcon;

package/dist/components/main-icons/SpectrumFlatIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const SpectrumFlatIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsx("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 2H0V3H1V2ZM3 2H2V3H3V2ZM4 2H5V3H4V2ZM7 2H6V3H7V2Z" }) }));
+    return (_jsx("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 2H0V3H1V2ZM3 2H2V3H3V2ZM4 2H5V3H4V2ZM7 2H6V3H7V2Z" }) }));
 };
 export default SpectrumFlatIcon;

package/dist/components/main-icons/SpectrumIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const SpectrumIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsx("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0H2V5H3V0ZM1 1H0V4H1V1ZM4 2H5V3H4V2ZM7 1H6V4H7V1Z" }) }));
+    return (_jsx("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0H2V5H3V0ZM1 1H0V4H1V1ZM4 2H5V3H4V2ZM7 1H6V4H7V1Z" }) }));
 };
 export default SpectrumIcon;

package/dist/components/main-icons/SpeedometerIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SpeedometerIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { "clip-path": "url(#clip0_3510_9524)", children: [_jsx("rect", { x: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3510_9524", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { "clip-path": "url(#clip0_3510_9524)", children: [_jsx("rect", { x: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3510_9524", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default SpeedometerIcon;

package/dist/components/main-icons/StatusIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StatusIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { "clip-path": "url(#clip0_7397_28254)", children: [_jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1" }), _jsx("rect", { y: "1", width: "1", height: "1" }), _jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_7397_28254", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { "clip-path": "url(#clip0_7397_28254)", children: [_jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1" }), _jsx("rect", { y: "1", width: "1", height: "1" }), _jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_7397_28254", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default StatusIcon;

package/dist/components/main-icons/SupportIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SupportIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { "clip-path": "url(#clip0_5884_15114)", children: [_jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { y: "1", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15114", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { "clip-path": "url(#clip0_5884_15114)", children: [_jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { y: "1", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15114", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default SupportIcon;

package/dist/components/main-icons/TagIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TagIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 2)" })] }));
 };
 export default TagIcon;

package/dist/components/main-icons/TerminalIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TerminalIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { "clip-path": "url(#clip0_3361_4183)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0H0V5H1H2H3H4H5H6H7V0H6H5H4H3H2H1ZM1 4H2V3H3V2H2V1L1 1L1 2H2V3H1L1 4ZM6 3H5H4V4H5H6V3Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3361_4183", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("g", { "clip-path": "url(#clip0_3361_4183)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0H0V5H1H2H3H4H5H6H7V0H6H5H4H3H2H1ZM1 4H2V3H3V2H2V1L1 1L1 2H2V3H1L1 4ZM6 3H5H4V4H5H6V3Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3361_4183", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default TerminalIcon;

package/dist/components/main-icons/ThumbsUpIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ThumbsUpIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "2", width: "1", height: "1" }), _jsx("rect", { y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" })] }));
 };
 export default ThumbsUpIcon;

package/dist/components/main-icons/ToolBoxIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ToolBoxIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { "clip-path": "url(#clip0_5884_15120)", children: [_jsx("rect", { y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { y: "4", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "4", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15120", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { "clip-path": "url(#clip0_5884_15120)", children: [_jsx("rect", { y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "1", height: "1" }), _jsx("rect", { y: "4", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "4", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15120", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default ToolBoxIcon;

package/dist/components/main-icons/TypingIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const TypingIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsx("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0H2V1H3V0ZM1 2H0V3H1V2ZM4 2H5V3H4V2ZM7 2H6V3H7V2ZM2 2H3V3H2V2ZM5 4H4V5H5V4Z" }) }));
+    return (_jsx("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0H2V1H3V0ZM1 2H0V3H1V2ZM4 2H5V3H4V2ZM7 2H6V3H7V2ZM2 2H3V3H2V2ZM5 4H4V5H5V4Z" }) }));
 };
 export default TypingIcon;

package/dist/components/main-icons/TypoOrBugIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const TypoOrBugIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsx("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0H2H3H4H5H6V1H5H4H3H2H1V0ZM1 4H0V3V2V1H1V2V3V4ZM1 4H2V5H1V4ZM6 4V3V2V1H7V2V3V4H6ZM6 4H5V5H6V4ZM3 2H2V3H3V2ZM5 2H4V3H5V2ZM3 4H4V5H3V4Z" }) }));
+    return (_jsx("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0H2H3H4H5H6V1H5H4H3H2H1V0ZM1 4H0V3V2V1H1V2V3V4ZM1 4H2V5H1V4ZM6 4V3V2V1H7V2V3V4H6ZM6 4H5V5H6V4ZM3 2H2V3H3V2ZM5 2H4V3H5V2ZM3 4H4V5H3V4Z" }) }));
 };
 export default TypoOrBugIcon;

package/dist/components/main-icons/UpdateIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const UpdateIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 2 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 1 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 2 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 1 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 1 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 3 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 1 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(-1 -8.74228e-08 -8.74228e-08 1 2 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 3 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 5)" })] }));
 };
 export default UpdateIcon;

package/dist/components/main-icons/UserAliasIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const UserAliasIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "6", y: "2", width: "1", height: "1", transform: "rotate(180 6 2)" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1", transform: "rotate(180 5 1)" }), _jsx("rect", { x: "7", y: "3", width: "1", height: "1", transform: "rotate(180 7 3)" }), _jsx("rect", { x: "7", y: "2", width: "1", height: "1", transform: "rotate(180 7 2)" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1", transform: "rotate(180 6 1)" }), _jsx("rect", { x: "7", y: "1", width: "1", height: "1", transform: "rotate(180 7 1)" }), _jsx("rect", { x: "5", y: "3", width: "1", height: "1", transform: "rotate(180 5 3)" }), _jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "3", height: "1" })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { x: "6", y: "2", width: "1", height: "1", transform: "rotate(180 6 2)" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1", transform: "rotate(180 5 1)" }), _jsx("rect", { x: "7", y: "3", width: "1", height: "1", transform: "rotate(180 7 3)" }), _jsx("rect", { x: "7", y: "2", width: "1", height: "1", transform: "rotate(180 7 2)" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1", transform: "rotate(180 6 1)" }), _jsx("rect", { x: "7", y: "1", width: "1", height: "1", transform: "rotate(180 7 1)" }), _jsx("rect", { x: "5", y: "3", width: "1", height: "1", transform: "rotate(180 5 3)" }), _jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "3", height: "1" })] }));
 };
 export default UserAliasIcon;

package/dist/components/main-icons/UserBookmarkIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const UserBookmarkIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { "clip-path": "url(#clip0_5884_15089)", children: [_jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "3", height: "1" }), _jsx("rect", { x: "4", y: "1", width: "1", height: "1", transform: "rotate(-90 4 1)" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1", transform: "rotate(-90 6 1)" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1", transform: "rotate(-90 4 4)" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1", transform: "rotate(-90 5 1)" }), _jsx("rect", { x: "6", y: "4", width: "1", height: "1", transform: "rotate(-90 6 4)" }), _jsx("rect", { x: "5", y: "3", width: "1", height: "1", transform: "rotate(-90 5 3)" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1", transform: "rotate(-90 6 3)" }), _jsx("rect", { x: "4", y: "3", width: "1", height: "1", transform: "rotate(-90 4 3)" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1", transform: "rotate(-90 4 2)" }), _jsx("rect", { x: "5", y: "2", width: "1", height: "1", transform: "rotate(-90 5 2)" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1", transform: "rotate(-90 6 2)" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15089", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { "clip-path": "url(#clip0_5884_15089)", children: [_jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "1", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "4", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "3", height: "1" }), _jsx("rect", { x: "4", y: "1", width: "1", height: "1", transform: "rotate(-90 4 1)" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1", transform: "rotate(-90 6 1)" }), _jsx("rect", { x: "4", y: "4", width: "1", height: "1", transform: "rotate(-90 4 4)" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1", transform: "rotate(-90 5 1)" }), _jsx("rect", { x: "6", y: "4", width: "1", height: "1", transform: "rotate(-90 6 4)" }), _jsx("rect", { x: "5", y: "3", width: "1", height: "1", transform: "rotate(-90 5 3)" }), _jsx("rect", { x: "6", y: "3", width: "1", height: "1", transform: "rotate(-90 6 3)" }), _jsx("rect", { x: "4", y: "3", width: "1", height: "1", transform: "rotate(-90 4 3)" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1", transform: "rotate(-90 4 2)" }), _jsx("rect", { x: "5", y: "2", width: "1", height: "1", transform: "rotate(-90 5 2)" }), _jsx("rect", { x: "6", y: "2", width: "1", height: "1", transform: "rotate(-90 6 2)" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15089", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default UserBookmarkIcon;

package/dist/components/main-icons/UserCheckIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const UserCheckIcon = ({ color = 'currentColor', ...props }) => {
-    return (_jsxs("svg", { ...props, fill: color, width: "7", height: "5", viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { "clip-path": "url(#clip0_3546_7258)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0L2 0V1L1 1L1 0ZM1 4V3H0L0 2L3 2V3H2V4L1 4ZM1 4L1 5H0L0 4H1ZM2 4H3V5H2V4ZM4 2H3L3 1L4 1V2ZM5 2L4 2V3H5V2ZM6 1V2H5V1L6 1ZM6 1L7 1V0L6 0V1Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7258", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
+    return (_jsxs("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("g", { "clip-path": "url(#clip0_3546_7258)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0L2 0V1L1 1L1 0ZM1 4V3H0L0 2L3 2V3H2V4L1 4ZM1 4L1 5H0L0 4H1ZM2 4H3V5H2V4ZM4 2H3L3 1L4 1V2ZM5 2L4 2V3H5V2ZM6 1V2H5V1L6 1ZM6 1L7 1V0L6 0V1Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7258", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default UserCheckIcon;