@zeus-js/output-icons 0.1.0-beta.0

package/dist/output-icons.cjs.js

@@ -0,0 +1,421 @@
+/**
+* output-icons v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let node_path = require("node:path");
+node_path = __toESM(node_path, 1);
+//#region packages/web-c/output-icons/src/generateDts.ts
+function generateReactDts(icons) {
+	const lines = [];
+	lines.push(`import type * as React from 'react'`);
+	lines.push("");
+	lines.push(`export interface IconProps extends React.SVGAttributes<SVGSVGElement> {`);
+	lines.push(`  size?: string | number`);
+	lines.push(`  title?: string`);
+	lines.push(`}`);
+	lines.push("");
+	for (const icon of icons) lines.push(`export declare const ${icon.componentName}: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>`);
+	lines.push("");
+	return lines.join("\n");
+}
+function generateVueDts(icons) {
+	const lines = [];
+	lines.push(`import type { DefineComponent } from 'vue'`);
+	lines.push("");
+	lines.push(`export interface IconProps {`);
+	lines.push(`  size?: string | number`);
+	lines.push(`  title?: string`);
+	lines.push(`}`);
+	lines.push("");
+	for (const icon of icons) lines.push(`export declare const ${icon.componentName}: DefineComponent<IconProps>`);
+	lines.push("");
+	return lines.join("\n");
+}
+function generateStaticWcDts(icons) {
+	const lines = [];
+	for (const icon of icons) {
+		const className = `${icon.componentName}Element`;
+		lines.push(`export interface ${className} extends HTMLElement {`);
+		lines.push(`  size?: string`);
+		lines.push(`  label?: string`);
+		lines.push(`}`);
+		lines.push("");
+		lines.push(`export declare const ${icon.componentName}: {`);
+		lines.push(`  new (): ${className}`);
+		lines.push(`}`);
+		lines.push("");
+	}
+	lines.push("declare global {");
+	lines.push("  interface HTMLElementTagNameMap {");
+	for (const icon of icons) lines.push(`    ${JSON.stringify(icon.wcTag)}: ${icon.componentName}Element`);
+	lines.push("  }");
+	lines.push("}");
+	lines.push("");
+	lines.push("export {}");
+	lines.push("");
+	return lines.join("\n");
+}
+//#endregion
+//#region packages/web-c/output-icons/src/svg.ts
+function parseSvg(source) {
+	var _svgMatch$, _svgMatch$2$trim, _svgMatch$2, _ref, _readAttribute;
+	const svgMatch = sanitizeSvg(source).match(/<svg\b([^>]*)>([\s\S]*?)<\/svg>/i);
+	if (!svgMatch) throw new Error("Invalid SVG source. Expected <svg>...</svg>.");
+	const attrs = (_svgMatch$ = svgMatch[1]) !== null && _svgMatch$ !== void 0 ? _svgMatch$ : "";
+	const innerSvg = (_svgMatch$2$trim = (_svgMatch$2 = svgMatch[2]) === null || _svgMatch$2 === void 0 ? void 0 : _svgMatch$2.trim()) !== null && _svgMatch$2$trim !== void 0 ? _svgMatch$2$trim : "";
+	return {
+		viewBox: (_ref = (_readAttribute = readAttribute(attrs, "viewBox")) !== null && _readAttribute !== void 0 ? _readAttribute : readAttribute(attrs, "viewbox")) !== null && _ref !== void 0 ? _ref : "0 0 24 24",
+		innerSvg
+	};
+}
+function sanitizeSvg(source) {
+	return source.replace(/<script\b[\s\S]*?<\/script>/gi, "").replace(/\son[a-z]+\s*=\s*"[^"]*"/gi, "").replace(/\son[a-z]+\s*=\s*'[^']*'/gi, "").replace(/\son[a-z]+\s*=\s*\{[^}]*\}/gi, "");
+}
+function readAttribute(attrs, name) {
+	const doubleQuote = new RegExp(`${name}\\s*=\\s*"([^"]*)"`, "i").exec(attrs);
+	if (doubleQuote) return doubleQuote[1];
+	const singleQuote = new RegExp(`${name}\\s*=\\s*'([^']*)'`, "i").exec(attrs);
+	if (singleQuote) return singleQuote[1];
+}
+function escapeTemplateLiteral(value) {
+	return value.replace(/`/g, "\\`").replace(/\$\{/g, "\\${");
+}
+function svgToDataSource(svg) {
+	return svg.trim();
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateReactIcon.ts
+function generateReactIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	return `
+import React from 'react';
+
+export const ${icon.componentName} = React.forwardRef(function ${icon.componentName}(props, ref) {
+  const {
+    size = '1em',
+    title,
+    children,
+    ...rest
+  } = props;
+
+  const content = children != null
+    ? children
+    : React.createElement('g', {
+        dangerouslySetInnerHTML: { __html: \`${inner}\` },
+      });
+
+  return React.createElement(
+    'svg',
+    {
+      ...rest,
+      ref,
+      width: size,
+      height: size,
+      viewBox: ${JSON.stringify(icon.viewBox)},
+      fill: 'none',
+      xmlns: 'http://www.w3.org/2000/svg',
+      'aria-hidden': title ? undefined : true,
+      role: title ? 'img' : undefined,
+    },
+    title ? React.createElement('title', null, title) : null,
+    content,
+  );
+});
+`.trimStart();
+}
+function generateReactIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateStaticWcIcon.ts
+function generateStaticWcIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	const className = `${icon.componentName}Element`;
+	return `
+const INNER_SVG = \`${inner}\`;
+const VIEW_BOX = ${JSON.stringify(icon.viewBox)};
+
+export class ${className} extends HTMLElement {
+  static get observedAttributes() {
+    return ['size', 'label'];
+  }
+
+  connectedCallback() {
+    this.render();
+  }
+
+  attributeChangedCallback() {
+    this.render();
+  }
+
+  get size() {
+    return this.getAttribute('size') || '1em';
+  }
+
+  set size(value) {
+    if (value == null) {
+      this.removeAttribute('size');
+    } else {
+      this.setAttribute('size', String(value));
+    }
+  }
+
+  get label() {
+    return this.getAttribute('label') || '';
+  }
+
+  set label(value) {
+    if (value == null || value === '') {
+      this.removeAttribute('label');
+    } else {
+      this.setAttribute('label', String(value));
+    }
+  }
+
+  render() {
+    const size = this.size;
+    const label = this.label;
+
+    this.innerHTML =
+      '<svg' +
+      ' part="root"' +
+      ' width="' + escapeHtml(size) + '"' +
+      ' height="' + escapeHtml(size) + '"' +
+      ' viewBox="' + escapeHtml(VIEW_BOX) + '"' +
+      ' xmlns="http://www.w3.org/2000/svg"' +
+      (label ? ' role="img" aria-label="' + escapeHtml(label) + '"' : ' aria-hidden="true"') +
+      '>' +
+      INNER_SVG +
+      '</svg>';
+  }
+}
+
+if (!customElements.get(${JSON.stringify(icon.wcTag)})) {
+  customElements.define(${JSON.stringify(icon.wcTag)}, ${className});
+}
+
+export const ${icon.componentName} = ${className};
+
+function escapeHtml(value) {
+  return String(value)
+    .replace(/&/g, '&amp;')
+    .replace(/"/g, '&quot;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+}
+`.trimStart();
+}
+function generateStaticWcIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateVueIcon.ts
+function generateVueIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	return `
+import { defineComponent, h } from 'vue';
+
+export const ${icon.componentName} = defineComponent({
+  name: ${JSON.stringify(icon.componentName)},
+
+  props: {
+    size: {
+      type: [String, Number],
+      default: '1em',
+    },
+    title: {
+      type: String,
+      default: undefined,
+    },
+  },
+
+  setup(props, { attrs, slots }) {
+    return () => {
+      const children = [];
+
+      if (props.title) {
+        children.push(h('title', null, props.title));
+      }
+
+      if (slots.default) {
+        children.push(...slots.default());
+      }
+
+      return h(
+        'svg',
+        {
+          ...attrs,
+          width: props.size,
+          height: props.size,
+          viewBox: ${JSON.stringify(icon.viewBox)},
+          xmlns: 'http://www.w3.org/2000/svg',
+          'aria-hidden': props.title ? undefined : true,
+          role: props.title ? 'img' : undefined,
+          innerHTML: slots.default ? undefined : \`${inner}\`,
+        },
+        children,
+      );
+    };
+  },
+});
+`.trimStart();
+}
+function generateVueIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/naming.ts
+function toPascalCase(value) {
+	return value.split(/[-_\s]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("") || "Icon";
+}
+function toIconComponentName(name) {
+	const pascal = toPascalCase(name);
+	return pascal.endsWith("Icon") ? pascal : `${pascal}Icon`;
+}
+function sanitizeFileName(value) {
+	return value.trim().replace(/[^a-zA-Z0-9._-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function getIconJsFileName(name) {
+	return `${sanitizeFileName(name)}.js`;
+}
+function getIconSvgFileName(name) {
+	return `${sanitizeFileName(name)}.svg`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/index.ts
+function icons(options) {
+	const normalized = normalizeOptions(options);
+	return {
+		name: "zeus-output-icons",
+		virtualModules() {
+			const modules = [];
+			if (normalized.react) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:react:${icon.name}`,
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.react.outDir, getIconJsFileName(icon.name)),
+					code: generateReactIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:react:index",
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.react.outDir, "index.js"),
+					code: generateReactIndex(normalized.icons)
+				});
+			}
+			if (normalized.vue) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:vue:${icon.name}`,
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.vue.outDir, getIconJsFileName(icon.name)),
+					code: generateVueIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:vue:index",
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.vue.outDir, "index.js"),
+					code: generateVueIndex(normalized.icons)
+				});
+			}
+			if (normalized.wc) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:wc:${icon.name}`,
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.wc.outDir, getIconJsFileName(icon.name)),
+					code: generateStaticWcIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:wc:index",
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.wc.outDir, "index.js"),
+					code: generateStaticWcIndex(normalized.icons)
+				});
+			}
+			return modules;
+		},
+		generateBundle() {
+			const files = [];
+			if (normalized.svg) for (const icon of normalized.icons) files.push({
+				type: "asset",
+				fileName: node_path.default.posix.join(normalized.outDir, "svg", getIconSvgFileName(icon.name)),
+				source: svgToDataSource(icon.svg)
+			});
+			if (normalized.dts && normalized.react) files.push({
+				type: "asset",
+				fileName: node_path.default.posix.join(normalized.outDir, normalized.react.outDir, "index.d.ts"),
+				source: generateReactDts(normalized.icons)
+			});
+			if (normalized.dts && normalized.vue) files.push({
+				type: "asset",
+				fileName: node_path.default.posix.join(normalized.outDir, normalized.vue.outDir, "index.d.ts"),
+				source: generateVueDts(normalized.icons)
+			});
+			if (normalized.dts && normalized.wc) files.push({
+				type: "asset",
+				fileName: node_path.default.posix.join(normalized.outDir, normalized.wc.outDir, "index.d.ts"),
+				source: generateStaticWcDts(normalized.icons)
+			});
+			return files;
+		}
+	};
+}
+function normalizeOptions(options) {
+	var _options$icons, _options$outDir, _options$svg, _options$dts;
+	if (!((_options$icons = options.icons) === null || _options$icons === void 0 ? void 0 : _options$icons.length)) throw new Error("[zeus-output-icons] options.icons is required.");
+	const wcOptions = options.wc === false ? false : {
+		outDir: typeof options.wc === "object" && options.wc.outDir ? options.wc.outDir : "wc",
+		tagPrefix: typeof options.wc === "object" && options.wc.tagPrefix ? options.wc.tagPrefix : "z-icon-"
+	};
+	return {
+		icons: normalizeIcons(options.icons, wcOptions ? wcOptions.tagPrefix : "z-icon-"),
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "icons",
+		svg: (_options$svg = options.svg) !== null && _options$svg !== void 0 ? _options$svg : true,
+		react: options.react === false ? false : { outDir: typeof options.react === "object" && options.react.outDir ? options.react.outDir : "react" },
+		vue: options.vue === false ? false : { outDir: typeof options.vue === "object" && options.vue.outDir ? options.vue.outDir : "vue" },
+		wc: wcOptions,
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : true
+	};
+}
+function normalizeIcons(icons, tagPrefix) {
+	return icons.map((icon) => {
+		const parsed = parseSvg(icon.svg);
+		return {
+			name: icon.name,
+			componentName: toIconComponentName(icon.name),
+			wcTag: `${tagPrefix}${icon.name}`,
+			svg: icon.svg,
+			title: icon.title,
+			viewBox: parsed.viewBox,
+			innerSvg: parsed.innerSvg
+		};
+	});
+}
+//#endregion
+exports.default = icons;

package/dist/output-icons.cjs.prod.js

@@ -0,0 +1,421 @@
+/**
+* output-icons v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let node_path = require("node:path");
+node_path = __toESM(node_path, 1);
+//#region packages/web-c/output-icons/src/generateDts.ts
+function generateReactDts(icons) {
+	const lines = [];
+	lines.push(`import type * as React from 'react'`);
+	lines.push("");
+	lines.push(`export interface IconProps extends React.SVGAttributes<SVGSVGElement> {`);
+	lines.push(`  size?: string | number`);
+	lines.push(`  title?: string`);
+	lines.push(`}`);
+	lines.push("");
+	for (const icon of icons) lines.push(`export declare const ${icon.componentName}: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>`);
+	lines.push("");
+	return lines.join("\n");
+}
+function generateVueDts(icons) {
+	const lines = [];
+	lines.push(`import type { DefineComponent } from 'vue'`);
+	lines.push("");
+	lines.push(`export interface IconProps {`);
+	lines.push(`  size?: string | number`);
+	lines.push(`  title?: string`);
+	lines.push(`}`);
+	lines.push("");
+	for (const icon of icons) lines.push(`export declare const ${icon.componentName}: DefineComponent<IconProps>`);
+	lines.push("");
+	return lines.join("\n");
+}
+function generateStaticWcDts(icons) {
+	const lines = [];
+	for (const icon of icons) {
+		const className = `${icon.componentName}Element`;
+		lines.push(`export interface ${className} extends HTMLElement {`);
+		lines.push(`  size?: string`);
+		lines.push(`  label?: string`);
+		lines.push(`}`);
+		lines.push("");
+		lines.push(`export declare const ${icon.componentName}: {`);
+		lines.push(`  new (): ${className}`);
+		lines.push(`}`);
+		lines.push("");
+	}
+	lines.push("declare global {");
+	lines.push("  interface HTMLElementTagNameMap {");
+	for (const icon of icons) lines.push(`    ${JSON.stringify(icon.wcTag)}: ${icon.componentName}Element`);
+	lines.push("  }");
+	lines.push("}");
+	lines.push("");
+	lines.push("export {}");
+	lines.push("");
+	return lines.join("\n");
+}
+//#endregion
+//#region packages/web-c/output-icons/src/svg.ts
+function parseSvg(source) {
+	var _svgMatch$, _svgMatch$2$trim, _svgMatch$2, _ref, _readAttribute;
+	const svgMatch = sanitizeSvg(source).match(/<svg\b([^>]*)>([\s\S]*?)<\/svg>/i);
+	if (!svgMatch) throw new Error("Invalid SVG source. Expected <svg>...</svg>.");
+	const attrs = (_svgMatch$ = svgMatch[1]) !== null && _svgMatch$ !== void 0 ? _svgMatch$ : "";
+	const innerSvg = (_svgMatch$2$trim = (_svgMatch$2 = svgMatch[2]) === null || _svgMatch$2 === void 0 ? void 0 : _svgMatch$2.trim()) !== null && _svgMatch$2$trim !== void 0 ? _svgMatch$2$trim : "";
+	return {
+		viewBox: (_ref = (_readAttribute = readAttribute(attrs, "viewBox")) !== null && _readAttribute !== void 0 ? _readAttribute : readAttribute(attrs, "viewbox")) !== null && _ref !== void 0 ? _ref : "0 0 24 24",
+		innerSvg
+	};
+}
+function sanitizeSvg(source) {
+	return source.replace(/<script\b[\s\S]*?<\/script>/gi, "").replace(/\son[a-z]+\s*=\s*"[^"]*"/gi, "").replace(/\son[a-z]+\s*=\s*'[^']*'/gi, "").replace(/\son[a-z]+\s*=\s*\{[^}]*\}/gi, "");
+}
+function readAttribute(attrs, name) {
+	const doubleQuote = new RegExp(`${name}\\s*=\\s*"([^"]*)"`, "i").exec(attrs);
+	if (doubleQuote) return doubleQuote[1];
+	const singleQuote = new RegExp(`${name}\\s*=\\s*'([^']*)'`, "i").exec(attrs);
+	if (singleQuote) return singleQuote[1];
+}
+function escapeTemplateLiteral(value) {
+	return value.replace(/`/g, "\\`").replace(/\$\{/g, "\\${");
+}
+function svgToDataSource(svg) {
+	return svg.trim();
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateReactIcon.ts
+function generateReactIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	return `
+import React from 'react';
+
+export const ${icon.componentName} = React.forwardRef(function ${icon.componentName}(props, ref) {
+  const {
+    size = '1em',
+    title,
+    children,
+    ...rest
+  } = props;
+
+  const content = children != null
+    ? children
+    : React.createElement('g', {
+        dangerouslySetInnerHTML: { __html: \`${inner}\` },
+      });
+
+  return React.createElement(
+    'svg',
+    {
+      ...rest,
+      ref,
+      width: size,
+      height: size,
+      viewBox: ${JSON.stringify(icon.viewBox)},
+      fill: 'none',
+      xmlns: 'http://www.w3.org/2000/svg',
+      'aria-hidden': title ? undefined : true,
+      role: title ? 'img' : undefined,
+    },
+    title ? React.createElement('title', null, title) : null,
+    content,
+  );
+});
+`.trimStart();
+}
+function generateReactIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateStaticWcIcon.ts
+function generateStaticWcIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	const className = `${icon.componentName}Element`;
+	return `
+const INNER_SVG = \`${inner}\`;
+const VIEW_BOX = ${JSON.stringify(icon.viewBox)};
+
+export class ${className} extends HTMLElement {
+  static get observedAttributes() {
+    return ['size', 'label'];
+  }
+
+  connectedCallback() {
+    this.render();
+  }
+
+  attributeChangedCallback() {
+    this.render();
+  }
+
+  get size() {
+    return this.getAttribute('size') || '1em';
+  }
+
+  set size(value) {
+    if (value == null) {
+      this.removeAttribute('size');
+    } else {
+      this.setAttribute('size', String(value));
+    }
+  }
+
+  get label() {
+    return this.getAttribute('label') || '';
+  }
+
+  set label(value) {
+    if (value == null || value === '') {
+      this.removeAttribute('label');
+    } else {
+      this.setAttribute('label', String(value));
+    }
+  }
+
+  render() {
+    const size = this.size;
+    const label = this.label;
+
+    this.innerHTML =
+      '<svg' +
+      ' part="root"' +
+      ' width="' + escapeHtml(size) + '"' +
+      ' height="' + escapeHtml(size) + '"' +
+      ' viewBox="' + escapeHtml(VIEW_BOX) + '"' +
+      ' xmlns="http://www.w3.org/2000/svg"' +
+      (label ? ' role="img" aria-label="' + escapeHtml(label) + '"' : ' aria-hidden="true"') +
+      '>' +
+      INNER_SVG +
+      '</svg>';
+  }
+}
+
+if (!customElements.get(${JSON.stringify(icon.wcTag)})) {
+  customElements.define(${JSON.stringify(icon.wcTag)}, ${className});
+}
+
+export const ${icon.componentName} = ${className};
+
+function escapeHtml(value) {
+  return String(value)
+    .replace(/&/g, '&amp;')
+    .replace(/"/g, '&quot;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+}
+`.trimStart();
+}
+function generateStaticWcIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateVueIcon.ts
+function generateVueIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	return `
+import { defineComponent, h } from 'vue';
+
+export const ${icon.componentName} = defineComponent({
+  name: ${JSON.stringify(icon.componentName)},
+
+  props: {
+    size: {
+      type: [String, Number],
+      default: '1em',
+    },
+    title: {
+      type: String,
+      default: undefined,
+    },
+  },
+
+  setup(props, { attrs, slots }) {
+    return () => {
+      const children = [];
+
+      if (props.title) {
+        children.push(h('title', null, props.title));
+      }
+
+      if (slots.default) {
+        children.push(...slots.default());
+      }
+
+      return h(
+        'svg',
+        {
+          ...attrs,
+          width: props.size,
+          height: props.size,
+          viewBox: ${JSON.stringify(icon.viewBox)},
+          xmlns: 'http://www.w3.org/2000/svg',
+          'aria-hidden': props.title ? undefined : true,
+          role: props.title ? 'img' : undefined,
+          innerHTML: slots.default ? undefined : \`${inner}\`,
+        },
+        children,
+      );
+    };
+  },
+});
+`.trimStart();
+}
+function generateVueIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/naming.ts
+function toPascalCase(value) {
+	return value.split(/[-_\s]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("") || "Icon";
+}
+function toIconComponentName(name) {
+	const pascal = toPascalCase(name);
+	return pascal.endsWith("Icon") ? pascal : `${pascal}Icon`;
+}
+function sanitizeFileName(value) {
+	return value.trim().replace(/[^a-zA-Z0-9._-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function getIconJsFileName(name) {
+	return `${sanitizeFileName(name)}.js`;
+}
+function getIconSvgFileName(name) {
+	return `${sanitizeFileName(name)}.svg`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/index.ts
+function icons(options) {
+	const normalized = normalizeOptions(options);
+	return {
+		name: "zeus-output-icons",
+		virtualModules() {
+			const modules = [];
+			if (normalized.react) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:react:${icon.name}`,
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.react.outDir, getIconJsFileName(icon.name)),
+					code: generateReactIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:react:index",
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.react.outDir, "index.js"),
+					code: generateReactIndex(normalized.icons)
+				});
+			}
+			if (normalized.vue) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:vue:${icon.name}`,
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.vue.outDir, getIconJsFileName(icon.name)),
+					code: generateVueIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:vue:index",
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.vue.outDir, "index.js"),
+					code: generateVueIndex(normalized.icons)
+				});
+			}
+			if (normalized.wc) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:wc:${icon.name}`,
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.wc.outDir, getIconJsFileName(icon.name)),
+					code: generateStaticWcIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:wc:index",
+					fileName: node_path.default.posix.join(normalized.outDir, normalized.wc.outDir, "index.js"),
+					code: generateStaticWcIndex(normalized.icons)
+				});
+			}
+			return modules;
+		},
+		generateBundle() {
+			const files = [];
+			if (normalized.svg) for (const icon of normalized.icons) files.push({
+				type: "asset",
+				fileName: node_path.default.posix.join(normalized.outDir, "svg", getIconSvgFileName(icon.name)),
+				source: svgToDataSource(icon.svg)
+			});
+			if (normalized.dts && normalized.react) files.push({
+				type: "asset",
+				fileName: node_path.default.posix.join(normalized.outDir, normalized.react.outDir, "index.d.ts"),
+				source: generateReactDts(normalized.icons)
+			});
+			if (normalized.dts && normalized.vue) files.push({
+				type: "asset",
+				fileName: node_path.default.posix.join(normalized.outDir, normalized.vue.outDir, "index.d.ts"),
+				source: generateVueDts(normalized.icons)
+			});
+			if (normalized.dts && normalized.wc) files.push({
+				type: "asset",
+				fileName: node_path.default.posix.join(normalized.outDir, normalized.wc.outDir, "index.d.ts"),
+				source: generateStaticWcDts(normalized.icons)
+			});
+			return files;
+		}
+	};
+}
+function normalizeOptions(options) {
+	var _options$icons, _options$outDir, _options$svg, _options$dts;
+	if (!((_options$icons = options.icons) === null || _options$icons === void 0 ? void 0 : _options$icons.length)) throw new Error("[zeus-output-icons] options.icons is required.");
+	const wcOptions = options.wc === false ? false : {
+		outDir: typeof options.wc === "object" && options.wc.outDir ? options.wc.outDir : "wc",
+		tagPrefix: typeof options.wc === "object" && options.wc.tagPrefix ? options.wc.tagPrefix : "z-icon-"
+	};
+	return {
+		icons: normalizeIcons(options.icons, wcOptions ? wcOptions.tagPrefix : "z-icon-"),
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "icons",
+		svg: (_options$svg = options.svg) !== null && _options$svg !== void 0 ? _options$svg : true,
+		react: options.react === false ? false : { outDir: typeof options.react === "object" && options.react.outDir ? options.react.outDir : "react" },
+		vue: options.vue === false ? false : { outDir: typeof options.vue === "object" && options.vue.outDir ? options.vue.outDir : "vue" },
+		wc: wcOptions,
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : true
+	};
+}
+function normalizeIcons(icons, tagPrefix) {
+	return icons.map((icon) => {
+		const parsed = parseSvg(icon.svg);
+		return {
+			name: icon.name,
+			componentName: toIconComponentName(icon.name),
+			wcTag: `${tagPrefix}${icon.name}`,
+			svg: icon.svg,
+			title: icon.title,
+			viewBox: parsed.viewBox,
+			innerSvg: parsed.innerSvg
+		};
+	});
+}
+//#endregion
+exports.default = icons;

package/dist/output-icons.d.ts

@@ -0,0 +1,86 @@
+import { ZeusComponentPlugin } from '@zeus-js/bundler-plugin';
+
+export interface IconSource {
+    /**
+     * Icon name.
+     *
+     * Example:
+     *   check
+     *   chevron-down
+     */
+    name: string;
+    /**
+     * Full svg source.
+     */
+    svg: string;
+    /**
+     * Optional display name.
+     */
+    title?: string;
+}
+export interface OutputIconsOptions {
+    /**
+     * Icon source list.
+     *
+     * MVP 先支持内联 icons。
+     * 后续可以扩展 from: string | string[] 读取 svg 文件。
+     */
+    icons: IconSource[];
+    /**
+     * Output root.
+     *
+     * @default 'icons'
+     */
+    outDir?: string;
+    /**
+     * Emit raw svg files.
+     *
+     * @default true
+     */
+    svg?: boolean;
+    /**
+     * Emit React static icon components.
+     *
+     * @default true
+     */
+    react?: boolean | ReactIconOutputOptions;
+    /**
+     * Emit Vue static icon components.
+     *
+     * @default true
+     */
+    vue?: boolean | VueIconOutputOptions;
+    /**
+     * Emit static custom elements.
+     *
+     * @default false
+     */
+    wc?: boolean | StaticWcIconOutputOptions;
+    /**
+     * Whether to emit d.ts files.
+     *
+     * @default true
+     */
+    dts?: boolean;
+}
+interface ReactIconOutputOptions {
+    outDir?: string;
+}
+interface VueIconOutputOptions {
+    outDir?: string;
+}
+interface StaticWcIconOutputOptions {
+    outDir?: string;
+    /**
+     * Example:
+     *   tagPrefix: 'z-icon-'
+     *   check -> z-icon-check
+     *
+     * @default 'z-icon-'
+     */
+    tagPrefix?: string;
+}
+
+export declare function icons(options: OutputIconsOptions): ZeusComponentPlugin;
+
+export { icons as default };

package/dist/output-icons.esm-bundler.js

@@ -0,0 +1,394 @@
+/**
+* output-icons v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+import path from "node:path";
+//#region packages/web-c/output-icons/src/generateDts.ts
+function generateReactDts(icons) {
+	const lines = [];
+	lines.push(`import type * as React from 'react'`);
+	lines.push("");
+	lines.push(`export interface IconProps extends React.SVGAttributes<SVGSVGElement> {`);
+	lines.push(`  size?: string | number`);
+	lines.push(`  title?: string`);
+	lines.push(`}`);
+	lines.push("");
+	for (const icon of icons) lines.push(`export declare const ${icon.componentName}: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>`);
+	lines.push("");
+	return lines.join("\n");
+}
+function generateVueDts(icons) {
+	const lines = [];
+	lines.push(`import type { DefineComponent } from 'vue'`);
+	lines.push("");
+	lines.push(`export interface IconProps {`);
+	lines.push(`  size?: string | number`);
+	lines.push(`  title?: string`);
+	lines.push(`}`);
+	lines.push("");
+	for (const icon of icons) lines.push(`export declare const ${icon.componentName}: DefineComponent<IconProps>`);
+	lines.push("");
+	return lines.join("\n");
+}
+function generateStaticWcDts(icons) {
+	const lines = [];
+	for (const icon of icons) {
+		const className = `${icon.componentName}Element`;
+		lines.push(`export interface ${className} extends HTMLElement {`);
+		lines.push(`  size?: string`);
+		lines.push(`  label?: string`);
+		lines.push(`}`);
+		lines.push("");
+		lines.push(`export declare const ${icon.componentName}: {`);
+		lines.push(`  new (): ${className}`);
+		lines.push(`}`);
+		lines.push("");
+	}
+	lines.push("declare global {");
+	lines.push("  interface HTMLElementTagNameMap {");
+	for (const icon of icons) lines.push(`    ${JSON.stringify(icon.wcTag)}: ${icon.componentName}Element`);
+	lines.push("  }");
+	lines.push("}");
+	lines.push("");
+	lines.push("export {}");
+	lines.push("");
+	return lines.join("\n");
+}
+//#endregion
+//#region packages/web-c/output-icons/src/svg.ts
+function parseSvg(source) {
+	var _svgMatch$, _svgMatch$2$trim, _svgMatch$2, _ref, _readAttribute;
+	const svgMatch = sanitizeSvg(source).match(/<svg\b([^>]*)>([\s\S]*?)<\/svg>/i);
+	if (!svgMatch) throw new Error("Invalid SVG source. Expected <svg>...</svg>.");
+	const attrs = (_svgMatch$ = svgMatch[1]) !== null && _svgMatch$ !== void 0 ? _svgMatch$ : "";
+	const innerSvg = (_svgMatch$2$trim = (_svgMatch$2 = svgMatch[2]) === null || _svgMatch$2 === void 0 ? void 0 : _svgMatch$2.trim()) !== null && _svgMatch$2$trim !== void 0 ? _svgMatch$2$trim : "";
+	return {
+		viewBox: (_ref = (_readAttribute = readAttribute(attrs, "viewBox")) !== null && _readAttribute !== void 0 ? _readAttribute : readAttribute(attrs, "viewbox")) !== null && _ref !== void 0 ? _ref : "0 0 24 24",
+		innerSvg
+	};
+}
+function sanitizeSvg(source) {
+	return source.replace(/<script\b[\s\S]*?<\/script>/gi, "").replace(/\son[a-z]+\s*=\s*"[^"]*"/gi, "").replace(/\son[a-z]+\s*=\s*'[^']*'/gi, "").replace(/\son[a-z]+\s*=\s*\{[^}]*\}/gi, "");
+}
+function readAttribute(attrs, name) {
+	const doubleQuote = new RegExp(`${name}\\s*=\\s*"([^"]*)"`, "i").exec(attrs);
+	if (doubleQuote) return doubleQuote[1];
+	const singleQuote = new RegExp(`${name}\\s*=\\s*'([^']*)'`, "i").exec(attrs);
+	if (singleQuote) return singleQuote[1];
+}
+function escapeTemplateLiteral(value) {
+	return value.replace(/`/g, "\\`").replace(/\$\{/g, "\\${");
+}
+function svgToDataSource(svg) {
+	return svg.trim();
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateReactIcon.ts
+function generateReactIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	return `
+import React from 'react';
+
+export const ${icon.componentName} = React.forwardRef(function ${icon.componentName}(props, ref) {
+  const {
+    size = '1em',
+    title,
+    children,
+    ...rest
+  } = props;
+
+  const content = children != null
+    ? children
+    : React.createElement('g', {
+        dangerouslySetInnerHTML: { __html: \`${inner}\` },
+      });
+
+  return React.createElement(
+    'svg',
+    {
+      ...rest,
+      ref,
+      width: size,
+      height: size,
+      viewBox: ${JSON.stringify(icon.viewBox)},
+      fill: 'none',
+      xmlns: 'http://www.w3.org/2000/svg',
+      'aria-hidden': title ? undefined : true,
+      role: title ? 'img' : undefined,
+    },
+    title ? React.createElement('title', null, title) : null,
+    content,
+  );
+});
+`.trimStart();
+}
+function generateReactIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateStaticWcIcon.ts
+function generateStaticWcIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	const className = `${icon.componentName}Element`;
+	return `
+const INNER_SVG = \`${inner}\`;
+const VIEW_BOX = ${JSON.stringify(icon.viewBox)};
+
+export class ${className} extends HTMLElement {
+  static get observedAttributes() {
+    return ['size', 'label'];
+  }
+
+  connectedCallback() {
+    this.render();
+  }
+
+  attributeChangedCallback() {
+    this.render();
+  }
+
+  get size() {
+    return this.getAttribute('size') || '1em';
+  }
+
+  set size(value) {
+    if (value == null) {
+      this.removeAttribute('size');
+    } else {
+      this.setAttribute('size', String(value));
+    }
+  }
+
+  get label() {
+    return this.getAttribute('label') || '';
+  }
+
+  set label(value) {
+    if (value == null || value === '') {
+      this.removeAttribute('label');
+    } else {
+      this.setAttribute('label', String(value));
+    }
+  }
+
+  render() {
+    const size = this.size;
+    const label = this.label;
+
+    this.innerHTML =
+      '<svg' +
+      ' part="root"' +
+      ' width="' + escapeHtml(size) + '"' +
+      ' height="' + escapeHtml(size) + '"' +
+      ' viewBox="' + escapeHtml(VIEW_BOX) + '"' +
+      ' xmlns="http://www.w3.org/2000/svg"' +
+      (label ? ' role="img" aria-label="' + escapeHtml(label) + '"' : ' aria-hidden="true"') +
+      '>' +
+      INNER_SVG +
+      '</svg>';
+  }
+}
+
+if (!customElements.get(${JSON.stringify(icon.wcTag)})) {
+  customElements.define(${JSON.stringify(icon.wcTag)}, ${className});
+}
+
+export const ${icon.componentName} = ${className};
+
+function escapeHtml(value) {
+  return String(value)
+    .replace(/&/g, '&amp;')
+    .replace(/"/g, '&quot;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+}
+`.trimStart();
+}
+function generateStaticWcIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/generateVueIcon.ts
+function generateVueIcon(icon) {
+	const inner = escapeTemplateLiteral(icon.innerSvg);
+	return `
+import { defineComponent, h } from 'vue';
+
+export const ${icon.componentName} = defineComponent({
+  name: ${JSON.stringify(icon.componentName)},
+
+  props: {
+    size: {
+      type: [String, Number],
+      default: '1em',
+    },
+    title: {
+      type: String,
+      default: undefined,
+    },
+  },
+
+  setup(props, { attrs, slots }) {
+    return () => {
+      const children = [];
+
+      if (props.title) {
+        children.push(h('title', null, props.title));
+      }
+
+      if (slots.default) {
+        children.push(...slots.default());
+      }
+
+      return h(
+        'svg',
+        {
+          ...attrs,
+          width: props.size,
+          height: props.size,
+          viewBox: ${JSON.stringify(icon.viewBox)},
+          xmlns: 'http://www.w3.org/2000/svg',
+          'aria-hidden': props.title ? undefined : true,
+          role: props.title ? 'img' : undefined,
+          innerHTML: slots.default ? undefined : \`${inner}\`,
+        },
+        children,
+      );
+    };
+  },
+});
+`.trimStart();
+}
+function generateVueIndex(icons) {
+	return `${icons.map((icon) => {
+		return `export { ${icon.componentName} } from './${icon.name}.js';`;
+	}).join("\n")}\n`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/naming.ts
+function toPascalCase(value) {
+	return value.split(/[-_\s]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("") || "Icon";
+}
+function toIconComponentName(name) {
+	const pascal = toPascalCase(name);
+	return pascal.endsWith("Icon") ? pascal : `${pascal}Icon`;
+}
+function sanitizeFileName(value) {
+	return value.trim().replace(/[^a-zA-Z0-9._-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function getIconJsFileName(name) {
+	return `${sanitizeFileName(name)}.js`;
+}
+function getIconSvgFileName(name) {
+	return `${sanitizeFileName(name)}.svg`;
+}
+//#endregion
+//#region packages/web-c/output-icons/src/index.ts
+function icons(options) {
+	const normalized = normalizeOptions(options);
+	return {
+		name: "zeus-output-icons",
+		virtualModules() {
+			const modules = [];
+			if (normalized.react) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:react:${icon.name}`,
+					fileName: path.posix.join(normalized.outDir, normalized.react.outDir, getIconJsFileName(icon.name)),
+					code: generateReactIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:react:index",
+					fileName: path.posix.join(normalized.outDir, normalized.react.outDir, "index.js"),
+					code: generateReactIndex(normalized.icons)
+				});
+			}
+			if (normalized.vue) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:vue:${icon.name}`,
+					fileName: path.posix.join(normalized.outDir, normalized.vue.outDir, getIconJsFileName(icon.name)),
+					code: generateVueIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:vue:index",
+					fileName: path.posix.join(normalized.outDir, normalized.vue.outDir, "index.js"),
+					code: generateVueIndex(normalized.icons)
+				});
+			}
+			if (normalized.wc) {
+				for (const icon of normalized.icons) modules.push({
+					id: `zeus:icons:wc:${icon.name}`,
+					fileName: path.posix.join(normalized.outDir, normalized.wc.outDir, getIconJsFileName(icon.name)),
+					code: generateStaticWcIcon(icon)
+				});
+				modules.push({
+					id: "zeus:icons:wc:index",
+					fileName: path.posix.join(normalized.outDir, normalized.wc.outDir, "index.js"),
+					code: generateStaticWcIndex(normalized.icons)
+				});
+			}
+			return modules;
+		},
+		generateBundle() {
+			const files = [];
+			if (normalized.svg) for (const icon of normalized.icons) files.push({
+				type: "asset",
+				fileName: path.posix.join(normalized.outDir, "svg", getIconSvgFileName(icon.name)),
+				source: svgToDataSource(icon.svg)
+			});
+			if (normalized.dts && normalized.react) files.push({
+				type: "asset",
+				fileName: path.posix.join(normalized.outDir, normalized.react.outDir, "index.d.ts"),
+				source: generateReactDts(normalized.icons)
+			});
+			if (normalized.dts && normalized.vue) files.push({
+				type: "asset",
+				fileName: path.posix.join(normalized.outDir, normalized.vue.outDir, "index.d.ts"),
+				source: generateVueDts(normalized.icons)
+			});
+			if (normalized.dts && normalized.wc) files.push({
+				type: "asset",
+				fileName: path.posix.join(normalized.outDir, normalized.wc.outDir, "index.d.ts"),
+				source: generateStaticWcDts(normalized.icons)
+			});
+			return files;
+		}
+	};
+}
+function normalizeOptions(options) {
+	var _options$icons, _options$outDir, _options$svg, _options$dts;
+	if (!((_options$icons = options.icons) === null || _options$icons === void 0 ? void 0 : _options$icons.length)) throw new Error("[zeus-output-icons] options.icons is required.");
+	const wcOptions = options.wc === false ? false : {
+		outDir: typeof options.wc === "object" && options.wc.outDir ? options.wc.outDir : "wc",
+		tagPrefix: typeof options.wc === "object" && options.wc.tagPrefix ? options.wc.tagPrefix : "z-icon-"
+	};
+	return {
+		icons: normalizeIcons(options.icons, wcOptions ? wcOptions.tagPrefix : "z-icon-"),
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "icons",
+		svg: (_options$svg = options.svg) !== null && _options$svg !== void 0 ? _options$svg : true,
+		react: options.react === false ? false : { outDir: typeof options.react === "object" && options.react.outDir ? options.react.outDir : "react" },
+		vue: options.vue === false ? false : { outDir: typeof options.vue === "object" && options.vue.outDir ? options.vue.outDir : "vue" },
+		wc: wcOptions,
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : true
+	};
+}
+function normalizeIcons(icons, tagPrefix) {
+	return icons.map((icon) => {
+		const parsed = parseSvg(icon.svg);
+		return {
+			name: icon.name,
+			componentName: toIconComponentName(icon.name),
+			wcTag: `${tagPrefix}${icon.name}`,
+			svg: icon.svg,
+			title: icon.title,
+			viewBox: parsed.viewBox,
+			innerSvg: parsed.innerSvg
+		};
+	});
+}
+//#endregion
+export { icons as default };

package/index.js

@@ -0,0 +1,4 @@
+// Re-export from bundled dist
+export * from './dist/output-icons.esm-bundler.js'
+import icons from './dist/output-icons.esm-bundler.js'
+export default icons

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@zeus-js/output-icons",
+  "version": "0.1.0-beta.0",
+  "description": "No-runtime icon output plugin for Zeus component compiler host",
+  "type": "module",
+  "main": "index.js",
+  "module": "dist/output-icons.esm-bundler.js",
+  "types": "dist/output-icons.d.ts",
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/output-icons.d.ts",
+      "node": {
+        "production": "./dist/output-icons.cjs.prod.js",
+        "development": "./dist/output-icons.cjs.js",
+        "default": "./index.js"
+      },
+      "module": "./dist/output-icons.esm-bundler.js",
+      "import": "./dist/output-icons.esm-bundler.js",
+      "require": "./index.js"
+    },
+    "./*": "./*"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/baicie/zeus"
+  },
+  "buildOptions": {
+    "name": "ZeusOutputIcons",
+    "formats": [
+      "esm-bundler",
+      "cjs"
+    ]
+  },
+  "dependencies": {
+    "@zeus-js/bundler-plugin": "0.1.0-beta.0"
+  },
+  "peerDependencies": {
+    "react": ">=18 || >=19",
+    "vue": ">=3"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "zeus",
+    "icons",
+    "web-components",
+    "react",
+    "vue"
+  ],
+  "author": "Baicie",
+  "license": "MIT"
+}