@tamagui/demos 1.138.0 → 1.138.2

package/dist/cjs/ContextMenuDemo.cjs

@@ -0,0 +1,250 @@
+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_react = __toESM(require("react"), 1),
+  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,
+        bc: "$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,
+        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 notes"
+            })
+          }, "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_icons.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: "MenuSeparator"
+        }), /* @__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: "MenuItemIndicator",
+            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"
+        })]
+      })
+    })]
+  });
+}

package/dist/cjs/ContextMenuDemo.js

@@ -0,0 +1,178 @@
+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_react = __toESM(require("react"), 1), 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, bc: "$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,
+        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 notes" }) }, "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_icons.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: "MenuSeparator" }),
+          /* @__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: "MenuItemIndicator", 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" })
+        ]
+      }
+    ) })
+  ] });
+}
+//# 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": ["React"]
+}