@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/MenuDemo.mjs

@@ -1,193 +1,168 @@
 import { Backpack, Calendar, Check, ChevronRight, FilePlus, RefreshCw, Trash2 } from "@tamagui/lucide-icons-2";
-import { Menu } from "@tamagui/menu";
 import React from "react";
 import { Button } from "tamagui";
+import { Menu } from "./MenuSkins.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
 function MenuDemo() {
-  const [bookmarksChecked, setBookmarksChecked] = React.useState(true);
-  const [native, setNative] = React.useState(true);
-  const [subMenuOpen, setSubMenuOpen] = React.useState(false);
-  const onSelect = item => {
-    console.info(`selected`, item);
-  };
-  return /* @__PURE__ */jsx(Fragment, {
-    children: /* @__PURE__ */jsxs(Menu, {
-      offset: 8,
-      children: [/* @__PURE__ */jsx(Menu.Trigger, {
-        asChild: true,
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$4",
-          icon: Backpack,
-          children: "Open"
-        })
-      }), /* @__PURE__ */jsx(Menu.Portal, {
-        zIndex: 100,
-        children: /* @__PURE__ */jsxs(Menu.Content, {
-          transition: "100ms",
-          borderRadius: "$4",
-          enterStyle: {
-            scale: 0.9,
-            opacity: 0,
-            y: -5
-          },
-          exitStyle: {
-            scale: 0.95,
-            opacity: 0,
-            y: -3
-          },
-          boxShadow: "0 4px 5px $shadowColor",
-          children: [/* @__PURE__ */jsx(Menu.Arrow, {
-            size: "$4",
-            borderWidth: 1,
-            borderColor: "$borderColor"
-          }), /* @__PURE__ */jsxs(Menu.ScrollView, {
-            padding: 5,
-            children: [/* @__PURE__ */jsx(Menu.Item, {
-              onSelect,
-              children: /* @__PURE__ */jsx(Menu.ItemTitle, {
-                children: "About Notes"
-              })
-            }, "about-notes"), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsx(Menu.Item, {
-              onSelect,
-              children: /* @__PURE__ */jsx(Menu.ItemTitle, {
-                children: "Settings"
-              })
-            }, "settings"), /* @__PURE__ */jsxs(Menu.Item, {
-              onSelect,
-              justify: "space-between",
-              textValue: "Calendar",
-              children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
-                children: "Calendar"
-              }), /* @__PURE__ */jsx(Menu.ItemIcon, {
-                androidIconName: "ic_menu_today",
-                ios: {
-                  name: "calendar",
-                  hierarchicalColor: "#000"
-                  // pointSize: 20,
-                },
-                children: /* @__PURE__ */jsx(Calendar, {
-                  color: "gray",
-                  size: 14
-                })
-              })]
-            }, "accounts"), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsx(Menu.Item, {
-              onSelect,
-              disabled: true,
-              children: /* @__PURE__ */jsx(Menu.ItemTitle, {
-                color: "gray",
-                children: "Locked Notes"
-              })
-            }, "close-notes"), /* @__PURE__ */jsx(Menu.Item, {
-              onSelect,
-              destructive: true,
-              children: /* @__PURE__ */jsx(Menu.ItemTitle, {
-                color: "red",
-                children: "Delete all"
-              })
-            }, "delete-all"), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsxs(Menu.Sub, {
-              open: subMenuOpen,
-              onOpenChange: setSubMenuOpen,
-              children: [/* @__PURE__ */jsxs(Menu.SubTrigger, {
-                justify: "space-between",
-                textValue: "Actions",
-                children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
-                  children: "Actions"
-                }), /* @__PURE__ */jsx(ChevronRight, {
-                  size: 16,
-                  color: "$color10"
-                })]
-              }, "actions-trigger"), /* @__PURE__ */jsx(Menu.Portal, {
-                zIndex: 200,
-                children: /* @__PURE__ */jsxs(Menu.SubContent, {
-                  transition: "100ms",
-                  borderRadius: "$4",
-                  enterStyle: {
-                    scale: 0.9,
-                    opacity: 0,
-                    y: -5
-                  },
-                  exitStyle: {
-                    scale: 0.95,
-                    opacity: 0,
-                    y: -3
-                  },
-                  boxShadow: "0 4px 5px $shadowColor",
-                  padding: 5,
-                  children: [/* @__PURE__ */jsx(Menu.Label, {
-                    padding: 5,
-                    color: "$color9",
-                    size: "$3",
-                    select: "none",
-                    children: "Note settings"
-                  }), /* @__PURE__ */jsxs(Menu.Item, {
-                    onSelect,
-                    textValue: "Create note",
-                    justify: "space-between",
-                    children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
-                      children: "Create note"
-                    }), /* @__PURE__ */jsx(Menu.ItemIcon, {
-                      children: /* @__PURE__ */jsx(FilePlus, {
-                        size: 14,
-                        color: "$color10"
-                      })
-                    })]
-                  }, "create-note"), /* @__PURE__ */jsxs(Menu.Item, {
-                    onSelect,
-                    textValue: "Delete all notes",
-                    justify: "space-between",
-                    children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
-                      children: "Delete all notes"
-                    }), /* @__PURE__ */jsx(Menu.ItemIcon, {
-                      children: /* @__PURE__ */jsx(Trash2, {
-                        size: 14,
-                        color: "$color10"
-                      })
-                    })]
-                  }, "delete-all-notes"), /* @__PURE__ */jsxs(Menu.Item, {
-                    onSelect,
-                    textValue: "Sync notes",
-                    justify: "space-between",
-                    children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
-                      children: "Sync notes"
-                    }), /* @__PURE__ */jsx(Menu.ItemIcon, {
-                      children: /* @__PURE__ */jsx(RefreshCw, {
-                        size: 14,
-                        color: "$color10"
-                      })
-                    })]
-                  }, "sync-all")]
-                })
-              })]
-            }), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsxs(Menu.CheckboxItem, {
-              checked: bookmarksChecked,
-              onCheckedChange: setBookmarksChecked,
-              justify: "space-between",
-              children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
-                children: "Mark as read"
-              }), /* @__PURE__ */jsx(Menu.ItemIndicator, {
-                children: /* @__PURE__ */jsx(Check, {
-                  size: 12,
-                  color: "$color10"
-                })
-              })]
-            }, "show-hidden"), /* @__PURE__ */jsxs(Menu.CheckboxItem, {
-              checked: native,
-              onCheckedChange: setNative,
-              justify: "space-between",
-              children: [/* @__PURE__ */jsx(Menu.ItemTitle, {
-                children: "Enable Native"
-              }), /* @__PURE__ */jsx(Menu.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 [subMenuOpen, setSubMenuOpen] = React.useState(false);
+	const onSelect = (item) => {
+		console.info(`selected`, item);
+	};
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Menu, {
+		offset: 8,
+		children: [/* @__PURE__ */ jsx(Menu.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				size: "4",
+				icon: Backpack,
+				children: "Open"
+			})
+		}), /* @__PURE__ */ jsx(Menu.Portal, {
+			zIndex: 100,
+			children: /* @__PURE__ */ jsxs(Menu.Content, {
+				transition: "100ms",
+				borderRadius: "4",
+				scale: "enter:0.9 exit:0.95",
+				opacity: "enter:0 exit:0",
+				y: "enter:-5px exit:-3px",
+				boxShadow: "0 4px 5px shadow-color",
+				children: [/* @__PURE__ */ jsx(Menu.Arrow, {
+					size: 13,
+					borderWidth: 1,
+					borderColor: "border-color"
+				}), /* @__PURE__ */ jsxs(Menu.ScrollView, {
+					padding: 5,
+					children: [
+						/* @__PURE__ */ jsx(Menu.Item, {
+							onSelect,
+							children: /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "About Notes" })
+						}, "about-notes"),
+						/* @__PURE__ */ jsx(Menu.Separator, {}),
+						/* @__PURE__ */ jsx(Menu.Item, {
+							onSelect,
+							children: /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Settings" })
+						}, "settings"),
+						/* @__PURE__ */ jsxs(Menu.Item, {
+							onSelect,
+							justify: "space-between",
+							textValue: "Calendar",
+							children: [/* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Calendar" }), /* @__PURE__ */ jsx(Menu.ItemIcon, {
+								androidIconName: "ic_menu_today",
+								ios: {
+									name: "calendar",
+									hierarchicalColor: "#000"
+								},
+								children: /* @__PURE__ */ jsx(Calendar, {
+									color: "gray",
+									size: 14
+								})
+							})]
+						}, "accounts"),
+						/* @__PURE__ */ jsx(Menu.Separator, {}),
+						/* @__PURE__ */ jsx(Menu.Item, {
+							onSelect,
+							disabled: true,
+							children: /* @__PURE__ */ jsx(Menu.ItemTitle, {
+								color: "gray",
+								children: "Locked Notes"
+							})
+						}, "close-notes"),
+						/* @__PURE__ */ jsx(Menu.Item, {
+							onSelect,
+							destructive: true,
+							children: /* @__PURE__ */ jsx(Menu.ItemTitle, {
+								color: "red",
+								children: "Delete all"
+							})
+						}, "delete-all"),
+						/* @__PURE__ */ jsx(Menu.Separator, {}),
+						/* @__PURE__ */ jsxs(Menu.Sub, {
+							open: subMenuOpen,
+							onOpenChange: setSubMenuOpen,
+							children: [/* @__PURE__ */ jsxs(Menu.SubTrigger, {
+								justify: "space-between",
+								textValue: "Actions",
+								children: [/* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Actions" }), /* @__PURE__ */ jsx(ChevronRight, {
+									size: 16,
+									color: "color10"
+								})]
+							}, "actions-trigger"), /* @__PURE__ */ jsx(Menu.Portal, {
+								zIndex: 200,
+								children: /* @__PURE__ */ jsxs(Menu.SubContent, {
+									transition: "100ms",
+									borderRadius: "4",
+									scale: "enter:0.9 exit:0.95",
+									opacity: "enter:0 exit:0",
+									y: "enter:-5px exit:-3px",
+									boxShadow: "0 4px 5px shadow-color",
+									padding: 5,
+									children: [
+										/* @__PURE__ */ jsx(Menu.Label, {
+											padding: 5,
+											color: "color9",
+											fontSize: "3",
+											select: "none",
+											children: "Note settings"
+										}),
+										/* @__PURE__ */ jsxs(Menu.Item, {
+											onSelect,
+											textValue: "Create note",
+											justify: "space-between",
+											children: [/* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Create note" }), /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(FilePlus, {
+												size: 14,
+												color: "color10"
+											}) })]
+										}, "create-note"),
+										/* @__PURE__ */ jsxs(Menu.Item, {
+											onSelect,
+											textValue: "Delete all notes",
+											justify: "space-between",
+											children: [/* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Delete all notes" }), /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(Trash2, {
+												size: 14,
+												color: "color10"
+											}) })]
+										}, "delete-all-notes"),
+										/* @__PURE__ */ jsxs(Menu.Item, {
+											onSelect,
+											textValue: "Sync notes",
+											justify: "space-between",
+											children: [/* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Sync notes" }), /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(RefreshCw, {
+												size: 14,
+												color: "color10"
+											}) })]
+										}, "sync-all")
+									]
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsx(Menu.Separator, {}),
+						/* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+							checked: bookmarksChecked,
+							onCheckedChange: setBookmarksChecked,
+							justify: "space-between",
+							children: [/* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Mark as read" }), /* @__PURE__ */ jsx(Menu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+								size: 12,
+								color: "color10"
+							}) })]
+						}, "show-hidden"),
+						/* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+							checked: native,
+							onCheckedChange: setNative,
+							justify: "space-between",
+							children: [/* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Enable Native" }), /* @__PURE__ */ jsx(Menu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+								size: 12,
+								color: "color10"
+							}) })]
+						}, "show-other-notes")
+					]
+				})]
+			})
+		})]
+	}) });
 }
+
 export { MenuDemo };
 //# sourceMappingURL=MenuDemo.mjs.map

package/dist/esm/MenuDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","Fragment","jsx","jsxs","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select","CheckboxItem","checked","onCheckedChange","ItemIndicator"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MenuDemo.js","names":[],"sources":["esm/MenuDemo.js"],"sourcesContent":["import {\n  Backpack,\n  Calendar,\n  Check,\n  ChevronRight,\n  FilePlus,\n  RefreshCw,\n  Trash2\n} from \"@tamagui/lucide-icons-2\";\nimport React from \"react\";\nimport { Button } from \"tamagui\";\nimport { Menu } from \"./MenuSkins\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nfunction MenuDemo() {\n  const [bookmarksChecked, setBookmarksChecked] = React.useState(true);\n  const [native, setNative] = React.useState(true);\n  const [subMenuOpen, setSubMenuOpen] = React.useState(false);\n  const onSelect = (item) => {\n    console.info(`selected`, item);\n  };\n  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Menu, { offset: 8, children: [\n    /* @__PURE__ */ jsx(Menu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: \"4\", icon: Backpack, children: \"Open\" }) }),\n    /* @__PURE__ */ jsx(Menu.Portal, { zIndex: 100, children: /* @__PURE__ */ jsxs(\n      Menu.Content,\n      {\n        transition: \"100ms\",\n        borderRadius: \"4\",\n        scale: \"enter:0.9 exit:0.95\",\n        opacity: \"enter:0 exit:0\",\n        y: \"enter:-5px exit:-3px\",\n        boxShadow: \"0 4px 5px shadow-color\",\n        children: [\n          /* @__PURE__ */ jsx(Menu.Arrow, { size: 13, borderWidth: 1, borderColor: \"border-color\" }),\n          /* @__PURE__ */ jsxs(Menu.ScrollView, { padding: 5, children: [\n            /* @__PURE__ */ jsx(Menu.Item, { onSelect, children: /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"About Notes\" }) }, \"about-notes\"),\n            /* @__PURE__ */ jsx(Menu.Separator, {}),\n            /* @__PURE__ */ jsx(Menu.Item, { onSelect, children: /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"Settings\" }) }, \"settings\"),\n            /* @__PURE__ */ jsxs(\n              Menu.Item,\n              {\n                onSelect,\n                justify: \"space-between\",\n                textValue: \"Calendar\",\n                children: [\n                  /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"Calendar\" }),\n                  /* @__PURE__ */ jsx(\n                    Menu.ItemIcon,\n                    {\n                      androidIconName: \"ic_menu_today\",\n                      ios: {\n                        name: \"calendar\",\n                        hierarchicalColor: \"#000\"\n                        // pointSize: 20,\n                      },\n                      children: /* @__PURE__ */ jsx(Calendar, { color: \"gray\", size: 14 })\n                    }\n                  )\n                ]\n              },\n              \"accounts\"\n            ),\n            /* @__PURE__ */ jsx(Menu.Separator, {}),\n            /* @__PURE__ */ jsx(Menu.Item, { onSelect, disabled: true, children: /* @__PURE__ */ jsx(Menu.ItemTitle, { color: \"gray\", children: \"Locked Notes\" }) }, \"close-notes\"),\n            /* @__PURE__ */ jsx(Menu.Item, { onSelect, destructive: true, children: /* @__PURE__ */ jsx(Menu.ItemTitle, { color: \"red\", children: \"Delete all\" }) }, \"delete-all\"),\n            /* @__PURE__ */ jsx(Menu.Separator, {}),\n            /* @__PURE__ */ jsxs(Menu.Sub, { open: subMenuOpen, onOpenChange: setSubMenuOpen, children: [\n              /* @__PURE__ */ jsxs(\n                Menu.SubTrigger,\n                {\n                  justify: \"space-between\",\n                  textValue: \"Actions\",\n                  children: [\n                    /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"Actions\" }),\n                    /* @__PURE__ */ jsx(ChevronRight, { size: 16, color: \"color10\" })\n                  ]\n                },\n                \"actions-trigger\"\n              ),\n              /* @__PURE__ */ jsx(Menu.Portal, { zIndex: 200, children: /* @__PURE__ */ jsxs(\n                Menu.SubContent,\n                {\n                  transition: \"100ms\",\n                  borderRadius: \"4\",\n                  scale: \"enter:0.9 exit:0.95\",\n                  opacity: \"enter:0 exit:0\",\n                  y: \"enter:-5px exit:-3px\",\n                  boxShadow: \"0 4px 5px shadow-color\",\n                  padding: 5,\n                  children: [\n                    /* @__PURE__ */ jsx(Menu.Label, { padding: 5, color: \"color9\", fontSize: \"3\", select: \"none\", children: \"Note settings\" }),\n                    /* @__PURE__ */ jsxs(\n                      Menu.Item,\n                      {\n                        onSelect,\n                        textValue: \"Create note\",\n                        justify: \"space-between\",\n                        children: [\n                          /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"Create note\" }),\n                          /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(FilePlus, { size: 14, color: \"color10\" }) })\n                        ]\n                      },\n                      \"create-note\"\n                    ),\n                    /* @__PURE__ */ jsxs(\n                      Menu.Item,\n                      {\n                        onSelect,\n                        textValue: \"Delete all notes\",\n                        justify: \"space-between\",\n                        children: [\n                          /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"Delete all notes\" }),\n                          /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(Trash2, { size: 14, color: \"color10\" }) })\n                        ]\n                      },\n                      \"delete-all-notes\"\n                    ),\n                    /* @__PURE__ */ jsxs(\n                      Menu.Item,\n                      {\n                        onSelect,\n                        textValue: \"Sync notes\",\n                        justify: \"space-between\",\n                        children: [\n                          /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"Sync notes\" }),\n                          /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(RefreshCw, { size: 14, color: \"color10\" }) })\n                        ]\n                      },\n                      \"sync-all\"\n                    )\n                  ]\n                }\n              ) })\n            ] }),\n            /* @__PURE__ */ jsx(Menu.Separator, {}),\n            /* @__PURE__ */ jsxs(\n              Menu.CheckboxItem,\n              {\n                checked: bookmarksChecked,\n                onCheckedChange: setBookmarksChecked,\n                justify: \"space-between\",\n                children: [\n                  /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"Mark as read\" }),\n                  /* @__PURE__ */ jsx(Menu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 12, color: \"color10\" }) })\n                ]\n              },\n              \"show-hidden\"\n            ),\n            /* @__PURE__ */ jsxs(\n              Menu.CheckboxItem,\n              {\n                checked: native,\n                onCheckedChange: setNative,\n                justify: \"space-between\",\n                children: [\n                  /* @__PURE__ */ jsx(Menu.ItemTitle, { children: \"Enable Native\" }),\n                  /* @__PURE__ */ jsx(Menu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 12, color: \"color10\" }) })\n                ]\n              },\n              \"show-other-notes\"\n            )\n          ] })\n        ]\n      }\n    ) })\n  ] }) });\n}\nexport {\n  MenuDemo\n};\n//# sourceMappingURL=MenuDemo.js.map\n"],"mappings":"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"}