@cyberalien/svg-utils 0.1.1 → 0.1.3

package/lib/{svg-css/factory → components}/export/fs.d.ts

@@ -1,4 +1,4 @@
-import { GeneratedComponentFile } from "../types/file.js";
+import { GeneratedComponentFile } from "../types/component.js";
 /**
  * Save exported files to filesystem
  */

package/lib/{svg-css/factory → components}/export/merge.d.ts

@@ -1,5 +1,4 @@
-import { GeneratedComponentFile } from "../types/file.js";
-import { FactoryComponent } from "../types/component.js";
+import { FactoryComponent, GeneratedComponentFile } from "../types/component.js";
 /**
  * Merge exported component files into single array
  */

package/lib/{svg-css/factory → components/helpers}/content/size.d.ts

@@ -1,5 +1,5 @@
 import { IconViewBox } from "../../../svg/viewbox/types.js";
-import { ComponentFactoryRenderingOptions } from "../types/options.js";
+import { ComponentFactoryRenderingOptions } from "../../types/options.js";
 interface SizeResult {
   width: string;
   height: string;

package/lib/{svg-css/factory → components/helpers}/content/stringify.d.ts

@@ -1,5 +1,5 @@
-import { ComponentFactorySource } from "../types/source.js";
-import { ComponentFactoryRenderingOptions } from "../types/options.js";
+import { ComponentFactorySource } from "../../types/source.js";
+import { ComponentFactoryRenderingOptions } from "../../types/options.js";
 /**
  * Convert icon content to a string literal
  */

package/lib/{svg-css/factory → components/helpers}/css/generate.d.ts

@@ -1,7 +1,7 @@
-import { ComponentFactorySource } from "../types/source.js";
-import { GeneratedAssetFile } from "../types/file.js";
-import { FactoryComponentImports } from "../types/component.js";
-import { ComponentFactoryOptions } from "../types/options.js";
+import { GeneratedAssetFile } from "../../types/component.js";
+import { ComponentFactorySource } from "../../types/source.js";
+import { ComponentFactoryOptions } from "../../types/options.js";
+import { FactoryComponentImports } from "../imports/types.js";
 /**
  * Generate CSS files for component
  *

package/lib/components/helpers/filenames/asset.d.ts

@@ -0,0 +1,10 @@
+import { GeneratedAssetPath } from "../../types/options.js";
+/**
+ * Generate asset filename based on options
+ *
+ * @param filename - Filename without path
+ * @param rootPath - Root path
+ * @returns Asset path
+ */
+declare function getGeneratedAssetFilename(filename: string, rootPath: GeneratedAssetPath): GeneratedAssetPath;
+export { getGeneratedAssetFilename };

package/lib/components/helpers/filenames/asset.js

@@ -0,0 +1,16 @@
+/**
+* Generate asset filename based on options
+*
+* @param filename - Filename without path
+* @param rootPath - Root path
+* @returns Asset path
+*/
+function getGeneratedAssetFilename(filename, rootPath) {
+	const basePath = rootPath.filename;
+	return {
+		import: `${rootPath.import}/${filename}`,
+		filename: `${basePath ? basePath + "/" : ""}${filename}`
+	};
+}
+
+export { getGeneratedAssetFilename };

package/lib/{svg-css/factory → components/helpers}/filenames/css.d.ts

@@ -1,5 +1,4 @@
-import { GeneratedAssetPath } from "../types/asset.js";
-import { ComponentFactoryOptions } from "../types/options.js";
+import { ComponentFactoryOptions, GeneratedAssetPath } from "../../types/options.js";
 /**
  * Generate CSS filename based on options
  */

package/lib/{svg-css/factory → components/helpers}/filenames/css.js

@@ -1,3 +1,5 @@
+import { getGeneratedAssetFilename } from "./asset.js";
+
 /**
 * Generate CSS filename based on options
 */
@@ -5,10 +7,7 @@ function getGeneratedCSSFilename(name, options) {
 	const { cssPath, doubleDirsForCSS, cssMode } = options;
 	const baseName = doubleDirsForCSS ? `${name.slice(0, 1).toLowerCase()}/${name}` : name;
 	const filename = cssMode === "module" ? `${baseName}.module.css` : `${baseName}.css`;
-	return {
-		import: `${cssPath.import}/${filename}`,
-		filename: `${cssPath.filename}/${filename}`
-	};
+	return getGeneratedAssetFilename(filename, cssPath);
 }
 
 export { getGeneratedCSSFilename };

package/lib/components/helpers/filenames/path.d.ts

@@ -0,0 +1,9 @@
+import { ComponentFactoryFileSystemOptions, GeneratedAssetPath } from "../../types/options.js";
+/**
+ * Get relative path to root directory from component
+ *
+ * @param options Factory options
+ * @returns Asset path
+ */
+declare function getFactoryRelativeRootPath(options: Pick<ComponentFactoryFileSystemOptions, 'doubleDirsForComponents' | 'prefixDirsForComponents'>): GeneratedAssetPath;
+export { getFactoryRelativeRootPath };

package/lib/{svg-css/factory → components/helpers}/filenames/path.js

@@ -1,18 +1,17 @@
 /**
-* Get relative path to asset from component
+* Get relative path to root directory from component
 *
-* @param path Path to asset, without trailing slash
 * @param options Factory options
 * @returns Asset path
 */
-function getFactoryRelativeAssetPath(path, options) {
+function getFactoryRelativeRootPath(options) {
 	const { prefixDirsForComponents } = options;
 	const prefixDir = prefixDirsForComponents ? typeof prefixDirsForComponents === "string" ? prefixDirsForComponents : "prefix" : "";
 	const parentCount = (prefixDir ? prefixDir.split("/").length : 0) + (options.doubleDirsForComponents ? 1 : 0);
 	return {
-		import: (parentCount ? "../".repeat(parentCount) : "./") + path,
-		filename: path
+		import: parentCount ? "../".repeat(parentCount - 1) + ".." : ".",
+		filename: ""
 	};
 }
 
-export { getFactoryRelativeAssetPath };
+export { getFactoryRelativeRootPath };

package/lib/{svg-css/factory → components/helpers}/filenames/types.d.ts

@@ -1,6 +1,5 @@
-import { FactoryIconData } from "../types/data.js";
-import { GeneratedAssetPath } from "../types/asset.js";
-import { ComponentFactoryFileSystemOptions } from "../types/options.js";
+import { FactoryIconData } from "../../types/data.js";
+import { ComponentFactoryFileSystemOptions, GeneratedAssetPath } from "../../types/options.js";
 /**
  * Generate component types filename based on options
  */

package/lib/{svg-css/factory → components/helpers}/filenames/types.js

@@ -1,4 +1,4 @@
-import { getGeneratedComponentFilename } from "./component.js";
+import { getGeneratedComponentFilename } from "../../export/filename.js";
 
 /**
 * Generate component types filename based on options

package/lib/components/helpers/functions/size.d.ts

@@ -0,0 +1,8 @@
+import { GeneratedAssetFile } from "../../types/component.js";
+import { ComponentFactoryOptions } from "../../types/options.js";
+import { FactoryComponentImports } from "../imports/types.js";
+/**
+ * Adds getSizeProps() function to assets
+ */
+declare function addSizeFunctionAsset(imports: FactoryComponentImports, assets: GeneratedAssetFile[], options: Pick<ComponentFactoryOptions, 'rootPath'>): string;
+export { addSizeFunctionAsset };

package/lib/{svg-css/factory/components/shared → components/helpers/functions}/size.js

@@ -1,4 +1,4 @@
-import { getGeneratedAssetFilename } from "../../filenames/asset.js";
+import { getGeneratedAssetFilename } from "../filenames/asset.js";
 
 const functionName = "getSizeProps";
 const functionContent = `
@@ -67,7 +67,7 @@ export { ${functionName} };
 * Adds getSizeProps() function to assets
 */
 function addSizeFunctionAsset(imports, assets, options) {
-	const filename = getGeneratedAssetFilename("size.js", options);
+	const filename = getGeneratedAssetFilename("helpers/size.js", options.rootPath);
 	imports.named[filename.import] = new Set([functionName]);
 	assets.push({
 		...filename,

package/lib/{svg-css/factory → components/helpers}/imports/add.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentImports } from "../types/component.js";
+import { FactoryComponentImports } from "./types.js";
 /**
  * Add named import
  */

package/lib/{svg-css/factory → components/helpers}/imports/create.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentImports } from "../types/component.js";
+import { FactoryComponentImports } from "./types.js";
 /**
  * Create imports object
  */

package/lib/{svg-css/factory → components/helpers}/imports/stringify.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentImports } from "../types/component.js";
+import { FactoryComponentImports } from "./types.js";
 /**
  * Export imports as string
  */

package/lib/components/helpers/imports/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * List of imports for component
+ */
+interface FactoryComponentImports {
+  default: Record<string, string>;
+  named: Record<string, Set<string>>;
+  types: Record<string, Set<string>>;
+  full: Set<string>;
+  css: Set<string>;
+  modules: Record<string, string>;
+}
+export { FactoryComponentImports };

package/lib/{svg-css/factory → components/helpers}/props/object.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentProps } from "../types/props.js";
+import { FactoryComponentProps } from "./types.js";
 /**
  * Stringify properties for component as JS object
  */

package/lib/{svg-css/factory → components/helpers}/props/stringify.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentProps } from "../types/props.js";
+import { FactoryComponentProps } from "./types.js";
 /**
  * Template for property
  */

package/lib/{svg-css/factory/props/types.d.ts → components/helpers/props/ts.d.ts}

@@ -1,4 +1,4 @@
-import { FactoryComponentProps } from "../types/props.js";
+import { FactoryComponentProps } from "./types.js";
 /**
  * Stringify properties for component
  */

package/lib/components/helpers/vue/types.d.ts

@@ -0,0 +1,9 @@
+import { GeneratedAssetFile } from "../../types/component.js";
+import { FactoryIconData } from "../../types/data.js";
+import { ComponentFactoryOptions } from "../../types/options.js";
+import { FactoryComponentProps } from "../props/types.js";
+/**
+ * Add Vue component types
+ */
+declare function addVueComponentTypes(data: FactoryIconData, options: ComponentFactoryOptions, assets: GeneratedAssetFile[], props: FactoryComponentProps): string;
+export { addVueComponentTypes };

package/lib/{svg-css/factory/components → components/helpers}/vue/types.js

@@ -1,5 +1,5 @@
-import { getGeneratedComponentTypesFilename } from "../../filenames/types.js";
-import { stringifyFactoryPropTypes } from "../../props/types.js";
+import { getGeneratedComponentTypesFilename } from "../filenames/types.js";
+import { stringifyFactoryPropTypes } from "../props/ts.js";
 
 /**
 * Add Vue component types

package/lib/components/prepare/iconify.d.ts

@@ -0,0 +1,17 @@
+import { GeneratedAssetFile } from "../types/component.js";
+import { ConvertSVGContentOptions } from "../../svg-css/types.js";
+import { FactoryIconData } from "../types/data.js";
+import { GeneratedAssetPath } from "../types/options.js";
+import { IconifyIcon, IconifyJSON } from "@iconify/types";
+interface Options extends ConvertSVGContentOptions {
+  fallback?: string | boolean;
+}
+/**
+ * Convert IconifyIcon data to FactoryIconData
+ */
+declare function convertIconifyIconToFactoryContent(icon: IconifyIcon, prefix: string, name: string, options?: Options): FactoryIconData;
+/**
+ * Create metadata assets for an icon set
+ */
+declare function getIconifyIconsetMetadataAsset(iconSet: Pick<IconifyJSON, 'prefix' | 'info' | 'lastModified'>, rootPath: GeneratedAssetPath): GeneratedAssetFile[];
+export { convertIconifyIconToFactoryContent, getIconifyIconsetMetadataAsset };

package/lib/components/prepare/iconify.js

@@ -0,0 +1,38 @@
+import { convertSVGContentToCSSRules } from "../../svg-css/content.js";
+import { getGeneratedAssetFilename } from "../helpers/filenames/asset.js";
+import { normaliseIconifyIcon } from "../../iconify/icon/nornalise.js";
+
+/**
+* Convert IconifyIcon data to FactoryIconData
+*/
+function convertIconifyIconToFactoryContent(icon, prefix, name, options) {
+	const { body, viewBox } = normaliseIconifyIcon(icon);
+	const fallbackOption = options?.fallback ?? true;
+	const fallback = typeof fallbackOption === "string" ? fallbackOption : fallbackOption ? `${prefix}:${name}` : void 0;
+	return {
+		prefix,
+		name,
+		viewBox,
+		icon: convertSVGContentToCSSRules(body, options),
+		fallback
+	};
+}
+/**
+* Create metadata assets for an icon set
+*/
+function getIconifyIconsetMetadataAsset(iconSet, rootPath) {
+	const assets = [];
+	const { prefix, info, lastModified } = iconSet;
+	const metadata = {
+		prefix,
+		info,
+		lastModified
+	};
+	assets.push({
+		...getGeneratedAssetFilename("iconify.json", rootPath),
+		content: JSON.stringify(metadata, null, "	") + "\n"
+	});
+	return assets;
+}
+
+export { convertIconifyIconToFactoryContent, getIconifyIconsetMetadataAsset };

package/lib/{svg-css/factory/filenames → components/prepare}/options.js

@@ -1,4 +1,5 @@
-import { getFactoryRelativeAssetPath } from "./path.js";
+import { getGeneratedAssetFilename } from "../helpers/filenames/asset.js";
+import { getFactoryRelativeRootPath } from "../helpers/filenames/path.js";
 
 /**
 * Generate file system options
@@ -7,19 +8,16 @@ function componentFactoryFileSystemOptions(base) {
 	const doubleDirsForCSS = base.doubleDirsForCSS ?? true;
 	const prefixDirsForComponents = base.prefixDirsForComponents ?? false;
 	const doubleDirsForComponents = base.doubleDirsForComponents ?? true;
-	const chunksPath = base.chunksPath ?? getFactoryRelativeAssetPath("assets", {
-		doubleDirsForComponents,
-		prefixDirsForComponents
-	});
-	const cssPath = base.cssPath ?? getFactoryRelativeAssetPath("css", {
+	const rootPath = base.rootPath ?? getFactoryRelativeRootPath({
 		doubleDirsForComponents,
 		prefixDirsForComponents
 	});
+	const cssPath = base.cssPath ?? getGeneratedAssetFilename("css", rootPath);
 	return {
 		doubleDirsForCSS,
 		prefixDirsForComponents,
 		doubleDirsForComponents,
-		chunksPath,
+		rootPath,
 		cssPath
 	};
 }

package/lib/components/raw.d.ts

@@ -0,0 +1,8 @@
+import { FactoryGeneratedComponent } from "./types/component.js";
+import { FactoryIconData } from "./types/data.js";
+import { ComponentFactoryOptions } from "./types/options.js";
+/**
+ * Create raw component code
+ */
+declare function createRawComponent(data: FactoryIconData, options: ComponentFactoryOptions): FactoryGeneratedComponent;
+export { createRawComponent };

package/lib/{svg-css/factory/components → components}/raw.js

@@ -1,11 +1,11 @@
-import { getIconViewBox } from "../../../svg/viewbox/value.js";
-import { getComponentSizeValues } from "../content/size.js";
-import { stringifyFactoryIconContent } from "../content/stringify.js";
-import { getGeneratedComponentTypesFilename } from "../filenames/types.js";
-import { createFactoryImports } from "../imports/create.js";
-import { generateCSSFilesForComponent } from "../css/generate.js";
-import { stringifyFactoryImports } from "../imports/stringify.js";
-import { factoryPropTemplate, stringifyFactoryProps } from "../props/stringify.js";
+import { getComponentSizeValues } from "./helpers/content/size.js";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
+import { getGeneratedComponentTypesFilename } from "./helpers/filenames/types.js";
+import { getIconViewBox } from "../svg/viewbox/value.js";
+import { createFactoryImports } from "./helpers/imports/create.js";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
+import { factoryPropTemplate, stringifyFactoryProps } from "./helpers/props/stringify.js";
 
 /**
 * Create raw component code

package/lib/components/types/component.d.ts

@@ -0,0 +1,29 @@
+/**
+ * File generated by component factory
+ */
+interface GeneratedComponentFile {
+  filename: string;
+  content: string;
+}
+/**
+ * Asset generated by component factory
+ */
+interface GeneratedAssetFile extends GeneratedComponentFile {
+  import: string;
+}
+/**
+ * Generated component
+ */
+interface FactoryGeneratedComponent {
+  assets: GeneratedAssetFile[];
+  content: string;
+  types?: string;
+}
+/**
+ * Component data with filename
+ */
+interface FactoryComponent extends Omit<FactoryGeneratedComponent, 'ext' | 'forceExtension'> {
+  icon: string;
+  filename: string;
+}
+export { FactoryComponent, FactoryGeneratedComponent, GeneratedAssetFile, GeneratedComponentFile };

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

@@ -1,4 +1,4 @@
-import { IconViewBox } from "../../../svg/viewbox/types.js";
+import { IconViewBox } from "../../svg/viewbox/types.js";
 import { ComponentFactorySource } from "./source.js";
 /**
  * Icon data

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

@@ -1,5 +1,11 @@
-import { GeneratedAssetPath } from "./asset.js";
 import { CSSExportMode } from "./css.js";
+/**
+ * Asset path, generated from configuration
+ */
+interface GeneratedAssetPath {
+  filename: string;
+  import: string;
+}
 /**
  * File system options for component factory
  */
@@ -7,7 +13,7 @@ interface ComponentFactoryFileSystemOptions {
   doubleDirsForCSS: boolean;
   prefixDirsForComponents: boolean | string;
   doubleDirsForComponents: boolean;
-  chunksPath: GeneratedAssetPath;
+  rootPath: GeneratedAssetPath;
   cssPath: GeneratedAssetPath;
 }
 /**
@@ -23,4 +29,4 @@ interface ComponentFactoryRenderingOptions {
  * Options for component factory
  */
 interface ComponentFactoryOptions extends ComponentFactoryFileSystemOptions, ComponentFactoryRenderingOptions {}
-export { ComponentFactoryFileSystemOptions, ComponentFactoryOptions, ComponentFactoryRenderingOptions };
+export { ComponentFactoryFileSystemOptions, ComponentFactoryOptions, ComponentFactoryRenderingOptions, GeneratedAssetPath };

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

@@ -1,5 +1,5 @@
-import { CSSKeyframes, CSSRules } from "../../../css/types.js";
-import { ConvertedSVGContent } from "../../types.js";
+import { CSSKeyframes, CSSRules } from "../../css/types.js";
+import { ConvertedSVGContent } from "../../svg-css/types.js";
 /**
  * Content for component factory
  */

package/lib/components/vue-func.d.ts

@@ -0,0 +1,8 @@
+import { FactoryGeneratedComponent } from "./types/component.js";
+import { FactoryIconData } from "./types/data.js";
+import { ComponentFactoryOptions } from "./types/options.js";
+/**
+ * Create functional Vue component code
+ */
+declare function createVueFunctionalComponent(data: FactoryIconData, options: ComponentFactoryOptions): FactoryGeneratedComponent;
+export { createVueFunctionalComponent };

package/lib/{svg-css/factory/components → components}/vue-func.js

@@ -1,14 +1,14 @@
-import { makeSquareViewBox } from "../../../svg/viewbox/square.js";
-import { getIconViewBox } from "../../../svg/viewbox/value.js";
-import { getComponentSizeValues } from "../content/size.js";
-import { stringifyFactoryIconContent } from "../content/stringify.js";
-import { createFactoryImports } from "../imports/create.js";
-import { generateCSSFilesForComponent } from "../css/generate.js";
-import { stringifyFactoryImports } from "../imports/stringify.js";
-import { getUsedFactoryProps } from "../props/types.js";
-import { addVueComponentTypes } from "./vue/types.js";
-import { addSizeFunctionAsset } from "./shared/size.js";
-import { stringifyFactoryPropsAsJSON } from "../props/object.js";
+import { getComponentSizeValues } from "./helpers/content/size.js";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
+import { getIconViewBox } from "../svg/viewbox/value.js";
+import { createFactoryImports } from "./helpers/imports/create.js";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
+import { getUsedFactoryProps } from "./helpers/props/ts.js";
+import { addVueComponentTypes } from "./helpers/vue/types.js";
+import { addSizeFunctionAsset } from "./helpers/functions/size.js";
+import { stringifyFactoryPropsAsJSON } from "./helpers/props/object.js";
+import { makeSquareViewBox } from "../svg/viewbox/square.js";
 
 /**
 * Create functional Vue component code

package/lib/{svg-css/factory/components → components}/vue.d.ts

@@ -1,6 +1,6 @@
-import { FactoryIconData } from "../types/data.js";
-import { FactoryGeneratedComponent } from "../types/component.js";
-import { ComponentFactoryOptions } from "../types/options.js";
+import { FactoryGeneratedComponent } from "./types/component.js";
+import { FactoryIconData } from "./types/data.js";
+import { ComponentFactoryOptions } from "./types/options.js";
 interface VueOptions extends ComponentFactoryOptions {
   ts?: boolean;
 }

package/lib/{svg-css/factory/components → components}/vue.js

@@ -1,14 +1,14 @@
-import { makeSquareViewBox } from "../../../svg/viewbox/square.js";
-import { getIconViewBox } from "../../../svg/viewbox/value.js";
-import { getComponentSizeValues } from "../content/size.js";
-import { stringifyFactoryIconContent } from "../content/stringify.js";
-import { createFactoryImports } from "../imports/create.js";
-import { generateCSSFilesForComponent } from "../css/generate.js";
-import { stringifyFactoryImports } from "../imports/stringify.js";
-import { stringifyFactoryProps } from "../props/stringify.js";
-import { getUsedFactoryProps, stringifyFactoryPropTypes } from "../props/types.js";
-import { addVueComponentTypes } from "./vue/types.js";
-import { addSizeFunctionAsset } from "./shared/size.js";
+import { getComponentSizeValues } from "./helpers/content/size.js";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
+import { getIconViewBox } from "../svg/viewbox/value.js";
+import { createFactoryImports } from "./helpers/imports/create.js";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
+import { stringifyFactoryProps } from "./helpers/props/stringify.js";
+import { getUsedFactoryProps, stringifyFactoryPropTypes } from "./helpers/props/ts.js";
+import { addVueComponentTypes } from "./helpers/vue/types.js";
+import { addSizeFunctionAsset } from "./helpers/functions/size.js";
+import { makeSquareViewBox } from "../svg/viewbox/square.js";
 
 /**
 * Create Vue component code

package/lib/css/hash.d.ts

@@ -1,6 +1,6 @@
-import { CSSRules } from "./types.js";
+import { CSSHashOptions, CSSRules } from "./types.js";
 /**
  * Get class name for CSS rules
  */
-declare function createCSSClassName(rules: CSSRules, prefix?: string): string;
+declare function createCSSClassName(rules: CSSRules, prefix?: string, options?: CSSHashOptions): string;
 export { createCSSClassName };

package/lib/css/hash.js

@@ -5,12 +5,13 @@ const length = 6;
 /**
 * Get class name for CSS rules
 */
-function createCSSClassName(rules, prefix = "") {
+function createCSSClassName(rules, prefix = "", options) {
 	const sorted = sortObject(rules);
 	return getUniqueHash(sorted, {
 		css: true,
 		length,
-		prefix
+		prefix,
+		...options
 	});
 }
 

package/lib/css/types.d.ts

@@ -1,3 +1,4 @@
+import { UniqueHashOptions } from "../helpers/hash/types.js";
 /**
  * CSS rules
  */
@@ -13,4 +14,8 @@ interface CSSKeyframes {
   prop: string;
   frames: CSSKeyframe[];
 }
-export { CSSKeyframe, CSSKeyframes, CSSRules };
+/**
+ * Hash options
+ */
+type CSSHashOptions = Partial<Pick<UniqueHashOptions, 'length' | 'lengths' | 'throwOnCollision'>>;
+export { CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules };

package/lib/index.d.ts

@@ -1,15 +1,16 @@
 import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
+import { UniqueHashOptions } from "./helpers/hash/types.js";
+import { ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions } from "./xml/types.js";
+import { ConvertSVGContentOptions, ConvertedSVGContent } from "./svg-css/types.js";
 import { createCSSClassName } from "./css/hash.js";
 import { stringifyCSSKeyframes, 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";
 import { getUniqueHash } from "./helpers/hash/unique.js";
 import { cloneObject } from "./helpers/misc/clone.js";
 import { compareSets, compareValues } from "./helpers/misc/compare.js";
 import { sortObject } from "./helpers/misc/sort-object.js";
-import { ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions } from "./xml/types.js";
 import { iterateXMLContent } from "./xml/iterate.js";
 import { parseXMLContent } from "./xml/parse.js";
 import { stringifyXMLContent } from "./xml/stringify.js";
@@ -19,9 +20,6 @@ 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 { 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, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+import { convertSVGRootToCSS } from "./svg-css/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/content.js";
+export { ChangeIDResult, ClassProp, ConvertSVGContentOptions, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/index.js

@@ -16,9 +16,7 @@ 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 { 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";
+import { convertSVGRootToCSS } from "./svg-css/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/content.js";
 
-export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };