@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/ContextMenuDemo.mjs

@@ -1,192 +1,166 @@
-import { ContextMenu } from "@tamagui/context-menu";
 import { Calendar, Check, ChevronRight } from "@tamagui/lucide-icons-2";
 import React from "react";
 import { Text, View, YStack } from "tamagui";
+import { ContextMenu } from "./MenuSkins.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function ContextMenuDemo() {
-  const [bookmarksChecked, setBookmarksChecked] = React.useState(true);
-  const [native, setNative] = React.useState(true);
-  const onSelect = () => {
-    console.info("onSelect");
-  };
-  return /* @__PURE__ */jsxs(ContextMenu, {
-    native,
-    children: [/* @__PURE__ */jsx(ContextMenu.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */jsx(View, {
-        p: "$4",
-        rounded: "$4",
-        borderWidth: 1,
-        borderStyle: "dashed",
-        borderColor: "$color6",
-        cursor: "default",
-        children: /* @__PURE__ */jsx(Text, {
-          text: "center",
-          select: "none",
-          color: "$color10",
-          children: "Right Click or Long Press"
-        })
-      })
-    }), /* @__PURE__ */jsx(ContextMenu.Portal, {
-      zIndex: 100,
-      children: /* @__PURE__ */jsxs(ContextMenu.Content, {
-        p: "$1.5",
-        minW: 180,
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        transformOrigin: "left top",
-        enterStyle: {
-          scale: 0.9,
-          opacity: 0,
-          y: -5
-        },
-        exitStyle: {
-          scale: 0.95,
-          opacity: 0,
-          y: -3
-        },
-        elevation: "$3",
-        transition: "100ms",
-        children: [/* @__PURE__ */jsx(ContextMenu.Arrow, {
-          size: "$4",
-          borderWidth: 1,
-          borderColor: "$borderColor"
-        }), /* @__PURE__ */jsx(ContextMenu.Preview, {
-          children: () => {
-            return /* @__PURE__ */jsx(YStack, {
-              items: "center",
-              justify: "center",
-              height: 100,
-              width: 250,
-              bg: "pink",
-              children: /* @__PURE__ */jsx(Text, {
-                children: "Your Preview here"
-              })
-            });
-          }
-        }), /* @__PURE__ */jsx(ContextMenu.Item, {
-          onSelect,
-          children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-            children: "About Notes"
-          })
-        }, "about-notes"), /* @__PURE__ */jsx(ContextMenu.Separator, {}), /* @__PURE__ */jsx(ContextMenu.Item, {
-          onSelect,
-          children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-            children: "Settings"
-          })
-        }, "settings"), /* @__PURE__ */jsxs(ContextMenu.Item, {
-          onSelect,
-          justify: "space-between",
-          textValue: "Calendar",
-          children: [/* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-            children: "Calendar"
-          }), /* @__PURE__ */jsx(ContextMenu.ItemIcon, {
-            androidIconName: "ic_menu_today",
-            ios: {
-              name: "calendar"
-            },
-            children: /* @__PURE__ */jsx(Calendar, {
-              color: "gray",
-              size: 14
-            })
-          })]
-        }, "accounts"), /* @__PURE__ */jsx(ContextMenu.Separator, {}), /* @__PURE__ */jsx(ContextMenu.Item, {
-          onSelect,
-          disabled: true,
-          textValue: "Locked Notes",
-          children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-            color: "gray",
-            children: "Locked Notes"
-          })
-        }, "close-notes"), /* @__PURE__ */jsx(ContextMenu.Item, {
-          destructive: true,
-          onSelect,
-          children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-            color: "red",
-            children: "Delete all"
-          })
-        }, "delete-all"), /* @__PURE__ */jsx(ContextMenu.Separator, {}), /* @__PURE__ */jsxs(ContextMenu.Sub, {
-          children: [/* @__PURE__ */jsxs(ContextMenu.SubTrigger, {
-            justify: "space-between",
-            textValue: "Actions",
-            children: [/* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-              children: "Actions"
-            }), /* @__PURE__ */jsx(ChevronRight, {
-              size: 12,
-              color: "$color10"
-            })]
-          }, "actions-trigger"), /* @__PURE__ */jsx(ContextMenu.Portal, {
-            zIndex: 200,
-            children: /* @__PURE__ */jsxs(ContextMenu.SubContent, {
-              enterStyle: {
-                scale: 0.9,
-                opacity: 0,
-                x: -5
-              },
-              exitStyle: {
-                scale: 0.95,
-                opacity: 0,
-                x: -3
-              },
-              transition: "100ms",
-              transformOrigin: "left top",
-              elevation: "$3",
-              minW: 160,
-              bg: "$background",
-              p: "$1.5",
-              borderWidth: 1,
-              borderColor: "$borderColor",
-              children: [/* @__PURE__ */jsx(ContextMenu.Label, {
-                children: "Note settings"
-              }), /* @__PURE__ */jsx(ContextMenu.Item, {
-                onSelect,
-                textValue: "Create note",
-                children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-                  children: "Create note"
-                })
-              }, "create-note"), /* @__PURE__ */jsx(ContextMenu.Item, {
-                onSelect,
-                textValue: "Delete all notes",
-                children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-                  children: "Delete all notes"
-                })
-              }, "delete-all-notes"), /* @__PURE__ */jsx(ContextMenu.Item, {
-                onSelect,
-                textValue: "Sync notes",
-                children: /* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-                  children: "Sync notes"
-                })
-              }, "sync-all")]
-            })
-          })]
-        }), /* @__PURE__ */jsx(ContextMenu.Separator, {}), /* @__PURE__ */jsxs(ContextMenu.CheckboxItem, {
-          checked: bookmarksChecked,
-          onCheckedChange: setBookmarksChecked,
-          justify: "space-between",
-          children: [/* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-            children: "Mark as read"
-          }), /* @__PURE__ */jsx(ContextMenu.ItemIndicator, {
-            children: /* @__PURE__ */jsx(Check, {
-              size: 12,
-              color: "$color10"
-            })
-          })]
-        }, "show-hidden"), /* @__PURE__ */jsxs(ContextMenu.CheckboxItem, {
-          checked: native,
-          onCheckedChange: setNative,
-          justify: "space-between",
-          children: [/* @__PURE__ */jsx(ContextMenu.ItemTitle, {
-            children: "Enable Native"
-          }), /* @__PURE__ */jsx(ContextMenu.ItemIndicator, {
-            children: /* @__PURE__ */jsx(Check, {
-              size: 12,
-              color: "$color10"
-            })
-          })]
-        }, "show-other-notes")]
-      })
-    })]
-  });
+	const [bookmarksChecked, setBookmarksChecked] = React.useState(true);
+	const [native, setNative] = React.useState(true);
+	const onSelect = () => {
+		console.info("onSelect");
+	};
+	return /* @__PURE__ */ jsxs(ContextMenu, {
+		native,
+		children: [/* @__PURE__ */ jsx(ContextMenu.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(View, {
+				p: "4",
+				rounded: "4",
+				borderWidth: 1,
+				borderStyle: "dashed",
+				borderColor: "color6",
+				cursor: "default",
+				children: /* @__PURE__ */ jsx(Text, {
+					text: "center",
+					select: "none",
+					color: "color10",
+					children: "Right Click or Long Press"
+				})
+			})
+		}), /* @__PURE__ */ jsx(ContextMenu.Portal, {
+			zIndex: 100,
+			children: /* @__PURE__ */ jsxs(ContextMenu.Content, {
+				p: "1-5",
+				minW: 180,
+				borderWidth: 1,
+				borderColor: "border-color",
+				transformOrigin: "left top",
+				scale: "enter:0.9 exit:0.95",
+				opacity: "enter:0 exit:0",
+				y: "enter:-5px exit:-3px",
+				transition: "100ms",
+				children: [
+					/* @__PURE__ */ jsx(ContextMenu.Arrow, {
+						size: 13,
+						borderWidth: 1,
+						borderColor: "border-color"
+					}),
+					/* @__PURE__ */ jsx(ContextMenu.Preview, { children: () => {
+						return /* @__PURE__ */ jsx(YStack, {
+							items: "center",
+							justify: "center",
+							height: 100,
+							width: 250,
+							bg: "pink",
+							children: /* @__PURE__ */ jsx(Text, { children: "Your Preview here" })
+						});
+					} }),
+					/* @__PURE__ */ jsx(ContextMenu.Item, {
+						onSelect,
+						children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "About Notes" })
+					}, "about-notes"),
+					/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+					/* @__PURE__ */ jsx(ContextMenu.Item, {
+						onSelect,
+						children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Settings" })
+					}, "settings"),
+					/* @__PURE__ */ jsxs(ContextMenu.Item, {
+						onSelect,
+						justify: "space-between",
+						textValue: "Calendar",
+						children: [/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Calendar" }), /* @__PURE__ */ jsx(ContextMenu.ItemIcon, {
+							androidIconName: "ic_menu_today",
+							ios: { name: "calendar" },
+							children: /* @__PURE__ */ jsx(Calendar, {
+								color: "gray",
+								size: 14
+							})
+						})]
+					}, "accounts"),
+					/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+					/* @__PURE__ */ jsx(ContextMenu.Item, {
+						onSelect,
+						disabled: true,
+						textValue: "Locked Notes",
+						children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, {
+							color: "gray",
+							children: "Locked Notes"
+						})
+					}, "close-notes"),
+					/* @__PURE__ */ jsx(ContextMenu.Item, {
+						destructive: true,
+						onSelect,
+						children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, {
+							color: "red",
+							children: "Delete all"
+						})
+					}, "delete-all"),
+					/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+					/* @__PURE__ */ jsxs(ContextMenu.Sub, { children: [/* @__PURE__ */ jsxs(ContextMenu.SubTrigger, {
+						justify: "space-between",
+						textValue: "Actions",
+						children: [/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Actions" }), /* @__PURE__ */ jsx(ChevronRight, {
+							size: 12,
+							color: "color10"
+						})]
+					}, "actions-trigger"), /* @__PURE__ */ jsx(ContextMenu.Portal, {
+						zIndex: 200,
+						children: /* @__PURE__ */ jsxs(ContextMenu.SubContent, {
+							scale: "enter:0.9 exit:0.95",
+							opacity: "enter:0 exit:0",
+							x: "enter:-5px exit:-3px",
+							transition: "100ms",
+							transformOrigin: "left top",
+							minW: 160,
+							bg: "background",
+							p: "1-5",
+							borderWidth: 1,
+							borderColor: "border-color",
+							children: [
+								/* @__PURE__ */ jsx(ContextMenu.Label, { children: "Note settings" }),
+								/* @__PURE__ */ jsx(ContextMenu.Item, {
+									onSelect,
+									textValue: "Create note",
+									children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Create note" })
+								}, "create-note"),
+								/* @__PURE__ */ jsx(ContextMenu.Item, {
+									onSelect,
+									textValue: "Delete all notes",
+									children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Delete all notes" })
+								}, "delete-all-notes"),
+								/* @__PURE__ */ jsx(ContextMenu.Item, {
+									onSelect,
+									textValue: "Sync notes",
+									children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Sync notes" })
+								}, "sync-all")
+							]
+						})
+					})] }),
+					/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+					/* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+						checked: bookmarksChecked,
+						onCheckedChange: setBookmarksChecked,
+						justify: "space-between",
+						children: [/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Mark as read" }), /* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+							size: 12,
+							color: "color10"
+						}) })]
+					}, "show-hidden"),
+					/* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+						checked: native,
+						onCheckedChange: setNative,
+						justify: "space-between",
+						children: [/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Enable Native" }), /* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+							size: 12,
+							color: "color10"
+						}) })]
+					}, "show-other-notes")
+				]
+			})
+		})]
+	});
 }
+
 export { ContextMenuDemo };
 //# sourceMappingURL=ContextMenuDemo.mjs.map

package/dist/esm/ContextMenuDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ContextMenu","Calendar","Check","ChevronRight","React","Text","View","YStack","jsx","jsxs","ContextMenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","onSelect","console","info","children","Trigger","asChild","p","rounded","borderWidth","borderStyle","borderColor","cursor","text","select","color","Portal","zIndex","Content","minW","transformOrigin","enterStyle","scale","opacity","y","exitStyle","elevation","transition","Arrow","size","Preview","items","justify","height","width","bg","Item","ItemTitle","Separator","textValue","ItemIcon","androidIconName","ios","name","disabled","destructive","Sub","SubTrigger","SubContent","x","Label","CheckboxItem","checked","onCheckedChange","ItemIndicator"],"sources":["../../src/ContextMenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContextMenuDemo.js","names":[],"sources":["esm/ContextMenuDemo.js"],"sourcesContent":["import { Calendar, Check, ChevronRight } from \"@tamagui/lucide-icons-2\";\nimport React from \"react\";\nimport { Text, View, YStack } from \"tamagui\";\nimport { ContextMenu } from \"./MenuSkins\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction ContextMenuDemo() {\n  const [bookmarksChecked, setBookmarksChecked] = React.useState(true);\n  const [native, setNative] = React.useState(true);\n  const onSelect = () => {\n    console.info(\"onSelect\");\n  };\n  return /* @__PURE__ */ jsxs(ContextMenu, { native, children: [\n    /* @__PURE__ */ jsx(ContextMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(\n      View,\n      {\n        p: \"4\",\n        rounded: \"4\",\n        borderWidth: 1,\n        borderStyle: \"dashed\",\n        borderColor: \"color6\",\n        cursor: \"default\",\n        children: /* @__PURE__ */ jsx(Text, { text: \"center\", select: \"none\", color: \"color10\", children: \"Right Click or Long Press\" })\n      }\n    ) }),\n    /* @__PURE__ */ jsx(ContextMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ jsxs(\n      ContextMenu.Content,\n      {\n        p: \"1-5\",\n        minW: 180,\n        borderWidth: 1,\n        borderColor: \"border-color\",\n        transformOrigin: \"left top\",\n        scale: \"enter:0.9 exit:0.95\",\n        opacity: \"enter:0 exit:0\",\n        y: \"enter:-5px exit:-3px\",\n        transition: \"100ms\",\n        children: [\n          /* @__PURE__ */ jsx(ContextMenu.Arrow, { size: 13, borderWidth: 1, borderColor: \"border-color\" }),\n          /* @__PURE__ */ jsx(ContextMenu.Preview, { children: () => {\n            return /* @__PURE__ */ jsx(\n              YStack,\n              {\n                items: \"center\",\n                justify: \"center\",\n                height: 100,\n                width: 250,\n                bg: \"pink\",\n                children: /* @__PURE__ */ jsx(Text, { children: \"Your Preview here\" })\n              }\n            );\n          } }),\n          /* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"About Notes\" }) }, \"about-notes\"),\n          /* @__PURE__ */ jsx(ContextMenu.Separator, {}),\n          /* @__PURE__ */ jsx(ContextMenu.Item, { onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"Settings\" }) }, \"settings\"),\n          /* @__PURE__ */ jsxs(\n            ContextMenu.Item,\n            {\n              onSelect,\n              justify: \"space-between\",\n              textValue: \"Calendar\",\n              children: [\n                /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"Calendar\" }),\n                /* @__PURE__ */ jsx(\n                  ContextMenu.ItemIcon,\n                  {\n                    androidIconName: \"ic_menu_today\",\n                    ios: {\n                      name: \"calendar\"\n                    },\n                    children: /* @__PURE__ */ jsx(Calendar, { color: \"gray\", size: 14 })\n                  }\n                )\n              ]\n            },\n            \"accounts\"\n          ),\n          /* @__PURE__ */ jsx(ContextMenu.Separator, {}),\n          /* @__PURE__ */ jsx(\n            ContextMenu.Item,\n            {\n              onSelect,\n              disabled: true,\n              textValue: \"Locked Notes\",\n              children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { color: \"gray\", children: \"Locked Notes\" })\n            },\n            \"close-notes\"\n          ),\n          /* @__PURE__ */ jsx(ContextMenu.Item, { destructive: true, onSelect, children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { color: \"red\", children: \"Delete all\" }) }, \"delete-all\"),\n          /* @__PURE__ */ jsx(ContextMenu.Separator, {}),\n          /* @__PURE__ */ jsxs(ContextMenu.Sub, { children: [\n            /* @__PURE__ */ jsxs(\n              ContextMenu.SubTrigger,\n              {\n                justify: \"space-between\",\n                textValue: \"Actions\",\n                children: [\n                  /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"Actions\" }),\n                  /* @__PURE__ */ jsx(ChevronRight, { size: 12, color: \"color10\" })\n                ]\n              },\n              \"actions-trigger\"\n            ),\n            /* @__PURE__ */ jsx(ContextMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ jsxs(\n              ContextMenu.SubContent,\n              {\n                scale: \"enter:0.9 exit:0.95\",\n                opacity: \"enter:0 exit:0\",\n                x: \"enter:-5px exit:-3px\",\n                transition: \"100ms\",\n                transformOrigin: \"left top\",\n                minW: 160,\n                bg: \"background\",\n                p: \"1-5\",\n                borderWidth: 1,\n                borderColor: \"border-color\",\n                children: [\n                  /* @__PURE__ */ jsx(ContextMenu.Label, { children: \"Note settings\" }),\n                  /* @__PURE__ */ jsx(\n                    ContextMenu.Item,\n                    {\n                      onSelect,\n                      textValue: \"Create note\",\n                      children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"Create note\" })\n                    },\n                    \"create-note\"\n                  ),\n                  /* @__PURE__ */ jsx(\n                    ContextMenu.Item,\n                    {\n                      onSelect,\n                      textValue: \"Delete all notes\",\n                      children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"Delete all notes\" })\n                    },\n                    \"delete-all-notes\"\n                  ),\n                  /* @__PURE__ */ jsx(\n                    ContextMenu.Item,\n                    {\n                      onSelect,\n                      textValue: \"Sync notes\",\n                      children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"Sync notes\" })\n                    },\n                    \"sync-all\"\n                  )\n                ]\n              }\n            ) })\n          ] }),\n          /* @__PURE__ */ jsx(ContextMenu.Separator, {}),\n          /* @__PURE__ */ jsxs(\n            ContextMenu.CheckboxItem,\n            {\n              checked: bookmarksChecked,\n              onCheckedChange: setBookmarksChecked,\n              justify: \"space-between\",\n              children: [\n                /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"Mark as read\" }),\n                /* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 12, color: \"color10\" }) })\n              ]\n            },\n            \"show-hidden\"\n          ),\n          /* @__PURE__ */ jsxs(\n            ContextMenu.CheckboxItem,\n            {\n              checked: native,\n              onCheckedChange: setNative,\n              justify: \"space-between\",\n              children: [\n                /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: \"Enable Native\" }),\n                /* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 12, color: \"color10\" }) })\n              ]\n            },\n            \"show-other-notes\"\n          )\n        ]\n      }\n    ) })\n  ] });\n}\nexport {\n  ContextMenuDemo\n};\n//# sourceMappingURL=ContextMenuDemo.js.map\n"],"mappings":"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"}