@onepercentio/one-ui 0.9.5 → 0.9.7

package/storybook-static/main.221efcc3.iframe.bundle.js

@@ -1,2 +0,0 @@
-/*! For license information please see main.221efcc3.iframe.bundle.js.LICENSE.txt */
-(self.webpackChunk_onepercentio_one_ui=self.webpackChunk_onepercentio_one_ui||[]).push([[179],{"./.storybook/preview.js-generated-config-entry.js":function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{__namedExportsOrder:function(){return __namedExportsOrder},decorators:function(){return decorators},parameters:function(){return parameters}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styles=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./.storybook/styles.css"),options={insert:"head",singleton:!1},OneUIProvider=(injectStylesIntoStyleTag_default()(styles.Z,options),styles.Z.locals,__webpack_require__("./src/context/OneUIProvider.tsx")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}}},decorators=[function(Story){return(0,jsx_runtime.jsx)(OneUIProvider.ZP,{config:{component:{}},children:(0,jsx_runtime.jsxs)("div",{style:{"--main-font":"monospace","--second-font":"monospace"},children:[(0,jsx_runtime.jsx)("link",{href:"https://fonts.googleapis.com/css?family=Open+Sans:400,600,300",rel:"stylesheet",type:"text/css"}),(0,jsx_runtime.jsx)("link",{href:"https://fonts.googleapis.com/css?family=Manrope:300,400,700",rel:"stylesheet"}),(0,jsx_runtime.jsx)("link",{href:"https://fonts.googleapis.com/css?family=Roboto:300,400,700",rel:"stylesheet"}),(0,jsx_runtime.jsx)(Story,{})]})})}],__namedExportsOrder=["parameters","decorators"];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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(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}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return(0,ClientApi.My)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return(0,ClientApi._C)(enhancer)}));case"render":return(0,ClientApi.$P)(value);case"globals":case"globalTypes":var v={};return v[key]=value,(0,ClientApi.h1)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./src/components/AdaptiveButton/AdaptiveButton.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},TargetUsage:function(){return TargetUsage},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_Loader__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/Loader/index.tsx"),_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/components/MutableHamburgerButton/index.tsx"),_Tabs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/components/Tabs/index.tsx"),_Text__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Text/index.tsx"),_AdaptiveButton__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/components/AdaptiveButton/AdaptiveButton.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={component:_AdaptiveButton__WEBPACK_IMPORTED_MODULE_19__.Z,title:"Adaptive Button"};var Example,InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_AdaptiveButton__WEBPACK_IMPORTED_MODULE_19__.Z,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",function(Example){Example[Example.Loading=0]="Loading",Example[Example.Error=1]="Error",Example[Example.Content=2]="Content",Example[Example.Success=3]="Success"}(Example||(Example={}));var TargetUsage=function TargetUsage(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_14__.useState)(Example.Error),2),s=_useState2[0],ss=_useState2[1],child=(0,react__WEBPACK_IMPORTED_MODULE_14__.useMemo)((function(){switch(s){case Example.Content:return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react__WEBPACK_IMPORTED_MODULE_14__.Fragment,{children:"Example button"},s);case Example.Error:return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_16__.Z,{size:24,state:"closed"},s);case Example.Success:return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_16__.Z,{size:24,state:"arrow-up"},s);case Example.Loading:return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_Loader__WEBPACK_IMPORTED_MODULE_15__.Z,{},s)}}),[s]);return(0,react__WEBPACK_IMPORTED_MODULE_14__.useEffect)((function(){setInterval((function(){}),1e4)}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_Tabs__WEBPACK_IMPORTED_MODULE_17__.Z,{options:Object.keys(Example).map((function(k){return{id:Example[k],label:k}})).filter((function(e){return parseInt(e.id,10)>=0})),onSelect:ss,selected:s}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_AdaptiveButton__WEBPACK_IMPORTED_MODULE_19__.Z,{variant:"outline",children:child})]})};InitialImplementation.args={variant:"filled",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_Text__WEBPACK_IMPORTED_MODULE_18__.Z,{type:"highlight",children:"Some content to the button"},"example")},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => (\n  <AdaptiveButton {...args} />\n)"}},InitialImplementation.parameters),TargetUsage.parameters=Object.assign({storySource:{source:'() => {\n  const [s, ss] = useState<Example>(Example.Error);\n\n  const child = useMemo(() => {\n    switch (s) {\n      case Example.Content:\n        return <React.Fragment key={s}>Example button</React.Fragment>;\n      case Example.Error:\n        return <MutableHamburgerButton key={s} size={24} state={"closed"} />;\n      case Example.Success:\n        return <MutableHamburgerButton key={s} size={24} state={"arrow-up"} />;\n      case Example.Loading:\n        return <Loader key={s} />;\n    }\n  }, [s]);\n\n  useEffect(() => {\n    setInterval(() => {\n      //   ss((pv) => (pv === 3 ? 0 : pv + 1));\n    }, 10000);\n  }, []);\n\n  return (\n    <>\n      <Tabs\n        options={Object.keys(Example)\n          .map((k) => ({\n            id: Example[k as any],\n            label: k,\n          }))\n          .filter((e) => parseInt(e.id, 10) >= 0)}\n        onSelect={ss as any}\n        selected={s as any}\n      />\n      <AdaptiveButton variant="outline">{child}</AdaptiveButton>\n    </>\n  );\n}'}},TargetUsage.parameters);var __namedExportsOrder=["InitialImplementation","TargetUsage"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveButton/AdaptiveButton.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/AdaptiveButton/AdaptiveButton.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AdaptiveContainer/AdaptiveContainer.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},TargetUsage:function(){return TargetUsage},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_Loader__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/Loader/index.tsx"),_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/components/MutableHamburgerButton/index.tsx"),_Tabs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/components/Tabs/index.tsx"),_Text__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Text/index.tsx"),_AdaptiveContainer__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/components/AdaptiveContainer/AdaptiveContainer.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={component:_AdaptiveContainer__WEBPACK_IMPORTED_MODULE_19__.Z,title:"Adaptive Container"};var Example,InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_AdaptiveContainer__WEBPACK_IMPORTED_MODULE_19__.Z,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",function(Example){Example[Example.Loading=0]="Loading",Example[Example.Error=1]="Error",Example[Example.Content=2]="Content",Example[Example.Success=3]="Success"}(Example||(Example={}));var TargetUsage=function TargetUsage(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_14__.useState)(Example.Error),2),s=_useState2[0],ss=_useState2[1],child=(0,react__WEBPACK_IMPORTED_MODULE_14__.useMemo)((function(){switch(s){case Example.Content:return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react__WEBPACK_IMPORTED_MODULE_14__.Fragment,{children:"Example button"},s);case Example.Error:return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_16__.Z,{size:24,state:"closed"},s);case Example.Success:return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_16__.Z,{size:24,state:"arrow-up"},s);case Example.Loading:return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_Loader__WEBPACK_IMPORTED_MODULE_15__.Z,{},s)}}),[s]);return(0,react__WEBPACK_IMPORTED_MODULE_14__.useEffect)((function(){setInterval((function(){}),1e4)}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_Tabs__WEBPACK_IMPORTED_MODULE_17__.Z,{options:Object.keys(Example).map((function(k){return{id:Example[k],label:k}})).filter((function(e){return parseInt(e.id,10)>=0})),onSelect:ss,selected:s}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_AdaptiveContainer__WEBPACK_IMPORTED_MODULE_19__.Z,{variant:"outline",children:child})]})};InitialImplementation.args={variant:"filled",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_Text__WEBPACK_IMPORTED_MODULE_18__.Z,{type:"highlight",children:"Some content to the button"},"example")},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => (\n  <AdaptiveContainer {...args} />\n)"}},InitialImplementation.parameters),TargetUsage.parameters=Object.assign({storySource:{source:'() => {\n  const [s, ss] = useState<Example>(Example.Error);\n\n  const child = useMemo(() => {\n    switch (s) {\n      case Example.Content:\n        return <React.Fragment key={s}>Example button</React.Fragment>;\n      case Example.Error:\n        return <MutableHamburgerButton key={s} size={24} state={"closed"} />;\n      case Example.Success:\n        return <MutableHamburgerButton key={s} size={24} state={"arrow-up"} />;\n      case Example.Loading:\n        return <Loader key={s} />;\n    }\n  }, [s]);\n\n  useEffect(() => {\n    setInterval(() => {\n      //   ss((pv) => (pv === 3 ? 0 : pv + 1));\n    }, 10000);\n  }, []);\n\n  return (\n    <>\n      <Tabs\n        options={Object.keys(Example)\n          .map((k) => ({\n            id: Example[k as any],\n            label: k,\n          }))\n          .filter((e) => parseInt(e.id, 10) >= 0)}\n        onSelect={ss as any}\n        selected={s as any}\n      />\n      <AdaptiveContainer variant="outline">{child}</AdaptiveContainer>\n    </>\n  );\n}'}},TargetUsage.parameters);var __namedExportsOrder=["InitialImplementation","TargetUsage"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveContainer/AdaptiveContainer.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/AdaptiveContainer/AdaptiveContainer.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AdaptiveDialog/AdaptiveDialog.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Improvement_LockFocusInsideModal:function(){return Improvement_LockFocusInsideModal},Improvement_LockScrollWhenOpen:function(){return Improvement_LockScrollWhenOpen},InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/index.js"),_AdaptiveDialog__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/components/AdaptiveDialog/AdaptiveDialog.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={component:_AdaptiveDialog__WEBPACK_IMPORTED_MODULE_13__.Z,title:"Adaptive Dialog"};var InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(_AdaptiveDialog__WEBPACK_IMPORTED_MODULE_13__.Z,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("p",{children:"Some content"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"ANs some more"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"ANs some more"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"ANs some more"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"ANs some more"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"ANs some more"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"ANs some more"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"ANs some more"})]}))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={open:!0};var Improvement_LockScrollWhenOpen=function Improvement_LockScrollWhenOpen(){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_12__.useState)(!1),2),o=_useState2[0],so=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(_AdaptiveDialog__WEBPACK_IMPORTED_MODULE_13__.Z,{open:o,onClose:function onClose(){return so(!1)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("div",{style:{overflow:"auto"},children:new Array(100).fill(void 0).map((function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)("h1",{children:["Scrolling modal div item ",i," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("button",{onClick:function onClick(){return so(!1)},children:"click to close modal"})]})}))})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("div",{children:new Array(100).fill(void 0).map((function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)("h1",{children:["Scrolling div item ",i," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("button",{onClick:function onClick(){return so(!0)},children:"click to open modal"})]}),24==i?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)("div",{style:{overflow:"auto",height:40},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Nested scroll"})]}):null]})}))})]})},Improvement_LockFocusInsideModal=function Improvement_LockFocusInsideModal(){var _useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_12__.useState)(!1),2),o=_useState4[0],oo=_useState4[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Here we have an input"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("input",{placeholder:"This should not be focusable when I open the modal"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("button",{onClick:function onClick(){return oo(!0)},children:"Open modal"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(_AdaptiveDialog__WEBPACK_IMPORTED_MODULE_13__.Z,{open:o,onClose:function onClose(){oo(!1)},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("h1",{children:"Try pressing tab to switch focus"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("input",{placeholder:"This should be focusable"})]})]})};InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => (\n  <AdaptiveDialog {...args}>\n    <p>Some content</p>\n    <h1>ANs some more</h1>\n    <h1>ANs some more</h1>\n    <h1>ANs some more</h1>\n    <h1>ANs some more</h1>\n    <h1>ANs some more</h1>\n    <h1>ANs some more</h1>\n    <h1>ANs some more</h1>\n  </AdaptiveDialog>\n)"}},InitialImplementation.parameters),Improvement_LockScrollWhenOpen.parameters=Object.assign({storySource:{source:'() => {\n  const [o, so] = useState(false);\n\n  return (\n    <>\n      <AdaptiveDialog open={o} onClose={() => so(false)}>\n        <div\n          style={{\n            overflow: "auto",\n          }}\n        >\n          {new Array(100).fill(undefined).map((_, i) => (\n            <h1>\n              Scrolling modal div item {i}{" "}\n              <button onClick={() => so(false)}>click to close modal</button>\n            </h1>\n          ))}\n        </div>\n      </AdaptiveDialog>\n      <div>\n        {new Array(100).fill(undefined).map((_, i) => (\n          <>\n            <h1>\n              Scrolling div item {i}{" "}\n              <button onClick={() => so(true)}>click to open modal</button>\n            </h1>\n            {i == 24 ? (\n              <div style={{ overflow: "auto", height: 40 }}>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n                <h1>Nested scroll</h1>\n              </div>\n            ) : null}\n          </>\n        ))}\n      </div>\n    </>\n  );\n}'}},Improvement_LockScrollWhenOpen.parameters),Improvement_LockFocusInsideModal.parameters=Object.assign({storySource:{source:'() => {\n  const [o, oo] = useState(false);\n  return (\n    <>\n      <h1>Here we have an input</h1>\n      <input placeholder="This should not be focusable when I open the modal" />\n      <button onClick={() => oo(true)}>Open modal</button>\n\n      <AdaptiveDialog\n        open={o}\n        onClose={() => {\n          oo(false);\n        }}\n      >\n        <h1>Try pressing tab to switch focus</h1>\n        <input placeholder="This should be focusable" />\n      </AdaptiveDialog>\n    </>\n  );\n}'}},Improvement_LockFocusInsideModal.parameters);var __namedExportsOrder=["InitialImplementation","Improvement_LockScrollWhenOpen","Improvement_LockFocusInsideModal"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveDialog/AdaptiveDialog.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/AdaptiveDialog/AdaptiveDialog.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AdaptiveSidebar/AdaptiveSidebar.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return AdaptiveSidebar_stories}});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),MutableHamburgerButton=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./src/components/MutableHamburgerButton/index.tsx")),ScrollAndFocusLock=__webpack_require__("./src/components/utilitary/ScrollAndFocusLock/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),AdaptiveSidebar_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AdaptiveSidebar/AdaptiveSidebar.module.scss"),options={insert:"head",singleton:!1},AdaptiveSidebar_AdaptiveSidebar_module=(injectStylesIntoStyleTag_default()(AdaptiveSidebar_module.Z,options),AdaptiveSidebar_module.Z.locals||{}),throttle=__webpack_require__("./node_modules/lodash/throttle.js"),throttle_default=__webpack_require__.n(throttle);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useBreakpoint(breakInto){var _useState2=_slicedToArray((0,react.useState)((function(){return window.visualViewport.width<breakInto})),2),lowerThanBreakpoint=_useState2[0],setIsLowerThanBreakpoint=_useState2[1];return(0,react.useEffect)((function(){var onResizeThrottle=throttle_default()((function(){setIsLowerThanBreakpoint(window.visualViewport.width<breakInto)}),250),onResize=function onResize(){return onResizeThrottle()};return window.addEventListener("resize",onResize),function(){return window.removeEventListener("resize",onResize)}}),[]),lowerThanBreakpoint}try{useBreakpoint.displayName="useBreakpoint",useBreakpoint.__docgenInfo={description:"A hook to trigger changes when the screen resizes",displayName:"useBreakpoint",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/hooks/ui/useBreakpoint.tsx#useBreakpoint"]={docgenInfo:useBreakpoint.__docgenInfo,name:"useBreakpoint",path:"src/hooks/ui/useBreakpoint.tsx#useBreakpoint"})}catch(__react_docgen_typescript_loader_error){}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["open","children","className","breakInto","visibilityControlComponent"];function AdaptiveSidebar_slicedToArray(arr,i){return function AdaptiveSidebar_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function AdaptiveSidebar_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function AdaptiveSidebar_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return AdaptiveSidebar_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return AdaptiveSidebar_arrayLikeToArray(o,minLen)}(arr,i)||function AdaptiveSidebar_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 AdaptiveSidebar_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var DefaultVisibilityControl=function DefaultVisibilityControl(_ref){var open=_ref.open;return(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{size:48,state:open?"closed":"default"})};function AdaptiveSidebar(_ref2,ref){var externalOpen=_ref2.open,children=_ref2.children,_ref2$className=_ref2.className,className=void 0===_ref2$className?"":_ref2$className,_ref2$breakInto=_ref2.breakInto,breakInto=void 0===_ref2$breakInto?640:_ref2$breakInto,_ref2$visibilityContr=_ref2.visibilityControlComponent,VisibilityControlComponent=void 0===_ref2$visibilityContr?DefaultVisibilityControl:_ref2$visibilityContr,props=_objectWithoutProperties(_ref2,_excluded),_useState2=AdaptiveSidebar_slicedToArray((0,react.useState)(!1),2),open=_useState2[0],setOpen=_useState2[1],containerRef=(0,react.useRef)(null),_open=void 0===externalOpen?open:externalOpen,isMobile=useBreakpoint(breakInto);(0,react.useImperativeHandle)(ref,(function(){return{dismiss:function dismiss(){return setOpen(!1)}}}),[]),(0,react.useEffect)((function(){containerRef.current.scrollTo({left:0,behavior:"smooth",top:0})}),[_open]);var externalControl=void 0!==externalOpen;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",Object.assign({ref:containerRef,className:(isMobile?AdaptiveSidebar_AdaptiveSidebar_module.mobile:AdaptiveSidebar_AdaptiveSidebar_module.desktop)+" "+AdaptiveSidebar_AdaptiveSidebar_module.container+" "+(externalControl||DefaultVisibilityControl!==VisibilityControlComponent?"":AdaptiveSidebar_AdaptiveSidebar_module.defaultPadding)+" "+(_open?AdaptiveSidebar_AdaptiveSidebar_module.open:AdaptiveSidebar_AdaptiveSidebar_module.closed)+" "+className},props,{children:(0,jsx_runtime.jsx)(ScrollAndFocusLock.Z,{open:_open,children:children})})),!externalControl&&(0,jsx_runtime.jsx)("div",{className:(isMobile?AdaptiveSidebar_AdaptiveSidebar_module.mobile:AdaptiveSidebar_AdaptiveSidebar_module.desktop)+" "+AdaptiveSidebar_AdaptiveSidebar_module.hamburger,onClick:function onClick(){return setOpen((function(a){return!a}))},children:(0,jsx_runtime.jsx)(VisibilityControlComponent,{open:_open})})]})}DefaultVisibilityControl.displayName="DefaultVisibilityControl";var AdaptiveSidebar_AdaptiveSidebar=(0,react.forwardRef)(AdaptiveSidebar);try{AdaptiveSidebar.displayName="AdaptiveSidebar",AdaptiveSidebar.__docgenInfo={description:"A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button",displayName:"AdaptiveSidebar",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveSidebar/AdaptiveSidebar.tsx#AdaptiveSidebar"]={docgenInfo:AdaptiveSidebar.__docgenInfo,name:"AdaptiveSidebar",path:"src/components/AdaptiveSidebar/AdaptiveSidebar.tsx#AdaptiveSidebar"})}catch(__react_docgen_typescript_loader_error){}var AdaptiveSidebar_stories={component:AdaptiveSidebar_AdaptiveSidebar,title:"Adaptive Sidebar"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(AdaptiveSidebar_AdaptiveSidebar,Object.assign({},args,{children:(0,jsx_runtime.jsxs)("div",{style:{backgroundColor:"yellow"},children:[(0,jsx_runtime.jsx)("h1",{style:{margin:0},children:"Um sidebar heading"}),new Array(100).fill(void 0).map((function(_,i){return(0,jsx_runtime.jsxs)("p",{children:["Opção ",i]})}))]})}))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <AdaptiveSidebar {...args}>\n    <div style={{ backgroundColor: "yellow" }}>\n      <h1 style={{ margin: 0 }}>Um sidebar heading</h1>\n      {new Array(100).fill(undefined).map((_, i) => (\n        <p>Opção {i}</p>\n      ))}\n    </div>\n  </AdaptiveSidebar>\n)'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveSidebar/AdaptiveSidebar.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/AdaptiveSidebar/AdaptiveSidebar.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AnchoredTooltip/AnchoredTooltip.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/index.js"),_AnchoredTooltip__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/AnchoredTooltip/AnchoredTooltip.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={component:_AnchoredTooltip__WEBPACK_IMPORTED_MODULE_11__.Z,title:"Anchored Tooltip"};var InitialImplementation=function InitialImplementation(args){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(!1),2),open=_useState2[0],setOpen=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(!1),2),open2=_useState4[0],setOpen2=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(!1),2),open3=_useState6[0],setOpen3=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(!1),2),open4=_useState8[0],setOpen4=_useState8[1],elementRef=(0,react__WEBPACK_IMPORTED_MODULE_10__.useRef)(null),elementRef2=(0,react__WEBPACK_IMPORTED_MODULE_10__.useRef)(null),elementRef3=(0,react__WEBPACK_IMPORTED_MODULE_10__.useRef)(null),elementRef4=(0,react__WEBPACK_IMPORTED_MODULE_10__.useRef)(null);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("div",{"data-testid":"viewport",style:{width:"200vw",height:"100vh",backgroundColor:"lightblue",display:"flex",alignItems:"center",justifyContent:"center",marginBottom:"200vh",flexDirection:"column"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("h1",{ref:elementRef,style:{width:"200px",height:"200px",backgroundColor:"lightyellow"},onClick:function onClick(){return setOpen((function(a){return!a}))},children:["Element to anchor to",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("br",{}),"Click to open tooltip"]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("h1",{ref:elementRef3,style:{alignSelf:"flex-end"},onClick:function onClick(){return setOpen3((function(a){return!a}))},children:"This one is aligned right"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_AnchoredTooltip__WEBPACK_IMPORTED_MODULE_11__.Z,{anchorRef:elementRef3,open:open3,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("h1",{style:{maxWidth:"1000px",margin:"0px"},children:"This content will overflow the available width of the screen so it needs to go to the left side so all the content can be visible by the user currently watching the screen and interacting with the elements available"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("h1",{ref:elementRef4,style:{alignSelf:"flex-start"},onClick:function onClick(){return setOpen4((function(a){return!a}))},children:"This one is aligned left"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_AnchoredTooltip__WEBPACK_IMPORTED_MODULE_11__.Z,{anchorRef:elementRef4,open:open4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("h1",{style:{maxWidth:"1000px",margin:"0px"},children:"This content will overflow the available width of the screen so it needs to go to the right side so all the content can be visible by the user currently watching the screen and interacting with the elements available"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_AnchoredTooltip__WEBPACK_IMPORTED_MODULE_11__.Z,{anchorRef:elementRef,open:open,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("div",{style:{color:"white"},children:["The content of the tooltip",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("h1",{style:{margin:0},children:"Some extra content"})})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("h1",{ref:elementRef2,onClick:function onClick(){return setOpen2((function(a){return!a}))},children:"Another tooltip to show"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_AnchoredTooltip__WEBPACK_IMPORTED_MODULE_11__.Z,{open:open2,anchorRef:elementRef2,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("h1",{style:{margin:0},children:"Another tooltip"})})]})};InitialImplementation.args={},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const [open, setOpen] = useState(false);\n  const [open2, setOpen2] = useState(false);\n  const [open3, setOpen3] = useState(false);\n  const [open4, setOpen4] = useState(false);\n  const elementRef = useRef<HTMLHeadingElement>(null);\n  const elementRef2 = useRef<HTMLHeadingElement>(null);\n  const elementRef3 = useRef<HTMLHeadingElement>(null);\n  const elementRef4 = useRef<HTMLHeadingElement>(null);\n  return (\n    <>\n      <div\n        data-testid="viewport"\n        style={{\n          width: "200vw",\n          height: "100vh",\n          backgroundColor: "lightblue",\n          display: "flex",\n          alignItems: "center",\n          justifyContent: "center",\n          marginBottom: "200vh",\n          flexDirection: "column",\n        }}\n      >\n        <h1\n          ref={elementRef}\n          style={{\n            width: "200px",\n            height: "200px",\n            backgroundColor: "lightyellow",\n          }}\n          onClick={() => setOpen((a) => !a)}\n        >\n          Element to anchor to\n          <br />\n          Click to open tooltip\n        </h1>\n        <h1\n          ref={elementRef3}\n          style={{\n            alignSelf: "flex-end",\n          }}\n          onClick={() => setOpen3((a) => !a)}\n        >\n          This one is aligned right\n        </h1>\n        <AnchoredTooltip anchorRef={elementRef3} open={open3}>\n          <h1 style={{ maxWidth: "1000px", margin: "0px" }}>\n            This content will overflow the available width of the screen so it\n            needs to go to the left side so all the content can be visible by\n            the user currently watching the screen and interacting with the\n            elements available\n          </h1>\n        </AnchoredTooltip>\n        <h1\n          ref={elementRef4}\n          style={{\n            alignSelf: "flex-start",\n          }}\n          onClick={() => setOpen4((a) => !a)}\n        >\n          This one is aligned left\n        </h1>\n        <AnchoredTooltip anchorRef={elementRef4} open={open4}>\n          <h1 style={{ maxWidth: "1000px", margin: "0px" }}>\n            This content will overflow the available width of the screen so it\n            needs to go to the right side so all the content can be visible by\n            the user currently watching the screen and interacting with the\n            elements available\n          </h1>\n        </AnchoredTooltip>\n        <AnchoredTooltip anchorRef={elementRef} open={open}>\n          <div style={{ color: "white" }}>\n            The content of the tooltip\n            <br />\n            <div>\n              <h1 style={{ margin: 0 }}>Some extra content</h1>\n            </div>\n          </div>\n        </AnchoredTooltip>\n      </div>\n      <h1 ref={elementRef2} onClick={() => setOpen2((a) => !a)}>\n        Another tooltip to show\n      </h1>\n      <AnchoredTooltip open={open2} anchorRef={elementRef2}>\n        <h1 style={{ margin: 0 }}>Another tooltip</h1>\n      </AnchoredTooltip>\n    </>\n  );\n}'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AnchoredTooltip/AnchoredTooltip.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/AnchoredTooltip/AnchoredTooltip.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/index.js"),_Button__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/components/Button/index.tsx"),_AnimatedEntrance__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/components/AnimatedEntrance/AnimatedEntrance.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={component:_AnimatedEntrance__WEBPACK_IMPORTED_MODULE_14__.ZP,title:"Animated Entrance"};var ExampleEL=function ExampleEL(key,removeElCb){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)("div",{children:["Elemento ",key," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_13__.Z,{variant:"outline",onClick:function onClick(){return removeElCb((function(prev){return prev.filter((function(prev){return String(prev.key)!==String(key)}))}))},children:"Remove"})]},key)};ExampleEL.displayName="ExampleEL";var InitialImplementation=function InitialImplementation(args){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_12__.useState)([]),2),exampleElements=_useState2[0],setE=_useState2[1];(0,react__WEBPACK_IMPORTED_MODULE_12__.useMemo)((function(){exampleElements.push(ExampleEL(1,setE)),exampleElements.push(ExampleEL(2,setE)),exampleElements.push(ExampleEL(3,setE)),exampleElements.push(ExampleEL(4,setE))}),[]);var counter=(0,react__WEBPACK_IMPORTED_MODULE_12__.useRef)(4);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("div",{style:{minHeight:800},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_AnimatedEntrance__WEBPACK_IMPORTED_MODULE_14__.ZP,{children:exampleElements})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_13__.Z,{variant:"filled",onClick:function onClick(){return setE((function(prev){counter.current++;var currCounter=counter.current;return[].concat(_toConsumableArray(prev),[ExampleEL(currCounter,setE)])}))},children:"Add element"})]})};InitialImplementation.args={},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const [exampleElements, setE] = useState<ReactElement[]>([]);\n\n  useMemo(() => {\n    exampleElements.push(ExampleEL(1, setE));\n    exampleElements.push(ExampleEL(2, setE));\n    exampleElements.push(ExampleEL(3, setE));\n    exampleElements.push(ExampleEL(4, setE));\n  }, []);\n  const counter = useRef(4);\n\n  return (\n    <>\n      <div style={{ minHeight: 800 }}>\n        <AnimatedEntrance>{exampleElements}</AnimatedEntrance>\n      </div>\n      <Button\n        variant="filled"\n        onClick={() =>\n          setE((prev) => {\n            counter.current++;\n            const currCounter = counter.current;\n            return [...prev, ExampleEL(currCounter, setE)];\n          })\n        }\n      >\n        Add element\n      </Button>\n    </>\n  );\n}'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AsyncWrapper/AsyncWrapper.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return AsyncWrapper_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),Loader=__webpack_require__("./src/components/Loader/index.tsx"),AdaptiveDialog=__webpack_require__("./src/components/AdaptiveDialog/index.tsx"),Button=__webpack_require__("./src/components/Button/index.tsx"),Text=__webpack_require__("./src/components/Text/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function AsyncWrapper(_ref){var loading=_ref.loading,error=_ref.error,onClose=_ref.onClose,onRetry=_ref.onRetry,children=_ref.children,_useOneUIContext$comp=(0,OneUIProvider.Wh)().component.asyncWrapper,_useOneUIContext$comp2=_useOneUIContext$comp.LoadingComponent,LoadingComponent=void 0===_useOneUIContext$comp2?Loader.Z:_useOneUIContext$comp2,messages=_useOneUIContext$comp.messages;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[children,(0,jsx_runtime.jsxs)(AdaptiveDialog.Z,{open:error,onClose:onClose,children:[(0,jsx_runtime.jsx)(Text.Z,{type:"highlightTitle",children:messages.error.title}),(0,jsx_runtime.jsx)(Button.Z,{onClick:function onClick(){return onRetry()},children:messages.error.retryBtn})]}),loading?(0,jsx_runtime.jsx)(LoadingComponent,{}):null]})}try{AsyncWrapper.displayName="AsyncWrapper",AsyncWrapper.__docgenInfo={description:"This is a generic implementation of the loading, and error handling",displayName:"AsyncWrapper",props:{loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"() => void"}},onRetry:{defaultValue:null,description:"",name:"onRetry",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AsyncWrapper/AsyncWrapper.tsx#AsyncWrapper"]={docgenInfo:AsyncWrapper.__docgenInfo,name:"AsyncWrapper",path:"src/components/AsyncWrapper/AsyncWrapper.tsx#AsyncWrapper"})}catch(__react_docgen_typescript_loader_error){}var AsyncWrapper_stories={component:AsyncWrapper,title:"Async Wrapper"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(OneUIProvider.ZP,{config:{component:{asyncWrapper:{LoadingComponent:function LoadingComponent(){return(0,jsx_runtime.jsx)(Loader.Z,{})},messages:{error:{title:"Exemplo de error",retryBtn:"Tentar novamente"}}}}},children:(0,jsx_runtime.jsx)(AsyncWrapper,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={loading:!0,error:!1},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <OneUIProvider\n    config={{\n      component: {\n        asyncWrapper: {\n          LoadingComponent: () => <Loader />,\n          messages: {\n            error: {\n              title: "Exemplo de error",\n              retryBtn: "Tentar novamente",\n            },\n          },\n        },\n      },\n    }}\n  >\n    <AsyncWrapper {...args} />\n  </OneUIProvider>\n)'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AsyncWrapper/AsyncWrapper.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/AsyncWrapper/AsyncWrapper.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Avatar/Avatar.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Avatar_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=(__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js")),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Avatar_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Avatar/Avatar.module.scss"),options={insert:"head",singleton:!1},Avatar_Avatar_module=(injectStylesIntoStyleTag_default()(Avatar_module.Z,options),Avatar_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar(_ref){var name=_ref.name,imgSrc=_ref.imgSrc,_ref$size=_ref.size,size=void 0===_ref$size?48:_ref$size,initials=(0,react.useMemo)((function(){var nameParts=name.trim().split(" ");if(1===nameParts.length)return nameParts[0].charAt(0).toUpperCase();var _ref2=[nameParts[0],nameParts.slice(-1)[0]],lastName=_ref2[1];return(""+_ref2[0].charAt(0)+lastName.charAt(0)).toUpperCase()}),[name]);return(0,jsx_runtime.jsx)("div",{className:Avatar_Avatar_module.container+" "+(imgSrc?"":Avatar_Avatar_module.noImg),style:{fontSize:size},title:name,children:imgSrc?(0,jsx_runtime.jsx)("img",{src:imgSrc,alt:name}):(0,jsx_runtime.jsx)("span",{children:initials})})}Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"A simple avatar that shows the image of the user or it's initials as fallback",displayName:"Avatar",props:{imgSrc:{defaultValue:null,description:"",name:"imgSrc",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},size:{defaultValue:{value:"48"},description:"",name:"size",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}var Avatar_stories={component:Avatar,title:"Avatar"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(Avatar,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={name:"Put your name here",size:48},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => <Avatar {...args}/>"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Avatar/Avatar.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Avatar/Avatar.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/BucketFill/BucketFill.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AutoFill:function(){return AutoFill},Sandbox:function(){return Sandbox},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return BucketFill_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),Button=__webpack_require__("./src/components/Button/index.tsx"),MutableHamburgerButton=__webpack_require__("./src/components/MutableHamburgerButton/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),BucketFill_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/BucketFill/BucketFill.module.scss"),options={insert:"head",singleton:!1},BucketFill_BucketFill_module=(injectStylesIntoStyleTag_default()(BucketFill_module.Z,options),BucketFill_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function BucketFill(_ref){var children=_ref.children,background=_ref.background,fillTo=_ref.fillTo,rootRef=(0,react.useRef)(null);function resize(){var childs=rootRef.current.children,s=rootRef.current.style,elementAtPosition=0===fillTo?null:childs.item(fillTo-1),elementOffsetAndHeight=null===elementAtPosition?0:elementAtPosition.offsetTop+elementAtPosition.clientHeight,elementRootHeight=rootRef.current.clientHeight,percentToFill=Math.min(100*elementOffsetAndHeight/elementRootHeight,100);s.setProperty("--fill-height",percentToFill+"%"),s.setProperty("--empty-height",100-percentToFill+"%"),s.setProperty("--bg-offset",(100===percentToFill?-1e3:100/((100-percentToFill)/100))+"%")}return(0,react.useEffect)((function(){return resize(),window.addEventListener("resize",resize),function(){return window.removeEventListener("resize",resize)}}),[fillTo]),(0,jsx_runtime.jsx)("div",{ref:rootRef,style:{"--bg":background},className:BucketFill_BucketFill_module.root,children:children})}function IgnoreFill(_ref2){var children=_ref2.children;return(0,jsx_runtime.jsx)("div",{className:BucketFill_BucketFill_module.ignoreFill,children:children})}BucketFill.displayName="BucketFill",IgnoreFill.displayName="IgnoreFill";try{BucketFill.displayName="BucketFill",BucketFill.__docgenInfo={description:"A weird name for a component, but it's objective is to change element colors as the user progresses through a series of steps\n\nIT IS NOT READY (AND PROBABLY NEVER WILL) FOR FRAGMENT NODES",displayName:"BucketFill",props:{fillTo:{defaultValue:null,description:"",name:"fillTo",required:!0,type:{name:"number"}},background:{defaultValue:null,description:"",name:"background",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BucketFill/BucketFill.tsx#BucketFill"]={docgenInfo:BucketFill.__docgenInfo,name:"BucketFill",path:"src/components/BucketFill/BucketFill.tsx#BucketFill"})}catch(__react_docgen_typescript_loader_error){}try{IgnoreFill.displayName="IgnoreFill",IgnoreFill.__docgenInfo={description:"",displayName:"IgnoreFill",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BucketFill/BucketFill.tsx#IgnoreFill"]={docgenInfo:IgnoreFill.__docgenInfo,name:"IgnoreFill",path:"src/components/BucketFill/BucketFill.tsx#IgnoreFill"})}catch(__react_docgen_typescript_loader_error){}var BucketFill_stories_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/BucketFill/BucketFill.stories.module.scss"),BucketFill_stories_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(BucketFill_stories_module.Z,BucketFill_stories_module_options),BucketFill_stories_module.Z.locals;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var BucketFill_stories={component:BucketFill,title:"Bucket Fill"},AutoFill=function AutoFill(args){var _useState2=_slicedToArray((0,react.useState)(0),2),fillTo=_useState2[0],ss=_useState2[1];return(0,react.useEffect)((function(){var i=setInterval((function(){ss((function(a){return 4===a?0:a+1}))}),1e3);return function(){return clearInterval(i)}}),[]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("h1",{children:["Filling to ",fillTo]}),(0,jsx_runtime.jsxs)("div",{style:{display:"flex"},children:[(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)(BucketFill,Object.assign({},args,{fillTo:fillTo,background:"white",children:[(0,jsx_runtime.jsx)("h1",{children:"First step"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:"Second"}),(0,jsx_runtime.jsx)("p",{children:"step"})]}),(0,jsx_runtime.jsx)(IgnoreFill,{children:(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",children:"Third step"})}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{state:"loading",size:180}),(0,jsx_runtime.jsx)(IgnoreFill,{children:(0,jsx_runtime.jsx)(Button.Z,{children:"BADADADADAD"})}),(0,jsx_runtime.jsx)("p",{children:"Fourth step"})]})]}))}),(0,jsx_runtime.jsx)("div",{style:{background:"#000",color:"white","--digital-blue":"white"},children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)(BucketFill,Object.assign({},args,{fillTo:fillTo,background:"#000",children:[(0,jsx_runtime.jsx)("h1",{children:"First step"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:"Second"}),(0,jsx_runtime.jsx)("p",{children:"step"})]}),(0,jsx_runtime.jsx)("p",{children:"Third step"}),(0,jsx_runtime.jsxs)("div",{style:{},children:[(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{state:"loading",size:180}),"Fourth step"]})]}))})}),(0,jsx_runtime.jsx)("div",{style:{background:"yellow",color:"black","--digital-blue":"black"},children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)(BucketFill,Object.assign({},args,{fillTo:fillTo,background:"yellow",children:[(0,jsx_runtime.jsx)("h1",{children:"First step"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:"Second"}),(0,jsx_runtime.jsx)("p",{children:"step"})]}),(0,jsx_runtime.jsx)("p",{children:"Third step"}),(0,jsx_runtime.jsxs)("div",{style:{},children:[(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{state:"loading",size:180}),"Fourth step"]})]}))})}),(0,jsx_runtime.jsx)("div",{style:{background:"linear-gradient(to bottom, red, green, blue)",color:"black","--digital-blue":"black"},children:(0,jsx_runtime.jsxs)(BucketFill,Object.assign({},args,{fillTo:fillTo,background:"linear-gradient(to bottom, red, green, blue)",children:[(0,jsx_runtime.jsx)("h1",{children:"First step"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:"Second"}),(0,jsx_runtime.jsx)("p",{children:"step"})]}),(0,jsx_runtime.jsx)("p",{children:"Third step"}),(0,jsx_runtime.jsxs)("div",{style:{},children:[(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{state:"loading",size:180}),"Fourth step"]})]}))}),(0,jsx_runtime.jsx)("div",{style:{background:"linear-gradient(to right, red, green, blue)",color:"black","--digital-blue":"black"},children:(0,jsx_runtime.jsxs)(BucketFill,Object.assign({},args,{fillTo:fillTo,background:"linear-gradient(to right, red, green, blue)",children:[(0,jsx_runtime.jsx)("h1",{children:"First step"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:"Second"}),(0,jsx_runtime.jsx)("p",{children:"step"})]}),(0,jsx_runtime.jsx)("p",{children:"Third step"}),(0,jsx_runtime.jsxs)("div",{style:{},children:[(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{state:"loading",size:180}),"Fourth step"]})]}))})]})]})};AutoFill.args={};var Sandbox=function Sandbox(args){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)(BucketFill,Object.assign({},args,{children:[(0,jsx_runtime.jsx)("h1",{children:"First step"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:"Second"}),(0,jsx_runtime.jsx)("p",{children:"step"})]}),(0,jsx_runtime.jsx)("p",{children:"Third step"}),(0,jsx_runtime.jsxs)("div",{style:{},children:[(0,jsx_runtime.jsx)(Button.Z,{children:"sajdnasnd"}),(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{state:"loading",size:180}),(0,jsx_runtime.jsx)("p",{children:"Fourth step"})]})]}))})})};AutoFill.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const [fillTo, ss] = useState(0);\n\n  useEffect(() => {\n    const i = setInterval(() => {\n      ss((a) => (a === 4 ? 0 : a + 1));\n    }, 1000);\n\n    return () => clearInterval(i);\n  }, []);\n  return (\n    <>\n      <h1>Filling to {fillTo}</h1>\n      <div style={{ display: "flex" }}>\n        <div>\n          <BucketFill {...args} fillTo={fillTo} background="white">\n            <h1>First step</h1>\n            <div>\n              <p>Second</p>\n              <p>step</p>\n            </div>\n            <IgnoreFill>\n              <Button variant="filled">Third step</Button>\n            </IgnoreFill>\n            <div>\n              <MutableHamburgerButton state="loading" size={180} />\n              <IgnoreFill>\n                <Button>BADADADADAD</Button>\n              </IgnoreFill>\n              <p>Fourth step</p>\n            </div>\n          </BucketFill>\n        </div>\n        <div\n          style={\n            {\n              background: "#000",\n              color: "white",\n              "--digital-blue": "white",\n            } as any\n          }\n        >\n          <div>\n            <BucketFill {...args} fillTo={fillTo} background="#000">\n              <h1>First step</h1>\n              <div>\n                <p>Second</p>\n                <p>step</p>\n              </div>\n              <p>Third step</p>\n              <div style={{}}>\n                <MutableHamburgerButton state="loading" size={180} />\n                Fourth step\n              </div>\n            </BucketFill>\n          </div>\n        </div>\n        <div\n          style={\n            {\n              background: "yellow",\n              color: "black",\n              "--digital-blue": "black",\n            } as any\n          }\n        >\n          <div>\n            <BucketFill {...args} fillTo={fillTo} background="yellow">\n              <h1>First step</h1>\n              <div>\n                <p>Second</p>\n                <p>step</p>\n              </div>\n              <p>Third step</p>\n              <div style={{}}>\n                <MutableHamburgerButton state="loading" size={180} />\n                Fourth step\n              </div>\n            </BucketFill>\n          </div>\n        </div>\n        <div\n          style={\n            {\n              background: "linear-gradient(to bottom, red, green, blue)",\n              color: "black",\n              "--digital-blue": "black",\n            } as any\n          }\n        >\n          <BucketFill\n            {...args}\n            fillTo={fillTo}\n            background="linear-gradient(to bottom, red, green, blue)"\n          >\n            <h1>First step</h1>\n            <div>\n              <p>Second</p>\n              <p>step</p>\n            </div>\n            <p>Third step</p>\n            <div style={{}}>\n              <MutableHamburgerButton state="loading" size={180} />\n              Fourth step\n            </div>\n          </BucketFill>\n        </div>\n        <div\n          style={\n            {\n              background: "linear-gradient(to right, red, green, blue)",\n              color: "black",\n              "--digital-blue": "black",\n            } as any\n          }\n        >\n          <BucketFill\n            {...args}\n            fillTo={fillTo}\n            background="linear-gradient(to right, red, green, blue)"\n          >\n            <h1>First step</h1>\n            <div>\n              <p>Second</p>\n              <p>step</p>\n            </div>\n            <p>Third step</p>\n            <div style={{}}>\n              <MutableHamburgerButton state="loading" size={180} />\n              Fourth step\n            </div>\n          </BucketFill>\n        </div>\n      </div>\n    </>\n  );\n}'}},AutoFill.parameters),Sandbox.parameters=Object.assign({storySource:{source:'(args: any) => {\n  return (\n    <>\n      <div>\n        <BucketFill {...args}>\n          <h1>First step</h1>\n          <div>\n            <p>Second</p>\n            <p>step</p>\n          </div>\n          <p>Third step</p>\n          <div style={{}}>\n            <Button>sajdnasnd</Button>\n            <MutableHamburgerButton state="loading" size={180} />\n            <p>Fourth step</p>\n          </div>\n        </BucketFill>\n      </div>\n    </>\n  );\n}'}},Sandbox.parameters);var __namedExportsOrder=["AutoFill","Sandbox"];try{AutoFill.displayName="AutoFill",AutoFill.__docgenInfo={description:"",displayName:"AutoFill",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BucketFill/BucketFill.stories.tsx#AutoFill"]={docgenInfo:AutoFill.__docgenInfo,name:"AutoFill",path:"src/components/BucketFill/BucketFill.stories.tsx#AutoFill"})}catch(__react_docgen_typescript_loader_error){}try{Sandbox.displayName="Sandbox",Sandbox.__docgenInfo={description:"",displayName:"Sandbox",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BucketFill/BucketFill.stories.tsx#Sandbox"]={docgenInfo:Sandbox.__docgenInfo,name:"Sandbox",path:"src/components/BucketFill/BucketFill.stories.tsx#Sandbox"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Button/Button.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:function(){return Primary},TodasVariacoes:function(){return TodasVariacoes},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Button/Button.tsx"),_Spacing__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Spacing/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_Button__WEBPACK_IMPORTED_MODULE_3__.b,title:"Botão"};var TodasVariacoes=function TodasVariacoes(){return _Button__WEBPACK_IMPORTED_MODULE_3__.b.__docgenInfo.props.variant.type.value.map((function(a){return JSON.parse(a.value)})).map((function(a){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{style:{width:"25%",marginRight:24,display:"inline-flex",flexDirection:"column"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span",{style:{borderBottom:"2px solid black",marginBottom:14},children:["Tipo: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("b",{children:a})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.Z,{variant:a,children:"Texto do exemplo"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Spacing__WEBPACK_IMPORTED_MODULE_4__.Z,{size:"large"})]})}))},Primary=function Primary(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.Z,Object.assign({},args,{children:"Um simples botão"}))};Primary.displayName="Primary",TodasVariacoes.parameters=Object.assign({storySource:{source:'() => {\n  const variantes: { value: string }[] = (_Button as any).__docgenInfo.props\n    .variant.type.value;\n\n  return variantes\n    .map((a) => JSON.parse(a.value))\n    .map((a) => (\n      <div\n        style={{\n          width: "25%",\n          marginRight: 24,\n          display: "inline-flex",\n          flexDirection: "column",\n        }}\n      >\n        <span style={{ borderBottom: "2px solid black", marginBottom: 14 }}>\n          Tipo: <b>{a}</b>\n        </span>\n        <Comp variant={a as any}>Texto do exemplo</Comp>\n        <Spacing size="large" />\n      </div>\n    ));\n}'}},TodasVariacoes.parameters),Primary.parameters=Object.assign({storySource:{source:"(args: React.ComponentProps<typeof Comp>) => (\n  <Comp {...args}>Um simples botão</Comp>\n)"}},Primary.parameters);var __namedExportsOrder=["TodasVariacoes","Primary"];try{Primary.displayName="Primary",Primary.__docgenInfo={description:"",displayName:"Primary",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.stories.tsx#Primary"]={docgenInfo:Primary.__docgenInfo,name:"Primary",path:"src/components/Button/Button.stories.tsx#Primary"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Card/Card.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _Card__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Card/Card.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_Card__WEBPACK_IMPORTED_MODULE_2__.Z,title:"Card"};var InitialImplementation=function InitialImplementation(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Card__WEBPACK_IMPORTED_MODULE_2__.Z,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={},InitialImplementation.parameters=Object.assign({storySource:{source:"(...args: any) => <Card {...args}/>"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Card/Card.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Card/Card.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/CheckBox/CheckBox.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:function(){return Primary},SynergyTextAndCheckbox:function(){return SynergyTextAndCheckbox},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return CheckBox_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var storybookUtils=__webpack_require__("./src/storybookUtils/index.tsx"),Text=__webpack_require__("./src/components/Text/Text.tsx"),injectStylesIntoStyleTag=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js")),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),CheckBox_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/CheckBox/CheckBox.module.scss"),options={insert:"head",singleton:!1},CheckBox_CheckBox_module=(injectStylesIntoStyleTag_default()(CheckBox_module.Z,options),CheckBox_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","onToggle","label","className","size"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function CheckBox(_ref){var checked=_ref.checked,onToggle=_ref.onToggle,label=_ref.label,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$size=_ref.size,size=void 0===_ref$size?void 0:_ref$size,props=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsxs)("label",{className:CheckBox_CheckBox_module.container+" "+className,style:{fontSize:size},onClick:function onClick(e){onToggle(!checked),e.preventDefault()},children:[(0,jsx_runtime.jsx)("span",Object.assign({},props,{className:checked?CheckBox_CheckBox_module.checked:""})),label]})}CheckBox.displayName="CheckBox";try{CheckBox.displayName="CheckBox",CheckBox.__docgenInfo={description:"A simple checkbox with nissan guidelines",displayName:"CheckBox",props:{checked:{defaultValue:null,description:"",name:"checked",required:!0,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"",name:"onToggle",required:!0,type:{name:"(checked: boolean) => void"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},size:{defaultValue:{value:"undefined"},description:"",name:"size",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckBox/CheckBox.tsx#CheckBox"]={docgenInfo:CheckBox.__docgenInfo,name:"CheckBox",path:"src/components/CheckBox/CheckBox.tsx#CheckBox"})}catch(__react_docgen_typescript_loader_error){}var CheckBox_stories={title:CheckBox.name,component:CheckBox},Primary=function Primary(args){return(0,jsx_runtime.jsx)(CheckBox,Object.assign({},args))};Primary.displayName="Primary",Primary.args={label:"Some example text",size:120};var SynergyTextAndCheckbox=function SynergyTextAndCheckbox(args){return(0,storybookUtils.$)(Text.U,"type").map((function(type){return(0,jsx_runtime.jsx)(storybookUtils.x,{exampleName:"Checkbox com text type="+type,children:(0,jsx_runtime.jsx)(Text.Z,{type:type,children:(0,jsx_runtime.jsx)(CheckBox,Object.assign({label:type,checked:Math.random()>=.5},args))})})}))};Primary.parameters=Object.assign({storySource:{source:"(args: any) => <CheckBox {...args} />"}},Primary.parameters),SynergyTextAndCheckbox.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const variants = extractAllPossibilitiesFromEnumProp(_Text, "type");\n\n  return variants.map((type) => {\n    return (\n      <SideBySideContainer exampleName={`Checkbox com text type=${type}`}>\n        <BaseText type={type}>\n          <CheckBox label={type} checked={Math.random() >= 0.5} {...args} />\n        </BaseText>\n      </SideBySideContainer>\n    );\n  });\n}'}},SynergyTextAndCheckbox.parameters);var __namedExportsOrder=["Primary","SynergyTextAndCheckbox"];try{Primary.displayName="Primary",Primary.__docgenInfo={description:"",displayName:"Primary",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckBox/CheckBox.stories.tsx#Primary"]={docgenInfo:Primary.__docgenInfo,name:"Primary",path:"src/components/CheckBox/CheckBox.stories.tsx#Primary"})}catch(__react_docgen_typescript_loader_error){}try{SynergyTextAndCheckbox.displayName="SynergyTextAndCheckbox",SynergyTextAndCheckbox.__docgenInfo={description:"",displayName:"SynergyTextAndCheckbox",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckBox/CheckBox.stories.tsx#SynergyTextAndCheckbox"]={docgenInfo:SynergyTextAndCheckbox.__docgenInfo,name:"SynergyTextAndCheckbox",path:"src/components/CheckBox/CheckBox.stories.tsx#SynergyTextAndCheckbox"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Collapsable/Collapsable.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FloatingContent:function(){return FloatingContent},InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _Collapsable__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Collapsable/Collapsable.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_Collapsable__WEBPACK_IMPORTED_MODULE_2__.Z,title:"Collapsable"};var InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{backgroundColor:"lightgreen"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Collapsable__WEBPACK_IMPORTED_MODULE_2__.Z,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={title:"Example title",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h1",{children:"H1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2",{children:"H2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h3",{children:"H3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h4",{children:"H4"})]})};var FloatingContent=function FloatingContent(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{backgroundColor:"lightgreen"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Collapsable__WEBPACK_IMPORTED_MODULE_2__.Z,Object.assign({},args))})};FloatingContent.displayName="FloatingContent",FloatingContent.args=Object.assign({},InitialImplementation.args,{mode:"float",open:!0}),InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <div style={{ backgroundColor: "lightgreen" }}>\n    <Collapsable {...args} />\n  </div>\n)'}},InitialImplementation.parameters),FloatingContent.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <div style={{ backgroundColor: "lightgreen" }}>\n    <Collapsable {...args} />\n  </div>\n)'}},FloatingContent.parameters);var __namedExportsOrder=["InitialImplementation","FloatingContent"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Collapsable/Collapsable.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Collapsable/Collapsable.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}try{FloatingContent.displayName="FloatingContent",FloatingContent.__docgenInfo={description:"",displayName:"FloatingContent",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Collapsable/Collapsable.stories.tsx#FloatingContent"]={docgenInfo:FloatingContent.__docgenInfo,name:"FloatingContent",path:"src/components/Collapsable/Collapsable.stories.tsx#FloatingContent"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Countdown/Countdown.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},SynergyTextAndCountdown:function(){return SynergyTextAndCountdown},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Countdown_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("./node_modules/react/index.js"),provider=__webpack_require__("./node_modules/react-intl/lib/src/components/provider.js"),storybookUtils=__webpack_require__("./src/storybookUtils/index.tsx"),Text=__webpack_require__("./src/components/Text/Text.tsx"),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function calculateTimeFromTimespan(timespan){var seconds=Math.floor(timespan/1e3),minutes=Math.floor(seconds/60);return{hours:Math.floor(minutes/60),minutes:minutes%60,seconds:seconds%60}}var IntegerFormatter=new Intl.NumberFormat(void 0,{minimumIntegerDigits:2});function Countdown(_ref){var timeRemaining=_ref.timeRemaining,onFinish=_ref.onFinish,_useState2=_slicedToArray((0,react.useState)((function(){return calculateTimeFromTimespan(timeRemaining)})),2),t=_useState2[0],setT=_useState2[1];return(0,react.useEffect)((function(){var cl=setInterval((function(){setT((function(prev){var nextSecond=prev.seconds-1,nextMinute=prev.minutes,nextHour=prev.hours;return nextSecond<0&&(nextSecond=59,(nextMinute-=1)<0&&(nextMinute=59,nextHour-=1)),0===nextHour&&0===nextMinute&&0===nextSecond&&(onFinish&&onFinish(),clearInterval(cl)),{seconds:nextSecond,minutes:nextMinute,hours:nextHour}}))}),1e3);return function(){clearInterval(cl)}}),[timeRemaining]),(0,jsx_runtime.jsx)("span",{children:IntegerFormatter.format(t.hours)+":"+IntegerFormatter.format(t.minutes)+":"+IntegerFormatter.format(t.seconds)})}Countdown.displayName="Countdown";try{calculateTimeFromTimespan.displayName="calculateTimeFromTimespan",calculateTimeFromTimespan.__docgenInfo={description:"",displayName:"calculateTimeFromTimespan",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Countdown/Countdown.tsx#calculateTimeFromTimespan"]={docgenInfo:calculateTimeFromTimespan.__docgenInfo,name:"calculateTimeFromTimespan",path:"src/components/Countdown/Countdown.tsx#calculateTimeFromTimespan"})}catch(__react_docgen_typescript_loader_error){}try{Countdown.displayName="Countdown",Countdown.__docgenInfo={description:"You five it some time, and a countdown is shown",displayName:"Countdown",props:{timeRemaining:{defaultValue:null,description:"",name:"timeRemaining",required:!0,type:{name:"number"}},onFinish:{defaultValue:null,description:"",name:"onFinish",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Countdown/Countdown.tsx#Countdown"]={docgenInfo:Countdown.__docgenInfo,name:"Countdown",path:"src/components/Countdown/Countdown.tsx#Countdown"})}catch(__react_docgen_typescript_loader_error){}var Countdown_stories={component:Countdown,title:"Countdown"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(provider.Z,{locale:"pt-br",children:(0,jsx_runtime.jsx)(Countdown,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={timeRemaining:432e5};var SynergyTextAndCountdown=function SynergyTextAndCountdown(args){return(0,storybookUtils.$)(Text.U,"type").map((function(type){return(0,jsx_runtime.jsx)(provider.Z,{locale:"pt-br",children:(0,jsx_runtime.jsx)(storybookUtils.x,{exampleName:"Checkbox com text type="+type,children:(0,jsx_runtime.jsx)(Text.Z,{type:type,children:(0,jsx_runtime.jsx)(Countdown,{timeRemaining:432e5-1e3*Math.random()*60*60*3})})})})}))};InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <IntlProvider locale="pt-br">\n    <Countdown {...args} />\n  </IntlProvider>\n)'}},InitialImplementation.parameters),SynergyTextAndCountdown.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const variants = extractAllPossibilitiesFromEnumProp(_Text, "type");\n\n  return variants.map((type) => {\n    return (\n      <IntlProvider locale="pt-br">\n        <SideBySideContainer exampleName={`Checkbox com text type=${type}`}>\n          <BaseText type={type}>\n            <Countdown\n              timeRemaining={\n                1000 * 60 * 60 * 12 - Math.random() * 1000 * 60 * 60 * 3\n              }\n            />\n          </BaseText>\n        </SideBySideContainer>\n      </IntlProvider>\n    );\n  });\n}'}},SynergyTextAndCountdown.parameters);var __namedExportsOrder=["InitialImplementation","SynergyTextAndCountdown"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Countdown/Countdown.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Countdown/Countdown.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}try{SynergyTextAndCountdown.displayName="SynergyTextAndCountdown",SynergyTextAndCountdown.__docgenInfo={description:"",displayName:"SynergyTextAndCountdown",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Countdown/Countdown.stories.tsx#SynergyTextAndCountdown"]={docgenInfo:SynergyTextAndCountdown.__docgenInfo,name:"SynergyTextAndCountdown",path:"src/components/Countdown/Countdown.stories.tsx#SynergyTextAndCountdown"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Divider/Divider.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:function(){return Primary},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Divider_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Divider_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Divider/Divider.module.scss"),options={insert:"head",singleton:!1},Divider_Divider_module=(injectStylesIntoStyleTag_default()(Divider_module.Z,options),Divider_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Divider(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("div",{className:Divider_Divider_module.container+" "+className})})}try{Divider.displayName="Divider",Divider.__docgenInfo={description:"Guess what this does",displayName:"Divider",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Divider/Divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/components/Divider/Divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}var Divider_stories={component:Divider,title:"Divisor"},Primary=function Primary(args){return(0,jsx_runtime.jsx)(Divider,Object.assign({},args))};Primary.displayName="Primary",Primary.parameters=Object.assign({storySource:{source:"(args: any) => <Divider {...args} />"}},Primary.parameters);var __namedExportsOrder=["Primary"];try{Primary.displayName="Primary",Primary.__docgenInfo={description:"",displayName:"Primary",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Divider/Divider.stories.tsx#Primary"]={docgenInfo:Primary.__docgenInfo,name:"Primary",path:"src/components/Divider/Divider.stories.tsx#Primary"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/EmailInput/EmailInput.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:function(){return Primary},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _EmailInput__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/EmailInput/EmailInput.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_EmailInput__WEBPACK_IMPORTED_MODULE_2__.Z,title:"Input de email"};var Primary=function Primary(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_EmailInput__WEBPACK_IMPORTED_MODULE_2__.Z,Object.assign({},args))};Primary.displayName="Primary",Primary.parameters=Object.assign({storySource:{source:"(args: any) => <C {...args} />"}},Primary.parameters);var __namedExportsOrder=["Primary"];try{Primary.displayName="Primary",Primary.__docgenInfo={description:"",displayName:"Primary",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/EmailInput/EmailInput.stories.tsx#Primary"]={docgenInfo:Primary.__docgenInfo,name:"Primary",path:"src/components/EmailInput/EmailInput.stories.tsx#Primary"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/FadeIn/FadeIn.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _FadeIn__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/FadeIn/FadeIn.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_FadeIn__WEBPACK_IMPORTED_MODULE_2__.Z,title:"Fade In"};var InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_FadeIn__WEBPACK_IMPORTED_MODULE_2__.Z,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => <FadeIn {...args}/>"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FadeIn/FadeIn.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/FadeIn/FadeIn.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/FileInput/FileInput.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return FileInput_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),Button=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./src/components/Button/index.tsx")),Spacing=__webpack_require__("./src/components/Spacing/index.tsx"),Text=__webpack_require__("./src/components/Text/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),FileInput_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/FileInput/FileInput.module.scss"),options={insert:"head",singleton:!1},FileInput_FileInput_module=(injectStylesIntoStyleTag_default()(FileInput_module.Z,options),FileInput_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["reason","uploadAction","removeAction","fileProvided","file","onFile","footer"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function FileInput(_ref){var reason=_ref.reason,uploadAction=_ref.uploadAction,removeAction=_ref.removeAction,fileProvided=_ref.fileProvided,file=_ref.file,onFile=_ref.onFile,footer=_ref.footer,props=_objectWithoutProperties(_ref,_excluded),inputRef=(0,react.useRef)(null),_useOneUIContext$comp=(0,OneUIProvider.Wh)().component.fileInput.Icon,Icon=void 0===_useOneUIContext$comp?function(){return null}:_useOneUIContext$comp,onFileSelected=(0,react.useCallback)((function(e){var file=e.target.files.item(0);onFile(file||void 0)}),[]);return(0,jsx_runtime.jsxs)("div",{className:FileInput_FileInput_module.container,children:[(0,jsx_runtime.jsx)(Icon,{}),(0,jsx_runtime.jsx)(Spacing.Z,{size:"small"}),(0,jsx_runtime.jsx)(Text.Z,{type:"description",children:file?fileProvided:reason}),(0,jsx_runtime.jsx)(Spacing.Z,{size:"small"}),(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",onClick:function onClick(){file?(inputRef.current.value="",onFile(void 0)):inputRef.current.click()},children:file?removeAction:uploadAction}),(0,jsx_runtime.jsx)("input",Object.assign({},props,{ref:inputRef,onChange:onFileSelected,type:"file",className:FileInput_FileInput_module.hidden})),(0,jsx_runtime.jsx)(Text.Z,{className:FileInput_FileInput_module.footer,type:"caption",children:footer})]})}FileInput.displayName="FileInput";try{FileInput.displayName="FileInput",FileInput.__docgenInfo={description:"A component to provide the upload of a file",displayName:"FileInput",props:{reason:{defaultValue:null,description:"",name:"reason",required:!0,type:{name:"string"}},uploadAction:{defaultValue:null,description:"",name:"uploadAction",required:!0,type:{name:"string"}},removeAction:{defaultValue:null,description:"",name:"removeAction",required:!0,type:{name:"string"}},fileProvided:{defaultValue:null,description:"",name:"fileProvided",required:!0,type:{name:"string"}},file:{defaultValue:null,description:"",name:"file",required:!1,type:{name:"File"}},onFile:{defaultValue:null,description:"",name:"onFile",required:!0,type:{name:"(file: File | undefined) => void"}},footer:{defaultValue:null,description:"",name:"footer",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FileInput/FileInput.tsx#FileInput"]={docgenInfo:FileInput.__docgenInfo,name:"FileInput",path:"src/components/FileInput/FileInput.tsx#FileInput"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var FileInput_stories={component:FileInput,title:"File Input"},InitialImplementation=function InitialImplementation(args){var _useState2=_slicedToArray((0,react.useState)(),2),uploadedFile=_useState2[0],setUploadedFile=_useState2[1];return(0,jsx_runtime.jsx)(OneUIProvider.ZP,{config:{component:{fileInput:{Icon:ExampleIcon}}},children:(0,jsx_runtime.jsx)(FileInput,Object.assign({},args,{file:uploadedFile,onFile:setUploadedFile,fileProvided:(null==uploadedFile?void 0:uploadedFile.name)||""}))})};function ExampleIcon(){return(0,jsx_runtime.jsx)("svg",{width:24,height:24,viewBox:"0 0 22 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,jsx_runtime.jsx)("path",{d:"M13.6666 0.666687H2.99992C1.53325 0.666687 0.346586 1.86669 0.346586 3.33335L0.333252 24.6667C0.333252 26.1334 1.51992 27.3334 2.98658 27.3334H18.9999C20.4666 27.3334 21.6666 26.1334 21.6666 24.6667V8.66669L13.6666 0.666687ZM18.9999 24.6667H2.99992V3.33335H12.3333V10H18.9999V24.6667ZM5.66658 18.0134L7.54658 19.8934L9.66658 17.7867V23.3334H12.3333V17.7867L14.4533 19.9067L16.3333 18.0134L11.0133 12.6667L5.66658 18.0134Z",fill:"#626E80"})})}InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={reason:"Upload a file for X",uploadAction:"Upload",removeAction:"Remove file",footer:"Selecione o arquivo no formato JPG ou PNG em até 5MB."},ExampleIcon.displayName="ExampleIcon",InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const [uploadedFile, setUploadedFile] = useState<File>();\n\n  return (\n    <OneUIProvider\n      config={{\n        component: {\n          fileInput: {\n            Icon: ExampleIcon,\n          },\n        },\n      }}\n    >\n      <FileInput\n        {...args}\n        file={uploadedFile}\n        onFile={setUploadedFile}\n        fileProvided={uploadedFile?.name || ""}\n      />\n    </OneUIProvider>\n  );\n}'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FileInput/FileInput.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/FileInput/FileInput.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/FlowController/FlowController.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BugfixMultipleChanges:function(){return BugfixMultipleChanges},Primary:function(){return Primary},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return FlowController_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),Button=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/components/Button/index.tsx")),HeaderCloseBtn_HeaderCloseBtn=__webpack_require__("./src/components/HeaderCloseBtn/HeaderCloseBtn.tsx");try{HeaderCloseBtn.displayName="HeaderCloseBtn",HeaderCloseBtn.__docgenInfo={description:"A simple close button implemented with pure HTML and CSS",displayName:"HeaderCloseBtn",props:{mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"back"'},{value:'"close"'}]}},hidden:{defaultValue:null,description:"",name:"hidden",required:!0,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/HeaderCloseBtn/index.tsx#HeaderCloseBtn"]={docgenInfo:HeaderCloseBtn.__docgenInfo,name:"HeaderCloseBtn",path:"src/components/HeaderCloseBtn/index.tsx#HeaderCloseBtn"})}catch(__react_docgen_typescript_loader_error){}var Transition=__webpack_require__("./src/components/Transition/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),FlowController_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/FlowController/FlowController.module.scss"),options={insert:"head",singleton:!1},FlowController_FlowController_module=(injectStylesIntoStyleTag_default()(FlowController_module.Z,options),FlowController_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function FlowController(_ref){var children=_ref.children,buttons=_ref.buttons,step=_ref.step,onClose=_ref.onClose,onBack=_ref.onBack,fullPage=_ref.fullPage,_ref$firstStep=_ref.firstStep,firstStep=void 0===_ref$firstStep?0:_ref$firstStep,style=_ref.style,_ref$wrapper=_ref.wrapper,Wrapper=void 0===_ref$wrapper?"div":_ref$wrapper;var isAtFirstStep=step===firstStep,shouldDisplayHeaderButton=isAtFirstStep&&onClose||!isAtFirstStep&&onBack;return(0,jsx_runtime.jsxs)(Wrapper,{onClick:function onClick(e){return e.stopPropagation()},className:FlowController_FlowController_module.container,style:style,children:[(0,jsx_runtime.jsx)("header",{children:shouldDisplayHeaderButton&&(0,jsx_runtime.jsx)(HeaderCloseBtn_HeaderCloseBtn.Z,{mode:isAtFirstStep?"close":"back",hidden:!onBack,onClick:function _handleBackPress(){isAtFirstStep?onClose&&onClose():onBack&&onBack()}})}),(0,jsx_runtime.jsx)(Transition.Z,{step:step,className:FlowController_FlowController_module.transition,contentClassName:(fullPage?FlowController_FlowController_module.fullHeight:"")+" "+FlowController_FlowController_module.content,children:children}),(0,jsx_runtime.jsx)("footer",{className:buttons.find((function(b){return"hidden"===b.state}))?FlowController_FlowController_module.hidden:void 0,children:buttons.map((function(b){return(0,jsx_runtime.jsx)(Button.Z,{onClick:b.onClick,disabled:"hidden"===b.state||"disabled"===b.state,children:b.label})}))})]})}function HeadingImage(_ref2){var src=_ref2.src;return(0,jsx_runtime.jsx)("img",{src:src,className:FlowController_FlowController_module.headingImg})}FlowController.displayName="FlowController",HeadingImage.displayName="HeadingImage";try{FlowController.displayName="FlowController",FlowController.__docgenInfo={description:"Container for a flow, managing the go back and close controller",displayName:"FlowController",props:{onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void)"}},onBack:{defaultValue:null,description:"",name:"onBack",required:!1,type:{name:"(() => void)"}},step:{defaultValue:null,description:"",name:"step",required:!0,type:{name:"number"}},firstStep:{defaultValue:{value:"0"},description:"",name:"firstStep",required:!1,type:{name:"number"}},buttons:{defaultValue:null,description:"",name:"buttons",required:!0,type:{name:"{ label: string; onClick: () => void; state: FlowControlState; }[]"}},fullPage:{defaultValue:null,description:"",name:"fullPage",required:!1,type:{name:"boolean"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},wrapper:{defaultValue:null,description:"",name:"wrapper",required:!1,type:{name:"ElementType<any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlowController/FlowController.tsx#FlowController"]={docgenInfo:FlowController.__docgenInfo,name:"FlowController",path:"src/components/FlowController/FlowController.tsx#FlowController"})}catch(__react_docgen_typescript_loader_error){}try{HeadingImage.displayName="HeadingImage",HeadingImage.__docgenInfo={description:"",displayName:"HeadingImage",props:{src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlowController/FlowController.tsx#HeadingImage"]={docgenInfo:HeadingImage.__docgenInfo,name:"HeadingImage",path:"src/components/FlowController/FlowController.tsx#HeadingImage"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var FlowController_stories={component:FlowController,title:"Fluxo de etapas"},Primary=function Primary(args){return(0,jsx_runtime.jsx)(FlowController,Object.assign({},args))};Primary.displayName="Primary",Primary.args={step:3,children:[(0,jsx_runtime.jsx)("div",{children:"Etapa 1"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 2"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 3"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 4"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 5"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 6"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 7"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 8"})],buttons:[{label:"Action",onClick:function onClick(){},state:"enabled"},{label:"Action disabled",onClick:function onClick(){},state:"disabled"}]};var BugfixMultipleChanges=function BugfixMultipleChanges(args){var _useState2=_slicedToArray((0,react.useState)(0),2),step=_useState2[0],setStep=_useState2[1];return(0,react.useEffect)((function(){window.addEventListener("keydown",(function(_ref){var key=_ref.key;setStep("ArrowLeft"!==key?function(p){return++p}:function(p){return--p})}))}),[]),(0,jsx_runtime.jsx)(FlowController,Object.assign({},args,{step:step}))};BugfixMultipleChanges.displayName="BugfixMultipleChanges",BugfixMultipleChanges.args={step:3,children:[(0,jsx_runtime.jsx)("div",{children:"Etapa 1"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 2"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 3"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 4"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 5"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 6"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 7"}),(0,jsx_runtime.jsx)("div",{children:"Etapa 8"})],buttons:[{label:"Action",onClick:function onClick(){},state:"enabled"},{label:"Action disabled",onClick:function onClick(){},state:"disabled"}]},Primary.parameters=Object.assign({storySource:{source:"(args: any) => <C {...args} />"}},Primary.parameters),BugfixMultipleChanges.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const [step, setStep] = useState(0);\n\n  useEffect(() => {\n    window.addEventListener("keydown", ({ key }) => {\n      if (key !== "ArrowLeft") setStep((p) => ++p);\n      else setStep((p) => --p);\n    });\n  }, []);\n\n  return <C {...args} step={step} />;\n}'}},BugfixMultipleChanges.parameters);var __namedExportsOrder=["Primary","BugfixMultipleChanges"];try{Primary.displayName="Primary",Primary.__docgenInfo={description:"",displayName:"Primary",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlowController/FlowController.stories.tsx#Primary"]={docgenInfo:Primary.__docgenInfo,name:"Primary",path:"src/components/FlowController/FlowController.stories.tsx#Primary"})}catch(__react_docgen_typescript_loader_error){}try{BugfixMultipleChanges.displayName="BugfixMultipleChanges",BugfixMultipleChanges.__docgenInfo={description:"",displayName:"BugfixMultipleChanges",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlowController/FlowController.stories.tsx#BugfixMultipleChanges"]={docgenInfo:BugfixMultipleChanges.__docgenInfo,name:"BugfixMultipleChanges",path:"src/components/FlowController/FlowController.stories.tsx#BugfixMultipleChanges"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Form/Form.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Form_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),Input=(__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./src/components/Input/index.tsx")),Button=__webpack_require__("./src/components/Button/index.tsx"),Loader=__webpack_require__("./src/components/Loader/index.tsx"),EmailInput_EmailInput=__webpack_require__("./src/components/EmailInput/EmailInput.tsx");try{EmailInput.displayName="EmailInput",EmailInput.__docgenInfo={description:"",displayName:"EmailInput",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(email: string, isValid: boolean) => void"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},decoration:{defaultValue:null,description:"",name:"decoration",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | null"}},hideError:{defaultValue:null,description:"",name:"hideError",required:!1,type:{name:"enum",value:[{value:'"onfocus"'}]}},disclaimer:{defaultValue:null,description:"",name:"disclaimer",required:!1,type:{name:"string"}},multiline:{defaultValue:null,description:"",name:"multiline",required:!1,type:{name:"number"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"({ onClick?: (() => void); } & ClassAttributes<any> & ImgHTMLAttributes<HTMLImageElement>)"}},Icon:{defaultValue:null,description:"",name:"Icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},messages:{defaultValue:null,description:"",name:"messages",required:!0,type:{name:"{ invalidEmail: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/EmailInput/index.tsx#EmailInput"]={docgenInfo:EmailInput.__docgenInfo,name:"EmailInput",path:"src/components/EmailInput/index.tsx#EmailInput"})}catch(__react_docgen_typescript_loader_error){}try{validateEmail.displayName="validateEmail",validateEmail.__docgenInfo={description:"",displayName:"validateEmail",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/EmailInput/index.tsx#validateEmail"]={docgenInfo:validateEmail.__docgenInfo,name:"validateEmail",path:"src/components/EmailInput/index.tsx#validateEmail"})}catch(__react_docgen_typescript_loader_error){}var AdaptiveButton_AdaptiveButton=__webpack_require__("./src/components/AdaptiveButton/AdaptiveButton.tsx");try{AdaptiveButton.displayName="AdaptiveButton",AdaptiveButton.__docgenInfo={description:"A button that adapts it's width according to the content size",displayName:"AdaptiveButton",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveButton/index.tsx#AdaptiveButton"]={docgenInfo:AdaptiveButton.__docgenInfo,name:"AdaptiveButton",path:"src/components/AdaptiveButton/index.tsx#AdaptiveButton"})}catch(__react_docgen_typescript_loader_error){}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}try{define({},"")}catch(err){define=function define(obj,key,value){return obj[key]=value}}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}(innerFn,self,context),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,(function(){return this}));var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach((function(method){define(prototype,method,(function(arg){return this._invoke(method,arg)}))}))}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==typeof value&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then((function(value){invoke("next",value,resolve,reject)}),(function(err){invoke("throw",err,resolve,reject)})):PromiseImpl.resolve(value).then((function(unwrapped){result.value=unwrapped,resolve(result)}),(function(error){return invoke("throw",error,resolve,reject)}))}reject(record.arg)}var previousPromise;this._invoke=function(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl((function(resolve,reject){invoke(method,arg,resolve,reject)}))}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(void 0===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=void 0,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method")}return ContinueSentinel}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=void 0),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=void 0,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:void 0,done:!0}}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,(function(){return this})),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then((function(result){return result.done?result.value:iter.next()}))},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,(function(){return this})),define(Gp,"toString",(function(){return"[object Generator]"})),exports.keys=function(object){var keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=void 0)},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function dispatchException(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=void 0),!!caught}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}}}},abrupt:function abrupt(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function finish(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel}},catch:function _catch(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=void 0),ContinueSentinel}},exports}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function AdvancedAction(_ref){var config=_ref.config,submited=_ref.submited,submitting=_ref.submitting,isValid=_ref.isValid,onClick=_ref.onClick,btnProps=_ref.btnProps,_ref3=_slicedToArray(!1===submited?["error"].concat(_toConsumableArray(config.error)):!0===submited?["success"].concat(_toConsumableArray(config.success)):submitting?["loading"].concat(_toConsumableArray(config.loading)):["default"].concat(_toConsumableArray(config.label)),3),key=_ref3[0],Element=_ref3[1],className=_ref3[2],salt=(0,react.useMemo)((function(){return Date.now()}),[key]);return(0,jsx_runtime.jsx)(AdaptiveButton_AdaptiveButton.Z,Object.assign({variant:"filled",className:className,disabled:!isValid,onClick:onClick},btnProps,{children:(0,jsx_runtime.jsx)(Element,{},key+salt)}))}function FirebaseForm(_ref4,ref){var submitting=_ref4.submitting,onSubmit=_ref4.onSubmit,submited=_ref4.submited,config=_ref4.config,submitBtn=_ref4.submitBtn,_ref4$btnProps=_ref4.btnProps,btnProps=void 0===_ref4$btnProps?{}:_ref4$btnProps,_useState2=_slicedToArray((0,react.useState)({}),2),form=_useState2[0],setform=_useState2[1],isValid=(0,react.useMemo)((function(){return!Object.keys(config).some((function(a){return"string"==typeof config[a].validator(form[a],form)}))}),[form]);function sendContact(_x){return _sendContact.apply(this,arguments)}function _sendContact(){return(_sendContact=_asyncToGenerator(_regeneratorRuntime().mark((function _callee(_form){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:onSubmit(_form);case 1:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}return(0,react.useImperativeHandle)(ref,(function(){return{clear:function clear(){return setform({})}}}),[ref]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object.keys(config).map((function(c){var fieldConfig=config[c],invalidMessage=fieldConfig.validator(form[c],form);switch(fieldConfig.type){case"select":return null;case"text":case"number":var isNumber="number"===fieldConfig.type;return(0,react.createElement)(Input.Z,Object.assign({},fieldConfig.inputProps,{key:c,name:c,error:form[c]&&!0!==invalidMessage?invalidMessage:void 0,placeholder:config[c].placeholder,value:isNumber?void 0:form[c]||"",hideError:"onfocus",onChange:function onChange(_ref5){var _Object$assign,value=_ref5.target.value,_value=isNumber?Number(value):value;isNumber&&Number.isNaN(_value)&&(_value=void 0),setform(Object.assign({},form,((_Object$assign={})[c]=_value,_Object$assign)))}}));case"email":return(0,jsx_runtime.jsx)(EmailInput_EmailInput.Z,Object.assign({},fieldConfig,{name:c,hideError:"onfocus",error:form[c]&&!0!==invalidMessage?invalidMessage:void 0,placeholder:config[c].placeholder,value:form[c]||"",onChange:function onChange(email){var _Object$assign2;return setform(Object.assign({},form,((_Object$assign2={})[c]=email,_Object$assign2)))}}),c);case"textarea":return(0,jsx_runtime.jsx)(Input.Z,{name:c,hideError:"onfocus",error:form[c]&&!0!==invalidMessage?invalidMessage:void 0,placeholder:config[c].placeholder,value:form[c]||"",onChange:function onChange(_ref6){var _Object$assign3,value=_ref6.target.value;return setform(Object.assign({},form,((_Object$assign3={})[c]=value,_Object$assign3)))},multiline:fieldConfig.lines},c)}})),"string"==typeof submitBtn?(0,jsx_runtime.jsxs)(Button.Z,Object.assign({variant:"filled",disabled:submitting||!isValid||void 0!==submited,onClick:function onClick(){return sendContact(form)}},btnProps,{children:[submitBtn," ",submitting&&(0,jsx_runtime.jsx)(Loader.Z,{})]})):(0,jsx_runtime.jsx)(AdvancedAction,{config:submitBtn,isValid:isValid,onClick:function onClick(){return sendContact(form)},submitting:submitting,submited:submited,btnProps:btnProps})]})}AdvancedAction.displayName="AdvancedAction";var Form=(0,react.forwardRef)(FirebaseForm),Form_stories={title:"Form",component:Form},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(Form,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={config:{email:{type:"email",messages:{invalidEmail:"Email invalido"},validator:function validator(e){return!!e||"Fail"},placeholder:"Something"}},onSubmit:function onSubmit(){},submitting:!0,submited:!1,submitBtn:{error:[function(){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Error"})}],label:[function(){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Enviar"})}],loading:[function(){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Enviando"})}],success:[function(){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Enviado"})}]}},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => <Form {...args} />"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Form/Form.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Form/Form.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Freeze/Freeze.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicUsage:function(){return BasicUsage},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Freeze_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),AdaptiveDialog=__webpack_require__("./src/components/AdaptiveDialog/index.tsx");function Freeze(_ref){return function useFreeze(something){var currChildOrPrev=(0,react.useRef)();return currChildOrPrev.current=something||currChildOrPrev.current,currChildOrPrev.current||null}(_ref.children)}try{Freeze.displayName="Freeze",Freeze.__docgenInfo={description:"Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'",displayName:"Freeze",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Freeze/Freeze.tsx#Freeze"]={docgenInfo:Freeze.__docgenInfo,name:"Freeze",path:"src/components/Freeze/Freeze.tsx#Freeze"})}catch(__react_docgen_typescript_loader_error){}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Freeze_stories={title:"Freeze",component:Freeze},BasicUsage=function BasicUsage(){var _useState2=_slicedToArray((0,react.useState)(!1),2),openModal=_useState2[0],setOpen=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),openModalWithFreeze=_useState4[0],setOpenWFreeze=_useState4[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h1",{children:"The modal will have a content only when it's open, when closing, the content will be empty"}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setOpen(!0)},children:"Open without freeze"}),(0,jsx_runtime.jsx)(AdaptiveDialog.Z,{open:openModal,onClose:function onClose(){return setOpen(!1)},children:openModal&&(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h1",{children:"This is the content that shows up when the modal is opened. try closing it."}),(0,jsx_runtime.jsx)("h2",{children:"Notice how the content goes away"})]})}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setOpenWFreeze(!0)},children:"Open with freeze"}),(0,jsx_runtime.jsx)(AdaptiveDialog.Z,{open:openModalWithFreeze,onClose:function onClose(){return setOpenWFreeze(!1)},children:(0,jsx_runtime.jsx)(Freeze,{children:openModalWithFreeze&&(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h1",{children:" Now this content is using freeze component."}),"This is the content that shows up when the modal is opened. try closing it.",(0,jsx_runtime.jsx)("h2",{children:"Notice how it doesn't go away, even though the child turns false because of the condition (check story)"})]})})})]})};BasicUsage.parameters=Object.assign({storySource:{source:"() => {\n  const [openModal, setOpen] = useState(false);\n  const [openModalWithFreeze, setOpenWFreeze] = useState(false);\n  return (\n    <>\n      <h1>\n        The modal will have a content only when it's open, when closing, the\n        content will be empty\n      </h1>\n      <button onClick={() => setOpen(true)}>Open without freeze</button>\n      <AdaptiveDialog open={openModal} onClose={() => setOpen(false)}>\n        {openModal && (\n          <div>\n            <h1>\n              This is the content that shows up when the modal is opened. try\n              closing it.\n            </h1>\n            <h2>Notice how the content goes away</h2>\n          </div>\n        )}\n      </AdaptiveDialog>\n      <br />\n      <br />\n      <button onClick={() => setOpenWFreeze(true)}>Open with freeze</button>\n\n      <AdaptiveDialog\n        open={openModalWithFreeze}\n        onClose={() => setOpenWFreeze(false)}\n      >\n        <Freeze>\n          {openModalWithFreeze && (\n            <div>\n              <h1> Now this content is using freeze component.</h1>\n              This is the content that shows up when the modal is opened. try\n              closing it.\n              <h2>\n                Notice how it doesn't go away, even though the child turns\n                false because of the condition (check story)\n              </h2>\n            </div>\n          )}\n        </Freeze>\n      </AdaptiveDialog>\n    </>\n  );\n}"}},BasicUsage.parameters);var __namedExportsOrder=["BasicUsage"]},"./src/components/Header/Header.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Header_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),Collapsable=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./src/components/Collapsable/index.tsx")),Text=__webpack_require__("./src/components/Text/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Header_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/Header.module.scss"),options={insert:"head",singleton:!1},Header_Header_module=(injectStylesIntoStyleTag_default()(Header_module.Z,options),Header_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Header(props){var user=props.user,moreOptions=props.moreOptions,_useState2=_slicedToArray((0,react.useState)(!1),2),showMoreOptions=_useState2[0],setShowMoreOptions=_useState2[1],_useOneUIContext$comp=(0,OneUIProvider.Wh)().component.header,_useOneUIContext$comp2=_useOneUIContext$comp.LogoImage,LogoImage=void 0===_useOneUIContext$comp2?function(){return null}:_useOneUIContext$comp2,_useOneUIContext$comp3=_useOneUIContext$comp.MoreOptions,MoreOptions=void 0===_useOneUIContext$comp3?function(){return(0,jsx_runtime.jsx)("div",{children:"v"})}:_useOneUIContext$comp3;return(0,react.useEffect)((function(){if(showMoreOptions){var close=function close(){return setShowMoreOptions(!1)};return window.addEventListener("click",close),function(){window.removeEventListener("click",close)}}}),[showMoreOptions]),(0,jsx_runtime.jsxs)("header",{className:Header_Header_module.header+" "+Header_Header_module["options-"+(props.optionsAlignment||"left")],children:[(0,jsx_runtime.jsxs)("div",{className:Header_Header_module.logo,children:[(0,jsx_runtime.jsx)(LogoImage,{}),(0,jsx_runtime.jsx)("div",{className:Header_Header_module.logoDivider})]}),(0,jsx_runtime.jsx)(Controls,Object.assign({},props,{mode:"desktop"})),user?user.profilePicture?(0,jsx_runtime.jsx)("img",{className:Header_Header_module.profile,"data-testid":"profile-container",src:user.profilePicture}):(0,jsx_runtime.jsx)("div",{className:Header_Header_module.profile,"data-testid":"profile-container",children:user.name.split(" ").slice(0,2).map((function(a){return a.charAt(0).toUpperCase()})).join("")}):null,user?(0,jsx_runtime.jsx)("p",{className:Header_Header_module.profileName,children:user.name}):null,(0,jsx_runtime.jsxs)(Collapsable.Z,{title:(0,jsx_runtime.jsx)("div",{className:Header_Header_module.indicator+" "+(moreOptions?Header_Header_module.withMoreOptions:""),children:(0,jsx_runtime.jsx)(MoreOptions,{open:showMoreOptions})}),"data-testid":"more-options-container",open:showMoreOptions,onToggleOpen:setShowMoreOptions,mode:"float",contentClassName:Header_Header_module.headerOptions,children:[(0,jsx_runtime.jsx)(Controls,Object.assign({},props,{mode:"mobile"})),moreOptions?moreOptions.map((function(opt){return(0,jsx_runtime.jsx)(Text.Z,{type:"link",onClick:opt.onClick,children:opt.label})})):null]})]})}function Controls(_ref){var options=_ref.options,children=_ref.children,mode=_ref.mode;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[options.map((function(option,i){return(0,jsx_runtime.jsx)(Text.Z,{type:"link","data-testid":"option-"+i,onClick:option.onClick,className:Header_Header_module.option+" "+("desktop"===mode?Header_Header_module.desktopOnly:Header_Header_module.mobileOnly),children:option.label},option.label)})),(0,jsx_runtime.jsx)("div",{className:Header_Header_module.sectionDivider}),children&&(0,jsx_runtime.jsx)("div",{className:Header_Header_module.children+" "+("desktop"===mode?Header_Header_module.desktopOnly:Header_Header_module.mobileOnly),children:children})]})}Header.displayName="Header";try{Header.displayName="Header",Header.__docgenInfo={description:"A generic header implementation",displayName:"Header",props:{optionsAlignment:{defaultValue:null,description:"",name:"optionsAlignment",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},user:{defaultValue:null,description:"",name:"user",required:!1,type:{name:"User"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"Option[]"}},moreOptions:{defaultValue:null,description:"",name:"moreOptions",required:!1,type:{name:"MoreOptions"}},responsive:{defaultValue:null,description:"This controls the visbility of a control for showing or hiding a menu on mobile",name:"responsive",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Header/Header.tsx#Header"]={docgenInfo:Header.__docgenInfo,name:"Header",path:"src/components/Header/Header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}var Header_stories={component:Header,title:"Header"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(OneUIProvider.ZP,{config:{component:{header:{LogoImage:function LogoImage(){return(0,jsx_runtime.jsx)("div",{style:{color:"white",fontWeight:"bold",fontSize:"24px"},children:"Example logo el"})},MoreOptions:function MoreOptions(){return(0,jsx_runtime.jsx)("div",{children:"V"})}}}},children:(0,jsx_runtime.jsx)(Header,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={user:{name:"Murilo Araujo"},options:[{label:"Dashboard",onClick:function onClick(){}}],moreOptions:[{label:"Option 1",onClick:function onClick(){}}]},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <OneUIProvider\n    config={{\n      component: {\n        header: {\n          LogoImage: () => (\n            <div\n              style={{ color: "white", fontWeight: "bold", fontSize: "24px" }}\n            >\n              Example logo el\n            </div>\n          ),\n          MoreOptions: () => <div>V</div>,\n        },\n      },\n    }}\n  >\n    <Header {...args} />\n  </OneUIProvider>\n)'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Header/Header.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Header/Header.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/HeaderCloseBtn/HeaderCloseBtn.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _HeaderCloseBtn__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/HeaderCloseBtn/HeaderCloseBtn.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_HeaderCloseBtn__WEBPACK_IMPORTED_MODULE_2__.Z,title:"Header Close Btn"};var InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_HeaderCloseBtn__WEBPACK_IMPORTED_MODULE_2__.Z,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => <HeaderCloseBtn {...args}/>"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/HeaderCloseBtn/HeaderCloseBtn.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/HeaderCloseBtn/HeaderCloseBtn.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/InfinityScroll/InfinityScroll.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BugFixScrollWith4Items:function(){return BugFixScrollWith4Items},InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return InfinityScroll_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js")),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),InfinityScroll_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/InfinityScroll/InfinityScroll.module.scss"),options={insert:"head",singleton:!1},InfinityScroll_InfinityScroll_module=(injectStylesIntoStyleTag_default()(InfinityScroll_module.Z,options),InfinityScroll_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||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 _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function keys(currPage){return[currPage%3,(currPage+1)%3,(currPage+2)%3].map((function(a){return"step_"+a})).reverse()}function InfinityScroll(_ref,ref){var items=_ref.items,pageSize=_ref.pageSize,_ref$initialPage=_ref.initialPage,initialPage=void 0===_ref$initialPage?0:_ref$initialPage,pageClass=_ref.pageClass,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_useState2=_slicedToArray((0,react.useState)({page:initialPage,offset:0}),2),currPage=_useState2[0],setCurrPage=_useState2[1],parentDiv=(0,react.useMemo)((function(){return ref||(0,react.createRef)()}),[ref]),prevDiv=(0,react.useRef)(null),currDiv=(0,react.useRef)(null),nextDiv=(0,react.useRef)(null),isCountTheSameOrLowerThanPage=items.length<=pageSize,getItems=(0,react.useMemo)((function(){return function getItemsFactory(pageSize,items,isCountTheSameOrLowerThanPage){return function getItems(page,offset){var _pageSize=arguments.length>2&&void 0!==arguments[2]?arguments[2]:pageSize,from=page*_pageSize+offset;from<0&&(from=items.length+from),from>items.length&&(from-=items.length);var to=from+_pageSize,slicedItems=items.slice(from,to);return slicedItems.length<_pageSize&&!isCountTheSameOrLowerThanPage&&slicedItems.push.apply(slicedItems,_toConsumableArray(getItems(0,0,_pageSize-slicedItems.length))),slicedItems.map((function(i,index){return"object"==typeof i?Object.assign({},i,{key:index}):i}))}}(pageSize,items,isCountTheSameOrLowerThanPage)}),[pageSize,items,isCountTheSameOrLowerThanPage]);(0,react.useLayoutEffect)((function(){if(!isCountTheSameOrLowerThanPage&&!window.PRERENDER){var viewportWidth=parentDiv.current.clientWidth,centerScroll=parentDiv.current.scrollWidth/2;parentDiv.current.scrollTo({left:centerScroll-viewportWidth/2})}}),[isCountTheSameOrLowerThanPage,currPage.page,currPage.offset,items]);var _keys2=_slicedToArray(keys(currPage.page),3),beforeKey=_keys2[0],currKey=_keys2[1],afterKey=_keys2[2];return(0,jsx_runtime.jsxs)("div",{ref:parentDiv,className:InfinityScroll_InfinityScroll_module.container+" "+className,"data-testid":InfinityDataTestId.ROOT,onScroll:isCountTheSameOrLowerThanPage?void 0:function(){var pageToIncrement=function shouldIncrementPage(howMuchTheParentScrolled,prevSectionPosition,currSectionPosition,nextSectionPosition){return howMuchTheParentScrolled===nextSectionPosition?1:howMuchTheParentScrolled===prevSectionPosition?-1:0}(parentDiv.current.scrollLeft,prevDiv.current.offsetLeft,currDiv.current.offsetLeft,nextDiv.current.offsetLeft);pageToIncrement&&setCurrPage((function(prev){var nextPage=prev.page+pageToIncrement,offset=prev.offset;if(nextPage<0){var finalIndex=((nextPage=Math.round(items.length/pageSize)-1)+1)*pageSize+offset;(offset+=items.length+offset-finalIndex)===-(items.length-1)&&(offset=1)}var nextIndex=nextPage*pageSize+offset;return nextIndex>items.length&&(offset=nextIndex-items.length,nextPage=0),{page:nextPage,offset:offset}}))},children:[!isCountTheSameOrLowerThanPage&&(0,jsx_runtime.jsx)("div",{className:pageClass,"data-testid":InfinityDataTestId.PREV_PAGE,ref:prevDiv,children:getItems(currPage.page-1,currPage.offset)},beforeKey),(0,jsx_runtime.jsx)("div",{className:pageClass,"data-testid":InfinityDataTestId.CURR_PAGE,ref:currDiv,children:getItems(currPage.page,currPage.offset)},currKey),!isCountTheSameOrLowerThanPage&&(0,jsx_runtime.jsx)("div",{className:pageClass,"data-testid":InfinityDataTestId.NEXT_PAGE,ref:nextDiv,children:getItems(currPage.page+1,currPage.offset)},afterKey)]})}InfinityScroll.displayName="InfinityScroll";var InfinityDataTestId,InfinityScroll_InfinityScroll=(0,react.forwardRef)(InfinityScroll);!function(InfinityDataTestId){InfinityDataTestId.PREV_PAGE="infinity-prev",InfinityDataTestId.CURR_PAGE="infinity-curr",InfinityDataTestId.NEXT_PAGE="infinity-next",InfinityDataTestId.ROOT="infinity-parent"}(InfinityDataTestId||(InfinityDataTestId={}));try{keys.displayName="keys",keys.__docgenInfo={description:"",displayName:"keys",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/InfinityScroll/InfinityScroll.tsx#keys"]={docgenInfo:keys.__docgenInfo,name:"keys",path:"src/components/InfinityScroll/InfinityScroll.tsx#keys"})}catch(__react_docgen_typescript_loader_error){}try{InfinityScroll.displayName="InfinityScroll",InfinityScroll.__docgenInfo={description:"Manages a set of divs that allows the effect of inifinite scrolling between pages",displayName:"InfinityScroll",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/InfinityScroll/InfinityScroll.tsx#InfinityScroll"]={docgenInfo:InfinityScroll.__docgenInfo,name:"InfinityScroll",path:"src/components/InfinityScroll/InfinityScroll.tsx#InfinityScroll"})}catch(__react_docgen_typescript_loader_error){}var InfinityScroll_stories={component:InfinityScroll_InfinityScroll,title:"Infinity Scroll"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(InfinityScroll_InfinityScroll,Object.assign({ref:(0,react.createRef)()},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={items:["1","2","3","4","5","6","7","8","9","a","b","c","d"].map(String),pageSize:3};var BugFixScrollWith4Items=function BugFixScrollWith4Items(){return(0,jsx_runtime.jsx)(InfinityScroll_InfinityScroll,{ref:(0,react.createRef)(),items:["1","2","3","4"].map((function H1(txt){return(0,jsx_runtime.jsx)("h1",{style:{backgroundColor:"rgb("+255*Math.random()+", "+255*Math.random()+", "+255*Math.random()+")",minHeight:"450px",display:"inline-block",width:"33%"},children:txt})})),pageSize:3,initialPage:1})};BugFixScrollWith4Items.displayName="BugFixScrollWith4Items",InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => (\n  <InfinityScroll ref={createRef()} {...args} />\n)"}},InitialImplementation.parameters),BugFixScrollWith4Items.parameters=Object.assign({storySource:{source:'() => {\n  function H1(txt: string) {\n    return (\n      <h1\n        style={{\n          backgroundColor: `rgb(${Math.random() * 255}, ${\n            Math.random() * 255\n          }, ${Math.random() * 255})`,\n          minHeight: "450px",\n          display: "inline-block",\n          width: "33%",\n        }}\n      >\n        {txt}\n      </h1>\n    );\n  }\n  return (\n    <InfinityScroll\n      ref={createRef()}\n      items={["1", "2", "3", "4"].map(H1)}\n      pageSize={3}\n      initialPage={1}\n    />\n  );\n}'}},BugFixScrollWith4Items.parameters);var __namedExportsOrder=["InitialImplementation","BugFixScrollWith4Items"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/InfinityScroll/InfinityScroll.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/InfinityScroll/InfinityScroll.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/Input.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:function(){return Primary},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _Input__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Input/Input.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_Input__WEBPACK_IMPORTED_MODULE_2__.Z,title:"Input simples"};var Primary=function Primary(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Input__WEBPACK_IMPORTED_MODULE_2__.Z,Object.assign({},args))};Primary.displayName="Primary",Primary.args={disclaimer:"Some disclaimer info",error:"Some error that only shows when unfocused",autoFocus:!0,hideError:"onfocus"},Primary.parameters=Object.assign({storySource:{source:"(args: InputProps) => <C {...args} />"}},Primary.parameters);var __namedExportsOrder=["Primary"];try{Primary.displayName="Primary",Primary.__docgenInfo={description:"",displayName:"Primary",props:{decoration:{defaultValue:null,description:"",name:"decoration",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | null"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},hideError:{defaultValue:null,description:"",name:"hideError",required:!1,type:{name:"enum",value:[{value:'"onfocus"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},disclaimer:{defaultValue:null,description:"",name:"disclaimer",required:!1,type:{name:"string"}},multiline:{defaultValue:null,description:"",name:"multiline",required:!1,type:{name:"number"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"({ onClick?: (() => void); } & ClassAttributes<any> & ImgHTMLAttributes<HTMLImageElement>)"}},Icon:{defaultValue:null,description:"",name:"Icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/Input.stories.tsx#Primary"]={docgenInfo:Primary.__docgenInfo,name:"Primary",path:"src/components/Input/Input.stories.tsx#Primary"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/InstantCounter/InstantCounter.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},SynergyTextAndCountdown:function(){return SynergyTextAndCountdown},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return InstantCounter_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("./node_modules/react/index.js"),provider=__webpack_require__("./node_modules/react-intl/lib/src/components/provider.js"),storybookUtils=__webpack_require__("./src/storybookUtils/index.tsx"),Text=__webpack_require__("./src/components/Text/Text.tsx"),useIntl=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/react-intl/lib/src/components/useIntl.js")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function InstantCounter(_ref,ref){var _ref$from=_ref.from,from=void 0===_ref$from?0:_ref$from,to=_ref.to,_ref$framesPerSecond=_ref.framesPerSecond,framesPerSecond=void 0===_ref$framesPerSecond?30:_ref$framesPerSecond,durationInSeconds=_ref.durationInSeconds,_ref$formatOptions=_ref.formatOptions,formatOptions=void 0===_ref$formatOptions?{}:_ref$formatOptions,_ref$autoStart=_ref.autoStart,autoStart=void 0===_ref$autoStart||_ref$autoStart,_useState2=_slicedToArray((0,react.useState)(autoStart),2),started=_useState2[0],setStarted=_useState2[1],initialValue=(0,react.useRef)(from),spanRef=(0,react.useRef)(null),formatNumber=(0,useIntl.Z)().formatNumber;return(0,react.useImperativeHandle)(ref,(function(){return{start:function start(){return setStarted(!0)}}}),[]),(0,react.useEffect)((function(){if(started){var incrementBy=(to-initialValue.current)/(framesPerSecond*durationInSeconds);spanRef.current.innerHTML=formatNumber(initialValue.current,formatOptions);var intervalId=setInterval((function(){initialValue.current+=incrementBy,spanRef.current.innerHTML=formatNumber(initialValue.current,formatOptions),Math.round(initialValue.current)===Math.round(to)&&clearInterval(intervalId)}),1e3/framesPerSecond);return function(){clearInterval(intervalId)}}}),[started,to]),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("span",{ref:spanRef})})}var InstantCounter_InstantCounter=(0,react.forwardRef)(InstantCounter);try{InstantCounter.displayName="InstantCounter",InstantCounter.__docgenInfo={description:"Increments the numbers from 0 to X",displayName:"InstantCounter",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/InstantCounter/InstantCounter.tsx#InstantCounter"]={docgenInfo:InstantCounter.__docgenInfo,name:"InstantCounter",path:"src/components/InstantCounter/InstantCounter.tsx#InstantCounter"})}catch(__react_docgen_typescript_loader_error){}var InstantCounter_stories={component:InstantCounter_InstantCounter,title:"Instant Counter"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(provider.Z,{locale:"pt-br",children:(0,jsx_runtime.jsx)(InstantCounter_InstantCounter,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation";var SynergyTextAndCountdown=function SynergyTextAndCountdown(args){return(0,storybookUtils.$)(Text.U,"type").map((function(type){return(0,jsx_runtime.jsx)(provider.Z,{locale:"pt-br",children:(0,jsx_runtime.jsx)(storybookUtils.x,{exampleName:"Checkbox com text type="+type,children:(0,jsx_runtime.jsx)(Text.Z,{type:type,children:(0,jsx_runtime.jsx)(InstantCounter_InstantCounter,Object.assign({},args))})})})}))};InitialImplementation.args={framesPerSecond:60,durationInSeconds:2,formatOptions:{maximumFractionDigits:0},to:186124786},SynergyTextAndCountdown.args=InitialImplementation.args,InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => <IntlProvider locale='pt-br'>\n    <InstantCounter {...args}/>\n</IntlProvider>"}},InitialImplementation.parameters),SynergyTextAndCountdown.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const variants = extractAllPossibilitiesFromEnumProp(_Text, "type");\n\n  return variants.map((type) => {\n    return (\n      <IntlProvider locale="pt-br">\n        <SideBySideContainer exampleName={`Checkbox com text type=${type}`}>\n          <BaseText type={type}>\n            <InstantCounter {...args}/>\n          </BaseText>\n        </SideBySideContainer>\n      </IntlProvider>\n    );\n  });\n}'}},SynergyTextAndCountdown.parameters);var __namedExportsOrder=["InitialImplementation","SynergyTextAndCountdown"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/InstantCounter/InstantCounter.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/InstantCounter/InstantCounter.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}try{SynergyTextAndCountdown.displayName="SynergyTextAndCountdown",SynergyTextAndCountdown.__docgenInfo={description:"",displayName:"SynergyTextAndCountdown",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/InstantCounter/InstantCounter.stories.tsx#SynergyTextAndCountdown"]={docgenInfo:SynergyTextAndCountdown.__docgenInfo,name:"SynergyTextAndCountdown",path:"src/components/InstantCounter/InstantCounter.stories.tsx#SynergyTextAndCountdown"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/LinkToId/LinkToId.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return LinkToId_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),LinkToId_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/LinkToId/LinkToId.module.scss"),options={insert:"head",singleton:!1},LinkToId_LinkToId_module=(injectStylesIntoStyleTag_default()(LinkToId_module.Z,options),LinkToId_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function LinkToId(_ref){var children=_ref.children,id=_ref.id,link=_ref.link,_ref$scrollToCenter=_ref.scrollToCenter,scrollToCenter=void 0!==_ref$scrollToCenter&&_ref$scrollToCenter;return link?(0,jsx_runtime.jsx)("span",{className:LinkToId_LinkToId_module.root,onClick:function onClick(){return window.open(link,"_blank")},children:children}):(0,jsx_runtime.jsx)("span",{className:LinkToId_LinkToId_module.root,onClick:function onClick(){return function scrollToId(id){var shouldScrollToCenter=arguments.length>1&&void 0!==arguments[1]&&arguments[1],el=document.getElementById(id);if(el){var elStyles=window.getComputedStyle(el),padding=Number(elStyles.paddingTop.replace(/[^0-9]+/g,"")),elementPosition=el.offsetTop,elementHeight=el.clientHeight;window.scrollTo({behavior:"smooth",top:shouldScrollToCenter?elementPosition+elementHeight/2-window.innerHeight/2:elementPosition+padding})}}(id,scrollToCenter)},children:children})}try{LinkToId.displayName="LinkToId",LinkToId.__docgenInfo={description:"This component creates an iteractive element and on click, routes to the specified id",displayName:"LinkToId",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"any"}},link:{defaultValue:null,description:"",name:"link",required:!1,type:{name:"string"}},scrollToCenter:{defaultValue:{value:"false"},description:"",name:"scrollToCenter",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/LinkToId/LinkToId.tsx#LinkToId"]={docgenInfo:LinkToId.__docgenInfo,name:"LinkToId",path:"src/components/LinkToId/LinkToId.tsx#LinkToId"})}catch(__react_docgen_typescript_loader_error){}var LinkToId_stories={title:"Link To Id",component:LinkToId},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(LinkToId,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => (\n    <LinkToId {...args} />\n)"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/LinkToId/LinkToId.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/LinkToId/LinkToId.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Loader/Loader.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _Loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Loader/Loader.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_Loader__WEBPACK_IMPORTED_MODULE_2__.Z,title:"Loader"};var InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Loader__WEBPACK_IMPORTED_MODULE_2__.Z,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => <Loader {...args}/>"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Loader/Loader.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Loader/Loader.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return LoaderDotsIndicator_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function LoaderDotsIndicator(_ref){var _ref$dotsCount=_ref.dotsCount,dotsCount=void 0===_ref$dotsCount?3:_ref$dotsCount,_useState2=_slicedToArray((0,react.useState)("."),2),text=_useState2[0],setText=_useState2[1];return(0,react.useEffect)((function(){var fullText=new Array(dotsCount).fill(".").join(""),intervalId=setInterval((function(){setText((function(a){return a===fullText?".":a+"."}))}),250);return function(){return clearInterval(intervalId)}}),[dotsCount]),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:text})}try{LoaderDotsIndicator.displayName="LoaderDotsIndicator",LoaderDotsIndicator.__docgenInfo={description:". .. ... . .. ...",displayName:"LoaderDotsIndicator",props:{dotsCount:{defaultValue:{value:"3"},description:"",name:"dotsCount",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/LoaderDotsIndicator/LoaderDotsIndicator.tsx#LoaderDotsIndicator"]={docgenInfo:LoaderDotsIndicator.__docgenInfo,name:"LoaderDotsIndicator",path:"src/components/LoaderDotsIndicator/LoaderDotsIndicator.tsx#LoaderDotsIndicator"})}catch(__react_docgen_typescript_loader_error){}var LoaderDotsIndicator_stories={title:"Loader Dots Indicator",component:LoaderDotsIndicator},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(LoaderDotsIndicator,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => (\n    <LoaderDotsIndicator {...args} />\n)"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/MainGrid/MainGrid.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ExemploTransicao:function(){return ExemploTransicao},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return MainGrid_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),UncontrolledTransition=(__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./src/components/UncontrolledTransition/index.tsx")),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),MainGrid_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MainGrid/MainGrid.module.scss"),options={insert:"head",singleton:!1},MainGrid_MainGrid_module=(injectStylesIntoStyleTag_default()(MainGrid_module.Z,options),MainGrid_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function MainGrid(_ref,ref){var children=_ref.children,leftContent=_ref.leftContent,rightContent=_ref.rightContent,refs=[(0,react.useRef)(null),(0,react.useRef)(null),(0,react.useRef)(null)];return(0,react.useImperativeHandle)(ref,(function(){return{setOrientation:function setOrientation(orientation){refs.forEach((function(r){var _r$current;return null===(_r$current=r.current)||void 0===_r$current?void 0:_r$current.setOrientation(orientation)}))}}}),[]),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsxs)("div",{className:MainGrid_MainGrid_module.container,children:[(0,jsx_runtime.jsx)("div",{className:leftContent?MainGrid_MainGrid_module.content:"",children:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{className:MainGrid_MainGrid_module.section,ref:refs[0],children:leftContent})}),(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{className:MainGrid_MainGrid_module.section,ref:refs[1],children:children})}),(0,jsx_runtime.jsx)("div",{className:rightContent?MainGrid_MainGrid_module.content:"",children:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{className:MainGrid_MainGrid_module.section,ref:refs[2],children:rightContent})})]})})}var MainGrid_MainGrid=(0,react.forwardRef)(MainGrid);try{MainGrid.displayName="MainGrid",MainGrid.__docgenInfo={description:"This layout provides 3 parts to compose screens",displayName:"MainGrid",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MainGrid/MainGrid.tsx#MainGrid"]={docgenInfo:MainGrid.__docgenInfo,name:"MainGrid",path:"src/components/MainGrid/MainGrid.tsx#MainGrid"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var MainGrid_stories={component:MainGrid_MainGrid,title:"Main grid"},ExemploTransicao=function ExemploTransicao(){var _useState2=_slicedToArray((0,react.useState)(20),2),counter=_useState2[0],setCounter=_useState2[1],ref=(0,react.useRef)(null);(0,react.useEffect)((function(){window.addEventListener("keydown",(function(_ref){var key=_ref.key;"ArrowRight"===key?setCounter((function(a){return a+1})):"ArrowLeft"===key&&(ref.current.setOrientation("backward"),setCounter((function(a){return a-1})))}))}),[]);var tenth=Math.floor(counter/5);return(0,jsx_runtime.jsxs)("div",{style:{backgroundColor:"lightblue",display:"flex",alignItems:"stretch",justifyContent:"center",flexDirection:"column"},children:[(0,jsx_runtime.jsxs)("h1",{style:{textAlign:"center"},children:[counter," Press any key to increment the counter and change state"]},counter),(0,jsx_runtime.jsx)(MainGrid_MainGrid,{ref:ref,leftContent:tenth%2==0?(0,jsx_runtime.jsxs)("h1",{style:{backgroundColor:"lightsalmon"},children:[tenth," This shows only on multiples of 10"]},tenth):void 0,rightContent:Math.random()>.05?(0,jsx_runtime.jsxs)("h1",{style:{backgroundColor:"lightskyblue"},children:[tenth," And me??? I come and go in a chaotic manner"]},tenth):void 0,children:(0,jsx_runtime.jsxs)("h1",{style:{textAlign:"center",backgroundColor:"lightyellow"},children:[tenth," This increments on multiples of 5"]},String(tenth))})]})};ExemploTransicao.displayName="ExemploTransicao",ExemploTransicao.parameters=Object.assign({storySource:{source:'() => {\n  const [counter, setCounter] = useState(20);\n  const ref = useRef<ElementRef<typeof MainGrid>>(null);\n\n  useEffect(() => {\n    window.addEventListener("keydown", ({ key }) => {\n      if (key === "ArrowRight") setCounter((a) => a + 1);\n      else if (key === "ArrowLeft") {\n        ref.current!.setOrientation("backward");\n        setCounter((a) => a - 1);\n      }\n    });\n  }, []);\n\n  const tenth = Math.floor(counter / 5);\n\n  return (\n    <div\n      style={{\n        backgroundColor: "lightblue",\n        display: "flex",\n        alignItems: "stretch",\n        justifyContent: "center",\n        flexDirection: "column",\n      }}\n    >\n      <h1 style={{ textAlign: "center" }} key={counter}>\n        {counter} Press any key to increment the counter and change state\n      </h1>\n      <MainGrid\n        ref={ref}\n        leftContent={\n          tenth % 2 === 0 ? (\n            <h1 style={{backgroundColor: "lightsalmon"}} key={tenth}>{tenth} This shows only on multiples of 10</h1>\n          ) : undefined\n        }\n        rightContent={\n          Math.random() > 0.05  ? (\n            <h1 style={{backgroundColor: "lightskyblue"}} key={tenth}>{tenth} And me??? I come and go in a chaotic manner</h1>\n          ) : undefined\n        }\n      >\n        <h1\n          style={{ textAlign: "center", backgroundColor: "lightyellow" }}\n          key={String(tenth)}\n        >\n          {tenth} This increments on multiples of 5\n        </h1>\n      </MainGrid>\n    </div>\n  );\n}'}},ExemploTransicao.parameters);var __namedExportsOrder=["ExemploTransicao"]},"./src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},TransitionToLoader:function(){return TransitionToLoader},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/index.js"),_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/MutableHamburgerButton/MutableHamburgerButton.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={component:_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_11__.Z,title:"Mutable Hamburger Button"};var InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("div",{style:{transformOrigin:"0px 0px",transform:"scale(10)",backgroundColor:"#00f5",display:"inline-block"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_11__.Z,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={size:.4*window.screen.availHeight};var TransitionToLoader=function TransitionToLoader(args){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_10__.useState)("closed"),2),s=_useState2[0],ss=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_10__.useEffect)((function(){var o=setInterval((function(){ss((function(p){return"loading"!==p?"loading":function randomState(){var r=Math.random();return r<.2?"default":r<.4?"arrow-down":r<.6?"arrow-up":r<.8?"closed":"search"}()}))}),500);return function(){return clearInterval(o)}})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_11__.Z,Object.assign({},args,{state:s}))};TransitionToLoader.displayName="TransitionToLoader",TransitionToLoader.args={size:.4*window.screen.availHeight},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <div style={{transformOrigin: \'0px 0px\',transform: "scale(10)", backgroundColor: "#00f5", display: "inline-block"}}>\n    <MutableHamburgerButton {...args} />\n  </div>\n)'}},InitialImplementation.parameters),TransitionToLoader.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const [s, ss] =\n    useState<ComponentProps<typeof MutableHamburgerButton>["state"]>("closed");\n\n    function randomState(): typeof s {\n        const r = Math.random();\n        if (r < 0.2) {\n            return "default"\n        } else if (r < 0.4) {\n            return "arrow-down"\n        } else if (r < 0.6) {\n            return "arrow-up"\n        } else if (r < 0.8) {\n            return "closed";\n        } else {\n            return "search"\n        }\n    }\n\n  useEffect(() => {\n    const o = setInterval(() => {\n      ss((p) => (p !== "loading" ? "loading" : randomState()));\n    }, 500);\n\n    return () => clearInterval(o);\n  });\n  return <MutableHamburgerButton {...args} state={s} />;\n}'}},TransitionToLoader.parameters);var __namedExportsOrder=["InitialImplementation","TransitionToLoader"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}try{TransitionToLoader.displayName="TransitionToLoader",TransitionToLoader.__docgenInfo={description:"",displayName:"TransitionToLoader",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx#TransitionToLoader"]={docgenInfo:TransitionToLoader.__docgenInfo,name:"TransitionToLoader",path:"src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx#TransitionToLoader"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Notification/Notification.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Notification_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var Card_Card=__webpack_require__("./src/components/Card/Card.tsx");try{Card.displayName="Card",Card.__docgenInfo={description:"A card layout that holds content",displayName:"Card",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Card/index.tsx#Card"]={docgenInfo:Card.__docgenInfo,name:"Card",path:"src/components/Card/index.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Notification_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Notification/Notification.module.scss"),options={insert:"head",singleton:!1},Notification_Notification_module=(injectStylesIntoStyleTag_default()(Notification_module.Z,options),Notification_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Notification(_ref){var type=_ref.type,children=_ref.children;return(0,jsx_runtime.jsx)(Card_Card.Z,{className:Notification_Notification_module.container+" "+Notification_Notification_module[type],children:children})}Notification.displayName="Notification";try{Notification.displayName="Notification",Notification.__docgenInfo={description:"A layout for the notification card",displayName:"Notification",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:'"success"'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Notification/Notification.tsx#Notification"]={docgenInfo:Notification.__docgenInfo,name:"Notification",path:"src/components/Notification/Notification.tsx#Notification"})}catch(__react_docgen_typescript_loader_error){}var Notification_stories={component:Notification,title:"Notification"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)("div",{style:{height:"250px"},children:(0,jsx_runtime.jsx)(Notification,Object.assign({},args,{children:"Exemplo de notificação"}))})};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={type:"success"},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => <div style={{height: "250px"}}>\n  <Notification {...args}>Exemplo de notificação</Notification>\n</div>'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Notification/Notification.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Notification/Notification.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/OrderableList/OrderableList.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return OrderableList_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),MutableHamburgerButton=__webpack_require__("./src/components/MutableHamburgerButton/index.tsx"),lodash=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/lodash/lodash.js")),UncontrolledTransition=__webpack_require__("./src/components/UncontrolledTransition/index.tsx");__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var ID=function ID(id){return id+"-hero"};function isElementOutsideViewport(viewport,coordinates){var elementOverflowsViewport=coordinates.left>=viewport.width||coordinates.top>=viewport.height,elementUnderflowsViewport=coordinates.left<=-coordinates.width||coordinates.top<=-coordinates.height;return elementOverflowsViewport||elementUnderflowsViewport}var AnimatedEntrance_AnimatedEntrance=__webpack_require__("./src/components/AnimatedEntrance/AnimatedEntrance.tsx");try{AnimatedEntrance.displayName="AnimatedEntrance",AnimatedEntrance.__docgenInfo={description:"Animates the entrance and exit of a component",displayName:"AnimatedEntrance",props:{entranceType:{defaultValue:{value:"EntranceType.SLIDE_AND_EXPAND"},description:"",name:"entranceType",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AnimatedEntrance/index.tsx#AnimatedEntrance"]={docgenInfo:AnimatedEntrance.__docgenInfo,name:"AnimatedEntrance",path:"src/components/AnimatedEntrance/index.tsx#AnimatedEntrance"})}catch(__react_docgen_typescript_loader_error){}try{AnimatedEntranceItem.displayName="AnimatedEntranceItem",AnimatedEntranceItem.__docgenInfo={description:"",displayName:"AnimatedEntranceItem",props:{noEntranceAnimation:{defaultValue:null,description:"",name:"noEntranceAnimation",required:!0,type:{name:"boolean"}},onRemoveChildren:{defaultValue:null,description:"",name:"onRemoveChildren",required:!0,type:{name:"(key: Key) => void"}},entranceType:{defaultValue:null,description:"",name:"entranceType",required:!0,type:{name:"enum",value:[{value:"0"},{value:"1"}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AnimatedEntrance/index.tsx#AnimatedEntranceItem"]={docgenInfo:AnimatedEntranceItem.__docgenInfo,name:"AnimatedEntranceItem",path:"src/components/AnimatedEntrance/index.tsx#AnimatedEntranceItem"})}catch(__react_docgen_typescript_loader_error){}var Transition=__webpack_require__("./src/components/Transition/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),OrderableList_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/OrderableList/OrderableList.module.scss"),options={insert:"head",singleton:!1},OrderableList_OrderableList_module=(injectStylesIntoStyleTag_default()(OrderableList_module.Z,options),OrderableList_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","mode"];function OrderableList_toConsumableArray(arr){return function OrderableList_arrayWithoutHoles(arr){if(Array.isArray(arr))return OrderableList_arrayLikeToArray(arr)}(arr)||function OrderableList_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||OrderableList_unsupportedIterableToArray(arr)||function OrderableList_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function OrderableList_createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=OrderableList_unsupportedIterableToArray(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e2){throw _e2},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e3){didErr=!0,err=_e3},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||OrderableList_unsupportedIterableToArray(arr,i)||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 OrderableList_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return OrderableList_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?OrderableList_arrayLikeToArray(o,minLen):void 0}}function OrderableList_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var OrderableListReorderMode,OrderableListContext=(0,react.createContext)(null);function OrderableList(_ref){var children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$mode=_ref.mode,mode=void 0===_ref$mode?OrderableListReorderMode.VERTICAL:_ref$mode,props=_objectWithoutProperties(_ref,_excluded),currentClone=(0,react.useRef)(null),currentWorkingKey=(0,react.useRef)(),rootRef=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)((function(){return("keyOrder"in props?props.keyOrder:void 0)||children.map((function(a){return a.key}))})),2),_order=_useState2[0],setOrder=_useState2[1],order="currentOrder"in props&&props.currentOrder||_order,cleanOrder=(0,react.useMemo)((function(){return order.map((function(a){return a.split(";")[0]}))}),[order]),orderId=(0,react.useMemo)((function(){return"key-"+cleanOrder.join("")}),[cleanOrder]),findParentElement=function findParentElement(target){var parent=target;do{if(null===parent.parentElement)break;parent=parent.parentElement}while(parent.parentElement!==rootRef.current);return parent},calculateReordering=(0,react.useMemo)((function(){return(0,lodash.throttle)((function(e,els,currentOrder){if(!(els.length>currentOrder.length)&&currentWorkingKey.current){var parent=findParentElement(e.target),indexOfOverKey=els.indexOf(parent),keyOfTheOverElement=currentOrder[indexOfOverKey],isDraggingOwnElement=currentWorkingKey.current===keyOfTheOverElement;if(-1!==indexOfOverKey&&void 0!==keyOfTheOverElement&&!isDraggingOwnElement){var distanceFromTop=e.offsetY,heightOfEl=parent.clientHeight,offset=.25*heightOfEl,isAfter=distanceFromTop>heightOfEl-offset,isBefore=distanceFromTop<offset;(isAfter||isBefore)&&function checkIfCanMove(keyOfOverElement){return void 0===keyOfOverElement||keyOfOverElement!==currentWorkingKey.current}(currentOrder[indexOfOverKey+(isAfter?1:-1)])&&setOrder((function(p){var previousIndex=currentOrder.indexOf(currentWorkingKey.current),indexOfTheNewElement=indexOfOverKey+(isBefore?-1:0);previousIndex>indexOfTheNewElement&&indexOfTheNewElement++;var orderWithoutCurrent=p.filter((function(a){return!a.startsWith(currentWorkingKey.current+";")&&a!==currentWorkingKey.current}));return orderWithoutCurrent.splice(indexOfTheNewElement,0,currentWorkingKey.current+";"+Date.now()),orderWithoutCurrent}))}}}),1e3/60)}),[]);(0,react.useEffect)((function(){for(var els=Array.from(rootRef.current.children),calculateReorderingCall=function calculateReorderingCall(e){var els=Array.from(rootRef.current.children);calculateReordering(e,els,cleanOrder)},_i2=0,_els=els;_i2<_els.length;_i2++){_els[_i2].addEventListener("mousemove",calculateReorderingCall)}return"onChangeKeyOrder"in props&&props.onChangeKeyOrder(cleanOrder),function(){var _step,_iterator=OrderableList_createForOfIteratorHelper(els);try{for(_iterator.s();!(_step=_iterator.n()).done;){_step.value.removeEventListener("mousemove",calculateReorderingCall)}}catch(err){_iterator.e(err)}finally{_iterator.f()}}}),[cleanOrder]);var cleanOrderRef=(0,react.useRef)(cleanOrder);(0,react.useEffect)((function(){cleanOrderRef.current=cleanOrder}),[cleanOrder]);var onAnchorClick=(0,react.useCallback)((function(_ref2){var offset,target=_ref2.target,parent=(_ref2.x,_ref2.y,findParentElement(target)),box=parent.getBoundingClientRect(),els=Array.from(rootRef.current.children),clone=parent.cloneNode(!0);currentClone.current=clone,clone.setAttribute("data-testid","orderable-list-clone"),clone.style.width=box.width+"px",clone.style.height=box.height+"px",clone.style.top=box.top+"px",clone.style.left=box.left+"px",clone.classList.add(OrderableList_OrderableList_module.clone),parent.classList.add(OrderableList_OrderableList_module.currentOrdering),parent.classList.remove(OrderableList_OrderableList_module.visible);var movementControl=function movementControl(_ref3){var x1=_ref3.x,y1=_ref3.y;offset||(offset=[x1-box.left,y1-box.top]);var _offset2=_slicedToArray(offset,2),offsetX=_offset2[0],offsetY=_offset2[1];clone.style.top=y1-offsetY+"px",clone.style.left=x1-offsetX+"px"};document.body.appendChild(clone);for(var _i4=0,_els3=els;_i4<_els3.length;_i4++){_els3[_i4].classList.add(OrderableList_OrderableList_module.visible)}parent.style.visibility="hidden",parent.classList.remove(OrderableList_OrderableList_module.visible),rootRef.current.classList.add(OrderableList_OrderableList_module.ordering),currentWorkingKey.current=cleanOrderRef.current[els.indexOf(parent)],window.document.body.classList.add(OrderableList_OrderableList_module.unselectable),window.addEventListener("mouseup",(function deleteClone(){window.removeEventListener("mousemove",movementControl),window.removeEventListener("mouseup",deleteClone),parent.style.visibility="initial",currentWorkingKey.current=void 0,window.document.body.classList.remove(OrderableList_OrderableList_module.unselectable);var cleanUp=function cleanUp(){rootRef.current.classList.remove(OrderableList_OrderableList_module.ordering);var _step2,_iterator2=OrderableList_createForOfIteratorHelper(_els2);try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){_step2.value.classList.remove(OrderableList_OrderableList_module.visible)}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}clone.remove(),currentClone.current=null;for(var _i3=0,_arr2=Array.from(elInvisible.children);_i3<_arr2.length;_i3++){_arr2[_i3].style.height=""}},_els2=Array.from(rootRef.current.children),elInvisible=_els2.find((function(a){return!a.classList.contains(OrderableList_OrderableList_module.visible)&&"0px"!==a.style.maxHeight})),_box=elInvisible.getBoundingClientRect();clone.style.top.startsWith(Math.floor(_box.top).toString())&&clone.style.left.startsWith(Math.floor(_box.left).toString())&&cleanUp(),clone.style.top=_box.top+"px",clone.style.left=_box.left+"px",clone.style.transition="top 500ms linear, left 500ms linear",clone.addEventListener("transitionend",(function(){cleanUp()}))})),window.addEventListener("mousemove",movementControl)}),[]);return(0,react.useLayoutEffect)((function(){if(currentClone.current){var elInvisible=Array.from(rootRef.current.children).find((function(a){return!a.classList.contains(OrderableList_OrderableList_module.visible)&&"0px"!==a.style.maxHeight}));elInvisible.children[0].style.height=currentClone.current.clientHeight+"px",setTimeout((function(){elInvisible.children[1].style.height=currentClone.current.clientHeight+"px"}),150)}}),[cleanOrder]),(0,jsx_runtime.jsx)(OrderableListContext.Provider,{value:{bindAnchor:function bindAnchor(el){el.addEventListener("mousedown",onAnchorClick)},unbindAnchor:function unbindAnchor(el){el.removeEventListener("mousedown",onAnchorClick)}},children:(0,jsx_runtime.jsx)("div",{ref:rootRef,className:OrderableList_OrderableList_module.root+" "+className,children:mode===OrderableListReorderMode.VERTICAL?(0,jsx_runtime.jsx)(AnimatedEntrance_AnimatedEntrance.ZP,{children:OrderableList_toConsumableArray(children).filter((function(a){return cleanOrder.includes(a.key)})).sort((function(a,b){return cleanOrder.indexOf(a.key)-cleanOrder.indexOf(b.key)})).map((function(a,i){return Object.assign({},a,{key:order[i]})}))}):(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{className:OrderableList_OrderableList_module.transition,transitionType:Transition.Y.FADE,contentClassName:""+className,children:(0,jsx_runtime.jsx)(react.Fragment,{children:OrderableList_toConsumableArray(children).filter((function(a){return cleanOrder.includes(a.key)})).sort((function(a,b){return cleanOrder.indexOf(a.key)-cleanOrder.indexOf(b.key)})).map((function(a,i){return(0,jsx_runtime.jsx)(HeroWrapper,{id:a.key,children:a},i)}))},orderId)})})})}function HeroWrapper(_ref4){var children=_ref4.children,_useHero=function useHero(id){var propsToTransition=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],events=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},heroRef=(0,react.useRef)(null);(0,react.useEffect)((function(){heroRef.current.setAttribute("data-hero",id)}),[id]);var getHerosOnScreen=(0,react.useCallback)((function(){return Array.from(document.querySelectorAll('[data-hero="'+id+'"]'))}),[id]);return(0,react.useEffect)((function(){var viewport=window.visualViewport,allPropsToTransition=["width","height","top","left"].concat(_toConsumableArray(propsToTransition)),otherElements=getHerosOnScreen().filter(events.onHeroDetect||function(){return!0}),currentElCoordinates=heroRef.current.getBoundingClientRect(),otherElement=otherElements.find((function(el){return el!==heroRef.current}));if(otherElement){var setCloneToCoordinates=function setCloneToCoordinates(el){var coordinates=el.getBoundingClientRect(),currentCoordinates=_clone.getBoundingClientRect(),willNotMove=coordinates.top===currentCoordinates.top&&coordinates.left===currentCoordinates.left&&coordinates.width===currentCoordinates.width&&coordinates.height===currentCoordinates.height;return _clone.style.position="fixed",_clone.style.top=coordinates.top+"px",_clone.style.left=coordinates.left+"px",_clone.style.width=coordinates.width+"px",_clone.style.height=coordinates.height+"px",!willNotMove};if((isElementOutsideViewport(viewport,currentElCoordinates)||isElementOutsideViewport(viewport,otherElement.getBoundingClientRect()))&&(events.onHeroSkip||function(){return!0})(otherElement,heroRef.current))return;var oldClone=document.querySelector('[data-hero-clone="'+ID(id)+'"]'),_clone=oldClone||otherElement.cloneNode(!0);_clone.style.visibility="",_clone.removeAttribute("data-hero"),_clone.setAttribute("data-hero-clone",ID(id)),otherElement.removeAttribute("data-hero"),oldClone||(setCloneToCoordinates(otherElement),document.body.appendChild(_clone)),heroRef.current.style.visibility="hidden",otherElement.style.visibility="hidden",_clone.style.transition=""+allPropsToTransition.map((function(prop){return prop+" var(--animation--speed-fast, 250ms) ease-out"})).join(", "),setTimeout((function(){var cleanup=function cleanup(){events.onHeroEnd&&events.onHeroEnd(),_clone.remove(),el.style.visibility=""};if(events.onHeroStart&&events.onHeroStart(_clone),heroRef.current){var el=heroRef.current;if(setCloneToCoordinates(el)){var _step,_iterator=_createForOfIteratorHelper(propsToTransition);try{for(_iterator.s();!(_step=_iterator.n()).done;){var propToTransition=_step.value;_clone.style[propToTransition]=el.style[propToTransition]}}catch(err){_iterator.e(err)}finally{_iterator.f()}_clone.addEventListener("transitionend",(function(_ref){_ref.target===_ref.currentTarget&&cleanup()}))}else cleanup()}}),0)}}),[]),{heroRef:heroRef,getHerosOnScreen:getHerosOnScreen}}(_ref4.id),heroRef=_useHero.heroRef;return(0,jsx_runtime.jsx)("div",{ref:heroRef,children:children})}!function(OrderableListReorderMode){OrderableListReorderMode.VERTICAL="v",OrderableListReorderMode.TWO_DIMENSIONS="hv"}(OrderableListReorderMode||(OrderableListReorderMode={})),OrderableList.displayName="OrderableList",HeroWrapper.displayName="HeroWrapper";try{OrderableList.displayName="OrderableList",OrderableList.__docgenInfo={description:'This component receives a list of keyed elements and orders it based of the order provided via the prop "keyOrder"',displayName:"OrderableList",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},mode:{defaultValue:{value:"OrderableListReorderMode.VERTICAL"},description:"",name:"mode",required:!1,type:{name:"enum",value:[{value:'"v"'},{value:'"hv"'}]}},keyOrder:{defaultValue:null,description:"",name:"keyOrder",required:!1,type:{name:"string[]"}},onChangeKeyOrder:{defaultValue:null,description:"",name:"onChangeKeyOrder",required:!0,type:{name:"(newOrder: string[]) => void"}},currentOrder:{defaultValue:null,description:"",name:"currentOrder",required:!1,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/OrderableList/OrderableList.tsx#OrderableList"]={docgenInfo:OrderableList.__docgenInfo,name:"OrderableList",path:"src/components/OrderableList/OrderableList.tsx#OrderableList"})}catch(__react_docgen_typescript_loader_error){}var OrderableList_stories={component:OrderableList,title:"Orderable List"};function Wrapper(_ref){_ref.i;var _useOrderableListAnch=function useOrderableListAnchor(){var anchorRef=(0,react.useRef)(null),ctx=(0,react.useContext)(OrderableListContext);return(0,react.useLayoutEffect)((function(){if(ctx){var bindAnchor=ctx.bindAnchor,unbindAnchor=ctx.unbindAnchor;return bindAnchor(anchorRef.current),function(){return unbindAnchor(anchorRef.current)}}}),[]),{anchorRef:ctx?anchorRef:void 0}}(),anchorRef=_useOrderableListAnch.anchorRef;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("div",{ref:anchorRef,style:{display:"inline-block",height:300},"data-testid":"click",children:(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{size:24})})})}var xpto={display:"flex",alignItems:"center",background:"linear-gradient(#f003 48%,#0f03 48%, #0f03 50%, #0f03 52%,#00f3 52%)"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsxs)(OrderableList,Object.assign({},args,{children:[(0,jsx_runtime.jsx)("div",{"data-testid":"movable",style:xpto,children:(0,jsx_runtime.jsxs)("h1",{children:[(0,jsx_runtime.jsx)(Wrapper,{i:1})," 1"]})},"1"),(0,jsx_runtime.jsx)("div",{"data-testid":"movable",style:xpto,children:(0,jsx_runtime.jsxs)("h1",{children:[(0,jsx_runtime.jsx)(Wrapper,{i:2})," 2"]})},"2"),(0,jsx_runtime.jsx)("div",{"data-testid":"movable",style:xpto,children:(0,jsx_runtime.jsxs)("h1",{children:[(0,jsx_runtime.jsx)(Wrapper,{i:3})," 3"]})},"3"),(0,jsx_runtime.jsx)("div",{"data-testid":"movable",style:xpto,children:(0,jsx_runtime.jsxs)("h1",{children:[(0,jsx_runtime.jsx)(Wrapper,{i:4})," 4"]})},"4"),(0,jsx_runtime.jsx)("div",{"data-testid":"movable",style:xpto,children:(0,jsx_runtime.jsxs)("h1",{children:[(0,jsx_runtime.jsx)(Wrapper,{i:5})," 5"]})},"5")]}))})};InitialImplementation.args={},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => {\n  return (\n    <>\n      <OrderableList {...args}>\n        <div key={"1"} data-testid="movable" style={xpto}>\n          <h1>\n            <Wrapper i={1} /> 1\n          </h1>\n        </div>\n        <div key={"2"} data-testid="movable" style={xpto}>\n          <h1>\n            <Wrapper i={2} /> 2\n          </h1>\n        </div>\n        <div key={"3"} data-testid="movable" style={xpto}>\n          <h1>\n            <Wrapper i={3} /> 3\n          </h1>\n        </div>\n        <div key={"4"} data-testid="movable" style={xpto}>\n          <h1>\n            <Wrapper i={4} /> 4\n          </h1>\n        </div>\n        <div key={"5"} data-testid="movable" style={xpto}>\n          <h1>\n            <Wrapper i={5} /> 5\n          </h1>\n        </div>\n      </OrderableList>\n    </>\n  );\n}'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/OrderableList/OrderableList.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/OrderableList/OrderableList.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/PaginationIndicator/PaginationIndicator.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return PaginationIndicator_stories}});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _slicedToArray(arr,i){return _arrayWithHoles(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _toArray(arr){return _arrayWithHoles(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||_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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function PaginationIndicatorView(_ref){var size=_ref.size,page=_ref.page,pages=_ref.pages,className=_ref.className,rand=(0,react.useMemo)((function(){return Math.random().toString()}),[]),pageIndex=page-1,numBalls=(0,react.useMemo)((function(){return pages>=7?7:Math.ceil(pages)+1}),[pages]),maxBallsOffset=(0,react.useMemo)((function(){return(numBalls-1)/2}),[numBalls]),prevVal=(0,react.useRef)(0),_balls=_toArray((0,react.useMemo)((function(){var lastPages=pages+1-maxBallsOffset,isCenterPage=numBalls>=7&&pageIndex>maxBallsOffset&&pageIndex<lastPages,modulus=pageIndex%(maxBallsOffset-Math.floor(maxBallsOffset)+1),resetPageIndex=isCenterPage?maxBallsOffset+modulus:pageIndex>lastPages-1?numBalls-1-(pages-pageIndex):pageIndex;prevVal.current=modulus;var left=1.2*resetPageIndex;return new Array(numBalls+1+(isCenterPage&&pages>=7&&page<lastPages?1:0)).fill(void 0).map((function(_,i){var isLastBall=i===numBalls+1,isFirstBall=1===i;if(0===i)return(0,jsx_runtime.jsx)("circle",{fill:"#fff",r:"0.45em",cx:"8.4em",cy:"0.5em"});var ballSize=numBalls<7||6===pages?.5:page<=maxBallsOffset+1&&isLastBall||page>=lastPages+1&&isFirstBall?0:isCenterPage?isFirstBall?.5-.5*modulus:isLastBall?.5*modulus:.5:.5;return(0,jsx_runtime.jsx)("circle",{fill:"#fff",r:.6*ballSize+"em",cx:8.4+1.2*(i-1)-left+"em",cy:"0.5em"})}))}),[maxBallsOffset,pageIndex,pages])),guideBall=_balls[0],pageBalls=_balls.slice(1);return(0,jsx_runtime.jsxs)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",className:className,style:{width:"16.8em",minWidth:"16.8em",height:"1em",fontSize:size+"px"},children:[(0,jsx_runtime.jsxs)("filter",{id:"goo-"+rand,children:[(0,jsx_runtime.jsx)("feGaussianBlur",{in:"SourceGraphic",result:"blur",stdDeviation:"5"}),(0,jsx_runtime.jsx)("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7",result:"goo"}),(0,jsx_runtime.jsx)("feBlend",{in2:"goo",in:"SourceGraphic",result:"mix"})]}),(0,jsx_runtime.jsx)("mask",{id:"mask-"+rand,children:(0,jsx_runtime.jsxs)("g",{filter:"url(#goo-"+rand+")",children:[[pageBalls],guideBall]})}),(0,jsx_runtime.jsx)("rect",{x:"0",y:"0",mask:"url(#mask-"+rand+")",width:"100%",height:"100%",style:{fill:"var(--digital-blue)"}})]})}function _PaginationIndicator(_ref2,ref){var scrollableRef=_ref2.scrollableRef,estimatedWidth=_ref2.estimatedWidth,size=_ref2.size,_ref2$className=_ref2.className,className=void 0===_ref2$className?"":_ref2$className,_useState2=_slicedToArray((0,react.useState)(1),2),currentPage=_useState2[0],setCurrentPage=_useState2[1],_useState4=_slicedToArray((0,react.useState)(),2),defs=_useState4[0],setDefs=_useState4[1],refreshPages=(0,react.useCallback)((function(){var maxWidth=estimatedWidth||scrollableRef.current.scrollWidth;setDefs({pages:maxWidth/scrollableRef.current.clientWidth-1})}),[estimatedWidth]);(0,react.useEffect)((function(){return refreshPages()}),[refreshPages]);var updatePageIndicators=(0,react.useCallback)((function(target,pages){var eachPageWidth=scrollableRef.current.clientWidth,page=1+target.scrollLeft/eachPageWidth,lastPageProgress=Math.floor(pages)+1;setCurrentPage(page>lastPageProgress?lastPageProgress+(page-lastPageProgress)/(pages+1-lastPageProgress):page)}),[]);(0,react.useImperativeHandle)(ref,(function(){return{refreshPages:refreshPages}}),[]),(0,react.useEffect)((function(){if(defs){var el=scrollableRef.current,onScroll=function onScroll(e){return updatePageIndicators(e.currentTarget,defs.pages)};return updatePageIndicators(el,defs.pages),el.addEventListener("scroll",onScroll),function(){el.removeEventListener("scroll",onScroll)}}}),[defs]);var pages=(0,react.useMemo)((function(){return defs?Math.ceil(defs.pages):void 0}),[defs]);return pages?(0,jsx_runtime.jsx)(PaginationIndicatorView,{pages:pages,page:currentPage,size:size,className:className}):null}PaginationIndicatorView.displayName="PaginationIndicatorView";var PaginationIndicator=(0,react.forwardRef)(_PaginationIndicator);try{PaginationIndicatorView.displayName="PaginationIndicatorView",PaginationIndicatorView.__docgenInfo={description:"A cool component to indicate how many pages are",displayName:"PaginationIndicatorView",props:{size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"number"}},page:{defaultValue:null,description:"",name:"page",required:!0,type:{name:"number"}},pages:{defaultValue:null,description:"",name:"pages",required:!0,type:{name:"number"}},className:{defaultValue:null,description:"",name:"className",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PaginationIndicator/PaginationIndicator.tsx#PaginationIndicatorView"]={docgenInfo:PaginationIndicatorView.__docgenInfo,name:"PaginationIndicatorView",path:"src/components/PaginationIndicator/PaginationIndicator.tsx#PaginationIndicatorView"})}catch(__react_docgen_typescript_loader_error){}var PaginationIndicator_stories={title:"Pagination indicator",component:PaginationIndicator},InitialImplementation=function InitialImplementation(args){var ref=(0,react.useRef)(null),ref2=(0,react.useRef)(null);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h1",{children:"This div has width 300px and there are 21 pages with width 300px each"}),(0,jsx_runtime.jsx)("h3",{children:"Try to scroll"}),(0,jsx_runtime.jsx)("div",{ref:ref,style:{display:"flex",width:"300px",overflow:"auto"},children:new Array(21).fill(void 0).map((function(_,i){return(0,jsx_runtime.jsxs)("h2",{style:{width:"300px",minWidth:"300px",background:"linear-gradient(to right, red,green,blue)"},children:["Page ",i+1]})}))}),(0,jsx_runtime.jsx)("div",{style:{width:"300px",background:"linear-gradient(to right, blue 48%, green 50%, blue 52%)",display:"flex",justifyContent:"center"},children:(0,jsx_runtime.jsx)(PaginationIndicator,{scrollableRef:ref,estimatedWidth:args.estimatedWidth,size:args.size})}),(0,jsx_runtime.jsx)("h1",{children:"This div has width 600px and there are 21 pages with width 600px each"}),(0,jsx_runtime.jsx)("h3",{children:"Try to scroll"}),(0,jsx_runtime.jsx)("div",{ref:ref2,style:{display:"flex",width:"600px",overflow:"auto"},children:new Array(21).fill(void 0).map((function(_,i){return(0,jsx_runtime.jsxs)("h2",{style:{width:"600px",minWidth:"600px",background:"linear-gradient(to right, red,green,blue)"},children:["Page ",i+1]})}))}),(0,jsx_runtime.jsx)("div",{style:{width:"600px",background:"linear-gradient(to right, blue 48%, green 50%, blue 52%)",display:"flex",justifyContent:"center"},children:(0,jsx_runtime.jsx)(PaginationIndicator,{scrollableRef:ref2,estimatedWidth:args.estimatedWidth,size:args.size})})]})};InitialImplementation.args={size:24},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const ref2 = useRef<HTMLDivElement>(null);\n  return (\n    <>\n      <h1>\n        This div has width 300px and there are 21 pages with width 300px each\n      </h1>\n      <h3>Try to scroll</h3>\n      <div\n        ref={ref}\n        style={{\n          display: "flex",\n          width: "300px",\n          overflow: "auto",\n        }}\n      >\n        {new Array(21).fill(undefined).map((_, i) => (\n          <h2\n            style={{\n              width: "300px",\n              minWidth: "300px",\n              background: "linear-gradient(to right, red,green,blue)",\n            }}\n          >\n            Page {i + 1}\n          </h2>\n        ))}\n      </div>\n      <div\n        style={{\n          width: "300px",\n          background:\n            "linear-gradient(to right, blue 48%, green 50%, blue 52%)",\n          display: "flex",\n          justifyContent: "center",\n        }}\n      >\n        <Indicator\n          scrollableRef={ref}\n          estimatedWidth={args.estimatedWidth}\n          size={args.size}\n        />\n      </div>\n      <h1>\n        This div has width 600px and there are 21 pages with width 600px each\n      </h1>\n      <h3>Try to scroll</h3>\n      <div\n        ref={ref2}\n        style={{\n          display: "flex",\n          width: "600px",\n          overflow: "auto",\n        }}\n      >\n        {new Array(21).fill(undefined).map((_, i) => (\n          <h2\n            style={{\n              width: "600px",\n              minWidth: "600px",\n              background: "linear-gradient(to right, red,green,blue)",\n            }}\n          >\n            Page {i + 1}\n          </h2>\n        ))}\n      </div>\n      <div\n        style={{\n          width: "600px",\n          background:\n            "linear-gradient(to right, blue 48%, green 50%, blue 52%)",\n          display: "flex",\n          justifyContent: "center",\n        }}\n      >\n        <Indicator\n          scrollableRef={ref2}\n          estimatedWidth={args.estimatedWidth}\n          size={args.size}\n        />\n      </div>\n    </>\n  );\n}'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PaginationIndicator/PaginationIndicator.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/PaginationIndicator/PaginationIndicator.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Parallax/Parallax.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Parallax_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js")),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Parallax_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Parallax/Parallax.module.scss"),options={insert:"head",singleton:!1},Parallax_Parallax_module=(injectStylesIntoStyleTag_default()(Parallax_module.Z,options),Parallax_module.Z.locals||{}),lodash=__webpack_require__("./node_modules/lodash/lodash.js");__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function multiplyMatrixes(matrix1,matrix2){var resultingMatrix=[];for(var i0 in matrix1)for(var i in matrix2[0]){var dimensionResult=0;for(var i2 in matrix1[0])dimensionResult+=matrix1[i0][i2]*matrix2[i2][i];resultingMatrix[i0]||(resultingMatrix[i0]=[]),resultingMatrix[i0][i]=dimensionResult}return resultingMatrix}function flattenMatrix(matrix){return matrix.reduce((function(f,dimension){return[].concat(_toConsumableArray(f),_toConsumableArray(dimension))}),[])}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","active","onClick","reflection","maxParallax"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function Parallax_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return Parallax_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Parallax_arrayLikeToArray(o,minLen)}(arr,i)||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 Parallax_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MAXIMUM_PARALLAX={x:20,y:20};function calculateDistanceRelativeToBounds(mousePosition,elementInitialPosition,elementSizeDimension){var normalizeInitialPosition=mousePosition-elementInitialPosition,doNotAllowGoingBeyondLowerLimit=Math.max(normalizeInitialPosition,0),threeRule=100*Math.min(doNotAllowGoingBeyondLowerLimit,elementSizeDimension)/elementSizeDimension;return Math.round(threeRule)/100}function givenTheRelativePositionHowMuchToRotate(relativePosition,maxRotation){return relativePosition*maxRotation-maxRotation/2}function Parallax(_ref,ref){var children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,active=_ref.active,onClick=_ref.onClick,reflection=_ref.reflection,_ref$maxParallax=_ref.maxParallax,maxParallax=void 0===_ref$maxParallax?MAXIMUM_PARALLAX:_ref$maxParallax,props=_objectWithoutProperties(_ref,_excluded),parallaxableRef=(0,react.useRef)(null),reflectionRef=(0,react.useRef)(null),multiplierRef=(0,react.useRef)(1),initialPositionRef=(0,react.useRef)();return(0,react.useEffect)((function(){ref&&(ref.current=parallaxableRef.current);var el=parallaxableRef.current;active&&!initialPositionRef.current&&(initialPositionRef.current=getComputedStyle(el).transform,"none"===initialPositionRef.current&&(initialPositionRef.current=""),el.style.transform=initialPositionRef.current+" rotateX(0deg) rotateY(0deg) translateZ(0px)")}),[active]),(0,react.useEffect)((function(){var el=parallaxableRef.current;if(active){var _inverseMatrix,updatePositions=function updatePositions(relativeToX,relativeToY){var rect=el.getBoundingClientRect(),_width$height={width:[rect.left,el.clientWidth],height:[rect.top,el.clientHeight]},_width$height$width=_slicedToArray(_width$height.width,2),x0=_width$height$width[0],xW=_width$height$width[1],_width$height$height=_slicedToArray(_width$height.height,2),y0=_width$height$height[0],yH=_width$height$height[1],distanceOffRight=calculateDistanceRelativeToBounds(relativeToX,x0,xW),distanceOffBottom=calculateDistanceRelativeToBounds(relativeToY,y0,yH),howMuchToRotateY=givenTheRelativePositionHowMuchToRotate(distanceOffRight,maxParallax.y)*multiplierRef.current,howMuchToRotateX=givenTheRelativePositionHowMuchToRotate(distanceOffBottom,maxParallax.x)*multiplierRef.current,howMuchToOpacify=Math.abs(Math.abs(distanceOffBottom-.5)/.5),howMuchToOpacifyHorizontal=Math.max(Math.abs(Math.abs(distanceOffRight-.5)/.5),Math.abs(Math.abs(distanceOffBottom-.5)/.5));el.style.transform=initialPositionRef.current+" rotateY("+howMuchToRotateY+"deg) rotateX("+-howMuchToRotateX+"deg) translateZ("+(1===multiplierRef.current?0:-30)+"px)",reflectionRef.current&&(reflectionRef.current.style.left=100*(1-distanceOffRight)+"%",reflectionRef.current.style.top=100*(1-distanceOffBottom)+"%",reflectionRef.current.style.opacity=""+Math.min(howMuchToOpacify,howMuchToOpacifyHorizontal))},handler=(0,lodash.throttle)((function(_ref2){var x=_ref2.x,y=_ref2.y;updatePositions(x,y)}),1e3/30),touchHandler=(0,lodash.throttle)((function(_ref3){var _touches$=_ref3.touches[0],pageX=_touches$.pageX,pageY=_touches$.pageY;updatePositions(pageX,pageY)}),1e3/30),mouseDownHandler=function mouseDownHandler(){multiplierRef.current=1.5},mouseUpHandler=function mouseUpHandler(){multiplierRef.current=1};window.addEventListener("mousemove",handler),window.addEventListener("touchmove",touchHandler);var _limits={beta:void 0,gamma:void 0},orientationListener=function orientationListener(_ref4){var beta=_ref4.beta,gamma=_ref4.gamma;if(beta*=.5,gamma*=.5,!_inverseMatrix){window.removeEventListener("mousemove",handler),window.removeEventListener("touchmove",touchHandler);_limits.beta=[beta-12.5,beta+12.5],_limits.gamma=[gamma-12.5,gamma+12.5]}var _beta=Math.min(_limits.beta[1],Math.max(_limits.beta[0],beta)),_gamma=Math.min(_limits.gamma[1],Math.max(_limits.gamma[0],gamma));_inverseMatrix||(_inverseMatrix=flattenMatrix(function invertMatrix(matrix){var m=flattenMatrix(matrix),det=0,inv=[];if(inv[0]=m[5]*m[10]*m[15]-m[5]*m[11]*m[14]-m[9]*m[6]*m[15]+m[9]*m[7]*m[14]+m[13]*m[6]*m[11]-m[13]*m[7]*m[10],inv[4]=-m[4]*m[10]*m[15]+m[4]*m[11]*m[14]+m[8]*m[6]*m[15]-m[8]*m[7]*m[14]-m[12]*m[6]*m[11]+m[12]*m[7]*m[10],inv[8]=m[4]*m[9]*m[15]-m[4]*m[11]*m[13]-m[8]*m[5]*m[15]+m[8]*m[7]*m[13]+m[12]*m[5]*m[11]-m[12]*m[7]*m[9],inv[12]=-m[4]*m[9]*m[14]+m[4]*m[10]*m[13]+m[8]*m[5]*m[14]-m[8]*m[6]*m[13]-m[12]*m[5]*m[10]+m[12]*m[6]*m[9],inv[1]=-m[1]*m[10]*m[15]+m[1]*m[11]*m[14]+m[9]*m[2]*m[15]-m[9]*m[3]*m[14]-m[13]*m[2]*m[11]+m[13]*m[3]*m[10],inv[5]=m[0]*m[10]*m[15]-m[0]*m[11]*m[14]-m[8]*m[2]*m[15]+m[8]*m[3]*m[14]+m[12]*m[2]*m[11]-m[12]*m[3]*m[10],inv[9]=-m[0]*m[9]*m[15]+m[0]*m[11]*m[13]+m[8]*m[1]*m[15]-m[8]*m[3]*m[13]-m[12]*m[1]*m[11]+m[12]*m[3]*m[9],inv[13]=m[0]*m[9]*m[14]-m[0]*m[10]*m[13]-m[8]*m[1]*m[14]+m[8]*m[2]*m[13]+m[12]*m[1]*m[10]-m[12]*m[2]*m[9],inv[2]=m[1]*m[6]*m[15]-m[1]*m[7]*m[14]-m[5]*m[2]*m[15]+m[5]*m[3]*m[14]+m[13]*m[2]*m[7]-m[13]*m[3]*m[6],inv[6]=-m[0]*m[6]*m[15]+m[0]*m[7]*m[14]+m[4]*m[2]*m[15]-m[4]*m[3]*m[14]-m[12]*m[2]*m[7]+m[12]*m[3]*m[6],inv[10]=m[0]*m[5]*m[15]-m[0]*m[7]*m[13]-m[4]*m[1]*m[15]+m[4]*m[3]*m[13]+m[12]*m[1]*m[7]-m[12]*m[3]*m[5],inv[14]=-m[0]*m[5]*m[14]+m[0]*m[6]*m[13]+m[4]*m[1]*m[14]-m[4]*m[2]*m[13]-m[12]*m[1]*m[6]+m[12]*m[2]*m[5],inv[3]=-m[1]*m[6]*m[11]+m[1]*m[7]*m[10]+m[5]*m[2]*m[11]-m[5]*m[3]*m[10]-m[9]*m[2]*m[7]+m[9]*m[3]*m[6],inv[7]=m[0]*m[6]*m[11]-m[0]*m[7]*m[10]-m[4]*m[2]*m[11]+m[4]*m[3]*m[10]+m[8]*m[2]*m[7]-m[8]*m[3]*m[6],inv[11]=-m[0]*m[5]*m[11]+m[0]*m[7]*m[9]+m[4]*m[1]*m[11]-m[4]*m[3]*m[9]-m[8]*m[1]*m[7]+m[8]*m[3]*m[5],inv[15]=m[0]*m[5]*m[10]-m[0]*m[6]*m[9]-m[4]*m[1]*m[10]+m[4]*m[2]*m[9]+m[8]*m[1]*m[6]-m[8]*m[2]*m[5],0==(det=m[0]*inv[0]+m[1]*inv[4]+m[2]*inv[8]+m[3]*inv[12]))throw new Error("Determinator is equal to 0. This matrix cannot be inverted");return det=1/det,inv.reduce((function(r,val,i){var row=Math.floor(i/4);return r[row]||(r[row]=[]),r[row][i%4]=val*det,r}),[])}(function generateMatrixFromOperations(){for(var resultingMatrix=void 0,_len=arguments.length,operations=new Array(_len),_key=0;_key<_len;_key++)operations[_key]=arguments[_key];for(var _i=0,_operations=operations;_i<_operations.length;_i++){var operation=_operations[_i],matrix="matrix"===operation.type?operation.matrix:[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]];switch(operation.type){case"perspective":var f=Math.tan(.5*Math.PI-.5*operation.fieldOfViewInRadians),rangeInv=1/(operation.near-operation.far);matrix[0][0]=f/operation.aspect,matrix[1][1]=f,matrix[2][2]=(operation.near+operation.far)*rangeInv,matrix[2][3]=-1,matrix[3][2]=operation.near*operation.far*rangeInv*2,matrix[3][3]=0;break;case"translate":matrix[3][0]=operation.x,matrix[3][1]=operation.y,matrix[3][2]=operation.z;break;case"rotateX":case"rotateY":case"rotateZ":var angleToRadians=operation.angle*Math.PI/180,sinAngle=Math.sin(angleToRadians),cosAngle=Math.cos(angleToRadians);switch(operation.type){case"rotateZ":matrix[0][0]=cosAngle,matrix[1][1]=cosAngle,matrix[1][0]=-sinAngle,matrix[0][1]=sinAngle;break;case"rotateY":matrix[0][0]=cosAngle,matrix[2][2]=cosAngle,matrix[0][2]=-sinAngle,matrix[2][0]=sinAngle;break;case"rotateX":matrix[1][1]=cosAngle,matrix[2][2]=cosAngle,matrix[2][1]=-sinAngle,matrix[1][2]=sinAngle}break;case"scale":matrix[0][0]=operation.factorX,matrix[1][1]=operation.factorY,matrix[2][2]=operation.factorZ}resultingMatrix=resultingMatrix?multiplyMatrixes(resultingMatrix,matrix):matrix}return resultingMatrix||[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]]}({type:"rotateY",angle:_gamma},{type:"rotateX",angle:-_beta})))),el.style.transform="matrix3d("+_inverseMatrix.join(",")+") rotateX("+-_beta+"deg) rotateY("+_gamma+"deg)"};return window.addEventListener("deviceorientation",orientationListener),window.addEventListener("touchend",(function(){_inverseMatrix=void 0})),el.addEventListener("touchstart",mouseDownHandler),el.addEventListener("touchend",mouseUpHandler),el.addEventListener("mousedown",mouseDownHandler),el.addEventListener("mouseup",mouseUpHandler),function(){window.removeEventListener("deviceorientation",orientationListener),window.removeEventListener("mousemove",handler),window.removeEventListener("touchmove",touchHandler),el.removeEventListener("mousedown",mouseDownHandler),el.removeEventListener("mouseup",mouseUpHandler),el.removeEventListener("touchstart",mouseDownHandler),el.removeEventListener("touchend",mouseUpHandler),el.style.transform="rotateX(0deg) rotateY(0deg) translateZ(0px)"}}}),[active]),(0,jsx_runtime.jsxs)("div",Object.assign({onClick:onClick,ref:parallaxableRef,className:Parallax_Parallax_module.parallax+" "+className},props,{children:[children,reflection&&(0,jsx_runtime.jsx)("div",{ref:reflectionRef,className:Parallax_Parallax_module.reflection})]}))}Parallax.displayName="Parallax";var Parallax_Parallax=(0,react.forwardRef)(Parallax);try{Parallax.displayName="Parallax",Parallax.__docgenInfo={description:"It holds a children and animates it according to mouse position",displayName:"Parallax",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Parallax/Parallax.tsx#Parallax"]={docgenInfo:Parallax.__docgenInfo,name:"Parallax",path:"src/components/Parallax/Parallax.tsx#Parallax"})}catch(__react_docgen_typescript_loader_error){}var Parallax_stories={title:"Parallax",component:Parallax_Parallax},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(Parallax_Parallax,Object.assign({},args,{children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h1",{children:"This is a parallax component"}),(0,jsx_runtime.jsx)("p",{children:"It should emulate movement when moving the screen on mobile or hovering the mouse on desktop"})]})}))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={active:!0},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => {\n  return (\n    <Parallax {...args}>\n      <div>\n        <h1>This is a parallax component</h1>\n        <p>\n          It should emulate movement when moving the screen on mobile or\n          hovering the mouse on desktop\n        </p>\n      </div>\n    </Parallax>\n  );\n}"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Parallax/Parallax.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Parallax/Parallax.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/PasswordInput/PasswordInput.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return PasswordInput_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),Input=(__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./src/components/Input/index.tsx")),Text=__webpack_require__("./src/components/Text/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),PasswordInput_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/PasswordInput/PasswordInput.module.scss"),options={insert:"head",singleton:!1},PasswordInput_PasswordInput_module=(injectStylesIntoStyleTag_default()(PasswordInput_module.Z,options),PasswordInput_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var BASE_VALIDATION=[{code:"size",validate:function validate(pass){return pass.length>=8}}],RULES=[{code:"duplication",validate:function validate(pass){for(var i=0;i<pass.length;i++){var charCode=pass.charCodeAt(i),firstNext=pass.charCodeAt(i+1)||0,secondNext=pass.charCodeAt(i+2)||0;if(firstNext-charCode==1&&secondNext-firstNext==1)return!1}return!0}}].concat(BASE_VALIDATION);function PasswordInput(props,ref){var _useState2=_slicedToArray((0,react.useState)(!1),2),isPasswordVisibile=_useState2[0],setIPV=_useState2[1],_useOneUIConfig=(0,OneUIProvider.xK)("component.passwordInput.iconSrc"),passwordHidden=_useOneUIConfig.passwordHidden,passwordVisible=_useOneUIConfig.passwordVisible;function _validatePassword(password){switch(props.mode){case"creation":return RULES.reduce((function(isValid,R){return isValid&&R.validate(password)}),!0);case"comparision":return password===props.otherPassword;case"input":return BASE_VALIDATION.reduce((function(isValid,R){return isValid&&R.validate(password)}),!0)}}return(0,react.useImperativeHandle)(ref,(function(){return{validatePassword:function validatePassword(pass){return _validatePassword(pass)}}})),(0,jsx_runtime.jsxs)("div",{className:PasswordInput_PasswordInput_module.inputContainer+" "+PasswordInput_PasswordInput_module[props.mode],children:[(0,jsx_runtime.jsx)(Input.Z,{value:props.value,onChange:function _onChange(e){var password=e.target.value;switch(props.mode){case"comparision":case"creation":props.onChange(password,_validatePassword(password));break;case"input":props.onChange(password)}},type:isPasswordVisibile?"":"password",icon:{src:isPasswordVisibile?passwordHidden:passwordVisible,onMouseLeave:function onMouseLeave(){return setIPV(!1)},onMouseDown:function onMouseDown(){return setIPV(!0)},onMouseUp:function onMouseUp(){return setIPV(!1)},onTouchMove:function onTouchMove(){return setIPV(!1)},onTouchStart:function onTouchStart(){return setIPV(!0)},onTouchEnd:function onTouchEnd(){return setIPV(!1)}},error:"comparision"!==props.mode||_validatePassword(props.value)?props.error:props.messages.passwordsAreDifferent,disabled:props.disabled,placeholder:props.placeholder}),"creation"===props.mode&&(0,jsx_runtime.jsxs)("div",{className:PasswordInput_PasswordInput_module.rules,"data-testid":"password-rules",children:[(0,jsx_runtime.jsx)(Text.Z,{type:"caption",children:props.messages.rulesTitle}),RULES.map((function(R){return(0,jsx_runtime.jsxs)(Text.Z,{type:R.validate(props.value)?"caption":"error",children:["- ",props.messages.invalidRules[R.code]]},R.code)}))]})]})}PasswordInput.displayName="PasswordInput";var PasswordInput_PasswordInput=(0,react.forwardRef)(PasswordInput);try{PasswordInput.displayName="PasswordInput",PasswordInput.__docgenInfo={description:"A Input based wrapper to handle inputing of password",displayName:"PasswordInput",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"input"'},{value:'"creation"'},{value:'"comparision"'}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"((password: string) => void) | ((password: string, isValid: boolean) => void) | ((password: string, isEqual: boolean) => void)"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},decoration:{defaultValue:null,description:"",name:"decoration",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | null"}},hideError:{defaultValue:null,description:"",name:"hideError",required:!1,type:{name:"enum",value:[{value:'"onfocus"'}]}},disclaimer:{defaultValue:null,description:"",name:"disclaimer",required:!1,type:{name:"string"}},multiline:{defaultValue:null,description:"",name:"multiline",required:!1,type:{name:"number"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"({ onClick?: (() => void); } & ClassAttributes<any> & ImgHTMLAttributes<HTMLImageElement>)"}},Icon:{defaultValue:null,description:"",name:"Icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},messages:{defaultValue:null,description:"",name:"messages",required:!0,type:{name:"{ invalidRules: { size: string; duplication: string; }; rulesTitle: string; } | { passwordsAreDifferent: string; }"}},otherPassword:{defaultValue:null,description:"",name:"otherPassword",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PasswordInput/PasswordInput.tsx#PasswordInput"]={docgenInfo:PasswordInput.__docgenInfo,name:"PasswordInput",path:"src/components/PasswordInput/PasswordInput.tsx#PasswordInput"})}catch(__react_docgen_typescript_loader_error){}var PasswordInput_stories={title:"Password Input",component:PasswordInput_PasswordInput},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(OneUIProvider.ZP,{config:{component:{passwordInput:{iconSrc:{passwordHidden:"",passwordVisible:""}}}},children:(0,jsx_runtime.jsx)(PasswordInput_PasswordInput,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation",InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => <OneUIProvider config={{component: {\n    passwordInput: {iconSrc: {\n        passwordHidden: "",\n        passwordVisible: ""\n    }}\n}}}>\n    <PasswordInput {...args} />\n    \n</OneUIProvider>'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PasswordInput/PasswordInput.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/PasswordInput/PasswordInput.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/PixelatedScan/PixelatedScan.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},PreciseImplementation:function(){return PreciseImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return PixelatedScan_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=(__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js")),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),PixelatedScan_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/PixelatedScan/PixelatedScan.module.scss"),options={insert:"head",singleton:!1},PixelatedScan_PixelatedScan_module=(injectStylesIntoStyleTag_default()(PixelatedScan_module.Z,options),PixelatedScan_module.Z.locals||{}),chroma=__webpack_require__("./node_modules/chroma-js/chroma.js"),chroma_default=__webpack_require__.n(chroma),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var AnimDuration=Number(PixelatedScan_PixelatedScan_module.animationDuration);function PixelatedScan(_ref){var squaresByLine=_ref.squaresByLine,color=_ref.color,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,iteration=(0,react.useRef)(0),tableRef=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(),2),config=_useState2[0],setConfig=_useState2[1];(0,react.useEffect)((function(){var squareSize=tableRef.current.clientWidth/squaresByLine,howMuchLines=tableRef.current.clientHeight/squareSize;setConfig({squareSize:squareSize,howMuchLines:howMuchLines})}),[]);var rowsDef=(0,react.useMemo)((function(){return new Array(Math.ceil((null==config?void 0:config.howMuchLines)||0)).fill(void 0)}),[config]),lineDef=(0,react.useMemo)((function(){return new Array(squaresByLine).fill(void 0)}),[config]);return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsxs)("div",{className:PixelatedScan_PixelatedScan_module.grid+" "+PixelatedScan_PixelatedScan_module.iterate+" "+className,ref:tableRef,children:[rowsDef.map((function(_,iRow,_rows){return(0,jsx_runtime.jsx)(GridRow,{squares:lineDef,size:config.squareSize,baseColor:color,lineCount:config.howMuchLines,lineIndex:iRow,onFinish:iRow===_rows.length-6?function(){tableRef.current.classList.remove(PixelatedScan_PixelatedScan_module.iterate),iteration.current+=1,iteration.current%2==1?tableRef.current.classList.add(PixelatedScan_PixelatedScan_module.inverse):tableRef.current.classList.remove(PixelatedScan_PixelatedScan_module.inverse),setTimeout((function(){tableRef.current.classList.add(PixelatedScan_PixelatedScan_module.iterate)}),100)}:void 0},""+iRow)})),(0,jsx_runtime.jsx)("div",{className:PixelatedScan_PixelatedScan_module.guide})]})})}function GridRow(_ref2){var onFinish=_ref2.onFinish,squares=_ref2.squares,size=_ref2.size,baseColor=_ref2.baseColor,lineCount=_ref2.lineCount,lineIndex=_ref2.lineIndex,ref=(0,react.useRef)(null),gridItemsRefs=(0,react.useRef)([]);return(0,react.useEffect)((function(){var _ref$current;function updateColor(){gridItemsRefs.current.forEach((function(i){return null==i?void 0:i.updateColor()}))}return null===(_ref$current=ref.current)||void 0===_ref$current||_ref$current.addEventListener("animationend",updateColor),function(){var _ref$current2;null===(_ref$current2=ref.current)||void 0===_ref$current2||_ref$current2.removeEventListener("animationend",updateColor)}}),[]),(0,jsx_runtime.jsx)("div",{className:PixelatedScan_PixelatedScan_module.gridAnimate,onAnimationEnd:onFinish,style:{animationDelay:AnimDuration/lineCount*(lineIndex-1)+"ms"},children:squares.map((function(_,i){return(0,jsx_runtime.jsx)(GridItem,{ref:function ref(refNode){return gridItemsRefs.current[i]=refNode},size:size,baseColor:baseColor},i)}))})}function _GridItem(_ref3,externalRef){var size=_ref3.size,_ref3$baseColor=_ref3.baseColor,baseColor=void 0===_ref3$baseColor?"#ff0":_ref3$baseColor,ref=(0,react.useRef)(null);function calculateNewRandomColorStrength(){return chroma_default().hex(baseColor).alpha(1-.3*Math.random())}var _useState4=_slicedToArray((0,react.useState)(calculateNewRandomColorStrength),2),randomColorStrength=_useState4[0],setRandomColorStrength=_useState4[1];return(0,react.useImperativeHandle)(externalRef,(function(){return{updateColor:function updateColor(){setRandomColorStrength(calculateNewRandomColorStrength())}}}),[]),(0,jsx_runtime.jsx)("div",{ref:ref,className:PixelatedScan_PixelatedScan_module.gridItem,style:Object.assign({width:size,height:size},{"--pixel-color":randomColorStrength.hex()})})}GridRow.displayName="GridRow",_GridItem.displayName="_GridItem";var GridItem=(0,react.forwardRef)(_GridItem);try{PixelatedScan.displayName="PixelatedScan",PixelatedScan.__docgenInfo={description:"This effect scans up and down on the div with a following pixelated trail",displayName:"PixelatedScan",props:{squaresByLine:{defaultValue:null,description:"",name:"squaresByLine",required:!0,type:{name:"number"}},color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PixelatedScan/PixelatedScan.tsx#PixelatedScan"]={docgenInfo:PixelatedScan.__docgenInfo,name:"PixelatedScan",path:"src/components/PixelatedScan/PixelatedScan.tsx#PixelatedScan"})}catch(__react_docgen_typescript_loader_error){}var PixelatedScan_stories={component:PixelatedScan,title:"Pixelated Scan"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)("div",{style:{position:"relative",backgroundColor:"red",height:"441px",width:"300px"},children:(0,jsx_runtime.jsx)(PixelatedScan,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation";var PreciseImplementation=function PreciseImplementation(args){return(0,jsx_runtime.jsxs)("div",{style:{display:"flex"},children:[(0,jsx_runtime.jsx)("div",{style:{position:"relative",backgroundColor:"red",height:"500px",width:"250px"},children:(0,jsx_runtime.jsx)(PixelatedScan,Object.assign({squaresByLine:10},args))}),(0,jsx_runtime.jsx)("div",{style:{position:"relative",backgroundColor:"red",height:"1000px",width:"250px"},children:(0,jsx_runtime.jsx)(PixelatedScan,Object.assign({squaresByLine:10},args))})]})};PreciseImplementation.displayName="PreciseImplementation",InitialImplementation.args={squaresByLine:10},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <div\n    style={{\n      position: "relative",\n      backgroundColor: "red",\n      height: "441px",\n      width: "300px",\n    }}\n  >\n    <PixelatedScan {...args} />\n  </div>\n)'}},InitialImplementation.parameters),PreciseImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <div style={{ display: "flex" }}>\n    <div\n      style={{\n        position: "relative",\n        backgroundColor: "red",\n        height: "500px",\n        width: "250px",\n      }}\n    >\n      <PixelatedScan squaresByLine={10} {...args} />\n    </div>\n    <div\n      style={{\n        position: "relative",\n        backgroundColor: "red",\n        height: "1000px",\n        width: "250px",\n      }}\n    >\n      <PixelatedScan squaresByLine={10} {...args} />\n    </div>\n  </div>\n)'}},PreciseImplementation.parameters);var __namedExportsOrder=["InitialImplementation","PreciseImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PixelatedScan/PixelatedScan.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/PixelatedScan/PixelatedScan.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}try{PreciseImplementation.displayName="PreciseImplementation",PreciseImplementation.__docgenInfo={description:"",displayName:"PreciseImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PixelatedScan/PixelatedScan.stories.tsx#PreciseImplementation"]={docgenInfo:PreciseImplementation.__docgenInfo,name:"PreciseImplementation",path:"src/components/PixelatedScan/PixelatedScan.stories.tsx#PreciseImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Portal/Portal.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Portal_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=(__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/react-dom/index.js")),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Portal_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Portal/Portal.module.scss"),options={insert:"head",singleton:!1},Portal_Portal_module=(injectStylesIntoStyleTag_default()(Portal_module.Z,options),Portal_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Portal(_ref){var to=_ref.to,children=_ref.children,_useState2=_slicedToArray((0,react.useState)(),2),target=_useState2[0],setTarget=_useState2[1];return(0,react.useEffect)((function(){var latestEl;document.querySelectorAll('[data-one-portal="'+to+'"]').forEach((function(el){var _latestEl;latestEl=Number(el.getAttribute("data-timestamp"))>Number((null===(_latestEl=latestEl)||void 0===_latestEl?void 0:_latestEl.timestamp)||0)?el:latestEl})),setTarget(latestEl||null)}),[]),void 0===target?null:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:null===target?children:react_dom.createPortal(children,target)})}function PortalReceiver(_ref2){var name=_ref2.name,_ref2$className=_ref2.className,className=void 0===_ref2$className?"":_ref2$className,ref=(0,react.useRef)(null),timestamp=(0,react.useMemo)((function(){return Date.now()}),[]);return(0,jsx_runtime.jsx)("div",{className:Portal_Portal_module.portal+" "+className,"data-one-portal":name,ref:ref,"data-timestamp":timestamp})}PortalReceiver.displayName="PortalReceiver";try{Portal.displayName="Portal",Portal.__docgenInfo={description:"A react portal implementation with current page fallback",displayName:"Portal",props:{to:{defaultValue:null,description:"",name:"to",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Portal/Portal.tsx#Portal"]={docgenInfo:Portal.__docgenInfo,name:"Portal",path:"src/components/Portal/Portal.tsx#Portal"})}catch(__react_docgen_typescript_loader_error){}try{PortalReceiver.displayName="PortalReceiver",PortalReceiver.__docgenInfo={description:"",displayName:"PortalReceiver",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Portal/Portal.tsx#PortalReceiver"]={docgenInfo:PortalReceiver.__docgenInfo,name:"PortalReceiver",path:"src/components/Portal/Portal.tsx#PortalReceiver"})}catch(__react_docgen_typescript_loader_error){}var Portal_stories={title:"Portal",component:Portal},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(Portal,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => (\n    <Portal {...args} />\n)"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Portal/Portal.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Portal/Portal.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/ProgressBar/ProgressBar.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:function(){return Example},InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return ProgressBar_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),ProgressBar_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ProgressBar/ProgressBar.module.scss"),options={insert:"head",singleton:!1},ProgressBar_ProgressBar_module=(injectStylesIntoStyleTag_default()(ProgressBar_module.Z,options),ProgressBar_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ProgressBar(_ref){var size=_ref.size,progress=_ref.progress;return(0,jsx_runtime.jsxs)("div",{className:ProgressBar_ProgressBar_module.container,style:{fontSize:size},children:[(0,jsx_runtime.jsx)("span",{style:{width:progress+"%"}}),(0,jsx_runtime.jsx)("span",{style:{left:progress+"%"}})]})}ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"Shows a progress bar",displayName:"ProgressBar",props:{size:{defaultValue:null,description:"Given as css font size",name:"size",required:!0,type:{name:"string | number"}},progress:{defaultValue:null,description:"Given in percent",name:"progress",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/ProgressBar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/ProgressBar/ProgressBar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var ProgressBar_stories={component:ProgressBar,title:"Progress Bar"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(ProgressBar,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation";var Example=function Example(args){var _useState2=_slicedToArray((0,react.useState)(0),2),s=_useState2[0],ss=_useState2[1];return(0,react.useEffect)((function(){var t=setInterval((function(){ss(100*Math.random())}),500);return function(){clearInterval(t)}})),(0,jsx_runtime.jsx)(ProgressBar,{size:48,progress:s})};Example.displayName="Example",InitialImplementation.args={size:48,progress:33},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => <ProgressBar {...args} />"}},InitialImplementation.parameters),Example.parameters=Object.assign({storySource:{source:"(args: any) => {\n  const [s, ss] = useState(0);\n  useEffect(() => {\n    const t = setInterval(() => {\n      ss(Math.random() * 100);\n    }, 500);\n    return () => {\n      clearInterval(t);\n    };\n  });\n  return <ProgressBar size={48} progress={s} />;\n}"}},Example.parameters);var __namedExportsOrder=["InitialImplementation","Example"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/ProgressBar.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/ProgressBar/ProgressBar.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}try{Example.displayName="Example",Example.__docgenInfo={description:"",displayName:"Example",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/ProgressBar.stories.tsx#Example"]={docgenInfo:Example.__docgenInfo,name:"Example",path:"src/components/ProgressBar/ProgressBar.stories.tsx#Example"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/ProgressTexts/ProgressTexts.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ExemploCompleto:function(){return ExemploCompleto},Primary:function(){return Primary},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return ProgressTexts_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),Spacing=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/components/Spacing/index.tsx")),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),ProgressTexts_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ProgressTexts/ProgressTexts.module.scss"),options={insert:"head",singleton:!1},ProgressTexts_ProgressTexts_module=(injectStylesIntoStyleTag_default()(ProgressTexts_module.Z,options),ProgressTexts_module.Z.locals||{}),Button=__webpack_require__("./src/components/Button/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ProgressTexts(_ref){var steps=_ref.steps,currentStep=_ref.currentStep,_ref$spacingOnEachSte=_ref.spacingOnEachStep,spacingOnEachStep=void 0===_ref$spacingOnEachSte||_ref$spacingOnEachSte,_currentStep=steps[currentStep];return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:steps.map((function(s,i){return i<=currentStep?(0,jsx_runtime.jsxs)("div",{ref:function ref(a){a&&(a.style.maxHeight=a.scrollHeight+"px")},className:function whichClassToUse(step,stepType,currentStep,currentStepType){var classes=[ProgressTexts_ProgressTexts_module.container];return"final"!==stepType&&classes.push(step<currentStep?ProgressTexts_ProgressTexts_module.disabled:ProgressTexts_ProgressTexts_module.loading),classes.push(currentStep!==step&&"final"===currentStepType?ProgressTexts_ProgressTexts_module.hidden:""),classes.join(" ")}(i,s.type,currentStep,_currentStep.type),children:[s.title&&(0,jsx_runtime.jsx)("h1",{children:s.title}),s.description&&(0,jsx_runtime.jsx)("p",{children:s.description}),s.action&&(0,jsx_runtime.jsx)(Button.Z,{onClick:s.action.onClick,children:s.action.label}),!1!==spacingOnEachStep?(0,jsx_runtime.jsx)(Spacing.Z,{size:"large"}):null]},String(i)):null}))})}try{ProgressTexts.displayName="ProgressTexts",ProgressTexts.__docgenInfo={description:"Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience",displayName:"ProgressTexts",props:{currentStep:{defaultValue:null,description:"Starts at 0",name:"currentStep",required:!0,type:{name:"number"}},steps:{defaultValue:null,description:"",name:"steps",required:!0,type:{name:"Step[]"}},spacingOnEachStep:{defaultValue:{value:"true"},description:"",name:"spacingOnEachStep",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressTexts/ProgressTexts.tsx#ProgressTexts"]={docgenInfo:ProgressTexts.__docgenInfo,name:"ProgressTexts",path:"src/components/ProgressTexts/ProgressTexts.tsx#ProgressTexts"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var ProgressTexts_stories={component:ProgressTexts,title:"Drawer de etapas"},ExemploCompleto=function ExemploCompleto(){var _useState2=_slicedToArray((0,react.useState)(0),2),currStep=_useState2[0],setCurrStep=_useState2[1],etapas=[{title:"Essa é a primeira etapa (type: wait)",type:"wait"},{title:"Essa é a segunda etapa (type: wait) com descricao",description:"Descricao de exemplo",type:"wait"},{title:"Essa é uma terceira etapa (type: wait) com uma ação",description:"Descricao de exemplo",action:{label:"Clique em mim",onClick:function onClick(){return alert("Quem mandou??? xD")}},type:"wait"},{title:"Essa é uma ultima etapa (type: final)",description:"que vai sobrepor todas as outras",action:{label:"Clique em mim",onClick:function onClick(){return alert("Denovo??? xD")}},type:"final"}];return(0,react.useEffect)((function(){setInterval((function(){setCurrStep((function(p){return p<3?p+1:0}))}),3e3)}),[]),(0,jsx_runtime.jsx)(ProgressTexts,{steps:etapas,currentStep:currStep})};ExemploCompleto.displayName="ExemploCompleto";var Primary=function Primary(args){return(0,jsx_runtime.jsx)(ProgressTexts,Object.assign({},args))};Primary.displayName="Primary",Primary.args={currentStep:0,steps:[{title:"Titulo 1",type:"final"},{title:"Titulo 2",type:"final"}]},ExemploCompleto.parameters=Object.assign({storySource:{source:'function ExemploCompleto() {\n  const [currStep, setCurrStep] = useState(0);\n  const etapas: ComponentProps<typeof C>["steps"] = [\n    {\n      title: "Essa é a primeira etapa (type: wait)",\n      type: "wait",\n    },\n    {\n      title: "Essa é a segunda etapa (type: wait) com descricao",\n      description: "Descricao de exemplo",\n      type: "wait",\n    },\n    {\n      title: "Essa é uma terceira etapa (type: wait) com uma ação",\n      description: "Descricao de exemplo",\n      action: {\n        label: "Clique em mim",\n        onClick: () => alert("Quem mandou??? xD"),\n      },\n      type: "wait",\n    },\n    {\n      title: "Essa é uma ultima etapa (type: final)",\n      description: "que vai sobrepor todas as outras",\n      action: {\n        label: "Clique em mim",\n        onClick: () => alert("Denovo??? xD"),\n      },\n      type: "final",\n    },\n  ];\n\n  useEffect(() => {\n    setInterval(() => {\n      setCurrStep((p) => (p < 3 ? p + 1 : 0));\n    }, 3000);\n  }, []);\n  return <C steps={etapas} currentStep={currStep} />;\n}'}},ExemploCompleto.parameters),Primary.parameters=Object.assign({storySource:{source:"(args: any) => <C {...args} />"}},Primary.parameters);var __namedExportsOrder=["ExemploCompleto","Primary"];try{Primary.displayName="Primary",Primary.__docgenInfo={description:"",displayName:"Primary",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressTexts/ProgressTexts.stories.tsx#Primary"]={docgenInfo:Primary.__docgenInfo,name:"Primary",path:"src/components/ProgressTexts/ProgressTexts.stories.tsx#Primary"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/SectionContainer/SectionContainer.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return SectionContainer_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),SectionContainer_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/SectionContainer/SectionContainer.module.scss"),options={insert:"head",singleton:!1},SectionContainer_SectionContainer_module=(injectStylesIntoStyleTag_default()(SectionContainer_module.Z,options),SectionContainer_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function createId(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return args.join("-")}function SectionContainer(_ref,ref){var children=_ref.children,section=_ref.section,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,decoration=_ref.decoration,onClick=_ref.onClick;return(0,jsx_runtime.jsx)("div",{ref:ref,onClick:onClick,className:SectionContainer_SectionContainer_module.root+" "+className,id:section,children:(0,jsx_runtime.jsxs)("div",{className:SectionContainer_SectionContainer_module.content+" "+(decoration?SectionContainer_SectionContainer_module.decorated:""),children:[children,decoration&&(0,jsx_runtime.jsx)("div",{className:SectionContainer_SectionContainer_module.decoration+" "+SectionContainer_SectionContainer_module[decoration]})]})})}SectionContainer.displayName="SectionContainer";var SectionContainer_SectionContainer=(0,react.forwardRef)(SectionContainer);try{createId.displayName="createId",createId.__docgenInfo={description:"",displayName:"createId",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SectionContainer/SectionContainer.tsx#createId"]={docgenInfo:createId.__docgenInfo,name:"createId",path:"src/components/SectionContainer/SectionContainer.tsx#createId"})}catch(__react_docgen_typescript_loader_error){}try{SectionContainer.displayName="SectionContainer",SectionContainer.__docgenInfo={description:"This component wraps a section and limits it's content as well as defining an id to reference this section",displayName:"SectionContainer",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SectionContainer/SectionContainer.tsx#SectionContainer"]={docgenInfo:SectionContainer.__docgenInfo,name:"SectionContainer",path:"src/components/SectionContainer/SectionContainer.tsx#SectionContainer"})}catch(__react_docgen_typescript_loader_error){}var SectionContainer_stories={title:"Section Container",component:SectionContainer_SectionContainer},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(SectionContainer_SectionContainer,Object.assign({},args))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => (\n    <SectionContainer {...args} />\n)"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SectionContainer/SectionContainer.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/SectionContainer/SectionContainer.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Select/Select.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Select_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),MutableHamburgerButton=__webpack_require__("./src/components/MutableHamburgerButton/index.tsx"),Collapsable=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/components/Collapsable/index.tsx")),Text=__webpack_require__("./src/components/Text/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Select_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Select/Select.module.scss"),options={insert:"head",singleton:!1},Select_Select_module=(injectStylesIntoStyleTag_default()(Select_module.Z,options),Select_module.Z.locals||{}),Input=__webpack_require__("./src/components/Input/index.tsx"),Loader=__webpack_require__("./src/components/Loader/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["items","selected","label","onClick","loading","rootClassName","dropdownClassName"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var items=_ref.items,selected=_ref.selected,label=_ref.label,_onClick=_ref.onClick,loading=_ref.loading,_ref$rootClassName=_ref.rootClassName,rootClassName=void 0===_ref$rootClassName?"":_ref$rootClassName,_ref$dropdownClassNam=_ref.dropdownClassName,_drop=void 0===_ref$dropdownClassNam?"":_ref$dropdownClassNam,otherProps=_objectWithoutProperties(_ref,_excluded),StateIndicator=(0,OneUIProvider.Wh)().component.select.StateIndicator,_selected=(0,react.useMemo)((function(){return items.find((function(a){return a.value===selected}))}),[selected,items]),_useState2=_slicedToArray((0,react.useState)(!1),2),open=_useState2[0],setOpen=_useState2[1],dropdownClassNames=_drop?{dropdown:_drop}:(0,OneUIProvider.xK)("component.select.className",{});return(0,react.useEffect)((function(){if(open){var close=function close(){setOpen(!1)};return window.addEventListener("click",close),function(){return window.removeEventListener("click",close)}}}),[open]),(0,jsx_runtime.jsx)(Collapsable.Z,{title:(0,jsx_runtime.jsx)(Input.Z,Object.assign({},otherProps,{className:Select_Select_module.input+" "+(items.length?"":Select_Select_module.empty),value:(null==_selected?void 0:_selected.label)||label,disabled:!0,Icon:(0,jsx_runtime.jsx)("div",{className:""+Select_Select_module.indicator,children:loading?(0,jsx_runtime.jsx)(Loader.Z,{}):(0,jsx_runtime.jsx)(StateIndicator,{open:!!open})})})),id:void 0,mode:"float",open:open,onToggleOpen:function onToggleOpen(open){items.length&&setOpen(open)},className:(otherProps.disabled?"disabled":"")+" "+rootClassName,contentClassName:Select_Select_module.optionsContainer+" "+dropdownClassNames.dropdown,children:(0,jsx_runtime.jsx)("div",{className:Select_Select_module.items,onClick:function onClick(e){e.stopPropagation(),setOpen(!1)},children:items.map((function(i){return(0,jsx_runtime.jsx)(Text.Z,{type:"caption",className:(i===_selected?Select_Select_module.selected+" "+dropdownClassNames.selectedItem:"")+" "+(dropdownClassNames.item||""),onClick:function onClick(){return _onClick(i)},children:i.label},i.value)}))})})}Select.displayName="Select";var Select_Select=(0,react.forwardRef)((function(props,ref){return(0,jsx_runtime.jsx)(Select,Object.assign({},props))}));try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"readonly I[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(i: I) => void"}},rootClassName:{defaultValue:null,description:"",name:"rootClassName",required:!1,type:{name:"string"}},dropdownClassName:{defaultValue:null,description:"",name:"dropdownClassName",required:!1,type:{name:"string"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},decoration:{defaultValue:null,description:"",name:"decoration",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | null"}},hideError:{defaultValue:null,description:"",name:"hideError",required:!1,type:{name:"enum",value:[{value:'"onfocus"'}]}},disclaimer:{defaultValue:null,description:"",name:"disclaimer",required:!1,type:{name:"string"}},multiline:{defaultValue:null,description:"",name:"multiline",required:!1,type:{name:"number"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"({ onClick?: (() => void); } & ClassAttributes<any> & ImgHTMLAttributes<HTMLImageElement>)"}},Icon:{defaultValue:null,description:"",name:"Icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Select/Select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/Select/Select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var Select_stories={component:Select_Select,title:"Select"},InitialImplementation=function InitialImplementation(args){return(0,jsx_runtime.jsx)(OneUIProvider.ZP,{config:{component:{select:{StateIndicator:function StateIndicator(_ref){var open=_ref.open;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{state:open?"arrow-up":"arrow-down",size:24})})}}}},children:(0,jsx_runtime.jsx)(Select_Select,Object.assign({},args))})};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={items:[{label:"Example item",value:""}],label:"Example label"},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <OneUIProvider\n    config={{\n      component: {\n        select: {\n          StateIndicator: ({ open }) => (\n            <>\n              <MutableHamburgerButton\n                state={!open ? "arrow-down" : "arrow-up"}\n                size={24}\n              />\n            </>\n          ),\n        },\n      },\n    }}\n  >\n    <Select {...args} />\n  </OneUIProvider>\n)'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Select/Select.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Select/Select.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Spacing/Spacing.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TodasVariacoes:function(){return TodasVariacoes},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _Spacing__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Spacing/Spacing.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_Spacing__WEBPACK_IMPORTED_MODULE_3__.Z,title:"Espaçamento"};var TodasVariacoes=function TodasVariacoes(){return _Spacing__WEBPACK_IMPORTED_MODULE_3__.Z.__docgenInfo.props.size.type.value.map((function(a){return JSON.parse(a.value)})).map((function(a){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div",{style:{width:"25%",marginRight:24,display:"inline-flex",minHeight:"300px",flexDirection:"column",backgroundColor:"lightyellow"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span",{style:{borderBottom:"2px solid black",marginBottom:14},children:["Tipo: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("b",{children:a})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span",{children:"Item antes do espacamento"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Spacing__WEBPACK_IMPORTED_MODULE_3__.Z,{size:a}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span",{children:"Item depois do espacamento"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Spacing__WEBPACK_IMPORTED_MODULE_3__.Z,{size:"large"})]})}))};TodasVariacoes.parameters=Object.assign({storySource:{source:'() => {\n  const variantes: { value: string }[] = (C as any).__docgenInfo.props.size.type\n    .value;\n\n  return variantes\n    .map((a) => JSON.parse(a.value))\n    .map((a) => (\n      <div\n        style={{\n          width: "25%",\n          marginRight: 24,\n          display: "inline-flex",\n          minHeight: "300px",\n          flexDirection: "column",\n          backgroundColor: "lightyellow",\n        }}\n      >\n        <span style={{ borderBottom: "2px solid black", marginBottom: 14 }}>\n          Tipo: <b>{a}</b>\n        </span>\n        <span>Item antes do espacamento</span>\n        <C size={a as any} />\n        <span>Item depois do espacamento</span>\n        <C size="large" />\n      </div>\n    ));\n}'}},TodasVariacoes.parameters);var __namedExportsOrder=["TodasVariacoes"]},"./src/components/Table/Table.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Paginable:function(){return Paginable},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Table_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),Button=__webpack_require__("./src/components/Button/index.tsx"),Spacing=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/components/Spacing/index.tsx")),UncontrolledTransition=__webpack_require__("./src/components/UncontrolledTransition/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Table_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Table/Table.module.scss"),options={insert:"head",singleton:!1},Table_Table_module=(injectStylesIntoStyleTag_default()(Table_module.Z,options),Table_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Table(_ref){var paginable=_ref.paginable,heading=_ref.heading,order=_ref.order,items=_ref.items,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,transitionRef=(0,react.useRef)(null),_useOneUIContext$comp=(0,OneUIProvider.Wh)().component.table.controls,_useOneUIContext$comp2=_useOneUIContext$comp.NextPage,NextPage=void 0===_useOneUIContext$comp2?function(_ref2){var disabled=_ref2.disabled;return(0,jsx_runtime.jsx)(Button.Z,{disabled:disabled,variant:"filled",children:">"})}:_useOneUIContext$comp2,_useOneUIContext$comp3=_useOneUIContext$comp.PrevPage,PrevPage=void 0===_useOneUIContext$comp3?function(_ref3){var disabled=_ref3.disabled;return(0,jsx_runtime.jsx)(Button.Z,{disabled:disabled,variant:"filled",children:"<"})}:_useOneUIContext$comp3,_useMemo=(0,react.useMemo)((function(){if(paginable){var numPages=Math.ceil(paginable.totalItems/5);return{items:items.slice(5*(paginable.currentPage-1),5*(paginable.currentPage-1)+5),pages:numPages}}return{items:items}}),[items,null==paginable?void 0:paginable.currentPage,null==paginable?void 0:paginable.totalItems]),itemsToShow=_useMemo.items,pages=_useMemo.pages,Wrapper=paginable?UncontrolledTransition.Z:"div";return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(TableContext.Provider,{value:{itemsToShow:itemsToShow,keys:order,heading:heading},children:(0,jsx_runtime.jsx)(Wrapper,{className:Table_Table_module.transitionContainer,ref:transitionRef,children:(0,jsx_runtime.jsx)(TableComp,{className:className},null==paginable?void 0:paginable.currentPage)})}),paginable&&paginable.totalItems>5?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Spacing.Z,{size:"small"}),(0,jsx_runtime.jsxs)("div",{className:Table_Table_module.footer,"data-testid":"controls",children:[(0,jsx_runtime.jsx)("span",{className:Table_Table_module.iterable,onClick:function onClick(){transitionRef.current instanceof HTMLDivElement||transitionRef.current.setOrientation("backward"),paginable.togglePage(paginable.currentPage-1)},children:(0,jsx_runtime.jsx)(PrevPage,{disabled:1===paginable.currentPage})}),(0,jsx_runtime.jsx)("span",{className:Table_Table_module.paging,children:paginable.currentPage+"/"+pages}),(0,jsx_runtime.jsx)("span",{className:Table_Table_module.iterable,onClick:function onClick(){transitionRef.current instanceof HTMLDivElement||transitionRef.current.setOrientation("forward"),paginable.togglePage(paginable.currentPage+1)},children:(0,jsx_runtime.jsx)(NextPage,{disabled:paginable.currentPage===pages})})]})]}):null]})}var TableContext=(0,react.createContext)(null);function TableComp(_ref4){var className=_ref4.className,_useContext=(0,react.useContext)(TableContext),itemsToShow=_useContext.itemsToShow,keys=_useContext.keys,heading=_useContext.heading;return(0,jsx_runtime.jsxs)("table",{className:Table_Table_module.container+" "+className,children:[(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsx)("tr",{children:keys.map((function(key){return(0,jsx_runtime.jsx)("th",{children:heading[key]},String(key))}))})}),(0,jsx_runtime.jsx)("tbody",{children:itemsToShow.map((function(i,index){return(0,jsx_runtime.jsx)("tr",{className:i.className,children:keys.map((function(key){return(0,jsx_runtime.jsx)("td",{children:i[key]},String(key))}))},String(index))}))})]})}TableComp.displayName="TableComp";try{Table.displayName="Table",Table.__docgenInfo={description:"A simple table layout",displayName:"Table",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"{ [K in keyof I]?: string | undefined; }"}},order:{defaultValue:null,description:"",name:"order",required:!0,type:{name:"(keyof I)[]"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"(I & { className?: string | undefined; })[]"}},paginable:{defaultValue:null,description:"",name:"paginable",required:!1,type:{name:"{ currentPage: number; totalItems: number; togglePage: (page: number) => void; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/Table.tsx#Table"]={docgenInfo:Table.__docgenInfo,name:"Table",path:"src/components/Table/Table.tsx#Table"})}catch(__react_docgen_typescript_loader_error){}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Table_stories={component:Table,title:"Table"},Paginable=function Paginable(args){var _useState2=_slicedToArray((0,react.useState)(1),2),page=_useState2[0],setPage=_useState2[1];return(0,jsx_runtime.jsx)(OneUIProvider.ZP,{config:{component:{table:{controls:{NextPage:function NextPage(){return(0,jsx_runtime.jsx)(Button.Z,{variant:"outline",children:">"})},PrevPage:function PrevPage(){return(0,jsx_runtime.jsx)(Button.Z,{variant:"outline",children:"<"})}}}}},children:(0,jsx_runtime.jsx)("div",{style:{backgroundColor:"lightgray"},children:(0,jsx_runtime.jsx)(Table,Object.assign({},args,{paginable:{currentPage:page,totalItems:args.items.length,togglePage:setPage}}))})})};function PreffixObj(preffix){return{label1:preffix+" example 1",label2:preffix+" example 2",label3:preffix+" example 3",label4:preffix+" example 4'"}}function Group(page){return[PreffixObj(page+" First"),PreffixObj(page+" Second"),PreffixObj(page+" Third"),PreffixObj(page+" Fourth"),PreffixObj(page+" Fifth")]}Paginable.displayName="Paginable",Paginable.args={heading:{label1:"Label 1",label2:"Label 2",label3:"Label 3"},order:["label2","label1","label3","label4"],items:[].concat(_toConsumableArray(Group(1)),_toConsumableArray(Group(2)),_toConsumableArray(Group(3))),paginable:{currentPage:1,totalItems:100}},Paginable.parameters=Object.assign({storySource:{source:'(args: any) => {\n  const [page, setPage] = useState(1);\n\n  return (\n    <OneUIProvider\n      config={{\n        component: {\n          table: {\n            controls: {\n              NextPage: () => <Button variant="outline">{">"}</Button>,\n              PrevPage: () => <Button variant="outline">{"<"}</Button>,\n            },\n          },\n        },\n      }}\n    >\n      <div style={{ backgroundColor: "lightgray" }}>\n        <Table\n          {...args}\n          paginable={{\n            currentPage: page,\n            totalItems: args.items.length,\n            togglePage: setPage,\n          }}\n        />\n      </div>\n    </OneUIProvider>\n  );\n}'}},Paginable.parameters);var __namedExportsOrder=["Paginable"];try{Paginable.displayName="Paginable",Paginable.__docgenInfo={description:"",displayName:"Paginable",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/Table.stories.tsx#Paginable"]={docgenInfo:Paginable.__docgenInfo,name:"Paginable",path:"src/components/Table/Table.stories.tsx#Paginable"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Tabs/Tabs.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/index.js"),_Tabs__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Tabs/Tabs.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Tabs",component:_Tabs__WEBPACK_IMPORTED_MODULE_11__.Z};var InitialImplementation=function InitialImplementation(args){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(),2),s=_useState2[0],ss=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_Tabs__WEBPACK_IMPORTED_MODULE_11__.Z,Object.assign({},args,{onSelect:ss,selected:s}))};InitialImplementation.displayName="InitialImplementation",InitialImplementation.args={options:[{id:"1",label:"Primeira opção"},{id:"2",label:"Segunda opção"},{id:"3",label:"Terceira opção"}]},InitialImplementation.parameters=Object.assign({storySource:{source:"(args: any) => {\n  const [s, ss] = useState();\n\n  return <Tabs {...args} onSelect={ss} selected={s} />;\n}"}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tabs/Tabs.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Tabs/Tabs.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Text/Text.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TodasVariacoes:function(){return TodasVariacoes},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _storybookUtils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/storybookUtils/index.tsx"),_Text__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Text/Text.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_Text__WEBPACK_IMPORTED_MODULE_4__.U,title:"Variantes de texto"};var TodasVariacoes=function TodasVariacoes(){return(0,_storybookUtils__WEBPACK_IMPORTED_MODULE_3__.$)(_Text__WEBPACK_IMPORTED_MODULE_4__.U,"type").map((function(a){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybookUtils__WEBPACK_IMPORTED_MODULE_3__.x,{exampleName:a,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Text__WEBPACK_IMPORTED_MODULE_4__.Z,{type:a,children:"Texto do exemplo"})})}))};TodasVariacoes.parameters=Object.assign({storySource:{source:'() => {\n  const variantes = extractAllPossibilitiesFromEnumProp(CompType, "type");\n\n  return variantes.map((a) => (\n    <SideBySideContainer exampleName={a}>\n      <C type={a as any}>Texto do exemplo</C>\n    </SideBySideContainer>\n  ));\n}'}},TodasVariacoes.parameters);var __namedExportsOrder=["TodasVariacoes"]},"./src/components/Transition/Transition.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InitialImplementation:function(){return InitialImplementation},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _Text__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Text/index.tsx"),_Transition__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Transition/Transition.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={component:_Transition__WEBPACK_IMPORTED_MODULE_3__.Z,title:"Transitor de elementos"};var InitialImplementation=function InitialImplementation(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_Transition__WEBPACK_IMPORTED_MODULE_3__.Z,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{style:{backgroundColor:"red"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text__WEBPACK_IMPORTED_MODULE_2__.Z,{style:{padding:48,textAlign:"center"},type:"title",children:"Etapa 1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{style:{backgroundColor:"green"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text__WEBPACK_IMPORTED_MODULE_2__.Z,{style:{padding:48,textAlign:"center"},type:"title",children:"Etapa 2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{style:{backgroundColor:"blue"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text__WEBPACK_IMPORTED_MODULE_2__.Z,{style:{padding:48,textAlign:"center"},type:"title",children:"Etapa 3"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{style:{backgroundColor:"yellow"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text__WEBPACK_IMPORTED_MODULE_2__.Z,{style:{padding:48,textAlign:"center"},type:"title",children:"Etapa 4"})})]})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h1",{children:"Controle o elemento atual pelos controles abaixo, existem 4 etapas"})]})};InitialImplementation.args={step:0},InitialImplementation.parameters=Object.assign({storySource:{source:'(args: any) => (\n  <>\n    <Transition {...args}>\n      <div style={{ backgroundColor: "red" }}>\n        <Text style={{ padding: 48, textAlign: "center" }} type="title">\n          Etapa 1\n        </Text>\n      </div>\n      <div style={{ backgroundColor: "green" }}>\n        <Text style={{ padding: 48, textAlign: "center" }} type="title">\n          Etapa 2\n        </Text>\n      </div>\n      <div style={{ backgroundColor: "blue" }}>\n        <Text style={{ padding: 48, textAlign: "center" }} type="title">\n          Etapa 3\n        </Text>\n      </div>\n      <div style={{ backgroundColor: "yellow" }}>\n        <Text style={{ padding: 48, textAlign: "center" }} type="title">\n          Etapa 4\n        </Text>\n      </div>\n    </Transition>\n    <h1>Controle o elemento atual pelos controles abaixo, existem 4 etapas</h1>\n  </>\n)'}},InitialImplementation.parameters);var __namedExportsOrder=["InitialImplementation"];try{InitialImplementation.displayName="InitialImplementation",InitialImplementation.__docgenInfo={description:"",displayName:"InitialImplementation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Transition/Transition.stories.tsx#InitialImplementation"]={docgenInfo:InitialImplementation.__docgenInfo,name:"InitialImplementation",path:"src/components/Transition/Transition.stories.tsx#InitialImplementation"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AnchorBasedTransition:function(){return AnchorBasedTransition},BUGFIX_BackwardsInconsistency:function(){return BUGFIX_BackwardsInconsistency},ClickBasedTransition:function(){return ClickBasedTransition},CoinFlip:function(){return CoinFlip},FadeTransition:function(){return FadeTransition},MaskBasedTransition:function(){return MaskBasedTransition},MaskBasedTransitionDiagonal:function(){return MaskBasedTransitionDiagonal},MaskBasedTransitionWithPhysics:function(){return MaskBasedTransitionWithPhysics},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return UncontrolledTransition_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.from-code-point.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),UncontrolledTransition=__webpack_require__("./src/components/UncontrolledTransition/index.tsx"),Button=__webpack_require__("./src/components/Button/index.tsx"),server_browser=__webpack_require__("./node_modules/react-dom/server.browser.js");__webpack_require__("./node_modules/core-js/modules/es.string.ends-with.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");function buildGrid(amountOfVerticalSquares,howManyHorizontalSquare,ballSize){return new Array(howManyHorizontalSquare*amountOfVerticalSquares).fill(void 0).map((function(_,i){var modX=Math.floor(i/howManyHorizontalSquare),padding=(1.1*ballSize-ballSize)/2;return{x:(i-modX*howManyHorizontalSquare)*ballSize-padding,y:modX*ballSize-padding,ballSize:ballSize}}))}function getTime(el){var _time=getComputedStyle(el.firstElementChild).getPropertyValue("--animation-speed-transition")||"250ms";return(_time.endsWith("ms")?Number(_time.replace("ms","")):1e3*Number(_time.replace("s","")))+50}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function DiagonalReveal(el){var height=el.clientHeight,width=el.clientWidth,time=getTime(el),filterId="f-"+Date.now().toString(),resultSvg=(0,server_browser.Dq)((0,jsx_runtime.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",id:Date.now().toString(),children:[(0,jsx_runtime.jsx)("defs",{children:(0,jsx_runtime.jsx)("filter",{id:filterId,x:"0",y:"0",children:(0,jsx_runtime.jsx)("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"15"})})}),(0,jsx_runtime.jsxs)("rect",{x:"-25",y:"-25",width:1.5*width+"px",fill:"white",height:1.1*height+"px",filter:"url(#"+filterId+")",children:[(0,jsx_runtime.jsx)("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",values:"0 0 0; 25 0 0; 32 0 0;",dur:time+"ms"}),(0,jsx_runtime.jsx)("animateTransform",{additive:"sum",attributeName:"transform",attributeType:"XML",type:"translate",values:"0 0; 0 "+.2*height+"; 0 "+height+";",dur:time+"ms"})]})]}));return"url('data:image/svg+xml;charset=utf8,"+encodeURIComponent(resultSvg)+"')"}try{DiagonalReveal.displayName="DiagonalReveal",DiagonalReveal.__docgenInfo={description:"",displayName:"DiagonalReveal",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Transition/MasksFactory/DiagonalReveal.tsx#DiagonalReveal"]={docgenInfo:DiagonalReveal.__docgenInfo,name:"DiagonalReveal",path:"src/components/Transition/MasksFactory/DiagonalReveal.tsx#DiagonalReveal"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var matter=__webpack_require__("./node_modules/matter-js/build/matter.js"),matter_default=__webpack_require__.n(matter);function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function PhysicsSquares(){var amountOfVerticalSquares=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;return function(el){var height=el.clientHeight,width=el.clientWidth,_ballsize=height/amountOfVerticalSquares,maximumBalls=width/_ballsize,amountOfBalls=Math.floor(maximumBalls),gridData=buildGrid(amountOfVerticalSquares,amountOfBalls,_ballsize),_time=getComputedStyle(el).getPropertyValue("--animation-speed-transition"),time=_time.endsWith("ms")?Number(_time.replace("ms","")):1e3*Number(_time.replace("s","")),canvas=document.createElement("canvas");canvas.width=el.clientWidth/10,canvas.height=el.clientHeight/10;var Engine=matter_default().Engine,Render=matter_default().Render,Runner=matter_default().Runner,Bodies=matter_default().Bodies,Composite=matter_default().Composite,engine=Engine.create(),render=Render.create({engine:engine,options:{wireframes:!1,background:"black",height:el.clientHeight,width:el.clientWidth},canvas:canvas,bounds:{min:{x:0,y:0},max:{x:el.clientWidth,y:el.clientHeight}}}),ground=Bodies.rectangle(0,el.clientHeight,2*el.clientWidth,10,{render:{fillStyle:"black"},angle:.1,isStatic:!0}),gridBodies=gridData.map((function(a){return Bodies.circle(a.x+a.ballSize/2+Math.random()*a.ballSize/2,a.y+a.ballSize/2+Math.random()*a.ballSize/2,a.ballSize/4+Math.random()*a.ballSize/4,{density:.1,render:{fillStyle:"black"}})}));Composite.add(engine.world,[].concat(_toConsumableArray(gridBodies),[ground])),Render.run(render);var runner=Runner.create();Runner.run(runner,engine);var i=setInterval((function(){el.firstElementChild.style.webkitMaskImage="url('"+canvas.toDataURL("base64")+"')"}),1e3/60);return setTimeout((function(){clearInterval(i),Runner.stop(runner)}),time),""}}try{PhysicsSquares.displayName="PhysicsSquares",PhysicsSquares.__docgenInfo={description:"DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE\n\nCreates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content",displayName:"PhysicsSquares",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Transition/MasksFactory/PhysicsSquares.tsx#PhysicsSquares"]={docgenInfo:PhysicsSquares.__docgenInfo,name:"PhysicsSquares",path:"src/components/Transition/MasksFactory/PhysicsSquares.tsx#PhysicsSquares"})}catch(__react_docgen_typescript_loader_error){}function MasksFactory_SquareToBalls(){var amountOfVerticalSquares=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;return function(el){var height=el.clientHeight,width=el.clientWidth,_ballsize=height/amountOfVerticalSquares,maximumBalls=width/_ballsize,amountOfBalls=Math.floor(maximumBalls),time=getTime(el),resultSvg=(0,server_browser.Dq)((0,jsx_runtime.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",id:Date.now().toString(),children:buildGrid(amountOfVerticalSquares,amountOfBalls,_ballsize).map((function(_ref){var ballSize=_ref.ballSize,x=_ref.x,y=_ref.y;return(0,jsx_runtime.jsxs)("rect",{fill:"white",children:[(0,jsx_runtime.jsx)("animate",{attributeName:"rx",attributeType:"XML",values:"0px;"+ballSize/2+"px;"+ballSize/2+"px",dur:time+"ms"}),(0,jsx_runtime.jsx)("animate",{attributeName:"x",attributeType:"XML",values:x+"px;"+x+"px;"+(x+ballSize/2)+"px",dur:time+"ms"}),(0,jsx_runtime.jsx)("animate",{attributeName:"y",attributeType:"XML",values:y+"px;"+y+"px;"+(y+ballSize/2)+"px",dur:time+"ms"}),(0,jsx_runtime.jsx)("animate",{attributeName:"width",attributeType:"XML",values:ballSize+"px;"+ballSize+"px;0px",dur:time+"ms"}),(0,jsx_runtime.jsx)("animate",{attributeName:"height",attributeType:"XML",values:ballSize+"px;"+ballSize+"px;0px",dur:time+"ms"})]})}))}));return"url('data:image/svg+xml;charset=utf8,"+encodeURIComponent(resultSvg)+"')"}}try{SquareToBalls.displayName="SquareToBalls",SquareToBalls.__docgenInfo={description:"Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content",displayName:"SquareToBalls",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Transition/MasksFactory/SquareToBalls.tsx#SquareToBalls"]={docgenInfo:SquareToBalls.__docgenInfo,name:"SquareToBalls",path:"src/components/Transition/MasksFactory/SquareToBalls.tsx#SquareToBalls"})}catch(__react_docgen_typescript_loader_error){}var Transition=__webpack_require__("./src/components/Transition/Transition.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),UncontrolledTransition_stories_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss"),options={insert:"head",singleton:!1},UncontrolledTransition_UncontrolledTransition_stories_module=(injectStylesIntoStyleTag_default()(UncontrolledTransition_stories_module.Z,options),UncontrolledTransition_stories_module.Z.locals||{});function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function UncontrolledTransition_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return UncontrolledTransition_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return UncontrolledTransition_stories_arrayLikeToArray(o,minLen)}(arr,i)||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 UncontrolledTransition_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var UncontrolledTransition_stories={title:"Uncontrolled Transition",component:UncontrolledTransition.Z},ClickBasedTransition=function ClickBasedTransition(args){var transRef=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(!1),2),nextPage=_useState2[0],setNextPage=_useState2[1];return(0,jsx_runtime.jsx)("div",{style:{backgroundColor:"red",padding:"250px"},children:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,Object.assign({ref:transRef,transitionType:Transition.Y.POP_FROM_CLICK_ORIGIN,contentStyle:{backgroundColor:"white"}},args,{children:function CurrentPage(){return nextPage?(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsxs)("h1",{style:{display:"flex"},children:["Next page"," ",(0,jsx_runtime.jsx)("button",{onClick:function onClick(){setNextPage((function(a){return!a})),transRef.current.setOrientation("backward")},style:{marginLeft:"auto"},children:"Click me to see a cool effect"})]}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){setNextPage((function(a){return!a})),transRef.current.setOrientation("backward")},style:{marginRight:"auto"},children:"Hehe"}),(0,jsx_runtime.jsx)("h2",{children:"Another text"}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){setNextPage((function(a){return!a})),transRef.current.setOrientation("backward")},style:{margin:"auto"},children:"Or me"})]},"nextPage"):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsxs)("h1",{style:{display:"flex"},children:["Current page"," ",(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setNextPage((function(a){return!a}))},style:{marginLeft:"auto"},children:"Click me to see a cool effect"})]}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setNextPage((function(a){return!a}))},style:{marginRight:"auto"},children:"Hehe"}),(0,jsx_runtime.jsx)("h2",{children:"Another text"}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setNextPage((function(a){return!a}))},style:{margin:"auto"},children:"Or me"})]},"currPage")}()}))})};ClickBasedTransition.displayName="ClickBasedTransition";var AnchorBasedTransition=function AnchorBasedTransition(args){var transRef=(0,react.useRef)(null),_useState4=_slicedToArray((0,react.useState)(!1),2),nextPage=_useState4[0],setNextPage=_useState4[1];return(0,jsx_runtime.jsx)("div",{style:{backgroundColor:"red",padding:"250px"},children:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,Object.assign({ref:transRef,transitionType:Transition.Y.POP_FROM_ELEMENT_ID,elementId:"anchor",contentStyle:{backgroundColor:"white"}},args,{children:function CurrentPage(){return nextPage?(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsxs)("h1",{style:{display:"flex"},children:["Now here comes the cool part"," "]}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){setNextPage((function(a){return!a})),transRef.current.setOrientation("backward")},style:{marginLeft:"auto"},children:"Click me to go back even though the anchor does not exists anymore"})]},"nextPage"):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:UncontrolledTransition_UncontrolledTransition_stories_module.animatedContainer,style:{width:100,height:100,color:"white",backgroundColor:"black",animationDelay:-Date.now()%5e3+"ms"},id:"anchor",children:"Anchor only present on page 1"}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setNextPage((function(a){return!a}))},style:{margin:"auto"},children:"Click me"})]},"currPage")}()}))})};AnchorBasedTransition.displayName="AnchorBasedTransition";var FadeTransition=function FadeTransition(args){var transRef=(0,react.useRef)(null),_useState6=_slicedToArray((0,react.useState)(!1),2),nextPage=_useState6[0],setNextPage=_useState6[1];return(0,jsx_runtime.jsx)("div",{style:{backgroundColor:"red",padding:"250px"},children:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,Object.assign({ref:transRef,transitionType:Transition.Y.FADE,contentStyle:{backgroundColor:"white"}},args,{children:function CurrentPage(){return nextPage?(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("h1",{children:"Second page"}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){setNextPage((function(a){return!a})),transRef.current.setOrientation("backward")},style:{margin:"auto"},children:"Click me to go back"})]},"nextPage"):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("h1",{children:"First page"}),(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setNextPage((function(a){return!a}))},style:{margin:"auto"},children:"Change page"})]},"currPage")}()}))})};FadeTransition.displayName="FadeTransition";function CoinFlipItem(){var _useState8=_slicedToArray((0,react.useState)((function(){return Math.random()>.5})),2),flippedTheCoin=_useState8[0],setFlipped=_useState8[1],_useState10=_slicedToArray((0,react.useState)((0+Math.floor(99*Math.random())).toString()),2),head=_useState10[0],setHead=_useState10[1],_useState12=_slicedToArray((0,react.useState)(String.fromCodePoint(128516+Math.floor(75*Math.random()))),2),tails=_useState12[0],setTails=_useState12[1];(0,react.useEffect)((function(){return setTimeout((function(){setFlipped((function(prev){return!prev}))}),500+2e3*Math.random()),function(){flippedTheCoin?setHead((0+Math.floor(99*Math.random())).toString()):setTails(String.fromCodePoint(128516+Math.floor(75*Math.random())))}}),[flippedTheCoin]);var CoinSide=function CoinSide(){return(0,jsx_runtime.jsx)("div",{onClick:function onClick(){setFlipped((function(prev){return!prev}))},style:{cursor:"pointer",width:"100px",height:"100px",borderRadius:"50px",backgroundColor:flippedTheCoin?"red":"green",fontSize:"60px",textAlign:"center",lineHeight:"100px",position:"relative"},children:flippedTheCoin?tails:head})};return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{transitionType:Transition.Y.COIN_FLIP,className:UncontrolledTransition_UncontrolledTransition_stories_module.resetHeight,children:(0,jsx_runtime.jsx)(CoinSide,{},flippedTheCoin?"tail":"heads")})})}var CoinFlip=function CoinFlip(_ref){var _ref$coinCount=_ref.coinCount,coinCount=void 0===_ref$coinCount?100:_ref$coinCount;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h1",{children:"This story displays the animation of flipping between two elements on html"}),(0,jsx_runtime.jsx)("h2",{children:"This is more usefull with square elements"}),(0,jsx_runtime.jsx)("div",{style:{display:"flex",flexWrap:"wrap",position:"relative"},children:new Array(coinCount).fill(void 0).map((function(){return(0,jsx_runtime.jsx)(CoinFlipItem,{})}))})]})},MaskBasedTransition=function MaskBasedTransition(){var _useState14=_slicedToArray((0,react.useState)("coin"),2),example=_useState14[0],setExample=_useState14[1],ref=(0,react.useRef)(null);return(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{ref:ref,className:UncontrolledTransition_UncontrolledTransition_stories_module.maskExample,transitionType:Transition.Y.MASK,maskFactory:MasksFactory_SquareToBalls(5),children:"coin"===example?(0,jsx_runtime.jsxs)("div",{className:UncontrolledTransition_UncontrolledTransition_stories_module[example],children:[(0,jsx_runtime.jsx)(CoinFlip,{coinCount:20}),(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",onClick:function onClick(){setExample("anchor")},children:"Switch story"})]},example):(0,jsx_runtime.jsxs)("div",{className:UncontrolledTransition_UncontrolledTransition_stories_module[example],children:[(0,jsx_runtime.jsx)(AnchorBasedTransition,{}),(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",onClick:function onClick(){setExample("coin")},children:"Back to coin story"})]},example)})};MaskBasedTransition.displayName="MaskBasedTransition";var MaskBasedTransitionDiagonal=function MaskBasedTransitionDiagonal(){var _useState16=_slicedToArray((0,react.useState)("coin"),2),example=_useState16[0],setExample=_useState16[1],ref=(0,react.useRef)(null),salt=(0,react.useMemo)((function(){return Math.random().toString()}),[example]);return(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{ref:ref,className:UncontrolledTransition_UncontrolledTransition_stories_module.maskDiagonal,transitionType:Transition.Y.MASK,maskFactory:DiagonalReveal,children:"coin"===example?(0,jsx_runtime.jsxs)("div",{className:UncontrolledTransition_UncontrolledTransition_stories_module[example],children:[(0,jsx_runtime.jsx)(CoinFlip,{coinCount:20}),(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",onClick:function onClick(){setExample("anchor")},children:"Switch story"})]},example+salt):(0,jsx_runtime.jsxs)("div",{className:UncontrolledTransition_UncontrolledTransition_stories_module[example],children:[(0,jsx_runtime.jsx)(AnchorBasedTransition,{}),(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",onClick:function onClick(){setExample("coin")},children:"Back to coin story"})]},example+salt)})};MaskBasedTransitionDiagonal.displayName="MaskBasedTransitionDiagonal";var MaskBasedTransitionWithPhysics=function MaskBasedTransitionWithPhysics(){var _useState18=_slicedToArray((0,react.useState)("coin"),2),example=_useState18[0],setExample=_useState18[1],ref=(0,react.useRef)(null);return(0,react.useEffect)((function(){setInterval((function(){setExample((function(p){return"coin"===p?"anchor":"coin"}))}),1e4)}),[]),(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{ref:ref,className:UncontrolledTransition_UncontrolledTransition_stories_module.physicsExample,transitionType:Transition.Y.MASK,maskFactory:PhysicsSquares(4),children:"coin"===example?(0,jsx_runtime.jsx)("div",{className:UncontrolledTransition_UncontrolledTransition_stories_module[example],children:(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",onClick:function onClick(){setExample("anchor")},children:"Switch story"})},example):(0,jsx_runtime.jsx)("div",{className:UncontrolledTransition_UncontrolledTransition_stories_module[example],children:(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",onClick:function onClick(){setExample("coin")},children:"Back to coin story"})},example)})};MaskBasedTransitionWithPhysics.displayName="MaskBasedTransitionWithPhysics";var BUGFIX_BackwardsInconsistency=function BUGFIX_BackwardsInconsistency(){var _useState20=_slicedToArray((0,react.useState)(10),2),number=_useState20[0],setNumber=_useState20[1],ref=(0,react.useRef)(null),prev=(0,react.useRef)(number);return(0,react.useLayoutEffect)((function(){var _ref$current;number<prev.current&&(null===(_ref$current=ref.current)||void 0===_ref$current||_ref$current.setOrientation("backward")),prev.current=number}),[number]),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{transitionType:Transition.Y.CUSTOM,config:{backward:{elementExiting:UncontrolledTransition_UncontrolledTransition_stories_module.outOfTheWay,elementEntering:UncontrolledTransition_UncontrolledTransition_stories_module.fadeIn},forward:{elementExiting:UncontrolledTransition_UncontrolledTransition_stories_module.fadeOut,elementEntering:""}},ref:ref,children:(0,jsx_runtime.jsxs)("h1",{children:["Número ",number]},String(number))}),(0,jsx_runtime.jsx)(Button.Z,{onClick:function onClick(){setNumber((function(prev){return prev-1}))},children:"Go back with backwards inside useEffect (bugged as hell)"}),(0,jsx_runtime.jsxs)(Button.Z,{onClick:function onClick(){var _ref$current2;null===(_ref$current2=ref.current)||void 0===_ref$current2||_ref$current2.setOrientation("backward"),setNumber((function(prev){return prev-1}))},children:["Go back setting backward ",(0,jsx_runtime.jsx)("b",{children:"before"})," next screen (works fine)"]}),(0,jsx_runtime.jsx)(Button.Z,{onClick:function onClick(){return setNumber((function(prev){return prev+1}))},children:"Go forward"})]})};BUGFIX_BackwardsInconsistency.displayName="BUGFIX_BackwardsInconsistency",ClickBasedTransition.args={},ClickBasedTransition.parameters=Object.assign({storySource:{source:'(\n  args: ComponentProps<typeof UncontrolledTransition>\n) => {\n  const transRef =\n    useRef<React.ElementRef<typeof UncontrolledTransition>>(null);\n  const [nextPage, setNextPage] = useState(false);\n  const CurrentPage = () => {\n    if (!nextPage)\n      return (\n        <React.Fragment key={"currPage"}>\n          <h1\n            style={{\n              display: "flex",\n            }}\n          >\n            Current page{" "}\n            <button\n              onClick={() => setNextPage((a) => !a)}\n              style={{ marginLeft: "auto" }}\n            >\n              Click me to see a cool effect\n            </button>\n          </h1>\n          <button\n            onClick={() => setNextPage((a) => !a)}\n            style={{ marginRight: "auto" }}\n          >\n            Hehe\n          </button>\n          <h2>Another text</h2>\n          <button\n            onClick={() => setNextPage((a) => !a)}\n            style={{ margin: "auto" }}\n          >\n            Or me\n          </button>\n        </React.Fragment>\n      );\n    else\n      return (\n        <React.Fragment key={"nextPage"}>\n          <h1\n            style={{\n              display: "flex",\n            }}\n          >\n            Next page{" "}\n            <button\n              onClick={() => {\n                setNextPage((a) => !a);\n                transRef.current!.setOrientation("backward");\n              }}\n              style={{ marginLeft: "auto" }}\n            >\n              Click me to see a cool effect\n            </button>\n          </h1>\n          <button\n            onClick={() => {\n              setNextPage((a) => !a);\n              transRef.current!.setOrientation("backward");\n            }}\n            style={{ marginRight: "auto" }}\n          >\n            Hehe\n          </button>\n          <h2>Another text</h2>\n          <button\n            onClick={() => {\n              setNextPage((a) => !a);\n              transRef.current!.setOrientation("backward");\n            }}\n            style={{ margin: "auto" }}\n          >\n            Or me\n          </button>\n        </React.Fragment>\n      );\n  };\n  return (\n    <div\n      style={{\n        backgroundColor: "red",\n        padding: "250px",\n      }}\n    >\n      <UncontrolledTransition\n        ref={transRef}\n        transitionType={TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN}\n        contentStyle={{\n          backgroundColor: "white",\n        }}\n        {...args}\n      >\n        {CurrentPage()}\n      </UncontrolledTransition>\n    </div>\n  );\n}'}},ClickBasedTransition.parameters),AnchorBasedTransition.parameters=Object.assign({storySource:{source:'(\n  args: ComponentProps<typeof UncontrolledTransition>\n) => {\n  const transRef =\n    useRef<React.ElementRef<typeof UncontrolledTransition>>(null);\n  const [nextPage, setNextPage] = useState(false);\n  const CurrentPage = () => {\n    if (!nextPage)\n      return (\n        <React.Fragment key={"currPage"}>\n          <div\n            className={StoriesStyles.animatedContainer}\n            style={{\n              width: 100,\n              height: 100,\n              color: "white",\n              backgroundColor: "black",\n              animationDelay: `${-(Date.now() % 5000)}ms`,\n            }}\n            id="anchor"\n          >\n            Anchor only present on page 1\n          </div>\n          <button\n            onClick={() => setNextPage((a) => !a)}\n            style={{ margin: "auto" }}\n          >\n            Click me\n          </button>\n        </React.Fragment>\n      );\n    else\n      return (\n        <React.Fragment key={"nextPage"}>\n          <h1\n            style={{\n              display: "flex",\n            }}\n          >\n            Now here comes the cool part{" "}\n          </h1>\n          <button\n            onClick={() => {\n              setNextPage((a) => !a);\n              transRef.current!.setOrientation("backward");\n            }}\n            style={{ marginLeft: "auto" }}\n          >\n            Click me to go back even though the anchor does not exists anymore\n          </button>\n        </React.Fragment>\n      );\n  };\n  return (\n    <div\n      style={{\n        backgroundColor: "red",\n        padding: "250px",\n      }}\n    >\n      <UncontrolledTransition\n        ref={transRef}\n        transitionType={TransitionAnimationTypes.POP_FROM_ELEMENT_ID}\n        elementId={"anchor"}\n        contentStyle={{\n          backgroundColor: "white",\n        }}\n        {...args}\n      >\n        {CurrentPage()}\n      </UncontrolledTransition>\n    </div>\n  );\n}'}},AnchorBasedTransition.parameters),FadeTransition.parameters=Object.assign({storySource:{source:'(\n  args: ComponentProps<typeof UncontrolledTransition>\n) => {\n  const transRef =\n    useRef<React.ElementRef<typeof UncontrolledTransition>>(null);\n  const [nextPage, setNextPage] = useState(false);\n  const CurrentPage = () => {\n    if (!nextPage)\n      return (\n        <React.Fragment key={"currPage"}>\n          <h1>First page</h1>\n          <button\n            onClick={() => setNextPage((a) => !a)}\n            style={{ margin: "auto" }}\n          >\n            Change page\n          </button>\n        </React.Fragment>\n      );\n    else\n      return (\n        <React.Fragment key={"nextPage"}>\n          <h1>Second page</h1>\n          <button\n            onClick={() => {\n              setNextPage((a) => !a);\n              transRef.current!.setOrientation("backward");\n            }}\n            style={{ margin: "auto" }}\n          >\n            Click me to go back\n          </button>\n        </React.Fragment>\n      );\n  };\n  return (\n    <div\n      style={{\n        backgroundColor: "red",\n        padding: "250px",\n      }}\n    >\n      <UncontrolledTransition\n        ref={transRef}\n        transitionType={TransitionAnimationTypes.FADE}\n        contentStyle={{\n          backgroundColor: "white",\n        }}\n        {...args}\n      >\n        {CurrentPage()}\n      </UncontrolledTransition>\n    </div>\n  );\n}'}},FadeTransition.parameters),CoinFlip.parameters=Object.assign({storySource:{source:'({ coinCount = 100 }: { coinCount?: number }) => {\n  return (\n    <>\n      <h1>\n        This story displays the animation of flipping between two elements on\n        html\n      </h1>\n      <h2>This is more usefull with square elements</h2>\n\n      <div style={{ display: "flex", flexWrap: "wrap", position: "relative" }}>\n        {new Array(coinCount).fill(undefined).map(() => (\n          <CoinFlipItem />\n        ))}\n      </div>\n    </>\n  );\n}'}},CoinFlip.parameters),MaskBasedTransition.parameters=Object.assign({storySource:{source:'() => {\n  const [example, setExample] = useState<"coin" | "anchor">("coin");\n  const ref = useRef<ElementRef<typeof UncontrolledTransition>>(null);\n  return (\n    <UncontrolledTransition\n      ref={ref}\n      className={StoriesStyles.maskExample}\n      transitionType={TransitionAnimationTypes.MASK}\n      maskFactory={SquareToBalls(5)}\n    >\n      {example === "coin" ? (\n        <div key={example} className={StoriesStyles[example]}>\n          <CoinFlip coinCount={20} />\n          <Button\n            variant="filled"\n            onClick={() => {\n              setExample("anchor");\n            }}\n          >\n            Switch story\n          </Button>\n        </div>\n      ) : (\n        <div key={example} className={StoriesStyles[example]}>\n          <AnchorBasedTransition />\n          <Button\n            variant="filled"\n            onClick={() => {\n              setExample("coin");\n            }}\n          >\n            Back to coin story\n          </Button>\n        </div>\n      )}\n    </UncontrolledTransition>\n  );\n}'}},MaskBasedTransition.parameters),MaskBasedTransitionDiagonal.parameters=Object.assign({storySource:{source:'() => {\n  const [example, setExample] = useState<"coin" | "anchor">("coin");\n  const ref = useRef<ElementRef<typeof UncontrolledTransition>>(null);\n  const salt = useMemo(() => Math.random().toString(), [example]);\n  return (\n    <UncontrolledTransition\n      ref={ref}\n      className={StoriesStyles.maskDiagonal}\n      transitionType={TransitionAnimationTypes.MASK}\n      maskFactory={DiagonalReveal}\n    >\n      {example === "coin" ? (\n        <div key={example + salt} className={StoriesStyles[example]}>\n          <CoinFlip coinCount={20} />\n          <Button\n            variant="filled"\n            onClick={() => {\n              setExample("anchor");\n            }}\n          >\n            Switch story\n          </Button>\n        </div>\n      ) : (\n        <div key={example + salt} className={StoriesStyles[example]}>\n          <AnchorBasedTransition />\n          <Button\n            variant="filled"\n            onClick={() => {\n              setExample("coin");\n            }}\n          >\n            Back to coin story\n          </Button>\n        </div>\n      )}\n    </UncontrolledTransition>\n  );\n}'}},MaskBasedTransitionDiagonal.parameters),MaskBasedTransitionWithPhysics.parameters=Object.assign({storySource:{source:'() => {\n  const [example, setExample] = useState<"coin" | "anchor">("coin");\n  const ref = useRef<ElementRef<typeof UncontrolledTransition>>(null);\n  useEffect(() => {\n    setInterval(() => {\n      setExample((p) => (p === "coin" ? "anchor" : "coin"));\n    }, 10000);\n  }, []);\n  return (\n    <UncontrolledTransition\n      ref={ref}\n      className={StoriesStyles.physicsExample}\n      transitionType={TransitionAnimationTypes.MASK}\n      maskFactory={PhysicsSquares(4)}\n    >\n      {example === "coin" ? (\n        <div key={example} className={StoriesStyles[example]}>\n          {/* <CoinFlip coinCount={20} /> */}\n          <Button\n            variant="filled"\n            onClick={() => {\n              setExample("anchor");\n            }}\n          >\n            Switch story\n          </Button>\n        </div>\n      ) : (\n        <div key={example} className={StoriesStyles[example]}>\n          {/* <AnchorBasedTransition /> */}\n          <Button\n            variant="filled"\n            onClick={() => {\n              setExample("coin");\n            }}\n          >\n            Back to coin story\n          </Button>\n        </div>\n      )}\n    </UncontrolledTransition>\n  );\n}'}},MaskBasedTransitionWithPhysics.parameters),BUGFIX_BackwardsInconsistency.parameters=Object.assign({storySource:{source:'() => {\n  const [number, setNumber] = useState(10);\n  const ref = useRef<ElementRef<typeof UncontrolledTransition>>(null);\n  const prev = useRef(number);\n  useLayoutEffect(() => {\n    // Here is some logic that decides on demand if it should go backwards or not\n    if (number < prev.current) ref.current?.setOrientation("backward");\n    prev.current = number;\n  }, [number]);\n\n  return (\n    <div>\n      <UncontrolledTransition\n        transitionType={TransitionAnimationTypes.CUSTOM}\n        config={{\n          backward: {\n            elementExiting: StoriesStyles.outOfTheWay,\n            elementEntering: StoriesStyles.fadeIn,\n          },\n          forward: {\n            elementExiting: StoriesStyles.fadeOut,\n            elementEntering: "",\n          },\n        }}\n        ref={ref}\n      >\n        <h1 key={String(number)}>Número {number}</h1>\n      </UncontrolledTransition>\n      <Button\n        onClick={() => {\n          setNumber((prev) => prev - 1);\n        }}\n      >\n        Go back with backwards inside useEffect (bugged as hell)\n      </Button>\n      <Button\n        onClick={() => {\n          ref.current?.setOrientation("backward");\n          setNumber((prev) => prev - 1);\n        }}\n      >\n        Go back setting backward <b>before</b> next screen (works fine)\n      </Button>\n\n      <Button onClick={() => setNumber((prev) => prev + 1)}>Go forward</Button>\n    </div>\n  );\n}'}},BUGFIX_BackwardsInconsistency.parameters);var __namedExportsOrder=["ClickBasedTransition","AnchorBasedTransition","FadeTransition","CoinFlip","MaskBasedTransition","MaskBasedTransitionDiagonal","MaskBasedTransitionWithPhysics","BUGFIX_BackwardsInconsistency"];try{ClickBasedTransition.displayName="ClickBasedTransition",ClickBasedTransition.__docgenInfo={description:"",displayName:"ClickBasedTransition",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"",name:"contentClassName",required:!1,type:{name:"string"}},lockTransitionWidth:{defaultValue:null,description:"",name:"lockTransitionWidth",required:!1,type:{name:"boolean"}},onDiscardStep:{defaultValue:null,description:"",name:"onDiscardStep",required:!1,type:{name:"((key: Key) => void)"}},contentStyle:{defaultValue:null,description:"",name:"contentStyle",required:!1,type:{name:"CSSProperties"}},transitionType:{defaultValue:null,description:"",name:"transitionType",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"},{value:"5"},{value:"6"}]}},elementId:{defaultValue:null,description:"",name:"elementId",required:!0,type:{name:"string"}},maskFactory:{defaultValue:null,description:"It provides the transition container so you can create a dynamic svg to mask with",name:"maskFactory",required:!0,type:{name:"(container: HTMLDivElement) => string"}},config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"{ backward: { elementEntering: string; elementExiting: string; }; forward: { elementEntering: string; elementExiting: string; }; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx#ClickBasedTransition"]={docgenInfo:ClickBasedTransition.__docgenInfo,name:"ClickBasedTransition",path:"src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx#ClickBasedTransition"})}catch(__react_docgen_typescript_loader_error){}try{AnchorBasedTransition.displayName="AnchorBasedTransition",AnchorBasedTransition.__docgenInfo={description:"",displayName:"AnchorBasedTransition",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"",name:"contentClassName",required:!1,type:{name:"string"}},lockTransitionWidth:{defaultValue:null,description:"",name:"lockTransitionWidth",required:!1,type:{name:"boolean"}},onDiscardStep:{defaultValue:null,description:"",name:"onDiscardStep",required:!1,type:{name:"((key: Key) => void)"}},contentStyle:{defaultValue:null,description:"",name:"contentStyle",required:!1,type:{name:"CSSProperties"}},transitionType:{defaultValue:null,description:"",name:"transitionType",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"},{value:"5"},{value:"6"}]}},elementId:{defaultValue:null,description:"",name:"elementId",required:!0,type:{name:"string"}},maskFactory:{defaultValue:null,description:"It provides the transition container so you can create a dynamic svg to mask with",name:"maskFactory",required:!0,type:{name:"(container: HTMLDivElement) => string"}},config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"{ backward: { elementEntering: string; elementExiting: string; }; forward: { elementEntering: string; elementExiting: string; }; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx#AnchorBasedTransition"]={docgenInfo:AnchorBasedTransition.__docgenInfo,name:"AnchorBasedTransition",path:"src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx#AnchorBasedTransition"})}catch(__react_docgen_typescript_loader_error){}try{FadeTransition.displayName="FadeTransition",FadeTransition.__docgenInfo={description:"",displayName:"FadeTransition",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"",name:"contentClassName",required:!1,type:{name:"string"}},lockTransitionWidth:{defaultValue:null,description:"",name:"lockTransitionWidth",required:!1,type:{name:"boolean"}},onDiscardStep:{defaultValue:null,description:"",name:"onDiscardStep",required:!1,type:{name:"((key: Key) => void)"}},contentStyle:{defaultValue:null,description:"",name:"contentStyle",required:!1,type:{name:"CSSProperties"}},transitionType:{defaultValue:null,description:"",name:"transitionType",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"},{value:"5"},{value:"6"}]}},elementId:{defaultValue:null,description:"",name:"elementId",required:!0,type:{name:"string"}},maskFactory:{defaultValue:null,description:"It provides the transition container so you can create a dynamic svg to mask with",name:"maskFactory",required:!0,type:{name:"(container: HTMLDivElement) => string"}},config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"{ backward: { elementEntering: string; elementExiting: string; }; forward: { elementEntering: string; elementExiting: string; }; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx#FadeTransition"]={docgenInfo:FadeTransition.__docgenInfo,name:"FadeTransition",path:"src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx#FadeTransition"})}catch(__react_docgen_typescript_loader_error){}try{CoinFlip.displayName="CoinFlip",CoinFlip.__docgenInfo={description:"",displayName:"CoinFlip",props:{coinCount:{defaultValue:{value:"100"},description:"",name:"coinCount",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx#CoinFlip"]={docgenInfo:CoinFlip.__docgenInfo,name:"CoinFlip",path:"src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx#CoinFlip"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicUsage:function(){return BasicUsage},UsageWithActionProps:function(){return UsageWithActionProps},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return WalletConnectionWrapper_stories}});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=(__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.pad-start.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/use-wallet/dist/esm/index.js"));__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js");function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}try{define({},"")}catch(err){define=function define(obj,key,value){return obj[key]=value}}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}(innerFn,self,context),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,(function(){return this}));var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach((function(method){define(prototype,method,(function(arg){return this._invoke(method,arg)}))}))}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==typeof value&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then((function(value){invoke("next",value,resolve,reject)}),(function(err){invoke("throw",err,resolve,reject)})):PromiseImpl.resolve(value).then((function(unwrapped){result.value=unwrapped,resolve(result)}),(function(error){return invoke("throw",error,resolve,reject)}))}reject(record.arg)}var previousPromise;this._invoke=function(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl((function(resolve,reject){invoke(method,arg,resolve,reject)}))}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(void 0===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=void 0,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method")}return ContinueSentinel}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=void 0),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=void 0,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:void 0,done:!0}}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,(function(){return this})),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then((function(result){return result.done?result.value:iter.next()}))},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,(function(){return this})),define(Gp,"toString",(function(){return"[object Generator]"})),exports.keys=function(object){var keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=void 0)},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function dispatchException(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=void 0),!!caught}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}}}},abrupt:function abrupt(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function finish(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel}},catch:function _catch(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=void 0),ContinueSentinel}},exports}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function useAsyncControl(functionsToWrap){var _useState2=_slicedToArray((0,react.useState)(),2),error=_useState2[0],setError=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),loading=_useState4[0],setLoading=_useState4[1],_process=(0,react.useCallback)(function(){var _ref=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(asyncFn){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.prev=0,setLoading(!0),setError(void 0),_context.next=5,asyncFn();case 5:return _context.abrupt("return",_context.sent);case 8:throw _context.prev=8,_context.t0=_context.catch(0),setError(_context.t0),_context.t0;case 13:return _context.prev=13,setLoading(!1),_context.finish(13);case 16:case"end":return _context.stop()}}),_callee,null,[[0,8,13,16]])})));return function(_x){return _ref.apply(this,arguments)}}(),[]),_Object$entries$reduc=Object.entries(functionsToWrap||{}).reduce((function(r,_ref2){var _Object$assign,_Object$assign2,_ref3=_slicedToArray(_ref2,2),k=_ref3[0],func=_ref3[1];return Object.assign({},r,"function"==typeof func?{functionsToMemoize:Object.assign({},r.functionsToMemoize,(_Object$assign={},_Object$assign[k]=func,_Object$assign))}:{other:Object.assign({},r.other,(_Object$assign2={},_Object$assign2[k]=func,_Object$assign2))})}),{functionsToMemoize:{},other:{}}),functionsToMemoize=_Object$entries$reduc.functionsToMemoize,other=_Object$entries$reduc.other;return Object.assign({process:_process,loading:loading,error:error,setError:setError,setLoading:setLoading},other,Object.entries(functionsToMemoize).reduce((function(r,_ref4){var _Object$assign3,_ref5=_slicedToArray(_ref4,2),k=_ref5[0],v=_ref5[1];return Object.assign({},r,((_Object$assign3={})[k]=(0,react.useMemo)((function(){return function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _process((function(){return v.apply(void 0,args)}))}}),[v]),_Object$assign3))}),{}))}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function WalletConnectionWrapper_slicedToArray(arr,i){return function WalletConnectionWrapper_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function WalletConnectionWrapper_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function WalletConnectionWrapper_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return WalletConnectionWrapper_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return WalletConnectionWrapper_arrayLikeToArray(o,minLen)}(arr,i)||function WalletConnectionWrapper_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 WalletConnectionWrapper_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function WalletConnectionWrapper_regeneratorRuntime(){WalletConnectionWrapper_regeneratorRuntime=function _regeneratorRuntime(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}try{define({},"")}catch(err){define=function define(obj,key,value){return obj[key]=value}}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}(innerFn,self,context),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,(function(){return this}));var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach((function(method){define(prototype,method,(function(arg){return this._invoke(method,arg)}))}))}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==typeof value&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then((function(value){invoke("next",value,resolve,reject)}),(function(err){invoke("throw",err,resolve,reject)})):PromiseImpl.resolve(value).then((function(unwrapped){result.value=unwrapped,resolve(result)}),(function(error){return invoke("throw",error,resolve,reject)}))}reject(record.arg)}var previousPromise;this._invoke=function(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl((function(resolve,reject){invoke(method,arg,resolve,reject)}))}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(void 0===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=void 0,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method")}return ContinueSentinel}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=void 0),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=void 0,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:void 0,done:!0}}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,(function(){return this})),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then((function(result){return result.done?result.value:iter.next()}))},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,(function(){return this})),define(Gp,"toString",(function(){return"[object Generator]"})),exports.keys=function(object){var keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=void 0)},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function dispatchException(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=void 0),!!caught}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}}}},abrupt:function abrupt(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function finish(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel}},catch:function _catch(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=void 0),ContinueSentinel}},exports}function WalletConnectionWrapper_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function WalletConnectionWrapper_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){WalletConnectionWrapper_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){WalletConnectionWrapper_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function WalletConnectionWrapper(props,ref){return(0,jsx_runtime.jsx)(esm.YF,{children:(0,jsx_runtime.jsx)(Content,Object.assign({compRef:ref||(0,react.createRef)()},props))})}function _BaseWalletConnectionWrapper(props,ref){return(0,jsx_runtime.jsx)(Content,Object.assign({compRef:ref||(0,react.createRef)()},props))}function Content(_ref){var ProviderUnavailable=_ref.ProviderUnavailable,ChainIdInvalid=_ref.ChainIdInvalid,chain=_ref.chain,ProvidedContentWrapper=_ref.Content,compRef=_ref.compRef,children=_ref.children,wallet=(0,esm.Os)(),connectionAsyncWrapper=useAsyncControl(),connect=function(){var _ref2=WalletConnectionWrapper_asyncToGenerator(WalletConnectionWrapper_regeneratorRuntime().mark((function _callee2(){return WalletConnectionWrapper_regeneratorRuntime().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:connectionAsyncWrapper.process(WalletConnectionWrapper_asyncToGenerator(WalletConnectionWrapper_regeneratorRuntime().mark((function _callee(){return WalletConnectionWrapper_regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,wallet.connect("injected");case 2:localStorage.setItem("auto_connect","true");case 3:case"end":return _context.stop()}}),_callee)}))));case 1:case"end":return _context2.stop()}}),_callee2)})));return function connect(){return _ref2.apply(this,arguments)}}(),disconnect=function disconnect(){wallet.reset(),localStorage.removeItem("auto_connect")};(0,react.useEffect)((function(){!!localStorage.getItem("auto_connect")&&!wallet.account&&connect()}),[]),(0,react.useImperativeHandle)(compRef,(function(){return{connect:connect,disconnect:disconnect}}),[wallet]);var isProviderAvailable=WalletConnectionWrapper_slicedToArray((0,react.useState)((function(){return!!window.ethereum})),1)[0],isChainIdValid=(0,react.useMemo)((function(){return!wallet.isConnected()||wallet.chainId===chain.id}),[wallet,chain.id]);function changeChainId(){return _changeChainId.apply(this,arguments)}function _changeChainId(){return(_changeChainId=WalletConnectionWrapper_asyncToGenerator(WalletConnectionWrapper_regeneratorRuntime().mark((function _callee3(){return WalletConnectionWrapper_regeneratorRuntime().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return _context3.prev=0,_context3.next=3,window.ethereum.request({method:"wallet_switchEthereumChain",params:[{chainId:"0x"+chain.id.toString(16).padStart(2,"0")}]});case 3:_context3.next=8;break;case 5:if(_context3.prev=5,_context3.t0=_context3.catch(0),4902===_context3.t0.code)window.ethereum.request({method:"wallet_addEthereumChain",params:[{chainId:"0x"+chain.id.toString(16).padStart(2,"0"),chainName:chain.name,rpcUrls:[chain.rpcUrl],blockExplorerUrls:[chain.explorerUrl],nativeCurrency:{symbol:chain.currency,decimals:18}}]});case 8:case"end":return _context3.stop()}}),_callee3,null,[[0,5]])})))).apply(this,arguments)}var ContentWrapper=ProvidedContentWrapper;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[ProviderUnavailable&&!isProviderAvailable&&(0,jsx_runtime.jsx)(ProviderUnavailable,{}),ChainIdInvalid&&!isChainIdValid&&(0,jsx_runtime.jsx)(ChainIdInvalid,{changeChainId:changeChainId}),(0,jsx_runtime.jsx)(ContentWrapper,Object.assign({},connectionAsyncWrapper,{isChainIdValid:isChainIdValid,isProviderAvailable:isProviderAvailable,isConnectedAndValidChain:isChainIdValid&&wallet.isConnected(),connect:connect,disconnect:disconnect,changeChainId:changeChainId,chainId:wallet.chainId,isConnected:wallet.isConnected(),wallet:wallet.account,children:children}))]})}WalletConnectionWrapper.displayName="WalletConnectionWrapper",_BaseWalletConnectionWrapper.displayName="_BaseWalletConnectionWrapper";var WalletConnectionWrapper_WalletConnectionWrapper=(0,react.forwardRef)(WalletConnectionWrapper),BaseWalletConnectionWrapper=null;try{WalletConnectionWrapper.displayName="WalletConnectionWrapper",WalletConnectionWrapper.__docgenInfo={description:"This component handles a lot of cenarios when dealing with the wallet connection to different providers (ex: Metamask)",displayName:"WalletConnectionWrapper",props:{chain:{defaultValue:null,description:"The chain id that the user is expected to connect to",name:"chain",required:!0,type:{name:"{ id: number; rpcUrl: string; explorerUrl: string; name: string; currency: string; }"}},ProviderUnavailable:{defaultValue:null,description:"When the user doesn't have a provider like metamask available",name:"ProviderUnavailable",required:!1,type:{name:"FunctionComponent<{}>"}},ChainIdInvalid:{defaultValue:null,description:"This is invoked when the chain ID is not available",name:"ChainIdInvalid",required:!1,type:{name:"FunctionComponent<{ changeChainId: () => void; }>"}},Content:{defaultValue:null,description:"This renders the content that is shown inside the wallet content",name:"Content",required:!0,type:{name:"(props: WalletConnectionProps) => ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx#WalletConnectionWrapper"]={docgenInfo:WalletConnectionWrapper.__docgenInfo,name:"WalletConnectionWrapper",path:"src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx#WalletConnectionWrapper"})}catch(__react_docgen_typescript_loader_error){}try{BaseWalletConnectionWrapper.displayName="BaseWalletConnectionWrapper",BaseWalletConnectionWrapper.__docgenInfo={description:"",displayName:"BaseWalletConnectionWrapper",props:{chain:{defaultValue:null,description:"The chain id that the user is expected to connect to",name:"chain",required:!0,type:{name:"{ id: number; rpcUrl: string; explorerUrl: string; name: string; currency: string; }"}},ProviderUnavailable:{defaultValue:null,description:"When the user doesn't have a provider like metamask available",name:"ProviderUnavailable",required:!1,type:{name:"FunctionComponent<{}>"}},ChainIdInvalid:{defaultValue:null,description:"This is invoked when the chain ID is not available",name:"ChainIdInvalid",required:!1,type:{name:"FunctionComponent<{ changeChainId: () => void; }>"}},Content:{defaultValue:null,description:"This renders the content that is shown inside the wallet content",name:"Content",required:!0,type:{name:"(props: WalletConnectionProps) => ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx#BaseWalletConnectionWrapper"]={docgenInfo:BaseWalletConnectionWrapper.__docgenInfo,name:"BaseWalletConnectionWrapper",path:"src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx#BaseWalletConnectionWrapper"})}catch(__react_docgen_typescript_loader_error){}var AdaptiveDialog=__webpack_require__("./src/components/AdaptiveDialog/index.tsx"),Button=__webpack_require__("./src/components/Button/index.tsx"),WalletConnectionWrapper_stories={title:"Wallet Connection Wrapper",component:WalletConnectionWrapper_WalletConnectionWrapper},BasicUsage=function BasicUsage(args){return(0,jsx_runtime.jsx)(WalletConnectionWrapper_WalletConnectionWrapper,Object.assign({},args,{Content:function Content(_ref){var chainId=_ref.chainId,error=_ref.error,loading=_ref.loading,isChainIdValid=_ref.isChainIdValid,isProviderAvailable=_ref.isProviderAvailable,isConnectedAndValidChain=_ref.isConnectedAndValidChain,connect=_ref.connect,disconnect=_ref.disconnect,changeChainId=_ref.changeChainId;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h1",{children:"The content prop will receive the props of control for handling wallet connection"}),(0,jsx_runtime.jsx)("h3",{children:"You can test this component by using metamask"}),(0,jsx_runtime.jsxs)("p",{children:[(0,jsx_runtime.jsx)("b",{children:"Is connected and valid chain: "})," ",String(isConnectedAndValidChain)]}),(0,jsx_runtime.jsxs)("p",{children:["Error: ",String(error)]}),(0,jsx_runtime.jsxs)("p",{children:["Loading: ",String(loading)]}),(0,jsx_runtime.jsxs)("p",{children:["Valid chain (",args.chain.id,"): ",String(isChainIdValid)," (",chainId,")"]}),(0,jsx_runtime.jsxs)("p",{children:["Provider available (",String(isProviderAvailable),")"]}),(0,jsx_runtime.jsx)("h2",{children:"actions"}),(0,jsx_runtime.jsx)("button",{onClick:connect,children:"Connect"}),(0,jsx_runtime.jsx)("button",{onClick:disconnect,children:"Disconnect"}),(0,jsx_runtime.jsx)("button",{onClick:changeChainId,children:"Change chain id (to the chain id defined on prop)"})]})}}))};BasicUsage.displayName="BasicUsage";var UsageWithActionProps=function UsageWithActionProps(args){return(0,jsx_runtime.jsx)(WalletConnectionWrapper_WalletConnectionWrapper,Object.assign({},args,{ProviderUnavailable:function ProviderUnavailable(){return(0,jsx_runtime.jsx)(AdaptiveDialog.Z,{open:!0,children:"Do something when the provider is not available"})},ChainIdInvalid:function ChainIdInvalid(_ref2){var changeChainId=_ref2.changeChainId;return(0,jsx_runtime.jsxs)(AdaptiveDialog.Z,{open:!0,children:["Some action when the chain id is invalid",(0,jsx_runtime.jsx)(Button.Z,{variant:"filled",onClick:changeChainId,children:"This action come as prop"})]})},Content:function Content(_ref3){var connect=_ref3.connect;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h1",{children:"You can also delegate the handling to the props, check the story for more details"}),(0,jsx_runtime.jsx)("button",{onClick:connect,children:"Connect"})]})}}))};UsageWithActionProps.displayName="UsageWithActionProps",BasicUsage.args={chain:{id:80001,name:"Polygon Testnet",rpcUrl:"https://rpc-mumbai.matic.today/",explorerUrl:"https://mumbai.polygonscan.com/",currency:"MATIC"}},UsageWithActionProps.args=Object.assign({},BasicUsage.args),BasicUsage.parameters=Object.assign({storySource:{source:'(\n  args: ComponentProps<typeof WalletConnectionWrapper>\n) => {\n  return (\n    <WalletConnectionWrapper\n      {...args}\n      Content={({\n        chainId,\n        error,\n        loading,\n        isChainIdValid,\n        isProviderAvailable,\n        isConnectedAndValidChain,\n        connect,\n        disconnect,\n        changeChainId,\n      }) => (\n        <>\n          <h1>\n            The content prop will receive the props of control for handling\n            wallet connection\n          </h1>\n          <h3>You can test this component by using metamask</h3>\n          <p>\n            <b>Is connected and valid chain: </b>{" "}\n            {String(isConnectedAndValidChain)}\n          </p>\n          <p>Error: {String(error)}</p>\n          <p>Loading: {String(loading)}</p>\n          <p>\n            Valid chain ({args.chain.id}): {String(isChainIdValid)} ({chainId})\n          </p>\n          <p>Provider available ({String(isProviderAvailable)})</p>\n          <h2>actions</h2>\n          <button onClick={connect}>Connect</button>\n          <button onClick={disconnect}>Disconnect</button>\n          <button onClick={changeChainId}>\n            Change chain id (to the chain id defined on prop)\n          </button>\n        </>\n      )}\n    />\n  );\n}'}},BasicUsage.parameters),UsageWithActionProps.parameters=Object.assign({storySource:{source:'(\n  args: ComponentProps<typeof WalletConnectionWrapper>\n) => {\n  return (\n    <WalletConnectionWrapper\n      {...args}\n      ProviderUnavailable={() => (\n        <AdaptiveDialog open>\n          Do something when the provider is not available\n        </AdaptiveDialog>\n      )}\n      ChainIdInvalid={({ changeChainId }) => (\n        <AdaptiveDialog open>\n          Some action when the chain id is invalid\n          <Button variant="filled" onClick={changeChainId}>\n            This action come as prop\n          </Button>\n        </AdaptiveDialog>\n      )}\n      Content={({ connect }) => (\n        <>\n          <h1>\n            You can also delegate the handling to the props, check the story for\n            more details\n          </h1>\n          <button onClick={connect}>Connect</button>\n        </>\n      )}\n    />\n  );\n}'}},UsageWithActionProps.parameters);var __namedExportsOrder=["BasicUsage","UsageWithActionProps"];try{BasicUsage.displayName="BasicUsage",BasicUsage.__docgenInfo={description:"",displayName:"BasicUsage",props:{chain:{defaultValue:null,description:"The chain id that the user is expected to connect to",name:"chain",required:!0,type:{name:"{ id: number; rpcUrl: string; explorerUrl: string; name: string; currency: string; }"}},ProviderUnavailable:{defaultValue:null,description:"When the user doesn't have a provider like metamask available",name:"ProviderUnavailable",required:!1,type:{name:"FunctionComponent<{}>"}},ChainIdInvalid:{defaultValue:null,description:"This is invoked when the chain ID is not available",name:"ChainIdInvalid",required:!1,type:{name:"FunctionComponent<{ changeChainId: () => void; }>"}},Content:{defaultValue:null,description:"This renders the content that is shown inside the wallet content",name:"Content",required:!0,type:{name:"(props: WalletConnectionProps) => ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx#BasicUsage"]={docgenInfo:BasicUsage.__docgenInfo,name:"BasicUsage",path:"src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx#BasicUsage"})}catch(__react_docgen_typescript_loader_error){}try{UsageWithActionProps.displayName="UsageWithActionProps",UsageWithActionProps.__docgenInfo={description:"",displayName:"UsageWithActionProps",props:{chain:{defaultValue:null,description:"The chain id that the user is expected to connect to",name:"chain",required:!0,type:{name:"{ id: number; rpcUrl: string; explorerUrl: string; name: string; currency: string; }"}},ProviderUnavailable:{defaultValue:null,description:"When the user doesn't have a provider like metamask available",name:"ProviderUnavailable",required:!1,type:{name:"FunctionComponent<{}>"}},ChainIdInvalid:{defaultValue:null,description:"This is invoked when the chain ID is not available",name:"ChainIdInvalid",required:!1,type:{name:"FunctionComponent<{ changeChainId: () => void; }>"}},Content:{defaultValue:null,description:"This renders the content that is shown inside the wallet content",name:"Content",required:!0,type:{name:"(props: WalletConnectionProps) => ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx#UsageWithActionProps"]={docgenInfo:UsageWithActionProps.__docgenInfo,name:"UsageWithActionProps",path:"src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx#UsageWithActionProps"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AdaptiveButton/AdaptiveButton.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return AdaptiveButton}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var AdaptiveContainer_AdaptiveContainer=__webpack_require__("./src/components/AdaptiveContainer/AdaptiveContainer.tsx");try{AdaptiveContainer.displayName="AdaptiveContainer",AdaptiveContainer.__docgenInfo={description:"A container that animates width changes across content updates",displayName:"AdaptiveContainer",props:{containerElement:{defaultValue:null,description:"",name:"containerElement",required:!1,type:{name:"FunctionComponent<{}> | keyof IntrinsicElements"}},direction:{defaultValue:{value:"h"},description:'The direction in which the content will be resized\n\n    "h" // When the content will change in width\n    "v" // When the content will change in height',name:"direction",required:!1,type:{name:"enum",value:[{value:'"v"'},{value:'"h"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveContainer/index.tsx#AdaptiveContainer"]={docgenInfo:AdaptiveContainer.__docgenInfo,name:"AdaptiveContainer",path:"src/components/AdaptiveContainer/index.tsx#AdaptiveContainer"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/Button/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function AdaptiveButton(_ref){var children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,buttonProps=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsx)(AdaptiveContainer_AdaptiveContainer.Z,Object.assign({containerElement:Button.Z,className:className},buttonProps,{children:children}))}AdaptiveButton.displayName="AdaptiveButton";try{AdaptiveButton.displayName="AdaptiveButton",AdaptiveButton.__docgenInfo={description:"A button that adapts it's width according to the content size",displayName:"AdaptiveButton",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveButton/AdaptiveButton.tsx#AdaptiveButton"]={docgenInfo:AdaptiveButton.__docgenInfo,name:"AdaptiveButton",path:"src/components/AdaptiveButton/AdaptiveButton.tsx#AdaptiveButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AdaptiveContainer/AdaptiveContainer.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return AdaptiveContainer}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),Transition=__webpack_require__("./src/components/Transition/index.tsx"),UncontrolledTransition=__webpack_require__("./src/components/UncontrolledTransition/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),AdaptiveContainer_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AdaptiveContainer/AdaptiveContainer.module.scss"),options={insert:"head",singleton:!1},AdaptiveContainer_AdaptiveContainer_module=(injectStylesIntoStyleTag_default()(AdaptiveContainer_module.Z,options),AdaptiveContainer_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","containerElement","direction"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function AdaptiveContainer(_ref){var children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$containerElement=_ref.containerElement,_Wrapper=void 0===_ref$containerElement?"div":_ref$containerElement,_ref$direction=_ref.direction,direction=void 0===_ref$direction?"h":_ref$direction,otherProps=_objectWithoutProperties(_ref,_excluded),uncontrolledRef=(0,react.useRef)(null),buttonRef=(0,react.useRef)(null);(0,react.useEffect)((function(){var sectionDiv=uncontrolledRef.current.sectionRef.current;sectionDiv&&("h"===direction?(sectionDiv.style.width=sectionDiv.clientWidth+"px",sectionDiv.style.height=""):(sectionDiv.style.height=sectionDiv.clientHeight+"px",sectionDiv.style.width=""));var t=setTimeout((function(){if(uncontrolledRef.current){var _sectionDiv=uncontrolledRef.current.sectionRef.current;if(_sectionDiv){var lastChild=_sectionDiv.lastChild;if(lastChild){var resetFactory=function resetFactory(param,target){return function instance(e){e.propertyName===param&&(setTimeout((function(){(null==_sectionDiv?void 0:_sectionDiv.style[param])===target+"px"&&(_sectionDiv.style[param]="")}),100),_sectionDiv&&_sectionDiv.removeEventListener("transitionend",instance))}};if("h"===direction){var contentWidth=lastChild.clientWidth,targetWidth=contentWidth+"px";_sectionDiv.style.width=targetWidth;var func=resetFactory("width",contentWidth);_sectionDiv.addEventListener("transitionend",func)}else{var contentHeight=lastChild.scrollHeight,targetHeight=contentHeight+"px";_sectionDiv.style.height=targetHeight;var _func=resetFactory("height",contentHeight);_sectionDiv.addEventListener("transitionend",_func)}}}}}),100);return function(){return clearTimeout(t)}}),[children.key,direction]);var Wrapper=_Wrapper;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(Wrapper,Object.assign({className:AdaptiveContainer_AdaptiveContainer_module.resetButton+" "+className,ref:buttonRef},otherProps,{children:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{ref:uncontrolledRef,transitionType:Transition.Y.CUSTOM,lockTransitionWidth:!1,config:{backward:{elementExiting:AdaptiveContainer_AdaptiveContainer_module.fadeOutAbsolute,elementEntering:AdaptiveContainer_AdaptiveContainer_module.fadeInDelayed},forward:{elementExiting:AdaptiveContainer_AdaptiveContainer_module.fadeOutAbsolute,elementEntering:AdaptiveContainer_AdaptiveContainer_module.fadeInDelayed}},className:AdaptiveContainer_AdaptiveContainer_module.resetSection,children:children})}))})}try{AdaptiveContainer.displayName="AdaptiveContainer",AdaptiveContainer.__docgenInfo={description:"A container that animates width changes across content updates",displayName:"AdaptiveContainer",props:{containerElement:{defaultValue:null,description:"",name:"containerElement",required:!1,type:{name:"FunctionComponent<{}> | keyof IntrinsicElements"}},direction:{defaultValue:{value:"h"},description:'The direction in which the content will be resized\n\n    "h" // When the content will change in width\n    "v" // When the content will change in height',name:"direction",required:!1,type:{name:"enum",value:[{value:'"v"'},{value:'"h"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveContainer/AdaptiveContainer.tsx#AdaptiveContainer"]={docgenInfo:AdaptiveContainer.__docgenInfo,name:"AdaptiveContainer",path:"src/components/AdaptiveContainer/AdaptiveContainer.tsx#AdaptiveContainer"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AdaptiveDialog/AdaptiveDialog.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return AdaptiveDialog}});__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),AdaptiveDialog_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AdaptiveDialog/AdaptiveDialog.module.scss"),options={insert:"head",singleton:!1},AdaptiveDialog_AdaptiveDialog_module=(injectStylesIntoStyleTag_default()(AdaptiveDialog_module.Z,options),AdaptiveDialog_module.Z.locals||{}),MutableHamburgerButton=__webpack_require__("./src/components/MutableHamburgerButton/index.tsx"),ScrollAndFocusLock=__webpack_require__("./src/components/utilitary/ScrollAndFocusLock/index.tsx"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function AdaptiveDialog(_ref){var onClose=_ref.onClose,_ref$open=_ref.open,open=void 0!==_ref$open&&_ref$open,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,onClickOut=_ref.onClickOut,children=_ref.children,rootDivRef=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(open),2),isVisible=_useState2[0],setIsVisible=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),expanded=_useState4[0],setExpanded=_useState4[1];return(0,react.useEffect)((function(){if(open){setIsVisible(!0);rootDivRef.current.addEventListener("animationend",(function toggleVisbility(e){e.animationName===AdaptiveDialog_AdaptiveDialog_module.backdropDismiss&&(setIsVisible(!1),e.target.removeEventListener("animationend",toggleVisbility))}))}}),[open]),isVisible||open?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:react_dom.createPortal((0,jsx_runtime.jsx)("div",{ref:rootDivRef,className:AdaptiveDialog_AdaptiveDialog_module.backdrop+" "+(open?AdaptiveDialog_AdaptiveDialog_module.open:AdaptiveDialog_AdaptiveDialog_module.close)+" "+(expanded?AdaptiveDialog_AdaptiveDialog_module.expanded:""),onClick:onClickOut,children:(0,jsx_runtime.jsx)("div",{className:AdaptiveDialog_AdaptiveDialog_module.container+" "+className,onClick:function onClick(e){return e.stopPropagation()},children:(0,jsx_runtime.jsxs)(ScrollAndFocusLock.Z,{open:open,children:[onClose&&(0,jsx_runtime.jsx)("button",{className:AdaptiveDialog_AdaptiveDialog_module.closeBtn,children:(0,jsx_runtime.jsx)(MutableHamburgerButton.Z,{onClick:onClose,state:"closed",size:24})}),(0,jsx_runtime.jsx)("div",{className:AdaptiveDialog_AdaptiveDialog_module.indicator,onClick:function onClick(){return setExpanded((function(p){return!p}))}}),children]})})}),document.body)}):null}try{AdaptiveDialog.displayName="AdaptiveDialog",AdaptiveDialog.__docgenInfo={description:"This component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop",displayName:"AdaptiveDialog",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},open:{defaultValue:{value:"false"},description:"",name:"open",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void)"}},onClickOut:{defaultValue:null,description:"",name:"onClickOut",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveDialog/AdaptiveDialog.tsx#AdaptiveDialog"]={docgenInfo:AdaptiveDialog.__docgenInfo,name:"AdaptiveDialog",path:"src/components/AdaptiveDialog/AdaptiveDialog.tsx#AdaptiveDialog"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AdaptiveDialog/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _AdaptiveDialog__WEBPACK_IMPORTED_MODULE_0__.Z}});var _AdaptiveDialog__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/AdaptiveDialog/AdaptiveDialog.tsx");try{AdaptiveDialog.displayName="AdaptiveDialog",AdaptiveDialog.__docgenInfo={description:"This component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop",displayName:"AdaptiveDialog",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},open:{defaultValue:{value:"false"},description:"",name:"open",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void)"}},onClickOut:{defaultValue:null,description:"",name:"onClickOut",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AdaptiveDialog/index.tsx#AdaptiveDialog"]={docgenInfo:AdaptiveDialog.__docgenInfo,name:"AdaptiveDialog",path:"src/components/AdaptiveDialog/index.tsx#AdaptiveDialog"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AnchoredTooltip/AnchoredTooltip.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return AnchoredTooltip},J:function(){return updateTooltipPosition}});__webpack_require__("./node_modules/core-js/modules/web.url.to-json.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),FadeIn=__webpack_require__("./src/components/FadeIn/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),AnchoredTooltip_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AnchoredTooltip/AnchoredTooltip.module.scss"),options={insert:"head",singleton:!1},AnchoredTooltip_AnchoredTooltip_module=(injectStylesIntoStyleTag_default()(AnchoredTooltip_module.Z,options),AnchoredTooltip_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function getPositionOnViewport(element){return element.getBoundingClientRect()}function calculateTooltipFromAnchor(anchorRef,tooltipRef){var anchorPosition=getPositionOnViewport(anchorRef),shouldAnchorToBottom=tooltipRef.clientHeight>anchorPosition.top,top=anchorPosition.top-tooltipRef.clientHeight,left=anchorPosition.left+anchorPosition.width/2-tooltipRef.clientWidth/2;shouldAnchorToBottom&&(top+=tooltipRef.clientHeight+anchorRef.clientHeight),top<0&&(top=0);var offset=top+tooltipRef.clientHeight-window.innerHeight;offset>0&&(top-=offset);var offsetLeft=left+tooltipRef.clientWidth-window.innerWidth;offsetLeft>0&&(left-=offsetLeft),left<0&&(left=0);var maxLeftOffsetIndicator=tooltipRef.clientWidth/2-60,tooltipCenter=tooltipRef.clientWidth/2+left,offsetTooltip=anchorPosition.left+anchorPosition.width/2-tooltipCenter,minOffsetTooltip=-tooltipRef.clientWidth/2+60;return{offset:offset,offsetIndicatorLeft:offsetLeft>0?offsetLeft>maxLeftOffsetIndicator?maxLeftOffsetIndicator:offsetLeft:offsetTooltip<0?offsetTooltip<minOffsetTooltip?minOffsetTooltip:offsetTooltip:0,top:top,left:left,shouldAnchorToBottom:shouldAnchorToBottom}}function updateTooltipPosition(tooltipRef,anchorRef,limitToViewport){var _calculateTooltipFrom=calculateTooltipFromAnchor(anchorRef,tooltipRef),top=_calculateTooltipFrom.top,left=_calculateTooltipFrom.left,shouldAnchorToBottom=_calculateTooltipFrom.shouldAnchorToBottom,offsetIndicatorLeft=_calculateTooltipFrom.offsetIndicatorLeft;if(limitToViewport){var maxHeight=window.innerHeight-top;tooltipRef.style.maxHeight=maxHeight-32+"px"}return tooltipRef.style.top=top+"px",tooltipRef.style.left=left+"px",tooltipRef.style.setProperty("--anchor-indicator-offset-left",offsetIndicatorLeft+"px"),shouldAnchorToBottom?(tooltipRef.classList.remove(AnchoredTooltip_AnchoredTooltip_module.anchoredTop),tooltipRef.classList.add(AnchoredTooltip_AnchoredTooltip_module.anchoredBottom)):(tooltipRef.classList.add(AnchoredTooltip_AnchoredTooltip_module.anchoredTop),tooltipRef.classList.remove(AnchoredTooltip_AnchoredTooltip_module.anchoredBottom)),{shouldAnchorToBottom:shouldAnchorToBottom}}function AnchoredTooltip(props){var open=props.open,children=props.children,anchorRef=props.anchorRef,tooltipRef=(0,react.useRef)(null),className=(0,OneUIProvider.xK)("component.tooltip.className");return(0,react.useEffect)((function(){if(open){anchorRef.current&&tooltipRef.current&&updateTooltipPosition(tooltipRef.current,anchorRef.current);var scrollHandler=function scrollHandler(){anchorRef.current&&tooltipRef.current&&updateTooltipPosition(tooltipRef.current,anchorRef.current)};return window.addEventListener("scroll",scrollHandler),function(){window.removeEventListener("scroll",scrollHandler)}}}),[open,anchorRef]),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(FadeIn.Z,{onClick:function onClick(e){return e.stopPropagation()},ref:tooltipRef,className:AnchoredTooltip_AnchoredTooltip_module.tooltipContainer+" "+(open?AnchoredTooltip_AnchoredTooltip_module.open:"")+" "+(props.className||"")+" "+className,children:open?(0,jsx_runtime.jsx)("div",{children:children}):void 0})})}try{AnchoredTooltip.displayName="AnchoredTooltip",AnchoredTooltip.__docgenInfo={description:"This tooltip anchors itself to an element and handles positioning relative to the anchored element",displayName:"AnchoredTooltip",props:{anchorRef:{defaultValue:null,description:"",name:"anchorRef",required:!0,type:{name:"RefObject<HTMLElement>"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AnchoredTooltip/AnchoredTooltip.tsx#AnchoredTooltip"]={docgenInfo:AnchoredTooltip.__docgenInfo,name:"AnchoredTooltip",path:"src/components/AnchoredTooltip/AnchoredTooltip.tsx#AnchoredTooltip"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/AnimatedEntrance/AnimatedEntrance.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{ZP:function(){return AnimatedEntrance}});__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js");var _CONFIGS_BY_ENTRANCE_,EntranceType,react=__webpack_require__("./node_modules/react/index.js"),Transition=__webpack_require__("./src/components/Transition/index.tsx"),UncontrolledTransition=__webpack_require__("./src/components/UncontrolledTransition/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),AnimatedEntrance_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AnimatedEntrance/AnimatedEntrance.module.scss"),options={insert:"head",singleton:!1},AnimatedEntrance_AnimatedEntrance_module=(injectStylesIntoStyleTag_default()(AnimatedEntrance_module.Z,options),AnimatedEntrance_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}!function(EntranceType){EntranceType[EntranceType.SLIDE_AND_EXPAND=0]="SLIDE_AND_EXPAND",EntranceType[EntranceType.EXPAND=1]="EXPAND"}(EntranceType||(EntranceType={}));var CONFIGS_BY_ENTRANCE_TYPE=((_CONFIGS_BY_ENTRANCE_={})[EntranceType.SLIDE_AND_EXPAND]={forward:{elementEntering:AnimatedEntrance_AnimatedEntrance_module.elementEntering,elementExiting:AnimatedEntrance_AnimatedEntrance_module.elementExiting},backward:{elementEntering:AnimatedEntrance_AnimatedEntrance_module.elementEnteringReverse,elementExiting:AnimatedEntrance_AnimatedEntrance_module.elementExitingReverse}},_CONFIGS_BY_ENTRANCE_[EntranceType.EXPAND]={forward:{elementEntering:AnimatedEntrance_AnimatedEntrance_module.elementExpanding,elementExiting:AnimatedEntrance_AnimatedEntrance_module.elementShrinking},backward:{elementEntering:AnimatedEntrance_AnimatedEntrance_module.elementExpandingReverse,elementExiting:AnimatedEntrance_AnimatedEntrance_module.elementShrinkingReverse}},_CONFIGS_BY_ENTRANCE_);function AnimatedEntranceItem(_ref){var children=_ref.children,noEntranceAnimation=_ref.noEntranceAnimation,onRemoveChildren=_ref.onRemoveChildren,entranceType=_ref.entranceType,uncontRef=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(noEntranceAnimation?children:(0,jsx_runtime.jsx)(react.Fragment,{},"null")),2),screen=_useState2[0],setScreen=_useState2[1];(0,react.useLayoutEffect)((function(){String(children.key).includes("-nullated")&&uncontRef.current&&uncontRef.current.setOrientation("backward")}),[children.key]),(0,react.useEffect)((function(){setScreen(String(children.key))}),[children.key]),(0,react.useEffect)((function(){if(null!==screen){var x=setTimeout((function(){var key=String("string"==typeof screen?screen:screen.key);if("null"===key||key.includes("-nullated"))uncontRef.current.sectionRef.current.style.maxHeight=uncontRef.current.sectionRef.current.scrollHeight+"px",setTimeout((function(){uncontRef.current.sectionRef.current.style.maxHeight="0px"}),100);else if(uncontRef.current.sectionRef.current.style.maxHeight=uncontRef.current.sectionRef.current.scrollHeight+"px",noEntranceAnimation)uncontRef.current.sectionRef.current.style.maxHeight="initial";else{uncontRef.current.sectionRef.current.addEventListener("transitionend",(function restoreAutoHeight(_ref2){_ref2.target===_ref2.currentTarget&&(uncontRef.current.sectionRef.current.style.maxHeight="initial",uncontRef.current.sectionRef.current.removeEventListener("transitionend",restoreAutoHeight))}))}}),100);return function(){clearTimeout(x)}}}),["object"==typeof screen?null==screen?void 0:screen.key:screen]);var className=(0,react.useMemo)((function(){return noEntranceAnimation?"":AnimatedEntrance_AnimatedEntrance_module.maxHeight}),[String(children.key).includes("-nullated")]);return null===screen?null:(0,jsx_runtime.jsx)(UncontrolledTransition.Z,{ref:uncontRef,transitionType:Transition.Y.CUSTOM,className:AnimatedEntrance_AnimatedEntrance_module.resetHeight+" "+className,lockTransitionWidth:!0,onDiscardStep:function onDiscardStep(k){"null"!==k&&(onRemoveChildren(k),setScreen(null))},config:CONFIGS_BY_ENTRANCE_TYPE[entranceType],children:"string"==typeof screen?children:screen},String(children.key).replace("-nullated",""))}function AnimatedEntrance(_ref3){var children=_ref3.children,_ref3$entranceType=_ref3.entranceType,entranceType=void 0===_ref3$entranceType?EntranceType.SLIDE_AND_EXPAND:_ref3$entranceType,firstRef=(0,react.useRef)(!0);(0,react.useEffect)((function(){firstRef.current=!1}),[]);var prevChildren=(0,react.useRef)([]),childrenDelayed=(0,react.useMemo)((function(){var _step,newChildren=children.filter((function(c){return!prevChildren.current.find((function(a){return a.key===c.key}))})),filteredOutChildren=prevChildren.current.map((function(c){return children.find((function(a){return a.key===c.key}))?c:(0,jsx_runtime.jsx)(react.Fragment,{},String(c.key).includes("-nullated")?c.key:c.key+"-nullated")})),_loop=function _loop(child){var _children,previousChildKey=null===(_children=children[children.indexOf(child)-1])||void 0===_children?void 0:_children.key;previousChildKey?filteredOutChildren.splice(filteredOutChildren.findIndex((function(a){return a.key===previousChildKey}))+1,0,child):filteredOutChildren.unshift(child)},_iterator=function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e2){throw _e2},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e3){didErr=!0,err=_e3},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}(newChildren);try{for(_iterator.s();!(_step=_iterator.n()).done;){_loop(_step.value)}}catch(err){_iterator.e(err)}finally{_iterator.f()}return filteredOutChildren}),[children]);return prevChildren.current=childrenDelayed,(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:childrenDelayed.map((function(child){return(0,jsx_runtime.jsx)(AnimatedEntranceItem,{noEntranceAnimation:firstRef.current,entranceType:entranceType,onRemoveChildren:function onRemoveChildren(k){return prevChildren.current=prevChildren.current.filter((function(a){return a.key!==String(k)+"-nullated"}))},children:children.find((function(c){return c.key===child.key}))||child},String(child.key).replace("-nullated",""))}))})}try{AnimatedEntranceItem.displayName="AnimatedEntranceItem",AnimatedEntranceItem.__docgenInfo={description:"",displayName:"AnimatedEntranceItem",props:{noEntranceAnimation:{defaultValue:null,description:"",name:"noEntranceAnimation",required:!0,type:{name:"boolean"}},onRemoveChildren:{defaultValue:null,description:"",name:"onRemoveChildren",required:!0,type:{name:"(key: Key) => void"}},entranceType:{defaultValue:null,description:"",name:"entranceType",required:!0,type:{name:"enum",value:[{value:"0"},{value:"1"}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AnimatedEntrance/AnimatedEntrance.tsx#AnimatedEntranceItem"]={docgenInfo:AnimatedEntranceItem.__docgenInfo,name:"AnimatedEntranceItem",path:"src/components/AnimatedEntrance/AnimatedEntrance.tsx#AnimatedEntranceItem"})}catch(__react_docgen_typescript_loader_error){}try{AnimatedEntrance.displayName="AnimatedEntrance",AnimatedEntrance.__docgenInfo={description:"Animates the entrance and exit of a component",displayName:"AnimatedEntrance",props:{entranceType:{defaultValue:{value:"EntranceType.SLIDE_AND_EXPAND"},description:"",name:"entranceType",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AnimatedEntrance/AnimatedEntrance.tsx#AnimatedEntrance"]={docgenInfo:AnimatedEntrance.__docgenInfo,name:"AnimatedEntrance",path:"src/components/AnimatedEntrance/AnimatedEntrance.tsx#AnimatedEntrance"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Button/Button.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{b:function(){return _Button},Z:function(){return Button}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Button_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Button/Button.module.scss"),options={insert:"head",singleton:!1},Button_Button_module=(injectStylesIntoStyleTag_default()(Button_module.Z,options),Button_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","variant","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _Button(_ref){var children=_ref.children,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"transparent":_ref$variant,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,otherProps=_objectWithoutProperties(_ref,_excluded),classNameType=(0,OneUIProvider.xK)("component.button.className",{});return(0,jsx_runtime.jsx)("button",Object.assign({ref:arguments[1],className:Button_Button_module.button+" "+Button_Button_module[variant]+" "+className+" "+(classNameType[variant]||"")},otherProps,{children:children}))}_Button.displayName="_Button";var Button=(0,react.forwardRef)(_Button);try{_Button.displayName="_Button",_Button.__docgenInfo={description:"A simple button with the new design",displayName:"_Button",props:{variant:{defaultValue:{value:"transparent"},description:"",name:"variant",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.tsx#_Button"]={docgenInfo:_Button.__docgenInfo,name:"_Button",path:"src/components/Button/Button.tsx#_Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Button/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _Button__WEBPACK_IMPORTED_MODULE_0__.Z}});var _Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/Button.tsx");try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/index.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/Button/index.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Card/Card.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return Card}});__webpack_require__("./node_modules/react/index.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Card_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Card/Card.module.scss"),options={insert:"head",singleton:!1},Card_Card_module=(injectStylesIntoStyleTag_default()(Card_module.Z,options),Card_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Card(_ref){var children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className;return(0,jsx_runtime.jsx)("div",{className:Card_Card_module.container+" "+className,children:children})}Card.displayName="Card";try{Card.displayName="Card",Card.__docgenInfo={description:"A card layout that holds content",displayName:"Card",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Card/Card.tsx#Card"]={docgenInfo:Card.__docgenInfo,name:"Card",path:"src/components/Card/Card.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Collapsable/Collapsable.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return Collapsable}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var FadeIn=__webpack_require__("./src/components/FadeIn/index.tsx"),react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Collapsable_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Collapsable/Collapsable.module.scss"),options={insert:"head",singleton:!1},Collapsable_Collapsable_module=(injectStylesIntoStyleTag_default()(Collapsable_module.Z,options),Collapsable_module.Z.locals||{}),AnchoredTooltip=__webpack_require__("./src/components/AnchoredTooltip/AnchoredTooltip.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","title","className","onToggleOpen","open","id","mode","contentClassName","onContentClick","keepUnderlayingElement","onClickOut"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Collapsable(_ref){var children=_ref.children,title=_ref.title,className=_ref.className,onToggleOpen=_ref.onToggleOpen,open=_ref.open,id=_ref.id,_ref$mode=_ref.mode,mode=void 0===_ref$mode?"block":_ref$mode,contentClassName=_ref.contentClassName,onContentClick=_ref.onContentClick,keepUnderlayingElement=_ref.keepUnderlayingElement,onClickOut=_ref.onClickOut,props=_objectWithoutProperties(_ref,_excluded),contentRef=(0,react.useRef)(null),toggleRef=(0,react.useRef)(null);return(0,react.useEffect)((function(){if(open&&onClickOut)return window.addEventListener("click",onClickOut),function(){return window.removeEventListener("click",onClickOut)}}),[!!onClickOut,open]),(0,react.useLayoutEffect)((function(){var el=contentRef.current;if(open){if(el.style.height=el.scrollHeight+"px",el.parentElement.style.position="relative","float"===mode){el.style.minHeight=el.style.height;var shouldAnchorToBottom=(0,AnchoredTooltip.J)(el,toggleRef.current,!0).shouldAnchorToBottom;el.style.minHeight="",shouldAnchorToBottom||(el.style.marginTop=el.style.height);var transitionStart=function transitionStart(_ref2){var currentTarget=_ref2.currentTarget,target=_ref2.target,propertyName=_ref2.propertyName;currentTarget!==target||"height"!=propertyName||shouldAnchorToBottom||(el.classList.add(Collapsable_Collapsable_module.transitionMarginTop),el.style.marginTop="0px")};return el.addEventListener("transitionstart",transitionStart),function(){return el.removeEventListener("transitionstart",transitionStart)}}var onTransitionEnd=function onTransitionEnd(){el.style.height="auto"};return el.addEventListener("transitionend",onTransitionEnd),el.addEventListener("transitionend",(function(){return el.removeEventListener("transitionend",onTransitionEnd)})),function(){el.removeEventListener("transitionend",onTransitionEnd)}}el.style.height=el.clientHeight+"px",setTimeout((function(){"0px"===el.style.marginTop&&(el.style.marginTop=el.clientHeight+"px"),el.style.height="0px"}),100);var _onTransitionEnd=function _onTransitionEnd(){el.parentElement.style.position="initial",el.classList.remove(Collapsable_Collapsable_module.transitionMarginTop),el.style.marginTop="",el.removeEventListener("transitionend",_onTransitionEnd)};return el.addEventListener("transitionend",_onTransitionEnd),function(){el.removeEventListener("transitionend",_onTransitionEnd)}}),[open]),(0,jsx_runtime.jsxs)("div",Object.assign({className:Collapsable_Collapsable_module.container+" "+(open?Collapsable_Collapsable_module.open:Collapsable_Collapsable_module.closed)+" "+className},props,{children:[(0,jsx_runtime.jsx)("div",{ref:toggleRef,onClick:function onClick(e){e.stopPropagation(),onToggleOpen(!open)},id:_collapsableId("header",id),children:title}),(0,jsx_runtime.jsx)("div",{onClick:function onClick(e){e.stopPropagation(),onContentClick&&onContentClick(e)},ref:contentRef,className:Collapsable_Collapsable_module.content+" "+(Collapsable_Collapsable_module[mode]||"")+" "+contentClassName,id:_collapsableId("content",id),children:(0,jsx_runtime.jsx)(FadeIn.Z,{children:open||keepUnderlayingElement?children:null})})]}))}function _collapsableId(type,id){return id?"collapsable_"+type+"_"+id:void 0}Collapsable.displayName="Collapsable";var _CollapsableInterface=null;function CollapsableInterface(id){return new _CollapsableInterface(id)}try{Collapsable.displayName="Collapsable",Collapsable.__docgenInfo={description:"Wrapps some content on a collapsable header",displayName:"Collapsable",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"",name:"contentClassName",required:!1,type:{name:"string"}},onToggleOpen:{defaultValue:null,description:"",name:"onToggleOpen",required:!0,type:{name:"(isOpen: boolean) => void"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},mode:{defaultValue:{value:"block"},description:"This will define if the content will be floating under the title or will expand all the container as one",name:"mode",required:!1,type:{name:"enum",value:[{value:'"float"'},{value:'"block"'}]}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},onContentClick:{defaultValue:null,description:"",name:"onContentClick",required:!1,type:{name:"MouseEventHandler<HTMLInputElement>"}},keepUnderlayingElement:{defaultValue:null,description:'This flag indicates if the collapsable content should be kept in HTML while it\'s collapsed\n\nUsefull for responsive layouts where the collapsable should not "behave" as a collapsable content',name:"keepUnderlayingElement",required:!1,type:{name:"boolean"}},onClickOut:{defaultValue:null,description:"To detect when the user clicks out of the container",name:"onClickOut",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Collapsable/Collapsable.tsx#Collapsable"]={docgenInfo:Collapsable.__docgenInfo,name:"Collapsable",path:"src/components/Collapsable/Collapsable.tsx#Collapsable"})}catch(__react_docgen_typescript_loader_error){}try{CollapsableInterface.displayName="CollapsableInterface",CollapsableInterface.__docgenInfo={description:"A helper function for interacting with collapsables without a reference",displayName:"CollapsableInterface",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Collapsable/Collapsable.tsx#CollapsableInterface"]={docgenInfo:CollapsableInterface.__docgenInfo,name:"CollapsableInterface",path:"src/components/Collapsable/Collapsable.tsx#CollapsableInterface"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Collapsable/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _Collapsable__WEBPACK_IMPORTED_MODULE_0__.Z}});var _Collapsable__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Collapsable/Collapsable.tsx");try{Collapsable.displayName="Collapsable",Collapsable.__docgenInfo={description:"Wrapps some content on a collapsable header",displayName:"Collapsable",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"",name:"contentClassName",required:!1,type:{name:"string"}},onToggleOpen:{defaultValue:null,description:"",name:"onToggleOpen",required:!0,type:{name:"(isOpen: boolean) => void"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},mode:{defaultValue:{value:"block"},description:"This will define if the content will be floating under the title or will expand all the container as one",name:"mode",required:!1,type:{name:"enum",value:[{value:'"float"'},{value:'"block"'}]}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},onContentClick:{defaultValue:null,description:"",name:"onContentClick",required:!1,type:{name:"MouseEventHandler<HTMLInputElement>"}},keepUnderlayingElement:{defaultValue:null,description:'This flag indicates if the collapsable content should be kept in HTML while it\'s collapsed\n\nUsefull for responsive layouts where the collapsable should not "behave" as a collapsable content',name:"keepUnderlayingElement",required:!1,type:{name:"boolean"}},onClickOut:{defaultValue:null,description:"To detect when the user clicks out of the container",name:"onClickOut",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Collapsable/index.tsx#Collapsable"]={docgenInfo:Collapsable.__docgenInfo,name:"Collapsable",path:"src/components/Collapsable/index.tsx#Collapsable"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/EmailInput/EmailInput.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react/index.js"),_Input__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Input/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function validateEmail(email){return/@.*\./.test(email)}function EmailInput(props,ref){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(!!props.value&&!validateEmail(props.value)),2),localWarning=_useState2[0],setLocalWarning=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_10__.useImperativeHandle)(ref,(function(){return{validateEmail:validateEmail}})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_Input__WEBPACK_IMPORTED_MODULE_11__.Z,Object.assign({},props,{error:localWarning?props.messages.invalidEmail:props.error,onBlur:function onBlur(_ref){var value=_ref.target.value;setLocalWarning(!!value&&!validateEmail(value))},onFocus:function onFocus(){return setLocalWarning(!1)},onChange:function _handleInputChange(e){props.onChange(e.target.value,validateEmail(e.target.value))}}))}EmailInput.displayName="EmailInput",__webpack_exports__.Z=(0,react__WEBPACK_IMPORTED_MODULE_10__.forwardRef)(EmailInput);try{validateEmail.displayName="validateEmail",validateEmail.__docgenInfo={description:"",displayName:"validateEmail",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/EmailInput/EmailInput.tsx#validateEmail"]={docgenInfo:validateEmail.__docgenInfo,name:"validateEmail",path:"src/components/EmailInput/EmailInput.tsx#validateEmail"})}catch(__react_docgen_typescript_loader_error){}try{EmailInput.displayName="EmailInput",EmailInput.__docgenInfo={description:"A Input based wrapper to handle inputs of email",displayName:"EmailInput",props:{placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},decoration:{defaultValue:null,description:"",name:"decoration",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | null"}},hideError:{defaultValue:null,description:"",name:"hideError",required:!1,type:{name:"enum",value:[{value:'"onfocus"'}]}},disclaimer:{defaultValue:null,description:"",name:"disclaimer",required:!1,type:{name:"string"}},multiline:{defaultValue:null,description:"",name:"multiline",required:!1,type:{name:"number"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"({ onClick?: (() => void); } & ClassAttributes<any> & ImgHTMLAttributes<HTMLImageElement>)"}},Icon:{defaultValue:null,description:"",name:"Icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(email: string, isValid: boolean) => void"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},messages:{defaultValue:null,description:"",name:"messages",required:!0,type:{name:"{ invalidEmail: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/EmailInput/EmailInput.tsx#EmailInput"]={docgenInfo:EmailInput.__docgenInfo,name:"EmailInput",path:"src/components/EmailInput/EmailInput.tsx#EmailInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/FadeIn/FadeIn.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return FadeIn_FadeIn}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),FadeIn_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/FadeIn/FadeIn.module.scss"),options={insert:"head",singleton:!1},FadeIn_FadeIn_module=(injectStylesIntoStyleTag_default()(FadeIn_module.Z,options),FadeIn_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onHidden","children","className","active","onClick"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function FadeIn(_ref,divRef){var onHidden=_ref.onHidden,children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,active=_ref.active,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded);divRef||(divRef=(0,react.createRef)());var trigger=_slicedToArray((0,react.useState)(0),2)[1],prevChildren=(0,react.useRef)();return prevChildren.current=children||prevChildren.current,(0,react.useEffect)((function(){var el=divRef.current;if(void 0!==active?!active:!children){el.classList.remove(FadeIn_FadeIn_module.active);var handler=function handler(){prevChildren.current=null,trigger((function(a){return a+1})),onHidden&&!el.classList.contains(FadeIn_FadeIn_module.active)&&onHidden()};return el.addEventListener("transitionend",handler),function(){el.removeEventListener("transitionend",handler)}}el.classList.add(FadeIn_FadeIn_module.active)}),[children,active]),(0,jsx_runtime.jsx)("div",Object.assign({ref:divRef,className:FadeIn_FadeIn_module.container+" "+className,onClick:onClick},props,{children:prevChildren.current}))}FadeIn.displayName="FadeIn";var FadeIn_FadeIn=(0,react.forwardRef)(FadeIn);try{FadeIn.displayName="FadeIn",FadeIn.__docgenInfo={description:"Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout",displayName:"FadeIn",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FadeIn/FadeIn.tsx#FadeIn"]={docgenInfo:FadeIn.__docgenInfo,name:"FadeIn",path:"src/components/FadeIn/FadeIn.tsx#FadeIn"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/FadeIn/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _FadeIn__WEBPACK_IMPORTED_MODULE_0__.Z}});var _FadeIn__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/FadeIn/FadeIn.tsx");try{FadeIn.displayName="FadeIn",FadeIn.__docgenInfo={description:"",displayName:"FadeIn",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((e: SyntheticEvent<HTMLDivElement, Event>) => void)"}},onHidden:{defaultValue:null,description:"",name:"onHidden",required:!1,type:{name:"(() => void)"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FadeIn/index.tsx#FadeIn"]={docgenInfo:FadeIn.__docgenInfo,name:"FadeIn",path:"src/components/FadeIn/index.tsx#FadeIn"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/HeaderCloseBtn/HeaderCloseBtn.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return HeaderButton}});__webpack_require__("./node_modules/react/index.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),HeaderCloseBtn_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/HeaderCloseBtn/HeaderCloseBtn.module.scss"),options={insert:"head",singleton:!1},HeaderCloseBtn_HeaderCloseBtn_module=(injectStylesIntoStyleTag_default()(HeaderCloseBtn_module.Z,options),HeaderCloseBtn_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function HeaderButton(_ref){var mode=_ref.mode,hidden=_ref.hidden,onClick=_ref.onClick;return(0,jsx_runtime.jsxs)("div",{"data-testid":"header-control-back",className:HeaderCloseBtn_HeaderCloseBtn_module.headerButton+" "+HeaderCloseBtn_HeaderCloseBtn_module[mode]+" "+(hidden?HeaderCloseBtn_HeaderCloseBtn_module.pointOfNoReturn:""),onClick:onClick,children:[(0,jsx_runtime.jsx)("div",{}),(0,jsx_runtime.jsx)("div",{})]})}HeaderButton.displayName="HeaderButton";try{HeaderCloseBtn.displayName="HeaderCloseBtn",HeaderCloseBtn.__docgenInfo={description:"A simple close button implemented with pure HTML and CSS",displayName:"HeaderCloseBtn",props:{mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"back"'},{value:'"close"'}]}},hidden:{defaultValue:null,description:"",name:"hidden",required:!0,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/HeaderCloseBtn/HeaderCloseBtn.tsx#HeaderCloseBtn"]={docgenInfo:HeaderCloseBtn.__docgenInfo,name:"HeaderCloseBtn",path:"src/components/HeaderCloseBtn/HeaderCloseBtn.tsx#HeaderCloseBtn"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/Input.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return Input_Input}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var InputTestIds,react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),Text=__webpack_require__("./src/components/Text/index.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Input_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Input/Input.module.scss"),options={insert:"head",singleton:!1},Input_Input_module=(injectStylesIntoStyleTag_default()(Input_module.Z,options),Input_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["error","placeholder","hideError","icon","Icon","autoFocus","disclaimer","multiline","decoration","border"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Input(_ref,ref){var error=_ref.error,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?" ":_ref$placeholder,hideError=_ref.hideError,icon=_ref.icon,Icon=_ref.Icon,autoFocus=_ref.autoFocus,disclaimer=_ref.disclaimer,multiline=_ref.multiline,_ref$decoration=_ref.decoration,decoration=void 0===_ref$decoration?null:_ref$decoration,propBorder=_ref.border,otherProps=_objectWithoutProperties(_ref,_excluded),className=(0,OneUIProvider.xK)("component.input.className"),globalBorder=(0,OneUIProvider.xK)("component.input.border"),_useState2=_slicedToArray((0,react.useState)(!1),2),focused=_useState2[0],setFocused=_useState2[1],inputRef=(0,react.useRef)(null);(0,react.useImperativeHandle)(ref,(function(){return inputRef.current}),[]);var shouldShowError=(0,react.useMemo)((function(){return"onfocus"===hideError?!focused:!!error}),[focused,error,hideError]);(0,react.useEffect)((function(){if(autoFocus){var t=setTimeout((function(){inputRef.current.focus()}),500);return function(){return clearTimeout(t)}}}),[autoFocus]);var Component=multiline?"textarea":"input",withBorder=(0,react.useMemo)((function(){return void 0!==propBorder?propBorder:globalBorder}),[propBorder,globalBorder]);return(0,jsx_runtime.jsxs)("div",{className:Input_Input_module.inputContainer+"  "+className,children:[decoration,(0,jsx_runtime.jsx)(Component,Object.assign({ref:inputRef,placeholder:placeholder,rows:multiline},otherProps,{onFocus:function onFocus(e){setFocused(!0),otherProps.onFocus&&otherProps.onFocus(e)},onBlur:function onBlur(e){setFocused(!1),otherProps.onBlur&&otherProps.onBlur(e)}})),withBorder&&(0,jsx_runtime.jsx)("div",{className:Input_Input_module.border}),error&&shouldShowError?(0,jsx_runtime.jsx)(Text.Z,{title:error,"data-testid":InputTestIds.ERROR,className:Input_Input_module.caption,type:"error",children:error}):disclaimer?(0,jsx_runtime.jsx)(Text.Z,{title:disclaimer,type:"caption",className:Input_Input_module.caption,"data-testid":InputTestIds.DISCLAIMER,children:disclaimer}):null,Icon&&(0,jsx_runtime.jsx)("div",{className:Input_Input_module.icon,children:Icon}),icon&&(0,jsx_runtime.jsx)("img",Object.assign({className:Input_Input_module.icon},icon))]})}Input.displayName="Input",function(InputTestIds){InputTestIds.DISCLAIMER="disclaimer",InputTestIds.ERROR="error"}(InputTestIds||(InputTestIds={}));var Input_Input=(0,react.forwardRef)(Input);try{Input.displayName="Input",Input.__docgenInfo={description:"A transparent input with some prebuilt states common to the application",displayName:"Input",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/Input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/Input/Input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _Input__WEBPACK_IMPORTED_MODULE_0__.Z}});var _Input__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Input/Input.tsx");try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{decoration:{defaultValue:null,description:"",name:"decoration",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | null"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},hideError:{defaultValue:null,description:"",name:"hideError",required:!1,type:{name:"enum",value:[{value:'"onfocus"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},disclaimer:{defaultValue:null,description:"",name:"disclaimer",required:!1,type:{name:"string"}},multiline:{defaultValue:null,description:"",name:"multiline",required:!1,type:{name:"number"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"({ onClick?: (() => void); } & ClassAttributes<any> & ImgHTMLAttributes<HTMLImageElement>)"}},Icon:{defaultValue:null,description:"",name:"Icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/index.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/Input/index.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Loader/Loader.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return Loader}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Loader_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Loader/Loader.module.scss"),options={insert:"head",singleton:!1},Loader_Loader_module=(injectStylesIntoStyleTag_default()(Loader_module.Z,options),Loader_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Loader(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsxs)("span",Object.assign({className:Loader_Loader_module.indicator+" "+className},props,{children:[(0,jsx_runtime.jsx)("span",{}),(0,jsx_runtime.jsx)("span",{}),(0,jsx_runtime.jsx)("span",{})]}))}Loader.displayName="Loader";try{Loader.displayName="Loader",Loader.__docgenInfo={description:"A simple loader",displayName:"Loader",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader.__docgenInfo,name:"Loader",path:"src/components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Loader/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _Loader__WEBPACK_IMPORTED_MODULE_0__.Z}});var _Loader__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Loader/Loader.tsx");try{Loader.displayName="Loader",Loader.__docgenInfo={description:"A simple loader",displayName:"Loader",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Loader/index.tsx#Loader"]={docgenInfo:Loader.__docgenInfo,name:"Loader",path:"src/components/Loader/index.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/MutableHamburgerButton/MutableHamburgerButton.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return MutableHamburgerButton}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),MutableHamburgerButton_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MutableHamburgerButton/MutableHamburgerButton.module.scss"),options={insert:"head",singleton:!1},MutableHamburgerButton_MutableHamburgerButton_module=(injectStylesIntoStyleTag_default()(MutableHamburgerButton_module.Z,options),MutableHamburgerButton_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["state","size","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function MutableHamburgerButton(_ref){var _ref$state=_ref.state,state=void 0===_ref$state?"default":_ref$state,size=_ref.size,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsxs)("div",Object.assign({},props,{className:MutableHamburgerButton_MutableHamburgerButton_module.container+" "+MutableHamburgerButton_MutableHamburgerButton_module[state]+" "+className,style:{fontSize:size+"px"},children:[(0,jsx_runtime.jsx)("div",{}),(0,jsx_runtime.jsx)("div",{}),(0,jsx_runtime.jsx)("div",{})]}))}MutableHamburgerButton.displayName="MutableHamburgerButton";try{MutableHamburgerButton.displayName="MutableHamburgerButton",MutableHamburgerButton.__docgenInfo={description:"A hamburger button that mutates according to it's state",displayName:"MutableHamburgerButton",props:{state:{defaultValue:{value:"default"},description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"loading"'},{value:'"search"'},{value:'"closed"'},{value:'"arrow-up"'},{value:'"arrow-down"'},{value:'"checkmark"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MutableHamburgerButton/MutableHamburgerButton.tsx#MutableHamburgerButton"]={docgenInfo:MutableHamburgerButton.__docgenInfo,name:"MutableHamburgerButton",path:"src/components/MutableHamburgerButton/MutableHamburgerButton.tsx#MutableHamburgerButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/MutableHamburgerButton/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_0__.Z}});var _MutableHamburgerButton__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/MutableHamburgerButton/MutableHamburgerButton.tsx");try{MutableHamburgerButton.displayName="MutableHamburgerButton",MutableHamburgerButton.__docgenInfo={description:"A hamburger button that mutates according to it's state",displayName:"MutableHamburgerButton",props:{state:{defaultValue:{value:"default"},description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"loading"'},{value:'"search"'},{value:'"closed"'},{value:'"arrow-up"'},{value:'"arrow-down"'},{value:'"checkmark"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MutableHamburgerButton/index.tsx#MutableHamburgerButton"]={docgenInfo:MutableHamburgerButton.__docgenInfo,name:"MutableHamburgerButton",path:"src/components/MutableHamburgerButton/index.tsx#MutableHamburgerButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Spacing/Spacing.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return Spacing}});__webpack_require__("./node_modules/react/index.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Spacing_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Spacing/Spacing.module.scss"),options={insert:"head",singleton:!1},Spacing_Spacing_module=(injectStylesIntoStyleTag_default()(Spacing_module.Z,options),Spacing_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Spacing(_ref){var size=_ref.size;return(0,jsx_runtime.jsx)("div",{className:Spacing_Spacing_module.spacing+" "+Spacing_Spacing_module["spacing_"+size]})}Spacing.displayName="Spacing";try{Spacing.displayName="Spacing",Spacing.__docgenInfo={description:"A component to inject some spacing between component when required",displayName:"Spacing",props:{size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"stretch"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Spacing/Spacing.tsx#Spacing"]={docgenInfo:Spacing.__docgenInfo,name:"Spacing",path:"src/components/Spacing/Spacing.tsx#Spacing"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Spacing/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _Spacing__WEBPACK_IMPORTED_MODULE_0__.Z}});var _Spacing__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Spacing/Spacing.tsx");try{Spacing.displayName="Spacing",Spacing.__docgenInfo={description:"A component to inject some spacing between component when required",displayName:"Spacing",props:{size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"stretch"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Spacing/index.tsx#Spacing"]={docgenInfo:Spacing.__docgenInfo,name:"Spacing",path:"src/components/Spacing/index.tsx#Spacing"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Tabs/Tabs.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return Tabs}});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Tabs_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Tabs/Tabs.module.scss"),options={insert:"head",singleton:!1},Tabs_Tabs_module=(injectStylesIntoStyleTag_default()(Tabs_module.Z,options),Tabs_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Tabs(_ref){var options=_ref.options,selected=_ref.selected,onSelect=_ref.onSelect,_ref$itemClassName=_ref.itemClassName,itemClassName=void 0===_ref$itemClassName?"":_ref$itemClassName,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,selectedRef=(0,react.useRef)(null),guideRef=(0,react.useRef)(null);return(0,react.useEffect)((function(){guideRef.current.style.opacity=selectedRef.current?"1":guideRef.current.style.opacity,guideRef.current.style.width=selectedRef.current?selectedRef.current.clientWidth+"px":"0px",guideRef.current.style.left=selectedRef.current?selectedRef.current.offsetLeft+"px":guideRef.current.style.left||"initial",guideRef.current.style.top=selectedRef.current?selectedRef.current.offsetTop+selectedRef.current.clientHeight+"px":guideRef.current.style.top||"initial"}),[selected]),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsxs)("div",{className:Tabs_Tabs_module.container+" "+className,children:[options.map((function(o){return(0,jsx_runtime.jsx)("p",{ref:selected===o.id?selectedRef:void 0,onClick:function onClick(){return onSelect(o.id)},className:(selected===o.id?Tabs_Tabs_module.selected:"")+" "+itemClassName,"data-testid":"tab-option",children:o.label},o.id)})),(0,jsx_runtime.jsx)("div",{ref:guideRef,className:Tabs_Tabs_module.guide,"data-testid":"tab-guide"})]})})}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Show tabs for toggling between options",displayName:"Tabs",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"readonly { id: O; label: string; }[]"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"string"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(option: O) => void"}},itemClassName:{defaultValue:{value:""},description:"",name:"itemClassName",required:!1,type:{name:"string"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tabs/Tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/components/Tabs/Tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Tabs/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _Tabs__WEBPACK_IMPORTED_MODULE_0__.Z}});var _Tabs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Tabs/Tabs.tsx");try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Show tabs for toggling between options",displayName:"Tabs",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"readonly { id: O; label: string; }[]"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"string"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(option: O) => void"}},itemClassName:{defaultValue:{value:""},description:"",name:"itemClassName",required:!1,type:{name:"string"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tabs/index.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/components/Tabs/index.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Text/Text.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{U:function(){return _Text},Z:function(){return Text}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),OneUIProvider=__webpack_require__("./src/context/OneUIProvider.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Text_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Text/Text.module.scss"),options={insert:"head",singleton:!1},Text_Text_module=(injectStylesIntoStyleTag_default()(Text_module.Z,options),Text_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["type","children","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _Text(_ref){var type=_ref.type,children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,otherProps=_objectWithoutProperties(_ref,_excluded),classNameType=(0,OneUIProvider.xK)("component.text.className",{});return(0,jsx_runtime.jsx)("p",Object.assign({ref:arguments[1],className:Text_Text_module.text+" "+(classNameType[type]||Text_Text_module[type])+" "+className+" "+(otherProps.onClick?Text_Text_module.iteractible:"")},otherProps,{children:children}))}_Text.displayName="_Text";var Text=(0,react.forwardRef)(_Text);try{_Text.displayName="_Text",_Text.__docgenInfo={description:"A component to hold all text variantions",displayName:"_Text",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"OnepercentUtility.UIElements.TextVariants"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/Text.tsx#_Text"]={docgenInfo:_Text.__docgenInfo,name:"_Text",path:"src/components/Text/Text.tsx#_Text"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Text/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return _Text__WEBPACK_IMPORTED_MODULE_0__.Z}});var _Text__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Text/Text.tsx");try{Text.displayName="Text",Text.__docgenInfo={description:"",displayName:"Text",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"OnepercentUtility.UIElements.TextVariants"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/index.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"src/components/Text/index.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Transition/Transition.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Y:function(){return TransitionAnimationTypes},Z:function(){return Transition_Transition}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js");var TransitionAnimationTypes,react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Transition_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Transition/Transition.module.scss"),options={insert:"head",singleton:!1},Transition_Transition_module=(injectStylesIntoStyleTag_default()(Transition_module.Z,options),Transition_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["step","contentStyle","contentClassName","children","className","onDiscardStep","lockTransitionWidth"];function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function ChildrenWrapperFactory(func,key,externalPropsContainer,toRemoveKeys){return func.associatedKey=key,func.toRemoveKeys=toRemoveKeys,func.externalProps=externalPropsContainer,func}function Transition(_ref,_containerRef){var step=_ref.step,contentStyle=_ref.contentStyle,_ref$contentClassName=_ref.contentClassName,contentClassName=void 0===_ref$contentClassName?"":_ref$contentClassName,children=_ref.children,className=_ref.className,onDiscardStep=_ref.onDiscardStep,_ref$lockTransitionWi=_ref.lockTransitionWidth,lockTransitionWidth=void 0!==_ref$lockTransitionWi&&_ref$lockTransitionWi,props=_objectWithoutProperties(_ref,_excluded),containerRef=(0,react.useMemo)((function(){return _containerRef||(0,react.createRef)()}),[_containerRef]),preTransitionDetails=(0,react.useRef)({transformOrigin:"initial"}),_useState2=_slicedToArray((0,react.useState)((function(){var _children$step,externalProps={"data-testid":"transition-container",key:String((null===(_children$step=children[step])||void 0===_children$step?void 0:_children$step.key)||step),style:contentStyle,className:contentClassName};return[ChildrenWrapperFactory((function(_ref2){var children=_ref2.children;return(0,jsx_runtime.jsx)("div",Object.assign({},externalProps,{children:children}))}),children[step].key||step,externalProps,[])]})),2),childrenWrappers=_useState2[0],setChildrenWrappers=_useState2[1],prevStep=(0,react.useRef)(step),prevChild=(0,react.useRef)(children[step]);return(0,react.useEffect)((function(){return function(){prevChild.current=children[step]}})),(0,react.useEffect)((function(){var _children$step2,_prevChild$current,_children$step3;containerRef.current.style.overflow="hidden";var transitionClasses=props.transitionType===TransitionAnimationTypes.CUSTOM?props.config:function TransitionClasses(type){switch(type){case TransitionAnimationTypes.COIN_FLIP:return{backward:{elementExiting:Transition_Transition_module.flipBottomUpOut,elementEntering:Transition_Transition_module.flipBottomUpIn},forward:{elementExiting:Transition_Transition_module.flipBottomUpOut,elementEntering:Transition_Transition_module.flipBottomUpIn}};case TransitionAnimationTypes.FADE:return{backward:{elementExiting:Transition_Transition_module.fadeOutAbsolute,elementEntering:Transition_Transition_module.fadeInDelayed},forward:{elementExiting:Transition_Transition_module.fadeOutAbsolute,elementEntering:Transition_Transition_module.fadeInDelayed}};case TransitionAnimationTypes.SLIDE:return{backward:{elementEntering:Transition_Transition_module.entranceLeft,elementExiting:""},forward:{elementEntering:"",elementExiting:Transition_Transition_module.exitLeft}};case TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN:case TransitionAnimationTypes.POP_FROM_ELEMENT_ID:return{backward:{elementEntering:Transition_Transition_module.fadeIn,elementExiting:Transition_Transition_module.scaleOut},forward:{elementEntering:Transition_Transition_module.scaleIn,elementExiting:Transition_Transition_module.fadeOut}};case TransitionAnimationTypes.MASK:return{backward:{elementEntering:Transition_Transition_module.stubEntering,elementExiting:Transition_Transition_module.stub},forward:{elementEntering:Transition_Transition_module.stubEntering,elementExiting:Transition_Transition_module.stub}}}}(props.transitionType||TransitionAnimationTypes.SLIDE);if(null!==prevChild.current&&(null===(_children$step2=children[step])||void 0===_children$step2?void 0:_children$step2.key)===(null===(_prevChild$current=prevChild.current)||void 0===_prevChild$current?void 0:_prevChild$current.key))return function(){prevStep.current=step};var key=(null===(_children$step3=children[step])||void 0===_children$step3?void 0:_children$step3.key)||step;prevStep.current!==step&&lockTransitionWidth&&(containerRef.current.style.width=containerRef.current.clientWidth+"px");var transitionMask=props.transitionType===TransitionAnimationTypes.MASK?props.maskFactory(containerRef.current):"";if(prevStep.current>step){var _prevChild$current2,stepToRemove=prevStep.current,prevKeyToRemove=(null===(_prevChild$current2=prevChild.current)||void 0===_prevChild$current2?void 0:_prevChild$current2.key)||stepToRemove;setChildrenWrappers((function(screensBeforeChangingStep){var enteringScreenRef=(0,react.createRef)(),_screensBeforeChangin2=function _toArray(arr){return _arrayWithHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableRest()}(screensBeforeChangingStep.filter((function(a){return(null==a?void 0:a.associatedKey)!==String(key)}))),FirstNextScreen=_screensBeforeChangin2[0],restOfScreens=_screensBeforeChangin2.slice(1);FirstNextScreen&&Object.assign(FirstNextScreen.externalProps,{"data-testid":"transition-container",style:Object.assign({},contentStyle,{WebkitMaskImage:transitionMask}),className:""+transitionClasses.backward.elementExiting});var propsContainer={ref:enteringScreenRef,"data-testid":"transition-container",key:key,className:transitionClasses.backward.elementEntering+" "+contentClassName,style:Object.assign({},contentStyle),onAnimationEnd:function animationEndListener(event){var _enteringScreenRef$cu,_enteringScreenRef$cu2;if(event.target===event.currentTarget){var isAnimationFromExpectedState=null===(_enteringScreenRef$cu=enteringScreenRef.current)||void 0===_enteringScreenRef$cu?void 0:_enteringScreenRef$cu.classList.contains(transitionClasses.backward.elementEntering);null===(_enteringScreenRef$cu2=enteringScreenRef.current)||void 0===_enteringScreenRef$cu2||_enteringScreenRef$cu2.classList.remove(transitionClasses.backward.elementEntering),setChildrenWrappers((function(screensAfterTheCurrentStepEntered){return onDiscardStep&&(isAnimationFromExpectedState&&onDiscardStep(prevKeyToRemove),FirstNextScreen&&FirstNextScreen.toRemoveKeys&&FirstNextScreen.toRemoveKeys.forEach(onDiscardStep)),screensAfterTheCurrentStepEntered.filter((function(s){var _FirstNextScreen$toRe;return(null==s?void 0:s.associatedKey)!==String(prevKeyToRemove)&&!(null!=FirstNextScreen&&null!==(_FirstNextScreen$toRe=FirstNextScreen.toRemoveKeys)&&void 0!==_FirstNextScreen$toRe&&_FirstNextScreen$toRe.some((function(k){return String(k)===String(null==s?void 0:s.associatedKey)})))}))})),event.currentTarget.removeEventListener("animationend",animationEndListener)}}},newWrapper=ChildrenWrapperFactory((function(_ref3){var children=_ref3.children;return(0,jsx_runtime.jsx)("div",Object.assign({},propsContainer,{children:children}))}),key,propsContainer,[prevKeyToRemove].concat(_toConsumableArray((null==FirstNextScreen?void 0:FirstNextScreen.toRemoveKeys)||[])));return FirstNextScreen?[newWrapper,FirstNextScreen||ChildrenWrapperFactory((function(){return(0,jsx_runtime.jsx)(react.Fragment,{})}),"",{})].concat(_toConsumableArray(restOfScreens)):[newWrapper]}))}else if(prevStep.current<step){var _prevChild$current3,stepToDelete=prevStep.current,_prevKeyToRemove=String((null===(_prevChild$current3=prevChild.current)||void 0===_prevChild$current3?void 0:_prevChild$current3.key)||stepToDelete);setChildrenWrappers((function(screensBeforeChangingStep){var lastIndex=screensBeforeChangingStep.length-1,lastWrapper=screensBeforeChangingStep[lastIndex],nextScreenRef=(0,react.createRef)();lastWrapper&&Object.assign(lastWrapper.externalProps,{"data-testid":"transition-container",style:Object.assign({},contentStyle,{WebkitMaskImage:transitionMask}),className:contentClassName+" "+transitionClasses.forward.elementExiting,onAnimationEnd:function onAnimationEnd(e){var _nextScreenRef$curren;e.target===e.currentTarget&&(transitionClasses.forward.elementEntering&&(null===(_nextScreenRef$curren=nextScreenRef.current)||void 0===_nextScreenRef$curren||_nextScreenRef$curren.classList.remove(transitionClasses.forward.elementEntering)),onDiscardStep&&onDiscardStep(_prevKeyToRemove),setChildrenWrappers((function(screensAfterTheCurrentStepEntered){return screensAfterTheCurrentStepEntered.filter((function(s){return(null==s?void 0:s.associatedKey)!==String(_prevKeyToRemove)}))})))}});var propsContainer={ref:nextScreenRef,"data-testid":"transition-container",key:key,style:Object.assign({},contentStyle),className:contentClassName+" "+transitionClasses.forward.elementEntering},newWrapper=ChildrenWrapperFactory((function(_ref4){var children=_ref4.children;return(0,jsx_runtime.jsx)("div",Object.assign({},propsContainer,{children:children}))}),key,propsContainer);return[].concat(_toConsumableArray(screensBeforeChangingStep.slice(0,lastIndex)),[lastWrapper||ChildrenWrapperFactory((function(){return(0,jsx_runtime.jsx)(react.Fragment,{})}),"fallback",{}),newWrapper])}))}return function(){prevStep.current=step}}),[step]),(0,react.useEffect)((function(){1===childrenWrappers.length&&lockTransitionWidth&&(containerRef.current.style.width="")}),[1!==childrenWrappers.length]),(0,react.useEffect)((function(){if(props.transitionType===TransitionAnimationTypes.POP_FROM_ELEMENT_ID&&"elementId"in props){var element=document.querySelector("#"+props.elementId);if(element){var _ref5=containerRef.current,clientWidth=_ref5.clientWidth,clientHeight=_ref5.clientHeight,percentX=100*(element.clientLeft+element.offsetLeft+element.clientWidth/2)/clientWidth,percentY=100*(element.clientTop+element.offsetTop+element.clientHeight/2)/clientHeight;preTransitionDetails.current.transformOrigin=percentX+"% "+percentY+"%",Object.assign(containerRef.current.style,{transformOrigin:percentX+"% "+percentY+"%"})}}else Object.assign(containerRef.current.style,preTransitionDetails.current);1===childrenWrappers.length&&(containerRef.current.style.overflow="")}),[childrenWrappers.length]),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("section",{onClick:function onClick(_ref6){var _ref6$currentTarget=_ref6.currentTarget,offsetTop=_ref6$currentTarget.offsetTop,offsetLeft=_ref6$currentTarget.offsetLeft,clientWidth=_ref6$currentTarget.clientWidth,clientHeight=_ref6$currentTarget.clientHeight,percentX=100*(_ref6.clientX-offsetLeft)/clientWidth,percentY=100*(_ref6.clientY-offsetTop)/clientHeight;props.transitionType!==TransitionAnimationTypes.POP_FROM_ELEMENT_ID&&props.transitionType!==TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN||(preTransitionDetails.current.transformOrigin=percentX+"% "+percentY+"%")},"data-testid":"transition-controller",ref:containerRef,className:Transition_Transition_module.section+" "+className,children:childrenWrappers.map((function(Wrapper){var childToRender=children.find((function(a,i){return((null==a?void 0:a.key)||i)===(null==Wrapper?void 0:Wrapper.associatedKey)}));return(0,jsx_runtime.jsx)(Wrapper,{children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:childToRender})},null==Wrapper?void 0:Wrapper.associatedKey)}))})})}!function(TransitionAnimationTypes){TransitionAnimationTypes[TransitionAnimationTypes.SLIDE=0]="SLIDE",TransitionAnimationTypes[TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN=1]="POP_FROM_CLICK_ORIGIN",TransitionAnimationTypes[TransitionAnimationTypes.POP_FROM_ELEMENT_ID=2]="POP_FROM_ELEMENT_ID",TransitionAnimationTypes[TransitionAnimationTypes.FADE=3]="FADE",TransitionAnimationTypes[TransitionAnimationTypes.COIN_FLIP=4]="COIN_FLIP",TransitionAnimationTypes[TransitionAnimationTypes.MASK=5]="MASK",TransitionAnimationTypes[TransitionAnimationTypes.CUSTOM=6]="CUSTOM"}(TransitionAnimationTypes||(TransitionAnimationTypes={}));var Transition_Transition=(0,react.forwardRef)(Transition);try{Transition.displayName="Transition",Transition.__docgenInfo={description:"Handles the transition between multiple children and recycling of elements",displayName:"Transition",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Transition/Transition.tsx#Transition"]={docgenInfo:Transition.__docgenInfo,name:"Transition",path:"src/components/Transition/Transition.tsx#Transition"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Transition/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Y:function(){return _Transition__WEBPACK_IMPORTED_MODULE_0__.Y},Z:function(){return _Transition__WEBPACK_IMPORTED_MODULE_0__.Z}});var _Transition__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Transition/Transition.tsx");try{Transition.displayName="Transition",Transition.__docgenInfo={description:"",displayName:"Transition",props:{step:{defaultValue:null,description:"",name:"step",required:!0,type:{name:"number"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentStyle:{defaultValue:null,description:"",name:"contentStyle",required:!1,type:{name:"CSSProperties"}},contentClassName:{defaultValue:null,description:"",name:"contentClassName",required:!1,type:{name:"string"}},onDiscardStep:{defaultValue:null,description:"",name:"onDiscardStep",required:!1,type:{name:"((discardedKey: Key) => void)"}},lockTransitionWidth:{defaultValue:null,description:"",name:"lockTransitionWidth",required:!1,type:{name:"boolean"}},transitionType:{defaultValue:null,description:"",name:"transitionType",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"},{value:"5"},{value:"6"}]}},elementId:{defaultValue:null,description:"",name:"elementId",required:!0,type:{name:"string"}},maskFactory:{defaultValue:null,description:"It provides the transition container so you can create a dynamic svg to mask with",name:"maskFactory",required:!0,type:{name:"(container: HTMLDivElement) => string"}},config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"{ backward: { elementEntering: string; elementExiting: string; }; forward: { elementEntering: string; elementExiting: string; }; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Transition/index.tsx#Transition"]={docgenInfo:Transition.__docgenInfo,name:"Transition",path:"src/components/Transition/index.tsx#Transition"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/UncontrolledTransition/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return components_UncontrolledTransition_UncontrolledTransition}});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var react=__webpack_require__("./node_modules/react/index.js"),Transition=__webpack_require__("./src/components/Transition/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","contentClassName","children","lockTransitionWidth","contentStyle","onDiscardStep"];function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function UncontrolledTransition_UncontrolledTransition(_ref,ref){var _ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,contentClassName=_ref.contentClassName,_ref$children=_ref.children,children=void 0===_ref$children?(0,jsx_runtime.jsx)(react.Fragment,{},"default"):_ref$children,_ref$lockTransitionWi=_ref.lockTransitionWidth,lockTransitionWidth=void 0===_ref$lockTransitionWi||_ref$lockTransitionWi,contentStyle=_ref.contentStyle,_onDiscardStep=_ref.onDiscardStep,props=_objectWithoutProperties(_ref,_excluded),sectionRef=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)({childStack:[children],offset:1}),2),_useState2$=_useState2[0],childStack=_useState2$.childStack,offset=_useState2$.offset,setChildStack=_useState2[1],orientation=(0,react.useRef)("forward");function setOrientation(a){orientation.current=a}return(0,react.useImperativeHandle)(ref,(function(){return{setOrientation:setOrientation,sectionRef:sectionRef}}),[]),(0,react.useEffect)((function(){1===childStack.length&&childStack[0].key===children.key||("forward"===orientation.current?setChildStack((function(p){return Object.assign({},p,{childStack:[].concat(_toConsumableArray(p.childStack),[children])})})):setChildStack((function(p){return Object.assign({},p,{childStack:[children].concat(_toConsumableArray(p.childStack))})})))}),[children.key]),(0,react.useEffect)((function(){"backward"===orientation.current&&setChildStack((function(prev){return Object.assign({},prev,{offset:prev.childStack.length})}))}),[childStack.length]),childStack.forEach((function(a,i,arr){a.key===children.key&&(arr[i]=children)})),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:childStack.length?(0,jsx_runtime.jsx)(Transition.Z,Object.assign({ref:sectionRef,contentStyle:contentStyle,className:className,step:childStack.length-offset,onDiscardStep:function onDiscardStep(discardedKey){_onDiscardStep&&_onDiscardStep(discardedKey),orientation.current="forward",setChildStack((function(prev){return{childStack:prev.childStack.filter((function(a){return a.key!==discardedKey})),offset:1===prev.offset?1:prev.offset-1}}))},lockTransitionWidth:lockTransitionWidth,contentClassName:contentClassName},props,{children:childStack})):null})}var components_UncontrolledTransition_UncontrolledTransition=(0,react.forwardRef)(UncontrolledTransition_UncontrolledTransition);try{UncontrolledTransition_UncontrolledTransition.displayName="UncontrolledTransition",UncontrolledTransition_UncontrolledTransition.__docgenInfo={description:"This component handles when a child changes and transition this child change, allowing the finest experiences",displayName:"UncontrolledTransition",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/UncontrolledTransition/UncontrolledTransition.tsx#UncontrolledTransition"]={docgenInfo:UncontrolledTransition_UncontrolledTransition.__docgenInfo,name:"UncontrolledTransition",path:"src/components/UncontrolledTransition/UncontrolledTransition.tsx#UncontrolledTransition"})}catch(__react_docgen_typescript_loader_error){}try{UncontrolledTransition.displayName="UncontrolledTransition",UncontrolledTransition.__docgenInfo={description:"",displayName:"UncontrolledTransition",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"",name:"contentClassName",required:!1,type:{name:"string"}},lockTransitionWidth:{defaultValue:null,description:"",name:"lockTransitionWidth",required:!1,type:{name:"boolean"}},onDiscardStep:{defaultValue:null,description:"",name:"onDiscardStep",required:!1,type:{name:"((key: Key) => void)"}},contentStyle:{defaultValue:null,description:"",name:"contentStyle",required:!1,type:{name:"CSSProperties"}},transitionType:{defaultValue:null,description:"",name:"transitionType",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"},{value:"5"},{value:"6"}]}},elementId:{defaultValue:null,description:"",name:"elementId",required:!0,type:{name:"string"}},maskFactory:{defaultValue:null,description:"It provides the transition container so you can create a dynamic svg to mask with",name:"maskFactory",required:!0,type:{name:"(container: HTMLDivElement) => string"}},config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"{ backward: { elementEntering: string; elementExiting: string; }; forward: { elementEntering: string; elementExiting: string; }; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/UncontrolledTransition/index.tsx#UncontrolledTransition"]={docgenInfo:UncontrolledTransition.__docgenInfo,name:"UncontrolledTransition",path:"src/components/UncontrolledTransition/index.tsx#UncontrolledTransition"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/utilitary/ScrollAndFocusLock/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return ScrollAndFocusLock_ScrollAndFocusLock}});var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),ScrollAndFocusLock_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss"),options={insert:"head",singleton:!1},ScrollAndFocusLock_ScrollAndFocusLock_module=(injectStylesIntoStyleTag_default()(ScrollAndFocusLock_module.Z,options),ScrollAndFocusLock_module.Z.locals||{}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ScrollAndFocusLock_ScrollAndFocusLock(_ref){var open=_ref.open,children=_ref.children,firstAnchor=(0,react.useRef)(null),lastAnchor=(0,react.useRef)(null),startOfModal=(0,react.useRef)(null);function onFocusAnchors(e){var focusOnStartOfModal=function focusOnStartOfModal(){var nextSibling=firstAnchor.current.nextElementSibling;nextSibling instanceof HTMLDivElement&&nextSibling.focus()};e.target===firstAnchor.current?e.relatedTarget===startOfModal.current?lastAnchor.current.focus():focusOnStartOfModal():e.target===lastAnchor.current&&e.relatedTarget!==firstAnchor.current&&focusOnStartOfModal()}return(0,react.useEffect)((function(){open&&startOfModal.current.focus()}),[]),(0,react.useEffect)((function(){if(open)return startOfModal.current.focus(),document.body.classList.add(ScrollAndFocusLock_ScrollAndFocusLock_module.lockClass),function(){document.body.classList.remove(ScrollAndFocusLock_ScrollAndFocusLock_module.lockClass)}}),[open]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{ref:firstAnchor,tabIndex:0,onFocus:onFocusAnchors}),(0,jsx_runtime.jsx)("div",{ref:startOfModal,tabIndex:0}),children,(0,jsx_runtime.jsx)("div",{ref:lastAnchor,tabIndex:0,onFocus:onFocusAnchors})]})}try{ScrollAndFocusLock_ScrollAndFocusLock.displayName="ScrollAndFocusLock",ScrollAndFocusLock_ScrollAndFocusLock.__docgenInfo={description:"This utilitary component shall be used to lock the focus and disable scroll over the wrapped component",displayName:"ScrollAndFocusLock",props:{open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.tsx#ScrollAndFocusLock"]={docgenInfo:ScrollAndFocusLock_ScrollAndFocusLock.__docgenInfo,name:"ScrollAndFocusLock",path:"src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.tsx#ScrollAndFocusLock"})}catch(__react_docgen_typescript_loader_error){}try{ScrollAndFocusLock.displayName="ScrollAndFocusLock",ScrollAndFocusLock.__docgenInfo={description:"This utilitary component shall be used to lock the focus and disable scroll over the wrapped component",displayName:"ScrollAndFocusLock",props:{open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/utilitary/ScrollAndFocusLock/index.tsx#ScrollAndFocusLock"]={docgenInfo:ScrollAndFocusLock.__docgenInfo,name:"ScrollAndFocusLock",path:"src/components/utilitary/ScrollAndFocusLock/index.tsx#ScrollAndFocusLock"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/OneUIProvider.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Wh:function(){return useOneUIContext},ZP:function(){return OneUIProvider},xK:function(){return useOneUIConfig}});__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js");var lodash_get__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/lodash/get.js"),lodash_get__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_12__),lodash_merge__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/lodash/merge.js"),lodash_merge__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_13__),lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/lodash/cloneDeep.js"),lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_14__),react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/jsx-runtime.js"),Context=(0,react__WEBPACK_IMPORTED_MODULE_15__.createContext)(null);function OneUIProvider(_ref){var children=_ref.children,config=_ref.config,prevCtx=(0,react__WEBPACK_IMPORTED_MODULE_15__.useContext)(Context),mergedConfig=(0,react__WEBPACK_IMPORTED_MODULE_15__.useMemo)((function(){return lodash_merge__WEBPACK_IMPORTED_MODULE_13___default()(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_14___default()(prevCtx),config)}),[prevCtx,config]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(Context.Provider,{value:mergedConfig,children:children})}function useOneUIContext(){return(0,react__WEBPACK_IMPORTED_MODULE_15__.useContext)(Context)}function useOneUIConfig(prop,defaultValue){var context=(0,react__WEBPACK_IMPORTED_MODULE_15__.useContext)(Context);return(0,react__WEBPACK_IMPORTED_MODULE_15__.useMemo)((function(){return lodash_get__WEBPACK_IMPORTED_MODULE_12___default()(context,prop)}),[context,prop])||defaultValue}OneUIProvider.displayName="OneUIProvider";try{OneUIProvider.displayName="OneUIProvider",OneUIProvider.__docgenInfo={description:"",displayName:"OneUIProvider",props:{config:{defaultValue:null,description:"",name:"config",required:!0,type:{name:"DeepPartial<OneUIContextSpecs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/OneUIProvider.tsx#OneUIProvider"]={docgenInfo:OneUIProvider.__docgenInfo,name:"OneUIProvider",path:"src/context/OneUIProvider.tsx#OneUIProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/storybookUtils/index.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{$:function(){return extractAllPossibilitiesFromEnumProp},x:function(){return SideBySideContainer}});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js");var _components_Spacing__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Spacing/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function extractAllPossibilitiesFromEnumProp(component,propName){return component.__docgenInfo.props[propName].type.value.map((function(a){return JSON.parse(a.value)}))}function SideBySideContainer(_ref){var children=_ref.children,exampleName=_ref.exampleName;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{style:{width:"25%",marginRight:24,display:"inline-flex",flexDirection:"column"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span",{style:{borderBottom:"2px solid black",marginBottom:14},children:["Tipo: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("b",{children:exampleName})]}),children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_Spacing__WEBPACK_IMPORTED_MODULE_2__.Z,{size:"large"})]})}SideBySideContainer.displayName="SideBySideContainer";try{SideBySideContainer.displayName="SideBySideContainer",SideBySideContainer.__docgenInfo={description:"",displayName:"SideBySideContainer",props:{exampleName:{defaultValue:null,description:"",name:"exampleName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybookUtils/index.tsx#SideBySideContainer"]={docgenInfo:SideBySideContainer.__docgenInfo,name:"SideBySideContainer",path:"src/storybookUtils/index.tsx#SideBySideContainer"})}catch(__react_docgen_typescript_loader_error){}},"./storybook-init-framework-entry.js":function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AdaptiveContainer/AdaptiveContainer.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".wVCmqGE21f7QVj7rS2q73w\\=\\={min-height:0px;transition:width 400ms,height 400ms;transition-timing-function:linear;overflow:hidden}.wVCmqGE21f7QVj7rS2q73w\\=\\=>*{min-width:auto !important}.bkHgHZfpkrh17gaFhliExQ\\=\\={min-width:0px !important;white-space:nowrap;display:flex;align-items:center;text-align:center}@keyframes fyERRWUTU6HSuifArG8XCA\\=\\={0%{opacity:0}50%{opacity:.1}100%{opacity:1}}@keyframes CwTQpUVPHDhGIXWwNbyCXg\\=\\={0%{opacity:1}50%{opacity:.1}100%{opacity:0}}.fyERRWUTU6HSuifArG8XCA\\=\\={animation-name:fyERRWUTU6HSuifArG8XCA\\=\\=;animation-duration:500ms !important}.-xfNw-Sq1Lx4ssnRe7PNig\\=\\={position:absolute;animation-name:CwTQpUVPHDhGIXWwNbyCXg\\=\\=;animation-duration:500ms !important}","",{version:3,sources:["webpack://./src/components/AdaptiveContainer/AdaptiveContainer.module.scss"],names:[],mappings:"AAAA,4BACE,cAAA,CACA,mCAAA,CACA,iCAAA,CACA,eAAA,CACA,8BACE,yBAAA,CAIJ,4BACE,wBAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,iBAAA,CAGF,sCACE,GACE,SAAA,CAEF,IACE,UAAA,CAEF,KACE,SAAA,CAAA,CAGJ,sCACE,GACE,SAAA,CAEF,IACE,UAAA,CAEF,KACE,SAAA,CAAA,CAIJ,4BACE,yCAAA,CACA,mCAAA,CAGF,4BACE,iBAAA,CACA,yCAAA,CACA,mCAAA",sourcesContent:[".resetSection {\n  min-height: 0px;\n  transition: width 400ms, height 400ms;\n  transition-timing-function: linear;\n  overflow: hidden;\n  > * {\n    min-width: auto !important;\n  }\n}\n\n.resetButton {\n  min-width: 0px !important;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  text-align: center;\n}\n\n@keyframes fadeInDelayed {\n  0% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadeOutDelayed {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n.fadeInDelayed {\n  animation-name: fadeInDelayed;\n  animation-duration: 500ms !important;\n}\n\n.fadeOutAbsolute {\n  position: absolute;\n  animation-name: fadeOutDelayed;\n  animation-duration: 500ms !important;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={resetSection:"wVCmqGE21f7QVj7rS2q73w==",resetButton:"bkHgHZfpkrh17gaFhliExQ==",fadeInDelayed:"fyERRWUTU6HSuifArG8XCA==",fadeOutAbsolute:"-xfNw-Sq1Lx4ssnRe7PNig==",fadeOutDelayed:"CwTQpUVPHDhGIXWwNbyCXg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AdaptiveDialog/AdaptiveDialog.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Vkc1FFJP7u0aoGlbPBRuQA\\=\\={position:fixed;top:0px;left:0px;right:0px;bottom:0px;display:flex;align-items:center;justify-content:center;z-index:1000;transition:backdrop-filter var(--animation--speed-veryfast, 125ms) linear;backdrop-filter:var(--adaptive-dialog-backdrop-backdrop, initial)}@media screen and (orientation: portrait){.Vkc1FFJP7u0aoGlbPBRuQA\\=\\={align-items:flex-end}}.Vkc1FFJP7u0aoGlbPBRuQA\\=\\=,.kWxccuTpSrSjrzR13dBs\\+Q\\=\\={animation-duration:var(--animation--speed-fast, 250ms);animation-fill-mode:forwards}.GJktEgvPTfn48utTPWGXrg\\=\\=.Vkc1FFJP7u0aoGlbPBRuQA\\=\\={animation-name:qeYFKRYNwINKC01FxnHJVg\\=\\=}.GJktEgvPTfn48utTPWGXrg\\=\\= .kWxccuTpSrSjrzR13dBs\\+Q\\=\\={animation-name:I7FYL\\+FFSVBTzGUWc1goQA\\=\\=}@media screen and (orientation: portrait){.GJktEgvPTfn48utTPWGXrg\\=\\= .kWxccuTpSrSjrzR13dBs\\+Q\\=\\={animation-timing-function:ease-in-out;animation-name:tV6zI2gHNfh2nOEDiM5xJw\\=\\=}}._6Bw0ZYwe09lqDR6B\\+YkAlQ\\=\\=.Vkc1FFJP7u0aoGlbPBRuQA\\=\\={animation-name:X9rH6taVF1AMxExiHA8olA\\=\\=}._6Bw0ZYwe09lqDR6B\\+YkAlQ\\=\\= .kWxccuTpSrSjrzR13dBs\\+Q\\=\\={animation-name:_2LfRAUGJEUYlNihFWxBXzQ\\=\\=}@media screen and (orientation: portrait){._6Bw0ZYwe09lqDR6B\\+YkAlQ\\=\\= .kWxccuTpSrSjrzR13dBs\\+Q\\=\\={animation-name:n7fHvqBD6zAhOYpDsInHdA\\=\\=}}.kWxccuTpSrSjrzR13dBs\\+Q\\=\\={padding:16px 32px;position:relative;width:100%;max-width:640px;background:var(--bg-color, white);backdrop-filter:var(--adaptive-dialog-backdrop, initial);display:flex;align-items:center;justify-content:center;flex-direction:column;max-height:90% !important;overscroll-behavior:contain}.kWxccuTpSrSjrzR13dBs\\+Q\\=\\=>.WT2sgT223CIXRMIUR0jytQ\\=\\={position:absolute;right:16px;top:16px;background:none;border:none;width:auto;height:auto;padding:0px !important}@media screen and (orientation: portrait){.kWxccuTpSrSjrzR13dBs\\+Q\\=\\={min-height:initial;align-items:flex-start}}@keyframes qeYFKRYNwINKC01FxnHJVg\\=\\={0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.3333333333)}}@keyframes X9rH6taVF1AMxExiHA8olA\\=\\={0%{background-color:rgba(0,0,0,.3333333333)}100%{background-color:rgba(0,0,0,0)}}@keyframes I7FYL\\+FFSVBTzGUWc1goQA\\=\\={0%{opacity:0}100%{opacity:1}}@keyframes _2LfRAUGJEUYlNihFWxBXzQ\\=\\={0%{opacity:1}100%{opacity:0}}@keyframes tV6zI2gHNfh2nOEDiM5xJw\\=\\={0%{min-height:0px;transform:translateY(100%)}100%{min-height:0px;transform:translateY(0%)}}@keyframes n7fHvqBD6zAhOYpDsInHdA\\=\\={0%{transform:translateY(0%)}100%{min-height:0px;transform:translateY(100%)}}","",{version:3,sources:["webpack://./src/components/AdaptiveDialog/AdaptiveDialog.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,4BACE,cAAA,CACA,OAAA,CACA,QAAA,CACA,SAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,YAAA,CACA,yEAAA,CACA,iEAAA,CAEA,0CAbF,4BAcI,oBAAA,CAAA,CAGJ,yDAEE,sDC2BK,CD1BL,4BAAA,CAIA,uDACE,yCAAA,CAEF,yDACE,0CAAA,CAEF,0CACE,yDACE,qCAAA,CACA,yCAAA,CAAA,CAMJ,yDACE,yCAAA,CAGF,2DACE,0CAAA,CAGF,0CACE,2DACE,yCAAA,CAAA,CAKN,6BAWE,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,iCC9DoB,CD+DpB,wDAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,qBAAA,CACA,yBAAA,CACA,2BAAA,CArBA,yDACE,iBAAA,CACA,UAAA,CACA,QAAA,CACA,eAAA,CACA,WAAA,CACA,UAAA,CACA,WAAA,CACA,sBAAA,CAcF,0CAvBF,6BAwBI,kBAAA,CACA,sBAAA,CAAA,CAIJ,sCACE,GACE,8BAAA,CAGF,KACE,wCAAA,CAAA,CAIJ,sCACE,GACE,wCAAA,CAGF,KACE,8BAAA,CAAA,CAIJ,uCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,uCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,sCACE,GACE,cAAA,CACA,0BAAA,CAGF,KACE,cAAA,CACA,wBAAA,CAAA,CAIJ,sCACE,GACE,wBAAA,CAGF,KACE,cAAA,CACA,0BAAA,CAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.backdrop {\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  transition: backdrop-filter $veryFast linear;\n  backdrop-filter: var(--adaptive-dialog-backdrop-backdrop, initial);\n\n  @media screen and (orientation: "portrait") {\n    align-items: flex-end;\n  }\n}\n.backdrop,\n.container {\n  animation-duration: $fast;\n  animation-fill-mode: forwards;\n}\n\n.open {\n  &.backdrop {\n    animation-name: backdropAppear;\n  }\n  .container {\n    animation-name: reveal;\n  }\n  @media screen and (orientation: "portrait") {\n    .container {\n      animation-timing-function: ease-in-out;\n      animation-name: slideUp;\n    }\n  }\n}\n\n.close {\n  &.backdrop {\n    animation-name: backdropDismiss;\n  }\n\n  .container {\n    animation-name: dismiss;\n  }\n\n  @media screen and (orientation: "portrait") {\n    .container {\n      animation-name: slideDown;\n    }\n  }\n}\n\n.container {\n  > .closeBtn {\n    position: absolute;\n    right: 16px;\n    top: 16px;\n    background: none;\n    border: none;\n    width: auto;\n    height: auto;\n    padding: 0px !important;\n  }\n  padding: 16px 32px;\n  position: relative;\n  width: 100%;\n  max-width: 640px;\n  background: $mainBackgroundColor;\n  backdrop-filter: var(--adaptive-dialog-backdrop, initial);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  max-height: 90% !important;\n  overscroll-behavior: contain;\n  @media screen and (orientation: "portrait") {\n    min-height: initial;\n    align-items: flex-start;\n  }\n}\n\n@keyframes backdropAppear {\n  0% {\n    background-color: #0000;\n  }\n\n  100% {\n    background-color: #0005;\n  }\n}\n\n@keyframes backdropDismiss {\n  0% {\n    background-color: #0005;\n  }\n\n  100% {\n    background-color: #0000;\n  }\n}\n\n@keyframes reveal {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes dismiss {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes slideUp {\n  0% {\n    min-height: 0px;\n    transform: translateY(100%);\n  }\n\n  100% {\n    min-height: 0px;\n    transform: translateY(0%);\n  }\n}\n\n@keyframes slideDown {\n  0% {\n    transform: translateY(0%);\n  }\n\n  100% {\n    min-height: 0px;\n    transform: translateY(100%);\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={backdrop:"Vkc1FFJP7u0aoGlbPBRuQA==",container:"kWxccuTpSrSjrzR13dBs+Q==",open:"GJktEgvPTfn48utTPWGXrg==",backdropAppear:"qeYFKRYNwINKC01FxnHJVg==",reveal:"I7FYL+FFSVBTzGUWc1goQA==",slideUp:"tV6zI2gHNfh2nOEDiM5xJw==",close:"_6Bw0ZYwe09lqDR6B+YkAlQ==",backdropDismiss:"X9rH6taVF1AMxExiHA8olA==",dismiss:"_2LfRAUGJEUYlNihFWxBXzQ==",slideDown:"n7fHvqBD6zAhOYpDsInHdA==",closeBtn:"WT2sgT223CIXRMIUR0jytQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AdaptiveSidebar/AdaptiveSidebar.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._9bMh\\+y\\+CHUjVEN3PgvTHQA\\=\\={position:fixed;top:24px;left:24px}._9bMh\\+y\\+CHUjVEN3PgvTHQA\\=\\={display:initial}._9bMh\\+y\\+CHUjVEN3PgvTHQA\\=\\=,._1apU1dwSIAFNhyMi68xLvA\\=\\={z-index:1000}._1apU1dwSIAFNhyMi68xLvA\\=\\={box-sizing:border-box;height:100%}._9bMh\\+y\\+CHUjVEN3PgvTHQA\\=\\=.U7n514CkruyBCHSH48hJ2g\\=\\={display:none}._1apU1dwSIAFNhyMi68xLvA\\=\\=.D6oxxH363NgNFlsBVicHBg\\=\\={position:fixed;width:100%;overflow:auto;z-index:1000;left:0}._1apU1dwSIAFNhyMi68xLvA\\=\\=.D6oxxH363NgNFlsBVicHBg\\=\\=.j8OnyIC0m7h5suphdDF52g\\=\\={padding-top:96px}._1apU1dwSIAFNhyMi68xLvA\\=\\=.D6oxxH363NgNFlsBVicHBg\\=\\=.SLFGQl7jr5uzZUL3RVL4Ng\\=\\={transition:transform var(--animation--speed-veryfast, 125ms) ease-out;transform:translateX(0%)}._1apU1dwSIAFNhyMi68xLvA\\=\\=.D6oxxH363NgNFlsBVicHBg\\=\\=._1Fn1wcDTc73FfnqN3kW8OA\\=\\={transition:transform var(--animation--speed-veryfast, 125ms) ease-in;transform:translateX(-100%)}","",{version:3,sources:["webpack://./src/components/AdaptiveSidebar/AdaptiveSidebar.module.scss"],names:[],mappings:"AAOA,+BACE,cAAA,CACA,QAAA,CACA,SAAA,CAGF,+BACE,eAAA,CAGF,4DAEE,YAAA,CAGF,6BACE,qBAAA,CACA,WAAA,CAEF,0DACE,YAAA,CAGF,wDAIE,cAAA,CACA,UAAA,CACA,aAAA,CACA,YAAA,CACA,MAAA,CAPA,mFACE,gBAAA,CAQF,mFACE,qEAAA,CACA,wBAAA,CAEF,oFACE,oEAAA,CACA,2BAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n$hamburgerSize: 48;\n$hamburgerOffset: 24;\n\n@value hamburgerSize #{$hamburgerSize};\n\n.hamburger {\n  position: fixed;\n  top: #{$hamburgerOffset}px;\n  left: #{$hamburgerOffset}px;\n}\n\n.hamburger {\n  display: initial;\n}\n\n.hamburger,\n.container {\n  z-index: 1000;\n}\n\n.container {\n  box-sizing: border-box;\n  height: 100%;\n}\n.hamburger.desktop {\n  display: none;\n}\n\n.container.mobile {\n  &.defaultPadding {\n    padding-top: #{$hamburgerSize + $hamburgerOffset * 2}px;\n  }\n  position: fixed;\n  width: 100%;\n  overflow: auto;\n  z-index: 1000;\n  left: 0;\n\n  &.open {\n    transition: transform $veryFast ease-out;\n    transform: translateX(-0%);\n  }\n  &.closed {\n    transition: transform $veryFast ease-in;\n    transform: translateX(-100%);\n  }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={hamburgerSize:"48",hamburger:"_9bMh+y+CHUjVEN3PgvTHQA==",container:"_1apU1dwSIAFNhyMi68xLvA==",desktop:"U7n514CkruyBCHSH48hJ2g==",mobile:"D6oxxH363NgNFlsBVicHBg==",defaultPadding:"j8OnyIC0m7h5suphdDF52g==",open:"SLFGQl7jr5uzZUL3RVL4Ng==",closed:"_1Fn1wcDTc73FfnqN3kW8OA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AnchoredTooltip/AnchoredTooltip.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\={max-width:100vw;max-height:100vh;min-width:fit-content;position:fixed;transition:top var(--animation--speed-almostInstant, 50ms),left var(--animation--speed-almostInstant, 50ms);z-index:1000;pointer-events:none}.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=>div{background-color:var(--tooltip-background-color, var(--digital-blue, #558eff))}.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=.TxvIvijl8HWvBZHxWHvA5w\\=\\={pointer-events:initial}.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=::after,.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=::before{content:" ";width:0px;height:0px;border:16px solid var(--tooltip-background-color, var(--digital-blue, #558eff));border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);transform:translateY(-16px) rotate(-45deg);display:block;margin:auto;position:relative;left:var(--anchor-indicator-offset-left, 0px);z-index:-1}.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=::before{display:none;transform:translateY(16px) rotate(135deg)}.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=.Wfz\\+6ndwbkWIUVlyQI5cdw\\=\\={transform:translateY(4px)}.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=.HlpkgpLLLZh\\+1YDTyDzv1w\\=\\={transform:translateY(-4px)}.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=.HlpkgpLLLZh\\+1YDTyDzv1w\\=\\=::after{display:none}.Kt7FaAKPA-0OVYh-Fxt5vw\\=\\=.HlpkgpLLLZh\\+1YDTyDzv1w\\=\\=::before{display:block}',"",{version:3,sources:["webpack://./src/components/AnchoredTooltip/AnchoredTooltip.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAMA,4BAKE,eAAA,CACA,gBAAA,CACA,qBAAA,CAGA,cAAA,CAIA,2GAAA,CACA,YAAA,CAEA,mBAAA,CAhBA,gCACE,8ECsBoB,CDLtB,uDACE,sBAAA,CAGF,uEAEE,WAAA,CACA,SAAA,CACA,UAAA,CACA,+EAAA,CACA,8BAAA,CACA,gCAAA,CACA,0CAAA,CACA,aAAA,CACA,WAAA,CACA,iBAAA,CACA,6CAAA,CACA,UAAA,CAGF,oCACE,YAAA,CACA,yCAAA,CAEF,wDACE,yBAAA,CAEF,wDACE,0BAAA,CACA,+DACE,YAAA,CAEF,gEACE,aAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n/**\n* Some notions to take into account\n*/\n\n.tooltipContainer {\n  & > div {\n    background-color: $tooltipBackgroudColor;\n  }\n  // It should not overflow the viewport (screen)\n  max-width: 100vw;\n  max-height: 100vh;\n  min-width: fit-content;\n\n  // It should be floating over some point into the viewport\n  position: fixed;\n\n  // The position will be calculated via the javascript and the context\n\n  transition: top $almostInstant, left $almostInstant;\n  z-index: 1000;\n\n  pointer-events: none;\n\n  &.open {\n    pointer-events: initial;\n  }\n\n  &::after,\n  &::before {\n    content: " ";\n    width: 0px;\n    height: 0px;\n    border: 16px solid $tooltipBackgroudColor;\n    border-top-color: transparent;\n    border-right-color: transparent;\n    transform: translateY(-16px) rotate(-45deg);\n    display: block;\n    margin: auto;\n    position: relative;\n    left: var(--anchor-indicator-offset-left, 0px);\n    z-index: -1;\n  }\n\n  &::before {\n    display: none;\n    transform: translateY(16px) rotate(135deg);\n  }\n  &.anchoredTop {\n    transform: translateY(4px);\n  }\n  &.anchoredBottom {\n    transform: translateY(-4px);\n    &::after {\n      display: none;\n    }\n    &::before {\n      display: block;\n    }\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={tooltipContainer:"Kt7FaAKPA-0OVYh-Fxt5vw==",open:"TxvIvijl8HWvBZHxWHvA5w==",anchoredTop:"Wfz+6ndwbkWIUVlyQI5cdw==",anchoredBottom:"HlpkgpLLLZh+1YDTyDzv1w=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AnimatedEntrance/AnimatedEntrance.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"@keyframes _0kNsfYyv9QILfe-W051CVQ\\=\\={0%{transform:translateX(100%)}35%{transform:translateX(100%)}85%{transform:translateX(-5%)}100%{transform:translateX(0%)}}@keyframes JdajCUUSIsLcWAZaVBXIow\\=\\={100%{transform:translateX(100%)}65%{transform:translateX(100%)}50%{opacity:0}15%{transform:translateX(-5%);opacity:1}0%{transform:translateX(0%)}}._80W7hj7n9GetsMPVK44j4A\\=\\={animation-duration:1s !important;animation-name:JdajCUUSIsLcWAZaVBXIow\\=\\=;position:absolute}.-RRpGOUC\\+qb69YKKich0Gg\\=\\={animation-duration:1s !important;animation-name:_0kNsfYyv9QILfe-W051CVQ\\=\\=}._9hcyyqOLqhXmVvYwRua1AA\\=\\={animation-duration:1s !important;animation-name:JdajCUUSIsLcWAZaVBXIow\\=\\=}.puVs8I7hZjM5CvXGxGmTyg\\=\\={animation-duration:1s !important;animation-name:_0kNsfYyv9QILfe-W051CVQ\\=\\=;position:absolute}.kYdHGEiS1yPai1DgT5Owvg\\=\\={transition:max-height .5s .2s;min-height:initial;align-items:flex-start !important}.kYdHGEiS1yPai1DgT5Owvg\\=\\=>*{justify-content:flex-start !important}.egitzVaYWEXEvbXKAFkQgw\\=\\={max-height:0px}@keyframes hU6r6JxXr5xb6iX2yaX7EA\\=\\={100%{transform:translateX(0%)}0%{transform:translateX(0%)}}._6Boqc6u0Nj78yyE6\\+46tWg\\=\\={animation-duration:1s !important;animation-name:hU6r6JxXr5xb6iX2yaX7EA\\=\\=;position:absolute}._1xACWHLAN5l\\+KfumjOXSFA\\=\\={animation-duration:1s !important;animation-name:hU6r6JxXr5xb6iX2yaX7EA\\=\\=}.LQ2hyXTxY7oz9mbi0MryyQ\\=\\={animation-duration:1s !important;animation-name:hU6r6JxXr5xb6iX2yaX7EA\\=\\=}.bZ3mWYVDyvCpFtbe7kLFtQ\\=\\={animation-duration:1s !important;animation-name:hU6r6JxXr5xb6iX2yaX7EA\\=\\=;position:absolute}","",{version:3,sources:["webpack://./src/components/AnimatedEntrance/AnimatedEntrance.module.scss"],names:[],mappings:"AACA,uCACE,GACE,0BAAA,CAGF,IACE,0BAAA,CAGF,IACE,yBAAA,CAGF,KACE,wBAAA,CAAA,CAIJ,sCACE,KACE,0BAAA,CAGF,IACE,0BAAA,CAGF,IACE,SAAA,CAGF,IACE,yBAAA,CACA,SAAA,CAGF,GACE,wBAAA,CAAA,CAKJ,6BACE,gCAAA,CACA,yCAAA,CACA,iBAAA,CAGF,6BACE,gCAAA,CACA,0CAAA,CAEF,6BACE,gCAAA,CACA,yCAAA,CAGF,4BACE,gCAAA,CACA,0CAAA,CACA,iBAAA,CAGF,4BACE,6BAAA,CACA,kBAAA,CACA,iCAAA,CACA,8BACE,qCAAA,CAIJ,4BACE,cAAA,CAGF,sCACE,KACE,wBAAA,CAGF,GACE,wBAAA,CAAA,CAIJ,8BACE,gCAAA,CACA,yCAAA,CACA,iBAAA,CAGF,8BACE,gCAAA,CACA,yCAAA,CAEF,4BACE,gCAAA,CACA,yCAAA,CAGF,4BACE,gCAAA,CACA,yCAAA,CACA,iBAAA",sourcesContent:["@use 'sass:math';\r\n@keyframes expand {\r\n  0% {\r\n    transform: translateX(100%);\r\n  }\r\n\r\n  35% {\r\n    transform: translateX(100%);\r\n  }\r\n\r\n  85% {\r\n    transform: translateX(-5%);\r\n  }\r\n\r\n  100% {\r\n    transform: translateX(0%);\r\n  }\r\n}\r\n\r\n@keyframes exiting {\r\n  100% {\r\n    transform: translateX(100%);\r\n  }\r\n\r\n  65% {\r\n    transform: translateX(100%);\r\n  }\r\n\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n\r\n  15% {\r\n    transform: translateX(-5%);\r\n    opacity: 1;\r\n  }\r\n\r\n  0% {\r\n    transform: translateX(0%);\r\n  }\r\n}\r\n$duration: 1s;\r\n\r\n.elementExiting {\r\n  animation-duration: $duration !important;\r\n  animation-name: exiting;\r\n  position: absolute;\r\n}\r\n\r\n.elementEntering {\r\n  animation-duration: $duration !important;\r\n  animation-name: expand;\r\n}\r\n.elementExitingReverse {\r\n  animation-duration: $duration !important;\r\n  animation-name: exiting;\r\n}\r\n\r\n.elementEnteringReverse {\r\n  animation-duration: $duration !important;\r\n  animation-name: expand;\r\n  position: absolute;\r\n}\r\n\r\n.resetHeight {\r\n  transition: max-height math.div($duration, 2) $duration * 0.2;\r\n  min-height: initial;\r\n  align-items: flex-start !important;\r\n  > * {\r\n    justify-content: flex-start !important;\r\n  }\r\n}\r\n\r\n.maxHeight {\r\n  max-height: 0px;\r\n}\r\n\r\n@keyframes nothing {\r\n  100% {\r\n    transform: translateX(0%);\r\n  }\r\n\r\n  0% {\r\n    transform: translateX(0%);\r\n  }\r\n}\r\n\r\n.elementShrinking {\r\n  animation-duration: $duration !important;\r\n  animation-name: nothing;\r\n  position: absolute;\r\n}\r\n\r\n.elementExpanding {\r\n  animation-duration: $duration !important;\r\n  animation-name: nothing;\r\n}\r\n.elementShrinkingReverse {\r\n  animation-duration: $duration !important;\r\n  animation-name: nothing;\r\n}\r\n\r\n.elementExpandingReverse {\r\n  animation-duration: $duration !important;\r\n  animation-name: nothing;\r\n  position: absolute;\r\n}\r\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={elementExiting:"_80W7hj7n9GetsMPVK44j4A==",exiting:"JdajCUUSIsLcWAZaVBXIow==",elementEntering:"-RRpGOUC+qb69YKKich0Gg==",expand:"_0kNsfYyv9QILfe-W051CVQ==",elementExitingReverse:"_9hcyyqOLqhXmVvYwRua1AA==",elementEnteringReverse:"puVs8I7hZjM5CvXGxGmTyg==",resetHeight:"kYdHGEiS1yPai1DgT5Owvg==",maxHeight:"egitzVaYWEXEvbXKAFkQgw==",elementShrinking:"_6Boqc6u0Nj78yyE6+46tWg==",nothing:"hU6r6JxXr5xb6iX2yaX7EA==",elementExpanding:"_1xACWHLAN5l+KfumjOXSFA==",elementShrinkingReverse:"LQ2hyXTxY7oz9mbi0MryyQ==",elementExpandingReverse:"bZ3mWYVDyvCpFtbe7kLFtQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Avatar/Avatar.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".z7TNNjfFzs5ZDcLgJmU0tw\\=\\={display:inline-block;width:1em;height:1em;border-radius:.5em}.z7TNNjfFzs5ZDcLgJmU0tw\\=\\=._6QZf\\+btGsieVbFBBFdhFdw\\=\\={background-color:var(--avatar-bg-color, var(--light-gray, #d6d6d6))}.z7TNNjfFzs5ZDcLgJmU0tw\\=\\=>span,.z7TNNjfFzs5ZDcLgJmU0tw\\=\\=>img{font-size:.4em;width:inherit;height:inherit;text-align:center;line-height:2.5em;display:block;color:var(--digital-blue, #558eff)}","",{version:3,sources:["webpack://./src/components/Avatar/Avatar.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,4BAIE,oBAAA,CACA,SAAA,CACA,UAAA,CACA,kBAAA,CANA,yDACE,mECqCoB,CD9BtB,iEAEE,cAAA,CACA,aAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,aAAA,CACA,kCCnBU",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  &.noImg {\n    background-color: $avatarBackgroundColor;\n  }\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border-radius: 0.5em;\n\n  > span,\n  > img {\n    font-size: 0.4em;\n    width: inherit;\n    height: inherit;\n    text-align: center;\n    line-height: 2.5em;\n    display: block;\n    color: $digitalBlue;\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"z7TNNjfFzs5ZDcLgJmU0tw==",noImg:"_6QZf+btGsieVbFBBFdhFdw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/BucketFill/BucketFill.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'._3p3LGccQWCSKinibgDfKzQ\\=\\={position:relative;z-index:1}._3p3LGccQWCSKinibgDfKzQ\\=\\=>:not(div){mix-blend-mode:color}._3p3LGccQWCSKinibgDfKzQ\\=\\=>div>*{mix-blend-mode:color}._3p3LGccQWCSKinibgDfKzQ\\=\\=::before,._3p3LGccQWCSKinibgDfKzQ\\=\\=::after{background:var(--bg);width:100%;position:absolute;content:" ";z-index:-1;transition:height var(--animation--speed-fast, 250ms),background-size var(--animation--speed-fast, 250ms)}._3p3LGccQWCSKinibgDfKzQ\\=\\=::before{opacity:0;top:0;height:var(--fill-height)}._3p3LGccQWCSKinibgDfKzQ\\=\\=::after{opacity:.6;bottom:0;height:var(--empty-height);background-size:100% var(--bg-offset);background-position:bottom}._3p3LGccQWCSKinibgDfKzQ\\=\\= .xDPcNk0SaeLLifQpYn3toQ\\=\\={mix-blend-mode:multiply}',"",{version:3,sources:["webpack://./src/components/BucketFill/BucketFill.module.scss"],names:[],mappings:"AAEA,6BACE,iBAAA,CACA,SAAA,CACA,uCACE,oBAAA,CAEF,mCACE,oBAAA,CAEF,yEAEE,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,WAAA,CACA,UAAA,CACA,yGAAA,CAEF,qCACE,SAAA,CACA,KAAA,CACA,yBAAA,CAEF,oCACE,UAAA,CACA,QAAA,CACA,0BAAA,CACA,qCAAA,CACA,0BAAA,CAEF,yDACE,uBAAA",sourcesContent:['@import "../../assets/styles/variables.scss";\r\n\r\n.root {\r\n  position: relative;\r\n  z-index: 1;\r\n  > :not(div) {\r\n    mix-blend-mode: color;\r\n  }\r\n  > div > * {\r\n    mix-blend-mode: color;\r\n  }\r\n  &::before,\r\n  &::after {\r\n    background: var(--bg);\r\n    width: 100%;\r\n    position: absolute;\r\n    content: " ";\r\n    z-index: -1;\r\n    transition: height $fast, background-size $fast;\r\n  }\r\n  &::before {\r\n    opacity: 0;\r\n    top: 0;\r\n    height: var(--fill-height);\r\n  }\r\n  &::after {\r\n    opacity: 0.6;\r\n    bottom: 0;\r\n    height: var(--empty-height);\r\n    background-size: 100% var(--bg-offset);\r\n    background-position: bottom;\r\n  }\r\n  .ignoreFill {\r\n    mix-blend-mode: multiply;\r\n  }\r\n}\r\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"_3p3LGccQWCSKinibgDfKzQ==",ignoreFill:"xDPcNk0SaeLLifQpYn3toQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/BucketFill/BucketFill.stories.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"*{margin:0px}","",{version:3,sources:["webpack://./src/components/BucketFill/BucketFill.stories.module.scss"],names:[],mappings:"AAAA,EACI,UAAA",sourcesContent:["* {\r\n    margin: 0px;\r\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Button/Button.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".sRE36hvpQ5oc1svWlDAQnQ\\=\\={cursor:pointer;display:block;min-width:var(--button-min-width, 150px);min-height:var(--button-min-height, 62px);padding:16px;border:none;transition:color var(--animation--speed-fast, 250ms);color:var(--digital-blue, #558eff);border-radius:var(--button-border-radius, 8px)}.sRE36hvpQ5oc1svWlDAQnQ\\=\\=:disabled{cursor:initial}.oIWk-Pj9VzcsmU4i3UgbHQ\\=\\={background-color:rgba(0,0,0,0)}.oIWk-Pj9VzcsmU4i3UgbHQ\\=\\=:disabled{color:var(--medium-gray, #bababa)}.z-c0CyUEbKBFWeu0ZjprMQ\\=\\={background-color:var(--button-primary-bg-color, #1e22aa);color:var(--button-text-color, white);border-width:0px}.z-c0CyUEbKBFWeu0ZjprMQ\\=\\=:disabled{color:var(--medium-gray, #bababa)}._4qlWU8abQSRyfpOHvnl3hQ\\=\\={border:1px solid var(--digital-blue, #558eff);background-color:rgba(0,0,0,0)}._4qlWU8abQSRyfpOHvnl3hQ\\=\\=:disabled{color:var(--medium-gray, #bababa)}","",{version:3,sources:["webpack://./src/components/Button/Button.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,4BACE,cAAA,CACA,aAAA,CACA,wCCqBe,CDpBf,yCCmBgB,CDlBhB,YAAA,CACA,WAAA,CACA,oDAAA,CACA,kCCVY,CDWZ,8CCgBmB,CDfnB,qCACE,cAAA,CAMJ,4BACE,8BAAA,CACA,qCACE,iCCrBS,CDyBb,4BACE,wDCS6B,CDR7B,qCAAA,CACA,gBAAA,CACA,qCACE,iCC9BS,CDkCb,6BACE,6CAAA,CACA,8BAAA,CACA,sCACE,iCCtCS",sourcesContent:['@import "../../assets/styles/variables.scss";\n\n.button {\n  cursor: pointer;\n  display: block;\n  min-width: $buttonMinWidth;\n  min-height: $buttonMinHeight;\n  padding: 16px;\n  border: none;\n  transition: color $fast;\n  color: $digitalBlue;\n  border-radius: $buttonBorderRadius;\n  &:disabled {\n    cursor: initial;\n  }\n}\n\n///"transparent" | "filled" | "outline";\n\n.transparent {\n  background-color: transparent;\n  &:disabled {\n    color: $mediumGray;\n  }\n}\n\n.filled {\n  background-color: $buttonPrimaryBackgroundColor;\n  color: $buttonTextColor;\n  border-width: 0px;\n  &:disabled {\n    color: $mediumGray;\n  }\n}\n\n.outline {\n  border: 1px solid $digitalBlue;\n  background-color: transparent;\n  &:disabled {\n    color: $mediumGray;\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={button:"sRE36hvpQ5oc1svWlDAQnQ==",transparent:"oIWk-Pj9VzcsmU4i3UgbHQ==",filled:"z-c0CyUEbKBFWeu0ZjprMQ==",outline:"_4qlWU8abQSRyfpOHvnl3hQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Card/Card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".\\+g4zSfrwLYpnVMjs5eBvcg\\=\\={background:var(--bg-color, white);padding:32px;max-width:640px;width:100%;display:flex;align-items:stretch;flex-direction:column;height:auto}","",{version:3,sources:["webpack://./src/components/Card/Card.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,6BACE,iCCMoB,CDLpB,YAAA,CACA,eAAA,CACA,UAAA,CACA,YAAA,CACA,mBAAA,CACA,qBAAA,CACA,WAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  background: $mainBackgroundColor;\n  padding: 32px;\n  max-width: 640px;\n  width: 100%;\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n  height: auto;\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"+g4zSfrwLYpnVMjs5eBvcg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/CheckBox/CheckBox.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_assets_img_svg_checkbox_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/assets/img/svg/checkbox.svg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_assets_img_svg_checkbox_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,".W2MBjio2M9V9EO\\+nycDeFQ\\=\\={display:flex;line-height:1.5em;vertical-align:middle}.W2MBjio2M9V9EO\\+nycDeFQ\\=\\=>span:first-child{visibility:visible;width:1.5em;height:1.5em;border-radius:.45em;background-image:url("+___CSS_LOADER_URL_REPLACEMENT_0___+");background-color:rgba(0,0,0,0);transition:background-color 250ms,border 250ms,box-shadow 250ms;border:1px solid #282b35;box-shadow:0px 0px 0px -4px var(--digital-blue, #558eff);margin-right:.45em}.W2MBjio2M9V9EO\\+nycDeFQ\\=\\=>span:first-child.tTI-sWPnne62iqtbdcRP4A\\=\\={background-color:var(--digital-blue, #558eff);border:1px solid var(--digital-blue, #558eff);box-shadow:0px 0px 12px -4px var(--digital-blue, #558eff)}","",{version:3,sources:["webpack://./src/components/CheckBox/CheckBox.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,6BACE,YAAA,CACA,iBAAA,CACA,qBAAA,CAEA,8CACE,kBAAA,CACA,WAAA,CACA,YAAA,CACA,mBAAA,CACA,wDAAA,CACA,8BAAA,CACA,+DAAA,CACA,wBAAA,CACA,wDAAA,CACA,kBAAA,CAEF,yEACE,6CCpBU,CDqBV,6CAAA,CACA,yDAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  display: flex;\n  line-height: 1.5em;\n  vertical-align: middle;\n\n  > span:first-child {\n    visibility: visible;\n    width: 1.5em;\n    height: 1.5em;\n    border-radius: 0.45em;\n    background-image: url("../../assets/img/svg/checkbox.svg");\n    background-color: transparent;\n    transition: background-color 250ms, border 250ms, box-shadow 250ms;\n    border: 1px solid rgb(40, 43, 53);\n    box-shadow: 0px 0px 0px -4px $digitalBlue;\n    margin-right: 0.45em;\n  }\n  > span:first-child.checked {\n    background-color: $digitalBlue;\n    border: 1px solid $digitalBlue;\n    box-shadow: 0px 0px 12px -4px $digitalBlue;\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"W2MBjio2M9V9EO+nycDeFQ==",checked:"tTI-sWPnne62iqtbdcRP4A=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Collapsable/Collapsable.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".aLeDhD9Bt14ksOHcmc6g1A\\=\\=>.PBJAjiOD8QwlkLJV7o5a2w\\=\\={cursor:pointer;margin:0px;display:block}._8EAx8FfvOzjmuSGhCKxR2g\\=\\= .PBJAjiOD8QwlkLJV7o5a2w\\=\\=::after{transform:translateX(-0.5em) rotateX(180deg) rotateZ(45deg)}.JW9bXWniV3CeQ8UISy21XQ\\=\\= .PBJAjiOD8QwlkLJV7o5a2w\\=\\=::after{transform:translateX(-0.5em) rotateX(0deg) rotateZ(45deg)}.UVvLHnzBuQK7NipyKT-XcA\\=\\={width:100%;max-width:500px;overflow:hidden;transition:height var(--animation--speed-fast, 250ms) ease-in;height:0px}.UVvLHnzBuQK7NipyKT-XcA\\=\\=.v54mZ2hxfBTHEkQAdYFzsQ\\=\\={width:initial;max-width:initial;position:fixed;z-index:100;background:var(--bg-color, white);overflow:auto}.UVvLHnzBuQK7NipyKT-XcA\\=\\=.I7xXRLjh8UjTECZdvEY8wA\\=\\={transition:height var(--animation--speed-fast, 250ms) ease-in,margin-top var(--animation--speed-fast, 250ms) ease-in}._8EAx8FfvOzjmuSGhCKxR2g\\=\\={transition:height var(--animation--speed-fast, 250ms) ease-out}","",{version:3,sources:["webpack://./src/components/Collapsable/Collapsable.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAGE,wDACE,cAAA,CACA,UAAA,CACA,aAAA,CAIJ,gEACE,2DAAA,CAEF,+DACE,yDAAA,CAGF,4BACE,UAAA,CACA,eAAA,CACA,eAAA,CACA,6DAAA,CACA,UAAA,CACA,uDACE,aAAA,CACA,iBAAA,CACA,cAAA,CACA,WAAA,CACA,iCCnBkB,CDoBlB,aAAA,CAEF,uDACE,oHAAA,CAIJ,6BACE,8DAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  > .title {\n    cursor: pointer;\n    margin: 0px;\n    display: block;\n  }\n}\n\n.open .title::after {\n  transform: translateX(-0.5em) rotateX(180deg) rotateZ(45deg);\n}\n.closed .title::after {\n  transform: translateX(-0.5em) rotateX(0deg) rotateZ(45deg);\n}\n\n.content {\n  width: 100%;\n  max-width: 500px;\n  overflow: hidden;\n  transition: height $fast ease-in;\n  height: 0px;\n  &.float {\n    width: initial;\n    max-width: initial;\n    position: fixed;\n    z-index: 100;\n    background: $mainBackgroundColor;\n    overflow: auto;\n  }\n  &.transitionMarginTop {\n    transition: height $fast ease-in, margin-top $fast ease-in;\n  }\n}\n\n.open {\n  transition: height $fast ease-out;\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"aLeDhD9Bt14ksOHcmc6g1A==",title:"PBJAjiOD8QwlkLJV7o5a2w==",open:"_8EAx8FfvOzjmuSGhCKxR2g==",closed:"JW9bXWniV3CeQ8UISy21XQ==",content:"UVvLHnzBuQK7NipyKT-XcA==",float:"v54mZ2hxfBTHEkQAdYFzsQ==",transitionMarginTop:"I7xXRLjh8UjTECZdvEY8wA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Divider/Divider.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".gxQV2oTbjdAflFF16LRqmw\\=\\={margin:16px 0px;height:1px;background-color:var(--light-gray, #d6d6d6)}","",{version:3,sources:["webpack://./src/components/Divider/Divider.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,4BACE,eAAA,CACA,UAAA,CACA,2CCHU",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  margin: 16px 0px;\n  height: 1px;\n  background-color: $lightGray;\n}',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"gxQV2oTbjdAflFF16LRqmw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/FadeIn/FadeIn.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".H1MCFVykFc5HnWgp2NVPIw\\=\\={opacity:0;transition:opacity var(--animation--speed-normal, 500ms)}.H1MCFVykFc5HnWgp2NVPIw\\=\\=.UBdWexpogPTZeDdMh1sNsg\\=\\={opacity:1}@keyframes mLeZ8LzEJa9OydGef4yM5Q\\=\\={0%{opacity:0}100%{opacity:1}}","",{version:3,sources:["webpack://./src/components/FadeIn/FadeIn.module.scss"],names:[],mappings:"AAEA,4BACE,SAAA,CACA,wDAAA,CACA,uDACE,SAAA,CAIJ,sCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  opacity: 0;\n  transition: opacity $normal;\n  &.active {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeInInit {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"H1MCFVykFc5HnWgp2NVPIw==",active:"UBdWexpogPTZeDdMh1sNsg==",fadeInInit:"mLeZ8LzEJa9OydGef4yM5Q=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/FileInput/FileInput.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".THPQgDmXWIx7Z6pM4CsRvw\\=\\={width:0px;height:0px;position:fixed;opacity:.01}.kb6CUB8pWt\\+7XYmydsIWgQ\\=\\={display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--file-input-bg-color, #f2f6f7);padding:72px;border:1px solid;border-color:var(--file-input-border-color, #dce1e8);position:relative;margin-bottom:28px}.aWEn5UcSzR-HGYtzPPZvLg\\=\\={position:absolute;bottom:-24px;left:0px}","",{version:3,sources:["webpack://./src/components/FileInput/FileInput.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,4BACE,SAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CAGF,6BACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,qBAAA,CACA,oDCwByB,CDvBzB,YAAA,CACA,gBAAA,CACA,oDCsBqB,CDrBrB,iBAAA,CACA,kBAAA,CAGF,4BACE,iBAAA,CACA,YAAA,CACA,QAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.hidden {\n  width: 0px;\n  height: 0px;\n  position: fixed;\n  opacity: 0.01;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  background-color: $fileInputBackgroundColor;\n  padding: 72px;\n  border: 1px solid;\n  border-color: $fileInputBorderColor;\n  position: relative;\n  margin-bottom: 28px;\n}\n\n.footer {\n  position: absolute;\n  bottom: -24px;\n  left: 0px;\n}',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={hidden:"THPQgDmXWIx7Z6pM4CsRvw==",container:"kb6CUB8pWt+7XYmydsIWgQ==",footer:"aWEn5UcSzR-HGYtzPPZvLg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/FlowController/FlowController.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\={height:100%;display:flex;flex-direction:column;justify-content:space-between}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= ._1uzfV1mS2A9p1h8RFFpN5w\\=\\={width:100%;margin:0px -33px}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= button{width:100%;border-top:1px solid var(--light-gray, #d6d6d6)}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= .wxTykIzwgxzcdTuu6oanog\\=\\={margin-top:-105px;height:100%}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= .wxTykIzwgxzcdTuu6oanog\\=\\= .Wnpp\\+kQ-S0BUT6BTR5K2lQ\\=\\={padding:0px 33px 33px 33px;margin-top:105px;max-height:calc(100% - 105px)}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= .wxTykIzwgxzcdTuu6oanog\\=\\= .Wnpp\\+kQ-S0BUT6BTR5K2lQ\\=\\=.hPaJX9Pn5FWnAPky-K9moQ\\=\\={margin-top:0px;max-height:100%;height:100%}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= .wxTykIzwgxzcdTuu6oanog\\=\\= section{border-top:1px solid var(--light-gray, #d6d6d6);margin:0px -33px;padding:0px 33px}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= header{margin:55px 33px;margin-bottom:33px}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= footer{transition:opacity var(--animation--speed-fast, 250ms);opacity:1}._21ihXWIvO5Rz-g\\+ksSbNyw\\=\\= footer.s6Hrex22TIW97HtcLZK6Vg\\=\\={opacity:0}","",{version:3,sources:["webpack://./src/components/FlowController/FlowController.module.scss"],names:[],mappings:"AAEA,8BAKE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CAPA,2DACE,UAAA,CACA,gBAAA,CAMF,qCACE,UAAA,CACA,+CAAA,CAEF,0DACE,iBAAA,CACA,WAAA,CACA,uFACE,0BAAA,CACA,gBAAA,CACA,6BAAA,CAEA,kHACE,cAAA,CACA,eAAA,CACA,WAAA,CAGJ,kEACE,+CAAA,CACA,gBAAA,CACA,gBAAA,CAGJ,qCACE,gBAAA,CACA,kBAAA,CAEF,qCACE,sDAAA,CACA,SAAA,CAEF,gEACE,SAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  .headingImg {\n    width: 100%;\n    margin: 0px -33px;\n  }\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  button {\n    width: 100%;\n    border-top: 1px solid $lightGray;\n  }\n  .transition {\n    margin-top: -105px;\n    height: 100%;\n    .content {\n      padding: 0px 33px 33px 33px;\n      margin-top: 105px;\n      max-height: calc(100% - 105px);\n\n      &.fullHeight {\n        margin-top: 0px;\n        max-height: 100%;\n        height: 100%;\n      }\n    }\n    section {\n      border-top: 1px solid $lightGray;\n      margin: 0px -33px;\n      padding: 0px 33px;\n    }\n  }\n  header {\n    margin: 55px 33px;\n    margin-bottom: 33px;\n  }\n  footer {\n    transition: opacity $fast;\n    opacity: 1;\n  }\n  footer.hidden {\n    opacity: 0;\n  }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"_21ihXWIvO5Rz-g+ksSbNyw==",headingImg:"_1uzfV1mS2A9p1h8RFFpN5w==",transition:"wxTykIzwgxzcdTuu6oanog==",content:"Wnpp+kQ-S0BUT6BTR5K2lQ==",fullHeight:"hPaJX9Pn5FWnAPky-K9moQ==",hidden:"s6Hrex22TIW97HtcLZK6Vg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Header/Header.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".NXzL8aZsI3OuC3gU2E10dA\\=\\={position:sticky;top:0px;width:100%;background-color:var(--header-background-color, var(--digital-blue, #558eff));display:flex;padding:32px;align-items:center;font-family:var(--main-font, Roboto);z-index:100}._7bOtT4wwWH6LYQz7lmnNNQ\\=\\={align-self:stretch;display:flex;align-items:center}@media(orientation: portrait){._7bOtT4wwWH6LYQz7lmnNNQ\\=\\={display:none}}.liQe3bY4AYPkG\\+O\\+fOJZXQ\\=\\={font-size:18px;line-height:22px;margin-right:28px;color:var(--header-text-color, #94b8ff)}.FdniMsB5dxqrZPMp0A7ivw\\=\\={margin:-32px 32px;width:1px;background-color:var(--header-divider-bg-color, #467eea)}.oi9zoLWb18jcFKjdk2GEyg\\=\\={background-color:var(--header-bright-color, white);height:36px;width:36px;border-radius:18px;line-height:36px;text-align:center}.oi9zoLWb18jcFKjdk2GEyg\\=\\=,.\\-2vD0nUFFjnAuZPXY3ucbw\\=\\={margin-right:8px}.\\-2vD0nUFFjnAuZPXY3ucbw\\=\\={color:var(--header-bright-color, white)}@media(orientation: portrait){.\\-2vD0nUFFjnAuZPXY3ucbw\\=\\={display:none}}.AhElGMq9P1nPFYSxdBHpRg\\=\\={right:0px;width:fit-content;margin-top:18px;z-index:1000}.AhElGMq9P1nPFYSxdBHpRg\\=\\=>*{cursor:pointer;backdrop-filter:var(--header-submenu-backdrop, initial);padding:12px 32px;margin-bottom:8px;margin-left:4px;margin-right:4px;text-align:left;border-radius:4px;font-size:14px}._06rtecnpXryat\\+aiULZUww\\=\\={transition:transform var(--animation--speed-fast, 250ms);transform:rotateX(0deg);display:none}._06rtecnpXryat\\+aiULZUww\\=\\={cursor:pointer;transition:transform var(--animation--speed-fast, 250ms)}._06rtecnpXryat\\+aiULZUww\\=\\=:hover{transform:scale(1.2)}._06rtecnpXryat\\+aiULZUww\\=\\=:active{transform:scale(1.1)}._06rtecnpXryat\\+aiULZUww\\=\\=.fackPWQXyfyihceDz1\\+3jw\\=\\={transform:rotateX(180deg)}@media screen and (max-width: 640px){._06rtecnpXryat\\+aiULZUww\\=\\={display:initial}}._06rtecnpXryat\\+aiULZUww\\=\\=.NmdR\\+-0Uh47VgqDUpFbZmQ\\=\\={display:initial}@media screen and (max-width: 640px){.kNPJ1LVnVMXbcZQ0UL6-2w\\=\\={display:none}}@media screen and (min-width: 640px){.YT01rbEQNnoqZ\\+-ehjtxHw\\=\\={display:none}}.TfnYs1Bgn02yXoRiBsm9\\+Q\\=\\= ._7bOtT4wwWH6LYQz7lmnNNQ\\=\\={margin-right:auto}.TfnYs1Bgn02yXoRiBsm9\\+Q\\=\\= .aMnAJXQnNYHlt1CyiyCfeQ\\=\\={margin-left:initial}.kOug2ivlHuNdMKK1EEnxEg\\=\\= .aMnAJXQnNYHlt1CyiyCfeQ\\=\\={margin-left:auto}","",{version:3,sources:["webpack://./src/components/Header/Header.module.scss","webpack://./src/assets/styles/variables.scss","webpack://./src/assets/styles/mixins.scss"],names:[],mappings:"AAEA,4BACE,eAAA,CACA,OAAA,CACA,UAAA,CACA,6ECW0B,CDV1B,YAAA,CACA,YAAA,CACA,kBAAA,CACA,oCCGe,CDFf,WAAA,CAGF,6BACE,kBAAA,CACA,YAAA,CACA,kBAAA,CAEA,8BALF,6BAMI,YAAA,CAAA,CAIJ,8BACE,cAAA,CACA,gBAAA,CACA,iBAAA,CACA,uCCTgB,CDYlB,4BACE,iBAAA,CACA,SAAA,CACA,wDChBsB,CDmBxB,4BACE,kDClBkB,CDmBlB,WAAA,CACA,UAAA,CACA,kBAAA,CACA,gBAAA,CACA,iBAAA,CAGF,yDAEE,gBAAA,CAGF,6BACE,uCChCkB,CDkClB,8BAHF,6BAII,YAAA,CAAA,CAGJ,4BACE,SAAA,CACA,iBAAA,CACA,eAAA,CACA,YAAA,CACA,8BACE,cAAA,CACA,uDAAA,CACA,iBAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,eAAA,CACA,iBAAA,CACA,cAAA,CAGJ,8BAEE,wDAAA,CACA,uBAAA,CAMA,YAAA,CEnFA,8BACE,cAAA,CACA,wDAAA,CAEF,oCACE,oBAAA,CAEF,qCACE,oBAAA,CFuEF,0DACE,yBAAA,CAIF,qCAVF,8BAWI,eAAA,CAAA,CAEF,0DACE,eAAA,CAKF,qCADF,4BAEI,YAAA,CAAA,CAKF,qCADF,6BAEI,YAAA,CAAA,CAKF,0DACE,iBAAA,CAEF,yDACE,mBAAA,CAKF,wDACE,gBAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.header {\n  position: sticky;\n  top: 0px;\n  width: 100%;\n  background-color: $headerFillBackgroundColor;\n  display: flex;\n  padding: 32px;\n  align-items: center;\n  font-family: $mainFontFamily;\n  z-index: 100;\n}\n\n.logo {\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n\n  @media (orientation: portrait) {\n    display: none;\n  }\n}\n\n.option {\n  font-size: 18px;\n  line-height: 22px;\n  margin-right: 28px;\n  color: $headerTextColor;\n}\n\n.logoDivider {\n  margin: -32px 32px;\n  width: 1px;\n  background-color: $headerBackgroundColor;\n}\n\n.profile {\n  background-color: $headerBrightColor;\n  height: 36px;\n  width: 36px;\n  border-radius: 18px;\n  line-height: 36px;\n  text-align: center;\n}\n\n.profile,\n.profileName {\n  margin-right: 8px;\n}\n\n.profileName {\n  color: $headerBrightColor;\n\n  @media (orientation: portrait) {\n    display: none;\n  }\n}\n.headerOptions {\n  right: 0px;\n  width: fit-content;\n  margin-top: 18px;\n  z-index: 1000;\n  > * {\n    cursor: pointer;\n    backdrop-filter: var(--header-submenu-backdrop, initial);\n    padding: 12px 32px;\n    margin-bottom: 8px;\n    margin-left: 4px;\n    margin-right: 4px;\n    text-align: left;\n    border-radius: 4px;\n    font-size: 14px;\n  }\n}\n.indicator {\n  @include iteractibleElement();\n  transition: transform $fast;\n  transform: rotateX(0deg);\n\n  &.open {\n    transform: rotateX(180deg);\n  }\n\n  display: none;\n  @media screen and (max-width: 640px) {\n    display: initial;\n  }\n  &.withMoreOptions {\n    display: initial;\n  }\n}\n\n.desktopOnly {\n  @media screen and (max-width: 640px) {\n    display: none;\n  }\n}\n\n.mobileOnly {\n  @media screen and (min-width: 640px) {\n    display: none;\n  }\n}\n\n.options-right {\n  .logo {\n    margin-right: auto;\n  }\n  .sectionDivider {\n    margin-left: initial;\n  }\n}\n\n.options-left {\n  .sectionDivider {\n    margin-left: auto;\n  }\n}',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n","@mixin iteractibleElement() {\n  & {\n    cursor: pointer;\n    transition: transform $fast;\n  }\n  &:hover {\n    transform: scale(1.2);\n  }\n  &:active {\n    transform: scale(1.1);\n  }\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={header:"NXzL8aZsI3OuC3gU2E10dA==",logo:"_7bOtT4wwWH6LYQz7lmnNNQ==",option:"liQe3bY4AYPkG+O+fOJZXQ==",logoDivider:"FdniMsB5dxqrZPMp0A7ivw==",profile:"oi9zoLWb18jcFKjdk2GEyg==",profileName:"-2vD0nUFFjnAuZPXY3ucbw==",headerOptions:"AhElGMq9P1nPFYSxdBHpRg==",indicator:"_06rtecnpXryat+aiULZUww==",open:"fackPWQXyfyihceDz1+3jw==",withMoreOptions:"NmdR+-0Uh47VgqDUpFbZmQ==",desktopOnly:"kNPJ1LVnVMXbcZQ0UL6-2w==",mobileOnly:"YT01rbEQNnoqZ+-ehjtxHw==","options-right":"TfnYs1Bgn02yXoRiBsm9+Q==",sectionDivider:"aMnAJXQnNYHlt1CyiyCfeQ==","options-left":"kOug2ivlHuNdMKK1EEnxEg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/HeaderCloseBtn/HeaderCloseBtn.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\={width:22px;height:22px;position:relative;opacity:1;transition:opacity var(--animation--speed-fast, 250ms),transform var(--animation--speed-fast, 250ms)}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\={cursor:pointer;transition:transform var(--animation--speed-fast, 250ms)}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\=:hover{transform:scale(1.2)}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\=:active{transform:scale(1.1)}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\=.rgjAWOJeAzpqHJHGItGnpA\\=\\={opacity:0}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\= div{transition:width var(--animation--speed-fast, 250ms),top var(--animation--speed-fast, 250ms),left var(--animation--speed-fast, 250ms);position:absolute;height:3px;border-radius:1.5px;width:22px;background-color:var(--digital-blue, #558eff);transform-origin:1.5px 1.5px}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\= div:nth-child(1){transform:rotateZ(45deg)}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\= div:nth-child(2){transform:rotateZ(-45deg)}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\=.l9BKG9\\+ite2oGdXx4QdwJw\\=\\= div{width:12.5px;top:5.5px;left:0px}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\=.xBXEOdEm9v1Xq5MySdf2Ug\\=\\= div{width:22px}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\=.xBXEOdEm9v1Xq5MySdf2Ug\\=\\= div:nth-child(1){top:0px;left:0px}.Na\\+XgwiOB7IdnfX3bO\\+Klg\\=\\=.xBXEOdEm9v1Xq5MySdf2Ug\\=\\= div:nth-child(2){top:13px;left:0px}","",{version:3,sources:["webpack://./src/components/HeaderCloseBtn/HeaderCloseBtn.module.scss","webpack://./src/assets/styles/mixins.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,8BACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,SAAA,CAEA,oGAAA,CCPA,8BACE,cAAA,CACA,wDAAA,CAEF,oCACE,oBAAA,CAEF,qCACE,oBAAA,CAAA,yDDCA,SAAA,CAEF,kCACE,qIAAA,CACA,iBAAA,CACA,UAAA,CACA,mBAAA,CACA,UAAA,CACA,6CElBU,CFmBV,4BAAA,CACA,+CACE,wBAAA,CAEF,+CACE,yBAAA,CAGJ,8DACE,YAAA,CACA,SAAA,CACA,QAAA,CAEF,6DACE,UAAA,CACA,0EACE,OAAA,CACA,QAAA,CAEF,0EACE,QAAA,CACA,QAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.headerButton {\n  width: 22px;\n  height: 22px;\n  position: relative;\n  opacity: 1;\n  @include iteractibleElement();\n  transition: opacity $fast, transform $fast;\n  &.pointOfNoReturn {\n    opacity: 0;\n  }\n  div {\n    transition: width $fast, top $fast, left $fast;\n    position: absolute;\n    height: 3px;\n    border-radius: 1.5px;\n    width: 22px;\n    background-color: $digitalBlue;\n    transform-origin: 1.5px 1.5px;\n    &:nth-child(1) {\n      transform: rotateZ(45deg);\n    }\n    &:nth-child(2) {\n      transform: rotateZ(-45deg);\n    }\n  }\n  &.back div {\n    width: 12.5px;\n    top: 5.5px;\n    left: 0px;\n  }\n  &.close div {\n    width: 22px;\n    &:nth-child(1) {\n      top: 0px;\n      left: 0px;\n    }\n    &:nth-child(2) {\n      top: 13px;\n      left: 0px;\n    }\n  }\n}\n',"@mixin iteractibleElement() {\n  & {\n    cursor: pointer;\n    transition: transform $fast;\n  }\n  &:hover {\n    transform: scale(1.2);\n  }\n  &:active {\n    transform: scale(1.1);\n  }\n}","$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={headerButton:"Na+XgwiOB7IdnfX3bO+Klg==",pointOfNoReturn:"rgjAWOJeAzpqHJHGItGnpA==",back:"l9BKG9+ite2oGdXx4QdwJw==",close:"xBXEOdEm9v1Xq5MySdf2Ug=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/InfinityScroll/InfinityScroll.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".MJpRcyGo\\+fcMPy-eB2v9vw\\=\\={position:relative;width:100%;display:flex;overflow:auto}.MJpRcyGo\\+fcMPy-eB2v9vw\\=\\=::-webkit-scrollbar{display:none}.MJpRcyGo\\+fcMPy-eB2v9vw\\=\\={-ms-overflow-style:none;scrollbar-width:none}.MJpRcyGo\\+fcMPy-eB2v9vw\\=\\=>*{width:100%;min-width:100%}","",{version:3,sources:["webpack://./src/components/InfinityScroll/InfinityScroll.module.scss"],names:[],mappings:"AAAA,6BACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,aAAA,CAEA,gDACE,YAAA,CAIF,6BACE,uBAAA,CACA,oBAAA,CAEF,+BACE,UAAA,CACA,cAAA",sourcesContent:[".container {\n  position: relative;\n  width: 100%;\n  display: flex;\n  overflow: auto;\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  /* Hide scrollbar for IE, Edge and Firefox */\n  & {\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n  > * {\n    width: 100%;\n    min-width: 100%;\n  }\n\n  > :first-child {\n    // background-color: green;\n  }\n  > :nth-child(2) {\n    // background-color: yellow;\n  }\n  > :nth-child(3) {\n    // background-color: blue;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"MJpRcyGo+fcMPy-eB2v9vw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Input/Input.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".ILkOlO0yJJFitG8P0GeJFA\\=\\={position:relative;display:flex}.ILkOlO0yJJFitG8P0GeJFA\\=\\= .k3PItPFO8Cd1cjS08DIZDA\\=\\={position:absolute;top:1.5px;right:1.5px;min-height:30px;min-width:30px;cursor:pointer;user-select:none}.ILkOlO0yJJFitG8P0GeJFA\\=\\= .cibb6k0Aqs9ZxdOKxhbkYA\\=\\={height:30px;width:30px}.ILkOlO0yJJFitG8P0GeJFA\\=\\=.NrMUQGRYoaYXTO-irHJB6w\\=\\={padding-right:33px}.ILkOlO0yJJFitG8P0GeJFA\\=\\= input,.ILkOlO0yJJFitG8P0GeJFA\\=\\= textarea{border:none;background-color:rgba(0,0,0,0);width:100%;font-size:22px;line-height:33px;font-family:var(--main-font, Roboto);color:var(--input-text-color, var(--space-blue, #0f113a));margin-bottom:18px;outline:none}.ILkOlO0yJJFitG8P0GeJFA\\=\\= input:placeholder-shown~.gAVe0IuAUHyZN67UgwEYQg\\=\\=,.ILkOlO0yJJFitG8P0GeJFA\\=\\= textarea:placeholder-shown~.gAVe0IuAUHyZN67UgwEYQg\\=\\={animation-iteration-count:infinite;animation-duration:var(--animation--speed-veryslow, 2s);animation-name:gEoVQrlnO8XUu1PGavF\\+RQ\\=\\=;animation-delay:var(--animation--speed-slow, 1s)}.ILkOlO0yJJFitG8P0GeJFA\\=\\= .gAVe0IuAUHyZN67UgwEYQg\\=\\={position:absolute;left:0px;right:0px;bottom:18px;height:1px;background-color:var(--space-blue, #0f113a);opacity:0}.ILkOlO0yJJFitG8P0GeJFA\\=\\= .EjBwtgyaCDZiSulgW9lc5g\\=\\={position:absolute;bottom:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}@keyframes gEoVQrlnO8XUu1PGavF\\+RQ\\=\\={0%{opacity:0}50%{opacity:.1}100%{opacity:0}}","",{version:3,sources:["webpack://./src/components/Input/Input.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,4BACE,iBAAA,CACA,YAAA,CACA,wDACE,iBAAA,CACA,SAAA,CACA,WAAA,CACA,eAAA,CACA,cAAA,CACA,cAAA,CACA,gBAAA,CACA,wDACE,WAAA,CACA,UAAA,CAGJ,uDACE,kBAAA,CAEF,uEAEE,WAAA,CACA,8BAAA,CACA,UAAA,CACA,cAAA,CACA,gBAAA,CACA,oCCfa,CDgBb,yDAAA,CACA,kBAAA,CACA,YAAA,CACA,mKACE,kCAAA,CACA,uDCiBK,CDhBL,0CAAA,CACA,gDCcC,CDXL,wDACE,iBAAA,CACA,QAAA,CACA,SAAA,CACA,WAAA,CACA,UAAA,CACA,2CC1CQ,CD2CR,SAAA,CAEF,wDACE,iBAAA,CACA,UAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,cAAA,CAIJ,uCACE,GACE,SAAA,CAEF,IACE,UAAA,CAEF,KACE,SAAA,CAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.inputContainer {\n  position: relative;\n  display: flex;\n  .icon {\n    position: absolute;\n    top: 1.5px;\n    right: 1.5px;\n    min-height: 30px;\n    min-width: 30px;\n    cursor: pointer;\n    user-select: none;\n    &img {\n      height: 30px;\n      width: 30px;\n    }\n  }\n  &.withIcon {\n    padding-right: 33px;\n  }\n  input,\n  textarea {\n    border: none;\n    background-color: transparent;\n    width: 100%;\n    font-size: 22px;\n    line-height: 33px;\n    font-family: $mainFontFamily;\n    color: var(--input-text-color, $spaceBlue);\n    margin-bottom: 18px;\n    outline: none;\n    &:placeholder-shown ~ .border {\n      animation-iteration-count: infinite;\n      animation-duration: $verySlow;\n      animation-name: pulse;\n      animation-delay: $slow;\n    }\n  }\n  & .border {\n    position: absolute;\n    left: 0px;\n    right: 0px;\n    bottom: 18px;\n    height: 1px;\n    background-color: $spaceBlue;\n    opacity: 0;\n  }\n  .caption {\n    position: absolute;\n    bottom: 0px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 100%;\n  }\n}\n\n@keyframes pulse {\n  0% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={inputContainer:"ILkOlO0yJJFitG8P0GeJFA==",icon:"k3PItPFO8Cd1cjS08DIZDA==",iconimg:"cibb6k0Aqs9ZxdOKxhbkYA==",withIcon:"NrMUQGRYoaYXTO-irHJB6w==",border:"gAVe0IuAUHyZN67UgwEYQg==",pulse:"gEoVQrlnO8XUu1PGavF+RQ==",caption:"EjBwtgyaCDZiSulgW9lc5g=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/LinkToId/LinkToId.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".IYmr\\+3euoq3pgBj9SWSS9g\\=\\=:hover{text-decoration:underline;cursor:pointer}","",{version:3,sources:["webpack://./src/components/LinkToId/LinkToId.module.scss"],names:[],mappings:"AAAA,mCACI,yBAAA,CACA,cAAA",sourcesContent:[".root:hover {\r\n    text-decoration: underline;\r\n    cursor: pointer;\r\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"IYmr+3euoq3pgBj9SWSS9g=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Loader/Loader.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".nTlv4jwPhKKCx86OP23kDw\\=\\={white-space:nowrap;font-size:14px}.nTlv4jwPhKKCx86OP23kDw\\=\\= span{display:inline-block;width:.75em;height:.75em;border-radius:.375em;margin-left:4px;background-color:var(--digital-blue, #558eff);animation-name:vjM98zF\\+JPvpWChK8K5yjQ\\=\\=;animation-duration:var(--animation--speed-normal, 500ms);animation-iteration-count:infinite;animation-timing-function:ease-out}.nTlv4jwPhKKCx86OP23kDw\\=\\= span:nth-child(1){margin-left:initial;animation-delay:0}.nTlv4jwPhKKCx86OP23kDw\\=\\= span:nth-child(2){animation-delay:var(--animation--speed-veryfast, 125ms)}.nTlv4jwPhKKCx86OP23kDw\\=\\= span:nth-child(3){animation-delay:var(--animation--speed-fast, 250ms)}@keyframes vjM98zF\\+JPvpWChK8K5yjQ\\=\\={0%{opacity:0}50%{opacity:1}100%{opacity:0}}","",{version:3,sources:["webpack://./src/components/Loader/Loader.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,4BACE,kBAAA,CACA,cAAA,CACA,iCACE,oBAAA,CACA,WAAA,CACA,YAAA,CACA,oBAAA,CACA,eAAA,CACA,6CCXU,CDYV,0CAAA,CACA,wDCoCK,CDnCL,kCAAA,CACA,kCAAA,CACA,8CACE,mBAAA,CACA,iBAAA,CAEF,8CACE,uDC0BK,CDxBP,8CACE,mDCwBC,CDnBP,uCACE,GACE,SAAA,CAEF,IACE,SAAA,CAEF,KACE,SAAA,CAAA",sourcesContent:['@import "../../assets/styles/variables.scss";\n\n.indicator {\n  white-space: nowrap;\n  font-size: 14px;\n  & span {\n    display: inline-block;\n    width: 0.75em;\n    height: 0.75em;\n    border-radius: 0.375em;\n    margin-left: 4px;\n    background-color: $digitalBlue;\n    animation-name: transparentToOpaque;\n    animation-duration: $normal;\n    animation-iteration-count: infinite;\n    animation-timing-function: ease-out;\n    &:nth-child(1) {\n      margin-left: initial;\n      animation-delay: 0;\n    }\n    &:nth-child(2) {\n      animation-delay: $veryFast;\n    }\n    &:nth-child(3) {\n      animation-delay: $fast;\n    }\n  }\n}\n\n@keyframes transparentToOpaque {\n  0% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={indicator:"nTlv4jwPhKKCx86OP23kDw==",transparentToOpaque:"vjM98zF+JPvpWChK8K5yjQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MainGrid/MainGrid.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".BlXsXKq0\\+ktBy9tQb7aE4w\\=\\={display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.BlXsXKq0\\+ktBy9tQb7aE4w\\=\\=>:nth-child(1),.BlXsXKq0\\+ktBy9tQb7aE4w\\=\\=>:nth-child(3){flex:1;max-width:250px;min-width:150px}.BlXsXKq0\\+ktBy9tQb7aE4w\\=\\= .m8Va\\+Mxd8oFX6gfpZ\\+DnSA\\=\\={min-width:250px}.BlXsXKq0\\+ktBy9tQb7aE4w\\=\\=>:nth-child(2){flex:1;max-width:1200px}.Gpxi66ALOhiEiDSVSXG5IA\\=\\={align-items:flex-start;min-height:initial}","",{version:3,sources:["webpack://./src/components/MainGrid/MainGrid.module.scss"],names:[],mappings:"AAAA,6BACE,YAAA,CACA,cAAA,CACA,sBAAA,CACA,6BAAA,CAGA,sFAEE,MAAA,CACA,eAAA,CACA,eAAA,CAGF,2DACE,eAAA,CAGF,2CACE,MAAA,CACA,gBAAA,CAIJ,4BACE,sBAAA,CACA,kBAAA",sourcesContent:[".container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  // TODO: Priorize reducing width of empty elements insteas of the main container\n  > :nth-child(1),\n  > :nth-child(3) {\n    flex: 1;\n    max-width: 250px;\n    min-width: 150px;\n  }\n\n  .content {\n    min-width: 250px;\n  }\n\n  > :nth-child(2) {\n    flex: 1;\n    max-width: 1200px;\n  }\n}\n\n.section {\n  align-items: flex-start;\n  min-height: initial;\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"BlXsXKq0+ktBy9tQb7aE4w==",content:"m8Va+Mxd8oFX6gfpZ+DnSA==",section:"Gpxi66ALOhiEiDSVSXG5IA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MutableHamburgerButton/MutableHamburgerButton.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".UQtJsDA4zT-Zh2gLBC5sig\\=\\={box-sizing:content-box;cursor:pointer;width:1em;height:1em;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background-size:0 0;background-repeat:no-repeat;transition:transform 250ms;transition-timing-function:ease-in-out}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=:active{transform:scale(0.9)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=>*{position:relative;flex-shrink:0;box-sizing:border-box;width:.8em;height:0.1428571429em;border-radius:0.0714285714em;transition:transform var(--animation--speed-veryfast, 125ms),width var(--animation--speed-veryfast, 125ms),height var(--animation--speed-veryfast, 125ms),border-width var(--animation--speed-veryfast, 125ms),background-color var(--animation--speed-veryfast, 125ms),border-radius var(--animation--speed-veryfast, 125ms),top var(--animation--speed-veryfast, 125ms);background:var(--mutable-hamburger-background, var(--digital-blue, #558eff));background-size:1em 1em;background-repeat:no-repeat;border:0em solid rgba(0,0,0,0);top:0px}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=>*:nth-child(1){border-top-color:var(--mutable-hamburger-background, var(--digital-blue, #558eff))}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=>*:nth-child(2){border-right-color:var(--mutable-hamburger-background, var(--digital-blue, #558eff))}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=>*:nth-child(3){border-bottom-color:var(--mutable-hamburger-background, var(--digital-blue, #558eff));border-left-color:var(--mutable-hamburger-background, var(--digital-blue, #558eff))}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=>*{background-position-x:-0.1em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=>:nth-child(1){background-position-y:-0.1428571429em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=>:nth-child(2){background-position-y:-0.4285714286em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=>:nth-child(3){background-position-y:-0.7142857143em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.al8-InUwDJHQr0V7vyEpUg\\=\\=>:nth-child(1){transform:translateY(0.2857142857em) rotateZ(-45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.al8-InUwDJHQr0V7vyEpUg\\=\\=>:nth-child(2){transform:rotateZ(45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.al8-InUwDJHQr0V7vyEpUg\\=\\=>:nth-child(3){transform:translateY(-0.2857142857em) rotateZ(-45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.yoeVFdMXSo9AFGOIuBfQSQ\\=\\=>*{width:.4em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.yoeVFdMXSo9AFGOIuBfQSQ\\=\\=>:nth-child(1){transform:translateX(0.1em) translateY(0.2857142857em) rotateZ(45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.yoeVFdMXSo9AFGOIuBfQSQ\\=\\=>:nth-child(2){transform:translateX(0.1em) rotateZ(45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.yoeVFdMXSo9AFGOIuBfQSQ\\=\\=>:nth-child(3){transform:translateX(-0.1em) translateY(-0.2857142857em) rotateZ(-45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.PP2ErXOiEboBwCumgGjJrA\\=\\=>*{width:.4em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.PP2ErXOiEboBwCumgGjJrA\\=\\=>:nth-child(1){transform:translateX(0.1em) translateY(0.2857142857em) rotateZ(-45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.PP2ErXOiEboBwCumgGjJrA\\=\\=>:nth-child(2){transform:translateX(0.1em) rotateZ(-45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.PP2ErXOiEboBwCumgGjJrA\\=\\=>:nth-child(3){transform:translateX(-0.1em) translateY(-0.2857142857em) rotateZ(45deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.miin0Xs2rVf8iyy5lCgl9Q\\=\\=>:nth-child(1){width:0.362962963em;height:0.362962963em;border-radius:0.5142857143em;background-color:rgba(0,0,0,0);border:0.1058201058em solid var(--mutable-hamburger-background, var(--digital-blue, #558eff));transform:translateX(-0.15em)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.miin0Xs2rVf8iyy5lCgl9Q\\=\\=>:nth-child(2){transform:translateX(0.12em) translateY(-0.05em) rotateZ(45deg);height:0.1058201058em;width:.55em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.miin0Xs2rVf8iyy5lCgl9Q\\=\\=>:nth-child(3){transform:translateX(0.12em) translateY(-0.2707142857em) rotateZ(45deg);height:0.1058201058em;width:.55em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.GtqP\\+c7JRROvOhq5pXuxUA\\=\\=>:nth-child(1){transform:translateY(0.2857142857em) translateX(-0.178em) translateY(0.13em) rotate(45deg);height:0.1428571429em;width:.45em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.GtqP\\+c7JRROvOhq5pXuxUA\\=\\=>:nth-child(2){height:0.1428571429em;width:.7em;transform:translateX(0.1em) rotate(-55deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.GtqP\\+c7JRROvOhq5pXuxUA\\=\\=>:nth-child(3){transform:translateY(-0.2857142857em) translateX(0.1em) rotate(-55deg);height:0.1428571429em;width:.7em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.jj24mE8OgYNtVVK28YYo4A\\=\\={animation-name:x7RWQCxM66BEWwTvQdFkfQ\\=\\=;animation-duration:1s;animation-delay:var(--animation--speed-veryfast, 125ms);animation-iteration-count:infinite;animation-timing-function:linear}@keyframes x7RWQCxM66BEWwTvQdFkfQ\\=\\={0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.jj24mE8OgYNtVVK28YYo4A\\=\\=>*{background-color:rgba(0,0,0,0);width:0.75em;height:0.75em;border-radius:0.75em;border-width:0.1666666667em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.jj24mE8OgYNtVVK28YYo4A\\=\\=>:nth-child(1){top:0.75em}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.jj24mE8OgYNtVVK28YYo4A\\=\\=>:nth-child(2){transform:rotateZ(-5deg)}.UQtJsDA4zT-Zh2gLBC5sig\\=\\=.jj24mE8OgYNtVVK28YYo4A\\=\\=>:nth-child(3){transform:rotateZ(-95deg);top:-0.75em}","",{version:3,sources:["webpack://./src/components/MutableHamburgerButton/MutableHamburgerButton.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAKA,4BACE,sBAAA,CACA,cAAA,CACA,SAAA,CACA,UAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,4BAAA,CACA,mBAAA,CACA,2BAAA,CACA,0BAAA,CACA,sCAAA,CACA,mCACE,oBAAA,CAEF,8BACE,iBAAA,CACA,aAAA,CACA,qBAAA,CACA,UAAA,CACA,qBAAA,CACA,4BAAA,CACA,yWAAA,CAGA,4EAAA,CACA,uBAAA,CACA,2BAAA,CACA,8BAAA,CACA,OAAA,CACA,2CACE,kFAAA,CAEF,2CACE,oFAAA,CAEF,2CACE,qFAAA,CACA,mFAAA,CAGJ,8BACE,4BAAA,CAEF,0CACE,qCAAA,CAEF,0CACE,qCAAA,CAEF,0CACE,qCAAA,CAIA,qEACE,oDAAA,CAEF,qEACE,wBAAA,CAEF,qEACE,qDAAA,CAKF,yDACE,UAAA,CAEF,qEACE,qEAAA,CAEF,qEACE,0CAAA,CAEF,qEACE,wEAAA,CAKF,yDACE,UAAA,CAEF,qEACE,sEAAA,CAEF,qEACE,2CAAA,CAEF,qEACE,uEAAA,CAKF,qEAEE,mBAAA,CACA,oBAAA,CACA,4BAAA,CACA,8BAAA,CACA,6FAAA,CAEA,6BAAA,CAEF,qEACE,+DAAA,CACA,qBAAA,CACA,WAAA,CAEF,qEACE,uEAAA,CAEA,qBAAA,CACA,WAAA,CAKF,sEACE,0FAAA,CAEA,qBAAA,CACA,WAAA,CAEF,sEACE,qBAAA,CACA,UAAA,CACA,0CAAA,CAEF,sEACE,sEAAA,CACA,qBAAA,CACA,UAAA,CAIJ,uDAUE,yCAAA,CACA,qBAAA,CACA,uDC9GO,CD+GP,kCAAA,CACA,gCAAA,CAZA,sCACE,GACE,sBAAA,CAEF,KACE,wBAAA,CAAA,CAQJ,yDACE,8BAAA,CACA,YAAA,CACA,aAAA,CACA,oBAAA,CACA,2BAAA,CAEF,qEACE,UAAA,CAEF,qEACE,wBAAA,CAEF,qEACE,yBAAA,CACA,WAAA",sourcesContent:["@use 'sass:math';\n@import \"../../assets/styles/index.scss\";\n\n$slice: math.div(1, 7);\n\n.container {\n  box-sizing: content-box;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-evenly;\n  background-size: 0 0;\n  background-repeat: no-repeat;\n  transition: transform 250ms;\n  transition-timing-function: ease-in-out;\n  &:active {\n    transform: scale(0.9);\n  }\n  > * {\n    position: relative;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    width: 0.8em;\n    height: #{$slice}em;\n    border-radius: #{math.div($slice, 2)}em;\n    transition: transform $veryFast, width $veryFast, height $veryFast,\n      border-width $veryFast, background-color $veryFast,\n      border-radius $veryFast, top $veryFast;\n    background: var(--mutable-hamburger-background, $digitalBlue);\n    background-size: 1em 1em;\n    background-repeat: no-repeat;\n    border: 0em solid #0000;\n    top: 0px;\n    &:nth-child(1) {\n      border-top-color: var(--mutable-hamburger-background, $digitalBlue);\n    }\n    &:nth-child(2) {\n      border-right-color: var(--mutable-hamburger-background, $digitalBlue);\n    }\n    &:nth-child(3) {\n      border-bottom-color: var(--mutable-hamburger-background, $digitalBlue);\n      border-left-color: var(--mutable-hamburger-background, $digitalBlue);\n    }\n  }\n  & > * {\n    background-position-x: -0.1em;\n  }\n  & > :nth-child(1) {\n    background-position-y: #{$slice * -1}em;\n  }\n  & > :nth-child(2) {\n    background-position-y: #{$slice * -3}em;\n  }\n  & > :nth-child(3) {\n    background-position-y: #{$slice * -5}em;\n  }\n\n  &.closed {\n    > :nth-child(1) {\n      transform: translateY(#{$slice * 2}em) rotateZ(-45deg);\n    }\n    > :nth-child(2) {\n      transform: rotateZ(45deg);\n    }\n    > :nth-child(3) {\n      transform: translateY(-#{$slice * 2}em) rotateZ(-45deg);\n    }\n  }\n\n  &.arrow-up {\n    > * {\n      width: 0.4em;\n    }\n    > :nth-child(1) {\n      transform: translateX(0.1em) translateY(#{$slice * 2}em) rotateZ(45deg);\n    }\n    > :nth-child(2) {\n      transform: translateX(0.1em) rotateZ(45deg);\n    }\n    > :nth-child(3) {\n      transform: translateX(-0.1em) translateY(-#{$slice * 2}em) rotateZ(-45deg);\n    }\n  }\n\n  &.arrow-down {\n    > * {\n      width: 0.4em;\n    }\n    > :nth-child(1) {\n      transform: translateX(0.1em) translateY(#{$slice * 2}em) rotateZ(-45deg);\n    }\n    > :nth-child(2) {\n      transform: translateX(0.1em) rotateZ(-45deg);\n    }\n    > :nth-child(3) {\n      transform: translateX(-0.1em) translateY(-#{$slice * 2}em) rotateZ(45deg);\n    }\n  }\n\n  &.search {\n    > :nth-child(1) {\n      $rate: 1.8;\n      width: #{$slice * $rate + math.div($slice, 1.35)}em;\n      height: #{$slice * $rate + math.div($slice, 1.35)}em;\n      border-radius: #{$slice * $rate * 2}em;\n      background-color: transparent;\n      border: #{math.div($slice, 1.35)}em solid\n        var(--mutable-hamburger-background, $digitalBlue);\n      transform: translateX(-0.15em);\n    }\n    > :nth-child(2) {\n      transform: translateX(0.12em) translateY(-0.05em) rotateZ(45deg);\n      height: #{math.div($slice, 1.35)}em;\n      width: 0.55em;\n    }\n    > :nth-child(3) {\n      transform: translateX(0.12em) translateY(-#{($slice * 1.3) + 0.085}em)\n        rotateZ(45deg);\n      height: #{math.div($slice, 1.35)}em;\n      width: 0.55em;\n    }\n  }\n\n  &.checkmark {\n    > :nth-child(1) {\n      transform: translateY(#{$slice * 2}em) translateX(-0.178em)\n        translateY(0.13em) rotate(45deg);\n      height: #{$slice}em;\n      width: 0.45em;\n    }\n    > :nth-child(2) {\n      height: #{$slice}em;\n      width: 0.7em;\n      transform: translateX(0.1em) rotate(-55deg);\n    }\n    > :nth-child(3) {\n      transform: translateY(-#{$slice * 2}em) translateX(0.1em) rotate(-55deg);\n      height: #{$slice}em;\n      width: 0.7em;\n    }\n  }\n\n  &.loading {\n    $slice: math.div(1, 6);\n    @keyframes rotate {\n      0% {\n        transform: rotate(0deg);\n      }\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n    animation-name: rotate;\n    animation-duration: 1s;\n    animation-delay: $veryFast;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    > * {\n      background-color: #0000;\n      width: #{$slice * 4.5}em;\n      height: #{$slice * 4.5}em;\n      border-radius: #{$slice * 4.5}em;\n      border-width: #{$slice}em;\n    }\n    > :nth-child(1) {\n      top: (#{$slice * 4.5}em);\n    }\n    > :nth-child(2) {\n      transform: rotateZ(-5deg);\n    }\n    > :nth-child(3) {\n      transform: rotateZ(-95deg);\n      top: (-#{$slice * 4.5}em);\n    }\n  }\n}\n","$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"UQtJsDA4zT-Zh2gLBC5sig==",closed:"al8-InUwDJHQr0V7vyEpUg==","arrow-up":"yoeVFdMXSo9AFGOIuBfQSQ==","arrow-down":"PP2ErXOiEboBwCumgGjJrA==",search:"miin0Xs2rVf8iyy5lCgl9Q==",checkmark:"GtqP+c7JRROvOhq5pXuxUA==",loading:"jj24mE8OgYNtVVK28YYo4A==",rotate:"x7RWQCxM66BEWwTvQdFkfQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Notification/Notification.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".GR\\+jRyk-GpE-zwHpF\\+H7IA\\=\\={animation-fill-mode:forwards;animation-duration:var(--animation--speed-fast, 250ms);animation-name:mZaW9D4VZEPYJaJ5MT4G\\+Q\\=\\=;width:auto;min-width:250px}.XDn117oz4\\+07WfTVzEKeVQ\\=\\={background-color:var(--success, lightgreen)}@keyframes mZaW9D4VZEPYJaJ5MT4G\\+Q\\=\\={0%{padding:0px 12px;max-height:0%}100%{padding:12px 12px;max-height:100%}}","",{version:3,sources:["webpack://./src/components/Notification/Notification.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,8BACE,4BAAA,CACA,sDC4CK,CD3CL,0CAAA,CACA,UAAA,CACA,eAAA,CAGF,6BACE,2CCHQ,CDMV,uCACE,GACE,gBAAA,CACA,aAAA,CAGF,KACE,iBAAA,CACA,eAAA,CAAA",sourcesContent:['@import "../../assets/styles/variables.scss";\n\n.container {\n  animation-fill-mode: forwards;\n  animation-duration: $fast;\n  animation-name: expand;\n  width: auto;\n  min-width: 250px;\n}\n\n.success {\n  background-color: $success;\n}\n\n@keyframes expand {\n  0% {\n    padding: 0px 12px;\n    max-height: 0%;\n  }\n\n  100% {\n    padding: 12px 12px;\n    max-height: 100%;\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"GR+jRyk-GpE-zwHpF+H7IA==",expand:"mZaW9D4VZEPYJaJ5MT4G+Q==",success:"XDn117oz4+07WfTVzEKeVQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/OrderableList/OrderableList.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._2ARWq1Qof\\+SVKZi1AvcBAQ\\=\\= *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.q61BB6AtixKbz7Pc12fpbg\\=\\={transition:top 250ms left 250ms;pointer-events:none;position:fixed}._1lxH7JnJdznoPrrcCbqTUw\\=\\=>*{opacity:0}._1lxH7JnJdznoPrrcCbqTUw\\=\\= .MjdhY2oYSCTROT2FY9kx-g\\=\\={opacity:1}.MGSsPSMjZsV\\+\\+ub2HIYUSg\\=\\=>*{transition:max-height 250ms}.NcyLUxhxKEP\\+\\+Ko7yw8dQQ\\=\\={width:100%;align-items:flex-start !important}.NcyLUxhxKEP\\+\\+Ko7yw8dQQ\\=\\=>*{flex-direction:row !important;flex-wrap:wrap}.NcyLUxhxKEP\\+\\+Ko7yw8dQQ\\=\\=>*:first-child{visibility:hidden}.NcyLUxhxKEP\\+\\+Ko7yw8dQQ\\=\\=>*:last-child{visibility:visible}","",{version:3,sources:["webpack://./src/components/OrderableList/OrderableList.module.scss"],names:[],mappings:"AAAA,gCACE,0BAAA,CACA,wBAAA,CACA,uBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAGF,4BACE,+BAAA,CACA,mBAAA,CACA,cAAA,CAIA,+BACE,SAAA,CAEF,yDACE,SAAA,CAIJ,gCACE,2BAAA,CAGF,8BACE,UAAA,CACA,iCAAA,CACA,gCACE,6BAAA,CACA,cAAA,CACA,4CACE,iBAAA,CAEF,2CACE,kBAAA",sourcesContent:[".unselectable * {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.clone {\n  transition: top 250ms left 250ms;\n  pointer-events: none;\n  position: fixed;\n}\n\n.ordering {\n  > * {\n    opacity: 0;\n  }\n  .visible {\n    opacity: 1;\n  }\n}\n\n.root > * {\n  transition: max-height 250ms;\n}\n\n.transition {\n  width: 100%;\n  align-items: flex-start !important;\n  > * {\n    flex-direction: row !important;\n    flex-wrap: wrap;\n    &:first-child {\n      visibility: hidden;\n    }\n    &:last-child {\n      visibility: visible;\n    }\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={unselectable:"_2ARWq1Qof+SVKZi1AvcBAQ==",clone:"q61BB6AtixKbz7Pc12fpbg==",ordering:"_1lxH7JnJdznoPrrcCbqTUw==",visible:"MjdhY2oYSCTROT2FY9kx-g==",root:"MGSsPSMjZsV++ub2HIYUSg==",transition:"NcyLUxhxKEP++Ko7yw8dQQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Parallax/Parallax.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.sqf10qyfCNrwz4PUBfOElw\\=\\={display:flex;position:relative;transition:transform var(--animation--speed-fast, 250ms);overflow:hidden;user-select:none;transform:translate3d(0, 0, 0)}.D6moeOupgrB7mIsy42AO9A\\=\\={transform:translateX(-50%) translateY(-50%);width:40%;pointer-events:none;position:absolute;left:-50%;top:-50%}.D6moeOupgrB7mIsy42AO9A\\=\\=::after{background:radial-gradient(rgba(255, 255, 255, 0.1333333333), rgba(255, 255, 255, 0.1333333333) 5%, rgba(170, 170, 170, 0) 50%);background-size:100% 100%;content:"";display:block;padding-bottom:100%;border-radius:50%;background-repeat:no-repeat}',"",{version:3,sources:["webpack://./src/components/Parallax/Parallax.module.scss"],names:[],mappings:"AAEA,4BACE,YAAA,CACA,iBAAA,CACA,wDAAA,CACA,eAAA,CACA,gBAAA,CACA,8BAAA,CAGF,4BACE,2CAAA,CACA,SAAA,CACA,mBAAA,CAUA,iBAAA,CACA,SAAA,CACA,QAAA,CAXA,mCACE,+HAAA,CACA,yBAAA,CACA,UAAA,CACA,aAAA,CACA,mBAAA,CACA,iBAAA,CACA,2BAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.parallax {\n  display: flex;\n  position: relative;\n  transition: transform $fast;\n  overflow: hidden;\n  user-select: none;\n  transform: translate3d(0, 0, 0);\n}\n\n.reflection {\n  transform: translateX(-50%) translateY(-50%);\n  width: 40%;\n  pointer-events: none;\n  &::after {\n    background: radial-gradient(#fff2, #fff2 5%, #aaa0 50%);\n    background-size: 100% 100%;\n    content: "";\n    display: block;\n    padding-bottom: 100%;\n    border-radius: 50%;\n    background-repeat: no-repeat;\n  }\n  position: absolute;\n  left: -50%;\n  top: -50%;\n}'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={parallax:"sqf10qyfCNrwz4PUBfOElw==",reflection:"D6moeOupgrB7mIsy42AO9A=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/PasswordInput/PasswordInput.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".vWx6bePKTq4W1uU6L0lM4g\\=\\={position:relative}.vWx6bePKTq4W1uU6L0lM4g\\=\\=.IqM\\+Kyos41VqjaHD89NB\\+A\\=\\={padding-bottom:54px}.vWx6bePKTq4W1uU6L0lM4g\\=\\= .MwfAzSsJNwBiLFmh4dSNOw\\=\\={position:absolute;bottom:0px}","",{version:3,sources:["webpack://./src/components/PasswordInput/PasswordInput.module.scss"],names:[],mappings:"AAAA,4BAIE,iBAAA,CAHA,yDACE,mBAAA,CAIF,wDACE,iBAAA,CACA,UAAA",sourcesContent:[".inputContainer {\n  &.creation {\n    padding-bottom: 54px;\n  }\n  position: relative;\n\n  .rules {\n    position: absolute;\n    bottom: 0px;\n  }\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={inputContainer:"vWx6bePKTq4W1uU6L0lM4g==",creation:"IqM+Kyos41VqjaHD89NB+A==",rules:"MwfAzSsJNwBiLFmh4dSNOw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/PixelatedScan/PixelatedScan.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.Wb3cN1y\\+2J9SI8BqlLorQQ\\=\\={width:100%;position:absolute;animation-duration:2000ms;display:flex;flex-direction:column;justify-content:flex-end;animation-fill-mode:forwards;animation-timing-function:linear;min-height:10px;top:0}.Wb3cN1y\\+2J9SI8BqlLorQQ\\=\\=::after{content:" ";width:100%;height:10px;background:var(--pixelated-scan-bg, var(--digital-blue))}.m4nCbzdiwPVKw7FgbX1vlw\\=\\={position:absolute;top:0px;right:0px;left:0px;bottom:0px;overflow:hidden}.m4nCbzdiwPVKw7FgbX1vlw\\=\\=>*{display:flex;opacity:0}.m4nCbzdiwPVKw7FgbX1vlw\\=\\=>*.Wb3cN1y\\+2J9SI8BqlLorQQ\\=\\={opacity:1}.m4nCbzdiwPVKw7FgbX1vlw\\=\\=.VjVAfwPNK9eqUHeSIG9kdg\\=\\={transform:rotateX(180deg)}.eGaoeztutBSJzDeWr-\\+y7Q\\=\\={background-color:var(--pixel-color)}.iwaG4wze1fVfk\\+6zTsM4iA\\=\\={animation-duration:2000ms}.DPCCGGko5HcdYA\\+qhh7uOg\\=\\= .Wb3cN1y\\+2J9SI8BqlLorQQ\\=\\={animation-name:ik6XTyZWGl5iEbZJV07B8Q\\=\\=}.DPCCGGko5HcdYA\\+qhh7uOg\\=\\= .iwaG4wze1fVfk\\+6zTsM4iA\\=\\={animation-name:U-xQFytSuSRwbNjQGxlJZA\\=\\=;will-change:opacity}@keyframes U-xQFytSuSRwbNjQGxlJZA\\=\\={0%{opacity:0}10%{opacity:1}100%{opacity:0}}@keyframes ik6XTyZWGl5iEbZJV07B8Q\\=\\={0%{height:0%}100%{height:100%}}',"",{version:3,sources:["webpack://./src/components/PixelatedScan/PixelatedScan.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAQA,6BACE,UAAA,CACA,iBAAA,CACA,yBALkB,CAMlB,YAAA,CACA,qBAAA,CACA,wBAAA,CACA,4BAAA,CACA,gCAAA,CACA,eAAA,CACA,KAAA,CACA,oCACE,WAAA,CACA,UAAA,CACA,WAAA,CACA,wDCoBuB,CDhB3B,4BACE,iBAAA,CACA,OAAA,CACA,SAAA,CACA,QAAA,CACA,UAAA,CACA,eAAA,CACA,8BACE,YAAA,CACA,SAAA,CACA,0DACE,SAAA,CAGJ,uDACE,yBAAA,CAIJ,6BACE,mCAAA,CAGF,6BACE,yBAAA,CAIA,0DACE,yCAAA,CAEF,0DACE,yCAAA,CACA,mBAAA,CAIJ,sCACE,GACE,SAAA,CAGF,IACE,SAAA,CAGF,KACE,SAAA,CAAA,CAIJ,sCACE,GACE,SAAA,CAEF,KACE,WAAA,CAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n$animationDurationMs: 2000;\n\n@value animationDuration #{$animationDurationMs};\n\n$animationDuration: #{$animationDurationMs}ms;\n\n.guide {\n  width: 100%;\n  position: absolute;\n  animation-duration: $animationDuration;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  min-height: 10px;\n  top: 0;\n  &::after {\n    content: " ";\n    width: 100%;\n    height: 10px;\n    background: $pixelatedGuideBackground;\n  }\n}\n\n.grid {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  left: 0px;\n  bottom: 0px;\n  overflow: hidden;\n  > * {\n    display: flex;\n    opacity: 0;\n    &.guide {\n      opacity: 1;\n    }\n  }\n  &.inverse {\n    transform: rotateX(180deg);\n  }\n}\n\n.gridItem {\n  background-color: var(--pixel-color);\n}\n\n.gridAnimate {\n  animation-duration: #{$animationDurationMs}ms;\n}\n\n.iterate {\n  .guide {\n    animation-name: upAndDown;\n  }\n  .gridAnimate {\n    animation-name: onAndOff;\n    will-change: opacity;\n  }\n}\n\n@keyframes onAndOff {\n  0% {\n    opacity: 0;\n  }\n\n  10% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes upAndDown {\n  0% {\n    height: 0%;\n  }\n  100% {\n    height: 100%;\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={animationDuration:"2000",guide:"Wb3cN1y+2J9SI8BqlLorQQ==",grid:"m4nCbzdiwPVKw7FgbX1vlw==",inverse:"VjVAfwPNK9eqUHeSIG9kdg==",gridItem:"eGaoeztutBSJzDeWr-+y7Q==",gridAnimate:"iwaG4wze1fVfk+6zTsM4iA==",iterate:"DPCCGGko5HcdYA+qhh7uOg==",upAndDown:"ik6XTyZWGl5iEbZJV07B8Q==",onAndOff:"U-xQFytSuSRwbNjQGxlJZA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Portal/Portal.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".iZmqzuigJLQ\\+ILfIV99ImQ\\=\\=>:not(:last-child){display:none}","",{version:3,sources:["webpack://./src/components/Portal/Portal.module.scss"],names:[],mappings:"AAAA,+CACE,YAAA",sourcesContent:[".portal > :not(:last-child) {\n  display: none;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={portal:"iZmqzuigJLQ+ILfIV99ImQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ProgressBar/ProgressBar.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Q\\+BvNNwjzujPKBQBVsyuug\\=\\={margin:.375em;height:.25em;background-color:red;position:relative;border-radius:.125em;background:var(--progress-bar-bg, rgba(0, 0, 0, 0))}.Q\\+BvNNwjzujPKBQBVsyuug\\=\\=>:first-child{position:absolute;top:0;left:0;background-color:green;height:inherit;border-top-left-radius:.125em;border-bottom-left-radius:.125em;background:var(--progress-bar-bar, var(--digital-blue));transition:width var(--animation-speed-transition, var(--animation--speed-fast, 250ms)) ease-out}.Q\\+BvNNwjzujPKBQBVsyuug\\=\\=>:last-child{position:absolute;margin-top:-0.4em;margin-left:-0.5em;height:1em;width:1em;border-radius:.5em;transition:left var(--animation-speed-transition, var(--animation--speed-fast, 250ms)) ease-out;background:var(--progress-bar-guide, var(--digital-blue))}","",{version:3,sources:["webpack://./src/components/ProgressBar/ProgressBar.module.scss"],names:[],mappings:"AAGA,6BACE,aAAA,CACA,YAAA,CACA,oBAAA,CACA,iBAAA,CACA,oBAAA,CACA,mDAAA,CACA,0CACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,sBAAA,CACA,cAAA,CACA,6BAAA,CACA,gCAAA,CACA,uDAAA,CACA,gGAAA,CAEF,yCACE,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,UAAA,CACA,SAAA,CACA,kBAAA,CACA,+FAAA,CACA,yDAAA",sourcesContent:['@use "sass:math";\n@import "../../assets/styles/index.scss";\n\n.container {\n  margin: 0.375em;\n  height: 0.25em;\n  background-color: red;\n  position: relative;\n  border-radius: math.div(0.25em, 2);\n  background: var(--progress-bar-bg, #0000);\n  > :first-child {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: green;\n    height: inherit;\n    border-top-left-radius: math.div(0.25em, 2);\n    border-bottom-left-radius: math.div(0.25em, 2);\n    background: var(--progress-bar-bar, var(--digital-blue));\n    transition: width var(--animation-speed-transition, $fast) ease-out;\n  }\n  > :last-child {\n    position: absolute;\n    margin-top: math.div(-0.5em, 1.25);\n    margin-left: -0.5em;\n    height: 1em;\n    width: 1em;\n    border-radius: 0.5em;\n    transition: left var(--animation-speed-transition, $fast) ease-out;\n    background: var(--progress-bar-guide, var(--digital-blue));\n  }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"Q+BvNNwjzujPKBQBVsyuug=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ProgressTexts/ProgressTexts.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".pbaSbxaO9lWizrQFLMua\\+Q\\=\\={font-family:Manrope;transition:max-height var(--animation--speed-slow, 1s);overflow:hidden;max-height:0px}.pbaSbxaO9lWizrQFLMua\\+Q\\=\\= *{text-align:left}.pbaSbxaO9lWizrQFLMua\\+Q\\=\\= button{text-align:center}.pbaSbxaO9lWizrQFLMua\\+Q\\=\\= h1{font-weight:bold;font-size:34px;line-height:41px;color:var(--space-blue, #0f113a) !important}.pbaSbxaO9lWizrQFLMua\\+Q\\=\\= p{font-family:Roboto;font-size:22px;line-height:33px}.e7ep2LNuf6obDUlJlsJMDw\\=\\={max-height:0px !important}.FNSMa2YeSPdVjo2rZ5oIjg\\=\\= *{color:var(--space-blue, #0f113a) !important}.MDef6vkshISCO1bhy1bm-Q\\=\\= *{color:var(--medium-gray, #bababa) !important}","",{version:3,sources:["webpack://./src/components/ProgressTexts/ProgressTexts.module.scss"],names:[],mappings:"AAEA,6BACE,mBAAA,CACA,sDAAA,CACA,eAAA,CACA,cAAA,CACA,+BACE,eAAA,CAEF,oCACE,iBAAA,CAEF,gCACE,gBAAA,CACA,cAAA,CACA,gBAAA,CACA,2CAAA,CAEF,+BACE,kBAAA,CACA,cAAA,CACA,gBAAA,CAIJ,4BACE,yBAAA,CAGF,8BACE,2CAAA,CAGF,8BACE,4CAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  font-family: Manrope;\n  transition: max-height $slow;\n  overflow: hidden;\n  max-height: 0px;\n  * {\n    text-align: left;\n  }\n  button {\n    text-align: center;\n  }\n  h1 {\n    font-weight: bold;\n    font-size: 34px;\n    line-height: 41px;\n    color: $spaceBlue !important;\n  }\n  p {\n    font-family: Roboto;\n    font-size: 22px;\n    line-height: 33px;\n  }\n}\n\n.hidden {\n  max-height: 0px !important;\n}\n\n.loading * {\n  color: $spaceBlue !important;\n}\n\n.disabled * {\n  color: $mediumGray !important;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"pbaSbxaO9lWizrQFLMua+Q==",hidden:"e7ep2LNuf6obDUlJlsJMDw==",loading:"FNSMa2YeSPdVjo2rZ5oIjg==",disabled:"MDef6vkshISCO1bhy1bm-Q=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/SectionContainer/SectionContainer.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".gU1vekxpfk7Vazb2aemNXw\\=\\={display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gU1vekxpfk7Vazb2aemNXw\\=\\= .eLXH1pVivD0WkRVucF9CUA\\=\\={width:100%;max-width:1200px}.gU1vekxpfk7Vazb2aemNXw\\=\\= .eLXH1pVivD0WkRVucF9CUA\\=\\=.UrHmOAwIrXh0OteKSpvCNA\\=\\={position:relative}.gU1vekxpfk7Vazb2aemNXw\\=\\= .DSyijalOP9hpHyE4Xk58wg\\=\\={position:absolute;bottom:0px;left:0px;width:16px;height:16px}.gU1vekxpfk7Vazb2aemNXw\\=\\= .DSyijalOP9hpHyE4Xk58wg\\=\\=.zgyVtyS7hMOJOiS1NHD9-w\\=\\={background-color:#fff}.gU1vekxpfk7Vazb2aemNXw\\=\\= .DSyijalOP9hpHyE4Xk58wg\\=\\=.nc34F20EGqdnRQDoJfCHeg\\=\\={background-color:#000}.gU1vekxpfk7Vazb2aemNXw\\=\\= h1{margin-bottom:24px}","",{version:3,sources:["webpack://./src/components/SectionContainer/SectionContainer.module.scss"],names:[],mappings:"AAAA,4BACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CACA,wDACE,UAAA,CACA,gBAAA,CACA,mFACE,iBAAA,CAGJ,wDACE,iBAAA,CACA,UAAA,CACA,QAAA,CACA,UAAA,CACA,WAAA,CACA,mFACE,qBAAA,CAEF,mFACE,qBAAA,CAGJ,+BACE,kBAAA",sourcesContent:[".root {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  .content {\n    width: 100%;\n    max-width: 1200px;\n    &.decorated {\n      position: relative;\n    }\n  }\n  .decoration {\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n    width: 16px;\n    height: 16px;\n    &.light {\n      background-color: white;\n    }\n    &.dark {\n      background-color: black;\n    }\n  }\n  h1 {\n    margin-bottom: 24px;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={root:"gU1vekxpfk7Vazb2aemNXw==",content:"eLXH1pVivD0WkRVucF9CUA==",decorated:"UrHmOAwIrXh0OteKSpvCNA==",decoration:"DSyijalOP9hpHyE4Xk58wg==",light:"zgyVtyS7hMOJOiS1NHD9-w==",dark:"nc34F20EGqdnRQDoJfCHeg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Select/Select.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,">:last-child{position:absolute;right:0px;z-index:100}.zZWVKGSwxOh218kYkysRWw\\=\\=>*{cursor:pointer;background:var(--bg-color, white);padding:12px 32px;margin-bottom:8px;margin-left:4px;margin-right:4px;text-align:left;border-radius:4px;font-size:14px}.zZWVKGSwxOh218kYkysRWw\\=\\=>*._0M7uLtkuj97nIM4LFgBTlQ\\=\\={background-color:var(--light-gray, #d6d6d6)}.v5W2G2LgrBBrhp7RWKmPgQ\\=\\={opacity:.3}.VpLnOjRM2VaSZ4QMU0mB6g\\=\\={transition:opacity var(--animation--speed-fast, 250ms);cursor:pointer;padding-right:30px;overflow:hidden;text-overflow:ellipsis}.N\\+jcWkq3PL3gb3vFXGYS-g\\=\\={display:flex;align-items:center;justify-content:center;transition:transform var(--animation--speed-fast, 250ms);min-height:inherit;transform:rotateX(0deg)}.TN-1Zx6DI1jB12dT2F66GQ\\=\\={transform:rotateX(180deg)}.J4tJmgllnXza\\+LFB5bQ-YQ\\=\\={margin:0px 8px;box-shadow:0px 4px 4px rgba(0,0,0,.16)}","",{version:3,sources:["webpack://./src/components/Select/Select.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,aACE,iBAAA,CACA,SAAA,CACA,WAAA,CAEF,8BACE,cAAA,CACA,iCAAA,CACA,iBAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,eAAA,CACA,iBAAA,CACA,cAAA,CACA,0DACE,2CChBQ,CDmBZ,4BACE,UAAA,CAEF,4BACE,sDAAA,CACA,cAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAA,CAEF,6BACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wDAAA,CACA,kBAAA,CACA,uBAAA,CAEF,4BACE,yBAAA,CAEF,6BACE,cAAA,CACA,sCAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n> :last-child {\n  position: absolute;\n  right: 0px;\n  z-index: 100;\n}\n.items > * {\n  cursor: pointer;\n  background: $mainBackgroundColor;\n  padding: 12px 32px;\n  margin-bottom: 8px;\n  margin-left: 4px;\n  margin-right: 4px;\n  text-align: left;\n  border-radius: 4px;\n  font-size: 14px;\n  &.selected {\n    background-color: $lightGray;\n  }\n}\n.empty {\n  opacity: 0.3;\n}\n.input {\n  transition: opacity $fast;\n  cursor: pointer;\n  padding-right: 30px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform $fast;\n  min-height: inherit;\n  transform: rotateX(0deg);\n}\n.open {\n  transform: rotateX(180deg);\n}\n.optionsContainer {\n  margin: 0px 8px;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={items:"zZWVKGSwxOh218kYkysRWw==",selected:"_0M7uLtkuj97nIM4LFgBTlQ==",empty:"v5W2G2LgrBBrhp7RWKmPgQ==",input:"VpLnOjRM2VaSZ4QMU0mB6g==",indicator:"N+jcWkq3PL3gb3vFXGYS-g==",open:"TN-1Zx6DI1jB12dT2F66GQ==",optionsContainer:"J4tJmgllnXza+LFB5bQ-YQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Spacing/Spacing.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".q97q2mqIsxRRSqnCjkcb2Q\\=\\={height:33px}.uYkcDeK4uO3c0jZNCakI1g\\=\\={height:15px}._1bCu82BGqDeH1V1OpSViNA\\=\\={flex:1}.gwT3PbHt5FTktQ4B3PtDsA\\=\\={display:block}","",{version:3,sources:["webpack://./src/components/Spacing/Spacing.module.scss"],names:[],mappings:"AAAA,4BACE,WAAA,CAEF,4BACE,WAAA,CAEF,6BACE,MAAA,CAGF,4BACE,aAAA",sourcesContent:[".spacing_large {\n  height: 33px;\n}\n.spacing_small {\n  height: 15px;\n}\n.spacing_stretch {\n  flex: 1;\n}\n\n.spacing {\n  display: block;\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={spacing_large:"q97q2mqIsxRRSqnCjkcb2Q==",spacing_small:"uYkcDeK4uO3c0jZNCakI1g==",spacing_stretch:"_1bCu82BGqDeH1V1OpSViNA==",spacing:"gwT3PbHt5FTktQ4B3PtDsA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Table/Table.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".oM\\+TCjmFc65t53CRv0YOeQ\\=\\={min-height:auto;max-width:100vw;overflow:auto}.N1gcw4tOfefRnPv35H-Nuw\\=\\={font-family:var(--main-font, Roboto);padding:0px 4px;width:100%;position:relative;border-spacing:0px}.N1gcw4tOfefRnPv35H-Nuw\\=\\= th{font-family:14px;line-height:28px;text-align:start;font-weight:normal}.N1gcw4tOfefRnPv35H-Nuw\\=\\= td,.N1gcw4tOfefRnPv35H-Nuw\\=\\= th{padding:20px}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr{background-color:var(--table-row-bg-color, white)}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr:first-child td{border-top:1px solid var(--table-row-border-color, #bec1ca)}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr:first-child td:first-child{border-top-left-radius:8px}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr:first-child td:last-child{border-top-right-radius:8px}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr td{border-bottom:1px solid var(--table-row-border-color, #bec1ca)}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr td:first-child{border-left:1px solid var(--table-row-border-color, #bec1ca)}.N1gcw4tOfefRnPv35H-Nuw\\=\\= tbody tr td:last-child{border-right:1px solid var(--table-row-border-color, #bec1ca)}.Oo68D-OO7VqNZTOEfN2pOg\\=\\={padding:0px 4px;display:flex;align-items:center;justify-content:flex-end;--button-min-width: auto;--button-min-height: auto}.Oo68D-OO7VqNZTOEfN2pOg\\=\\= ._3h4M7VXzDrZggu\\+SSTxKJw\\=\\={font-family:var(--main-font, Roboto);color:var(--digital-blue, #558eff);margin:0px 12px;font-size:18px}.dr6HgFdABdd6nDLLHoTFpg\\=\\={cursor:pointer;transition:transform var(--animation--speed-fast, 250ms)}.dr6HgFdABdd6nDLLHoTFpg\\=\\=:hover{transform:scale(1.2)}.dr6HgFdABdd6nDLLHoTFpg\\=\\=:active{transform:scale(1.1)}.dr6HgFdABdd6nDLLHoTFpg\\=\\=:first-child{margin-left:auto}","",{version:3,sources:["webpack://./src/components/Table/Table.module.scss","webpack://./src/assets/styles/variables.scss","webpack://./src/assets/styles/mixins.scss"],names:[],mappings:"AAEA,6BACE,eAAA,CACA,eAAA,CACA,aAAA,CAGF,4BACE,oCCIe,CDHf,eAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,+BACE,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,kBAAA,CAEF,8DAEE,YAAA,CAEF,qCACE,iDCHc,CDId,oDAOE,2DAAA,CANA,gEACE,0BAAA,CAEF,+DACE,2BAAA,CAKF,+DACE,6BAAA,CAEF,8DACE,8BAAA,CAGJ,wCACE,8DAAA,CACA,oDACE,4DAAA,CAEF,mDACE,6DAAA,CAKR,4BACE,eAAA,CACA,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,wBAAA,CACA,yBAAA,CAEA,0DACE,oCClDa,CDmDb,kCChEU,CDiEV,eAAA,CACA,cAAA,CEjEF,4BACE,cAAA,CACA,wDAAA,CAEF,kCACE,oBAAA,CAEF,mCACE,oBAAA,CF+DF,wCACE,gBAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.transitionContainer {\n  min-height: auto;\n  max-width: 100vw;\n  overflow: auto;\n}\n\n.container {\n  font-family: $mainFontFamily;\n  padding: 0px 4px;\n  width: 100%;\n  position: relative;\n  border-spacing: 0px;\n  th {\n    font-family: 14px;\n    line-height: 28px;\n    text-align: start;\n    font-weight: normal;\n  }\n  td,\n  th {\n    padding: 20px;\n  }\n  tbody tr {\n    background-color: $tableRowBgColor;\n    &:first-child td {\n      &:first-child {\n        border-top-left-radius: 8px;\n      }\n      &:last-child {\n        border-top-right-radius: 8px;\n      }\n      border-top: 1px solid $tableRowBorderColor;\n    }\n    &:last-child td {\n      &:first-child {\n        border-bottom-left-radius: 8px;\n      }\n      &:last-child {\n        border-bottom-right-radius: 8px;\n      }\n    }\n    td {\n      border-bottom: 1px solid $tableRowBorderColor;\n      &:first-child {\n        border-left: 1px solid $tableRowBorderColor;\n      }\n      &:last-child {\n        border-right: 1px solid $tableRowBorderColor;\n      }\n    }\n  }\n}\n.footer {\n  padding: 0px 4px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  --button-min-width: auto;\n  --button-min-height: auto;\n\n  .paging {\n    font-family: $mainFontFamily;\n    color: $digitalBlue;\n    margin: 0px 12px;\n    font-size: 18px;\n  }\n}\n\n.iterable {\n  @include iteractibleElement;\n  &:first-child {\n    margin-left: auto;\n  }\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n","@mixin iteractibleElement() {\n  & {\n    cursor: pointer;\n    transition: transform $fast;\n  }\n  &:hover {\n    transform: scale(1.2);\n  }\n  &:active {\n    transform: scale(1.1);\n  }\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={transitionContainer:"oM+TCjmFc65t53CRv0YOeQ==",container:"N1gcw4tOfefRnPv35H-Nuw==",footer:"Oo68D-OO7VqNZTOEfN2pOg==",paging:"_3h4M7VXzDrZggu+SSTxKJw==",iterable:"dr6HgFdABdd6nDLLHoTFpg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Tabs/Tabs.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".E2q0auGScU5QHePTr7w98Q\\=\\={overflow-x:auto;display:flex;position:relative;align-items:flex-start}.E2q0auGScU5QHePTr7w98Q\\=\\= p{cursor:pointer}.E2q0auGScU5QHePTr7w98Q\\=\\= p.ZfRvbfx1Ntr7u23xL6eZ1Q\\=\\={font-weight:bold}.bXBQ\\+H3tyhMIXrsyrzZgKA\\=\\={height:.1em;background-color:var(--digital-blue, #558eff);position:absolute;transition:left var(--animation--speed-fast, 250ms),width var(--animation--speed-fast, 250ms),top var(--animation--speed-fast, 250ms)}","",{version:3,sources:["webpack://./src/components/Tabs/Tabs.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,4BACE,eAAA,CACA,YAAA,CACA,iBAAA,CACA,sBAAA,CACA,8BACE,cAAA,CACA,yDACE,gBAAA,CAKN,6BACE,WAAA,CACA,6CCjBY,CDkBZ,iBAAA,CACA,qIAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.container {\n  overflow-x: auto;\n  display: flex;\n  position: relative;\n  align-items: flex-start;\n  p {\n    cursor: pointer;\n    &.selected {\n      font-weight: bold;\n    }\n  }\n}\n\n.guide {\n  height: 0.1em;\n  background-color: $digitalBlue;\n  position: absolute;\n  transition: left $fast, width $fast, top $fast;\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"E2q0auGScU5QHePTr7w98Q==",selected:"ZfRvbfx1Ntr7u23xL6eZ1Q==",guide:"bXBQ+H3tyhMIXrsyrzZgKA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Text/Text.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._8LQsNNfJLBT7iOK6wHAClQ\\=\\={font-weight:300;font-size:22px;line-height:33px}.rkg4nSyIH\\+Y-H37VJe174w\\=\\={font-family:var(--second-font, Manrope);font-size:24px;font-weight:bolder;line-height:26px}.pN\\+Cs2gY8pFsB7X\\+qiwUAA\\=\\={font-family:var(--second-font, Manrope);font-size:28px;font-weight:bolder;line-height:33.8px}.rlUxufc\\+EMktqkwZonmFwA\\=\\={font-size:16px;line-height:24px;font-family:var(--main-font, Roboto)}.LG\\+Mv4WJTx4PC56nC1a8Hg\\=\\=.wMjee1QIUJstL22iXx3Q3g\\=\\={font-size:14px;line-height:21px;color:var(--darkest-gray, #727272)}.e5Fne8aCvEn0x2CWIuPlhA\\=\\=._3y3nyWRiPdyXnZN83r\\+QyQ\\=\\=,.e5Fne8aCvEn0x2CWIuPlhA\\=\\=.wwNLqnk0WfT3-f0KSkDyOQ\\=\\={font-size:12px;line-height:18px}.e5Fne8aCvEn0x2CWIuPlhA\\=\\=._3y3nyWRiPdyXnZN83r\\+QyQ\\=\\={color:var(--warning-red, #e84b4b)}.e5Fne8aCvEn0x2CWIuPlhA\\=\\={margin:0px;font-family:var(--main-font, Roboto);white-space:pre-wrap;color:var(--text-default-color, var(--digital-blue, #558eff))}.YB6H2sAb4A7l\\+DC3RfXQxA\\=\\={font-family:var(--second-font, Manrope);font-size:24px;font-weight:bolder;line-height:29px;color:var(--sunset-pink, #ff3e7d)}.tqBKbjeaVUzxUn5TrUOfHw\\=\\={font-family:var(--second-font, Manrope);font-size:20px;font-weight:800;line-height:22px;color:var(--text-default-color, var(--gray, #0f113a))}.dTtHEG7lam3LL1rvbcDqDA\\=\\={font-family:var(--main-font, Roboto);font-size:12px;font-weight:400;line-height:18px}.oaU8GsTWeI877t6ynI1brg\\=\\={cursor:pointer}.oaU8GsTWeI877t6ynI1brg\\=\\=:hover{text-decoration:underline}.laE1jYUMtqQj5TYYkZyL7Q\\=\\={font-family:var(--second-font, Manrope);font-size:14px;font-weight:500;line-height:20px;color:var(--sunset-pink, #ff3e7d)}","",{version:3,sources:["webpack://./src/components/Text/Text.module.scss","webpack://./src/assets/styles/variables.scss"],names:[],mappings:"AAEA,6BACE,eAAA,CACA,cAAA,CACA,gBAAA,CAEF,6BACE,uCCMoB,CDLpB,cAAA,CACA,kBAAA,CACA,gBAAA,CAEF,8BACE,uCAAA,CACA,cAAA,CACA,kBAAA,CACA,kBAAA,CAEF,6BACE,cAAA,CACA,gBAAA,CACA,oCCTe,CDWjB,wDACE,cAAA,CACA,gBAAA,CACA,kCCrBY,CDuBd,gHAEE,cAAA,CACA,gBAAA,CAEF,yDACE,iCC/BW,CDiCb,4BACE,UAAA,CACA,oCC1Be,CD2Bf,oBAAA,CACA,6DCPiB,CDSnB,6BACE,uCC9BoB,CD+BpB,cAAA,CACA,kBAAA,CACA,gBAAA,CACA,iCC3CW,CD6Cb,4BACE,uCCrCoB,CDsCpB,cAAA,CACA,eAAA,CACA,gBAAA,CACA,qDAAA,CAEF,4BACE,oCC7Ce,CD8Cf,cAAA,CACA,eAAA,CACA,gBAAA,CAEF,4BACE,cAAA,CACA,kCACE,yBAAA,CAIJ,4BACE,uCCzDoB,CD0DpB,cAAA,CACA,eAAA,CACA,gBAAA,CACA,iCCtEW",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.title {\n  font-weight: 300;\n  font-size: 22px;\n  line-height: 33px;\n}\n.boldTitle {\n  font-family: $secondaryFontFamily;\n  font-size: 24px;\n  font-weight: bolder;\n  line-height: 26px;\n}\n.boldTitleBig {\n  font-family: $secondaryFontFamily;\n  font-size: 28px;\n  font-weight: bolder;\n  line-height: 33.8px;\n}\n.content {\n  font-size: 16px;\n  line-height: 24px;\n  font-family: $mainFontFamily;\n}\n.icon.description {\n  font-size: 14px;\n  line-height: 21px;\n  color: $darkestGray;\n}\n.text.error,\n.text.caption {\n  font-size: 12px;\n  line-height: 18px;\n}\n.text.error {\n  color: $warningRed;\n}\n.text {\n  margin: 0px;\n  font-family: $mainFontFamily;\n  white-space: pre-wrap;\n  color: $textDefaultColor;\n}\n.highlightTitle {\n  font-family: $secondaryFontFamily;\n  font-size: 24px;\n  font-weight: bolder;\n  line-height: 29px;\n  color: $sunsetPink;\n}\n.subtitle {\n  font-family: $secondaryFontFamily;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 22px;\n  color: var(--text-default-color, $gray);\n}\n.link {\n  font-family: $mainFontFamily;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n}\n.iteractible {\n  cursor: pointer;\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.highlight {\n  font-family: $secondaryFontFamily;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: $sunsetPink;\n}\n',"$digitalBlue: var(--digital-blue, #558eff);\n$mediumGray: var(--medium-gray, #bababa);\n$lightGray: var(--light-gray, #d6d6d6);\n$spaceBlue: var(--space-blue, #0f113a);\n$warningRed: var(--warning-red, #e84b4b);\n$sunsetPink: var(--sunset-pink, #ff3e7d);\n$darkestGray: var(--darkest-gray, #727272);\n$gray: var(--gray, #0f113a);\n$success: var(--success, lightgreen);\n$mainBackgroundColor: var(--bg-color, white);\n$primaryColor: var(--primary-color, var(--digital-blue));\n\n//FONTS\n$mainFontFamily: var(--main-font, Roboto);\n$secondaryFontFamily: var(--second-font, Manrope);\n\n// Component specific variables on the format --<component>-<element>-<category>\n$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);\n$headerBackgroundColor: var(--header-divider-bg-color, #467eea);\n$headerTextColor: var(--header-text-color, #94b8ff);\n$headerBrightColor: var(--header-bright-color, white);\n\n$tableRowBgColor: var(--table-row-bg-color, white);\n$tableRowBorderColor: var(--table-row-border-color, #bec1ca);\n\n$buttonMinHeight: var(--button-min-height, 62px);\n$buttonMinWidth: var(--button-min-width, 150px);\n$buttonBorderRadius: var(--button-border-radius, 8px);\n$buttonTextColor: var(--button-text-color, white);\n\n$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);\n\n$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);\n\n$textDefaultColor: var(--text-default-color, $digitalBlue);\n\n$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);\n\n$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);\n$fileInputBorderColor: var(--file-input-border-color, #dce1e8);\n\n$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);\n\n$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));\n\n// Animation speed variables\n$almostInstant: var(--animation--speed-almostInstant, 50ms);\n$veryFast: var(--animation--speed-veryfast, 125ms);\n$fast: var(--animation--speed-fast, 250ms);\n$normal: var(--animation--speed-normal, 500ms);\n$slow: var(--animation--speed-slow, 1s);\n$verySlow: var(--animation--speed-veryslow, 2s);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={title:"_8LQsNNfJLBT7iOK6wHAClQ==",boldTitle:"rkg4nSyIH+Y-H37VJe174w==",boldTitleBig:"pN+Cs2gY8pFsB7X+qiwUAA==",content:"rlUxufc+EMktqkwZonmFwA==",icon:"LG+Mv4WJTx4PC56nC1a8Hg==",description:"wMjee1QIUJstL22iXx3Q3g==",text:"e5Fne8aCvEn0x2CWIuPlhA==",error:"_3y3nyWRiPdyXnZN83r+QyQ==",caption:"wwNLqnk0WfT3-f0KSkDyOQ==",highlightTitle:"YB6H2sAb4A7l+DC3RfXQxA==",subtitle:"tqBKbjeaVUzxUn5TrUOfHw==",link:"dTtHEG7lam3LL1rvbcDqDA==",iteractible:"oaU8GsTWeI877t6ynI1brg==",highlight:"laE1jYUMtqQj5TYYkZyL7Q=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Transition/Transition.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".yqYPsq7MhWJ4RTSykAg7uQ\\=\\={position:relative;display:flex;align-items:center}.yqYPsq7MhWJ4RTSykAg7uQ\\=\\= *{box-sizing:border-box}.yqYPsq7MhWJ4RTSykAg7uQ\\=\\=>div{display:flex;flex-direction:column;min-height:inherit;min-width:100%;animation-duration:var(--animation-speed-transition, var(--animation--speed-fast, 250ms));animation-timing-function:var(--animation-timing-transition, initial);animation-fill-mode:forwards;transform-origin:inherit}div.HlirZs4pJ7S8ySBAMh-5Dg\\=\\={animation-name:HlirZs4pJ7S8ySBAMh-5Dg\\=\\=;position:absolute;pointer-events:none}div.PQBsL\\+Uu4KHdjOXY19tN5g\\=\\={animation-name:HlirZs4pJ7S8ySBAMh-5Dg\\=\\=;z-index:-1}@keyframes HlirZs4pJ7S8ySBAMh-5Dg\\=\\={0%{opacity:1}100%{opacity:1}}div.dcaBJ-dzKASE8kf-LNlEKw\\=\\={animation-name:dcaBJ-dzKASE8kf-LNlEKw\\=\\=}div.UHrGsig\\+xb2ndvhlWr\\+X4A\\=\\={animation-name:UHrGsig\\+xb2ndvhlWr\\+X4A\\=\\=}@keyframes dcaBJ-dzKASE8kf-LNlEKw\\=\\={0%{margin-left:-100%}100%{margin-left:0%}}@keyframes UHrGsig\\+xb2ndvhlWr\\+X4A\\=\\={0%{margin-left:0%}100%{margin-left:-100%}}div.YNnEtPHezNaFv7eaw-4EwQ\\=\\={animation-name:YNnEtPHezNaFv7eaw-4EwQ\\=\\=;position:absolute}@keyframes YNnEtPHezNaFv7eaw-4EwQ\\=\\={0%{opacity:1}100%{opacity:0}}div.fF-WzxiFYUrdfHBgh6duhA\\=\\={animation-fill-mode:forwards;animation-name:fF-WzxiFYUrdfHBgh6duhA\\=\\=}@keyframes fF-WzxiFYUrdfHBgh6duhA\\=\\={0%{transform:scale(0)}100%{transform:scale(1)}}div.Tg-HDwmMygsKDBX5DFrnvA\\=\\={animation-fill-mode:initial;animation-name:Tg-HDwmMygsKDBX5DFrnvA\\=\\=}@keyframes Tg-HDwmMygsKDBX5DFrnvA\\=\\={0%{position:absolute;transform:scale(1)}100%{position:absolute;transform:scale(0)}}div._14I7P0y0bCHEXxeH8rsJzg\\=\\={animation-name:_14I7P0y0bCHEXxeH8rsJzg\\=\\=}@keyframes _14I7P0y0bCHEXxeH8rsJzg\\=\\={0%{opacity:0}100%{opacity:1}}@keyframes MNx9R7Gw15u\\+fczVFXSDjQ\\=\\={0%{opacity:0}50%{opacity:.1}100%{opacity:1}}@keyframes vXIKWc5LKDvN\\+B7I9jd\\+3w\\=\\={0%{opacity:1}50%{opacity:.1}100%{opacity:0}}.MNx9R7Gw15u\\+fczVFXSDjQ\\=\\={animation-name:MNx9R7Gw15u\\+fczVFXSDjQ\\=\\=}.NzW9Ym05piGznN2fPU9N0w\\=\\={position:absolute;animation-name:vXIKWc5LKDvN\\+B7I9jd\\+3w\\=\\=}@keyframes quuiep-oS6jHKkRPxX3YtQ\\=\\={0%{transform:rotateX(0deg)}25%{transform:rotateX(36deg)}50%{transform:rotateX(90deg)}75%{transform:rotateX(90deg)}100%{transform:rotateX(90deg)}}@keyframes _8bDOwTXbIPupC2ljkfybqw\\=\\={0%{transform:rotateX(0deg);opacity:0}25%{transform:rotateX(0deg)}50%{transform:rotateX(90deg);opacity:0}51%{opacity:1}75%{transform:rotateX(36deg)}100%{transform:rotateX(0deg)}}.UZYYZP6O0SiVdsrW2cq-qg\\=\\={transform-origin:50% 50% !important;position:absolute !important;animation-name:quuiep-oS6jHKkRPxX3YtQ\\=\\=;animation-timing-function:linear !important}.BbhUyt7h26jsvf4UHMOYGw\\=\\={transform-origin:50% 50% !important;animation-name:_8bDOwTXbIPupC2ljkfybqw\\=\\=;animation-timing-function:linear !important}","",{version:3,sources:["webpack://./src/components/Transition/Transition.module.scss"],names:[],mappings:"AAEA,4BAIE,iBAAA,CACA,YAAA,CACA,kBAAA,CALA,8BACE,qBAAA,CAKF,gCACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,cAAA,CACA,yFAAA,CACA,qEAAA,CACA,4BAAA,CACA,wBAAA,CAIJ,+BACE,yCAAA,CACA,iBAAA,CACA,mBAAA,CAGF,gCACE,yCAAA,CACA,UAAA,CAEF,sCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,+BACE,yCAAA,CAEF,iCACE,2CAAA,CAGF,sCACE,GACE,iBAAA,CAEF,KACE,cAAA,CAAA,CAGJ,wCACE,GACE,cAAA,CAEF,KACE,iBAAA,CAAA,CAIJ,+BACE,yCAAA,CACA,iBAAA,CAGF,sCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,+BACE,4BAAA,CACA,yCAAA,CAGF,sCACE,GACE,kBAAA,CAEF,KACE,kBAAA,CAAA,CAIJ,+BACE,2BAAA,CACA,yCAAA,CAGF,sCACE,GACE,iBAAA,CACA,kBAAA,CAEF,KACE,iBAAA,CACA,kBAAA,CAAA,CAIJ,gCACE,0CAAA,CAGF,uCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,uCACE,GACE,SAAA,CAEF,IACE,UAAA,CAEF,KACE,SAAA,CAAA,CAGJ,wCACE,GACE,SAAA,CAEF,IACE,UAAA,CAEF,KACE,SAAA,CAAA,CAIJ,6BACE,0CAAA,CAGF,4BACE,iBAAA,CACA,2CAAA,CAGF,sCACE,GACE,uBAAA,CAGF,IACE,wBAAA,CAGF,IACE,wBAAA,CAGF,IACE,wBAAA,CAGF,KACE,wBAAA,CAAA,CAGJ,uCACE,GACE,uBAAA,CACA,SAAA,CAGF,IACE,uBAAA,CAGF,IACE,wBAAA,CACA,SAAA,CAEF,IACE,SAAA,CAGF,IACE,wBAAA,CAGF,KACE,uBAAA,CAAA,CAGJ,4BACE,mCAAA,CACA,4BAAA,CACA,yCAAA,CACA,2CAAA,CAEF,4BACE,mCAAA,CACA,0CAAA,CACA,2CAAA",sourcesContent:['@import "../../assets/styles/index.scss";\n\n.section {\n  * {\n    box-sizing: border-box;\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  > div {\n    display: flex;\n    flex-direction: column;\n    min-height: inherit;\n    min-width: 100%;\n    animation-duration: var(--animation-speed-transition, $fast);\n    animation-timing-function: var(--animation-timing-transition, initial);\n    animation-fill-mode: forwards;\n    transform-origin: inherit;\n  }\n}\n\ndiv.stub {\n  animation-name: stub;\n  position: absolute;\n  pointer-events: none;\n}\n\ndiv.stubEntering {\n  animation-name: stub;\n  z-index: -1;\n}\n@keyframes stub {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\ndiv.entranceLeft {\n  animation-name: entranceLeft;\n}\ndiv.exitLeft {\n  animation-name: exitLeft;\n}\n\n@keyframes entranceLeft {\n  0% {\n    margin-left: -100%;\n  }\n  100% {\n    margin-left: 0%;\n  }\n}\n@keyframes exitLeft {\n  0% {\n    margin-left: 0%;\n  }\n  100% {\n    margin-left: -100%;\n  }\n}\n\ndiv.fadeOut {\n  animation-name: fadeOut;\n  position: absolute;\n}\n\n@keyframes fadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\ndiv.scaleIn {\n  animation-fill-mode: forwards;\n  animation-name: scaleIn;\n}\n\n@keyframes scaleIn {\n  0% {\n    transform: scale(0);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\ndiv.scaleOut {\n  animation-fill-mode: initial;\n  animation-name: scaleOut;\n}\n\n@keyframes scaleOut {\n  0% {\n    position: absolute;\n    transform: scale(1);\n  }\n  100% {\n    position: absolute;\n    transform: scale(0);\n  }\n}\n\ndiv.fadeIn {\n  animation-name: fadeIn;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeInDelayed {\n  0% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadeOutDelayed {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n.fadeInDelayed {\n  animation-name: fadeInDelayed;\n}\n\n.fadeOutAbsolute {\n  position: absolute;\n  animation-name: fadeOutDelayed;\n}\n\n@keyframes flip {\n  0% {\n    transform: rotateX(0deg);\n  }\n\n  25% {\n    transform: rotateX(36deg);\n  }\n\n  50% {\n    transform: rotateX(90deg);\n  }\n\n  75% {\n    transform: rotateX(90deg);\n  }\n\n  100% {\n    transform: rotateX(90deg);\n  }\n}\n@keyframes flipIn {\n  0% {\n    transform: rotateX(0deg);\n    opacity: 0;\n  }\n\n  25% {\n    transform: rotateX(0deg);\n  }\n\n  50% {\n    transform: rotateX(90deg);\n    opacity: 0;\n  }\n  51% {\n    opacity: 1;\n  }\n\n  75% {\n    transform: rotateX(36deg);\n  }\n\n  100% {\n    transform: rotateX(0deg);\n  }\n}\n.flipBottomUpOut {\n  transform-origin: 50% 50% !important;\n  position: absolute !important;\n  animation-name: flip;\n  animation-timing-function: linear !important;\n}\n.flipBottomUpIn {\n  transform-origin: 50% 50% !important;\n  animation-name: flipIn;\n  animation-timing-function: linear !important;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={section:"yqYPsq7MhWJ4RTSykAg7uQ==",stub:"HlirZs4pJ7S8ySBAMh-5Dg==",stubEntering:"PQBsL+Uu4KHdjOXY19tN5g==",entranceLeft:"dcaBJ-dzKASE8kf-LNlEKw==",exitLeft:"UHrGsig+xb2ndvhlWr+X4A==",fadeOut:"YNnEtPHezNaFv7eaw-4EwQ==",scaleIn:"fF-WzxiFYUrdfHBgh6duhA==",scaleOut:"Tg-HDwmMygsKDBX5DFrnvA==",fadeIn:"_14I7P0y0bCHEXxeH8rsJzg==",fadeInDelayed:"MNx9R7Gw15u+fczVFXSDjQ==",fadeOutAbsolute:"NzW9Ym05piGznN2fPU9N0w==",fadeOutDelayed:"vXIKWc5LKDvN+B7I9jd+3w==",flipBottomUpOut:"UZYYZP6O0SiVdsrW2cq-qg==",flip:"quuiep-oS6jHKkRPxX3YtQ==",flipBottomUpIn:"BbhUyt7h26jsvf4UHMOYGw==",flipIn:"_8bDOwTXbIPupC2ljkfybqw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".y\\+zeIPcLqpLAoakT55bs5g\\=\\={position:relative;animation-name:OpZghQsCOA3u2mR8LBpaCQ\\=\\=;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}._9-ynReqtF\\+M5l5d3m1eOig\\=\\={min-height:initial}@keyframes OpZghQsCOA3u2mR8LBpaCQ\\=\\={0%{left:0%}50%{left:calc(100% - 100px)}100%{left:0%}}.R2FZbYWejPE\\+AsPnL6sS8w\\=\\={animation:YDT2l-ETGo9j-Nj5W5jmLQ\\=\\=;animation-duration:2s !important;animation-timing-function:linear;position:absolute}.kL0T5y9ba8Q-atTvbQZJLQ\\=\\={animation:YDT2l-ETGo9j-Nj5W5jmLQ\\=\\=;animation-duration:2s !important;animation-timing-function:linear;position:absolute}.jgguhDoiCHji5mfOVwU8Mw\\=\\={animation:jgguhDoiCHji5mfOVwU8Mw\\=\\=;animation-duration:2s !important;animation-timing-function:linear}@keyframes jgguhDoiCHji5mfOVwU8Mw\\=\\={0%{background-color:green;opacity:0}100%{background-color:green;opacity:1}}@keyframes YDT2l-ETGo9j-Nj5W5jmLQ\\=\\={0%{background-color:red;opacity:1}100%{background-color:red;opacity:0}}.Si\\+bOaV8wYqfTFBSYBtQPQ\\=\\=,.NHR9JKN1ZaCEUcxqkbHTpw\\=\\=,.AqPfSXVsc69G0RV0AHndAg\\=\\={height:100vh}.Si\\+bOaV8wYqfTFBSYBtQPQ\\=\\=>*,.NHR9JKN1ZaCEUcxqkbHTpw\\=\\=>*,.AqPfSXVsc69G0RV0AHndAg\\=\\=>*{height:100%;justify-content:center}.Si\\+bOaV8wYqfTFBSYBtQPQ\\=\\=>*>*,.NHR9JKN1ZaCEUcxqkbHTpw\\=\\=>*>*,.AqPfSXVsc69G0RV0AHndAg\\=\\=>*>*{display:flex;flex-direction:column;justify-content:center;--animation-speed-transition: 250ms}.Si\\+bOaV8wYqfTFBSYBtQPQ\\=\\= ._6uINpjdVj7mH0kcydVnJJg\\=\\=,.NHR9JKN1ZaCEUcxqkbHTpw\\=\\= ._6uINpjdVj7mH0kcydVnJJg\\=\\=,.AqPfSXVsc69G0RV0AHndAg\\=\\= ._6uINpjdVj7mH0kcydVnJJg\\=\\={background-color:#ff0;height:100%}.Si\\+bOaV8wYqfTFBSYBtQPQ\\=\\= .\\+idhqiFqJpe8sJQJnOCV1Q\\=\\=,.NHR9JKN1ZaCEUcxqkbHTpw\\=\\= .\\+idhqiFqJpe8sJQJnOCV1Q\\=\\=,.AqPfSXVsc69G0RV0AHndAg\\=\\= .\\+idhqiFqJpe8sJQJnOCV1Q\\=\\={background-color:blue;height:100%}.AqPfSXVsc69G0RV0AHndAg\\=\\={--animation-speed-transition: 10s}.NHR9JKN1ZaCEUcxqkbHTpw\\=\\={--animation-speed-transition: 1s}","",{version:3,sources:["webpack://./src/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss"],names:[],mappings:"AAAA,6BACE,iBAAA,CACA,yCAAA,CACA,qBAAA,CACA,kCAAA,CACA,gCAAA,CAGF,8BACE,kBAAA,CAGF,sCACE,GACE,OAAA,CAGF,IACE,uBAAA,CAGF,KACE,OAAA,CAAA,CAGJ,6BACE,oCAAA,CACA,gCAAA,CACA,gCAAA,CACA,iBAAA,CAEF,4BACE,oCAAA,CACA,gCAAA,CACA,gCAAA,CACA,iBAAA,CAEF,4BACE,oCAAA,CACA,gCAAA,CACA,gCAAA,CAGF,sCACE,GACE,sBAAA,CACA,SAAA,CAGF,KACE,sBAAA,CACA,SAAA,CAAA,CAIJ,sCACE,GACE,oBAAA,CACA,SAAA,CAGF,KACE,oBAAA,CACA,SAAA,CAAA,CAIJ,qFACE,YAAA,CACA,2FACE,WAAA,CACA,sBAAA,CACA,iGACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,mCAAA,CAGJ,4KACE,qBAAA,CACA,WAAA,CAEF,4KACE,qBAAA,CACA,WAAA,CAIJ,4BAEE,iCAAA,CAGF,4BAEE,gCAAA",sourcesContent:[".animatedContainer {\n  position: relative;\n  animation-name: pingpong;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n}\n\n.resetHeight {\n  min-height: initial;\n}\n\n@keyframes pingpong {\n  0% {\n    left: 0%;\n  }\n\n  50% {\n    left: calc(100% - 100px);\n  }\n\n  100% {\n    left: 0%;\n  }\n}\n.fadeOut {\n  animation: fadeOutAnimation;\n  animation-duration: 2s !important;\n  animation-timing-function: linear;\n  position: absolute;\n}\n.outOfTheWay {\n  animation: fadeOutAnimation;\n  animation-duration: 2s !important;\n  animation-timing-function: linear;\n  position: absolute;\n}\n.fadeIn {\n  animation: fadeIn;\n  animation-duration: 2s !important;\n  animation-timing-function: linear;\n}\n\n@keyframes fadeIn {\n  0% {\n    background-color: green;\n    opacity: 0;\n  }\n\n  100% {\n    background-color: green;\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutAnimation {\n  0% {\n    background-color: red;\n    opacity: 1;\n  }\n\n  100% {\n    background-color: red;\n    opacity: 0;\n  }\n}\n\n.maskExample {\n  height: 100vh;\n  > * {\n    height: 100%;\n    justify-content: center;\n    > * {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      --animation-speed-transition: 250ms;\n    }\n  }\n  .coin {\n    background-color: yellow;\n    height: 100%;\n  }\n  .anchor {\n    background-color: blue;\n    height: 100%;\n  }\n}\n\n.physicsExample {\n  @extend .maskExample;\n  --animation-speed-transition: 10s;\n}\n\n.maskDiagonal {\n  @extend .maskExample;\n  --animation-speed-transition: 1s;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={animatedContainer:"y+zeIPcLqpLAoakT55bs5g==",pingpong:"OpZghQsCOA3u2mR8LBpaCQ==",resetHeight:"_9-ynReqtF+M5l5d3m1eOig==",fadeOut:"R2FZbYWejPE+AsPnL6sS8w==",fadeOutAnimation:"YDT2l-ETGo9j-Nj5W5jmLQ==",outOfTheWay:"kL0T5y9ba8Q-atTvbQZJLQ==",fadeIn:"jgguhDoiCHji5mfOVwU8Mw==",maskExample:"Si+bOaV8wYqfTFBSYBtQPQ==",maskDiagonal:"NHR9JKN1ZaCEUcxqkbHTpw==",physicsExample:"AqPfSXVsc69G0RV0AHndAg==",coin:"_6uINpjdVj7mH0kcydVnJJg==",anchor:"+idhqiFqJpe8sJQJnOCV1Q=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"@media screen and (max-width: 639px){.xlVf2tgq3xPCXazwnL1UgA\\=\\={overflow:hidden}}","",{version:3,sources:["webpack://./src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss"],names:[],mappings:"AACI,qCADJ,4BAEQ,eAAA,CAAA",sourcesContent:[".lockClass {\r\n    @media screen and (max-width: 639px) {\r\n        overflow: hidden;\r\n    }\r\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={lockClass:"xlVf2tgq3xPCXazwnL1UgA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./.storybook/styles.css":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"body {\n  padding: 0px !important;\n  --digital-blue: black;\n}\n","",{version:3,sources:["webpack://./.storybook/styles.css"],names:[],mappings:"AAAA;EACE,uBAAuB;EACvB,qBAAqB;AACvB",sourcesContent:["body {\n  padding: 0px !important;\n  --digital-blue: black;\n}\n"],sourceRoot:""}]),__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":function(module,__unused_webpack_exports,__webpack_require__){var map={"./components/AdaptiveButton/AdaptiveButton.stories.tsx":"./src/components/AdaptiveButton/AdaptiveButton.stories.tsx","./components/AdaptiveContainer/AdaptiveContainer.stories.tsx":"./src/components/AdaptiveContainer/AdaptiveContainer.stories.tsx","./components/AdaptiveDialog/AdaptiveDialog.stories.tsx":"./src/components/AdaptiveDialog/AdaptiveDialog.stories.tsx","./components/AdaptiveSidebar/AdaptiveSidebar.stories.tsx":"./src/components/AdaptiveSidebar/AdaptiveSidebar.stories.tsx","./components/AnchoredTooltip/AnchoredTooltip.stories.tsx":"./src/components/AnchoredTooltip/AnchoredTooltip.stories.tsx","./components/AnimatedEntrance/AnimatedEntrance.stories.tsx":"./src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx","./components/AsyncWrapper/AsyncWrapper.stories.tsx":"./src/components/AsyncWrapper/AsyncWrapper.stories.tsx","./components/Avatar/Avatar.stories.tsx":"./src/components/Avatar/Avatar.stories.tsx","./components/BucketFill/BucketFill.stories.tsx":"./src/components/BucketFill/BucketFill.stories.tsx","./components/Button/Button.stories.tsx":"./src/components/Button/Button.stories.tsx","./components/Card/Card.stories.tsx":"./src/components/Card/Card.stories.tsx","./components/CheckBox/CheckBox.stories.tsx":"./src/components/CheckBox/CheckBox.stories.tsx","./components/Collapsable/Collapsable.stories.tsx":"./src/components/Collapsable/Collapsable.stories.tsx","./components/Countdown/Countdown.stories.tsx":"./src/components/Countdown/Countdown.stories.tsx","./components/Divider/Divider.stories.tsx":"./src/components/Divider/Divider.stories.tsx","./components/EmailInput/EmailInput.stories.tsx":"./src/components/EmailInput/EmailInput.stories.tsx","./components/FadeIn/FadeIn.stories.tsx":"./src/components/FadeIn/FadeIn.stories.tsx","./components/FileInput/FileInput.stories.tsx":"./src/components/FileInput/FileInput.stories.tsx","./components/FlowController/FlowController.stories.tsx":"./src/components/FlowController/FlowController.stories.tsx","./components/Form/Form.stories.tsx":"./src/components/Form/Form.stories.tsx","./components/Freeze/Freeze.stories.tsx":"./src/components/Freeze/Freeze.stories.tsx","./components/Header/Header.stories.tsx":"./src/components/Header/Header.stories.tsx","./components/HeaderCloseBtn/HeaderCloseBtn.stories.tsx":"./src/components/HeaderCloseBtn/HeaderCloseBtn.stories.tsx","./components/InfinityScroll/InfinityScroll.stories.tsx":"./src/components/InfinityScroll/InfinityScroll.stories.tsx","./components/Input/Input.stories.tsx":"./src/components/Input/Input.stories.tsx","./components/InstantCounter/InstantCounter.stories.tsx":"./src/components/InstantCounter/InstantCounter.stories.tsx","./components/LinkToId/LinkToId.stories.tsx":"./src/components/LinkToId/LinkToId.stories.tsx","./components/Loader/Loader.stories.tsx":"./src/components/Loader/Loader.stories.tsx","./components/LoaderDotsIndicator/LoaderDotsIndicator.stories.tsx":"./src/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.tsx","./components/MainGrid/MainGrid.stories.tsx":"./src/components/MainGrid/MainGrid.stories.tsx","./components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx":"./src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx","./components/Notification/Notification.stories.tsx":"./src/components/Notification/Notification.stories.tsx","./components/OrderableList/OrderableList.stories.tsx":"./src/components/OrderableList/OrderableList.stories.tsx","./components/PaginationIndicator/PaginationIndicator.stories.tsx":"./src/components/PaginationIndicator/PaginationIndicator.stories.tsx","./components/Parallax/Parallax.stories.tsx":"./src/components/Parallax/Parallax.stories.tsx","./components/PasswordInput/PasswordInput.stories.tsx":"./src/components/PasswordInput/PasswordInput.stories.tsx","./components/PixelatedScan/PixelatedScan.stories.tsx":"./src/components/PixelatedScan/PixelatedScan.stories.tsx","./components/Portal/Portal.stories.tsx":"./src/components/Portal/Portal.stories.tsx","./components/ProgressBar/ProgressBar.stories.tsx":"./src/components/ProgressBar/ProgressBar.stories.tsx","./components/ProgressTexts/ProgressTexts.stories.tsx":"./src/components/ProgressTexts/ProgressTexts.stories.tsx","./components/SectionContainer/SectionContainer.stories.tsx":"./src/components/SectionContainer/SectionContainer.stories.tsx","./components/Select/Select.stories.tsx":"./src/components/Select/Select.stories.tsx","./components/Spacing/Spacing.stories.tsx":"./src/components/Spacing/Spacing.stories.tsx","./components/Table/Table.stories.tsx":"./src/components/Table/Table.stories.tsx","./components/Tabs/Tabs.stories.tsx":"./src/components/Tabs/Tabs.stories.tsx","./components/Text/Text.stories.tsx":"./src/components/Text/Text.stories.tsx","./components/Transition/Transition.stories.tsx":"./src/components/Transition/Transition.stories.tsx","./components/UncontrolledTransition/UncontrolledTransition.stories.tsx":"./src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx","./components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx":"./src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":function(module){function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=function(){return[]},webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./src/assets/img/svg/checkbox.svg":function(module,__unused_webpack_exports,__webpack_require__){"use strict";module.exports=__webpack_require__.p+"static/media/checkbox.1b6c2edc.svg"},"?4f7e":function(){},"./generated-stories-entry.cjs":function(module,__unused_webpack_exports,__webpack_require__){"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")],module,!1)}},function(__webpack_require__){var __webpack_exec__=function(moduleId){return __webpack_require__(__webpack_require__.s=moduleId)};__webpack_require__.O(0,[866],(function(){return __webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs")}));__webpack_require__.O()}]);