@tamagui/demos 2.0.0-rc.9 → 2.0.0

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("@tamagui/lucide-icons"), 1),
-  import_react_native = require("react-native"),
-  import_tamagui = require("tamagui"),
-  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("@tamagui/lucide-icons-2"), 1);
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+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_tamagui.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_tamagui.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_tamagui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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_tamagui.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_tamagui.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_tamagui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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_tamagui.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_tamagui","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,cAAA,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,cAAA,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,cAAA,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,cAAA,CAAA8B,MAAA,OACH,mBAAApC,kBAAA,CAAAmC,GAAA,EAAA7B,cAAA,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_tamagui","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,GAAAD,OAAmE,CAAAF,OAAA;AAEnE,IAAAI,mBAAqB,GAAAJ,OAAA;AAsBX,IAAAK,cAAA,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,cACW,CAAAe,gBAAY,EAASL,SAAO;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,cAAA,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,cAAA,CAAA8B,MAAA,OAb8D,eAejE,IAAApC,kBAAA,CAAAmC,GAAA,EAAA7B,cAAA,CAAA+B,SAAA;UACEN,MAAA;UACTO,QAAA;UAGEC,IAAA;UACEC,IAAA;UAEAC,EAAA;UAKFnB,IAAA;UAEJoB,OAAA","ignoreList":[]}

package/dist/cjs/MenuDemo.cjs

@@ -2,61 +2,60 @@ 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 = require("@tamagui/lucide-icons"),
-  import_menu = require("@tamagui/menu"),
-  import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_menu = require("@tamagui/menu");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+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),
-    isTouchDevice = (0, import_tamagui.useIsTouchDevice)(),
-    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, {
-      allowFlip: !0,
-      placement: "bottom-start",
       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_tamagui.Button, {
           size: "$4",
-          icon: import_lucide_icons.Backpack,
+          icon: import_lucide_icons_2.Backpack,
           children: "Open"
         })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, {
@@ -74,155 +73,155 @@ function MenuDemo() {
             opacity: 0,
             y: -3
           },
-          boxShadow: "0 $2 $4 $shadowColor",
+          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.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.Calendar, {
-                color: "gray",
-                size: 14
+          }), /* @__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"
               })
-            })]
-          }, "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,
-            placement: isTouchDevice ? "bottom" : "right-start",
-            onOpenChange: setSubMenuOpen,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.SubTrigger, {
+            }, "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: "Actions",
+              textValue: "Calendar",
               children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                children: "Actions"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.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, {
-                enterStyle: {
-                  scale: 0.9,
-                  opacity: 0,
-                  x: -5
+                children: "Calendar"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
+                androidIconName: "ic_menu_today",
+                ios: {
+                  name: "calendar",
+                  hierarchicalColor: "#000"
+                  // pointSize: 20,
                 },
-                exitStyle: {
-                  scale: 0.95,
-                  opacity: 0,
-                  x: -3
-                },
-                transition: "100ms",
-                transformOrigin: "left top",
-                elevation: "$3",
-                minW: 160,
-                bg: "$background",
-                p: "$1.5",
-                borderWidth: 1,
-                borderColor: "$borderColor",
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Label, {
-                  py: "$1",
-                  color: "$color8",
-                  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.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.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.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.Check, {
-                size: 12,
-                color: "$color10"
+                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: true,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                color: "gray",
+                children: "Locked Notes"
               })
-            })]
-          }, "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.Check, {
-                size: 12,
-                color: "$color10"
+            }, "close-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
+              onSelect,
+              destructive: true,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
+                color: "red",
+                children: "Delete all"
               })
-            })]
-          }, "show-other-notes")]
+            }, "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")]
+          })]
         })
       })]
     })