@tamagui/demos 2.0.0-1768326993354 → 2.0.0-1768530912818

package/dist/cjs/MenuDemo.js

@@ -25,156 +25,229 @@ __export(MenuDemo_exports, {
   MenuDemo: () => MenuDemo
 });
 module.exports = __toCommonJS(MenuDemo_exports);
-var import_core = require("@tamagui/core"), import_lucide_icons = require("@tamagui/lucide-icons"), import_menu = require("@tamagui/menu"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const Item = (0, import_core.styled)(import_menu.Menu.Item, {
-  py: 4,
-  hoverStyle: {
-    bg: "$color2"
-  },
-  pressStyle: {
-    bg: "$color3"
-  }
-}), ItemTitle = (0, import_core.styled)(import_menu.Menu.ItemTitle, {
-  color: "$color11"
-});
-Item.displayName = "Item";
-ItemTitle.displayName = "ItemTitle";
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_menu = require("@tamagui/menu"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function MenuDemo() {
-  const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!0), onSelect = (item) => {
+  const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!0), [subMenuOpen, setSubMenuOpen] = import_react.default.useState(!1), isTouchDevice = (0, import_tamagui.useIsTouchDevice)(), onSelect = (item) => {
     console.info("selected", item);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_menu.Menu,
-    {
-      offset: {
-        crossAxis: 25
-      },
-      allowFlip: !0,
-      placement: "bottom-start",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { rounded: "$10", icon: import_lucide_icons.Backpack, scaleIcon: 1.2 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_menu.Menu.Content,
-          {
-            px: 0,
-            borderWidth: 1,
-            items: "flex-start",
-            borderColor: "$borderColor",
-            enterStyle: { y: -10, opacity: 0 },
-            exitStyle: { y: -10, opacity: 0 },
-            transition: [
-              "quicker",
-              {
-                opacity: {
-                  overshootClamping: !0
-                }
-              }
-            ],
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_menu.Menu.Group, { backgroundColor: "transparent", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Settings" }) }, "settings"),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                  import_menu.Menu.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_menu.Menu, { allowFlip: !0, placement: "bottom-start", offset: 8, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", circular: !0, icon: import_lucide_icons.Backpack, scaleIcon: 1.2 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_menu.Menu.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 },
+        transition: "menu",
+        elevation: "$3",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Arrow, { size: "$4", borderWidth: 1, borderColor: "$borderColor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_menu.Menu.Item,
+            {
+              onSelect,
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "About Notes" })
+            },
+            "about-notes"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_menu.Menu.Item,
+            {
+              onSelect,
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Settings" })
+            },
+            "settings"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_menu.Menu.Item,
+            {
+              onSelect,
+              justify: "space-between",
+              textValue: "Calendar",
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Calendar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_menu.Menu.ItemIcon,
                   {
-                    onSelect,
-                    justify: "space-between",
-                    textValue: "Calendar",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Calendar" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_menu.Menu.ItemIcon,
-                        {
-                          androidIconName: "ic_menu_today",
-                          ios: {
-                            name: "calendar",
-                            hierarchicalColor: "#000",
-                            pointSize: 20
-                          },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: 14 })
-                        }
-                      )
-                    ]
-                  },
-                  "accounts"
+                    androidIconName: "ic_menu_today",
+                    ios: {
+                      name: "calendar",
+                      hierarchicalColor: "#000",
+                      pointSize: 20
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: 14 })
+                  }
                 )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_menu.Menu.Group, { backgroundColor: "transparent", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { color: "gray", children: "locked notes" }) }, "close-notes"),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { color: "red", children: "Delete all" }) }, "delete-all")
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_menu.Menu.Sub, { placement: "right-start", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              ]
+            },
+            "accounts"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_menu.Menu.Item,
+            {
+              onSelect,
+              disabled: !0,
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { color: "gray", children: "Locked Notes" })
+            },
+            "close-notes"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_menu.Menu.Item,
+            {
+              onSelect,
+              destructive: !0,
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { color: "red", children: "Delete all" })
+            },
+            "delete-all"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_menu.Menu.Sub,
+            {
+              open: subMenuOpen,
+              placement: isTouchDevice ? "bottom" : "right-start",
+              onOpenChange: setSubMenuOpen,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                   import_menu.Menu.SubTrigger,
                   {
                     justify: "space-between",
                     textValue: "Actions",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                    style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+                    hoverStyle: { bg: "$backgroundHover" },
+                    children: [
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Actions" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, { size: "$1" })
-                    ] })
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, { size: 12, color: "$color10" })
+                    ]
                   },
                   "actions-trigger"
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                   import_menu.Menu.SubContent,
                   {
-                    enterStyle: { y: -10, opacity: 0 },
-                    exitStyle: { y: -10, opacity: 0 },
-                    transition: [
-                      "quicker",
-                      {
-                        opacity: {
-                          overshootClamping: !0
-                        }
-                      }
-                    ],
-                    px: 0,
+                    enterStyle: { scale: 0.9, opacity: 0, x: -5 },
+                    exitStyle: { scale: 0.95, opacity: 0, x: -3 },
+                    transition: "menu",
+                    transformOrigin: "left top",
+                    elevation: "$3",
+                    minW: 160,
+                    bg: "$background",
+                    p: "$1.5",
+                    borderWidth: 1,
+                    borderColor: "$borderColor",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Label, { fontSize: "$1", children: "Note settings" }),
-                      /* @__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: "Create note", 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_menu.Menu.Label,
+                        {
+                          color: "$color10",
+                          fontWeight: "400",
+                          fontSize: 14,
+                          alignSelf: "flex-start",
+                          style: { paddingHorizontal: 8, paddingVertical: 5 },
+                          children: "Note settings"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        import_menu.Menu.Item,
+                        {
+                          onSelect,
+                          textValue: "Create note",
+                          justify: "space-between",
+                          style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+                          hoverStyle: { bg: "$backgroundHover" },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Create note" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.FilePlus, { size: 14, color: "$color10" }) })
+                          ]
+                        },
+                        "create-note"
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        import_menu.Menu.Item,
+                        {
+                          onSelect,
+                          textValue: "Delete all notes",
+                          justify: "space-between",
+                          style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+                          hoverStyle: { bg: "$backgroundHover" },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Delete all notes" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Trash2, { size: 14, color: "$color10" }) })
+                          ]
+                        },
+                        "delete-all"
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        import_menu.Menu.Item,
+                        {
+                          onSelect,
+                          textValue: "Sync notes",
+                          justify: "space-between",
+                          style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+                          hoverStyle: { bg: "$backgroundHover" },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Sync notes" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.RefreshCw, { size: 14, color: "$color10" }) })
+                          ]
+                        },
+                        "sync-all"
+                      )
                     ]
                   }
                 ) })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                import_menu.Menu.CheckboxItem,
-                {
-                  checked: bookmarksChecked,
-                  onCheckedChange: setBookmarksChecked,
-                  gap: "$2",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Mark as read" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) })
-                  ]
-                },
-                "show-hidden"
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                import_menu.Menu.CheckboxItem,
-                {
-                  checked: native,
-                  onCheckedChange: setNative,
-                  gap: "$2",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Enable Native" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) })
-                  ]
-                },
-                "show-other-notes"
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Arrow, { size: "$2" })
-            ]
-          }
-        ) })
-      ]
-    }
-  ) });
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_menu.Menu.CheckboxItem,
+            {
+              checked: bookmarksChecked,
+              onCheckedChange: setBookmarksChecked,
+              justify: "space-between",
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Mark as read" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 12, color: "$color10" }) })
+              ]
+            },
+            "show-hidden"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_menu.Menu.CheckboxItem,
+            {
+              checked: native,
+              onCheckedChange: setNative,
+              justify: "space-between",
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Enable Native" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 12, color: "$color10" }) })
+              ]
+            },
+            "show-other-notes"
+          )
+        ]
+      }
+    ) })
+  ] }) });
 }
 //# sourceMappingURL=MenuDemo.js.map

package/dist/cjs/MenuDemo.js.map

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