@epignosis_llc/gnosis 6.7.5 → 6.7.6

package/dist/esm/_virtual/index6.js

@@ -6,7 +6,7 @@
    * Released under the MIT license.
    */
 
-var exenv = {exports: {}};
+var simpleSwizzle = {exports: {}};
 
-export { exenv as e };
+export { simpleSwizzle as s };
 //# sourceMappingURL=index6.js.map

package/dist/esm/_virtual/index7.js

@@ -6,7 +6,7 @@
    * Released under the MIT license.
    */
 
-var simpleSwizzle = {exports: {}};
+var exenv = {exports: {}};
 
-export { simpleSwizzle as s };
+export { exenv as e };
 //# sourceMappingURL=index7.js.map

package/dist/esm/node_modules/color-string/index.js

@@ -9,7 +9,7 @@
 import { c as colorString } from '../../_virtual/index3.js';
 import colorName from '../color-name/index.js';
 import '../simple-swizzle/index.js';
-import { s as simpleSwizzle } from '../../_virtual/index7.js';
+import { s as simpleSwizzle } from '../../_virtual/index6.js';
 
 /* MIT license */
 

package/dist/esm/node_modules/core-js/internals/array-for-each.js

@@ -0,0 +1,25 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v6.6.16
+   * Released under the MIT license.
+   */
+
+import arrayIteration from './array-iteration.js';
+import arrayMethodIsStrict$1 from './array-method-is-strict.js';
+
+var $forEach = arrayIteration.forEach;
+var arrayMethodIsStrict = arrayMethodIsStrict$1;
+
+var STRICT_METHOD = arrayMethodIsStrict('forEach');
+
+// `Array.prototype.forEach` method implementation
+// https://tc39.es/ecma262/#sec-array.prototype.foreach
+var arrayForEach = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {
+  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+// eslint-disable-next-line es/no-array-prototype-foreach -- safe
+} : [].forEach;
+
+export { arrayForEach as default };
+//# sourceMappingURL=array-for-each.js.map

package/dist/esm/node_modules/core-js/internals/array-for-each.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-for-each.js","sources":["../../../../../node_modules/core-js/internals/array-for-each.js"],"sourcesContent":["'use strict';\nvar $forEach = require('../internals/array-iteration').forEach;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar STRICT_METHOD = arrayMethodIsStrict('forEach');\n\n// `Array.prototype.forEach` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.foreach\nmodule.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {\n  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n// eslint-disable-next-line es/no-array-prototype-foreach -- safe\n} : [].forEach;\n"],"names":["require$$0","require$$1"],"mappings":";;;;;;;;;;;AACA,IAAI,QAAQ,GAAGA,cAAuC,CAAC,OAAO,CAAC;AAC/D,IAAI,mBAAmB,GAAGC,qBAA8C,CAAC;AACzE;AACA,IAAI,aAAa,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;AACnD;AACA;AACA;IACA,YAAc,GAAG,CAAC,aAAa,GAAG,SAAS,OAAO,CAAC,UAAU,kBAAkB;AAC/E,EAAE,OAAO,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;AACrF;AACA,CAAC,GAAG,EAAE,CAAC;;;;"}

package/dist/esm/node_modules/core-js/modules/es.array.for-each.js

@@ -0,0 +1,21 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v6.6.16
+   * Released under the MIT license.
+   */
+
+import _export from '../internals/export.js';
+import arrayForEach from '../internals/array-for-each.js';
+
+var $ = _export;
+var forEach = arrayForEach;
+
+// `Array.prototype.forEach` method
+// https://tc39.es/ecma262/#sec-array.prototype.foreach
+// eslint-disable-next-line es/no-array-prototype-foreach -- safe
+$({ target: 'Array', proto: true, forced: [].forEach !== forEach }, {
+  forEach: forEach
+});
+//# sourceMappingURL=es.array.for-each.js.map

package/dist/esm/node_modules/core-js/modules/es.array.for-each.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.array.for-each.js","sources":["../../../../../node_modules/core-js/modules/es.array.for-each.js"],"sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar forEach = require('../internals/array-for-each');\n\n// `Array.prototype.forEach` method\n// https://tc39.es/ecma262/#sec-array.prototype.foreach\n// eslint-disable-next-line es/no-array-prototype-foreach -- safe\n$({ target: 'Array', proto: true, forced: [].forEach !== forEach }, {\n  forEach: forEach\n});\n"],"names":["require$$0","require$$1"],"mappings":";;;;;;;;;;;AACA,IAAI,CAAC,GAAGA,OAA8B,CAAC;AACvC,IAAI,OAAO,GAAGC,YAAsC,CAAC;AACrD;AACA;AACA;AACA;AACA,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,OAAO,KAAK,OAAO,EAAE,EAAE;AACpE,EAAE,OAAO,EAAE,OAAO;AAClB,CAAC,CAAC"}

package/dist/esm/node_modules/core-js/modules/web.dom-collections.for-each.js

@@ -0,0 +1,37 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v6.6.16
+   * Released under the MIT license.
+   */
+
+import globalThis_1 from '../internals/global-this.js';
+import domIterables from '../internals/dom-iterables.js';
+import domTokenListPrototype from '../internals/dom-token-list-prototype.js';
+import arrayForEach from '../internals/array-for-each.js';
+import createNonEnumerableProperty$1 from '../internals/create-non-enumerable-property.js';
+
+var globalThis = globalThis_1;
+var DOMIterables = domIterables;
+var DOMTokenListPrototype = domTokenListPrototype;
+var forEach = arrayForEach;
+var createNonEnumerableProperty = createNonEnumerableProperty$1;
+
+var handlePrototype = function (CollectionPrototype) {
+  // some Chrome versions have non-configurable methods on DOMTokenList
+  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {
+    createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);
+  } catch (error) {
+    CollectionPrototype.forEach = forEach;
+  }
+};
+
+for (var COLLECTION_NAME in DOMIterables) {
+  if (DOMIterables[COLLECTION_NAME]) {
+    handlePrototype(globalThis[COLLECTION_NAME] && globalThis[COLLECTION_NAME].prototype);
+  }
+}
+
+handlePrototype(DOMTokenListPrototype);
+//# sourceMappingURL=web.dom-collections.for-each.js.map

package/dist/esm/node_modules/core-js/modules/web.dom-collections.for-each.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.dom-collections.for-each.js","sources":["../../../../../node_modules/core-js/modules/web.dom-collections.for-each.js"],"sourcesContent":["'use strict';\nvar globalThis = require('../internals/global-this');\nvar DOMIterables = require('../internals/dom-iterables');\nvar DOMTokenListPrototype = require('../internals/dom-token-list-prototype');\nvar forEach = require('../internals/array-for-each');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\n\nvar handlePrototype = function (CollectionPrototype) {\n  // some Chrome versions have non-configurable methods on DOMTokenList\n  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {\n    createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);\n  } catch (error) {\n    CollectionPrototype.forEach = forEach;\n  }\n};\n\nfor (var COLLECTION_NAME in DOMIterables) {\n  if (DOMIterables[COLLECTION_NAME]) {\n    handlePrototype(globalThis[COLLECTION_NAME] && globalThis[COLLECTION_NAME].prototype);\n  }\n}\n\nhandlePrototype(DOMTokenListPrototype);\n"],"names":["require$$0","require$$1","require$$2","require$$3","require$$4"],"mappings":";;;;;;;;;;;;;;AACA,IAAI,UAAU,GAAGA,YAAmC,CAAC;AACrD,IAAI,YAAY,GAAGC,YAAqC,CAAC;AACzD,IAAI,qBAAqB,GAAGC,qBAAgD,CAAC;AAC7E,IAAI,OAAO,GAAGC,YAAsC,CAAC;AACrD,IAAI,2BAA2B,GAAGC,6BAAsD,CAAC;AACzF;AACA,IAAI,eAAe,GAAG,UAAU,mBAAmB,EAAE;AACrD;AACA,EAAE,IAAI,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,KAAK,OAAO,EAAE,IAAI;AAC1E,IAAI,2BAA2B,CAAC,mBAAmB,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AACzE,GAAG,CAAC,OAAO,KAAK,EAAE;AAClB,IAAI,mBAAmB,CAAC,OAAO,GAAG,OAAO,CAAC;AAC1C,GAAG;AACH,CAAC,CAAC;AACF;AACA,KAAK,IAAI,eAAe,IAAI,YAAY,EAAE;AAC1C,EAAE,IAAI,YAAY,CAAC,eAAe,CAAC,EAAE;AACrC,IAAI,eAAe,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;AAC1F,GAAG;AACH,CAAC;AACD;AACA,eAAe,CAAC,qBAAqB,CAAC"}

package/dist/esm/node_modules/exenv/index.js

@@ -6,7 +6,7 @@
    * Released under the MIT license.
    */
 
-import { e as exenv } from '../../_virtual/index6.js';
+import { e as exenv } from '../../_virtual/index7.js';
 
 /*!
   Copyright (c) 2015 Jed Watson.

package/dist/esm/node_modules/react-modal/lib/helpers/safeHTMLElement.js

@@ -8,7 +8,7 @@
 
 import { __exports as safeHTMLElement } from '../../../../_virtual/safeHTMLElement.js';
 import '../../../exenv/index.js';
-import { e as exenv } from '../../../../_virtual/index6.js';
+import { e as exenv } from '../../../../_virtual/index7.js';
 
 Object.defineProperty(safeHTMLElement, "__esModule", {
   value: true

package/dist/esm/node_modules/simple-swizzle/index.js

@@ -6,7 +6,7 @@
    * Released under the MIT license.
    */
 
-import { s as simpleSwizzle } from '../../_virtual/index7.js';
+import { s as simpleSwizzle } from '../../_virtual/index6.js';
 import isArrayish$1 from './node_modules/is-arrayish/index.js';
 
 var isArrayish = isArrayish$1;

package/dist/esm/src/components/Drawer/Drawer.js

@@ -25,13 +25,15 @@ import Header from './components/Header.js';
 import Body from './components/Body.js';
 import Mask from './components/Mask.js';
 import Footer from './components/Footer.js';
+import { useDrawerStackPosition } from './hooks/useDrawerStackPosition.js';
+import { DRAWER_ROOT_ID } from './constants.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js';
 import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
 import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
 import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs.js';
 
-var _excluded = ["isOpen", "placement", "closeOnOutsideClick", "showMask", "width", "dialogStyles", "dialogClassName", "disableFocusLock", "children", "onClose"];
+var _excluded = ["isOpen", "placement", "closeOnOutsideClick", "width", "dialogStyles", "dialogClassName", "disableFocusLock", "children", "onClose"];
 var dialogVariants = {
   initial: function initial(_ref) {
     var placement = _ref.placement,
@@ -54,10 +56,9 @@ var dialogVariants = {
     };
   }
 };
-var DRAWER_ROOT = "drawerRoot";
 var DrawerRoot = function DrawerRoot() {
   return jsx("div", {
-    id: DRAWER_ROOT
+    id: DRAWER_ROOT_ID
   });
 };
 var Drawer = function Drawer(props) {
@@ -66,8 +67,6 @@ var Drawer = function Drawer(props) {
     placement = _props$placement === void 0 ? "left" : _props$placement,
     _props$closeOnOutside = props.closeOnOutsideClick,
     closeOnOutsideClick = _props$closeOnOutside === void 0 ? true : _props$closeOnOutside,
-    _props$showMask = props.showMask,
-    showMask = _props$showMask === void 0 ? true : _props$showMask,
     _props$width = props.width,
     width = _props$width === void 0 ? "31.5rem" : _props$width,
     dialogStyles = props.dialogStyles,
@@ -86,17 +85,21 @@ var Drawer = function Drawer(props) {
       onClose: ((_props = child.props) === null || _props === void 0 ? void 0 : _props.closable) && onClose
     });
   });
-  var drawerEl = document.getElementById(DRAWER_ROOT);
+  var drawerEl = document.getElementById(DRAWER_ROOT_ID);
   var dialogClassNames = classNames(_defineProperty({
     dialog: true,
     "placement-left": placement === "left",
     "placement-right": placement === "right"
   }, dialogClassName !== null && dialogClassName !== void 0 ? dialogClassName : "", dialogClassName));
   var drawerRef = useRef(null);
-  var handleClose = function handleClose() {
-    if (!isOpen || !closeOnOutsideClick) return;
+  var _useDrawerStackPositi = useDrawerStackPosition(isOpen),
+    isBottomMostOpenDrawer = _useDrawerStackPositi.isBottomMostOpenDrawer;
+  var handleOutsideClick = function handleOutsideClick() {
+    if (!isOpen) return;
     onClose();
   };
+  var shouldRenderMask = closeOnOutsideClick || isBottomMostOpenDrawer;
+  var shouldShowVisibleMask = isBottomMostOpenDrawer;
   useEffect(function () {
     if (!isOpen) return;
     var handleEscape = function handleEscape(event) {
@@ -140,8 +143,9 @@ var Drawer = function Drawer(props) {
     },
     "data-testid": "drawer",
     ref: drawerRef
-  }, rest), showMask && jsx(Mask, {
-    onClose: handleClose
+  }, rest), shouldRenderMask && jsx(Mask, {
+    visible: shouldShowVisibleMask,
+    onClick: closeOnOutsideClick ? handleOutsideClick : undefined
   }), jsx(FocusLock, {
     returnFocus: true,
     disabled: !isOpen || disableFocusLock

package/dist/esm/src/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport ReactFocusLock from \"react-focus-lock\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { AnimatePresence, m, Variants, MotionStyle, domAnimation, LazyMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { drawerContainer } from \"./styles\";\nimport Header, { HeaderProps } from \"./components/Header\";\nimport Body from \"./components/Body\";\nimport Mask from \"./components/Mask\";\nimport Footer from \"./components/Footer\";\nimport { FCWithChildren } from \"types/common\";\n\ntype DialogVariants = {\n  placement: \"left\" | \"right\";\n  width: string;\n};\n\nconst dialogVariants: Variants = {\n  initial: ({ placement, width }: DialogVariants) => ({\n    opacity: 0,\n    x: placement === \"right\" ? \"100%\" : `-${width}`,\n    transition: {\n      type: \"tween\",\n    },\n  }),\n  expanded: () => ({\n    opacity: 1,\n    x: 0,\n    transition: {\n      type: \"tween\",\n    },\n  }),\n};\n\nconst DRAWER_ROOT = \"drawerRoot\";\n\nconst DrawerRoot: FCWithChildren = () => <div id={DRAWER_ROOT} />;\n\nexport type DrawerProps = React.HTMLAttributes<HTMLDivElement> & {\n  isOpen: boolean;\n  closeOnOutsideClick?: boolean;\n  showMask?: boolean;\n  placement?: \"left\" | \"right\";\n  width?: string;\n  dialogStyles?: MotionStyle;\n  dialogClassName?: string;\n  disableFocusLock?: boolean;\n  onClose: () => void;\n};\n\ntype DrawerCompoundProps = {\n  Header: FCWithChildren<Omit<HeaderProps, \"onClose\"> & { closable?: boolean }>;\n  Body: FCWithChildren;\n  Footer: FCWithChildren;\n  Root: FCWithChildren;\n};\n\nconst Drawer: FCWithChildren<DrawerProps> & DrawerCompoundProps = (props) => {\n  const {\n    isOpen,\n    placement = \"left\",\n    closeOnOutsideClick = true,\n    showMask = true,\n    width = \"31.5rem\",\n    dialogStyles,\n    dialogClassName,\n    disableFocusLock = false,\n    children,\n    onClose,\n    ...rest\n  } = props;\n  const hasHeader = Children.toArray(children).some(\n    (child) => isValidElement(child) && child.type === Header,\n  );\n  const clonedChildren = Children.map(children, (child) => {\n    return (\n      child &&\n      cloneElement(child as ReactElement, {\n        onClose: (child as ReactElement).props?.closable && onClose,\n      })\n    );\n  });\n  const drawerEl = document.getElementById(DRAWER_ROOT);\n  const dialogClassNames = classNames({\n    dialog: true,\n    \"placement-left\": placement === \"left\",\n    \"placement-right\": placement === \"right\",\n    [dialogClassName ?? \"\"]: dialogClassName,\n  });\n  const drawerRef = useRef<HTMLDivElement>(null);\n\n  const handleClose = () => {\n    if (!isOpen || !closeOnOutsideClick) return;\n\n    onClose();\n  };\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        const dialogs = document.querySelectorAll('.dialog[aria-modal=\"true\"]');\n        const dialogCount = dialogs.length;\n\n        if (dialogCount > 0) {\n          const currentDialog = drawerRef.current?.querySelector(\".dialog\");\n          const topMostDialog = dialogs[dialogCount - 1];\n          const isTopMostDialog = currentDialog === topMostDialog;\n\n          if (isTopMostDialog) {\n            event.stopPropagation();\n            onClose();\n          }\n        }\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  useEffect(() => {\n    if (isOpen) {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"hidden\";\n    } else {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"\";\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    return () => {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"\";\n    };\n  }, []);\n\n  const drawer = (\n    <LazyMotion features={domAnimation}>\n      <AnimatePresence>\n        {isOpen && (\n          <div\n            css={(theme): SerializedStyles => drawerContainer(theme, width)}\n            data-testid=\"drawer\"\n            ref={drawerRef}\n            {...rest}\n          >\n            {showMask && <Mask onClose={handleClose} />}\n            <ReactFocusLock returnFocus disabled={!isOpen || disableFocusLock}>\n              <m.dialog\n                id=\"drawer-dialog\"\n                style={dialogStyles}\n                className={dialogClassNames}\n                aria-expanded={isOpen}\n                aria-hidden={!isOpen}\n                aria-modal=\"true\"\n                aria-labelledby={hasHeader ? \"drawer-title\" : undefined}\n                initial=\"initial\"\n                animate=\"expanded\"\n                exit=\"initial\"\n                variants={dialogVariants}\n                custom={{ placement, width }}\n              >\n                {clonedChildren}\n              </m.dialog>\n            </ReactFocusLock>\n          </div>\n        )}\n      </AnimatePresence>\n    </LazyMotion>\n  );\n\n  return drawerEl && createPortal(drawer, drawerEl);\n};\n\nDrawer.Header = Header;\nDrawer.Body = Body;\nDrawer.Footer = Footer;\nDrawer.Root = DrawerRoot;\n\nexport default Drawer;\n"],"names":["dialogVariants","initial","_ref","placement","width","opacity","x","concat","transition","type","expanded","DRAWER_ROOT","DrawerRoot","___EmotionJSX","id","Drawer","props","isOpen","_props$placement","_props$closeOnOutside","closeOnOutsideClick","_props$showMask","showMask","_props$width","dialogStyles","dialogClassName","_props$disableFocusLo","disableFocusLock","children","onClose","rest","_objectWithoutProperties","_excluded","hasHeader","Children","toArray","some","child","isValidElement","Header","clonedChildren","map","_props","cloneElement","closable","drawerEl","document","getElementById","dialogClassNames","classNames","_defineProperty","dialog","drawerRef","useRef","handleClose","useEffect","handleEscape","event","key","dialogs","querySelectorAll","dialogCount","length","_drawerRef$current","currentDialog","current","querySelector","topMostDialog","isTopMostDialog","stopPropagation","addEventListener","removeEventListener","style","overflow","drawer","LazyMotion","features","domAnimation","AnimatePresence","_extends","css","theme","drawerContainer","ref","Mask","ReactFocusLock","returnFocus","disabled","m","className","undefined","animate","exit","variants","custom","createPortal","Body","Footer","Root"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport ReactFocusLock from \"react-focus-lock\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { AnimatePresence, m, Variants, MotionStyle, domAnimation, LazyMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { drawerContainer } from \"./styles\";\nimport Header, { HeaderProps } from \"./components/Header\";\nimport Body from \"./components/Body\";\nimport Mask from \"./components/Mask\";\nimport Footer from \"./components/Footer\";\nimport { useDrawerStackPosition } from \"./hooks/useDrawerStackPosition\";\nimport { DRAWER_ROOT_ID } from \"./constants\";\nimport { FCWithChildren } from \"types/common\";\n\ntype DialogVariants = {\n  placement: \"left\" | \"right\";\n  width: string;\n};\n\nconst dialogVariants: Variants = {\n  initial: ({ placement, width }: DialogVariants) => ({\n    opacity: 0,\n    x: placement === \"right\" ? \"100%\" : `-${width}`,\n    transition: {\n      type: \"tween\",\n    },\n  }),\n  expanded: () => ({\n    opacity: 1,\n    x: 0,\n    transition: {\n      type: \"tween\",\n    },\n  }),\n};\n\nconst DrawerRoot: FCWithChildren = () => <div id={DRAWER_ROOT_ID} />;\n\nexport type DrawerProps = React.HTMLAttributes<HTMLDivElement> & {\n  isOpen: boolean;\n  closeOnOutsideClick?: boolean;\n  placement?: \"left\" | \"right\";\n  width?: string;\n  dialogStyles?: MotionStyle;\n  dialogClassName?: string;\n  disableFocusLock?: boolean;\n  onClose: () => void;\n};\n\ntype DrawerCompoundProps = {\n  Header: FCWithChildren<Omit<HeaderProps, \"onClose\"> & { closable?: boolean }>;\n  Body: FCWithChildren;\n  Footer: FCWithChildren;\n  Root: FCWithChildren;\n};\n\nconst Drawer: FCWithChildren<DrawerProps> & DrawerCompoundProps = (props) => {\n  const {\n    isOpen,\n    placement = \"left\",\n    closeOnOutsideClick = true,\n    width = \"31.5rem\",\n    dialogStyles,\n    dialogClassName,\n    disableFocusLock = false,\n    children,\n    onClose,\n    ...rest\n  } = props;\n  const hasHeader = Children.toArray(children).some(\n    (child) => isValidElement(child) && child.type === Header,\n  );\n  const clonedChildren = Children.map(children, (child) => {\n    return (\n      child &&\n      cloneElement(child as ReactElement, {\n        onClose: (child as ReactElement).props?.closable && onClose,\n      })\n    );\n  });\n  const drawerEl = document.getElementById(DRAWER_ROOT_ID);\n  const dialogClassNames = classNames({\n    dialog: true,\n    \"placement-left\": placement === \"left\",\n    \"placement-right\": placement === \"right\",\n    [dialogClassName ?? \"\"]: dialogClassName,\n  });\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const { isBottomMostOpenDrawer } = useDrawerStackPosition(isOpen);\n\n  const handleOutsideClick = () => {\n    if (!isOpen) return;\n\n    onClose();\n  };\n  const shouldRenderMask = closeOnOutsideClick || isBottomMostOpenDrawer;\n  const shouldShowVisibleMask = isBottomMostOpenDrawer;\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        const dialogs = document.querySelectorAll('.dialog[aria-modal=\"true\"]');\n        const dialogCount = dialogs.length;\n\n        if (dialogCount > 0) {\n          const currentDialog = drawerRef.current?.querySelector(\".dialog\");\n          const topMostDialog = dialogs[dialogCount - 1];\n          const isTopMostDialog = currentDialog === topMostDialog;\n\n          if (isTopMostDialog) {\n            event.stopPropagation();\n            onClose();\n          }\n        }\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  useEffect(() => {\n    if (isOpen) {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"hidden\";\n    } else {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"\";\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    return () => {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"\";\n    };\n  }, []);\n\n  const drawer = (\n    <LazyMotion features={domAnimation}>\n      <AnimatePresence>\n        {isOpen && (\n          <div\n            css={(theme): SerializedStyles => drawerContainer(theme, width)}\n            data-testid=\"drawer\"\n            ref={drawerRef}\n            {...rest}\n          >\n            {shouldRenderMask && (\n              <Mask\n                visible={shouldShowVisibleMask}\n                onClick={closeOnOutsideClick ? handleOutsideClick : undefined}\n              />\n            )}\n            <ReactFocusLock returnFocus disabled={!isOpen || disableFocusLock}>\n              <m.dialog\n                id=\"drawer-dialog\"\n                style={dialogStyles}\n                className={dialogClassNames}\n                aria-expanded={isOpen}\n                aria-hidden={!isOpen}\n                aria-modal=\"true\"\n                aria-labelledby={hasHeader ? \"drawer-title\" : undefined}\n                initial=\"initial\"\n                animate=\"expanded\"\n                exit=\"initial\"\n                variants={dialogVariants}\n                custom={{ placement, width }}\n              >\n                {clonedChildren}\n              </m.dialog>\n            </ReactFocusLock>\n          </div>\n        )}\n      </AnimatePresence>\n    </LazyMotion>\n  );\n\n  return drawerEl && createPortal(drawer, drawerEl);\n};\n\nDrawer.Header = Header;\nDrawer.Body = Body;\nDrawer.Footer = Footer;\nDrawer.Root = DrawerRoot;\n\nexport default Drawer;\n"],"names":["dialogVariants","initial","_ref","placement","width","opacity","x","concat","transition","type","expanded","DrawerRoot","___EmotionJSX","id","DRAWER_ROOT_ID","Drawer","props","isOpen","_props$placement","_props$closeOnOutside","closeOnOutsideClick","_props$width","dialogStyles","dialogClassName","_props$disableFocusLo","disableFocusLock","children","onClose","rest","_objectWithoutProperties","_excluded","hasHeader","Children","toArray","some","child","isValidElement","Header","clonedChildren","map","_props","cloneElement","closable","drawerEl","document","getElementById","dialogClassNames","classNames","_defineProperty","dialog","drawerRef","useRef","_useDrawerStackPositi","useDrawerStackPosition","isBottomMostOpenDrawer","handleOutsideClick","shouldRenderMask","shouldShowVisibleMask","useEffect","handleEscape","event","key","dialogs","querySelectorAll","dialogCount","length","_drawerRef$current","currentDialog","current","querySelector","topMostDialog","isTopMostDialog","stopPropagation","addEventListener","removeEventListener","style","overflow","drawer","LazyMotion","features","domAnimation","AnimatePresence","_extends","css","theme","drawerContainer","ref","Mask","visible","onClick","undefined","ReactFocusLock","returnFocus","disabled","m","className","animate","exit","variants","custom","createPortal","Body","Footer","Root"],"mappings":"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"}

package/dist/esm/src/components/Drawer/components/Mask.js

@@ -20,15 +20,18 @@ var maskVariants = {
   }
 };
 var Mask = function Mask(_ref) {
-  var onClose = _ref.onClose;
+  var _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    onClick = _ref.onClick;
   return jsx(m.div, {
-    css: maskContainer,
-    onClick: onClose,
+    css: maskContainer(visible),
+    onClick: onClick,
     initial: "hidden",
     animate: "expanded",
     exit: "hidden",
     variants: maskVariants,
-    "data-testid": "mask"
+    "data-testid": "mask",
+    "data-overlay": visible
   });
 };
 

package/dist/esm/src/components/Drawer/components/Mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mask.js","sources":["../../../../../../src/components/Drawer/components/Mask.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport { m, Variants } from \"framer-motion\";\nimport { maskContainer } from \"./styles\";\n\nconst maskVariants: Variants = {\n  hidden: {\n    opacity: 0,\n  },\n  expanded: {\n    opacity: 1,\n  },\n};\n\nexport type MaskProps = {\n  onClose: (e: MouseEvent) => void;\n};\n\nconst Mask: FC<MaskProps> = ({ onClose }) => (\n  <m.div\n    css={maskContainer}\n    onClick={onClose}\n    initial=\"hidden\"\n    animate=\"expanded\"\n    exit=\"hidden\"\n    variants={maskVariants}\n    data-testid=\"mask\"\n  />\n);\n\nexport default Mask;\n"],"names":["maskVariants","hidden","opacity","expanded","Mask","_ref","onClose","___EmotionJSX","m","div","css","maskContainer","onClick","initial","animate","exit","variants"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,YAAsB,GAAG;AAC7BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,CAAA;GACV;AACDC,EAAAA,QAAQ,EAAE;AACRD,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF,CAAC,CAAA;AAMD,IAAME,IAAmB,GAAG,SAAtBA,IAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;AAAA,EAAA,OACpCC,GAAA,CAACC,CAAC,CAACC,GAAG,EAAA;AACJC,IAAAA,GAAG,EAAEC,aAAc;AACnBC,IAAAA,OAAO,EAAEN,OAAQ;AACjBO,IAAAA,OAAO,EAAC,QAAQ;AAChBC,IAAAA,OAAO,EAAC,UAAU;AAClBC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAEhB,YAAa;IACvB,aAAY,EAAA,MAAA;AAAM,GACnB,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Mask.js","sources":["../../../../../../src/components/Drawer/components/Mask.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport { m, Variants } from \"framer-motion\";\nimport { maskContainer } from \"./styles\";\n\nconst maskVariants: Variants = {\n  hidden: {\n    opacity: 0,\n  },\n  expanded: {\n    opacity: 1,\n  },\n};\n\nexport type MaskProps = {\n  visible?: boolean;\n  onClick?: (e: MouseEvent) => void;\n};\n\nconst Mask: FC<MaskProps> = ({ visible = true, onClick }) => (\n  <m.div\n    css={maskContainer(visible)}\n    onClick={onClick}\n    initial=\"hidden\"\n    animate=\"expanded\"\n    exit=\"hidden\"\n    variants={maskVariants}\n    data-testid=\"mask\"\n    data-overlay={visible}\n  />\n);\n\nexport default Mask;\n"],"names":["maskVariants","hidden","opacity","expanded","Mask","_ref","_ref$visible","visible","onClick","___EmotionJSX","m","div","css","maskContainer","initial","animate","exit","variants"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,YAAsB,GAAG;AAC7BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,CAAA;GACV;AACDC,EAAAA,QAAQ,EAAE;AACRD,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF,CAAC,CAAA;AAOD,IAAME,IAAmB,GAAG,SAAtBA,IAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAME,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;IAAEE,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAAA,EAAA,OACpDC,GAAA,CAACC,CAAC,CAACC,GAAG,EAAA;AACJC,IAAAA,GAAG,EAAEC,aAAa,CAACN,OAAO,CAAE;AAC5BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBM,IAAAA,OAAO,EAAC,QAAQ;AAChBC,IAAAA,OAAO,EAAC,UAAU;AAClBC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAEjB,YAAa;AACvB,IAAA,aAAA,EAAY,MAAM;IAClB,cAAcO,EAAAA,OAAAA;AAAQ,GACvB,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/src/components/Drawer/components/styles.js

@@ -12,7 +12,7 @@ import { mq } from '../../../theme/utils/breakpoints.js';
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var drawerHeader = function drawerHeader(_ref) {
   var noGutters = _ref.noGutters;
-  return /*#__PURE__*/ /*#__PURE__*/css("display:flex;justify-content:space-between;align-items:center;padding-inline:", noGutters ? 0 : "1rem", ";padding-block:", noGutters ? 0 : "1rem", ";height:100%;max-height:4.5rem;", mq["md"], "{padding-inline:", noGutters ? 0 : "2rem", ";}.close-button{margin-inline-end:-0.8rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIkB0aGVtZS91dGlscy9icmVha3BvaW50c1wiO1xuXG5leHBvcnQgY29uc3QgZHJhd2VySGVhZGVyID0gKHsgbm9HdXR0ZXJzIH06IHsgbm9HdXR0ZXJzOiBib29sZWFuIH0pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmctaW5saW5lOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgcGFkZGluZy1ibG9jazogJHtub0d1dHRlcnMgPyAwIDogXCIxcmVtXCJ9O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiA0LjVyZW07XG5cbiAgICAke21xW1wibWRcIl19IHtcbiAgICAgIHBhZGRpbmctaW5saW5lOiAke25vR3V0dGVycyA/IDAgOiBcIjJyZW1cIn07XG4gICAgfVxuXG4gICAgLmNsb3NlLWJ1dHRvbiB7XG4gICAgICBtYXJnaW4taW5saW5lLWVuZDogLTAuOHJlbTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgZHJhd2VyQm9keSA9IGNzc2BcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1hc2tDb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNDUpO1xuYDtcblxuZXhwb3J0IGNvbnN0IGZvb3RlckNvbnRhaW5lciA9IGNzc2BcbiAgcGFkZGluZzogMXJlbTtcblxuICAke21xW1wibWRcIl19IHtcbiAgICBwYWRkaW5nOiAycmVtO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:drawerHeader;");
+  return /*#__PURE__*/ /*#__PURE__*/css("display:flex;justify-content:space-between;align-items:center;padding-inline:", noGutters ? 0 : "1rem", ";padding-block:", noGutters ? 0 : "1rem", ";height:100%;max-height:4.5rem;", mq["md"], "{padding-inline:", noGutters ? 0 : "2rem", ";}.close-button{margin-inline-end:-0.8rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIkB0aGVtZS91dGlscy9icmVha3BvaW50c1wiO1xuXG5leHBvcnQgY29uc3QgZHJhd2VySGVhZGVyID0gKHsgbm9HdXR0ZXJzIH06IHsgbm9HdXR0ZXJzOiBib29sZWFuIH0pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmctaW5saW5lOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgcGFkZGluZy1ibG9jazogJHtub0d1dHRlcnMgPyAwIDogXCIxcmVtXCJ9O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiA0LjVyZW07XG5cbiAgICAke21xW1wibWRcIl19IHtcbiAgICAgIHBhZGRpbmctaW5saW5lOiAke25vR3V0dGVycyA/IDAgOiBcIjJyZW1cIn07XG4gICAgfVxuXG4gICAgLmNsb3NlLWJ1dHRvbiB7XG4gICAgICBtYXJnaW4taW5saW5lLWVuZDogLTAuOHJlbTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgZHJhd2VyQm9keSA9IGNzc2BcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1hc2tDb250YWluZXIgPSAodmlzaWJsZTogYm9vbGVhbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt2aXNpYmxlID8gXCJyZ2JhKDAsIDAsIDAsIDAuNDUpXCIgOiBcInRyYW5zcGFyZW50XCJ9O1xuICBgO1xuXG5leHBvcnQgY29uc3QgZm9vdGVyQ29udGFpbmVyID0gY3NzYFxuICBwYWRkaW5nOiAxcmVtO1xuXG4gICR7bXFbXCJtZFwiXX0ge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:drawerHeader;");
 };
 var drawerBody = process.env.NODE_ENV === "production" ? {
   name: "afms4i",
@@ -20,22 +20,16 @@ var drawerBody = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1vbxgux-drawerBody",
   styles: "height:100%;overflow-y:auto;label:drawerBody;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjZCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJIZWFkZXIgPSAoeyBub0d1dHRlcnMgfTogeyBub0d1dHRlcnM6IGJvb2xlYW4gfSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMXJlbVwifTtcbiAgICBwYWRkaW5nLWJsb2NrOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1heC1oZWlnaHQ6IDQuNXJlbTtcblxuICAgICR7bXFbXCJtZFwiXX0ge1xuICAgICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMnJlbVwifTtcbiAgICB9XG5cbiAgICAuY2xvc2UtYnV0dG9uIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAtMC44cmVtO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJCb2R5ID0gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgbWFza0NvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSk7XG5gO1xuXG5leHBvcnQgY29uc3QgZm9vdGVyQ29udGFpbmVyID0gY3NzYFxuICBwYWRkaW5nOiAxcmVtO1xuXG4gICR7bXFbXCJtZFwiXX0ge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gIH1cbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjZCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJIZWFkZXIgPSAoeyBub0d1dHRlcnMgfTogeyBub0d1dHRlcnM6IGJvb2xlYW4gfSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMXJlbVwifTtcbiAgICBwYWRkaW5nLWJsb2NrOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1heC1oZWlnaHQ6IDQuNXJlbTtcblxuICAgICR7bXFbXCJtZFwiXX0ge1xuICAgICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMnJlbVwifTtcbiAgICB9XG5cbiAgICAuY2xvc2UtYnV0dG9uIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAtMC44cmVtO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJCb2R5ID0gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgbWFza0NvbnRhaW5lciA9ICh2aXNpYmxlOiBib29sZWFuKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Zpc2libGUgPyBcInJnYmEoMCwgMCwgMCwgMC40NSlcIiA6IFwidHJhbnNwYXJlbnRcIn07XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBmb290ZXJDb250YWluZXIgPSBjc3NgXG4gIHBhZGRpbmc6IDFyZW07XG5cbiAgJHttcVtcIm1kXCJdfSB7XG4gICAgcGFkZGluZzogMnJlbTtcbiAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var maskContainer = process.env.NODE_ENV === "production" ? {
-  name: "jvyqu8",
-  styles: "position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.45)"
-} : {
-  name: "tigpv4-maskContainer",
-  styles: "position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.45);label:maskContainer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmdDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJIZWFkZXIgPSAoeyBub0d1dHRlcnMgfTogeyBub0d1dHRlcnM6IGJvb2xlYW4gfSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMXJlbVwifTtcbiAgICBwYWRkaW5nLWJsb2NrOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1heC1oZWlnaHQ6IDQuNXJlbTtcblxuICAgICR7bXFbXCJtZFwiXX0ge1xuICAgICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMnJlbVwifTtcbiAgICB9XG5cbiAgICAuY2xvc2UtYnV0dG9uIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAtMC44cmVtO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJCb2R5ID0gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgbWFza0NvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSk7XG5gO1xuXG5leHBvcnQgY29uc3QgZm9vdGVyQ29udGFpbmVyID0gY3NzYFxuICBwYWRkaW5nOiAxcmVtO1xuXG4gICR7bXFbXCJtZFwiXX0ge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gIH1cbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+var maskContainer = function maskContainer(visible) {
+  return /*#__PURE__*/ /*#__PURE__*/css("position:absolute;top:0;left:0;height:100%;width:100%;background-color:", visible ? "rgba(0, 0, 0, 0.45)" : "transparent", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:maskContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QksiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGRyYXdlckhlYWRlciA9ICh7IG5vR3V0dGVycyB9OiB7IG5vR3V0dGVyczogYm9vbGVhbiB9KTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nLWlubGluZTogJHtub0d1dHRlcnMgPyAwIDogXCIxcmVtXCJ9O1xuICAgIHBhZGRpbmctYmxvY2s6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMXJlbVwifTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogNC41cmVtO1xuXG4gICAgJHttcVtcIm1kXCJdfSB7XG4gICAgICBwYWRkaW5nLWlubGluZTogJHtub0d1dHRlcnMgPyAwIDogXCIycmVtXCJ9O1xuICAgIH1cblxuICAgIC5jbG9zZS1idXR0b24ge1xuICAgICAgbWFyZ2luLWlubGluZS1lbmQ6IC0wLjhyZW07XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IGRyYXdlckJvZHkgPSBjc3NgXG4gIGhlaWdodDogMTAwJTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBtYXNrQ29udGFpbmVyID0gKHZpc2libGU6IGJvb2xlYW4pOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dmlzaWJsZSA/IFwicmdiYSgwLCAwLCAwLCAwLjQ1KVwiIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGZvb3RlckNvbnRhaW5lciA9IGNzc2BcbiAgcGFkZGluZzogMXJlbTtcblxuICAke21xW1wibWRcIl19IHtcbiAgICBwYWRkaW5nOiAycmVtO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:maskContainer;");
 };
 var footerContainer =
 /*#__PURE__*/
 /*#__PURE__*/
-css("padding:1rem;", mq["md"], "{padding:2rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:footerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2tDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJIZWFkZXIgPSAoeyBub0d1dHRlcnMgfTogeyBub0d1dHRlcnM6IGJvb2xlYW4gfSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMXJlbVwifTtcbiAgICBwYWRkaW5nLWJsb2NrOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1heC1oZWlnaHQ6IDQuNXJlbTtcblxuICAgICR7bXFbXCJtZFwiXX0ge1xuICAgICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMnJlbVwifTtcbiAgICB9XG5cbiAgICAuY2xvc2UtYnV0dG9uIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAtMC44cmVtO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJCb2R5ID0gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgbWFza0NvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSk7XG5gO1xuXG5leHBvcnQgY29uc3QgZm9vdGVyQ29udGFpbmVyID0gY3NzYFxuICBwYWRkaW5nOiAxcmVtO1xuXG4gICR7bXFbXCJtZFwiXX0ge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:footerContainer;");
+css("padding:1rem;", mq["md"], "{padding:2rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:footerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ2tDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJIZWFkZXIgPSAoeyBub0d1dHRlcnMgfTogeyBub0d1dHRlcnM6IGJvb2xlYW4gfSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMXJlbVwifTtcbiAgICBwYWRkaW5nLWJsb2NrOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1heC1oZWlnaHQ6IDQuNXJlbTtcblxuICAgICR7bXFbXCJtZFwiXX0ge1xuICAgICAgcGFkZGluZy1pbmxpbmU6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMnJlbVwifTtcbiAgICB9XG5cbiAgICAuY2xvc2UtYnV0dG9uIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAtMC44cmVtO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJCb2R5ID0gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgbWFza0NvbnRhaW5lciA9ICh2aXNpYmxlOiBib29sZWFuKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Zpc2libGUgPyBcInJnYmEoMCwgMCwgMCwgMC40NSlcIiA6IFwidHJhbnNwYXJlbnRcIn07XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBmb290ZXJDb250YWluZXIgPSBjc3NgXG4gIHBhZGRpbmc6IDFyZW07XG5cbiAgJHttcVtcIm1kXCJdfSB7XG4gICAgcGFkZGluZzogMnJlbTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:footerContainer;");
 
 export { drawerBody, drawerHeader, footerContainer, maskContainer };
 //# sourceMappingURL=styles.js.map

package/dist/esm/src/components/Drawer/components/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Drawer/components/styles.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const drawerHeader = ({ noGutters }: { noGutters: boolean }): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-inline: ${noGutters ? 0 : \"1rem\"};\n    padding-block: ${noGutters ? 0 : \"1rem\"};\n    height: 100%;\n    max-height: 4.5rem;\n\n    ${mq[\"md\"]} {\n      padding-inline: ${noGutters ? 0 : \"2rem\"};\n    }\n\n    .close-button {\n      margin-inline-end: -0.8rem;\n    }\n  `;\n};\n\nexport const drawerBody = css`\n  height: 100%;\n  overflow-y: auto;\n`;\n\nexport const maskContainer = css`\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n`;\n\nexport const footerContainer = css`\n  padding: 1rem;\n\n  ${mq[\"md\"]} {\n    padding: 2rem;\n  }\n`;\n"],"names":["drawerHeader","_ref","noGutters","css","mq","process","env","NODE_ENV","drawerBody","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","maskContainer","footerContainer"],"mappings":";;;;;;;;;;;;IAGaA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA1DC,SAAS,GAAAD,IAAA,CAATC,SAAS,CAAA;AACtC,EAAA,kCAAOC,GAAG,CAIUD,+EAAAA,EAAAA,SAAS,GAAG,CAAC,GAAG,MAAM,EACvBA,iBAAAA,EAAAA,SAAS,GAAG,CAAC,GAAG,MAAM,EAAA,iCAAA,EAIrCE,EAAE,CAAC,IAAI,CAAC,EACUF,kBAAAA,EAAAA,SAAS,GAAG,CAAC,GAAG,MAAM,EAAA,6CAAA,IAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i8CAAA,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA,CAAA;AAO9C,EAAC;IAEYC,UAAU,GAAAH,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAE,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,6BAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,oBAAA;EAAAC,MAAA,EAAA,+CAAA;EAAAC,GAAA,EAAA,q8CAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,EAGtB;IAEYC,aAAa,GAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAE,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,4FAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,sBAAA;EAAAC,MAAA,EAAA,iHAAA;EAAAC,GAAA,EAAA,q8CAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,EAOzB;IAEYE,eAAe;AAAA;AAAA;AAAGZ,GAAG,CAAA,eAAA,EAG9BC,EAAE,CAAC,IAAI,CAAC,EAAAC,iBAAAA,IAAAA,OAAA,CAAAC,GAAA,CAAAC,QAAA,qDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q8CAAA,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAGX,YAAA,GAAA,EAAA,GAAA,yBAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Drawer/components/styles.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const drawerHeader = ({ noGutters }: { noGutters: boolean }): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-inline: ${noGutters ? 0 : \"1rem\"};\n    padding-block: ${noGutters ? 0 : \"1rem\"};\n    height: 100%;\n    max-height: 4.5rem;\n\n    ${mq[\"md\"]} {\n      padding-inline: ${noGutters ? 0 : \"2rem\"};\n    }\n\n    .close-button {\n      margin-inline-end: -0.8rem;\n    }\n  `;\n};\n\nexport const drawerBody = css`\n  height: 100%;\n  overflow-y: auto;\n`;\n\nexport const maskContainer = (visible: boolean): SerializedStyles =>\n  css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-color: ${visible ? \"rgba(0, 0, 0, 0.45)\" : \"transparent\"};\n  `;\n\nexport const footerContainer = css`\n  padding: 1rem;\n\n  ${mq[\"md\"]} {\n    padding: 2rem;\n  }\n`;\n"],"names":["drawerHeader","_ref","noGutters","css","mq","process","env","NODE_ENV","drawerBody","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","maskContainer","visible","footerContainer"],"mappings":";;;;;;;;;;;;IAGaA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA1DC,SAAS,GAAAD,IAAA,CAATC,SAAS,CAAA;AACtC,EAAA,kCAAOC,GAAG,CAIUD,+EAAAA,EAAAA,SAAS,GAAG,CAAC,GAAG,MAAM,EACvBA,iBAAAA,EAAAA,SAAS,GAAG,CAAC,GAAG,MAAM,EAAA,iCAAA,EAIrCE,EAAE,CAAC,IAAI,CAAC,EACUF,kBAAAA,EAAAA,SAAS,GAAG,CAAC,GAAG,MAAM,EAAA,6CAAA,IAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6jDAAA,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA,CAAA;AAO9C,EAAC;IAEYC,UAAU,GAAAH,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAE,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,6BAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,oBAAA;EAAAC,MAAA,EAAA,+CAAA;EAAAC,GAAA,EAAA,ikDAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,EAGtB;IAEYC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAgB,EAAA;EAAA,kCAC5CZ,GAAG,CAMmBY,yEAAAA,EAAAA,OAAO,GAAG,qBAAqB,GAAG,aAAa,EAAA,GAAA,IAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAAF,YAAAA,GAAAA,EAAAA,GAAAA,uBAAAA,CAAAA,EAAAA,OAAA,CAAAC,GAAA,CAAAC,QAAA,wlDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,uBAAA,CAAA,CAAA;AAAA,EACpE;IAEUS,eAAe;AAAA;AAAA;AAAGb,GAAG,CAAA,eAAA,EAG9BC,EAAE,CAAC,IAAI,CAAC,EAAAC,iBAAAA,IAAAA,OAAA,CAAAC,GAAA,CAAAC,QAAA,qDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ikDAAA,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAGX,YAAA,GAAA,EAAA,GAAA,yBAAA;;;;"}

package/dist/esm/src/components/Drawer/constants.js

@@ -0,0 +1,12 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v6.6.16
+   * Released under the MIT license.
+   */
+
+var DRAWER_ROOT_ID = "drawerRoot";
+
+export { DRAWER_ROOT_ID };
+//# sourceMappingURL=constants.js.map

package/dist/esm/src/components/Drawer/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Drawer/constants.ts"],"sourcesContent":["export const DRAWER_ROOT_ID = \"drawerRoot\";\n"],"names":["DRAWER_ROOT_ID"],"mappings":";;;;;;;;AAAO,IAAMA,cAAc,GAAG;;;;"}

package/dist/esm/src/components/Drawer/hooks/useDrawerStackPosition.js

@@ -0,0 +1,64 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v6.6.16
+   * Released under the MIT license.
+   */
+
+import '../../../../node_modules/core-js/modules/es.array.filter.js';
+import '../../../../node_modules/core-js/modules/es.array.for-each.js';
+import '../../../../node_modules/core-js/modules/es.array.iterator.js';
+import '../../../../node_modules/core-js/modules/es.object.to-string.js';
+import '../../../../node_modules/core-js/modules/es.set.constructor.js';
+import '../../../../node_modules/core-js/modules/es.string.iterator.js';
+import '../../../../node_modules/core-js/modules/web.dom-collections.for-each.js';
+import '../../../../node_modules/core-js/modules/web.dom-collections.iterator.js';
+import { useId, useLayoutEffect, useSyncExternalStore } from 'react';
+
+var openDrawerStack = [];
+var listeners = new Set();
+var subscribe = function subscribe(listener) {
+  listeners.add(listener);
+  return function () {
+    listeners["delete"](listener);
+  };
+};
+var notifyDrawerStackListeners = function notifyDrawerStackListeners() {
+  listeners.forEach(function (listener) {
+    return listener();
+  });
+};
+var getIsBottomMostOpenDrawer = function getIsBottomMostOpenDrawer(key, isOpen) {
+  return isOpen && openDrawerStack[0] === key;
+};
+
+/**
+ * Tracks open drawers globally so only the bottom-most drawer renders the visible backdrop.
+ * Uses open order and `useSyncExternalStore` for tear-free reads.
+ */
+var useDrawerStackPosition = function useDrawerStackPosition(isOpen) {
+  var key = useId();
+  useLayoutEffect(function () {
+    if (!isOpen) return;
+    openDrawerStack.push(key);
+    notifyDrawerStackListeners();
+    return function () {
+      openDrawerStack = openDrawerStack.filter(function (stackKey) {
+        return stackKey !== key;
+      });
+      notifyDrawerStackListeners();
+    };
+  }, [isOpen, key]);
+  var isBottomMostOpenDrawer = useSyncExternalStore(subscribe, function () {
+    return getIsBottomMostOpenDrawer(key, isOpen);
+  }, function () {
+    return false;
+  });
+  return {
+    isBottomMostOpenDrawer: isBottomMostOpenDrawer
+  };
+};
+
+export { useDrawerStackPosition };
+//# sourceMappingURL=useDrawerStackPosition.js.map

package/dist/esm/src/components/Drawer/hooks/useDrawerStackPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerStackPosition.js","sources":["../../../../../../src/components/Drawer/hooks/useDrawerStackPosition.ts"],"sourcesContent":["import { useId, useLayoutEffect, useSyncExternalStore } from \"react\";\n\nlet openDrawerStack: string[] = [];\nconst listeners = new Set<() => void>();\n\nconst subscribe = (listener: () => void): (() => void) => {\n  listeners.add(listener);\n\n  return (): void => {\n    listeners.delete(listener);\n  };\n};\n\nconst notifyDrawerStackListeners = (): void => {\n  listeners.forEach((listener) => listener());\n};\n\nconst getIsBottomMostOpenDrawer = (key: string, isOpen: boolean): boolean => {\n  return isOpen && openDrawerStack[0] === key;\n};\n\n/**\n * Tracks open drawers globally so only the bottom-most drawer renders the visible backdrop.\n * Uses open order and `useSyncExternalStore` for tear-free reads.\n */\nexport const useDrawerStackPosition = (isOpen: boolean): { isBottomMostOpenDrawer: boolean } => {\n  const key = useId();\n\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n\n    openDrawerStack.push(key);\n    notifyDrawerStackListeners();\n\n    return (): void => {\n      openDrawerStack = openDrawerStack.filter((stackKey) => stackKey !== key);\n      notifyDrawerStackListeners();\n    };\n  }, [isOpen, key]);\n\n  const isBottomMostOpenDrawer = useSyncExternalStore(\n    subscribe,\n    () => getIsBottomMostOpenDrawer(key, isOpen),\n    () => false,\n  );\n\n  return { isBottomMostOpenDrawer };\n};\n"],"names":["openDrawerStack","listeners","Set","subscribe","listener","add","notifyDrawerStackListeners","forEach","getIsBottomMostOpenDrawer","key","isOpen","useDrawerStackPosition","useId","useLayoutEffect","push","filter","stackKey","isBottomMostOpenDrawer","useSyncExternalStore"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,IAAIA,eAAyB,GAAG,EAAE,CAAA;AAClC,IAAMC,SAAS,GAAG,IAAIC,GAAG,EAAc,CAAA;AAEvC,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,QAAoB,EAAmB;AACxDH,EAAAA,SAAS,CAACI,GAAG,CAACD,QAAQ,CAAC,CAAA;AAEvB,EAAA,OAAO,YAAY;IACjBH,SAAS,CAAA,QAAA,CAAO,CAACG,QAAQ,CAAC,CAAA;GAC3B,CAAA;AACH,CAAC,CAAA;AAED,IAAME,0BAA0B,GAAG,SAA7BA,0BAA0BA,GAAe;AAC7CL,EAAAA,SAAS,CAACM,OAAO,CAAC,UAACH,QAAQ,EAAA;IAAA,OAAKA,QAAQ,EAAE,CAAA;GAAC,CAAA,CAAA;AAC7C,CAAC,CAAA;AAED,IAAMI,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,GAAW,EAAEC,MAAe,EAAc;AAC3E,EAAA,OAAOA,MAAM,IAAIV,eAAe,CAAC,CAAC,CAAC,KAAKS,GAAG,CAAA;AAC7C,CAAC,CAAA;;AAED;AACA;AACA;AACA;IACaE,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAID,MAAe,EAA0C;AAC9F,EAAA,IAAMD,GAAG,GAAGG,KAAK,EAAE,CAAA;AAEnBC,EAAAA,eAAe,CAAC,YAAM;IACpB,IAAI,CAACH,MAAM,EAAE,OAAA;AAEbV,IAAAA,eAAe,CAACc,IAAI,CAACL,GAAG,CAAC,CAAA;AACzBH,IAAAA,0BAA0B,EAAE,CAAA;AAE5B,IAAA,OAAO,YAAY;AACjBN,MAAAA,eAAe,GAAGA,eAAe,CAACe,MAAM,CAAC,UAACC,QAAQ,EAAA;QAAA,OAAKA,QAAQ,KAAKP,GAAG,CAAA;OAAC,CAAA,CAAA;AACxEH,MAAAA,0BAA0B,EAAE,CAAA;KAC7B,CAAA;AACH,GAAC,EAAE,CAACI,MAAM,EAAED,GAAG,CAAC,CAAC,CAAA;AAEjB,EAAA,IAAMQ,sBAAsB,GAAGC,oBAAoB,CACjDf,SAAS,EACT,YAAA;AAAA,IAAA,OAAMK,yBAAyB,CAACC,GAAG,EAAEC,MAAM,CAAC,CAAA;GAC5C,EAAA,YAAA;AAAA,IAAA,OAAM,KAAK,CAAA;AAAA,GACb,CAAC,CAAA;EAED,OAAO;AAAEO,IAAAA,sBAAsB,EAAtBA,sBAAAA;GAAwB,CAAA;AACnC;;;;"}

package/dist/types/components/Drawer/Drawer.d.ts

@@ -5,7 +5,6 @@ import { FCWithChildren } from "types/common";
 export type DrawerProps = React.HTMLAttributes<HTMLDivElement> & {
     isOpen: boolean;
     closeOnOutsideClick?: boolean;
-    showMask?: boolean;
     placement?: "left" | "right";
     width?: string;
     dialogStyles?: MotionStyle;

package/dist/types/components/Drawer/components/Mask.d.ts

@@ -1,6 +1,7 @@
 import { FC, MouseEvent } from "react";
 export type MaskProps = {
-    onClose: (e: MouseEvent) => void;
+    visible?: boolean;
+    onClick?: (e: MouseEvent) => void;
 };
 declare const Mask: FC<MaskProps>;
 export default Mask;

package/dist/types/components/Drawer/components/styles.d.ts

@@ -3,5 +3,5 @@ export declare const drawerHeader: ({ noGutters }: {
     noGutters: boolean;
 }) => SerializedStyles;
 export declare const drawerBody: SerializedStyles;
-export declare const maskContainer: SerializedStyles;
+export declare const maskContainer: (visible: boolean) => SerializedStyles;
 export declare const footerContainer: SerializedStyles;

package/dist/types/components/Drawer/constants.d.ts

@@ -0,0 +1 @@
+export declare const DRAWER_ROOT_ID = "drawerRoot";

package/dist/types/components/Drawer/hooks/useDrawerStackPosition.d.ts

@@ -0,0 +1,3 @@
+export declare const useDrawerStackPosition: (isOpen: boolean) => {
+    isBottomMostOpenDrawer: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epignosis_llc/gnosis",
-  "version": "6.7.5",
+  "version": "6.7.6",
   "type": "module",
   "description": "Epignosis official react design system.",
   "homepage": "https://github.com/epignosis/gnosis",