@indxsearch/pixl 1.0.0

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const WeightHighIcon: React.FC<IconProps>;
+export default WeightHighIcon;

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

@@ -0,0 +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)" })] }));
+};
+export default WeightHighIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const WeightIcon: React.FC<IconProps>;
+export default WeightIcon;

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

@@ -0,0 +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" }) }) })] }));
+};
+export default WeightIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const WeightLowIcon: React.FC<IconProps>;
+export default WeightLowIcon;

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

@@ -0,0 +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)" })] }));
+};
+export default WeightLowIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const WeightMediumIcon: React.FC<IconProps>;
+export default WeightMediumIcon;

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

@@ -0,0 +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)" })] }));
+};
+export default WeightMediumIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const WiFiIcon: React.FC<IconProps>;
+export default WiFiIcon;

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

@@ -0,0 +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" }) }) })] }));
+};
+export default WiFiIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const XOrErrorIcon: React.FC<IconProps>;
+export default XOrErrorIcon;

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

@@ -0,0 +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" }) }));
+};
+export default XOrErrorIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const ZapIcon: React.FC<IconProps>;
+export default ZapIcon;

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

@@ -0,0 +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)" })] }));
+};
+export default ZapIcon;

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

@@ -0,0 +1,6 @@
+export * from './GPSMyLocationIcon';
+export * from './GPSPinIcon';
+export * from './JsonIcon';
+export * from './MenuIcon';
+export * from './SearchIcon';
+export * from './types';

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

@@ -0,0 +1,6 @@
+export * from './GPSMyLocationIcon';
+export * from './GPSPinIcon';
+export * from './JsonIcon';
+export * from './MenuIcon';
+export * from './SearchIcon';
+export * from './types';

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

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    color?: string;
+}

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

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

package/dist/convert-icons.d.ts

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

package/dist/convert-icons.js

@@ -0,0 +1,75 @@
+import * as fs from 'fs';
+import * as path from 'path';
+const iconConfigs = [
+    {
+        sourceDir: 'main-icons',
+        outputDir: 'components/main-icons'
+    }
+    // Add more icon sets here as needed
+];
+const createTypeDefinition = (outputDir) => {
+    const typeContent = `import { SVGProps } from 'react';
+
+export interface IconProps extends SVGProps<SVGSVGElement> {
+  color?: string;
+}
+`;
+    fs.writeFileSync(path.join(outputDir, 'types.ts'), typeContent);
+};
+const processIconSet = (config) => {
+    const { sourceDir, outputDir } = config;
+    // Create output directory if it doesn't exist
+    if (!fs.existsSync(outputDir)) {
+        fs.mkdirSync(outputDir, { recursive: true });
+    }
+    // Create type definition
+    createTypeDefinition(outputDir);
+    // Process each SVG file
+    fs.readdirSync(sourceDir).forEach((file) => {
+        if (path.extname(file) === '.svg') {
+            const svgContent = fs.readFileSync(path.join(sourceDir, file), 'utf8');
+            const componentName = file
+                .replace('.svg', '')
+                .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};
+`;
+            // Write the new component file
+            const outputPath = path.join(outputDir, `${componentName}.tsx`);
+            fs.writeFileSync(outputPath, componentContent);
+            console.log(`Created: ${outputPath}`);
+        }
+    });
+    // Create index file for easy imports
+    const files = fs.readdirSync(outputDir)
+        .filter(file => file.endsWith('.tsx'))
+        .map(file => file.replace('.tsx', ''));
+    const indexContent = `${files.map(component => `export { default as ${component} } from './${component}';`).join('\n')}\n`;
+    fs.writeFileSync(path.join(outputDir, 'index.ts'), indexContent);
+};
+// Process all icon sets
+iconConfigs.forEach(config => {
+    console.log(`\nProcessing icons from ${config.sourceDir}...`);
+    processIconSet(config);
+});
+console.log('\nConversion complete!');

package/dist/convert-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert-icons.js","sourceRoot":"","sources":["../convert-icons.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@indxsearch/pixl",
+  "version": "1.0.0",
+  "description": "A collection of React TypeScript icons",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "components"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "convert": "ts-node convert-icons.ts",
+    "prepare": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "icons",
+    "typescript",
+    "svg"
+  ],
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "@types/react": "^18.2.0",
+    "typescript": "^5.8.3"
+  }
+}