@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/LucideIconsDemo.native.js

@@ -7,101 +7,95 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 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: true
-  });
+	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;
+	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;
 };
-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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LucideIconsDemo_exports = {};
-__export(LucideIconsDemo_exports, {
-  LucideIconsDemo: () => LucideIconsDemo
-});
+__export(LucideIconsDemo_exports, { LucideIconsDemo: () => LucideIconsDemo });
 module.exports = __toCommonJS(LucideIconsDemo_exports);
 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("");
-  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",
-    pb: "$0",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-      value: searchRaw,
-      onChangeText: setSearch,
-      placeholder: "Search..."
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      height: 420,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Grid.Grid, {
-          itemMinWidth: size,
-          children: iconsMemo
-        })
-      })
-    })]
-  });
+	var [searchRaw, setSearch] = import_react.default.useState("");
+	var search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);
+	var [lucideIcons, setLucideIcons] = import_react.default.useState([]);
+	import_react.default.useEffect(function() {
+		import("@tamagui/lucide-icons-2/all").then(function(param) {
+			var { allIcons } = param;
+			setLucideIcons(Object.keys(allIcons).map(function(name) {
+				return {
+					key: name.toLowerCase(),
+					name,
+					Icon: allIcons[name]
+				};
+			}));
+		});
+	}, []);
+	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 * .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",
+						opacity: .5,
+						size: "1",
+						children: name
+					})
+				]
+			}, name);
+		});
+	}, [search, lucideIcons]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		minW: "100%",
+		paddingTop: "4",
+		paddingRight: "4",
+		paddingLeft: "4",
+		pb: "0",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+			value: searchRaw,
+			onChangeText: setSearch,
+			placeholder: "Search..."
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+			height: 420,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.Grid, {
+				itemMinWidth: size,
+				children: iconsMemo
+			}) })
+		})]
+	});
 }
+
 //# sourceMappingURL=LucideIconsDemo.native.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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":[]}
+{"version":3,"file":"LucideIconsDemo.native.js","names":[],"sources":["cjs/LucideIconsDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LucideIconsDemo_exports = {};\n__export(LucideIconsDemo_exports, {\n  LucideIconsDemo: () => LucideIconsDemo\n});\nmodule.exports = __toCommonJS(LucideIconsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_tamagui = require(\"tamagui\");\nvar import_Grid = require(\"./Grid\");\nfunction LucideIconsDemo() {\n  var [searchRaw, setSearch] = import_react.default.useState(\"\");\n  var search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);\n  var [lucideIcons, setLucideIcons] = import_react.default.useState([]);\n  import_react.default.useEffect(function() {\n    import(\"@tamagui/lucide-icons-2/all\").then(function(param) {\n      var { allIcons } = param;\n      setLucideIcons(Object.keys(allIcons).map(function(name) {\n        return {\n          key: name.toLowerCase(),\n          name,\n          Icon: allIcons[name]\n        };\n      }));\n    });\n  }, []);\n  var size = 100;\n  var iconsMemo = import_react.default.useMemo(function() {\n    return lucideIcons.filter(function(x) {\n      return x.key.includes(search.toLowerCase());\n    }).map(function(param) {\n      var { Icon, name } = param;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n        height: size + 20,\n        items: \"center\",\n        justify: \"center\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {\n            size: size * 0.25\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n            height: \"6\",\n            wordWrap: \"break-word\",\n            maxW: \"100%\",\n            text: \"center\",\n            px: \"2\",\n            opacity: 0.5,\n            size: \"1\",\n            children: name\n          })\n        ]\n      }, name);\n    });\n  }, [\n    search,\n    lucideIcons\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    minW: \"100%\",\n    paddingTop: \"4\",\n    paddingRight: \"4\",\n    paddingLeft: \"4\",\n    pb: \"0\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {\n        value: searchRaw,\n        onChangeText: setSearch,\n        placeholder: \"Search...\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n        height: 420,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.Grid, {\n            itemMinWidth: size,\n            children: iconsMemo\n          })\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=LucideIconsDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/MenuDemo.cjs

@@ -5,225 +5,189 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 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: true
-  });
+	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;
+	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;
 };
-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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MenuDemo_exports = {};
-__export(MenuDemo_exports, {
-  MenuDemo: () => MenuDemo
-});
+__export(MenuDemo_exports, { MenuDemo: () => MenuDemo });
 module.exports = __toCommonJS(MenuDemo_exports);
 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_MenuSkins = require("./MenuSkins.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function MenuDemo() {
-  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: true,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$4",
-          icon: import_lucide_icons_2.Backpack,
-          children: "Open"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, {
-        zIndex: 100,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Content, {
-          transition: "100ms",
-          borderRadius: "$4",
-          enterStyle: {
-            scale: 0.9,
-            opacity: 0,
-            y: -5
-          },
-          exitStyle: {
-            scale: 0.95,
-            opacity: 0,
-            y: -3
-          },
-          boxShadow: "0 4px 5px $shadowColor",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Arrow, {
-            size: "$4",
-            borderWidth: 1,
-            borderColor: "$borderColor"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.ScrollView, {
-            padding: 5,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
-              onSelect,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                children: "About Notes"
-              })
-            }, "about-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
-              onSelect,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                children: "Settings"
-              })
-            }, "settings"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
-              onSelect,
-              justify: "space-between",
-              textValue: "Calendar",
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                children: "Calendar"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
-                androidIconName: "ic_menu_today",
-                ios: {
-                  name: "calendar",
-                  hierarchicalColor: "#000"
-                  // pointSize: 20,
-                },
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Calendar, {
-                  color: "gray",
-                  size: 14
-                })
-              })]
-            }, "accounts"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
-              onSelect,
-              disabled: 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: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                color: "red",
-                children: "Delete all"
-              })
-            }, "delete-all"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Sub, {
-              open: subMenuOpen,
-              onOpenChange: setSubMenuOpen,
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.SubTrigger, {
-                justify: "space-between",
-                textValue: "Actions",
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                  children: "Actions"
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronRight, {
-                  size: 16,
-                  color: "$color10"
-                })]
-              }, "actions-trigger"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, {
-                zIndex: 200,
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.SubContent, {
-                  transition: "100ms",
-                  borderRadius: "$4",
-                  enterStyle: {
-                    scale: 0.9,
-                    opacity: 0,
-                    y: -5
-                  },
-                  exitStyle: {
-                    scale: 0.95,
-                    opacity: 0,
-                    y: -3
-                  },
-                  boxShadow: "0 4px 5px $shadowColor",
-                  padding: 5,
-                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Label, {
-                    padding: 5,
-                    color: "$color9",
-                    size: "$3",
-                    select: "none",
-                    children: "Note settings"
-                  }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
-                    onSelect,
-                    textValue: "Create note",
-                    justify: "space-between",
-                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                      children: "Create note"
-                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
-                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.FilePlus, {
-                        size: 14,
-                        color: "$color10"
-                      })
-                    })]
-                  }, "create-note"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
-                    onSelect,
-                    textValue: "Delete all notes",
-                    justify: "space-between",
-                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                      children: "Delete all notes"
-                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
-                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Trash2, {
-                        size: 14,
-                        color: "$color10"
-                      })
-                    })]
-                  }, "delete-all-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.Item, {
-                    onSelect,
-                    textValue: "Sync notes",
-                    justify: "space-between",
-                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                      children: "Sync notes"
-                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, {
-                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.RefreshCw, {
-                        size: 14,
-                        color: "$color10"
-                      })
-                    })]
-                  }, "sync-all")]
-                })
-              })]
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.CheckboxItem, {
-              checked: bookmarksChecked,
-              onCheckedChange: setBookmarksChecked,
-              justify: "space-between",
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                children: "Mark as read"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, {
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
-                  size: 12,
-                  color: "$color10"
-                })
-              })]
-            }, "show-hidden"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_menu.Menu.CheckboxItem, {
-              checked: native,
-              onCheckedChange: setNative,
-              justify: "space-between",
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, {
-                children: "Enable Native"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, {
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
-                  size: 12,
-                  color: "$color10"
-                })
-              })]
-            }, "show-other-notes")]
-          })]
-        })
-      })]
-    })
-  });
-}
+	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_MenuSkins.Menu, {
+		offset: 8,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "4",
+				icon: import_lucide_icons_2.Backpack,
+				children: "Open"
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Portal, {
+			zIndex: 100,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.Content, {
+				transition: "100ms",
+				borderRadius: "4",
+				scale: "enter:0.9 exit:0.95",
+				opacity: "enter:0 exit:0",
+				y: "enter:-5px exit:-3px",
+				boxShadow: "0 4px 5px shadow-color",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Arrow, {
+					size: 13,
+					borderWidth: 1,
+					borderColor: "border-color"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.ScrollView, {
+					padding: 5,
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Item, {
+							onSelect,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, { children: "About Notes" })
+						}, "about-notes"),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Separator, {}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Item, {
+							onSelect,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, { children: "Settings" })
+						}, "settings"),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.Item, {
+							onSelect,
+							justify: "space-between",
+							textValue: "Calendar",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, { children: "Calendar" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemIcon, {
+								androidIconName: "ic_menu_today",
+								ios: {
+									name: "calendar",
+									hierarchicalColor: "#000"
+								},
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Calendar, {
+									color: "gray",
+									size: 14
+								})
+							})]
+						}, "accounts"),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Separator, {}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Item, {
+							onSelect,
+							disabled: true,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {
+								color: "gray",
+								children: "Locked Notes"
+							})
+						}, "close-notes"),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Item, {
+							onSelect,
+							destructive: true,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {
+								color: "red",
+								children: "Delete all"
+							})
+						}, "delete-all"),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Separator, {}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.Sub, {
+							open: subMenuOpen,
+							onOpenChange: setSubMenuOpen,
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.SubTrigger, {
+								justify: "space-between",
+								textValue: "Actions",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.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_MenuSkins.Menu.Portal, {
+								zIndex: 200,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.SubContent, {
+									transition: "100ms",
+									borderRadius: "4",
+									scale: "enter:0.9 exit:0.95",
+									opacity: "enter:0 exit:0",
+									y: "enter:-5px exit:-3px",
+									boxShadow: "0 4px 5px shadow-color",
+									padding: 5,
+									children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Label, {
+											padding: 5,
+											color: "color9",
+											fontSize: "3",
+											select: "none",
+											children: "Note settings"
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.Item, {
+											onSelect,
+											textValue: "Create note",
+											justify: "space-between",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, { children: "Create note" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.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_MenuSkins.Menu.Item, {
+											onSelect,
+											textValue: "Delete all notes",
+											justify: "space-between",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, { children: "Delete all notes" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.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_MenuSkins.Menu.Item, {
+											onSelect,
+											textValue: "Sync notes",
+											justify: "space-between",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, { children: "Sync notes" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.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_MenuSkins.Menu.Separator, {}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.CheckboxItem, {
+							checked: bookmarksChecked,
+							onCheckedChange: setBookmarksChecked,
+							justify: "space-between",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, { children: "Mark as read" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.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_MenuSkins.Menu.CheckboxItem, {
+							checked: native,
+							onCheckedChange: setNative,
+							justify: "space-between",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, { children: "Enable Native" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
+								size: 12,
+								color: "color10"
+							}) })]
+						}, "show-other-notes")
+					]
+				})]
+			})
+		})]
+	}) });
+}