@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/TabsDemo.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,221 +8,198 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TabsDemo_exports = {};
-__export(TabsDemo_exports, {
-  TabsDemo: () => TabsDemo
-});
+__export(TabsDemo_exports, { TabsDemo: () => TabsDemo });
 module.exports = __toCommonJS(TabsDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"), 1);
+var import_react = require("react");
+var import_react2 = __toESM(require("react"), 1);
 var import_tamagui = require("tamagui");
 var demos = ["horizontal", "vertical"];
 var demosTitle = {
-  horizontal: "Horizontal",
-  vertical: "Vertical"
+	horizontal: "Horizontal",
+	vertical: "Vertical"
 };
 function TabsDemo() {
-  var [demoIndex, setDemoIndex] = import_react.default.useState(0);
-  var demo = demos[demoIndex];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    px: "$4",
-    ...(import_tamagui.isWeb && {
-      position: "unset"
-    }),
-    children: [demo === "horizontal" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VerticalTabs, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-      items: "center",
-      gap: "$4",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $maxXs: {
-        display: "none"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        size: "$2",
-        onPress: function () {
-          return setDemoIndex(function (x) {
-            return (x + 1) % demos.length;
-          });
-        },
-        children: demosTitle[demo]
-      })
-    })]
-  });
+	var [demoIndex, setDemoIndex] = import_react2.default.useState(0);
+	var demo = demos[demoIndex];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		px: "4",
+		...import_tamagui.isWeb && { position: "unset" },
+		children: [demo === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VerticalTabs, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+			items: "center",
+			gap: "4",
+			position: "absolute",
+			b: "3",
+			l: "4",
+			display: "max-xs:none",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "2",
+				onPress: function() {
+					return setDemoIndex(function(x) {
+						return (x + 1) % demos.length;
+					});
+				},
+				children: demosTitle[demo]
+			})
+		})]
+	});
 }
-var HorizontalTabs = function () {
-  var {
-    width
-  } = (0, import_tamagui.useWindowDimensions)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {
-    defaultValue: "tab1",
-    orientation: "horizontal",
-    flexDirection: "column",
-    $maxMd: {
-      width: width - 32
-    },
-    width: 400,
-    height: 150,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab1",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Profile"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab2",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Connections"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab3",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
-        children: "Profile"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
-        children: "Connections"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
-        children: "Notifications"
-      })
-    })]
-  });
+var HorizontalTabs = function() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
+				"aria-label": "Manage your account",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						flex: 1,
+						value: "tab1",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+							fontFamily: "body",
+							text: "center",
+							ellipsis: true,
+							children: "Profile"
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						flex: 1,
+						value: "tab2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+							fontFamily: "body",
+							text: "center",
+							ellipsis: true,
+							children: "Connections"
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						flex: 1,
+						value: "tab3",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+							fontFamily: "body",
+							text: "center",
+							ellipsis: true,
+							children: "Notifications"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+				value: "tab1",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Profile" })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+				value: "tab2",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Connections" })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+				value: "tab3",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Notifications" })
+			})
+		]
+	});
 };
-var VerticalTabs = function () {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {
-    defaultValue: "tab1",
-    flexDirection: "row",
-    orientation: "vertical",
-    width: 400,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    overflow: "hidden",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab1",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-          children: "Profile"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab2",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-          children: "Connections"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab3",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-      vertical: true
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
-        text: "center",
-        children: "Profile"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
-        text: "center",
-        children: "Connections"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
-        text: "center",
-        children: "Notifications"
-      })
-    })]
-  });
+var VerticalTabs = function() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {
+		defaultValue: "tab1",
+		flexDirection: "row",
+		width: 400,
+		rounded: "4",
+		borderWidth: "0-25",
+		overflow: "hidden",
+		borderColor: "border-color",
+		orientation: "vertical",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
+				"aria-label": "Manage your account",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						value: "tab1",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" })
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						value: "tab2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" })
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+						activeStyle: { backgroundColor: "color3" },
+						value: "tab3",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" })
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: true }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+				value: "tab1",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+					text: "center",
+					children: "Profile"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+				value: "tab2",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+					text: "center",
+					children: "Connections"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+				value: "tab3",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+					text: "center",
+					children: "Notifications"
+				})
+			})
+		]
+	});
 };
-var TabsContent = function (props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_react.createElement)(import_tamagui.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);
 };
+
 //# sourceMappingURL=TabsDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TabsDemo_exports","__export","TabsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","demos","demosTitle","horizontal","vertical","demoIndex","setDemoIndex","default","useState","demo","jsxs","YStack","px","isWeb","position","children","jsx","HorizontalTabs","VerticalTabs","XStack","items","gap","b","l","$maxXs","display","Button","size","onPress","x","length","width","useWindowDimensions","Tabs","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","SizableText","fontFamily","text","ellipsis","Separator","TabsContent","H5","overflow"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabsDemo.native.js","names":[],"sources":["cjs/TabsDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TabsDemo_exports = {};\n__export(TabsDemo_exports, {\n  TabsDemo: () => TabsDemo\n});\nmodule.exports = __toCommonJS(TabsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_react2 = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar demos = [\n  \"horizontal\",\n  \"vertical\"\n];\nvar demosTitle = {\n  horizontal: \"Horizontal\",\n  vertical: \"Vertical\"\n};\nfunction TabsDemo() {\n  var [demoIndex, setDemoIndex] = import_react2.default.useState(0);\n  var demo = demos[demoIndex];\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    px: \"4\",\n    ...import_tamagui.isWeb && {\n      position: \"unset\"\n    },\n    children: [\n      demo === \"horizontal\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VerticalTabs, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        items: \"center\",\n        gap: \"4\",\n        position: \"absolute\",\n        b: \"3\",\n        l: \"4\",\n        display: \"max-xs:none\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {\n        \"aria-label\": \"Manage your account\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            flex: 1,\n            value: \"tab1\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n              fontFamily: \"body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Profile\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            flex: 1,\n            value: \"tab2\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n              fontFamily: \"body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Connections\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            flex: 1,\n            value: \"tab3\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n              fontFamily: \"body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Notifications\"\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab1\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n          children: \"Profile\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab2\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n          children: \"Connections\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab3\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n          children: \"Notifications\"\n        })\n      })\n    ]\n  });\n};\nvar VerticalTabs = function() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {\n        \"aria-label\": \"Manage your account\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            value: \"tab1\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n              children: \"Profile\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            value: \"tab2\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n              children: \"Connections\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"color3\"\n            },\n            value: \"tab3\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n              children: \"Notifications\"\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {\n        vertical: true\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab1\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n          text: \"center\",\n          children: \"Profile\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab2\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n          text: \"center\",\n          children: \"Connections\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab3\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n          text: \"center\",\n          children: \"Notifications\"\n        })\n      })\n    ]\n  });\n};\nvar TabsContent = function(props) {\n  return /* @__PURE__ */ (0, import_react.createElement)(import_tamagui.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};\n//# sourceMappingURL=TabsDemo.js.map\n"],"mappings":";;;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB,EACzB,gBAAgB,SAClB,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,OAAO;AAClC,IAAI,gBAAgB,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC/C,IAAI,iBAAiB,QAAQ,SAAS;AACtC,IAAI,QAAQ,CACV,cACA,UACF;AACA,IAAI,aAAa;CACf,YAAY;CACZ,UAAU;AACZ;AACA,SAAS,WAAW;CAClB,IAAI,CAAC,WAAW,gBAAgB,cAAc,QAAQ,SAAS,CAAC;CAChE,IAAI,OAAO,MAAM;CACjB,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,IAAI;EACJ,GAAG,eAAe,SAAS,EACzB,UAAU,QACZ;EACA,UAAU,CACR,SAAS,eAA+B,iBAAC,GAAG,mBAAmB,KAAK,gBAAgB,CAAC,CAAC,IAAoB,iBAAC,GAAG,mBAAmB,KAAK,cAAc,CAAC,CAAC,GACtI,iBAAC,GAAG,mBAAmB,KAAK,eAAe,QAAQ;GACjE,OAAO;GACP,KAAK;GACL,UAAU;GACV,GAAG;GACH,GAAG;GACH,SAAS;GACT,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,QAAQ;IAC3E,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,iBAAC,GAAG,mBAAmB,MAAM,eAAe,MAAM;EACvE,cAAc;EACd,aAAa;EACb,eAAe;EACf,OAAO;EACP,QAAQ;EACR,SAAS;EACT,aAAa;EACb,aAAa;EACb,UAAU;GACQ,iBAAC,GAAG,mBAAmB,MAAM,eAAe,KAAK,MAAM;IACrE,cAAc;IACd,UAAU;KACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,KAAK,KAAK;MACnE,aAAa,EACX,iBAAiB,SACnB;MACA,MAAM;MACN,OAAO;MACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,aAAa;OAChF,YAAY;OACZ,MAAM;OACN,UAAU;OACV,UAAU;MACZ,CAAC;KACH,CAAC;KACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,KAAK,KAAK;MACnE,aAAa,EACX,iBAAiB,SACnB;MACA,MAAM;MACN,OAAO;MACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,aAAa;OAChF,YAAY;OACZ,MAAM;OACN,UAAU;OACV,UAAU;MACZ,CAAC;KACH,CAAC;KACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,KAAK,KAAK;MACnE,aAAa,EACX,iBAAiB,SACnB;MACA,MAAM;MACN,OAAO;MACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,aAAa;OAChF,YAAY;OACZ,MAAM;OACN,UAAU;OACV,UAAU;MACZ,CAAC;KACH,CAAC;IACH;GACF,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,WAAW,CAAC,CAAC;GACxD,iBAAC,GAAG,mBAAmB,KAAK,aAAa;IACvD,OAAO;IACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EACvE,UAAU,UACZ,CAAC;GACH,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,aAAa;IACvD,OAAO;IACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EACvE,UAAU,cACZ,CAAC;GACH,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,aAAa;IACvD,OAAO;IACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EACvE,UAAU,gBACZ,CAAC;GACH,CAAC;EACH;CACF,CAAC;AACH;AACA,IAAI,eAAe,WAAW;CAC5B,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,MAAM;EACvE,cAAc;EACd,eAAe;EACf,OAAO;EACP,SAAS;EACT,aAAa;EACb,UAAU;EACV,aAAa;EACb,aAAa;EACb,UAAU;GACQ,iBAAC,GAAG,mBAAmB,MAAM,eAAe,KAAK,MAAM;IACrE,cAAc;IACd,UAAU;KACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,KAAK,KAAK;MACnE,aAAa,EACX,iBAAiB,SACnB;MACA,OAAO;MACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,aAAa,EAChF,UAAU,UACZ,CAAC;KACH,CAAC;KACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,KAAK,KAAK;MACnE,aAAa,EACX,iBAAiB,SACnB;MACA,OAAO;MACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,aAAa,EAChF,UAAU,cACZ,CAAC;KACH,CAAC;KACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,KAAK,KAAK;MACnE,aAAa,EACX,iBAAiB,SACnB;MACA,OAAO;MACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,aAAa,EAChF,UAAU,gBACZ,CAAC;KACH,CAAC;IACH;GACF,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,WAAW,EACpE,UAAU,KACZ,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,aAAa;IACvD,OAAO;IACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI;KACvE,MAAM;KACN,UAAU;IACZ,CAAC;GACH,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,aAAa;IACvD,OAAO;IACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI;KACvE,MAAM;KACN,UAAU;IACZ,CAAC;GACH,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,aAAa;IACvD,OAAO;IACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI;KACvE,MAAM;KACN,UAAU;IACZ,CAAC;GACH,CAAC;EACH;CACF,CAAC;AACH;AACA,IAAI,cAAc,SAAS,OAAO;CAChC,OAAuB,iBAAC,GAAG,aAAa,eAAe,eAAe,KAAK,SAAS;EAClF,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/cjs/TextDemo.cjs

@@ -1,51 +1,50 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TextDemo_exports = {};
-__export(TextDemo_exports, {
-  TextDemo: () => TextDemo
-});
+__export(TextDemo_exports, { TextDemo: () => TextDemo });
 module.exports = __toCommonJS(TextDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TextDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$2",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-      size: "$3",
-      children: "SizableText"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      size: "$2",
-      fontWeight: "800",
-      children: "Paragraph"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Strong, {
-        children: "Strong"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Em, {
-        children: "Em"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Span, {
-        children: "Span"
-      })]
-    })]
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "2",
+		items: "center",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+				size: "3",
+				children: "SizableText"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+				size: "2",
+				fontWeight: "800",
+				children: "Paragraph"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Strong, { children: "Strong" }),
+				", ",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Em, { children: "Em" }),
+				", ",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Span, { children: "Span" })
+			] })
+		]
+	});
+}

package/dist/cjs/TextDemo.native.cjs

@@ -0,0 +1,52 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TextDemo_exports = {};
+__export(TextDemo_exports, { TextDemo: () => TextDemo });
+module.exports = __toCommonJS(TextDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function TextDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "2",
+		items: "center",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+				size: "3",
+				children: "SizableText"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+				size: "2",
+				fontWeight: "800",
+				children: "Paragraph"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Strong, { children: "Strong" }),
+				", ",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Em, { children: "Em" }),
+				", ",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Span, { children: "Span" })
+			] })
+		]
+	});
+}