@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/MenuDemo.native.js

@@ -1,196 +1,168 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 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.native.js";
+
 function MenuDemo() {
-  var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
-  var [native, setNative] = React.useState(true);
-  var [subMenuOpen, setSubMenuOpen] = React.useState(false);
-  var onSelect = function (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",
-              // when title is nested inside a React element then you need to use `textValue`
-              textValue: "Calendar",
-              children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
-                children: "Calendar"
-              }), /* @__PURE__ */_jsx(Menu.ItemIcon, {
-                androidIconName: "ic_menu_today",
-                ios: {
-                  name: "calendar",
-                  hierarchicalColor: "#000"
-                },
-                children:
-                // pointSize: 20,
-                /* @__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")]
-          })]
-        })
-      })]
-    })
-  });
+	var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
+	var [native, setNative] = React.useState(true);
+	var [subMenuOpen, setSubMenuOpen] = React.useState(false);
+	var onSelect = function(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.native.js.map

package/dist/esm/MenuDemo.native.js.map

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

package/dist/esm/MenuSkins.mjs

@@ -0,0 +1,166 @@
+import { ContextMenu as ContextMenu$1 } from "@tamagui/context-menu";
+import { Menu as Menu$1 } from "@tamagui/menu";
+import { styled, withStaticProperties } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+
+const contentStyles = {
+	minWidth: 180,
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1,
+	boxShadow: "0 10px 20px shadow-color"
+};
+const itemStyles = {
+	displayName: "DemoMenuItem",
+	width: "100%",
+	paddingHorizontal: 8,
+	paddingVertical: 4,
+	alignItems: "center",
+	flexDirection: "row",
+	borderRadius: 6,
+	cursor: "pointer",
+	variants: { disabled: { true: {
+		cursor: "not-allowed",
+		opacity: .45
+	} } }
+};
+const titleStyles = {
+	displayName: "DemoMenuItemTitle",
+	color: "color",
+	cursor: "default",
+	flexGrow: 1,
+	flexShrink: 1,
+	fontSize: 14
+};
+const subtitleStyles = {
+	displayName: "DemoMenuItemSubtitle",
+	color: "color",
+	opacity: .6,
+	cursor: "default",
+	fontSize: 14
+};
+const iconStyles = {
+	displayName: "DemoMenuItemIcon",
+	width: 20,
+	height: 20,
+	marginLeft: "auto",
+	alignItems: "center",
+	justifyContent: "center"
+};
+const indicatorStyles = {
+	displayName: "DemoMenuItemIndicator",
+	marginLeft: "auto",
+	alignItems: "center",
+	justifyContent: "center"
+};
+const separatorStyles = {
+	displayName: "DemoMenuSeparator",
+	height: 1,
+	marginHorizontal: 10,
+	marginVertical: 3,
+	backgroundColor: "border-color"
+};
+const labelStyles = {
+	displayName: "DemoMenuLabel",
+	paddingHorizontal: "2-5",
+	paddingVertical: "1-5",
+	color: "color",
+	opacity: .6,
+	cursor: "default",
+	fontSize: 14
+};
+const groupStyles = {
+	displayName: "DemoMenuGroup",
+	width: "100%"
+};
+const MenuContent = styled(Menu$1.Content, contentStyles);
+const MenuSubContent = styled(Menu$1.SubContent, contentStyles);
+const MenuGroup = styled(Menu$1.Group, groupStyles);
+const MenuLabel = styled(Menu$1.Label, labelStyles);
+const MenuItem = styled(Menu$1.Item, itemStyles);
+const MenuCheckboxItem = styled(Menu$1.CheckboxItem, itemStyles);
+const MenuRadioItem = styled(Menu$1.RadioItem, itemStyles);
+const MenuSubTrigger = styled(Menu$1.SubTrigger, itemStyles);
+const MenuItemTitle = styled(Menu$1.ItemTitle, titleStyles);
+const MenuItemSubtitle = styled(Menu$1.ItemSubtitle, subtitleStyles);
+const MenuItemIcon = styled(Menu$1.ItemIcon, iconStyles);
+const MenuItemIndicator = styled(Menu$1.ItemIndicator, indicatorStyles);
+const MenuSeparator = styled(Menu$1.Separator, separatorStyles);
+const MenuArrow = styled(Menu$1.Arrow, {
+	displayName: "DemoMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+const MenuScrollView = styled(Menu$1.ScrollView, {
+	displayName: "DemoMenuScrollView",
+	padding: "1"
+});
+const MenuRoot = (props) => /* @__PURE__ */ jsx(Menu$1, { ...props });
+const Menu = withStaticProperties(MenuRoot, {
+	Trigger: Menu$1.Trigger,
+	Portal: Menu$1.Portal,
+	Content: MenuContent,
+	Group: MenuGroup,
+	Label: MenuLabel,
+	Item: MenuItem,
+	CheckboxItem: MenuCheckboxItem,
+	RadioGroup: Menu$1.RadioGroup,
+	RadioItem: MenuRadioItem,
+	ItemIndicator: MenuItemIndicator,
+	Separator: MenuSeparator,
+	Arrow: MenuArrow,
+	Sub: Menu$1.Sub,
+	SubTrigger: MenuSubTrigger,
+	SubContent: MenuSubContent,
+	ItemTitle: MenuItemTitle,
+	ItemSubtitle: MenuItemSubtitle,
+	ItemIcon: MenuItemIcon,
+	ItemImage: Menu$1.ItemImage,
+	ScrollView: MenuScrollView
+});
+const ContextMenuContent = styled(ContextMenu$1.Content, contentStyles);
+const ContextMenuSubContent = styled(ContextMenu$1.SubContent, contentStyles);
+const ContextMenuGroup = styled(ContextMenu$1.Group, groupStyles);
+const ContextMenuLabel = styled(ContextMenu$1.Label, labelStyles);
+const ContextMenuItem = styled(ContextMenu$1.Item, itemStyles);
+const ContextMenuCheckboxItem = styled(ContextMenu$1.CheckboxItem, itemStyles);
+const ContextMenuRadioItem = styled(ContextMenu$1.RadioItem, itemStyles);
+const ContextMenuSubTrigger = styled(ContextMenu$1.SubTrigger, itemStyles);
+const ContextMenuItemTitle = styled(ContextMenu$1.ItemTitle, titleStyles);
+const ContextMenuItemSubtitle = styled(ContextMenu$1.ItemSubtitle, subtitleStyles);
+const ContextMenuItemIcon = styled(ContextMenu$1.ItemIcon, iconStyles);
+const ContextMenuItemIndicator = styled(ContextMenu$1.ItemIndicator, indicatorStyles);
+const ContextMenuSeparator = styled(ContextMenu$1.Separator, separatorStyles);
+const ContextMenuArrow = styled(ContextMenu$1.Arrow, {
+	displayName: "DemoContextMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+const ContextMenuRoot = (props) => /* @__PURE__ */ jsx(ContextMenu$1, { ...props });
+const ContextMenu = withStaticProperties(ContextMenuRoot, {
+	Trigger: ContextMenu$1.Trigger,
+	Portal: ContextMenu$1.Portal,
+	Content: ContextMenuContent,
+	Preview: ContextMenu$1.Preview,
+	Group: ContextMenuGroup,
+	Label: ContextMenuLabel,
+	Item: ContextMenuItem,
+	CheckboxItem: ContextMenuCheckboxItem,
+	RadioGroup: ContextMenu$1.RadioGroup,
+	RadioItem: ContextMenuRadioItem,
+	ItemIndicator: ContextMenuItemIndicator,
+	Separator: ContextMenuSeparator,
+	Arrow: ContextMenuArrow,
+	Sub: ContextMenu$1.Sub,
+	SubTrigger: ContextMenuSubTrigger,
+	SubContent: ContextMenuSubContent,
+	ItemTitle: ContextMenuItemTitle,
+	ItemSubtitle: ContextMenuItemSubtitle,
+	ItemIcon: ContextMenuItemIcon,
+	ItemImage: ContextMenu$1.ItemImage
+});
+
+export { ContextMenu, Menu };
+//# sourceMappingURL=MenuSkins.mjs.map

package/dist/esm/MenuSkins.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSkins.js","names":["MenuBehavior","ContextMenuBehavior"],"sources":["esm/MenuSkins.js"],"sourcesContent":["import { ContextMenu as ContextMenuBehavior } from \"@tamagui/context-menu\";\nimport { Menu as MenuBehavior } from \"@tamagui/menu\";\nimport { styled, withStaticProperties } from \"tamagui\";\nimport { jsx } from \"react/jsx-runtime\";\nconst contentStyles = {\n  minWidth: 180,\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderWidth: 1,\n  boxShadow: \"0 10px 20px shadow-color\"\n};\nconst itemStyles = {\n  displayName: \"DemoMenuItem\",\n  width: \"100%\",\n  paddingHorizontal: 8,\n  paddingVertical: 4,\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  borderRadius: 6,\n  cursor: \"pointer\",\n  variants: {\n    disabled: {\n      true: {\n        cursor: \"not-allowed\",\n        opacity: 0.45\n      }\n    }\n  }\n};\nconst titleStyles = {\n  displayName: \"DemoMenuItemTitle\",\n  color: \"color\",\n  cursor: \"default\",\n  flexGrow: 1,\n  flexShrink: 1,\n  fontSize: 14\n};\nconst subtitleStyles = {\n  displayName: \"DemoMenuItemSubtitle\",\n  color: \"color\",\n  opacity: 0.6,\n  cursor: \"default\",\n  fontSize: 14\n};\nconst iconStyles = {\n  displayName: \"DemoMenuItemIcon\",\n  width: 20,\n  height: 20,\n  marginLeft: \"auto\",\n  alignItems: \"center\",\n  justifyContent: \"center\"\n};\nconst indicatorStyles = {\n  displayName: \"DemoMenuItemIndicator\",\n  marginLeft: \"auto\",\n  alignItems: \"center\",\n  justifyContent: \"center\"\n};\nconst separatorStyles = {\n  displayName: \"DemoMenuSeparator\",\n  height: 1,\n  marginHorizontal: 10,\n  marginVertical: 3,\n  backgroundColor: \"border-color\"\n};\nconst labelStyles = {\n  displayName: \"DemoMenuLabel\",\n  paddingHorizontal: \"2-5\",\n  paddingVertical: \"1-5\",\n  color: \"color\",\n  opacity: 0.6,\n  cursor: \"default\",\n  fontSize: 14\n};\nconst groupStyles = {\n  displayName: \"DemoMenuGroup\",\n  width: \"100%\"\n};\nconst MenuContent = styled(MenuBehavior.Content, contentStyles);\nconst MenuSubContent = styled(MenuBehavior.SubContent, contentStyles);\nconst MenuGroup = styled(MenuBehavior.Group, groupStyles);\nconst MenuLabel = styled(MenuBehavior.Label, labelStyles);\nconst MenuItem = styled(MenuBehavior.Item, itemStyles);\nconst MenuCheckboxItem = styled(MenuBehavior.CheckboxItem, itemStyles);\nconst MenuRadioItem = styled(MenuBehavior.RadioItem, itemStyles);\nconst MenuSubTrigger = styled(MenuBehavior.SubTrigger, itemStyles);\nconst MenuItemTitle = styled(MenuBehavior.ItemTitle, titleStyles);\nconst MenuItemSubtitle = styled(MenuBehavior.ItemSubtitle, subtitleStyles);\nconst MenuItemIcon = styled(MenuBehavior.ItemIcon, iconStyles);\nconst MenuItemIndicator = styled(MenuBehavior.ItemIndicator, indicatorStyles);\nconst MenuSeparator = styled(MenuBehavior.Separator, separatorStyles);\nconst MenuArrow = styled(MenuBehavior.Arrow, {\n  displayName: \"DemoMenuArrow\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderWidth: 1\n});\nconst MenuScrollView = styled(MenuBehavior.ScrollView, {\n  displayName: \"DemoMenuScrollView\",\n  padding: \"1\"\n});\nconst MenuRoot = (props) => /* @__PURE__ */ jsx(MenuBehavior, { ...props });\nconst Menu = withStaticProperties(MenuRoot, {\n  Trigger: MenuBehavior.Trigger,\n  Portal: MenuBehavior.Portal,\n  Content: MenuContent,\n  Group: MenuGroup,\n  Label: MenuLabel,\n  Item: MenuItem,\n  CheckboxItem: MenuCheckboxItem,\n  RadioGroup: MenuBehavior.RadioGroup,\n  RadioItem: MenuRadioItem,\n  ItemIndicator: MenuItemIndicator,\n  Separator: MenuSeparator,\n  Arrow: MenuArrow,\n  Sub: MenuBehavior.Sub,\n  SubTrigger: MenuSubTrigger,\n  SubContent: MenuSubContent,\n  ItemTitle: MenuItemTitle,\n  ItemSubtitle: MenuItemSubtitle,\n  ItemIcon: MenuItemIcon,\n  ItemImage: MenuBehavior.ItemImage,\n  ScrollView: MenuScrollView\n});\nconst ContextMenuContent = styled(ContextMenuBehavior.Content, contentStyles);\nconst ContextMenuSubContent = styled(ContextMenuBehavior.SubContent, contentStyles);\nconst ContextMenuGroup = styled(ContextMenuBehavior.Group, groupStyles);\nconst ContextMenuLabel = styled(ContextMenuBehavior.Label, labelStyles);\nconst ContextMenuItem = styled(ContextMenuBehavior.Item, itemStyles);\nconst ContextMenuCheckboxItem = styled(ContextMenuBehavior.CheckboxItem, itemStyles);\nconst ContextMenuRadioItem = styled(ContextMenuBehavior.RadioItem, itemStyles);\nconst ContextMenuSubTrigger = styled(ContextMenuBehavior.SubTrigger, itemStyles);\nconst ContextMenuItemTitle = styled(ContextMenuBehavior.ItemTitle, titleStyles);\nconst ContextMenuItemSubtitle = styled(ContextMenuBehavior.ItemSubtitle, subtitleStyles);\nconst ContextMenuItemIcon = styled(ContextMenuBehavior.ItemIcon, iconStyles);\nconst ContextMenuItemIndicator = styled(\n  ContextMenuBehavior.ItemIndicator,\n  indicatorStyles\n);\nconst ContextMenuSeparator = styled(ContextMenuBehavior.Separator, separatorStyles);\nconst ContextMenuArrow = styled(ContextMenuBehavior.Arrow, {\n  displayName: \"DemoContextMenuArrow\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderWidth: 1\n});\nconst ContextMenuRoot = (props) => /* @__PURE__ */ jsx(ContextMenuBehavior, { ...props });\nconst ContextMenu = withStaticProperties(ContextMenuRoot, {\n  Trigger: ContextMenuBehavior.Trigger,\n  Portal: ContextMenuBehavior.Portal,\n  Content: ContextMenuContent,\n  Preview: ContextMenuBehavior.Preview,\n  Group: ContextMenuGroup,\n  Label: ContextMenuLabel,\n  Item: ContextMenuItem,\n  CheckboxItem: ContextMenuCheckboxItem,\n  RadioGroup: ContextMenuBehavior.RadioGroup,\n  RadioItem: ContextMenuRadioItem,\n  ItemIndicator: ContextMenuItemIndicator,\n  Separator: ContextMenuSeparator,\n  Arrow: ContextMenuArrow,\n  Sub: ContextMenuBehavior.Sub,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n  ItemTitle: ContextMenuItemTitle,\n  ItemSubtitle: ContextMenuItemSubtitle,\n  ItemIcon: ContextMenuItemIcon,\n  ItemImage: ContextMenuBehavior.ItemImage\n});\nexport {\n  ContextMenu,\n  Menu\n};\n//# sourceMappingURL=MenuSkins.js.map\n"],"mappings":"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"}