@tamagui/demos 1.79.11 → 1.79.13

package/dist/cjs/ContextMenuDemo.js

@@ -0,0 +1,194 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ContextMenuDemo_exports = {};
+__export(ContextMenuDemo_exports, {
+  ContextMenuDemo: () => ContextMenuDemo
+});
+module.exports = __toCommonJS(ContextMenuDemo_exports);
+var import_context_menu = require("@tamagui/context-menu"), import_core = require("@tamagui/core"), import_lucide_icons = require("@tamagui/lucide-icons"), import_lucide_icons2 = require("@tamagui/lucide-icons"), import_react = __toESM(require("react")), import_react_native = require("react-native-web"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function ContextMenuDemo() {
+  const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!0), onSelect = (0, import_tamagui.useEvent)(() => {
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu, { allowFlip: !0, native, placement: "bottom-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.YStack,
+      {
+        jc: "center",
+        ai: "center",
+        bw: 1,
+        boc: "$borderColor",
+        width: 250,
+        height: 200,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { textAlign: "center", children: "Right Click or longPress" })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_context_menu.ContextMenu.Content,
+      {
+        paddingHorizontal: 0,
+        maxWidth: 180,
+        borderWidth: 1,
+        ai: "flex-start",
+        borderColor: "$borderColor",
+        enterStyle: { y: -10, opacity: 0 },
+        exitStyle: { y: -10, opacity: 0 },
+        elevate: !0,
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Preview, { children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { bc: "$green1", jc: "center", ai: "center", p: 20, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Your Preview here" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react_native.Image,
+              {
+                width: 240,
+                height: 100,
+                resizeMode: "contain",
+                source: { uri: "https://tamagui.dev/social.png" }
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Settings" }) }, "settings"),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_context_menu.ContextMenu.Item,
+              {
+                onSelect,
+                jc: "space-between",
+                textValue: "Calender",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Calender" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_context_menu.ContextMenu.ItemIcon,
+                    {
+                      androidIconName: "ic_menu_today",
+                      ios: {
+                        name: "u.square",
+                        hierarchicalColor: "#000",
+                        pointSize: 20
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: "$1" })
+                    }
+                  )
+                ]
+              },
+              "accounts"
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Sub, { placement: "right-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Actions" }),
+              !native || import_core.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons2.ChevronRight, { size: "$1" }) : null
+            ] }) }, "actions-trigger"),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_context_menu.ContextMenu.SubContent,
+              {
+                enterStyle: { y: -10, opacity: 0 },
+                exitStyle: { y: -10, opacity: 0 },
+                elevate: !0,
+                animation: [
+                  "quick",
+                  {
+                    opacity: {
+                      overshootClamping: !0
+                    }
+                  }
+                ],
+                paddingHorizontal: 0,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Label, { fontSize: "$1", children: "Note settings" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Create note" }) }, "create-note"),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Sync notes" }) }, "sync-all")
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, { className: "DropdownMenuSeparator" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_context_menu.ContextMenu.CheckboxItem,
+            {
+              checked: bookmarksChecked,
+              onCheckedChange: setBookmarksChecked,
+              value: bookmarksChecked ? "on" : "off",
+              onValueChange: (v) => setBookmarksChecked(v == "on"),
+              ...import_core.isAndroid && native && {
+                onSelect: () => {
+                  import_core.isAndroid && setBookmarksChecked(!bookmarksChecked);
+                }
+              },
+              gap: "$2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Mark as read" }),
+                import_core.isAndroid && native && bookmarksChecked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
+              ]
+            },
+            "show-hidden"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_context_menu.ContextMenu.CheckboxItem,
+            {
+              checked: native,
+              onCheckedChange: setNative,
+              value: native ? "on" : "off",
+              onValueChange: (v) => setNative(v == "on"),
+              ...import_core.isAndroid && native && {
+                onSelect: () => {
+                  setNative(!native);
+                }
+              },
+              gap: "$2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Enable Native" }),
+                import_core.isAndroid && native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
+              ]
+            },
+            "show-other-notes"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Arrow, { size: "$2" })
+        ]
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContextMenuDemo
+});
+//# sourceMappingURL=ContextMenuDemo.js.map

package/dist/cjs/ContextMenuDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ContextMenuDemo.tsx"],
+  "mappings": "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",
+  "names": ["import_lucide_icons", "React"]
+}

package/dist/cjs/ContextMenuDemo.native.js

@@ -0,0 +1,195 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ContextMenuDemo_exports = {};
+__export(ContextMenuDemo_exports, {
+  ContextMenuDemo: () => ContextMenuDemo
+});
+module.exports = __toCommonJS(ContextMenuDemo_exports);
+var import_context_menu = require("@tamagui/context-menu"), import_core = require("@tamagui/core"), import_lucide_icons = require("@tamagui/lucide-icons"), import_lucide_icons2 = require("@tamagui/lucide-icons"), import_react = __toESM(require("react")), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function ContextMenuDemo() {
+  const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!0), onSelect = (0, import_tamagui.useEvent)(() => {
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu, { allowFlip: !0, native, placement: "bottom-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.YStack,
+      {
+        jc: "center",
+        ai: "center",
+        bw: 1,
+        boc: "$borderColor",
+        width: 250,
+        height: 200,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { textAlign: "center", children: "Right Click or longPress" })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_context_menu.ContextMenu.Content,
+      {
+        paddingHorizontal: 0,
+        maxWidth: 180,
+        borderWidth: 1,
+        ai: "flex-start",
+        borderColor: "$borderColor",
+        enterStyle: { y: -10, opacity: 0 },
+        exitStyle: { y: -10, opacity: 0 },
+        elevate: !0,
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Preview, { children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { bc: "$green1", jc: "center", ai: "center", p: 20, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Your Preview here" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react_native.Image,
+              {
+                width: 240,
+                height: 100,
+                resizeMode: "contain",
+                source: { uri: "https://tamagui.dev/social.png" }
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Settings" }) }, "settings"),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_context_menu.ContextMenu.Item,
+              {
+                onSelect,
+                jc: "space-between",
+                textValue: "Calender",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Calender" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_context_menu.ContextMenu.ItemIcon,
+                    {
+                      androidIconName: "ic_menu_today",
+                      ios: {
+                        name: "u.square",
+                        hierarchicalColor: "#000",
+                        pointSize: 20
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: "$1" })
+                    }
+                  )
+                ]
+              },
+              "accounts"
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Sub, { placement: "right-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Actions" }),
+              !native || import_core.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons2.ChevronRight, { size: "$1" }) : null
+            ] }) }, "actions-trigger"),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_context_menu.ContextMenu.SubContent,
+              {
+                enterStyle: { y: -10, opacity: 0 },
+                exitStyle: { y: -10, opacity: 0 },
+                elevate: !0,
+                animation: [
+                  "quick",
+                  {
+                    opacity: {
+                      overshootClamping: !0
+                    }
+                  }
+                ],
+                paddingHorizontal: 0,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Label, { fontSize: "$1", children: "Note settings" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Create note" }) }, "create-note"),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Sync notes" }) }, "sync-all")
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, { className: "DropdownMenuSeparator" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_context_menu.ContextMenu.CheckboxItem,
+            {
+              checked: bookmarksChecked,
+              onCheckedChange: setBookmarksChecked,
+              value: bookmarksChecked ? "on" : "off",
+              onValueChange: (v) => setBookmarksChecked(v == "on"),
+              ...import_core.isAndroid && native && {
+                onSelect: () => {
+                  import_core.isAndroid && setBookmarksChecked(!bookmarksChecked);
+                }
+              },
+              gap: "$2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Mark as read" }),
+                import_core.isAndroid && native && bookmarksChecked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
+              ]
+            },
+            "show-hidden"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_context_menu.ContextMenu.CheckboxItem,
+            {
+              checked: native,
+              onCheckedChange: setNative,
+              value: native ? "on" : "off",
+              onValueChange: (v) => setNative(v == "on"),
+              ...import_core.isAndroid && native && {
+                onSelect: () => {
+                  setNative(!native);
+                }
+              },
+              gap: "$2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Enable Native" }),
+                import_core.isAndroid && native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
+              ]
+            },
+            "show-other-notes"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Arrow, { size: "$2" })
+        ]
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContextMenuDemo
+});
+//# sourceMappingURL=ContextMenuDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ContextMenuDemo.tsx"],
+  "mappings": "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",
+  "names": ["import_lucide_icons", "React"]
+}

package/dist/cjs/DropDownMenuDemo.js

@@ -0,0 +1,182 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var DropDownMenuDemo_exports = {};
+__export(DropDownMenuDemo_exports, {
+  DropDownMenuDemo: () => DropDownMenuDemo
+});
+module.exports = __toCommonJS(DropDownMenuDemo_exports);
+var import_core = require("@tamagui/core"), import_dropdown_menu = require("@tamagui/dropdown-menu"), import_lucide_icons = require("@tamagui/lucide-icons"), import_lucide_icons2 = require("@tamagui/lucide-icons"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function DropDownMenuDemo() {
+  const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!1), onSelect = (0, import_tamagui.useEvent)(() => {
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_dropdown_menu.DropdownMenu,
+    {
+      offset: {
+        crossAxis: 25
+      },
+      allowFlip: !0,
+      native,
+      placement: "bottom-start",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: 60, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Backpack, {}) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_dropdown_menu.DropdownMenu.Content,
+          {
+            paddingHorizontal: 0,
+            maxWidth: 180,
+            borderWidth: 1,
+            ai: "flex-start",
+            borderColor: "$borderColor",
+            enterStyle: { y: -10, opacity: 0 },
+            exitStyle: { y: -10, opacity: 0 },
+            elevate: !0,
+            animation: [
+              "quick",
+              {
+                opacity: {
+                  overshootClamping: !0
+                }
+              }
+            ],
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Group, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Settings" }) }, "settings"),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_dropdown_menu.DropdownMenu.Item,
+                  {
+                    onSelect,
+                    jc: "space-between",
+                    textValue: "Calender",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Calender" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_dropdown_menu.DropdownMenu.ItemIcon,
+                        {
+                          androidIconName: "ic_menu_today",
+                          ios: {
+                            name: "u.square",
+                            hierarchicalColor: "#000",
+                            pointSize: 20
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: "$1" })
+                        }
+                      )
+                    ]
+                  },
+                  "accounts"
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Group, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { color: "gray", children: "Locked" }) }, "close-notes"),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Delete all" }) }, "delete-all")
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Sub, { placement: "right-start", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.SubTrigger, { jc: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Actions" }),
+                  !native || import_core.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons2.ChevronRight, { size: "$1" }) : null
+                ] }) }, "actions-trigger"),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_dropdown_menu.DropdownMenu.SubContent,
+                  {
+                    enterStyle: { y: -10, opacity: 0 },
+                    exitStyle: { y: -10, opacity: 0 },
+                    elevate: !0,
+                    animation: [
+                      "quick",
+                      {
+                        opacity: {
+                          overshootClamping: !0
+                        }
+                      }
+                    ],
+                    paddingHorizontal: 0,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Label, { fontSize: "$1", children: "Note settings" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Create note" }) }, "create-note"),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Sync notes" }) }, "sync-all")
+                    ]
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, { className: "DropdownMenuSeparator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_dropdown_menu.DropdownMenu.CheckboxItem,
+                {
+                  checked: bookmarksChecked,
+                  onCheckedChange: setBookmarksChecked,
+                  value: bookmarksChecked ? "on" : "off",
+                  onValueChange: (v) => setBookmarksChecked(v == "on"),
+                  ...import_core.isAndroid && native && {
+                    onSelect: () => {
+                      import_core.isAndroid && setBookmarksChecked(!bookmarksChecked);
+                    }
+                  },
+                  gap: "$2",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIndicator, { className: "DropdownMenuItemIndicator", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Mark as read" }),
+                    import_core.isAndroid && native && bookmarksChecked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
+                  ]
+                },
+                "show-hidden"
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_dropdown_menu.DropdownMenu.CheckboxItem,
+                {
+                  checked: native,
+                  onCheckedChange: setNative,
+                  value: native ? "on" : "off",
+                  onValueChange: (v) => setNative(v == "on"),
+                  ...import_core.isAndroid && native && {
+                    onSelect: () => {
+                      setNative(!native);
+                    }
+                  },
+                  gap: "$2",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemTitle, { children: "Enable Native" }),
+                    import_core.isAndroid && native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.ItemIcon, { androidIconName: "checkbox_on_background" })
+                  ]
+                },
+                "show-other-notes"
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Arrow, { size: "$2" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropDownMenuDemo
+});
+//# sourceMappingURL=DropDownMenuDemo.js.map

package/dist/cjs/DropDownMenuDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/DropDownMenuDemo.tsx"],
+  "mappings": "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",
+  "names": ["import_lucide_icons", "React"]
+}