@zeus-js/output-react-wrapper 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/runtime/index.js

@@ -0,0 +1,53 @@
+/**
+* output-react-wrapper v0.1.0-beta.5
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+import { createComponent as createComponent$1 } from "@lit/react";
+//#region packages/web-c/output-react-wrapper/src/runtime/createComponent.ts
+function createComponent(options) {
+	var _customElements$get;
+	const { defineCustomElement, react, tagName, transformTag, elementClass, events = {}, slots = [], displayName } = options;
+	const finalTagName = transformTag ? transformTag(tagName) : tagName;
+	defineCustomElement === null || defineCustomElement === void 0 || defineCustomElement();
+	const LitComponent = createComponent$1({
+		react,
+		tagName: finalTagName,
+		elementClass: elementClass !== null && elementClass !== void 0 ? elementClass : typeof customElements === "undefined" ? HTMLElement : (_customElements$get = customElements.get(finalTagName)) !== null && _customElements$get !== void 0 ? _customElements$get : HTMLElement,
+		events,
+		displayName
+	});
+	if (!slots.length) return LitComponent;
+	const slotSet = new Set(slots);
+	return react.forwardRef((inputProps, ref) => {
+		const rest = {};
+		const slottedChildren = [];
+		if (inputProps == null) {
+			rest.ref = ref;
+			return react.createElement(LitComponent, rest);
+		}
+		const props = inputProps;
+		for (const key in props) {
+			if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+			const value = props[key];
+			if (slotSet.has(key)) {
+				const child = createNamedSlot(react, key, value);
+				if (child != null) slottedChildren.push(child);
+				continue;
+			}
+			rest[key] = value;
+		}
+		rest.ref = ref;
+		if (props.children != null) slottedChildren.push(props.children);
+		return react.createElement(LitComponent, rest, ...slottedChildren);
+	});
+}
+function createNamedSlot(react, name, value) {
+	if (value == null || value === false) return null;
+	return react.createElement("span", {
+		slot: name,
+		style: { display: "contents" }
+	}, value);
+}
+//#endregion
+export { createComponent };

package/dist/runtime/index.prod.js

@@ -0,0 +1,53 @@
+/**
+* output-react-wrapper v0.1.0-beta.5
+* (c) 2026 baicie
+* Released under the MIT License.
+**/
+import { createComponent as createComponent$1 } from "@lit/react";
+//#region packages/web-c/output-react-wrapper/src/runtime/createComponent.ts
+function createComponent(options) {
+	var _customElements$get;
+	const { defineCustomElement, react, tagName, transformTag, elementClass, events = {}, slots = [], displayName } = options;
+	const finalTagName = transformTag ? transformTag(tagName) : tagName;
+	defineCustomElement === null || defineCustomElement === void 0 || defineCustomElement();
+	const LitComponent = createComponent$1({
+		react,
+		tagName: finalTagName,
+		elementClass: elementClass !== null && elementClass !== void 0 ? elementClass : typeof customElements === "undefined" ? HTMLElement : (_customElements$get = customElements.get(finalTagName)) !== null && _customElements$get !== void 0 ? _customElements$get : HTMLElement,
+		events,
+		displayName
+	});
+	if (!slots.length) return LitComponent;
+	const slotSet = new Set(slots);
+	return react.forwardRef((inputProps, ref) => {
+		const rest = {};
+		const slottedChildren = [];
+		if (inputProps == null) {
+			rest.ref = ref;
+			return react.createElement(LitComponent, rest);
+		}
+		const props = inputProps;
+		for (const key in props) {
+			if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+			const value = props[key];
+			if (slotSet.has(key)) {
+				const child = createNamedSlot(react, key, value);
+				if (child != null) slottedChildren.push(child);
+				continue;
+			}
+			rest[key] = value;
+		}
+		rest.ref = ref;
+		if (props.children != null) slottedChildren.push(props.children);
+		return react.createElement(LitComponent, rest, ...slottedChildren);
+	});
+}
+function createNamedSlot(react, name, value) {
+	if (value == null || value === false) return null;
+	return react.createElement("span", {
+		slot: name,
+		style: { display: "contents" }
+	}, value);
+}
+//#endregion
+export { createComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeus-js/output-react-wrapper",
-  "version": "0.1.0-beta.3",
+  "version": "0.1.0-beta.5",
   "description": "Zeus React wrapper output plugin",
   "type": "module",
   "main": "index.js",
@@ -21,6 +21,11 @@
         "development": "./dist/output-react-wrapper.cjs.js",
         "default": "./index.js"
       }
+    },
+    "./runtime": {
+      "types": "./dist/runtime/index.d.ts",
+      "import": "./dist/runtime/index.js",
+      "require": "./dist/runtime/index.cjs.js"
     }
   },
   "sideEffects": false,
@@ -33,17 +38,28 @@
     "formats": [
       "esm-bundler",
       "cjs"
+    ],
+    "additionalEntries": [
+      {
+        "entry": "runtime/index.ts",
+        "output": "dist/runtime/index.js"
+      }
     ]
   },
   "dependencies": {
-    "@zeus-js/bundler-plugin": "0.1.0-beta.3",
-    "@zeus-js/component-dts": "0.1.0-beta.3",
-    "@zeus-js/component-analyzer": "0.1.0-beta.3"
+    "@lit/react": "^1.0.8",
+    "@zeus-js/component-analyzer": "0.1.0-beta.5",
+    "@zeus-js/bundler-plugin": "0.1.0-beta.5",
+    "@zeus-js/component-dts": "0.1.0-beta.5"
   },
   "peerDependencies": {
+    "@types/react": "17 || 18 || 19",
     "react": ">=18"
   },
   "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
     "react": {
       "optional": true
     }