react-icons-sprite 1.0.1 → 1.1.0

package/dist/{build-sprite-DgeWMz2D.mjs → build-sprite-CxqvU2LE.mjs}

@@ -1,4 +1,4 @@
-import { i as resolveIconImport, t as computeIconId } from "./compute-icon-id-CVIo3z9m.mjs";
+import { i as resolveIconImport, t as computeIconId } from "./compute-icon-id-Xx4G3fva.mjs";
 import { existsSync, readFileSync } from "node:fs";
 import path from "node:path";
 import { pathToFileURL } from "node:url";
@@ -9,7 +9,7 @@ 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([
+const OMITTED_SVG_ATTRIBUTES = /* @__PURE__ */ new Set([
 	"xmlns",
 	"viewBox",
 	"width",
@@ -74,7 +74,10 @@ const resolveFromBaseDir = (specifier, 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 (exportTarget) {
+		const resolved = resolveFileCandidate(path.join(packageRoot, exportTarget));
+		if (resolved) return resolved;
+	}
 	if (parsed.subpath === ".") {
 		const entry = packageJson.module ?? packageJson.main;
 		if (entry) return resolveFileCandidate(path.join(packageRoot, entry));
@@ -100,6 +103,11 @@ const pickExport = (moduleExports, exportName) => {
 	if (exportName === "default") return moduleExports.default;
 	return moduleExports[exportName] ?? moduleExports.default;
 };
+const unwrapNestedDefaultExport = (value) => {
+	if (!value || typeof value !== "object" || !("default" in value)) return value;
+	if ("$$typeof" in value) return value;
+	return value.default;
+};
 const isRenderableComponent = (value) => {
 	if (typeof value === "function") return true;
 	if (!value || typeof value !== "object") return false;
@@ -111,6 +119,13 @@ const isFontAwesomeIconDefinition = (value) => {
 	if (!Array.isArray(icon) || icon.length < 5) return false;
 	return typeof icon[0] === "number" && typeof icon[1] === "number";
 };
+const isHugeiconsIconDefinition = (value) => {
+	if (!Array.isArray(value)) return false;
+	return value.every((item) => {
+		if (!Array.isArray(item) || item.length < 2) return false;
+		return typeof item[0] === "string" && typeof item[1] === "object";
+	});
+};
 const renderFontAwesomeIconDefinition = (iconDefinition) => {
 	const [width, height, , , svgPathData] = iconDefinition.icon;
 	return {
@@ -119,9 +134,36 @@ const renderFontAwesomeIconDefinition = (iconDefinition) => {
 		symbolAttributes: ""
 	};
 };
+const renderHugeiconsIconDefinition = (iconDefinition) => {
+	const svgMarkup = renderToStaticMarkup(createElement("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		color: "currentColor"
+	}, [...iconDefinition].sort(([, a], [, b]) => {
+		const hasOpacityA = a.opacity !== void 0;
+		return b.opacity !== void 0 ? 1 : hasOpacityA ? -1 : 0;
+	}).map(([tag, attributes]) => {
+		const { key, ...rest } = attributes;
+		return createElement(tag, {
+			...rest,
+			key
+		});
+	})));
+	const svgInner = SVG_INNER_RE.exec(svgMarkup)?.[1];
+	if (!svgInner) throw new Error("[react-icons-sprite] Unable to extract SVG content for Hugeicons icon.");
+	return {
+		symbolBody: svgInner,
+		viewBox: "0 0 24 24",
+		symbolAttributes: extractSymbolAttributes(svgMarkup)
+	};
+};
 const renderIcon = async (pack, exportName, options = {}) => {
-	const iconComponent = pickExport(await import(resolveImportSpecifier(resolveIconImport(pack, exportName), options)), exportName);
+	const importPath = resolveIconImport(pack, exportName);
+	const imported = await import(resolveImportSpecifier(importPath, options));
+	const iconComponent = unwrapNestedDefaultExport(pickExport(imported, exportName));
 	if (isFontAwesomeIconDefinition(iconComponent)) return renderFontAwesomeIconDefinition(iconComponent);
+	if (isHugeiconsIconDefinition(iconComponent)) return renderHugeiconsIconDefinition(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];

package/dist/{collector-DxE_zcTH.mjs → collector-CBRz9R_h.mjs}

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

package/dist/{compute-icon-id-CVIo3z9m.mjs → compute-icon-id-Xx4G3fva.mjs}

@@ -41,9 +41,16 @@ const DEFAULT_ICON_SOURCES = [
 	/^@remixicon\/react$/,
 	/^devicons-react$/,
 	/^@mui\/icons-material(?:\/.*)?$/,
-	/^@carbon\/icons-react$/
+	/^@carbon\/icons-react$/,
+	/^@ant-design\/icons(?:\/.*)?$/,
+	/^@fluentui\/react-icons(?:\/svg\/[\w-]+)?$/,
+	/^@primer\/octicons-react$/,
+	/^@hugeicons\/core-free-icons(?:\/.*)?$/
 ];
 const phosphorIconPathName = (name) => name.endsWith("Icon") ? name.slice(0, -4) : name;
+const fluentIconPathName = (name) => {
+	return kebabCase(name.replace(/(?:12|16|20|24|28|32|48)?(?:Regular|Filled|Light|Resizable|Color)$/, ""));
+};
 const exactResolvers = {
 	"lucide-react": (pack, name) => `${pack}/dist/esm/icons/${kebabCase(name)}.mjs`,
 	"@radix-ui/react-icons": (pack) => `${pack}/dist/react-icons.esm.js`,
@@ -54,12 +61,20 @@ const exactResolvers = {
 	"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`
+	"@carbon/icons-react": (pack, name) => `${pack}/es/${name}.js`,
+	"@ant-design/icons": (pack, name) => `${pack}/lib/icons/${name}.js`,
+	"@fluentui/react-icons": (pack, name) => `${pack}/lib-cjs/atoms/svg/${fluentIconPathName(name)}.js`,
+	"@primer/octicons-react": (pack) => pack,
+	"@hugeicons/core-free-icons": (pack, name) => `${pack}/${name}`
 };
 const resolveIconImport = (pack, exportName) => {
 	const exactResolver = exactResolvers[pack];
 	if (exactResolver) return exactResolver(pack, exportName);
 	if (/^@mui\/icons-material(?:\/.*)?$/.test(pack)) return pack.split("/").length > 2 ? pack : `${pack}/${exportName}`;
+	if (/^@ant-design\/icons\/.+$/.test(pack)) return `@ant-design/icons/lib/icons/${exportName === "default" ? pack.split("/").at(-1) : exportName}.js`;
+	const fluentSubpath = /^@fluentui\/react-icons\/svg\/(.+)$/.exec(pack);
+	if (fluentSubpath) return `@fluentui/react-icons/lib-cjs/atoms/svg/${fluentSubpath[1]}.js`;
+	if (/^@hugeicons\/core-free-icons\/.+$/.test(pack)) return pack;
 	if (/^@heroicons\/react\/(?:\d{2})\/(?:outline|solid)$/.test(pack)) return `${pack}/${exportName}`;
 	if (/^@fortawesome\/[\w-]+-svg-icons$/.test(pack)) return `${pack}/${exportName}`;
 	return pack;

package/dist/icon.d.mts

@@ -1,12 +1,8 @@
 import { JSX, SVGProps } from "react";
-
 //#region src/icon.d.ts
 type IconProps = SVGProps<SVGSVGElement> & {
   iconId: string;
 };
-declare const ReactIconsSpriteIcon: ({
-  iconId,
-  ...rest
-}: IconProps) => JSX.Element;
+declare const ReactIconsSpriteIcon: ({ iconId, ...rest }: IconProps) => JSX.Element;
 //#endregion
 export { IconProps, ReactIconsSpriteIcon };

package/dist/index.d.mts

@@ -1,5 +1,4 @@
 import { ReactIconsSpriteIcon } from "./icon.mjs";
-
 //#region src/index.d.ts
 declare const REACT_ICONS_SPRITE_URL_PLACEHOLDER = "__SPRITE_URL_PLACEHOLDER__";
 //#endregion

package/dist/{transform-module-CIpNj5Na.mjs → transform-module-1am5uV8-.mjs}

@@ -1,4 +1,4 @@
-import { n as normalizePackAlias, r as DEFAULT_ICON_SOURCES } from "./compute-icon-id-CVIo3z9m.mjs";
+import { n as normalizePackAlias, r as DEFAULT_ICON_SOURCES } from "./compute-icon-id-Xx4G3fva.mjs";
 import MagicString from "magic-string";
 //#region src/transform/edit-applier.ts
 const applyEdits = (code, edits) => {
@@ -52,9 +52,13 @@ const fastFilter = (code) => {
 const ICON_SOURCE = "react-icons-sprite";
 const ICON_COMPONENT_NAME = "ReactIconsSpriteIcon";
 const FONTAWESOME_REACT_PACK = "@fortawesome/react-fontawesome";
+const HUGEICONS_REACT_PACK = "@hugeicons/react";
 const isFontAwesomeIconPack = (pack) => {
 	return /^@fortawesome\/[\w-]+-svg-icons$/.test(pack);
 };
+const isHugeiconsIconPack = (pack) => {
+	return /^@hugeicons\/core-free-icons(?:\/.*)?$/.test(pack);
+};
 const sourceMatches = (source, pack) => {
 	source.lastIndex = 0;
 	return source.test(pack);
@@ -74,7 +78,8 @@ const parseNamedSpecifiers = (specifier, specifierOffset, imports) => {
 	let segmentStart = start + 1;
 	for (let index = start + 1; index <= end; index += 1) {
 		if (index !== end && specifier[index] !== ",") continue;
-		const range = trimRange(specifier.slice(segmentStart, index), specifierOffset + segmentStart);
+		const segment = specifier.slice(segmentStart, index);
+		const range = trimRange(segment, specifierOffset + segmentStart);
 		segmentStart = index + 1;
 		if (!range) continue;
 		const text = specifier.slice(range[0] - specifierOffset, range[1] - specifierOffset);
@@ -111,7 +116,8 @@ const scanImportsDetailed = (code, sources) => {
 		const specifierOffset = matchStart + statement.indexOf(specifier);
 		const specifiers = [];
 		const braceStart = specifier.indexOf("{");
-		const defaultRange = trimRange((braceStart === -1 ? specifier : specifier.slice(0, braceStart)).replace(/,$/, ""), specifierOffset);
+		const defaultText = (braceStart === -1 ? specifier : specifier.slice(0, braceStart)).replace(/,$/, "");
+		const defaultRange = trimRange(defaultText, specifierOffset);
 		if (defaultRange && !specifier.slice(defaultRange[0] - specifierOffset, defaultRange[1] - specifierOffset).startsWith("type ")) {
 			const local = specifier.slice(defaultRange[0] - specifierOffset, defaultRange[1] - specifierOffset);
 			if (local && /^[A-Za-z_$][\w$]*$/.test(local)) specifiers.push({
@@ -307,6 +313,47 @@ const scanFontAwesomeUsages = (code, symbols, componentLocals) => {
 	}
 	return usages;
 };
+const scanHugeiconsComponents = (code) => {
+	const locals = /* @__PURE__ */ new Set();
+	IMPORT_RE.lastIndex = 0;
+	for (const match of code.matchAll(IMPORT_RE)) {
+		const [, specifier, , source] = match;
+		if (source !== HUGEICONS_REACT_PACK) continue;
+		const specifiers = [];
+		parseNamedSpecifiers(specifier, match.index + match[0].indexOf(specifier), specifiers);
+		for (const item of specifiers) if (item.exportName === "HugeiconsIcon") locals.add(item.local);
+	}
+	return locals;
+};
+const scanHugeiconsUsages = (code, symbols, componentLocals) => {
+	if (!componentLocals.size) return [];
+	const names = [...componentLocals].map(escapeRegExp).join("|");
+	const tagRe = new RegExp(`<\\s*(${names})\\b`, "g");
+	const usages = [];
+	for (const match of code.matchAll(tagRe)) {
+		const componentLocal = match[1];
+		const componentStart = match.index + match[0].lastIndexOf(componentLocal);
+		const tagEnd = findJsxOpeningTagEnd(code, componentStart + componentLocal.length);
+		if (tagEnd === -1) continue;
+		const attributes = code.slice(componentStart + componentLocal.length, tagEnd);
+		const iconMatch = /\sicon\s*=\s*\{\s*([A-Za-z_$][\w$]*)\s*\}/.exec(attributes);
+		if (!iconMatch || iconMatch.index === void 0) continue;
+		const symbol = symbols.items[iconMatch[1]];
+		if (!symbol || !isHugeiconsIconPack(symbol.pack)) continue;
+		const attributeStart = componentStart + componentLocal.length + iconMatch.index;
+		usages.push({
+			componentLocal,
+			componentRange: [componentStart, componentStart + componentLocal.length],
+			iconAttributeRange: [attributeStart, attributeStart + iconMatch[0].length],
+			iconLocal: iconMatch[1],
+			pack: symbol.pack,
+			exportName: symbol.exportName,
+			iconId: symbol.iconId,
+			hasIconId: /\biconId\s*=/.test(attributes)
+		});
+	}
+	return usages;
+};
 const cleanupScannedImports = (code, imports, usedLocals) => {
 	const edits = [];
 	for (const item of imports) {
@@ -360,6 +407,35 @@ const cleanupScannedFontAwesomeComponentImports = (code, usedLocals) => {
 	}
 	return edits;
 };
+const cleanupScannedHugeiconsComponentImports = (code, usedLocals) => {
+	const edits = [];
+	IMPORT_RE.lastIndex = 0;
+	for (const match of code.matchAll(IMPORT_RE)) {
+		const [statement, specifier, , source] = match;
+		if (source !== HUGEICONS_REACT_PACK) continue;
+		const specifiers = [];
+		parseNamedSpecifiers(specifier, match.index + statement.indexOf(specifier), specifiers);
+		const removableSpecifiers = specifiers.filter((item) => item.exportName === "HugeiconsIcon" && usedLocals.has(item.local));
+		if (!removableSpecifiers.length) continue;
+		if (removableSpecifiers.length === specifiers.length) {
+			edits.push({
+				type: "remove",
+				from: match.index,
+				to: extendToLineEnd(code, match.index + statement.length)
+			});
+			continue;
+		}
+		for (const specifier of removableSpecifiers) {
+			const [from, to] = specifierRemovalRange(code, specifier.range);
+			edits.push({
+				type: "remove",
+				from,
+				to
+			});
+		}
+	}
+	return edits;
+};
 const extendToLineEnd = (code, end) => {
 	let to = end;
 	while (to < code.length) {
@@ -404,6 +480,7 @@ const transformModule = (code, id, register, sources = DEFAULT_ICON_SOURCES, opt
 		anyReplacements: false
 	};
 	const hasPotentialFontAwesomeUsage = code.includes(FONTAWESOME_REACT_PACK) && scannedImports.some((item) => isFontAwesomeIconPack(item.pack));
+	const hasPotentialHugeiconsUsage = code.includes(HUGEICONS_REACT_PACK) && scannedImports.some((item) => isHugeiconsIconPack(item.pack));
 	const table = buildScannedSymbolTable(scannedImports);
 	if (!table.size) return {
 		code,
@@ -416,9 +493,11 @@ const transformModule = (code, id, register, sources = DEFAULT_ICON_SOURCES, opt
 	};
 	const used = /* @__PURE__ */ new Set();
 	const usedFontAwesomeComponents = /* @__PURE__ */ new Set();
+	const usedHugeiconsComponents = /* @__PURE__ */ new Set();
 	const jsxScan = scanJsxIconEdits(code, table, spriteIconImport.localName, used, register, code.includes("iconId"));
 	const fontAwesomeUsages = hasPotentialFontAwesomeUsage ? scanFontAwesomeUsages(code, table, scanFontAwesomeComponents(code)) : [];
-	if (jsxScan.count === 0 && !fontAwesomeUsages.length) return {
+	const hugeiconsUsages = hasPotentialHugeiconsUsage ? scanHugeiconsUsages(code, table, scanHugeiconsComponents(code)) : [];
+	if (jsxScan.count === 0 && !fontAwesomeUsages.length && !hugeiconsUsages.length) return {
 		code,
 		map: null,
 		anyReplacements: false
@@ -450,13 +529,41 @@ const transformModule = (code, id, register, sources = DEFAULT_ICON_SOURCES, opt
 			register(usage.pack, usage.exportName);
 		}
 	}
+	const registeredHugeiconsIcons = /* @__PURE__ */ new Set();
+	for (const usage of hugeiconsUsages) {
+		edits.push({
+			type: "replace",
+			from: usage.componentRange[0],
+			to: usage.componentRange[1],
+			value: spriteIconImport.localName
+		});
+		if (!usage.hasIconId) edits.push({
+			type: "insert",
+			pos: usage.componentRange[1],
+			value: ` iconId="${usage.iconId}"`
+		});
+		edits.push({
+			type: "remove",
+			from: usage.iconAttributeRange[0],
+			to: consumeTrailingWhitespace(code, usage.iconAttributeRange[1])
+		});
+		used.add(usage.iconLocal);
+		usedHugeiconsComponents.add(usage.componentLocal);
+		const key = `${usage.pack}:${usage.exportName}`;
+		if (!registeredHugeiconsIcons.has(key)) {
+			registeredHugeiconsIcons.add(key);
+			register(usage.pack, usage.exportName);
+		}
+	}
 	const cleanupEdits = cleanupScannedImports(code, scannedImports, used);
 	const cleanupFontAwesomeEdits = usedFontAwesomeComponents.size ? cleanupScannedFontAwesomeComponentImports(code, usedFontAwesomeComponents) : [];
-	const canUsePresortedEdits = cleanupFontAwesomeEdits.length === 0;
+	const cleanupHugeiconsEdits = usedHugeiconsComponents.size ? cleanupScannedHugeiconsComponentImports(code, usedHugeiconsComponents) : [];
+	const canUsePresortedEdits = cleanupFontAwesomeEdits.length === 0 && cleanupHugeiconsEdits.length === 0;
 	const allEdits = canUsePresortedEdits ? [...cleanupEdits, ...edits] : [
 		...edits,
 		...cleanupEdits,
-		...cleanupFontAwesomeEdits
+		...cleanupFontAwesomeEdits,
+		...cleanupHugeiconsEdits
 	];
 	const importPrefix = `import { ${ICON_COMPONENT_NAME} } from "${ICON_SOURCE}";\n`;
 	if (!sourceMap) return {

package/dist/vite/plugin.d.mts

@@ -1,5 +1,4 @@
 import { Plugin } from "vite";
-
 //#region src/vite/plugin.d.ts
 type ReactIconsSpriteVitePluginOptions = {
   /**

package/dist/vite/plugin.mjs

@@ -1,7 +1,7 @@
 import { REACT_ICONS_SPRITE_URL_PLACEHOLDER } from "../index.mjs";
-import { a as createCollector, r as DEFAULT_ICON_SOURCES } from "../compute-icon-id-CVIo3z9m.mjs";
-import { t as buildSprite } from "../build-sprite-DgeWMz2D.mjs";
-import { t as transformModule } from "../transform-module-CIpNj5Na.mjs";
+import { a as createCollector, r as DEFAULT_ICON_SOURCES } from "../compute-icon-id-Xx4G3fva.mjs";
+import { t as buildSprite } from "../build-sprite-CxqvU2LE.mjs";
+import { t as transformModule } from "../transform-module-1am5uV8-.mjs";
 import { createHash } from "node:crypto";
 //#region src/vite/plugin.ts
 const reactIconsSprite = (options = {}) => {

package/dist/webpack/loader.d.mts

@@ -1,5 +1,4 @@
 import { LoaderDefinitionFunction } from "webpack";
-
 //#region src/webpack/loader.d.ts
 declare const reactIconsSpriteLoader: LoaderDefinitionFunction;
 //#endregion

package/dist/webpack/loader.mjs

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

package/dist/webpack/plugin.d.mts

@@ -1,5 +1,4 @@
 import { Compiler } from "webpack";
-
 //#region src/webpack/plugin.d.ts
 type ReactIconsSpriteWebpackPluginOptions = {
   /**

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-DgeWMz2D.mjs";
-import { t as collector } from "../collector-DxE_zcTH.mjs";
+import { t as buildSprite } from "../build-sprite-CxqvU2LE.mjs";
+import { t as collector } from "../collector-CBRz9R_h.mjs";
 import { createHash } from "node:crypto";
 //#region src/webpack/plugin.ts
 var ReactIconsSpriteWebpackPlugin = class {

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://www.schemastore.org/package.json",
   "name": "react-icons-sprite",
-  "version": "1.0.1",
+  "version": "1.1.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>",
@@ -55,12 +55,33 @@
     "format:check": "biome format --no-errors-on-unmatched",
     "lint": "biome lint --write  --no-errors-on-unmatched",
     "lint:check": "biome lint  --no-errors-on-unmatched",
-    "type-check": "tsgo",
+    "type-check": "tsc",
     "test": "vitest",
     "prepublishOnly": "npm run build",
     "release": "npm publish --access public"
   },
   "peerDependencies": {
+    "@ant-design/icons": ">=6",
+    "@carbon/icons-react": ">=11",
+    "@fluentui/react-icons": ">=2",
+    "@fortawesome/free-solid-svg-icons": ">=7",
+    "@fortawesome/react-fontawesome": ">=3",
+    "@heroicons/react": ">=2",
+    "@hugeicons/core-free-icons": ">=4",
+    "@hugeicons/react": ">=1",
+    "@mui/icons-material": ">=9",
+    "@phosphor-icons/react": ">=2",
+    "@primer/octicons-react": ">=19",
+    "@radix-ui/react-icons": ">=1",
+    "@remixicon/react": ">=4",
+    "@tabler/icons-react": ">=3",
+    "devicons-react": ">=1",
+    "grommet-icons": ">=4",
+    "lucide-react": ">=1",
+    "phosphor-react": ">=1",
+    "react-bootstrap-icons": ">=1",
+    "react-feather": ">=2",
+    "react-icons": ">=5",
     "react": ">= 16",
     "react-dom": ">= 16"
   },
@@ -68,17 +89,15 @@
     "magic-string": "0.30.21"
   },
   "devDependencies": {
-    "@carbon/icons-react": "11.81.0",
-    "@types/node": "25.9.1",
+    "@types/node": "26.1.1",
     "@types/react-dom": "19.2.3",
-    "@typescript/native-preview": "7.0.0-dev.20260522.1",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
-    "tsdown": "0.22.0",
-    "typescript": "6.0.3",
-    "vite": "8.0.14",
-    "vitest": "4.1.7",
-    "webpack": "5.107.1"
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "tsdown": "0.22.7",
+    "typescript": "7.0.2",
+    "vite": "8.1.4",
+    "vitest": "4.1.10",
+    "webpack": "5.108.4"
   },
   "keywords": [
     "vite",
@@ -106,11 +125,81 @@
     "@fortawesome/free-solid-svg-icons",
     "@mui/icons-material",
     "@carbon/icons-react",
+    "@ant-design/icons",
+    "@fluentui/react-icons",
+    "@primer/octicons-react",
+    "@hugeicons/react",
+    "@hugeicons/core-free-icons",
     "react",
     "icons",
     "svg",
     "svg-sprite",
     "spritesheet",
     "icon-sprite"
-  ]
+  ],
+  "peerDependenciesMeta": {
+    "@ant-design/icons": {
+      "optional": true
+    },
+    "@carbon/icons-react": {
+      "optional": true
+    },
+    "@fluentui/react-icons": {
+      "optional": true
+    },
+    "@fortawesome/free-solid-svg-icons": {
+      "optional": true
+    },
+    "@fortawesome/react-fontawesome": {
+      "optional": true
+    },
+    "@heroicons/react": {
+      "optional": true
+    },
+    "@hugeicons/core-free-icons": {
+      "optional": true
+    },
+    "@hugeicons/react": {
+      "optional": true
+    },
+    "@mui/icons-material": {
+      "optional": true
+    },
+    "@phosphor-icons/react": {
+      "optional": true
+    },
+    "@primer/octicons-react": {
+      "optional": true
+    },
+    "@radix-ui/react-icons": {
+      "optional": true
+    },
+    "@remixicon/react": {
+      "optional": true
+    },
+    "@tabler/icons-react": {
+      "optional": true
+    },
+    "devicons-react": {
+      "optional": true
+    },
+    "grommet-icons": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    },
+    "phosphor-react": {
+      "optional": true
+    },
+    "react-bootstrap-icons": {
+      "optional": true
+    },
+    "react-feather": {
+      "optional": true
+    },
+    "react-icons": {
+      "optional": true
+    }
+  }
 }