react-spatial 2.0.0-beta.1 → 2.0.0-beta.2

package/components/NorthArrow/index.js

@@ -1,3 +1 @@
-export { default } from './NorthArrow';
-
-//# sourceMappingURL=index.js.map
+export { default } from "./NorthArrow";

package/components/NorthArrow/index.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/NorthArrow/index.js"],"sourcesContent":["export { default } from './NorthArrow';\n"],"names":[],"mappings":"AAAA,SAAS,OAAO,QAAQ,cAAc,CAAC;"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/NorthArrow/index.js"],
+  "sourcesContent": ["export { default } from \"./NorthArrow\";\n"],
+  "mappings": "AAAA,SAAS,eAAe;",
+  "names": []
+}

package/components/Overlay/Overlay.js

@@ -1,35 +1,21 @@
-import React, { Component, useState } from 'react';
-import PropTypes from 'prop-types';
-import { Resizable } from 're-resizable';
-import ResizeHandler from '../ResizeHandler';
-
-var propTypes = {
-  /**
-   * CSS class added to container.
-   */
-  className: PropTypes.string,
-
+import PropTypes from "prop-types";
+import { Resizable } from "re-resizable";
+import React, { Component, useState } from "react";
+import ResizeHandler from "../ResizeHandler";
+const propTypes = {
   /**
    * Children content of the overlay.
    */
   children: PropTypes.node,
-
   /**
-   * Observed element to define screen size.
+   * CSS class added to container.
    */
-  observe: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.instanceOf(Element),
-    PropTypes.instanceOf(Component),
-    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),
-    PropTypes.shape({ current: PropTypes.instanceOf(Component) }) ]),
-
+  className: PropTypes.string,
   /**
    * Deactivate the ability to resize the overlay on mobile.
    * /!\ This prop is only used if isMobile (observer width < 768px).
    */
   isMobileResizable: PropTypes.bool,
-
   /**
    * Size parameters to the Resizable component on mobile.
    * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'
@@ -37,133 +23,117 @@ var propTypes = {
    * /!\ This prop is only used if isMobile (observer width < 768px).
    */
   mobileSize: PropTypes.shape({
-    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     defaultSize: PropTypes.shape({
       height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
     }),
+    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     size: PropTypes.shape({
       height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    }),
+      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+    })
   }),
-
   /**
-   * Minimal width to consider the observed as mobile.
-   * Default is 768px.
+   * Observed element to define screen size.
    */
-  thresholdWidthForMobile: PropTypes.number,
-
+  observe: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.node,
+    PropTypes.instanceOf(Component),
+    PropTypes.shape({ current: PropTypes.node }),
+    PropTypes.shape({ current: PropTypes.instanceOf(Component) })
+  ]),
   /**
-   * Callback when stop resizing
+   * Callback when start resizing
    * Pass following prop to re-resizable component
    * (https://github.com/bokuweb/re-resizable)
    */
-  onResizeStop: PropTypes.func,
-
+  onResizeStart: PropTypes.func,
   /**
-   * Callback when start resizing
+   * Callback when stop resizing
    * Pass following prop to re-resizable component
    * (https://github.com/bokuweb/re-resizable)
    */
-  onResizeStart: PropTypes.func,
+  onResizeStop: PropTypes.func,
+  /**
+   * Minimal width to consider the observed as mobile.
+   * Default is 768px.
+   */
+  thresholdWidthForMobile: PropTypes.number
 };
-
-var defaultMobileSize = {
+const defaultMobileSize = {
   defaultSize: {
-    width: '100%',
-    height: '25%',
+    height: "25%",
+    width: "100%"
   },
-  size: undefined,
-  maximalHeight: '100%',
-  minimalHeight: '25%',
+  maximalHeight: "100%",
+  minimalHeight: "25%",
+  size: void 0
 };
-
-var defaultProps = {
-  className: null,
-  children: null,
-  observe: null,
-  isMobileResizable: true,
-  mobileSize: defaultMobileSize,
-  thresholdWidthForMobile: 768,
-  onResizeStop: function () {},
-  onResizeStart: function () {},
+const emptyFunc = () => {
 };
-
-/**
- * The Overlay component creates a resizable, swipable overlay <div\>
- */
-var Overlay = function (ref) {
-  var observe = ref.observe;
-  var className = ref.className;
-  var children = ref.children;
-  var isMobileResizable = ref.isMobileResizable;
-  var mobileSize = ref.mobileSize;
-  var onResizeStop = ref.onResizeStop;
-  var onResizeStart = ref.onResizeStart;
-  var thresholdWidthForMobile = ref.thresholdWidthForMobile;
-
-  var ref$1 = useState();
-  var isMobile = ref$1[0];
-  var setIsMobile = ref$1[1];
-
-  var onResize = function (entries) {
-    for (var i = 0; i < entries.length; i += 1) {
-      var ref = entries[i].contentRect;
-      var width = ref.width;
+function Overlay({
+  children = null,
+  className = null,
+  isMobileResizable = true,
+  mobileSize = defaultMobileSize,
+  observe = null,
+  onResizeStart = emptyFunc,
+  onResizeStop = emptyFunc,
+  thresholdWidthForMobile = 768
+}) {
+  const [isMobile, setIsMobile] = useState();
+  const onResize = (entries) => {
+    for (let i = 0; i < entries.length; i += 1) {
+      const { width } = entries[i].contentRect;
       setIsMobile(width <= thresholdWidthForMobile);
     }
   };
-
-  var resizableMobileSize;
+  let resizableMobileSize;
   if (mobileSize) {
-    resizableMobileSize = Object.assign({}, defaultMobileSize, mobileSize);
+    resizableMobileSize = { ...defaultMobileSize, ...mobileSize };
   }
-
-  return (
-    React.createElement( React.Fragment, null,
-      observe ? React.createElement( ResizeHandler, { observe: observe, onResize: onResize }) : null,
-      isMobile ? (
-        React.createElement( Resizable, {
-          style: {
-            position: 'absolute',
-          }, enable: {
-            top: isMobileResizable,
-            right: false,
-            bottom: false,
-            left: false,
-            topRight: false,
-            bottomRight: false,
-            bottomLeft: false,
-            topLeft: false,
-          }, maxHeight: mobileSize && resizableMobileSize.maximalHeight, minHeight: mobileSize && resizableMobileSize.minimalHeight, handleComponent: {
-            top: React.createElement( 'div', { className: "tm-overlay-handler" }, "—"),
-          }, onResizeStart: onResizeStart, onResizeStop: onResizeStop, handleStyles: {
-            top: {
-              top: '-20px',
-              height: '20px',
-              padding: '20px 0',
-              width: '100%',
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
-            },
-          }, size: resizableMobileSize.size, defaultSize: mobileSize && resizableMobileSize.defaultSize, className: ("tm-overlay-mobile" + (className ? (" " + className) : '')) },
-          React.createElement( 'div', { className: "tm-overlay-mobile-content" }, children)
-        )
-      ) : (
-        React.createElement( 'div', { className: ("tm-overlay" + (className ? (" " + className) : '')) },
-          children
-        )
-      )
-    )
-  );
-};
-
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, observe ? /* @__PURE__ */ React.createElement(ResizeHandler, { observe, onResize }) : null, isMobile ? /* @__PURE__ */ React.createElement(
+    Resizable,
+    {
+      className: `tm-overlay-mobile${className ? ` ${className}` : ""}`,
+      defaultSize: mobileSize && resizableMobileSize.defaultSize,
+      enable: {
+        bottom: false,
+        bottomLeft: false,
+        bottomRight: false,
+        left: false,
+        right: false,
+        top: isMobileResizable,
+        topLeft: false,
+        topRight: false
+      },
+      handleComponent: {
+        top: /* @__PURE__ */ React.createElement("div", { className: "tm-overlay-handler" }, "\u2014")
+      },
+      handleStyles: {
+        top: {
+          alignItems: "center",
+          display: "flex",
+          height: "20px",
+          justifyContent: "center",
+          padding: "20px 0",
+          top: "-20px",
+          width: "100%"
+        }
+      },
+      maxHeight: mobileSize && resizableMobileSize.maximalHeight,
+      minHeight: mobileSize && resizableMobileSize.minimalHeight,
+      onResizeStart,
+      onResizeStop,
+      size: resizableMobileSize.size,
+      style: {
+        position: "absolute"
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "tm-overlay-mobile-content" }, children)
+  ) : /* @__PURE__ */ React.createElement("div", { className: `tm-overlay${className ? ` ${className}` : ""}` }, children));
+}
 Overlay.propTypes = propTypes;
-Overlay.defaultProps = defaultProps;
-
 export default Overlay;
-
-//# sourceMappingURL=Overlay.js.map

package/components/Overlay/Overlay.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.js"],"sourcesContent":["import React, { Component, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Resizable } from 're-resizable';\nimport ResizeHandler from '../ResizeHandler';\n\nconst propTypes = {\n  /**\n   * CSS class added to container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Children content of the overlay.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Observed element to define screen size.\n   */\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.instanceOf(Element),\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n\n  /**\n   * Deactivate the ability to resize the overlay on mobile.\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  isMobileResizable: PropTypes.bool,\n\n  /**\n   * Size parameters to the Resizable component on mobile.\n   * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'\n   * (https://github.com/bokuweb/re-resizable)\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  mobileSize: PropTypes.shape({\n    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    defaultSize: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n    size: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n  }),\n\n  /**\n   * Minimal width to consider the observed as mobile.\n   * Default is 768px.\n   */\n  thresholdWidthForMobile: PropTypes.number,\n\n  /**\n   * Callback when stop resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStop: PropTypes.func,\n\n  /**\n   * Callback when start resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStart: PropTypes.func,\n};\n\nconst defaultMobileSize = {\n  defaultSize: {\n    width: '100%',\n    height: '25%',\n  },\n  size: undefined,\n  maximalHeight: '100%',\n  minimalHeight: '25%',\n};\n\nconst defaultProps = {\n  className: null,\n  children: null,\n  observe: null,\n  isMobileResizable: true,\n  mobileSize: defaultMobileSize,\n  thresholdWidthForMobile: 768,\n  onResizeStop: () => {},\n  onResizeStart: () => {},\n};\n\n/**\n * The Overlay component creates a resizable, swipable overlay <div\\>\n */\nconst Overlay = ({\n  observe,\n  className,\n  children,\n  isMobileResizable,\n  mobileSize,\n  onResizeStop,\n  onResizeStart,\n  thresholdWidthForMobile,\n}) => {\n  const [isMobile, setIsMobile] = useState();\n\n  const onResize = (entries) => {\n    for (let i = 0; i < entries.length; i += 1) {\n      const { width } = entries[i].contentRect;\n      setIsMobile(width <= thresholdWidthForMobile);\n    }\n  };\n\n  let resizableMobileSize;\n  if (mobileSize) {\n    resizableMobileSize = { ...defaultMobileSize, ...mobileSize };\n  }\n\n  return (\n    <>\n      {observe ? <ResizeHandler observe={observe} onResize={onResize} /> : null}\n      {isMobile ? (\n        <Resizable\n          style={{\n            position: 'absolute',\n          }}\n          enable={{\n            top: isMobileResizable,\n            right: false,\n            bottom: false,\n            left: false,\n            topRight: false,\n            bottomRight: false,\n            bottomLeft: false,\n            topLeft: false,\n          }}\n          maxHeight={mobileSize && resizableMobileSize.maximalHeight}\n          minHeight={mobileSize && resizableMobileSize.minimalHeight}\n          handleComponent={{\n            top: <div className=\"tm-overlay-handler\">&mdash;</div>,\n          }}\n          onResizeStart={onResizeStart}\n          onResizeStop={onResizeStop}\n          handleStyles={{\n            top: {\n              top: '-20px',\n              height: '20px',\n              padding: '20px 0',\n              width: '100%',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n          size={resizableMobileSize.size}\n          defaultSize={mobileSize && resizableMobileSize.defaultSize}\n          className={`tm-overlay-mobile${className ? ` ${className}` : ''}`}\n        >\n          <div className=\"tm-overlay-mobile-content\">{children}</div>\n        </Resizable>\n      ) : (\n        <div className={`tm-overlay${className ? ` ${className}` : ''}`}>\n          {children}\n        </div>\n      )}\n    </>\n  );\n};\n\nOverlay.propTypes = propTypes;\nOverlay.defaultProps = defaultProps;\n\nexport default Overlay;\n"],"names":["const","let"],"mappings":"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"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/Overlay/Overlay.js"],
+  "sourcesContent": ["import PropTypes from \"prop-types\";\nimport { Resizable } from \"re-resizable\";\nimport React, { Component, useState } from \"react\";\n\nimport ResizeHandler from \"../ResizeHandler\";\n\nconst propTypes = {\n  /**\n   * Children content of the overlay.\n   */\n  children: PropTypes.node,\n\n  /**\n   * CSS class added to container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Deactivate the ability to resize the overlay on mobile.\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  isMobileResizable: PropTypes.bool,\n\n  /**\n   * Size parameters to the Resizable component on mobile.\n   * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'\n   * (https://github.com/bokuweb/re-resizable)\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  mobileSize: PropTypes.shape({\n    defaultSize: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    size: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n  }),\n\n  /**\n   * Observed element to define screen size.\n   */\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.node }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n\n  /**\n   * Callback when start resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStart: PropTypes.func,\n\n  /**\n   * Callback when stop resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStop: PropTypes.func,\n\n  /**\n   * Minimal width to consider the observed as mobile.\n   * Default is 768px.\n   */\n  thresholdWidthForMobile: PropTypes.number,\n};\n\nconst defaultMobileSize = {\n  defaultSize: {\n    height: \"25%\",\n    width: \"100%\",\n  },\n  maximalHeight: \"100%\",\n  minimalHeight: \"25%\",\n  size: undefined,\n};\n\nconst emptyFunc = () => {};\n/**\n * The Overlay component creates a resizable, swipable overlay <div\\>\n */\nfunction Overlay({\n  children = null,\n  className = null,\n  isMobileResizable = true,\n  mobileSize = defaultMobileSize,\n  observe = null,\n  onResizeStart = emptyFunc,\n  onResizeStop = emptyFunc,\n  thresholdWidthForMobile = 768,\n}) {\n  const [isMobile, setIsMobile] = useState();\n\n  const onResize = (entries) => {\n    for (let i = 0; i < entries.length; i += 1) {\n      const { width } = entries[i].contentRect;\n      setIsMobile(width <= thresholdWidthForMobile);\n    }\n  };\n\n  let resizableMobileSize;\n  if (mobileSize) {\n    resizableMobileSize = { ...defaultMobileSize, ...mobileSize };\n  }\n\n  return (\n    <>\n      {observe ? <ResizeHandler observe={observe} onResize={onResize} /> : null}\n      {isMobile ? (\n        <Resizable\n          className={`tm-overlay-mobile${className ? ` ${className}` : \"\"}`}\n          defaultSize={mobileSize && resizableMobileSize.defaultSize}\n          enable={{\n            bottom: false,\n            bottomLeft: false,\n            bottomRight: false,\n            left: false,\n            right: false,\n            top: isMobileResizable,\n            topLeft: false,\n            topRight: false,\n          }}\n          handleComponent={{\n            top: <div className=\"tm-overlay-handler\">&mdash;</div>,\n          }}\n          handleStyles={{\n            top: {\n              alignItems: \"center\",\n              display: \"flex\",\n              height: \"20px\",\n              justifyContent: \"center\",\n              padding: \"20px 0\",\n              top: \"-20px\",\n              width: \"100%\",\n            },\n          }}\n          maxHeight={mobileSize && resizableMobileSize.maximalHeight}\n          minHeight={mobileSize && resizableMobileSize.minimalHeight}\n          onResizeStart={onResizeStart}\n          onResizeStop={onResizeStop}\n          size={resizableMobileSize.size}\n          style={{\n            position: \"absolute\",\n          }}\n        >\n          <div className=\"tm-overlay-mobile-content\">{children}</div>\n        </Resizable>\n      ) : (\n        <div className={`tm-overlay${className ? ` ${className}` : \"\"}`}>\n          {children}\n        </div>\n      )}\n    </>\n  );\n}\n\nOverlay.propTypes = propTypes;\n\nexport default Overlay;\n"],
+  "mappings": "AAAA,OAAO,eAAe;AACtB,SAAS,iBAAiB;AAC1B,OAAO,SAAS,WAAW,gBAAgB;AAE3C,OAAO,mBAAmB;AAE1B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAKpB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrB,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ7B,YAAY,UAAU,MAAM;AAAA,IAC1B,aAAa,UAAU,MAAM;AAAA,MAC3B,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,MAChE,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,IACD,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACvE,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACvE,MAAM,UAAU,MAAM;AAAA,MACpB,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,MAChE,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,EACH,CAAC;AAAA;AAAA;AAAA;AAAA,EAKD,SAAS,UAAU,UAAU;AAAA,IAC3B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU,WAAW,SAAS;AAAA,IAC9B,UAAU,MAAM,EAAE,SAAS,UAAU,KAAK,CAAC;AAAA,IAC3C,UAAU,MAAM,EAAE,SAAS,UAAU,WAAW,SAAS,EAAE,CAAC;AAAA,EAC9D,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzB,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,yBAAyB,UAAU;AACrC;AAEA,MAAM,oBAAoB;AAAA,EACxB,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,MAAM;AACR;AAEA,MAAM,YAAY,MAAM;AAAC;AAIzB,SAAS,QAAQ;AAAA,EACf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,0BAA0B;AAC5B,GAAG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS;AAEzC,QAAM,WAAW,CAAC,YAAY;AAC5B,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK,GAAG;AAC1C,YAAM,EAAE,MAAM,IAAI,QAAQ,CAAC,EAAE;AAC7B,kBAAY,SAAS,uBAAuB;AAAA,IAC9C;AAAA,EACF;AAEA,MAAI;AACJ,MAAI,YAAY;AACd,0BAAsB,EAAE,GAAG,mBAAmB,GAAG,WAAW;AAAA,EAC9D;AAEA,SACE,0DACG,UAAU,oCAAC,iBAAc,SAAkB,UAAoB,IAAK,MACpE,WACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,YAAY,IAAI,SAAS,KAAK,EAAE;AAAA,MAC/D,aAAa,cAAc,oBAAoB;AAAA,MAC/C,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,iBAAiB;AAAA,QACf,KAAK,oCAAC,SAAI,WAAU,wBAAqB,QAAO;AAAA,MAClD;AAAA,MACA,cAAc;AAAA,QACZ,KAAK;AAAA,UACH,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,SAAS;AAAA,UACT,KAAK;AAAA,UACL,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,WAAW,cAAc,oBAAoB;AAAA,MAC7C,WAAW,cAAc,oBAAoB;AAAA,MAC7C;AAAA,MACA;AAAA,MACA,MAAM,oBAAoB;AAAA,MAC1B,OAAO;AAAA,QACL,UAAU;AAAA,MACZ;AAAA;AAAA,IAEA,oCAAC,SAAI,WAAU,+BAA6B,QAAS;AAAA,EACvD,IAEA,oCAAC,SAAI,WAAW,aAAa,YAAY,IAAI,SAAS,KAAK,EAAE,MAC1D,QACH,CAEJ;AAEJ;AAEA,QAAQ,YAAY;AAEpB,eAAe;",
+  "names": []
+}

package/components/Overlay/index.js

@@ -1,3 +1 @@
-export { default } from './Overlay';
-
-//# sourceMappingURL=index.js.map
+export { default } from "./Overlay";

package/components/Overlay/index.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Overlay/index.js"],"sourcesContent":["export { default } from './Overlay';\n"],"names":[],"mappings":"AAAA,SAAS,OAAO,QAAQ,WAAW,CAAC;"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/Overlay/index.js"],
+  "sourcesContent": ["export { default } from \"./Overlay\";\n"],
+  "mappings": "AAAA,SAAS,eAAe;",
+  "names": []
+}