@indxsearch/pixl 1.0.1 → 1.0.3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const WiFiIcon = ({ 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_7204)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6 0L1 0L1 1L0 1L0 2L1 2V1L6 1V2L7 2V1L6 1V0ZM5 3L6 3L6 4L5 4L5 3ZM2 3V2L5 2V3H2ZM2 3V4L1 4V3L2 3ZM3 4H4V5L3 5V4Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7204", 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_7204)", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6 0L1 0L1 1L0 1L0 2L1 2V1L6 1V2L7 2V1L6 1V0ZM5 3L6 3L6 4L5 4L5 3ZM2 3V2L5 2V3H2ZM2 3V4L1 4V3L2 3ZM3 4H4V5L3 5V4Z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3546_7204", children: _jsx("rect", { width: "7", height: "5" }) }) })] }));
 };
 export default WiFiIcon;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const XOrErrorIcon = ({ 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 0H2V1H1V0ZM3 2H2V1H3V2ZM4 2H3V3H2V4H1V5H2V4H3V3H4V4H5V5H6V4H5V3H4V2ZM5 1V2H4V1H5ZM5 1V0H6V1H5Z" }) }));
+    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 0H2V1H1V0ZM3 2H2V1H3V2ZM4 2H3V3H2V4H1V5H2V4H3V3H4V4H5V5H6V4H5V3H4V2ZM5 1V2H4V1H5ZM5 1V0H6V1H5Z" }) }));
 };
 export default XOrErrorIcon;

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

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

package/dist/components/main-icons/index.d.ts

@@ -54,8 +54,8 @@ export { default as FlowerIcon } from './FlowerIcon';
 export { default as FolderIcon } from './FolderIcon';
 export { default as FourLeafCloverIcon } from './FourLeafCloverIcon';
 export { default as FrostIcon } from './FrostIcon';
-export * from './GPSMyLocationIcon';
-export * from './GPSPinIcon';
+export { default as GPSMyLocationIcon } from './GPSMyLocationIcon';
+export { default as GPSPinIcon } from './GPSPinIcon';
 export { default as GitBranchIcon } from './GitBranchIcon';
 export { default as GitCommitIcon } from './GitCommitIcon';
 export { default as GitMergeIcon } from './GitMergeIcon';
@@ -72,7 +72,7 @@ export { default as HourGlassIcon } from './HourGlassIcon';
 export { default as IndxIcon } from './IndxIcon';
 export { default as InstanceIcon } from './InstanceIcon';
 export { default as InternetBrowserIcon } from './InternetBrowserIcon';
-export * from './JsonIcon';
+export { default as JsonIcon } from './JsonIcon';
 export { default as JsonQueryIcon } from './JsonQueryIcon';
 export { default as JsonResultIcon } from './JsonResultIcon';
 export { default as KeyIcon } from './KeyIcon';
@@ -91,7 +91,7 @@ export { default as LogoutIcon } from './LogoutIcon';
 export { default as LoopIcon } from './LoopIcon';
 export { default as MailIcon } from './MailIcon';
 export { default as MaximizeIcon } from './MaximizeIcon';
-export * from './MenuIcon';
+export { default as MenuIcon } from './MenuIcon';
 export { default as MicrophoneIcon } from './MicrophoneIcon';
 export { default as MinimizeIcon } from './MinimizeIcon';
 export { default as MinusIcon } from './MinusIcon';
@@ -121,7 +121,7 @@ export { default as RamIcon } from './RamIcon';
 export { default as RecorderIcon } from './RecorderIcon';
 export { default as RefreshIcon } from './RefreshIcon';
 export { default as SaveIcon } from './SaveIcon';
-export * from './SearchIcon';
+export { default as SearchIcon } from './SearchIcon';
 export { default as SearchQueryIcon } from './SearchQueryIcon';
 export { default as ShieldIcon } from './ShieldIcon';
 export { default as SlidersHorizontalIcon } from './SlidersHorizontalIcon';
@@ -169,4 +169,3 @@ export { default as WeightMediumIcon } from './WeightMediumIcon';
 export { default as WiFiIcon } from './WiFiIcon';
 export { default as XOrErrorIcon } from './XOrErrorIcon';
 export { default as ZapIcon } from './ZapIcon';
-export * from './types';

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

@@ -54,8 +54,8 @@ export { default as FlowerIcon } from './FlowerIcon';
 export { default as FolderIcon } from './FolderIcon';
 export { default as FourLeafCloverIcon } from './FourLeafCloverIcon';
 export { default as FrostIcon } from './FrostIcon';
-export * from './GPSMyLocationIcon';
-export * from './GPSPinIcon';
+export { default as GPSMyLocationIcon } from './GPSMyLocationIcon';
+export { default as GPSPinIcon } from './GPSPinIcon';
 export { default as GitBranchIcon } from './GitBranchIcon';
 export { default as GitCommitIcon } from './GitCommitIcon';
 export { default as GitMergeIcon } from './GitMergeIcon';
@@ -72,7 +72,7 @@ export { default as HourGlassIcon } from './HourGlassIcon';
 export { default as IndxIcon } from './IndxIcon';
 export { default as InstanceIcon } from './InstanceIcon';
 export { default as InternetBrowserIcon } from './InternetBrowserIcon';
-export * from './JsonIcon';
+export { default as JsonIcon } from './JsonIcon';
 export { default as JsonQueryIcon } from './JsonQueryIcon';
 export { default as JsonResultIcon } from './JsonResultIcon';
 export { default as KeyIcon } from './KeyIcon';
@@ -91,7 +91,7 @@ export { default as LogoutIcon } from './LogoutIcon';
 export { default as LoopIcon } from './LoopIcon';
 export { default as MailIcon } from './MailIcon';
 export { default as MaximizeIcon } from './MaximizeIcon';
-export * from './MenuIcon';
+export { default as MenuIcon } from './MenuIcon';
 export { default as MicrophoneIcon } from './MicrophoneIcon';
 export { default as MinimizeIcon } from './MinimizeIcon';
 export { default as MinusIcon } from './MinusIcon';
@@ -121,7 +121,7 @@ export { default as RamIcon } from './RamIcon';
 export { default as RecorderIcon } from './RecorderIcon';
 export { default as RefreshIcon } from './RefreshIcon';
 export { default as SaveIcon } from './SaveIcon';
-export * from './SearchIcon';
+export { default as SearchIcon } from './SearchIcon';
 export { default as SearchQueryIcon } from './SearchQueryIcon';
 export { default as ShieldIcon } from './ShieldIcon';
 export { default as SlidersHorizontalIcon } from './SlidersHorizontalIcon';
@@ -169,4 +169,3 @@ export { default as WeightMediumIcon } from './WeightMediumIcon';
 export { default as WiFiIcon } from './WiFiIcon';
 export { default as XOrErrorIcon } from './XOrErrorIcon';
 export { default as ZapIcon } from './ZapIcon';
-export * from './types';

package/dist/convert-icons.js

@@ -16,6 +16,49 @@ export interface IconProps extends SVGProps<SVGSVGElement> {
 `;
     fs.writeFileSync(path.join(outputDir, 'types.ts'), typeContent);
 };
+const cleanSvgContent = (svgContent) => {
+    // Remove XML declaration
+    let cleaned = svgContent.replace(/<\?xml.*?\?>/, '');
+    // Extract the content between the outer svg tags and preserve the viewBox
+    const match = cleaned.match(/<svg[^>]*>([\s\S]*)<\/svg>/);
+    if (!match)
+        return cleaned;
+    cleaned = match[1].trim();
+    // Remove any remaining doctype or comments
+    cleaned = cleaned.replace(/<!DOCTYPE[^>]*>/g, '');
+    cleaned = cleaned.replace(/<!--[\s\S]*?-->/g, '');
+    // Remove fill attributes from inner elements
+    cleaned = cleaned.replace(/fill="[^"]*"/g, '');
+    return cleaned.trim();
+};
+const extractSvgAttributes = (svgContent) => {
+    const widthMatch = svgContent.match(/width="([^"]*)"/);
+    const heightMatch = svgContent.match(/height="([^"]*)"/);
+    const viewBoxMatch = svgContent.match(/viewBox="([^"]*)"/);
+    return {
+        width: widthMatch ? widthMatch[1] : '24',
+        height: heightMatch ? heightMatch[1] : '24',
+        viewBox: viewBoxMatch ? viewBoxMatch[1] : '0 0 24 24'
+    };
+};
+const generateReactComponent = (svgContent, iconName) => {
+    // Clean up the SVG content and extract attributes
+    const cleanedSvg = cleanSvgContent(svgContent);
+    const { width, height, viewBox } = extractSvgAttributes(svgContent);
+    return `import React from 'react';
+import { IconProps } from './types';
+
+const ${iconName}: React.FC<IconProps> = ({ color = 'currentColor', ...props }) => {
+  return (
+    <svg width="${width}" height="${height}" viewBox="${viewBox}" fill={color} xmlns="http://www.w3.org/2000/svg" {...props}>
+      ${cleanedSvg}
+    </svg>
+  );
+};
+
+export default ${iconName};
+`;
+};
 const processIconSet = (config) => {
     const { sourceDir, outputDir } = config;
     // Create output directory if it doesn't exist
@@ -33,27 +76,7 @@ const processIconSet = (config) => {
                 .split('-')
                 .map(part => part.charAt(0).toUpperCase() + part.slice(1))
                 .join('') + 'Icon';
-            // Extract the SVG content and remove any fill attributes
-            const cleanedSvg = svgContent
-                .replace(/<svg[^>]*>/, match => match.replace(/fill="[^"]*"/g, ''))
-                .replace(/fill="[^"]*"/g, '')
-                .replace(/<svg/g, '<svg {...props} fill={color}')
-                // Indent the inner content
-                .split('\n')
-                .map((line, i) => i === 0 ? line : `      ${line}`)
-                .join('\n')
-                .trim();
-            const componentContent = `import React from 'react';
-import { IconProps } from './types';
-
-const ${componentName}: React.FC<IconProps> = ({ color = 'currentColor', ...props }) => {
-  return (
-    ${cleanedSvg}
-  );
-};
-
-export default ${componentName};
-`;
+            const componentContent = generateReactComponent(svgContent, componentName);
             // Write the new component file
             const outputPath = path.join(outputDir, `${componentName}.tsx`);
             fs.writeFileSync(outputPath, componentContent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indxsearch/pixl",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A collection of React TypeScript icons",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -19,6 +19,7 @@
   "scripts": {
     "build": "tsc",
     "convert": "ts-node convert-icons.ts",
+    "test": "cd test && npm test",
     "prepare": "npm run build"
   },
   "keywords": [
@@ -35,6 +36,9 @@
   "devDependencies": {
     "@types/node": "^22.14.0",
     "@types/react": "^18.2.0",
+    "test": "file:test",
+    "ts-node": "^10.9.0",
+    "tsx": "^4.19.3",
     "typescript": "^5.8.3"
   }
 }