@hanzogui/demos 3.0.6 → 4.4.0

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TabsAdvancedDemo_exports","__export","TabsAdvancedDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_gui","demos","demosTitle","background","underline","demoIndex","setDemoIndex","default","useState","demo","jsxs","Fragment","children","jsx","TabsAdvancedUnderline","TabsAdvancedBackground","XStack","items","gap","position","b","l","$xxs","display","Button","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","Tabs","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","AnimatePresence","TabsRovingIndicator","width","y","theme","YStack","List","loop","backgroundColor","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","SizableText","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","H5","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","TabsAdvancedDemo_exports","TabsAdvancedDemo","module","exports","import_jsx_runtime","require","import_react","import_gui","demos","demosTitle","background","underline","demoIndex","setDemoIndex","default","useState","demo","jsxs","Fragment","children","jsx","TabsAdvancedUnderline","TabsAdvancedBackground","XStack","items","gap","position","b","l","$xxs","display","Button","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","Tabs","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","AnimatePresence","TabsRovingIndicator","width","y","theme","YStack","List","loop","backgroundColor","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","SizableText","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","H5","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","flexBasis","param","props","opacity","transition","enterStyle","exitStyle","styled","variants",":number","zIndex"],"sources":["TabsAdvancedDemo.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 TabsAdvancedDemo_exports = {};\n__export(TabsAdvancedDemo_exports, {\n  TabsAdvancedDemo: () => TabsAdvancedDemo\n});\nmodule.exports = __toCommonJS(TabsAdvancedDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar demos = [\n  \"background\",\n  \"underline\"\n];\nvar demosTitle = {\n  background: \"Background Indicator\",\n  underline: \"Underline Indicator\"\n};\nvar TabsAdvancedDemo = function() {\n  var [demoIndex, setDemoIndex] = import_react.default.useState(0);\n  var demo = demos[demoIndex];\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n    children: [\n      demo === \"underline\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n        items: \"center\",\n        gap: \"$4\",\n        position: \"absolute\",\n        b: \"$3\",\n        l: \"$4\",\n        $xxs: {\n          display: \"none\"\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.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 TabsAdvancedBackground = function() {\n  var [tabState, setTabState] = import_react.default.useState(\n    /**\n    * Layout of the Tab user might intend to select (hovering / focusing)\n    */\n    /**\n    * Layout of the Tab user selected\n    */\n    /**\n    * Used to get the direction of activation for animating the active indicator\n    */\n    {\n      activeAt: null,\n      currentTab: \"tab1\",\n      intentAt: null,\n      prevActiveAt: null\n    }\n  );\n  var setCurrentTab = function(currentTab2) {\n    return setTabState({\n      ...tabState,\n      currentTab: currentTab2\n    });\n  };\n  var setIntentIndicator = function(intentAt2) {\n    return setTabState({\n      ...tabState,\n      intentAt: intentAt2\n    });\n  };\n  var setActiveIndicator = function(activeAt2) {\n    return setTabState({\n      ...tabState,\n      prevActiveAt: tabState.activeAt,\n      activeAt: activeAt2\n    });\n  };\n  var { activeAt, intentAt, prevActiveAt, currentTab } = tabState;\n  var direction = (function() {\n    if (!activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x) {\n      return 0;\n    }\n    return activeAt.x > prevActiveAt.x ? -1 : 1;\n  })();\n  var handleOnInteraction = function(type, layout) {\n    if (type === \"select\") {\n      setActiveIndicator(layout);\n    } else {\n      setIntentIndicator(layout);\n    }\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs, {\n    value: currentTab,\n    onValueChange: setCurrentTab,\n    orientation: \"horizontal\",\n    size: \"$4\",\n    p: \"$2\",\n    height: 150,\n    flexDirection: \"column\",\n    activationMode: \"manual\",\n    bg: \"$background\",\n    rounded: \"$4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {\n        children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {\n          rounded: \"$4\",\n          width: intentAt.width,\n          height: intentAt.height,\n          x: intentAt.x,\n          y: intentAt.y\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {\n        children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {\n          rounded: \"$4\",\n          theme: \"accent\",\n          width: activeAt.width,\n          height: activeAt.height,\n          x: activeAt.x,\n          y: activeAt.y\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n        position: \"relative\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {\n          loop: false,\n          \"aria-label\": \"Manage your account\",\n          gap: \"$2\",\n          backgroundColor: \"transparent\",\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n              unstyled: true,\n              paddingVertical: \"$2\",\n              paddingHorizontal: \"$3\",\n              value: \"tab1\",\n              onInteraction: handleOnInteraction,\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n                children: \"Profile\"\n              })\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n              unstyled: true,\n              paddingVertical: \"$2\",\n              paddingHorizontal: \"$3\",\n              value: \"tab2\",\n              onInteraction: handleOnInteraction,\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n                children: \"Connections\"\n              })\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n              unstyled: true,\n              paddingVertical: \"$2\",\n              paddingHorizontal: \"$3\",\n              value: \"tab3\",\n              onInteraction: handleOnInteraction,\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n                children: \"Notifications\"\n              })\n            })\n          ]\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {\n        exitBeforeEnter: true,\n        custom: {\n          direction\n        },\n        initial: false,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, {\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {\n            value: currentTab,\n            forceMount: true,\n            flex: 1,\n            justify: \"center\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H5, {\n              text: \"center\",\n              children: currentTab\n            })\n          })\n        }, currentTab)\n      })\n    ]\n  });\n};\nvar TabsAdvancedUnderline = function() {\n  var [tabState, setTabState] = import_react.default.useState(\n    /**\n    * Layout of the Tab user might intend to select (hovering / focusing)\n    */\n    /**\n    * Layout of the Tab user selected\n    */\n    /**\n    * Used to get the direction of activation for animating the active indicator\n    */\n    {\n      activeAt: null,\n      currentTab: \"tab1\",\n      intentAt: null,\n      prevActiveAt: null\n    }\n  );\n  var setCurrentTab = function(currentTab2) {\n    return setTabState({\n      ...tabState,\n      currentTab: currentTab2\n    });\n  };\n  var setIntentIndicator = function(intentAt2) {\n    return setTabState({\n      ...tabState,\n      intentAt: intentAt2\n    });\n  };\n  var setActiveIndicator = function(activeAt2) {\n    return setTabState({\n      ...tabState,\n      prevActiveAt: tabState.activeAt,\n      activeAt: activeAt2\n    });\n  };\n  var { activeAt, intentAt, prevActiveAt, currentTab } = tabState;\n  var direction = (function() {\n    if (!activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x) {\n      return 0;\n    }\n    return activeAt.x > prevActiveAt.x ? -1 : 1;\n  })();\n  var handleOnInteraction = function(type, layout) {\n    if (type === \"select\") {\n      setActiveIndicator(layout);\n    } else {\n      setIntentIndicator(layout);\n    }\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs, {\n    value: currentTab,\n    onValueChange: setCurrentTab,\n    orientation: \"horizontal\",\n    size: \"$4\",\n    height: 150,\n    flexDirection: \"column\",\n    activationMode: \"manual\",\n    bg: \"$background\",\n    rounded: \"$4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n        position: \"relative\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {\n            children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {\n              width: intentAt.width,\n              height: \"$0.5\",\n              x: intentAt.x,\n              b: 0\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {\n            children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {\n              theme: \"accent\",\n              active: true,\n              width: activeAt.width,\n              height: \"$0.5\",\n              x: activeAt.x,\n              b: 0\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {\n            loop: false,\n            \"aria-label\": \"Manage your account\",\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            paddingBottom: \"$1.5\",\n            borderColor: \"$color3\",\n            borderBottomWidth: \"$0.5\",\n            backgroundColor: \"transparent\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n                unstyled: true,\n                paddingHorizontal: \"$3\",\n                paddingVertical: \"$2\",\n                value: \"tab1\",\n                onInteraction: handleOnInteraction,\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n                  children: \"Profile\"\n                })\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n                unstyled: true,\n                paddingHorizontal: \"$3\",\n                paddingVertical: \"$2\",\n                value: \"tab2\",\n                onInteraction: handleOnInteraction,\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n                  children: \"Connections\"\n                })\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n                unstyled: true,\n                paddingHorizontal: \"$3\",\n                paddingVertical: \"$2\",\n                value: \"tab3\",\n                onInteraction: handleOnInteraction,\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n                  children: \"Notifications\"\n                })\n              })\n            ]\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {\n        exitBeforeEnter: true,\n        custom: {\n          direction\n        },\n        initial: false,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, {\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {\n            value: currentTab,\n            forceMount: true,\n            flex: 1,\n            justify: \"center\",\n            flexBasis: \"auto\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H5, {\n              text: \"center\",\n              children: currentTab\n            })\n          })\n        }, currentTab)\n      })\n    ]\n  });\n};\nvar TabsRovingIndicator = function(param) {\n  var { active, ...props } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n    position: \"absolute\",\n    backgroundColor: \"$color5\",\n    opacity: 0.7,\n    transition: \"100ms\",\n    enterStyle: {\n      opacity: 0\n    },\n    exitStyle: {\n      opacity: 0\n    },\n    ...active && {\n      backgroundColor: \"$color8\",\n      opacity: 0.6\n    },\n    ...props\n  });\n};\nvar AnimatedYStack = (0, import_gui.styled)(import_gui.YStack, {\n  flex: 1,\n  x: 0,\n  opacity: 1,\n  transition: \"100ms\",\n  variants: {\n    // 1 = right, 0 = nowhere, -1 = left\n    direction: {\n      \":number\": function(direction) {\n        return {\n          enterStyle: {\n            x: direction > 0 ? -25 : 25,\n            opacity: 0\n          },\n          exitStyle: {\n            zIndex: 0,\n            x: direction < 0 ? -25 : 25,\n            opacity: 0\n          }\n        };\n      }\n    }\n  }\n});\n//# sourceMappingURL=TabsAdvancedDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/TabsDemo.cjs

@@ -2,49 +2,51 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !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, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var TabsDemo_exports = {};
 __export(TabsDemo_exports, {
   TabsDemo: () => TabsDemo
 });
 module.exports = __toCommonJS(TabsDemo_exports);
-var import_react = __toESM(require("react"), 1),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const demos = ["horizontal", "vertical"],
-  demosTitle = {
-    horizontal: "Horizontal",
-    vertical: "Vertical"
-  };
+var import_react = __toESM(require("react"), 1);
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const demos = ["horizontal", "vertical"];
+const demosTitle = {
+  horizontal: "Horizontal",
+  vertical: "Vertical"
+};
 function TabsDemo() {
-  const [demoIndex, setDemoIndex] = import_react.default.useState(0),
-    demo = demos[demoIndex];
+  const [demoIndex, setDemoIndex] = import_react.default.useState(0);
+  const demo = demos[demoIndex];
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     px: "$4",
     ...(import_gui.isWeb && {
@@ -68,79 +70,80 @@ function TabsDemo() {
   });
 }
 const HorizontalTabs = () => {
-    const {
-      width
-    } = (0, import_gui.useWindowDimensions)();
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.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_gui.Tabs.List, {
-        "aria-label": "Manage your account",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-          activeStyle: {
-            backgroundColor: "$color3"
-          },
-          flex: 1,
-          value: "tab1",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-            fontFamily: "$body",
-            text: "center",
-            ellipsis: !0,
-            children: "Profile"
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-          activeStyle: {
-            backgroundColor: "$color3"
-          },
-          flex: 1,
-          value: "tab2",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-            fontFamily: "$body",
-            text: "center",
-            ellipsis: !0,
-            children: "Connections"
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-          activeStyle: {
-            backgroundColor: "$color3"
-          },
-          flex: 1,
-          value: "tab3",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-            fontFamily: "$body",
-            text: "center",
-            ellipsis: !0,
-            children: "Notifications"
-          })
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+  const {
+    width
+  } = (0, import_gui.useWindowDimensions)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.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_gui.Tabs.List, {
+      "aria-label": "Manage your account",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        activeStyle: {
+          backgroundColor: "$color3"
+        },
+        flex: 1,
         value: "tab1",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          fontFamily: "$body",
+          text: "center",
+          ellipsis: true,
           children: "Profile"
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        activeStyle: {
+          backgroundColor: "$color3"
+        },
+        flex: 1,
         value: "tab2",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          fontFamily: "$body",
+          text: "center",
+          ellipsis: true,
           children: "Connections"
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        activeStyle: {
+          backgroundColor: "$color3"
+        },
+        flex: 1,
         value: "tab3",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
+          fontFamily: "$body",
+          text: "center",
+          ellipsis: true,
           children: "Notifications"
         })
       })]
-    });
-  },
-  VerticalTabs = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      value: "tab1",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        children: "Profile"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      value: "tab2",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        children: "Connections"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      value: "tab3",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        children: "Notifications"
+      })
+    })]
+  });
+};
+const VerticalTabs = () => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
     defaultValue: "tab1",
     flexDirection: "row",
     orientation: "vertical",
@@ -177,7 +180,7 @@ const HorizontalTabs = () => {
         })
       })]
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-      vertical: !0
+      vertical: true
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
       value: "tab1",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
@@ -197,8 +200,10 @@ const HorizontalTabs = () => {
         children: "Notifications"
       })
     })]
-  }),
-  TabsContent = props => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
+  });
+};
+const TabsContent = props => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
     bg: "$background",
     p: "$2",
     items: "center",
@@ -211,4 +216,5 @@ const HorizontalTabs = () => {
     borderWidth: "$2",
     ...props,
     children: props.children
-  }, "tab3");
+  }, "tab3");
+};