@hanzogui/demos 3.0.6 → 4.4.0

package/dist/cjs/TabsDemo.native.js

@@ -4,49 +4,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_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_gui = require("@hanzo/gui"),
-  demos = ["horizontal", "vertical"],
-  demosTitle = {
-    horizontal: "Horizontal",
-    vertical: "Vertical"
-  };
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_gui = require("@hanzo/gui");
+var demos = ["horizontal", "vertical"];
+var demosTitle = {
+  horizontal: "Horizontal",
+  vertical: "Vertical"
+};
 function TabsDemo() {
-  var [demoIndex, setDemoIndex] = import_react.default.useState(0),
-    demo = demos[demoIndex];
+  var [demoIndex, setDemoIndex] = import_react.default.useState(0);
+  var demo = demos[demoIndex];
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     px: "$4",
     ...(import_gui.isWeb && {
@@ -74,152 +76,152 @@ function TabsDemo() {
   });
 }
 var HorizontalTabs = function () {
-    var {
-      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, {
+  var {
+    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 = function () {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.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_gui.Tabs.List, {
-        "aria-label": "Manage your account",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-          activeStyle: {
-            backgroundColor: "$color3"
-          },
-          value: "tab1",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-            children: "Profile"
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-          activeStyle: {
-            backgroundColor: "$color3"
-          },
-          value: "tab2",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-            children: "Connections"
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-          activeStyle: {
-            backgroundColor: "$color3"
-          },
-          value: "tab3",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-            children: "Notifications"
-          })
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-        vertical: !0
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+    }), /* @__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"
+      })
+    })]
+  });
+};
+var VerticalTabs = function () {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.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_gui.Tabs.List, {
+      "aria-label": "Manage your account",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        activeStyle: {
+          backgroundColor: "$color3"
+        },
         value: "tab1",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-          text: "center",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
           children: "Profile"
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        activeStyle: {
+          backgroundColor: "$color3"
+        },
         value: "tab2",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-          text: "center",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
           children: "Connections"
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
+        activeStyle: {
+          backgroundColor: "$color3"
+        },
         value: "tab3",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-          text: "center",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
           children: "Notifications"
         })
       })]
-    });
-  },
-  TabsContent = function (props) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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");
-  };
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
+      vertical: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      value: "tab1",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        text: "center",
+        children: "Profile"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      value: "tab2",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        text: "center",
+        children: "Connections"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
+      value: "tab3",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+        text: "center",
+        children: "Notifications"
+      })
+    })]
+  });
+};
+var TabsContent = function (props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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");
+};
 //# 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_gui","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,"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","TabsDemo_exports","TabsDemo","module","exports","import_jsx_runtime","require","import_react","import_gui","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","props","Content","bg","p","justify","borderTopLeftRadius","borderTopRightRadius"],"sources":["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 = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar demos = [\n  \"horizontal\",\n  \"vertical\"\n];\nvar demosTitle = {\n  horizontal: \"Horizontal\",\n  vertical: \"Vertical\"\n};\nfunction TabsDemo() {\n  var [demoIndex, setDemoIndex] = import_react.default.useState(0);\n  var demo = demos[demoIndex];\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n    px: \"$4\",\n    ...import_gui.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_gui.XStack, {\n        items: \"center\",\n        gap: \"$4\",\n        position: \"absolute\",\n        b: \"$3\",\n        l: \"$4\",\n        $maxXs: {\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 HorizontalTabs = function() {\n  var { width } = (0, import_gui.useWindowDimensions)();\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs, {\n    defaultValue: \"tab1\",\n    orientation: \"horizontal\",\n    flexDirection: \"column\",\n    $maxMd: {\n      width: width - 32\n    },\n    width: 400,\n    height: 150,\n    rounded: \"$4\",\n    borderWidth: \"$0.25\",\n    borderColor: \"$borderColor\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {\n        \"aria-label\": \"Manage your account\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            flex: 1,\n            value: \"tab1\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              fontFamily: \"$body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Profile\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            flex: 1,\n            value: \"tab2\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              fontFamily: \"$body\",\n              text: \"center\",\n              ellipsis: true,\n              children: \"Connections\"\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            flex: 1,\n            value: \"tab3\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.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_gui.Separator, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {\n        value: \"tab1\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.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_gui.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_gui.H5, {\n          children: \"Notifications\"\n        })\n      })\n    ]\n  });\n};\nvar VerticalTabs = function() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs, {\n    defaultValue: \"tab1\",\n    flexDirection: \"row\",\n    orientation: \"vertical\",\n    width: 400,\n    rounded: \"$4\",\n    borderWidth: \"$0.25\",\n    overflow: \"hidden\",\n    borderColor: \"$borderColor\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {\n        \"aria-label\": \"Manage your account\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {\n            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            value: \"tab1\",\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            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            value: \"tab2\",\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            activeStyle: {\n              backgroundColor: \"$color3\"\n            },\n            value: \"tab3\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.SizableText, {\n              children: \"Notifications\"\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.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_gui.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_gui.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_gui.H5, {\n          text: \"center\",\n          children: \"Notifications\"\n        })\n      })\n    ]\n  });\n};\nvar TabsContent = function(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.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    children: props.children\n  }, \"tab3\");\n};\n//# sourceMappingURL=TabsDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/TabsHeadlessDemo.cjs

@@ -3,20 +3,22 @@ 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, {
+  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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var TabsHeadlessDemo_exports = {};
 __export(TabsHeadlessDemo_exports, {
@@ -27,58 +29,58 @@ __export(TabsHeadlessDemo_exports, {
   TabsHeadlessDemo: () => TabsHeadlessDemo
 });
 module.exports = __toCommonJS(TabsHeadlessDemo_exports);
-var import_react = require("react"),
-  import_gui = require("@hanzo/gui"),
-  import_tabs = require("@hanzogui/tabs"),
-  import_get_button_sized = require("@hanzogui/get-button-sized"),
-  import_jsx_runtime =
-  // web only fix for position relative
-  require("react/jsx-runtime");
-const demos = ["horizontal", "vertical"],
-  TabsFrame = (0, import_gui.styled)(import_gui.SizableStack, {
-    name: "TabsFrame"
-  }),
-  TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
-    name: "TabsTrigger",
-    render: "button",
-    cursor: "pointer",
-    backgroundColor: "transparent",
-    variants: {
-      size: {
-        "...size": import_get_button_sized.getButtonSized
-      },
-      disabled: {
-        true: {
-          pointerEvents: "none"
-        }
-      },
-      active: {
-        true: {
-          hoverStyle: {
-            backgroundColor: "$background"
-          },
-          focusStyle: {
-            backgroundColor: "$background"
-          }
+var import_react = require("react");
+var import_gui = require("@hanzo/gui");
+var import_tabs = require("@hanzogui/tabs");
+var import_get_button_sized = require("@hanzogui/get-button-sized");
+var import_jsx_runtime =
+// web only fix for position relative
+require("react/jsx-runtime");
+const demos = ["horizontal", "vertical"];
+const TabsFrame = (0, import_gui.styled)(import_gui.SizableStack, {
+  name: "TabsFrame"
+});
+const TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
+  name: "TabsTrigger",
+  render: "button",
+  cursor: "pointer",
+  backgroundColor: "transparent",
+  variants: {
+    size: {
+      "...size": import_get_button_sized.getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        },
+        focusStyle: {
+          backgroundColor: "$background"
         }
       }
     }
-  }),
-  CONTENT_NAME = "TabsContent",
-  ContentFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
-    name: CONTENT_NAME,
-    flex: 1,
-    p: "$6",
-    justify: "center",
-    items: "center",
-    bg: "$color4",
-    rounded: "$4"
-  }),
-  CustomTabs = (0, import_tabs.createTabs)({
-    TabsFrame,
-    TabFrame,
-    ContentFrame
-  });
+  }
+});
+const CONTENT_NAME = "TabsContent";
+const ContentFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
+  name: CONTENT_NAME,
+  flex: 1,
+  p: "$6",
+  justify: "center",
+  items: "center",
+  bg: "$color4",
+  rounded: "$4"
+});
+const CustomTabs = (0, import_tabs.createTabs)({
+  TabsFrame,
+  TabFrame,
+  ContentFrame
+});
 function TabsHeadlessDemo() {
   const [demo, setDemo] = (0, import_react.useState)(demos[0]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
@@ -108,10 +110,11 @@ function TabsHeadlessDemo() {
     })]
   });
 }
-const content = ["Home", "Profile", "Settings"],
-  TabsView = ({
-    flexDirection = "row"
-  }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(CustomTabs, {
+const content = ["Home", "Profile", "Settings"];
+const TabsView = ({
+  flexDirection = "row"
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(CustomTabs, {
     flexDirection: flexDirection === "column" ? "row" : "column",
     defaultValue: content[0],
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.List, {
@@ -127,4 +130,5 @@ const content = ["Home", "Profile", "Settings"],
       value: name,
       children: name
     }, index))]
-  });
+  });
+};