@hanzogui/demos 2.0.0

package/dist/cjs/Grid.cjs

@@ -0,0 +1,69 @@
+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 __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 __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);
+var Grid_exports = {};
+__export(Grid_exports, {
+  Grid: () => Grid
+});
+module.exports = __toCommonJS(Grid_exports);
+var import_core = require("@hanzogui/core"),
+  import_stacks = require("@hanzogui/stacks"),
+  import_react = __toESM(require("react"), 1),
+  import_jsx_runtime = require("react/jsx-runtime");
+function Grid({
+  children,
+  columns,
+  itemMinWidth = 200,
+  gap
+}) {
+  if (import_core.isWeb) return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      gap,
+      display: "grid",
+      justifyContent: "stretch",
+      gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+    },
+    children
+  });
+  const childrenList = import_react.default.Children.toArray(children);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+    items: "center",
+    justify: "center",
+    flexWrap: "wrap",
+    children: childrenList.map((child, i) => child ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+      flex: 1,
+      minW: itemMinWidth,
+      mr: gap,
+      mb: gap,
+      children: child
+    }, i) : null)
+  });
+}

package/dist/cjs/Grid.native.js

@@ -0,0 +1,75 @@
+"use strict";
+
+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 __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 __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);
+var Grid_exports = {};
+__export(Grid_exports, {
+  Grid: () => Grid
+});
+module.exports = __toCommonJS(Grid_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_core = require("@hanzogui/core"),
+  import_stacks = require("@hanzogui/stacks"),
+  import_react = __toESM(require("react"), 1);
+function Grid(param) {
+  var {
+    children,
+    columns,
+    itemMinWidth = 200,
+    gap
+  } = param;
+  if (import_core.isWeb) return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      gap,
+      display: "grid",
+      justifyContent: "stretch",
+      gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+    },
+    children
+  });
+  var childrenList = import_react.default.Children.toArray(children);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+    items: "center",
+    justify: "center",
+    flexWrap: "wrap",
+    children: childrenList.map(function (child, i) {
+      return child ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+        flex: 1,
+        minW: itemMinWidth,
+        mr: gap,
+        mb: gap,
+        children: child
+      }, i) : null;
+    })
+  });
+}
+//# sourceMappingURL=Grid.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Grid_exports","__export","Grid","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_react","__toESM","param","children","columns","itemMinWidth","gap","isWeb","jsx","style","display","justifyContent","gridTemplateColumns","childrenList","default","Children","toArray","XStack","items","justify"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,YAAA;AAWf,IAAAK,kBAAgB,GAAAC,OAAU,oBAAwB;EAAKC,WAAkB,GAAAD,OAAA;EAAAE,aAAA,GAAAF,OAAA;EAAAG,YAAA,GAAAC,OAAA,CAAAJ,OAAA;AAC9E,SAAIJ,KAAAS,KAAA;EACF;IAAAC,QACE;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IAACJ,WAAA,CAAAS,KAAA,4BAAAX,kBAAA,CAAAY,GAAA;IAAAC,KACC;MAAOH,GACL;MAAAI,OACA,QAAS;MAAAC,cACT,WAAgB;MAAAC,mBAChB,8BAAqBP,YAA4B;IAAY;IAC/DF;EAEC;EAAA,IACHU,YAAA,GAAAb,YAAA,CAAAc,OAAA,CAAAC,QAAA,CAAAC,OAAA,CAAAb,QAAA;EAIJ,OAAM,eAAe,IAAAP,kBAAM,CAAAY,GAAA,EAAST,aAAQ,CAAAkB,MAAQ;IAEpDC,KACE;IAeJC,OAAA","ignoreList":[]}

package/dist/cjs/GroupDemo.cjs

@@ -0,0 +1,92 @@
+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 GroupDemo_exports = {};
+__export(GroupDemo_exports, {
+  GroupDemo: () => GroupDemo
+});
+module.exports = __toCommonJS(GroupDemo_exports);
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
+  import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function GroupDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    p: "$3",
+    gap: "$2",
+    items: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Group, {
+      orientation: "horizontal",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          children: "First"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          children: "Second"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          children: "Third"
+        })
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XGroup, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          size: "$3",
+          $gtSm: {
+            size: "$5"
+          },
+          icon: import_lucide_icons_2.Activity,
+          children: "First"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          size: "$3",
+          $gtSm: {
+            size: "$5"
+          },
+          icon: import_lucide_icons_2.Airplay,
+          children: "Second"
+        })
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+          borderRadius: "$6",
+          theme: "surface1",
+          title: "First"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+          borderRadius: "$6",
+          theme: "surface1",
+          title: "Second",
+          subTitle: "Second subtitle"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+          borderRadius: "$6",
+          theme: "surface1",
+          children: "Third"
+        })
+      })]
+    })]
+  });
+}

package/dist/cjs/GroupDemo.native.js

@@ -0,0 +1,97 @@
+"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 GroupDemo_exports = {};
+__export(GroupDemo_exports, {
+  GroupDemo: () => GroupDemo
+});
+module.exports = __toCommonJS(GroupDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
+  import_gui = require("@hanzo/gui");
+function GroupDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    p: "$3",
+    gap: "$2",
+    items: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Group, {
+      orientation: "horizontal",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          children: "First"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          children: "Second"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          children: "Third"
+        })
+      })]
+    }), /* responsive size - children control their own size/radius */
+    /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XGroup, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          size: "$3",
+          $gtSm: {
+            size: "$5"
+          },
+          icon: import_lucide_icons_2.Activity,
+          children: "First"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          size: "$3",
+          $gtSm: {
+            size: "$5"
+          },
+          icon: import_lucide_icons_2.Airplay,
+          children: "Second"
+        })
+      })]
+    }), /* with separators - add them between items */
+    /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+          borderRadius: "$6",
+          theme: "surface1",
+          title: "First"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+          borderRadius: "$6",
+          theme: "surface1",
+          title: "Second",
+          subTitle: "Second subtitle"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+          borderRadius: "$6",
+          theme: "surface1",
+          children: "Third"
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=GroupDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GroupDemo_exports","__export","GroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsxs","YStack","p","gap","items","children","Group","orientation","jsx","Item","Button"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,iBAAA;AAG3B,IAAAK,kBAAqB,GAAAC,OAAA;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,UAAA,GAAAF,OAAA;AAC1B,SACEJ,UAAA;EACE,0BAAAG,kBAAA,CAAAI,IAAC,EAAAD,UAAA,CAAAE,MAAM;IACLC,CAAA;IAEAC,GACA;IAEAC,KACA;IAEAC,QACF,GAGA,mBAAAT,kBAAA,CAAAI,IAAC,EAAAD,UAAA,CAAAO,KAAA;MACCC,WAAA;MAKAF,QAAA,GAKF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAO,KAAA,CAAAG,IAAA;QAGAJ,QAAA,qBAAAT,kBAAC,CAAAY,GAAA,EAAAT,UACC,CAAAW,MAAA;UAAAL,QAAA;QAGA;MACA,IACG,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAO,KAAA,CAAAG,IAAA;QAAAJ,QAAA,qBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAW,MAAA;UACCL,QAAA,EAAa;QACb;MACA,IACA,eAAS,IAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAO,KAAA,CAAAG,IAAA;QAAAJ,QAAA,qBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAW,MAAA;UAEbL,QAAA;QACA;MACA;IAMJ,IAEJ","ignoreList":[]}

package/dist/cjs/HeadingsDemo.cjs

@@ -0,0 +1,45 @@
+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 HeadingsDemo_exports = {};
+__export(HeadingsDemo_exports, {
+  HeadingsDemo: () => HeadingsDemo
+});
+module.exports = __toCommonJS(HeadingsDemo_exports);
+var import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function HeadingsDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    self: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H1, {
+      children: "Heading 1"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
+      children: "Heading 2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H3, {
+      children: "Heading 3"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H4, {
+      children: "Heading 4"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+      children: "Heading 5"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H6, {
+      children: "Heading 6"
+    })]
+  });
+}

package/dist/cjs/HeadingsDemo.native.js

@@ -0,0 +1,48 @@
+"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 HeadingsDemo_exports = {};
+__export(HeadingsDemo_exports, {
+  HeadingsDemo: () => HeadingsDemo
+});
+module.exports = __toCommonJS(HeadingsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui = require("@hanzo/gui");
+function HeadingsDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    self: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H1, {
+      children: "Heading 1"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
+      children: "Heading 2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H3, {
+      children: "Heading 3"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H4, {
+      children: "Heading 4"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
+      children: "Heading 5"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H6, {
+      children: "Heading 6"
+    })]
+  });
+}
+//# sourceMappingURL=HeadingsDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HeadingsDemo_exports","__export","HeadingsDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","self","children","jsx","H1","H2"],"sources":["../../src/HeadingsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA+CT,YAAA,CAAAK,oBAI3C;AAFG,IAAAK,kBAAS,GAAeC,OAAA;EAAAC,UAAA,GAAAD,OAAA;AAC7B,SACEJ,aAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAA,CAAGE,MAAA;IACJC,IAAA;IACAC,QAAA,GACA,mBAAAN,kBAAA,CAAAO,GAAC,EAAAL,UAAA,CAAAM,EAAA,EAAG;MACJF,QAAA;IACA,IACF,mBAAAN,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAO,EAAA;MAEJH,QAAA","ignoreList":[]}

package/dist/cjs/ImageDemo.cjs

@@ -0,0 +1,38 @@
+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 ImageDemo_exports = {};
+__export(ImageDemo_exports, {
+  ImageDemo: () => ImageDemo
+});
+module.exports = __toCommonJS(ImageDemo_exports);
+var import_image = require("@hanzogui/image"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function ImageDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
+      src: "https://picsum.photos/200/300",
+      width: 200,
+      height: 300,
+      onLoad: () => {},
+      onLayout: e => {}
+    })
+  });
+}

package/dist/cjs/ImageDemo.native.js

@@ -0,0 +1,41 @@
+"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 ImageDemo_exports = {};
+__export(ImageDemo_exports, {
+  ImageDemo: () => ImageDemo
+});
+module.exports = __toCommonJS(ImageDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_image = require("@hanzogui/image");
+function ImageDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
+      src: "https://picsum.photos/200/300",
+      width: 200,
+      height: 300,
+      onLoad: function () {},
+      onLayout: function (e) {}
+    })
+  });
+}
+//# sourceMappingURL=ImageDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ImageDemo_exports","__export","ImageDemo","module","exports","import_jsx_runtime","require","import_image","jsx","Fragment","children","Image","src","width","height","onLoad","onLayout","e"],"sources":["../../src/ImageDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,iBAIlB;AAFG,IAAAK,kBAAqB,GAAAC,OAAA;EAAAC,YAAA,GAAAD,OAAA;AAC1B,SACEJ,UAAA;EACE,OAAC,mBAAAG,kBAAA,CAAAG,GAAA,EAAAH,kBAAA,CAAAI,QAAA;IAAAC,QAAA,qBAAAL,kBAAA,CAAAG,GAAA,EAAAD,YAAA,CAAAI,KAAA;MACCC,GAAA,EAAI;MACJC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,MAAA,EAAQ,SAAAA,CAAA,EAAM,CAAC;MACfC,QAAA,EAAU,SAAAA,CAAOC,CAAA,GAAC;IAAA;EACpB;AAGN","ignoreList":[]}

package/dist/cjs/InputsDemo.cjs

@@ -0,0 +1,62 @@
+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 InputsDemo_exports = {};
+__export(InputsDemo_exports, {
+  InputsDemo: () => InputsDemo
+});
+module.exports = __toCommonJS(InputsDemo_exports);
+var import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function InputsDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    width: 200,
+    minH: 250,
+    overflow: "hidden",
+    gap: "$2",
+    m: "$3",
+    p: "$2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
+      size: "$2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
+      size: "$3"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
+      size: "$4"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.TextArea, {
+      theme: "surface1",
+      placeholder: "Enter your details..."
+    })]
+  });
+}
+function InputDemo(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    items: "center",
+    gap: "$2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
+      theme: "surface1",
+      flex: 1,
+      size: props.size,
+      placeholder: `Size ${props.size}...`
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+      size: props.size,
+      children: "Go"
+    })]
+  });
+}

package/dist/cjs/InputsDemo.native.js

@@ -0,0 +1,65 @@
+"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 InputsDemo_exports = {};
+__export(InputsDemo_exports, {
+  InputsDemo: () => InputsDemo
+});
+module.exports = __toCommonJS(InputsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui = require("@hanzo/gui");
+function InputsDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    width: 200,
+    minH: 250,
+    overflow: "hidden",
+    gap: "$2",
+    m: "$3",
+    p: "$2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
+      size: "$2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
+      size: "$3"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
+      size: "$4"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.TextArea, {
+      theme: "surface1",
+      placeholder: "Enter your details..."
+    })]
+  });
+}
+function InputDemo(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    items: "center",
+    gap: "$2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
+      theme: "surface1",
+      flex: 1,
+      size: props.size,
+      placeholder: `Size ${props.size}...`
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+      size: props.size,
+      children: "Go"
+    })]
+  });
+}
+//# sourceMappingURL=InputsDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InputsDemo_exports","__export","InputsDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","width","minH","overflow","gap","m","p","children","jsx","InputDemo","size","TextArea","theme","placeholder"],"sources":["../../src/InputsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAwDT,YAAA,CAAAK,kBAIpD;AAFG,IAAAK,kBAAsB,GAAAC,OAAA;EAAAC,UAAA,GAAAD,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAU,CAAAE,MAAK,EAAK;IACrBC,KAAA;IACAC,IAAA;IACAC,QAAA;IAA+DC,GACjE;IAEJC,CAAA;IAEAC,CAAA,MAAS;IACPC,QACE,GACE,mBAAAX,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MAACC,IAAA;IAAA,mBACO,IAAAd,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MACNC,IAAA,EAAM;IAAA,EACN,EAAY,eACC,IAAAd,kBAAkB,CAAAY,GAAA,EAAAC,SAAA;MAAAC,IAAA;IACjC,IACA,mBAAAd,kBAAA,CAAAY,GAAC,EAAAV,UAAA,CAAAa,QAAO;MACVC,KAAA;MAEJC,WAAA","ignoreList":[]}