@mirai/ui 1.0.201 → 1.0.202

package/build/primitives/Input/Input.js

@@ -1,28 +1,28 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Input = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _helpers = require("./helpers");
-var _InputModule = _interopRequireDefault(require("./Input.module.css"));
-var _helpers2 = require("../../helpers");
+var _helpers = require("../../helpers");
 var _Primitive = require("../Primitive");
+var _helpers2 = require("./helpers");
+var _InputModule = _interopRequireDefault(require("./Input.module.css"));
 var _excluded = ["autoResize", "disabled", "multiLine", "type", "onChange", "onEnter", "onError", "onLeave"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Input = exports.Input = function Input(_ref) {
+var Input = function Input(_ref) {
   var autoResize = _ref.autoResize,
     disabled = _ref.disabled,
     multiLine = _ref.multiLine,
@@ -35,7 +35,7 @@ var Input = exports.Input = function Input(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   var ref = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
-    var errors = (0, _helpers2.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
+    var errors = (0, _helpers.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
       type: type
     }));
     if (errors && onError) onError(errors);
@@ -51,8 +51,8 @@ var Input = exports.Input = function Input(_ref) {
     var next = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var event = arguments.length > 1 ? arguments[1] : undefined;
     if (type === 'number' && isNaN(next)) return;
-    var value = (0, _helpers.parseValue)(next, type, others);
-    onError && onError((0, _helpers2.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
+    var value = (0, _helpers2.parseValue)(next, type, others);
+    onError && onError((0, _helpers.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
       type: type,
       value: value
     })));
@@ -78,9 +78,10 @@ var Input = exports.Input = function Input(_ref) {
     onFocus: onEnter,
     onBlur: onLeave
   } : {}), {}, {
-    className: (0, _helpers2.styles)(_InputModule.default.input, autoResize && multiLine && _InputModule.default.autoResize, others.className)
+    className: (0, _helpers.styles)(_InputModule.default.input, autoResize && multiLine && _InputModule.default.autoResize, others.className)
   }));
 };
+exports.Input = Input;
 Input.displayName = 'Primitive:Input';
 Input.propTypes = {
   autoResize: _propTypes.default.bool,

package/build/primitives/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_InputModule","_helpers2","_Primitive","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Input","exports","_ref","autoResize","disabled","multiLine","_ref$type","type","onChange","onEnter","onError","onLeave","others","ref","useRef","useEffect","errors","getInputErrors","current","_ref$current","scrollHeight","clientHeight","resize","handleChange","next","event","isNaN","parseValue","style","height","React","createElement","Primitive","role","tag","test","onFocus","onBlur","className","styles","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\n\nconst Input = ({ autoResize, disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n  const ref = useRef(null);\n\n  useEffect(() => {\n    const errors = getInputErrors({ ...others, type });\n    if (errors && onError) onError(errors);\n\n    if (autoResize && multiLine && ref?.current) {\n      const { scrollHeight, clientHeight } = ref.current;\n      if (scrollHeight > clientHeight) resize();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange && onChange(value || '', event);\n    if (autoResize && multiLine) resize();\n  };\n\n  const resize = () => {\n    ref.current.style.height = 'auto';\n    ref.current.style.height = ref.current.scrollHeight + 'px';\n  };\n\n  return React.createElement(Primitive, {\n    ...others,\n    disabled,\n    ref: autoResize ? ref : undefined,\n    role: others.role || 'input',\n    tag: multiLine ? 'textarea' : 'input',\n    test: undefined,\n    type: !multiLine ? type : undefined,\n    value: others.value || '',\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n    className: styles(style.input, autoResize && multiLine && style.autoResize, others.className),\n  });\n};\n\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  autoResize: PropTypes.bool,\n  disabled: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":"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"}
+{"version":3,"file":"Input.js","names":["Input","autoResize","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","ref","useRef","useEffect","errors","getInputErrors","current","scrollHeight","clientHeight","resize","handleChange","next","event","isNaN","value","parseValue","style","height","React","createElement","Primitive","undefined","role","tag","test","target","onFocus","onBlur","className","styles","input","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({ autoResize, disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n  const ref = useRef(null);\n\n  useEffect(() => {\n    const errors = getInputErrors({ ...others, type });\n    if (errors && onError) onError(errors);\n\n    if (autoResize && multiLine && ref?.current) {\n      const { scrollHeight, clientHeight } = ref.current;\n      if (scrollHeight > clientHeight) resize();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange && onChange(value || '', event);\n    if (autoResize && multiLine) resize();\n  };\n\n  const resize = () => {\n    ref.current.style.height = 'auto';\n    ref.current.style.height = ref.current.scrollHeight + 'px';\n  };\n\n  return React.createElement(Primitive, {\n    ...others,\n    disabled,\n    ref: autoResize ? ref : undefined,\n    role: others.role || 'input',\n    tag: multiLine ? 'textarea' : 'input',\n    test: undefined,\n    type: !multiLine ? type : undefined,\n    value: others.value || '',\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n    className: styles(style.input, autoResize && multiLine && style.autoResize, others.className),\n  });\n};\n\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  autoResize: PropTypes.bool,\n  disabled: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":"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"}

package/build/primitives/Input/Input.stories.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,13 +13,14 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = exports.default = {
+var _default = {
   title: 'Primitives'
 };
-var Story = exports.Story = function Story(props) {
+exports.default = _default;
+var Story = function Story(props) {
   var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -37,6 +38,7 @@ var Story = exports.Story = function Story(props) {
     onChange: handleChange
   }));
 };
+exports.Story = Story;
 Story.storyName = 'Input';
 Story.args = {
   autoResize: false,

package/build/primitives/Input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","names":["_react","_interopRequireWildcard","require","_Input","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","return","isArray","_default","exports","title","Story","props","_useState","useState","_useState2","setValue","handleChange","_console","_len","others","_key","console","log","concat","createElement","Input","onChange","storyName","args","autoResize","disabled","multiLine","placeholder","type","onEnter","_console2","_len2","_key2","onError","_console3","_len3","_key3","onLeave","_console4","_len4","_key4","testId","style","argTypes","options","control","defaultValue"],"sources":["../../../src/primitives/Input/Input.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Input } from './Input';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => {\n  const [value, setValue] = useState();\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<Input>::onChange', next, ...others);\n  };\n\n  return <Input {...props} value={value} onChange={handleChange} />;\n};\n\nStory.storyName = 'Input';\n\nStory.args = {\n  autoResize: false,\n  disabled: false,\n  multiLine: false,\n  name: 'Input',\n  placeholder: 'placeholder',\n  type: 'text',\n  onEnter: (...props) => console.log('<Select>::onEnter', ...props),\n  onError: (...props) => console.log('<Select>::onError', ...props),\n  onLeave: (...props) => console.log('<Select>::onLeave', ...props),\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"Input.stories.js","names":["title","Story","props","useState","value","setValue","handleChange","next","others","console","log","storyName","args","autoResize","disabled","multiLine","name","placeholder","type","onEnter","onError","onLeave","testId","style","argTypes","options","control","defaultValue"],"sources":["../../../src/primitives/Input/Input.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Input } from './Input';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => {\n  const [value, setValue] = useState();\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<Input>::onChange', next, ...others);\n  };\n\n  return <Input {...props} value={value} onChange={handleChange} />;\n};\n\nStory.storyName = 'Input';\n\nStory.args = {\n  autoResize: false,\n  disabled: false,\n  multiLine: false,\n  name: 'Input',\n  placeholder: 'placeholder',\n  type: 'text',\n  onEnter: (...props) => console.log('<Select>::onEnter', ...props),\n  onError: (...props) => console.log('<Select>::onError', ...props),\n  onLeave: (...props) => console.log('<Select>::onLeave', ...props),\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA0B,IAAAC,eAAQ,GAAE;IAAA;IAA7BC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,QAAQ,CAACE,IAAI,CAAC;IAAC,kCADcC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,mBAAmB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACnD,CAAC;EAED,oBAAO,6BAAC,YAAK,eAAKN,KAAK;IAAE,KAAK,EAAEE,KAAM;IAAC,QAAQ,EAAEE;EAAa,GAAG;AACnE,CAAC;AAAC;AAEFL,KAAK,CAACU,SAAS,GAAG,OAAO;AAEzBV,KAAK,CAACW,IAAI,GAAG;EACXC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,OAAO;EACbC,WAAW,EAAE,aAAa;EAC1BC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;IAAA;IAAA,mCAAIjB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjEkB,OAAO,EAAE;IAAA;IAAA,mCAAIlB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjEmB,OAAO,EAAE;IAAA;IAAA,mCAAInB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjE;EACAoB,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDtB,KAAK,CAACuB,QAAQ,GAAG;EACfN,IAAI,EAAE;IACJO,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACxDC,OAAO,EAAE;MAAER,IAAI,EAAE;IAAS,CAAC;IAC3BS,YAAY,EAAE;EAChB;AACF,CAAC"}

package/build/primitives/Input/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_parseValue","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/primitives/Input/helpers/index.js"],"sourcesContent":["export * from './parseValue';\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/primitives/Input/helpers/index.js"],"sourcesContent":["export * from './parseValue';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/Input/helpers/parseValue.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseValue = void 0;
-var parseValue = exports.parseValue = function parseValue(value, type) {
+var parseValue = function parseValue(value, type) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
     _ref$trimSpaces = _ref.trimSpaces,
     trimSpaces = _ref$trimSpaces === void 0 ? false : _ref$trimSpaces;
   return value && value.toString().trim().length > 0 ? type !== 'number' ? (trimSpaces ? value.trim() : value).toString() : !isNaN(value) ? parseFloat(value, 10) : undefined : undefined;
 };
+exports.parseValue = parseValue;
 //# sourceMappingURL=parseValue.js.map

package/build/primitives/Input/helpers/parseValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseValue.js","names":["parseValue","exports","value","type","_ref","arguments","length","undefined","_ref$trimSpaces","trimSpaces","toString","trim","isNaN","parseFloat"],"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"sourcesContent":["export const parseValue = (value, type, { trimSpaces = false } = {}) =>\n  value && value.toString().trim().length > 0\n    ? type !== 'number'\n      ? (trimSpaces ? value.trim() : value).toString()\n      : !isNaN(value)\n      ? parseFloat(value, 10)\n      : undefined\n    : undefined;\n"],"mappings":";;;;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,KAAK,EAAEC,IAAI;EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAA2B,CAAC,CAAC;IAAAG,eAAA,GAAAJ,IAAA,CAAzBK,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;EAAA,OAC1DN,KAAK,IAAIA,KAAK,CAACQ,QAAQ,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,MAAM,GAAG,CAAC,GACvCH,IAAI,KAAK,QAAQ,GACf,CAACM,UAAU,GAAGP,KAAK,CAACS,IAAI,CAAC,CAAC,GAAGT,KAAK,EAAEQ,QAAQ,CAAC,CAAC,GAC9C,CAACE,KAAK,CAACV,KAAK,CAAC,GACbW,UAAU,CAACX,KAAK,EAAE,EAAE,CAAC,GACrBK,SAAS,GACXA,SAAS;AAAA"}
+{"version":3,"file":"parseValue.js","names":["parseValue","value","type","trimSpaces","toString","trim","length","isNaN","parseFloat","undefined"],"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"sourcesContent":["export const parseValue = (value, type, { trimSpaces = false } = {}) =>\n  value && value.toString().trim().length > 0\n    ? type !== 'number'\n      ? (trimSpaces ? value.trim() : value).toString()\n      : !isNaN(value)\n      ? parseFloat(value, 10)\n      : undefined\n    : undefined;\n"],"mappings":";;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAEC,IAAI;EAAA,+EAA2B,CAAC,CAAC;IAAA,uBAAzBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;EAAA,OAC1DF,KAAK,IAAIA,KAAK,CAACG,QAAQ,EAAE,CAACC,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,GACvCJ,IAAI,KAAK,QAAQ,GACf,CAACC,UAAU,GAAGF,KAAK,CAACI,IAAI,EAAE,GAAGJ,KAAK,EAAEG,QAAQ,EAAE,GAC9C,CAACG,KAAK,CAACN,KAAK,CAAC,GACbO,UAAU,CAACP,KAAK,EAAE,EAAE,CAAC,GACrBQ,SAAS,GACXA,SAAS;AAAA;AAAC"}

package/build/primitives/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/primitives/Input/index.js"],"sourcesContent":["export * from './Input';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Input/index.js"],"sourcesContent":["export * from './Input';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/Layer/Layer.js

@@ -1,36 +1,36 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Layer = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _helpers = require("./helpers");
-var _LayerModule = _interopRequireDefault(require("./Layer.module.css"));
-var _LayerContent = require("./LayerContent");
-var _helpers2 = require("../../helpers");
+var _helpers = require("../../helpers");
 var _hooks = require("../../hooks");
 var _Primitive = require("../Primitive");
+var _helpers2 = require("./helpers");
+var _LayerModule = _interopRequireDefault(require("./Layer.module.css"));
+var _LayerContent = require("./LayerContent");
 var _excluded = ["bottom", "centered", "fixed", "forceRender", "left", "right", "top", "timestamp", "visible", "onPosition"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Layer = exports.Layer = function Layer(_ref) {
+var Layer = function Layer(_ref) {
   var forceBottom = _ref.bottom,
     centered = _ref.centered,
     fixed = _ref.fixed,
@@ -68,16 +68,16 @@ var Layer = exports.Layer = function Layer(_ref) {
   [centered, device, forceBottom, forceLeft, forceRight, forceTop, timestamp, visible]);
   var calcPosition = function calcPosition() {
     var _getScrollParent;
-    var _componentRef$current = componentRef.current,
-      _componentRef$current2 = _componentRef$current === void 0 ? {} : _componentRef$current,
-      componentEl = _componentRef$current2.firstChild;
+    var _componentRef$current = componentRef.current;
+    _componentRef$current = _componentRef$current === void 0 ? {} : _componentRef$current;
+    var componentEl = _componentRef$current.firstChild;
     var contentEl = contentRef.current;
     if (!componentEl || !contentEl) return setPosition();
-    var componentLayout = _objectSpread(_objectSpread({}, (0, _helpers.getElementLayout)(componentEl)), {}, {
-      scrollTop: (_getScrollParent = (0, _helpers.getScrollParent)(componentEl)) === null || _getScrollParent === void 0 ? void 0 : _getScrollParent.scrollTop
+    var componentLayout = _objectSpread(_objectSpread({}, (0, _helpers2.getElementLayout)(componentEl)), {}, {
+      scrollTop: (_getScrollParent = (0, _helpers2.getScrollParent)(componentEl)) === null || _getScrollParent === void 0 ? void 0 : _getScrollParent.scrollTop
     });
-    var contentLayout = (0, _helpers.getElementLayout)(contentEl);
-    var _getLayerPosition = (0, _helpers.getLayerPosition)(componentLayout, contentLayout, device, {
+    var contentLayout = (0, _helpers2.getElementLayout)(contentEl);
+    var _getLayerPosition = (0, _helpers2.getLayerPosition)(componentLayout, contentLayout, device, {
         centered: centered,
         forceBottom: forceBottom,
         forceLeft: forceLeft,
@@ -113,7 +113,7 @@ var Layer = exports.Layer = function Layer(_ref) {
   })), (forceRender || visible) && /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
     ref: contentRef,
     role: others.role ? "".concat(others.role, "-content") : 'layer-content',
-    className: (0, _helpers2.styles)(_LayerModule.default.layer, fixed && _LayerModule.default.fixed, !visible && _LayerModule.default.hidden),
+    className: (0, _helpers.styles)(_LayerModule.default.layer, fixed && _LayerModule.default.fixed, !visible && _LayerModule.default.hidden),
     style: _objectSpread({}, position)
   }, /*#__PURE__*/_react.default.createElement(createWrapper ? 'div' : _react.default.Fragment, createWrapper ? {
     className: className,
@@ -123,6 +123,7 @@ var Layer = exports.Layer = function Layer(_ref) {
     return name === _LayerContent.LayerContent.name;
   }))));
 };
+exports.Layer = Layer;
 Layer.propTypes = {
   bottom: _propTypes.default.bool,
   centered: _propTypes.default.bool,

package/build/primitives/Layer/Layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layer.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_LayerModule","_LayerContent","_helpers2","_hooks","_Primitive","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","u","a","f","next","done","return","isArray","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Layer","exports","_ref","forceBottom","bottom","centered","fixed","_ref$forceRender","forceRender","forceLeft","left","forceRight","right","forceTop","top","timestamp","visible","_ref$onPosition","onPosition","others","device","useDevice","componentRef","useRef","contentRef","_useState","useState","_useState2","position","setPosition","useLayoutEffect","content","current","ResizeObserver","observer","calcPosition","observe","unobserve","_getScrollParent","_componentRef$current","_componentRef$current2","componentEl","firstChild","contentEl","componentLayout","getElementLayout","scrollTop","getScrollParent","contentLayout","_getLayerPosition","getLayerPosition","_getLayerPosition$lef","_getLayerPosition$top","_getLayerPosition$ori","orientation","concat","children","React","Children","map","child","className","contentStyle","style","createWrapper","createElement","Fragment","Primitive","ref","role","tag","testId","find","_ref2","type","LayerContent","styles","layer","hidden","_ref3","propTypes","PropTypes","bool","node","number","func"],"sources":["../../../src/primitives/Layer/Layer.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\n\nimport { getElementLayout, getLayerPosition, getScrollParent } from './helpers';\nimport style from './Layer.module.css';\nimport { LayerContent } from './LayerContent';\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Primitive } from '../Primitive';\n\nconst Layer = ({\n  bottom: forceBottom,\n  centered,\n  fixed,\n  forceRender = true,\n  left: forceLeft,\n  right: forceRight,\n  top: forceTop,\n  timestamp,\n  visible,\n  onPosition = () => {},\n  ...others\n}) => {\n  const device = useDevice();\n  const componentRef = useRef();\n  const contentRef = useRef();\n\n  const [position, setPosition] = useState();\n\n  useLayoutEffect(() => {\n    const content = contentRef?.current;\n    if (!content || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(calcPosition);\n    observer.observe(content);\n\n    return () => observer.unobserve(content);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useLayoutEffect(\n    () => calcPosition(),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [centered, device, forceBottom, forceLeft, forceRight, forceTop, timestamp, visible],\n  );\n\n  const calcPosition = () => {\n    const { current: { firstChild: componentEl } = {} } = componentRef;\n    const { current: contentEl } = contentRef;\n\n    if (!componentEl || !contentEl) return setPosition();\n\n    const componentLayout = { ...getElementLayout(componentEl), scrollTop: getScrollParent(componentEl)?.scrollTop };\n    const contentLayout = getElementLayout(contentEl);\n\n    const {\n      left = 0,\n      top = 0,\n      orientation = {},\n    } = getLayerPosition(componentLayout, contentLayout, device, {\n      centered,\n      forceBottom,\n      forceLeft,\n      forceRight,\n      forceTop,\n    });\n\n    setPosition({ left: `${left}px`, top: `${top}px` });\n    onPosition(orientation);\n  };\n\n  const children = React.Children.map(others.children || [], (child) => child);\n  const { className, style: contentStyle } = others;\n  const createWrapper = className || contentStyle;\n\n  return (\n    <>\n      <Primitive ref={componentRef} role={others.role || 'layer'} tag=\"span\" testId={others.testId}>\n        {children.find(({ type: { name } }) => name !== LayerContent.name)}\n      </Primitive>\n\n      {(forceRender || visible) && (\n        <Primitive\n          ref={contentRef}\n          role={others.role ? `${others.role}-content` : 'layer-content'}\n          className={styles(style.layer, fixed && style.fixed, !visible && style.hidden)}\n          style={{ ...position }}\n        >\n          {React.createElement(\n            createWrapper ? 'div' : React.Fragment,\n            createWrapper ? { className, style: contentStyle } : undefined,\n            children?.find(({ type: { name } }) => name === LayerContent.name),\n          )}\n        </Primitive>\n      )}\n    </>\n  );\n};\n\nLayer.propTypes = {\n  bottom: PropTypes.bool,\n  centered: PropTypes.bool,\n  children: PropTypes.node,\n  fixed: PropTypes.bool,\n  forceRender: PropTypes.bool,\n  left: PropTypes.bool,\n  right: PropTypes.bool,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPosition: PropTypes.func,\n};\n\nexport { Layer };\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAAyC,IAAAS,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAa,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAvB,uBAAAgB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAAA,SAAAkB,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAZ,MAAA,CAAAa,IAAA,CAAAH,CAAA,OAAAV,MAAA,CAAAc,qBAAA,QAAAC,CAAA,GAAAf,MAAA,CAAAc,qBAAA,CAAAJ,CAAA,GAAAC,CAAA,KAAAI,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAL,CAAA,WAAAX,MAAA,CAAAE,wBAAA,CAAAQ,CAAA,EAAAC,CAAA,EAAAM,UAAA,OAAAL,CAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,CAAA,EAAAG,CAAA,YAAAH,CAAA;AAAA,SAAAQ,cAAAV,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAU,SAAA,CAAAC,MAAA,EAAAX,CAAA,UAAAC,CAAA,WAAAS,SAAA,CAAAV,CAAA,IAAAU,SAAA,CAAAV,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAT,MAAA,CAAAY,CAAA,OAAAW,OAAA,WAAAZ,CAAA,IAAAa,eAAA,CAAAd,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAX,MAAA,CAAAyB,yBAAA,GAAAzB,MAAA,CAAA0B,gBAAA,CAAAhB,CAAA,EAAAV,MAAA,CAAAyB,yBAAA,CAAAb,CAAA,KAAAH,OAAA,CAAAT,MAAA,CAAAY,CAAA,GAAAW,OAAA,WAAAZ,CAAA,IAAAX,MAAA,CAAAC,cAAA,CAAAS,CAAA,EAAAC,CAAA,EAAAX,MAAA,CAAAE,wBAAA,CAAAU,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAAA,SAAAc,gBAAAjC,GAAA,EAAAY,GAAA,EAAAwB,KAAA,IAAAxB,GAAA,GAAAyB,cAAA,CAAAzB,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAV,GAAA,EAAAY,GAAA,IAAAwB,KAAA,EAAAA,KAAA,EAAAV,UAAA,QAAAY,YAAA,QAAAC,QAAA,oBAAAvC,GAAA,CAAAY,GAAA,IAAAwB,KAAA,WAAApC,GAAA;AAAA,SAAAqC,eAAAG,GAAA,QAAA5B,GAAA,GAAA6B,YAAA,CAAAD,GAAA,oBAAAtC,OAAA,CAAAU,GAAA,iBAAAA,GAAA,GAAA8B,MAAA,CAAA9B,GAAA;AAAA,SAAA6B,aAAAE,KAAA,EAAAC,IAAA,QAAA1C,OAAA,CAAAyC,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAA9B,IAAA,CAAA4B,KAAA,EAAAC,IAAA,oBAAA1C,OAAA,CAAA+C,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAR,SAAA;AAAA,SAAAO,4BAAAjC,CAAA,EAAAmC,MAAA,SAAAnC,CAAA,qBAAAA,CAAA,sBAAAoC,iBAAA,CAAApC,CAAA,EAAAmC,MAAA,OAAAE,CAAA,GAAApD,MAAA,CAAAI,SAAA,CAAAiD,QAAA,CAAA/C,IAAA,CAAAS,CAAA,EAAAuC,KAAA,aAAAF,CAAA,iBAAArC,CAAA,CAAAwC,WAAA,EAAAH,CAAA,GAAArC,CAAA,CAAAwC,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAA3C,CAAA,OAAAqC,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAApC,CAAA,EAAAmC,MAAA;AAAA,SAAAC,kBAAAP,GAAA,EAAAgB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAhB,GAAA,CAAAtB,MAAA,EAAAsC,GAAA,GAAAhB,GAAA,CAAAtB,MAAA,WAAAuB,CAAA,MAAAgB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAf,CAAA,GAAAe,GAAA,EAAAf,CAAA,IAAAgB,IAAA,CAAAhB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAgB,IAAA;AAAA,SAAAd,sBAAApC,CAAA,EAAAmD,CAAA,QAAAlD,CAAA,WAAAD,CAAA,gCAAA0B,MAAA,IAAA1B,CAAA,CAAA0B,MAAA,CAAA0B,QAAA,KAAApD,CAAA,4BAAAC,CAAA,QAAAF,CAAA,EAAA0C,CAAA,EAAAP,CAAA,EAAAmB,CAAA,EAAAC,CAAA,OAAAC,CAAA,OAAAnD,CAAA,iBAAA8B,CAAA,IAAAjC,CAAA,GAAAA,CAAA,CAAAN,IAAA,CAAAK,CAAA,GAAAwD,IAAA,QAAAL,CAAA,QAAA9D,MAAA,CAAAY,CAAA,MAAAA,CAAA,UAAAsD,CAAA,uBAAAA,CAAA,IAAAxD,CAAA,GAAAmC,CAAA,CAAAvC,IAAA,CAAAM,CAAA,GAAAwD,IAAA,MAAAH,CAAA,CAAA/C,IAAA,CAAAR,CAAA,CAAAiB,KAAA,GAAAsC,CAAA,CAAA3C,MAAA,KAAAwC,CAAA,GAAAI,CAAA,iBAAAvD,CAAA,IAAAI,CAAA,OAAAqC,CAAA,GAAAzC,CAAA,yBAAAuD,CAAA,YAAAtD,CAAA,CAAAyD,MAAA,KAAAL,CAAA,GAAApD,CAAA,CAAAyD,MAAA,IAAArE,MAAA,CAAAgE,CAAA,MAAAA,CAAA,2BAAAjD,CAAA,QAAAqC,CAAA,aAAAa,CAAA;AAAA,SAAAnB,gBAAAF,GAAA,QAAAa,KAAA,CAAAa,OAAA,CAAA1B,GAAA,UAAAA,GAAA;AAAA,SAAA2B,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAtE,GAAA,EAAA0C,CAAA,MAAA7C,MAAA,CAAAc,qBAAA,QAAA8D,gBAAA,GAAA5E,MAAA,CAAAc,qBAAA,CAAA0D,MAAA,QAAA3B,CAAA,MAAAA,CAAA,GAAA+B,gBAAA,CAAAtD,MAAA,EAAAuB,CAAA,MAAA1C,GAAA,GAAAyE,gBAAA,CAAA/B,CAAA,OAAA4B,QAAA,CAAAI,OAAA,CAAA1E,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA0E,oBAAA,CAAAxE,IAAA,CAAAkE,MAAA,EAAArE,GAAA,aAAAuE,MAAA,CAAAvE,GAAA,IAAAqE,MAAA,CAAArE,GAAA,cAAAuE,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAK,UAAA,GAAA/E,MAAA,CAAAa,IAAA,CAAA2D,MAAA,OAAArE,GAAA,EAAA0C,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkC,UAAA,CAAAzD,MAAA,EAAAuB,CAAA,MAAA1C,GAAA,GAAA4E,UAAA,CAAAlC,CAAA,OAAA4B,QAAA,CAAAI,OAAA,CAAA1E,GAAA,kBAAAuE,MAAA,CAAAvE,GAAA,IAAAqE,MAAA,CAAArE,GAAA,YAAAuE,MAAA;AAEzC,IAAMM,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAYL;EAAA,IAXIC,WAAW,GAAAD,IAAA,CAAnBE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,gBAAA,GAAAL,IAAA,CACLM,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,IAAI,GAAAA,gBAAA;IACZE,SAAS,GAAAP,IAAA,CAAfQ,IAAI;IACGC,UAAU,GAAAT,IAAA,CAAjBU,KAAK;IACAC,QAAQ,GAAAX,IAAA,CAAbY,GAAG;IACHC,SAAS,GAAAb,IAAA,CAATa,SAAS;IACTC,OAAO,GAAAd,IAAA,CAAPc,OAAO;IAAAC,eAAA,GAAAf,IAAA,CACPgB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,eAAA;IAClBE,MAAM,GAAA5B,wBAAA,CAAAW,IAAA,EAAAjG,SAAA;EAET,IAAMmH,MAAM,GAAG,IAAAC,gBAAS,EAAC,CAAC;EAC1B,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAAC,CAAC;EAC7B,IAAMC,UAAU,GAAG,IAAAD,aAAM,EAAC,CAAC;EAE3B,IAAAE,SAAA,GAAgC,IAAAC,eAAQ,EAAC,CAAC;IAAAC,UAAA,GAAAhE,cAAA,CAAA8D,SAAA;IAAnCG,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAE5B,IAAAG,sBAAe,EAAC,YAAM;IACpB,IAAMC,OAAO,GAAGP,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEQ,OAAO;IACnC,IAAI,CAACD,OAAO,IAAI,OAAOE,cAAc,KAAK,WAAW,EAAE;IAEvD,IAAMC,QAAQ,GAAG,IAAID,cAAc,CAACE,YAAY,CAAC;IACjDD,QAAQ,CAACE,OAAO,CAACL,OAAO,CAAC;IAEzB,OAAO;MAAA,OAAMG,QAAQ,CAACG,SAAS,CAACN,OAAO,CAAC;IAAA;IACxC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,sBAAe,EACb;IAAA,OAAMK,YAAY,CAAC,CAAC;EAAA;EACpB;EACA,CAAC9B,QAAQ,EAAEe,MAAM,EAAEjB,WAAW,EAAEM,SAAS,EAAEE,UAAU,EAAEE,QAAQ,EAAEE,SAAS,EAAEC,OAAO,CACrF,CAAC;EAED,IAAMmB,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IAAA,IAAAG,gBAAA;IACzB,IAAAC,qBAAA,GAAsDjB,YAAY,CAA1DU,OAAO;MAAAQ,sBAAA,GAAAD,qBAAA,cAAgC,CAAC,CAAC,GAAAA,qBAAA;MAAlBE,WAAW,GAAAD,sBAAA,CAAvBE,UAAU;IAC7B,IAAiBC,SAAS,GAAKnB,UAAU,CAAjCQ,OAAO;IAEf,IAAI,CAACS,WAAW,IAAI,CAACE,SAAS,EAAE,OAAOd,WAAW,CAAC,CAAC;IAEpD,IAAMe,eAAe,GAAAxG,aAAA,CAAAA,aAAA,KAAQ,IAAAyG,yBAAgB,EAACJ,WAAW,CAAC;MAAEK,SAAS,GAAAR,gBAAA,GAAE,IAAAS,wBAAe,EAACN,WAAW,CAAC,cAAAH,gBAAA,uBAA5BA,gBAAA,CAA8BQ;IAAS,EAAE;IAChH,IAAME,aAAa,GAAG,IAAAH,yBAAgB,EAACF,SAAS,CAAC;IAEjD,IAAAM,iBAAA,GAII,IAAAC,yBAAgB,EAACN,eAAe,EAAEI,aAAa,EAAE5B,MAAM,EAAE;QAC3Df,QAAQ,EAARA,QAAQ;QACRF,WAAW,EAAXA,WAAW;QACXM,SAAS,EAATA,SAAS;QACTE,UAAU,EAAVA,UAAU;QACVE,QAAQ,EAARA;MACF,CAAC,CAAC;MAAAsC,qBAAA,GAAAF,iBAAA,CATAvC,IAAI;MAAJA,IAAI,GAAAyC,qBAAA,cAAG,CAAC,GAAAA,qBAAA;MAAAC,qBAAA,GAAAH,iBAAA,CACRnC,GAAG;MAAHA,GAAG,GAAAsC,qBAAA,cAAG,CAAC,GAAAA,qBAAA;MAAAC,qBAAA,GAAAJ,iBAAA,CACPK,WAAW;MAAXA,WAAW,GAAAD,qBAAA,cAAG,CAAC,CAAC,GAAAA,qBAAA;IASlBxB,WAAW,CAAC;MAAEnB,IAAI,KAAA6C,MAAA,CAAK7C,IAAI,OAAI;MAAEI,GAAG,KAAAyC,MAAA,CAAKzC,GAAG;IAAK,CAAC,CAAC;IACnDI,UAAU,CAACoC,WAAW,CAAC;EACzB,CAAC;EAED,IAAME,QAAQ,GAAGC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACxC,MAAM,CAACqC,QAAQ,IAAI,EAAE,EAAE,UAACI,KAAK;IAAA,OAAKA,KAAK;EAAA,EAAC;EAC5E,IAAQC,SAAS,GAA0B1C,MAAM,CAAzC0C,SAAS;IAASC,YAAY,GAAK3C,MAAM,CAA9B4C,KAAK;EACxB,IAAMC,aAAa,GAAGH,SAAS,IAAIC,YAAY;EAE/C,oBACErK,MAAA,CAAAiB,OAAA,CAAAuJ,aAAA,CAAAxK,MAAA,CAAAiB,OAAA,CAAAwJ,QAAA,qBACEzK,MAAA,CAAAiB,OAAA,CAAAuJ,aAAA,CAACjK,UAAA,CAAAmK,SAAS;IAACC,GAAG,EAAE9C,YAAa;IAAC+C,IAAI,EAAElD,MAAM,CAACkD,IAAI,IAAI,OAAQ;IAACC,GAAG,EAAC,MAAM;IAACC,MAAM,EAAEpD,MAAM,CAACoD;EAAO,GAC1Ff,QAAQ,CAACgB,IAAI,CAAC,UAAAC,KAAA;IAAA,IAAWjG,IAAI,GAAAiG,KAAA,CAAZC,IAAI,CAAIlG,IAAI;IAAA,OAASA,IAAI,KAAKmG,0BAAY,CAACnG,IAAI;EAAA,EACxD,CAAC,EAEX,CAACgC,WAAW,IAAIQ,OAAO,kBACtBvH,MAAA,CAAAiB,OAAA,CAAAuJ,aAAA,CAACjK,UAAA,CAAAmK,SAAS;IACRC,GAAG,EAAE5C,UAAW;IAChB6C,IAAI,EAAElD,MAAM,CAACkD,IAAI,MAAAd,MAAA,CAAMpC,MAAM,CAACkD,IAAI,gBAAa,eAAgB;IAC/DR,SAAS,EAAE,IAAAe,gBAAM,EAACb,oBAAK,CAACc,KAAK,EAAEvE,KAAK,IAAIyD,oBAAK,CAACzD,KAAK,EAAE,CAACU,OAAO,IAAI+C,oBAAK,CAACe,MAAM,CAAE;IAC/Ef,KAAK,EAAA3H,aAAA,KAAOwF,QAAQ;EAAG,gBAEtB6B,cAAK,CAACQ,aAAa,CAClBD,aAAa,GAAG,KAAK,GAAGP,cAAK,CAACS,QAAQ,EACtCF,aAAa,GAAG;IAAEH,SAAS,EAATA,SAAS;IAAEE,KAAK,EAAED;EAAa,CAAC,GAAGvG,SAAS,EAC9DiG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEgB,IAAI,CAAC,UAAAO,KAAA;IAAA,IAAWvG,IAAI,GAAAuG,KAAA,CAAZL,IAAI,CAAIlG,IAAI;IAAA,OAASA,IAAI,KAAKmG,0BAAY,CAACnG,IAAI;EAAA,EACnE,CACS,CAEb,CAAC;AAEP,CAAC;AAEDwB,KAAK,CAACgF,SAAS,GAAG;EAChB5E,MAAM,EAAE6E,kBAAS,CAACC,IAAI;EACtB7E,QAAQ,EAAE4E,kBAAS,CAACC,IAAI;EACxB1B,QAAQ,EAAEyB,kBAAS,CAACE,IAAI;EACxB7E,KAAK,EAAE2E,kBAAS,CAACC,IAAI;EACrB1E,WAAW,EAAEyE,kBAAS,CAACC,IAAI;EAC3BxE,IAAI,EAAEuE,kBAAS,CAACC,IAAI;EACpBtE,KAAK,EAAEqE,kBAAS,CAACC,IAAI;EACrBnE,SAAS,EAAEkE,kBAAS,CAACG,MAAM;EAC3BtE,GAAG,EAAEmE,kBAAS,CAACC,IAAI;EACnBlE,OAAO,EAAEiE,kBAAS,CAACC,IAAI;EACvBhE,UAAU,EAAE+D,kBAAS,CAACI;AACxB,CAAC"}
+{"version":3,"file":"Layer.js","names":["Layer","forceBottom","bottom","centered","fixed","forceRender","forceLeft","left","forceRight","right","forceTop","top","timestamp","visible","onPosition","others","device","useDevice","componentRef","useRef","contentRef","useState","position","setPosition","useLayoutEffect","content","current","ResizeObserver","observer","calcPosition","observe","unobserve","componentEl","firstChild","contentEl","componentLayout","getElementLayout","scrollTop","getScrollParent","contentLayout","getLayerPosition","orientation","children","React","Children","map","child","className","contentStyle","style","createWrapper","role","testId","find","name","type","LayerContent","styles","layer","hidden","createElement","Fragment","undefined","propTypes","PropTypes","bool","node","number","func"],"sources":["../../../src/primitives/Layer/Layer.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Primitive } from '../Primitive';\nimport { getElementLayout, getLayerPosition, getScrollParent } from './helpers';\nimport style from './Layer.module.css';\nimport { LayerContent } from './LayerContent';\n\nconst Layer = ({\n  bottom: forceBottom,\n  centered,\n  fixed,\n  forceRender = true,\n  left: forceLeft,\n  right: forceRight,\n  top: forceTop,\n  timestamp,\n  visible,\n  onPosition = () => {},\n  ...others\n}) => {\n  const device = useDevice();\n  const componentRef = useRef();\n  const contentRef = useRef();\n\n  const [position, setPosition] = useState();\n\n  useLayoutEffect(() => {\n    const content = contentRef?.current;\n    if (!content || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(calcPosition);\n    observer.observe(content);\n\n    return () => observer.unobserve(content);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useLayoutEffect(\n    () => calcPosition(),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [centered, device, forceBottom, forceLeft, forceRight, forceTop, timestamp, visible],\n  );\n\n  const calcPosition = () => {\n    const { current: { firstChild: componentEl } = {} } = componentRef;\n    const { current: contentEl } = contentRef;\n\n    if (!componentEl || !contentEl) return setPosition();\n\n    const componentLayout = { ...getElementLayout(componentEl), scrollTop: getScrollParent(componentEl)?.scrollTop };\n    const contentLayout = getElementLayout(contentEl);\n\n    const {\n      left = 0,\n      top = 0,\n      orientation = {},\n    } = getLayerPosition(componentLayout, contentLayout, device, {\n      centered,\n      forceBottom,\n      forceLeft,\n      forceRight,\n      forceTop,\n    });\n\n    setPosition({ left: `${left}px`, top: `${top}px` });\n    onPosition(orientation);\n  };\n\n  const children = React.Children.map(others.children || [], (child) => child);\n  const { className, style: contentStyle } = others;\n  const createWrapper = className || contentStyle;\n\n  return (\n    <>\n      <Primitive ref={componentRef} role={others.role || 'layer'} tag=\"span\" testId={others.testId}>\n        {children.find(({ type: { name } }) => name !== LayerContent.name)}\n      </Primitive>\n\n      {(forceRender || visible) && (\n        <Primitive\n          ref={contentRef}\n          role={others.role ? `${others.role}-content` : 'layer-content'}\n          className={styles(style.layer, fixed && style.fixed, !visible && style.hidden)}\n          style={{ ...position }}\n        >\n          {React.createElement(\n            createWrapper ? 'div' : React.Fragment,\n            createWrapper ? { className, style: contentStyle } : undefined,\n            children?.find(({ type: { name } }) => name === LayerContent.name),\n          )}\n        </Primitive>\n      )}\n    </>\n  );\n};\n\nLayer.propTypes = {\n  bottom: PropTypes.bool,\n  centered: PropTypes.bool,\n  children: PropTypes.node,\n  fixed: PropTypes.bool,\n  forceRender: PropTypes.bool,\n  left: PropTypes.bool,\n  right: PropTypes.bool,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPosition: PropTypes.func,\n};\n\nexport { Layer };\n"],"mappings":"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"}

package/build/primitives/Layer/Layer.stories.js

@@ -10,10 +10,11 @@ var _Layer = require("./Layer");
 var _LayerContent = require("./LayerContent");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var _default = exports.default = {
+var _default = {
   title: 'Primitives'
 };
-var Story = exports.Story = function Story(props) {
+exports.default = _default;
+var Story = function Story(props) {
   return /*#__PURE__*/_react.default.createElement(_Layer.Layer, _extends({}, props, {
     className: "children"
   }), /*#__PURE__*/_react.default.createElement(_.Action, {
@@ -22,6 +23,7 @@ var Story = exports.Story = function Story(props) {
     }
   }, "Parent element"), /*#__PURE__*/_react.default.createElement(_LayerContent.LayerContent, null, /*#__PURE__*/_react.default.createElement("span", null, "Lorem ipsum, dolor sit amet consectetur adipisicing elit.")));
 };
+exports.Story = Story;
 Story.storyName = 'Layer';
 Story.args = {
   bottom: false,

package/build/primitives/Layer/Layer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layer.stories.js","names":["_react","_interopRequireDefault","require","_","_Layer","_LayerContent","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","exports","title","Story","props","createElement","Layer","className","Action","style","margin","LayerContent","storyName","args","bottom","centered","fixed","forceRender","left","right","top","visible","testId"],"sources":["../../../src/primitives/Layer/Layer.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Action } from '../../';\nimport { Layer } from './Layer';\nimport { LayerContent } from './LayerContent';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <Layer {...props} className=\"children\">\n    <Action style={{ margin: '0 auto' }}>Parent element</Action>\n\n    <LayerContent>\n      <span>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</span>\n    </LayerContent>\n  </Layer>\n);\n\nStory.storyName = 'Layer';\n\nStory.args = {\n  bottom: false,\n  centered: false,\n  fixed: false,\n  forceRender: true,\n  left: false,\n  right: false,\n  top: false,\n  visible: true,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAA8C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,IAAAQ,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAE/B;EAAEiB,KAAK,EAAE;AAAa,CAAC;AAE/B,IAAMC,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAG,SAARA,KAAKA,CAAIC,KAAK;EAAA,oBACzB3B,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACxB,MAAA,CAAAyB,KAAK,EAAApB,QAAA,KAAKkB,KAAK;IAAEG,SAAS,EAAC;EAAU,iBACpC9B,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACzB,CAAA,CAAA4B,MAAM;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAS;EAAE,GAAC,gBAAsB,CAAC,eAE5DjC,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACvB,aAAA,CAAA6B,YAAY,qBACXlC,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,eAAM,2DAA+D,CACzD,CACT,CAAC;AAAA,CACT;AAEDF,KAAK,CAACS,SAAS,GAAG,OAAO;AAEzBT,KAAK,CAACU,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,WAAW,EAAE,IAAI;EACjBC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,KAAK;EACVC,OAAO,EAAE,IAAI;EACb;EACAC,MAAM,EAAE,YAAY;EACpBb,KAAK,EAAE,CAAC;AACV,CAAC"}
+{"version":3,"file":"Layer.stories.js","names":["title","Story","props","margin","storyName","args","bottom","centered","fixed","forceRender","left","right","top","visible","testId","style"],"sources":["../../../src/primitives/Layer/Layer.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Action } from '../../';\nimport { Layer } from './Layer';\nimport { LayerContent } from './LayerContent';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <Layer {...props} className=\"children\">\n    <Action style={{ margin: '0 auto' }}>Parent element</Action>\n\n    <LayerContent>\n      <span>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</span>\n    </LayerContent>\n  </Layer>\n);\n\nStory.storyName = 'Layer';\n\nStory.args = {\n  bottom: false,\n  centered: false,\n  fixed: false,\n  forceRender: true,\n  left: false,\n  right: false,\n  top: false,\n  visible: true,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,6BAAC,YAAK,eAAKA,KAAK;IAAE,SAAS,EAAC;EAAU,iBACpC,6BAAC,QAAM;IAAC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAS;EAAE,oBAAwB,eAE5D,6BAAC,0BAAY,qBACX,uGAAsE,CACzD,CACT;AAAA,CACT;AAAC;AAEFF,KAAK,CAACG,SAAS,GAAG,OAAO;AAEzBH,KAAK,CAACI,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,WAAW,EAAE,IAAI;EACjBC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,KAAK;EACVC,OAAO,EAAE,IAAI;EACb;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC"}

package/build/primitives/Layer/LayerContent.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.LayerContent = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var LayerContent = exports.LayerContent = function LayerContent(_ref) {
+var LayerContent = function LayerContent(_ref) {
   var children = _ref.children;
   return children;
 };
+exports.LayerContent = LayerContent;
 LayerContent.displayName = 'Primitive:Layer:Content';
 LayerContent.propTypes = {
   children: _propTypes.default.node

package/build/primitives/Layer/LayerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerContent.js","names":["_propTypes","_interopRequireDefault","require","obj","__esModule","default","LayerContent","exports","_ref","children","displayName","propTypes","PropTypes","node"],"sources":["../../../src/primitives/Layer/LayerContent.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst LayerContent = ({ children }) => children;\n\nLayerContent.displayName = 'Primitive:Layer:Content';\n\nLayerContent.propTypes = {\n  children: PropTypes.node,\n};\n\nexport { LayerContent };\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnC,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OAAOA,QAAQ;AAAA;AAE/CH,YAAY,CAACI,WAAW,GAAG,yBAAyB;AAEpDJ,YAAY,CAACK,SAAS,GAAG;EACvBF,QAAQ,EAAEG,kBAAS,CAACC;AACtB,CAAC"}
+{"version":3,"file":"LayerContent.js","names":["LayerContent","children","displayName","propTypes","PropTypes","node"],"sources":["../../../src/primitives/Layer/LayerContent.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst LayerContent = ({ children }) => children;\n\nLayerContent.displayName = 'Primitive:Layer:Content';\n\nLayerContent.propTypes = {\n  children: PropTypes.node,\n};\n\nexport { LayerContent };\n"],"mappings":";;;;;;AAAA;AAAmC;AAEnC,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,QAAQ,QAARA,QAAQ;EAAA,OAAOA,QAAQ;AAAA;AAAC;AAEhDD,YAAY,CAACE,WAAW,GAAG,yBAAyB;AAEpDF,YAAY,CAACG,SAAS,GAAG;EACvBF,QAAQ,EAAEG,kBAAS,CAACC;AACtB,CAAC"}

package/build/primitives/Layer/helpers/getElementLayout.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getElementLayout = void 0;
-var getElementLayout = exports.getElementLayout = function getElementLayout() {
+var getElementLayout = function getElementLayout() {
   var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var left = element.offsetLeft,
     top = element.offsetTop,
@@ -22,4 +22,5 @@ var getElementLayout = exports.getElementLayout = function getElementLayout() {
     screenTop: screenTop
   };
 };
+exports.getElementLayout = getElementLayout;
 //# sourceMappingURL=getElementLayout.js.map

package/build/primitives/Layer/helpers/getElementLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"getElementLayout.js","names":["getElementLayout","exports","element","arguments","length","undefined","left","offsetLeft","top","offsetTop","height","offsetHeight","width","offsetWidth","_ref","getBoundingClientRect","screenLeft","screenTop"],"sources":["../../../../src/primitives/Layer/helpers/getElementLayout.js"],"sourcesContent":["export const getElementLayout = (element = {}) => {\n  const { offsetLeft: left, offsetTop: top, offsetHeight: height, offsetWidth: width } = element;\n  const { left: screenLeft, top: screenTop } = (element.getBoundingClientRect && element.getBoundingClientRect()) || {};\n\n  return { left, top, height, width, screenLeft, screenTop };\n};\n"],"mappings":";;;;;;AAAO,IAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA,EAAqB;EAAA,IAAjBE,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAC3C,IAAoBG,IAAI,GAA+DJ,OAAO,CAAtFK,UAAU;IAAmBC,GAAG,GAA+CN,OAAO,CAApEO,SAAS;IAAqBC,MAAM,GAAyBR,OAAO,CAApDS,YAAY;IAAuBC,KAAK,GAAKV,OAAO,CAA9BW,WAAW;EAC3E,IAAAC,IAAA,GAA8CZ,OAAO,CAACa,qBAAqB,IAAIb,OAAO,CAACa,qBAAqB,CAAC,CAAC,IAAK,CAAC,CAAC;IAAvGC,UAAU,GAAAF,IAAA,CAAhBR,IAAI;IAAmBW,SAAS,GAAAH,IAAA,CAAdN,GAAG;EAE7B,OAAO;IAAEF,IAAI,EAAJA,IAAI;IAAEE,GAAG,EAAHA,GAAG;IAAEE,MAAM,EAANA,MAAM;IAAEE,KAAK,EAALA,KAAK;IAAEI,UAAU,EAAVA,UAAU;IAAEC,SAAS,EAATA;EAAU,CAAC;AAC5D,CAAC"}
+{"version":3,"file":"getElementLayout.js","names":["getElementLayout","element","left","offsetLeft","top","offsetTop","height","offsetHeight","width","offsetWidth","getBoundingClientRect","screenLeft","screenTop"],"sources":["../../../../src/primitives/Layer/helpers/getElementLayout.js"],"sourcesContent":["export const getElementLayout = (element = {}) => {\n  const { offsetLeft: left, offsetTop: top, offsetHeight: height, offsetWidth: width } = element;\n  const { left: screenLeft, top: screenTop } = (element.getBoundingClientRect && element.getBoundingClientRect()) || {};\n\n  return { left, top, height, width, screenLeft, screenTop };\n};\n"],"mappings":";;;;;;AAAO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAqB;EAAA,IAAjBC,OAAO,uEAAG,CAAC,CAAC;EAC3C,IAAoBC,IAAI,GAA+DD,OAAO,CAAtFE,UAAU;IAAmBC,GAAG,GAA+CH,OAAO,CAApEI,SAAS;IAAqBC,MAAM,GAAyBL,OAAO,CAApDM,YAAY;IAAuBC,KAAK,GAAKP,OAAO,CAA9BQ,WAAW;EAC3E,WAA8CR,OAAO,CAACS,qBAAqB,IAAIT,OAAO,CAACS,qBAAqB,EAAE,IAAK,CAAC,CAAC;IAAvGC,UAAU,QAAhBT,IAAI;IAAmBU,SAAS,QAAdR,GAAG;EAE7B,OAAO;IAAEF,IAAI,EAAJA,IAAI;IAAEE,GAAG,EAAHA,GAAG;IAAEE,MAAM,EAANA,MAAM;IAAEE,KAAK,EAALA,KAAK;IAAEG,UAAU,EAAVA,UAAU;IAAEC,SAAS,EAATA;EAAU,CAAC;AAC5D,CAAC;AAAC"}

package/build/primitives/Layer/helpers/getLayerPosition.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLayerPosition = void 0;
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var getLayerPosition = exports.getLayerPosition = function getLayerPosition() {
+var getLayerPosition = function getLayerPosition() {
   var componentLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var contentLayout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var device = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -108,4 +108,5 @@ var getLayerPosition = exports.getLayerPosition = function getLayerPosition() {
     orientation: orientation
   };
 };
+exports.getLayerPosition = getLayerPosition;
 //# sourceMappingURL=getLayerPosition.js.map

package/build/primitives/Layer/helpers/getLayerPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","exports","componentLayout","arguments","length","undefined","contentLayout","device","_ref","centered","forceBottom","forceLeft","forceRight","forceTop","_componentLayout$left","left","componentLeft","_componentLayout$scro","scrollTop","_componentLayout$top","top","componentTop","_componentLayout$widt","width","componentWidth","_componentLayout$heig","height","componentHeight","_componentLayout$scre","screenLeft","_componentLayout$scre2","screenTop","_contentLayout$width","contentWidth","_contentLayout$height","contentHeight","_device$height","_device$width","aline","orientation","gapBottom","_objectSpread","gapLeft","gapRight","right","gapCenter","space","center"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (\n  componentLayout = {},\n  contentLayout = {},\n  device = {},\n  { centered, forceBottom, forceLeft, forceRight, forceTop } = {},\n) => {\n  const {\n    left: componentLeft = 0,\n    scrollTop = 0,\n    top: componentTop = 0,\n    width: componentWidth = 0,\n    height: componentHeight = 0,\n    screenLeft = componentLeft || 0,\n    screenTop = componentTop || 0,\n  } = componentLayout;\n  const { width: contentWidth = 0, height: contentHeight = 0 } = contentLayout;\n  const { height = 0, width = 0 } = device;\n  const aline = centered && (forceLeft || forceRight);\n  let orientation = { left: true };\n\n  let top = componentTop + componentHeight - scrollTop;\n  const gapBottom = height - (screenTop + componentHeight);\n  if ((contentHeight > gapBottom && screenTop > gapBottom && !forceBottom) || forceTop) {\n    top = componentTop - contentHeight - scrollTop;\n    orientation = { ...orientation, top: true };\n  }\n\n  let left = componentLeft;\n  const gapLeft = componentLeft + componentWidth;\n  const gapRight = width - screenLeft;\n  if ((contentWidth > gapRight && gapLeft > gapRight && !forceLeft) || forceRight) {\n    left = componentLeft - contentWidth + componentWidth;\n    orientation = { ...orientation, left: undefined, right: true };\n  }\n\n  if (aline) {\n    orientation = { ...orientation, left: forceLeft, right: forceRight, top: undefined };\n    if (forceLeft && contentWidth > gapLeft && gapRight > gapLeft)\n      orientation = { ...orientation, left: undefined, right: true };\n    else if (forceRight && contentWidth > gapRight && gapLeft > gapRight)\n      orientation = { ...orientation, left: true, right: undefined };\n\n    left = orientation.left ? componentLeft - contentWidth : componentLeft + componentWidth;\n    top = componentTop - (contentHeight - componentHeight) / 2 - scrollTop;\n  } else if (centered) {\n    const gapCenter = (componentWidth + contentWidth) / 2;\n    const space = (contentWidth - componentWidth) / 2;\n    orientation = { ...orientation, left: true, right: undefined };\n\n    if (gapLeft > gapRight) {\n      left = componentLeft - contentWidth + componentWidth;\n      orientation = { ...orientation, left: undefined, right: true };\n    }\n    if (gapLeft > gapCenter && gapRight > gapCenter) {\n      left += space * (gapLeft > gapRight ? 1 : -1);\n      orientation = { ...orientation, left: undefined, right: undefined, center: true };\n    }\n  }\n\n  return { left, top, orientation };\n};\n"],"mappings":"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"}
+{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","componentLayout","contentLayout","device","centered","forceBottom","forceLeft","forceRight","forceTop","left","componentLeft","scrollTop","top","componentTop","width","componentWidth","height","componentHeight","screenLeft","screenTop","contentWidth","contentHeight","aline","orientation","gapBottom","gapLeft","gapRight","undefined","right","gapCenter","space","center"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (\n  componentLayout = {},\n  contentLayout = {},\n  device = {},\n  { centered, forceBottom, forceLeft, forceRight, forceTop } = {},\n) => {\n  const {\n    left: componentLeft = 0,\n    scrollTop = 0,\n    top: componentTop = 0,\n    width: componentWidth = 0,\n    height: componentHeight = 0,\n    screenLeft = componentLeft || 0,\n    screenTop = componentTop || 0,\n  } = componentLayout;\n  const { width: contentWidth = 0, height: contentHeight = 0 } = contentLayout;\n  const { height = 0, width = 0 } = device;\n  const aline = centered && (forceLeft || forceRight);\n  let orientation = { left: true };\n\n  let top = componentTop + componentHeight - scrollTop;\n  const gapBottom = height - (screenTop + componentHeight);\n  if ((contentHeight > gapBottom && screenTop > gapBottom && !forceBottom) || forceTop) {\n    top = componentTop - contentHeight - scrollTop;\n    orientation = { ...orientation, top: true };\n  }\n\n  let left = componentLeft;\n  const gapLeft = componentLeft + componentWidth;\n  const gapRight = width - screenLeft;\n  if ((contentWidth > gapRight && gapLeft > gapRight && !forceLeft) || forceRight) {\n    left = componentLeft - contentWidth + componentWidth;\n    orientation = { ...orientation, left: undefined, right: true };\n  }\n\n  if (aline) {\n    orientation = { ...orientation, left: forceLeft, right: forceRight, top: undefined };\n    if (forceLeft && contentWidth > gapLeft && gapRight > gapLeft)\n      orientation = { ...orientation, left: undefined, right: true };\n    else if (forceRight && contentWidth > gapRight && gapLeft > gapRight)\n      orientation = { ...orientation, left: true, right: undefined };\n\n    left = orientation.left ? componentLeft - contentWidth : componentLeft + componentWidth;\n    top = componentTop - (contentHeight - componentHeight) / 2 - scrollTop;\n  } else if (centered) {\n    const gapCenter = (componentWidth + contentWidth) / 2;\n    const space = (contentWidth - componentWidth) / 2;\n    orientation = { ...orientation, left: true, right: undefined };\n\n    if (gapLeft > gapRight) {\n      left = componentLeft - contentWidth + componentWidth;\n      orientation = { ...orientation, left: undefined, right: true };\n    }\n    if (gapLeft > gapCenter && gapRight > gapCenter) {\n      left += space * (gapLeft > gapRight ? 1 : -1);\n      orientation = { ...orientation, left: undefined, right: undefined, center: true };\n    }\n  }\n\n  return { left, top, orientation };\n};\n"],"mappings":"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"}

package/build/primitives/Layer/helpers/getScrollParent.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getScrollParent = void 0;
-var getScrollParent = exports.getScrollParent = function getScrollParent(node) {
+var getScrollParent = function getScrollParent(node) {
   if (!node || node.tagName === 'HTML') return;
   return node.scrollTop > 0 ? node : getScrollParent(node.parentNode);
 };
+exports.getScrollParent = getScrollParent;
 //# sourceMappingURL=getScrollParent.js.map

package/build/primitives/Layer/helpers/getScrollParent.js.map

@@ -1 +1 @@
-{"version":3,"file":"getScrollParent.js","names":["getScrollParent","exports","node","tagName","scrollTop","parentNode"],"sources":["../../../../src/primitives/Layer/helpers/getScrollParent.js"],"sourcesContent":["export const getScrollParent = (node) => {\n  if (!node || node.tagName === 'HTML') return;\n  return node.scrollTop > 0 ? node : getScrollParent(node.parentNode);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,IAAI,EAAK;EACvC,IAAI,CAACA,IAAI,IAAIA,IAAI,CAACC,OAAO,KAAK,MAAM,EAAE;EACtC,OAAOD,IAAI,CAACE,SAAS,GAAG,CAAC,GAAGF,IAAI,GAAGF,eAAe,CAACE,IAAI,CAACG,UAAU,CAAC;AACrE,CAAC"}
+{"version":3,"file":"getScrollParent.js","names":["getScrollParent","node","tagName","scrollTop","parentNode"],"sources":["../../../../src/primitives/Layer/helpers/getScrollParent.js"],"sourcesContent":["export const getScrollParent = (node) => {\n  if (!node || node.tagName === 'HTML') return;\n  return node.scrollTop > 0 ? node : getScrollParent(node.parentNode);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAI,EAAK;EACvC,IAAI,CAACA,IAAI,IAAIA,IAAI,CAACC,OAAO,KAAK,MAAM,EAAE;EACtC,OAAOD,IAAI,CAACE,SAAS,GAAG,CAAC,GAAGF,IAAI,GAAGD,eAAe,CAACC,IAAI,CAACG,UAAU,CAAC;AACrE,CAAC;AAAC"}