@hanzogui/demos 2.0.0

package/dist/cjs/MenuDemo.cjs

@@ -0,0 +1,227 @@
+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 MenuDemo_exports = {};
+__export(MenuDemo_exports, {
+  MenuDemo: () => MenuDemo
+});
+module.exports = __toCommonJS(MenuDemo_exports);
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
+  import_menu = require("@hanzogui/menu"),
+  import_react = __toESM(require("react"), 1),
+  import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function MenuDemo() {
+  const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0),
+    [native, setNative] = import_react.default.useState(!0),
+    [subMenuOpen, setSubMenuOpen] = import_react.default.useState(!1),
+    onSelect = item => {
+      console.info("selected", item);
+    };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu, {
+      offset: 8,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Trigger, {
+        asChild: !0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          size: "$4",
+          icon: import_lucide_icons_2.Backpack,
+          children: "Open"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, {
+        zIndex: 100,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Content, {
+          transition: "100ms",
+          borderRadius: "$4",
+          enterStyle: {
+            scale: 0.9,
+            opacity: 0,
+            y: -5
+          },
+          exitStyle: {
+            scale: 0.95,
+            opacity: 0,
+            y: -3
+          },
+          boxShadow: "0 4px 5px $shadowColor",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Arrow, {
+            size: "$4",
+            borderWidth: 1,
+            borderColor: "$borderColor"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.ScrollView, {
+            padding: 5,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "About Notes"
+              })
+            }, "about-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "Settings"
+              })
+            }, "settings"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
+              onSelect,
+              justify: "space-between",
+              textValue: "Calendar",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "Calendar"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                androidIconName: "ic_menu_today",
+                ios: {
+                  name: "calendar",
+                  hierarchicalColor: "#000"
+                  // pointSize: 20,
+                },
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Calendar, {
+                  color: "gray",
+                  size: 14
+                })
+              })]
+            }, "accounts"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              disabled: !0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                color: "gray",
+                children: "Locked Notes"
+              })
+            }, "close-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              destructive: !0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                color: "red",
+                children: "Delete all"
+              })
+            }, "delete-all"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Sub, {
+              open: subMenuOpen,
+              onOpenChange: setSubMenuOpen,
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.SubTrigger, {
+                justify: "space-between",
+                textValue: "Actions",
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                  children: "Actions"
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronRight, {
+                  size: 16,
+                  color: "$color10"
+                })]
+              }, "actions-trigger"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, {
+                zIndex: 200,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.SubContent, {
+                  transition: "100ms",
+                  borderRadius: "$4",
+                  enterStyle: {
+                    scale: 0.9,
+                    opacity: 0,
+                    y: -5
+                  },
+                  exitStyle: {
+                    scale: 0.95,
+                    opacity: 0,
+                    y: -3
+                  },
+                  boxShadow: "0 4px 5px $shadowColor",
+                  padding: 5,
+                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Label, {
+                    padding: 5,
+                    color: "$color9",
+                    size: "$3",
+                    select: "none",
+                    children: "Note settings"
+                  }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
+                    onSelect,
+                    textValue: "Create note",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                      children: "Create note"
+                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.FilePlus, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "create-note"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
+                    onSelect,
+                    textValue: "Delete all notes",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                      children: "Delete all notes"
+                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Trash2, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "delete-all-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
+                    onSelect,
+                    textValue: "Sync notes",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                      children: "Sync notes"
+                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.RefreshCw, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "sync-all")]
+                })
+              })]
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.CheckboxItem, {
+              checked: bookmarksChecked,
+              onCheckedChange: setBookmarksChecked,
+              justify: "space-between",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "Mark as read"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
+                  size: 12,
+                  color: "$color10"
+                })
+              })]
+            }, "show-hidden"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.CheckboxItem, {
+              checked: native,
+              onCheckedChange: setNative,
+              justify: "space-between",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "Enable Native"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
+                  size: 12,
+                  color: "$color10"
+                })
+              })]
+            }, "show-other-notes")]
+          })]
+        })
+      })]
+    })
+  });
+}

package/dist/cjs/MenuDemo.native.js

@@ -0,0 +1,233 @@
+"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 MenuDemo_exports = {};
+__export(MenuDemo_exports, {
+  MenuDemo: () => MenuDemo
+});
+module.exports = __toCommonJS(MenuDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
+  import_menu = require("@hanzogui/menu"),
+  import_react = __toESM(require("react"), 1),
+  import_gui = require("@hanzo/gui");
+function MenuDemo() {
+  var [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0),
+    [native, setNative] = import_react.default.useState(!0),
+    [subMenuOpen, setSubMenuOpen] = import_react.default.useState(!1),
+    onSelect = function (item) {
+      console.info("selected", item);
+    };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu, {
+      offset: 8,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Trigger, {
+        asChild: !0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+          size: "$4",
+          icon: import_lucide_icons_2.Backpack,
+          children: "Open"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, {
+        zIndex: 100,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Content, {
+          transition: "100ms",
+          borderRadius: "$4",
+          enterStyle: {
+            scale: 0.9,
+            opacity: 0,
+            y: -5
+          },
+          exitStyle: {
+            scale: 0.95,
+            opacity: 0,
+            y: -3
+          },
+          boxShadow: "0 4px 5px $shadowColor",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Arrow, {
+            size: "$4",
+            borderWidth: 1,
+            borderColor: "$borderColor"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.ScrollView, {
+            padding: 5,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "About Notes"
+              })
+            }, "about-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "Settings"
+              })
+            }, "settings"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
+              onSelect,
+              justify: "space-between",
+              // when title is nested inside a React element then you need to use `textValue`
+              textValue: "Calendar",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "Calendar"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                androidIconName: "ic_menu_today",
+                ios: {
+                  name: "calendar",
+                  hierarchicalColor: "#000"
+                },
+                children:
+                // pointSize: 20,
+                /* @__PURE__ */
+                (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Calendar, {
+                  color: "gray",
+                  size: 14
+                })
+              })]
+            }, "accounts"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              disabled: !0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                color: "gray",
+                children: "Locked Notes"
+              })
+            }, "close-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              destructive: !0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                color: "red",
+                children: "Delete all"
+              })
+            }, "delete-all"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Sub, {
+              open: subMenuOpen,
+              onOpenChange: setSubMenuOpen,
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.SubTrigger, {
+                justify: "space-between",
+                textValue: "Actions",
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                  children: "Actions"
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronRight, {
+                  size: 16,
+                  color: "$color10"
+                })]
+              }, "actions-trigger"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, {
+                zIndex: 200,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.SubContent, {
+                  transition: "100ms",
+                  borderRadius: "$4",
+                  enterStyle: {
+                    scale: 0.9,
+                    opacity: 0,
+                    y: -5
+                  },
+                  exitStyle: {
+                    scale: 0.95,
+                    opacity: 0,
+                    y: -3
+                  },
+                  boxShadow: "0 4px 5px $shadowColor",
+                  padding: 5,
+                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Label, {
+                    padding: 5,
+                    color: "$color9",
+                    size: "$3",
+                    select: "none",
+                    children: "Note settings"
+                  }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
+                    onSelect,
+                    textValue: "Create note",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                      children: "Create note"
+                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.FilePlus, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "create-note"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
+                    onSelect,
+                    textValue: "Delete all notes",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                      children: "Delete all notes"
+                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Trash2, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "delete-all-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
+                    onSelect,
+                    textValue: "Sync notes",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                      children: "Sync notes"
+                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.RefreshCw, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "sync-all")]
+                })
+              })]
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.CheckboxItem, {
+              checked: bookmarksChecked,
+              onCheckedChange: setBookmarksChecked,
+              justify: "space-between",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "Mark as read"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
+                  size: 12,
+                  color: "$color10"
+                })
+              })]
+            }, "show-hidden"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.CheckboxItem, {
+              checked: native,
+              onCheckedChange: setNative,
+              justify: "space-between",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                children: "Enable Native"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
+                  size: 12,
+                  color: "$color10"
+                })
+              })]
+            }, "show-other-notes")]
+          })]
+        })
+      })]
+    })
+  });
+}
+//# sourceMappingURL=MenuDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MenuDemo_exports","__export","MenuDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_menu","import_react","__toESM","import_gui","bookmarksChecked","setBookmarksChecked","default","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","jsx","Fragment","children","jsxs","Menu","offset","Trigger","asChild","Button","size","icon","Backpack","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","Calendar","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","ChevronRight","SubContent","Label","select"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAQO,CAAAK,gBAAA;AAeA,IAAAK,kBAAoB,GAAAC,OAAA;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,WAAA,GAAAF,OAAA;EAAAG,YAAA,GAAAC,OAAA,CAAAJ,OAAA;EAAAK,UAAA,GAAAL,OAAA;AACzB,SAAOJ,SAAA;EAML,KAAAU,gBAAa,EAAAC,mBAAgB,IAAAJ,YAAA,CAAAK,OAAA,CAAAC,QAAA;IAAA,CAAAC,MAAA,EAAAC,SAAA,IAAAR,YAAA,CAAAK,OAAA,CAAAC,QAAA;IAAA,CAAAG,WAAA,EAAAC,cAAA,IAAAV,YAAA,CAAAK,OAAA,CAAAC,QAAA;IAAAK,QAAA,YAAAA,CAAAC,IAAA;MAC/BC,OAAA,CAAAC,IAAA,aAAAF,IAAA;IAEA;EAGM,0BAAAhB,kBAAA,CAACmB,GAAA,EAAAnB,kBAAK,CAAAoB,QAAQ;IAMdC,QAAA,qBAAArB,kBAAC,CAAAsB,IAAA,EAAAnB,WAAK,CAAAoB,IAAO;MACVC,MAAA;MAAAH,QAAA,GACC,eAAW,IAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAE,OAAA;QACXC,OAAA;QACAL,QAAA,EAAY,eAAc,IAAArB,kBAAkB,CAAAmB,GAAA,EAAAb,UAAA,CAAAqB,MAAA;UAC5CC,IAAA,MAAa;UACbC,IAAA,EAAA3B,qBAAU,CAAA4B,QAAA;UAEVT,QAAA;QAAA;MAAiE,EAEjE,EACE,mBAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAC,CAAAoB,IAAA,CAAAQ,MAAK;QAENC,MAEA;QAAgBX,QAEhB,qBAAArB,kBAAC,CAAAsB,IAAA,EAAAnB,WAAK,CAAAoB,IAAK,CAAAU,OAAA,EACT;UAEFC,UAAA;UAAAC,YAAC;UAAKC,UAAL;YAAAC,KACC;YAAAC,OAEA;YAAQC,CAAA,EAER;UAAU;UAEVC,SAAA;YAAwBH,KACxB;YAAAC,OAAC;YAAKC,CAAA;UAAL;UACiBE,SAAA,EAChB,wBAAK;UAAApB,QAAA,GACG,eACN,IAAArB,kBAAmB,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAmB,KAAA;YAAAd,IAAA;YAAAe,WAErB;YAAAC,WAEA;UAAiC,mBACnC,IAAA5C,kBAAA,CAAAsB,IAAA,EAAAnB,WAAA,CAAAoB,IAAA,CAAAsB,UAAA;YAAAC,OAAA;YAAAzB,QAAA,GAfI,mBAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAwB,IAAA;cAgBNhC,QAAA;cAEAM,QAAA,qBAAArB,kBAAC,CAAAmB,GAAA,EAAKhB,WAAL,CAAeoB,IAAA,CAAAyB,SAAA;gBAEhB3B,QAAA;cAGA;YAIA,mBAEA,mBAAArB,kBAAA,CAACmB,GAAA,EAAAhB,WAAA,CAAKoB,IAAA,CAAL0B,SAAe,OACd,mBAAAjD,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAwB,IAAA;cAAChC,QAAA;cAAAM,QAAA,qBAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAyB,SAAA;gBACC3B,QAAQ;cAER;YAEA,mCAAArB,kBAAA,CAAAsB,IAAA,EAAAnB,WAAC,CAAAoB,IAAA,CAAAwB,IAAK;cACNhC,QAAA;cAAyCmC,OAAA;cAAA;cAJrCC,SAAA;cAKN9B,QAAA,GAEA,mBAAArB,kBAAC,CAAAmB,GAAA,EAAAhB,WAAK,CAAAoB,IAAA,CAALyB,SAAY,EAAQ;gBAClB3B,QAAA,EAAK;cAAL,IACC,eAAW,IAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAA6B,QAAA;gBACXC,eAAa;gBACbC,GAAA;kBACAC,IAAW,EAAE,UAAO;kBACpBC,iBAAU;gBACV;gBAEAnC,QAAA;gBAAA;gBAGA;gBAAA,IAAArB,kBAAA,CAAAmB,GAAA,EAAAjB,qBAAA,CAAAuD,QAAA;kBAACC,KAAA,QAAK;kBAAL9B,IAAA;gBACC;cAEU,EACV;YAEA,gBAA2B,eAC3B,IAAA5B,kBAAA,CAAAmB,GAAA,EAAAhB,WAAC,CAAAoB,IAAA,CAAA0B,SAAK,OAEN,mBAAAjD,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAwB,IAAA;cAAAhC,QAAA;cAAA4C,QAPI;cAQNtC,QAAA,qBAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAyB,SAAA;gBACAU,KAAA;gBAACrC,QAAA;cAAK;YAAL,gBACC,kBAEA,CAAU,GAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAwB,IAAA;cAAAhC,QACV;cAAQ6C,WAER;cAAAvC,QAAA,qBAAArB,kBAAA,CAAAmB,GAAC,EAAAhB,WAAA,CAAAoB,IAAK,CAAAyB,SAAU;gBAAgBU,KAChC;gBAEArC,QAAA;cAAA;YAAA,eAPI,kBAQN,IAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAA0B,SAAA,sBACA,IAAAjD,kBAAA,CAAAsB,IAAA,EAAAnB,WAAA,CAAAoB,IAAA,CAAAsC,GAAA;cAAAC,IAAC,EAAAjD,WAAA;cAAKkD,YAAL,EAAAjD,cAAA;cAAAO,QACC,kBAEU,IAAArB,kBAAA,CAAAsB,IAAA,EAAAnB,WAAA,CAAAoB,IAAA,CAAAyC,UAAA;gBACVd,OAAA,EAAQ;gBAERC,SAAA;gBAAA9B,QAAA,GACA,mBAAArB,kBAAA,CAAAmB,GAAA,EAAChB,WAAA,CAAAoB,IAAA,CAAKyB,SAAA,EAAL;kBAED3B,QAAA;gBAAA,IAPI,mBAAArB,kBAAA,CAAAmB,GAAA,EAAAjB,qBAAA,CAAA+D,YAAA;kBAQNrC,IAAA;kBAAA8B,KAAA;gBAAA;cAGN,uBAEA,mBAAA1D,kBAAC,CAAAmB,GAAA,EAAAhB,WAAK,CAAAoB,IAAA,CAAAQ,MAAU;gBAEhBC,MAAA;gBAACX,QAAK,qBAAArB,kBAAA,CAAAsB,IAAA,EAAAnB,WAAA,CAAAoB,IAAA,CAAA2C,UAAA;kBAALhC,UAAA;kBAEUC,YAAA;kBACTC,UAAiB;oBACTC,KAAA;oBAERC,OAAA;oBAAAC,CAAA;kBACA;kBAEAC,SAAA;oBAAAH,KAAA;oBARIC,OAAA;oBASNC,CAAA;kBACA;kBAACE,SAAK;kBAALK,OAAA;kBAEUzB,QAAA,GACT,eAAiB,IAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAA4C,KAAA;oBACTrB,OAAA;oBAERY,KAAA;oBAAA9B,IAAA;oBACAwC,MAAA;oBAEA/C,QAAA;kBAAA,IARI,mBAAArB,kBAAA,CAAAsB,IAAA,EAAAnB,WAAA,CAAAoB,IAAA,CAAAwB,IAAA;oBASNhC,QAAA;oBACFoC,SAAA;oBAAAD,OAAA;oBAAA7B,QAAA,GAEJ,mBAAArB,kBAAA,CAAAmB,GAAA,EAAAhB,WAAA,CAAAoB,IAAA,CAAAyB,SAAA;sBAEJ3B,QAAA;oBAEJ,I","ignoreList":[]}

package/dist/cjs/NewInputsDemo.cjs

@@ -0,0 +1,63 @@
+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 NewInputsDemo_exports = {};
+__export(NewInputsDemo_exports, {
+  NewInputsDemo: () => NewInputsDemo
+});
+module.exports = __toCommonJS(NewInputsDemo_exports);
+var import_gui = require("@hanzo/gui"),
+  import_input = require("@hanzogui/input"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function NewInputsDemo() {
+  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_input.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_input.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/NewInputsDemo.native.js

@@ -0,0 +1,66 @@
+"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 NewInputsDemo_exports = {};
+__export(NewInputsDemo_exports, {
+  NewInputsDemo: () => NewInputsDemo
+});
+module.exports = __toCommonJS(NewInputsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui = require("@hanzo/gui"),
+  import_input = require("@hanzogui/input");
+function NewInputsDemo() {
+  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_input.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_input.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=NewInputsDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NewInputsDemo_exports","__export","NewInputsDemo","module","exports","import_jsx_runtime","require","import_gui","import_input","jsxs","YStack","width","minH","overflow","gap","m","p","children","jsx","InputDemo","size","TextArea","theme","placeholder"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAA8CT,YAAA,CAAAK,qBAC9C;AAEO,IAAAK,kBAAS,GAAgBC,OAAA;EAAAC,UAAA,GAAAD,OAAA;EAAAE,YAAA,GAAAF,OAAA;AAC9B,SACEJ,cAAA;EACE,0BAAAG,kBAAA,CAACI,IAAA,EAAAF,UAAU,CAAAG,MAAK,EAAK;IACrBC,KAAA;IACAC,IAAA;IACAC,QAAA;IAA+DC,GACjE;IAEJC,CAAA;IAEAC,CAAA,MAAS;IACPC,QACE,GACE,mBAAAZ,kBAAA,CAAAa,GAAA,EAAAC,SAAA;MAACC,IAAA;IAAA,mBACO,IAAAf,kBAAA,CAAAa,GAAA,EAAAC,SAAA;MACNC,IAAA,EAAM;IAAA,EACN,EAAY,eACC,IAAAf,kBAAkB,CAAAa,GAAA,EAAAC,SAAA;MAAAC,IAAA;IACjC,IACA,mBAAAf,kBAAA,CAAAa,GAAC,EAAAV,YAAA,CAAAa,QAAO;MACVC,KAAA;MAEJC,WAAA","ignoreList":[]}