@tamagui/menu 1.0.0-beta.9 → 1.0.1-beta.101

package/dist/cjs/Menu.js

@@ -2,23 +2,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -42,10 +27,9 @@ 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_tamagui = require("tamagui");
-const MenuItem = /* @__PURE__ */ __name((props) => {
+const MenuItem = (props) => {
   return props.children;
-}, "MenuItem");
+};
 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)({
@@ -68,14 +52,7 @@ const Menu = (0, import_core.withStaticProperties)(({ children, open: openProp,
       onDismiss: () => setOpen(false)
     }, children));
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover, {
-    trigger: (props) => (0, import_react.cloneElement)(trigger, __spreadValues(__spreadValues({}, props), triggerProps)),
-    open,
-    onChangeOpen: setOpen
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Content, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Arrow, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
-    backgroundColor: "$background",
-    borderRadius: "$2"
-  }, children)));
+  return null;
 }, {
   Item: MenuItem,
   Provider: import_drawer.DrawerProvider

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 (\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;AAClE,qBAAgC;AAEhC,MAAM,WAAW,wBAAC,UAAU;AAC1B,SAAO,MAAM;AACf,GAFiB;AAYV,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,SACE,mDAAC;AAAA,IACC,SAAS,CAAC,UAAU,+BAAa,SAAS,kCAAK,QAAU,aAAc;AAAA,IACvE;AAAA,IACA,cAAc;AAAA,KAEd,mDAAC,uBAAQ,SAAR,MACC,mDAAC,uBAAQ,OAAR,IAAc,GACf,mDAAC;AAAA,IAAO,iBAAgB;AAAA,IAAc,cAAa;AAAA,KAChD,QACH,CACF,CACF;AAEJ,GACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,CACF;",
+  "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;",
   "names": []
 }

package/dist/esm/Menu.js

@@ -1,13 +1,10 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 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 { Popover, YStack } from "tamagui";
-const MenuItem = /* @__PURE__ */ __name((props) => {
+const MenuItem = (props) => {
   return props.children;
-}, "MenuItem");
+};
 const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trigger, onChangeOpen }) => {
   const media = useMedia();
   const [open, setOpen] = useControllableState({
@@ -30,14 +27,7 @@ const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trig
       onDismiss: () => setOpen(false)
     }, children));
   }
-  return /* @__PURE__ */ React.createElement(Popover, {
-    trigger: (props) => cloneElement(trigger, { ...props, ...triggerProps }),
-    open,
-    onChangeOpen: setOpen
-  }, /* @__PURE__ */ React.createElement(Popover.Content, null, /* @__PURE__ */ React.createElement(Popover.Arrow, null), /* @__PURE__ */ React.createElement(YStack, {
-    backgroundColor: "$background",
-    borderRadius: "$2"
-  }, children)));
+  return null;
 }, {
   Item: MenuItem,
   Provider: DrawerProvider

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 (\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;AACA;AAEA,MAAM,WAAW,wBAAC,UAAU;AAC1B,SAAO,MAAM;AACf,GAFiB;AAYV,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,SACE,oCAAC;AAAA,IACC,SAAS,CAAC,UAAU,aAAa,SAAS,KAAK,UAAU,aAAa,CAAC;AAAA,IACvE;AAAA,IACA,cAAc;AAAA,KAEd,oCAAC,QAAQ,SAAR,MACC,oCAAC,QAAQ,OAAR,IAAc,GACf,oCAAC;AAAA,IAAO,iBAAgB;AAAA,IAAc,cAAa;AAAA,KAChD,QACH,CACF,CACF;AAEJ,GACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,CACF;",
+  "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;",
   "names": []
 }

package/dist/jsx/Menu.js

@@ -1,13 +1,10 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 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 { Popover, YStack } from "tamagui";
-const MenuItem = /* @__PURE__ */ __name((props) => {
+const MenuItem = (props) => {
   return props.children;
-}, "MenuItem");
+};
 const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trigger, onChangeOpen }) => {
   const media = useMedia();
   const [open, setOpen] = useControllableState({
@@ -30,10 +27,7 @@ const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trig
       <Drawer open={open} onDismiss={() => setOpen(false)}>{children}</Drawer>
     </>;
   }
-  return <Popover trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })} open={open} onChangeOpen={setOpen}><Popover.Content>
-    <Popover.Arrow />
-    <YStack backgroundColor="$background" borderRadius="$2">{children}</YStack>
-  </Popover.Content></Popover>;
+  return null;
 }, {
   Item: MenuItem,
   Provider: DrawerProvider
@@ -41,3 +35,4 @@ const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trig
 export {
   Menu
 };
+//# sourceMappingURL=Menu.js.map

package/dist/jsx/Menu.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -1,2 +1,3 @@
 import "@tamagui/polyfill-dev";
 export * from "./Menu";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["import '@tamagui/polyfill-dev'\nexport * from './Menu'\n"],
+  "mappings": "AAAA;AACA;",
+  "names": []
+}

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@tamagui/menu",
-  "version": "1.0.0-beta.9",
-  "sideEffects": true,
+  "version": "1.0.1-beta.101",
+  "sideEffects": [
+    "*.css"
+  ],
   "source": "src/index.ts",
-  "typings": "types",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "src",
     "types",
     "dist"
   ],
@@ -18,19 +21,19 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@gorhom/bottom-sheet": "^4.2.1",
-    "@tamagui/core": "^1.0.0-beta.9",
-    "@tamagui/polyfill-dev": "^1.0.0-beta.9",
-    "@tamagui/use-controllable-state": "^1.0.0-beta.9",
-    "react-native-gesture-handler": "^2.1.0",
-    "react-native-reanimated": "^2.3.1"
+    "@gorhom/bottom-sheet": "^4.3.1",
+    "@tamagui/core": "^1.0.1-beta.101",
+    "@tamagui/polyfill-dev": "^1.0.1-beta.101",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.101",
+    "react-native-gesture-handler": "*",
+    "react-native-reanimated": "^2.8.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.9",
+    "@tamagui/build": "^1.0.1-beta.101",
     "react": "*",
     "react-dom": "*"
   },

package/src/Menu.tsx

@@ -0,0 +1,69 @@
+import { useMedia, withStaticProperties } from '@tamagui/core'
+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
+}
+
+type MenuProps = {
+  children?: React.ReactNode
+  open?: boolean
+  defaultOpen?: boolean
+  trigger?: any
+  onChangeOpen?: (next: boolean) => void
+}
+
+export const Menu = withStaticProperties(
+  ({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => {
+    const media = useMedia()
+    const [open, setOpen] = useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpen || false,
+      onChange(next) {
+        onChangeOpen?.(next)
+      },
+    })
+
+    const triggerProps = useMemo(() => {
+      return {
+        onPress: () => {
+          setOpen((x) => !x)
+        },
+      }
+    }, [])
+
+    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}
+    //   >
+    //     <Popover.Content>
+    //       <Popover.Arrow />
+    //       <YStack backgroundColor="$background" borderRadius="$2">
+    //         {children}
+    //       </YStack>
+    //     </Popover.Content>
+    //   </Popover>
+    // )
+  },
+  {
+    Item: MenuItem,
+    Provider: DrawerProvider,
+  }
+)

package/src/index.tsx

@@ -0,0 +1,2 @@
+import '@tamagui/polyfill-dev'
+export * from './Menu'

package/types/Menu.d.ts

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

package/types/Menu.d.ts.map

@@ -1 +1 @@
-{"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;;;CAgD7E,CAAA"}
+{"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"}