@geoinsight/react-components 1.1.1 → 1.1.3

package/storybook-static/components-range-index-stories.d3287106.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[256],{"./src/components/range/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{RangeMonths:()=>RangeMonths,RangeTimestamps:()=>RangeTimestamps,RangeTimestampsInitialValue:()=>RangeTimestampsInitialValue,RangeTimestampsPeriod:()=>RangeTimestampsPeriod,RangeUseCase:()=>RangeUseCase,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),range=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/range/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(range.A,options);range.A&&range.A.locals&&range.A.locals;var react=__webpack_require__("./node_modules/react/index.js");function getThumbBounds(){return document.getElementsByClassName("range__thumb")[0].getBoundingClientRect()}var components_button=__webpack_require__("./src/components/button/index.tsx"),index_esm=__webpack_require__("./node_modules/react-icons/ri/index.esm.js"),theme=__webpack_require__("./src/context/theme/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function RangeThumb({thumbPosition,handleOverContent,handleDownThumb}){const{dataTheme}=(0,theme.DP)();return(0,jsx_runtime.jsx)(components_button.Ay,{mode:"icon",className:"range__thumb",size:"small",style:{left:`${thumbPosition}`},onMouseOver:()=>handleOverContent(thumbPosition),onMouseDown:handleDownThumb,children:"dark"===dataTheme?(0,jsx_runtime.jsx)(index_esm.d06,{size:"1.5rem"}):(0,jsx_runtime.jsx)(index_esm._ds,{size:"1.5rem"})})}RangeThumb.displayName="RangeThumb";try{RangeThumb.displayName="RangeThumb",RangeThumb.__docgenInfo={description:"",displayName:"RangeThumb",props:{thumbPosition:{defaultValue:null,description:"",name:"thumbPosition",required:!1,type:{name:"string"}},handleOverContent:{defaultValue:null,description:"",name:"handleOverContent",required:!0,type:{name:"(value: string | number | undefined) => void"}},handleDownThumb:{defaultValue:null,description:"",name:"handleDownThumb",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/range/range-thumb.tsx#RangeThumb"]={docgenInfo:RangeThumb.__docgenInfo,name:"RangeThumb",path:"src/components/range/range-thumb.tsx#RangeThumb"})}catch(__react_docgen_typescript_loader_error){}var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js");function RangeContent({period,values,allPositions,handlePosition,handleOverContent,handleOutContent,over}){const handleClickRange=index=>{if(allPositions){const newThumbPosition=0===index?allPositions[index]-allPositions[0]/2-getThumbBounds().width/2:allPositions[index-1]+allPositions[0]/2-getThumbBounds().width/2;handlePosition(allPositions[index],newThumbPosition,index,!0)}};return period?values.map(((value,index)=>(0,jsx_runtime.jsx)("div",{className:"range__content range__content__period",onClick:()=>handleClickRange(index),onMouseOver:()=>handleOverContent(value),onMouseOut:()=>handleOutContent(),children:index%period==0?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:"range__tick range__tick__large"}),(0,jsx_runtime.jsx)("div",{className:(0,clsx_m.A)("range__value","range__value__period",{"range__value--over":value===over}),children:value})]}):(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:"range__tick range__tick__small"}),value===over&&(0,jsx_runtime.jsx)("div",{className:(0,clsx_m.A)("range__value","range__value__period",{"range__value--over":value===over}),children:value})]})}))):values.map(((value,index)=>(0,jsx_runtime.jsxs)("div",{className:"range__content",onClick:()=>handleClickRange(index),children:[(0,jsx_runtime.jsx)("div",{className:"range__tick range__tick__large"}),(0,jsx_runtime.jsx)("div",{className:"range__value",children:value})]})))}try{RangeContent.displayName="RangeContent",RangeContent.__docgenInfo={description:"",displayName:"RangeContent",props:{period:{defaultValue:null,description:"",name:"period",required:!1,type:{name:"number"}},values:{defaultValue:null,description:"",name:"values",required:!0,type:{name:"string[] | number[]"}},allPositions:{defaultValue:null,description:"",name:"allPositions",required:!1,type:{name:"number[]"}},handlePosition:{defaultValue:null,description:"",name:"handlePosition",required:!0,type:{name:"(pixelPosition: number, thumbPosition: number, index: number, isHandleSelected?: boolean | undefined) => void"}},handleOverContent:{defaultValue:null,description:"",name:"handleOverContent",required:!0,type:{name:"(value: string | number | undefined) => void"}},handleOutContent:{defaultValue:null,description:"",name:"handleOutContent",required:!0,type:{name:"() => void"}},over:{defaultValue:null,description:"",name:"over",required:!0,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/range/range-content.tsx#RangeContent"]={docgenInfo:RangeContent.__docgenInfo,name:"RangeContent",path:"src/components/range/range-content.tsx#RangeContent"})}catch(__react_docgen_typescript_loader_error){}var io5_index_esm=__webpack_require__("./node_modules/react-icons/io5/index.esm.js");function RangeControls({indexPosition,isPlay,handlePlay,handleStop}){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Ay,{mode:"icon",size:"small",className:"range__play",onClick:handlePlay,children:isPlay?(0,jsx_runtime.jsx)(io5_index_esm.FML,{color:"var(--color-primary-base)",size:"2rem"}):(0,jsx_runtime.jsx)(io5_index_esm.vWc,{color:"var(--color-primary-base)",size:"2rem"})}),(0,jsx_runtime.jsx)(components_button.Ay,{mode:"icon",size:"small",className:"range__play",disabled:!isPlay&&0===indexPosition,onClick:handleStop,children:(0,jsx_runtime.jsx)(io5_index_esm.jpF,{color:"var(--color-primary-base)",size:"2rem"})})]})}try{RangeControls.displayName="RangeControls",RangeControls.__docgenInfo={description:"",displayName:"RangeControls",props:{indexPosition:{defaultValue:null,description:"",name:"indexPosition",required:!0,type:{name:"number"}},isPlay:{defaultValue:null,description:"",name:"isPlay",required:!0,type:{name:"boolean"}},handlePlay:{defaultValue:null,description:"",name:"handlePlay",required:!0,type:{name:"() => void"}},handleStop:{defaultValue:null,description:"",name:"handleStop",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/range/range-controls.tsx#RangeControls"]={docgenInfo:RangeControls.__docgenInfo,name:"RangeControls",path:"src/components/range/range-controls.tsx#RangeControls"})}catch(__react_docgen_typescript_loader_error){}function Range({initial=0,period,values,handleSelected}){const panelRef=(0,react.useRef)(null),[indexPosition,setIndexPosition]=(0,react.useState)(initial),[over,setOver]=(0,react.useState)(void 0),{allPositions,pixelPosition,setPixelPosition,thumbPosition,setThumbPosition}=function usePositions(panelRef,initial){const[allPositions,setAllPositions]=(0,react.useState)(void 0),[pixelPosition,setPixelPosition]=(0,react.useState)(void 0),[thumbPosition,setThumbPosition]=(0,react.useState)(void 0);return(0,react.useEffect)((()=>{if(panelRef?.current){const current=panelRef.current;if(current){const valuesRef=Array.from(current.getElementsByClassName("range__content")),parentBounds=current.getBoundingClientRect();setAllPositions(valuesRef.map((values=>values.getBoundingClientRect().right-parentBounds.x)))}}}),[]),(0,react.useEffect)((()=>{allPositions&&(setPixelPosition(`${allPositions[initial]}px`),setThumbPosition(allPositions[initial]-(allPositions[0]/2+getThumbBounds().width/2)+"px"))}),[allPositions]),{panelRef,allPositions,setAllPositions,pixelPosition,setPixelPosition,thumbPosition,setThumbPosition}}(panelRef,initial),handlePosition=(pixelPosition,thumbPosition,index,isHandleSelected=!1)=>{setPixelPosition(`${pixelPosition}px`),setThumbPosition(`${thumbPosition}px`),setIndexPosition(index),isHandleSelected&&handleSelected&&handleSelected({value:values[index],index,position:pixelPosition})},handleOverContent=value=>{setOver(value)},{isPlay,handlePlay,handleStop}=function useTimer({allPositions,indexPosition,handlePosition,handleOverContent,values}){const timeoutRef=(0,react.useRef)(null),[isPlay,setIsPlay]=(0,react.useState)(!1);(0,react.useEffect)((()=>(resetTimeout(),isPlay&&allPositions&&(timeoutRef.current=setTimeout((()=>{const newThumbPosition=allPositions[indexPosition]+allPositions[0]/2-getThumbBounds().width/2;handlePosition(allPositions[indexPosition+1],newThumbPosition,indexPosition+1,!0),handleOverContent(values[indexPosition+1])}),500),indexPosition===allPositions.length-1&&setIsPlay(!1)),()=>{resetTimeout()})),[isPlay,indexPosition]);const resetTimeout=()=>{timeoutRef.current&&clearTimeout(timeoutRef.current)};return{isPlay,setIsPlay,handlePlay:()=>{setIsPlay(!isPlay)},handleStop:()=>{allPositions&&(handlePosition(allPositions[0],allPositions[0]/2-getThumbBounds().width/2,0,!1),setIsPlay(!1))}}}({allPositions,indexPosition,handlePosition,handleOverContent,values}),{handleDownThumb}=function useThumb({allPositions,panelRef,handlePosition,handleOverContent,values}){const startDragging=event=>{if(allPositions&&panelRef?.current){const current=panelRef.current,panelBounds=current?.getBoundingClientRect(),x=event.pageX-panelBounds.left,absX=Math.abs(x);if(x>=0&&x<=allPositions[allPositions.length-1]){const desiredPosition=allPositions.reduce(((prev,curr)=>Math.abs(prev-absX)<Math.abs(curr-absX)?prev:curr)),index=allPositions.indexOf(desiredPosition),newThumbPosition=0===index?allPositions[index]-allPositions[0]/2-getThumbBounds().width/2:allPositions[index-1]+allPositions[0]/2-getThumbBounds().width/2;handlePosition(desiredPosition,newThumbPosition,index,!0),handleOverContent(values[index])}}},stopDragging=()=>{window.removeEventListener("mousemove",startDragging,!1),window.removeEventListener("mouseup",stopDragging,!1)};return{handleDownThumb:()=>{window.addEventListener("mousemove",startDragging,!1),window.addEventListener("mouseup",stopDragging,!1)}}}({allPositions,panelRef,handlePosition,handleOverContent,values});return(0,jsx_runtime.jsxs)("div",{className:"range",children:[(0,jsx_runtime.jsxs)("div",{ref:panelRef,className:"range__panel",children:[(0,jsx_runtime.jsx)(RangeContent,{period,values,allPositions,handlePosition,handleOverContent,handleOutContent:()=>{setOver(void 0)},over}),(0,jsx_runtime.jsx)("div",{className:"range__track",style:{width:`${pixelPosition}`}}),(0,jsx_runtime.jsx)(RangeThumb,{thumbPosition,handleOverContent,handleDownThumb})]}),(0,jsx_runtime.jsx)(RangeControls,{indexPosition,isPlay,handlePlay,handleStop})]})}Range.displayName="Range";try{Range.displayName="Range",Range.__docgenInfo={description:"",displayName:"Range",props:{initial:{defaultValue:{value:"0"},description:"Initial value for range",name:"initial",required:!1,type:{name:"number"}},handleSelected:{defaultValue:null,description:"Function that handles any external logic",name:"handleSelected",required:!1,type:{name:"((obj: { value?: string | number; index: number; position: number; }) => void)"}},period:{defaultValue:null,description:"Period that seperates the ticks",name:"period",required:!1,type:{name:"number"}},values:{defaultValue:null,description:"Values that populate the range",name:"values",required:!0,type:{name:"string[] | number[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/range/index.tsx#Range"]={docgenInfo:Range.__docgenInfo,name:"Range",path:"src/components/range/index.tsx#Range"})}catch(__react_docgen_typescript_loader_error){}var withColorScheme=__webpack_require__("./src/decorators/withColorScheme.tsx");const DATES=["2013-06-10T00:46:00","2013-07-02T12:00:00","2019-10-13T14:45:37","2020-06-23T21:12:11","2020-05-08T14:46:20","2022-07-04T18:51:58","2013-10-04T17:37:00","2016-09-22T11:45:00","2022-06-04T23:15:00","2016-07-11T12:58:00","2021-07-03T11:34:00","2017-04-03T16:00:00","2019-09-28T17:48:10","2020-10-22T14:43:49","2018-06-16T11:47:00","2018-10-24T12:18:00","2021-06-18T06:33:00","2017-07-22T15:00:00","2015-07-24T12:43:00","2018-06-23T11:38:00","2015-08-08T14:55:00","2019-08-07T15:13:52","2020-07-20T18:04:37","2019-10-27T08:50:23","2019-06-24T11:57:00","2019-06-25T13:51:09","2021-05-12T20:48:43","2023-06-23T11:00:00","2022-07-08T13:10:00","2022-06-11T17:22:09","2017-10-08T23:03:00","2023-06-15T17:26:28","2019-08-10T18:47:02","2020-10-07T06:06:33","2018-08-13T14:58:00","2016-06-25T16:11:00","2018-05-30T13:21:00","2019-06-21T14:42:00","2018-07-25T16:05:00","2019-08-21T17:56:05","2020-07-06T16:04:20","2018-09-24T00:41:00","2017-07-02T13:43:00","2019-06-08T14:37:00","2019-06-17T17:50:00","2013-07-06T12:55:00","2021-06-19T08:00:00","2022-06-27T15:47:53","2014-01-02T20:00:00","2020-08-22T22:02:57","2013-08-18T18:30:00","2023-08-09T14:00:00","2022-06-22T12:00:00","2022-08-20T16:35:12","2022-06-28T14:00:00","2015-08-03T18:07:00","2013-08-31T14:42:00","2017-08-30T15:38:00","2017-10-08T00:01:00","2023-11-23T13:50:00","2017-06-27T09:38:00","2019-07-28T19:51:55","2020-06-17T15:49:46","2018-04-26T15:00:00","2016-05-27T13:43:00","2018-06-03T18:23:00","2018-08-09T13:09:00","2018-07-27T13:28:00","2023-06-27T23:04:00","2015-10-12T16:00:00","2019-09-04T20:33:59","2023-08-10T18:47:45","2017-06-04T16:22:00","2018-06-13T21:06:00","2018-07-09T18:30:00"].sort(),index_stories={title:"Components/Range",component:Range,argTypes:{backgroundColor:{control:"color"}},decorators:[withColorScheme.t]},RangeMonths={args:{values:["Janar","Fev","Mar","Apr","May","Jun","Jul","Ago","Set","Oct","Nov","Dec"]}},RangeTimestamps={args:{values:DATES}},RangeTimestampsPeriod={args:{values:DATES,period:25}},RangeTimestampsInitialValue={args:{values:DATES,period:25,initial:45}},RangeUseCase={render:()=>{const[value,setValue]=(0,react.useState)(new Date(DATES[0]).getFullYear());return(0,jsx_runtime.jsxs)("div",{style:{alignItems:"center",display:"flex",flexDirection:"column",gap:"var(--spacing-40)"},children:[(0,jsx_runtime.jsx)("div",{children:value}),(0,jsx_runtime.jsx)(Range,{values:DATES,period:10,handleSelected:({value})=>{setValue(new Date(value).getFullYear())}})]})}};RangeMonths.parameters={...RangeMonths.parameters,docs:{...RangeMonths.parameters?.docs,source:{originalSource:"{\n  args: {\n    values: MONTHS\n  }\n}",...RangeMonths.parameters?.docs?.source}}},RangeTimestamps.parameters={...RangeTimestamps.parameters,docs:{...RangeTimestamps.parameters?.docs,source:{originalSource:"{\n  args: {\n    values: DATES\n  }\n}",...RangeTimestamps.parameters?.docs?.source}}},RangeTimestampsPeriod.parameters={...RangeTimestampsPeriod.parameters,docs:{...RangeTimestampsPeriod.parameters?.docs,source:{originalSource:"{\n  args: {\n    values: DATES,\n    period: 25\n  }\n}",...RangeTimestampsPeriod.parameters?.docs?.source}}},RangeTimestampsInitialValue.parameters={...RangeTimestampsInitialValue.parameters,docs:{...RangeTimestampsInitialValue.parameters?.docs,source:{originalSource:"{\n  args: {\n    values: DATES,\n    period: 25,\n    initial: 45\n  }\n}",...RangeTimestampsInitialValue.parameters?.docs?.source}}},RangeUseCase.parameters={...RangeUseCase.parameters,docs:{...RangeUseCase.parameters?.docs,source:{originalSource:'{\n  render: () => {\n    const [value, setValue] = useState(new Date(DATES[0]).getFullYear());\n    return <div style={{\n      alignItems: "center",\n      display: "flex",\n      flexDirection: "column",\n      gap: "var(--spacing-40)"\n    }}>\n        <div>{value}</div>\n        <Range values={DATES} period={10} handleSelected={({\n        value\n      }) => {\n        setValue(new Date(value as string).getFullYear());\n      }}></Range>\n      </div>;\n  }\n}',...RangeUseCase.parameters?.docs?.source}}};const __namedExportsOrder=["RangeMonths","RangeTimestamps","RangeTimestampsPeriod","RangeTimestampsInitialValue","RangeUseCase"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Mz:()=>Anchor,$n:()=>Button,Ay:()=>src_components_button_0});var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_button.A,options);components_button.A&&components_button.A.locals&&components_button.A.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({Custom,children,...rest})=>Custom?(0,jsx_runtime.jsx)(Custom,{...rest,children}):(0,jsx_runtime.jsx)("a",{...rest,children});function Button({children="Click me",className="",icon,isNewWindow=!1,mode="primary",size="medium",as="button",CustomAnchor,...rest}){return"link"===as?(0,jsx_runtime.jsxs)(Anchor,{Custom:CustomAnchor,...isNewWindow&&{target:"_blank"},className:(0,clsx_m.A)(`button ${className}`,`link__${mode}`,`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.A)("button",`button__${mode}`,`button__${size}`,className),...rest,children:[children,icon]})}const src_components_button_0=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:{value:"Click me"},description:"What to put inside the button (string or html elements)",name:"children",required:!1,type:{name:"string | Element"}},className:{defaultValue:{value:""},description:"Custom css class name",name:"className",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"undefined"},description:"If you want to add an icon image next to the children. Needs to be an react html element.",name:"icon",required:!1,type:{name:"Element"}},isNewWindow:{defaultValue:{value:"false"},description:"If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.",name:"isNewWindow",required:!1,type:{name:"boolean"}},mode:{defaultValue:{value:"primary"},description:"Css mode used to style the button.",name:"mode",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'}]}},size:{defaultValue:{value:"medium"},description:"Button size.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},as:{defaultValue:{value:"button"},description:"Button type.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},CustomAnchor:{defaultValue:null,description:"Anchor for the button to follow.",name:"CustomAnchor",required:!1,type:{name:"ComponentClass<any, any>"}},backgroundColor:{defaultValue:null,description:"Custom background color for storybook.",name:"backgroundColor",required:!1,type:{name:"string"}},link:{defaultValue:null,description:"Link to url",name:"link",required:!1,type:{name:"string"}}}},"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){}try{Anchor.displayName="Anchor",Anchor.__docgenInfo={description:"",displayName:"Anchor",props:{Custom:{defaultValue:null,description:"",name:"Custom",required:!1,type:{name:"ComponentClass<any, any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Anchor"]={docgenInfo:Anchor.__docgenInfo,name:"Anchor",path:"src/components/button/index.tsx#Anchor"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_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_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.button,\n.link {\n  align-items: center;\n  border-radius: var(--spacing-32);\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  gap: var(--spacing-8);\n  font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n  color: var(--color-light-brighter);\n}\n\n.button:disabled {\n  cursor: unset;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.button:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-dark);\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\n  text-decoration: unset;\n}\n\n.button__secondary:hover {\n  box-shadow: unset;\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n  background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n  border: unset;\n}\n\n.link__primary {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n  text-decoration: underline 1px var(--color-primary-base);\n  text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n  border: unset;\n  box-shadow: unset;\n  color: var(--color-primary-dark) !important;\n  text-decoration: underline 2px var(--color-primary-base);\n  text-underline-offset: calc(var(--spacing-8) * 0.75);\n  transition: var(--transition-color-cubic-bezier),\n    var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-base);\n  box-shadow: unset;\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n}\n\n.link > a {\n  text-decoration: inherit;\n  color: inherit;\n}\n\n.link__icon svg {\n  border: 2px solid transparent;\n  border-bottom: 2px solid var(--color-primary-base);\n  border-radius: 2px;\n  padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n  color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n  border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n  border: unset;\n  box-shadow: unset;\n}\n\n.link__icon:hover svg {\n  color: var(--color-main-color) !important;\n  border: 2px solid var(--color-primary-dark);\n  transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n  padding: var(--spacing-4);\n}\n\n.button__medium {\n  padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n  padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n  padding: var(--spacing-8) var(--spacing-12);\n}\n',"",{version:3,sources:["webpack://./src/components/button/index.css"],names:[],mappings:"AAAA;;EAEE,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;EACZ,cAAc;EACd,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,mDAAmD;EACnD;6CAC2C;AAC7C;;;AAGA;EACE,6CAA6C;EAC7C,2CAA2C;AAC7C;;AAEA;;EAEE,8CAA8C;EAC9C,2CAA2C;EAC3C,gCAAgC;EAChC,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;EACjB,2CAA2C;AAC7C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;EAC3C,wDAAwD;EACxD,uCAAuC;AACzC;;AAEA;EACE,6CAA6C;EAC7C,0DAA0D;AAC5D;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,2CAA2C;EAC3C,wDAAwD;EACxD,oDAAoD;EACpD;wDACsD;AACxD;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,iBAAiB;EACjB;6CAC2C;AAC7C;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;AAC7C;;AAEA;EACE,wBAAwB;EACxB,cAAc;AAChB;;AAEA;EACE,6BAA6B;EAC7B,kDAAkD;EAClD,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,aAAa;EACb,iBAAiB;AACnB;;AAEA;EACE,yCAAyC;EACzC,2CAA2C;EAC3C,uFAAuF;AACzF;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,2CAA2C;AAC7C",sourcesContent:['.button,\n.link {\n  align-items: center;\n  border-radius: var(--spacing-32);\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  gap: var(--spacing-8);\n  font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n  color: var(--color-light-brighter);\n}\n\n.button:disabled {\n  cursor: unset;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.button:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-dark);\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\n  text-decoration: unset;\n}\n\n.button__secondary:hover {\n  box-shadow: unset;\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n  background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n  border: unset;\n}\n\n.link__primary {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n  text-decoration: underline 1px var(--color-primary-base);\n  text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n  border: unset;\n  box-shadow: unset;\n  color: var(--color-primary-dark) !important;\n  text-decoration: underline 2px var(--color-primary-base);\n  text-underline-offset: calc(var(--spacing-8) * 0.75);\n  transition: var(--transition-color-cubic-bezier),\n    var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-base);\n  box-shadow: unset;\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n}\n\n.link > a {\n  text-decoration: inherit;\n  color: inherit;\n}\n\n.link__icon svg {\n  border: 2px solid transparent;\n  border-bottom: 2px solid var(--color-primary-base);\n  border-radius: 2px;\n  padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n  color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n  border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n  border: unset;\n  box-shadow: unset;\n}\n\n.link__icon:hover svg {\n  color: var(--color-main-color) !important;\n  border: 2px solid var(--color-primary-dark);\n  transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n  padding: var(--spacing-4);\n}\n\n.button__medium {\n  padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n  padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n  padding: var(--spacing-8) var(--spacing-12);\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/range/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_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_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".range {\n  align-items: center;\n  display: flex;\n  position: relative;\n  min-width: 20rem;\n  gap: var(--spacing-16);\n}\n\n.range__panel:hover {\n  border-radius: var(--spacing-8);\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n.range__panel {\n  display: flex;\n  position: relative;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.range__track {\n  background-color: var(--color-primary-bright);\n  border-radius: 0 var(--spacing-4) var(--spacing-4) 0;\n  height: 100%;\n  position: absolute;\n  z-index: 0;\n}\n\n.range__content {\n  align-items: start;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-8);\n  width: var(--spacing-40);\n  z-index: 3;\n}\n\n.range__content:hover {\n  box-shadow: 5px 2px 6px 0 var(--color-main-color);\n  transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.range__content__period {\n  gap: 0;\n  width: var(--spacing-8);\n}\n\n.range__tick {\n  border-left: 2px solid\n    color-mix(in srgb, var(--color-primary-dark) 80%, transparent 10%);\n  width: 100%;\n}\n\n.range__tick__large {\n  height: 1rem;\n}\n\n.range__tick__small {\n  height: 0.5rem;\n}\n\n.range__value {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  width: calc(80%);\n}\n\n.range__value__period {\n  border-left: 2px solid\n    color-mix(in srgb, var(--color-primary-dark) 80%, transparent 10%);\n  width: calc(100% + var(--spacing-40));\n}\n\n.range__value--over {\n  background-color: var(--color-main-background) !important;\n  overflow: visible;\n  white-space: unset;\n  width: unset;\n  position: absolute;\n  top: calc(var(--spacing-40) * 1);\n}\n\n.range__thumb {\n  position: absolute;\n  top: -32px;\n  background-color: transparent;\n}\n\n.button__icon.range__play {\n  background-color: var(--color-main-background);\n  border: 1px solid var(--color-primary-dark);\n  border-radius: var(--spacing-32);\n  z-index: 5;\n}\n\n.button__icon.range__play:hover {\n  border: 1px solid var(--color-primary-dark);\n}\n\n@media (max-width: 699px) {\n  .range {\n    flex-direction: column;\n  }\n  .range__panel {\n    min-width: none;\n    max-width: 30rem;\n  }\n}\n\n@media (max-width: 500px) {\n  .range__panel {\n    min-width: none;\n    max-width: 20rem;\n  }\n}","",{version:3,sources:["webpack://./src/components/range/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,sBAAsB;AACxB;;AAEA;EACE,+BAA+B;EAC/B,mDAAmD;EACnD;6CAC2C;AAC7C;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,6CAA6C;EAC7C,oDAAoD;EACpD,YAAY;EACZ,kBAAkB;EAClB,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,eAAe;EACf,aAAa;EACb,sBAAsB;EACtB,qBAAqB;EACrB,wBAAwB;EACxB,UAAU;AACZ;;AAEA;EACE,iDAAiD;EACjD,qDAAqD;AACvD;;AAEA;EACE,MAAM;EACN,uBAAuB;AACzB;;AAEA;EACE;sEACoE;EACpE,WAAW;AACb;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,uBAAuB;EACvB,gBAAgB;EAChB,mBAAmB;EACnB,gBAAgB;AAClB;;AAEA;EACE;sEACoE;EACpE,qCAAqC;AACvC;;AAEA;EACE,yDAAyD;EACzD,iBAAiB;EACjB,kBAAkB;EAClB,YAAY;EACZ,kBAAkB;EAClB,gCAAgC;AAClC;;AAEA;EACE,kBAAkB;EAClB,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,8CAA8C;EAC9C,2CAA2C;EAC3C,gCAAgC;EAChC,UAAU;AACZ;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,eAAe;IACf,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,eAAe;IACf,gBAAgB;EAClB;AACF",sourcesContent:[".range {\n  align-items: center;\n  display: flex;\n  position: relative;\n  min-width: 20rem;\n  gap: var(--spacing-16);\n}\n\n.range__panel:hover {\n  border-radius: var(--spacing-8);\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n.range__panel {\n  display: flex;\n  position: relative;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.range__track {\n  background-color: var(--color-primary-bright);\n  border-radius: 0 var(--spacing-4) var(--spacing-4) 0;\n  height: 100%;\n  position: absolute;\n  z-index: 0;\n}\n\n.range__content {\n  align-items: start;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-8);\n  width: var(--spacing-40);\n  z-index: 3;\n}\n\n.range__content:hover {\n  box-shadow: 5px 2px 6px 0 var(--color-main-color);\n  transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.range__content__period {\n  gap: 0;\n  width: var(--spacing-8);\n}\n\n.range__tick {\n  border-left: 2px solid\n    color-mix(in srgb, var(--color-primary-dark) 80%, transparent 10%);\n  width: 100%;\n}\n\n.range__tick__large {\n  height: 1rem;\n}\n\n.range__tick__small {\n  height: 0.5rem;\n}\n\n.range__value {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  width: calc(80%);\n}\n\n.range__value__period {\n  border-left: 2px solid\n    color-mix(in srgb, var(--color-primary-dark) 80%, transparent 10%);\n  width: calc(100% + var(--spacing-40));\n}\n\n.range__value--over {\n  background-color: var(--color-main-background) !important;\n  overflow: visible;\n  white-space: unset;\n  width: unset;\n  position: absolute;\n  top: calc(var(--spacing-40) * 1);\n}\n\n.range__thumb {\n  position: absolute;\n  top: -32px;\n  background-color: transparent;\n}\n\n.button__icon.range__play {\n  background-color: var(--color-main-background);\n  border: 1px solid var(--color-primary-dark);\n  border-radius: var(--spacing-32);\n  z-index: 5;\n}\n\n.button__icon.range__play:hover {\n  border: 1px solid var(--color-primary-dark);\n}\n\n@media (max-width: 699px) {\n  .range {\n    flex-direction: column;\n  }\n  .range__panel {\n    min-width: none;\n    max-width: 30rem;\n  }\n}\n\n@media (max-width: 500px) {\n  .range__panel {\n    min-width: none;\n    max-width: 20rem;\n  }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook-static/components-select-index-stories.12475707.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[175],{"./src/components/select/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DifferentClassNameGroup:()=>DifferentClassNameGroup,DifferentDefaultSelectedValue:()=>DifferentDefaultSelectedValue,Error:()=>Error,Primary:()=>Primary,PrimaryLabelAndLabelClass:()=>PrimaryLabelAndLabelClass,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/select/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Select",component:_index__WEBPACK_IMPORTED_MODULE_0__.l,argTypes:{backgroundColor:{control:"color"}},decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.t]},Primary={args:{options:["features","story","form"]}},PrimaryLabelAndLabelClass={args:{label:"Select an option:",labelClassName:"custom-label-class",options:["features","story","form"]}},Error={args:{error:{is:!0,message:"Insert a value"},options:["","features","story","form","fed","s","fef","fef"]}},DifferentDefaultSelectedValue={args:{defaultValue:"story",options:["features","story","form","fed","s","fef","fef"]}},DifferentClassNameGroup={args:{classNameGroup:"custom-class-name-group",defaultValue:"story",options:["features","story","form","fed","s","fef","fef"]}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'{\n  args: {\n    options: ["features", "story", "form"]\n  }\n}',...Primary.parameters?.docs?.source}}},PrimaryLabelAndLabelClass.parameters={...PrimaryLabelAndLabelClass.parameters,docs:{...PrimaryLabelAndLabelClass.parameters?.docs,source:{originalSource:'{\n  args: {\n    label: "Select an option:",\n    labelClassName: "custom-label-class",\n    options: ["features", "story", "form"]\n  }\n}',...PrimaryLabelAndLabelClass.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:'{\n  args: {\n    error: {\n      is: true,\n      message: "Insert a value"\n    },\n    options: ["", "features", "story", "form", "fed", "s", "fef", "fef"]\n  }\n}',...Error.parameters?.docs?.source}}},DifferentDefaultSelectedValue.parameters={...DifferentDefaultSelectedValue.parameters,docs:{...DifferentDefaultSelectedValue.parameters?.docs,source:{originalSource:'{\n  args: {\n    defaultValue: "story",\n    options: ["features", "story", "form", "fed", "s", "fef", "fef"]\n  }\n}',...DifferentDefaultSelectedValue.parameters?.docs?.source}}},DifferentClassNameGroup.parameters={...DifferentClassNameGroup.parameters,docs:{...DifferentClassNameGroup.parameters?.docs,source:{originalSource:'{\n  args: {\n    classNameGroup: "custom-class-name-group",\n    defaultValue: "story",\n    options: ["features", "story", "form", "fed", "s", "fef", "fef"]\n  }\n}',...DifferentClassNameGroup.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","PrimaryLabelAndLabelClass","Error","DifferentDefaultSelectedValue","DifferentClassNameGroup"]},"./src/components/select/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{l:()=>Select,A:()=>src_components_select_0});var react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_select=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/select/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_select.A,options);components_select.A&&components_select.A.locals&&components_select.A.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),index_esm=__webpack_require__("./node_modules/react-icons/tfi/index.esm.js"),input=__webpack_require__("./src/components/input/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Select({inputClassName="",classNameGroup="",options,styleGroup,defaultValue,setFormSelected,clearError,resetForm,onFormBlur,handleSelect,label,labelClassName,error,backgroundColor,isRequired,...rest}){const[isOpen,setIsOpen]=(0,react.useState)(!1),[value,setValue]=(0,react.useState)(defaultValue||options&&options[0]),[filteredOptions,setFilteredOptions]=(0,react.useState)(options),{name}=rest,handleClose=()=>{setIsOpen(!1)},handleSelectChange=e=>{const{name:value}=e.target;setFormSelected?(setFormSelected(name,value),clearError&&clearError(name),resetForm&&resetForm()):setValue(value),handleSelect&&handleSelect(value),handleClose()};return(0,jsx_runtime.jsxs)("div",{className:(0,clsx_m.A)("select-group",classNameGroup),style:{backgroundColor,...styleGroup},children:[(0,jsx_runtime.jsx)(input.A,{inputClassName:(0,clsx_m.A)("select",{"select--focus":isOpen},inputClassName),value,error,required:isRequired,placeholder:"Select a value",icon:{className:"select__arrow",element:(0,jsx_runtime.jsx)(components_button.Ay,{type:"button",size:"large",mode:"icon",className:(0,clsx_m.A)("select__arrow-button",{"select__arrow-button--open":isOpen}),onClick:()=>{setIsOpen((prev=>!prev))},onBlur:handleClose,children:(0,jsx_runtime.jsx)(index_esm.dqe,{size:24})})},onFocus:()=>{setIsOpen(!0)},onBlur:()=>{onFormBlur&&onFormBlur(),setIsOpen(!1)},onChange:e=>{const{value}=e.target;setValue(value)},autoComplete:"off",label,labelClassName,...rest}),isOpen&&(0,jsx_runtime.jsx)("div",{className:"select__box",children:filteredOptions.map(((option,index)=>(0,jsx_runtime.jsx)(components_button.Ay,{type:"button",mode:"secondary",className:"select__option",name:option,onMouseDown:handleSelectChange,children:option},`index-${index}`)))})]})}Select.displayName="Select";const src_components_select_0=Select;try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{inputClassName:{defaultValue:{value:""},description:"Custom css class name.",name:"inputClassName",required:!1,type:{name:"string"}},classNameGroup:{defaultValue:{value:""},description:"Custom css class name for group wrapper.",name:"classNameGroup",required:!1,type:{name:"string"}},paletteTheme:{defaultValue:null,description:"Data theme for the html. `${themes}`",name:"paletteTheme",required:!1,type:{name:"any"}},options:{defaultValue:null,description:"Options of the select component.",name:"options",required:!1,type:{name:"string[]"}},error:{defaultValue:null,description:"Error message to show when input has an error.",name:"error",required:!0,type:{name:"{ is: boolean; message: string; }"}},styleGroup:{defaultValue:null,description:"Style input group wrapper",name:"styleGroup",required:!1,type:{name:"CSSProperties"}},defaultValue:{defaultValue:null,description:"Default selected value",name:"defaultValue",required:!1,type:{name:"string"}},backgroundColor:{defaultValue:null,description:"Style of the backgroundColor",name:"backgroundColor",required:!1,type:{name:"string"}},handleSelect:{defaultValue:null,description:"Pass a custom function to the select",name:"handleSelect",required:!1,type:{name:"Function"}},setFormSelected:{defaultValue:null,description:"Pass a custom function to the select",name:"setFormSelected",required:!1,type:{name:"Function"}},clearError:{defaultValue:null,description:"Pass a custom function to the select on clear error",name:"clearError",required:!1,type:{name:"Function"}},resetForm:{defaultValue:null,description:"Pass a custom function to the select on reset form",name:"resetForm",required:!1,type:{name:"Function"}},onFormBlur:{defaultValue:null,description:"Pass a custom function to the select on form blur, when closing the select",name:"onFormBlur",required:!1,type:{name:"Function"}},label:{defaultValue:null,description:"Pass a custom label to the select",name:"label",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Pass a custom class to the label of the select",name:"labelClassName",required:!1,type:{name:"string"}},isRequired:{defaultValue:null,description:"Sets if select is required or not",name:"isRequired",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/select/index.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/select/index.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/select/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_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_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".select-group {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: relative;\n  width: 100%;\n}\n\n.select {\n  box-sizing: border-box;\n  border-radius: var(--spacing-8);\n  border: 2px solid var(--color-primary-bright);\n  padding: var(--spacing-16) var(--spacing-24);\n  font-size: var(--font-size-16);\n  width: 100%;\n}\n\n.select--focus {\n  border-radius:  var(--spacing-8) var(--spacing-8)   0 0 !important;\n}\n\n.select:focus {\n  border-radius: var(--spacing-8) var(--spacing-8) 0 0;\n}\n\n.select:disabled {\n  opacity: 0.5;\n}\n\n.select__arrow.input__icon {\n  padding: 0;\n}\n\n.select__arrow-button.button {\n  background-color: unset;\n  border-radius: 0 var(--spacing-8) var(--spacing-8) 0;\n  padding: 15px var(--spacing-24);\n}\n\n.select__arrow-button.button:hover {\n  background-color: var(--color-primary-dark);\n}\n\n.select__arrow-button--open.button {\n  border-bottom-right-radius:  0 !important;\n}\n\n.select__box {\n  border-radius: 0 0 var(--spacing-8) var(--spacing-8);\n  border: 2px solid var(--color-primary-bright);\n  box-sizing: border-box;\n  max-height: var(--size-m);\n  overflow: scroll;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 2;\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n  scrollbar-width: none; /* Firefox */\n}\n\n.select__box::-webkit-scrollbar {\n  display: none; /* Safari and Chrome */\n}\n\n.select__option.button {\n  border: none;\n  border-radius: 0;\n  text-align: left;\n  width: 100%;\n}\n\n.select__option.button:hover {\n  border: unset;\n}\n\n.select__option.button:last-child {\n  border-radius: 0 0 var(--spacing-8) var(--spacing-8);\n}\n\n.select--error {\n  border: 3px solid var(--color-danger);\n}\n\n.select--error:focus {\n  border: 3px solid var(--color-danger);\n  outline: none;\n}\n\n.custom-class-name-group {\n  background-color: blue;\n  padding: var(--spacing-8);\n}\n","",{version:3,sources:["webpack://./src/components/select/index.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,sBAAsB;EACtB,+BAA+B;EAC/B,6CAA6C;EAC7C,4CAA4C;EAC5C,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,kEAAkE;AACpE;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,uBAAuB;EACvB,oDAAoD;EACpD,+BAA+B;AACjC;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,oDAAoD;EACpD,6CAA6C;EAC7C,sBAAsB;EACtB,yBAAyB;EACzB,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;EACT,WAAW;EACX,UAAU;EACV,wBAAwB,EAAE,0BAA0B;EACpD,qBAAqB,EAAE,YAAY;AACrC;;AAEA;EACE,aAAa,EAAE,sBAAsB;AACvC;;AAEA;EACE,YAAY;EACZ,gBAAgB;EAChB,gBAAgB;EAChB,WAAW;AACb;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,yBAAyB;AAC3B",sourcesContent:[".select-group {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: relative;\n  width: 100%;\n}\n\n.select {\n  box-sizing: border-box;\n  border-radius: var(--spacing-8);\n  border: 2px solid var(--color-primary-bright);\n  padding: var(--spacing-16) var(--spacing-24);\n  font-size: var(--font-size-16);\n  width: 100%;\n}\n\n.select--focus {\n  border-radius:  var(--spacing-8) var(--spacing-8)   0 0 !important;\n}\n\n.select:focus {\n  border-radius: var(--spacing-8) var(--spacing-8) 0 0;\n}\n\n.select:disabled {\n  opacity: 0.5;\n}\n\n.select__arrow.input__icon {\n  padding: 0;\n}\n\n.select__arrow-button.button {\n  background-color: unset;\n  border-radius: 0 var(--spacing-8) var(--spacing-8) 0;\n  padding: 15px var(--spacing-24);\n}\n\n.select__arrow-button.button:hover {\n  background-color: var(--color-primary-dark);\n}\n\n.select__arrow-button--open.button {\n  border-bottom-right-radius:  0 !important;\n}\n\n.select__box {\n  border-radius: 0 0 var(--spacing-8) var(--spacing-8);\n  border: 2px solid var(--color-primary-bright);\n  box-sizing: border-box;\n  max-height: var(--size-m);\n  overflow: scroll;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 2;\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n  scrollbar-width: none; /* Firefox */\n}\n\n.select__box::-webkit-scrollbar {\n  display: none; /* Safari and Chrome */\n}\n\n.select__option.button {\n  border: none;\n  border-radius: 0;\n  text-align: left;\n  width: 100%;\n}\n\n.select__option.button:hover {\n  border: unset;\n}\n\n.select__option.button:last-child {\n  border-radius: 0 0 var(--spacing-8) var(--spacing-8);\n}\n\n.select--error {\n  border: 3px solid var(--color-danger);\n}\n\n.select--error:focus {\n  border: 3px solid var(--color-danger);\n  outline: none;\n}\n\n.custom-class-name-group {\n  background-color: blue;\n  padding: var(--spacing-8);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook-static/components-text-area-index-stories.b8cf9f86.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see components-text-area-index-stories.b8cf9f86.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[166],{"./src/components/text-area/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Active:()=>Active,ActiveWithConfigurableLabel:()=>ActiveWithConfigurableLabel,ActiveWithLabel:()=>ActiveWithLabel,Disabled:()=>Disabled,NoToggleButton:()=>NoToggleButton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/text-area/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/TextArea",component:_index__WEBPACK_IMPORTED_MODULE_0__.f,argTypes:{backgroundColor:{control:"color"}},decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.t]},Active={args:{placeholder:"Insert a value",disabled:!1}},Disabled={args:{placeholder:"Insert a value"}},ActiveWithLabel={args:{label:"Test",placeholder:"Insert a value",disabled:!1}},ActiveWithConfigurableLabel={args:{label:"Test",labelClassName:"custom-label",placeholder:"Insert a value",disabled:!1}},NoToggleButton={args:{hasToggleButton:!1,placeholder:"Insert a value",disabled:!1}};Active.parameters={...Active.parameters,docs:{...Active.parameters?.docs,source:{originalSource:'{\n  args: {\n    placeholder: "Insert a value",\n    disabled: false\n  }\n}',...Active.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:'{\n  args: {\n    placeholder: "Insert a value"\n  }\n}',...Disabled.parameters?.docs?.source}}},ActiveWithLabel.parameters={...ActiveWithLabel.parameters,docs:{...ActiveWithLabel.parameters?.docs,source:{originalSource:'{\n  args: {\n    label: "Test",\n    placeholder: "Insert a value",\n    disabled: false\n  }\n}',...ActiveWithLabel.parameters?.docs?.source}}},ActiveWithConfigurableLabel.parameters={...ActiveWithConfigurableLabel.parameters,docs:{...ActiveWithConfigurableLabel.parameters?.docs,source:{originalSource:'{\n  args: {\n    label: "Test",\n    labelClassName: "custom-label",\n    placeholder: "Insert a value",\n    disabled: false\n  }\n}',...ActiveWithConfigurableLabel.parameters?.docs?.source}}},NoToggleButton.parameters={...NoToggleButton.parameters,docs:{...NoToggleButton.parameters?.docs,source:{originalSource:'{\n  args: {\n    hasToggleButton: false,\n    placeholder: "Insert a value",\n    disabled: false\n  }\n}',...NoToggleButton.parameters?.docs?.source}}};const __namedExportsOrder=["Active","Disabled","ActiveWithLabel","ActiveWithConfigurableLabel","NoToggleButton"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Mz:()=>Anchor,$n:()=>Button,Ay:()=>src_components_button_0});var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_button.A,options);components_button.A&&components_button.A.locals&&components_button.A.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({Custom,children,...rest})=>Custom?(0,jsx_runtime.jsx)(Custom,{...rest,children}):(0,jsx_runtime.jsx)("a",{...rest,children});function Button({children="Click me",className="",icon,isNewWindow=!1,mode="primary",size="medium",as="button",CustomAnchor,...rest}){return"link"===as?(0,jsx_runtime.jsxs)(Anchor,{Custom:CustomAnchor,...isNewWindow&&{target:"_blank"},className:(0,clsx_m.A)(`button ${className}`,`link__${mode}`,`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.A)("button",`button__${mode}`,`button__${size}`,className),...rest,children:[children,icon]})}const src_components_button_0=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:{value:"Click me"},description:"What to put inside the button (string or html elements)",name:"children",required:!1,type:{name:"string | Element"}},className:{defaultValue:{value:""},description:"Custom css class name",name:"className",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"undefined"},description:"If you want to add an icon image next to the children. Needs to be an react html element.",name:"icon",required:!1,type:{name:"Element"}},isNewWindow:{defaultValue:{value:"false"},description:"If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.",name:"isNewWindow",required:!1,type:{name:"boolean"}},mode:{defaultValue:{value:"primary"},description:"Css mode used to style the button.",name:"mode",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'}]}},size:{defaultValue:{value:"medium"},description:"Button size.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},as:{defaultValue:{value:"button"},description:"Button type.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},CustomAnchor:{defaultValue:null,description:"Anchor for the button to follow.",name:"CustomAnchor",required:!1,type:{name:"ComponentClass<any, any>"}},backgroundColor:{defaultValue:null,description:"Custom background color for storybook.",name:"backgroundColor",required:!1,type:{name:"string"}},link:{defaultValue:null,description:"Link to url",name:"link",required:!1,type:{name:"string"}}}},"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){}try{Anchor.displayName="Anchor",Anchor.__docgenInfo={description:"",displayName:"Anchor",props:{Custom:{defaultValue:null,description:"",name:"Custom",required:!1,type:{name:"ComponentClass<any, any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Anchor"]={docgenInfo:Anchor.__docgenInfo,name:"Anchor",path:"src/components/button/index.tsx#Anchor"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/text-area/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{f:()=>TextArea,A:()=>src_components_text_area});var react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),index_esm=__webpack_require__("./node_modules/react-icons/tb/index.esm.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),text_area=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/text-area/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(text_area.A,options);text_area.A&&text_area.A.locals&&text_area.A.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function TextArea({buttonDisabled=!1,className="",disabled=!0,error={is:!1,message:""},hasToggleButton=!0,hideHeight="5rem",label,labelClassName,isRequired,placeholder="Insert value",showHeight="10rem",backgroundColor,style={},textareaClassName="",...rest}){const ref=(0,react.useRef)(),[isShow,setIsShow]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)("div",{className:(0,clsx_m.A)("textarea",className),style:{backgroundColor,...style},children:[(0,jsx_runtime.jsxs)("div",{className:"textarea__header",children:[label&&(0,jsx_runtime.jsx)("label",{className:labelClassName,children:label}),error&&error.is&&(0,jsx_runtime.jsx)("span",{className:"textarea__header--error",children:error.message})]}),(0,jsx_runtime.jsx)("textarea",{ref,className:(0,clsx_m.A)("textarea__input",error.is&&"textarea__input--error",textareaClassName),style:{height:hasToggleButton?hideHeight:showHeight},placeholder,disabled,required:isRequired,...rest}),hasToggleButton&&(0,jsx_runtime.jsx)(components_button.Ay,{type:"button",className:(0,clsx_m.A)("textarea__button",isShow&&"textarea__button--show",error.is&&"textarea__button--error"),onClick:()=>{ref&&ref.current&&(ref.current.style.height=isShow?hideHeight:showHeight,setIsShow((prev=>!prev)))},disabled:buttonDisabled,children:(0,jsx_runtime.jsx)(index_esm.COm,{size:"1.5rem"})})]})}TextArea.displayName="TextArea";const src_components_text_area=TextArea;try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{className:{defaultValue:{value:""},description:"Custom css class name textarea wrapper.",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"true"},description:"Disable prop",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:'{\n    is: false,\n    message: "",\n  }'},description:"Error message to show when input has an error.",name:"error",required:!1,type:{name:"{ message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>>; is?: boolean; } | undefined"}},hasToggleButton:{defaultValue:{value:"true"},description:"",name:"hasToggleButton",required:!1,type:{name:"boolean"}},hideHeight:{defaultValue:{value:"5rem"},description:"Minimum height if toggle button is true",name:"hideHeight",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Insert value"},description:"Placeholder for textarea html tag",name:"placeholder",required:!1,type:{name:"string"}},showHeight:{defaultValue:{value:"10rem"},description:"Maximum height if toggle button is false",name:"showHeight",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"Style textarea group wrapper",name:"style",required:!1,type:{name:"CSSProperties"}},textareaClassName:{defaultValue:{value:""},description:"Classname of the textarea",name:"textareaClassName",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Places a text on top of the text-area",name:"label",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"className of the text on top of the text-area",name:"labelClassName",required:!1,type:{name:"string"}},buttonDisabled:{defaultValue:{value:"false"},description:"Shows the full component as disabled",name:"buttonDisabled",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:null,description:"Changes the background color of the input",name:"backgroundColor",required:!1,type:{name:"string"}},isRequired:{defaultValue:null,description:"Makes input text required or not",name:"isRequired",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/text-area/index.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/components/text-area/index.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/clsx/dist/clsx.m.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_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_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.button,\n.link {\n  align-items: center;\n  border-radius: var(--spacing-32);\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  gap: var(--spacing-8);\n  font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n  color: var(--color-light-brighter);\n}\n\n.button:disabled {\n  cursor: unset;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.button:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-dark);\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\n  text-decoration: unset;\n}\n\n.button__secondary:hover {\n  box-shadow: unset;\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n  background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n  border: unset;\n}\n\n.link__primary {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n  text-decoration: underline 1px var(--color-primary-base);\n  text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n  border: unset;\n  box-shadow: unset;\n  color: var(--color-primary-dark) !important;\n  text-decoration: underline 2px var(--color-primary-base);\n  text-underline-offset: calc(var(--spacing-8) * 0.75);\n  transition: var(--transition-color-cubic-bezier),\n    var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-base);\n  box-shadow: unset;\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n}\n\n.link > a {\n  text-decoration: inherit;\n  color: inherit;\n}\n\n.link__icon svg {\n  border: 2px solid transparent;\n  border-bottom: 2px solid var(--color-primary-base);\n  border-radius: 2px;\n  padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n  color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n  border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n  border: unset;\n  box-shadow: unset;\n}\n\n.link__icon:hover svg {\n  color: var(--color-main-color) !important;\n  border: 2px solid var(--color-primary-dark);\n  transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n  padding: var(--spacing-4);\n}\n\n.button__medium {\n  padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n  padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n  padding: var(--spacing-8) var(--spacing-12);\n}\n',"",{version:3,sources:["webpack://./src/components/button/index.css"],names:[],mappings:"AAAA;;EAEE,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;EACZ,cAAc;EACd,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,mDAAmD;EACnD;6CAC2C;AAC7C;;;AAGA;EACE,6CAA6C;EAC7C,2CAA2C;AAC7C;;AAEA;;EAEE,8CAA8C;EAC9C,2CAA2C;EAC3C,gCAAgC;EAChC,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;EACjB,2CAA2C;AAC7C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;EAC3C,wDAAwD;EACxD,uCAAuC;AACzC;;AAEA;EACE,6CAA6C;EAC7C,0DAA0D;AAC5D;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,2CAA2C;EAC3C,wDAAwD;EACxD,oDAAoD;EACpD;wDACsD;AACxD;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,iBAAiB;EACjB;6CAC2C;AAC7C;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;AAC7C;;AAEA;EACE,wBAAwB;EACxB,cAAc;AAChB;;AAEA;EACE,6BAA6B;EAC7B,kDAAkD;EAClD,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,aAAa;EACb,iBAAiB;AACnB;;AAEA;EACE,yCAAyC;EACzC,2CAA2C;EAC3C,uFAAuF;AACzF;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,2CAA2C;AAC7C",sourcesContent:['.button,\n.link {\n  align-items: center;\n  border-radius: var(--spacing-32);\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  gap: var(--spacing-8);\n  font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n  color: var(--color-light-brighter);\n}\n\n.button:disabled {\n  cursor: unset;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.button:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-dark);\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\n  text-decoration: unset;\n}\n\n.button__secondary:hover {\n  box-shadow: unset;\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n  background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n  border: unset;\n}\n\n.link__primary {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n  text-decoration: underline 1px var(--color-primary-base);\n  text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n  border: unset;\n  box-shadow: unset;\n  color: var(--color-primary-dark) !important;\n  text-decoration: underline 2px var(--color-primary-base);\n  text-underline-offset: calc(var(--spacing-8) * 0.75);\n  transition: var(--transition-color-cubic-bezier),\n    var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-base);\n  box-shadow: unset;\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n}\n\n.link > a {\n  text-decoration: inherit;\n  color: inherit;\n}\n\n.link__icon svg {\n  border: 2px solid transparent;\n  border-bottom: 2px solid var(--color-primary-base);\n  border-radius: 2px;\n  padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n  color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n  border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n  border: unset;\n  box-shadow: unset;\n}\n\n.link__icon:hover svg {\n  color: var(--color-main-color) !important;\n  border: 2px solid var(--color-primary-dark);\n  transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n  padding: var(--spacing-4);\n}\n\n.button__medium {\n  padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n  padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n  padding: var(--spacing-8) var(--spacing-12);\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/text-area/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_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_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.textarea {\n  margin-bottom: var(--spacing-8);\n  position: relative;\n  width: 100%;\n}\n\n.textarea__header {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.textarea__header--error {\n  font-size: 12px;\n  color: var(--color-danger);\n}\n\n.textarea__input {\n  box-sizing: border-box;\n  border-radius: var(--spacing-8);\n  border: 2px solid var(--color-primary-bright);\n  cursor: text;\n  outline: none;\n  padding: var(--spacing-8) var(--spacing-16);\n  resize: vertical;\n  width: 100%;\n}\n\n[data-theme="dark"] .textarea__input {\n  background-color: var(--color-dark-bright);\n  color: var(--color-light-bright);\n}\n\n[data-theme="light"] .textarea__input {\n  background-color: var(--color-light-bright);\n  color: var(--color-dark-bright);\n}\n\n[data-theme="dark"] .textarea__input {\n  background-color: var(--color-dark-bright);\n  color: var(--color-light-bright);\n}\n\n[data-theme="light"] .textarea__input {\n  background-color: var(--color-light-bright);\n  color: var(--color-dark-bright);\n}\n\n.textarea__input--error {\n  border: 3px solid var(--color-danger);\n}\n\n.textarea__input:enabled:hover {\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.textarea__input:focus {\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-box-shadow-cubic-bezier);\n  outline: none;\n}\n\n.textarea__input:disabled {\n  opacity: 0.5;\n}\n\n.textarea__button.button {\n  border-radius: 0px 0px var(--spacing-8) var(--spacing-8);\n  bottom: 0;\n  cursor: pointer;\n  left: 0;\n  padding: var(--spacing-4) var(--spacing-8);\n  position: absolute;\n  width: 100%;\n}\n\n.textarea__button--error {\n  background: var(--color-danger) !important;\n  border: 3px solid var(--color-danger) !important;\n}\n\n.textarea__button > svg {\n  color: var(--color-main-color);\n}\n\n.textarea__button:disabled {\n  cursor: unset;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.textarea__button--show {\n  background-color: var(--color-primary-dark) !important;\n  border: 2px solid var(--color-primary-dark) !important;\n}\n\n.custom-label {\n  color: red;\n  text-decoration: line-through;\n}\n\n.textarea__button--show.textarea__button--error {\n  background: var(--color-danger) !important;\n  border: 3px solid var(--color-danger) !important;\n}\n',"",{version:3,sources:["webpack://./src/components/text-area/index.css"],names:[],mappings:"AAAA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,eAAe;EACf,0BAA0B;AAC5B;;AAEA;EACE,sBAAsB;EACtB,+BAA+B;EAC/B,6CAA6C;EAC7C,YAAY;EACZ,aAAa;EACb,2CAA2C;EAC3C,gBAAgB;EAChB,WAAW;AACb;;AAEA;EACE,0CAA0C;EAC1C,gCAAgC;AAClC;;AAEA;EACE,2CAA2C;EAC3C,+BAA+B;AACjC;;AAEA;EACE,0CAA0C;EAC1C,gCAAgC;AAClC;;AAEA;EACE,2CAA2C;EAC3C,+BAA+B;AACjC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,mDAAmD;EACnD,qDAAqD;AACvD;;AAEA;EACE,mDAAmD;EACnD,qDAAqD;EACrD,aAAa;AACf;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,wDAAwD;EACxD,SAAS;EACT,eAAe;EACf,OAAO;EACP,0CAA0C;EAC1C,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,0CAA0C;EAC1C,gDAAgD;AAClD;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,sDAAsD;EACtD,sDAAsD;AACxD;;AAEA;EACE,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,0CAA0C;EAC1C,gDAAgD;AAClD",sourcesContent:['.textarea {\n  margin-bottom: var(--spacing-8);\n  position: relative;\n  width: 100%;\n}\n\n.textarea__header {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.textarea__header--error {\n  font-size: 12px;\n  color: var(--color-danger);\n}\n\n.textarea__input {\n  box-sizing: border-box;\n  border-radius: var(--spacing-8);\n  border: 2px solid var(--color-primary-bright);\n  cursor: text;\n  outline: none;\n  padding: var(--spacing-8) var(--spacing-16);\n  resize: vertical;\n  width: 100%;\n}\n\n[data-theme="dark"] .textarea__input {\n  background-color: var(--color-dark-bright);\n  color: var(--color-light-bright);\n}\n\n[data-theme="light"] .textarea__input {\n  background-color: var(--color-light-bright);\n  color: var(--color-dark-bright);\n}\n\n[data-theme="dark"] .textarea__input {\n  background-color: var(--color-dark-bright);\n  color: var(--color-light-bright);\n}\n\n[data-theme="light"] .textarea__input {\n  background-color: var(--color-light-bright);\n  color: var(--color-dark-bright);\n}\n\n.textarea__input--error {\n  border: 3px solid var(--color-danger);\n}\n\n.textarea__input:enabled:hover {\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.textarea__input:focus {\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-box-shadow-cubic-bezier);\n  outline: none;\n}\n\n.textarea__input:disabled {\n  opacity: 0.5;\n}\n\n.textarea__button.button {\n  border-radius: 0px 0px var(--spacing-8) var(--spacing-8);\n  bottom: 0;\n  cursor: pointer;\n  left: 0;\n  padding: var(--spacing-4) var(--spacing-8);\n  position: absolute;\n  width: 100%;\n}\n\n.textarea__button--error {\n  background: var(--color-danger) !important;\n  border: 3px solid var(--color-danger) !important;\n}\n\n.textarea__button > svg {\n  color: var(--color-main-color);\n}\n\n.textarea__button:disabled {\n  cursor: unset;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.textarea__button--show {\n  background-color: var(--color-primary-dark) !important;\n  border: 2px solid var(--color-primary-dark) !important;\n}\n\n.custom-label {\n  color: red;\n  text-decoration: line-through;\n}\n\n.textarea__button--show.textarea__button--error {\n  background: var(--color-danger) !important;\n  border: 3px solid var(--color-danger) !important;\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-icons/lib/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k5:()=>GenIcon});var react=__webpack_require__("./node_modules/react/index.js"),DefaultContext={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},IconContext=react.createContext&&react.createContext(DefaultContext),__assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t};function Tree2Element(tree){return tree&&tree.map((function(node,i){return react.createElement(node.tag,__assign({key:i},node.attr),Tree2Element(node.child))}))}function GenIcon(data){return function(props){return react.createElement(IconBase,__assign({attr:__assign({},data.attr)},props),Tree2Element(data.child))}}function IconBase(props){var elem=function(conf){var className,attr=props.attr,size=props.size,title=props.title,svgProps=__rest(props,["attr","size","title"]),computedSize=size||conf.size||"1em";return conf.className&&(className=conf.className),props.className&&(className=(className?className+" ":"")+props.className),react.createElement("svg",__assign({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},conf.attr,attr,svgProps,{className,style:__assign(__assign({color:props.color||conf.color},conf.style),props.style),height:computedSize,width:computedSize,xmlns:"http://www.w3.org/2000/svg"}),title&&react.createElement("title",null,title),props.children)};return void 0!==IconContext?react.createElement(IconContext.Consumer,null,(function(conf){return elem(conf)})):elem(DefaultContext)}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);

package/storybook-static/components-text-area-index-stories.b8cf9f86.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/context-loading-index-stories.432db9d9.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see context-loading-index-stories.432db9d9.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[692],{"./src/context/loading/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,CustomImage:()=>CustomImage,CustomMessage:()=>CustomMessage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var withColorScheme=__webpack_require__("./src/decorators/withColorScheme.tsx"),react=__webpack_require__("./node_modules/react/index.js"),loading=__webpack_require__("./src/components/loading/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const LoadingContext=(0,react.createContext)(void 0);function loadingReducer(state,action){switch(action.type){case"set_ref":return{...state,ref:action.ref};case"start_loading":return{...state,isLoading:!0};case"stop_loading":return{...state,isLoading:!1};case"set_message":return{...state,message:action.message};default:throw new Error(`Unhandled action type: ${action.type}`)}}function LoadingProvider({children}){const[{isLoading,message,ref},dispatch]=(0,react.useReducer)(loadingReducer,{isLoading:!1,message:"Loading",ref:void 0});return(0,jsx_runtime.jsxs)(LoadingContext.Provider,{value:{state:{ref,message,isLoading},setMessage:message=>{dispatch({type:"set_message",message})},setRef:ref=>{dispatch({type:"set_ref",ref})},startLoading:()=>{dispatch({type:"start_loading"})},stopLoading:()=>{dispatch({type:"stop_loading"})}},children:[!ref&&(0,jsx_runtime.jsx)(loading.A,{children:message}),children]})}function useLoading({ref,message}={}){const context=(0,react.useContext)(LoadingContext);if((0,react.useEffect)((()=>{ref&&context?.setRef(ref),message&&context?.setMessage(message)}),[]),void 0===context)throw new Error("useLoading must be used within a LoadingProvider");return context}LoadingProvider.displayName="LoadingProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/loading/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/loading/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{LoadingProvider.displayName="LoadingProvider",LoadingProvider.__docgenInfo={description:"",displayName:"LoadingProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/loading/index.tsx#LoadingProvider"]={docgenInfo:LoadingProvider.__docgenInfo,name:"LoadingProvider",path:"src/context/loading/index.tsx#LoadingProvider"})}catch(__react_docgen_typescript_loader_error){}try{useLoading.displayName="useLoading",useLoading.__docgenInfo={description:"",displayName:"useLoading",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"RefObject<ReactNode>"}},message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/loading/index.tsx#useLoading"]={docgenInfo:useLoading.__docgenInfo,name:"useLoading",path:"src/context/loading/index.tsx#useLoading"})}catch(__react_docgen_typescript_loader_error){}const LoadingProviderMock=({Story,loadingOptions,loadingArgs})=>{const ref=(0,react.useRef)(),loading=useLoading({...loadingOptions?.isRef&&{ref},...loadingOptions?.message&&{message:loadingOptions.message}});return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[loading.state.ref&&(0,jsx_runtime.jsx)("img",{ref,src:loadingArgs.img}),(0,jsx_runtime.jsx)(Story,{})]})},withLoading=(Story,context)=>(0,jsx_runtime.jsx)(LoadingProvider,{children:(0,jsx_runtime.jsx)(LoadingProviderMock,{Story,loadingOptions:context.parameters.loadingOptions,loadingArgs:context.args})});withLoading.displayName="withLoading";const spinner_2_namespaceObject=__webpack_require__.p+"static/media/spinner_2.6f37ee56.png",index_stories={title:"Context/Loading",component:()=>(0,jsx_runtime.jsx)("div",{}),decorators:[withColorScheme.t,withLoading]},Basic={},CustomMessage={parameters:{loadingOptions:{message:"Updating form"}}},CustomImage={parameters:{loadingOptions:{isRef:!0}},args:{img:spinner_2_namespaceObject}};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{}",...Basic.parameters?.docs?.source}}},CustomMessage.parameters={...CustomMessage.parameters,docs:{...CustomMessage.parameters?.docs,source:{originalSource:'{\n  parameters: {\n    loadingOptions: {\n      message: "Updating form"\n    }\n  }\n}',...CustomMessage.parameters?.docs?.source}}},CustomImage.parameters={...CustomImage.parameters,docs:{...CustomImage.parameters?.docs,source:{originalSource:"{\n  parameters: {\n    loadingOptions: {\n      isRef: true\n    }\n  },\n  args: {\n    img: spinner\n  }\n}",...CustomImage.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","CustomMessage","CustomImage"]},"./src/components/loading/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>Loading,A:()=>src_components_loading});const loading_namespaceObject=__webpack_require__.p+"static/media/loading.cbc96c95.gif";var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),loading=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/loading/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(loading.A,options);loading.A&&loading.A.locals&&loading.A.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loading({img,children}){return(0,jsx_runtime.jsxs)("div",{className:"loading",children:[(0,jsx_runtime.jsx)("img",{src:img??loading_namespaceObject}),(0,jsx_runtime.jsx)("div",{className:"loading-message",children})]})}Loading.displayName="Loading";const src_components_loading=Loading;try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{img:{defaultValue:null,description:"Either pass an image or gif or nothing at all. Passing an empty string will break the component.",name:"img",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Message that its sent: string or number",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loading/index.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/components/loading/index.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/loading/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_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_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".loading {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  position: relative;\n}\n\n.loading-message {\n  color: white;\n}\n","",{version:3,sources:["webpack://./src/components/loading/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,uBAAuB;EACvB,kBAAkB;AACpB;;AAEA;EACE,YAAY;AACd",sourcesContent:[".loading {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  position: relative;\n}\n\n.loading-message {\n  color: white;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);

package/storybook-static/context-loading-index-stories.432db9d9.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/context-modal-index-stories.eb9322f7.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[815],{"./src/context/modal/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var react=__webpack_require__("./node_modules/react/index.js"),components_modal=__webpack_require__("./src/components/modal/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ModalContext=(0,react.createContext)(void 0);function modalReducer(state,action){switch(action.type){case"open_modal":return{...state,...action.modal,isModal:!0};case"close_modal":return{...state,isModal:!1};default:throw new Error(`Unhandled action type: ${action.type}`)}}const defaultState={subtitle:void 0,title:void 0,content:void 0,hasCloseButton:!0,hasOverlay:!0,footer:void 0,isCustom:!1,customRef:void 0,hasWindowClose:!0};function ModalProvider({children}){const ref=(0,react.useRef)(null),[state,dispatch]=(0,react.useReducer)(modalReducer,{isModal:!1,...defaultState}),closeModal=()=>{dispatch({type:"close_modal"})};return(0,react.useEffect)((()=>{if(state.isModal&&state.hasWindowClose){const listener=e=>{state.isModal&&ref.current&&!ref.current.contains(e.target)&&closeModal(),state.isModal&&state.customRef&&state.customRef.current&&!state.customRef.current.contains(e.target)&&closeModal()};return document.addEventListener("mousedown",listener),()=>{document.removeEventListener("mousedown",listener)}}}),[closeModal]),(0,jsx_runtime.jsxs)(ModalContext.Provider,{value:{state,openModal:modal=>{dispatch({type:"open_modal",modal})},closeModal},children:[children,state.isModal&&!state.isCustom&&(0,jsx_runtime.jsx)(components_modal.A,{modalref:ref,title:state.title,footer:state.footer,handleClose:closeModal,subtitle:state.subtitle,hasCloseButton:state.hasCloseButton,hasOverlay:state.hasOverlay,children:state.content})]})}function useModal({}={}){const context=(0,react.useContext)(ModalContext);if(void 0===context)throw new Error("useModal must be used within a ModalProvider");return context}ModalProvider.displayName="ModalProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/modal/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/modal/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ModalProvider.displayName="ModalProvider",ModalProvider.__docgenInfo={description:"",displayName:"ModalProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/modal/index.tsx#ModalProvider"]={docgenInfo:ModalProvider.__docgenInfo,name:"ModalProvider",path:"src/context/modal/index.tsx#ModalProvider"})}catch(__react_docgen_typescript_loader_error){}try{useModal.displayName="useModal",useModal.__docgenInfo={description:"",displayName:"useModal",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/modal/index.tsx#useModal"]={docgenInfo:useModal.__docgenInfo,name:"useModal",path:"src/context/modal/index.tsx#useModal"})}catch(__react_docgen_typescript_loader_error){}var components_button=__webpack_require__("./src/components/button/index.tsx");const ModalProviderMock=({Story,modalOptions,modalArgs})=>{const ref=(0,react.useRef)(),modal=useModal();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Ay,{onClick:()=>modal.openModal({isCustom:!0,customRef:ref}),children:"Custom"}),modal.state.isModal&&(0,jsx_runtime.jsx)(components_modal.A,{modalref:ref,handleClose:()=>modal.closeModal(),children:"2"}),(0,jsx_runtime.jsx)(Story,{})]})},withModal=(Story,context)=>(0,jsx_runtime.jsx)(ModalProvider,{children:(0,jsx_runtime.jsx)(ModalProviderMock,{Story,modalOptions:context.parameters.modalOptions,modalArgs:context.args})});withModal.displayName="withModal";const index_stories={title:"Context/Modal",component:()=>(0,jsx_runtime.jsx)("div",{}),decorators:[withModal,__webpack_require__("./src/decorators/withColorScheme.tsx").t]},Basic={};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{}",...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Mz:()=>Anchor,$n:()=>Button,Ay:()=>src_components_button_0});var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_button.A,options);components_button.A&&components_button.A.locals&&components_button.A.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({Custom,children,...rest})=>Custom?(0,jsx_runtime.jsx)(Custom,{...rest,children}):(0,jsx_runtime.jsx)("a",{...rest,children});function Button({children="Click me",className="",icon,isNewWindow=!1,mode="primary",size="medium",as="button",CustomAnchor,...rest}){return"link"===as?(0,jsx_runtime.jsxs)(Anchor,{Custom:CustomAnchor,...isNewWindow&&{target:"_blank"},className:(0,clsx_m.A)(`button ${className}`,`link__${mode}`,`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.A)("button",`button__${mode}`,`button__${size}`,className),...rest,children:[children,icon]})}const src_components_button_0=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:{value:"Click me"},description:"What to put inside the button (string or html elements)",name:"children",required:!1,type:{name:"string | Element"}},className:{defaultValue:{value:""},description:"Custom css class name",name:"className",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"undefined"},description:"If you want to add an icon image next to the children. Needs to be an react html element.",name:"icon",required:!1,type:{name:"Element"}},isNewWindow:{defaultValue:{value:"false"},description:"If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.",name:"isNewWindow",required:!1,type:{name:"boolean"}},mode:{defaultValue:{value:"primary"},description:"Css mode used to style the button.",name:"mode",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'}]}},size:{defaultValue:{value:"medium"},description:"Button size.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},as:{defaultValue:{value:"button"},description:"Button type.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},CustomAnchor:{defaultValue:null,description:"Anchor for the button to follow.",name:"CustomAnchor",required:!1,type:{name:"ComponentClass<any, any>"}},backgroundColor:{defaultValue:null,description:"Custom background color for storybook.",name:"backgroundColor",required:!1,type:{name:"string"}},link:{defaultValue:null,description:"Link to url",name:"link",required:!1,type:{name:"string"}}}},"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){}try{Anchor.displayName="Anchor",Anchor.__docgenInfo={description:"",displayName:"Anchor",props:{Custom:{defaultValue:null,description:"",name:"Custom",required:!1,type:{name:"ComponentClass<any, any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Anchor"]={docgenInfo:Anchor.__docgenInfo,name:"Anchor",path:"src/components/button/index.tsx#Anchor"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/modal/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>Modal,A:()=>src_components_modal});var index_esm=__webpack_require__("./node_modules/react-icons/io5/index.esm.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),modal=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/modal/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(modal.A,options);modal.A&&modal.A.locals&&modal.A.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Modal({className,modalref,children,title,subtitle,footer,hasOverlay=!0,hasCloseButton=!0,handleClose,...rest}){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[hasOverlay&&(0,jsx_runtime.jsx)("div",{className:"modal-overlay"}),(0,jsx_runtime.jsxs)("div",{ref:modalref,className:(0,clsx_m.A)("modal",className),...rest,children:[hasCloseButton&&(0,jsx_runtime.jsx)(components_button.Ay,{mode:"secondary",className:"modal__close",size:"small",onClick:handleClose,children:(0,jsx_runtime.jsx)(index_esm.$8F,{})}),(0,jsx_runtime.jsxs)("div",{className:"modal__content",children:[title&&(0,jsx_runtime.jsxs)("div",{className:"modal__header",children:[(0,jsx_runtime.jsx)("h3",{children:title}),(0,jsx_runtime.jsx)("h6",{children:subtitle})]}),(0,jsx_runtime.jsx)("div",{className:"modal__children",children}),footer&&(0,jsx_runtime.jsx)("div",{className:"modal__footer",children:footer})]})]})]})}const src_components_modal=Modal;try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{className:{defaultValue:null,description:"Custom css class name.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children",name:"children",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"Modal footer",name:"footer",required:!1,type:{name:"ReactNode"}},handleClose:{defaultValue:null,description:"Close click function",name:"handleClose",required:!1,type:{name:"any"}},hasCloseButton:{defaultValue:{value:"true"},description:"Modal close button",name:"hasCloseButton",required:!1,type:{name:"boolean"}},hasOverlay:{defaultValue:{value:"true"},description:"Overlay div",name:"hasOverlay",required:!1,type:{name:"boolean"}},modalref:{defaultValue:null,description:"Modal body ref",name:"modalref",required:!1,type:{name:"LegacyRef<HTMLDivElement>"}},subtitle:{defaultValue:null,description:"Subtitle of the modal",name:"subtitle",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"Title of the modal",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/index.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/components/modal/index.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DP:()=>useTheme,NP:()=>ThemeProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{Context.displayName="Context",Context.__docgenInfo={description:"Context lets components pass information deep down without explicitly\npassing props.\n\nCreated from {@link createContext}",displayName:"Context",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#Context"]={docgenInfo:Context.__docgenInfo,name:"Context",path:"src/context/theme/index.tsx#Context"})}catch(__react_docgen_typescript_loader_error){}try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.NP,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{alignItems:"center",display:"flex",justifyContent:"center",height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_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_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.button,\n.link {\n  align-items: center;\n  border-radius: var(--spacing-32);\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  gap: var(--spacing-8);\n  font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n  color: var(--color-light-brighter);\n}\n\n.button:disabled {\n  cursor: unset;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.button:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-dark);\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\n  text-decoration: unset;\n}\n\n.button__secondary:hover {\n  box-shadow: unset;\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n  background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n  border: unset;\n}\n\n.link__primary {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n  text-decoration: underline 1px var(--color-primary-base);\n  text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n  border: unset;\n  box-shadow: unset;\n  color: var(--color-primary-dark) !important;\n  text-decoration: underline 2px var(--color-primary-base);\n  text-underline-offset: calc(var(--spacing-8) * 0.75);\n  transition: var(--transition-color-cubic-bezier),\n    var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-base);\n  box-shadow: unset;\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n}\n\n.link > a {\n  text-decoration: inherit;\n  color: inherit;\n}\n\n.link__icon svg {\n  border: 2px solid transparent;\n  border-bottom: 2px solid var(--color-primary-base);\n  border-radius: 2px;\n  padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n  color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n  border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n  border: unset;\n  box-shadow: unset;\n}\n\n.link__icon:hover svg {\n  color: var(--color-main-color) !important;\n  border: 2px solid var(--color-primary-dark);\n  transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n  padding: var(--spacing-4);\n}\n\n.button__medium {\n  padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n  padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n  padding: var(--spacing-8) var(--spacing-12);\n}\n',"",{version:3,sources:["webpack://./src/components/button/index.css"],names:[],mappings:"AAAA;;EAEE,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;EACZ,cAAc;EACd,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,mDAAmD;EACnD;6CAC2C;AAC7C;;;AAGA;EACE,6CAA6C;EAC7C,2CAA2C;AAC7C;;AAEA;;EAEE,8CAA8C;EAC9C,2CAA2C;EAC3C,gCAAgC;EAChC,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;EACjB,2CAA2C;AAC7C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;EAC3C,wDAAwD;EACxD,uCAAuC;AACzC;;AAEA;EACE,6CAA6C;EAC7C,0DAA0D;AAC5D;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,2CAA2C;EAC3C,wDAAwD;EACxD,oDAAoD;EACpD;wDACsD;AACxD;;AAEA;EACE,2CAA2C;EAC3C,2CAA2C;EAC3C,iBAAiB;EACjB;6CAC2C;AAC7C;;AAEA;EACE,kCAAkC;EAClC,2CAA2C;AAC7C;;AAEA;EACE,wBAAwB;EACxB,cAAc;AAChB;;AAEA;EACE,6BAA6B;EAC7B,kDAAkD;EAClD,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,aAAa;EACb,iBAAiB;AACnB;;AAEA;EACE,yCAAyC;EACzC,2CAA2C;EAC3C,uFAAuF;AACzF;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,2CAA2C;AAC7C",sourcesContent:['.button,\n.link {\n  align-items: center;\n  border-radius: var(--spacing-32);\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  gap: var(--spacing-8);\n  font-size: var(--font-size-16);\n}\n\n[data-theme="dark"] .button {\n  color: var(--color-light-brighter);\n}\n\n.button:disabled {\n  cursor: unset;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.button:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-dark);\n  box-shadow: 2px 4px 6px 0 var(--color-primary-base);\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n\n.button__primary {\n  background-color: var(--color-primary-bright);\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__secondary,\n.link__secondary {\n  background-color: var(--color-main-background);\n  border: 3px solid var(--color-primary-base);\n  border-radius: var(--spacing-32);\n  text-decoration: unset;\n}\n\n.button__secondary:hover {\n  box-shadow: unset;\n  border: 3px solid var(--color-primary-base);\n}\n\n.button__icon {\n  background-color: var(--color-primary-bright);\n}\n\n.button__icon:hover {\n  border: unset;\n}\n\n.link__primary {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n  text-decoration: underline 1px var(--color-primary-base);\n  text-underline-offset: var(--spacing-4);\n}\n\n[data-theme="light"] .link__primary {\n  color: var(--color-primary-darker) !important;\n  text-decoration: underline 1px var(--color-primary-darker);\n}\n\n.link__primary:hover {\n  border: unset;\n  box-shadow: unset;\n  color: var(--color-primary-dark) !important;\n  text-decoration: underline 2px var(--color-primary-base);\n  text-underline-offset: calc(var(--spacing-8) * 0.75);\n  transition: var(--transition-color-cubic-bezier),\n    var(--transition-text-underline-offset-cubic-bezier);\n}\n\n.link__secondary:hover {\n  background-color: var(--color-primary-dark);\n  border: 3px solid var(--color-primary-base);\n  box-shadow: unset;\n  transition: var(--transition-bg-cubic-bezier),\n    var(--transition-box-shadow-cubic-bezier);\n}\n\n.link__icon {\n  background-color: unset !important;\n  color: var(--color-primary-base) !important;\n}\n\n.link > a {\n  text-decoration: inherit;\n  color: inherit;\n}\n\n.link__icon svg {\n  border: 2px solid transparent;\n  border-bottom: 2px solid var(--color-primary-base);\n  border-radius: 2px;\n  padding: var(--spacing-4);\n}\n\n[data-theme="light"] .link__icon {\n  color: var(--color-primary-darker) !important;\n}\n\n[data-theme="light"] .link__icon svg {\n  border-bottom: 2px solid var(--color-primary-darker);\n}\n\n.link__icon:hover {\n  border: unset;\n  box-shadow: unset;\n}\n\n.link__icon:hover svg {\n  color: var(--color-main-color) !important;\n  border: 2px solid var(--color-primary-dark);\n  transition: var(--transition-color-cubic-bezier), var(--transition-border-cubic-bezier);\n}\n\n.button__small {\n  padding: var(--spacing-4);\n}\n\n.button__medium {\n  padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n  padding: var(--spacing-16);\n}\n\n.button__icon.button__medium {\n  padding: var(--spacing-8) var(--spacing-12);\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./src/components/modal/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_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_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".modal-overlay {\n  background: rgba(0, 0, 0, 0.3);\n  bottom: 0;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n}\n\n.modal {\n  background: white;\n  border-radius: var(--spacing-8);\n  border: 1px solid var(--color-neutral-600);\n  color: var(--color-black);\n  left: 50%;\n  padding: var(--spacing-4) var(--spacing-4);\n  position: absolute;\n  right: var(--spacing-16);\n  top: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 5;\n}\n\n.modal__close {\n  position: absolute;\n  right: calc(var(--spacing-16) * -1);\n  top: calc(var(--spacing-16) * -1);\n  z-index: 5;\n}\n\n.modal__content {\n  border: 1px solid var(--color-neutral-100);\n  border-radius: var(--spacing-8);\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-16);\n  padding: 0 var(--spacing-16);\n}\n\n.modal__footer {\n  padding-bottom: var(--spacing-16);\n}\n","",{version:3,sources:["webpack://./src/components/modal/index.css"],names:[],mappings:"AAAA;EACE,8BAA8B;EAC9B,SAAS;EACT,OAAO;EACP,eAAe;EACf,QAAQ;EACR,MAAM;AACR;;AAEA;EACE,iBAAiB;EACjB,+BAA+B;EAC/B,0CAA0C;EAC1C,yBAAyB;EACzB,SAAS;EACT,0CAA0C;EAC1C,kBAAkB;EAClB,wBAAwB;EACxB,QAAQ;EACR,gCAAgC;EAChC,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,mCAAmC;EACnC,iCAAiC;EACjC,UAAU;AACZ;;AAEA;EACE,0CAA0C;EAC1C,+BAA+B;EAC/B,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,4BAA4B;AAC9B;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:[".modal-overlay {\n  background: rgba(0, 0, 0, 0.3);\n  bottom: 0;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n}\n\n.modal {\n  background: white;\n  border-radius: var(--spacing-8);\n  border: 1px solid var(--color-neutral-600);\n  color: var(--color-black);\n  left: 50%;\n  padding: var(--spacing-4) var(--spacing-4);\n  position: absolute;\n  right: var(--spacing-16);\n  top: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 5;\n}\n\n.modal__close {\n  position: absolute;\n  right: calc(var(--spacing-16) * -1);\n  top: calc(var(--spacing-16) * -1);\n  z-index: 5;\n}\n\n.modal__content {\n  border: 1px solid var(--color-neutral-100);\n  border-radius: var(--spacing-8);\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-16);\n  padding: 0 var(--spacing-16);\n}\n\n.modal__footer {\n  padding-bottom: var(--spacing-16);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook-static/favicon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
+  <svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z" fill="#FF4785"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" fill="#fff"></path>
+  </svg>
+  <style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
+</svg>