@tamagui/demos 1.61.3 → 1.62.1

package/dist/cjs/TabsAdvancedDemo.native.js

@@ -0,0 +1,248 @@
+"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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var TabsAdvancedDemo_exports = {};
+__export(TabsAdvancedDemo_exports, {
+  TabsAdvancedDemo: () => TabsAdvancedDemo
+});
+module.exports = __toCommonJS(TabsAdvancedDemo_exports);
+var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const demos = ["background", "underline"], demosTitle = {
+  background: "Background Indicator",
+  underline: "Underline Indicator"
+}, TabsAdvancedDemo = () => {
+  const [demoIndex, setDemoIndex] = (0, import_react.useState)(0), demo = demos[demoIndex];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    demo === "underline" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.XStack,
+      {
+        alignItems: "center",
+        space: !0,
+        position: "absolute",
+        bottom: "$3",
+        left: "$4",
+        $xxs: { display: "none" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
+      }
+    )
+  ] });
+}, TabsAdvancedBackground = () => {
+  const [tabState, setTabState] = (0, import_react.useState)({
+    activeAt: null,
+    currentTab: "tab1",
+    intentAt: null,
+    prevActiveAt: null
+  }), setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 }), setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 }), setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 }), { activeAt, intentAt, prevActiveAt, currentTab } = tabState, direction = (() => !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1)(), enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade", exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade", handleOnInteraction = (type, layout) => {
+    type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tamagui.Tabs,
+    {
+      value: currentTab,
+      onValueChange: setCurrentTab,
+      orientation: "horizontal",
+      size: "$4",
+      padding: "$2",
+      height: 150,
+      flexDirection: "column",
+      activationMode: "manual",
+      backgroundColor: "$background",
+      borderRadius: "$4",
+      position: "relative",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsRovingIndicator,
+            {
+              borderRadius: "$4",
+              width: intentAt.width,
+              height: intentAt.height,
+              x: intentAt.x,
+              y: intentAt.y
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsRovingIndicator,
+            {
+              borderRadius: "$4",
+              theme: "active",
+              width: activeAt.width,
+              height: activeAt.height,
+              x: activeAt.x,
+              y: activeAt.y
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_tamagui.Tabs.List,
+            {
+              disablePassBorderRadius: !0,
+              loop: !1,
+              "aria-label": "Manage your account",
+              space: "$2",
+              backgroundColor: "transparent",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { unstyled: !0, value: "tab1", onInteraction: handleOnInteraction, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { unstyled: !0, value: "tab2", onInteraction: handleOnInteraction, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { unstyled: !0, value: "tab3", onInteraction: handleOnInteraction, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" }) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.AnimatePresence,
+          {
+            exitBeforeEnter: !0,
+            enterVariant,
+            exitVariant,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, { animation: "100ms", x: 0, opacity: 1, flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, { value: currentTab, forceMount: !0, flex: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: currentTab }) }) }, currentTab)
+          }
+        )
+      ]
+    }
+  );
+}, TabsAdvancedUnderline = () => {
+  const [tabState, setTabState] = (0, import_react.useState)({
+    activeAt: null,
+    currentTab: "tab1",
+    intentAt: null,
+    prevActiveAt: null
+  }), setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 }), setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 }), setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 }), { activeAt, intentAt, prevActiveAt, currentTab } = tabState, direction = (() => !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1)(), enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade", exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade", handleOnInteraction = (type, layout) => {
+    type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tamagui.Tabs,
+    {
+      value: currentTab,
+      onValueChange: setCurrentTab,
+      orientation: "horizontal",
+      size: "$4",
+      height: 150,
+      flexDirection: "column",
+      activationMode: "manual",
+      backgroundColor: "$background",
+      borderRadius: "$4",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsRovingIndicator,
+            {
+              width: intentAt.width,
+              height: "$0.5",
+              x: intentAt.x,
+              bottom: 0
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TabsRovingIndicator,
+            {
+              theme: "active",
+              active: !0,
+              width: activeAt.width,
+              height: "$0.5",
+              x: activeAt.x,
+              bottom: 0
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_tamagui.Tabs.List,
+            {
+              disablePassBorderRadius: !0,
+              loop: !1,
+              "aria-label": "Manage your account",
+              borderBottomLeftRadius: 0,
+              borderBottomRightRadius: 0,
+              paddingBottom: "$1.5",
+              borderColor: "$color3",
+              borderBottomWidth: "$0.5",
+              backgroundColor: "transparent",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_tamagui.Tabs.Tab,
+                  {
+                    unstyled: !0,
+                    padding: "$5",
+                    value: "tab1",
+                    onInteraction: handleOnInteraction,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_tamagui.Tabs.Tab,
+                  {
+                    unstyled: !0,
+                    padding: "$5",
+                    value: "tab2",
+                    onInteraction: handleOnInteraction,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_tamagui.Tabs.Tab,
+                  {
+                    unstyled: !0,
+                    padding: "$5",
+                    value: "tab3",
+                    onInteraction: handleOnInteraction,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" })
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.AnimatePresence,
+          {
+            exitBeforeEnter: !0,
+            enterVariant,
+            exitVariant,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, { animation: "100ms", x: 0, opacity: 1, flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, { value: currentTab, forceMount: !0, flex: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: currentTab }) }) }, currentTab)
+          }
+        )
+      ]
+    }
+  );
+}, TabsRovingIndicator = ({ active, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_tamagui.Stack,
+  {
+    position: "absolute",
+    backgroundColor: "$color5",
+    opacity: 0.7,
+    animation: "100ms",
+    enterStyle: {
+      opacity: 0
+    },
+    exitStyle: {
+      opacity: 0
+    },
+    ...active && {
+      backgroundColor: "$color8",
+      opacity: 0.6
+    },
+    ...props
+  }
+), AnimatedYStack = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  variants: {
+    isLeft: { true: { x: -25, opacity: 0 } },
+    isRight: { true: { x: 25, opacity: 0 } },
+    defaultFade: { true: { opacity: 0 } }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabsAdvancedDemo
+});
+//# sourceMappingURL=TabsAdvancedDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/TabsAdvancedDemo.tsx"],
+  "mappings": "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",
+  "names": ["currentTab", "intentAt", "activeAt"]
+}

package/dist/cjs/TabsDemo.js

@@ -1,40 +1,32 @@
-"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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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: !0 }), mod);
 var TabsDemo_exports = {};
 __export(TabsDemo_exports, {
   TabsDemo: () => TabsDemo
 });
 module.exports = __toCommonJS(TabsDemo_exports);
-var import_jsx_runtime = (
+var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = (
   // web only fix for position relative
   require("react/jsx-runtime")
 );
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-const demos = ["horizontal", "vertical"];
-const demosTitle = {
+const demos = ["horizontal", "vertical"], demosTitle = {
   horizontal: "Horizontal",
   vertical: "Vertical"
 };
 function TabsDemo() {
-  const [demoIndex, setDemoIndex] = (0, import_react.useState)(0);
-  const demo = demos[demoIndex];
+  const [demoIndex, setDemoIndex] = (0, import_react.useState)(0), demo = demos[demoIndex];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_tamagui.YStack,
     {
@@ -48,7 +40,7 @@ function TabsDemo() {
           import_tamagui.XStack,
           {
             alignItems: "center",
-            space: true,
+            space: !0,
             position: "absolute",
             bottom: "$3",
             left: "$4",
@@ -60,95 +52,87 @@ function TabsDemo() {
     }
   );
 }
-const HorizontalTabs = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.Tabs,
-    {
-      defaultValue: "tab1",
-      orientation: "horizontal",
-      flexDirection: "column",
-      width: 400,
-      height: 150,
-      borderRadius: "$4",
-      borderWidth: "$0.25",
-      overflow: "hidden",
-      borderColor: "$borderColor",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_tamagui.Tabs.List,
-          {
-            separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: true }),
-            disablePassBorderRadius: "bottom",
-            "aria-label": "Manage your account",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Profile" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Connections" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", 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" }) })
-      ]
-    }
-  );
-};
-const VerticalTabs = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.Tabs,
-    {
-      defaultValue: "tab1",
-      flexDirection: "row",
-      orientation: "vertical",
-      width: 400,
-      borderRadius: "$4",
-      borderWidth: "$0.25",
-      overflow: "hidden",
-      borderColor: "$borderColor",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_tamagui.Tabs.List,
-          {
-            disablePassBorderRadius: "end",
-            "aria-label": "Manage your account",
-            separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { 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, { textAlign: "center", children: "Profile" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Connections" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Notifications" }) })
-      ]
-    }
-  );
-};
-const TabsContent = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_tamagui.Tabs.Content,
-    {
-      backgroundColor: "$background",
-      padding: "$2",
-      alignItems: "center",
-      justifyContent: "center",
-      flex: 1,
-      borderColor: "$background",
-      borderRadius: "$2",
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0,
-      borderWidth: "$2",
-      ...props,
-      children: props.children
-    },
-    "tab3"
-  );
-};
+const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  import_tamagui.Tabs,
+  {
+    defaultValue: "tab1",
+    orientation: "horizontal",
+    flexDirection: "column",
+    width: 400,
+    height: 150,
+    borderRadius: "$4",
+    borderWidth: "$0.25",
+    overflow: "hidden",
+    borderColor: "$borderColor",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Tabs.List,
+        {
+          separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
+          disablePassBorderRadius: "bottom",
+          "aria-label": "Manage your account",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Profile" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Connections" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", 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" }) })
+    ]
+  }
+), VerticalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  import_tamagui.Tabs,
+  {
+    defaultValue: "tab1",
+    flexDirection: "row",
+    orientation: "vertical",
+    width: 400,
+    borderRadius: "$4",
+    borderWidth: "$0.25",
+    overflow: "hidden",
+    borderColor: "$borderColor",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Tabs.List,
+        {
+          disablePassBorderRadius: "end",
+          "aria-label": "Manage your account",
+          separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Profile" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Connections" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Notifications" }) })
+    ]
+  }
+), TabsContent = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_tamagui.Tabs.Content,
+  {
+    backgroundColor: "$background",
+    padding: "$2",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: 1,
+    borderColor: "$background",
+    borderRadius: "$2",
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderWidth: "$2",
+    ...props,
+    children: props.children
+  },
+  "tab3"
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   TabsDemo

package/dist/cjs/TabsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TabsDemo.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }