@tamagui/menu 1.0.0-beta.0

package/dist/cjs/Menu.js

@@ -0,0 +1,87 @@
+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 });
+};
+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 Menu_exports = {};
+__export(Menu_exports, {
+  Menu: () => Menu
+});
+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_tamagui = require("tamagui");
+const MenuItem = /* @__PURE__ */ __name((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)({
+    prop: openProp,
+    defaultProp: defaultOpen || false,
+    onChange(next) {
+      onChangeOpen == null ? void 0 : onChangeOpen(next);
+    }
+  });
+  const triggerProps = (0, import_react.useMemo)(() => {
+    return {
+      onPress: () => {
+        setOpen((x) => !x);
+      }
+    };
+  }, []);
+  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));
+  }
+  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)));
+}, {
+  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

@@ -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 (\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/cjs/index.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+var import_polyfill_dev = require("@tamagui/polyfill-dev");
+__reExport(src_exports, require("./Menu"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/esm/Menu.js

@@ -0,0 +1,48 @@
+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) => {
+  return props.children;
+}, "MenuItem");
+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);
+      }
+    };
+  }, []);
+  if (media.sm) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, cloneElement(trigger, triggerProps), /* @__PURE__ */ React.createElement(Drawer, {
+      open,
+      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)));
+}, {
+  Item: MenuItem,
+  Provider: DrawerProvider
+});
+export {
+  Menu
+};
+//# sourceMappingURL=Menu.js.map

package/dist/esm/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 (\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/esm/index.js

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

package/dist/esm/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/dist/jsx/Menu.js

@@ -0,0 +1,43 @@
+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) => {
+  return props.children;
+}, "MenuItem");
+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);
+      }
+    };
+  }, []);
+  if (media.sm) {
+    return <>
+      {cloneElement(trigger, triggerProps)}
+      <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>;
+}, {
+  Item: MenuItem,
+  Provider: DrawerProvider
+});
+export {
+  Menu
+};

package/dist/jsx/index.js

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

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@tamagui/menu",
+  "version": "1.0.0-beta.0",
+  "sideEffects": true,
+  "source": "src/index.ts",
+  "typings": "types",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@gorhom/bottom-sheet": "^4.2.1",
+    "@tamagui/core": "^1.0.0-beta.0",
+    "@tamagui/polyfill-dev": "^1.0.0-beta.0",
+    "@tamagui/use-controllable-state": "^1.0.0-beta.0",
+    "react-native-gesture-handler": "^2.4.1",
+    "react-native-reanimated": "^2.8.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.0-beta.0",
+    "react": "*",
+    "react-dom": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
+}

package/types/Menu.d.ts

@@ -0,0 +1,14 @@
+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

@@ -0,0 +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"}

package/types/index.d.ts

@@ -0,0 +1,3 @@
+import '@tamagui/polyfill-dev';
+export * from './Menu';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

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