@tamagui/menu 1.0.1-beta.98 → 1.0.1-rc.0

package/dist/cjs/Menu.js

@@ -1,8 +1,7 @@
-var __create = Object.create;
+"use strict";
 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)
@@ -16,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 Menu_exports = {};
 __export(Menu_exports, {
@@ -24,39 +22,34 @@ __export(Menu_exports, {
 });
 module.exports = __toCommonJS(Menu_exports);
 var import_core = require("@tamagui/core");
-var import_drawer = require("@tamagui/drawer");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 const MenuItem = (props) => {
   return props.children;
 };
-const Menu = (0, import_core.withStaticProperties)(({ children, open: openProp, defaultOpen, trigger, onChangeOpen }) => {
-  const media = (0, import_core.useMedia)();
-  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
-    prop: openProp,
-    defaultProp: defaultOpen || false,
-    onChange(next) {
-      onChangeOpen == null ? void 0 : onChangeOpen(next);
-    }
-  });
-  const triggerProps = (0, import_react.useMemo)(() => {
-    return {
-      onPress: () => {
-        setOpen((x) => !x);
+const Menu = (0, import_core.withStaticProperties)(
+  ({ children, open: openProp, defaultOpen, trigger, onOpenChange }) => {
+    const media = (0, import_core.useMedia)();
+    const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+      prop: openProp,
+      defaultProp: defaultOpen || false,
+      onChange(next) {
+        onOpenChange == null ? void 0 : onOpenChange(next);
       }
-    };
-  }, []);
-  if (media.sm) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_react.cloneElement)(trigger, triggerProps), /* @__PURE__ */ import_react.default.createElement(import_drawer.Drawer, {
-      open,
-      onDismiss: () => setOpen(false)
-    }, children));
+    });
+    const triggerProps = (0, import_react.useMemo)(() => {
+      return {
+        onPress: () => {
+          setOpen((x) => !x);
+        }
+      };
+    }, []);
+    return null;
+  },
+  {
+    Item: MenuItem
   }
-  return null;
-}, {
-  Item: MenuItem,
-  Provider: import_drawer.DrawerProvider
-});
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Menu

package/dist/cjs/Menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Menu.tsx"],
-  "sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\nimport { Drawer, DrawerProvider } from '@tamagui/drawer'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { cloneElement, useEffect, useMemo, useState } from 'react'\nimport { Popover, YStack } from 'tamagui'\n\nconst MenuItem = (props) => {\n  return props.children\n}\n\ntype MenuProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  trigger?: any\n  onChangeOpen?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n  ({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => {\n    const media = useMedia()\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange(next) {\n        onChangeOpen?.(next)\n      },\n    })\n\n    const triggerProps = useMemo(() => {\n      return {\n        onPress: () => {\n          setOpen((x) => !x)\n        },\n      }\n    }, [])\n\n    if (media.sm) {\n      return (\n        <>\n          {cloneElement(trigger, triggerProps)}\n          <Drawer open={open} onDismiss={() => setOpen(false)}>\n            {children}\n          </Drawer>\n        </>\n      )\n    }\n\n    return null\n    // return (\n    //   <Popover\n    //     trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n    //     open={open}\n    //     onChangeOpen={setOpen}\n    //   >\n    //     <Popover.Content>\n    //       <Popover.Arrow />\n    //       <YStack backgroundColor=\"$background\" borderRadius=\"$2\">\n    //         {children}\n    //       </YStack>\n    //     </Popover.Content>\n    //   </Popover>\n    // )\n  },\n  {\n    Item: MenuItem,\n    Provider: DrawerProvider,\n  }\n)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+C;AAC/C,oBAAuC;AACvC,oCAAqC;AACrC,mBAAkE;AAGlE,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO,sCAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,mBAA8B;AAC/E,QAAM,QAAQ,0BAAS;AACvB,QAAM,CAAC,MAAM,WAAW,wDAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,SAAS,MAAM;AACb,mDAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,eAAe,0BAAQ,MAAM;AACjC,WAAO;AAAA,MACL,SAAS,MAAM;AACb,gBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,MAAM,IAAI;AACZ,WACE,wFACG,+BAAa,SAAS,YAAY,GACnC,mDAAC;AAAA,MAAO;AAAA,MAAY,WAAW,MAAM,QAAQ,KAAK;AAAA,OAC/C,QACH,CACF;AAAA,EAEJ;AAEA,SAAO;AAeT,GACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,CACF;",
+  "sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\n// import { Drawer, DrawerProvider } from '@tamagui/drawer'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { cloneElement, useEffect, useMemo, useState } from 'react'\n\nconst MenuItem = (props) => {\n  return props.children\n}\n\ntype MenuProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  trigger?: any\n  onOpenChange?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n  ({ children, open: openProp, defaultOpen, trigger, onOpenChange }: MenuProps) => {\n    const media = useMedia()\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange(next) {\n        onOpenChange?.(next)\n      },\n    })\n\n    const triggerProps = useMemo(() => {\n      return {\n        onPress: () => {\n          setOpen((x) => !x)\n        },\n      }\n    }, [])\n\n    // if (media.sm) {\n    //   return (\n    //     <>\n    //       {cloneElement(trigger, triggerProps)}\n    //       <Drawer open={open} onDismiss={() => setOpen(false)}>\n    //         {children}\n    //       </Drawer>\n    //     </>\n    //   )\n    // }\n\n    return null\n    // return (\n    //   <Popover\n    //     trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n    //     open={open}\n    //     onOpenChange={setOpen}\n    //   >\n    //     <Popover.Content>\n    //       <Popover.Arrow />\n    //       <YStack backgroundColor=\"$background\" borderRadius=\"$2\">\n    //         {children}\n    //       </YStack>\n    //     </Popover.Content>\n    //   </Popover>\n    // )\n  },\n  {\n    Item: MenuItem,\n    // Provider: DrawerProvider,\n  }\n)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+C;AAE/C,oCAAqC;AACrC,mBAAkE;AAElE,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,WAAO;AAAA,EAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,aAAa,MAAiB;AAC/E,UAAM,YAAQ,sBAAS;AACvB,UAAM,CAAC,MAAM,OAAO,QAAI,oDAAqB;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa,eAAe;AAAA,MAC5B,SAAS,MAAM;AACb,qDAAe;AAAA,MACjB;AAAA,IACF,CAAC;AAED,UAAM,mBAAe,sBAAQ,MAAM;AACjC,aAAO;AAAA,QACL,SAAS,MAAM;AACb,kBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAaL,WAAO;AAAA,EAeT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,EAER;AACF;",
   "names": []
 }

package/dist/cjs/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["import '@tamagui/polyfill-dev'\nexport * from './Menu'\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAO;AACP,wBAAc,mBADd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAO;AACP,wBAAc,mBADd;",
   "names": []
 }

package/dist/esm/Menu.js

@@ -1,37 +1,32 @@
 import { useMedia, withStaticProperties } from "@tamagui/core";
-import { Drawer, DrawerProvider } from "@tamagui/drawer";
 import { useControllableState } from "@tamagui/use-controllable-state";
-import React, { cloneElement, useMemo } from "react";
+import { useMemo } from "react";
 const MenuItem = (props) => {
   return props.children;
 };
-const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trigger, onChangeOpen }) => {
-  const media = useMedia();
-  const [open, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen || false,
-    onChange(next) {
-      onChangeOpen == null ? void 0 : onChangeOpen(next);
-    }
-  });
-  const triggerProps = useMemo(() => {
-    return {
-      onPress: () => {
-        setOpen((x) => !x);
+const Menu = withStaticProperties(
+  ({ children, open: openProp, defaultOpen, trigger, onOpenChange }) => {
+    const media = useMedia();
+    const [open, setOpen] = useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpen || false,
+      onChange(next) {
+        onOpenChange == null ? void 0 : onOpenChange(next);
       }
-    };
-  }, []);
-  if (media.sm) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, cloneElement(trigger, triggerProps), /* @__PURE__ */ React.createElement(Drawer, {
-      open,
-      onDismiss: () => setOpen(false)
-    }, children));
+    });
+    const triggerProps = useMemo(() => {
+      return {
+        onPress: () => {
+          setOpen((x) => !x);
+        }
+      };
+    }, []);
+    return null;
+  },
+  {
+    Item: MenuItem
   }
-  return null;
-}, {
-  Item: MenuItem,
-  Provider: DrawerProvider
-});
+);
 export {
   Menu
 };

package/dist/esm/Menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Menu.tsx"],
-  "sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\nimport { Drawer, DrawerProvider } from '@tamagui/drawer'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { cloneElement, useEffect, useMemo, useState } from 'react'\nimport { Popover, YStack } from 'tamagui'\n\nconst MenuItem = (props) => {\n  return props.children\n}\n\ntype MenuProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  trigger?: any\n  onChangeOpen?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n  ({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => {\n    const media = useMedia()\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange(next) {\n        onChangeOpen?.(next)\n      },\n    })\n\n    const triggerProps = useMemo(() => {\n      return {\n        onPress: () => {\n          setOpen((x) => !x)\n        },\n      }\n    }, [])\n\n    if (media.sm) {\n      return (\n        <>\n          {cloneElement(trigger, triggerProps)}\n          <Drawer open={open} onDismiss={() => setOpen(false)}>\n            {children}\n          </Drawer>\n        </>\n      )\n    }\n\n    return null\n    // return (\n    //   <Popover\n    //     trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n    //     open={open}\n    //     onChangeOpen={setOpen}\n    //   >\n    //     <Popover.Content>\n    //       <Popover.Arrow />\n    //       <YStack backgroundColor=\"$background\" borderRadius=\"$2\">\n    //         {children}\n    //       </YStack>\n    //     </Popover.Content>\n    //   </Popover>\n    // )\n  },\n  {\n    Item: MenuItem,\n    Provider: DrawerProvider,\n  }\n)\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAGA,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO,qBAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,mBAA8B;AAC/E,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,MAAM,WAAW,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,SAAS,MAAM;AACb,mDAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO;AAAA,MACL,SAAS,MAAM;AACb,gBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,MAAM,IAAI;AACZ,WACE,0DACG,aAAa,SAAS,YAAY,GACnC,oCAAC;AAAA,MAAO;AAAA,MAAY,WAAW,MAAM,QAAQ,KAAK;AAAA,OAC/C,QACH,CACF;AAAA,EAEJ;AAEA,SAAO;AAeT,GACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,CACF;",
+  "sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\n// import { Drawer, DrawerProvider } from '@tamagui/drawer'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { cloneElement, useEffect, useMemo, useState } from 'react'\n\nconst MenuItem = (props) => {\n  return props.children\n}\n\ntype MenuProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  trigger?: any\n  onOpenChange?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n  ({ children, open: openProp, defaultOpen, trigger, onOpenChange }: MenuProps) => {\n    const media = useMedia()\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange(next) {\n        onOpenChange?.(next)\n      },\n    })\n\n    const triggerProps = useMemo(() => {\n      return {\n        onPress: () => {\n          setOpen((x) => !x)\n        },\n      }\n    }, [])\n\n    // if (media.sm) {\n    //   return (\n    //     <>\n    //       {cloneElement(trigger, triggerProps)}\n    //       <Drawer open={open} onDismiss={() => setOpen(false)}>\n    //         {children}\n    //       </Drawer>\n    //     </>\n    //   )\n    // }\n\n    return null\n    // return (\n    //   <Popover\n    //     trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n    //     open={open}\n    //     onOpenChange={setOpen}\n    //   >\n    //     <Popover.Content>\n    //       <Popover.Arrow />\n    //       <YStack backgroundColor=\"$background\" borderRadius=\"$2\">\n    //         {children}\n    //       </YStack>\n    //     </Popover.Content>\n    //   </Popover>\n    // )\n  },\n  {\n    Item: MenuItem,\n    // Provider: DrawerProvider,\n  }\n)\n"],
+  "mappings": "AAAA,SAAS,UAAU,4BAA4B;AAE/C,SAAS,4BAA4B;AACrC,SAAyC,eAAyB;AAElE,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,aAAa,MAAiB;AAC/E,UAAM,QAAQ,SAAS;AACvB,UAAM,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa,eAAe;AAAA,MAC5B,SAAS,MAAM;AACb,qDAAe;AAAA,MACjB;AAAA,IACF,CAAC;AAED,UAAM,eAAe,QAAQ,MAAM;AACjC,aAAO;AAAA,QACL,SAAS,MAAM;AACb,kBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAaL,WAAO;AAAA,EAeT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,EAER;AACF;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["import '@tamagui/polyfill-dev'\nexport * from './Menu'\n"],
-  "mappings": "AAAA;AACA;",
+  "mappings": "AAAA,OAAO;AACP,cAAc;",
   "names": []
 }

package/dist/jsx/Menu.js

@@ -1,37 +1,32 @@
 import { useMedia, withStaticProperties } from "@tamagui/core";
-import { Drawer, DrawerProvider } from "@tamagui/drawer";
 import { useControllableState } from "@tamagui/use-controllable-state";
-import { cloneElement, useMemo } from "react";
+import { useMemo } from "react";
 const MenuItem = (props) => {
   return props.children;
 };
-const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trigger, onChangeOpen }) => {
-  const media = useMedia();
-  const [open, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen || false,
-    onChange(next) {
-      onChangeOpen == null ? void 0 : onChangeOpen(next);
-    }
-  });
-  const triggerProps = useMemo(() => {
-    return {
-      onPress: () => {
-        setOpen((x) => !x);
+const Menu = withStaticProperties(
+  ({ children, open: openProp, defaultOpen, trigger, onOpenChange }) => {
+    const media = useMedia();
+    const [open, setOpen] = useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpen || false,
+      onChange(next) {
+        onOpenChange?.(next);
       }
-    };
-  }, []);
-  if (media.sm) {
-    return <>
-      {cloneElement(trigger, triggerProps)}
-      <Drawer open={open} onDismiss={() => setOpen(false)}>{children}</Drawer>
-    </>;
+    });
+    const triggerProps = useMemo(() => {
+      return {
+        onPress: () => {
+          setOpen((x) => !x);
+        }
+      };
+    }, []);
+    return null;
+  },
+  {
+    Item: MenuItem
   }
-  return null;
-}, {
-  Item: MenuItem,
-  Provider: DrawerProvider
-});
+);
 export {
   Menu
 };

package/dist/jsx/Menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Menu.tsx"],
-  "sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\nimport { Drawer, DrawerProvider } from '@tamagui/drawer'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { cloneElement, useEffect, useMemo, useState } from 'react'\nimport { Popover, YStack } from 'tamagui'\n\nconst MenuItem = (props) => {\n  return props.children\n}\n\ntype MenuProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  trigger?: any\n  onChangeOpen?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n  ({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => {\n    const media = useMedia()\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange(next) {\n        onChangeOpen?.(next)\n      },\n    })\n\n    const triggerProps = useMemo(() => {\n      return {\n        onPress: () => {\n          setOpen((x) => !x)\n        },\n      }\n    }, [])\n\n    if (media.sm) {\n      return (\n        <>\n          {cloneElement(trigger, triggerProps)}\n          <Drawer open={open} onDismiss={() => setOpen(false)}>\n            {children}\n          </Drawer>\n        </>\n      )\n    }\n\n    return null\n    // return (\n    //   <Popover\n    //     trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n    //     open={open}\n    //     onChangeOpen={setOpen}\n    //   >\n    //     <Popover.Content>\n    //       <Popover.Arrow />\n    //       <YStack backgroundColor=\"$background\" borderRadius=\"$2\">\n    //         {children}\n    //       </YStack>\n    //     </Popover.Content>\n    //   </Popover>\n    // )\n  },\n  {\n    Item: MenuItem,\n    Provider: DrawerProvider,\n  }\n)\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAGA,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO,qBAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,mBAA8B;AAC/E,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,MAAM,WAAW,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,SAAS,MAAM;AACb,mDAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO;AAAA,MACL,SAAS,MAAM;AACb,gBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,MAAM,IAAI;AACZ,WACE;AAAA,OACG,aAAa,SAAS,YAAY;AAAA,MACnC,CAAC,OAAO,MAAM,MAAM,WAAW,MAAM,QAAQ,KAAK,IAC/C,SACH,EAFC;AAAA,IAGH;AAAA,EAEJ;AAEA,SAAO;AAeT,GACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,CACF;",
+  "sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\n// import { Drawer, DrawerProvider } from '@tamagui/drawer'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { cloneElement, useEffect, useMemo, useState } from 'react'\n\nconst MenuItem = (props) => {\n  return props.children\n}\n\ntype MenuProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  trigger?: any\n  onOpenChange?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n  ({ children, open: openProp, defaultOpen, trigger, onOpenChange }: MenuProps) => {\n    const media = useMedia()\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange(next) {\n        onOpenChange?.(next)\n      },\n    })\n\n    const triggerProps = useMemo(() => {\n      return {\n        onPress: () => {\n          setOpen((x) => !x)\n        },\n      }\n    }, [])\n\n    // if (media.sm) {\n    //   return (\n    //     <>\n    //       {cloneElement(trigger, triggerProps)}\n    //       <Drawer open={open} onDismiss={() => setOpen(false)}>\n    //         {children}\n    //       </Drawer>\n    //     </>\n    //   )\n    // }\n\n    return null\n    // return (\n    //   <Popover\n    //     trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n    //     open={open}\n    //     onOpenChange={setOpen}\n    //   >\n    //     <Popover.Content>\n    //       <Popover.Arrow />\n    //       <YStack backgroundColor=\"$background\" borderRadius=\"$2\">\n    //         {children}\n    //       </YStack>\n    //     </Popover.Content>\n    //   </Popover>\n    // )\n  },\n  {\n    Item: MenuItem,\n    // Provider: DrawerProvider,\n  }\n)\n"],
+  "mappings": "AAAA,SAAS,UAAU,4BAA4B;AAE/C,SAAS,4BAA4B;AACrC,SAAyC,eAAyB;AAElE,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,aAAa,MAAiB;AAC/E,UAAM,QAAQ,SAAS;AACvB,UAAM,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa,eAAe;AAAA,MAC5B,SAAS,MAAM;AACb,uBAAe,IAAI;AAAA,MACrB;AAAA,IACF,CAAC;AAED,UAAM,eAAe,QAAQ,MAAM;AACjC,aAAO;AAAA,QACL,SAAS,MAAM;AACb,kBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAaL,WAAO;AAAA,EAeT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,EAER;AACF;",
   "names": []
 }

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["import '@tamagui/polyfill-dev'\nexport * from './Menu'\n"],
-  "mappings": "AAAA;AACA;",
+  "mappings": "AAAA,OAAO;AACP,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/menu",
-  "version": "1.0.1-beta.98",
+  "version": "1.0.1-rc.0",
   "sideEffects": [
     "*.css"
   ],
@@ -17,25 +17,23 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
+    "lint": "eslint src",
+    "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@gorhom/bottom-sheet": "^4.3.1",
-    "@tamagui/core": "^1.0.1-beta.98",
-    "@tamagui/polyfill-dev": "^1.0.1-beta.98",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.98",
-    "react-native-gesture-handler": "*",
-    "react-native-reanimated": "^2.8.0"
+    "@tamagui/core": "^1.0.1-rc.0",
+    "@tamagui/popover": "^1.0.1-rc.0"
   },
   "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.98",
-    "react": "*",
-    "react-dom": "*"
+    "@tamagui/build": "^1.0.1-rc.0",
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "publishConfig": {
     "access": "public"

package/src/Menu.tsx

@@ -1,8 +1,7 @@
 import { useMedia, withStaticProperties } from '@tamagui/core'
-import { Drawer, DrawerProvider } from '@tamagui/drawer'
+// import { Drawer, DrawerProvider } from '@tamagui/drawer'
 import { useControllableState } from '@tamagui/use-controllable-state'
 import React, { cloneElement, useEffect, useMemo, useState } from 'react'
-import { Popover, YStack } from 'tamagui'
 
 const MenuItem = (props) => {
   return props.children
@@ -13,17 +12,17 @@ type MenuProps = {
   open?: boolean
   defaultOpen?: boolean
   trigger?: any
-  onChangeOpen?: (next: boolean) => void
+  onOpenChange?: (next: boolean) => void
 }
 
 export const Menu = withStaticProperties(
-  ({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => {
+  ({ children, open: openProp, defaultOpen, trigger, onOpenChange }: MenuProps) => {
     const media = useMedia()
     const [open, setOpen] = useControllableState({
       prop: openProp,
       defaultProp: defaultOpen || false,
       onChange(next) {
-        onChangeOpen?.(next)
+        onOpenChange?.(next)
       },
     })
 
@@ -35,23 +34,23 @@ export const Menu = withStaticProperties(
       }
     }, [])
 
-    if (media.sm) {
-      return (
-        <>
-          {cloneElement(trigger, triggerProps)}
-          <Drawer open={open} onDismiss={() => setOpen(false)}>
-            {children}
-          </Drawer>
-        </>
-      )
-    }
+    // if (media.sm) {
+    //   return (
+    //     <>
+    //       {cloneElement(trigger, triggerProps)}
+    //       <Drawer open={open} onDismiss={() => setOpen(false)}>
+    //         {children}
+    //       </Drawer>
+    //     </>
+    //   )
+    // }
 
     return null
     // return (
     //   <Popover
     //     trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}
     //     open={open}
-    //     onChangeOpen={setOpen}
+    //     onOpenChange={setOpen}
     //   >
     //     <Popover.Content>
     //       <Popover.Arrow />
@@ -64,6 +63,6 @@ export const Menu = withStaticProperties(
   },
   {
     Item: MenuItem,
-    Provider: DrawerProvider,
+    // Provider: DrawerProvider,
   }
 )

package/types/Menu.d.ts

@@ -4,11 +4,10 @@ declare type MenuProps = {
     open?: boolean;
     defaultOpen?: boolean;
     trigger?: any;
-    onChangeOpen?: (next: boolean) => void;
+    onOpenChange?: (next: boolean) => void;
 };
-export declare const Menu: (({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => JSX.Element | null) & {
+export declare const Menu: (({ children, open, defaultOpen, trigger, onOpenChange }: MenuProps) => null) & {
     Item: (props: any) => any;
-    Provider: ({ children, }: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetModalProvider/types").BottomSheetModalProviderProps) => JSX.Element;
 };
 export {};
 //# sourceMappingURL=Menu.d.ts.map

package/types/Menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAOzE,aAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,IAAI,sEACoD,SAAS;;;CAiD7E,CAAA"}

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAC9B,cAAc,QAAQ,CAAA"}