@tamagui/menu 1.0.0-beta.222 → 1.0.0-canary.204

package/dist/cjs/Menu.js

@@ -1,7 +1,9 @@
+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;
@@ -29,6 +31,7 @@ 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, {
@@ -37,35 +40,39 @@ __export(Menu_exports, {
 module.exports = __toCommonJS(Menu_exports);
 var import_core = require("@tamagui/core");
 var import_drawer = require("@tamagui/drawer");
-var import_react = require("react");
+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) => {
   return props.children;
 }, "MenuItem");
-const Menu = (0, import_core.withStaticProperties)(({ children, trigger, onChangeOpen }) => {
-  const [show, setShow] = (0, import_react.useState)(false);
+const Menu = (0, import_core.withStaticProperties)(({ children, open: openProp, defaultOpen, trigger, onChangeOpen }) => {
   const media = (0, import_core.useMedia)();
-  (0, import_react.useEffect)(() => {
-    onChangeOpen == null ? void 0 : onChangeOpen(show);
-  }, [show]);
+  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: () => {
-        setShow((x) => !x);
+        setOpen((x) => !x);
       }
     };
   }, []);
   if (media.sm) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, (0, import_react.cloneElement)(trigger, triggerProps), /* @__PURE__ */ React.createElement(import_drawer.Drawer, {
-      open: show,
-      onDismiss: () => setShow(false)
+    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));
   }
-  return /* @__PURE__ */ React.createElement(import_tamagui.Popover, {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover, {
     trigger: (props) => (0, import_react.cloneElement)(trigger, __spreadValues(__spreadValues({}, props), triggerProps)),
-    isOpen: show,
-    onChangeOpen: setShow
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Popover.Content, null, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    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)));
@@ -73,4 +80,8 @@ const Menu = (0, import_core.withStaticProperties)(({ children, trigger, onChang
   Item: MenuItem,
   Provider: import_drawer.DrawerProvider
 });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Menu
+});
 //# sourceMappingURL=Menu.js.map

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 { cloneElement, useEffect, useMemo, useState } from 'react'\nimport { Popover, YStack } from 'tamagui'\n\nconst MenuItem = (props) => {\n  return props.children\n}\n\nexport const Menu = withStaticProperties(\n  ({ children, trigger, onChangeOpen }) => {\n    const [show, setShow] = useState(false)\n    const media = useMedia()\n\n    useEffect(() => {\n      onChangeOpen?.(show)\n    }, [show])\n\n    const triggerProps = useMemo(() => {\n      return {\n        onPress: () => {\n          setShow((x) => !x)\n        },\n      }\n    }, [])\n\n    if (media.sm) {\n      return (\n        <>\n          {cloneElement(trigger, triggerProps)}\n          <Drawer open={show} onDismiss={() => setShow(false)}>\n            {children}\n          </Drawer>\n        </>\n      )\n    }\n\n    return (\n      <Popover\n        trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n        isOpen={show}\n        onChangeOpen={setShow}\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,mBAA2D;AAC3D,qBAAgC;AAEhC,MAAM,WAAW,wBAAC,UAAU;AAC1B,SAAO,MAAM;AACf,GAFiB;AAIV,MAAM,OAAO,sCAClB,CAAC,EAAE,UAAU,SAAS,mBAAmB;AACvC,QAAM,CAAC,MAAM,WAAW,2BAAS,KAAK;AACtC,QAAM,QAAQ,0BAAS;AAEvB,8BAAU,MAAM;AACd,iDAAe;AAAA,EACjB,GAAG,CAAC,IAAI,CAAC;AAET,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,0DACG,+BAAa,SAAS,YAAY,GACnC,oCAAC;AAAA,MAAO,MAAM;AAAA,MAAM,WAAW,MAAM,QAAQ,KAAK;AAAA,OAC/C,QACH,CACF;AAAA,EAEJ;AAEA,SACE,oCAAC;AAAA,IACC,SAAS,CAAC,UAAU,+BAAa,SAAS,kCAAK,QAAU,aAAc;AAAA,IACvE,QAAQ;AAAA,IACR,cAAc;AAAA,KAEd,oCAAC,uBAAQ,SAAR,MAEC,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 (\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;",
   "names": []
 }

package/dist/esm/Menu.js

@@ -2,35 +2,39 @@ 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 { cloneElement, useEffect, useMemo, useState } from "react";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import React, { cloneElement, useMemo } from "react";
 import { Popover, YStack } from "tamagui";
 const MenuItem = /* @__PURE__ */ __name((props) => {
   return props.children;
 }, "MenuItem");
-const Menu = withStaticProperties(({ children, trigger, onChangeOpen }) => {
-  const [show, setShow] = useState(false);
+const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trigger, onChangeOpen }) => {
   const media = useMedia();
-  useEffect(() => {
-    onChangeOpen == null ? void 0 : onChangeOpen(show);
-  }, [show]);
+  const [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen || false,
+    onChange(next) {
+      onChangeOpen == null ? void 0 : onChangeOpen(next);
+    }
+  });
   const triggerProps = useMemo(() => {
     return {
       onPress: () => {
-        setShow((x) => !x);
+        setOpen((x) => !x);
       }
     };
   }, []);
   if (media.sm) {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, cloneElement(trigger, triggerProps), /* @__PURE__ */ React.createElement(Drawer, {
-      open: show,
-      onDismiss: () => setShow(false)
+      open,
+      onDismiss: () => setOpen(false)
     }, children));
   }
   return /* @__PURE__ */ React.createElement(Popover, {
     trigger: (props) => cloneElement(trigger, { ...props, ...triggerProps }),
-    isOpen: show,
-    onChangeOpen: setShow
-  }, /* @__PURE__ */ React.createElement(Popover.Content, null, /* @__PURE__ */ React.createElement(YStack, {
+    open,
+    onChangeOpen: setOpen
+  }, /* @__PURE__ */ React.createElement(Popover.Content, null, /* @__PURE__ */ React.createElement(Popover.Arrow, null), /* @__PURE__ */ React.createElement(YStack, {
     backgroundColor: "$background",
     borderRadius: "$2"
   }, children)));

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 { cloneElement, useEffect, useMemo, useState } from 'react'\nimport { Popover, YStack } from 'tamagui'\n\nconst MenuItem = (props) => {\n  return props.children\n}\n\nexport const Menu = withStaticProperties(\n  ({ children, trigger, onChangeOpen }) => {\n    const [show, setShow] = useState(false)\n    const media = useMedia()\n\n    useEffect(() => {\n      onChangeOpen?.(show)\n    }, [show])\n\n    const triggerProps = useMemo(() => {\n      return {\n        onPress: () => {\n          setShow((x) => !x)\n        },\n      }\n    }, [])\n\n    if (media.sm) {\n      return (\n        <>\n          {cloneElement(trigger, triggerProps)}\n          <Drawer open={show} onDismiss={() => setShow(false)}>\n            {children}\n          </Drawer>\n        </>\n      )\n    }\n\n    return (\n      <Popover\n        trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n        isOpen={show}\n        onChangeOpen={setShow}\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;AAEA,MAAM,WAAW,wBAAC,UAAU;AAC1B,SAAO,MAAM;AACf,GAFiB;AAIV,MAAM,OAAO,qBAClB,CAAC,EAAE,UAAU,SAAS,mBAAmB;AACvC,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AACtC,QAAM,QAAQ,SAAS;AAEvB,YAAU,MAAM;AACd,iDAAe;AAAA,EACjB,GAAG,CAAC,IAAI,CAAC;AAET,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,MAAM;AAAA,MAAM,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,QAAQ;AAAA,IACR,cAAc;AAAA,KAEd,oCAAC,QAAQ,SAAR,MAEC,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 (\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;",
   "names": []
 }

package/dist/jsx/Menu.js

@@ -2,31 +2,38 @@ 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 { cloneElement, useEffect, useMemo, useState } from "react";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import { cloneElement, useMemo } from "react";
 import { Popover, YStack } from "tamagui";
 const MenuItem = /* @__PURE__ */ __name((props) => {
   return props.children;
 }, "MenuItem");
-const Menu = withStaticProperties(({ children, trigger, onChangeOpen }) => {
-  const [show, setShow] = useState(false);
+const Menu = withStaticProperties(({ children, open: openProp, defaultOpen, trigger, onChangeOpen }) => {
   const media = useMedia();
-  useEffect(() => {
-    onChangeOpen == null ? void 0 : onChangeOpen(show);
-  }, [show]);
+  const [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen || false,
+    onChange(next) {
+      onChangeOpen == null ? void 0 : onChangeOpen(next);
+    }
+  });
   const triggerProps = useMemo(() => {
     return {
       onPress: () => {
-        setShow((x) => !x);
+        setOpen((x) => !x);
       }
     };
   }, []);
   if (media.sm) {
     return <>
       {cloneElement(trigger, triggerProps)}
-      <Drawer open={show} onDismiss={() => setShow(false)}>{children}</Drawer>
+      <Drawer open={open} onDismiss={() => setOpen(false)}>{children}</Drawer>
     </>;
   }
-  return <Popover trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })} isOpen={show} onChangeOpen={setShow}><Popover.Content><YStack backgroundColor="$background" borderRadius="$2">{children}</YStack></Popover.Content></Popover>;
+  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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/menu",
-  "version": "1.0.0-beta.222+464bca9b",
+  "version": "1.0.0-canary.204+d95a5880",
   "sideEffects": true,
   "source": "src/index.ts",
   "typings": "types",
@@ -18,23 +18,24 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@gorhom/bottom-sheet": "^4.1.5",
-    "@tamagui/core": "^1.0.0-beta.222+464bca9b",
-    "@tamagui/polyfill-dev": "^1.0.0-beta.222+464bca9b",
-    "react-native-gesture-handler": "^2.2.0",
-    "react-native-reanimated": "^2.4.1"
+    "@gorhom/bottom-sheet": "^4.2.1",
+    "@tamagui/core": "^1.0.0-canary.204+d95a5880",
+    "@tamagui/polyfill-dev": "^1.0.0-canary.204+d95a5880",
+    "@tamagui/use-controllable-state": "^1.0.0-canary.204+d95a5880",
+    "react-native-gesture-handler": "^2.4.1",
+    "react-native-reanimated": "^2.8.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.222+464bca9b",
+    "@tamagui/build": "^1.0.0-canary.204+d95a5880",
     "react": "*",
     "react-dom": "*"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "464bca9bb632fcd9557a632d8e8dc49db243753c"
+  "gitHead": "d95a58804c0fc2d3530cba0a357b735a2ca02188"
 }

package/types/Menu.d.ts

@@ -1,10 +1,14 @@
-/// <reference types="react" />
-export declare const Menu: (({ children, trigger, onChangeOpen }: {
-    children: any;
-    trigger: any;
-    onChangeOpen: any;
-}) => JSX.Element) & {
+import React from 'react';
+declare type MenuProps = {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    trigger?: any;
+    onChangeOpen?: (next: boolean) => void;
+};
+export declare const Menu: (({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => JSX.Element) & {
     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 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,IAAI;;;;;;;CA+ChB,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;;;CAgD7E,CAAA"}