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

package/dist/esm/dom/html.mjs

@@ -1,40 +1,43 @@
 import { createComponent } from "../createComponent.mjs";
-import { setComponentDisplayName } from "../helpers/componentDisplayName.mjs";
 import { textStaticConfig } from "../views/Text.mjs";
 import { viewStaticConfig } from "../views/View.mjs";
 
 const tag = (name) => name;
-const a = setComponentDisplayName(createComponent({
+const a = createComponent({
 	...textStaticConfig,
 	Component: tag("a"),
+	displayName: "a",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "a");
-const article = setComponentDisplayName(createComponent({
+});
+const article = createComponent({
 	...viewStaticConfig,
 	Component: tag("article"),
+	displayName: "article",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "article");
-const aside = setComponentDisplayName(createComponent({
+});
+const aside = createComponent({
 	...viewStaticConfig,
 	Component: tag("aside"),
+	displayName: "aside",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "aside");
-const b = setComponentDisplayName(createComponent({
+});
+const b = createComponent({
 	...textStaticConfig,
 	Component: tag("b"),
+	displayName: "b",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -42,49 +45,54 @@ const b = setComponentDisplayName(createComponent({
 		textDecorationLine: "none",
 		fontWeight: "bold"
 	}
-}), "b");
-const bdi = setComponentDisplayName(createComponent({
+});
+const bdi = createComponent({
 	...textStaticConfig,
 	Component: tag("bdi"),
+	displayName: "bdi",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "bdi");
-const bdo = setComponentDisplayName(createComponent({
+});
+const bdo = createComponent({
 	...textStaticConfig,
 	Component: tag("bdo"),
+	displayName: "bdo",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "bdo");
-const blockquote = setComponentDisplayName(createComponent({
+});
+const blockquote = createComponent({
 	...viewStaticConfig,
 	Component: tag("blockquote"),
+	displayName: "blockquote",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "blockquote");
-const br = setComponentDisplayName(createComponent({
+});
+const br = createComponent({
 	...textStaticConfig,
 	Component: tag("br"),
+	displayName: "br",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "br");
-const button = setComponentDisplayName(createComponent({
+});
+const button = createComponent({
 	...viewStaticConfig,
 	Component: tag("button"),
+	displayName: "button",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
@@ -92,10 +100,11 @@ const button = setComponentDisplayName(createComponent({
 		borderStyle: "solid",
 		borderWidth: 1
 	}
-}), "button");
-const code = setComponentDisplayName(createComponent({
+});
+const code = createComponent({
 	...textStaticConfig,
 	Component: tag("code"),
+	displayName: "code",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -104,29 +113,32 @@ const code = setComponentDisplayName(createComponent({
 		fontFamily: "monospace",
 		fontSize: "1em"
 	}
-}), "code");
-const del = setComponentDisplayName(createComponent({
+});
+const del = createComponent({
 	...textStaticConfig,
 	Component: tag("del"),
+	displayName: "del",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "line-through"
 	}
-}), "del");
-const div = setComponentDisplayName(createComponent({
+});
+const div = createComponent({
 	...viewStaticConfig,
 	Component: tag("div"),
+	displayName: "div",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "div");
-const em = setComponentDisplayName(createComponent({
+});
+const em = createComponent({
 	...textStaticConfig,
 	Component: tag("em"),
+	displayName: "em",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -134,37 +146,41 @@ const em = setComponentDisplayName(createComponent({
 		textDecorationLine: "none",
 		fontStyle: "italic"
 	}
-}), "em");
-const fieldset = setComponentDisplayName(createComponent({
+});
+const fieldset = createComponent({
 	...viewStaticConfig,
 	Component: tag("fieldset"),
+	displayName: "fieldset",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "fieldset");
-const footer = setComponentDisplayName(createComponent({
+});
+const footer = createComponent({
 	...viewStaticConfig,
 	Component: tag("footer"),
+	displayName: "footer",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "footer");
-const form = setComponentDisplayName(createComponent({
+});
+const form = createComponent({
 	...viewStaticConfig,
 	Component: tag("form"),
+	displayName: "form",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "form");
-const h1 = setComponentDisplayName(createComponent({
+});
+const h1 = createComponent({
 	...textStaticConfig,
 	Component: tag("h1"),
+	displayName: "h1",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -172,10 +188,11 @@ const h1 = setComponentDisplayName(createComponent({
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h1");
-const h2 = setComponentDisplayName(createComponent({
+});
+const h2 = createComponent({
 	...textStaticConfig,
 	Component: tag("h2"),
+	displayName: "h2",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -183,10 +200,11 @@ const h2 = setComponentDisplayName(createComponent({
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h2");
-const h3 = setComponentDisplayName(createComponent({
+});
+const h3 = createComponent({
 	...textStaticConfig,
 	Component: tag("h3"),
+	displayName: "h3",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -194,10 +212,11 @@ const h3 = setComponentDisplayName(createComponent({
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h3");
-const h4 = setComponentDisplayName(createComponent({
+});
+const h4 = createComponent({
 	...textStaticConfig,
 	Component: tag("h4"),
+	displayName: "h4",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -205,10 +224,11 @@ const h4 = setComponentDisplayName(createComponent({
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h4");
-const h5 = setComponentDisplayName(createComponent({
+});
+const h5 = createComponent({
 	...textStaticConfig,
 	Component: tag("h5"),
+	displayName: "h5",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -216,10 +236,11 @@ const h5 = setComponentDisplayName(createComponent({
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h5");
-const h6 = setComponentDisplayName(createComponent({
+});
+const h6 = createComponent({
 	...textStaticConfig,
 	Component: tag("h6"),
+	displayName: "h6",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -227,19 +248,21 @@ const h6 = setComponentDisplayName(createComponent({
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
-}), "h6");
-const header = setComponentDisplayName(createComponent({
+});
+const header = createComponent({
 	...viewStaticConfig,
 	Component: tag("header"),
+	displayName: "header",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "header");
-const hr = setComponentDisplayName(createComponent({
+});
+const hr = createComponent({
 	...viewStaticConfig,
 	Component: tag("hr"),
+	displayName: "hr",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
@@ -250,10 +273,11 @@ const hr = setComponentDisplayName(createComponent({
 		borderWidth: 0,
 		boxSizing: "border-box"
 	}
-}), "hr");
-const i = setComponentDisplayName(createComponent({
+});
+const i = createComponent({
 	...textStaticConfig,
 	Component: tag("i"),
+	displayName: "i",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -261,10 +285,11 @@ const i = setComponentDisplayName(createComponent({
 		textDecorationLine: "none",
 		fontStyle: "italic"
 	}
-}), "i");
-const img = setComponentDisplayName(createComponent({
+});
+const img = createComponent({
 	...viewStaticConfig,
 	Component: tag("img"),
+	displayName: "img",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
@@ -274,10 +299,11 @@ const img = setComponentDisplayName(createComponent({
 		height: "auto",
 		maxWidth: "100%"
 	}
-}), "img");
-const input = setComponentDisplayName(createComponent({
+});
+const input = createComponent({
 	...textStaticConfig,
 	Component: tag("input"),
+	displayName: "input",
 	isInput: true,
 	defaultProps: {
 		...textStaticConfig.defaultProps,
@@ -286,20 +312,22 @@ const input = setComponentDisplayName(createComponent({
 		borderStyle: "solid",
 		borderWidth: 1
 	}
-}), "input");
-const ins = setComponentDisplayName(createComponent({
+});
+const ins = createComponent({
 	...textStaticConfig,
 	Component: tag("ins"),
+	displayName: "ins",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "underline"
 	}
-}), "ins");
-const kbd = setComponentDisplayName(createComponent({
+});
+const kbd = createComponent({
 	...textStaticConfig,
 	Component: tag("kbd"),
+	displayName: "kbd",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -308,38 +336,42 @@ const kbd = setComponentDisplayName(createComponent({
 		fontFamily: "monospace",
 		fontSize: "1em"
 	}
-}), "kbd");
-const label = setComponentDisplayName(createComponent({
+});
+const label = createComponent({
 	...textStaticConfig,
 	Component: tag("label"),
+	displayName: "label",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "label");
-const li = setComponentDisplayName(createComponent({
+});
+const li = createComponent({
 	...viewStaticConfig,
 	Component: tag("li"),
+	displayName: "li",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "li");
-const main = setComponentDisplayName(createComponent({
+});
+const main = createComponent({
 	...viewStaticConfig,
 	Component: tag("main"),
+	displayName: "main",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "main");
-const mark = setComponentDisplayName(createComponent({
+});
+const mark = createComponent({
 	...textStaticConfig,
 	Component: tag("mark"),
+	displayName: "mark",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -348,55 +380,61 @@ const mark = setComponentDisplayName(createComponent({
 		backgroundColor: "yellow",
 		color: "black"
 	}
-}), "mark");
-const nav = setComponentDisplayName(createComponent({
+});
+const nav = createComponent({
 	...viewStaticConfig,
 	Component: tag("nav"),
+	displayName: "nav",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "nav");
-const ol = setComponentDisplayName(createComponent({
+});
+const ol = createComponent({
 	...viewStaticConfig,
 	Component: tag("ol"),
+	displayName: "ol",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "ol");
-const optgroup = setComponentDisplayName(createComponent({
+});
+const optgroup = createComponent({
 	...viewStaticConfig,
 	Component: tag("optgroup"),
+	displayName: "optgroup",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "optgroup");
-const option = setComponentDisplayName(createComponent({
+});
+const option = createComponent({
 	...textStaticConfig,
 	Component: tag("option"),
+	displayName: "option",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "option");
-const p = setComponentDisplayName(createComponent({
+});
+const p = createComponent({
 	...textStaticConfig,
 	Component: tag("p"),
+	displayName: "p",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "p");
-const pre = setComponentDisplayName(createComponent({
+});
+const pre = createComponent({
 	...textStaticConfig,
 	Component: tag("pre"),
+	displayName: "pre",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -405,49 +443,54 @@ const pre = setComponentDisplayName(createComponent({
 		fontSize: "1em",
 		overflow: "auto"
 	}
-}), "pre");
-const s = setComponentDisplayName(createComponent({
+});
+const s = createComponent({
 	...textStaticConfig,
 	Component: tag("s"),
+	displayName: "s",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "line-through"
 	}
-}), "s");
-const section = setComponentDisplayName(createComponent({
+});
+const section = createComponent({
 	...viewStaticConfig,
 	Component: tag("section"),
+	displayName: "section",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "section");
-const select = setComponentDisplayName(createComponent({
+});
+const select = createComponent({
 	...viewStaticConfig,
 	Component: tag("select"),
+	displayName: "select",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		borderStyle: "solid"
 	}
-}), "select");
-const span = setComponentDisplayName(createComponent({
+});
+const span = createComponent({
 	...textStaticConfig,
 	Component: tag("span"),
+	displayName: "span",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "span");
-const strong = setComponentDisplayName(createComponent({
+});
+const strong = createComponent({
 	...textStaticConfig,
 	Component: tag("strong"),
+	displayName: "strong",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
@@ -455,30 +498,33 @@ const strong = setComponentDisplayName(createComponent({
 		textDecorationLine: "none",
 		fontWeight: "bold"
 	}
-}), "strong");
-const sub = setComponentDisplayName(createComponent({
+});
+const sub = createComponent({
 	...textStaticConfig,
 	Component: tag("sub"),
+	displayName: "sub",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "sub");
-const sup = setComponentDisplayName(createComponent({
+});
+const sup = createComponent({
 	...textStaticConfig,
 	Component: tag("sup"),
+	displayName: "sup",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "none"
 	}
-}), "sup");
-const textarea = setComponentDisplayName(createComponent({
+});
+const textarea = createComponent({
 	...textStaticConfig,
 	Component: tag("textarea"),
+	displayName: "textarea",
 	isInput: true,
 	defaultProps: {
 		...textStaticConfig.defaultProps,
@@ -487,26 +533,28 @@ const textarea = setComponentDisplayName(createComponent({
 		borderStyle: "solid",
 		borderWidth: 1
 	}
-}), "textarea");
-const u = setComponentDisplayName(createComponent({
+});
+const u = createComponent({
 	...textStaticConfig,
 	Component: tag("u"),
+	displayName: "u",
 	defaultProps: {
 		...textStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0,
 		textDecorationLine: "underline"
 	}
-}), "u");
-const ul = setComponentDisplayName(createComponent({
+});
+const ul = createComponent({
 	...viewStaticConfig,
 	Component: tag("ul"),
+	displayName: "ul",
 	defaultProps: {
 		...viewStaticConfig.defaultProps,
 		margin: 0,
 		padding: 0
 	}
-}), "ul");
+});
 const html = {
 	a,
 	article,