svgfusion 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/cli.d.mts

@@ -1,2 +1 @@
-
-export { }
+#!/usr/bin/env node

package/dist/cli.d.ts

@@ -1,2 +1 @@
-
-export { }
+#!/usr/bin/env node

package/dist/cli.js

@@ -1,2 +1,91 @@
-"use strict";
-//# sourceMappingURL=cli.js.map
+#!/usr/bin/env node
+'use strict';
+
+var commander = require('commander');
+var promises = require('fs/promises');
+var path = require('path');
+var fs = require('fs');
+var core = require('@svgr/core');
+var svgo = require('svgo');
+var url = require('url');
+
+var A=()=>typeof document>"u"?new URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href,u=A();async function R(e){try{return await promises.readFile(e,"utf-8")}catch(t){throw new Error(`Failed to read SVG file: ${e}. ${t}`)}}async function T(e,t){try{await H(path.dirname(e)),await promises.writeFile(e,t,"utf-8");}catch(r){throw new Error(`Failed to write component file: ${e}. ${r}`)}}async function x(e,t=!1){try{let r=await promises.readdir(e),n=[];for(let s of r){let i=path.join(e,s),o=await promises.stat(i);if(o.isDirectory()&&t){let p=await x(i,t);n.push(...p);}else o.isFile()&&path.extname(s).toLowerCase()===".svg"&&n.push(i);}return n}catch(r){throw new Error(`Failed to read directory: ${e}. ${r}`)}}async function H(e){fs.existsSync(e)||await promises.mkdir(e,{recursive:!0});}function d(e,t=!0){return e==="react"?t?".tsx":".jsx":".vue"}function w(e,t,r){return `${t}${r}`}var Q={plugins:[{name:"preset-default",params:{overrides:{removeViewBox:!1,removeTitle:!1,removeDesc:!1,removeUselessStrokeAndFill:!1,convertColors:{currentColor:!0,names2hex:!0,rgb2hex:!0,shorthex:!0,shortname:!0}}}},"removeDimensions","cleanupNumericValues"]};function f(e,t=Q){try{return svgo.optimize(e,t).data}catch(r){throw new Error(`Failed to optimize SVG: ${r}`)}}function C(e){return e.replace(/[^a-zA-Z0-9\s-_]/g," ").split(/[\s-_]+/).filter(t=>t.length>0).map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join("")}function $(e,t,r){let n=t?C(t):"",s=r?C(r):"",i=C(e);return `${n}${i}${s}`}async function z(e,t={}){let{name:r,prefix:n,suffix:s,optimize:i=!0,typescript:o=!0,memo:p=!0,ref:m=!0,titleProp:l=!0,descProp:g=!0}=t;try{let a=e;i&&(a=f(e));let c=$(r||"icon",n,s),v=await core.transform(a,{typescript:o,memo:p,ref:m,titleProp:l,descProp:g,svgProps:{className:"{className}"}},{componentName:c}),h=o?`import { SVGProps } from 'react';
+`:"",y=p?`import { memo } from 'react';
+`:"",S=m?`import { forwardRef } from 'react';
+`:"",D=`
+export default ${c};
+export { ${c} };`,G=o?"SVGProps<SVGSVGElement> & { className?: string; }":"",N=o?`props: ${G}`:"props",k=p?"memo(":"",_=m?`forwardRef<SVGSVGElement, ${G}>(`:"";v=`${h}${y}${S}
+const ${c} = ${k}${_}(${N}) => {
+  return ${v};
+}${`${m?")":""}${p?")":""}`};
+
+${c}.displayName = "${c}";
+${D}`;let O=d("react",o),j=w("icon.svg",c,O);return {code:v,filename:j,componentName:c}}catch(a){throw new Error(`Failed to convert SVG to React: ${a}`)}}function E(e,t={}){let{name:r,prefix:n,suffix:s,optimize:i=!0,typescript:o=!0,compositionApi:p=!0,scriptSetup:m=!0}=t;try{let l=e;i&&(l=f(e));let a=$(r||"icon",n,s),F=l.replace(/<\?xml[^>]*\?>\s*/,"").replace(/xmlns="[^"]*"/g,"").replace(/width="[^"]*"/g,"").replace(/height="[^"]*"/g,"").replace(/<svg/,'<svg v-bind="$attrs"').replace(/class="([^"]*)"/g,'class="$1"').replace(/currentColor/g,"currentColor"),c=m?Y(o,a):ee(a,o),b=`<template>
+  ${F}
+</template>`,h=`${c}
+
+${b}
+
+<style scoped>
+/* Add component-specific styles here */
+</style>`,y=d("vue",o),S=w("icon.svg",a,y);return {code:h,filename:S,componentName:a}}catch(l){throw new Error(`Failed to convert SVG to Vue: ${l}`)}}function Y(e,t){return `<script setup${e?' lang="ts"':""}>${e?`
+interface Props {
+  class?: string;
+  style?: string | Record<string, any>;
+}`:""}${e?`
+const props = withDefaults(defineProps<Props>(), {
+  class: '',
+  style: undefined,
+});`:`
+const props = withDefaults(defineProps(), {
+  class: '',
+  style: undefined,
+});`}
+
+// Component name for debugging
+const __name = '${t}';
+</script>`}function ee(e,t){let r=t?' lang="ts"':"",n=t?`
+interface Props {
+  class?: string;
+  style?: string | Record<string, any>;
+}`:"",s=t?`
+const ${e} = defineComponent({
+  name: '${e}',
+  props: {
+    class: {
+      type: String,
+      default: '',
+    },
+    style: {
+      type: [String, Object],
+      default: undefined,
+    },
+  },
+  setup(props: Props) {
+    return {};
+  },
+});
+
+export default ${e};
+export { ${e} };`:`
+const ${e} = defineComponent({
+  name: '${e}',
+  props: {
+    class: {
+      type: String,
+      default: '',
+    },
+    style: {
+      type: [String, Object],
+      default: undefined,
+    },
+  },
+  setup(props) {
+    return {};
+  },
+});
+
+export default ${e};
+export { ${e} };`;return `<script${r}>
+import { defineComponent } from 'vue';${n}${s}
+</script>`}var se=url.fileURLToPath(u),ie=path.dirname(se),ae=JSON.parse(fs.readFileSync(path.join(ie,"..","package.json"),"utf-8")),V=new commander.Command;V.name("svgfusion").description("Transform SVG files into production-ready React and Vue 3 components").version(ae.version);V.command("convert").description("Convert SVG files to React or Vue components").argument("<input>","Input SVG file or directory").option("-o, --output <output>","Output directory","./components").option("-f, --framework <framework>","Target framework (react|vue)","react").option("-t, --typescript","Generate TypeScript files",!1).option("--no-optimize","Skip SVG optimization").action(async(e,t)=>{console.log("\u{1F504} Processing SVG files...");try{let{framework:r,output:n,typescript:s,optimize:i}=t;if(r!=="react"&&r!=="vue")throw new Error('Framework must be either "react" or "vue"');let o=await x(e);if(o.length===0)throw new Error("No SVG files found in the input path");console.log(`\u{1F504} Converting ${o.length} SVG file(s)...`);for(let p of o){let m=await R(p),l=i?f(m):m,g=r==="react"?await z(l,{typescript:s}):E(l,{typescript:s}),a=path.join(n,g.filename);await T(a,g.code);}console.log(`\u2705 Successfully converted ${o.length} SVG file(s) to ${r} components`);}catch(r){console.error(`\u274C Error: ${r instanceof Error?r.message:"Unknown error"}`),process.exit(1);}});V.parse();

package/dist/cli.mjs

@@ -1 +1,89 @@
-//# sourceMappingURL=cli.mjs.map
+#!/usr/bin/env node
+import { Command } from 'commander';
+import { readFile, writeFile, readdir, stat, mkdir } from 'fs/promises';
+import { dirname, join, extname } from 'path';
+import { readFileSync, existsSync } from 'fs';
+import { transform } from '@svgr/core';
+import { optimize } from 'svgo';
+import { fileURLToPath } from 'url';
+
+async function z(e){try{return await readFile(e,"utf-8")}catch(t){throw new Error(`Failed to read SVG file: ${e}. ${t}`)}}async function E(e,t){try{await H(dirname(e)),await writeFile(e,t,"utf-8");}catch(r){throw new Error(`Failed to write component file: ${e}. ${r}`)}}async function C(e,t=!1){try{let r=await readdir(e),n=[];for(let s of r){let i=join(e,s),o=await stat(i);if(o.isDirectory()&&t){let p=await C(i,t);n.push(...p);}else o.isFile()&&extname(s).toLowerCase()===".svg"&&n.push(i);}return n}catch(r){throw new Error(`Failed to read directory: ${e}. ${r}`)}}async function H(e){existsSync(e)||await mkdir(e,{recursive:!0});}function $(e,t=!0){return e==="react"?t?".tsx":".jsx":".vue"}function w(e,t,r){return `${t}${r}`}var Q={plugins:[{name:"preset-default",params:{overrides:{removeViewBox:!1,removeTitle:!1,removeDesc:!1,removeUselessStrokeAndFill:!1,convertColors:{currentColor:!0,names2hex:!0,rgb2hex:!0,shorthex:!0,shortname:!0}}}},"removeDimensions","cleanupNumericValues"]};function u(e,t=Q){try{return optimize(e,t).data}catch(r){throw new Error(`Failed to optimize SVG: ${r}`)}}function V(e){return e.replace(/[^a-zA-Z0-9\s-_]/g," ").split(/[\s-_]+/).filter(t=>t.length>0).map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join("")}function h(e,t,r){let n=t?V(t):"",s=r?V(r):"",i=V(e);return `${n}${i}${s}`}async function P(e,t={}){let{name:r,prefix:n,suffix:s,optimize:i=!0,typescript:o=!0,memo:p=!0,ref:m=!0,titleProp:l=!0,descProp:f=!0}=t;try{let a=e;i&&(a=u(e));let c=h(r||"icon",n,s),g=await transform(a,{typescript:o,memo:p,ref:m,titleProp:l,descProp:f,svgProps:{className:"{className}"}},{componentName:c}),y=o?`import { SVGProps } from 'react';
+`:"",S=p?`import { memo } from 'react';
+`:"",x=m?`import { forwardRef } from 'react';
+`:"",N=`
+export default ${c};
+export { ${c} };`,T=o?"SVGProps<SVGSVGElement> & { className?: string; }":"",k=o?`props: ${T}`:"props",O=p?"memo(":"",_=m?`forwardRef<SVGSVGElement, ${T}>(`:"";g=`${y}${S}${x}
+const ${c} = ${O}${_}(${k}) => {
+  return ${g};
+}${`${m?")":""}${p?")":""}`};
+
+${c}.displayName = "${c}";
+${N}`;let A=$("react",o),j=w("icon.svg",c,A);return {code:g,filename:j,componentName:c}}catch(a){throw new Error(`Failed to convert SVG to React: ${a}`)}}function R(e,t={}){let{name:r,prefix:n,suffix:s,optimize:i=!0,typescript:o=!0,compositionApi:p=!0,scriptSetup:m=!0}=t;try{let l=e;i&&(l=u(e));let a=h(r||"icon",n,s),b=l.replace(/<\?xml[^>]*\?>\s*/,"").replace(/xmlns="[^"]*"/g,"").replace(/width="[^"]*"/g,"").replace(/height="[^"]*"/g,"").replace(/<svg/,'<svg v-bind="$attrs"').replace(/class="([^"]*)"/g,'class="$1"').replace(/currentColor/g,"currentColor"),c=m?Y(o,a):ee(a,o),G=`<template>
+  ${b}
+</template>`,y=`${c}
+
+${G}
+
+<style scoped>
+/* Add component-specific styles here */
+</style>`,S=$("vue",o),x=w("icon.svg",a,S);return {code:y,filename:x,componentName:a}}catch(l){throw new Error(`Failed to convert SVG to Vue: ${l}`)}}function Y(e,t){return `<script setup${e?' lang="ts"':""}>${e?`
+interface Props {
+  class?: string;
+  style?: string | Record<string, any>;
+}`:""}${e?`
+const props = withDefaults(defineProps<Props>(), {
+  class: '',
+  style: undefined,
+});`:`
+const props = withDefaults(defineProps(), {
+  class: '',
+  style: undefined,
+});`}
+
+// Component name for debugging
+const __name = '${t}';
+</script>`}function ee(e,t){let r=t?' lang="ts"':"",n=t?`
+interface Props {
+  class?: string;
+  style?: string | Record<string, any>;
+}`:"",s=t?`
+const ${e} = defineComponent({
+  name: '${e}',
+  props: {
+    class: {
+      type: String,
+      default: '',
+    },
+    style: {
+      type: [String, Object],
+      default: undefined,
+    },
+  },
+  setup(props: Props) {
+    return {};
+  },
+});
+
+export default ${e};
+export { ${e} };`:`
+const ${e} = defineComponent({
+  name: '${e}',
+  props: {
+    class: {
+      type: String,
+      default: '',
+    },
+    style: {
+      type: [String, Object],
+      default: undefined,
+    },
+  },
+  setup(props) {
+    return {};
+  },
+});
+
+export default ${e};
+export { ${e} };`;return `<script${r}>
+import { defineComponent } from 'vue';${n}${s}
+</script>`}var se=fileURLToPath(import.meta.url),ie=dirname(se),ae=JSON.parse(readFileSync(join(ie,"..","package.json"),"utf-8")),F=new Command;F.name("svgfusion").description("Transform SVG files into production-ready React and Vue 3 components").version(ae.version);F.command("convert").description("Convert SVG files to React or Vue components").argument("<input>","Input SVG file or directory").option("-o, --output <output>","Output directory","./components").option("-f, --framework <framework>","Target framework (react|vue)","react").option("-t, --typescript","Generate TypeScript files",!1).option("--no-optimize","Skip SVG optimization").action(async(e,t)=>{console.log("\u{1F504} Processing SVG files...");try{let{framework:r,output:n,typescript:s,optimize:i}=t;if(r!=="react"&&r!=="vue")throw new Error('Framework must be either "react" or "vue"');let o=await C(e);if(o.length===0)throw new Error("No SVG files found in the input path");console.log(`\u{1F504} Converting ${o.length} SVG file(s)...`);for(let p of o){let m=await z(p),l=i?u(m):m,f=r==="react"?await P(l,{typescript:s}):R(l,{typescript:s}),a=join(n,f.filename);await E(a,f.code);}console.log(`\u2705 Successfully converted ${o.length} SVG file(s) to ${r} components`);}catch(r){console.error(`\u274C Error: ${r instanceof Error?r.message:"Unknown error"}`),process.exit(1);}});F.parse();

package/dist/index.js

@@ -1,359 +1,53 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  convertToReact: () => convertToReact,
-  convertToVue: () => convertToVue,
-  createSvgoConfig: () => createSvgoConfig,
-  formatComponentName: () => formatComponentName,
-  optimizeSvg: () => optimizeSvg,
-  pascalCase: () => pascalCase,
-  readSvgDirectory: () => readSvgDirectory,
-  readSvgFile: () => readSvgFile,
-  sanitizeComponentName: () => sanitizeComponentName,
-  svgToComponentName: () => svgToComponentName,
-  writeComponentFile: () => writeComponentFile,
-  writeSvgFile: () => writeSvgFile
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/converters/react.ts
-var import_core = require("@svgr/core");
-
-// src/utils/svgo.ts
-var import_svgo = require("svgo");
-var defaultConfig = {
-  plugins: [
-    {
-      name: "preset-default",
-      params: {
-        overrides: {
-          removeViewBox: false,
-          removeTitle: false,
-          removeDesc: false,
-          removeUselessStrokeAndFill: false,
-          convertColors: {
-            currentColor: true,
-            names2hex: true,
-            rgb2hex: true,
-            shorthex: true,
-            // cspell:disable-line
-            shortname: true
-          }
-        }
-      }
-    },
-    "removeDimensions",
-    "cleanupNumericValues"
-  ]
-};
-function optimizeSvg(svgContent, config = defaultConfig) {
-  try {
-    const result = (0, import_svgo.optimize)(svgContent, config);
-    return result.data;
-  } catch (error) {
-    throw new Error(`Failed to optimize SVG: ${error}`);
-  }
-}
-function createSvgoConfig(options) {
-  const plugins = [
-    {
-      name: "preset-default",
-      params: {
-        overrides: {
-          removeViewBox: !options.removeViewBox,
-          removeTitle: !options.removeTitle,
-          removeDesc: !options.removeDesc,
-          removeUselessStrokeAndFill: !options.preserveClasses,
-          convertColors: options.preserveColors ? false : {
-            currentColor: true,
-            names2hex: true,
-            rgb2hex: true,
-            shorthex: true,
-            // cspell:disable-line
-            shortname: true
-          }
-        }
-      }
-    },
-    "cleanupNumericValues"
-  ];
-  if (options.removeDimensions !== false) {
-    plugins.push("removeDimensions");
-  }
-  return { plugins };
-}
+var core = require('@svgr/core');
+var svgo = require('svgo');
+var promises = require('fs/promises');
+var path = require('path');
+var fs = require('fs');
 
-// src/utils/name.ts
-function svgToComponentName(filename) {
-  let baseName = filename.replace(/\.svg$/i, "");
-  baseName = processComplexFilename(baseName);
-  return pascalCase(baseName);
-}
-function processComplexFilename(filename) {
-  let processed = filename;
-  const simpleMatch = processed.match(/^([^,]+),\s*Type=([^,]+)/i);
-  if (simpleMatch) {
-    processed = `${simpleMatch[1]} ${simpleMatch[2]}`;
-    return processed;
-  }
-  const sizeMatch = processed.match(/Size=(\w+)/i);
-  const colorMatch = processed.match(/Color=(\w+)/i);
-  const typeMatch = processed.match(/Type=(\w+)/i);
-  if (sizeMatch || colorMatch || typeMatch) {
-    const parts = [];
-    if (typeMatch)
-      parts.push(typeMatch[1]);
-    if (colorMatch)
-      parts.push(colorMatch[1]);
-    if (sizeMatch)
-      parts.push(sizeMatch[1]);
-    if (parts.length > 0) {
-      processed = parts.join(" ");
-      return processed;
-    }
-  }
-  processed = processed.replace(/\b\w+=\w+\b/g, "").replace(/,\s*/g, " ").replace(/[=]/g, " ").replace(/\s+/g, " ").trim();
-  if (!processed || processed.length < 2) {
-    processed = filename;
-  }
-  return processed;
-}
-function sanitizeComponentName(name) {
-  return pascalCase(name.replace(/[^a-zA-Z0-9]/g, " "));
-}
-function pascalCase(str) {
-  return str.replace(/[^a-zA-Z0-9\s-_]/g, " ").split(/[\s-_]+/).filter((word) => word.length > 0).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
-}
-function formatComponentName(name, prefix, suffix) {
-  const prefixPart = prefix ? pascalCase(prefix) : "";
-  const suffixPart = suffix ? pascalCase(suffix) : "";
-  const baseName = pascalCase(name);
-  return `${prefixPart}${baseName}${suffixPart}`;
-}
+var j={plugins:[{name:"preset-default",params:{overrides:{removeViewBox:!1,removeTitle:!1,removeDesc:!1,removeUselessStrokeAndFill:!1,convertColors:{currentColor:!0,names2hex:!0,rgb2hex:!0,shorthex:!0,shortname:!0}}}},"removeDimensions","cleanupNumericValues"]};function g(e,t=j){try{return svgo.optimize(e,t).data}catch(r){throw new Error(`Failed to optimize SVG: ${r}`)}}function B(e){let t=[{name:"preset-default",params:{overrides:{removeViewBox:!e.removeViewBox,removeTitle:!e.removeTitle,removeDesc:!e.removeDesc,removeUselessStrokeAndFill:!e.preserveClasses,convertColors:e.preserveColors?!1:{currentColor:!0,names2hex:!0,rgb2hex:!0,shorthex:!0,shortname:!0}}}},"cleanupNumericValues"];return e.removeDimensions!==!1&&t.push("removeDimensions"),{plugins:t}}function _(e){let t=e.replace(/\.svg$/i,"");return t=k(t),u(t)}function k(e){let t=e,r=t.match(/^([^,]+),\s*Type=([^,]+)/i);if(r)return t=`${r[1]} ${r[2]}`,t;let n=t.match(/Size=(\w+)/i),s=t.match(/Color=(\w+)/i),i=t.match(/Type=(\w+)/i);if(n||s||i){let o=[];if(i&&o.push(i[1]),s&&o.push(s[1]),n&&o.push(n[1]),o.length>0)return t=o.join(" "),t}return t=t.replace(/\b\w+=\w+\b/g,"").replace(/,\s*/g," ").replace(/[=]/g," ").replace(/\s+/g," ").trim(),(!t||t.length<2)&&(t=e),t}function M(e){return u(e.replace(/[^a-zA-Z0-9]/g," "))}function u(e){return e.replace(/[^a-zA-Z0-9\s-_]/g," ").split(/[\s-_]+/).filter(t=>t.length>0).map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join("")}function v(e,t,r){let n=t?u(t):"",s=r?u(r):"",i=u(e);return `${n}${i}${s}`}async function J(e){try{return await promises.readFile(e,"utf-8")}catch(t){throw new Error(`Failed to read SVG file: ${e}. ${t}`)}}async function K(e,t){try{await D(path.dirname(e)),await promises.writeFile(e,t,"utf-8");}catch(r){throw new Error(`Failed to write SVG file: ${e}. ${r}`)}}async function Q(e,t){try{await D(path.dirname(e)),await promises.writeFile(e,t,"utf-8");}catch(r){throw new Error(`Failed to write component file: ${e}. ${r}`)}}async function T(e,t=!1){try{let r=await promises.readdir(e),n=[];for(let s of r){let i=path.join(e,s),o=await promises.stat(i);if(o.isDirectory()&&t){let c=await T(i,t);n.push(...c);}else o.isFile()&&path.extname(s).toLowerCase()===".svg"&&n.push(i);}return n}catch(r){throw new Error(`Failed to read directory: ${e}. ${r}`)}}async function D(e){fs.existsSync(e)||await promises.mkdir(e,{recursive:!0});}function C(e,t=!0){return e==="react"?t?".tsx":".jsx":".vue"}function $(e,t,r){return `${t}${r}`}async function Y(e,t={}){let{name:r,prefix:n,suffix:s,optimize:i=!0,typescript:o=!0,memo:c=!0,ref:l=!0,titleProp:m=!0,descProp:h=!0}=t;try{let p=e;i&&(p=g(e));let a=v(r||"icon",n,s),d=await core.transform(p,{typescript:o,memo:c,ref:l,titleProp:m,descProp:h,svgProps:{className:"{className}"}},{componentName:a}),x=o?`import { SVGProps } from 'react';
+`:"",w=c?`import { memo } from 'react';
+`:"",y=l?`import { forwardRef } from 'react';
+`:"",N=`
+export default ${a};
+export { ${a} };`,b=o?"SVGProps<SVGSVGElement> & { className?: string; }":"",z=o?`props: ${b}`:"props",E=c?"memo(":"",O=l?`forwardRef<SVGSVGElement, ${b}>(`:"";d=`${x}${w}${y}
+const ${a} = ${E}${O}(${z}) => {
+  return ${d};
+}${`${l?")":""}${c?")":""}`};
 
-// src/utils/files.ts
-var import_promises = require("fs/promises");
-var import_path = require("path");
-var import_fs = require("fs");
-async function readSvgFile(filePath) {
-  try {
-    const content = await (0, import_promises.readFile)(filePath, "utf-8");
-    return content;
-  } catch (error) {
-    throw new Error(`Failed to read SVG file: ${filePath}. ${error}`);
-  }
-}
-async function writeSvgFile(filePath, content) {
-  try {
-    await ensureDirectoryExists((0, import_path.dirname)(filePath));
-    await (0, import_promises.writeFile)(filePath, content, "utf-8");
-  } catch (error) {
-    throw new Error(`Failed to write SVG file: ${filePath}. ${error}`);
-  }
-}
-async function writeComponentFile(filePath, content) {
-  try {
-    await ensureDirectoryExists((0, import_path.dirname)(filePath));
-    await (0, import_promises.writeFile)(filePath, content, "utf-8");
-  } catch (error) {
-    throw new Error(`Failed to write component file: ${filePath}. ${error}`);
-  }
-}
-async function readSvgDirectory(dirPath, recursive = false) {
-  try {
-    const files = await (0, import_promises.readdir)(dirPath);
-    const svgFiles = [];
-    for (const file of files) {
-      const filePath = (0, import_path.join)(dirPath, file);
-      const fileStat = await (0, import_promises.stat)(filePath);
-      if (fileStat.isDirectory() && recursive) {
-        const nestedFiles = await readSvgDirectory(filePath, recursive);
-        svgFiles.push(...nestedFiles);
-      } else if (fileStat.isFile() && (0, import_path.extname)(file).toLowerCase() === ".svg") {
-        svgFiles.push(filePath);
-      }
-    }
-    return svgFiles;
-  } catch (error) {
-    throw new Error(`Failed to read directory: ${dirPath}. ${error}`);
-  }
-}
-async function ensureDirectoryExists(dirPath) {
-  if (!(0, import_fs.existsSync)(dirPath)) {
-    await (0, import_promises.mkdir)(dirPath, { recursive: true });
-  }
-}
-function getFileExtension(framework, typescript = true) {
-  if (framework === "react") {
-    return typescript ? ".tsx" : ".jsx";
-  } else {
-    return typescript ? ".vue" : ".vue";
-  }
-}
-function getComponentFilename(_svgFilename, componentName, extension) {
-  return `${componentName}${extension}`;
-}
+${a}.displayName = "${a}";
+${N}`;let P=C("react",o),G=$("icon.svg",a,P);return {code:d,filename:G,componentName:a}}catch(p){throw new Error(`Failed to convert SVG to React: ${p}`)}}function ee(e,t={}){let{name:r,prefix:n,suffix:s,optimize:i=!0,typescript:o=!0,compositionApi:c=!0,scriptSetup:l=!0}=t;try{let m=e;i&&(m=g(e));let p=v(r||"icon",n,s),S=m.replace(/<\?xml[^>]*\?>\s*/,"").replace(/xmlns="[^"]*"/g,"").replace(/width="[^"]*"/g,"").replace(/height="[^"]*"/g,"").replace(/<svg/,'<svg v-bind="$attrs"').replace(/class="([^"]*)"/g,'class="$1"').replace(/currentColor/g,"currentColor"),a=l?te(o,p):re(p,o),F=`<template>
+  ${S}
+</template>`,x=`${a}
 
-// src/converters/react.ts
-async function convertToReact(svgContent, options = {}) {
-  const {
-    name,
-    prefix,
-    suffix,
-    optimize: optimize2 = true,
-    typescript = true,
-    memo = true,
-    ref = true,
-    titleProp = true,
-    descProp = true
-  } = options;
-  try {
-    let processedSvg = svgContent;
-    if (optimize2) {
-      processedSvg = optimizeSvg(svgContent);
-    }
-    const baseName = name || "icon";
-    const componentName = formatComponentName(baseName, prefix, suffix);
-    const svgrOptions = {
-      typescript,
-      memo,
-      ref,
-      titleProp,
-      descProp,
-      svgProps: {
-        className: "{className}"
-      }
-    };
-    let result = await (0, import_core.transform)(processedSvg, svgrOptions, {
-      componentName
-    });
-    const typeImports = typescript ? `import { SVGProps } from 'react';
-` : "";
-    const memoImport = memo ? `import { memo } from 'react';
-` : "";
-    const refImport = ref ? `import { forwardRef } from 'react';
-` : "";
-    const exports = `
-export default ${componentName};
-export { ${componentName} };`;
-    const propsType = typescript ? `SVGProps<SVGSVGElement> & { className?: string; }` : "";
-    const componentProps = typescript ? `props: ${propsType}` : "props";
-    const componentFunc = memo ? `memo(` : "";
-    const refWrapper = ref ? `forwardRef<SVGSVGElement, ${propsType}>(` : "";
-    const closingWrappers = `${ref ? ")" : ""}${memo ? ")" : ""}`;
-    result = `${typeImports}${memoImport}${refImport}
-const ${componentName} = ${componentFunc}${refWrapper}(${componentProps}) => {
-  return ${result};
-}${closingWrappers};
+${F}
 
-${componentName}.displayName = "${componentName}";
-${exports}`;
-    const extension = getFileExtension("react", typescript);
-    const filename = getComponentFilename("icon.svg", componentName, extension);
-    return {
-      code: result,
-      filename,
-      componentName
-    };
-  } catch (error) {
-    throw new Error(`Failed to convert SVG to React: ${error}`);
-  }
-}
-
-// src/converters/vue.ts
-function convertToVue(svgContent, options = {}) {
-  const {
-    name,
-    prefix,
-    suffix,
-    optimize: optimize2 = true,
-    typescript = true,
-    compositionApi: _compositionApi = true,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
-    scriptSetup = true
-  } = options;
-  try {
-    let processedSvg = svgContent;
-    if (optimize2) {
-      processedSvg = optimizeSvg(svgContent);
-    }
-    const baseName = name || "icon";
-    const componentName = formatComponentName(baseName, prefix, suffix);
-    const cleanedSvg = processedSvg.replace(/<\?xml[^>]*\?>\s*/, "").replace(/xmlns="[^"]*"/g, "").replace(/width="[^"]*"/g, "").replace(/height="[^"]*"/g, "").replace(/<svg/, '<svg v-bind="$attrs"').replace(/class="([^"]*)"/g, 'class="$1"').replace(/currentColor/g, "currentColor");
-    const scriptTag = scriptSetup ? generateScriptSetup(typescript, componentName) : generateCompositionScript(componentName, typescript);
-    const template = `<template>
-  ${cleanedSvg}
-</template>`;
-    const style = `<style scoped>
+<style scoped>
 /* Add component-specific styles here */
-</style>`;
-    const vueComponent = `${scriptTag}
-
-${template}
-
-${style}`;
-    const extension = getFileExtension("vue", typescript);
-    const filename = getComponentFilename("icon.svg", componentName, extension);
-    return {
-      code: vueComponent,
-      filename,
-      componentName
-    };
-  } catch (error) {
-    throw new Error(`Failed to convert SVG to Vue: ${error}`);
-  }
-}
-function generateScriptSetup(typescript, componentName) {
-  const lang = typescript ? ' lang="ts"' : "";
-  const propsType = typescript ? `
+</style>`,w=C("vue",o),y=$("icon.svg",p,w);return {code:x,filename:y,componentName:p}}catch(m){throw new Error(`Failed to convert SVG to Vue: ${m}`)}}function te(e,t){return `<script setup${e?' lang="ts"':""}>${e?`
 interface Props {
   class?: string;
   style?: string | Record<string, any>;
-}` : "";
-  const propsDefinition = typescript ? `
+}`:""}${e?`
 const props = withDefaults(defineProps<Props>(), {
   class: '',
   style: undefined,
-});` : `
+});`:`
 const props = withDefaults(defineProps(), {
   class: '',
   style: undefined,
-});`;
-  return `<script setup${lang}>${propsType}${propsDefinition}
+});`}
 
 // Component name for debugging
-const __name = '${componentName}';
-</script>`;
-}
-function generateCompositionScript(componentName, typescript) {
-  const lang = typescript ? ' lang="ts"' : "";
-  const propsType = typescript ? `
+const __name = '${t}';
+</script>`}function re(e,t){let r=t?' lang="ts"':"",n=t?`
 interface Props {
   class?: string;
   style?: string | Record<string, any>;
-}` : "";
-  const exportStatement = typescript ? `
-const ${componentName} = defineComponent({
-  name: '${componentName}',
+}`:"",s=t?`
+const ${e} = defineComponent({
+  name: '${e}',
   props: {
     class: {
       type: String,
@@ -369,10 +63,10 @@ const ${componentName} = defineComponent({
   },
 });
 
-export default ${componentName};
-export { ${componentName} };` : `
-const ${componentName} = defineComponent({
-  name: '${componentName}',
+export default ${e};
+export { ${e} };`:`
+const ${e} = defineComponent({
+  name: '${e}',
   props: {
     class: {
       type: String,
@@ -388,25 +82,20 @@ const ${componentName} = defineComponent({
   },
 });
 
-export default ${componentName};
-export { ${componentName} };`;
-  return `<script${lang}>
-import { defineComponent } from 'vue';${propsType}${exportStatement}
-</script>`;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  convertToReact,
-  convertToVue,
-  createSvgoConfig,
-  formatComponentName,
-  optimizeSvg,
-  pascalCase,
-  readSvgDirectory,
-  readSvgFile,
-  sanitizeComponentName,
-  svgToComponentName,
-  writeComponentFile,
-  writeSvgFile
-});
-//# sourceMappingURL=index.js.map
+export default ${e};
+export { ${e} };`;return `<script${r}>
+import { defineComponent } from 'vue';${n}${s}
+</script>`}
+
+exports.convertToReact = Y;
+exports.convertToVue = ee;
+exports.createSvgoConfig = B;
+exports.formatComponentName = v;
+exports.optimizeSvg = g;
+exports.pascalCase = u;
+exports.readSvgDirectory = T;
+exports.readSvgFile = J;
+exports.sanitizeComponentName = M;
+exports.svgToComponentName = _;
+exports.writeComponentFile = Q;
+exports.writeSvgFile = K;

package/dist/index.mjs

@@ -1,322 +1,51 @@
-// src/converters/react.ts
-import { transform } from "@svgr/core";
+import { transform } from '@svgr/core';
+import { optimize } from 'svgo';
+import { readFile, writeFile, readdir, stat, mkdir } from 'fs/promises';
+import { dirname, join, extname } from 'path';
+import { existsSync } from 'fs';
 
-// src/utils/svgo.ts
-import { optimize } from "svgo";
-var defaultConfig = {
-  plugins: [
-    {
-      name: "preset-default",
-      params: {
-        overrides: {
-          removeViewBox: false,
-          removeTitle: false,
-          removeDesc: false,
-          removeUselessStrokeAndFill: false,
-          convertColors: {
-            currentColor: true,
-            names2hex: true,
-            rgb2hex: true,
-            shorthex: true,
-            // cspell:disable-line
-            shortname: true
-          }
-        }
-      }
-    },
-    "removeDimensions",
-    "cleanupNumericValues"
-  ]
-};
-function optimizeSvg(svgContent, config = defaultConfig) {
-  try {
-    const result = optimize(svgContent, config);
-    return result.data;
-  } catch (error) {
-    throw new Error(`Failed to optimize SVG: ${error}`);
-  }
-}
-function createSvgoConfig(options) {
-  const plugins = [
-    {
-      name: "preset-default",
-      params: {
-        overrides: {
-          removeViewBox: !options.removeViewBox,
-          removeTitle: !options.removeTitle,
-          removeDesc: !options.removeDesc,
-          removeUselessStrokeAndFill: !options.preserveClasses,
-          convertColors: options.preserveColors ? false : {
-            currentColor: true,
-            names2hex: true,
-            rgb2hex: true,
-            shorthex: true,
-            // cspell:disable-line
-            shortname: true
-          }
-        }
-      }
-    },
-    "cleanupNumericValues"
-  ];
-  if (options.removeDimensions !== false) {
-    plugins.push("removeDimensions");
-  }
-  return { plugins };
-}
-
-// src/utils/name.ts
-function svgToComponentName(filename) {
-  let baseName = filename.replace(/\.svg$/i, "");
-  baseName = processComplexFilename(baseName);
-  return pascalCase(baseName);
-}
-function processComplexFilename(filename) {
-  let processed = filename;
-  const simpleMatch = processed.match(/^([^,]+),\s*Type=([^,]+)/i);
-  if (simpleMatch) {
-    processed = `${simpleMatch[1]} ${simpleMatch[2]}`;
-    return processed;
-  }
-  const sizeMatch = processed.match(/Size=(\w+)/i);
-  const colorMatch = processed.match(/Color=(\w+)/i);
-  const typeMatch = processed.match(/Type=(\w+)/i);
-  if (sizeMatch || colorMatch || typeMatch) {
-    const parts = [];
-    if (typeMatch)
-      parts.push(typeMatch[1]);
-    if (colorMatch)
-      parts.push(colorMatch[1]);
-    if (sizeMatch)
-      parts.push(sizeMatch[1]);
-    if (parts.length > 0) {
-      processed = parts.join(" ");
-      return processed;
-    }
-  }
-  processed = processed.replace(/\b\w+=\w+\b/g, "").replace(/,\s*/g, " ").replace(/[=]/g, " ").replace(/\s+/g, " ").trim();
-  if (!processed || processed.length < 2) {
-    processed = filename;
-  }
-  return processed;
-}
-function sanitizeComponentName(name) {
-  return pascalCase(name.replace(/[^a-zA-Z0-9]/g, " "));
-}
-function pascalCase(str) {
-  return str.replace(/[^a-zA-Z0-9\s-_]/g, " ").split(/[\s-_]+/).filter((word) => word.length > 0).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
-}
-function formatComponentName(name, prefix, suffix) {
-  const prefixPart = prefix ? pascalCase(prefix) : "";
-  const suffixPart = suffix ? pascalCase(suffix) : "";
-  const baseName = pascalCase(name);
-  return `${prefixPart}${baseName}${suffixPart}`;
-}
-
-// src/utils/files.ts
-import { readFile, writeFile, readdir, stat, mkdir } from "fs/promises";
-import { join, dirname, extname } from "path";
-import { existsSync } from "fs";
-async function readSvgFile(filePath) {
-  try {
-    const content = await readFile(filePath, "utf-8");
-    return content;
-  } catch (error) {
-    throw new Error(`Failed to read SVG file: ${filePath}. ${error}`);
-  }
-}
-async function writeSvgFile(filePath, content) {
-  try {
-    await ensureDirectoryExists(dirname(filePath));
-    await writeFile(filePath, content, "utf-8");
-  } catch (error) {
-    throw new Error(`Failed to write SVG file: ${filePath}. ${error}`);
-  }
-}
-async function writeComponentFile(filePath, content) {
-  try {
-    await ensureDirectoryExists(dirname(filePath));
-    await writeFile(filePath, content, "utf-8");
-  } catch (error) {
-    throw new Error(`Failed to write component file: ${filePath}. ${error}`);
-  }
-}
-async function readSvgDirectory(dirPath, recursive = false) {
-  try {
-    const files = await readdir(dirPath);
-    const svgFiles = [];
-    for (const file of files) {
-      const filePath = join(dirPath, file);
-      const fileStat = await stat(filePath);
-      if (fileStat.isDirectory() && recursive) {
-        const nestedFiles = await readSvgDirectory(filePath, recursive);
-        svgFiles.push(...nestedFiles);
-      } else if (fileStat.isFile() && extname(file).toLowerCase() === ".svg") {
-        svgFiles.push(filePath);
-      }
-    }
-    return svgFiles;
-  } catch (error) {
-    throw new Error(`Failed to read directory: ${dirPath}. ${error}`);
-  }
-}
-async function ensureDirectoryExists(dirPath) {
-  if (!existsSync(dirPath)) {
-    await mkdir(dirPath, { recursive: true });
-  }
-}
-function getFileExtension(framework, typescript = true) {
-  if (framework === "react") {
-    return typescript ? ".tsx" : ".jsx";
-  } else {
-    return typescript ? ".vue" : ".vue";
-  }
-}
-function getComponentFilename(_svgFilename, componentName, extension) {
-  return `${componentName}${extension}`;
-}
+var B={plugins:[{name:"preset-default",params:{overrides:{removeViewBox:!1,removeTitle:!1,removeDesc:!1,removeUselessStrokeAndFill:!1,convertColors:{currentColor:!0,names2hex:!0,rgb2hex:!0,shorthex:!0,shortname:!0}}}},"removeDimensions","cleanupNumericValues"]};function v(e,t=B){try{return optimize(e,t).data}catch(r){throw new Error(`Failed to optimize SVG: ${r}`)}}function _(e){let t=[{name:"preset-default",params:{overrides:{removeViewBox:!e.removeViewBox,removeTitle:!e.removeTitle,removeDesc:!e.removeDesc,removeUselessStrokeAndFill:!e.preserveClasses,convertColors:e.preserveColors?!1:{currentColor:!0,names2hex:!0,rgb2hex:!0,shorthex:!0,shortname:!0}}}},"cleanupNumericValues"];return e.removeDimensions!==!1&&t.push("removeDimensions"),{plugins:t}}function k(e){let t=e.replace(/\.svg$/i,"");return t=M(t),u(t)}function M(e){let t=e,r=t.match(/^([^,]+),\s*Type=([^,]+)/i);if(r)return t=`${r[1]} ${r[2]}`,t;let n=t.match(/Size=(\w+)/i),s=t.match(/Color=(\w+)/i),i=t.match(/Type=(\w+)/i);if(n||s||i){let o=[];if(i&&o.push(i[1]),s&&o.push(s[1]),n&&o.push(n[1]),o.length>0)return t=o.join(" "),t}return t=t.replace(/\b\w+=\w+\b/g,"").replace(/,\s*/g," ").replace(/[=]/g," ").replace(/\s+/g," ").trim(),(!t||t.length<2)&&(t=e),t}function I(e){return u(e.replace(/[^a-zA-Z0-9]/g," "))}function u(e){return e.replace(/[^a-zA-Z0-9\s-_]/g," ").split(/[\s-_]+/).filter(t=>t.length>0).map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join("")}function d(e,t,r){let n=t?u(t):"",s=r?u(r):"",i=u(e);return `${n}${i}${s}`}async function K(e){try{return await readFile(e,"utf-8")}catch(t){throw new Error(`Failed to read SVG file: ${e}. ${t}`)}}async function Q(e,t){try{await N(dirname(e)),await writeFile(e,t,"utf-8");}catch(r){throw new Error(`Failed to write SVG file: ${e}. ${r}`)}}async function X(e,t){try{await N(dirname(e)),await writeFile(e,t,"utf-8");}catch(r){throw new Error(`Failed to write component file: ${e}. ${r}`)}}async function D(e,t=!1){try{let r=await readdir(e),n=[];for(let s of r){let i=join(e,s),o=await stat(i);if(o.isDirectory()&&t){let c=await D(i,t);n.push(...c);}else o.isFile()&&extname(s).toLowerCase()===".svg"&&n.push(i);}return n}catch(r){throw new Error(`Failed to read directory: ${e}. ${r}`)}}async function N(e){existsSync(e)||await mkdir(e,{recursive:!0});}function $(e,t=!0){return e==="react"?t?".tsx":".jsx":".vue"}function x(e,t,r){return `${t}${r}`}async function ee(e,t={}){let{name:r,prefix:n,suffix:s,optimize:i=!0,typescript:o=!0,memo:c=!0,ref:l=!0,titleProp:m=!0,descProp:S=!0}=t;try{let p=e;i&&(p=v(e));let a=d(r||"icon",n,s),C=await transform(p,{typescript:o,memo:c,ref:l,titleProp:m,descProp:S,svgProps:{className:"{className}"}},{componentName:a}),w=o?`import { SVGProps } from 'react';
+`:"",y=c?`import { memo } from 'react';
+`:"",h=l?`import { forwardRef } from 'react';
+`:"",z=`
+export default ${a};
+export { ${a} };`,V=o?"SVGProps<SVGSVGElement> & { className?: string; }":"",E=o?`props: ${V}`:"props",O=c?"memo(":"",P=l?`forwardRef<SVGSVGElement, ${V}>(`:"";C=`${w}${y}${h}
+const ${a} = ${O}${P}(${E}) => {
+  return ${C};
+}${`${l?")":""}${c?")":""}`};
 
-// src/converters/react.ts
-async function convertToReact(svgContent, options = {}) {
-  const {
-    name,
-    prefix,
-    suffix,
-    optimize: optimize2 = true,
-    typescript = true,
-    memo = true,
-    ref = true,
-    titleProp = true,
-    descProp = true
-  } = options;
-  try {
-    let processedSvg = svgContent;
-    if (optimize2) {
-      processedSvg = optimizeSvg(svgContent);
-    }
-    const baseName = name || "icon";
-    const componentName = formatComponentName(baseName, prefix, suffix);
-    const svgrOptions = {
-      typescript,
-      memo,
-      ref,
-      titleProp,
-      descProp,
-      svgProps: {
-        className: "{className}"
-      }
-    };
-    let result = await transform(processedSvg, svgrOptions, {
-      componentName
-    });
-    const typeImports = typescript ? `import { SVGProps } from 'react';
-` : "";
-    const memoImport = memo ? `import { memo } from 'react';
-` : "";
-    const refImport = ref ? `import { forwardRef } from 'react';
-` : "";
-    const exports = `
-export default ${componentName};
-export { ${componentName} };`;
-    const propsType = typescript ? `SVGProps<SVGSVGElement> & { className?: string; }` : "";
-    const componentProps = typescript ? `props: ${propsType}` : "props";
-    const componentFunc = memo ? `memo(` : "";
-    const refWrapper = ref ? `forwardRef<SVGSVGElement, ${propsType}>(` : "";
-    const closingWrappers = `${ref ? ")" : ""}${memo ? ")" : ""}`;
-    result = `${typeImports}${memoImport}${refImport}
-const ${componentName} = ${componentFunc}${refWrapper}(${componentProps}) => {
-  return ${result};
-}${closingWrappers};
+${a}.displayName = "${a}";
+${z}`;let G=$("react",o),A=x("icon.svg",a,G);return {code:C,filename:A,componentName:a}}catch(p){throw new Error(`Failed to convert SVG to React: ${p}`)}}function te(e,t={}){let{name:r,prefix:n,suffix:s,optimize:i=!0,typescript:o=!0,compositionApi:c=!0,scriptSetup:l=!0}=t;try{let m=e;i&&(m=v(e));let p=d(r||"icon",n,s),F=m.replace(/<\?xml[^>]*\?>\s*/,"").replace(/xmlns="[^"]*"/g,"").replace(/width="[^"]*"/g,"").replace(/height="[^"]*"/g,"").replace(/<svg/,'<svg v-bind="$attrs"').replace(/class="([^"]*)"/g,'class="$1"').replace(/currentColor/g,"currentColor"),a=l?re(o,p):oe(p,o),b=`<template>
+  ${F}
+</template>`,w=`${a}
 
-${componentName}.displayName = "${componentName}";
-${exports}`;
-    const extension = getFileExtension("react", typescript);
-    const filename = getComponentFilename("icon.svg", componentName, extension);
-    return {
-      code: result,
-      filename,
-      componentName
-    };
-  } catch (error) {
-    throw new Error(`Failed to convert SVG to React: ${error}`);
-  }
-}
+${b}
 
-// src/converters/vue.ts
-function convertToVue(svgContent, options = {}) {
-  const {
-    name,
-    prefix,
-    suffix,
-    optimize: optimize2 = true,
-    typescript = true,
-    compositionApi: _compositionApi = true,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
-    scriptSetup = true
-  } = options;
-  try {
-    let processedSvg = svgContent;
-    if (optimize2) {
-      processedSvg = optimizeSvg(svgContent);
-    }
-    const baseName = name || "icon";
-    const componentName = formatComponentName(baseName, prefix, suffix);
-    const cleanedSvg = processedSvg.replace(/<\?xml[^>]*\?>\s*/, "").replace(/xmlns="[^"]*"/g, "").replace(/width="[^"]*"/g, "").replace(/height="[^"]*"/g, "").replace(/<svg/, '<svg v-bind="$attrs"').replace(/class="([^"]*)"/g, 'class="$1"').replace(/currentColor/g, "currentColor");
-    const scriptTag = scriptSetup ? generateScriptSetup(typescript, componentName) : generateCompositionScript(componentName, typescript);
-    const template = `<template>
-  ${cleanedSvg}
-</template>`;
-    const style = `<style scoped>
+<style scoped>
 /* Add component-specific styles here */
-</style>`;
-    const vueComponent = `${scriptTag}
-
-${template}
-
-${style}`;
-    const extension = getFileExtension("vue", typescript);
-    const filename = getComponentFilename("icon.svg", componentName, extension);
-    return {
-      code: vueComponent,
-      filename,
-      componentName
-    };
-  } catch (error) {
-    throw new Error(`Failed to convert SVG to Vue: ${error}`);
-  }
-}
-function generateScriptSetup(typescript, componentName) {
-  const lang = typescript ? ' lang="ts"' : "";
-  const propsType = typescript ? `
+</style>`,y=$("vue",o),h=x("icon.svg",p,y);return {code:w,filename:h,componentName:p}}catch(m){throw new Error(`Failed to convert SVG to Vue: ${m}`)}}function re(e,t){return `<script setup${e?' lang="ts"':""}>${e?`
 interface Props {
   class?: string;
   style?: string | Record<string, any>;
-}` : "";
-  const propsDefinition = typescript ? `
+}`:""}${e?`
 const props = withDefaults(defineProps<Props>(), {
   class: '',
   style: undefined,
-});` : `
+});`:`
 const props = withDefaults(defineProps(), {
   class: '',
   style: undefined,
-});`;
-  return `<script setup${lang}>${propsType}${propsDefinition}
+});`}
 
 // Component name for debugging
-const __name = '${componentName}';
-</script>`;
-}
-function generateCompositionScript(componentName, typescript) {
-  const lang = typescript ? ' lang="ts"' : "";
-  const propsType = typescript ? `
+const __name = '${t}';
+</script>`}function oe(e,t){let r=t?' lang="ts"':"",n=t?`
 interface Props {
   class?: string;
   style?: string | Record<string, any>;
-}` : "";
-  const exportStatement = typescript ? `
-const ${componentName} = defineComponent({
-  name: '${componentName}',
+}`:"",s=t?`
+const ${e} = defineComponent({
+  name: '${e}',
   props: {
     class: {
       type: String,
@@ -332,10 +61,10 @@ const ${componentName} = defineComponent({
   },
 });
 
-export default ${componentName};
-export { ${componentName} };` : `
-const ${componentName} = defineComponent({
-  name: '${componentName}',
+export default ${e};
+export { ${e} };`:`
+const ${e} = defineComponent({
+  name: '${e}',
   props: {
     class: {
       type: String,
@@ -351,24 +80,9 @@ const ${componentName} = defineComponent({
   },
 });
 
-export default ${componentName};
-export { ${componentName} };`;
-  return `<script${lang}>
-import { defineComponent } from 'vue';${propsType}${exportStatement}
-</script>`;
-}
-export {
-  convertToReact,
-  convertToVue,
-  createSvgoConfig,
-  formatComponentName,
-  optimizeSvg,
-  pascalCase,
-  readSvgDirectory,
-  readSvgFile,
-  sanitizeComponentName,
-  svgToComponentName,
-  writeComponentFile,
-  writeSvgFile
-};
-//# sourceMappingURL=index.mjs.map
+export default ${e};
+export { ${e} };`;return `<script${r}>
+import { defineComponent } from 'vue';${n}${s}
+</script>`}
+
+export { ee as convertToReact, te as convertToVue, _ as createSvgoConfig, d as formatComponentName, v as optimizeSvg, u as pascalCase, D as readSvgDirectory, K as readSvgFile, I as sanitizeComponentName, k as svgToComponentName, X as writeComponentFile, Q as writeSvgFile };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svgfusion",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "description": "Transform SVG files into production-ready React and Vue 3 components with TypeScript support, automatic optimization, and intelligent naming.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/cli.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/cli.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts","../src/converters/react.ts","../src/utils/svgo.ts","../src/utils/name.ts","../src/utils/files.ts","../src/converters/vue.ts"],"sourcesContent":["export type {\n  ConversionOptions,\n  ReactConversionOptions,\n  VueConversionOptions,\n  ConversionResult,\n  BatchConversionOptions,\n  BatchConversionResult,\n  ConversionError,\n  Framework,\n  CliOptions,\n} from './types/index.js';\n\nexport { convertToReact } from './converters/react.js';\nexport { convertToVue } from './converters/vue.js';\nexport { optimizeSvg, createSvgoConfig } from './utils/svgo.js';\nexport {\n  readSvgFile,\n  writeSvgFile,\n  readSvgDirectory,\n  writeComponentFile,\n} from './utils/files.js';\nexport {\n  svgToComponentName,\n  sanitizeComponentName,\n  pascalCase,\n  formatComponentName,\n} from './utils/name.js';\n","import { transform } from '@svgr/core';\nimport { ReactConversionOptions, ConversionResult } from '../types/index.js';\nimport { optimizeSvg } from '../utils/svgo.js';\nimport { formatComponentName } from '../utils/name.js';\nimport { getFileExtension, getComponentFilename } from '../utils/files.js';\n\n/**\n * Convert SVG to React component\n * @param svgContent - SVG content string\n * @param options - Conversion options\n * @returns Conversion result with React component code\n */\nexport async function convertToReact(\n  svgContent: string,\n  options: ReactConversionOptions = {}\n): Promise<ConversionResult> {\n  const {\n    name,\n    prefix,\n    suffix,\n    optimize = true,\n    typescript = true,\n    memo = true,\n    ref = true,\n    titleProp = true,\n    descProp = true,\n  } = options;\n\n  try {\n    // Optimize SVG if requested\n    let processedSvg = svgContent;\n    if (optimize) {\n      processedSvg = optimizeSvg(svgContent);\n    }\n\n    // Generate component name\n    const baseName = name || 'icon';\n    const componentName = formatComponentName(baseName, prefix, suffix);\n\n    // SVGR transformation options\n    const svgrOptions = {\n      typescript,\n      memo,\n      ref,\n      titleProp,\n      descProp,\n      svgProps: {\n        className: '{className}',\n      },\n    };\n\n    // Transform SVG to React component\n    let result = await transform(processedSvg, svgrOptions, {\n      componentName,\n    });\n\n    // Add proper exports to the result\n    const typeImports = typescript ? `import { SVGProps } from 'react';\\n` : '';\n\n    const memoImport = memo ? `import { memo } from 'react';\\n` : '';\n    const refImport = ref ? `import { forwardRef } from 'react';\\n` : '';\n\n    const exports = `\\nexport default ${componentName};\\nexport { ${componentName} };`;\n\n    // Wrap the SVGR result with proper component structure\n    const propsType = typescript\n      ? `SVGProps<SVGSVGElement> & { className?: string; }`\n      : '';\n\n    const componentProps = typescript ? `props: ${propsType}` : 'props';\n\n    const componentFunc = memo ? `memo(` : '';\n    const refWrapper = ref ? `forwardRef<SVGSVGElement, ${propsType}>(` : '';\n    const closingWrappers = `${ref ? ')' : ''}${memo ? ')' : ''}`;\n\n    result = `${typeImports}${memoImport}${refImport}\nconst ${componentName} = ${componentFunc}${refWrapper}(${componentProps}) => {\n  return ${result};\n}${closingWrappers};\n\n${componentName}.displayName = \"${componentName}\";\n${exports}`;\n\n    // Generate filename\n    const extension = getFileExtension('react', typescript);\n    const filename = getComponentFilename('icon.svg', componentName, extension);\n\n    return {\n      code: result,\n      filename,\n      componentName,\n    };\n  } catch (error) {\n    throw new Error(`Failed to convert SVG to React: ${error}`);\n  }\n}\n","import { optimize, Config } from 'svgo';\n\n/**\n * Default SVGO configuration for optimization\n */\nconst defaultConfig: Config = {\n  plugins: [\n    {\n      name: 'preset-default',\n      params: {\n        overrides: {\n          removeViewBox: false,\n          removeTitle: false,\n          removeDesc: false,\n          removeUselessStrokeAndFill: false,\n          convertColors: {\n            currentColor: true,\n            names2hex: true,\n            rgb2hex: true,\n            shorthex: true, // cspell:disable-line\n            shortname: true,\n          },\n        },\n      },\n    },\n    'removeDimensions',\n    'cleanupNumericValues',\n  ],\n};\n\n/**\n * Optimize SVG content using SVGO\n * @param svgContent - SVG content to optimize\n * @param config - Optional SVGO configuration\n * @returns Optimized SVG content\n */\nexport function optimizeSvg(\n  svgContent: string,\n  config: Config = defaultConfig\n): string {\n  try {\n    const result = optimize(svgContent, config);\n    return result.data;\n  } catch (error) {\n    throw new Error(`Failed to optimize SVG: ${error}`);\n  }\n}\n\n/**\n * Create custom SVGO configuration\n * @param options - Configuration options\n * @returns SVGO configuration\n */\nexport function createSvgoConfig(options: {\n  removeViewBox?: boolean;\n  removeDimensions?: boolean;\n  removeTitle?: boolean;\n  removeDesc?: boolean;\n  preserveAspectRatio?: boolean;\n  preserveColors?: boolean;\n  preserveClasses?: boolean;\n}): Config {\n  const plugins = [\n    {\n      name: 'preset-default',\n      params: {\n        overrides: {\n          removeViewBox: !options.removeViewBox,\n          removeTitle: !options.removeTitle,\n          removeDesc: !options.removeDesc,\n          removeUselessStrokeAndFill: !options.preserveClasses,\n          convertColors: options.preserveColors\n            ? false\n            : {\n                currentColor: true,\n                names2hex: true,\n                rgb2hex: true,\n                shorthex: true, // cspell:disable-line\n                shortname: true,\n              },\n        },\n      },\n    },\n    'cleanupNumericValues',\n  ];\n\n  if (options.removeDimensions !== false) {\n    plugins.push('removeDimensions');\n  }\n\n  return { plugins: plugins as Config['plugins'] };\n}\n","/**\n * Convert SVG filename to a valid React component name\n * @param filename - The SVG filename\n * @returns PascalCase component name\n */\nexport function svgToComponentName(filename: string): string {\n  // Remove file extension\n  let baseName = filename.replace(/\\.svg$/i, '');\n\n  // Handle complex filenames with metadata\n  baseName = processComplexFilename(baseName);\n\n  // Convert to PascalCase\n  return pascalCase(baseName);\n}\n\n/**\n * Process complex filenames with metadata and special characters\n * @param filename - The filename to process\n * @returns Cleaned filename\n */\nfunction processComplexFilename(filename: string): string {\n  // Handle files with metadata like \"User Profile Avatar, Type=Solid\" or \"Size=xl, Color=Brand, Type=Glass\"\n\n  let processed = filename;\n\n  // Handle simple patterns like \"User Profile Avatar, Type=Solid\" first\n  const simpleMatch = processed.match(/^([^,]+),\\s*Type=([^,]+)/i);\n  if (simpleMatch) {\n    processed = `${simpleMatch[1]} ${simpleMatch[2]}`;\n    return processed;\n  }\n\n  // Check for metadata patterns\n  const sizeMatch = processed.match(/Size=(\\w+)/i);\n  const colorMatch = processed.match(/Color=(\\w+)/i);\n  const typeMatch = processed.match(/Type=(\\w+)/i);\n\n  // If it has metadata, construct a meaningful name\n  if (sizeMatch || colorMatch || typeMatch) {\n    const parts = [];\n    if (typeMatch) parts.push(typeMatch[1]);\n    if (colorMatch) parts.push(colorMatch[1]);\n    if (sizeMatch) parts.push(sizeMatch[1]);\n\n    if (parts.length > 0) {\n      processed = parts.join(' ');\n      return processed;\n    }\n  }\n\n  // If no metadata patterns found, just clean up the filename\n  processed = processed\n    .replace(/\\b\\w+=\\w+\\b/g, '') // Remove key=value patterns\n    .replace(/,\\s*/g, ' ') // Replace commas with spaces\n    .replace(/[=]/g, ' ') // Replace equals with spaces\n    .replace(/\\s+/g, ' ') // Normalize multiple spaces\n    .trim();\n\n  // If the result is empty or too short, use original filename as fallback\n  if (!processed || processed.length < 2) {\n    processed = filename;\n  }\n\n  return processed;\n}\n\n/**\n * Sanitize component name to ensure it's valid\n * @param name - The component name to sanitize\n * @returns Sanitized component name\n */\nexport function sanitizeComponentName(name: string): string {\n  // Remove invalid characters and convert to PascalCase\n  return pascalCase(name.replace(/[^a-zA-Z0-9]/g, ' '));\n}\n\n/**\n * Convert a string to PascalCase\n * @param str - The string to convert\n * @returns PascalCase string\n */\nexport function pascalCase(str: string): string {\n  return str\n    .replace(/[^a-zA-Z0-9\\s-_]/g, ' ') // Remove any symbols, keep spaces, hyphens, underscores\n    .split(/[\\s-_]+/) // Split on spaces, hyphens, underscores\n    .filter(word => word.length > 0) // Remove empty strings\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join('');\n}\n\n/**\n * Add prefix/suffix to component name\n * @param name - Base component name\n * @param prefix - Optional prefix\n * @param suffix - Optional suffix\n * @returns Component name with prefix/suffix\n */\nexport function formatComponentName(\n  name: string,\n  prefix?: string,\n  suffix?: string\n): string {\n  const prefixPart = prefix ? pascalCase(prefix) : '';\n  const suffixPart = suffix ? pascalCase(suffix) : '';\n  const baseName = pascalCase(name);\n\n  return `${prefixPart}${baseName}${suffixPart}`;\n}\n","import { readFile, writeFile, readdir, stat, mkdir } from 'fs/promises';\nimport { join, dirname, extname } from 'path';\nimport { existsSync } from 'fs';\n\n/**\n * Read SVG file content\n * @param filePath - Path to the SVG file\n * @returns SVG content as string\n */\nexport async function readSvgFile(filePath: string): Promise<string> {\n  try {\n    const content = await readFile(filePath, 'utf-8');\n    return content;\n  } catch (error) {\n    throw new Error(`Failed to read SVG file: ${filePath}. ${error}`);\n  }\n}\n\n/**\n * Write SVG file content\n * @param filePath - Path to write the SVG file\n * @param content - SVG content\n */\nexport async function writeSvgFile(\n  filePath: string,\n  content: string\n): Promise<void> {\n  try {\n    await ensureDirectoryExists(dirname(filePath));\n    await writeFile(filePath, content, 'utf-8');\n  } catch (error) {\n    throw new Error(`Failed to write SVG file: ${filePath}. ${error}`);\n  }\n}\n\n/**\n * Write component file content\n * @param filePath - Path to write the component file\n * @param content - Component content\n */\nexport async function writeComponentFile(\n  filePath: string,\n  content: string\n): Promise<void> {\n  try {\n    await ensureDirectoryExists(dirname(filePath));\n    await writeFile(filePath, content, 'utf-8');\n  } catch (error) {\n    throw new Error(`Failed to write component file: ${filePath}. ${error}`);\n  }\n}\n\n/**\n * Read all SVG files from a directory\n * @param dirPath - Directory path\n * @param recursive - Whether to read recursively\n * @returns Array of SVG file paths\n */\nexport async function readSvgDirectory(\n  dirPath: string,\n  recursive = false\n): Promise<string[]> {\n  try {\n    const files = await readdir(dirPath);\n    const svgFiles: string[] = [];\n\n    for (const file of files) {\n      const filePath = join(dirPath, file);\n      const fileStat = await stat(filePath);\n\n      if (fileStat.isDirectory() && recursive) {\n        const nestedFiles = await readSvgDirectory(filePath, recursive);\n        svgFiles.push(...nestedFiles);\n      } else if (fileStat.isFile() && extname(file).toLowerCase() === '.svg') {\n        svgFiles.push(filePath);\n      }\n    }\n\n    return svgFiles;\n  } catch (error) {\n    throw new Error(`Failed to read directory: ${dirPath}. ${error}`);\n  }\n}\n\n/**\n * Ensure directory exists, create if not\n * @param dirPath - Directory path\n */\nexport async function ensureDirectoryExists(dirPath: string): Promise<void> {\n  if (!existsSync(dirPath)) {\n    await mkdir(dirPath, { recursive: true });\n  }\n}\n\n/**\n * Get file extension for framework\n * @param framework - Target framework\n * @param typescript - Whether to use TypeScript\n * @returns File extension\n */\nexport function getFileExtension(\n  framework: 'react' | 'vue',\n  typescript = true\n): string {\n  if (framework === 'react') {\n    return typescript ? '.tsx' : '.jsx';\n  } else {\n    return typescript ? '.vue' : '.vue';\n  }\n}\n\n/**\n * Get component filename from SVG filename\n * @param svgFilename - SVG filename\n * @param componentName - Component name\n * @param extension - File extension\n * @returns Component filename\n */\nexport function getComponentFilename(\n  _svgFilename: string,\n  componentName: string,\n  extension: string\n): string {\n  return `${componentName}${extension}`;\n}\n","import { VueConversionOptions, ConversionResult } from '../types/index.js';\nimport { optimizeSvg } from '../utils/svgo.js';\nimport { formatComponentName } from '../utils/name.js';\nimport { getFileExtension, getComponentFilename } from '../utils/files.js';\n\n/**\n * Convert SVG to Vue 3 component\n * @param svgContent - SVG content string\n * @param options - Conversion options\n * @returns Conversion result with Vue component code\n */\nexport function convertToVue(\n  svgContent: string,\n  options: VueConversionOptions = {}\n): ConversionResult {\n  const {\n    name,\n    prefix,\n    suffix,\n    optimize = true,\n    typescript = true,\n    compositionApi: _compositionApi = true, // eslint-disable-line @typescript-eslint/no-unused-vars\n    scriptSetup = true,\n  } = options;\n\n  try {\n    // Optimize SVG if requested\n    let processedSvg = svgContent;\n    if (optimize) {\n      processedSvg = optimizeSvg(svgContent);\n    }\n\n    // Generate component name\n    const baseName = name || 'icon';\n    const componentName = formatComponentName(baseName, prefix, suffix);\n\n    // Clean up SVG - remove XML declaration and add props binding\n    const cleanedSvg = processedSvg\n      .replace(/<\\?xml[^>]*\\?>\\s*/, '')\n      .replace(/xmlns=\"[^\"]*\"/g, '')\n      .replace(/width=\"[^\"]*\"/g, '')\n      .replace(/height=\"[^\"]*\"/g, '')\n      .replace(/<svg/, '<svg v-bind=\"$attrs\"')\n      .replace(/class=\"([^\"]*)\"/g, 'class=\"$1\"') // Keep class as is, don't convert to :class\n      .replace(/currentColor/g, 'currentColor');\n\n    // Generate Vue SFC\n    const scriptTag = scriptSetup\n      ? generateScriptSetup(typescript, componentName)\n      : generateCompositionScript(componentName, typescript);\n\n    const template = `<template>\n  ${cleanedSvg}\n</template>`;\n\n    const style = `<style scoped>\n/* Add component-specific styles here */\n</style>`;\n\n    const vueComponent = `${scriptTag}\n\n${template}\n\n${style}`;\n\n    // Generate filename\n    const extension = getFileExtension('vue', typescript);\n    const filename = getComponentFilename('icon.svg', componentName, extension);\n\n    return {\n      code: vueComponent,\n      filename,\n      componentName,\n    };\n  } catch (error) {\n    throw new Error(`Failed to convert SVG to Vue: ${error}`);\n  }\n}\n\n/**\n * Generate script setup block for Vue 3\n */\nfunction generateScriptSetup(\n  typescript: boolean,\n  componentName: string\n): string {\n  const lang = typescript ? ' lang=\"ts\"' : '';\n  const propsType = typescript\n    ? `\ninterface Props {\n  class?: string;\n  style?: string | Record<string, any>;\n}`\n    : '';\n\n  const propsDefinition = typescript\n    ? `\nconst props = withDefaults(defineProps<Props>(), {\n  class: '',\n  style: undefined,\n});`\n    : `\nconst props = withDefaults(defineProps(), {\n  class: '',\n  style: undefined,\n});`;\n\n  return `<script setup${lang}>${propsType}${propsDefinition}\n\n// Component name for debugging\nconst __name = '${componentName}';\n</script>`;\n}\n\n/**\n * Generate composition API script for Vue 3\n */\nfunction generateCompositionScript(\n  componentName: string,\n  typescript: boolean\n): string {\n  const lang = typescript ? ' lang=\"ts\"' : '';\n  const propsType = typescript\n    ? `\ninterface Props {\n  class?: string;\n  style?: string | Record<string, any>;\n}`\n    : '';\n\n  const exportStatement = typescript\n    ? `\nconst ${componentName} = defineComponent({\n  name: '${componentName}',\n  props: {\n    class: {\n      type: String,\n      default: '',\n    },\n    style: {\n      type: [String, Object],\n      default: undefined,\n    },\n  },\n  setup(props: Props) {\n    return {};\n  },\n});\n\nexport default ${componentName};\nexport { ${componentName} };`\n    : `\nconst ${componentName} = defineComponent({\n  name: '${componentName}',\n  props: {\n    class: {\n      type: String,\n      default: '',\n    },\n    style: {\n      type: [String, Object],\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return {};\n  },\n});\n\nexport default ${componentName};\nexport { ${componentName} };`;\n\n  return `<script${lang}>\nimport { defineComponent } from 'vue';${propsType}${exportStatement}\n</script>`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAA0B;;;ACA1B,kBAAiC;AAKjC,IAAM,gBAAwB;AAAA,EAC5B,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,eAAe;AAAA,UACf,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,4BAA4B;AAAA,UAC5B,eAAe;AAAA,YACb,cAAc;AAAA,YACd,WAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,YACV,WAAW;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAQO,SAAS,YACd,YACA,SAAiB,eACT;AACR,MAAI;AACF,UAAM,aAAS,sBAAS,YAAY,MAAM;AAC1C,WAAO,OAAO;AAAA,EAChB,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,2BAA2B,KAAK,EAAE;AAAA,EACpD;AACF;AAOO,SAAS,iBAAiB,SAQtB;AACT,QAAM,UAAU;AAAA,IACd;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,eAAe,CAAC,QAAQ;AAAA,UACxB,aAAa,CAAC,QAAQ;AAAA,UACtB,YAAY,CAAC,QAAQ;AAAA,UACrB,4BAA4B,CAAC,QAAQ;AAAA,UACrC,eAAe,QAAQ,iBACnB,QACA;AAAA,YACE,cAAc;AAAA,YACd,WAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,YACV,WAAW;AAAA,UACb;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AAEA,MAAI,QAAQ,qBAAqB,OAAO;AACtC,YAAQ,KAAK,kBAAkB;AAAA,EACjC;AAEA,SAAO,EAAE,QAAsC;AACjD;;;ACtFO,SAAS,mBAAmB,UAA0B;AAE3D,MAAI,WAAW,SAAS,QAAQ,WAAW,EAAE;AAG7C,aAAW,uBAAuB,QAAQ;AAG1C,SAAO,WAAW,QAAQ;AAC5B;AAOA,SAAS,uBAAuB,UAA0B;AAGxD,MAAI,YAAY;AAGhB,QAAM,cAAc,UAAU,MAAM,2BAA2B;AAC/D,MAAI,aAAa;AACf,gBAAY,GAAG,YAAY,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC;AAC/C,WAAO;AAAA,EACT;AAGA,QAAM,YAAY,UAAU,MAAM,aAAa;AAC/C,QAAM,aAAa,UAAU,MAAM,cAAc;AACjD,QAAM,YAAY,UAAU,MAAM,aAAa;AAG/C,MAAI,aAAa,cAAc,WAAW;AACxC,UAAM,QAAQ,CAAC;AACf,QAAI;AAAW,YAAM,KAAK,UAAU,CAAC,CAAC;AACtC,QAAI;AAAY,YAAM,KAAK,WAAW,CAAC,CAAC;AACxC,QAAI;AAAW,YAAM,KAAK,UAAU,CAAC,CAAC;AAEtC,QAAI,MAAM,SAAS,GAAG;AACpB,kBAAY,MAAM,KAAK,GAAG;AAC1B,aAAO;AAAA,IACT;AAAA,EACF;AAGA,cAAY,UACT,QAAQ,gBAAgB,EAAE,EAC1B,QAAQ,SAAS,GAAG,EACpB,QAAQ,QAAQ,GAAG,EACnB,QAAQ,QAAQ,GAAG,EACnB,KAAK;AAGR,MAAI,CAAC,aAAa,UAAU,SAAS,GAAG;AACtC,gBAAY;AAAA,EACd;AAEA,SAAO;AACT;AAOO,SAAS,sBAAsB,MAAsB;AAE1D,SAAO,WAAW,KAAK,QAAQ,iBAAiB,GAAG,CAAC;AACtD;AAOO,SAAS,WAAW,KAAqB;AAC9C,SAAO,IACJ,QAAQ,qBAAqB,GAAG,EAChC,MAAM,SAAS,EACf,OAAO,UAAQ,KAAK,SAAS,CAAC,EAC9B,IAAI,UAAQ,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC,EAAE,YAAY,CAAC,EACtE,KAAK,EAAE;AACZ;AASO,SAAS,oBACd,MACA,QACA,QACQ;AACR,QAAM,aAAa,SAAS,WAAW,MAAM,IAAI;AACjD,QAAM,aAAa,SAAS,WAAW,MAAM,IAAI;AACjD,QAAM,WAAW,WAAW,IAAI;AAEhC,SAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU;AAC9C;;;AC5GA,sBAA0D;AAC1D,kBAAuC;AACvC,gBAA2B;AAO3B,eAAsB,YAAY,UAAmC;AACnE,MAAI;AACF,UAAM,UAAU,UAAM,0BAAS,UAAU,OAAO;AAChD,WAAO;AAAA,EACT,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,4BAA4B,QAAQ,KAAK,KAAK,EAAE;AAAA,EAClE;AACF;AAOA,eAAsB,aACpB,UACA,SACe;AACf,MAAI;AACF,UAAM,0BAAsB,qBAAQ,QAAQ,CAAC;AAC7C,cAAM,2BAAU,UAAU,SAAS,OAAO;AAAA,EAC5C,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,6BAA6B,QAAQ,KAAK,KAAK,EAAE;AAAA,EACnE;AACF;AAOA,eAAsB,mBACpB,UACA,SACe;AACf,MAAI;AACF,UAAM,0BAAsB,qBAAQ,QAAQ,CAAC;AAC7C,cAAM,2BAAU,UAAU,SAAS,OAAO;AAAA,EAC5C,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,mCAAmC,QAAQ,KAAK,KAAK,EAAE;AAAA,EACzE;AACF;AAQA,eAAsB,iBACpB,SACA,YAAY,OACO;AACnB,MAAI;AACF,UAAM,QAAQ,UAAM,yBAAQ,OAAO;AACnC,UAAM,WAAqB,CAAC;AAE5B,eAAW,QAAQ,OAAO;AACxB,YAAM,eAAW,kBAAK,SAAS,IAAI;AACnC,YAAM,WAAW,UAAM,sBAAK,QAAQ;AAEpC,UAAI,SAAS,YAAY,KAAK,WAAW;AACvC,cAAM,cAAc,MAAM,iBAAiB,UAAU,SAAS;AAC9D,iBAAS,KAAK,GAAG,WAAW;AAAA,MAC9B,WAAW,SAAS,OAAO,SAAK,qBAAQ,IAAI,EAAE,YAAY,MAAM,QAAQ;AACtE,iBAAS,KAAK,QAAQ;AAAA,MACxB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,6BAA6B,OAAO,KAAK,KAAK,EAAE;AAAA,EAClE;AACF;AAMA,eAAsB,sBAAsB,SAAgC;AAC1E,MAAI,KAAC,sBAAW,OAAO,GAAG;AACxB,cAAM,uBAAM,SAAS,EAAE,WAAW,KAAK,CAAC;AAAA,EAC1C;AACF;AAQO,SAAS,iBACd,WACA,aAAa,MACL;AACR,MAAI,cAAc,SAAS;AACzB,WAAO,aAAa,SAAS;AAAA,EAC/B,OAAO;AACL,WAAO,aAAa,SAAS;AAAA,EAC/B;AACF;AASO,SAAS,qBACd,cACA,eACA,WACQ;AACR,SAAO,GAAG,aAAa,GAAG,SAAS;AACrC;;;AHhHA,eAAsB,eACpB,YACA,UAAkC,CAAC,GACR;AAC3B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAAA,YAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,IAAI;AAEJ,MAAI;AAEF,QAAI,eAAe;AACnB,QAAIA,WAAU;AACZ,qBAAe,YAAY,UAAU;AAAA,IACvC;AAGA,UAAM,WAAW,QAAQ;AACzB,UAAM,gBAAgB,oBAAoB,UAAU,QAAQ,MAAM;AAGlE,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,QACR,WAAW;AAAA,MACb;AAAA,IACF;AAGA,QAAI,SAAS,UAAM,uBAAU,cAAc,aAAa;AAAA,MACtD;AAAA,IACF,CAAC;AAGD,UAAM,cAAc,aAAa;AAAA,IAAwC;AAEzE,UAAM,aAAa,OAAO;AAAA,IAAoC;AAC9D,UAAM,YAAY,MAAM;AAAA,IAA0C;AAElE,UAAM,UAAU;AAAA,iBAAoB,aAAa;AAAA,WAAe,aAAa;AAG7E,UAAM,YAAY,aACd,sDACA;AAEJ,UAAM,iBAAiB,aAAa,UAAU,SAAS,KAAK;AAE5D,UAAM,gBAAgB,OAAO,UAAU;AACvC,UAAM,aAAa,MAAM,6BAA6B,SAAS,OAAO;AACtE,UAAM,kBAAkB,GAAG,MAAM,MAAM,EAAE,GAAG,OAAO,MAAM,EAAE;AAE3D,aAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS;AAAA,QAC5C,aAAa,MAAM,aAAa,GAAG,UAAU,IAAI,cAAc;AAAA,WAC5D,MAAM;AAAA,GACd,eAAe;AAAA;AAAA,EAEhB,aAAa,mBAAmB,aAAa;AAAA,EAC7C,OAAO;AAGL,UAAM,YAAY,iBAAiB,SAAS,UAAU;AACtD,UAAM,WAAW,qBAAqB,YAAY,eAAe,SAAS;AAE1E,WAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,mCAAmC,KAAK,EAAE;AAAA,EAC5D;AACF;;;AIpFO,SAAS,aACd,YACA,UAAgC,CAAC,GACf;AAClB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX,aAAa;AAAA,IACb,gBAAgB,kBAAkB;AAAA;AAAA,IAClC,cAAc;AAAA,EAChB,IAAI;AAEJ,MAAI;AAEF,QAAI,eAAe;AACnB,QAAIA,WAAU;AACZ,qBAAe,YAAY,UAAU;AAAA,IACvC;AAGA,UAAM,WAAW,QAAQ;AACzB,UAAM,gBAAgB,oBAAoB,UAAU,QAAQ,MAAM;AAGlE,UAAM,aAAa,aAChB,QAAQ,qBAAqB,EAAE,EAC/B,QAAQ,kBAAkB,EAAE,EAC5B,QAAQ,kBAAkB,EAAE,EAC5B,QAAQ,mBAAmB,EAAE,EAC7B,QAAQ,QAAQ,sBAAsB,EACtC,QAAQ,oBAAoB,YAAY,EACxC,QAAQ,iBAAiB,cAAc;AAG1C,UAAM,YAAY,cACd,oBAAoB,YAAY,aAAa,IAC7C,0BAA0B,eAAe,UAAU;AAEvD,UAAM,WAAW;AAAA,IACjB,UAAU;AAAA;AAGV,UAAM,QAAQ;AAAA;AAAA;AAId,UAAM,eAAe,GAAG,SAAS;AAAA;AAAA,EAEnC,QAAQ;AAAA;AAAA,EAER,KAAK;AAGH,UAAM,YAAY,iBAAiB,OAAO,UAAU;AACpD,UAAM,WAAW,qBAAqB,YAAY,eAAe,SAAS;AAE1E,WAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,iCAAiC,KAAK,EAAE;AAAA,EAC1D;AACF;AAKA,SAAS,oBACP,YACA,eACQ;AACR,QAAM,OAAO,aAAa,eAAe;AACzC,QAAM,YAAY,aACd;AAAA;AAAA;AAAA;AAAA,KAKA;AAEJ,QAAM,kBAAkB,aACpB;AAAA;AAAA;AAAA;AAAA,OAKA;AAAA;AAAA;AAAA;AAAA;AAMJ,SAAO,gBAAgB,IAAI,IAAI,SAAS,GAAG,eAAe;AAAA;AAAA;AAAA,kBAG1C,aAAa;AAAA;AAE/B;AAKA,SAAS,0BACP,eACA,YACQ;AACR,QAAM,OAAO,aAAa,eAAe;AACzC,QAAM,YAAY,aACd;AAAA;AAAA;AAAA;AAAA,KAKA;AAEJ,QAAM,kBAAkB,aACpB;AAAA,QACE,aAAa;AAAA,WACV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAgBP,aAAa;AAAA,WACnB,aAAa,QAClB;AAAA,QACE,aAAa;AAAA,WACV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAgBP,aAAa;AAAA,WACnB,aAAa;AAEtB,SAAO,UAAU,IAAI;AAAA,wCACiB,SAAS,GAAG,eAAe;AAAA;AAEnE;","names":["optimize","optimize"]}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/converters/react.ts","../src/utils/svgo.ts","../src/utils/name.ts","../src/utils/files.ts","../src/converters/vue.ts"],"sourcesContent":["import { transform } from '@svgr/core';\nimport { ReactConversionOptions, ConversionResult } from '../types/index.js';\nimport { optimizeSvg } from '../utils/svgo.js';\nimport { formatComponentName } from '../utils/name.js';\nimport { getFileExtension, getComponentFilename } from '../utils/files.js';\n\n/**\n * Convert SVG to React component\n * @param svgContent - SVG content string\n * @param options - Conversion options\n * @returns Conversion result with React component code\n */\nexport async function convertToReact(\n  svgContent: string,\n  options: ReactConversionOptions = {}\n): Promise<ConversionResult> {\n  const {\n    name,\n    prefix,\n    suffix,\n    optimize = true,\n    typescript = true,\n    memo = true,\n    ref = true,\n    titleProp = true,\n    descProp = true,\n  } = options;\n\n  try {\n    // Optimize SVG if requested\n    let processedSvg = svgContent;\n    if (optimize) {\n      processedSvg = optimizeSvg(svgContent);\n    }\n\n    // Generate component name\n    const baseName = name || 'icon';\n    const componentName = formatComponentName(baseName, prefix, suffix);\n\n    // SVGR transformation options\n    const svgrOptions = {\n      typescript,\n      memo,\n      ref,\n      titleProp,\n      descProp,\n      svgProps: {\n        className: '{className}',\n      },\n    };\n\n    // Transform SVG to React component\n    let result = await transform(processedSvg, svgrOptions, {\n      componentName,\n    });\n\n    // Add proper exports to the result\n    const typeImports = typescript ? `import { SVGProps } from 'react';\\n` : '';\n\n    const memoImport = memo ? `import { memo } from 'react';\\n` : '';\n    const refImport = ref ? `import { forwardRef } from 'react';\\n` : '';\n\n    const exports = `\\nexport default ${componentName};\\nexport { ${componentName} };`;\n\n    // Wrap the SVGR result with proper component structure\n    const propsType = typescript\n      ? `SVGProps<SVGSVGElement> & { className?: string; }`\n      : '';\n\n    const componentProps = typescript ? `props: ${propsType}` : 'props';\n\n    const componentFunc = memo ? `memo(` : '';\n    const refWrapper = ref ? `forwardRef<SVGSVGElement, ${propsType}>(` : '';\n    const closingWrappers = `${ref ? ')' : ''}${memo ? ')' : ''}`;\n\n    result = `${typeImports}${memoImport}${refImport}\nconst ${componentName} = ${componentFunc}${refWrapper}(${componentProps}) => {\n  return ${result};\n}${closingWrappers};\n\n${componentName}.displayName = \"${componentName}\";\n${exports}`;\n\n    // Generate filename\n    const extension = getFileExtension('react', typescript);\n    const filename = getComponentFilename('icon.svg', componentName, extension);\n\n    return {\n      code: result,\n      filename,\n      componentName,\n    };\n  } catch (error) {\n    throw new Error(`Failed to convert SVG to React: ${error}`);\n  }\n}\n","import { optimize, Config } from 'svgo';\n\n/**\n * Default SVGO configuration for optimization\n */\nconst defaultConfig: Config = {\n  plugins: [\n    {\n      name: 'preset-default',\n      params: {\n        overrides: {\n          removeViewBox: false,\n          removeTitle: false,\n          removeDesc: false,\n          removeUselessStrokeAndFill: false,\n          convertColors: {\n            currentColor: true,\n            names2hex: true,\n            rgb2hex: true,\n            shorthex: true, // cspell:disable-line\n            shortname: true,\n          },\n        },\n      },\n    },\n    'removeDimensions',\n    'cleanupNumericValues',\n  ],\n};\n\n/**\n * Optimize SVG content using SVGO\n * @param svgContent - SVG content to optimize\n * @param config - Optional SVGO configuration\n * @returns Optimized SVG content\n */\nexport function optimizeSvg(\n  svgContent: string,\n  config: Config = defaultConfig\n): string {\n  try {\n    const result = optimize(svgContent, config);\n    return result.data;\n  } catch (error) {\n    throw new Error(`Failed to optimize SVG: ${error}`);\n  }\n}\n\n/**\n * Create custom SVGO configuration\n * @param options - Configuration options\n * @returns SVGO configuration\n */\nexport function createSvgoConfig(options: {\n  removeViewBox?: boolean;\n  removeDimensions?: boolean;\n  removeTitle?: boolean;\n  removeDesc?: boolean;\n  preserveAspectRatio?: boolean;\n  preserveColors?: boolean;\n  preserveClasses?: boolean;\n}): Config {\n  const plugins = [\n    {\n      name: 'preset-default',\n      params: {\n        overrides: {\n          removeViewBox: !options.removeViewBox,\n          removeTitle: !options.removeTitle,\n          removeDesc: !options.removeDesc,\n          removeUselessStrokeAndFill: !options.preserveClasses,\n          convertColors: options.preserveColors\n            ? false\n            : {\n                currentColor: true,\n                names2hex: true,\n                rgb2hex: true,\n                shorthex: true, // cspell:disable-line\n                shortname: true,\n              },\n        },\n      },\n    },\n    'cleanupNumericValues',\n  ];\n\n  if (options.removeDimensions !== false) {\n    plugins.push('removeDimensions');\n  }\n\n  return { plugins: plugins as Config['plugins'] };\n}\n","/**\n * Convert SVG filename to a valid React component name\n * @param filename - The SVG filename\n * @returns PascalCase component name\n */\nexport function svgToComponentName(filename: string): string {\n  // Remove file extension\n  let baseName = filename.replace(/\\.svg$/i, '');\n\n  // Handle complex filenames with metadata\n  baseName = processComplexFilename(baseName);\n\n  // Convert to PascalCase\n  return pascalCase(baseName);\n}\n\n/**\n * Process complex filenames with metadata and special characters\n * @param filename - The filename to process\n * @returns Cleaned filename\n */\nfunction processComplexFilename(filename: string): string {\n  // Handle files with metadata like \"User Profile Avatar, Type=Solid\" or \"Size=xl, Color=Brand, Type=Glass\"\n\n  let processed = filename;\n\n  // Handle simple patterns like \"User Profile Avatar, Type=Solid\" first\n  const simpleMatch = processed.match(/^([^,]+),\\s*Type=([^,]+)/i);\n  if (simpleMatch) {\n    processed = `${simpleMatch[1]} ${simpleMatch[2]}`;\n    return processed;\n  }\n\n  // Check for metadata patterns\n  const sizeMatch = processed.match(/Size=(\\w+)/i);\n  const colorMatch = processed.match(/Color=(\\w+)/i);\n  const typeMatch = processed.match(/Type=(\\w+)/i);\n\n  // If it has metadata, construct a meaningful name\n  if (sizeMatch || colorMatch || typeMatch) {\n    const parts = [];\n    if (typeMatch) parts.push(typeMatch[1]);\n    if (colorMatch) parts.push(colorMatch[1]);\n    if (sizeMatch) parts.push(sizeMatch[1]);\n\n    if (parts.length > 0) {\n      processed = parts.join(' ');\n      return processed;\n    }\n  }\n\n  // If no metadata patterns found, just clean up the filename\n  processed = processed\n    .replace(/\\b\\w+=\\w+\\b/g, '') // Remove key=value patterns\n    .replace(/,\\s*/g, ' ') // Replace commas with spaces\n    .replace(/[=]/g, ' ') // Replace equals with spaces\n    .replace(/\\s+/g, ' ') // Normalize multiple spaces\n    .trim();\n\n  // If the result is empty or too short, use original filename as fallback\n  if (!processed || processed.length < 2) {\n    processed = filename;\n  }\n\n  return processed;\n}\n\n/**\n * Sanitize component name to ensure it's valid\n * @param name - The component name to sanitize\n * @returns Sanitized component name\n */\nexport function sanitizeComponentName(name: string): string {\n  // Remove invalid characters and convert to PascalCase\n  return pascalCase(name.replace(/[^a-zA-Z0-9]/g, ' '));\n}\n\n/**\n * Convert a string to PascalCase\n * @param str - The string to convert\n * @returns PascalCase string\n */\nexport function pascalCase(str: string): string {\n  return str\n    .replace(/[^a-zA-Z0-9\\s-_]/g, ' ') // Remove any symbols, keep spaces, hyphens, underscores\n    .split(/[\\s-_]+/) // Split on spaces, hyphens, underscores\n    .filter(word => word.length > 0) // Remove empty strings\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join('');\n}\n\n/**\n * Add prefix/suffix to component name\n * @param name - Base component name\n * @param prefix - Optional prefix\n * @param suffix - Optional suffix\n * @returns Component name with prefix/suffix\n */\nexport function formatComponentName(\n  name: string,\n  prefix?: string,\n  suffix?: string\n): string {\n  const prefixPart = prefix ? pascalCase(prefix) : '';\n  const suffixPart = suffix ? pascalCase(suffix) : '';\n  const baseName = pascalCase(name);\n\n  return `${prefixPart}${baseName}${suffixPart}`;\n}\n","import { readFile, writeFile, readdir, stat, mkdir } from 'fs/promises';\nimport { join, dirname, extname } from 'path';\nimport { existsSync } from 'fs';\n\n/**\n * Read SVG file content\n * @param filePath - Path to the SVG file\n * @returns SVG content as string\n */\nexport async function readSvgFile(filePath: string): Promise<string> {\n  try {\n    const content = await readFile(filePath, 'utf-8');\n    return content;\n  } catch (error) {\n    throw new Error(`Failed to read SVG file: ${filePath}. ${error}`);\n  }\n}\n\n/**\n * Write SVG file content\n * @param filePath - Path to write the SVG file\n * @param content - SVG content\n */\nexport async function writeSvgFile(\n  filePath: string,\n  content: string\n): Promise<void> {\n  try {\n    await ensureDirectoryExists(dirname(filePath));\n    await writeFile(filePath, content, 'utf-8');\n  } catch (error) {\n    throw new Error(`Failed to write SVG file: ${filePath}. ${error}`);\n  }\n}\n\n/**\n * Write component file content\n * @param filePath - Path to write the component file\n * @param content - Component content\n */\nexport async function writeComponentFile(\n  filePath: string,\n  content: string\n): Promise<void> {\n  try {\n    await ensureDirectoryExists(dirname(filePath));\n    await writeFile(filePath, content, 'utf-8');\n  } catch (error) {\n    throw new Error(`Failed to write component file: ${filePath}. ${error}`);\n  }\n}\n\n/**\n * Read all SVG files from a directory\n * @param dirPath - Directory path\n * @param recursive - Whether to read recursively\n * @returns Array of SVG file paths\n */\nexport async function readSvgDirectory(\n  dirPath: string,\n  recursive = false\n): Promise<string[]> {\n  try {\n    const files = await readdir(dirPath);\n    const svgFiles: string[] = [];\n\n    for (const file of files) {\n      const filePath = join(dirPath, file);\n      const fileStat = await stat(filePath);\n\n      if (fileStat.isDirectory() && recursive) {\n        const nestedFiles = await readSvgDirectory(filePath, recursive);\n        svgFiles.push(...nestedFiles);\n      } else if (fileStat.isFile() && extname(file).toLowerCase() === '.svg') {\n        svgFiles.push(filePath);\n      }\n    }\n\n    return svgFiles;\n  } catch (error) {\n    throw new Error(`Failed to read directory: ${dirPath}. ${error}`);\n  }\n}\n\n/**\n * Ensure directory exists, create if not\n * @param dirPath - Directory path\n */\nexport async function ensureDirectoryExists(dirPath: string): Promise<void> {\n  if (!existsSync(dirPath)) {\n    await mkdir(dirPath, { recursive: true });\n  }\n}\n\n/**\n * Get file extension for framework\n * @param framework - Target framework\n * @param typescript - Whether to use TypeScript\n * @returns File extension\n */\nexport function getFileExtension(\n  framework: 'react' | 'vue',\n  typescript = true\n): string {\n  if (framework === 'react') {\n    return typescript ? '.tsx' : '.jsx';\n  } else {\n    return typescript ? '.vue' : '.vue';\n  }\n}\n\n/**\n * Get component filename from SVG filename\n * @param svgFilename - SVG filename\n * @param componentName - Component name\n * @param extension - File extension\n * @returns Component filename\n */\nexport function getComponentFilename(\n  _svgFilename: string,\n  componentName: string,\n  extension: string\n): string {\n  return `${componentName}${extension}`;\n}\n","import { VueConversionOptions, ConversionResult } from '../types/index.js';\nimport { optimizeSvg } from '../utils/svgo.js';\nimport { formatComponentName } from '../utils/name.js';\nimport { getFileExtension, getComponentFilename } from '../utils/files.js';\n\n/**\n * Convert SVG to Vue 3 component\n * @param svgContent - SVG content string\n * @param options - Conversion options\n * @returns Conversion result with Vue component code\n */\nexport function convertToVue(\n  svgContent: string,\n  options: VueConversionOptions = {}\n): ConversionResult {\n  const {\n    name,\n    prefix,\n    suffix,\n    optimize = true,\n    typescript = true,\n    compositionApi: _compositionApi = true, // eslint-disable-line @typescript-eslint/no-unused-vars\n    scriptSetup = true,\n  } = options;\n\n  try {\n    // Optimize SVG if requested\n    let processedSvg = svgContent;\n    if (optimize) {\n      processedSvg = optimizeSvg(svgContent);\n    }\n\n    // Generate component name\n    const baseName = name || 'icon';\n    const componentName = formatComponentName(baseName, prefix, suffix);\n\n    // Clean up SVG - remove XML declaration and add props binding\n    const cleanedSvg = processedSvg\n      .replace(/<\\?xml[^>]*\\?>\\s*/, '')\n      .replace(/xmlns=\"[^\"]*\"/g, '')\n      .replace(/width=\"[^\"]*\"/g, '')\n      .replace(/height=\"[^\"]*\"/g, '')\n      .replace(/<svg/, '<svg v-bind=\"$attrs\"')\n      .replace(/class=\"([^\"]*)\"/g, 'class=\"$1\"') // Keep class as is, don't convert to :class\n      .replace(/currentColor/g, 'currentColor');\n\n    // Generate Vue SFC\n    const scriptTag = scriptSetup\n      ? generateScriptSetup(typescript, componentName)\n      : generateCompositionScript(componentName, typescript);\n\n    const template = `<template>\n  ${cleanedSvg}\n</template>`;\n\n    const style = `<style scoped>\n/* Add component-specific styles here */\n</style>`;\n\n    const vueComponent = `${scriptTag}\n\n${template}\n\n${style}`;\n\n    // Generate filename\n    const extension = getFileExtension('vue', typescript);\n    const filename = getComponentFilename('icon.svg', componentName, extension);\n\n    return {\n      code: vueComponent,\n      filename,\n      componentName,\n    };\n  } catch (error) {\n    throw new Error(`Failed to convert SVG to Vue: ${error}`);\n  }\n}\n\n/**\n * Generate script setup block for Vue 3\n */\nfunction generateScriptSetup(\n  typescript: boolean,\n  componentName: string\n): string {\n  const lang = typescript ? ' lang=\"ts\"' : '';\n  const propsType = typescript\n    ? `\ninterface Props {\n  class?: string;\n  style?: string | Record<string, any>;\n}`\n    : '';\n\n  const propsDefinition = typescript\n    ? `\nconst props = withDefaults(defineProps<Props>(), {\n  class: '',\n  style: undefined,\n});`\n    : `\nconst props = withDefaults(defineProps(), {\n  class: '',\n  style: undefined,\n});`;\n\n  return `<script setup${lang}>${propsType}${propsDefinition}\n\n// Component name for debugging\nconst __name = '${componentName}';\n</script>`;\n}\n\n/**\n * Generate composition API script for Vue 3\n */\nfunction generateCompositionScript(\n  componentName: string,\n  typescript: boolean\n): string {\n  const lang = typescript ? ' lang=\"ts\"' : '';\n  const propsType = typescript\n    ? `\ninterface Props {\n  class?: string;\n  style?: string | Record<string, any>;\n}`\n    : '';\n\n  const exportStatement = typescript\n    ? `\nconst ${componentName} = defineComponent({\n  name: '${componentName}',\n  props: {\n    class: {\n      type: String,\n      default: '',\n    },\n    style: {\n      type: [String, Object],\n      default: undefined,\n    },\n  },\n  setup(props: Props) {\n    return {};\n  },\n});\n\nexport default ${componentName};\nexport { ${componentName} };`\n    : `\nconst ${componentName} = defineComponent({\n  name: '${componentName}',\n  props: {\n    class: {\n      type: String,\n      default: '',\n    },\n    style: {\n      type: [String, Object],\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return {};\n  },\n});\n\nexport default ${componentName};\nexport { ${componentName} };`;\n\n  return `<script${lang}>\nimport { defineComponent } from 'vue';${propsType}${exportStatement}\n</script>`;\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;;;ACA1B,SAAS,gBAAwB;AAKjC,IAAM,gBAAwB;AAAA,EAC5B,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,eAAe;AAAA,UACf,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,4BAA4B;AAAA,UAC5B,eAAe;AAAA,YACb,cAAc;AAAA,YACd,WAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,YACV,WAAW;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAQO,SAAS,YACd,YACA,SAAiB,eACT;AACR,MAAI;AACF,UAAM,SAAS,SAAS,YAAY,MAAM;AAC1C,WAAO,OAAO;AAAA,EAChB,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,2BAA2B,KAAK,EAAE;AAAA,EACpD;AACF;AAOO,SAAS,iBAAiB,SAQtB;AACT,QAAM,UAAU;AAAA,IACd;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,eAAe,CAAC,QAAQ;AAAA,UACxB,aAAa,CAAC,QAAQ;AAAA,UACtB,YAAY,CAAC,QAAQ;AAAA,UACrB,4BAA4B,CAAC,QAAQ;AAAA,UACrC,eAAe,QAAQ,iBACnB,QACA;AAAA,YACE,cAAc;AAAA,YACd,WAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,YACV,WAAW;AAAA,UACb;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AAEA,MAAI,QAAQ,qBAAqB,OAAO;AACtC,YAAQ,KAAK,kBAAkB;AAAA,EACjC;AAEA,SAAO,EAAE,QAAsC;AACjD;;;ACtFO,SAAS,mBAAmB,UAA0B;AAE3D,MAAI,WAAW,SAAS,QAAQ,WAAW,EAAE;AAG7C,aAAW,uBAAuB,QAAQ;AAG1C,SAAO,WAAW,QAAQ;AAC5B;AAOA,SAAS,uBAAuB,UAA0B;AAGxD,MAAI,YAAY;AAGhB,QAAM,cAAc,UAAU,MAAM,2BAA2B;AAC/D,MAAI,aAAa;AACf,gBAAY,GAAG,YAAY,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC;AAC/C,WAAO;AAAA,EACT;AAGA,QAAM,YAAY,UAAU,MAAM,aAAa;AAC/C,QAAM,aAAa,UAAU,MAAM,cAAc;AACjD,QAAM,YAAY,UAAU,MAAM,aAAa;AAG/C,MAAI,aAAa,cAAc,WAAW;AACxC,UAAM,QAAQ,CAAC;AACf,QAAI;AAAW,YAAM,KAAK,UAAU,CAAC,CAAC;AACtC,QAAI;AAAY,YAAM,KAAK,WAAW,CAAC,CAAC;AACxC,QAAI;AAAW,YAAM,KAAK,UAAU,CAAC,CAAC;AAEtC,QAAI,MAAM,SAAS,GAAG;AACpB,kBAAY,MAAM,KAAK,GAAG;AAC1B,aAAO;AAAA,IACT;AAAA,EACF;AAGA,cAAY,UACT,QAAQ,gBAAgB,EAAE,EAC1B,QAAQ,SAAS,GAAG,EACpB,QAAQ,QAAQ,GAAG,EACnB,QAAQ,QAAQ,GAAG,EACnB,KAAK;AAGR,MAAI,CAAC,aAAa,UAAU,SAAS,GAAG;AACtC,gBAAY;AAAA,EACd;AAEA,SAAO;AACT;AAOO,SAAS,sBAAsB,MAAsB;AAE1D,SAAO,WAAW,KAAK,QAAQ,iBAAiB,GAAG,CAAC;AACtD;AAOO,SAAS,WAAW,KAAqB;AAC9C,SAAO,IACJ,QAAQ,qBAAqB,GAAG,EAChC,MAAM,SAAS,EACf,OAAO,UAAQ,KAAK,SAAS,CAAC,EAC9B,IAAI,UAAQ,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC,EAAE,YAAY,CAAC,EACtE,KAAK,EAAE;AACZ;AASO,SAAS,oBACd,MACA,QACA,QACQ;AACR,QAAM,aAAa,SAAS,WAAW,MAAM,IAAI;AACjD,QAAM,aAAa,SAAS,WAAW,MAAM,IAAI;AACjD,QAAM,WAAW,WAAW,IAAI;AAEhC,SAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU;AAC9C;;;AC5GA,SAAS,UAAU,WAAW,SAAS,MAAM,aAAa;AAC1D,SAAS,MAAM,SAAS,eAAe;AACvC,SAAS,kBAAkB;AAO3B,eAAsB,YAAY,UAAmC;AACnE,MAAI;AACF,UAAM,UAAU,MAAM,SAAS,UAAU,OAAO;AAChD,WAAO;AAAA,EACT,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,4BAA4B,QAAQ,KAAK,KAAK,EAAE;AAAA,EAClE;AACF;AAOA,eAAsB,aACpB,UACA,SACe;AACf,MAAI;AACF,UAAM,sBAAsB,QAAQ,QAAQ,CAAC;AAC7C,UAAM,UAAU,UAAU,SAAS,OAAO;AAAA,EAC5C,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,6BAA6B,QAAQ,KAAK,KAAK,EAAE;AAAA,EACnE;AACF;AAOA,eAAsB,mBACpB,UACA,SACe;AACf,MAAI;AACF,UAAM,sBAAsB,QAAQ,QAAQ,CAAC;AAC7C,UAAM,UAAU,UAAU,SAAS,OAAO;AAAA,EAC5C,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,mCAAmC,QAAQ,KAAK,KAAK,EAAE;AAAA,EACzE;AACF;AAQA,eAAsB,iBACpB,SACA,YAAY,OACO;AACnB,MAAI;AACF,UAAM,QAAQ,MAAM,QAAQ,OAAO;AACnC,UAAM,WAAqB,CAAC;AAE5B,eAAW,QAAQ,OAAO;AACxB,YAAM,WAAW,KAAK,SAAS,IAAI;AACnC,YAAM,WAAW,MAAM,KAAK,QAAQ;AAEpC,UAAI,SAAS,YAAY,KAAK,WAAW;AACvC,cAAM,cAAc,MAAM,iBAAiB,UAAU,SAAS;AAC9D,iBAAS,KAAK,GAAG,WAAW;AAAA,MAC9B,WAAW,SAAS,OAAO,KAAK,QAAQ,IAAI,EAAE,YAAY,MAAM,QAAQ;AACtE,iBAAS,KAAK,QAAQ;AAAA,MACxB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,6BAA6B,OAAO,KAAK,KAAK,EAAE;AAAA,EAClE;AACF;AAMA,eAAsB,sBAAsB,SAAgC;AAC1E,MAAI,CAAC,WAAW,OAAO,GAAG;AACxB,UAAM,MAAM,SAAS,EAAE,WAAW,KAAK,CAAC;AAAA,EAC1C;AACF;AAQO,SAAS,iBACd,WACA,aAAa,MACL;AACR,MAAI,cAAc,SAAS;AACzB,WAAO,aAAa,SAAS;AAAA,EAC/B,OAAO;AACL,WAAO,aAAa,SAAS;AAAA,EAC/B;AACF;AASO,SAAS,qBACd,cACA,eACA,WACQ;AACR,SAAO,GAAG,aAAa,GAAG,SAAS;AACrC;;;AHhHA,eAAsB,eACpB,YACA,UAAkC,CAAC,GACR;AAC3B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAAA,YAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,IAAI;AAEJ,MAAI;AAEF,QAAI,eAAe;AACnB,QAAIA,WAAU;AACZ,qBAAe,YAAY,UAAU;AAAA,IACvC;AAGA,UAAM,WAAW,QAAQ;AACzB,UAAM,gBAAgB,oBAAoB,UAAU,QAAQ,MAAM;AAGlE,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,QACR,WAAW;AAAA,MACb;AAAA,IACF;AAGA,QAAI,SAAS,MAAM,UAAU,cAAc,aAAa;AAAA,MACtD;AAAA,IACF,CAAC;AAGD,UAAM,cAAc,aAAa;AAAA,IAAwC;AAEzE,UAAM,aAAa,OAAO;AAAA,IAAoC;AAC9D,UAAM,YAAY,MAAM;AAAA,IAA0C;AAElE,UAAM,UAAU;AAAA,iBAAoB,aAAa;AAAA,WAAe,aAAa;AAG7E,UAAM,YAAY,aACd,sDACA;AAEJ,UAAM,iBAAiB,aAAa,UAAU,SAAS,KAAK;AAE5D,UAAM,gBAAgB,OAAO,UAAU;AACvC,UAAM,aAAa,MAAM,6BAA6B,SAAS,OAAO;AACtE,UAAM,kBAAkB,GAAG,MAAM,MAAM,EAAE,GAAG,OAAO,MAAM,EAAE;AAE3D,aAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS;AAAA,QAC5C,aAAa,MAAM,aAAa,GAAG,UAAU,IAAI,cAAc;AAAA,WAC5D,MAAM;AAAA,GACd,eAAe;AAAA;AAAA,EAEhB,aAAa,mBAAmB,aAAa;AAAA,EAC7C,OAAO;AAGL,UAAM,YAAY,iBAAiB,SAAS,UAAU;AACtD,UAAM,WAAW,qBAAqB,YAAY,eAAe,SAAS;AAE1E,WAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,mCAAmC,KAAK,EAAE;AAAA,EAC5D;AACF;;;AIpFO,SAAS,aACd,YACA,UAAgC,CAAC,GACf;AAClB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX,aAAa;AAAA,IACb,gBAAgB,kBAAkB;AAAA;AAAA,IAClC,cAAc;AAAA,EAChB,IAAI;AAEJ,MAAI;AAEF,QAAI,eAAe;AACnB,QAAIA,WAAU;AACZ,qBAAe,YAAY,UAAU;AAAA,IACvC;AAGA,UAAM,WAAW,QAAQ;AACzB,UAAM,gBAAgB,oBAAoB,UAAU,QAAQ,MAAM;AAGlE,UAAM,aAAa,aAChB,QAAQ,qBAAqB,EAAE,EAC/B,QAAQ,kBAAkB,EAAE,EAC5B,QAAQ,kBAAkB,EAAE,EAC5B,QAAQ,mBAAmB,EAAE,EAC7B,QAAQ,QAAQ,sBAAsB,EACtC,QAAQ,oBAAoB,YAAY,EACxC,QAAQ,iBAAiB,cAAc;AAG1C,UAAM,YAAY,cACd,oBAAoB,YAAY,aAAa,IAC7C,0BAA0B,eAAe,UAAU;AAEvD,UAAM,WAAW;AAAA,IACjB,UAAU;AAAA;AAGV,UAAM,QAAQ;AAAA;AAAA;AAId,UAAM,eAAe,GAAG,SAAS;AAAA;AAAA,EAEnC,QAAQ;AAAA;AAAA,EAER,KAAK;AAGH,UAAM,YAAY,iBAAiB,OAAO,UAAU;AACpD,UAAM,WAAW,qBAAqB,YAAY,eAAe,SAAS;AAE1E,WAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,iCAAiC,KAAK,EAAE;AAAA,EAC1D;AACF;AAKA,SAAS,oBACP,YACA,eACQ;AACR,QAAM,OAAO,aAAa,eAAe;AACzC,QAAM,YAAY,aACd;AAAA;AAAA;AAAA;AAAA,KAKA;AAEJ,QAAM,kBAAkB,aACpB;AAAA;AAAA;AAAA;AAAA,OAKA;AAAA;AAAA;AAAA;AAAA;AAMJ,SAAO,gBAAgB,IAAI,IAAI,SAAS,GAAG,eAAe;AAAA;AAAA;AAAA,kBAG1C,aAAa;AAAA;AAE/B;AAKA,SAAS,0BACP,eACA,YACQ;AACR,QAAM,OAAO,aAAa,eAAe;AACzC,QAAM,YAAY,aACd;AAAA;AAAA;AAAA;AAAA,KAKA;AAEJ,QAAM,kBAAkB,aACpB;AAAA,QACE,aAAa;AAAA,WACV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAgBP,aAAa;AAAA,WACnB,aAAa,QAClB;AAAA,QACE,aAAa;AAAA,WACV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAgBP,aAAa;AAAA,WACnB,aAAa;AAEtB,SAAO,UAAU,IAAI;AAAA,wCACiB,SAAS,GAAG,eAAe;AAAA;AAEnE;","names":["optimize","optimize"]}