@codecademy/gamut

Index: package/dist/Modals/Modal.js
===================================================================
--- package/dist/Modals/Modal.js
+++ package/dist/Modals/Modal.js
@@ -25,22 +25,32 @@
   size = 'fluid',
   containerFocusRef,
   title,
   views,
+  isOpen,
+  clickOutsideCloses,
+  escapeCloses,
+  shroud = true,
+  zIndex,
+  image: imageProp,
   ...rest
 }) => {
   const titleId = useId();
   const [currentView, setCurrentView] = useState(0);
   const view = views?.[currentView];
-  const image = (view?.image || rest?.image) ?? null;
+  const image = (view?.image || imageProp) ?? null;
   const titleText = title || views?.[currentView].title;
   const needsLabelledBy = titleText && !ariaLabel;
   return /*#__PURE__*/_jsx(Overlay, {
+    clickOutsideCloses: clickOutsideCloses,
     "data-testid": "modal",
-    shroud: true,
+    escapeCloses: escapeCloses,
+    isOpen: isOpen,
+    shroud: shroud,
+    zIndex: zIndex,
     onRequestClose: onRequestClose,
-    ...rest,
     children: /*#__PURE__*/_jsxs(ModalContainer, {
+      ...rest,
       "aria-hidden": "false",
       "aria-label": ariaLabel,
       "aria-labelledby": needsLabelledBy ? titleId : undefined,
       "aria-modal": "true",