@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.831.1

package/dist/cjs/dom/html.cjs

@@ -22,41 +22,44 @@ var html_exports = {};
 __export(html_exports, { html: () => html });
 module.exports = __toCommonJS(html_exports);
 var import_createComponent = require("../createComponent.cjs");
-var import_componentDisplayName = require("../helpers/componentDisplayName.cjs");
 var import_Text = require("../views/Text.cjs");
 var import_View = require("../views/View.cjs");
 const tag = (name) => name;
-const a = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+const a = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("a"),
+	displayName: "a",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "a");
-const article = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const article = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("article"),
+	displayName: "article",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "article");
-const aside = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const aside = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("aside"),
+	displayName: "aside",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "aside");
-const b = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const b = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("b"),
+	displayName: "b",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -64,49 +67,54 @@ const b = (0, import_componentDisplayName.setComponentDisplayName)((0, import_cr
 		textDecorationLine: "none",
 		fontWeight: "bold"
 	}
-}), "b");
-const bdi = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const bdi = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("bdi"),
+	displayName: "bdi",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "bdi");
-const bdo = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const bdo = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("bdo"),
+	displayName: "bdo",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "bdo");
-const blockquote = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const blockquote = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("blockquote"),
+	displayName: "blockquote",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "blockquote");
-const br = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const br = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("br"),
+	displayName: "br",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "br");
-const button = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const button = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("button"),
+	displayName: "button",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
@@ -114,10 +122,11 @@ const button = (0, import_componentDisplayName.setComponentDisplayName)((0, impo
 		borderStyle: "solid",
 		borderWidth: 1
 	}
-}), "button");
-const code = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const code = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("code"),
+	displayName: "code",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -126,29 +135,32 @@ const code = (0, import_componentDisplayName.setComponentDisplayName)((0, import
 		fontFamily: "monospace",
 		fontSize: "1em"
 	}
-}), "code");
-const del = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const del = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("del"),
+	displayName: "del",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "line-through"
 	}
-}), "del");
-const div = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const div = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("div"),
+	displayName: "div",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "div");
-const em = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const em = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("em"),
+	displayName: "em",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -156,37 +168,41 @@ const em = (0, import_componentDisplayName.setComponentDisplayName)((0, import_c
 		textDecorationLine: "none",
 		fontStyle: "italic"
 	}
-}), "em");
-const fieldset = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const fieldset = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("fieldset"),
+	displayName: "fieldset",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "fieldset");
-const footer = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const footer = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("footer"),
+	displayName: "footer",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "footer");
-const form = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const form = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("form"),
+	displayName: "form",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "form");
-const h1 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const h1 = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("h1"),
+	displayName: "h1",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -194,10 +210,11 @@ const h1 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_c
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h1");
-const h2 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const h2 = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("h2"),
+	displayName: "h2",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -205,10 +222,11 @@ const h2 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_c
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h2");
-const h3 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const h3 = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("h3"),
+	displayName: "h3",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -216,10 +234,11 @@ const h3 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_c
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h3");
-const h4 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const h4 = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("h4"),
+	displayName: "h4",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -227,10 +246,11 @@ const h4 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_c
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h4");
-const h5 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const h5 = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("h5"),
+	displayName: "h5",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -238,10 +258,11 @@ const h5 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_c
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h5");
-const h6 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const h6 = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("h6"),
+	displayName: "h6",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -249,19 +270,21 @@ const h6 = (0, import_componentDisplayName.setComponentDisplayName)((0, import_c
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h6");
-const header = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const header = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("header"),
+	displayName: "header",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "header");
-const hr = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const hr = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("hr"),
+	displayName: "hr",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
@@ -272,10 +295,11 @@ const hr = (0, import_componentDisplayName.setComponentDisplayName)((0, import_c
 		borderWidth: 0,
 		boxSizing: "border-box"
 	}
-}), "hr");
-const i = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const i = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("i"),
+	displayName: "i",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -283,10 +307,11 @@ const i = (0, import_componentDisplayName.setComponentDisplayName)((0, import_cr
 		textDecorationLine: "none",
 		fontStyle: "italic"
 	}
-}), "i");
-const img = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const img = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("img"),
+	displayName: "img",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
@@ -296,10 +321,11 @@ const img = (0, import_componentDisplayName.setComponentDisplayName)((0, import_
 		height: "auto",
 		maxWidth: "100%"
 	}
-}), "img");
-const input = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const input = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("input"),
+	displayName: "input",
 	isInput: true,
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
@@ -308,20 +334,22 @@ const input = (0, import_componentDisplayName.setComponentDisplayName)((0, impor
 		borderStyle: "solid",
 		borderWidth: 1
 	}
-}), "input");
-const ins = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const ins = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("ins"),
+	displayName: "ins",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "underline"
 	}
-}), "ins");
-const kbd = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const kbd = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("kbd"),
+	displayName: "kbd",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -330,38 +358,42 @@ const kbd = (0, import_componentDisplayName.setComponentDisplayName)((0, import_
 		fontFamily: "monospace",
 		fontSize: "1em"
 	}
-}), "kbd");
-const label = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const label = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("label"),
+	displayName: "label",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "label");
-const li = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const li = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("li"),
+	displayName: "li",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "li");
-const main = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const main = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("main"),
+	displayName: "main",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "main");
-const mark = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const mark = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("mark"),
+	displayName: "mark",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -370,55 +402,61 @@ const mark = (0, import_componentDisplayName.setComponentDisplayName)((0, import
 		backgroundColor: "yellow",
 		color: "black"
 	}
-}), "mark");
-const nav = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const nav = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("nav"),
+	displayName: "nav",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "nav");
-const ol = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const ol = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("ol"),
+	displayName: "ol",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "ol");
-const optgroup = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const optgroup = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("optgroup"),
+	displayName: "optgroup",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "optgroup");
-const option = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const option = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("option"),
+	displayName: "option",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "option");
-const p = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const p = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("p"),
+	displayName: "p",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "p");
-const pre = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const pre = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("pre"),
+	displayName: "pre",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -427,49 +465,54 @@ const pre = (0, import_componentDisplayName.setComponentDisplayName)((0, import_
 		fontSize: "1em",
 		overflow: "auto"
 	}
-}), "pre");
-const s = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const s = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("s"),
+	displayName: "s",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "line-through"
 	}
-}), "s");
-const section = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const section = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("section"),
+	displayName: "section",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "section");
-const select = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const select = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("select"),
+	displayName: "select",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		borderStyle: "solid"
 	}
-}), "select");
-const span = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const span = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("span"),
+	displayName: "span",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "span");
-const strong = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const strong = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("strong"),
+	displayName: "strong",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
@@ -477,30 +520,33 @@ const strong = (0, import_componentDisplayName.setComponentDisplayName)((0, impo
 		textDecorationLine: "none",
 		fontWeight: "bold"
 	}
-}), "strong");
-const sub = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const sub = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("sub"),
+	displayName: "sub",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "sub");
-const sup = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const sup = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("sup"),
+	displayName: "sup",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "sup");
-const textarea = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const textarea = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("textarea"),
+	displayName: "textarea",
 	isInput: true,
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
@@ -509,26 +555,28 @@ const textarea = (0, import_componentDisplayName.setComponentDisplayName)((0, im
 		borderStyle: "solid",
 		borderWidth: 1
 	}
-}), "textarea");
-const u = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const u = (0, import_createComponent.createComponent)({
 	...import_Text.textStaticConfig,
 	Component: tag("u"),
+	displayName: "u",
 	defaultProps: {
 		...import_Text.textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "underline"
 	}
-}), "u");
-const ul = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)({
+});
+const ul = (0, import_createComponent.createComponent)({
 	...import_View.viewStaticConfig,
 	Component: tag("ul"),
+	displayName: "ul",
 	defaultProps: {
 		...import_View.viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "ul");
+});
 const html = {
 	a,
 	article,

package/dist/cjs/dom/htmlRuntime.native.cjs

@@ -157,12 +157,16 @@ function createDOMTagFactory(tables) {
 		var Tag = function(props) {
 			return (0, import_jsx_runtime.jsx)(Component, resolveDOMProps(props, tag, spec, tables));
 		};
-		return (0, import_componentDisplayName.setComponentDisplayName)(Tag, tag);
+		Tag.displayName = tag;
+		Tag[import_componentDisplayName.componentDisplayName] = tag;
+		return Tag;
 	};
 }
 function unsupportedDOMTag(tag, note) {
 	var Tag = function() {
 		throw new Error(`html.${tag} is not supported on native: ${note}`);
 	};
-	return (0, import_componentDisplayName.setComponentDisplayName)(Tag, tag);
+	Tag.displayName = tag;
+	Tag[import_componentDisplayName.componentDisplayName] = tag;
+	return Tag;
 }

package/dist/cjs/dom/htmlRuntime.native.js

@@ -157,14 +157,18 @@ function createDOMTagFactory(tables) {
 		var Tag = function(props) {
 			return (0, import_jsx_runtime.jsx)(Component, resolveDOMProps(props, tag, spec, tables));
 		};
-		return (0, import_componentDisplayName.setComponentDisplayName)(Tag, tag);
+		Tag.displayName = tag;
+		Tag[import_componentDisplayName.componentDisplayName] = tag;
+		return Tag;
 	};
 }
 function unsupportedDOMTag(tag, note) {
 	var Tag = function() {
 		throw new Error(`html.${tag} is not supported on native: ${note}`);
 	};
-	return (0, import_componentDisplayName.setComponentDisplayName)(Tag, tag);
+	Tag.displayName = tag;
+	Tag[import_componentDisplayName.componentDisplayName] = tag;
+	return Tag;
 }
 
 //# sourceMappingURL=htmlRuntime.native.js.map