@hanzogui/demos 2.0.0

package/dist/esm/ListItemDemo.mjs

@@ -0,0 +1,78 @@
+import { ChevronRight, Cloud, Moon, Star, Sun } from "@hanzogui/lucide-icons-2";
+import { ListItem, Separator, Theme, XStack, YGroup } from "@hanzo/gui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ListItemDemo() {
+  return /* @__PURE__ */jsx(Theme, {
+    name: "surface1",
+    children: /* @__PURE__ */jsxs(XStack, {
+      $maxMd: {
+        flexDirection: "column"
+      },
+      px: "$4",
+      gap: "$4",
+      children: [/* @__PURE__ */jsx(ListItemDemo1, {}), /* @__PURE__ */jsx(ListItemDemo2, {})]
+    })
+  });
+}
+function ListItemDemo1() {
+  return /* @__PURE__ */jsxs(YGroup, {
+    self: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    rounded: "$4",
+    width: 240,
+    size: "$4",
+    children: [/* @__PURE__ */jsx(YGroup.Item, {
+      children: /* @__PURE__ */jsx(ListItem, {
+        icon: Star,
+        title: "Star",
+        subTitle: /* @__PURE__ */jsx(ListItem.Subtitle, {
+          children: "Twinkles"
+        }),
+        iconAfter: ChevronRight
+      })
+    }), /* @__PURE__ */jsx(YGroup.Item, {
+      children: /* @__PURE__ */jsx(ListItem, {
+        icon: Moon,
+        children: "Moon"
+      })
+    }), /* @__PURE__ */jsx(YGroup.Item, {
+      children: /* @__PURE__ */jsx(ListItem, {
+        icon: Sun,
+        children: "Sun"
+      })
+    }), /* @__PURE__ */jsx(YGroup.Item, {
+      children: /* @__PURE__ */jsx(ListItem, {
+        icon: Cloud,
+        children: "Cloud"
+      })
+    })]
+  });
+}
+function ListItemDemo2() {
+  return /* @__PURE__ */jsxs(YGroup, {
+    self: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    rounded: "$4",
+    width: 240,
+    size: "$5",
+    children: [/* @__PURE__ */jsx(YGroup.Item, {
+      children: /* @__PURE__ */jsx(ListItem, {
+        title: "Star",
+        subTitle: "Subtitle",
+        icon: Star,
+        iconAfter: ChevronRight
+      })
+    }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(YGroup.Item, {
+      children: /* @__PURE__ */jsx(ListItem, {
+        title: "Moon",
+        subTitle: "Subtitle",
+        icon: Moon,
+        iconAfter: ChevronRight
+      })
+    })]
+  });
+}
+export { ListItemDemo };
+//# sourceMappingURL=ListItemDemo.mjs.map

package/dist/esm/ListItemDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","jsx","jsxs","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,EAAcC,KAAA,EAAOC,IAAA,EAAMC,IAAA,EAAMC,GAAA,QAAW;AACrD,SAASC,QAAA,EAAUC,SAAA,EAAWC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKrD,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAH,IAAA,CAACH,MAAA;MAAOO,MAAA,EAAQ;QAAEC,aAAA,EAAe;MAAS;MAAGC,EAAA,EAAG;MAAKC,GAAA,EAAI;MACvDJ,QAAA,kBAAAJ,GAAA,CAACS,aAAA,IAAc,GACf,eAAAT,GAAA,CAACU,aAAA,IAAc;IAAA,CACjB;EAAA,CACF;AAEJ;AAEA,SAASD,cAAA,EAAgB;EACvB,OACE,eAAAR,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELZ,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCuB,IAAA,EAAMzB,IAAA;QACN0B,KAAA,EAAM;QACNC,QAAA,EAAU,eAAApB,GAAA,CAACL,QAAA,CAAS0B,QAAA,EAAT;UAAkBjB,QAAA;QAAA,CAAQ;QACrCkB,SAAA,EAAWhC;MAAA,CACb;IAAA,CACF,GACA,eAAAU,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASuB,IAAA,EAAM1B,IAAA;QAAMY,QAAA;MAAA,CAAI;IAAA,CAC5B,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASuB,IAAA,EAAMxB,GAAA;QAAKU,QAAA;MAAA,CAAG;IAAA,CAC1B,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASuB,IAAA,EAAM3B,KAAA;QAAOa,QAAA;MAAA,CAAK;IAAA,CAC9B;EAAA,CACF;AAEJ;AAEA,SAASM,cAAA,EAAgB;EACvB,OACE,eAAAT,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELZ,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASwB,KAAA,EAAM;QAAOC,QAAA,EAAS;QAAWF,IAAA,EAAMzB,IAAA;QAAM6B,SAAA,EAAWhC;MAAA,CAAc;IAAA,CAClF,GACA,eAAAU,GAAA,CAACJ,SAAA,IAAU,GACX,eAAAI,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASwB,KAAA,EAAM;QAAOC,QAAA,EAAS;QAAWF,IAAA,EAAM1B,IAAA;QAAM8B,SAAA,EAAWhC;MAAA,CAAc;IAAA,CAClF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/ListItemDemo.native.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight, Cloud, Moon, Star, Sun } from "@hanzogui/lucide-icons-2";
+import { ListItem, Separator, Theme, XStack, YGroup } from "@hanzo/gui";
+function ListItemDemo() {
+  return /* @__PURE__ */_jsx(Theme, {
+    name: "surface1",
+    children: /* @__PURE__ */_jsxs(XStack, {
+      $maxMd: {
+        flexDirection: "column"
+      },
+      px: "$4",
+      gap: "$4",
+      children: [/* @__PURE__ */_jsx(ListItemDemo1, {}), /* @__PURE__ */_jsx(ListItemDemo2, {})]
+    })
+  });
+}
+function ListItemDemo1() {
+  return /* @__PURE__ */_jsxs(YGroup, {
+    self: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    rounded: "$4",
+    width: 240,
+    size: "$4",
+    children: [/* @__PURE__ */_jsx(YGroup.Item, {
+      children: /* @__PURE__ */_jsx(ListItem, {
+        icon: Star,
+        title: "Star",
+        subTitle: /* @__PURE__ */_jsx(ListItem.Subtitle, {
+          children: "Twinkles"
+        }),
+        iconAfter: ChevronRight
+      })
+    }), /* @__PURE__ */_jsx(YGroup.Item, {
+      children: /* @__PURE__ */_jsx(ListItem, {
+        icon: Moon,
+        children: "Moon"
+      })
+    }), /* @__PURE__ */_jsx(YGroup.Item, {
+      children: /* @__PURE__ */_jsx(ListItem, {
+        icon: Sun,
+        children: "Sun"
+      })
+    }), /* @__PURE__ */_jsx(YGroup.Item, {
+      children: /* @__PURE__ */_jsx(ListItem, {
+        icon: Cloud,
+        children: "Cloud"
+      })
+    })]
+  });
+}
+function ListItemDemo2() {
+  return /* @__PURE__ */_jsxs(YGroup, {
+    self: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    rounded: "$4",
+    width: 240,
+    size: "$5",
+    children: [/* @__PURE__ */_jsx(YGroup.Item, {
+      children: /* @__PURE__ */_jsx(ListItem, {
+        title: "Star",
+        subTitle: "Subtitle",
+        icon: Star,
+        iconAfter: ChevronRight
+      })
+    }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(YGroup.Item, {
+      children: /* @__PURE__ */_jsx(ListItem, {
+        title: "Moon",
+        subTitle: "Subtitle",
+        icon: Moon,
+        iconAfter: ChevronRight
+      })
+    })]
+  });
+}
+export { ListItemDemo };
+//# sourceMappingURL=ListItemDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAOC,KAAA,QAAY,mBAAW;AACrD,SAASC,YAAU,EAAAC,KAAA,EAAWC,IAAA,EAAAC,IAAO,EAAAC,GAAQ,kCAAc;AAKrD,SACEC,QADF,EAAAC,SAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAb,IAAC,CAAAU,KAAA;IAEGI,IAAA;IACAC,QAAA,iBAACb,KAAA,CAAAS,MAAc;MACjBK,MACF;QAEJC,aAAA;MAEA;MACEC,EAAA,EACE;MAACC,GAAA;MAAAJ,QAAA,GACC,eAAKf,IAAA,CAAAoB,aAAA,OACL,eAAapB,IAAA,CAAAqB,aAAA;IACD;EACJ;AACD;AACF,SAELD,cAAA;EAAA,sBAAAlB,KAAC,CAAAU,MAAO;IACNU,IAAA,EAAC;IAAAC,WAAA;IAAAC,WACC,gBAAM;IAAAC,OAAA,EACN;IAAMC,KAAA,KACN;IAAqCC,IAAA,MACrC;IAAWZ,QAAA,kBAEff,IAAA,CAAAY,MAAA,CAAAgB,IAAA;MACAb,QAAA,iBAACf,IAAO,CAAAQ,QACN;QAEFqB,IAAA,EAAAvB,IAAA;QAGAwB,KAAA;QAEAC,QAAA,iBAAA/B,IAAA,CAAAQ,QAAA,CAAAwB,QAAA;UAAAjB,QAAA;QACF;QAEJkB,SAAA,EAAA9B;MAEA,CAAS;IACP,IACG,eAAAH,IAAA,CAAAY,MAAA,CAAAgB,IAAA;MAAAb,QAAA,iBAAAf,IAAA,CAAAQ,QAAA;QACCqB,IAAK,EAAAxB,IAAA;QACLU,QAAA,EAAa;MACb;IACA,IACA,eAAOf,IAAA,CAAAY,MAAA,CAAAgB,IAAA;MACPb,QAAK,iBAAAf,IAAA,CAAAQ,QAAA;QAELqB,IAAA,EAAAtB,GAAA;QAAAQ,QAAA;MAGA;IAAW,EACX,EAEA,eAAAf,IAAA,CAAAY,MAAA,CAAAgB,IAAA;MAAAb,QAAA,iBAAAf,IAAA,CAAAQ,QAAA;QACFqB,IAAA,EAAAzB,KAAA;QAEJW,QAAA","ignoreList":[]}

package/dist/esm/LucideIconsDemo.mjs

@@ -0,0 +1,59 @@
+import React from "react";
+import * as LucideIcons from "@hanzogui/lucide-icons-2";
+import { ScrollView } from "react-native-web";
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "@hanzo/gui";
+import { Grid } from "./Grid.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const lucideIcons = Object.keys(
+// vite tree shaking workaround
+typeof LucideIcons < "u" ? LucideIcons : {}).map(name => ({
+  key: name.toLowerCase(),
+  name,
+  Icon: LucideIcons[name]
+}));
+function LucideIconsDemo() {
+  const [searchRaw, setSearch] = React.useState(""),
+    search = useDebounceValue(searchRaw, 400),
+    size = 100,
+    iconsMemo = React.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
+      Icon,
+      name
+    }) => /* @__PURE__ */jsxs(YStack, {
+      height: size + 20,
+      items: "center",
+      justify: "center",
+      children: [/* @__PURE__ */jsx(Icon, {
+        size: size * 0.25
+      }), /* @__PURE__ */jsx(Spacer, {}), /* @__PURE__ */jsx(Paragraph, {
+        height: "$6",
+        wordWrap: "break-word",
+        maxW: "100%",
+        text: "center",
+        px: "$2",
+        size: "$1",
+        opacity: 0.5,
+        children: name
+      })]
+    }, name)), [search]);
+  return /* @__PURE__ */jsxs(YStack, {
+    minW: "100%",
+    p: "$4",
+    pb: "$0",
+    gap: "$4",
+    children: [/* @__PURE__ */jsx(Input, {
+      value: searchRaw,
+      onChangeText: setSearch,
+      placeholder: "Search..."
+    }), /* @__PURE__ */jsx(YStack, {
+      height: 420,
+      children: /* @__PURE__ */jsx(ScrollView, {
+        children: /* @__PURE__ */jsx(Grid, {
+          itemMinWidth: size,
+          children: iconsMemo
+        })
+      })
+    })]
+  });
+}
+export { LucideIconsDemo };
+//# sourceMappingURL=LucideIconsDemo.mjs.map

package/dist/esm/LucideIconsDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","jsx","jsxs","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb","gap","value","onChangeText","placeholder","itemMinWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,YAAYC,WAAA,MAAiB;AAE7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,gBAAA,QAAwB;AAEnE,SAASC,IAAA,QAAY;AAsBX,SACEC,GAAA,EADFC,IAAA;AApBV,MAAMC,WAAA,GAAcC,MAAA,CAAOC,IAAA;AAAA;AAEzB,OAAOZ,WAAA,GAAgB,MAAcA,WAAA,GAAc,CAAC,CACtD,EAAEa,GAAA,CAAKC,IAAA,KAAU;EACfC,GAAA,EAAKD,IAAA,CAAKE,WAAA,CAAY;EACtBF,IAAA;EACAG,IAAA,EAAMjB,WAAA,CAAYc,IAAI;AACxB,EAAE;AAEK,SAASI,gBAAA,EAAkB;EAChC,MAAM,CAACC,SAAA,EAAWC,SAAS,IAAIrB,KAAA,CAAMsB,QAAA,CAAS,EAAE;IAC1CC,MAAA,GAAShB,gBAAA,CAAiBa,SAAA,EAAW,GAAG;IAExCI,IAAA,GAAO;IAEPC,SAAA,GAAYzB,KAAA,CAAM0B,OAAA,CACtB,MACEf,WAAA,CACGgB,MAAA,CAAQC,CAAA,IAAMA,CAAA,CAAEZ,GAAA,CAAIa,QAAA,CAASN,MAAA,CAAON,WAAA,CAAY,CAAC,CAAC,EAClDH,GAAA,CAAI,CAAC;MAAEI,IAAA;MAAMH;IAAK,MACjB,eAAAL,IAAA,CAACJ,MAAA;MAAOwB,MAAA,EAAQN,IAAA,GAAO;MAAIO,KAAA,EAAM;MAASC,OAAA,EAAQ;MAChDC,QAAA,kBAAAxB,GAAA,CAACS,IAAA;QAAKM,IAAA,EAAMA,IAAA,GAAO;MAAA,CAAM,GACzB,eAAAf,GAAA,CAACJ,MAAA,IAAO,GACR,eAAAI,GAAA,CAACL,SAAA;QACC0B,MAAA,EAAO;QACPI,QAAA,EAAS;QACTC,IAAA,EAAK;QACLC,IAAA,EAAK;QACLC,EAAA,EAAG;QACHb,IAAA,EAAK;QACLc,OAAA,EAAS;QAERL,QAAA,EAAAlB;MAAA,CACH;IAAA,GAb8DA,IAchE,CACD,GACL,CAACQ,MAAM,CACT;EAEA,OACE,eAAAb,IAAA,CAACJ,MAAA;IAAOiC,IAAA,EAAK;IAAOC,CAAA,EAAE;IAAKC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACrCT,QAAA,kBAAAxB,GAAA,CAACN,KAAA;MAAMwC,KAAA,EAAOvB,SAAA;MAAWwB,YAAA,EAAcvB,SAAA;MAAkBwB,WAAA,EAAY;IAAA,CAAY,GAEjF,eAAApC,GAAA,CAACH,MAAA;MAAOwB,MAAA,EAAQ;MACdG,QAAA,iBAAAxB,GAAA,CAACP,UAAA;QACC+B,QAAA,iBAAAxB,GAAA,CAACD,IAAA;UAAKsC,YAAA,EAActB,IAAA;UAAOS,QAAA,EAAAR;QAAA,CAAU;MAAA,CACvC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/LucideIconsDemo.native.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import * as LucideIcons from "@hanzogui/lucide-icons-2";
+import { ScrollView } from "react-native";
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "@hanzo/gui";
+import { Grid } from "./Grid.native.js";
+var lucideIcons = Object.keys(
+// vite tree shaking workaround
+typeof LucideIcons < "u" ? LucideIcons : {}).map(function (name) {
+  return {
+    key: name.toLowerCase(),
+    name,
+    Icon: LucideIcons[name]
+  };
+});
+function LucideIconsDemo() {
+  var [searchRaw, setSearch] = React.useState(""),
+    search = useDebounceValue(searchRaw, 400),
+    size = 100,
+    iconsMemo = React.useMemo(function () {
+      return lucideIcons.filter(function (x) {
+        return x.key.includes(search.toLowerCase());
+      }).map(function (param) {
+        var {
+          Icon,
+          name
+        } = param;
+        return /* @__PURE__ */_jsxs(YStack, {
+          height: size + 20,
+          items: "center",
+          justify: "center",
+          children: [/* @__PURE__ */_jsx(Icon, {
+            size: size * 0.25
+          }), /* @__PURE__ */_jsx(Spacer, {}), /* @__PURE__ */_jsx(Paragraph, {
+            height: "$6",
+            wordWrap: "break-word",
+            maxW: "100%",
+            text: "center",
+            px: "$2",
+            size: "$1",
+            opacity: 0.5,
+            children: name
+          })]
+        }, name);
+      });
+    }, [search]);
+  return /* @__PURE__ */_jsxs(YStack, {
+    minW: "100%",
+    p: "$4",
+    pb: "$0",
+    gap: "$4",
+    children: [/* @__PURE__ */_jsx(Input, {
+      value: searchRaw,
+      onChangeText: setSearch,
+      placeholder: "Search..."
+    }), /* @__PURE__ */_jsx(YStack, {
+      height: 420,
+      children: /* @__PURE__ */_jsx(ScrollView, {
+        children: /* @__PURE__ */_jsx(Grid, {
+          itemMinWidth: size,
+          children: iconsMemo
+        })
+      })
+    })]
+  });
+}
+export { LucideIconsDemo };
+//# sourceMappingURL=LucideIconsDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","param","height","items","justify","children","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAQ;AAEnC,SAASC,KAAA,EAAAC,SAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA;AAsBX,SACEC,IAAA,QADF;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,GAAgB,MAAcA,WAAA,GAAc,CAAC,CACtD,EAAEW,GAAA,CAAI,UAACC,IAAU;EACf,OAAK;IACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;IACAF,IAAM;IACNG,IAAA,EAAAf,WAAA,CAAAY,IAAA;EAEK;AACL;AAKwB,SACtBI,eAEKA,CAAA;EAGG,KAAAC,SAAA,EAAAC,SAAC,IAAAnB,KAAK,CAAAoB,QAAM,GAAO;IAAAC,MAAM,GAAAd,gBAAA,CAAAW,SAAA;IAAAI,IAAA;IAAAC,SAAA,GAAAvB,KAAA,CAAAwB,OAAA;MAAA,OACzBf,WAAA,CAAAgB,MAAC,WAAOC,CAAA;QACR,OAAAA,CAAA,CAAAZ,GAAA,CAAAa,QAAA,CAAAN,MAAA,CAAAN,WAAA;MAAA,GAAAH,GAAC,WAAAgB,KAAA;QAAA;UAAAZ,IAAA;UAAAH;QAAA,IAAAe,KAAA;QAAA,OACC,eAAO7B,KAAA,CAAAO,MAAA;UAAAuB,MACP,EAAAP,IAAS;UAAAQ,KACT,UAAK;UAAAC,OACL,EAAK;UAAAC,QACF,GACH,eAAKnC,IAAA,CAAAmB,IAAA;YACLM,IAAA,EAAAA,IAAS;UAER,mBAAAzB,IAAA,CAAAQ,MAAA,OACH,eAAAR,IAAA,CAAAO,SAAA;YAb8DyB,MAejE;YACEI,QAAA;YACTC,IAAA;YAGEC,IAAA;YACEC,EAAA;YAEAd,IAAA;YAKFe,OAAA;YAEJL,QAAA,EAAAnB","ignoreList":[]}

package/dist/esm/MenuDemo.mjs

@@ -0,0 +1,193 @@
+import { Backpack, Calendar, Check, ChevronRight, FilePlus, RefreshCw, Trash2 } from "@hanzogui/lucide-icons-2";
+import { Menu } from "@hanzogui/menu";
+import React from "react";
+import { Button } from "@hanzo/gui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function MenuDemo() {
+  const [bookmarksChecked, setBookmarksChecked] = React.useState(!0),
+    [native, setNative] = React.useState(!0),
+    [subMenuOpen, setSubMenuOpen] = React.useState(!1),
+    onSelect = item => {
+      console.info("selected", item);
+    };
+  return /* @__PURE__ */jsx(Fragment, {
+    children: /* @__PURE__ */jsxs(Menu, {
+      offset: 8,
+      children: [/* @__PURE__ */jsx(Menu.Trigger, {
+        asChild: !0,
+        children: /* @__PURE__ */jsx(Button, {
+          size: "$4",
+          icon: Backpack,
+          children: "Open"
+        })
+      }), /* @__PURE__ */jsx(Menu.Portal, {
+        zIndex: 100,
+        children: /* @__PURE__ */jsxs(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__ */jsx(Menu.Arrow, {
+            size: "$4",
+            borderWidth: 1,
+            borderColor: "$borderColor"
+          }), /* @__PURE__ */jsxs(Menu.ScrollView, {
+            padding: 5,
+            children: [/* @__PURE__ */jsx(Menu.Item, {
+              onSelect,
+              children: /* @__PURE__ */jsx(Menu.ItemTitle, {
+                children: "About Notes"
+              })
+            }, "about-notes"), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsx(Menu.Item, {
+              onSelect,
+              children: /* @__PURE__ */jsx(Menu.ItemTitle, {
+                children: "Settings"
+              })
+            }, "settings"), /* @__PURE__ */jsxs(Menu.Item, {
+              onSelect,
+              justify: "space-between",
+              textValue: "Calendar",
+              children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
+                children: "Calendar"
+              }), /* @__PURE__ */jsx(Menu.ItemIcon, {
+                androidIconName: "ic_menu_today",
+                ios: {
+                  name: "calendar",
+                  hierarchicalColor: "#000"
+                  // pointSize: 20,
+                },
+                children: /* @__PURE__ */jsx(Calendar, {
+                  color: "gray",
+                  size: 14
+                })
+              })]
+            }, "accounts"), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsx(Menu.Item, {
+              onSelect,
+              disabled: !0,
+              children: /* @__PURE__ */jsx(Menu.ItemTitle, {
+                color: "gray",
+                children: "Locked Notes"
+              })
+            }, "close-notes"), /* @__PURE__ */jsx(Menu.Item, {
+              onSelect,
+              destructive: !0,
+              children: /* @__PURE__ */jsx(Menu.ItemTitle, {
+                color: "red",
+                children: "Delete all"
+              })
+            }, "delete-all"), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsxs(Menu.Sub, {
+              open: subMenuOpen,
+              onOpenChange: setSubMenuOpen,
+              children: [/* @__PURE__ */jsxs(Menu.SubTrigger, {
+                justify: "space-between",
+                textValue: "Actions",
+                children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
+                  children: "Actions"
+                }), /* @__PURE__ */jsx(ChevronRight, {
+                  size: 16,
+                  color: "$color10"
+                })]
+              }, "actions-trigger"), /* @__PURE__ */jsx(Menu.Portal, {
+                zIndex: 200,
+                children: /* @__PURE__ */jsxs(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__ */jsx(Menu.Label, {
+                    padding: 5,
+                    color: "$color9",
+                    size: "$3",
+                    select: "none",
+                    children: "Note settings"
+                  }), /* @__PURE__ */jsxs(Menu.Item, {
+                    onSelect,
+                    textValue: "Create note",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
+                      children: "Create note"
+                    }), /* @__PURE__ */jsx(Menu.ItemIcon, {
+                      children: /* @__PURE__ */jsx(FilePlus, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "create-note"), /* @__PURE__ */jsxs(Menu.Item, {
+                    onSelect,
+                    textValue: "Delete all notes",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
+                      children: "Delete all notes"
+                    }), /* @__PURE__ */jsx(Menu.ItemIcon, {
+                      children: /* @__PURE__ */jsx(Trash2, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "delete-all-notes"), /* @__PURE__ */jsxs(Menu.Item, {
+                    onSelect,
+                    textValue: "Sync notes",
+                    justify: "space-between",
+                    children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
+                      children: "Sync notes"
+                    }), /* @__PURE__ */jsx(Menu.ItemIcon, {
+                      children: /* @__PURE__ */jsx(RefreshCw, {
+                        size: 14,
+                        color: "$color10"
+                      })
+                    })]
+                  }, "sync-all")]
+                })
+              })]
+            }), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsxs(Menu.CheckboxItem, {
+              checked: bookmarksChecked,
+              onCheckedChange: setBookmarksChecked,
+              justify: "space-between",
+              children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
+                children: "Mark as read"
+              }), /* @__PURE__ */jsx(Menu.ItemIndicator, {
+                children: /* @__PURE__ */jsx(Check, {
+                  size: 12,
+                  color: "$color10"
+                })
+              })]
+            }, "show-hidden"), /* @__PURE__ */jsxs(Menu.CheckboxItem, {
+              checked: native,
+              onCheckedChange: setNative,
+              justify: "space-between",
+              children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
+                children: "Enable Native"
+              }), /* @__PURE__ */jsx(Menu.ItemIndicator, {
+                children: /* @__PURE__ */jsx(Check, {
+                  size: 12,
+                  color: "$color10"
+                })
+              })]
+            }, "show-other-notes")]
+          })]
+        })
+      })]
+    })
+  });
+}
+export { MenuDemo };
+//# sourceMappingURL=MenuDemo.mjs.map

package/dist/esm/MenuDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","Fragment","jsx","jsxs","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","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","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select","CheckboxItem","checked","onCheckedChange","ItemIndicator"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,QAAA,EACAC,QAAA,EACAC,KAAA,EACAC,YAAA,EACAC,QAAA,EACAC,SAAA,EACAC,MAAA,QACK;AACP,SAASC,IAAA,QAAY;AACrB,OAAOC,KAAA,MAAW;AAClB,SAASC,MAAA,QAAc;AAuBnB,SAAAC,QAAA,EAGMC,GAAA,EAyBIC,IAAA,QA5BV;AAXG,SAASC,SAAA,EAAW;EACzB,MAAM,CAACC,gBAAA,EAAkBC,mBAAmB,IAAIP,KAAA,CAAMQ,QAAA,CAAS,EAAI;IAC7D,CAACC,MAAA,EAAQC,SAAS,IAAIV,KAAA,CAAMQ,QAAA,CAAS,EAAI;IACzC,CAACG,WAAA,EAAaC,cAAc,IAAIZ,KAAA,CAAMQ,QAAA,CAAS,EAAK;IAGpDK,QAAA,GAAYC,IAAA,IAAS;MACzBC,OAAA,CAAQC,IAAA,CAAK,YAAYF,IAAI;IAC/B;EAEA,OACE,eAAAX,GAAA,CAAAD,QAAA;IACEe,QAAA,iBAAAb,IAAA,CAACL,IAAA;MAAKmB,MAAA,EAAQ;MACZD,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKoB,OAAA,EAAL;QAAaC,OAAA,EAAO;QACnBH,QAAA,iBAAAd,GAAA,CAACF,MAAA;UAAOoB,IAAA,EAAK;UAAKC,IAAA,EAAM9B,QAAA;UAAUyB,QAAA;QAAA,CAElC;MAAA,CACF,GAEA,eAAAd,GAAA,CAACJ,IAAA,CAAKwB,MAAA,EAAL;QAAYC,MAAA,EAAQ;QACnBP,QAAA,iBAAAb,IAAA,CAACL,IAAA,CAAK0B,OAAA,EAAL;UACCC,UAAA,EAAW;UACXC,YAAA,EAAa;UACbC,UAAA,EAAY;YAAEC,KAAA,EAAO;YAAKC,OAAA,EAAS;YAAGC,CAAA,EAAG;UAAG;UAC5CC,SAAA,EAAW;YAAEH,KAAA,EAAO;YAAMC,OAAA,EAAS;YAAGC,CAAA,EAAG;UAAG;UAC5CE,SAAA,EAAU;UAEVhB,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKmC,KAAA,EAAL;YAAWb,IAAA,EAAK;YAAKc,WAAA,EAAa;YAAGC,WAAA,EAAY;UAAA,CAAe,GAEjE,eAAAhC,IAAA,CAACL,IAAA,CAAKsC,UAAA,EAAL;YAAgBC,OAAA,EAAS;YACxBrB,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKwC,IAAA,EAAL;cAAU1B,QAAA;cACTI,QAAA,iBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;gBAAevB,QAAA;cAAA,CAAW;YAAA,GADM,aAEnC,GAEA,eAAAd,GAAA,CAACJ,IAAA,CAAK0C,SAAA,EAAL,EAAe,GAEhB,eAAAtC,GAAA,CAACJ,IAAA,CAAKwC,IAAA,EAAL;cAAU1B,QAAA;cACTI,QAAA,iBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;gBAAevB,QAAA;cAAA,CAAQ;YAAA,GADS,UAEnC,GACA,eAAAb,IAAA,CAACL,IAAA,CAAKwC,IAAA,EAAL;cACC1B,QAAA;cAEA6B,OAAA,EAAQ;cAERC,SAAA,EAAU;cAEV1B,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;gBAAevB,QAAA;cAAA,CAAQ,GACxB,eAAAd,GAAA,CAACJ,IAAA,CAAK6C,QAAA,EAAL;gBACCC,eAAA,EAAgB;gBAChBC,GAAA,EAAK;kBACHC,IAAA,EAAM;kBACNC,iBAAA,EAAmB;kBAAA;gBAErB;gBAEA/B,QAAA,iBAAAd,GAAA,CAACV,QAAA;kBAASwD,KAAA,EAAM;kBAAO5B,IAAA,EAAM;gBAAA,CAAI;cAAA,CACnC;YAAA,GAfI,UAgBN,GAEA,eAAAlB,GAAA,CAACJ,IAAA,CAAK0C,SAAA,EAAL,EAAe,GAEhB,eAAAtC,GAAA,CAACJ,IAAA,CAAKwC,IAAA,EAAL;cAAU1B,QAAA;cAAsCqC,QAAA,EAAQ;cACvDjC,QAAA,iBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;gBAAeS,KAAA,EAAM;gBAAOhC,QAAA;cAAA,CAAY;YAAA,GADR,aAEnC,GACA,eAAAd,GAAA,CAACJ,IAAA,CAAKwC,IAAA,EAAL;cAAU1B,QAAA;cAAoBsC,WAAA,EAAW;cACxClC,QAAA,iBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;gBAAeS,KAAA,EAAM;gBAAMhC,QAAA;cAAA,CAAU;YAAA,GADO,YAE/C,GAEA,eAAAd,GAAA,CAACJ,IAAA,CAAK0C,SAAA,EAAL,EAAe,GAEhB,eAAArC,IAAA,CAACL,IAAA,CAAKqD,GAAA,EAAL;cAASC,IAAA,EAAM1C,WAAA;cAAa2C,YAAA,EAAc1C,cAAA;cACzCK,QAAA,kBAAAb,IAAA,CAACL,IAAA,CAAKwD,UAAA,EAAL;gBACCb,OAAA,EAAQ;gBAERC,SAAA,EAAU;gBAEV1B,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;kBAAevB,QAAA;gBAAA,CAAO,GACvB,eAAAd,GAAA,CAACR,YAAA;kBAAa0B,IAAA,EAAM;kBAAI4B,KAAA,EAAM;gBAAA,CAAW;cAAA,GAJrC,iBAKN,GAEA,eAAA9C,GAAA,CAACJ,IAAA,CAAKwB,MAAA,EAAL;gBAAYC,MAAA,EAAQ;gBACnBP,QAAA,iBAAAb,IAAA,CAACL,IAAA,CAAKyD,UAAA,EAAL;kBACC9B,UAAA,EAAW;kBACXC,YAAA,EAAa;kBACbC,UAAA,EAAY;oBAAEC,KAAA,EAAO;oBAAKC,OAAA,EAAS;oBAAGC,CAAA,EAAG;kBAAG;kBAC5CC,SAAA,EAAW;oBAAEH,KAAA,EAAO;oBAAMC,OAAA,EAAS;oBAAGC,CAAA,EAAG;kBAAG;kBAC5CE,SAAA,EAAU;kBACVK,OAAA,EAAS;kBAETrB,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAK0D,KAAA,EAAL;oBAAWnB,OAAA,EAAS;oBAAGW,KAAA,EAAM;oBAAU5B,IAAA,EAAK;oBAAKqC,MAAA,EAAO;oBAAOzC,QAAA;kBAAA,CAEhE,GACA,eAAAb,IAAA,CAACL,IAAA,CAAKwC,IAAA,EAAL;oBACC1B,QAAA;oBAEA8B,SAAA,EAAU;oBACVD,OAAA,EAAQ;oBAERzB,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;sBAAevB,QAAA;oBAAA,CAAW,GAC3B,eAAAd,GAAA,CAACJ,IAAA,CAAK6C,QAAA,EAAL;sBACC3B,QAAA,iBAAAd,GAAA,CAACP,QAAA;wBAASyB,IAAA,EAAM;wBAAI4B,KAAA,EAAM;sBAAA,CAAW;oBAAA,CACvC;kBAAA,GAPI,aAQN,GACA,eAAA7C,IAAA,CAACL,IAAA,CAAKwC,IAAA,EAAL;oBACC1B,QAAA;oBAEA8B,SAAA,EAAU;oBACVD,OAAA,EAAQ;oBAERzB,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;sBAAevB,QAAA;oBAAA,CAAgB,GAChC,eAAAd,GAAA,CAACJ,IAAA,CAAK6C,QAAA,EAAL;sBACC3B,QAAA,iBAAAd,GAAA,CAACL,MAAA;wBAAOuB,IAAA,EAAM;wBAAI4B,KAAA,EAAM;sBAAA,CAAW;oBAAA,CACrC;kBAAA,GAPI,kBAQN,GACA,eAAA7C,IAAA,CAACL,IAAA,CAAKwC,IAAA,EAAL;oBACC1B,QAAA;oBAEA8B,SAAA,EAAU;oBACVD,OAAA,EAAQ;oBAERzB,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;sBAAevB,QAAA;oBAAA,CAAU,GAC1B,eAAAd,GAAA,CAACJ,IAAA,CAAK6C,QAAA,EAAL;sBACC3B,QAAA,iBAAAd,GAAA,CAACN,SAAA;wBAAUwB,IAAA,EAAM;wBAAI4B,KAAA,EAAM;sBAAA,CAAW;oBAAA,CACxC;kBAAA,GAPI,UAQN;gBAAA,CACF;cAAA,CACF;YAAA,CACF,GAEA,eAAA9C,GAAA,CAACJ,IAAA,CAAK0C,SAAA,EAAL,EAAe,GAEhB,eAAArC,IAAA,CAACL,IAAA,CAAK4D,YAAA,EAAL;cAECC,OAAA,EAAStD,gBAAA;cACTuD,eAAA,EAAiBtD,mBAAA;cACjBmC,OAAA,EAAQ;cAERzB,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;gBAAevB,QAAA;cAAA,CAAY,GAC5B,eAAAd,GAAA,CAACJ,IAAA,CAAK+D,aAAA,EAAL;gBACC7C,QAAA,iBAAAd,GAAA,CAACT,KAAA;kBAAM2B,IAAA,EAAM;kBAAI4B,KAAA,EAAM;gBAAA,CAAW;cAAA,CACpC;YAAA,GARI,aASN,GACA,eAAA7C,IAAA,CAACL,IAAA,CAAK4D,YAAA,EAAL;cAECC,OAAA,EAASnD,MAAA;cACToD,eAAA,EAAiBnD,SAAA;cACjBgC,OAAA,EAAQ;cAERzB,QAAA,kBAAAd,GAAA,CAACJ,IAAA,CAAKyC,SAAA,EAAL;gBAAevB,QAAA;cAAA,CAAa,GAC7B,eAAAd,GAAA,CAACJ,IAAA,CAAK+D,aAAA,EAAL;gBACC7C,QAAA,iBAAAd,GAAA,CAACT,KAAA;kBAAM2B,IAAA,EAAM;kBAAI4B,KAAA,EAAM;gBAAA,CAAW;cAAA,CACpC;YAAA,GARI,kBASN;UAAA,CACF;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}