react-icons-sprite 1.0.0-rc.1 → 1.0.0

package/dist/build-sprite-j9zt_17z.mjs

@@ -0,0 +1,147 @@
+import { r as resolveIconImport, t as computeIconId } from "./compute-icon-id-B590yK7l.mjs";
+import { existsSync, readFileSync } from "node:fs";
+import path from "node:path";
+import { pathToFileURL } from "node:url";
+import { createElement } from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+//#region src/sprite/render-icon.ts
+const SVG_INNER_RE = /<svg\b[^>]*>([\s\S]*?)<\/svg>/i;
+const VIEWBOX_RE = /viewBox=["']([^"']+)["']/i;
+const SVG_OPEN_RE = /<svg\b([^>]*)>/i;
+const SVG_ATTR_RE = /([:\w-]+)=("[^"]*"|'[^']*')/g;
+const OMITTED_SVG_ATTRIBUTES = new Set([
+	"xmlns",
+	"viewBox",
+	"width",
+	"height"
+]);
+const parsePackageSpecifier = (specifier) => {
+	if (specifier.startsWith(".") || path.isAbsolute(specifier)) return null;
+	const parts = specifier.split("/");
+	const packageName = specifier.startsWith("@") ? `${parts[0]}/${parts[1]}` : parts[0];
+	const rest = parts.slice(specifier.startsWith("@") ? 2 : 1).join("/");
+	return {
+		packageName,
+		subpath: rest ? `./${rest}` : "."
+	};
+};
+const findPackageRoot = (packageName, baseDir) => {
+	let current = path.resolve(baseDir);
+	while (true) {
+		const candidate = path.join(current, "node_modules", packageName);
+		if (existsSync(path.join(candidate, "package.json"))) return candidate;
+		const parent = path.dirname(current);
+		if (parent === current) return null;
+		current = parent;
+	}
+};
+const pickExportTarget = (value) => {
+	if (typeof value === "string") return value;
+	if (!value || typeof value !== "object") return null;
+	const record = value;
+	return pickExportTarget(record.import) ?? pickExportTarget(record.default) ?? pickExportTarget(record.module) ?? pickExportTarget(record.require);
+};
+const resolveExportTarget = (exportsField, subpath) => {
+	if (typeof exportsField === "string" || Array.isArray(exportsField)) return subpath === "." ? pickExportTarget(exportsField) : null;
+	if (!exportsField || typeof exportsField !== "object") return null;
+	const exportsRecord = exportsField;
+	const exact = pickExportTarget(exportsRecord[subpath]);
+	if (exact) return exact;
+	for (const [key, value] of Object.entries(exportsRecord)) {
+		if (!key.includes("*")) continue;
+		const [prefix, suffix] = key.split("*");
+		if (!subpath.startsWith(prefix) || !subpath.endsWith(suffix)) continue;
+		const matched = subpath.slice(prefix.length, subpath.length - suffix.length);
+		const target = pickExportTarget(value);
+		if (target) return target.replaceAll("*", matched);
+	}
+	return null;
+};
+const fileExists = (filePath) => existsSync(filePath);
+const resolveFileCandidate = (filePath) => {
+	return [
+		filePath,
+		`${filePath}.mjs`,
+		`${filePath}.js`,
+		path.join(filePath, "index.mjs"),
+		path.join(filePath, "index.js")
+	].find(fileExists) ?? null;
+};
+const resolveFromBaseDir = (specifier, baseDir) => {
+	const parsed = parsePackageSpecifier(specifier);
+	if (!parsed) return null;
+	const packageRoot = findPackageRoot(parsed.packageName, baseDir);
+	if (!packageRoot) return null;
+	const packageJson = JSON.parse(readFileSync(path.join(packageRoot, "package.json"), "utf8"));
+	const exportTarget = resolveExportTarget(packageJson.exports, parsed.subpath);
+	if (exportTarget) return resolveFileCandidate(path.join(packageRoot, exportTarget)) ?? null;
+	if (parsed.subpath === ".") {
+		const entry = packageJson.module ?? packageJson.main;
+		if (entry) return resolveFileCandidate(path.join(packageRoot, entry));
+	}
+	return resolveFileCandidate(path.join(packageRoot, parsed.subpath));
+};
+const resolveImportSpecifier = (specifier, options) => {
+	if (!options.baseDir) return specifier;
+	const resolved = resolveFromBaseDir(specifier, options.baseDir);
+	return resolved ? pathToFileURL(resolved).href : specifier;
+};
+const extractSymbolAttributes = (svgMarkup) => {
+	const openingAttributes = SVG_OPEN_RE.exec(svgMarkup)?.[1];
+	if (!openingAttributes) return "";
+	const attributes = [];
+	for (const [, name, value] of openingAttributes.matchAll(SVG_ATTR_RE)) {
+		if (OMITTED_SVG_ATTRIBUTES.has(name)) continue;
+		attributes.push(`${name}=${value}`);
+	}
+	return attributes.join(" ");
+};
+const pickExport = (moduleExports, exportName) => {
+	if (exportName === "default") return moduleExports.default;
+	return moduleExports[exportName] ?? moduleExports.default;
+};
+const isRenderableComponent = (value) => {
+	if (typeof value === "function") return true;
+	if (!value || typeof value !== "object") return false;
+	return "$$typeof" in value;
+};
+const isFontAwesomeIconDefinition = (value) => {
+	if (!value || typeof value !== "object") return false;
+	const icon = value.icon;
+	if (!Array.isArray(icon) || icon.length < 5) return false;
+	return typeof icon[0] === "number" && typeof icon[1] === "number";
+};
+const renderFontAwesomeIconDefinition = (iconDefinition) => {
+	const [width, height, , , svgPathData] = iconDefinition.icon;
+	return {
+		symbolBody: (Array.isArray(svgPathData) ? svgPathData : [svgPathData]).map((d) => `<path d="${d}"/>`).join(""),
+		viewBox: `0 0 ${width} ${height}`,
+		symbolAttributes: ""
+	};
+};
+const renderIcon = async (pack, exportName, options = {}) => {
+	const iconComponent = pickExport(await import(resolveImportSpecifier(resolveIconImport(pack, exportName), options)), exportName);
+	if (isFontAwesomeIconDefinition(iconComponent)) return renderFontAwesomeIconDefinition(iconComponent);
+	if (!isRenderableComponent(iconComponent)) throw new Error(`[react-icons-sprite] Unable to render icon "${exportName}" from "${pack}". Expected a React component export.`);
+	const svgMarkup = renderToStaticMarkup(createElement(iconComponent));
+	const svgInner = SVG_INNER_RE.exec(svgMarkup)?.[1];
+	if (!svgInner) throw new Error(`[react-icons-sprite] Unable to extract SVG content for "${exportName}" from "${pack}".`);
+	return {
+		symbolBody: svgInner,
+		viewBox: VIEWBOX_RE.exec(svgMarkup)?.[1] ?? "0 0 24 24",
+		symbolAttributes: extractSymbolAttributes(svgMarkup)
+	};
+};
+//#endregion
+//#region src/sprite/build-sprite.ts
+const buildSprite = async (icons, options = {}) => {
+	if (!icons.length) return "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"display:none\"></svg>";
+	return `<svg xmlns="http://www.w3.org/2000/svg" style="display:none">${(await Promise.all(icons.map(async ({ pack, exportName }) => {
+		const rendered = await renderIcon(pack, exportName, { baseDir: options.baseDir });
+		const id = computeIconId(pack, exportName);
+		const symbolAttributes = rendered.symbolAttributes ? ` ${rendered.symbolAttributes}` : "";
+		return `<symbol id="${id}" viewBox="${rendered.viewBox}"${symbolAttributes}>${rendered.symbolBody}</symbol>`;
+	}))).join("")}</svg>`;
+};
+//#endregion
+export { buildSprite as t };

package/dist/{collector-wdoob7qt.mjs → collector-YV25X1xI.mjs}

@@ -1,4 +1,4 @@
-import { i as createCollector } from "./compute-icon-id-DKiwIqyH.mjs";
+import { i as createCollector } from "./compute-icon-id-B590yK7l.mjs";
 //#region src/collector.ts
 const collector = createCollector();
 //#endregion

package/dist/{compute-icon-id-DKiwIqyH.mjs → compute-icon-id-B590yK7l.mjs}

@@ -43,15 +43,18 @@ const DEFAULT_ICON_SOURCES = [
 	/^@mui\/icons-material(?:\/.*)?$/,
 	/^@carbon\/icons-react$/
 ];
+const phosphorIconPathName = (name) => name.endsWith("Icon") ? name.slice(0, -4) : name;
 const exactResolvers = {
-	"lucide-react": (pack, name) => `${pack}/dist/esm/icons/${kebabCase(name)}.js`,
-	"@radix-ui/react-icons": (pack, name) => `${pack}/${name}`,
+	"lucide-react": (pack, name) => `${pack}/dist/esm/icons/${kebabCase(name)}.mjs`,
+	"@radix-ui/react-icons": (pack) => `${pack}/dist/react-icons.esm.js`,
 	"@tabler/icons-react": (pack, name) => `${pack}/dist/esm/icons/${name}.mjs`,
-	"@phosphor-icons/react": (pack, name) => `${pack}/dist/ssr/${name}.es.js`,
+	"@phosphor-icons/react": (pack, name) => `${pack}/dist/ssr/${phosphorIconPathName(name)}`,
 	"phosphor-react": (pack, name) => `${pack}/dist/icons/${name}.esm.js`,
-	"react-feather": (pack, name) => `${pack}/dist/icons/${kebabCase(name)}`,
-	"react-bootstrap-icons": (pack, name) => `${pack}/dist/icons/${kebabCase(name)}`,
-	"@carbon/icons-react": (pack, name) => `${pack}/lib/${name}.js`
+	"react-bootstrap-icons": (pack, name) => `${pack}/dist/icons/${kebabCase(name)}.js`,
+	"react-feather": (pack, name) => `${pack}/dist/icons/${kebabCase(name)}.js`,
+	"grommet-icons": (pack, name) => `${pack}/icons/${name}.js`,
+	"devicons-react": (pack, name) => `${pack}/icons/${name}`,
+	"@carbon/icons-react": (pack, name) => `${pack}/es/${name}.js`
 };
 const resolveIconImport = (pack, exportName) => {
 	const exactResolver = exactResolvers[pack];

package/dist/{transform-module-Dn8lfegG.mjs → transform-module-zJo6_2rz.mjs}

@@ -1,4 +1,4 @@
-import { n as DEFAULT_ICON_SOURCES, t as computeIconId } from "./compute-icon-id-DKiwIqyH.mjs";
+import { n as DEFAULT_ICON_SOURCES, t as computeIconId } from "./compute-icon-id-B590yK7l.mjs";
 import MagicString from "magic-string";
 //#region src/transform/edit-applier.ts
 const applyEdits = (code, edits) => {
@@ -10,6 +10,36 @@ const applyEdits = (code, edits) => {
 	}
 	return magicString;
 };
+const editStart = (edit) => {
+	return edit.type === "insert" ? edit.pos : edit.from;
+};
+const applyEditsToString = (code, edits) => {
+	if (!edits.length) return code;
+	const orderedEdits = [...edits].sort((left, right) => {
+		const startDelta = editStart(left) - editStart(right);
+		if (startDelta !== 0) return startDelta;
+		if (left.type === "insert" && right.type !== "insert") return 1;
+		if (left.type !== "insert" && right.type === "insert") return -1;
+		return 0;
+	});
+	let result = "";
+	let cursor = 0;
+	for (const edit of orderedEdits) {
+		if (edit.type === "insert") {
+			if (edit.pos <= cursor) {
+				result += edit.value;
+				continue;
+			}
+			result += code.slice(cursor, edit.pos) + edit.value;
+			cursor = edit.pos;
+			continue;
+		}
+		result += code.slice(cursor, edit.from);
+		if (edit.type === "replace") result += edit.value;
+		cursor = edit.to;
+	}
+	return result + code.slice(cursor);
+};
 //#endregion
 //#region src/transform/edit-builder.ts
 const buildEdits = (usages, componentName, usedSymbols, register) => {
@@ -160,25 +190,43 @@ const scanSpriteIconImport = (code) => {
 const escapeRegExp = (value) => {
 	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 };
+const isIdentifierStart = (char) => {
+	return char !== void 0 && (char >= "A" && char <= "Z" || char >= "a" && char <= "z" || char === "_" || char === "$");
+};
+const isIdentifierPart = (char) => {
+	return char !== void 0 && (isIdentifierStart(char) || char >= "0" && char <= "9");
+};
+const isWhitespace = (char) => {
+	return char === " " || char === "	" || char === "\n" || char === "\r" || char === "\f";
+};
 const scanJsxIconUsages = (code, symbols) => {
 	if (!symbols.size) return [];
-	const names = [...symbols.keys()].map(escapeRegExp).join("|");
-	const tagRe = new RegExp(`<\\s*(/?)\\s*(${names})\\b`, "g");
 	const usages = [];
-	for (const match of code.matchAll(tagRe)) {
-		const [, closing, local] = match;
+	for (let index = 0; index < code.length; index += 1) {
+		if (code.charCodeAt(index) !== 60) continue;
+		let cursor = index + 1;
+		while (isWhitespace(code[cursor])) cursor += 1;
+		const closing = code[cursor] === "/";
+		if (closing) {
+			cursor += 1;
+			while (isWhitespace(code[cursor])) cursor += 1;
+		}
+		if (!isIdentifierStart(code[cursor])) continue;
+		const localStart = cursor;
+		cursor += 1;
+		while (isIdentifierPart(code[cursor])) cursor += 1;
+		const local = code.slice(localStart, cursor);
 		const symbol = symbols.get(local);
 		if (!symbol) continue;
-		const localStart = match.index + match[0].lastIndexOf(local);
 		const kind = closing ? "closing" : "opening";
 		let hasIconId = false;
 		if (!closing) {
-			const tagEnd = findJsxOpeningTagEnd(code, localStart + local.length);
-			hasIconId = tagEnd !== -1 && /\biconId\s*=/.test(code.slice(localStart + local.length, tagEnd));
+			const tagEnd = findJsxOpeningTagEnd(code, cursor);
+			hasIconId = tagEnd !== -1 && hasIconIdAttribute(code, cursor, tagEnd);
 		}
 		usages.push({
 			local,
-			range: [localStart, localStart + local.length],
+			range: [localStart, cursor],
 			pack: symbol.pack,
 			exportName: symbol.exportName,
 			kind,
@@ -187,6 +235,16 @@ const scanJsxIconUsages = (code, symbols) => {
 	}
 	return usages;
 };
+const hasIconIdAttribute = (code, start, end) => {
+	for (let index = start; index < end; index += 1) {
+		if (code.charCodeAt(index) !== 105 || code.charCodeAt(index + 1) !== 99 || code.charCodeAt(index + 2) !== 111 || code.charCodeAt(index + 3) !== 110 || code.charCodeAt(index + 4) !== 73 || code.charCodeAt(index + 5) !== 100) continue;
+		if (isIdentifierPart(code[index - 1]) || isIdentifierPart(code[index + 6])) continue;
+		let cursor = index + 6;
+		while (isWhitespace(code[cursor])) cursor += 1;
+		if (code[cursor] === "=") return true;
+	}
+	return false;
+};
 const findJsxOpeningTagEnd = (code, start) => {
 	let quote = null;
 	let braceDepth = 0;
@@ -351,7 +409,10 @@ const transformModule = (code, id, register, sources = DEFAULT_ICON_SOURCES, opt
 		map: null,
 		anyReplacements: false
 	};
-	const spriteIconImport = scanSpriteIconImport(code);
+	const spriteIconImport = code.includes("react-icons-sprite") ? scanSpriteIconImport(code) : {
+		hasImport: false,
+		localName: ICON_COMPONENT_NAME
+	};
 	const usages = scanJsxIconUsages(code, table);
 	const fontAwesomeUsages = hasPotentialFontAwesomeUsage ? scanFontAwesomeUsages(code, table, scanFontAwesomeComponents(code)) : [];
 	if (!usages.length && !fontAwesomeUsages.length) return {
@@ -389,13 +450,19 @@ const transformModule = (code, id, register, sources = DEFAULT_ICON_SOURCES, opt
 		}
 	}
 	const cleanupEdits = cleanupScannedImports(code, scannedImports, used);
-	const cleanupFontAwesomeEdits = cleanupScannedFontAwesomeComponentImports(code, usedFontAwesomeComponents);
-	const magicString = applyEdits(code, [
+	const cleanupFontAwesomeEdits = usedFontAwesomeComponents.size ? cleanupScannedFontAwesomeComponentImports(code, usedFontAwesomeComponents) : [];
+	const allEdits = [
 		...edits,
 		...cleanupEdits,
 		...cleanupFontAwesomeEdits
-	]);
+	];
 	const importPrefix = `import { ${ICON_COMPONENT_NAME} } from "${ICON_SOURCE}";\n`;
+	if (!sourceMap) return {
+		code: `${spriteIconImport.hasImport ? "" : importPrefix}${applyEditsToString(code, allEdits)}`,
+		map: null,
+		anyReplacements: true
+	};
+	const magicString = applyEdits(code, allEdits);
 	if (!spriteIconImport.hasImport) magicString.prepend(importPrefix);
 	return {
 		code: magicString.toString(),

package/dist/vite/plugin.mjs

@@ -1,12 +1,13 @@
 import { REACT_ICONS_SPRITE_URL_PLACEHOLDER } from "../index.mjs";
-import { i as createCollector, n as DEFAULT_ICON_SOURCES } from "../compute-icon-id-DKiwIqyH.mjs";
-import { t as buildSprite } from "../build-sprite-BZCizCDt.mjs";
-import { t as transformModule } from "../transform-module-Dn8lfegG.mjs";
+import { i as createCollector, n as DEFAULT_ICON_SOURCES } from "../compute-icon-id-B590yK7l.mjs";
+import { t as buildSprite } from "../build-sprite-j9zt_17z.mjs";
+import { t as transformModule } from "../transform-module-zJo6_2rz.mjs";
 import { createHash } from "node:crypto";
 //#region src/vite/plugin.ts
 const reactIconsSprite = (options = {}) => {
 	const { fileName } = options;
 	const collector = createCollector();
+	let root = process.cwd();
 	return {
 		name: "vite-plugin-react-icons-sprite",
 		enforce: "pre",
@@ -14,6 +15,9 @@ const reactIconsSprite = (options = {}) => {
 		buildStart() {
 			collector.clear();
 		},
+		configResolved(config) {
+			root = config.root;
+		},
 		transform(code, id) {
 			const cleanId = id.split("?", 1)[0];
 			if (!/\.(mjs|cjs|js|jsx|ts|tsx)$/.test(cleanId)) return null;
@@ -32,7 +36,7 @@ const reactIconsSprite = (options = {}) => {
 			}
 		},
 		async generateBundle(_options, bundle) {
-			const spriteXml = await buildSprite(collector.toList());
+			const spriteXml = await buildSprite(collector.toList(), { baseDir: root });
 			const generatedHash = createHash("sha256").update(spriteXml).digest("hex").slice(0, 8);
 			const emitFileOptions = {
 				type: "asset",

package/dist/webpack/loader.mjs

@@ -1,5 +1,5 @@
-import { t as transformModule } from "../transform-module-Dn8lfegG.mjs";
-import { t as collector } from "../collector-wdoob7qt.mjs";
+import { t as transformModule } from "../transform-module-zJo6_2rz.mjs";
+import { t as collector } from "../collector-YV25X1xI.mjs";
 //#region src/webpack/loader.ts
 const reactIconsSpriteLoader = async function(source) {
 	if (this.mode === "development") return source;

package/dist/webpack/plugin.mjs

@@ -1,6 +1,6 @@
 import { REACT_ICONS_SPRITE_URL_PLACEHOLDER } from "../index.mjs";
-import { t as buildSprite } from "../build-sprite-BZCizCDt.mjs";
-import { t as collector } from "../collector-wdoob7qt.mjs";
+import { t as buildSprite } from "../build-sprite-j9zt_17z.mjs";
+import { t as collector } from "../collector-YV25X1xI.mjs";
 import { createHash } from "node:crypto";
 //#region src/webpack/plugin.ts
 var ReactIconsSpriteWebpackPlugin = class {
@@ -18,7 +18,7 @@ var ReactIconsSpriteWebpackPlugin = class {
 				name: pluginName,
 				stage
 			}, async () => {
-				const spriteXml = await buildSprite(collector.toList());
+				const spriteXml = await buildSprite(collector.toList(), { baseDir: compiler.context });
 				const generatedHash = createHash("sha256").update(spriteXml).digest("hex").slice(0, 8);
 				const name = this.fileName ?? `react-icons-sprite-${generatedHash}.svg`;
 				const RawSource = compiler.webpack?.sources?.RawSource;

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://www.schemastore.org/package.json",
   "name": "react-icons-sprite",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0",
   "type": "module",
   "description": "A lightweight Vite, Rsbuild and Webpack plugin for react-icons that builds a single SVG sprite and rewrites icons to <use>, reducing bundle size and runtime overhead.",
   "author": "Jure Rotar <hello@jurerotar.com>",
@@ -71,7 +71,7 @@
     "@carbon/icons-react": "11.81.0",
     "@types/node": "25.9.1",
     "@types/react-dom": "19.2.3",
-    "@typescript/native-preview": "7.0.0-dev.20260521.1",
+    "@typescript/native-preview": "7.0.0-dev.20260522.1",
     "react": "19.2.6",
     "react-dom": "19.2.6",
     "tsdown": "0.22.0",

package/dist/build-sprite-BZCizCDt.mjs

@@ -1,73 +0,0 @@
-import { r as resolveIconImport, t as computeIconId } from "./compute-icon-id-DKiwIqyH.mjs";
-import { createElement } from "react";
-import { renderToStaticMarkup } from "react-dom/server";
-//#region src/sprite/render-icon.ts
-const SVG_INNER_RE = /<svg\b[^>]*>([\s\S]*?)<\/svg>/i;
-const VIEWBOX_RE = /viewBox=["']([^"']+)["']/i;
-const SVG_OPEN_RE = /<svg\b([^>]*)>/i;
-const SVG_ATTR_RE = /([:\w-]+)=("[^"]*"|'[^']*')/g;
-const OMITTED_SVG_ATTRIBUTES = new Set([
-	"xmlns",
-	"viewBox",
-	"width",
-	"height"
-]);
-const extractSymbolAttributes = (svgMarkup) => {
-	const openingAttributes = SVG_OPEN_RE.exec(svgMarkup)?.[1];
-	if (!openingAttributes) return "";
-	const attributes = [];
-	for (const [, name, value] of openingAttributes.matchAll(SVG_ATTR_RE)) {
-		if (OMITTED_SVG_ATTRIBUTES.has(name)) continue;
-		attributes.push(`${name}=${value}`);
-	}
-	return attributes.join(" ");
-};
-const pickExport = (moduleExports, exportName) => {
-	if (exportName === "default") return moduleExports.default;
-	return moduleExports[exportName] ?? moduleExports.default;
-};
-const isRenderableComponent = (value) => {
-	if (typeof value === "function") return true;
-	if (!value || typeof value !== "object") return false;
-	return "$$typeof" in value;
-};
-const isFontAwesomeIconDefinition = (value) => {
-	if (!value || typeof value !== "object") return false;
-	const icon = value.icon;
-	if (!Array.isArray(icon) || icon.length < 5) return false;
-	return typeof icon[0] === "number" && typeof icon[1] === "number";
-};
-const renderFontAwesomeIconDefinition = (iconDefinition) => {
-	const [width, height, , , svgPathData] = iconDefinition.icon;
-	return {
-		symbolBody: (Array.isArray(svgPathData) ? svgPathData : [svgPathData]).map((d) => `<path d="${d}"/>`).join(""),
-		viewBox: `0 0 ${width} ${height}`,
-		symbolAttributes: ""
-	};
-};
-const renderIcon = async (pack, exportName) => {
-	const iconComponent = pickExport(await import(resolveIconImport(pack, exportName)), exportName);
-	if (isFontAwesomeIconDefinition(iconComponent)) return renderFontAwesomeIconDefinition(iconComponent);
-	if (!isRenderableComponent(iconComponent)) throw new Error(`[react-icons-sprite] Unable to render icon "${exportName}" from "${pack}". Expected a React component export.`);
-	const svgMarkup = renderToStaticMarkup(createElement(iconComponent));
-	const svgInner = SVG_INNER_RE.exec(svgMarkup)?.[1];
-	if (!svgInner) throw new Error(`[react-icons-sprite] Unable to extract SVG content for "${exportName}" from "${pack}".`);
-	return {
-		symbolBody: svgInner,
-		viewBox: VIEWBOX_RE.exec(svgMarkup)?.[1] ?? "0 0 24 24",
-		symbolAttributes: extractSymbolAttributes(svgMarkup)
-	};
-};
-//#endregion
-//#region src/sprite/build-sprite.ts
-const buildSprite = async (icons) => {
-	if (!icons.length) return "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"display:none\"></svg>";
-	return `<svg xmlns="http://www.w3.org/2000/svg" style="display:none">${(await Promise.all(icons.map(async ({ pack, exportName }) => {
-		const rendered = await renderIcon(pack, exportName);
-		const id = computeIconId(pack, exportName);
-		const symbolAttributes = rendered.symbolAttributes ? ` ${rendered.symbolAttributes}` : "";
-		return `<symbol id="${id}" viewBox="${rendered.viewBox}"${symbolAttributes}>${rendered.symbolBody}</symbol>`;
-	}))).join("")}</svg>`;
-};
-//#endregion
-export { buildSprite as t };