@hanzogui/demos 3.0.6 → 4.3.1

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":["__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":[]}

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))]
-  });
+  });
+};