@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MenuDemo_exports","__export","MenuDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_menu","import_react","__toESM","import_tamagui","bookmarksChecked","setBookmarksChecked","default","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","jsx","Fragment","children","jsxs","Menu","offset","Trigger","asChild","Button","size","icon","Backpack","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","Calendar","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","ChevronRight","SubContent","Label","select"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MenuDemo.native.js","names":[],"sources":["cjs/MenuDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar MenuDemo_exports = {};\n__export(MenuDemo_exports, {\n  MenuDemo: () => MenuDemo\n});\nmodule.exports = __toCommonJS(MenuDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar import_MenuSkins = require(\"./MenuSkins\");\nfunction MenuDemo() {\n  var [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(true);\n  var [native, setNative] = import_react.default.useState(true);\n  var [subMenuOpen, setSubMenuOpen] = import_react.default.useState(false);\n  var onSelect = function(item) {\n    console.info(`selected`, item);\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu, {\n      offset: 8,\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Trigger, {\n          asChild: true,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n            size: \"4\",\n            icon: import_lucide_icons_2.Backpack,\n            children: \"Open\"\n          })\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Portal, {\n          zIndex: 100,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.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__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Arrow, {\n                size: 13,\n                borderWidth: 1,\n                borderColor: \"border-color\"\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.ScrollView, {\n                padding: 5,\n                children: [\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Item, {\n                    onSelect,\n                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                      children: \"About Notes\"\n                    })\n                  }, \"about-notes\"),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Separator, {}),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Item, {\n                    onSelect,\n                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                      children: \"Settings\"\n                    })\n                  }, \"settings\"),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.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__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                        children: \"Calendar\"\n                      }),\n                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemIcon, {\n                        androidIconName: \"ic_menu_today\",\n                        ios: {\n                          name: \"calendar\",\n                          hierarchicalColor: \"#000\"\n                        },\n                        children: (\n                          // pointSize: 20,\n                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Calendar, {\n                            color: \"gray\",\n                            size: 14\n                          })\n                        )\n                      })\n                    ]\n                  }, \"accounts\"),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Separator, {}),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Item, {\n                    onSelect,\n                    disabled: true,\n                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                      color: \"gray\",\n                      children: \"Locked Notes\"\n                    })\n                  }, \"close-notes\"),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Item, {\n                    onSelect,\n                    destructive: true,\n                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                      color: \"red\",\n                      children: \"Delete all\"\n                    })\n                  }, \"delete-all\"),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Separator, {}),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.Sub, {\n                    open: subMenuOpen,\n                    onOpenChange: setSubMenuOpen,\n                    children: [\n                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.SubTrigger, {\n                        justify: \"space-between\",\n                        textValue: \"Actions\",\n                        children: [\n                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                            children: \"Actions\"\n                          }),\n                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronRight, {\n                            size: 16,\n                            color: \"color10\"\n                          })\n                        ]\n                      }, \"actions-trigger\"),\n                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Portal, {\n                        zIndex: 200,\n                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.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__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Label, {\n                              padding: 5,\n                              color: \"color9\",\n                              fontSize: \"3\",\n                              select: \"none\",\n                              children: \"Note settings\"\n                            }),\n                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.Item, {\n                              onSelect,\n                              textValue: \"Create note\",\n                              justify: \"space-between\",\n                              children: [\n                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                                  children: \"Create note\"\n                                }),\n                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemIcon, {\n                                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.FilePlus, {\n                                    size: 14,\n                                    color: \"color10\"\n                                  })\n                                })\n                              ]\n                            }, \"create-note\"),\n                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.Item, {\n                              onSelect,\n                              textValue: \"Delete all notes\",\n                              justify: \"space-between\",\n                              children: [\n                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                                  children: \"Delete all notes\"\n                                }),\n                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemIcon, {\n                                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Trash2, {\n                                    size: 14,\n                                    color: \"color10\"\n                                  })\n                                })\n                              ]\n                            }, \"delete-all-notes\"),\n                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.Item, {\n                              onSelect,\n                              textValue: \"Sync notes\",\n                              justify: \"space-between\",\n                              children: [\n                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                                  children: \"Sync notes\"\n                                }),\n                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemIcon, {\n                                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.RefreshCw, {\n                                    size: 14,\n                                    color: \"color10\"\n                                  })\n                                })\n                              ]\n                            }, \"sync-all\")\n                          ]\n                        })\n                      })\n                    ]\n                  }),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.Separator, {}),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.CheckboxItem, {\n                    checked: bookmarksChecked,\n                    onCheckedChange: setBookmarksChecked,\n                    justify: \"space-between\",\n                    children: [\n                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                        children: \"Mark as read\"\n                      }),\n                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemIndicator, {\n                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {\n                          size: 12,\n                          color: \"color10\"\n                        })\n                      })\n                    ]\n                  }, \"show-hidden\"),\n                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MenuSkins.Menu.CheckboxItem, {\n                    checked: native,\n                    onCheckedChange: setNative,\n                    justify: \"space-between\",\n                    children: [\n                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemTitle, {\n                        children: \"Enable Native\"\n                      }),\n                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuSkins.Menu.ItemIndicator, {\n                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {\n                          size: 12,\n                          color: \"color10\"\n                        })\n                      })\n                    ]\n                  }, \"show-other-notes\")\n                ]\n              })\n            ]\n          })\n        })\n      ]\n    })\n  });\n}\n//# sourceMappingURL=MenuDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/MenuSkins.cjs

@@ -0,0 +1,188 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MenuSkins_exports = {};
+__export(MenuSkins_exports, {
+	ContextMenu: () => ContextMenu,
+	Menu: () => Menu
+});
+module.exports = __toCommonJS(MenuSkins_exports);
+var import_context_menu = require("@tamagui/context-menu");
+var import_menu = require("@tamagui/menu");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("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 = (0, import_tamagui.styled)(import_menu.Menu.Content, contentStyles);
+const MenuSubContent = (0, import_tamagui.styled)(import_menu.Menu.SubContent, contentStyles);
+const MenuGroup = (0, import_tamagui.styled)(import_menu.Menu.Group, groupStyles);
+const MenuLabel = (0, import_tamagui.styled)(import_menu.Menu.Label, labelStyles);
+const MenuItem = (0, import_tamagui.styled)(import_menu.Menu.Item, itemStyles);
+const MenuCheckboxItem = (0, import_tamagui.styled)(import_menu.Menu.CheckboxItem, itemStyles);
+const MenuRadioItem = (0, import_tamagui.styled)(import_menu.Menu.RadioItem, itemStyles);
+const MenuSubTrigger = (0, import_tamagui.styled)(import_menu.Menu.SubTrigger, itemStyles);
+const MenuItemTitle = (0, import_tamagui.styled)(import_menu.Menu.ItemTitle, titleStyles);
+const MenuItemSubtitle = (0, import_tamagui.styled)(import_menu.Menu.ItemSubtitle, subtitleStyles);
+const MenuItemIcon = (0, import_tamagui.styled)(import_menu.Menu.ItemIcon, iconStyles);
+const MenuItemIndicator = (0, import_tamagui.styled)(import_menu.Menu.ItemIndicator, indicatorStyles);
+const MenuSeparator = (0, import_tamagui.styled)(import_menu.Menu.Separator, separatorStyles);
+const MenuArrow = (0, import_tamagui.styled)(import_menu.Menu.Arrow, {
+	displayName: "DemoMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+const MenuScrollView = (0, import_tamagui.styled)(import_menu.Menu.ScrollView, {
+	displayName: "DemoMenuScrollView",
+	padding: "1"
+});
+const MenuRoot = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu, { ...props });
+const Menu = (0, import_tamagui.withStaticProperties)(MenuRoot, {
+	Trigger: import_menu.Menu.Trigger,
+	Portal: import_menu.Menu.Portal,
+	Content: MenuContent,
+	Group: MenuGroup,
+	Label: MenuLabel,
+	Item: MenuItem,
+	CheckboxItem: MenuCheckboxItem,
+	RadioGroup: import_menu.Menu.RadioGroup,
+	RadioItem: MenuRadioItem,
+	ItemIndicator: MenuItemIndicator,
+	Separator: MenuSeparator,
+	Arrow: MenuArrow,
+	Sub: import_menu.Menu.Sub,
+	SubTrigger: MenuSubTrigger,
+	SubContent: MenuSubContent,
+	ItemTitle: MenuItemTitle,
+	ItemSubtitle: MenuItemSubtitle,
+	ItemIcon: MenuItemIcon,
+	ItemImage: import_menu.Menu.ItemImage,
+	ScrollView: MenuScrollView
+});
+const ContextMenuContent = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Content, contentStyles);
+const ContextMenuSubContent = (0, import_tamagui.styled)(import_context_menu.ContextMenu.SubContent, contentStyles);
+const ContextMenuGroup = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Group, groupStyles);
+const ContextMenuLabel = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Label, labelStyles);
+const ContextMenuItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Item, itemStyles);
+const ContextMenuCheckboxItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.CheckboxItem, itemStyles);
+const ContextMenuRadioItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.RadioItem, itemStyles);
+const ContextMenuSubTrigger = (0, import_tamagui.styled)(import_context_menu.ContextMenu.SubTrigger, itemStyles);
+const ContextMenuItemTitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemTitle, titleStyles);
+const ContextMenuItemSubtitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemSubtitle, subtitleStyles);
+const ContextMenuItemIcon = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemIcon, iconStyles);
+const ContextMenuItemIndicator = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemIndicator, indicatorStyles);
+const ContextMenuSeparator = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Separator, separatorStyles);
+const ContextMenuArrow = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Arrow, {
+	displayName: "DemoContextMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+const ContextMenuRoot = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu, { ...props });
+const ContextMenu = (0, import_tamagui.withStaticProperties)(ContextMenuRoot, {
+	Trigger: import_context_menu.ContextMenu.Trigger,
+	Portal: import_context_menu.ContextMenu.Portal,
+	Content: ContextMenuContent,
+	Preview: import_context_menu.ContextMenu.Preview,
+	Group: ContextMenuGroup,
+	Label: ContextMenuLabel,
+	Item: ContextMenuItem,
+	CheckboxItem: ContextMenuCheckboxItem,
+	RadioGroup: import_context_menu.ContextMenu.RadioGroup,
+	RadioItem: ContextMenuRadioItem,
+	ItemIndicator: ContextMenuItemIndicator,
+	Separator: ContextMenuSeparator,
+	Arrow: ContextMenuArrow,
+	Sub: import_context_menu.ContextMenu.Sub,
+	SubTrigger: ContextMenuSubTrigger,
+	SubContent: ContextMenuSubContent,
+	ItemTitle: ContextMenuItemTitle,
+	ItemSubtitle: ContextMenuItemSubtitle,
+	ItemIcon: ContextMenuItemIcon,
+	ItemImage: import_context_menu.ContextMenu.ItemImage
+});

package/dist/cjs/MenuSkins.native.cjs

@@ -0,0 +1,201 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MenuSkins_exports = {};
+__export(MenuSkins_exports, {
+	ContextMenu: () => ContextMenu,
+	Menu: () => Menu
+});
+module.exports = __toCommonJS(MenuSkins_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_context_menu = require("@tamagui/context-menu");
+var import_menu = require("@tamagui/menu");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var contentStyles = {
+	minWidth: 180,
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1,
+	boxShadow: "0 10px 20px shadow-color"
+};
+var 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
+	} } }
+};
+var titleStyles = {
+	displayName: "DemoMenuItemTitle",
+	color: "color",
+	cursor: "default",
+	flexGrow: 1,
+	flexShrink: 1,
+	fontSize: 14
+};
+var subtitleStyles = {
+	displayName: "DemoMenuItemSubtitle",
+	color: "color",
+	opacity: .6,
+	cursor: "default",
+	fontSize: 14
+};
+var iconStyles = {
+	displayName: "DemoMenuItemIcon",
+	width: 20,
+	height: 20,
+	marginLeft: "auto",
+	alignItems: "center",
+	justifyContent: "center"
+};
+var indicatorStyles = {
+	displayName: "DemoMenuItemIndicator",
+	marginLeft: "auto",
+	alignItems: "center",
+	justifyContent: "center"
+};
+var separatorStyles = {
+	displayName: "DemoMenuSeparator",
+	height: 1,
+	marginHorizontal: 10,
+	marginVertical: 3,
+	backgroundColor: "border-color"
+};
+var labelStyles = {
+	displayName: "DemoMenuLabel",
+	paddingHorizontal: "2-5",
+	paddingVertical: "1-5",
+	color: "color",
+	opacity: .6,
+	cursor: "default",
+	fontSize: 14
+};
+var groupStyles = {
+	displayName: "DemoMenuGroup",
+	width: "100%"
+};
+var MenuContent = (0, import_tamagui.styled)(import_menu.Menu.Content, contentStyles);
+var MenuSubContent = (0, import_tamagui.styled)(import_menu.Menu.SubContent, contentStyles);
+var MenuGroup = (0, import_tamagui.styled)(import_menu.Menu.Group, groupStyles);
+var MenuLabel = (0, import_tamagui.styled)(import_menu.Menu.Label, labelStyles);
+var MenuItem = (0, import_tamagui.styled)(import_menu.Menu.Item, itemStyles);
+var MenuCheckboxItem = (0, import_tamagui.styled)(import_menu.Menu.CheckboxItem, itemStyles);
+var MenuRadioItem = (0, import_tamagui.styled)(import_menu.Menu.RadioItem, itemStyles);
+var MenuSubTrigger = (0, import_tamagui.styled)(import_menu.Menu.SubTrigger, itemStyles);
+var MenuItemTitle = (0, import_tamagui.styled)(import_menu.Menu.ItemTitle, titleStyles);
+var MenuItemSubtitle = (0, import_tamagui.styled)(import_menu.Menu.ItemSubtitle, subtitleStyles);
+var MenuItemIcon = (0, import_tamagui.styled)(import_menu.Menu.ItemIcon, iconStyles);
+var MenuItemIndicator = (0, import_tamagui.styled)(import_menu.Menu.ItemIndicator, indicatorStyles);
+var MenuSeparator = (0, import_tamagui.styled)(import_menu.Menu.Separator, separatorStyles);
+var MenuArrow = (0, import_tamagui.styled)(import_menu.Menu.Arrow, {
+	displayName: "DemoMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+var MenuScrollView = (0, import_tamagui.styled)(import_menu.Menu.ScrollView, {
+	displayName: "DemoMenuScrollView",
+	padding: "1"
+});
+var MenuRoot = function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu, { ...props });
+};
+var Menu = (0, import_tamagui.withStaticProperties)(MenuRoot, {
+	Trigger: import_menu.Menu.Trigger,
+	Portal: import_menu.Menu.Portal,
+	Content: MenuContent,
+	Group: MenuGroup,
+	Label: MenuLabel,
+	Item: MenuItem,
+	CheckboxItem: MenuCheckboxItem,
+	RadioGroup: import_menu.Menu.RadioGroup,
+	RadioItem: MenuRadioItem,
+	ItemIndicator: MenuItemIndicator,
+	Separator: MenuSeparator,
+	Arrow: MenuArrow,
+	Sub: import_menu.Menu.Sub,
+	SubTrigger: MenuSubTrigger,
+	SubContent: MenuSubContent,
+	ItemTitle: MenuItemTitle,
+	ItemSubtitle: MenuItemSubtitle,
+	ItemIcon: MenuItemIcon,
+	ItemImage: import_menu.Menu.ItemImage,
+	ScrollView: MenuScrollView
+});
+var ContextMenuContent = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Content, contentStyles);
+var ContextMenuSubContent = (0, import_tamagui.styled)(import_context_menu.ContextMenu.SubContent, contentStyles);
+var ContextMenuGroup = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Group, groupStyles);
+var ContextMenuLabel = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Label, labelStyles);
+var ContextMenuItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Item, itemStyles);
+var ContextMenuCheckboxItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.CheckboxItem, itemStyles);
+var ContextMenuRadioItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.RadioItem, itemStyles);
+var ContextMenuSubTrigger = (0, import_tamagui.styled)(import_context_menu.ContextMenu.SubTrigger, itemStyles);
+var ContextMenuItemTitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemTitle, titleStyles);
+var ContextMenuItemSubtitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemSubtitle, subtitleStyles);
+var ContextMenuItemIcon = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemIcon, iconStyles);
+var ContextMenuItemIndicator = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemIndicator, indicatorStyles);
+var ContextMenuSeparator = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Separator, separatorStyles);
+var ContextMenuArrow = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Arrow, {
+	displayName: "DemoContextMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+var ContextMenuRoot = function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu, { ...props });
+};
+var ContextMenu = (0, import_tamagui.withStaticProperties)(ContextMenuRoot, {
+	Trigger: import_context_menu.ContextMenu.Trigger,
+	Portal: import_context_menu.ContextMenu.Portal,
+	Content: ContextMenuContent,
+	Preview: import_context_menu.ContextMenu.Preview,
+	Group: ContextMenuGroup,
+	Label: ContextMenuLabel,
+	Item: ContextMenuItem,
+	CheckboxItem: ContextMenuCheckboxItem,
+	RadioGroup: import_context_menu.ContextMenu.RadioGroup,
+	RadioItem: ContextMenuRadioItem,
+	ItemIndicator: ContextMenuItemIndicator,
+	Separator: ContextMenuSeparator,
+	Arrow: ContextMenuArrow,
+	Sub: import_context_menu.ContextMenu.Sub,
+	SubTrigger: ContextMenuSubTrigger,
+	SubContent: ContextMenuSubContent,
+	ItemTitle: ContextMenuItemTitle,
+	ItemSubtitle: ContextMenuItemSubtitle,
+	ItemIcon: ContextMenuItemIcon,
+	ItemImage: import_context_menu.ContextMenu.ItemImage
+});

package/dist/cjs/MenuSkins.native.js

@@ -0,0 +1,203 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MenuSkins_exports = {};
+__export(MenuSkins_exports, {
+	ContextMenu: () => ContextMenu,
+	Menu: () => Menu
+});
+module.exports = __toCommonJS(MenuSkins_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_context_menu = require("@tamagui/context-menu");
+var import_menu = require("@tamagui/menu");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var contentStyles = {
+	minWidth: 180,
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1,
+	boxShadow: "0 10px 20px shadow-color"
+};
+var 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
+	} } }
+};
+var titleStyles = {
+	displayName: "DemoMenuItemTitle",
+	color: "color",
+	cursor: "default",
+	flexGrow: 1,
+	flexShrink: 1,
+	fontSize: 14
+};
+var subtitleStyles = {
+	displayName: "DemoMenuItemSubtitle",
+	color: "color",
+	opacity: .6,
+	cursor: "default",
+	fontSize: 14
+};
+var iconStyles = {
+	displayName: "DemoMenuItemIcon",
+	width: 20,
+	height: 20,
+	marginLeft: "auto",
+	alignItems: "center",
+	justifyContent: "center"
+};
+var indicatorStyles = {
+	displayName: "DemoMenuItemIndicator",
+	marginLeft: "auto",
+	alignItems: "center",
+	justifyContent: "center"
+};
+var separatorStyles = {
+	displayName: "DemoMenuSeparator",
+	height: 1,
+	marginHorizontal: 10,
+	marginVertical: 3,
+	backgroundColor: "border-color"
+};
+var labelStyles = {
+	displayName: "DemoMenuLabel",
+	paddingHorizontal: "2-5",
+	paddingVertical: "1-5",
+	color: "color",
+	opacity: .6,
+	cursor: "default",
+	fontSize: 14
+};
+var groupStyles = {
+	displayName: "DemoMenuGroup",
+	width: "100%"
+};
+var MenuContent = (0, import_tamagui.styled)(import_menu.Menu.Content, contentStyles);
+var MenuSubContent = (0, import_tamagui.styled)(import_menu.Menu.SubContent, contentStyles);
+var MenuGroup = (0, import_tamagui.styled)(import_menu.Menu.Group, groupStyles);
+var MenuLabel = (0, import_tamagui.styled)(import_menu.Menu.Label, labelStyles);
+var MenuItem = (0, import_tamagui.styled)(import_menu.Menu.Item, itemStyles);
+var MenuCheckboxItem = (0, import_tamagui.styled)(import_menu.Menu.CheckboxItem, itemStyles);
+var MenuRadioItem = (0, import_tamagui.styled)(import_menu.Menu.RadioItem, itemStyles);
+var MenuSubTrigger = (0, import_tamagui.styled)(import_menu.Menu.SubTrigger, itemStyles);
+var MenuItemTitle = (0, import_tamagui.styled)(import_menu.Menu.ItemTitle, titleStyles);
+var MenuItemSubtitle = (0, import_tamagui.styled)(import_menu.Menu.ItemSubtitle, subtitleStyles);
+var MenuItemIcon = (0, import_tamagui.styled)(import_menu.Menu.ItemIcon, iconStyles);
+var MenuItemIndicator = (0, import_tamagui.styled)(import_menu.Menu.ItemIndicator, indicatorStyles);
+var MenuSeparator = (0, import_tamagui.styled)(import_menu.Menu.Separator, separatorStyles);
+var MenuArrow = (0, import_tamagui.styled)(import_menu.Menu.Arrow, {
+	displayName: "DemoMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+var MenuScrollView = (0, import_tamagui.styled)(import_menu.Menu.ScrollView, {
+	displayName: "DemoMenuScrollView",
+	padding: "1"
+});
+var MenuRoot = function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu, { ...props });
+};
+var Menu = (0, import_tamagui.withStaticProperties)(MenuRoot, {
+	Trigger: import_menu.Menu.Trigger,
+	Portal: import_menu.Menu.Portal,
+	Content: MenuContent,
+	Group: MenuGroup,
+	Label: MenuLabel,
+	Item: MenuItem,
+	CheckboxItem: MenuCheckboxItem,
+	RadioGroup: import_menu.Menu.RadioGroup,
+	RadioItem: MenuRadioItem,
+	ItemIndicator: MenuItemIndicator,
+	Separator: MenuSeparator,
+	Arrow: MenuArrow,
+	Sub: import_menu.Menu.Sub,
+	SubTrigger: MenuSubTrigger,
+	SubContent: MenuSubContent,
+	ItemTitle: MenuItemTitle,
+	ItemSubtitle: MenuItemSubtitle,
+	ItemIcon: MenuItemIcon,
+	ItemImage: import_menu.Menu.ItemImage,
+	ScrollView: MenuScrollView
+});
+var ContextMenuContent = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Content, contentStyles);
+var ContextMenuSubContent = (0, import_tamagui.styled)(import_context_menu.ContextMenu.SubContent, contentStyles);
+var ContextMenuGroup = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Group, groupStyles);
+var ContextMenuLabel = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Label, labelStyles);
+var ContextMenuItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Item, itemStyles);
+var ContextMenuCheckboxItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.CheckboxItem, itemStyles);
+var ContextMenuRadioItem = (0, import_tamagui.styled)(import_context_menu.ContextMenu.RadioItem, itemStyles);
+var ContextMenuSubTrigger = (0, import_tamagui.styled)(import_context_menu.ContextMenu.SubTrigger, itemStyles);
+var ContextMenuItemTitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemTitle, titleStyles);
+var ContextMenuItemSubtitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemSubtitle, subtitleStyles);
+var ContextMenuItemIcon = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemIcon, iconStyles);
+var ContextMenuItemIndicator = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemIndicator, indicatorStyles);
+var ContextMenuSeparator = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Separator, separatorStyles);
+var ContextMenuArrow = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Arrow, {
+	displayName: "DemoContextMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+var ContextMenuRoot = function(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu, { ...props });
+};
+var ContextMenu = (0, import_tamagui.withStaticProperties)(ContextMenuRoot, {
+	Trigger: import_context_menu.ContextMenu.Trigger,
+	Portal: import_context_menu.ContextMenu.Portal,
+	Content: ContextMenuContent,
+	Preview: import_context_menu.ContextMenu.Preview,
+	Group: ContextMenuGroup,
+	Label: ContextMenuLabel,
+	Item: ContextMenuItem,
+	CheckboxItem: ContextMenuCheckboxItem,
+	RadioGroup: import_context_menu.ContextMenu.RadioGroup,
+	RadioItem: ContextMenuRadioItem,
+	ItemIndicator: ContextMenuItemIndicator,
+	Separator: ContextMenuSeparator,
+	Arrow: ContextMenuArrow,
+	Sub: import_context_menu.ContextMenu.Sub,
+	SubTrigger: ContextMenuSubTrigger,
+	SubContent: ContextMenuSubContent,
+	ItemTitle: ContextMenuItemTitle,
+	ItemSubtitle: ContextMenuItemSubtitle,
+	ItemIcon: ContextMenuItemIcon,
+	ItemImage: import_context_menu.ContextMenu.ItemImage
+});
+
+//# sourceMappingURL=MenuSkins.native.js.map