@indxsearch/pixl 1.0.1 → 1.0.3

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const JsonIcon = ({ 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_5628_9371)", children: [_jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", 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: "1", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "3", 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: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "5", 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("defs", { children: _jsx("clipPath", { id: "clip0_5628_9371", 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_5628_9371)", children: [_jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "2", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", 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: "1", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "3", 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: "1", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "5", 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("defs", { children: _jsx("clipPath", { id: "clip0_5628_9371", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default JsonIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const JsonQueryIcon = ({ 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 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 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 2 5)" }), _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 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 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 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 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 1 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 2 5)" }), _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 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 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 4 2)" })] }));
 };
 export default JsonQueryIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const JsonResultIcon = ({ 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 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 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 2 5)" }), _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 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 4 5)" }), _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 6 3)" }), _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 5 3)" }), _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 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 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 1 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 2 5)" }), _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 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 4 5)" }), _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 6 3)" }), _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 5 3)" }), _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 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 1)" })] }));
 };
 export default JsonResultIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const KeyIcon = ({ 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: "M5 1H6V2H5V3H6V4H5H4V3H3V4H2V3H1V4H0V3V2H1H2H3H4V1H5ZM6 3V2H7V3H6Z" }) }));
+    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: "M5 1H6V2H5V3H6V4H5H4V3H3V4H2V3H1V4H0V3V2H1H2H3H4V1H5ZM6 3V2H7V3H6Z" }) }));
 };
 export default KeyIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LabExperimentIcon = ({ 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 1)" }), _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 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 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 2 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 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 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 3 4)" }), _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 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 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 4 1)" }), _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 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 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 2 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 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 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 3 4)" }), _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 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 4)" })] }));
 };
 export default LabExperimentIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LayoutAlignBottomIcon = ({ 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 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 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 2)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 2 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 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 4 2)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 2)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 2 3)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 2 1)" })] }));
 };
 export default LayoutAlignBottomIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LayoutAlignLeftIcon = ({ 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 1)" }), _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 1 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 1 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 3 3)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 3 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 1)" }), _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 1 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 1 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 3 3)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 3 4)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 3 2)" })] }));
 };
 export default LayoutAlignLeftIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LayoutAlignRightIcon = ({ 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 1)" }), _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 5 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 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 1 4)" }), _jsx("rect", { width: "3", 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 5 1)" }), _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 5 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 3 3)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 1 3)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 1 4)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 1 2)" })] }));
 };
 export default LayoutAlignRightIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LayoutAlignTopIcon = ({ 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 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 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 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 2 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 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 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 4 4)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 2 4)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 2 5)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 2 3)" })] }));
 };
 export default LayoutAlignTopIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const LightBulbIcon = ({ 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 0L2 0V1L1 1V2L1 3H2V4L2 5H3H4L5 5V4L5 3H6V2V1L5 1V0L4 0L3 0ZM5 2V1L4 1L3 1L2 1V2L2 3L3 3V4H4V3H5V2Z" }) }));
+    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 0L2 0V1L1 1V2L1 3H2V4L2 5H3H4L5 5V4L5 3H6V2V1L5 1V0L4 0L3 0ZM5 2V1L4 1L3 1L2 1V2L2 3L3 3V4H4V3H5V2Z" }) }));
 };
 export default LightBulbIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LinearIcon = ({ 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", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", 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("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "2", 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", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "4", 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("rect", { x: "3", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "3", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "2", width: "1", height: "1" })] }));
 };
 export default LinearIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const LinkIcon = ({ 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: "M5 1H6V2H5H4V1H5ZM6 3V2H7V3H6ZM6 3V4H5H4V3H5H6ZM0 2H1V3H0V2ZM1 3H2H3V4H2H1V3ZM2 1H1V2H2H3V1H2Z" }) }));
+    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: "M5 1H6V2H5H4V1H5ZM6 3V2H7V3H6ZM6 3V4H5H4V3H5H6ZM0 2H1V3H0V2ZM1 3H2H3V4H2H1V3ZM2 1H1V2H2H3V1H2Z" }) }));
 };
 export default LinkIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ListIcon = ({ 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 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 2 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 4 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 6 1)" }), _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 6 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 3 3)" }), _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 0 3)" }), _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 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 5 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 2 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 2 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 4 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 6 1)" }), _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 6 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 3 3)" }), _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 0 3)" }), _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 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 5 5)" })] }));
 };
 export default ListIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const LockIcon = ({ 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 0H4H5V1H4H3H2V0H3ZM4 2H3H2V1H1V2V3V4V5H2H3H4H5H6V4V3V2V1H5V2H4ZM3 3H4V4H3V3Z" }) }));
+    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 0H4H5V1H4H3H2V0H3ZM4 2H3H2V1H1V2V3V4V5H2H3H4H5H6V4V3V2V1H5V2H4ZM3 3H4V4H3V3Z" }) }));
 };
 export default LockIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LoginIcon = ({ 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_7221)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0H2V1H1V0ZM3 2V1H2V2H1H0V3H1H2V4H1V5H2V4H3V3H4V2H3ZM3 2H2V3H3V2ZM7 0H6H5V1H6V4H5V5H6H7V0Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7221", 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_7221)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 0H2V1H1V0ZM3 2V1H2V2H1H0V3H1H2V4H1V5H2V4H3V3H4V2H3ZM3 2H2V3H3V2ZM7 0H6H5V1H6V4H5V5H6H7V0Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7221", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default LoginIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LogoutIcon = ({ 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_7224)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0H2V1H1V2H0V3H1V4H2V5H3V4H2V3H3H4V2H3H2V1H3V0ZM2 2V3H1V2H2ZM7 0H6H5V1H6V4H5V5H6H7V0Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7224", 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_7224)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 0H2V1H1V2H0V3H1V4H2V5H3V4H2V3H3H4V2H3H2V1H3V0ZM2 2V3H1V2H2ZM7 0H6H5V1H6V4H5V5H6H7V0Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7224", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default LogoutIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LoopIcon = ({ 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_7256)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 0H3V1H2V2V3H3V4H2H1V3V2H0V3V4H1V5H2H3V4H4V5H5H6V4H7V3V2H6V3V4H5H4V3H5V2V1H4V0ZM4 1V2V3H3V2V1H4Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7256", 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_7256)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 0H3V1H2V2V3H3V4H2H1V3V2H0V3V4H1V5H2H3V4H4V5H5H6V4H7V3V2H6V3V4H5H4V3H5V2V1H4V0ZM4 1V2V3H3V2V1H4Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7256", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default LoopIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MailIcon = ({ 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_15118)", 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: "3", 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: "1", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1" }), _jsx("rect", { width: "1", height: "1" }), _jsx("rect", { x: "6", 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_15118", 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_15118)", 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: "3", 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: "1", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1" }), _jsx("rect", { width: "1", height: "1" }), _jsx("rect", { x: "6", 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_15118", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default MailIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const MaximizeIcon = ({ 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 0H2H3V1H2V2H1V1V0ZM5 2V1H4V0H5H6V1V2H5ZM1 3H2V4H3V5H2H1V4V3ZM5 3H6V4V5H5H4V4H5V3Z" }) }));
+    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 0H2H3V1H2V2H1V1V0ZM5 2V1H4V0H5H6V1V2H5ZM1 3H2V4H3V5H2H1V4V3ZM5 3H6V4V5H5H4V4H5V3Z" }) }));
 };
 export default MaximizeIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MenuIcon = ({ 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: "3", width: "5", height: "1" }), _jsx("rect", { x: "1", y: "1", 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: "1", y: "3", width: "5", height: "1" }), _jsx("rect", { x: "1", y: "1", width: "5", height: "1" })] }));
 };
 export default MenuIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MicrophoneIcon = ({ 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_7212)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 0H3V1H2V2V3H3V4H2V5H3H4H5V4H4V3H5V2V1H4V0ZM4 1V2H3V1H4ZM6 3V2V1H7V2V3H6ZM0 3V2V1H1V2V3H0Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7212", 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_7212)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 0H3V1H2V2V3H3V4H2V5H3H4H5V4H4V3H5V2V1H4V0ZM4 1V2H3V1H4ZM6 3V2V1H7V2V3H6ZM0 3V2V1H1V2V3H0Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7212", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default MicrophoneIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const MinimizeIcon = ({ 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 0H3V1V2H2H1V1H2V0ZM5 1H6V2H5H4V1V0H5V1ZM1 3H2H3V4V5H2V4H1V3ZM5 3H6V4H5V5H4V4V3H5Z" }) }));
+    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 0H3V1V2H2H1V1H2V0ZM5 1H6V2H5H4V1V0H5V1ZM1 3H2H3V4V5H2V4H1V3ZM5 3H6V4H5V5H4V4V3H5Z" }) }));
 };
 export default MinimizeIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MinusIcon = ({ 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: "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: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "2", 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: "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: "4", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "2", width: "1", height: "1" })] }));
 };
 export default MinusIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MoneyIcon = ({ 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 3 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 2 5)" }), _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 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 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 0 4)" }), _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 5 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 6 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 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 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 1 1)" }), _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 2 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 0 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 4 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 6 3)" }), _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 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 0 4)" }), _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 5 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 6 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 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 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 1 1)" }), _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 2 1)" })] }));
 };
 export default MoneyIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NestedObjectIcon = ({ 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", y: "2", width: "1", height: "1", transform: "rotate(180 2 2)" }), _jsx("rect", { x: "5", y: "2", width: "1", height: "1", transform: "rotate(180 5 2)" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1", transform: "rotate(180 3 1)" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1", transform: "rotate(180 6 1)" }), _jsx("rect", { x: "1", y: "3", width: "1", height: "1", transform: "rotate(180 1 3)" }), _jsx("rect", { x: "4", y: "3", width: "1", height: "1", transform: "rotate(180 4 3)" }), _jsx("rect", { x: "7", y: "3", width: "1", height: "1", transform: "rotate(180 7 3)" }), _jsx("rect", { x: "2", y: "1", width: "1", height: "1", transform: "rotate(180 2 1)" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1", transform: "rotate(180 5 1)" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1", transform: "rotate(180 2 4)" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1", transform: "rotate(180 5 4)" }), _jsx("rect", { x: "2", y: "5", width: "1", height: "1", transform: "rotate(180 2 5)" }), _jsx("rect", { x: "5", y: "5", width: "1", height: "1", transform: "rotate(180 5 5)" }), _jsx("rect", { x: "3", y: "5", width: "1", height: "1", transform: "rotate(180 3 5)" }), _jsx("rect", { x: "6", y: "5", width: "1", height: "1", transform: "rotate(180 6 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", { x: "2", y: "2", width: "1", height: "1", transform: "rotate(180 2 2)" }), _jsx("rect", { x: "5", y: "2", width: "1", height: "1", transform: "rotate(180 5 2)" }), _jsx("rect", { x: "3", y: "1", width: "1", height: "1", transform: "rotate(180 3 1)" }), _jsx("rect", { x: "6", y: "1", width: "1", height: "1", transform: "rotate(180 6 1)" }), _jsx("rect", { x: "1", y: "3", width: "1", height: "1", transform: "rotate(180 1 3)" }), _jsx("rect", { x: "4", y: "3", width: "1", height: "1", transform: "rotate(180 4 3)" }), _jsx("rect", { x: "7", y: "3", width: "1", height: "1", transform: "rotate(180 7 3)" }), _jsx("rect", { x: "2", y: "1", width: "1", height: "1", transform: "rotate(180 2 1)" }), _jsx("rect", { x: "5", y: "1", width: "1", height: "1", transform: "rotate(180 5 1)" }), _jsx("rect", { x: "2", y: "4", width: "1", height: "1", transform: "rotate(180 2 4)" }), _jsx("rect", { x: "5", y: "4", width: "1", height: "1", transform: "rotate(180 5 4)" }), _jsx("rect", { x: "2", y: "5", width: "1", height: "1", transform: "rotate(180 2 5)" }), _jsx("rect", { x: "5", y: "5", width: "1", height: "1", transform: "rotate(180 5 5)" }), _jsx("rect", { x: "3", y: "5", width: "1", height: "1", transform: "rotate(180 3 5)" }), _jsx("rect", { x: "6", y: "5", width: "1", height: "1", transform: "rotate(180 6 5)" })] }));
 };
 export default NestedObjectIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NextIcon = ({ 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 3 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 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 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 3 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 3 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 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 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 3 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 NextIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NodesIcon = ({ 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_15094)", children: [_jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", 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: "4", 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_15094", 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_15094)", children: [_jsx("rect", { x: "1", width: "1", height: "1" }), _jsx("rect", { x: "3", 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: "4", 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_15094", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default NodesIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NugetIcon = ({ 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_7382_27271)", children: [_jsx("rect", { x: "4", y: "1", 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: "5", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "3", 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", { x: "1", 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: "3", y: "1", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_7382_27271", 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_7382_27271)", children: [_jsx("rect", { x: "4", y: "1", 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: "5", y: "2", width: "1", height: "1" }), _jsx("rect", { x: "5", y: "3", 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", { x: "1", 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: "3", y: "1", width: "1", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_7382_27271", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default NugetIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const OptionsMenuIcon = ({ 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: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", 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: "3", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "4", width: "1", height: "1" }), _jsx("rect", { x: "3", y: "2", width: "1", height: "1" })] }));
 };
 export default OptionsMenuIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PanelAddIcon = ({ 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 5 4)" }), _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 5 5)" }), _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 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 5 3)" }), _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 5 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 3 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 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 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 5 4)" }), _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 5 5)" }), _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 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 5 3)" }), _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 5 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 3 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 0 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 0 3)" })] }));
 };
 export default PanelAddIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PanelDeleteIcon = ({ 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 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 6 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "7", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "3", transform: "matrix(1 0 0 -1 0 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 4 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 6 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 6 3)" }), _jsx("rect", { width: "3", height: "1", transform: "matrix(1 0 0 -1 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 5)" }), _jsx("rect", { width: "7", height: "1", transform: "matrix(1 0 0 -1 0 1)" }), _jsx("rect", { width: "1", height: "3", transform: "matrix(1 0 0 -1 0 4)" })] }));
 };
 export default PanelDeleteIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PatternRecognitionIcon = ({ 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 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 6 1)" }), _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 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 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 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 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 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 6 1)" }), _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 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 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 0 5)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 5 2)" })] }));
 };
 export default PatternRecognitionIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PauseIcon = ({ 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 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 2 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 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 2 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 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 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 2 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 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 2 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 2 1)" }), _jsx("rect", { width: "1", height: "1", transform: "matrix(1 0 0 -1 4 1)" })] }));
 };
 export default PauseIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PcIcon = ({ 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_15097)", children: [_jsx("rect", { width: "5", height: "1" }), _jsx("rect", { y: "1", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "5", height: "1" }), _jsx("rect", { x: "5", y: "3", width: "2", height: "2" }), _jsx("rect", { x: "1", y: "4", width: "3", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15097", 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_15097)", children: [_jsx("rect", { width: "5", height: "1" }), _jsx("rect", { y: "1", width: "1", height: "1" }), _jsx("rect", { x: "4", y: "1", width: "1", height: "1" }), _jsx("rect", { x: "2", y: "3", width: "1", height: "1" }), _jsx("rect", { y: "2", width: "5", height: "1" }), _jsx("rect", { x: "5", y: "3", width: "2", height: "2" }), _jsx("rect", { x: "1", y: "4", width: "3", height: "1" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5884_15097", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default PcIcon;

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;