@tamagui/web 3.0.0-beta.1312.1 → 3.0.0-beta.1341.1

package/dist/cjs/dom/html.cjs

@@ -22,273 +22,160 @@ var html_exports = {};
 __export(html_exports, { html: () => html });
 module.exports = __toCommonJS(html_exports);
 var import_createComponent = require("../createComponent.cjs");
-var import_Text = require("../views/Text.cjs");
-var import_View = require("../views/View.cjs");
+var import_htmlStaticConfig = require("./htmlStaticConfig.cjs");
 const tag = (name) => name;
 const a = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("a"),
-	displayName: "a",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "a"
 });
 const article = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("article"),
-	displayName: "article",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "article"
 });
 const aside = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("aside"),
-	displayName: "aside",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "aside"
 });
 const b = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("b"),
 	displayName: "b",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
-		fontWeight: "bold"
-	}
+	defaultProps: { fontWeight: "bold" }
 });
 const bdi = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("bdi"),
-	displayName: "bdi",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "bdi"
 });
 const bdo = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("bdo"),
-	displayName: "bdo",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "bdo"
 });
 const blockquote = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("blockquote"),
-	displayName: "blockquote",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "blockquote"
 });
 const br = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("br"),
-	displayName: "br",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "br"
 });
 const button = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("button"),
 	displayName: "button",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		borderStyle: "solid",
-		borderWidth: 1
-	}
+	defaultProps: { borderWidth: 1 }
 });
 const code = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("code"),
 	displayName: "code",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
 		fontFamily: "monospace",
 		fontSize: "1em"
 	}
 });
 const del = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("del"),
 	displayName: "del",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "line-through"
-	}
+	defaultProps: { textDecorationLine: "line-through" }
 });
 const div = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("div"),
-	displayName: "div",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "div"
 });
 const em = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("em"),
 	displayName: "em",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
-		fontStyle: "italic"
-	}
+	defaultProps: { fontStyle: "italic" }
 });
 const fieldset = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("fieldset"),
-	displayName: "fieldset",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "fieldset"
 });
 const footer = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("footer"),
-	displayName: "footer",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "footer"
 });
 const form = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("form"),
-	displayName: "form",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "form"
 });
 const h1 = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("h1"),
 	displayName: "h1",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h2 = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("h2"),
 	displayName: "h2",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h3 = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("h3"),
 	displayName: "h3",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h4 = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("h4"),
 	displayName: "h4",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h5 = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("h5"),
 	displayName: "h5",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h6 = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("h6"),
 	displayName: "h6",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const header = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("header"),
-	displayName: "header",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "header"
 });
 const hr = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("hr"),
 	displayName: "hr",
 	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		backgroundColor: "black",
 		height: 1,
 		borderStyle: "none",
@@ -297,285 +184,156 @@ const hr = (0, import_createComponent.createComponent)({
 	}
 });
 const i = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("i"),
 	displayName: "i",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
-		fontStyle: "italic"
-	}
+	defaultProps: { fontStyle: "italic" }
 });
 const img = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("img"),
 	displayName: "img",
 	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
 		objectFit: "fill",
 		height: "auto",
 		maxWidth: "100%"
 	}
 });
 const input = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("input"),
 	displayName: "input",
 	isInput: true,
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		borderStyle: "solid",
-		borderWidth: 1
-	}
+	defaultProps: { borderWidth: 1 }
 });
 const ins = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("ins"),
 	displayName: "ins",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "underline"
-	}
+	defaultProps: { textDecorationLine: "underline" }
 });
 const kbd = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("kbd"),
 	displayName: "kbd",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
 		fontFamily: "monospace",
 		fontSize: "1em"
 	}
 });
 const label = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("label"),
-	displayName: "label",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "label"
 });
 const li = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("li"),
-	displayName: "li",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "li"
 });
 const main = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("main"),
-	displayName: "main",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "main"
 });
 const mark = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("mark"),
 	displayName: "mark",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
 		backgroundColor: "yellow",
 		color: "black"
 	}
 });
 const nav = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("nav"),
-	displayName: "nav",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "nav"
 });
 const ol = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("ol"),
-	displayName: "ol",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "ol"
 });
 const optgroup = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("optgroup"),
-	displayName: "optgroup",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "optgroup"
 });
 const option = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("option"),
-	displayName: "option",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "option"
 });
 const p = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("p"),
-	displayName: "p",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "p"
 });
 const pre = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("pre"),
 	displayName: "pre",
 	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontFamily: "monospace",
 		fontSize: "1em",
 		overflow: "auto"
 	}
 });
 const s = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("s"),
 	displayName: "s",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "line-through"
-	}
+	defaultProps: { textDecorationLine: "line-through" }
 });
 const section = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("section"),
-	displayName: "section",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "section"
 });
 const select = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("select"),
-	displayName: "select",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		borderStyle: "solid"
-	}
+	displayName: "select"
 });
 const span = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("span"),
-	displayName: "span",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "span"
 });
 const strong = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("strong"),
 	displayName: "strong",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
-		fontWeight: "bold"
-	}
+	defaultProps: { fontWeight: "bold" }
 });
 const sub = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("sub"),
-	displayName: "sub",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "sub"
 });
 const sup = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("sup"),
-	displayName: "sup",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "sup"
 });
 const textarea = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("textarea"),
 	displayName: "textarea",
 	isInput: true,
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		borderStyle: "solid",
-		borderWidth: 1
-	}
+	defaultProps: { borderWidth: 1 }
 });
 const u = (0, import_createComponent.createComponent)({
-	...import_Text.textStaticConfig,
+	...import_htmlStaticConfig.htmlTextStaticConfig,
 	Component: tag("u"),
 	displayName: "u",
-	defaultProps: {
-		...import_Text.textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "underline"
-	}
+	defaultProps: { textDecorationLine: "underline" }
 });
 const ul = (0, import_createComponent.createComponent)({
-	...import_View.viewStaticConfig,
+	...import_htmlStaticConfig.htmlStaticConfig,
 	Component: tag("ul"),
-	displayName: "ul",
-	defaultProps: {
-		...import_View.viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "ul"
 });
 const html = {
 	a,