@tamagui/demos 1.144.1 → 1.144.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.144.1",
+  "version": "1.144.2",
   "type": "module",
   "sideEffects": [
     "*.css"
@@ -50,42 +50,42 @@
     }
   },
   "dependencies": {
-    "@tamagui/animate-presence": "1.144.1",
-    "@tamagui/avatar": "1.144.1",
-    "@tamagui/button": "1.144.1",
-    "@tamagui/checkbox": "1.144.1",
-    "@tamagui/checkbox-headless": "1.144.1",
-    "@tamagui/config": "1.144.1",
-    "@tamagui/core": "1.144.1",
-    "@tamagui/get-button-sized": "1.144.1",
-    "@tamagui/image-next": "1.144.1",
-    "@tamagui/list-item": "1.144.1",
-    "@tamagui/logo": "1.144.1",
-    "@tamagui/lucide-icons": "1.144.1",
-    "@tamagui/menu": "1.144.1",
-    "@tamagui/popover": "1.144.1",
-    "@tamagui/progress": "1.144.1",
-    "@tamagui/radio-group": "1.144.1",
-    "@tamagui/radio-headless": "1.144.1",
-    "@tamagui/roving-focus": "1.144.1",
-    "@tamagui/select": "1.144.1",
-    "@tamagui/sheet": "1.144.1",
-    "@tamagui/slider": "1.144.1",
-    "@tamagui/stacks": "1.144.1",
-    "@tamagui/switch": "1.144.1",
-    "@tamagui/switch-headless": "1.144.1",
-    "@tamagui/tabs": "1.144.1",
-    "@tamagui/tamagui-dev-config": "1.144.1",
-    "@tamagui/theme": "1.144.1",
-    "@tamagui/toast": "1.144.1",
-    "tamagui": "1.144.1"
+    "@tamagui/animate-presence": "1.144.2",
+    "@tamagui/avatar": "1.144.2",
+    "@tamagui/button": "1.144.2",
+    "@tamagui/checkbox": "1.144.2",
+    "@tamagui/checkbox-headless": "1.144.2",
+    "@tamagui/config": "1.144.2",
+    "@tamagui/core": "1.144.2",
+    "@tamagui/get-button-sized": "1.144.2",
+    "@tamagui/image-next": "1.144.2",
+    "@tamagui/list-item": "1.144.2",
+    "@tamagui/logo": "1.144.2",
+    "@tamagui/lucide-icons": "1.144.2",
+    "@tamagui/menu": "1.144.2",
+    "@tamagui/popover": "1.144.2",
+    "@tamagui/progress": "1.144.2",
+    "@tamagui/radio-group": "1.144.2",
+    "@tamagui/radio-headless": "1.144.2",
+    "@tamagui/roving-focus": "1.144.2",
+    "@tamagui/select": "1.144.2",
+    "@tamagui/sheet": "1.144.2",
+    "@tamagui/slider": "1.144.2",
+    "@tamagui/stacks": "1.144.2",
+    "@tamagui/switch": "1.144.2",
+    "@tamagui/switch-headless": "1.144.2",
+    "@tamagui/tabs": "1.144.2",
+    "@tamagui/tamagui-dev-config": "1.144.2",
+    "@tamagui/theme": "1.144.2",
+    "@tamagui/toast": "1.144.2",
+    "tamagui": "1.144.2"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.144.1",
+    "@tamagui/build": "1.144.2",
     "react": "*",
     "react-native": "0.81.5"
   },

package/dist/cjs/AnimationsDelayDemo.cjs

@@ -1,85 +0,0 @@
-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 AnimationsDelayDemo_exports = {};
-__export(AnimationsDelayDemo_exports, {
-  AnimationsDelayDemo: () => AnimationsDelayDemo
-});
-module.exports = __toCommonJS(AnimationsDelayDemo_exports);
-var import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  import_useOnIntersecting = require("./useOnIntersecting.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const colors = ["$red10", "$green10", "$blue10", "$purple10"];
-function AnimationsDelayDemo() {
-  const ref = import_react.default.useRef(null),
-    hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-      once: !0
-    }),
-    [show, setShow] = import_react.default.useState(!0);
-  return import_tamagui.isWeb && !hasIntersected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    ref,
-    height: 150
-  }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-      gap: "$3",
-      height: 100,
-      items: "center",
-      justify: "center",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
-        children: show && colors.map((color, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-          animation: ["200ms", {
-            delay: i * 100
-          }],
-          enterStyle: {
-            opacity: 0,
-            scale: 0.5,
-            y: 20
-          },
-          exitStyle: {
-            opacity: 0,
-            scale: 0,
-            y: 20
-          },
-          size: 60,
-          bg: color,
-          rounded: "$4"
-        }, color))
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      size: "$3",
-      onPress: () => setShow(!show),
-      children: show ? "Hide" : "Show"
-    })]
-  });
-}

package/dist/cjs/AnimationsDelayDemo.js

@@ -1,56 +0,0 @@
-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 AnimationsDelayDemo_exports = {};
-__export(AnimationsDelayDemo_exports, {
-  AnimationsDelayDemo: () => AnimationsDelayDemo
-});
-module.exports = __toCommonJS(AnimationsDelayDemo_exports);
-var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), import_jsx_runtime = require("react/jsx-runtime");
-const colors = ["$red10", "$green10", "$blue10", "$purple10"];
-function AnimationsDelayDemo() {
-  const ref = import_react.default.useRef(null), hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: !0 }), [show, setShow] = import_react.default.useState(!0);
-  return import_tamagui.isWeb && !hasIntersected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref, height: 150 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", items: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { gap: "$3", height: 100, items: "center", justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: show && colors.map((color, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        animation: ["200ms", { delay: i * 100 }],
-        enterStyle: {
-          opacity: 0,
-          scale: 0.5,
-          y: 20
-        },
-        exitStyle: {
-          opacity: 0,
-          scale: 0,
-          y: 20
-        },
-        size: 60,
-        bg: color,
-        rounded: "$4"
-      },
-      color
-    )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", onPress: () => setShow(!show), children: show ? "Hide" : "Show" })
-  ] });
-}
-//# sourceMappingURL=AnimationsDelayDemo.js.map

package/dist/cjs/AnimationsDelayDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsDelayDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,iBAAuE,oBAEvE,2BAAkC,gCAUvB;AARX,MAAM,SAAS,CAAC,UAAU,YAAY,WAAW,WAAW;AAErD,SAAS,sBAAsB;AACpC,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,qBAAiB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,GACtD,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,EAAI;AAE3C,SAAI,wBAAS,CAAC,iBACL,4CAAC,yBAAO,KAAU,QAAQ,KAAK,IAItC,6CAAC,yBAAO,KAAI,MAAK,OAAM,UACrB;AAAA,gDAAC,yBAAO,KAAI,MAAK,QAAQ,KAAK,OAAM,UAAS,SAAQ,UACnD,sDAAC,kCACE,kBACC,OAAO,IAAI,CAAC,OAAO,MACjB;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC;AAAA,QACvC,YAAY;AAAA,UACV,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,SAAQ;AAAA;AAAA,MAdH;AAAA,IAeP,CACD,GACL,GACF;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC3C,iBAAO,SAAS,QACnB;AAAA,KACF;AAEJ;",
-  "names": ["React"]
-}

package/dist/cjs/AnimationsDelayDemo.native.js

@@ -1,92 +0,0 @@
-"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 AnimationsDelayDemo_exports = {};
-__export(AnimationsDelayDemo_exports, {
-  AnimationsDelayDemo: () => AnimationsDelayDemo
-});
-module.exports = __toCommonJS(AnimationsDelayDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  import_useOnIntersecting = require("./useOnIntersecting.native.js"),
-  colors = ["$red10", "$green10", "$blue10", "$purple10"];
-function AnimationsDelayDemo() {
-  var ref = import_react.default.useRef(null),
-    hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
-      once: !0
-    }),
-    [show, setShow] = import_react.default.useState(!0);
-  return import_tamagui.isWeb && !hasIntersected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    ref,
-    height: 150
-  }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-      gap: "$3",
-      height: 100,
-      items: "center",
-      justify: "center",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
-        children: show && colors.map(function (color, i) {
-          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-            animation: ["200ms", {
-              delay: i * 100
-            }],
-            enterStyle: {
-              opacity: 0,
-              scale: 0.5,
-              y: 20
-            },
-            exitStyle: {
-              opacity: 0,
-              scale: 0,
-              y: 20
-            },
-            size: 60,
-            bg: color,
-            rounded: "$4"
-          }, color);
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      size: "$3",
-      onPress: function () {
-        return setShow(!show);
-      },
-      children: show ? "Hide" : "Show"
-    })]
-  });
-}
-//# sourceMappingURL=AnimationsDelayDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDelayDemo_exports","__export","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","animation"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAClB;AAIA,IAAAK,kBAAgB,GAAAC,OAAU,oBAAuB;EAAAC,YAAW,GAAAC,OAAA,CAAAF,OAAA;EAAAG,cAAA,GAAAH,OAAA;EAAAI,wBAAA,GAAAJ,OAAA;EAAAK,MAAA,IAErD,QAAS,EACd,UAAM,EAIN,SAAI,EAMA,YAIQ;AAAC,SAAAT,oBAAA;EAAA,IAAAU,GAEC,GAAAL,YAAY,CAAAM,OAAW,CAAAC,MAAO,KAAI;IAAKC,cAAA,OAAAL,wBAAA,CAAAM,iBAAA,EAAAJ,GAAA;MAAAK,IACvC;IAAY;IAAA,CAAAC,IACV,EAAAC,OAAS,IAAAZ,YAAA,CAAAM,OAAA,CAAAO,QAAA;EAAA,OAAAX,cACF,CAAAY,KAAA,KAAAN,cAAA,sBAAAV,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAc,MAAA;IAAAX,GAAA;IACJY,MACL;EAAA,oBACW,IAAAnB,kBAAA,CAAAoB,IAAA,EAAAhB,cAAA,CAAAc,MAAA;IAAAG,GAAA,MACT;IAASC,KAAA,EACT,QAAO;IAAAC,QACP,EAAG,gBACL,IAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAoB,MAAA;MACAH,GAAA,MAAM;MACNF,MAAI;MACJG,KAAA,UAAQ;MAAAG,OAAA;MAdHF,QAAA,qBAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAsB,eAAA;QAiBbH,QACF,EAAAV,IAAA,IAAAP,MAAA,CAAAqB,GAAA,WAAAC,KAAA,EAAAC,CAAA;UAEA,0BAAA7B,kBAAC,CAAAiB,GAAA,EAAAb,cAAO,CAAA0B,MAAK,EAAK;YAGpBC,SAAA,GAEJ,S","ignoreList":[]}

package/dist/cjs/ContextMenuDemo.cjs

@@ -1,238 +0,0 @@
-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_lucide_icons = require("@tamagui/lucide-icons"),
-  import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const Item = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Item, {
-    py: 4,
-    hoverStyle: {
-      bg: "$color2"
-    },
-    pressStyle: {
-      bg: "$color3"
-    }
-  }),
-  ItemTitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemTitle, {
-    color: "$color11"
-  });
-Item.displayName = "Item";
-ItemTitle.displayName = "ItemTitle";
-function ContextMenuDemo() {
-  const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0),
-    [native, setNative] = import_react.default.useState(!0),
-    onSelect = () => {
-      console.info("onSelect");
-    };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu, {
-    allowFlip: !0,
-    native,
-    placement: "right-start",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Trigger, {
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        text: "center",
-        select: null,
-        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, {
-        px: 0,
-        borderWidth: 1,
-        items: "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.jsx)(import_tamagui.YStack, {
-            items: "center",
-            justify: "center",
-            height: 100,
-            width: 250,
-            style: {
-              backgroundColor: "pink"
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              children: "Your Preview here"
-            })
-          })
-        }), /* @__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, {
-          backgroundColor: "transparent",
-          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,
-            justify: "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: "calendar"
-              },
-              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, {
-          backgroundColor: "transparent",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, {
-            onSelect,
-            disabled: !0,
-            textValue: "locked notes",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                color: "gray",
-                children: "locked notes"
-              })
-            })
-          }, "close-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, {
-            destructive: !0,
-            onSelect,
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
-              color: "red",
-              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.jsxs)(import_context_menu.ContextMenu.SubTrigger, {
-            justify: "space-between",
-            textValue: "Actions",
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
-              children: "Actions"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, {
-              size: "$1"
-            })]
-          }, "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
-              },
-              animation: ["quick", {
-                opacity: {
-                  overshootClamping: !0
-                }
-              }],
-              px: 0,
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Item, {
-                onSelect,
-                textValue: "Create note",
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemTitle, {
-                  children: "Create note"
-                })
-              }, "create-note"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Item, {
-                onSelect,
-                textValue: "Delete all notes",
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemTitle, {
-                  children: "Delete all notes"
-                })
-              }, "delete-all"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Item, {
-                onSelect,
-                textValue: "Sync notes",
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(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,
-          gap: "$2",
-          justify: "space-between",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
-            children: "Mark as read"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {
-              size: "$1"
-            })
-          })]
-        }, "show-hidden"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.CheckboxItem, {
-          checked: native,
-          onCheckedChange: setNative,
-          gap: "$2",
-          justify: "space-between",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, {
-            children: "Enable Native"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {
-              size: "$1"
-            })
-          })]
-        }, "show-other-notes"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Arrow, {
-          size: "$2"
-        })]
-      })
-    })]
-  });
-}