@cyberalien/svg-utils 0.0.15 → 0.0.17

package/lib/{svg/css/css → classname}/toggle.d.ts

@@ -1,4 +1,3 @@
-import { ClassProp } from "./const.js";
 /**
  * Split class name by spaces
  */
@@ -6,5 +5,5 @@ declare function splitClassName(className: string): string[];
 /**
  * Add/remove class name
  */
-declare function toggleClassName(attribs: Record<string, unknown>, className: string, add: boolean, prop?: ClassProp): void;
+declare function toggleClassName(attribs: Record<string, unknown>, className: string, add: boolean, prop?: string): void;
 export { splitClassName, toggleClassName };

package/lib/{svg/css/css/class.d.ts → css/hash.d.ts}

@@ -1,4 +1,4 @@
-import { CSSRules } from "../types.js";
+import { CSSRules } from "./types.js";
 /**
  * Get class name for CSS rules
  */

package/lib/{svg/css/css/class.js → css/hash.js}

@@ -1,5 +1,5 @@
-import { sortObject } from "../../../helpers/misc/sort-object.js";
-import { getUniqueHash } from "../../../helpers/hash/unique.js";
+import { sortObject } from "../helpers/misc/sort-object.js";
+import { getUniqueHash } from "../helpers/hash/unique.js";
 
 const length = 6;
 /**

package/lib/{svg/css/css → css}/stringify.d.ts

@@ -1,4 +1,4 @@
-import { CSSRules } from "../types.js";
+import { CSSRules } from "./types.js";
 /**
  * Stringify CSS rules
  */

package/lib/css/types.d.ts

@@ -0,0 +1,5 @@
+/**
+ * CSS rules
+ */
+type CSSRules = Record<string, string>;
+export { CSSRules };

package/lib/css/types.js

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

package/lib/helpers/hash/types.js

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

package/lib/helpers/misc/strings.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Convert string to camelCase
+ */
+declare function camelize(str: string): string;
+/**
+ * Convert string to PascaleCase
+ */
+declare function pascalize(str: string): string;
+/**
+ * Convert camelCase string to kebab-case
+ */
+declare function camelToKebab(key: string): string;
+/**
+ * Convert camelCase string to snake-case
+ */
+declare function snakelize(str: string): string;
+export { camelToKebab, camelize, pascalize, snakelize };

package/lib/helpers/misc/strings.js

@@ -0,0 +1,29 @@
+/**
+* Convert string to camelCase
+*/
+function camelize(str) {
+	return str.replace(/-([a-z0-9])/g, (g) => g[1].toUpperCase());
+}
+/**
+* Convert string to PascaleCase
+*/
+function pascalize(str) {
+	const camel = camelize(str);
+	return camel.slice(0, 1).toUpperCase() + camel.slice(1);
+}
+/**
+* Convert camelCase string to kebab-case
+*/
+function camelToKebab(key) {
+	const result = key.replace(/:/g, "-").replace(/([A-Z])/g, " $1").trim();
+	return result.split(/\s+/g).join("-").toLowerCase();
+}
+/**
+* Convert camelCase string to snake-case
+*/
+function snakelize(str) {
+	const kebab = camelToKebab(str);
+	return kebab.replace(/-/g, "_");
+}
+
+export { camelToKebab, camelize, pascalize, snakelize };

package/lib/index.d.ts

@@ -1,3 +1,7 @@
+import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
+import { splitClassName, toggleClassName } from "./classname/toggle.js";
+import { createCSSClassName } from "./css/hash.js";
+import { stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
 import { hashString } from "./helpers/hash/hash.js";
 import { hashToString } from "./helpers/hash/stringify.js";
 import { UniqueHashOptions } from "./helpers/hash/types.js";
@@ -15,13 +19,9 @@ import { removeDuplicateIDs } from "./svg/ids/duplicate.js";
 import { removeUnusedIDs } from "./svg/ids/unused.js";
 import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
-import { CSSRules, ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType } from "./svg/css/types.js";
-import { ClassProp, classProps, defaultClassProp } from "./svg/css/css/const.js";
-import { createCSSClassName } from "./svg/css/css/class.js";
-import { stringifyCSSRules, stringifyCSSSelector } from "./svg/css/css/stringify.js";
-import { splitClassName, toggleClassName } from "./svg/css/css/toggle.js";
-import { convertSVGPropertyToCSS } from "./svg/css/props/prop.js";
-import { extractSVGTagPropertiesForCSS } from "./svg/css/props/props.js";
-import { convertSVGRootToCSS } from "./svg/css/convert/root.js";
-import { convertSVGContentToCSS } from "./svg/css/convert/content.js";
-export { CSSRules, ChangeIDResult, ClassProp, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGConvertedToCSSProperties, SVGPropertyType, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSS, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+import { ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType } from "./svg-css/types.js";
+import { convertSVGPropertyToCSS } from "./svg-css/props/prop.js";
+import { extractSVGTagPropertiesForCSS } from "./svg-css/props/props.js";
+import { convertSVGRootToCSS } from "./svg-css/convert/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/convert/content.js";
+export { ChangeIDResult, ClassProp, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGConvertedToCSSProperties, SVGPropertyType, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/index.js

@@ -7,18 +7,18 @@ import { getUniqueHash } from "./helpers/hash/unique.js";
 import { iterateXMLContent } from "./xml/iterate.js";
 import { parseXMLContent } from "./xml/parse.js";
 import { stringifyXMLContent } from "./xml/stringify.js";
+import { createCSSClassName } from "./css/hash.js";
+import { stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
+import { classProps, defaultClassProp } from "./classname/const.js";
+import { splitClassName, toggleClassName } from "./classname/toggle.js";
 import { changeIDInString } from "./svg/ids/string.js";
 import { removeDuplicateIDs } from "./svg/ids/duplicate.js";
 import { removeUnusedIDs } from "./svg/ids/unused.js";
 import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
-import { classProps, defaultClassProp } from "./svg/css/css/const.js";
-import { createCSSClassName } from "./svg/css/css/class.js";
-import { stringifyCSSRules, stringifyCSSSelector } from "./svg/css/css/stringify.js";
-import { splitClassName, toggleClassName } from "./svg/css/css/toggle.js";
-import { convertSVGPropertyToCSS } from "./svg/css/props/prop.js";
-import { extractSVGTagPropertiesForCSS } from "./svg/css/props/props.js";
-import { convertSVGRootToCSS } from "./svg/css/convert/root.js";
-import { convertSVGContentToCSS } from "./svg/css/convert/content.js";
+import { convertSVGPropertyToCSS } from "./svg-css/props/prop.js";
+import { extractSVGTagPropertiesForCSS } from "./svg-css/props/props.js";
+import { convertSVGRootToCSS } from "./svg-css/convert/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/convert/content.js";
 
-export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSS, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/svg/ids/types.js

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

package/lib/svg/viewbox/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Icon viewBox
+ */
+interface IconViewBox {
+  left?: number;
+  top?: number;
+  width: number;
+  height: number;
+  cx?: number;
+}
+export { IconViewBox };

package/lib/svg/viewbox/types.js

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

package/lib/svg/viewbox/value.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "./types.js";
+/**
+ * Convert IconViewBox to string
+ */
+declare function getIconViewBox(viewBox: IconViewBox): string;
+export { getIconViewBox };

package/lib/svg/viewbox/value.js

@@ -0,0 +1,8 @@
+/**
+* Convert IconViewBox to string
+*/
+function getIconViewBox(viewBox) {
+	return `${viewBox.left ?? 0} ${viewBox.top ?? 0} ${viewBox.width} ${viewBox.height}`;
+}
+
+export { getIconViewBox };

package/lib/svg-css/convert/content.d.ts

@@ -0,0 +1,10 @@
+import { StringifyXMLOptions } from "../../xml/types.js";
+import { ConvertedSVGContent } from "../types.js";
+interface Options extends StringifyXMLOptions {
+  classNamePrefix?: string;
+}
+/**
+ * Convert SVG content string to SVG+CSS
+ */
+declare function convertSVGContentToCSSRules(content: string, options?: Options): ConvertedSVGContent;
+export { convertSVGContentToCSSRules };

package/lib/svg-css/convert/content.js

@@ -0,0 +1,22 @@
+import { parseXMLContent } from "../../xml/parse.js";
+import { stringifyXMLContent } from "../../xml/stringify.js";
+import { convertSVGRootToCSS } from "./root.js";
+
+/**
+* Convert SVG content string to SVG+CSS
+*/
+function convertSVGContentToCSSRules(content, options) {
+	const root = parseXMLContent(content);
+	if (!root) return { content };
+	const classes = convertSVGRootToCSS(root, options?.classNamePrefix);
+	if (classes) {
+		const newContent = stringifyXMLContent(root, options);
+		if (newContent) return {
+			content: newContent,
+			classes
+		};
+	}
+	return { content };
+}
+
+export { convertSVGContentToCSSRules };

package/lib/{svg/css → svg-css}/convert/root.d.ts

@@ -1,5 +1,5 @@
-import { ParsedXMLTagElement } from "../../../xml/types.js";
-import { CSSRules } from "../types.js";
+import { CSSRules } from "../../css/types.js";
+import { ParsedXMLTagElement } from "../../xml/types.js";
 /**
  * Convert SVG tags tree to SVG+CSS
  *

package/lib/{svg/css → svg-css}/convert/root.js

@@ -1,6 +1,6 @@
-import { iterateXMLContent } from "../../../xml/iterate.js";
-import { createCSSClassName } from "../css/class.js";
-import { toggleClassName } from "../css/toggle.js";
+import { iterateXMLContent } from "../../xml/iterate.js";
+import { createCSSClassName } from "../../css/hash.js";
+import { toggleClassName } from "../../classname/toggle.js";
 import { extractSVGTagPropertiesForCSS } from "../props/props.js";
 
 /**

package/lib/svg-css/factory/export/fs.d.ts

@@ -0,0 +1,6 @@
+import { ExportedComponentFile } from "../types.js";
+/**
+ * Save exported files to filesystem
+ */
+declare function saveExportedFilesToFS(files: ExportedComponentFile[], dir: string): Promise<number>;
+export { saveExportedFilesToFS };

package/lib/svg-css/factory/export/fs.js

@@ -0,0 +1,20 @@
+import { mkdir, writeFile } from "node:fs/promises";
+
+/**
+* Save exported files to filesystem
+*/
+async function saveExportedFilesToFS(files, dir) {
+	let saved = 0;
+	for (const { filename, content } of files) {
+		const filePath = `${dir}/${filename}`;
+		const dirPath = filePath.substring(0, filePath.lastIndexOf("/"));
+		try {
+			await mkdir(dirPath, { recursive: true });
+		} catch {}
+		await writeFile(filePath, content, "utf8");
+		saved++;
+	}
+	return saved;
+}
+
+export { saveExportedFilesToFS };

package/lib/svg-css/factory/helpers/add-css.d.ts

@@ -0,0 +1,8 @@
+import { ExportedComponentFile, SVGPreParsedContent } from "../types.js";
+/**
+ * Add CSS imports and files to component
+ *
+ * Returns true if CSS was added
+ */
+declare function addCSSToComponent(parsedContent: SVGPreParsedContent, addImportsTo: string[], files: ExportedComponentFile[], rootPath: string, classNamePrefix: string): boolean;
+export { addCSSToComponent };

package/lib/svg-css/factory/helpers/add-css.js

@@ -0,0 +1,32 @@
+import { stringifyCSSSelector } from "../../../css/stringify.js";
+import { getCSSFilename } from "./css-filename.js";
+
+/**
+* Add CSS imports and files to component
+*
+* Returns true if CSS was added
+*/
+function addCSSToComponent(parsedContent, addImportsTo, files, rootPath, classNamePrefix) {
+	let hasCSS = false;
+	if (parsedContent.css) for (const className in parsedContent.css) {
+		hasCSS = true;
+		const filename = getCSSFilename(className, classNamePrefix);
+		addImportsTo.push(`import '${rootPath}${filename}';`);
+		files.push({
+			filename,
+			content: parsedContent.css[className]
+		});
+	}
+	if (parsedContent.classes) for (const className in parsedContent.classes) {
+		hasCSS = true;
+		const filename = getCSSFilename(className, classNamePrefix);
+		addImportsTo.push(`import '${rootPath}${filename}';`);
+		files.push({
+			filename,
+			content: stringifyCSSSelector(`.${className}`, parsedContent.classes[className])
+		});
+	}
+	return hasCSS;
+}
+
+export { addCSSToComponent };

package/lib/svg-css/factory/helpers/component-name.d.ts

@@ -0,0 +1,9 @@
+interface Options {
+  pascalCase?: boolean;
+  ucPrefix?: boolean;
+}
+/**
+ * Get icon component name in camelCase or PascalCase if `pascalCase` is true
+ */
+declare function camelCaseIconComponentName(name: string, options: Options, prefix?: string): string;
+export { camelCaseIconComponentName };

package/lib/svg-css/factory/helpers/component-name.js

@@ -0,0 +1,17 @@
+import { camelize, pascalize } from "../../../helpers/misc/strings.js";
+
+/**
+* Get icon component name in camelCase or PascalCase if `pascalCase` is true
+*/
+function camelCaseIconComponentName(name, options, prefix) {
+	name = `${name}-icon`;
+	const { pascalCase, ucPrefix } = options;
+	if (prefix) {
+		if (!pascalCase) return camelize(`${prefix}-${name}`);
+		if (pascalCase && (ucPrefix || ucPrefix === void 0 && prefix.length < 5)) return prefix.toUpperCase() + pascalize(name);
+		name = `${prefix}-${name}`;
+	}
+	return pascalCase ? pascalize(name) : camelize(name);
+}
+
+export { camelCaseIconComponentName };

package/lib/svg-css/factory/helpers/component-path.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Get icon component filename path parts, without filename
+ */
+declare function iconComponentFilenamePath(name: string, prefix?: string): string[];
+export { iconComponentFilenamePath };

package/lib/svg-css/factory/helpers/component-path.js

@@ -0,0 +1,9 @@
+/**
+* Get icon component filename path parts, without filename
+*/
+function iconComponentFilenamePath(name, prefix) {
+	const letter = name[0];
+	return prefix ? [prefix, letter] : [letter];
+}
+
+export { iconComponentFilenamePath };

package/lib/svg-css/factory/helpers/css-filename.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Get filename for CSS file
+ */
+declare function getCSSFilename(className: string, classNamePrefix: string): string;
+export { getCSSFilename };

package/lib/svg-css/factory/helpers/css-filename.js

@@ -0,0 +1,10 @@
+/**
+* Get filename for CSS file
+*/
+function getCSSFilename(className, classNamePrefix) {
+	const matchLength = className.startsWith(classNamePrefix) ? classNamePrefix.length : 0;
+	const firstPart = className.slice(0, matchLength + 1);
+	return `css/${firstPart}/${className}.css`;
+}
+
+export { getCSSFilename };

package/lib/svg-css/factory/helpers/exports.d.ts

@@ -0,0 +1,6 @@
+import { ExportedComponent } from "../types.js";
+/**
+ * Add exports for main files to object
+ */
+declare function createExportsForMainFiles(data: ExportedComponent[], result?: Record<string, string>): Record<string, string>;
+export { createExportsForMainFiles };

package/lib/svg-css/factory/helpers/exports.js

@@ -0,0 +1,10 @@
+/**
+* Add exports for main files to object
+*/
+function createExportsForMainFiles(data, result) {
+	result = result || Object.create(null);
+	for (const { prefix, name, main } of data) result[`./${prefix ? `${prefix}/${name}` : name}`] = `./${main.filename}`;
+	return result;
+}
+
+export { createExportsForMainFiles };

package/lib/svg-css/factory/helpers/merge.d.ts

@@ -0,0 +1,6 @@
+import { ExportedComponent, ExportedComponentFile } from "../types.js";
+/**
+ * Merge all files
+ */
+declare function mergeExportedComponentFiles(data: ExportedComponent[]): ExportedComponentFile[];
+export { mergeExportedComponentFiles };

package/lib/svg-css/factory/helpers/merge.js

@@ -0,0 +1,19 @@
+/**
+* Merge all files
+*/
+function mergeExportedComponentFiles(data) {
+	const files = [];
+	const added = /* @__PURE__ */ new Set();
+	function add(file) {
+		if (added.has(file.filename)) return;
+		added.add(file.filename);
+		files.push(file);
+	}
+	for (const item of data) {
+		add(item.main);
+		item.shared.forEach(add);
+	}
+	return files;
+}
+
+export { mergeExportedComponentFiles };

package/lib/svg-css/factory/helpers/options.d.ts

@@ -0,0 +1,6 @@
+import { ComponentFactoryIconData, ComponentFactoryOptions } from "../types.js";
+/**
+ * Get default options for component factory
+ */
+declare function getDefaultComponentFactoryOptions(options: Partial<ComponentFactoryOptions>, data: ComponentFactoryIconData): ComponentFactoryOptions;
+export { getDefaultComponentFactoryOptions };

package/lib/svg-css/factory/helpers/options.js

@@ -0,0 +1,12 @@
+/**
+* Get default options for component factory
+*/
+function getDefaultComponentFactoryOptions(options, data) {
+	return {
+		addPrefixToFilenames: !!data.prefix,
+		classNamePrefix: "",
+		...options
+	};
+}
+
+export { getDefaultComponentFactoryOptions };

package/lib/svg-css/factory/helpers/prefix.d.ts

@@ -0,0 +1,6 @@
+import { ComponentFactoryOptions } from "../types.js";
+/**
+ * Clean up prefix
+ */
+declare function removePrefixIfNotUsed(options: Pick<ComponentFactoryOptions, 'addPrefixToFilenames'>, prefix?: string): string | undefined;
+export { removePrefixIfNotUsed };

package/lib/svg-css/factory/helpers/prefix.js

@@ -0,0 +1,8 @@
+/**
+* Clean up prefix
+*/
+function removePrefixIfNotUsed(options, prefix) {
+	return options.addPrefixToFilenames && prefix ? prefix : void 0;
+}
+
+export { removePrefixIfNotUsed };

package/lib/svg-css/factory/iconify/vue.d.ts

@@ -0,0 +1,6 @@
+import { ComponentFactory } from "../types.js";
+/**
+ * Create Vue component with Iconify icon
+ */
+declare const createIconifyVueComponent: ComponentFactory;
+export { createIconifyVueComponent };

package/lib/svg-css/factory/iconify/vue.js

@@ -0,0 +1,72 @@
+import { convertSVGContentToCSSRules } from "../../convert/content.js";
+import { getIconViewBox } from "../../../svg/viewbox/value.js";
+import { iconComponentFilenamePath } from "../helpers/component-path.js";
+import { getDefaultComponentFactoryOptions } from "../helpers/options.js";
+import { addCSSToComponent } from "../helpers/add-css.js";
+import { removePrefixIfNotUsed } from "../helpers/prefix.js";
+import { camelCaseIconComponentName } from "../helpers/component-name.js";
+
+/**
+* Create Vue component with Iconify icon
+*/
+const createIconifyVueComponent = (data, options = {}) => {
+	const { name, content, viewBox } = data;
+	const fullOptions = getDefaultComponentFactoryOptions(options, data);
+	const prefix = removePrefixIfNotUsed(fullOptions, data.prefix);
+	const pathParts = iconComponentFilenamePath(name, prefix);
+	const rootPath = "../".repeat(pathParts.length);
+	const viewBoxValue = getIconViewBox(viewBox);
+	const viewBoxSource = `viewbox/${viewBoxValue.replaceAll(" ", "-")}.js`;
+	const shared = [{
+		filename: "misc/setup.js",
+		content: "const iconProps = { props: ['width', 'height'] }; export default iconProps;"
+	}, {
+		filename: viewBoxSource,
+		content: `const iconViewBox = ${JSON.stringify(viewBox)}; export default iconViewBox;`
+	}];
+	const parsedContent = typeof content === "string" ? convertSVGContentToCSSRules(content, fullOptions) : content;
+	const vueComponentLines = [
+		"import { defineComponent, h } from 'vue';",
+		"import { Icon } from '@iconify/css-vue';",
+		`import iconProps from '${rootPath}misc/setup.js';`,
+		`import viewBox from '${rootPath}${viewBoxSource}';`
+	];
+	const hasCSS = addCSSToComponent(parsedContent, vueComponentLines, shared, rootPath, fullOptions.classNamePrefix);
+	const fallback = hasCSS ? data.fallback : "";
+	const componentName = camelCaseIconComponentName(name, { pascalCase: true }, prefix);
+	vueComponentLines.push(`
+const ${componentName} = defineComponent((props) => {
+    return () => h(Icon, {
+        ...props,
+        content: ${JSON.stringify(parsedContent.content)},
+        ${fallback ? `fallback: ${JSON.stringify(fallback)},` : ""}
+        viewBox,
+    })
+}, iconProps);
+
+export default ${componentName};
+`);
+	shared.push({
+		filename: `${pathParts.join("/")}/${name}.d.ts`,
+		content: `import * as vue from 'vue';
+import { type CSSIconComponentProps } from '@iconify/css-vue';
+
+type IconComponentProps = Pick<CSSIconComponentProps, 'width' | 'height'>;
+
+declare const ${componentName}: vue.DefineSetupFnComponent<IconComponentProps, {}, {}, IconComponentProps & {}, vue.PublicProps>;
+export default ${componentName};
+`
+	});
+	return {
+		prefix,
+		name,
+		componentName,
+		main: {
+			filename: `${pathParts.join("/")}/${name}.js`,
+			content: vueComponentLines.join("\n")
+		},
+		shared
+	};
+};
+
+export { createIconifyVueComponent };

package/lib/svg-css/factory/types.d.ts

@@ -0,0 +1,48 @@
+import { StringifyXMLOptions } from "../../xml/types.js";
+import { ConvertedSVGContent } from "../types.js";
+import { IconViewBox } from "../../svg/viewbox/types.js";
+/**
+ * Options for component factory
+ */
+interface ComponentFactoryOptions extends StringifyXMLOptions {
+  addPrefixToFilenames: boolean;
+  classNamePrefix: string;
+}
+/**
+ * Pre-parsed SVG content, based on convertSVGContentToCSSRules() result
+ */
+interface SVGPreParsedContent extends ConvertedSVGContent {
+  css?: Record<string, string>;
+}
+/**
+ * Data for component factory
+ */
+interface ComponentFactoryIconData {
+  prefix?: string;
+  name: string;
+  fallback: string;
+  content: string | SVGPreParsedContent;
+  viewBox: IconViewBox;
+}
+/**
+ * File generated by component factory
+ */
+interface ExportedComponentFile {
+  filename: string;
+  content: string;
+}
+/**
+ * Exported component
+ */
+interface ExportedComponent {
+  prefix?: string;
+  name: string;
+  componentName: string;
+  main: ExportedComponentFile;
+  shared: ExportedComponentFile[];
+}
+/**
+ * Component factory
+ */
+type ComponentFactory = (data: ComponentFactoryIconData, options?: Partial<ComponentFactoryOptions>) => ExportedComponent;
+export { ComponentFactory, ComponentFactoryIconData, ComponentFactoryOptions, ExportedComponent, ExportedComponentFile, SVGPreParsedContent };

package/lib/svg-css/factory/types.js

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

package/lib/{svg/css → svg-css}/props/props.d.ts

@@ -1,4 +1,4 @@
-import { ParsedXMLTagElement } from "../../../xml/types.js";
+import { ParsedXMLTagElement } from "../../xml/types.js";
 import { SVGConvertedToCSSProperties } from "../types.js";
 /**
  * Extract SVG tag properties that can be converted to CSS

package/lib/{svg/css → svg-css}/props/props.js

@@ -1,4 +1,4 @@
-import { iterateXMLContent } from "../../../xml/iterate.js";
+import { iterateXMLContent } from "../../xml/iterate.js";
 import { convertSVGPropertyToCSS } from "./prop.js";
 
 const animationTags = [

package/lib/{svg/css → svg-css}/types.d.ts

@@ -1,11 +1,8 @@
+import { CSSRules } from "../css/types.js";
 /**
  * SVG property types
  */
 type SVGPropertyType = 'path' | 'px' | 'raw';
-/**
- * CSS rules
- */
-type CSSRules = Record<string, string>;
 /**
  * Result of converting SVG properties to CSS
  */
@@ -18,6 +15,6 @@ interface SVGConvertedToCSSProperties {
  */
 interface ConvertedSVGContent {
   content: string;
-  rules?: Record<string, string>;
+  classes?: Record<string, CSSRules>;
 }
-export { CSSRules, ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType };
+export { ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType };

package/lib/svg-css/types.js

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

package/lib/xml/types.js

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

package/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "description": "Common functions for working with SVG used by various packages.",
   "author": "Vjacheslav Trushkin",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",
@@ -24,14 +24,14 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.31.0",
+    "@eslint/js": "^9.34.0",
     "@types/jest": "^29.5.14",
-    "@types/node": "^18.19.120",
-    "@typescript-eslint/eslint-plugin": "^8.38.0",
-    "eslint": "^9.31.0",
+    "@types/node": "^18.19.123",
+    "@typescript-eslint/eslint-plugin": "^8.41.0",
+    "eslint": "^9.34.0",
     "globals": "^16.3.0",
-    "tsdown": "^0.13.0",
-    "typescript": "^5.8.3",
+    "tsdown": "^0.14.2",
+    "typescript": "^5.9.2",
     "vitest": "^2.1.9"
   },
   "scripts": {

package/lib/svg/css/convert/content.d.ts

@@ -1,10 +0,0 @@
-import { StringifyXMLOptions } from "../../../xml/types.js";
-import { ConvertedSVGContent } from "../types.js";
-interface Options extends StringifyXMLOptions {
-  classNamePrefix?: string;
-}
-/**
- *
- */
-declare function convertSVGContentToCSS(content: string, options?: Options): ConvertedSVGContent;
-export { convertSVGContentToCSS };

package/lib/svg/css/convert/content.js

@@ -1,27 +0,0 @@
-import { parseXMLContent } from "../../../xml/parse.js";
-import { stringifyXMLContent } from "../../../xml/stringify.js";
-import { stringifyCSSRules } from "../css/stringify.js";
-import { convertSVGRootToCSS } from "./root.js";
-
-/**
-*
-*/
-function convertSVGContentToCSS(content, options) {
-	const root = parseXMLContent(content);
-	if (!root) return { content };
-	const classNames = convertSVGRootToCSS(root, options?.classNamePrefix);
-	if (classNames) {
-		const newContent = stringifyXMLContent(root, options);
-		if (newContent) {
-			const rules = Object.create(null);
-			for (const className in classNames) rules[className] = stringifyCSSRules(classNames[className]);
-			return {
-				content: newContent,
-				rules
-			};
-		}
-	}
-	return { content };
-}
-
-export { convertSVGContentToCSS };