@zeus-js/output-react-wrapper 0.1.0-beta.0

package/dist/output-react-wrapper.cjs.js

@@ -0,0 +1,214 @@
+/**
+* output-react-wrapper v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _zeus_js_bundler_plugin = require("@zeus-js/bundler-plugin");
+let _zeus_js_component_dts = require("@zeus-js/component-dts");
+//#region packages/web-c/output-react-wrapper/src/generateReactIndex.ts
+function generateReactIndex(components, options) {
+	const lines = [];
+	for (const component of components) {
+		const fileName = options.getFileName(component.tag);
+		lines.push(`export { ${component.name} } from './${fileName}';`);
+	}
+	lines.push("");
+	return lines.join("\n");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/naming.ts
+function toReactEventProp(eventName) {
+	return "on" + eventName.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/generateReactWrapper.ts
+function generateReactWrapper(input) {
+	const { component, namedSlots, wcModuleId } = input;
+	const propNames = Object.keys(component.props);
+	const eventNames = Object.keys(component.events);
+	const slotNames = getNamedSlots(component, namedSlots);
+	const eventPropNames = eventNames.map(toReactEventProp);
+	const destructuredPropNames = [
+		...propNames,
+		...eventPropNames,
+		...slotNames
+	];
+	const destructuredProps = destructuredPropNames.length ? `${destructuredPropNames.join(",\n    ")},` : "";
+	return `
+import React, {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+} from 'react';
+
+import ${JSON.stringify(wcModuleId)};
+
+const PROP_KEYS = ${JSON.stringify(propNames)};
+const EVENT_MAP = ${JSON.stringify(createReactEventMap(eventNames))};
+const NAMED_SLOTS = ${JSON.stringify(slotNames)};
+
+export const ${component.name} = forwardRef(function ${component.name}(props, ref) {
+  const {
+    children,
+    className,
+    style,
+    ${destructuredProps}
+    ...rest
+  } = props;
+
+  const innerRef = useRef(null);
+
+  useImperativeHandle(ref, () => innerRef.current);
+
+  ${generatePropSyncLines(propNames)}
+
+  ${generateEventEffects(eventNames)}
+
+  const slotChildren = [];
+
+  ${generateNamedSlotRenderLines(slotNames)}
+
+  if (children != null) {
+    slotChildren.push(children);
+  }
+
+  return React.createElement(
+    ${JSON.stringify(component.tag)},
+    {
+      ...rest,
+      ref: innerRef,
+      className,
+      style,
+    },
+    ...slotChildren,
+  );
+});
+
+function createNamedSlot(name, value) {
+  if (value == null || value === false) return null;
+
+  if (
+    React.isValidElement(value) &&
+    value.type !== React.Fragment
+  ) {
+    return React.cloneElement(value, { slot: name });
+  }
+
+  return React.createElement(
+    'span',
+    {
+      slot: name,
+      style: { display: 'contents' },
+    },
+    value,
+  );
+}
+`.trimStart();
+}
+function createReactEventMap(eventNames) {
+	const map = {};
+	for (const eventName of eventNames) map[toReactEventProp(eventName)] = eventName;
+	return map;
+}
+function generatePropSyncLines(propNames) {
+	if (!propNames.length) return "// no props";
+	return `useEffect(() => {
+    const el = innerRef.current;
+    if (!el) return;
+
+    ${propNames.map((name) => `el.${name} = ${name};`).join("\n    ")}
+  }, [${propNames.join(", ")}]);`;
+}
+function generateEventEffects(eventNames) {
+	return eventNames.map((eventName) => {
+		const propName = toReactEventProp(eventName);
+		return `
+  useEffect(() => {
+    const el = innerRef.current;
+    if (!el || !${propName}) return;
+
+    const handler = event => {
+      ${propName}(event);
+    };
+
+    el.addEventListener(${JSON.stringify(eventName)}, handler);
+
+    return () => {
+      el.removeEventListener(${JSON.stringify(eventName)}, handler);
+    };
+  }, [${propName}]);
+`;
+	}).join("");
+}
+function getNamedSlots(component, namedSlots) {
+	if (namedSlots === "none") return [];
+	return Object.keys(component.slots).filter((name) => name !== "default");
+}
+function generateNamedSlotRenderLines(namedSlots) {
+	return namedSlots.map((name) => {
+		return `
+  {
+    const node = createNamedSlot(${JSON.stringify(name)}, ${name});
+    if (node != null) slotChildren.push(node);
+  }
+`;
+	}).join("");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/index.ts
+function reactWrapper(options = {}) {
+	var _options$outDir, _options$stripPrefix, _options$dts, _options$index, _options$namedSlots;
+	const normalized = {
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "react",
+		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
+		fileName: options.fileName,
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		namedSlots: (_options$namedSlots = options.namedSlots) !== null && _options$namedSlots !== void 0 ? _options$namedSlots : "props"
+	};
+	return {
+		name: "zeus-output-react-wrapper",
+		external: ["react"],
+		setup(ctx) {
+			ctx.outputs.register("react", {
+				outDir: normalized.outDir,
+				stripPrefix: normalized.stripPrefix,
+				fileName: normalized.fileName ? (tag) => normalized.fileName(tag) : void 0
+			});
+		},
+		virtualModules(ctx) {
+			if (!ctx.outputs.has("wc")) ctx.error("[zeus-output-react-wrapper] react() requires wc() plugin.");
+			const modules = [];
+			for (const component of ctx.manifest.components) modules.push({
+				id: `zeus:react:${component.tag}`,
+				fileName: ctx.outputs.join("react", ctx.outputs.getFileName("react", component.tag)),
+				code: generateReactWrapper({
+					component,
+					namedSlots: normalized.namedSlots,
+					wcModuleId: `zeus:wc:${component.tag}`
+				})
+			});
+			if (normalized.index) modules.push({
+				id: "zeus:react:index",
+				fileName: ctx.outputs.join("react", "index.js"),
+				code: generateReactIndex(ctx.manifest.components, { getFileName: (tag) => ctx.outputs.getFileName("react", tag) })
+			});
+			return modules;
+		},
+		generateBundle(ctx) {
+			if (!(0, _zeus_js_bundler_plugin.resolvePluginDts)(normalized.dts, ctx)) return [];
+			return [{
+				type: "asset",
+				fileName: ctx.outputs.join("react", "index.d.ts"),
+				source: (0, _zeus_js_component_dts.generateReactDts)(ctx.manifest)
+			}];
+		}
+	};
+}
+//#endregion
+exports.default = reactWrapper;

package/dist/output-react-wrapper.cjs.prod.js

@@ -0,0 +1,214 @@
+/**
+* output-react-wrapper v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _zeus_js_bundler_plugin = require("@zeus-js/bundler-plugin");
+let _zeus_js_component_dts = require("@zeus-js/component-dts");
+//#region packages/web-c/output-react-wrapper/src/generateReactIndex.ts
+function generateReactIndex(components, options) {
+	const lines = [];
+	for (const component of components) {
+		const fileName = options.getFileName(component.tag);
+		lines.push(`export { ${component.name} } from './${fileName}';`);
+	}
+	lines.push("");
+	return lines.join("\n");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/naming.ts
+function toReactEventProp(eventName) {
+	return "on" + eventName.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/generateReactWrapper.ts
+function generateReactWrapper(input) {
+	const { component, namedSlots, wcModuleId } = input;
+	const propNames = Object.keys(component.props);
+	const eventNames = Object.keys(component.events);
+	const slotNames = getNamedSlots(component, namedSlots);
+	const eventPropNames = eventNames.map(toReactEventProp);
+	const destructuredPropNames = [
+		...propNames,
+		...eventPropNames,
+		...slotNames
+	];
+	const destructuredProps = destructuredPropNames.length ? `${destructuredPropNames.join(",\n    ")},` : "";
+	return `
+import React, {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+} from 'react';
+
+import ${JSON.stringify(wcModuleId)};
+
+const PROP_KEYS = ${JSON.stringify(propNames)};
+const EVENT_MAP = ${JSON.stringify(createReactEventMap(eventNames))};
+const NAMED_SLOTS = ${JSON.stringify(slotNames)};
+
+export const ${component.name} = forwardRef(function ${component.name}(props, ref) {
+  const {
+    children,
+    className,
+    style,
+    ${destructuredProps}
+    ...rest
+  } = props;
+
+  const innerRef = useRef(null);
+
+  useImperativeHandle(ref, () => innerRef.current);
+
+  ${generatePropSyncLines(propNames)}
+
+  ${generateEventEffects(eventNames)}
+
+  const slotChildren = [];
+
+  ${generateNamedSlotRenderLines(slotNames)}
+
+  if (children != null) {
+    slotChildren.push(children);
+  }
+
+  return React.createElement(
+    ${JSON.stringify(component.tag)},
+    {
+      ...rest,
+      ref: innerRef,
+      className,
+      style,
+    },
+    ...slotChildren,
+  );
+});
+
+function createNamedSlot(name, value) {
+  if (value == null || value === false) return null;
+
+  if (
+    React.isValidElement(value) &&
+    value.type !== React.Fragment
+  ) {
+    return React.cloneElement(value, { slot: name });
+  }
+
+  return React.createElement(
+    'span',
+    {
+      slot: name,
+      style: { display: 'contents' },
+    },
+    value,
+  );
+}
+`.trimStart();
+}
+function createReactEventMap(eventNames) {
+	const map = {};
+	for (const eventName of eventNames) map[toReactEventProp(eventName)] = eventName;
+	return map;
+}
+function generatePropSyncLines(propNames) {
+	if (!propNames.length) return "// no props";
+	return `useEffect(() => {
+    const el = innerRef.current;
+    if (!el) return;
+
+    ${propNames.map((name) => `el.${name} = ${name};`).join("\n    ")}
+  }, [${propNames.join(", ")}]);`;
+}
+function generateEventEffects(eventNames) {
+	return eventNames.map((eventName) => {
+		const propName = toReactEventProp(eventName);
+		return `
+  useEffect(() => {
+    const el = innerRef.current;
+    if (!el || !${propName}) return;
+
+    const handler = event => {
+      ${propName}(event);
+    };
+
+    el.addEventListener(${JSON.stringify(eventName)}, handler);
+
+    return () => {
+      el.removeEventListener(${JSON.stringify(eventName)}, handler);
+    };
+  }, [${propName}]);
+`;
+	}).join("");
+}
+function getNamedSlots(component, namedSlots) {
+	if (namedSlots === "none") return [];
+	return Object.keys(component.slots).filter((name) => name !== "default");
+}
+function generateNamedSlotRenderLines(namedSlots) {
+	return namedSlots.map((name) => {
+		return `
+  {
+    const node = createNamedSlot(${JSON.stringify(name)}, ${name});
+    if (node != null) slotChildren.push(node);
+  }
+`;
+	}).join("");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/index.ts
+function reactWrapper(options = {}) {
+	var _options$outDir, _options$stripPrefix, _options$dts, _options$index, _options$namedSlots;
+	const normalized = {
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "react",
+		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
+		fileName: options.fileName,
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		namedSlots: (_options$namedSlots = options.namedSlots) !== null && _options$namedSlots !== void 0 ? _options$namedSlots : "props"
+	};
+	return {
+		name: "zeus-output-react-wrapper",
+		external: ["react"],
+		setup(ctx) {
+			ctx.outputs.register("react", {
+				outDir: normalized.outDir,
+				stripPrefix: normalized.stripPrefix,
+				fileName: normalized.fileName ? (tag) => normalized.fileName(tag) : void 0
+			});
+		},
+		virtualModules(ctx) {
+			if (!ctx.outputs.has("wc")) ctx.error("[zeus-output-react-wrapper] react() requires wc() plugin.");
+			const modules = [];
+			for (const component of ctx.manifest.components) modules.push({
+				id: `zeus:react:${component.tag}`,
+				fileName: ctx.outputs.join("react", ctx.outputs.getFileName("react", component.tag)),
+				code: generateReactWrapper({
+					component,
+					namedSlots: normalized.namedSlots,
+					wcModuleId: `zeus:wc:${component.tag}`
+				})
+			});
+			if (normalized.index) modules.push({
+				id: "zeus:react:index",
+				fileName: ctx.outputs.join("react", "index.js"),
+				code: generateReactIndex(ctx.manifest.components, { getFileName: (tag) => ctx.outputs.getFileName("react", tag) })
+			});
+			return modules;
+		},
+		generateBundle(ctx) {
+			if (!(0, _zeus_js_bundler_plugin.resolvePluginDts)(normalized.dts, ctx)) return [];
+			return [{
+				type: "asset",
+				fileName: ctx.outputs.join("react", "index.d.ts"),
+				source: (0, _zeus_js_component_dts.generateReactDts)(ctx.manifest)
+			}];
+		}
+	};
+}
+//#endregion
+exports.default = reactWrapper;

package/dist/output-react-wrapper.d.ts

@@ -0,0 +1,48 @@
+import { DtsMode, ZeusComponentPlugin } from '@zeus-js/bundler-plugin';
+
+export interface OutputReactWrapperOptions {
+    /**
+     * React wrapper output directory.
+     *
+     * @default 'react'
+     */
+    outDir?: string;
+    /**
+     * Strip tag prefix for file name.
+     *
+     * @default false
+     */
+    stripPrefix?: string | false;
+    /**
+     * Custom file name.
+     */
+    fileName?: (tag: string) => string;
+    /**
+     * Generate react/index.d.ts.
+     *
+     * @default 'auto'
+     */
+    dts?: DtsMode;
+    /**
+     * Generate react/index.js.
+     *
+     * @default true
+     */
+    index?: boolean;
+    /**
+     * Named slot strategy.
+     *
+     * props:
+     *   <ZCard header={<div />} />
+     *
+     * none:
+     *   only children/default slot
+     *
+     * @default 'props'
+     */
+    namedSlots?: 'props' | 'none';
+}
+
+export declare function reactWrapper(options?: OutputReactWrapperOptions): ZeusComponentPlugin;
+
+export { reactWrapper as default };

package/dist/output-react-wrapper.esm-bundler.js

@@ -0,0 +1,210 @@
+/**
+* output-react-wrapper v0.1.0-beta.0
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+import { resolvePluginDts } from "@zeus-js/bundler-plugin";
+import { generateReactDts } from "@zeus-js/component-dts";
+//#region packages/web-c/output-react-wrapper/src/generateReactIndex.ts
+function generateReactIndex(components, options) {
+	const lines = [];
+	for (const component of components) {
+		const fileName = options.getFileName(component.tag);
+		lines.push(`export { ${component.name} } from './${fileName}';`);
+	}
+	lines.push("");
+	return lines.join("\n");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/naming.ts
+function toReactEventProp(eventName) {
+	return "on" + eventName.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/generateReactWrapper.ts
+function generateReactWrapper(input) {
+	const { component, namedSlots, wcModuleId } = input;
+	const propNames = Object.keys(component.props);
+	const eventNames = Object.keys(component.events);
+	const slotNames = getNamedSlots(component, namedSlots);
+	const eventPropNames = eventNames.map(toReactEventProp);
+	const destructuredPropNames = [
+		...propNames,
+		...eventPropNames,
+		...slotNames
+	];
+	const destructuredProps = destructuredPropNames.length ? `${destructuredPropNames.join(",\n    ")},` : "";
+	return `
+import React, {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+} from 'react';
+
+import ${JSON.stringify(wcModuleId)};
+
+const PROP_KEYS = ${JSON.stringify(propNames)};
+const EVENT_MAP = ${JSON.stringify(createReactEventMap(eventNames))};
+const NAMED_SLOTS = ${JSON.stringify(slotNames)};
+
+export const ${component.name} = forwardRef(function ${component.name}(props, ref) {
+  const {
+    children,
+    className,
+    style,
+    ${destructuredProps}
+    ...rest
+  } = props;
+
+  const innerRef = useRef(null);
+
+  useImperativeHandle(ref, () => innerRef.current);
+
+  ${generatePropSyncLines(propNames)}
+
+  ${generateEventEffects(eventNames)}
+
+  const slotChildren = [];
+
+  ${generateNamedSlotRenderLines(slotNames)}
+
+  if (children != null) {
+    slotChildren.push(children);
+  }
+
+  return React.createElement(
+    ${JSON.stringify(component.tag)},
+    {
+      ...rest,
+      ref: innerRef,
+      className,
+      style,
+    },
+    ...slotChildren,
+  );
+});
+
+function createNamedSlot(name, value) {
+  if (value == null || value === false) return null;
+
+  if (
+    React.isValidElement(value) &&
+    value.type !== React.Fragment
+  ) {
+    return React.cloneElement(value, { slot: name });
+  }
+
+  return React.createElement(
+    'span',
+    {
+      slot: name,
+      style: { display: 'contents' },
+    },
+    value,
+  );
+}
+`.trimStart();
+}
+function createReactEventMap(eventNames) {
+	const map = {};
+	for (const eventName of eventNames) map[toReactEventProp(eventName)] = eventName;
+	return map;
+}
+function generatePropSyncLines(propNames) {
+	if (!propNames.length) return "// no props";
+	return `useEffect(() => {
+    const el = innerRef.current;
+    if (!el) return;
+
+    ${propNames.map((name) => `el.${name} = ${name};`).join("\n    ")}
+  }, [${propNames.join(", ")}]);`;
+}
+function generateEventEffects(eventNames) {
+	return eventNames.map((eventName) => {
+		const propName = toReactEventProp(eventName);
+		return `
+  useEffect(() => {
+    const el = innerRef.current;
+    if (!el || !${propName}) return;
+
+    const handler = event => {
+      ${propName}(event);
+    };
+
+    el.addEventListener(${JSON.stringify(eventName)}, handler);
+
+    return () => {
+      el.removeEventListener(${JSON.stringify(eventName)}, handler);
+    };
+  }, [${propName}]);
+`;
+	}).join("");
+}
+function getNamedSlots(component, namedSlots) {
+	if (namedSlots === "none") return [];
+	return Object.keys(component.slots).filter((name) => name !== "default");
+}
+function generateNamedSlotRenderLines(namedSlots) {
+	return namedSlots.map((name) => {
+		return `
+  {
+    const node = createNamedSlot(${JSON.stringify(name)}, ${name});
+    if (node != null) slotChildren.push(node);
+  }
+`;
+	}).join("");
+}
+//#endregion
+//#region packages/web-c/output-react-wrapper/src/index.ts
+function reactWrapper(options = {}) {
+	var _options$outDir, _options$stripPrefix, _options$dts, _options$index, _options$namedSlots;
+	const normalized = {
+		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "react",
+		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
+		fileName: options.fileName,
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		namedSlots: (_options$namedSlots = options.namedSlots) !== null && _options$namedSlots !== void 0 ? _options$namedSlots : "props"
+	};
+	return {
+		name: "zeus-output-react-wrapper",
+		external: ["react"],
+		setup(ctx) {
+			ctx.outputs.register("react", {
+				outDir: normalized.outDir,
+				stripPrefix: normalized.stripPrefix,
+				fileName: normalized.fileName ? (tag) => normalized.fileName(tag) : void 0
+			});
+		},
+		virtualModules(ctx) {
+			if (!ctx.outputs.has("wc")) ctx.error("[zeus-output-react-wrapper] react() requires wc() plugin.");
+			const modules = [];
+			for (const component of ctx.manifest.components) modules.push({
+				id: `zeus:react:${component.tag}`,
+				fileName: ctx.outputs.join("react", ctx.outputs.getFileName("react", component.tag)),
+				code: generateReactWrapper({
+					component,
+					namedSlots: normalized.namedSlots,
+					wcModuleId: `zeus:wc:${component.tag}`
+				})
+			});
+			if (normalized.index) modules.push({
+				id: "zeus:react:index",
+				fileName: ctx.outputs.join("react", "index.js"),
+				code: generateReactIndex(ctx.manifest.components, { getFileName: (tag) => ctx.outputs.getFileName("react", tag) })
+			});
+			return modules;
+		},
+		generateBundle(ctx) {
+			if (!resolvePluginDts(normalized.dts, ctx)) return [];
+			return [{
+				type: "asset",
+				fileName: ctx.outputs.join("react", "index.d.ts"),
+				source: generateReactDts(ctx.manifest)
+			}];
+		}
+	};
+}
+//#endregion
+export { reactWrapper as default };

package/index.js

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

package/package.json

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