@hanzogui/demos 3.0.6 → 4.3.1

package/dist/cjs/ListItemDemo.cjs

@@ -3,29 +3,31 @@ 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 ListItemDemo_exports = {};
 __export(ListItemDemo_exports, {
   ListItemDemo: () => ListItemDemo
 });
 module.exports = __toCommonJS(ListItemDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ListItemDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: "surface1",

package/dist/cjs/ListItemDemo.native.js

@@ -5,29 +5,31 @@ 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 ListItemDemo_exports = {};
 __export(ListItemDemo_exports, {
   ListItemDemo: () => ListItemDemo
 });
 module.exports = __toCommonJS(ListItemDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
 function ListItemDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: "surface1",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItemDemo_exports","__export","ListItemDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","YGroup","self","borderWidth","borderColor","rounded","width","size","Item","ListItem","icon","Star","title","subTitle","Subtitle","iconAfter","ChevronRight","Moon","Sun","Cloud"],"sources":["../../src/ListItemDemo.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,GAAAT,YAAqD,CAAAK,oBAAA;AAG9C,IAAAK,kBAAS,GAAeC,OAAA;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,UAAA,GAAAF,OAAA;AAC7B,SACEJ,aAAA;EAEI,0BAAAG,kBAAA,CAACI,GAAA,EAAAD,UAAA,CAAAE,KAAc;IACfC,IAAA;IAAeC,QAEnB,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAA;MAEJC,MAAA;QAEAC,aAAS;MACP;MACGC,EAAA;MAAAC,GAAA;MACCN,QAAK,GACL,eAAa,IAAAP,kBAAA,CAAAI,GAAA,EAAAU,aAAA,OACb,eAAY,IAAAd,kBAAA,CAAAI,GAAA,EAAAW,aAAA;IACJ;EACD;AACF;AAEL,SAAAD,cAAA;EACE,sBAAC,IAAAd,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAa,MAAA;IAAAC,IAAA;IAAAC,WACC,GAAM;IAAAC,WACN,gBAAM;IAAAC,OAAA,EACN;IAAqCC,KAAA,KACrC;IAAWC,IAAA;IAAAf,QAEf,kBACA,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAC,CAAAa,MAAA,CAAAO,IAAO;MAGRhB,QAAA,qBAAAP,kBAAC,CAAAI,GAAA,EAAAD,UAAO,CAAAqB,QACN;QAEFC,IAAA,EAAAvB,qBAAA,CAAAwB,IAAA;QAEAC,KAAA;QAAAC,QAAA,qBAAA5B,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA,CAAAK,QAAA;UACFtB,QAAA;QAEJ;QAESuB,SAAA,EAAA5B,qBAAgB,CAAA6B;MACvB,CACE;IAAC,uBAAA/B,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MACChB,QAAK,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QACLC,IAAA,EAAAvB,qBAAa,CAAA8B,IAAA;QACbzB,QAAA,EAAY;MACZ;IACA,IACA,eAAK,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MAELhB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QAAAC,IAAA,EAAAvB,qBAAA,CAAA+B,GAAA;QAGA1B,QAAA;MACA;IAEA,uBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MACFhB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QAEJC,IAAA,EAAAvB,qBAAA,CAAAgC,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItemDemo_exports","__export","ListItemDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","YGroup","self","borderWidth","borderColor","rounded","width","size","Item","ListItem","icon","Star","title","subTitle","Subtitle","iconAfter","ChevronRight","Moon","Sun","Cloud"],"sources":["../../src/ListItemDemo.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,GAAAT,YAAqD,CAAAK,oBAAA;AACrD,IAAAK,kBAA2D,GAAAC,OAAA;AAKrD,IAAAC,qBAAA,GAAAD,OAAA;AAHC,IAAAE,UAAS,GAAAF,OAAe;AAC7B,SACEJ,aAAA;EAEI,0BAAAG,kBAAA,CAACI,GAAA,EAAAD,UAAA,CAAAE,KAAc;IACfC,IAAA;IAAeC,QAEnB,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAA;MAEJC,MAAA;QAEAC,aAAS;MACP;MACGC,EAAA;MAAAC,GAAA;MACCN,QAAK,GACL,eAAa,IAAAP,kBAAA,CAAAI,GAAA,EAAAU,aAAA,OACb,eAAY,IAAAd,kBAAA,CAAAI,GAAA,EAAAW,aAAA;IACJ;EACD;AACF;AAEL,SAAAD,cAAA;EACE,sBAAC,IAAAd,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAa,MAAA;IAAAC,IAAA;IAAAC,WACC,GAAM;IAAAC,WACN,gBAAM;IAAAC,OAAA,EACN;IAAqCC,KAAA,KACrC;IAAWC,IAAA;IAAAf,QAEf,kBACA,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAC,CAAAa,MAAA,CAAAO,IAAO;MAGRhB,QAAA,qBAAAP,kBAAC,CAAAI,GAAA,EAAAD,UAAO,CAAAqB,QACN;QAEFC,IAAA,EAAAvB,qBAAA,CAAAwB,IAAA;QAEAC,KAAA;QAAAC,QAAA,qBAAA5B,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA,CAAAK,QAAA;UACFtB,QAAA;QAEJ;QAESuB,SAAA,EAAA5B,qBAAgB,CAAA6B;MACvB,CACE;IAAC,uBAAA/B,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MACChB,QAAK,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QACLC,IAAA,EAAAvB,qBAAa,CAAA8B,IAAA;QACbzB,QAAA,EAAY;MACZ;IACA,IACA,eAAK,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MAELhB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QAAAC,IAAA,EAAAvB,qBAAA,CAAA+B,GAAA;QAGA1B,QAAA;MACA;IAEA,uBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MACFhB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QAEJC,IAAA,EAAAvB,qBAAA,CAAAgC,KAAA","ignoreList":[]}

package/dist/cjs/LucideIconsDemo.cjs

@@ -2,75 +2,77 @@ 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 LucideIconsDemo_exports = {};
 __export(LucideIconsDemo_exports, {
   LucideIconsDemo: () => LucideIconsDemo
 });
 module.exports = __toCommonJS(LucideIconsDemo_exports);
-var import_react = __toESM(require("react"), 1),
-  LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1),
-  import_react_native = require("react-native-web"),
-  import_gui = require("@hanzo/gui"),
-  import_Grid = require("./Grid.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1);
+var import_react_native = require("react-native-web");
+var import_gui = require("@hanzo/gui");
+var import_Grid = require("./Grid.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 const lucideIcons = Object.keys(
 // vite tree shaking workaround
-typeof LucideIcons < "u" ? LucideIcons : {}).map(name => ({
+typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(name => ({
   key: name.toLowerCase(),
   name,
   Icon: LucideIcons[name]
 }));
 function LucideIconsDemo() {
-  const [searchRaw, setSearch] = import_react.default.useState(""),
-    search = (0, import_gui.useDebounceValue)(searchRaw, 400),
-    size = 100,
-    iconsMemo = import_react.default.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
-      Icon,
-      name
-    }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      height: size + 20,
-      items: "center",
-      justify: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
-        size: size * 0.25
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        height: "$6",
-        wordWrap: "break-word",
-        maxW: "100%",
-        text: "center",
-        px: "$2",
-        size: "$1",
-        opacity: 0.5,
-        children: name
-      })]
-    }, name)), [search]);
+  const [searchRaw, setSearch] = import_react.default.useState("");
+  const search = (0, import_gui.useDebounceValue)(searchRaw, 400);
+  const size = 100;
+  const iconsMemo = import_react.default.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
+    Icon,
+    name
+  }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    height: size + 20,
+    items: "center",
+    justify: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+      size: size * 0.25
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+      height: "$6",
+      wordWrap: "break-word",
+      maxW: "100%",
+      text: "center",
+      px: "$2",
+      size: "$1",
+      opacity: 0.5,
+      children: name
+    })]
+  }, name)), [search]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     minW: "100%",
     p: "$4",

package/dist/cjs/LucideIconsDemo.native.js

@@ -4,84 +4,86 @@ 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 LucideIconsDemo_exports = {};
 __export(LucideIconsDemo_exports, {
   LucideIconsDemo: () => LucideIconsDemo
 });
 module.exports = __toCommonJS(LucideIconsDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1),
-  import_react_native = require("react-native"),
-  import_gui = require("@hanzo/gui"),
-  import_Grid = require("./Grid.native.js"),
-  lucideIcons = Object.keys(
-  // vite tree shaking workaround
-  typeof LucideIcons < "u" ? LucideIcons : {}).map(function (name) {
-    return {
-      key: name.toLowerCase(),
-      name,
-      Icon: LucideIcons[name]
-    };
-  });
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1);
+var import_react_native = require("react-native");
+var import_gui = require("@hanzo/gui");
+var import_Grid = require("./Grid.native.js");
+var lucideIcons = Object.keys(
+// vite tree shaking workaround
+typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(function (name) {
+  return {
+    key: name.toLowerCase(),
+    name,
+    Icon: LucideIcons[name]
+  };
+});
 function LucideIconsDemo() {
-  var [searchRaw, setSearch] = import_react.default.useState(""),
-    search = (0, import_gui.useDebounceValue)(searchRaw, 400),
-    size = 100,
-    iconsMemo = import_react.default.useMemo(function () {
-      return lucideIcons.filter(function (x) {
-        return x.key.includes(search.toLowerCase());
-      }).map(function (param) {
-        var {
-          Icon,
-          name
-        } = param;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-          height: size + 20,
-          items: "center",
-          justify: "center",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
-            size: size * 0.25
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-            height: "$6",
-            wordWrap: "break-word",
-            maxW: "100%",
-            text: "center",
-            px: "$2",
-            size: "$1",
-            opacity: 0.5,
-            children: name
-          })]
-        }, name);
-      });
-    }, [search]);
+  var [searchRaw, setSearch] = import_react.default.useState("");
+  var search = (0, import_gui.useDebounceValue)(searchRaw, 400);
+  var size = 100;
+  var iconsMemo = import_react.default.useMemo(function () {
+    return lucideIcons.filter(function (x) {
+      return x.key.includes(search.toLowerCase());
+    }).map(function (param) {
+      var {
+        Icon,
+        name
+      } = param;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+        height: size + 20,
+        items: "center",
+        justify: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+          size: size * 0.25
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+          height: "$6",
+          wordWrap: "break-word",
+          maxW: "100%",
+          text: "center",
+          px: "$2",
+          size: "$1",
+          opacity: 0.5,
+          children: name
+        })]
+      }, name);
+    });
+  }, [search]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     minW: "100%",
     p: "$4",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LucideIconsDemo_exports","__export","LucideIconsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","LucideIcons","import_react_native","import_gui","import_Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","searchRaw","setSearch","default","useState","search","useDebounceValue","size","iconsMemo","useMemo","filter","x","includes","param","jsxs","YStack","height","items","justify","children","jsx","Spacer","Paragraph","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAClB;AAOA,IAAAK,kBAAoB,GAAAC,OAAO;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,WAAA,GAAAD,OAAA,CAAAF,OAAA;EAAAI,mBAAA,GAAAJ,OAAA;EAAAK,UAAA,GAAAL,OAAA;EAAAM,WAAA,GAAAN,OAAA;EAAAO,WAAA,GAAAC,MAAA,CAAAC,IAAA;EAAA;EAEzB,OAAON,WAAA,GAAgB,MAAcA,WAAA,GAAc,CAAC,CACtD,EAAEO,GAAA,CAAI,UAACC,IAAU;IACf,OAAK;MACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;MACAF,IAAM;MACNG,IAAA,EAAAX,WAAA,CAAAQ,IAAA;IAEK;EACL;AAKwB,SACtBf,eAEKA,CAAA;EAGG,KAAAmB,SAAA,EAAAC,SAAA,IAAAf,YAAA,CAAAgB,OAAC,CAAAC,QAAK,IAAM;IAAAC,MAAO,KAAM,EAAAd,UAAA,CAAAe,gBAAA,EAAAL,SAAA;IAAAM,IAAA;IAAAC,SAAA,GAAArB,YAAA,CAAAgB,OAAA,CAAAM,OAAA;MAAA,OACzBhB,WAAA,CAAAiB,MAAA,WAAAC,CAAA;QACA,OAAAA,CAAA,CAAAb,GAAA,CAAAc,QAAA,CAAAP,MAAA,CAAAN,WAAA;MAAA,GAAAH,GAAC,WAAAiB,KAAA;QAAA;UAAAb,IAAA;UAAAH;QAAA,IAAAgB,KAAA;QAAA,OACC,eAAO,IAAA5B,kBAAA,CAAA6B,IAAA,EAAAvB,UAAA,CAAAwB,MAAA;UAAAC,MACP,EAAAT,IAAS;UAAAU,KACT,UAAK;UAAAC,OACL,EAAK;UAAAC,QACF,GACH,eAAK,IAAAlC,kBAAA,CAAAmC,GAAA,EAAApB,IAAA;YACLO,IAAA,EAAAA,IAAS;UAER,uBAAAtB,kBAAA,CAAAmC,GAAA,EAAA7B,UAAA,CAAA8B,MAAA,OACH,mBAAApC,kBAAA,CAAAmC,GAAA,EAAA7B,UAAA,CAAA+B,SAAA;YAb8DN,MAejE;YACEO,QAAA;YACTC,IAAA;YAGEC,IAAA;YACEC,EAAA;YAEAnB,IAAA;YAKFoB,OAAA;YAEJR,QAAA,EAAAtB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LucideIconsDemo_exports","__export","LucideIconsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","LucideIcons","import_react_native","import_gui","import_Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","searchRaw","setSearch","default","useState","search","useDebounceValue","size","iconsMemo","useMemo","filter","x","includes","param","jsxs","YStack","height","items","justify","children","jsx","Spacer","Paragraph","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAAA;AAClB,IAAAK,kBAA6B,GAAAC,OAAA;AAE7B,IAAAC,YAAA,GAAAC,OAA2B,CAAAF,OAAA;AAC3B,IAAAG,WAAA,GAAmED,OAAA,CAAAF,OAAA;AAEnE,IAAAI,mBAAqB,GAAAJ,OAAA;AAsBX,IAAAK,UAAA,GAAAL,OAAA;AApBV,IAAAM,WAAM,GAAAN,OAAc,mBAAO;AAAA,IAAAO,WAAA,GAAAC,MAAA,CAAAC,IAAA;AAEzB;AACA,OAAKN,WAAU,mBAAAA,WAAA,OACfO,GAAA,WAAUC,IAAA;EACV;IACAC,GAAA,EAAMD,IAAA,CAAAE,WAAgB;IACtBF,IAAA;IAEKG,IAAA,EAASX,WAAA,CAAAQ,IAAA;EACd;AACA;AAEA,SAAMf,eAAOA,CAAA;EAEb,KAAAmB,SAAM,EAAAC,SAAY,IAAAf,YAAM,CAAAgB,OAAA,CAAAC,QAAA;EAAA,IACtBC,MACE,OAAAd,UACU,CAACe,gBAAY,EAAAL,SAAS,EAAO;EAGjC,IAAAM,IAAA;EAAyB,IACzBC,SAAA,GAAArB,YAAA,CAAAgB,OAAA,CAAAM,OAAA,aAAC;IAAO,OACRhB,WAAA,CAAAiB,MAAA,WAAAC,CAAA;MAAA,OAACA,CAAA,CAAAb,GAAA,CAAAc,QAAA,CAAAP,MAAA,CAAAN,WAAA;IAAA,GAAAH,GAAA,WAAAiB,KAAA;MAAA,IACC;QAAAb,IAAA;QAAOH;MAAA,IAAAgB,KAAA;MAAA,OACP,eAAS,IAAA5B,kBAAA,CAAA6B,IAAA,EAAAvB,UAAA,CAAAwB,MAAA;QAAAC,MACT,EAAKT,IAAA;QAAAU,KACL,UAAK;QAAAC,OACF;QAAAC,QACE,GACL,eAAS,IAAAlC,kBAAA,CAAAmC,GAAA,EAAApB,IAAA;UAERO,IAAA,EAAAA,IAAA;QAAA,IACH,mBAAAtB,kBAAA,CAAAmC,GAAA,EAAA7B,UAAA,CAAA8B,MAAA,OAb8D,eAejE,IAAApC,kBAAA,CAAAmC,GAAA,EAAA7B,UAAA,CAAA+B,SAAA;UACEN,MAAA;UACTO,QAAA;UAGEC,IAAA;UACEC,IAAA;UAEAC,EAAA;UAKFnB,IAAA;UAEJoB,OAAA","ignoreList":[]}

package/dist/cjs/MenuDemo.cjs

@@ -2,55 +2,57 @@ 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 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");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_menu = require("@hanzogui/menu");
+var import_react = __toESM(require("react"), 1);
+var import_gui = require("@hanzo/gui");
+var 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);
-    };
+  const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(true);
+  const [native, setNative] = import_react.default.useState(true);
+  const [subMenuOpen, setSubMenuOpen] = import_react.default.useState(false);
+  const 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,
+        asChild: true,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
           size: "$4",
           icon: import_lucide_icons_2.Backpack,
@@ -108,14 +110,14 @@ function MenuDemo() {
               })]
             }, "accounts"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
               onSelect,
-              disabled: !0,
+              disabled: true,
               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,
+              destructive: true,
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
                 color: "red",
                 children: "Delete all"

package/dist/cjs/MenuDemo.native.js

@@ -4,55 +4,57 @@ 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 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");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_menu = require("@hanzogui/menu");
+var import_react = __toESM(require("react"), 1);
+var 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);
-    };
+  var [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(true);
+  var [native, setNative] = import_react.default.useState(true);
+  var [subMenuOpen, setSubMenuOpen] = import_react.default.useState(false);
+  var 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,
+        asChild: true,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
           size: "$4",
           icon: import_lucide_icons_2.Backpack,
@@ -113,14 +115,14 @@ function MenuDemo() {
               })]
             }, "accounts"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
               onSelect,
-              disabled: !0,
+              disabled: true,
               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,
+              destructive: true,
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
                 color: "red",
                 children: "Delete all"