@tamagui/web 1.144.2 → 1.144.4

package/dist/esm/helpers/useRenderElement.native.js

@@ -0,0 +1,26 @@
+import { cloneElement, createElement, isValidElement } from "react";
+import { composeRefs } from "@tamagui/compose-refs";
+import { mergeSlotStyleProps } from "./mergeSlotStyleProps.native.js";
+function evaluateRenderProp(render, props, state, defaultElement) {
+  if (!render) return defaultElement;
+  var defaultChildren = defaultElement.props.children;
+  if (typeof render == "string") return /* @__PURE__ */createElement(render, props, defaultChildren);
+  if (typeof render == "function") return render(props, state);
+  if (/* @__PURE__ */isValidElement(render)) {
+    var renderProps = render.props,
+      renderRef = renderProps?.ref;
+    if (!renderProps || Object.keys(renderProps).length === 0) return renderRef ? /* @__PURE__ */cloneElement(render, {
+      ...props,
+      ref: composeRefs(props.ref, renderRef)
+    }, defaultChildren) : /* @__PURE__ */cloneElement(render, props, defaultChildren);
+    var merged = mergeSlotStyleProps({
+        ...props
+      }, renderProps),
+      _renderProps_children,
+      children = (_renderProps_children = renderProps.children) !== null && _renderProps_children !== void 0 ? _renderProps_children : defaultChildren;
+    return /* @__PURE__ */cloneElement(render, merged, children);
+  }
+  return defaultElement;
+}
+export { evaluateRenderProp };
+//# sourceMappingURL=useRenderElement.native.js.map

package/dist/esm/helpers/useRenderElement.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cloneElement","createElement","isValidElement","composeRefs","mergeSlotStyleProps","evaluateRenderProp","render","props","state","defaultElement","defaultChildren","children","renderProps","renderRef","ref","Object","keys","length","merged","_renderProps_children"],"sources":["../../../src/helpers/useRenderElement.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,YAAA,EAAcC,aAAA,EAAeC,cAAA,QAAsB;AAC5D,SAASC,WAAA,QAAmB;AAE5B,SAASC,mBAAA,QAA2B;AAe7B,SAASC,mBACdC,MAAA,EACAC,KAAA,EACAC,KAAA,EACAC,cAAA,EACoB;EACpB,IAAI,CAACH,MAAA,EACH,OAAOG,cAAA;EAGT,IAAAC,eAAM,GAAAD,cAAkB,CAAAF,KAAe,CAAAI,QAAM;EAG7C,IAAI,OAAOL,MAAA,IAAW,UACpB,OAAO,eAAcL,aAAe,CAAAK,MAAA,EAAAC,KAAA,EAAeG,eAAA;EAIrD,IAAI,OAAOJ,MAAA,IAAW,YACpB,OAAOA,MAAA,CAAOC,KAAA,EAAOC,KAAK;EAI5B,IAAI,eAAeN,cAAS,CAAAI,MAAA;IAC1B,IAAAM,WAAM,GAAAN,MAAc,CAAAC,KAAO;MAAAM,SACrB,GAAAD,WAAY,EAAAE,GAAa;IAG/B,IAAI,CAACF,WAAA,IAAeG,MAAA,CAAOC,IAAA,CAAKJ,WAAW,EAAEK,MAAA,KAAW,GACtD,OAAIJ,SAAA,GACK,eAAAb,YAAA,CAAAM,MAAA;MACL,GAAAC,KAAA;MACAO,GAAE,EAAGX,WAAO,CAAKI,KAAA,CAAAO,GAAA,EAAAD,SAAkB;IAAgB,GACnDH,eAAA,mBAAAV,YAAA,CAAAM,MAAA,EAAAC,KAAA,EAAAG,eAAA;IAAA,IACFQ,MAEK,GAAAd,mBAAqB;QAI9B,GAAAG;MAEA,GAAAK,WAAO;MAAAO,qBAAoC;MAAAR,QAAQ,IAAAQ,qBAAA,GAAAP,WAAA,CAAAD,QAAA,cAAAQ,qBAAA,cAAAA,qBAAA,GAAAT,eAAA;IACrD,sBAAAV,YAAA,CAAAM,MAAA,EAAAY,MAAA,EAAAP,QAAA;EAEA;EACF,OAAAF,cAAA","ignoreList":[]}

package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.js

@@ -0,0 +1 @@
+//# sourceMappingURL=TamaguiComponentPropsBaseBase.js.map

package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=TamaguiComponentPropsBaseBase.mjs.map

package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=TamaguiComponentPropsBaseBase.native.js.map

package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/styled.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["createComponent","mergeVariants","getReactNativeConfig","styled","ComponentIn","options","config","process","env","NODE_ENV","Error","parentStaticConfig","staticConfig","isPlainStyledComponent","isReactNative","isHOC","isNonStyledHOC","isStyledHOC","Component","reactNativeConfig","staticConfigProps","variants","name","defaultVariants","acceptsClassName","acceptsClassNameProp","context","defaultProps","parentDefaultVariants","parentDefaultProps","avoid","pdp","key2","val","componentName","isText","_config_acceptsClassName","_ref","conf","children","neverFlatten","component","key"],"sources":["../../src/styled.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createComponent","mergeVariants","getReactNativeConfig","styled","ComponentIn","options","config","process","env","NODE_ENV","Error","parentStaticConfig","staticConfig","isPlainStyledComponent","isReactNative","isHOC","isNonStyledHOC","isStyledHOC","Component","reactNativeConfig","staticConfigProps","variants","name","defaultVariants","acceptsClassName","acceptsClassNameProp","context","defaultProps","parentDefaultVariants","parentDefaultProps","avoid","pdp","key2","val","componentName","isText","_config_acceptsClassName","_ref","conf","children","neverFlatten","component","key"],"sources":["../../src/styled.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/styledHtml.test-d.js

@@ -0,0 +1,137 @@
+import { expectTypeOf, describe, test } from "vitest";
+import { styled, styledHtml } from "./styled";
+describe("styled.a() types", () => {
+  const StyledAnchor = styled.a({
+    color: "$blue10"
+  });
+  test("styled.a() accepts href prop", () => {
+    expectTypeOf().toHaveProperty("href"), expectTypeOf().toMatchTypeOf();
+  }), test("styled.a() accepts target prop", () => {
+    expectTypeOf().toHaveProperty("target");
+  }), test("styled.a() accepts rel prop", () => {
+    expectTypeOf().toHaveProperty("rel");
+  }), test("styled.a() accepts text style props", () => {
+    expectTypeOf().toHaveProperty("color"), expectTypeOf().toHaveProperty("fontSize"), expectTypeOf().toHaveProperty("fontWeight"), expectTypeOf().toHaveProperty("textDecorationLine");
+  });
+});
+describe("styled.button() types", () => {
+  const StyledButton = styled.button({
+    padding: "$4"
+  });
+  test("styled.button() accepts type prop", () => {
+    expectTypeOf().toHaveProperty("type");
+  }), test("styled.button() accepts disabled prop", () => {
+    expectTypeOf().toHaveProperty("disabled");
+  }), test("styled.button() accepts onClick prop", () => {
+    expectTypeOf().toHaveProperty("onClick");
+  }), test("styled.button() accepts stack style props", () => {
+    expectTypeOf().toHaveProperty("padding"), expectTypeOf().toHaveProperty("backgroundColor"), expectTypeOf().toHaveProperty("borderRadius");
+  });
+});
+describe("styled.input() types", () => {
+  const StyledInput = styled.input({
+    padding: "$2"
+  });
+  test("styled.input() accepts type prop", () => {
+    expectTypeOf().toHaveProperty("type");
+  }), test("styled.input() accepts placeholder prop", () => {
+    expectTypeOf().toHaveProperty("placeholder");
+  }), test("styled.input() accepts maxLength prop", () => {
+    expectTypeOf().toHaveProperty("maxLength");
+  }), test("styled.input() accepts value prop", () => {
+    expectTypeOf().toHaveProperty("value");
+  }), test("styled.input() accepts onChange prop", () => {
+    expectTypeOf().toHaveProperty("onChange");
+  });
+});
+describe("styled.form() types", () => {
+  const StyledForm = styled.form({
+    gap: "$3"
+  });
+  test("styled.form() accepts action prop", () => {
+    expectTypeOf().toHaveProperty("action");
+  }), test("styled.form() accepts method prop", () => {
+    expectTypeOf().toHaveProperty("method");
+  }), test("styled.form() accepts onSubmit prop", () => {
+    expectTypeOf().toHaveProperty("onSubmit");
+  });
+});
+describe("styled.label() types", () => {
+  const StyledLabel = styled.label({
+    fontSize: "$3"
+  });
+  test("styled.label() accepts htmlFor prop", () => {
+    expectTypeOf().toHaveProperty("htmlFor");
+  });
+});
+describe("styled.div() types", () => {
+  const StyledDiv = styled.div({
+    padding: "$4"
+  });
+  test("styled.div() accepts stack style props", () => {
+    expectTypeOf().toHaveProperty("padding"), expectTypeOf().toHaveProperty("margin"), expectTypeOf().toHaveProperty("flex"), expectTypeOf().toHaveProperty("backgroundColor");
+  });
+});
+describe("styled.span() types", () => {
+  const StyledSpan = styled.span({
+    color: "$color"
+  });
+  test("styled.span() accepts text style props", () => {
+    expectTypeOf().toHaveProperty("color"), expectTypeOf().toHaveProperty("fontSize"), expectTypeOf().toHaveProperty("fontWeight"), expectTypeOf().toHaveProperty("lineHeight");
+  });
+});
+describe("styled.element() with variants", () => {
+  const StyledAnchorWithVariants = styled.a({
+    color: "$blue10",
+    variants: {
+      size: {
+        small: { fontSize: "$2" },
+        large: { fontSize: "$6" }
+      },
+      underline: {
+        true: { textDecorationLine: "underline" },
+        false: { textDecorationLine: "none" }
+      }
+    },
+    defaultVariants: {
+      underline: !0
+    }
+  });
+  test("styled.a() with variants accepts size variant", () => {
+    expectTypeOf().toHaveProperty("size");
+  }), test("styled.a() with variants accepts underline variant", () => {
+    expectTypeOf().toHaveProperty("underline");
+  }), test("styled.a() with variants still accepts href", () => {
+    expectTypeOf().toHaveProperty("href");
+  });
+});
+describe("styledHtml() function", () => {
+  const StyledAnchor = styledHtml("a", {
+    color: "$blue10"
+  });
+  test('styledHtml("a") accepts href prop', () => {
+    expectTypeOf().toHaveProperty("href");
+  });
+});
+describe("semantic HTML elements", () => {
+  test("styled.nav() creates nav element component", () => {
+    const StyledNav = styled.nav({ padding: "$2" });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.main() creates main element component", () => {
+    const StyledMain = styled.main({ flex: 1 });
+    expectTypeOf().toHaveProperty("flex");
+  }), test("styled.section() creates section element component", () => {
+    const StyledSection = styled.section({ padding: "$3" });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.article() creates article element component", () => {
+    const StyledArticle = styled.article({ padding: "$3" });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.header() creates header element component", () => {
+    const StyledHeader = styled.header({ padding: "$2" });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.footer() creates footer element component", () => {
+    const StyledFooter = styled.footer({ padding: "$2" });
+    expectTypeOf().toHaveProperty("padding");
+  });
+});
+//# sourceMappingURL=styledHtml.test-d.js.map

package/dist/esm/styledHtml.test-d.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/styledHtml.test-d.ts"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/styledHtml.test-d.mjs

@@ -0,0 +1,157 @@
+import { expectTypeOf, describe, test } from "vitest";
+import { styled, styledHtml } from "./styled.mjs";
+describe("styled.a() types", () => {
+  const StyledAnchor = styled.a({
+    color: "$blue10"
+  });
+  test("styled.a() accepts href prop", () => {
+    expectTypeOf().toHaveProperty("href"), expectTypeOf().toMatchTypeOf();
+  }), test("styled.a() accepts target prop", () => {
+    expectTypeOf().toHaveProperty("target");
+  }), test("styled.a() accepts rel prop", () => {
+    expectTypeOf().toHaveProperty("rel");
+  }), test("styled.a() accepts text style props", () => {
+    expectTypeOf().toHaveProperty("color"), expectTypeOf().toHaveProperty("fontSize"), expectTypeOf().toHaveProperty("fontWeight"), expectTypeOf().toHaveProperty("textDecorationLine");
+  });
+});
+describe("styled.button() types", () => {
+  const StyledButton = styled.button({
+    padding: "$4"
+  });
+  test("styled.button() accepts type prop", () => {
+    expectTypeOf().toHaveProperty("type");
+  }), test("styled.button() accepts disabled prop", () => {
+    expectTypeOf().toHaveProperty("disabled");
+  }), test("styled.button() accepts onClick prop", () => {
+    expectTypeOf().toHaveProperty("onClick");
+  }), test("styled.button() accepts stack style props", () => {
+    expectTypeOf().toHaveProperty("padding"), expectTypeOf().toHaveProperty("backgroundColor"), expectTypeOf().toHaveProperty("borderRadius");
+  });
+});
+describe("styled.input() types", () => {
+  const StyledInput = styled.input({
+    padding: "$2"
+  });
+  test("styled.input() accepts type prop", () => {
+    expectTypeOf().toHaveProperty("type");
+  }), test("styled.input() accepts placeholder prop", () => {
+    expectTypeOf().toHaveProperty("placeholder");
+  }), test("styled.input() accepts maxLength prop", () => {
+    expectTypeOf().toHaveProperty("maxLength");
+  }), test("styled.input() accepts value prop", () => {
+    expectTypeOf().toHaveProperty("value");
+  }), test("styled.input() accepts onChange prop", () => {
+    expectTypeOf().toHaveProperty("onChange");
+  });
+});
+describe("styled.form() types", () => {
+  const StyledForm = styled.form({
+    gap: "$3"
+  });
+  test("styled.form() accepts action prop", () => {
+    expectTypeOf().toHaveProperty("action");
+  }), test("styled.form() accepts method prop", () => {
+    expectTypeOf().toHaveProperty("method");
+  }), test("styled.form() accepts onSubmit prop", () => {
+    expectTypeOf().toHaveProperty("onSubmit");
+  });
+});
+describe("styled.label() types", () => {
+  const StyledLabel = styled.label({
+    fontSize: "$3"
+  });
+  test("styled.label() accepts htmlFor prop", () => {
+    expectTypeOf().toHaveProperty("htmlFor");
+  });
+});
+describe("styled.div() types", () => {
+  const StyledDiv = styled.div({
+    padding: "$4"
+  });
+  test("styled.div() accepts stack style props", () => {
+    expectTypeOf().toHaveProperty("padding"), expectTypeOf().toHaveProperty("margin"), expectTypeOf().toHaveProperty("flex"), expectTypeOf().toHaveProperty("backgroundColor");
+  });
+});
+describe("styled.span() types", () => {
+  const StyledSpan = styled.span({
+    color: "$color"
+  });
+  test("styled.span() accepts text style props", () => {
+    expectTypeOf().toHaveProperty("color"), expectTypeOf().toHaveProperty("fontSize"), expectTypeOf().toHaveProperty("fontWeight"), expectTypeOf().toHaveProperty("lineHeight");
+  });
+});
+describe("styled.element() with variants", () => {
+  const StyledAnchorWithVariants = styled.a({
+    color: "$blue10",
+    variants: {
+      size: {
+        small: {
+          fontSize: "$2"
+        },
+        large: {
+          fontSize: "$6"
+        }
+      },
+      underline: {
+        true: {
+          textDecorationLine: "underline"
+        },
+        false: {
+          textDecorationLine: "none"
+        }
+      }
+    },
+    defaultVariants: {
+      underline: !0
+    }
+  });
+  test("styled.a() with variants accepts size variant", () => {
+    expectTypeOf().toHaveProperty("size");
+  }), test("styled.a() with variants accepts underline variant", () => {
+    expectTypeOf().toHaveProperty("underline");
+  }), test("styled.a() with variants still accepts href", () => {
+    expectTypeOf().toHaveProperty("href");
+  });
+});
+describe("styledHtml() function", () => {
+  const StyledAnchor = styledHtml("a", {
+    color: "$blue10"
+  });
+  test('styledHtml("a") accepts href prop', () => {
+    expectTypeOf().toHaveProperty("href");
+  });
+});
+describe("semantic HTML elements", () => {
+  test("styled.nav() creates nav element component", () => {
+    const StyledNav = styled.nav({
+      padding: "$2"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.main() creates main element component", () => {
+    const StyledMain = styled.main({
+      flex: 1
+    });
+    expectTypeOf().toHaveProperty("flex");
+  }), test("styled.section() creates section element component", () => {
+    const StyledSection = styled.section({
+      padding: "$3"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.article() creates article element component", () => {
+    const StyledArticle = styled.article({
+      padding: "$3"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.header() creates header element component", () => {
+    const StyledHeader = styled.header({
+      padding: "$2"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.footer() creates footer element component", () => {
+    const StyledFooter = styled.footer({
+      padding: "$2"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  });
+});
+//# sourceMappingURL=styledHtml.test-d.mjs.map

package/dist/esm/styledHtml.test-d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["expectTypeOf","describe","test","styled","styledHtml","StyledAnchor","a","color","toHaveProperty","toMatchTypeOf","StyledButton","button","padding","StyledInput","input","StyledForm","form","gap","StyledLabel","label","fontSize","StyledDiv","div","StyledSpan","span","StyledAnchorWithVariants","variants","size","small","large","underline","true","textDecorationLine","false","defaultVariants","StyledNav","nav","StyledMain","main","flex","StyledSection","section","StyledArticle","article","StyledHeader","header","StyledFooter","footer"],"sources":["../../src/styledHtml.test-d.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/styledHtml.test-d.native.js

@@ -0,0 +1,157 @@
+import { expectTypeOf, describe, test } from "vitest";
+import { styled, styledHtml } from "./styled.native.js";
+describe("styled.a() types", function () {
+  var StyledAnchor = styled.a({
+    color: "$blue10"
+  });
+  test("styled.a() accepts href prop", function () {
+    expectTypeOf().toHaveProperty("href"), expectTypeOf().toMatchTypeOf();
+  }), test("styled.a() accepts target prop", function () {
+    expectTypeOf().toHaveProperty("target");
+  }), test("styled.a() accepts rel prop", function () {
+    expectTypeOf().toHaveProperty("rel");
+  }), test("styled.a() accepts text style props", function () {
+    expectTypeOf().toHaveProperty("color"), expectTypeOf().toHaveProperty("fontSize"), expectTypeOf().toHaveProperty("fontWeight"), expectTypeOf().toHaveProperty("textDecorationLine");
+  });
+});
+describe("styled.button() types", function () {
+  var StyledButton = styled.button({
+    padding: "$4"
+  });
+  test("styled.button() accepts type prop", function () {
+    expectTypeOf().toHaveProperty("type");
+  }), test("styled.button() accepts disabled prop", function () {
+    expectTypeOf().toHaveProperty("disabled");
+  }), test("styled.button() accepts onClick prop", function () {
+    expectTypeOf().toHaveProperty("onClick");
+  }), test("styled.button() accepts stack style props", function () {
+    expectTypeOf().toHaveProperty("padding"), expectTypeOf().toHaveProperty("backgroundColor"), expectTypeOf().toHaveProperty("borderRadius");
+  });
+});
+describe("styled.input() types", function () {
+  var StyledInput = styled.input({
+    padding: "$2"
+  });
+  test("styled.input() accepts type prop", function () {
+    expectTypeOf().toHaveProperty("type");
+  }), test("styled.input() accepts placeholder prop", function () {
+    expectTypeOf().toHaveProperty("placeholder");
+  }), test("styled.input() accepts maxLength prop", function () {
+    expectTypeOf().toHaveProperty("maxLength");
+  }), test("styled.input() accepts value prop", function () {
+    expectTypeOf().toHaveProperty("value");
+  }), test("styled.input() accepts onChange prop", function () {
+    expectTypeOf().toHaveProperty("onChange");
+  });
+});
+describe("styled.form() types", function () {
+  var StyledForm = styled.form({
+    gap: "$3"
+  });
+  test("styled.form() accepts action prop", function () {
+    expectTypeOf().toHaveProperty("action");
+  }), test("styled.form() accepts method prop", function () {
+    expectTypeOf().toHaveProperty("method");
+  }), test("styled.form() accepts onSubmit prop", function () {
+    expectTypeOf().toHaveProperty("onSubmit");
+  });
+});
+describe("styled.label() types", function () {
+  var StyledLabel = styled.label({
+    fontSize: "$3"
+  });
+  test("styled.label() accepts htmlFor prop", function () {
+    expectTypeOf().toHaveProperty("htmlFor");
+  });
+});
+describe("styled.div() types", function () {
+  var StyledDiv = styled.div({
+    padding: "$4"
+  });
+  test("styled.div() accepts stack style props", function () {
+    expectTypeOf().toHaveProperty("padding"), expectTypeOf().toHaveProperty("margin"), expectTypeOf().toHaveProperty("flex"), expectTypeOf().toHaveProperty("backgroundColor");
+  });
+});
+describe("styled.span() types", function () {
+  var StyledSpan = styled.span({
+    color: "$color"
+  });
+  test("styled.span() accepts text style props", function () {
+    expectTypeOf().toHaveProperty("color"), expectTypeOf().toHaveProperty("fontSize"), expectTypeOf().toHaveProperty("fontWeight"), expectTypeOf().toHaveProperty("lineHeight");
+  });
+});
+describe("styled.element() with variants", function () {
+  var StyledAnchorWithVariants = styled.a({
+    color: "$blue10",
+    variants: {
+      size: {
+        small: {
+          fontSize: "$2"
+        },
+        large: {
+          fontSize: "$6"
+        }
+      },
+      underline: {
+        true: {
+          textDecorationLine: "underline"
+        },
+        false: {
+          textDecorationLine: "none"
+        }
+      }
+    },
+    defaultVariants: {
+      underline: !0
+    }
+  });
+  test("styled.a() with variants accepts size variant", function () {
+    expectTypeOf().toHaveProperty("size");
+  }), test("styled.a() with variants accepts underline variant", function () {
+    expectTypeOf().toHaveProperty("underline");
+  }), test("styled.a() with variants still accepts href", function () {
+    expectTypeOf().toHaveProperty("href");
+  });
+});
+describe("styledHtml() function", function () {
+  var StyledAnchor = styledHtml("a", {
+    color: "$blue10"
+  });
+  test('styledHtml("a") accepts href prop', function () {
+    expectTypeOf().toHaveProperty("href");
+  });
+});
+describe("semantic HTML elements", function () {
+  test("styled.nav() creates nav element component", function () {
+    var StyledNav = styled.nav({
+      padding: "$2"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.main() creates main element component", function () {
+    var StyledMain = styled.main({
+      flex: 1
+    });
+    expectTypeOf().toHaveProperty("flex");
+  }), test("styled.section() creates section element component", function () {
+    var StyledSection = styled.section({
+      padding: "$3"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.article() creates article element component", function () {
+    var StyledArticle = styled.article({
+      padding: "$3"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.header() creates header element component", function () {
+    var StyledHeader = styled.header({
+      padding: "$2"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  }), test("styled.footer() creates footer element component", function () {
+    var StyledFooter = styled.footer({
+      padding: "$2"
+    });
+    expectTypeOf().toHaveProperty("padding");
+  });
+});
+//# sourceMappingURL=styledHtml.test-d.native.js.map

package/dist/esm/styledHtml.test-d.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["expectTypeOf","describe","test","styled","styledHtml","StyledAnchor","a","color","toHaveProperty","toMatchTypeOf","StyledButton","button","padding","StyledInput","input","StyledForm","form","gap","StyledLabel","label","fontSize","StyledDiv","div","StyledSpan","span","StyledAnchorWithVariants","variants","size","small","large","underline","true","textDecorationLine","false","defaultVariants","StyledNav","nav","StyledMain","main","flex","StyledSection","section"],"sources":["../../src/styledHtml.test-d.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/views/TamaguiRoot.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { getConfig } from "../config";
+import { Theme } from "./Theme";
+import { jsx } from "react/jsx-runtime";
+let defaultFontClass = "";
+function TamaguiRoot({
+  children,
+  theme,
+  isRootRoot,
+  passThrough,
+  style
+}) {
+  const [mounted, setMounted] = React.useState(!isRootRoot);
+  if (React.useEffect(() => {
+    mounted || setMounted(!0);
+  }, []), !defaultFontClass) {
+    const defaultFont = getConfig().defaultFont;
+    defaultFont && (defaultFontClass = `font_${defaultFont}`);
+  }
+  const contents = /* @__PURE__ */ jsx(
+    "span",
+    {
+      style,
+      className: `_dsp_contents ${mounted ? "" : "t_unmounted"} ${defaultFontClass}`,
+      children
+    }
+  );
+  return isRootRoot ? contents : /* @__PURE__ */ jsx(Theme, { passThrough, contain: !0, forceClassName: !0, name: theme, children: contents });
+}
+export {
+  TamaguiRoot
+};
+//# sourceMappingURL=TamaguiRoot.js.map

package/dist/esm/views/TamaguiRoot.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TamaguiRoot.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAE1B,SAAS,aAAa;AAwClB;AAtCJ,IAAI,mBAAmB;AAOhB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,CAAC,UAAU;AASxD,MAPA,MAAM,UAAU,MAAM;AACpB,IAAK,WACH,WAAW,EAAI;AAAA,EAEnB,GAAG,CAAC,CAAC,GAGD,CAAC,kBAAkB;AAErB,UAAM,cADS,UAAU,EACE;AAC3B,IAAI,gBACF,mBAAmB,QAAQ,WAAW;AAAA,EAE1C;AAEA,QAAM,WACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,iBAAiB,UAAU,KAAK,aAAa,IAAI,gBAAgB;AAAA,MAE3E;AAAA;AAAA,EACH;AAKF,SAAI,aACK,WAIP,oBAAC,SAAM,aAA0B,SAAO,IAAC,gBAAc,IAAC,MAAM,OAC3D,oBACH;AAEJ;",
+  "names": []
+}

package/dist/esm/views/TamaguiRoot.mjs

@@ -0,0 +1,34 @@
+import React from "react";
+import { getConfig } from "../config.mjs";
+import { Theme } from "./Theme.mjs";
+import { jsx } from "react/jsx-runtime";
+let defaultFontClass = "";
+function TamaguiRoot({
+  children,
+  theme,
+  isRootRoot,
+  passThrough,
+  style
+}) {
+  const [mounted, setMounted] = React.useState(!isRootRoot);
+  if (React.useEffect(() => {
+    mounted || setMounted(!0);
+  }, []), !defaultFontClass) {
+    const defaultFont = getConfig().defaultFont;
+    defaultFont && (defaultFontClass = `font_${defaultFont}`);
+  }
+  const contents = /* @__PURE__ */jsx("span", {
+    style,
+    className: `_dsp_contents ${mounted ? "" : "t_unmounted"} ${defaultFontClass}`,
+    children
+  });
+  return isRootRoot ? contents : /* @__PURE__ */jsx(Theme, {
+    passThrough,
+    contain: !0,
+    forceClassName: !0,
+    name: theme,
+    children: contents
+  });
+}
+export { TamaguiRoot };
+//# sourceMappingURL=TamaguiRoot.mjs.map

package/dist/esm/views/TamaguiRoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","getConfig","Theme","jsx","defaultFontClass","TamaguiRoot","children","theme","isRootRoot","passThrough","style","mounted","setMounted","useState","useEffect","defaultFont","contents","className","contain","forceClassName","name"],"sources":["../../../src/views/TamaguiRoot.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,SAAA,QAAiB;AAE1B,SAASC,KAAA,QAAa;AAwClB,SAAAC,GAAA;AAtCJ,IAAIC,gBAAA,GAAmB;AAOhB,SAASC,YAAY;EAC1BC,QAAA;EACAC,KAAA;EACAC,UAAA;EACAC,WAAA;EACAC;AACF,GAMG;EACD,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIZ,KAAA,CAAMa,QAAA,CAAS,CAACL,UAAU;EASxD,IAPAR,KAAA,CAAMc,SAAA,CAAU,MAAM;IACfH,OAAA,IACHC,UAAA,CAAW,EAAI;EAEnB,GAAG,EAAE,GAGD,CAACR,gBAAA,EAAkB;IAErB,MAAMW,WAAA,GADSd,SAAA,CAAU,EACEc,WAAA;IACvBA,WAAA,KACFX,gBAAA,GAAmB,QAAQW,WAAW;EAE1C;EAEA,MAAMC,QAAA,GACJ,eAAAb,GAAA,CAAC;IACCO,KAAA;IAEAO,SAAA,EAAW,iBAAiBN,OAAA,GAAU,KAAK,aAAa,IAAIP,gBAAgB;IAE3EE;EAAA,CACH;EAKF,OAAIE,UAAA,GACKQ,QAAA,GAIP,eAAAb,GAAA,CAACD,KAAA;IAAMO,WAAA;IAA0BS,OAAA,EAAO;IAACC,cAAA,EAAc;IAACC,IAAA,EAAMb,KAAA;IAC3DD,QAAA,EAAAU;EAAA,CACH;AAEJ","ignoreList":[]}