@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/TabsDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","useWindowDimensions","jsx","jsxs","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","px","position","children","HorizontalTabs","VerticalTabs","items","gap","b","l","$maxXs","display","size","onPress","x","length","width","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","value","fontFamily","text","ellipsis","TabsContent","overflow","props","Content","bg","p","justify","borderTopLeftRadius","borderTopRightRadius"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabsDemo.js","names":[],"sources":["esm/TabsDemo.js"],"sourcesContent":["import React from \"react\";\nimport { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { createElement } from \"react\";\nconst demos = [\"horizontal\", \"vertical\"];\nconst demosTitle = {\n  horizontal: \"Horizontal\",\n  vertical: \"Vertical\"\n};\nfunction TabsDemo() {\n  const [demoIndex, setDemoIndex] = React.useState(0);\n  const demo = demos[demoIndex];\n  return /* @__PURE__ */ jsxs(YStack, { px: \"4\", ...isWeb && { position: \"unset\" }, children: [\n    demo === \"horizontal\" ? /* @__PURE__ */ jsx(HorizontalTabs, {}) : /* @__PURE__ */ jsx(VerticalTabs, {}),\n    /* @__PURE__ */ jsx(\n      XStack,\n      {\n        items: \"center\",\n        gap: \"4\",\n        position: \"absolute\",\n        b: \"3\",\n        l: \"4\",\n        display: \"max-xs:none\",\n        children: /* @__PURE__ */ jsx(Button, { size: \"2\", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })\n      }\n    )\n  ] });\n}\nconst HorizontalTabs = () => {\n  return /* @__PURE__ */ jsxs(\n    Tabs,\n    {\n      defaultValue: \"tab1\",\n      orientation: \"horizontal\",\n      flexDirection: \"column\",\n      width: \"400px max-md:calc(100vw - 32px)\",\n      height: 150,\n      rounded: \"4\",\n      borderWidth: \"0-25\",\n      borderColor: \"border-color\",\n      children: [\n        /* @__PURE__ */ jsxs(Tabs.List, { \"aria-label\": \"Manage your account\", children: [\n          /* @__PURE__ */ jsx(\n            Tabs.Tab,\n            {\n              activeStyle: {\n                backgroundColor: \"color3\"\n              },\n              flex: 1,\n              value: \"tab1\",\n              children: /* @__PURE__ */ jsx(SizableText, { fontFamily: \"body\", text: \"center\", ellipsis: true, children: \"Profile\" })\n            }\n          ),\n          /* @__PURE__ */ jsx(\n            Tabs.Tab,\n            {\n              activeStyle: {\n                backgroundColor: \"color3\"\n              },\n              flex: 1,\n              value: \"tab2\",\n              children: /* @__PURE__ */ jsx(SizableText, { fontFamily: \"body\", text: \"center\", ellipsis: true, children: \"Connections\" })\n            }\n          ),\n          /* @__PURE__ */ jsx(\n            Tabs.Tab,\n            {\n              activeStyle: {\n                backgroundColor: \"color3\"\n              },\n              flex: 1,\n              value: \"tab3\",\n              children: /* @__PURE__ */ jsx(SizableText, { fontFamily: \"body\", text: \"center\", ellipsis: true, children: \"Notifications\" })\n            }\n          )\n        ] }),\n        /* @__PURE__ */ jsx(Separator, {}),\n        /* @__PURE__ */ jsx(TabsContent, { value: \"tab1\", children: /* @__PURE__ */ jsx(H5, { children: \"Profile\" }) }),\n        /* @__PURE__ */ jsx(TabsContent, { value: \"tab2\", children: /* @__PURE__ */ jsx(H5, { children: \"Connections\" }) }),\n        /* @__PURE__ */ jsx(TabsContent, { value: \"tab3\", children: /* @__PURE__ */ jsx(H5, { children: \"Notifications\" }) })\n      ]\n    }\n  );\n};\nconst VerticalTabs = () => {\n  return /* @__PURE__ */ jsxs(\n    Tabs,\n    {\n      defaultValue: \"tab1\",\n      flexDirection: \"row\",\n      width: 400,\n      rounded: \"4\",\n      borderWidth: \"0-25\",\n      overflow: \"hidden\",\n      borderColor: \"border-color\",\n      orientation: \"vertical\",\n      children: [\n        /* @__PURE__ */ jsxs(Tabs.List, { \"aria-label\": \"Manage your account\", children: [\n          /* @__PURE__ */ jsx(Tabs.Tab, { activeStyle: { backgroundColor: \"color3\" }, value: \"tab1\", children: /* @__PURE__ */ jsx(SizableText, { children: \"Profile\" }) }),\n          /* @__PURE__ */ jsx(Tabs.Tab, { activeStyle: { backgroundColor: \"color3\" }, value: \"tab2\", children: /* @__PURE__ */ jsx(SizableText, { children: \"Connections\" }) }),\n          /* @__PURE__ */ jsx(Tabs.Tab, { activeStyle: { backgroundColor: \"color3\" }, value: \"tab3\", children: /* @__PURE__ */ jsx(SizableText, { children: \"Notifications\" }) })\n        ] }),\n        /* @__PURE__ */ jsx(Separator, { vertical: true }),\n        /* @__PURE__ */ jsx(TabsContent, { value: \"tab1\", children: /* @__PURE__ */ jsx(H5, { text: \"center\", children: \"Profile\" }) }),\n        /* @__PURE__ */ jsx(TabsContent, { value: \"tab2\", children: /* @__PURE__ */ jsx(H5, { text: \"center\", children: \"Connections\" }) }),\n        /* @__PURE__ */ jsx(TabsContent, { value: \"tab3\", children: /* @__PURE__ */ jsx(H5, { text: \"center\", children: \"Notifications\" }) })\n      ]\n    }\n  );\n};\nconst TabsContent = (props) => {\n  return /* @__PURE__ */ createElement(\n    Tabs.Content,\n    {\n      bg: \"background\",\n      p: \"2\",\n      items: \"center\",\n      justify: \"center\",\n      flex: 1,\n      borderColor: \"background\",\n      rounded: \"2\",\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderWidth: \"2\",\n      ...props,\n      key: \"tab3\"\n    },\n    props.children\n  );\n};\nexport {\n  TabsDemo\n};\n//# sourceMappingURL=TabsDemo.js.map\n"],"mappings":"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"}

package/dist/esm/TabsDemo.native.js

@@ -1,188 +1,174 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { createElement } from "react";
+import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from "tamagui";
+
 var demos = ["horizontal", "vertical"];
 var demosTitle = {
-  horizontal: "Horizontal",
-  vertical: "Vertical"
+	horizontal: "Horizontal",
+	vertical: "Vertical"
 };
 function TabsDemo() {
-  var [demoIndex, setDemoIndex] = React.useState(0);
-  var demo = demos[demoIndex];
-  return /* @__PURE__ */_jsxs(YStack, {
-    px: "$4",
-    ...(isWeb && {
-      position: "unset"
-    }),
-    children: [demo === "horizontal" ? /* @__PURE__ */_jsx(HorizontalTabs, {}) : /* @__PURE__ */_jsx(VerticalTabs, {}), /* @__PURE__ */_jsx(XStack, {
-      items: "center",
-      gap: "$4",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $maxXs: {
-        display: "none"
-      },
-      children: /* @__PURE__ */_jsx(Button, {
-        size: "$2",
-        onPress: function () {
-          return setDemoIndex(function (x) {
-            return (x + 1) % demos.length;
-          });
-        },
-        children: demosTitle[demo]
-      })
-    })]
-  });
+	var [demoIndex, setDemoIndex] = React.useState(0);
+	var demo = demos[demoIndex];
+	return /* @__PURE__ */ jsxs(YStack, {
+		px: "4",
+		...isWeb && { position: "unset" },
+		children: [demo === "horizontal" ? /* @__PURE__ */ jsx(HorizontalTabs, {}) : /* @__PURE__ */ jsx(VerticalTabs, {}), /* @__PURE__ */ jsx(XStack, {
+			items: "center",
+			gap: "4",
+			position: "absolute",
+			b: "3",
+			l: "4",
+			display: "max-xs:none",
+			children: /* @__PURE__ */ jsx(Button, {
+				size: "2",
+				onPress: function() {
+					return setDemoIndex(function(x) {
+						return (x + 1) % demos.length;
+					});
+				},
+				children: demosTitle[demo]
+			})
+		})]
+	});
 }
-var HorizontalTabs = function () {
-  var {
-    width
-  } = useWindowDimensions();
-  return /* @__PURE__ */_jsxs(Tabs, {
-    defaultValue: "tab1",
-    orientation: "horizontal",
-    flexDirection: "column",
-    $maxMd: {
-      width: width - 32
-    },
-    width: 400,
-    height: 150,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */_jsxs(Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab1",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Profile"
-        })
-      }), /* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab2",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Connections"
-        })
-      }), /* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab3",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */_jsx(H5, {
-        children: "Profile"
-      })
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */_jsx(H5, {
-        children: "Connections"
-      })
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */_jsx(H5, {
-        children: "Notifications"
-      })
-    })]
-  });
+var HorizontalTabs = function() {
+	return /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "tab1",
+		orientation: "horizontal",
+		flexDirection: "column",
+		width: "400px max-md:calc(100vw - 32px)",
+		height: 150,
+		rounded: "4",
+		borderWidth: "0-25",
+		borderColor: "border-color",
+		children: [
+			/* @__PURE__ */ jsxs(Tabs.List, {
+				"aria-label": "Manage your account",
+				children: [
+					/* @__PURE__ */ jsx(Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						flex: 1,
+						value: "tab1",
+						children: /* @__PURE__ */ jsx(SizableText, {
+							fontFamily: "body",
+							text: "center",
+							ellipsis: true,
+							children: "Profile"
+						})
+					}),
+					/* @__PURE__ */ jsx(Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						flex: 1,
+						value: "tab2",
+						children: /* @__PURE__ */ jsx(SizableText, {
+							fontFamily: "body",
+							text: "center",
+							ellipsis: true,
+							children: "Connections"
+						})
+					}),
+					/* @__PURE__ */ jsx(Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						flex: 1,
+						value: "tab3",
+						children: /* @__PURE__ */ jsx(SizableText, {
+							fontFamily: "body",
+							text: "center",
+							ellipsis: true,
+							children: "Notifications"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Separator, {}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "tab1",
+				children: /* @__PURE__ */ jsx(H5, { children: "Profile" })
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "tab2",
+				children: /* @__PURE__ */ jsx(H5, { children: "Connections" })
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "tab3",
+				children: /* @__PURE__ */ jsx(H5, { children: "Notifications" })
+			})
+		]
+	});
 };
-var VerticalTabs = function () {
-  return /* @__PURE__ */_jsxs(Tabs, {
-    defaultValue: "tab1",
-    flexDirection: "row",
-    orientation: "vertical",
-    width: 400,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    overflow: "hidden",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */_jsxs(Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab1",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          children: "Profile"
-        })
-      }), /* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab2",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          children: "Connections"
-        })
-      }), /* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab3",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */_jsx(Separator, {
-      vertical: true
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */_jsx(H5, {
-        text: "center",
-        children: "Profile"
-      })
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */_jsx(H5, {
-        text: "center",
-        children: "Connections"
-      })
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */_jsx(H5, {
-        text: "center",
-        children: "Notifications"
-      })
-    })]
-  });
+var VerticalTabs = function() {
+	return /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "tab1",
+		flexDirection: "row",
+		width: 400,
+		rounded: "4",
+		borderWidth: "0-25",
+		overflow: "hidden",
+		borderColor: "border-color",
+		orientation: "vertical",
+		children: [
+			/* @__PURE__ */ jsxs(Tabs.List, {
+				"aria-label": "Manage your account",
+				children: [
+					/* @__PURE__ */ jsx(Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						value: "tab1",
+						children: /* @__PURE__ */ jsx(SizableText, { children: "Profile" })
+					}),
+					/* @__PURE__ */ jsx(Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						value: "tab2",
+						children: /* @__PURE__ */ jsx(SizableText, { children: "Connections" })
+					}),
+					/* @__PURE__ */ jsx(Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						value: "tab3",
+						children: /* @__PURE__ */ jsx(SizableText, { children: "Notifications" })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Separator, { vertical: true }),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "tab1",
+				children: /* @__PURE__ */ jsx(H5, {
+					text: "center",
+					children: "Profile"
+				})
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "tab2",
+				children: /* @__PURE__ */ jsx(H5, {
+					text: "center",
+					children: "Connections"
+				})
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "tab3",
+				children: /* @__PURE__ */ jsx(H5, {
+					text: "center",
+					children: "Notifications"
+				})
+			})
+		]
+	});
 };
-var TabsContent = function (props) {
-  return /* @__PURE__ */_jsx(Tabs.Content, {
-    bg: "$background",
-    p: "$2",
-    items: "center",
-    justify: "center",
-    flex: 1,
-    borderColor: "$background",
-    rounded: "$2",
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderWidth: "$2",
-    ...props,
-    children: props.children
-  }, "tab3");
+var TabsContent = function(props) {
+	return /* @__PURE__ */ createElement(Tabs.Content, {
+		bg: "background",
+		p: "2",
+		items: "center",
+		justify: "center",
+		flex: 1,
+		borderColor: "background",
+		rounded: "2",
+		borderTopLeftRadius: 0,
+		borderTopRightRadius: 0,
+		borderWidth: "2",
+		...props,
+		key: "tab3"
+	}, props.children);
 };
+
 export { TabsDemo };
 //# sourceMappingURL=TabsDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","useWindowDimensions","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","px","position","children","HorizontalTabs","VerticalTabs","items","gap","b","l","$maxXs","display","size","onPress","x","length","width","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","value","fontFamily","text","ellipsis","TabsContent","overflow"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabsDemo.native.js","names":[],"sources":["esm/TabsDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createElement as _createElement } from \"react\";\nimport React from \"react\";\nimport { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from \"tamagui\";\nvar demos = [\n  \"horizontal\",\n  \"vertical\"\n];\nvar demosTitle = {\n  horizontal: \"Horizontal\",\n  vertical: \"Vertical\"\n};\nfunction TabsDemo() {\n  var [demoIndex, setDemoIndex] = React.useState(0);\n  var demo = demos[demoIndex];\n  return /* @__PURE__ */ _jsxs(YStack, {\n    px: \"4\",\n    ...isWeb && {\n      position: \"unset\"\n    },\n    children: [\n      demo === \"horizontal\" ? /* @__PURE__ */ _jsx(HorizontalTabs, {}) : /* @__PURE__ */ _jsx(VerticalTabs, {}),\n      /* @__PURE__ */ _jsx(XStack, {\n        items: \"center\",\n        gap: \"4\",\n        position: \"absolute\",\n        b: \"3\",\n        l: \"4\",\n        display: \"max-xs:none\",\n        children: /* @__PURE__ */ _jsx(Button, {\n          size: \"2\",\n          onPress: function() {\n            return setDemoIndex(function(x) {\n              return (x + 1) % demos.length;\n            });\n          },\n          children: demosTitle[demo]\n        })\n      })\n    ]\n  });\n}\nvar HorizontalTabs = function() {\n  return /* @__PURE__ */ _jsxs(Tabs, {\n    defaultValue: \"tab1\",\n    orientation: \"horizontal\",\n    flexDirection: \"column\",\n    width: \"400px max-md:calc(100vw - 32px)\",\n    height: 150,\n    rounded: \"4\",\n    borderWidth: \"0-25\",\n    borderColor: \"border-color\",\n    children: [\n      /* @__PURE__ */ _jsxs(Tabs.List, {\n        \"aria-label\": \"Manage your account\",\n        children: [\n          /* @__PURE__ */ _jsx(Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            flex: 1,\n            value: \"tab1\",\n            children: /* @__PURE__ */ _jsx(SizableText, {\n              fontFamily: \"body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Profile\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            flex: 1,\n            value: \"tab2\",\n            children: /* @__PURE__ */ _jsx(SizableText, {\n              fontFamily: \"body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Connections\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            flex: 1,\n            value: \"tab3\",\n            children: /* @__PURE__ */ _jsx(SizableText, {\n              fontFamily: \"body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Notifications\"\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsx(Separator, {}),\n      /* @__PURE__ */ _jsx(TabsContent, {\n        value: \"tab1\",\n        children: /* @__PURE__ */ _jsx(H5, {\n          children: \"Profile\"\n        })\n      }),\n      /* @__PURE__ */ _jsx(TabsContent, {\n        value: \"tab2\",\n        children: /* @__PURE__ */ _jsx(H5, {\n          children: \"Connections\"\n        })\n      }),\n      /* @__PURE__ */ _jsx(TabsContent, {\n        value: \"tab3\",\n        children: /* @__PURE__ */ _jsx(H5, {\n          children: \"Notifications\"\n        })\n      })\n    ]\n  });\n};\nvar VerticalTabs = function() {\n  return /* @__PURE__ */ _jsxs(Tabs, {\n    defaultValue: \"tab1\",\n    flexDirection: \"row\",\n    width: 400,\n    rounded: \"4\",\n    borderWidth: \"0-25\",\n    overflow: \"hidden\",\n    borderColor: \"border-color\",\n    orientation: \"vertical\",\n    children: [\n      /* @__PURE__ */ _jsxs(Tabs.List, {\n        \"aria-label\": \"Manage your account\",\n        children: [\n          /* @__PURE__ */ _jsx(Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            value: \"tab1\",\n            children: /* @__PURE__ */ _jsx(SizableText, {\n              children: \"Profile\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            value: \"tab2\",\n            children: /* @__PURE__ */ _jsx(SizableText, {\n              children: \"Connections\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            value: \"tab3\",\n            children: /* @__PURE__ */ _jsx(SizableText, {\n              children: \"Notifications\"\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsx(Separator, {\n        vertical: true\n      }),\n      /* @__PURE__ */ _jsx(TabsContent, {\n        value: \"tab1\",\n        children: /* @__PURE__ */ _jsx(H5, {\n          text: \"center\",\n          children: \"Profile\"\n        })\n      }),\n      /* @__PURE__ */ _jsx(TabsContent, {\n        value: \"tab2\",\n        children: /* @__PURE__ */ _jsx(H5, {\n          text: \"center\",\n          children: \"Connections\"\n        })\n      }),\n      /* @__PURE__ */ _jsx(TabsContent, {\n        value: \"tab3\",\n        children: /* @__PURE__ */ _jsx(H5, {\n          text: \"center\",\n          children: \"Notifications\"\n        })\n      })\n    ]\n  });\n};\nvar TabsContent = function(props) {\n  return /* @__PURE__ */ _createElement(Tabs.Content, {\n    bg: \"background\",\n    p: \"2\",\n    items: \"center\",\n    justify: \"center\",\n    flex: 1,\n    borderColor: \"background\",\n    rounded: \"2\",\n    borderTopLeftRadius: 0,\n    borderTopRightRadius: 0,\n    borderWidth: \"2\",\n    ...props,\n    key: \"tab3\"\n  }, props.children);\n};\nexport {\n  TabsDemo\n};\n//# sourceMappingURL=TabsDemo.js.map\n"],"mappings":";;;;;AAIA,IAAI,QAAQ,CACV,cACA,UACF;AACA,IAAI,aAAa;CACf,YAAY;CACZ,UAAU;AACZ;AACA,SAAS,WAAW;CAClB,IAAI,CAAC,WAAW,gBAAgB,MAAM,SAAS,CAAC;CAChD,IAAI,OAAO,MAAM;CACjB,OAAuB,qBAAM,QAAQ;EACnC,IAAI;EACJ,GAAG,SAAS,EACV,UAAU,QACZ;EACA,UAAU,CACR,SAAS,eAA+B,oBAAK,gBAAgB,CAAC,CAAC,IAAoB,oBAAK,cAAc,CAAC,CAAC,GACxF,oBAAK,QAAQ;GAC3B,OAAO;GACP,KAAK;GACL,UAAU;GACV,GAAG;GACH,GAAG;GACH,SAAS;GACT,UAA0B,oBAAK,QAAQ;IACrC,MAAM;IACN,SAAS,WAAW;KAClB,OAAO,aAAa,SAAS,GAAG;MAC9B,QAAQ,IAAI,KAAK,MAAM;KACzB,CAAC;IACH;IACA,UAAU,WAAW;GACvB,CAAC;EACH,CAAC,CACH;CACF,CAAC;AACH;AACA,IAAI,iBAAiB,WAAW;CAC9B,OAAuB,qBAAM,MAAM;EACjC,cAAc;EACd,aAAa;EACb,eAAe;EACf,OAAO;EACP,QAAQ;EACR,SAAS;EACT,aAAa;EACb,aAAa;EACb,UAAU;GACQ,qBAAM,KAAK,MAAM;IAC/B,cAAc;IACd,UAAU;KACQ,oBAAK,KAAK,KAAK;MAC7B,aAAa,EACX,iBAAiB,SACnB;MACA,MAAM;MACN,OAAO;MACP,UAA0B,oBAAK,aAAa;OAC1C,YAAY;OACZ,MAAM;OACN,UAAU;OACV,UAAU;MACZ,CAAC;KACH,CAAC;KACe,oBAAK,KAAK,KAAK;MAC7B,aAAa,EACX,iBAAiB,SACnB;MACA,MAAM;MACN,OAAO;MACP,UAA0B,oBAAK,aAAa;OAC1C,YAAY;OACZ,MAAM;OACN,UAAU;OACV,UAAU;MACZ,CAAC;KACH,CAAC;KACe,oBAAK,KAAK,KAAK;MAC7B,aAAa,EACX,iBAAiB,SACnB;MACA,MAAM;MACN,OAAO;MACP,UAA0B,oBAAK,aAAa;OAC1C,YAAY;OACZ,MAAM;OACN,UAAU;OACV,UAAU;MACZ,CAAC;KACH,CAAC;IACH;GACF,CAAC;GACe,oBAAK,WAAW,CAAC,CAAC;GAClB,oBAAK,aAAa;IAChC,OAAO;IACP,UAA0B,oBAAK,IAAI,EACjC,UAAU,UACZ,CAAC;GACH,CAAC;GACe,oBAAK,aAAa;IAChC,OAAO;IACP,UAA0B,oBAAK,IAAI,EACjC,UAAU,cACZ,CAAC;GACH,CAAC;GACe,oBAAK,aAAa;IAChC,OAAO;IACP,UAA0B,oBAAK,IAAI,EACjC,UAAU,gBACZ,CAAC;GACH,CAAC;EACH;CACF,CAAC;AACH;AACA,IAAI,eAAe,WAAW;CAC5B,OAAuB,qBAAM,MAAM;EACjC,cAAc;EACd,eAAe;EACf,OAAO;EACP,SAAS;EACT,aAAa;EACb,UAAU;EACV,aAAa;EACb,aAAa;EACb,UAAU;GACQ,qBAAM,KAAK,MAAM;IAC/B,cAAc;IACd,UAAU;KACQ,oBAAK,KAAK,KAAK;MAC7B,aAAa,EACX,iBAAiB,SACnB;MACA,OAAO;MACP,UAA0B,oBAAK,aAAa,EAC1C,UAAU,UACZ,CAAC;KACH,CAAC;KACe,oBAAK,KAAK,KAAK;MAC7B,aAAa,EACX,iBAAiB,SACnB;MACA,OAAO;MACP,UAA0B,oBAAK,aAAa,EAC1C,UAAU,cACZ,CAAC;KACH,CAAC;KACe,oBAAK,KAAK,KAAK;MAC7B,aAAa,EACX,iBAAiB,SACnB;MACA,OAAO;MACP,UAA0B,oBAAK,aAAa,EAC1C,UAAU,gBACZ,CAAC;KACH,CAAC;IACH;GACF,CAAC;GACe,oBAAK,WAAW,EAC9B,UAAU,KACZ,CAAC;GACe,oBAAK,aAAa;IAChC,OAAO;IACP,UAA0B,oBAAK,IAAI;KACjC,MAAM;KACN,UAAU;IACZ,CAAC;GACH,CAAC;GACe,oBAAK,aAAa;IAChC,OAAO;IACP,UAA0B,oBAAK,IAAI;KACjC,MAAM;KACN,UAAU;IACZ,CAAC;GACH,CAAC;GACe,oBAAK,aAAa;IAChC,OAAO;IACP,UAA0B,oBAAK,IAAI;KACjC,MAAM;KACN,UAAU;IACZ,CAAC;GACH,CAAC;EACH;CACF,CAAC;AACH;AACA,IAAI,cAAc,SAAS,OAAO;CAChC,OAAuB,8BAAe,KAAK,SAAS;EAClD,IAAI;EACJ,GAAG;EACH,OAAO;EACP,SAAS;EACT,MAAM;EACN,aAAa;EACb,SAAS;EACT,qBAAqB;EACrB,sBAAsB;EACtB,aAAa;EACb,GAAG;EACH,KAAK;CACP,GAAG,MAAM,QAAQ;AACnB"}

package/dist/esm/TextDemo.mjs

@@ -1,26 +1,30 @@
 import { Em, Paragraph, SizableText, Span, Strong, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function TextDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$2",
-    items: "center",
-    children: [/* @__PURE__ */jsx(SizableText, {
-      size: "$3",
-      children: "SizableText"
-    }), /* @__PURE__ */jsx(Paragraph, {
-      size: "$2",
-      fontWeight: "800",
-      children: "Paragraph"
-    }), /* @__PURE__ */jsxs(Paragraph, {
-      children: [/* @__PURE__ */jsx(Strong, {
-        children: "Strong"
-      }), ", ", /* @__PURE__ */jsx(Em, {
-        children: "Em"
-      }), ", ", /* @__PURE__ */jsx(Span, {
-        children: "Span"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		gap: "2",
+		items: "center",
+		children: [
+			/* @__PURE__ */ jsx(SizableText, {
+				size: "3",
+				children: "SizableText"
+			}),
+			/* @__PURE__ */ jsx(Paragraph, {
+				size: "2",
+				fontWeight: "800",
+				children: "Paragraph"
+			}),
+			/* @__PURE__ */ jsxs(Paragraph, { children: [
+				/* @__PURE__ */ jsx(Strong, { children: "Strong" }),
+				", ",
+				/* @__PURE__ */ jsx(Em, { children: "Em" }),
+				", ",
+				/* @__PURE__ */ jsx(Span, { children: "Span" })
+			] })
+		]
+	});
 }
+
 export { TextDemo };
 //# sourceMappingURL=TextDemo.mjs.map

package/dist/esm/TextDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Em","Paragraph","SizableText","Span","Strong","YStack","jsx","jsxs","TextDemo","gap","items","children","size","fontWeight"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,EAAA,EAAIC,SAAA,EAAWC,WAAA,EAAaC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAK3D,SAAAC,GAAA,EAIAC,IAAA,QAJA;AAHC,SAASC,SAAA,EAAW;EACzB,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,GAAA,EAAI;IAAKC,KAAA,EAAM;IACrBC,QAAA,kBAAAL,GAAA,CAACJ,WAAA;MAAYU,IAAA,EAAK;MAAKD,QAAA;IAAA,CAAW,GAClC,eAAAL,GAAA,CAACL,SAAA;MAAUW,IAAA,EAAK;MAAKC,UAAA,EAAW;MAAMF,QAAA;IAAA,CAEtC,GACA,eAAAJ,IAAA,CAACN,SAAA;MACCU,QAAA,kBAAAL,GAAA,CAACF,MAAA;QAAOO,QAAA;MAAA,CAAM,GAAS,MAAE,eAAAL,GAAA,CAACN,EAAA;QAAGW,QAAA;MAAA,CAAE,GAAK,MAAE,eAAAL,GAAA,CAACH,IAAA;QAAKQ,QAAA;MAAA,CAAI;IAAA,CAClD;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"TextDemo.js","names":[],"sources":["esm/TextDemo.js"],"sourcesContent":["import { Em, Paragraph, SizableText, Span, Strong, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction TextDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { gap: \"2\", items: \"center\", children: [\n    /* @__PURE__ */ jsx(SizableText, { size: \"3\", children: \"SizableText\" }),\n    /* @__PURE__ */ jsx(Paragraph, { size: \"2\", fontWeight: \"800\", children: \"Paragraph\" }),\n    /* @__PURE__ */ jsxs(Paragraph, { children: [\n      /* @__PURE__ */ jsx(Strong, { children: \"Strong\" }),\n      \", \",\n      /* @__PURE__ */ jsx(Em, { children: \"Em\" }),\n      \", \",\n      /* @__PURE__ */ jsx(Span, { children: \"Span\" })\n    ] })\n  ] });\n}\nexport {\n  TextDemo\n};\n//# sourceMappingURL=TextDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,WAAW;CAClB,OAAuB,qBAAK,QAAQ;EAAE,KAAK;EAAK,OAAO;EAAU,UAAU;GACzD,oBAAI,aAAa;IAAE,MAAM;IAAK,UAAU;GAAc,CAAC;GACvD,oBAAI,WAAW;IAAE,MAAM;IAAK,YAAY;IAAO,UAAU;GAAY,CAAC;GACtE,qBAAK,WAAW,EAAE,UAAU;IAC1B,oBAAI,QAAQ,EAAE,UAAU,SAAS,CAAC;IAClD;IACgB,oBAAI,IAAI,EAAE,UAAU,KAAK,CAAC;IAC1C;IACgB,oBAAI,MAAM,EAAE,UAAU,OAAO,CAAC;GAChD,EAAE,CAAC;EACL;CAAE,CAAC;AACL"}

package/dist/esm/TextDemo.native.js

@@ -1,26 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Em, Paragraph, SizableText, Span, Strong, YStack } from "tamagui";
+
 function TextDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    gap: "$2",
-    items: "center",
-    children: [/* @__PURE__ */_jsx(SizableText, {
-      size: "$3",
-      children: "SizableText"
-    }), /* @__PURE__ */_jsx(Paragraph, {
-      size: "$2",
-      fontWeight: "800",
-      children: "Paragraph"
-    }), /* @__PURE__ */_jsxs(Paragraph, {
-      children: [/* @__PURE__ */_jsx(Strong, {
-        children: "Strong"
-      }), ", ", /* @__PURE__ */_jsx(Em, {
-        children: "Em"
-      }), ", ", /* @__PURE__ */_jsx(Span, {
-        children: "Span"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		gap: "2",
+		items: "center",
+		children: [
+			/* @__PURE__ */ jsx(SizableText, {
+				size: "3",
+				children: "SizableText"
+			}),
+			/* @__PURE__ */ jsx(Paragraph, {
+				size: "2",
+				fontWeight: "800",
+				children: "Paragraph"
+			}),
+			/* @__PURE__ */ jsxs(Paragraph, { children: [
+				/* @__PURE__ */ jsx(Strong, { children: "Strong" }),
+				", ",
+				/* @__PURE__ */ jsx(Em, { children: "Em" }),
+				", ",
+				/* @__PURE__ */ jsx(Span, { children: "Span" })
+			] })
+		]
+	});
 }
+
 export { TextDemo };
 //# sourceMappingURL=TextDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Em","Paragraph","SizableText","Span","Strong","YStack","TextDemo","gap","items","children","size","fontWeight"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAIC,IAAA,EAAAC,IAAW,IAAAC,KAAA,QAAmB,mBAAQ;AAK7C,SAAAC,EAAA,EAAAC,SAIA,EAAAC,WAJA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,SAAA,EAAW;EACzB,OACE,eAAAP,KAAC,CAAAM,MAAA;IACCE,GAAA;IACAC,KAAA;IAGAC,QAAA,GACE,eAAAZ,IAAC,CAAAK,WAAO;MAAeQ,IAAA;MAAED,QAAA;IAAW,IAAE,eAAAZ,IAAC,CAAAI,SAAK;MAC9CS,IAAA;MACFC,UAAA;MAEJF,QAAA","ignoreList":[]}
+{"version":3,"file":"TextDemo.native.js","names":[],"sources":["esm/TextDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Em, Paragraph, SizableText, Span, Strong, YStack } from \"tamagui\";\nfunction TextDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    gap: \"2\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ _jsx(SizableText, {\n        size: \"3\",\n        children: \"SizableText\"\n      }),\n      /* @__PURE__ */ _jsx(Paragraph, {\n        size: \"2\",\n        fontWeight: \"800\",\n        children: \"Paragraph\"\n      }),\n      /* @__PURE__ */ _jsxs(Paragraph, {\n        children: [\n          /* @__PURE__ */ _jsx(Strong, {\n            children: \"Strong\"\n          }),\n          \", \",\n          /* @__PURE__ */ _jsx(Em, {\n            children: \"Em\"\n          }),\n          \", \",\n          /* @__PURE__ */ _jsx(Span, {\n            children: \"Span\"\n          })\n        ]\n      })\n    ]\n  });\n}\nexport {\n  TextDemo\n};\n//# sourceMappingURL=TextDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,WAAW;CAClB,OAAuB,qBAAM,QAAQ;EACnC,KAAK;EACL,OAAO;EACP,UAAU;GACQ,oBAAK,aAAa;IAChC,MAAM;IACN,UAAU;GACZ,CAAC;GACe,oBAAK,WAAW;IAC9B,MAAM;IACN,YAAY;IACZ,UAAU;GACZ,CAAC;GACe,qBAAM,WAAW,EAC/B,UAAU;IACQ,oBAAK,QAAQ,EAC3B,UAAU,SACZ,CAAC;IACD;IACgB,oBAAK,IAAI,EACvB,UAAU,KACZ,CAAC;IACD;IACgB,oBAAK,MAAM,EACzB,UAAU,OACZ,CAAC;GACH,EACF,CAAC;EACH;CACF,CAAC;AACH"}