@cyberalien/svg-utils 1.0.11 → 1.1.0

package/lib/classname/{toggle.js → toggle.mjs}

@@ -1,4 +1,4 @@
-import { defaultClassProp } from "./const.js";
+import { defaultClassProp } from "./const.mjs";
 
 /**
 * Split class name by spaces

package/lib/components/export/{exports.d.ts → exports.d.mts}

@@ -1,4 +1,4 @@
-import { FactoryComponent } from "../types/component.js";
+import { FactoryComponent } from "../types/component.mjs";
 type Types = string | Record<string, string>;
 interface Options {
   ext?: string;

package/lib/components/export/{file.d.ts → file.d.mts}

@@ -1,6 +1,6 @@
-import { FactoryComponent, FactoryGeneratedComponent } from "../types/component.js";
-import { FactoryIconData } from "../types/data.js";
-import { ComponentFactoryFileSystemOptions } from "../types/options.js";
+import { FactoryComponent, FactoryGeneratedComponent } from "../types/component.mjs";
+import { FactoryIconData } from "../types/data.mjs";
+import { ComponentFactoryFileSystemOptions } from "../types/options.mjs";
 interface Options extends Pick<ComponentFactoryFileSystemOptions, 'doubleDirsForComponents' | 'prefixDirsForComponents'> {
   includePrefix?: boolean;
   extension: string;

package/lib/components/export/{file.js → file.mjs}

@@ -1,4 +1,4 @@
-import { getGeneratedComponentFilename } from "./filename.js";
+import { getGeneratedComponentFilename } from "./filename.mjs";
 
 /**
 * Add icon and filename to generated component

package/lib/components/export/{filename.d.ts → filename.d.mts}

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

package/lib/components/export/{fs.d.ts → fs.d.mts}

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

package/lib/components/export/{merge.d.ts → merge.d.mts}

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

package/lib/components/helpers/content/{ratio.d.ts → ratio.d.mts}

@@ -1,4 +1,4 @@
-import { IconViewBox } from "../../../svg/viewbox/types.js";
+import { IconViewBox } from "../../../svg/viewbox/types.mjs";
 /**
  * Get viewBox ratio as string
  */

package/lib/components/helpers/content/{size.d.ts → size.d.mts}

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

package/lib/components/helpers/content/{size.js → size.mjs}

@@ -1,4 +1,4 @@
-import { calculateSize } from "../../../svg/props/size.js";
+import { calculateSize } from "../../../svg/props/size.mjs";
 
 /**
 * Get size values for component

package/lib/components/helpers/content/{stringify.d.ts → stringify.d.mts}

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

package/lib/components/helpers/content/{stringify.js → stringify.mjs}

@@ -1,4 +1,4 @@
-import { generateCSSDefaultImportName } from "../css/name.js";
+import { generateCSSDefaultImportName } from "../css/name.mjs";
 
 /**
 * Convert icon content to a string literal

package/lib/components/helpers/css/{generate.d.ts → generate.d.mts}

@@ -1,7 +1,7 @@
-import { GeneratedAssetFile } from "../../types/component.js";
-import { ComponentFactorySource } from "../../types/source.js";
-import { ComponentFactoryOptions } from "../../types/options.js";
-import { FactoryComponentImports } from "../imports/types.js";
+import { GeneratedAssetFile } from "../../types/component.mjs";
+import { ComponentFactorySource } from "../../types/source.mjs";
+import { ComponentFactoryOptions } from "../../types/options.mjs";
+import { FactoryComponentImports } from "../imports/types.mjs";
 interface Options extends Pick<ComponentFactoryOptions, 'cssMode' | 'cssPath' | 'doubleDirsForCSS' | 'mergeCSS'> {
   componentType?: 'svelte';
 }

package/lib/components/helpers/css/{generate.js → generate.mjs}

@@ -1,6 +1,6 @@
-import { stringifyCSSKeyframes, stringifyCSSSelector } from "../../../css/stringify.js";
-import { generateCSSDefaultImportName } from "./name.js";
-import { getGeneratedCSSFilename } from "../filenames/css.js";
+import { stringifyCSSKeyframes, stringifyCSSSelector } from "../../../css/stringify.mjs";
+import { generateCSSDefaultImportName } from "./name.mjs";
+import { getGeneratedCSSFilename } from "../filenames/css.mjs";
 
 /**
 * Generate CSS files for component
@@ -21,51 +21,51 @@ function generateCSSFilesForComponent(content, imports, assets, options) {
 	const mergedContent = [];
 	for (const className in classes) {
 		const baseContent = stringifyCSSSelector(`${classNamePrefix}.${className}`, classes[className]);
-		let content$1 = baseContent;
+		let content = baseContent;
 		if (embedAnimations && keyframes) {
 			for (const animationName in keyframes) if (baseContent.includes(animationName)) {
 				const value = keyframes[animationName];
-				content$1 += "\n" + (typeof value === "string" ? value : stringifyCSSKeyframes(keyframesPrefix + animationName, value));
+				content += "\n" + (typeof value === "string" ? value : stringifyCSSKeyframes(keyframesPrefix + animationName, value));
 			}
 		}
 		if (mergeCSS) {
-			mergedContent.push(content$1);
+			mergedContent.push(content);
 			continue;
 		}
 		const filename = getGeneratedCSSFilename(className, options);
 		assets.push({
 			...filename,
-			content: content$1
+			content
 		});
 		if (isModule) imports.modules[filename.import] = generateCSSDefaultImportName(className);
 		else imports.css.add(filename.import);
 	}
 	if (!embedAnimations && keyframes) for (const animationName in keyframes) {
 		const value = keyframes[animationName];
-		const content$1 = typeof value === "string" ? value : stringifyCSSKeyframes(keyframesPrefix + animationName, value);
+		const content = typeof value === "string" ? value : stringifyCSSKeyframes(keyframesPrefix + animationName, value);
 		if (mergeCSS) {
-			mergedContent.push(content$1);
+			mergedContent.push(content);
 			continue;
 		}
 		const filename = getGeneratedCSSFilename(animationName, options);
 		assets.push({
 			...filename,
-			content: content$1
+			content
 		});
 		if (isModule) imports.modules[filename.import] = generateCSSDefaultImportName(animationName);
 		else imports.css.add(filename.import);
 	}
 	if (mergeCSS && mergedContent.length) {
-		const content$1 = mergedContent.join("\n");
+		const content = mergedContent.join("\n");
 		if (typeof mergeCSS == "object") {
 			assets.push({
 				...mergeCSS,
-				content: content$1
+				content
 			});
 			if (isModule) imports.modules[mergeCSS.import] = "css";
 			else if (!returnCSS) imports.css.add(mergeCSS.import);
 		}
-		return returnCSS ? content$1 : void 0;
+		return returnCSS ? content : void 0;
 	}
 }
 

package/lib/components/helpers/css/{name.js → name.mjs}

@@ -1,4 +1,4 @@
-import { camelize } from "../../../helpers/misc/strings.js";
+import { camelize } from "../../../helpers/misc/strings.mjs";
 
 /**
 * Generate import name for CSS module

package/lib/components/helpers/filenames/{asset.d.ts → asset.d.mts}

@@ -1,4 +1,4 @@
-import { GeneratedAssetPath } from "../../types/options.js";
+import { GeneratedAssetPath } from "../../types/options.mjs";
 declare const defaultHelpersDirectory = "helpers";
 /**
  * Generate asset filename based on options

package/lib/components/helpers/filenames/{css.d.ts → css.d.mts}

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

package/lib/components/helpers/filenames/{css.js → css.mjs}

@@ -1,4 +1,4 @@
-import { getGeneratedAssetFilename } from "./asset.js";
+import { getGeneratedAssetFilename } from "./asset.mjs";
 
 /**
 * Generate CSS filename based on options

package/lib/components/helpers/filenames/{path.d.ts → path.d.mts}

@@ -1,4 +1,4 @@
-import { ComponentFactoryFileSystemOptions, GeneratedAssetPath } from "../../types/options.js";
+import { ComponentFactoryFileSystemOptions, GeneratedAssetPath } from "../../types/options.mjs";
 /**
  * Get relative path to root directory from component
  *

package/lib/components/helpers/filenames/types.d.mts

@@ -0,0 +1,9 @@
+import { UniqueHashPartialOptions } from "../../../helpers/hash/types.mjs";
+import { FactoryIconData } from "../../types/data.mjs";
+import { ComponentFactoryFileSystemOptions, GeneratedAssetPath } from "../../types/options.mjs";
+interface Options extends Pick<UniqueHashPartialOptions, 'context'>, Pick<ComponentFactoryFileSystemOptions, 'rootPath' | 'doubleDirsForComponents' | 'prefixDirsForComponents' | 'sharedTypes'> {}
+/**
+ * Generate component types filename based on options
+ */
+declare function getGeneratedComponentTypesFilename(icon: Pick<FactoryIconData, 'name' | 'prefix'>, content: string, options: Options): GeneratedAssetPath;
+export { getGeneratedComponentTypesFilename };

package/lib/components/helpers/filenames/{types.js → types.mjs}

@@ -1,12 +1,13 @@
-import { getUniqueHash } from "../../../helpers/hash/unique.js";
-import { getGeneratedAssetFilename } from "./asset.js";
-import { getGeneratedComponentFilename } from "../../export/filename.js";
+import { getUniqueHash } from "../../../helpers/hash/unique.mjs";
+import { getGeneratedAssetFilename } from "./asset.mjs";
+import { getGeneratedComponentFilename } from "../../export/filename.mjs";
 
 /**
 * Generate component types filename based on options
 */
 function getGeneratedComponentTypesFilename(icon, content, options) {
 	if (options.sharedTypes) return getGeneratedAssetFilename(`types/${getUniqueHash(content, {
+		context: options.context,
 		css: true,
 		length: 8
 	})}.d.ts`, options.rootPath);

package/lib/components/helpers/functions/{size.d.ts → size.d.mts}

@@ -1,6 +1,6 @@
-import { GeneratedAssetFile } from "../../types/component.js";
-import { ComponentFactoryOptions } from "../../types/options.js";
-import { FactoryComponentImports } from "../imports/types.js";
+import { GeneratedAssetFile } from "../../types/component.mjs";
+import { ComponentFactoryOptions } from "../../types/options.mjs";
+import { FactoryComponentImports } from "../imports/types.mjs";
 /**
  * Adds getSizeProps() function to assets
  */

package/lib/components/helpers/functions/{size.js → size.mjs}

@@ -1,4 +1,4 @@
-import { defaultHelpersDirectory, getGeneratedAssetFilename } from "../filenames/asset.js";
+import { defaultHelpersDirectory, getGeneratedAssetFilename } from "../filenames/asset.mjs";
 
 const functionName = "getSizeProps";
 const functionContent = `

package/lib/components/helpers/imports/{add.d.ts → add.d.mts}

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

package/lib/components/helpers/imports/{create.d.ts → create.d.mts}

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

package/lib/components/helpers/imports/{stringify.d.ts → stringify.d.mts}

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

package/lib/components/helpers/props/{object.d.ts → object.d.mts}

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

package/lib/components/helpers/props/{object.js → object.mjs}

@@ -1,4 +1,4 @@
-import { stringifyFactoryProps } from "./stringify.js";
+import { stringifyFactoryProps } from "./stringify.mjs";
 
 /**
 * Stringify properties for component as JS object

package/lib/components/helpers/props/{stringify.d.ts → stringify.d.mts}

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

package/lib/components/helpers/props/{ts.d.ts → ts.d.mts}

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

package/lib/components/helpers/ts/jsx.d.mts

@@ -0,0 +1,13 @@
+import { GeneratedAssetFile } from "../../types/component.mjs";
+import { FactoryIconData } from "../../types/data.mjs";
+import { ComponentFactoryOptions } from "../../types/options.mjs";
+import { FactoryComponentProps } from "../props/types.mjs";
+import { JSXMode } from "../../types/jsx.mjs";
+interface Options extends ComponentFactoryOptions {
+  jsx: JSXMode;
+}
+/**
+ * Add JSX component types
+ */
+declare function addJSXComponentTypes(data: FactoryIconData, options: Options, assets: GeneratedAssetFile[], props: FactoryComponentProps): string;
+export { addJSXComponentTypes };

package/lib/components/helpers/ts/{jsx.js → jsx.mjs}

@@ -1,4 +1,4 @@
-import { addComponentTypes } from "./wrapper.js";
+import { addComponentTypes } from "./wrapper.mjs";
 
 const iconPropsTemplate = `interface IconProps {
 /* PROPS */

package/lib/components/helpers/ts/svelte.d.mts

@@ -0,0 +1,9 @@
+import { GeneratedAssetFile } from "../../types/component.mjs";
+import { FactoryIconData } from "../../types/data.mjs";
+import { ComponentFactoryOptions } from "../../types/options.mjs";
+import { FactoryComponentProps } from "../props/types.mjs";
+/**
+ * Add Svelte component types
+ */
+declare const addSvelteComponentTypes: (data: FactoryIconData, options: ComponentFactoryOptions, assets: GeneratedAssetFile[], props: FactoryComponentProps) => string;
+export { addSvelteComponentTypes };

package/lib/components/helpers/ts/{svelte.js → svelte.mjs}

@@ -1,4 +1,4 @@
-import { addComponentTypes } from "./wrapper.js";
+import { addComponentTypes } from "./wrapper.mjs";
 
 /**
 * Add Svelte component types

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

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

package/lib/components/helpers/ts/{vue.js → vue.mjs}

@@ -1,4 +1,4 @@
-import { addComponentTypes } from "./wrapper.js";
+import { addComponentTypes } from "./wrapper.mjs";
 
 /**
 * Add Vue component types

package/lib/components/helpers/ts/wrapper.d.mts

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

package/lib/components/helpers/ts/{wrapper.js → wrapper.mjs}

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

package/lib/components/{jsx.d.ts → jsx.d.mts}

@@ -1,7 +1,7 @@
-import { FactoryGeneratedComponent } from "./types/component.js";
-import { FactoryIconData } from "./types/data.js";
-import { ComponentFactoryOptions } from "./types/options.js";
-import { JSXMode } from "./types/jsx.js";
+import { FactoryGeneratedComponent } from "./types/component.mjs";
+import { FactoryIconData } from "./types/data.mjs";
+import { ComponentFactoryOptions } from "./types/options.mjs";
+import { JSXMode } from "./types/jsx.mjs";
 interface Options extends ComponentFactoryOptions {
   jsx: JSXMode;
   fallbackPackage?: string;

package/lib/components/{jsx.js → jsx.mjs}

@@ -1,16 +1,16 @@
-import { getComponentSizeValues } from "./helpers/content/size.js";
-import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
-import { stringifyIconViewBox } from "../svg/viewbox/value.js";
-import { createFactoryImports } from "./helpers/imports/create.js";
-import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
-import { addSizeFunctionAsset } from "./helpers/functions/size.js";
-import { stringifyFactoryPropsAsJSON } from "./helpers/props/object.js";
-import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
-import { makeSquareViewBox } from "../svg/viewbox/square.js";
-import { getUsedFactoryProps, stringifyFactoryPropTypes } from "./helpers/props/ts.js";
-import { minifyViewBox } from "../svg/viewbox/minify.js";
-import { getViewBoxRatio } from "./helpers/content/ratio.js";
-import { addJSXComponentTypes } from "./helpers/ts/jsx.js";
+import { getComponentSizeValues } from "./helpers/content/size.mjs";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.mjs";
+import { stringifyIconViewBox } from "../svg/viewbox/value.mjs";
+import { createFactoryImports } from "./helpers/imports/create.mjs";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.mjs";
+import { addSizeFunctionAsset } from "./helpers/functions/size.mjs";
+import { stringifyFactoryPropsAsJSON } from "./helpers/props/object.mjs";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.mjs";
+import { makeSquareViewBox } from "../svg/viewbox/square.mjs";
+import { getUsedFactoryProps, stringifyFactoryPropTypes } from "./helpers/props/ts.mjs";
+import { minifyViewBox } from "../svg/viewbox/minify.mjs";
+import { getViewBoxRatio } from "./helpers/content/ratio.mjs";
+import { addJSXComponentTypes } from "./helpers/ts/jsx.mjs";
 
 /**
 * Create functional Vue component code
@@ -52,7 +52,7 @@ function createJSXComponent(data, options) {
 		value: "props",
 		template: "...props,"
 	};
-	const getViewBox = (viewBox$1) => isStringViewBox ? `'${stringifyIconViewBox(viewBox$1)}'` : JSON.stringify(minifyViewBox(viewBox$1));
+	const getViewBox = (viewBox) => isStringViewBox ? `'${stringifyIconViewBox(viewBox)}'` : JSON.stringify(minifyViewBox(viewBox));
 	if (hasComputedViewbox) {
 		componentExternalCode.push(`const baseViewBox = ${getViewBox(viewBox)};`, `const squareViewBox = ${getViewBox(makeSquareViewBox(viewBox))};`);
 		componentInternalCode.push(`const viewBox = useMemo(() => square ? squareViewBox : baseViewBox, [square]);`);

package/lib/components/prepare/{iconify.d.ts → iconify.d.mts}

@@ -1,7 +1,7 @@
-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 { GeneratedAssetFile } from "../types/component.mjs";
+import { ConvertSVGContentOptions } from "../../svg-css/types.mjs";
+import { FactoryIconData } from "../types/data.mjs";
+import { GeneratedAssetPath } from "../types/options.mjs";
 import { IconifyIcon, IconifyJSON } from "@iconify/types";
 interface Options extends ConvertSVGContentOptions {
   fallback?: string | boolean;
@@ -9,7 +9,7 @@ interface Options extends ConvertSVGContentOptions {
 /**
  * Convert IconifyIcon data to FactoryIconData
  */
-declare function convertIconifyIconToFactoryContent(icon: IconifyIcon, prefix: string, name: string, options?: Options): FactoryIconData;
+declare function convertIconifyIconToFactoryContent(icon: IconifyIcon, prefix: string, name: string, options: Options): FactoryIconData;
 /**
  * Create metadata assets for an icon set
  */

package/lib/components/prepare/{iconify.js → iconify.mjs}

@@ -1,6 +1,6 @@
-import { convertSVGContentToCSSRules } from "../../svg-css/content.js";
-import { getGeneratedAssetFilename } from "../helpers/filenames/asset.js";
-import { normaliseIconifyIcon } from "../../iconify/icon/nornalise.js";
+import { convertSVGContentToCSSRules } from "../../svg-css/content.mjs";
+import { getGeneratedAssetFilename } from "../helpers/filenames/asset.mjs";
+import { normaliseIconifyIcon } from "../../iconify/icon/nornalise.mjs";
 
 /**
 * Convert IconifyIcon data to FactoryIconData

package/lib/components/prepare/{options.d.ts → options.d.mts}

@@ -1,4 +1,4 @@
-import { ComponentFactoryFileSystemOptions } from "../types/options.js";
+import { ComponentFactoryFileSystemOptions } from "../types/options.mjs";
 /**
  * Generate file system options
  */

package/lib/components/prepare/{options.js → options.mjs}

@@ -1,5 +1,5 @@
-import { getGeneratedAssetFilename } from "../helpers/filenames/asset.js";
-import { getFactoryRelativeRootPath } from "../helpers/filenames/path.js";
+import { getGeneratedAssetFilename } from "../helpers/filenames/asset.mjs";
+import { getFactoryRelativeRootPath } from "../helpers/filenames/path.mjs";
 
 /**
 * Generate file system options

package/lib/components/raw.d.mts

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

package/lib/components/{raw.js → raw.mjs}

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

package/lib/components/{svelte.d.ts → svelte.d.mts}

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

package/lib/components/{svelte.js → svelte.mjs}

@@ -1,16 +1,16 @@
-import { getComponentSizeValues } from "./helpers/content/size.js";
-import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
-import { stringifyIconViewBox } from "../svg/viewbox/value.js";
-import { createFactoryImports } from "./helpers/imports/create.js";
-import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
-import { addSizeFunctionAsset } from "./helpers/functions/size.js";
-import { stringifyFactoryProps } from "./helpers/props/stringify.js";
-import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
-import { makeSquareViewBox } from "../svg/viewbox/square.js";
-import { getUsedFactoryProps, stringifyFactoryPropTypes } from "./helpers/props/ts.js";
-import { minifyViewBox } from "../svg/viewbox/minify.js";
-import { getViewBoxRatio } from "./helpers/content/ratio.js";
-import { addSvelteComponentTypes } from "./helpers/ts/svelte.js";
+import { getComponentSizeValues } from "./helpers/content/size.mjs";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.mjs";
+import { stringifyIconViewBox } from "../svg/viewbox/value.mjs";
+import { createFactoryImports } from "./helpers/imports/create.mjs";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.mjs";
+import { addSizeFunctionAsset } from "./helpers/functions/size.mjs";
+import { stringifyFactoryProps } from "./helpers/props/stringify.mjs";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.mjs";
+import { makeSquareViewBox } from "../svg/viewbox/square.mjs";
+import { getUsedFactoryProps, stringifyFactoryPropTypes } from "./helpers/props/ts.mjs";
+import { minifyViewBox } from "../svg/viewbox/minify.mjs";
+import { getViewBoxRatio } from "./helpers/content/ratio.mjs";
+import { addSvelteComponentTypes } from "./helpers/ts/svelte.mjs";
 
 /**
 * Create Svelte component code
@@ -39,7 +39,7 @@ function createSvelteComponent(data, options) {
 	const props = {};
 	if (!hasFallback) props.xmlns = "http://www.w3.org/2000/svg";
 	const viewBoxPropValue = `viewBox${hasComputedViewbox ? "Computed" : ""}`;
-	const getViewBox = (viewBox$1) => isStringViewBox ? `'${stringifyIconViewBox(viewBox$1)}'` : JSON.stringify(minifyViewBox(viewBox$1));
+	const getViewBox = (viewBox) => isStringViewBox ? `'${stringifyIconViewBox(viewBox)}'` : JSON.stringify(minifyViewBox(viewBox));
 	if (hasComputedViewbox) componentCode.push(`const baseViewBox = ${getViewBox(viewBox)};`, `const squareViewBox = ${getViewBox(makeSquareViewBox(viewBox))};`, `let ${viewBoxPropValue} = $derived(square ? squareViewBox : baseViewBox);`);
 	else componentCode.push(`const ${viewBoxPropValue} = ${getViewBox(viewBox)};`);
 	const ratioValue = getViewBoxRatio(viewBox);

package/lib/components/types/{data.d.ts → data.d.mts}

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

package/lib/components/types/{options.d.ts → options.d.mts}

@@ -1,4 +1,5 @@
-import { CSSExportMode } from "./css.js";
+import { UniqueHashPartialOptions } from "../../helpers/hash/types.mjs";
+import { CSSExportMode } from "./css.mjs";
 /**
  * Asset path, generated from configuration
  */
@@ -31,5 +32,5 @@ interface ComponentFactoryRenderingOptions {
 /**
  * Options for component factory
  */
-interface ComponentFactoryOptions extends ComponentFactoryFileSystemOptions, ComponentFactoryRenderingOptions {}
+interface ComponentFactoryOptions extends ComponentFactoryFileSystemOptions, ComponentFactoryRenderingOptions, Pick<UniqueHashPartialOptions, 'context'> {}
 export { ComponentFactoryFileSystemOptions, ComponentFactoryOptions, ComponentFactoryRenderingOptions, GeneratedAssetPath };