@tamagui/create-menu 2.0.0-1

package/dist/jsx/createNativeMenu/withNativeMenu.native.js

@@ -0,0 +1,43 @@
+"use strict";
+
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var withNativeMenu_exports = {};
+__export(withNativeMenu_exports, {
+  withNativeMenu: () => withNativeMenu
+});
+module.exports = __toCommonJS(withNativeMenu_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_web = require("@tamagui/web");
+function withNativeMenu(param) {
+  var {
+    Component,
+    NativeComponent
+  } = param;
+  if (import_web.isWeb) return Component;
+  var Menu = function (props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeComponent, {
+      ...props
+    });
+  };
+  return Menu.displayName = NativeComponent.displayName || Component.displayName, Menu;
+}
+//# sourceMappingURL=withNativeMenu.native.js.map

package/dist/jsx/createNativeMenu/withNativeMenu.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key"],"sources":["../../../src/createNativeMenu/withNativeMenu.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AA8BE,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AApBJ,IAAAC,gBAAS,GAAAF,MAGd,CAAAG,wBAAA;AAAA,IACAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACF,IAKkCC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;IAGhC,KAAI,IAAAC,IAAA,IAAAD,GAAA,EACFZ,SAAO,CAAAW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EAIT;EAAAC,WAAM,GAAyBA,CAAAC,EAAA,EAAAC,IACtB,EAAAC,MAAA,EAAAC,IAAA;IAIT,IAAAF,IAAA,IAAK,OAAAA,IAAA,IAAc,mBAAgBA,IAAA,cAAe,EAGpD,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,G","ignoreList":[]}

package/dist/jsx/index.js

@@ -0,0 +1,8 @@
+import "@tamagui/polyfill-dev";
+export * from "./createBaseMenu";
+export * from "./createNativeMenu/index";
+import { MenuPredefined } from "./MenuPredefined";
+export {
+  MenuPredefined
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "mappings": "AAAA,OAAO;AAEP,cAAc;AACd,cAAc;AAKd,SAAS,sBAAsB;",
+  "names": []
+}

package/dist/jsx/index.mjs

@@ -0,0 +1,6 @@
+import "@tamagui/polyfill-dev";
+export * from "./createBaseMenu.mjs";
+export * from "./createNativeMenu/index.mjs";
+import { MenuPredefined } from "./MenuPredefined.mjs";
+export { MenuPredefined };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["MenuPredefined"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAO;AAEP,cAAc;AACd,cAAc;AAKd,SAASA,cAAA,QAAsB","ignoreList":[]}

package/dist/jsx/index.native.js

@@ -0,0 +1,33 @@
+"use strict";
+
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  MenuPredefined: () => import_MenuPredefined.MenuPredefined
+});
+module.exports = __toCommonJS(index_exports);
+var import_polyfill_dev = require("@tamagui/polyfill-dev");
+__reExport(index_exports, require("./createBaseMenu.native.js"), module.exports);
+__reExport(index_exports, require("./createNativeMenu/index.native.js"), module.exports);
+var import_MenuPredefined = require("./MenuPredefined.native.js");
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAO;;AAEP,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAA;AAKd,IAAAC,iBAAS,GAAAJ,MAAA,CAAsBK,mBAAA","ignoreList":[]}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@tamagui/create-menu",
+  "version": "2.0.0-001",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "source": "src/index.tsx",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "react-native": {
+        "import": "./dist/esm/index.native.js",
+        "require": "./dist/cjs/index.native.js"
+      },
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
+    }
+  },
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "lint": "biome check src",
+    "lint:fix": "biome check --write src",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@tamagui/animate": "2.0.0-001",
+    "@tamagui/animate-presence": "2.0.0-001",
+    "@tamagui/collection": "2.0.0-001",
+    "@tamagui/core": "2.0.0-001",
+    "@tamagui/dismissable": "2.0.0-001",
+    "@tamagui/focus-guard": "2.0.0-001",
+    "@tamagui/focus-scope": "2.0.0-001",
+    "@tamagui/helpers": "2.0.0-001",
+    "@tamagui/image": "2.0.0-001",
+    "@tamagui/popover": "2.0.0-001",
+    "@tamagui/popper": "2.0.0-001",
+    "@tamagui/portal": "2.0.0-001",
+    "@tamagui/remove-scroll": "2.0.0-001",
+    "@tamagui/roving-focus": "2.0.0-001",
+    "@tamagui/use-callback-ref": "2.0.0-001",
+    "@tamagui/use-controllable-state": "2.0.0-001",
+    "@tamagui/use-direction": "2.0.0-001",
+    "@tamagui/web": "2.0.0-001",
+    "tamagui": "2.0.0-001"
+  },
+  "optionalDependencies": {
+    "@react-native-menu/menu": "^2.0.0",
+    "react-native-ios-context-menu": "^3.2.1",
+    "react-native-ios-utilities": "^5.2.0",
+    "sf-symbols-typescript": "*",
+    "zeego": "^3.0.0"
+  },
+  "devDependencies": {
+    "@tamagui/build": "2.0.0-001",
+    "react": "*",
+    "react-native": "0.81.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "0.81.5"
+  }
+}

package/src/MenuPredefined.tsx

@@ -0,0 +1,195 @@
+import { Image } from '@tamagui/image'
+import { styled, Text, View } from '@tamagui/web'
+
+/* -------------------------------------------------------------------------------------------------
+ * MenuGroup
+ * -----------------------------------------------------------------------------------------------*/
+
+const GROUP_NAME = 'MenuGroup'
+
+const MenuGroup = styled(View, {
+  name: GROUP_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        role: 'group',
+        width: '100%',
+        borderRadius: 0,
+        borderWidth: 0,
+        borderColor: '$borderColor',
+        overflow: 'hidden',
+        backgroundColor: '$background',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+/* -------------------------------------------------------------------------------------------------
+ * MenuLabel
+ * -----------------------------------------------------------------------------------------------*/
+
+const LABEL_NAME = 'MenuLabel'
+
+const MenuLabel = styled(Text, {
+  name: LABEL_NAME,
+
+  variants: {
+    unstyled: {
+      false: {
+        cursor: 'default',
+        fontSize: 18,
+        fontWeight: '600',
+        paddingHorizontal: 16,
+        paddingVertical: 18,
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+/* -------------------------------------------------------------------------------------------------
+  MenuSeparator
+ * -----------------------------------------------------------------------------------------------*/
+
+const SEPARATOR_NAME = 'MenuSeparator'
+
+const MenuSeparator = styled(View, {
+  name: SEPARATOR_NAME,
+  role: 'separator',
+  // @ts-ignore
+  'aria-orientation': 'horizontal',
+
+  variants: {
+    unstyled: {
+      false: {
+        borderColor: '$borderColor',
+        flexShrink: 0,
+        borderWidth: 0,
+        flex: 1,
+        height: 0,
+        gap: 5,
+        marginVertical: 8,
+        borderBottomWidth: 1,
+        width: '100%',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+const MenuIcon = styled(View, {
+  name: 'MenuIcon',
+
+  variants: {
+    unstyled: {
+      false: {
+        marginLeft: 'auto',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+const MenuImage = styled(Image, { name: 'MenuImage' })
+
+const MenuIndicator = styled(View, {
+  name: 'MenuIndicator',
+
+  variants: {
+    unstyled: {
+      false: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginLeft: 'auto',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+const MenuItem = styled(View, {
+  name: 'MenuItem',
+
+  variants: {
+    unstyled: {
+      false: {
+        flexDirection: 'row',
+        maxWidth: '100%',
+        justifyContent: 'space-between',
+        paddingVertical: 20,
+        alignItems: 'center',
+        gap: 12,
+        cursor: 'pointer',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+const Title = styled(Text, {
+  name: 'MenuTitle',
+
+  variants: {
+    unstyled: {
+      false: {
+        cursor: 'default',
+        fontSize: 16,
+        fontWeight: '500',
+        color: '$color',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+const SubTitle = styled(Text, {
+  name: 'MenuSubTitle',
+
+  variants: {
+    unstyled: {
+      false: {
+        cursor: 'default',
+        fontSize: 14,
+        color: '$colorFaint',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+export const MenuPredefined = {
+  MenuIcon,
+  MenuImage,
+  MenuIndicator,
+  MenuItem,
+  Title,
+  SubTitle,
+  MenuGroup,
+  MenuSeparator,
+  MenuLabel,
+}